@font-face{font-family:manrope;src:url(../media/Manrope[wght]-s.0nrgw8_4xg_io.ttf)format("truetype");font-display:swap}@font-face{font-family:manrope Fallback;src:local(Arial);ascent-override:106.45%;descent-override:29.96%;line-gap-override:0.0%;size-adjust:100.14%}.manrope_78a767e7-module__utukKq__className{font-family:manrope,manrope Fallback}
:root{--tl-graphite:#101826;--tl-white:#fff;--tl-black:#05080d;--tl-cyan:#00c5ec;--tl-cyan-deep:#007f9f;--tl-green:#24e38a;--tl-green-deep:#008650;--tl-red:#ff4b58;--tl-red-deep:#d9253d;--tl-blue:#4b7bff;--tl-blue-deep:#3157d5;--radius-control:10px;--radius-panel:16px;--radius-pill:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--control-sm:44px;--control-md:48px;--control-lg:52px;--type-mobile-display:clamp(32px, 8vw, 40px);--type-mobile-title:clamp(26px, 7vw, 32px);--type-mobile-section:clamp(24px, 6.5vw, 28px);--type-mobile-subheading:18px;--type-mobile-body:16px;--type-mobile-control:15px;--type-mobile-label:14px;--type-mobile-meta:13px;--type-mobile-caption:12px;--motion-fast:.12s;--motion-control:.18s;--motion-panel:.28s;--ease-interface:cubic-bezier(.2, .8, .2, 1);--layer-content:1;--layer-sticky:30;--layer-header:40;--layer-menu:65;--layer-dialog:100;--layer-progress:140;--state-success:#008650;--state-warning:#a35d00;--state-danger:#d9253d;--state-info:#007f9f}.store.store,[data-ui-root][data-ui-root]{--ink:#101826;--muted:#536371;--line:#dce4ea;--canvas:#f5f7f9;--surface:#fff;--surface-soft:#eef3f6;--on-accent:#fff;--sidebar:#fff;--sidebar-ink:#101826;--sidebar-muted:#536371;--sidebar-line:#dce4ea;--sidebar-hover:#f0f5f7;--sidebar-active:#eaf6f8;--sidebar-quote:#edf7f9;--sidebar-shadow:#07132216;--state-danger:#d9253d;--state-success:#008650;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root:has(.store){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background-color:#fff}.store.store[data-theme=dark],[data-ui-root][data-ui-root][data-theme=dark]{--ink:#edf3f7;--muted:#a8b7c4;--line:#455666;--canvas:#0b141f;--surface:#121e2a;--surface-soft:#1a2936;--on-accent:#101826;--sidebar:#101826;--sidebar-ink:#e8eef3;--sidebar-muted:#a8b7c4;--sidebar-line:#455666;--sidebar-hover:#17283a;--sidebar-active:#203042;--sidebar-quote:#1b3040;--sidebar-shadow:#00000038;--state-danger:#ff7483;--state-success:#24e38a;--state-warning:#ffc46b;--state-info:#00c5ec;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root:has(.store[data-theme=dark]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-color:#121e2a}@media (prefers-color-scheme:dark){.store.store[data-theme=system],[data-ui-root][data-ui-root][data-theme=system]{--ink:#edf3f7;--muted:#a8b7c4;--line:#455666;--canvas:#0b141f;--surface:#121e2a;--surface-soft:#1a2936;--on-accent:#101826;--sidebar:#101826;--sidebar-ink:#e8eef3;--sidebar-muted:#a8b7c4;--sidebar-line:#455666;--sidebar-hover:#17283a;--sidebar-active:#203042;--sidebar-quote:#1b3040;--sidebar-shadow:#00000038;--state-danger:#ff7483;--state-success:#24e38a;--state-warning:#ffc46b;--state-info:#00c5ec;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root:has(.store[data-theme=system]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-color:#121e2a}}body:has(.store){background-color:inherit}.store.store[data-accent=cyan],[data-ui-root][data-ui-root][data-accent=cyan]{--cyan:#007f9f;--accent:var(--cyan)}.store.store[data-theme=dark][data-accent=cyan],[data-ui-root][data-ui-root][data-theme=dark][data-accent=cyan]{--cyan:#00c5ec}@media (prefers-color-scheme:dark){.store.store[data-theme=system][data-accent=cyan],[data-ui-root][data-ui-root][data-theme=system][data-accent=cyan]{--cyan:#00c5ec}}.store.store[data-accent=green],[data-ui-root][data-ui-root][data-accent=green]{--cyan:#008650;--accent:var(--cyan)}.store.store[data-theme=dark][data-accent=green],[data-ui-root][data-ui-root][data-theme=dark][data-accent=green]{--cyan:#24e38a}@media (prefers-color-scheme:dark){.store.store[data-theme=system][data-accent=green],[data-ui-root][data-ui-root][data-theme=system][data-accent=green]{--cyan:#24e38a}}.store.store[data-accent=red],[data-ui-root][data-ui-root][data-accent=red]{--cyan:#d9253d;--accent:var(--cyan)}.store.store[data-theme=dark][data-accent=red],[data-ui-root][data-ui-root][data-theme=dark][data-accent=red]{--cyan:#ff4b58}@media (prefers-color-scheme:dark){.store.store[data-theme=system][data-accent=red],[data-ui-root][data-ui-root][data-theme=system][data-accent=red]{--cyan:#ff4b58}}.store.store[data-accent=blue],[data-ui-root][data-ui-root][data-accent=blue]{--cyan:#3157d5;--accent:var(--cyan)}.store.store[data-theme=dark][data-accent=blue],[data-ui-root][data-ui-root][data-theme=dark][data-accent=blue]{--cyan:#6c93ff}@media (prefers-color-scheme:dark){.store.store[data-theme=system][data-accent=blue],[data-ui-root][data-ui-root][data-theme=system][data-accent=blue]{--cyan:#6c93ff}}.store.store,[data-ui-root][data-ui-root]{--ui-ink:var(--ink);--ui-surface:var(--surface);--ui-soft:var(--surface-soft);--ui-line:var(--line);--ui-muted:var(--muted);--accent:var(--cyan)}.store.store[data-contrast=high],[data-ui-root][data-ui-root][data-contrast=high]{--muted:var(--ink);--line:var(--ink)}.store.store[data-font-size=large],[data-ui-root][data-ui-root][data-font-size=large]{font-size:18px}
.ui-kit-module__WJCCcq__page{min-height:100svh;color:var(--ink);background:var(--canvas);font-family:inherit}.ui-kit-module__WJCCcq__page[data-scale=large]{font-size:18px}.ui-kit-module__WJCCcq__skip{z-index:200;color:#fff;background:#101826;border-radius:8px;padding:10px 14px;position:fixed;top:12px;left:12px;transform:translateY(-150%)}.ui-kit-module__WJCCcq__skip:focus{transform:translateY(0)}.ui-kit-module__WJCCcq__header{z-index:50;color:#fff;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#101826ef;border-bottom:1px solid #2a3a49;justify-content:space-between;align-items:center;min-height:66px;padding:10px clamp(18px,4vw,64px);display:flex;position:sticky;top:0}.ui-kit-module__WJCCcq__brand{color:#fff;letter-spacing:-.04em;align-items:baseline;gap:12px;font-weight:800;text-decoration:none;display:flex}.ui-kit-module__WJCCcq__brand span{color:#00c5ec;letter-spacing:.14em;font-size:12px}.ui-kit-module__WJCCcq__header nav{gap:8px;display:flex}.ui-kit-module__WJCCcq__header nav a{color:#bdc9d3;padding:8px 10px;font-size:12px;text-decoration:none}.ui-kit-module__WJCCcq__header nav a:hover{color:#fff}.ui-kit-module__WJCCcq__main{width:min(1480px,100% - 36px);margin:auto;padding-bottom:90px}.ui-kit-module__WJCCcq__hero{grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);align-items:end;gap:48px;min-height:520px;padding:clamp(64px,9vw,130px) 0 64px;display:grid}.ui-kit-module__WJCCcq__kicker{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:8px;font-size:12px;font-weight:800;display:inline-flex}.ui-kit-module__WJCCcq__kicker:before{content:"";background:currentColor;width:22px;height:2px}.ui-kit-module__WJCCcq__hero h1{letter-spacing:-.075em;max-width:950px;margin:20px 0 0;font-size:clamp(54px,8vw,118px);line-height:.92}.ui-kit-module__WJCCcq__hero h1 span{color:var(--accent)}.ui-kit-module__WJCCcq__hero p{max-width:480px;color:var(--muted);margin:0;font-size:clamp(16px,2vw,22px);line-height:1.55}.ui-kit-module__WJCCcq__controlBar{background:var(--surface);border:1px solid var(--line);border-radius:18px;flex-wrap:wrap;align-items:end;gap:14px;padding:18px;display:flex;box-shadow:0 14px 45px #0713220d}.ui-kit-module__WJCCcq__control{gap:7px;min-width:170px;display:grid}.ui-kit-module__WJCCcq__control>span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:750}.ui-kit-module__WJCCcq__control select{min-height:40px;color:var(--ink);background:var(--surface-soft);border:1px solid var(--line);font:inherit;border-radius:9px;padding:0 34px 0 11px;font-size:12px}.ui-kit-module__WJCCcq__section{padding:clamp(60px,8vw,115px) 0 0;scroll-margin-top:78px}.ui-kit-module__WJCCcq__sectionHead{border-bottom:1px solid var(--line);grid-template-columns:1fr minmax(260px,440px);align-items:end;gap:40px;padding-bottom:26px;display:grid}.ui-kit-module__WJCCcq__sectionHead h2{letter-spacing:-.06em;margin:10px 0 0;font-size:clamp(34px,5vw,66px);line-height:1}.ui-kit-module__WJCCcq__sectionHead p{color:var(--muted);margin:0;line-height:1.6}.ui-kit-module__WJCCcq__showcase{grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;margin-top:28px;display:grid}.ui-kit-module__WJCCcq__demo{background:var(--surface);border:1px solid var(--line);border-radius:18px;grid-column:span 6;min-width:0;padding:clamp(18px,3vw,32px)}.ui-kit-module__WJCCcq__demoWide{grid-column:1/-1}.ui-kit-module__WJCCcq__detailPattern{background:var(--surface);border:1px solid var(--line);border-radius:20px;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);align-items:start;gap:clamp(20px,4vw,52px);margin-top:28px;padding:clamp(18px,3vw,32px);display:grid;container-type:inline-size}.ui-kit-module__WJCCcq__detailPatternGallery{min-width:0}.ui-kit-module__WJCCcq__detailPatternRules{gap:16px;min-width:0;display:grid}.ui-kit-module__WJCCcq__detailPatternRules h3{letter-spacing:-.035em;margin:0;font-size:clamp(24px,3vw,38px);line-height:1.05}.ui-kit-module__WJCCcq__detailPatternRules p{color:var(--muted);margin:0;line-height:1.65}.ui-kit-module__WJCCcq__detailPatternRules>div{flex-wrap:wrap;gap:7px;display:flex}@media (max-width:900px){.ui-kit-module__WJCCcq__detailPattern{grid-template-columns:1fr}}.ui-kit-module__WJCCcq__demo h3{margin:0 0 6px;font-size:18px}.ui-kit-module__WJCCcq__demo>p{color:var(--muted);margin:0 0 22px;font-size:13px}.ui-kit-module__WJCCcq__row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.ui-kit-module__WJCCcq__formGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.ui-kit-module__WJCCcq__colorGrid{grid-template-columns:repeat(4,minmax(120px,1fr));gap:12px;display:grid}.ui-kit-module__WJCCcq__color{color:#fff;border-radius:14px;gap:38px;min-height:150px;padding:16px;display:grid}.ui-kit-module__WJCCcq__color span{letter-spacing:.07em;font-size:12px;font-weight:800}.ui-kit-module__WJCCcq__color code{font-size:12px}.ui-kit-module__WJCCcq__cyan{background:#007f9f}.ui-kit-module__WJCCcq__green{background:#008650}.ui-kit-module__WJCCcq__red{background:#d9253d}.ui-kit-module__WJCCcq__blue{background:#3157d5}.ui-kit-module__WJCCcq__skeletonGrid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.ui-kit-module__WJCCcq__skeletonCard{border:1px solid var(--line);border-radius:13px;gap:10px;padding:12px;display:grid}.ui-kit-module__WJCCcq__downloads{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.ui-kit-module__WJCCcq__download{min-height:150px;color:inherit;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:20px;text-decoration:none;display:grid}.ui-kit-module__WJCCcq__download span{color:var(--accent);letter-spacing:.09em;font-size:12px;font-weight:800}.ui-kit-module__WJCCcq__download strong{margin-top:auto;font-size:18px}.ui-kit-module__WJCCcq__download small{color:var(--muted)}.ui-kit-module__WJCCcq__motionSample{align-items:center;gap:18px;display:flex}.ui-kit-module__WJCCcq__ledDots{gap:5px;display:flex}.ui-kit-module__WJCCcq__ledDots i{border-radius:2px;width:9px;height:9px;animation:1.8s ease-in-out infinite ui-kit-module__WJCCcq__pulse}.ui-kit-module__WJCCcq__ledDots i:first-child{background:#ff4b58}.ui-kit-module__WJCCcq__ledDots i:nth-child(2){background:#24e38a;animation-delay:.12s}.ui-kit-module__WJCCcq__ledDots i:nth-child(3){background:#4b7bff;animation-delay:.24s}.ui-kit-module__WJCCcq__footer{color:var(--muted);border-top:1px solid var(--line);justify-content:space-between;gap:20px;margin-top:90px;padding:30px 0;font-size:12px;display:flex}@keyframes ui-kit-module__WJCCcq__pulse{0%,70%,to{opacity:.35;transform:scale(.85)}35%{opacity:1;transform:scale(1)}}@media (max-width:900px){.ui-kit-module__WJCCcq__hero,.ui-kit-module__WJCCcq__sectionHead{grid-template-columns:1fr}.ui-kit-module__WJCCcq__hero{gap:28px;min-height:auto}.ui-kit-module__WJCCcq__demo{grid-column:1/-1}.ui-kit-module__WJCCcq__downloads,.ui-kit-module__WJCCcq__colorGrid{grid-template-columns:1fr 1fr}}@media (max-width:600px){.ui-kit-module__WJCCcq__header nav{display:none}.ui-kit-module__WJCCcq__hero h1{font-size:48px}.ui-kit-module__WJCCcq__main{width:min(100% - 28px,1480px)}.ui-kit-module__WJCCcq__formGrid,.ui-kit-module__WJCCcq__skeletonGrid,.ui-kit-module__WJCCcq__downloads{grid-template-columns:1fr}.ui-kit-module__WJCCcq__colorGrid{grid-template-columns:1fr 1fr}.ui-kit-module__WJCCcq__control{flex:130px;min-width:130px}}@media (prefers-reduced-motion:reduce){.ui-kit-module__WJCCcq__ledDots i{opacity:1;animation:none;transform:none}}.ui-kit-module__WJCCcq__mobileExample{max-width:390px;margin:24px auto}.ui-kit-module__WJCCcq__mobileExample h3{overflow-wrap:anywhere;line-height:1.45}.ui-kit-module__WJCCcq__mobileExample button{margin-top:16px}