.radius-scale:where(.astro-7csu4yhd){border:1px solid var(--sl-color-gray-5);border-radius:.875rem;flex-wrap:wrap;gap:1.5rem 1.75rem;margin:1.5rem 0;padding:1.5rem 1.5rem 1.25rem;display:flex}.radius-scale:where(.astro-7csu4yhd)>:where(.astro-7csu4yhd){margin-top:0!important}.rs-item:where(.astro-7csu4yhd){flex-direction:column;align-items:center;gap:.6rem;display:flex}.rs-tile:where(.astro-7csu4yhd){background:var(--sl-color-gray-6,var(--sl-color-gray-7));border:1.5px solid var(--sl-color-gray-3);width:92px;height:92px;display:block}.rs-label:where(.astro-7csu4yhd){color:var(--sl-color-white);font-size:.9375rem;font-weight:700}.rs-px:where(.astro-7csu4yhd){font-family:var(--sl-font-mono), ui-monospace, monospace;color:var(--sl-color-gray-3);font-size:.8125rem}.spacing-scale:where(.astro-an5bec3u){border:1px solid var(--sl-color-gray-5);border-radius:.875rem;flex-wrap:wrap;align-items:flex-end;gap:1.5rem 1.75rem;margin:1.5rem 0;padding:1.5rem 1.5rem 1.25rem;display:flex}.spacing-scale:where(.astro-an5bec3u)>:where(.astro-an5bec3u){margin-top:0!important}.sp-item:where(.astro-an5bec3u){flex-direction:column;align-items:center;gap:.6rem;display:flex}.sp-measure:where(.astro-an5bec3u){border-bottom:2px solid var(--sl-color-gray-3);align-items:stretch;height:44px;display:inline-flex}.sp-tick:where(.astro-an5bec3u){background:var(--sl-color-gray-3);width:2px;display:block}.sp-fill:where(.astro-an5bec3u){display:block}.sp-label:where(.astro-an5bec3u){color:var(--sl-color-white);font-size:.9375rem;font-weight:700}.sp-px:where(.astro-an5bec3u){font-family:var(--sl-font-mono), ui-monospace, monospace;color:var(--sl-color-gray-3);font-size:.8125rem}.el-heights:where(.astro-qj5bzeqi){border:1px solid var(--sl-color-gray-5);border-radius:.75rem;margin:1.5rem 0;padding:2rem 1.25rem 1.5rem}.el-heights:where(.astro-qj5bzeqi)>:where(.astro-qj5bzeqi){margin-top:0!important}.eh-row:where(.astro-qj5bzeqi){flex-wrap:wrap;align-items:flex-end;gap:1.75rem 1.5rem;display:flex}.eh-row:where(.astro-qj5bzeqi)>:where(.astro-qj5bzeqi){margin-top:0!important}.eh-item:where(.astro-qj5bzeqi){flex-direction:column;align-items:flex-start;gap:.6rem;display:flex}.eh-item:where(.astro-qj5bzeqi)>:where(.astro-qj5bzeqi){margin-top:0!important}.eh-badge:where(.astro-qj5bzeqi){color:#fff;white-space:nowrap;background:#b5b6bb;border-radius:9999px;align-items:center;height:20px;padding:0 .6rem;font-size:.7rem;font-weight:500;display:inline-flex}.eh-btn:where(.astro-qj5bzeqi){color:#fff;white-space:nowrap;background:#cd141e;border-radius:.625rem;align-items:center;padding:0 .9rem;font-size:.82rem;font-weight:600;display:inline-flex}.eh-input:where(.astro-qj5bzeqi){border:1px solid var(--sl-color-gray-4);background:#fff;border-radius:.625rem;justify-content:space-between;align-items:center;gap:.5rem;min-width:100px;padding:0 .7rem;font-size:.82rem;display:inline-flex}.eh-ph:where(.astro-qj5bzeqi){color:#9ca3af}.eh-val:where(.astro-qj5bzeqi){color:#111827}.eh-cap:where(.astro-qj5bzeqi){color:var(--sl-color-gray-3);font-size:.72rem}.eh-cap:where(.astro-qj5bzeqi) code:where(.astro-qj5bzeqi){font-size:.7rem}.droplet-showcase:where(.astro-4aplptwv){border:1px solid var(--sl-color-gray-5);border-radius:.75rem;margin:1.5rem 0;padding:1.25rem}.droplet-showcase:where(.astro-4aplptwv)>:where(.astro-4aplptwv){margin-top:0!important}.droplet-row:where(.astro-4aplptwv){flex-wrap:wrap;align-items:flex-start;gap:1.25rem 1.5rem;display:flex}.droplet-item:where(.astro-4aplptwv){flex-direction:column;align-items:center;gap:.5rem;display:flex}.droplet:where(.astro-4aplptwv){color:#fff;border-radius:.625rem 0 .625rem .625rem;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.droplet-label:where(.astro-4aplptwv){font-family:var(--sl-font-mono), ui-monospace, monospace;opacity:.75;font-size:.75rem}.droplet-code:where(.astro-4aplptwv){white-space:pre-wrap;word-break:break-word;border-radius:.5rem;margin-top:2rem;font-size:.8125rem}.motion-demo:where(.astro-udn4rxlk){border:1px solid var(--sl-color-gray-5);border-radius:.75rem;margin:1.5rem 0;padding:1.5rem 1.25rem 1.1rem}.motion-demo:where(.astro-udn4rxlk)>:where(.astro-udn4rxlk){margin-top:0!important}.md-stage:where(.astro-udn4rxlk){gap:.75rem;min-height:72px;display:flex}.md-card:where(.astro-udn4rxlk){background:var(--sl-color-gray-6,var(--sl-color-gray-7));border:1px solid var(--sl-color-gray-4);border-radius:.625rem;width:84px;height:64px;display:block}@keyframes md-fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.md-anim:where(.astro-udn4rxlk){animation:.4s ease-out both md-fade-up}.md-foot:where(.astro-udn4rxlk){flex-wrap:wrap;align-items:center;gap:.75rem 1rem;margin-top:1rem;display:flex}.md-replay:where(.astro-udn4rxlk){cursor:pointer;background:var(--sl-color-accent);color:var(--sl-color-black);border:0;border-radius:.5rem;padding:.4rem .85rem;font-size:.8125rem;font-weight:600}.md-hint:where(.astro-udn4rxlk){color:var(--sl-color-gray-3);font-size:.75rem}.shadow-grid:where(.astro-3a7dzxc5){grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2.5rem;margin:2rem 0;display:grid}.shadow-grid:where(.astro-3a7dzxc5)>:where(.astro-3a7dzxc5){margin-top:0!important}.shadow-card:where(.astro-3a7dzxc5){background:#fff;border:1px solid #f3f4f6;border-radius:1rem;flex-direction:column;justify-content:space-between;min-height:170px;padding:1.1rem;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.shadow-card-default:where(.astro-3a7dzxc5){box-shadow:none}.shadow-card-default:where(.astro-3a7dzxc5):hover{border-color:#e5e7eb;box-shadow:0 20px 25px -5px #00000014,0 8px 10px -6px #0000000f}.shadow-card-login:where(.astro-3a7dzxc5){background:#fff;border:1px solid #0000;box-shadow:0 2px 8px #0000000f,0 16px 48px #0000001f}.card-preview:where(.astro-3a7dzxc5){flex-direction:column;flex-grow:1;justify-content:center;display:flex}.evt:where(.astro-3a7dzxc5){flex-direction:column;align-items:flex-start;gap:.5rem;display:flex}.evt-title:where(.astro-3a7dzxc5){color:#111827;font-size:.95rem;font-weight:700;line-height:1.25}.evt-desc:where(.astro-3a7dzxc5){color:#6b7280;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.78rem;line-height:1.4;display:-webkit-box;overflow:hidden}.evt-btn:where(.astro-3a7dzxc5){color:#fff;background:#cd141e;border-radius:.5rem;align-self:flex-end;align-items:center;gap:.3rem;margin-top:.25rem;padding:.38rem .75rem;font-size:.72rem;font-weight:600;display:inline-flex}.login-mini-box:where(.astro-3a7dzxc5){flex-direction:column;gap:.7rem;padding:.3rem .5rem;display:flex}.login-title:where(.astro-3a7dzxc5){text-align:center;letter-spacing:-.01em;color:#111827;font-size:1.05rem;font-weight:800}.login-field:where(.astro-3a7dzxc5){flex-direction:column;gap:.25rem;display:flex}.mock-label:where(.astro-3a7dzxc5){color:#374151;font-size:.65rem;font-weight:700}.mock-input-row:where(.astro-3a7dzxc5){background:#fff;border:1px solid #d1d5db;border-radius:.5rem;align-items:stretch;display:flex;overflow:hidden}.mock-input-field:where(.astro-3a7dzxc5){flex:1;align-items:center;gap:.35rem;min-width:0;padding:.3rem .5rem;display:flex}.mock-mail-icon:where(.astro-3a7dzxc5){color:#9ca3af;align-items:center;display:flex}.mock-placeholder:where(.astro-3a7dzxc5){color:#9ca3af;white-space:nowrap;text-overflow:ellipsis;font-size:.65rem;overflow:hidden}.mock-send:where(.astro-3a7dzxc5){color:#fff;background:#cd141e;flex-shrink:0;justify-content:center;align-items:center;width:30px;display:flex}.shadow-badge:where(.astro-3a7dzxc5){color:#fff;background:#b5b6bb;border-radius:9999px;padding:.15rem .55rem;font-size:.6875rem;font-weight:600;position:absolute;top:.75rem;right:.75rem}.shadow-footer:where(.astro-3a7dzxc5){border-top:1px dashed var(--sl-color-gray-5);flex-direction:column;gap:.15rem;margin-top:.85rem;padding-top:.55rem;display:flex}.shadow-tokens:where(.astro-3a7dzxc5){color:var(--sl-color-gray-3);font-size:.625rem;line-height:1.6}.shadow-tokens:where(.astro-3a7dzxc5) code:where(.astro-3a7dzxc5){white-space:nowrap}.shadow-footer:where(.astro-3a7dzxc5) code:where(.astro-3a7dzxc5){color:var(--sl-color-gray-2)!important;background:0 0!important;border:none!important;padding:0!important;font-size:.625rem!important}.shadow-scale:where(.astro-ayecqq5k){border:1px solid var(--sl-color-gray-5);background:var(--sl-color-bg);border-radius:.875rem;flex-wrap:wrap;gap:2.25rem 2.75rem;margin:1.5rem 0;padding:2rem 2rem 1.75rem;display:flex}.shadow-scale:where(.astro-ayecqq5k)>:where(.astro-ayecqq5k){margin-top:0!important}.shs-item:where(.astro-ayecqq5k){flex-direction:column;align-items:center;gap:.85rem;display:flex}.shs-tile:where(.astro-ayecqq5k){background:#fff;border:1px solid #f3f4f6;border-radius:.75rem;width:72px;height:72px;display:block}.shs-label:where(.astro-ayecqq5k){font-family:var(--sl-font-mono), ui-monospace, monospace;color:var(--sl-color-gray-3);background:0 0;border:0;padding:0;font-size:.75rem}