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