.case{--ds-primary: #5756B3;--ds-primary-50: #A3A0FF;--ds-black: #05050F;--ds-dark: #23233A;--ds-medium: #646C8D;--ds-dark-50: #8484A0;--ds-light-30: #EEF0FA;--ds-link: #008BD2;--ds-accent: var(--ds-primary)}[data-theme=dark] .case{--ds-accent: var(--ds-primary-50)}.ds-stats{list-style:none;margin:6rem 0 0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));column-gap:2rem}.ds-stats li{display:flex;flex-direction:column;row-gap:.8rem;padding-top:2rem;border-top:1px solid var(--border)}.ds-stat-num{font-size:5.6rem;line-height:1;letter-spacing:-.03em;color:var(--fg);font-variant-numeric:tabular-nums}.ds-fonts{grid-column:1 / -1;margin-top:6rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:2rem}.ds-font{display:flex;flex-direction:column;padding:3.2rem 3.2rem 4rem;border-radius:1.6rem;background:var(--panel);border:1px solid color-mix(in srgb,var(--fg) 7%,transparent);color:var(--fg)}.ds-font-head{display:flex;justify-content:space-between;gap:2rem}.ds-font-aa{margin:4rem 0 3.2rem;padding:1.2rem 0;font-size:clamp(12rem,calc(15 * var(--vw)),24rem);line-height:1;letter-spacing:-.02em;border-block:1px solid color-mix(in srgb,var(--fg) 14%,transparent);transition:color .5s cubic-bezier(.22,1,.36,1),letter-spacing .7s cubic-bezier(.22,1,.36,1)}.ds-font:hover .ds-font-aa{color:var(--ds-accent);letter-spacing:.02em}.ds-font-name{margin:0;font-size:3.2rem;line-height:1.1;letter-spacing:-.01em}.ds-font-tag{margin:.8rem 0 2.4rem;font-family:var(--case-mono);font-size:1.1rem;letter-spacing:.08em;text-transform:uppercase;color:var(--txt-fade)}.ds-font .case-p{font-size:1.7rem}.ds-font-glyphs{margin:auto 0 0;padding-top:3.2rem;font-size:1.8rem;line-height:1.55;letter-spacing:.04em;color:var(--txt-fade);overflow-wrap:anywhere}.ds-scale{grid-column:1 / -1;margin-top:4rem;padding:2rem;border-radius:1.6rem;background:var(--panel)}.ds-tabs{display:none;flex-wrap:wrap;gap:.8rem;padding:0 0 2rem}.is-tabbed .ds-tabs{display:flex}.ds-tab{display:inline-flex;align-items:center;column-gap:1rem;padding:1.1rem 1.8rem;border-radius:10rem;border:1px solid color-mix(in srgb,var(--fg) 16%,transparent);background:none;color:var(--fg);cursor:pointer;font-family:var(--case-mono);font-size:1.1rem;letter-spacing:.08em;text-transform:uppercase;transition:background-color .3s,color .3s,border-color .3s}.ds-tab:hover{border-color:color-mix(in srgb,var(--fg) 45%,transparent)}.ds-tab[aria-selected=true]{background:var(--fg);color:var(--body-bg);border-color:var(--fg)}.ds-tab:focus-visible{outline:2px solid var(--purple);outline-offset:2px}.ds-tab-count{opacity:.7}.ds-artboard{padding:1.6rem 4.8rem 3.2rem;border-radius:1.2rem;background:#fff;color:var(--ds-black);font-family:Roboto,system-ui,sans-serif}.ds-type-group-title{margin:3.2rem 0 1.2rem;font:600 18px/1.3 Poppins,sans-serif;color:var(--ds-dark)}.is-tabbed .ds-type-group:not(.is-active){display:none}.is-tabbed .ds-type-group-title{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.ds-type-row{display:grid;grid-template-columns:22rem minmax(0,1fr);column-gap:3.2rem;padding:2.4rem 0;border-top:1px solid var(--ds-light-30)}.ds-type-row:first-of-type{border-top:0}.ds-type-name{padding-top:.3rem;font-size:15px;line-height:1.4;color:var(--ds-medium)}.ds-type-body{display:flex;flex-direction:column;align-items:flex-start;row-gap:.6rem;min-width:0}.ds-type-sample{font-size:16px;overflow-wrap:anywhere}.ds-type-sample.is-btn{padding:10px 22px;border-radius:4px;background:var(--ds-primary);transition:background-color .25s}.ds-type-sample.is-btn:hover{background:#36357e}.ds-type-sample.is-btn.is-sm{padding:6px 14px}.ds-type-sample.is-link{cursor:pointer;text-underline-offset:.18em}.ds-type-sample.is-link:hover{text-decoration:underline}.ds-type-spec{font-family:var(--case-mono);font-size:11px;letter-spacing:.02em;color:var(--ds-medium)}.ds-type-use{font-size:12px;color:var(--ds-medium)}.ds-hint{margin-top:.8rem}.ds-swatches{grid-column:1 / -1;margin-top:6rem;display:grid;row-gap:4.8rem}.ds-sw-group{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,3fr);column-gap:2rem}.ds-sw-head{display:flex;flex-direction:column;row-gap:.8rem;padding-top:.4rem}.ds-sw-title{margin:0;font-size:2.2rem;font-weight:500;letter-spacing:-.01em;color:var(--fg)}.ds-sw-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));gap:1.2rem}.ds-sw{display:flex;flex-direction:column;row-gap:1.2rem;padding:.8rem .8rem 1.4rem;border-radius:1.2rem;cursor:pointer;background:var(--panel);border:1px solid color-mix(in srgb,var(--fg) 7%,transparent);color:var(--fg);text-align:left;font:inherit;transition:translate .45s cubic-bezier(.22,1,.36,1),border-color .3s}.ds-sw:hover{translate:0 -.4rem;border-color:color-mix(in srgb,var(--fg) 22%,transparent)}.ds-sw:focus-visible{outline:2px solid var(--purple);outline-offset:2px}.ds-sw-chip{display:flex;flex-direction:column;justify-content:space-between;aspect-ratio:4 / 3;padding:1.2rem 1.4rem;border-radius:.8rem;background:var(--c);color:var(--t);box-shadow:inset 0 0 0 1px #05050f12}.ds-sw-aa{font:600 2.8rem/1 Poppins,sans-serif;transition:scale .45s cubic-bezier(.22,1,.36,1);transform-origin:left top}.ds-sw:hover .ds-sw-aa{scale:1.15}.ds-sw-grade{font-family:var(--case-mono);font-size:1rem;letter-spacing:.08em;text-transform:uppercase}.ds-sw-meta{display:flex;flex-direction:column;row-gap:.2rem;padding:0 .6rem}.ds-sw-name{font-size:1.4rem;line-height:1.3}.ds-sw-hex{font-family:var(--case-mono);font-size:1.1rem;letter-spacing:.04em;color:var(--txt-fade)}.ds-sw.is-copied .ds-sw-hex:after{content:"  Copied \2713";color:var(--fg)}.ds-sw-dark{display:inline-flex;align-items:center;column-gap:.6rem;margin:-.4rem .6rem 0;font-family:var(--case-mono);font-size:1rem;letter-spacing:.04em;text-transform:uppercase;color:var(--txt-fade)}.ds-sw-dark i{width:1rem;height:1rem;border-radius:50%;background:var(--c);box-shadow:0 0 0 1px color-mix(in srgb,var(--fg) 20%,transparent)}.ds-sw-dark.is-none i{background:none;box-shadow:none;border:1px dashed var(--txt-fade)}.ds-gradient{display:flex;justify-content:space-between;align-items:flex-end;min-height:16rem;padding:1.6rem 1.8rem;border-radius:1.2rem;background:linear-gradient(115deg,#5a59c0,#3f3e81 55%,#292b57);font-family:var(--case-mono);font-size:1.1rem;letter-spacing:.06em;color:#fff}.ds-ib{grid-column:1 / -1;margin-top:6rem;padding:2.4rem;border-radius:1.6rem;background:var(--panel);border:1px solid color-mix(in srgb,var(--fg) 7%,transparent);--ib-c: var(--ds-accent);--ib-s: 1}.ds-ib[data-color=secondary]{--ib-c: #5550FF}.ds-ib[data-color=success]{--ib-c: #238170}.ds-ib[data-color=error]{--ib-c: #D33E6A}.ds-ib[data-color=ink]{--ib-c: var(--fg)}[data-theme=dark] .ds-ib[data-color=secondary]{--ib-c: #6E69FF}[data-theme=dark] .ds-ib[data-color=success]{--ib-c: #36A964}[data-theme=dark] .ds-ib[data-color=error]{--ib-c: #D8527B}.ds-ib-bar{display:flex;justify-content:space-between;align-items:center;gap:1.6rem;flex-wrap:wrap}.ds-ib-search{position:relative;flex:1 1 32rem;max-width:56rem}.ds-ib-search svg{position:absolute;left:1.6rem;top:50%;width:2rem;height:2rem;translate:0 -50%;color:var(--txt-fade);pointer-events:none}.ds-ib-search input{width:100%;height:4.8rem;padding:0 1.6rem 0 4.6rem;border-radius:10rem;border:1px solid color-mix(in srgb,var(--fg) 14%,transparent);background:var(--body-bg);color:var(--fg);font:inherit;font-size:1.5rem;outline:none;transition:border-color .25s}.ds-ib-search input::placeholder{color:var(--txt-fade)}.ds-ib-search input:focus{border-color:var(--ib-c)}.ds-ib-tools{display:flex;align-items:center;gap:1.2rem}.ds-ib-colors{display:flex;gap:.4rem;padding:.4rem;border-radius:10rem;border:1px solid color-mix(in srgb,var(--fg) 16%,transparent)}.ds-ib-color{width:3.4rem;height:3.4rem;display:grid;place-items:center;border:0;border-radius:50%;background:none;cursor:pointer}.ds-ib-color i{width:1.6rem;height:1.6rem;border-radius:50%;transition:scale .3s cubic-bezier(.22,1,.36,1)}.ds-ib-color i.is-primary{background:var(--ds-accent)}.ds-ib-color i.is-secondary{background:#5550ff}.ds-ib-color i.is-success{background:#238170}.ds-ib-color i.is-error{background:#d33e6a}.ds-ib-color i.is-ink{background:var(--fg)}.ds-ib-color:hover i{scale:1.2}.ds-ib-color[aria-pressed=true]{box-shadow:inset 0 0 0 1.5px var(--fg)}.ds-ib-color:focus-visible{outline:2px solid var(--purple);outline-offset:2px}.ds-ib-cats{display:flex;gap:.6rem;margin-top:1.6rem;padding-bottom:.4rem;overflow-x:auto;scrollbar-width:none}.ds-ib-cats::-webkit-scrollbar{display:none}.ds-ib-cat{flex:none;display:inline-flex;align-items:center;column-gap:.8rem;padding:.8rem 1.4rem;border-radius:10rem;cursor:pointer;border:1px solid color-mix(in srgb,var(--fg) 14%,transparent);background:none;color:var(--txt-fade);font-family:var(--case-mono);font-size:1.05rem;letter-spacing:.06em;text-transform:uppercase;transition:color .25s,background-color .25s,border-color .25s}.ds-ib-cat:hover{color:var(--fg);border-color:color-mix(in srgb,var(--fg) 40%,transparent)}.ds-ib-cat[aria-pressed=true]{background:var(--fg);color:var(--body-bg);border-color:var(--fg)}.ds-ib-cat span{opacity:.55}.ds-ib-cat:focus-visible{outline:2px solid var(--purple);outline-offset:2px}.ds-ib-main{display:grid;grid-template-columns:minmax(0,1fr) 34rem;gap:2rem;margin-top:2rem;align-items:start}.ds-ib-grid{max-height:64rem;overflow-y:auto;overscroll-behavior:contain;padding:0 .4rem 2rem 0;mask-image:linear-gradient(to bottom,#000 calc(100% - 4rem),transparent);scrollbar-width:thin}.ds-ib.is-ready .ds-ib-grid>.case-fig{display:none}.ds-ib-head{position:sticky;top:0;z-index:1;display:flex;justify-content:space-between;padding:1.4rem 0 1rem;background:var(--panel);font-family:var(--case-mono);font-size:1.05rem;letter-spacing:.08em;text-transform:uppercase;color:var(--txt-fade)}.ds-ib-head:first-child{padding-top:0}.ds-ib-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(calc(5.6rem + 2.4rem * var(--ib-s)),1fr));gap:.8rem;margin-bottom:1.2rem}.ds-ib-tile{position:relative;aspect-ratio:1;display:grid;place-items:center;border-radius:1rem;cursor:pointer;background:var(--body-bg);border:1px solid color-mix(in srgb,var(--fg) 6%,transparent);color:var(--ib-c);transition:border-color .25s,translate .4s cubic-bezier(.22,1,.36,1),box-shadow .25s}.ds-ib-tile svg{width:calc(var(--w) * var(--ib-s) * 1px);height:calc(var(--h) * var(--ib-s) * 1px);max-width:80%;max-height:80%;transition:scale .4s cubic-bezier(.22,1,.36,1)}.ds-ib-tile:hover{border-color:color-mix(in srgb,var(--fg) 24%,transparent);translate:0 -.2rem}.ds-ib-tile:hover svg{scale:1.18}.ds-ib-tile[aria-pressed=true]{border-color:var(--ib-c);box-shadow:0 0 0 1px var(--ib-c)}.ds-ib-tile:focus-visible{outline:2px solid var(--purple);outline-offset:2px}.ds-ib-empty{padding:6rem 0;text-align:center;color:var(--txt-fade);font-size:1.6rem}.ds-ib-inspect{position:sticky;top:10rem;padding:2rem;border-radius:1.2rem;background:var(--body-bg);border:1px solid color-mix(in srgb,var(--fg) 6%,transparent)}.ds-ib-stage{position:relative;aspect-ratio:1;display:grid;place-items:center;border-radius:.8rem;color:var(--ib-c);--cell: calc(100% / var(--units, 24));background:linear-gradient(color-mix(in srgb,var(--fg) 7%,transparent) 1px,transparent 1px) 0 0 / var(--cell) var(--cell),linear-gradient(90deg,color-mix(in srgb,var(--fg) 7%,transparent) 1px,transparent 1px) 0 0 / var(--cell) var(--cell);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--fg) 10%,transparent)}.ds-ib-big{width:calc(var(--w) / var(--units, 24) * 100%);height:calc(var(--h) / var(--units, 24) * 100%);overflow:visible;transition:scale .5s cubic-bezier(.22,1,.36,1)}.ds-ib-big.is-pop{animation:ds-ib-pop .5s cubic-bezier(.22,1,.36,1)}@keyframes ds-ib-pop{0%{scale:.6;opacity:0}}.ds-ib-stage:after{content:"";position:absolute;left:50%;top:50%;width:calc(var(--frame, 24) / var(--units, 32) * 100%);aspect-ratio:1;translate:-50% -50%;border:1px dashed color-mix(in srgb,var(--ib-c) 55%,transparent);border-radius:2px;pointer-events:none}.ds-ib-dims{position:absolute;right:1rem;bottom:.8rem}.ds-ib-label{margin-top:2rem}.ds-ib-name{list-style:none;display:flex;flex-wrap:wrap;align-items:flex-start;gap:.6rem;margin:1rem 0 0;padding:0}.ds-ib-name li{display:flex;flex-direction:column;row-gap:.4rem}.ds-ib-name li+li:before{content:"/";position:absolute;margin:.5rem 0 0 -1.1rem;color:var(--txt-fade)}.ds-ib-name li{position:relative;margin-left:.5rem}.ds-ib-name li:first-child{margin-left:0}.ds-ib-seg{padding:.5rem 1rem;border-radius:.6rem;background:var(--panel);font-size:1.5rem;line-height:1.3;color:var(--fg)}.ds-ib-name li:first-child .ds-ib-seg{background:color-mix(in srgb,var(--ib-c) 16%,transparent)}.ds-ib-role{padding-left:.2rem;font-family:var(--case-mono);font-size:.95rem;letter-spacing:.06em;text-transform:uppercase;color:var(--txt-fade)}.ds-ib-actions{display:flex;gap:.8rem;margin-top:2.4rem}.ds-ib-copy{flex:1;padding:1.1rem 1.2rem;border-radius:10rem;cursor:pointer;background:none;color:var(--fg);border:1px solid color-mix(in srgb,var(--fg) 18%,transparent);font-family:var(--case-mono);font-size:1.05rem;letter-spacing:.08em;text-transform:uppercase;transition:border-color .25s,background-color .25s,color .25s}.ds-ib-copy:hover{border-color:var(--fg)}.ds-ib-copy.is-done{background:var(--fg);color:var(--body-bg);border-color:var(--fg)}.ds-ib-copy:focus-visible{outline:2px solid var(--purple);outline-offset:2px}.ds-ib-count{margin-top:1.2rem}.pk-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:12px 24px;border:0;border-radius:5px;font:500 16px/normal Poppins,sans-serif;white-space:nowrap;cursor:pointer;background:var(--pk-bg);color:var(--pk-fg);box-shadow:inset 0 0 0 var(--pk-sw, 0px) var(--pk-st, transparent);transition:background-color .16s,color .16s,box-shadow .16s;--pk-bg: #5756B3;--pk-fg: #fff}.pk-btn:focus-visible{outline:2px solid #5550FF;outline-offset:3px}.pk-sm{height:auto;padding:8px;font-size:12px}.pk-primary:hover,.pk-primary:focus-visible,.pk-primary.is-hover{--pk-bg: #36357E}.pk-primary:active,.pk-primary.is-pressed{--pk-bg: #151543}.pk-secondary{--pk-bg: #fff;--pk-fg: #5756B3;--pk-st: #5756B3;--pk-sw: 1.5px}.pk-secondary:hover,.pk-secondary:focus-visible,.pk-secondary.is-hover{--pk-bg: #5756B3;--pk-fg: #fff}.pk-secondary:active,.pk-secondary.is-pressed{--pk-bg: #151543;--pk-fg: #fff;--pk-st: #151543}.pk-error{--pk-bg: transparent;--pk-fg: #D33E6A;--pk-st: #D33E6A;--pk-sw: 1.5px}.pk-error:hover,.pk-error:focus-visible,.pk-error.is-hover{--pk-bg: #9D1E44;--pk-fg: #fff}.pk-error:active,.pk-error.is-pressed{--pk-bg: #650723;--pk-fg: #fff;--pk-sw: 0px}.pk-action{width:233px;gap:4px;border-radius:45px}.pk-action:hover,.pk-action:focus-visible,.pk-action.is-hover{--pk-bg: #36357E}.pk-action-2{--pk-bg: #fff;--pk-fg: #5756B3;--pk-st: #5756B3;--pk-sw: 1px}.pk-action-2:hover,.pk-action-2:focus-visible,.pk-action-2.is-hover{--pk-bg: #5756B3;--pk-fg: #fff}.pk-btn.is-inactive,.pk-btn[aria-disabled=true]{cursor:not-allowed}.pk-primary.is-inactive,.pk-action.is-inactive{--pk-bg: #B2B6C6}.pk-secondary.is-inactive{--pk-bg: #fff;--pk-fg: #B2B6C6;--pk-st: #B2B6C6}.pk-error.is-inactive{--pk-bg: transparent;--pk-fg: #B2B6C6;--pk-st: #B2B6C6;--pk-sw: 1.5px}.pk-cargo{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:259px;height:151px;padding:24px 64px;border:0;border-radius:10px;background:#5756b3;color:#fff;font:500 16px/normal Poppins,sans-serif;cursor:pointer;transition:background-color .16s}.pk-cargo svg{width:32px;height:32px;transition:rotate .45s cubic-bezier(.22,1,.36,1)}.pk-cargo:hover,.pk-cargo:focus-visible,.pk-cargo.is-hover{background:#36357e}.pk-cargo:hover svg{rotate:90deg}.pk-cargo:active,.pk-cargo.is-pressed{background:#151543}.pk-cargo.is-inactive{background:#b2b6c6;cursor:not-allowed}.pk-cargo:focus-visible{outline:2px solid #5550FF;outline-offset:3px}.pk-text{display:inline-flex;align-items:center;padding:4px 0;border:0;background:none;cursor:pointer}.pk-text-link{gap:4px;font:400 12px/18px Roboto,sans-serif;color:#008bd2}.pk-text-link svg{width:18px;height:18px}.pk-text-link:hover{text-decoration:underline;text-underline-offset:2px}.pk-text-close{gap:8px;font:500 16px/normal Poppins,sans-serif;color:#646c8d;transition:color .16s}.pk-text-close svg{width:13px;height:12px;transition:rotate .35s cubic-bezier(.22,1,.36,1)}.pk-text-close:hover{color:#23233a}.pk-text-close:hover svg{rotate:90deg}.pk-icon{padding:0;border:0;background:none;line-height:0;color:#5756b3;cursor:pointer;transition:color .16s,scale .2s}.pk-icon svg{display:block}.pk-icon-lg svg{width:48px;height:48px}.pk-icon-sm svg{width:20px;height:20px}.pk-icon-2 svg{width:24px;height:24px}.pk-icon-lg rect,.pk-icon-sm rect{fill:currentColor}.pk-icon:hover{color:#36357e}.pk-icon-del{color:#d33e6a}.pk-icon-del:hover{color:#9d1e44}.pk-icon:active{scale:.92}.pk-icon:focus-visible,.pk-text:focus-visible,.pk-fab:focus-visible{outline:2px solid #5550FF;outline-offset:3px;border-radius:6px}.pk-fab,.pk-dir{box-shadow:0 2.77px 2.21px #6c49ac05,0 6.65px 5.32px #6c49ac07,0 12.52px 10.02px #6c49ac09,0 22.34px 17.87px #6c49ac0b,0 41.78px 33.42px #6c49ac0d,0 100px 80px #6c49ac12}.pk-fab{width:82px;height:82px;padding:0;border:0;border-radius:50%;background:#fff;cursor:pointer;transition:translate .4s cubic-bezier(.22,1,.36,1)}.pk-fab img{display:block;width:82px;height:82px;transition:rotate .6s cubic-bezier(.22,1,.36,1)}.pk-fab:hover{translate:0 -4px}.pk-fab:hover img{rotate:-8deg}.pk-fab:active{translate:0 0}.pk-dir{display:flex;justify-content:space-between;align-items:center;width:92px;height:46px;padding:0 16px;border-radius:8px;background:#fff;color:#646c8d}.pk-dir button{width:16px;height:16px;padding:0;border:0;background:none;color:inherit;cursor:pointer;transition:color .16s,translate .2s}.pk-dir button svg{display:block;width:16px;height:16px}.pk-dir button:hover{color:#5756b3}.pk-dir button[data-dir="-1"]:active{translate:0 -2px}.pk-dir button[data-dir="1"]:active{translate:0 2px}.pk-dir button:disabled{opacity:.35;cursor:default}.pk-dir button:focus-visible{outline:2px solid #5550FF;outline-offset:3px;border-radius:3px}.ds-bl{grid-column:1 / -1;margin-top:4rem;display:grid;grid-template-columns:minmax(0,1fr);row-gap:4.8rem}.ds-bl-art{position:relative;border-radius:1.2rem;background:#fff;color:#05050f;font-family:Roboto,system-ui,sans-serif}.ds-bl-play{display:grid;grid-template-columns:39rem minmax(0,1fr);gap:2rem;padding:2rem;border-radius:1.6rem;background:var(--panel);border:1px solid color-mix(in srgb,var(--fg) 7%,transparent)}.ds-bl-controls{display:flex;flex-direction:column;row-gap:2rem;padding:1.2rem .4rem}.ds-bl-ctl{display:flex;flex-direction:column;row-gap:.8rem}.ds-bl-ctl .ds-modes-seg{flex-wrap:wrap;border-radius:2.6rem}.ds-bl-ctl .ds-seg{padding:.85rem 1.2rem}.ds-bl-ctl .ds-seg:disabled{opacity:.3;cursor:not-allowed}.ds-bl-ctl input{height:4.4rem;padding:0 1.6rem;border-radius:10rem;border:1px solid color-mix(in srgb,var(--fg) 14%,transparent);background:var(--body-bg);color:var(--fg);font:inherit;font-size:1.5rem;outline:none;transition:border-color .25s}.ds-bl-ctl input:focus{border-color:var(--ds-accent)}.ds-bl-spec{display:inline-flex;align-items:center;column-gap:1rem;cursor:pointer}.ds-bl-spec input{position:absolute;opacity:0;pointer-events:none}.ds-bl-switch{position:relative;width:3.6rem;height:2rem;border-radius:2rem;background:color-mix(in srgb,var(--fg) 18%,transparent);transition:background-color .25s}.ds-bl-switch:after{content:"";position:absolute;left:.3rem;top:.3rem;width:1.4rem;height:1.4rem;border-radius:50%;background:var(--fg);transition:translate .3s cubic-bezier(.22,1,.36,1)}.ds-bl-spec input:checked+.ds-bl-switch{background:#e0457b}.ds-bl-spec input:checked+.ds-bl-switch:after{translate:1.6rem 0;background:#fff}.ds-bl-spec input:focus-visible+.ds-bl-switch{outline:2px solid var(--purple);outline-offset:2px}.ds-bl-stage{display:flex;flex-direction:column;row-gap:1.2rem;min-width:0}.ds-bl-play .ds-bl-art{display:grid;place-items:center;min-height:34rem;overflow:hidden;background:#fff radial-gradient(circle,#DBE3F5 1px,transparent 1.2px) 0 0 / 16px 16px}.ds-bl-target{position:relative;--pl: 24px}.ds-bl-rl,.ds-bl-tag{position:absolute;opacity:0;pointer-events:none;transition:opacity .35s;--rl: #E0457B}.is-spec .ds-bl-rl,.is-spec .ds-bl-tag{opacity:1}.ds-bl-rl-l,.ds-bl-rl-r{top:0;bottom:0;width:var(--pl);background:repeating-linear-gradient(135deg,rgba(224,69,123,.32) 0 2px,transparent 2px 5px);border-radius:5px 0 0 5px}.ds-bl-rl-l{left:0}.ds-bl-rl-r{right:0;border-radius:0 5px 5px 0}.ds-bl-target.is-pill .ds-bl-rl-l{border-radius:45px 0 0 45px}.ds-bl-target.is-pill .ds-bl-rl-r{border-radius:0 45px 45px 0}.ds-bl-rl-h{top:0;bottom:0;left:calc(100% + 1.2rem);width:.8rem;border:1px solid var(--rl);border-left:0}.ds-bl-rl-w{left:0;right:0;bottom:calc(100% + 1.2rem);height:.8rem;border:1px solid var(--rl);border-bottom:0}.ds-bl-tag{font-family:var(--case-mono);font-size:11px;letter-spacing:.02em;color:var(--rl);white-space:nowrap}.ds-bl-tag-pad{top:calc(100% + 1rem);left:0}.ds-bl-tag-h{left:calc(100% + 2.6rem);top:50%;translate:0 -50%}.ds-bl-tag-w{bottom:calc(100% + 2.8rem);left:50%;translate:-50% 0}.ds-bl-tokens{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:.8rem 2rem;margin:0;padding:0 .4rem}.ds-bl-tokens div{display:flex;flex-direction:column;row-gap:.3rem}.ds-bl-tokens dt{font-family:var(--case-mono);font-size:1rem;letter-spacing:.08em;text-transform:uppercase;color:var(--txt-fade)}.ds-bl-tokens dd{margin:0;display:flex;align-items:center;column-gap:.8rem;font-size:1.4rem;color:var(--fg)}.ds-bl-tokens dd i{width:1.2rem;height:1.2rem;border-radius:.3rem;background:var(--c);box-shadow:0 0 0 1px color-mix(in srgb,var(--fg) 20%,transparent)}.ds-bl-head{display:flex;flex-direction:column;row-gap:.6rem;margin-bottom:1.6rem}.ds-bl-title{margin:0;font-size:2.2rem;font-weight:500;letter-spacing:-.01em;color:var(--fg)}.ds-bl-matrix{padding:3.2rem;overflow-x:auto}.ds-bl-mx-row{display:grid;grid-template-columns:22rem repeat(4,minmax(15rem,1fr));column-gap:2rem;align-items:start;min-width:86rem;padding:2.4rem 0;border-top:1px solid #EEF0FA}.ds-bl-mx-row>div{display:flex;flex-direction:column;align-items:flex-start;row-gap:1rem}.ds-bl-mx-cols{padding:0 0 1.4rem;border-top:0;font-family:var(--case-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ds-medium)}.ds-bl-mx-name b{font:600 16px/1.3 Poppins,sans-serif;color:#23233a}.ds-bl-mx-name span{font-size:13px;line-height:1.45;color:#646c8d}.ds-bl-matrix code{font-family:var(--case-mono);font-size:10.5px;color:var(--ds-medium)}.ds-bl-others{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}.ds-bl-card{display:flex;flex-direction:column;row-gap:1.6rem;padding:2rem;border-radius:1.6rem;background:var(--panel);border:1px solid color-mix(in srgb,var(--fg) 7%,transparent)}.ds-bl-card-wide{grid-column:1 / -1}.ds-bl-card-head{display:flex;flex-direction:column;row-gap:.4rem}.ds-bl-card-head b{font-size:1.8rem;font-weight:500;color:var(--fg)}.ds-bl-card-head span{font-size:1.4rem;line-height:1.5;color:var(--txt-fade);max-width:64rem}.ds-bl-row{flex:1;display:flex;flex-wrap:wrap;align-items:center;gap:1.6rem 2.4rem;padding:3.2rem;min-height:12rem}.ds-bl-cargo-row{gap:1.6rem}.ds-bl-cargo-row .pk-cargo{flex:1 1 20rem;width:auto;max-width:259px}.ds-bl-fab-row,.ds-bl-dir-row{justify-content:center;padding-bottom:6rem}.ds-bl-dir-row{column-gap:3.2rem}.ds-bl-steps{list-style:none;display:flex;flex-direction:column;gap:.6rem;margin:0;padding:0;counter-reset:st}.ds-bl-steps li{counter-increment:st;display:flex;align-items:center;column-gap:.8rem;font:400 13px/1.3 Roboto,sans-serif;color:#8484a0;transition:color .25s}.ds-bl-steps li:before{content:counter(st);display:grid;place-items:center;width:20px;height:20px;border-radius:50%;font-size:11px;background:#eef0fa;color:#646c8d;transition:background-color .25s,color .25s}.ds-bl-steps li.is-on{color:#23233a;font-weight:700}.ds-bl-steps li.is-on:before{background:#5756b3;color:#fff}.ds-bl-steps li.is-done:before{background:#cdcce8;color:#36357e}.ds-bl-usage{padding:2.4rem}.ds-bl-usage-bar .ds-seg{color:#646c8d}.ds-bl-usage-bar .ds-modes-seg{border-color:#dbe3f5}.ds-bl-usage-bar .ds-seg[aria-pressed=true]{background:#23233a;color:#fff}.ds-bl-usage-stage{display:flex;flex-direction:column;align-items:center;row-gap:2.4rem;padding:4rem 0 1.6rem}.ds-bl-device{display:flex;flex-direction:column;row-gap:24px;width:min(100%,52rem);padding:24px;border-radius:10px;border:1px solid #DBE3F5;box-shadow:0 3px 6px #00498729}.ds-bl-device-copy{display:flex;flex-direction:column;row-gap:6px}.ds-bl-device-copy b{font:600 18px/24px Poppins,sans-serif;color:#23233a}.ds-bl-device-copy span{font:400 14px/21px Roboto,sans-serif;color:#646c8d}.ds-bl-group{display:flex;justify-content:flex-end;gap:16px}.ds-bl-usage[data-layout=mobile] .ds-bl-device{width:min(100%,32rem)}.ds-bl-usage[data-layout=mobile] .ds-bl-group{flex-direction:column-reverse}.ds-bl-usage[data-layout=mobile] .ds-bl-group .pk-btn{width:100%}.ds-bl-rule{margin:0;max-width:60rem;text-align:center;font:400 14px/21px Roboto,sans-serif;color:#646c8d}.ds-bl-usage[data-layout=desktop] .ds-bl-rule[data-for=mobile],.ds-bl-usage[data-layout=mobile] .ds-bl-rule[data-for=desktop]{display:none}.pf{position:relative;display:flex;flex-direction:column;row-gap:4px;min-width:0;font-family:Roboto,system-ui,sans-serif;color:#646c8d;--pf-bd: inset 0 0 0 1px #CED6E8}.pf-row{display:flex;align-items:flex-start;column-gap:12px}.pf-row>.pf-main{flex:1;min-width:0;position:relative;display:flex;flex-direction:column;row-gap:4px}.pf-box{position:relative;display:flex;align-items:center;column-gap:8px;height:48px;padding:0 12px;border-radius:5px;background:#fff;box-shadow:var(--pf-bd);cursor:text;transition:box-shadow .15s,background-color .15s}.pf:not(.is-disabled):not(.is-error):not(.is-active):not(.is-focus) .pf-box:hover,.pf.is-hover .pf-box{--pf-bd: inset 0 0 0 2px #B2B6C6}.pf:not(.is-disabled):not(.is-error).is-focus .pf-box,.pf.is-active .pf-box{--pf-bd: inset 0 0 0 2px #646C8D}.pf.is-error .pf-box{--pf-bd: inset 0 0 0 2px #D33E6A}.pf.is-disabled .pf-box{--pf-bd: none;background:#eef0fa;cursor:not-allowed}.pf-content{position:relative;flex:1;min-width:0;height:100%;display:flex;flex-direction:column;justify-content:center;cursor:inherit}.pf-label{display:flex;align-items:baseline;font-size:16px;line-height:19px;color:#646c8d;white-space:nowrap;transform-origin:left top;transition:scale .16s,color .15s}.pf-req{color:#d33e6a}.pf.is-up .pf-label{scale:.75;margin-bottom:-4.75px}.pf.is-error .pf-label{color:#d33e6a}.pf-input{width:100%;height:0;padding:0;border:0;outline:none;background:none;opacity:0;font:400 16px/19px Roboto,system-ui,sans-serif;color:#646c8d;caret-color:#23233a;transition:opacity .16s}.pf.is-up .pf-input{height:19px;opacity:1}.pf-input:disabled{cursor:not-allowed;-webkit-text-fill-color:#646C8D}.pf-input[readonly]{cursor:pointer}.pf-tags{display:flex;gap:4px;flex-wrap:nowrap;overflow:hidden}.pf-tags:empty{display:none}.pf-tag{display:inline-flex;align-items:center;gap:4px;padding:6px;border:0;border-radius:5px;background:#646c8d;color:#fff;font:400 12px/12px Roboto,sans-serif;white-space:nowrap;cursor:pointer}.pf-tag svg{width:8px;height:8px;color:#fff}.pf-tag:hover{background:#23233a}.pf.has-tags .pf-content{flex:0 0 1px;overflow:hidden;opacity:0}.pf-ic{flex:none;width:20px;height:20px;color:#646c8d}.pf-icwrap,.pf-errwrap{flex:none;display:flex}.pf-inwrap{display:block}.pf-icbtn{flex:none;display:grid;place-items:center;padding:0;border:0;background:none;color:#646c8d;cursor:pointer;border-radius:3px}.pf-icbtn:focus-visible{outline:2px solid #5550FF;outline-offset:2px}.pf-chev{transition:rotate .25s cubic-bezier(.22,1,.36,1)}.pf.is-open .pf-chev{rotate:180deg}.pf-right{flex:none;font-size:12px;line-height:12px;color:#646c8d;white-space:nowrap;transition:color .2s}.pf-right.is-found{color:#238170}.pf-unit{flex:none;align-self:stretch;display:flex;align-items:center;gap:8px;margin-right:-12px;padding:0 12px;border:0;border-left:1.5px solid #CED6E8;background:none;font:400 16px Roboto,sans-serif;color:#646c8d;cursor:pointer;border-radius:0 5px 5px 0}.pf.is-focus .pf-unit,.pf.is-active .pf-unit{border-left:2px solid #646C8D}.pf.is-error .pf-unit{border-left-color:#d33e6a}.pf-cap{margin:0;font-size:12px;line-height:normal;color:#646c8d}.pf-cap:empty{display:none}.pf.is-error .pf-cap{color:#d33e6a}.pf-info{position:relative;height:48px;display:grid;place-items:center}.pf-info .pf-icbtn svg{width:24px;height:24px}.pf-menu{position:absolute;z-index:5;top:48.2px;left:4px;right:4px;max-height:340px;overflow-y:auto;background:#fff;border-radius:0 0 5px 5px;box-shadow:0 6px 20px #00000026;opacity:0;visibility:hidden;translate:0 -6px;transform-origin:top;scale:1 .96;transition:opacity .18s,translate .3s cubic-bezier(.22,1,.36,1),scale .3s cubic-bezier(.22,1,.36,1),visibility 0s .3s}.pf.is-open .pf-menu{opacity:1;visibility:visible;translate:0 0;scale:1;transition:opacity .15s,translate .3s cubic-bezier(.22,1,.36,1),scale .3s cubic-bezier(.22,1,.36,1)}.pf-menu.is-unit{left:auto;right:0;width:65px}.pf-opt{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;border:0;background:none;text-align:left;font:400 16px/normal Roboto,sans-serif;color:#23233a;cursor:pointer}.pf-opt.is-hl{background:#5550ff;color:#fff}.pf-opt:last-child{border-radius:0 0 5px 5px}.pf-opt-empty{padding:12px 16px;font-size:14px;color:var(--ds-medium)}.pf-check{flex:none;width:20px;height:20px;border-radius:3px;display:grid;place-items:center;box-shadow:inset 0 0 0 1.5px #646c8d;background:#fff}.pf-check svg{width:14px;height:14px;color:#fff;opacity:0}.pf-opt[aria-selected=true] .pf-check{background:#5756b3;box-shadow:none}.pf-opt[aria-selected=true] .pf-check svg{opacity:1}.pf-opt.is-hl .pf-check{box-shadow:inset 0 0 0 1.5px #fff}.pf-cal{padding:14px 14px 12px}.pf-cal-head{display:flex;align-items:center;justify-content:space-between;padding:0 4px 10px;border-bottom:1px solid #DBE3F5}.pf-cal-month{font:400 16px Roboto,sans-serif;color:#646c8d;text-transform:uppercase}.pf-cal-nav{display:flex;gap:6px}.pf-cal-nav button{width:22px;height:22px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:none;color:#646c8d;cursor:pointer}.pf-cal-nav button:hover{background:#eef0fa;color:#23233a}.pf-cal-nav svg{width:12px;height:12px}.pf-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);row-gap:2px;margin-top:8px;text-align:center}.pf-cal-wd{padding:4px 0;font:500 12px Roboto,sans-serif;color:#646c8d}.pf-cal-day{justify-self:center;width:30px;height:30px;padding:0;border:0;border-radius:50%;background:none;font:400 16px Roboto,sans-serif;color:#23233a;cursor:pointer}.pf-cal-day:hover,.pf-cal-day.is-hl{background:#eef0fa}.pf-cal-day.is-sel{box-shadow:inset 0 0 0 1.5px #5550ff;color:#5550ff;font-weight:500;font-size:13px;background:none}.pf-cal-day.is-today:not(.is-sel){color:#5550ff}.pf-tip{position:absolute;z-index:6;left:calc(100% + 12px);top:50%;translate:0 -50%;width:276px;padding:12px 16px;border-radius:3px;background:#fff;box-shadow:0 4px 25px #0006;opacity:0;visibility:hidden;transition:opacity .2s,visibility 0s .2s}.pf-tip:before{content:"";position:absolute;left:-8px;top:50%;translate:0 -50%;border:8px solid transparent;border-left:0;border-right-color:#fff}.pf-info:hover .pf-tip,.pf-info:focus-within .pf-tip,.pf.is-pw-typing .pf-tip{opacity:1;visibility:visible;transition:opacity .2s}.pf-tip b{display:block;margin-bottom:6px;font:700 14px/21px Roboto,sans-serif;color:#05050f}.pf-reqs{list-style:none;margin:0;padding:0;display:grid;row-gap:2px}.pf-reqs li{display:flex;align-items:center;gap:12px;font:400 14px/24px Roboto,sans-serif;color:#23233a}.pf-reqs svg{width:12px;height:12px;flex:none;color:#d33e6a}.pf-reqs li.is-ok svg{color:#238170}.is-anatomy .pf [data-atom]{outline:1px dashed #E0457B;outline-offset:2px;position:relative}.is-anatomy .pf [data-atom]:after{content:attr(data-atom);position:absolute;z-index:2;left:-3px;bottom:calc(100% + 16px);padding:1px 5px;border-radius:3px;background:#e0457b;color:#fff;font:500 9.5px/1.5 JetBrains Mono,ui-monospace,monospace;letter-spacing:.02em;white-space:nowrap;pointer-events:none}.is-anatomy .pf .pf-inwrap[data-atom]:after,.is-anatomy .pf .pf-cap[data-atom]:after{bottom:auto;top:calc(100% + 18px)}.is-anatomy .pf .pf-cap[data-atom]:after{top:calc(100% + 6px)}.is-anatomy .pf .pf-icwrap[data-atom]:after,.is-anatomy .pf [data-eye][data-atom]:after,.is-anatomy .pf .pf-right[data-atom]:after,.is-anatomy .pf .pf-unit[data-atom]:after{left:auto;right:-3px}.is-anatomy .pf .pf-box[data-atom]{outline-offset:6px}.is-anatomy .pf .pf-box[data-atom]:after{left:auto;right:-7px;bottom:auto;top:calc(100% + 12px);background:#5550ff}.is-anatomy .pf.is-up .pf-label[data-atom]:after{scale:1.3333;transform-origin:left bottom}.is-anatomy .pf:not(.is-up) .pf-inwrap[data-atom]{outline:0}.is-anatomy .pf:not(.is-up) .pf-inwrap[data-atom]:after{display:none}.is-anatomy .pf.is-open [data-atom]{outline:0}.is-anatomy .pf.is-open [data-atom]:after{display:none}.ds-fl{grid-column:1 / -1;margin-top:4rem;display:grid;grid-template-columns:minmax(0,1fr);row-gap:4.8rem}.ds-fl>:not(.ds-fl-fallback){display:none}.ds-fl.is-ready>:not(.ds-fl-fallback){display:block}.ds-fl.is-ready>.ds-fl-play{display:grid}.ds-fl.is-ready>.ds-fl-fallback{display:none}.ds-fl-toggles{display:flex;flex-wrap:wrap;gap:1.2rem 2.4rem}.ds-fl-art{min-height:52rem!important;align-content:start;padding:9rem 2rem 4rem;overflow:visible!important}.ds-fl-slot{width:min(100%,32rem)}.ds-fl-slot .pf-row{width:calc(100% + 36px)}.ds-fl-matrix{padding:3.2rem;overflow-x:auto}.ds-fl-mx{display:grid;grid-template-columns:15rem repeat(5,minmax(20rem,1fr));gap:2.4rem 1.6rem;align-items:start;min-width:120rem}.ds-fl-mx-h{font-family:var(--case-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ds-medium);padding-bottom:.4rem}.ds-fl-mx-n{padding-top:1.5rem;font:600 14px/1.3 Poppins,sans-serif;color:#23233a}.ds-fl-form{padding:3.2rem}.ds-fl-org{max-width:86rem;margin:0 auto;display:grid;row-gap:2.4rem}.ds-fl-org-head{display:flex;flex-direction:column;row-gap:4px;padding-bottom:1.6rem;border-bottom:1px solid #EEF0FA}.ds-fl-org-head b{font:700 16px/21px Roboto,sans-serif;color:#05050f}.ds-fl-org-head span{font:400 14px/21px Roboto,sans-serif;color:#646c8d}.ds-fl-org-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.ds-fl-org-rule{margin:0;font:400 12px/18px Roboto,sans-serif;color:var(--ds-medium)}.ds-fl-org-actions{display:flex;justify-content:flex-end;gap:16px}.ds-fl-toast{margin:0;min-height:21px;text-align:right;font:500 14px/21px Roboto,sans-serif;color:#238170}.ds-fl-toast.is-err{color:#d33e6a}.ds-fl-org.is-shake{animation:ds-fl-shake .4s}@keyframes ds-fl-shake{20%,60%{translate:-6px 0}40%,80%{translate:6px 0}}.pk-chip{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:30px;padding:8px 16px;border:0;border-radius:100px;background:#eef0fa;color:#646c8d;font:400 12px/12px Roboto,system-ui,sans-serif;white-space:nowrap;cursor:pointer;transition:background-color .15s,color .15s}.pk-chip svg{flex:none;width:10px;height:10px}.pk-chip .pk-chip-caret{width:8px;height:8px;transition:rotate .25s cubic-bezier(.22,1,.36,1)}.pk-chip:not(:disabled):hover,.pk-chip:focus-visible,.pk-chip.is-hover{background:#5550ff;color:#fff}.pk-chip[aria-pressed=true],.pk-chip[aria-checked=true],.pk-chip.is-selected{background:#5756b3;color:#fff}.pk-chip:disabled,.pk-chip.is-disabled{background:#eef0fa;color:#b2b6c6;cursor:not-allowed}.pk-chip:focus-visible{outline:2px solid #5550FF;outline-offset:2px}.pk-chip-n{font-variant-numeric:tabular-nums}.pk-chip-x{display:grid;place-items:center;margin-right:-4px;padding:0 4px;border:0;background:none;color:inherit;cursor:pointer}.pk-chip-x svg{width:10.8px;height:10px}.pk-tag{display:inline-flex;align-items:center;gap:4px;padding:6px;border-radius:5px;background:var(--tg-bg, #646C8D);color:var(--tg-fg, #fff);font:400 12px/12px Roboto,system-ui,sans-serif;white-space:nowrap}.pk-tag.is-caps{font-weight:700;text-transform:uppercase}.pk-tag button{display:grid;place-items:center;width:12px;height:12px;margin:-2px -2px -2px 0;padding:0;border:0;border-radius:2px;background:none;color:inherit;cursor:pointer;opacity:.85}.pk-tag button:hover{opacity:1;background:#ffffff2e}.pk-tag button svg{width:8px;height:8px}.pk-tag button:focus-visible{outline:2px solid #5550FF;outline-offset:1px}.pk-badge{display:inline-flex;padding:4px;border-radius:5px;background:#a3a0ff;color:#fff;font:400 12px/12px Roboto,system-ui,sans-serif;white-space:nowrap}.ds-cl{grid-column:1 / -1;margin-top:4rem;display:grid;grid-template-columns:minmax(0,1fr);row-gap:4.8rem}.ds-cl-art .ds-cl-target{zoom:1.6}.ds-cl-pad{padding:2.8rem 3.2rem;min-height:12rem;display:flex;flex-direction:column;justify-content:center;row-gap:1.6rem}.ds-cl-set,.ds-cl-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.ds-cl-pad.ds-cl-row{flex-direction:row;justify-content:flex-start}.ds-cl-note{margin:0;font:400 12px/18px Roboto,sans-serif;color:var(--ds-medium)}.ds-cl-input{display:flex;align-items:center;gap:8px;min-height:48px;padding:8px 12px;border-radius:5px;background:#fff;box-shadow:inset 0 0 0 1px #ced6e8;transition:box-shadow .15s;flex-wrap:wrap}.ds-cl-input:hover{box-shadow:inset 0 0 0 2px #b2b6c6}.ds-cl-input:focus-within{box-shadow:inset 0 0 0 2px #646c8d}.ds-cl-input-chips{display:contents}.ds-cl-input input{flex:1;min-width:8rem;height:30px;padding:0;border:0;outline:none;background:none;font:400 16px Roboto,sans-serif;color:#646c8d}.ds-cl-input input::placeholder{color:#8484a0}.ds-cl-input .pf-ic{margin-left:auto}.ds-cl-ship{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(26rem,1fr));gap:8px}.ds-cl-ship li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:12px;padding:12px 14px;border-radius:6px;border:1px solid #DBE3F5;font:400 13px/1.3 Roboto,sans-serif;color:#23233a}.ds-cl-ship li[hidden]{display:none}.ds-cl-ship b{font-weight:400;color:#008bd2}.ds-cl-ship span:not(.pk-tag){color:#646c8d;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-cl-ship-empty{grid-column:1 / -1;padding:12px 0;font:400 13px Roboto,sans-serif;color:var(--ds-medium)}.ds-cl-group{padding-top:34px}.ds-cl-group .pk-chip[aria-pressed=true]{position:relative}.ds-cl-group .pk-chip[aria-pressed=true]:before,.ds-cl-group .pk-chip[aria-pressed=true]:after{content:"8px";position:absolute;bottom:100%;width:30px;padding-bottom:14px;text-align:center;pointer-events:none;font:400 10px/14px JetBrains Mono,ui-monospace,monospace;color:#e0457b;background:linear-gradient(#e0457b,#e0457b) 50% calc(100% - 7px) / 9px 1px no-repeat,linear-gradient(#e0457b,#e0457b) calc(50% - 4px) 100% / 1px 7px no-repeat,linear-gradient(#e0457b,#e0457b) calc(50% + 4px) 100% / 1px 7px no-repeat,linear-gradient(#e0457b,#e0457b) 50% calc(100% - 8px) / 1px 5px no-repeat}.ds-cl-group .pk-chip[aria-pressed=true]:before{right:calc(100% - 11px)}.ds-cl-group .pk-chip[aria-pressed=true]:after{left:calc(100% - 11px)}.ds-cl-more{position:relative}.ds-cl-more-pad{min-height:26rem;justify-content:flex-start}.ds-cl-menu{position:absolute;z-index:5;top:calc(100% + 8px);left:0;width:200px;border-radius:5px;overflow:hidden;background:#fff;box-shadow:0 6px 20px #00000026;opacity:0;visibility:hidden;translate:0 -6px;transition:opacity .18s,translate .3s cubic-bezier(.22,1,.36,1),visibility 0s .3s}.ds-cl-more.is-open .ds-cl-menu{opacity:1;visibility:visible;translate:0 0;transition:opacity .15s,translate .3s cubic-bezier(.22,1,.36,1)}.ds-cl-more.is-open .pk-chip-caret{rotate:180deg}.ds-cl-menu .pf-opt:hover,.ds-cl-menu .pf-opt:focus-visible{background:#5550ff;color:#fff;outline:none}.ds-cl-tags{min-height:24px}.ds-cl-restore{align-self:flex-start}.ds-cl-addpad{min-height:16rem;justify-content:flex-start}.ds-cl-add{display:flex;align-items:flex-start;flex-wrap:wrap;gap:12px}.ds-cl-add-tags{display:contents}.ds-cl-add .pk-tag,.ds-cl-add>.pk-icon{margin-top:12px}.ds-cl-add>.pk-icon svg{display:block}.ds-cl-add-form{position:relative;width:273px;padding:0 8px}.ds-cl-add-form[hidden]{display:none}.ds-cl-add-pop{position:absolute;z-index:4;left:9px;top:54px;display:flex;gap:4px;padding:8px;border-radius:3px;background:#fff;box-shadow:0 0 0 1px #98a1b21a,0 15px 35px -5px #11182626,0 5px 15px #00000014}.ds-cl-add-pop .pk-btn{width:64px}.pc-cb,.pc-rb,.pc-swl{position:relative;isolation:isolate;display:inline-flex;align-items:center;gap:8px;font:400 16px/24px Roboto,system-ui,sans-serif;color:#646c8d;cursor:pointer;user-select:none}.pc-cb input,.pc-rb input,.pc-swl input{position:absolute;z-index:2;left:0;top:50%;translate:0 -50%;width:20px;height:20px;margin:0;opacity:0;cursor:inherit}.pc-swl input{width:40px}.pc-box,.pc-dot{position:relative;flex:none;width:20px;height:20px;display:grid;place-items:center;background:#fff}.pc-box{border-radius:2px;box-shadow:inset 0 0 0 1px #646c8d}.pc-dot{border-radius:50%;box-shadow:inset 0 0 0 1px #5756b3}.pc-box:before,.pc-dot:before{content:"";position:absolute;z-index:-1;inset:-14px;border-radius:50%;background:#a3a0ff;opacity:0;scale:.5;transition:opacity .2s,scale .3s cubic-bezier(.22,1,.36,1)}.pc-cb:not(.is-disabled):hover .pc-box:before,.pc-rb:not(.is-disabled):hover .pc-dot:before,.pc-cb.is-hover .pc-box:before,.pc-rb.is-hover .pc-dot:before,.pc-cb input:focus-visible+.pc-box:before,.pc-rb input:focus-visible+.pc-dot:before{opacity:1;scale:1}.pc-box svg{width:20px;height:20px}.pc-box .pc-check{fill:#5550ff;opacity:0;scale:.4;transform-origin:center;transition:opacity .15s,scale .25s cubic-bezier(.22,1,.36,1)}.pc-box .pc-dash{fill:#646c8d;opacity:0}.pc-cb input:checked+.pc-box .pc-check{opacity:1;scale:1}.pc-cb input:indeterminate+.pc-box .pc-check{opacity:0}.pc-cb input:indeterminate+.pc-box .pc-dash{opacity:1}.pc-dot:after{content:"";width:14px;height:14px;border-radius:50%;background:#5550ff;scale:0;transition:scale .25s cubic-bezier(.22,1,.36,1)}.pc-rb input:checked+.pc-dot:after{scale:1}.pc-cb.is-disabled,.pc-rb.is-disabled,.pc-swl.is-disabled{color:#b2b6c6;cursor:not-allowed}.pc-cb.is-disabled .pc-box{box-shadow:inset 0 0 0 1px #dbe3f5}.pc-cb.is-disabled .pc-check{fill:#dbe3f5}.pc-rb.is-disabled .pc-dot{background:#f2f7ff;box-shadow:inset 0 0 0 1px #dbe3f5}.pc-rb.is-disabled .pc-dot:after{background:#dbe3f5}.pc-sw{position:relative;flex:none;width:40px;height:20px;border-radius:48px;background:#646c8d;transition:background-color .2s}.pc-sw i{position:absolute;left:1px;top:1px;width:18px;height:18px;border-radius:50%;background:#fff;transition:translate .3s cubic-bezier(.22,1,.36,1),box-shadow .2s}.pc-sw i:before{content:"";position:absolute;z-index:-1;inset:-9px;border-radius:50%;background:#ced6e8;opacity:0;scale:.5;transition:opacity .2s,scale .3s cubic-bezier(.22,1,.36,1)}.pc-swl input:checked+.pc-sw{background:#5756b3}.pc-swl input:checked+.pc-sw i{translate:20px 0}.pc-swl input:checked+.pc-sw i:before{background:#cdccfc}.pc-swl:not(.is-disabled):hover .pc-sw i:before,.pc-swl.is-hover .pc-sw i:before,.pc-swl input:focus-visible+.pc-sw i:before{opacity:1;scale:1}.pc-swl:not(.is-disabled):hover input:not(:checked)+.pc-sw i,.pc-swl.is-hover input:not(:checked)+.pc-sw i{box-shadow:inset 0 0 0 1px #646c8d}.pc-swl.is-disabled .pc-sw{background:#dbe3f5}.pc-swl.is-disabled input:checked+.pc-sw{background:#cdccfc}.pc-sl{position:relative;height:48px;touch-action:none;cursor:pointer;--a: 0;--b: 50}.pc-sl:before{content:"";position:absolute;left:0;right:0;top:23px;height:2px;background:#dbe3f5}.pc-sl-fill{position:absolute;top:23px;height:2px;left:calc(var(--a) * 1%);width:calc((var(--b) - var(--a)) * 1%);background:#5550ff}.pc-sl-thumb{position:absolute;top:24px;left:calc(var(--p) * 1%);width:11px;height:11px;margin:-5.5px 0 0 -5.5px;padding:0;border:0;border-radius:50%;background:#5550ff;cursor:grab;outline:none}.pc-sl-thumb:before{content:"";position:absolute;z-index:-1;inset:-18.5px;border-radius:50%;background:#cdccfc;opacity:0;scale:.4;transition:opacity .2s,scale .3s cubic-bezier(.22,1,.36,1)}.pc-sl-thumb:hover:before,.pc-sl-thumb:focus-visible:before,.pc-sl-thumb.is-drag:before,.pc-sl-thumb.is-sel:before{opacity:1;scale:1}.pc-sl-thumb.is-drag{cursor:grabbing}.pc-sl-bubble{position:absolute;left:50%;bottom:calc(100% + 6px);width:26px;height:32px;translate:-50% 0;display:grid;place-items:start center;padding-top:7px;font:400 10px/1 Roboto,sans-serif;color:#fff;pointer-events:none;opacity:0;scale:.6;transform-origin:50% 100%;transition:opacity .15s,scale .25s cubic-bezier(.22,1,.36,1);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 32'%3E%3Cpath d='M13 0C20.2 0 26 5.9 26 13.2 26 16.9 24 20.8 18.7 26.1L13 31.9 7.2 26.1C2 20.7 0 16.8 0 13.2 0 5.9 5.8 0 13 0Z' fill='%235550FF'/%3E%3C/svg%3E") center / contain no-repeat}.pc-sl.has-label .pc-sl-thumb:is(.is-drag,:focus-visible,.is-sel) .pc-sl-bubble,.pc-sl.has-label .pc-sl-thumb:hover .pc-sl-bubble{opacity:1;scale:1}.pc-sl.has-label .pc-sl-thumb:is(.is-drag,:focus-visible,.is-sel,:hover):before{inset:-9px}.pc-sl.is-disabled{cursor:not-allowed}.pc-sl.is-disabled .pc-sl-fill{opacity:0}.pc-sl.is-disabled .pc-sl-thumb{background:#dbe3f5;cursor:not-allowed}.pc-sl.is-disabled .pc-sl-thumb:before{display:none}.ds-sc{grid-column:1 / -1;margin-top:4rem;display:grid;grid-template-columns:minmax(0,1fr);row-gap:4.8rem}.ds-sc>:not(.ds-fl-fallback){display:none}.ds-sc.is-ready>:not(.ds-fl-fallback){display:block}.ds-sc.is-ready>.ds-sc-cards{display:grid}.ds-sc.is-ready>.ds-fl-fallback{display:none}.ds-sc-art{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:2.4rem;padding:2.8rem 3.2rem 3.2rem}.ds-sc-art-slider{grid-template-columns:minmax(0,1fr)}.ds-sc-col{display:flex;flex-direction:column;row-gap:1.6rem;min-width:0}.ds-sc-h{font-family:var(--case-mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ds-medium)}.ds-sc-atoms{display:grid;row-gap:16px;padding:14px 16px;border:1px dashed #A3A0FF;border-radius:6px}.ds-sc-atoms .pc-cb,.ds-sc-atoms .pc-rb,.ds-sc-atoms .pc-swl{font-size:14px}.ds-sc-sl-atoms{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 24px}.ds-sc-sl-atom{display:flex;flex-direction:column;row-gap:2px}.ds-sc-sl-atom span{font:400 12px/1.3 Roboto,sans-serif;color:#646c8d;text-align:center}.ds-sc-sl-atom .pc-sl{margin-top:26px}.ds-sc-try{display:grid;row-gap:8px;align-content:start}.ds-sc-try .pc-cb+.pc-cb,.ds-sc-try .pc-rb+.pc-rb,.ds-sc-try .pc-swl+.pc-swl{margin-top:0}.ds-sc-try .ds-sc-sub{display:grid;row-gap:8px;padding-left:28px}.ds-sc-legend{margin:0 0 4px;font:700 16px/21px Roboto,sans-serif;color:#05050f}.ds-sc-out{margin:8px 0 0;font:400 12px/18px Roboto,sans-serif;color:var(--ds-medium)}.ds-sc-slider-row{display:grid;row-gap:4px}.ds-sc-slider-row+.ds-sc-slider-row{margin-top:18px}.ds-sc-slider-head{display:flex;justify-content:space-between;font:400 14px/21px Roboto,sans-serif;color:#646c8d}.ds-sc-slider-head b{font-weight:500;color:#23233a;font-variant-numeric:tabular-nums}.ds-sc-slider-row .pc-sl{margin-top:30px}.ds-sc-reorder{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:3.2rem;padding:3.2rem;align-items:start}.ds-sc-list-wrap{border:1px dashed #A3A0FF;border-radius:6px;padding:8px}.ds-sc-list{list-style:none;margin:0;padding:0}.pc-row{position:relative;display:flex;align-items:center;justify-content:space-between;height:64px;padding:16px;background:#fff;border-bottom:1px solid #CED6E8;transition:background-color .12s}.pc-row .pc-cb{flex:1}.pc-row:hover,.pc-row.is-hover{background:#5756b3}.pc-row:active,.pc-row.is-press{background:#151543}.pc-row:hover .pc-cb,.pc-row:active .pc-cb,.pc-row.is-hover .pc-cb{color:#fff}.pc-row .pc-box:before{display:none}.pc-row:has(input:focus-visible){outline:2px solid #5550FF;outline-offset:-2px}.pc-handle{display:grid;place-items:center;width:32px;height:32px;margin-right:-8px;padding:0;border:0;border-radius:4px;background:none;color:#646c8d;cursor:grab;touch-action:none}.pc-handle svg{width:16.4px;height:12.2px}.pc-row:hover .pc-handle,.pc-row:active .pc-handle{color:#fff}.pc-handle:focus-visible{outline:2px solid #5550FF;outline-offset:1px}.pc-row.is-drag{z-index:3;background:#5756b3;box-shadow:0 12px 28px #15154347;cursor:grabbing;transition:none}.pc-row.is-drag .pc-cb,.pc-row.is-drag .pc-handle{color:#fff}.ds-sc-sigs{display:grid}.pc-sig{display:flex;align-items:center;gap:8px;height:64px;padding:16px;margin-top:8px;font:400 16px/24px Roboto,sans-serif;color:#fff;background:#238170}.pc-sig.is-err{background:#9d1e44}.pc-sig svg{width:24px;height:24px;flex:none;color:#238170}.pc-sig.is-err svg{color:#9d1e44}.ds-sc-preview{display:flex;flex-direction:column;row-gap:1.2rem;min-width:0}.ds-sc-table{display:flex;overflow-x:auto;border:1px solid #DBE3F5;border-radius:6px}.ds-sc-th{flex:1 0 auto;min-width:9rem;padding:12px 14px;border-right:1px solid #EEF0FA;font:700 13px/1.3 Roboto,sans-serif;color:#23233a;white-space:nowrap}.ds-sc-th:last-child{border-right:0}.ds-sc-th small{display:block;margin-top:8px;font-weight:400;font-size:13px;color:#008bd2}.ds-sc-th small+small{color:#646c8d}.ds-cx{margin-top:6rem;overflow-x:clip}.ds-cx-barwrap{position:sticky;top:var(--cx-top, 6.8rem);z-index:20;padding-block:1.2rem}.ds-cx-barwrap:before{content:"";position:absolute;inset:0 -100vw;z-index:-1;background:var(--body-bg);opacity:0;transition:opacity .25s}.ds-cx-barwrap.is-stuck:before{opacity:1}.ds-cx:not(.is-tabbed) .ds-cx-barwrap{display:none}.ds-cx-bar{grid-column:1 / -1;justify-self:start;display:flex;gap:.4rem;max-width:100%;padding:.4rem;border-radius:10rem;overflow-x:auto;scrollbar-width:none;border:1px solid color-mix(in srgb,var(--fg) 14%,transparent);background:var(--body-bg)}.ds-cx-bar::-webkit-scrollbar{display:none}.ds-cx-tab{flex:none;display:inline-flex;align-items:baseline;column-gap:.8rem;padding:1.1rem 2rem;border:0;border-radius:10rem;background:none;cursor:pointer;color:var(--txt-fade);font:500 1.5rem/1 inherit;font-family:inherit;transition:color .25s,background-color .25s}.ds-cx-tab:hover{color:var(--fg)}.ds-cx-tab[aria-selected=true]{background:var(--fg);color:var(--body-bg)}.ds-cx-tab:focus-visible{outline:2px solid var(--purple);outline-offset:2px}.ds-cx-n{font-family:var(--case-mono);font-size:1rem;letter-spacing:.08em}.ds-cx.is-tabbed .ds-cx-panel:not(.is-active){display:none}.ds-cx-panel>.container>.case-sub{margin-top:5.6rem}.ds-cx.is-tabbed .ds-cx-panel>.container:first-child{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.ds-cx:not(.is-tabbed) .ds-cx-panel+.ds-cx-panel>.container:first-child>.case-sub{margin-top:12rem}.ds-stack{display:grid;grid-template-columns:minmax(0,1fr);row-gap:3.2rem;margin-top:4.8rem;padding-bottom:2rem}.ds-stack>.is-card{min-width:0}.ds-bl-block.is-card{position:sticky;top:var(--stick, 14rem);padding:2.4rem 2.4rem 3.2rem;border-radius:1.6rem;transform-origin:50% 0;background:var(--panel);border:1px solid color-mix(in srgb,var(--fg) 9%,transparent)}.ds-card-head{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:2rem;margin:0 0 2.4rem;padding-bottom:2rem;border-bottom:1px solid var(--border);cursor:pointer}.ds-card-head .ds-bl-title{font-size:3.2rem;line-height:1.1;letter-spacing:-.02em}.ds-card-head .case-label{grid-column:1;margin-top:.8rem}.ds-card-n{display:block;margin-bottom:1rem;font-family:var(--case-mono);font-size:1.05rem;letter-spacing:.08em;color:var(--txt-fade)}.ds-card-go{grid-column:2;grid-row:1 / span 3;display:flex;align-items:center;gap:1.2rem;padding:0;border:0;background:none;color:var(--fg);cursor:pointer}.ds-card-meta{font-family:var(--case-mono);font-size:1.05rem;letter-spacing:.08em;text-transform:uppercase;color:var(--txt-fade);white-space:nowrap}.ds-card-ic{width:5.6rem;height:5.6rem;display:grid;place-items:center;border-radius:50%;background:var(--fg);color:var(--body-bg);transition:scale .4s cubic-bezier(.22,1,.36,1)}.ds-card-ic svg{width:1.6rem;height:1.6rem;transition:rotate .4s cubic-bezier(.22,1,.36,1)}.ds-card-head:hover .ds-card-ic{scale:1.08}.ds-card-head:hover .ds-card-ic svg{rotate:45deg}.ds-card-go:focus-visible{outline:2px solid var(--purple);outline-offset:4px;border-radius:10rem}.ds-bl-block.is-card>.ds-card-body{position:relative}.ds-bl-block.is-card>.ds-card-body:after{content:"";position:absolute;inset:-2.4rem -2.4rem -3.2rem;border-radius:0 0 1.6rem 1.6rem;background:var(--body-bg);opacity:var(--dim, 0);pointer-events:none}.ds-modes-wrap{grid-column:1 / -1;margin-top:4rem}.ds-modes-bar{display:flex;justify-content:space-between;align-items:center;gap:2rem;margin-bottom:1.6rem}.ds-modes-seg{display:inline-flex;padding:.4rem;border-radius:10rem;border:1px solid color-mix(in srgb,var(--fg) 16%,transparent)}.ds-seg{padding:.9rem 1.8rem;border:0;border-radius:10rem;background:none;color:var(--txt-fade);cursor:pointer;font-family:var(--case-mono);font-size:1.1rem;letter-spacing:.08em;text-transform:uppercase;transition:background-color .3s,color .3s}.ds-seg:hover{color:var(--fg)}.ds-seg[aria-pressed=true]{background:var(--fg);color:var(--body-bg)}.ds-seg:focus-visible{outline:2px solid var(--purple);outline-offset:2px}.ds-modes{position:relative;border-radius:1.6rem;overflow:clip;box-shadow:0 0 0 1px color-mix(in srgb,var(--fg) 10%,transparent);touch-action:pan-y;user-select:none;-webkit-user-select:none;cursor:ew-resize;isolation:isolate}.ds-mode{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.9fr);column-gap:3.2rem;align-items:start;padding:7.2rem 4.8rem 4.8rem;background:var(--t-light-10);color:var(--t-black);font-family:Roboto,system-ui,sans-serif}.ds-mode.is-dark{position:absolute;inset:0;clip-path:inset(0 0 0 var(--split))}.ds-mode-tag{position:absolute;top:2.6rem;left:4.8rem;font-family:var(--case-mono);font-size:1.1rem;letter-spacing:.1em;text-transform:uppercase;color:var(--t-dark-50)}.ds-mode.is-dark .ds-mode-tag{left:auto;right:4.8rem}.ds-mui{padding:24px;border-radius:8px;background:var(--t-white);border:1px solid var(--t-light-75);box-shadow:0 3px 6px #00498729}.is-dark .ds-mui{box-shadow:none}.ds-mui-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.ds-mui-title{font:700 18px/24px Roboto,sans-serif;color:var(--t-black)}.ds-mui-link{font:400 14px/18px Roboto,sans-serif;color:var(--t-links)}.ds-mui-p{margin:8px 0 18px;font:400 14px/21px Roboto,sans-serif;color:var(--t-dark)}.ds-mui-chips{display:flex;flex-wrap:wrap;gap:8px}.ds-mui-chips span{padding:6px 14px;border-radius:100px;font:500 12px/1.4 Poppins,sans-serif;background:var(--t-light-75);color:var(--t-dark)}.ds-mui-chips .is-on{background:var(--t-primary);color:#fff}.ds-mui-rows{list-style:none;margin:18px 0 0;padding:0}.ds-mui-rows li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:12px;row-gap:10px;padding:12px 0;border-top:1px solid var(--t-light-75)}.ds-mui-ref{font:400 14px/18px Roboto,sans-serif;color:var(--t-links)}.ds-mui-dest{font:400 12px/18px Roboto,sans-serif;color:var(--t-medium-dark-75);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ds-mui-tag{padding:3px 8px;border-radius:4px;font:500 11px/1.4 Poppins,sans-serif}.ds-mui-tag.is-transit{background:color-mix(in srgb,var(--t-secondary) 16%,transparent);color:var(--t-secondary)}.ds-mui-tag.is-ok{background:color-mix(in srgb,var(--t-success) 16%,transparent);color:var(--t-success)}.ds-mui-tag.is-hold{background:color-mix(in srgb,var(--t-error) 16%,transparent);color:var(--t-error)}.ds-mui-bar{grid-column:1 / -1;height:4px;border-radius:4px;background:var(--t-light-75);overflow:hidden}.ds-mui-bar i{display:block;height:100%;border-radius:inherit;background:var(--t-primary)}.ds-mui-bar.is-hold i{background:var(--t-error)}.ds-mui-actions{display:flex;gap:10px;margin-top:20px}.ds-mui-btn{padding:10px 20px;border-radius:4px;font:500 14px/1.2 Poppins,sans-serif;background:var(--t-primary);color:#fff;border:1px solid var(--t-primary)}.ds-mui-btn.is-ghost{background:none;color:var(--t-primary)}.ds-mt-board{display:flex;flex-direction:column;row-gap:1.8rem}.ds-mt-label{display:block;margin-bottom:.8rem;font-family:var(--case-mono);font-size:1rem;letter-spacing:.1em;text-transform:uppercase;color:var(--t-dark-50)}.ds-mt-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.ds-mt{display:flex;flex-direction:column;min-width:0;padding:5px 5px 8px;border-radius:6px;background:var(--t-white);border:1px solid var(--t-light-75)}.ds-mt-chip{height:4.4rem;margin-bottom:7px;border-radius:4px;box-shadow:inset 0 0 0 1px #80808c2e}.ds-mt.is-none .ds-mt-chip{background:none!important;box-shadow:none;border:1px dashed var(--t-dark-50)}.ds-mt-name{padding:0 3px;font:400 11px/1.3 Roboto,sans-serif;color:var(--t-black);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ds-mt-hex{padding:0 3px;font-family:var(--case-mono);font-size:9.5px;letter-spacing:.02em;color:var(--t-medium-dark-75)}.ds-modes-handle{position:absolute;z-index:2;top:0;bottom:0;left:clamp(2.2rem,var(--split),100% - 2.2rem);width:4.4rem;margin-left:-2.2rem;outline:none}.ds-modes:after{content:"";position:absolute;z-index:2;top:0;bottom:0;left:var(--split);width:2px;margin-left:-1px;background:#fff;box-shadow:0 0 0 1px #05050f40;pointer-events:none}.ds-modes-knob{position:sticky;top:calc(50vh - 2.2rem);margin:50vh 0;width:4.4rem;height:4.4rem;border-radius:50%;display:grid;place-items:center;background:#fff;color:#05050f;box-shadow:0 .6rem 2rem #05050f59,0 0 0 1px #05050f1f;transition:scale .35s cubic-bezier(.22,1,.36,1)}.ds-modes-knob svg{width:2rem;height:2rem}.ds-modes:hover .ds-modes-knob,.ds-modes.is-dragging .ds-modes-knob{scale:1.12}.ds-modes-handle:focus-visible .ds-modes-knob{box-shadow:0 0 0 3px var(--purple),0 .6rem 2rem #05050f59}.ds-space{grid-column:5 / -1;margin-top:6rem;padding:3.2rem 3.2rem 2.4rem;border-radius:1.6rem;background:var(--panel);border:1px solid color-mix(in srgb,var(--fg) 7%,transparent)}.ds-space-head{display:flex;justify-content:space-between;margin-bottom:1.6rem}.ds-space-list{list-style:none;margin:0;padding:0}.ds-space-row{display:grid;grid-template-columns:5rem minmax(0,1fr) 12rem;align-items:center;column-gap:1.6rem;padding:.9rem 0;border-top:1px solid color-mix(in srgb,var(--fg) 10%,transparent)}.ds-space-val{font-family:var(--case-mono);font-size:1.3rem;color:var(--fg);font-variant-numeric:tabular-nums}.ds-space-bar{height:1.4rem;width:calc(var(--v) / 80 * 100%);border-radius:.3rem;background:var(--ds-accent);transform-origin:left center}.ds-space-row.is-rare .ds-space-bar{background:repeating-linear-gradient(135deg,var(--ds-accent) 0 .4rem,color-mix(in srgb,var(--ds-accent) 40%,transparent) .4rem .8rem)}.ds-space-note{justify-self:end;font-family:var(--case-mono);font-size:1rem;letter-spacing:.08em;text-transform:uppercase;color:var(--txt-fade)}.is-fade-r{-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 4.8rem),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 4.8rem),transparent)}.is-fade-l{-webkit-mask-image:linear-gradient(to left,#000 calc(100% - 4.8rem),transparent);mask-image:linear-gradient(to left,#000 calc(100% - 4.8rem),transparent)}.is-fade-l.is-fade-r{-webkit-mask-image:linear-gradient(to right,transparent,#000 4.8rem,#000 calc(100% - 4.8rem),transparent);mask-image:linear-gradient(to right,transparent,#000 4.8rem,#000 calc(100% - 4.8rem),transparent)}.ds-bl-mx-switch{display:none}@media (max-width: 991px){.ds-stats{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:3.2rem}.ds-fonts,.ds-sw-group{grid-template-columns:1fr;row-gap:2rem}.ds-space{grid-column:1 / -1}.ds-artboard{padding:1.2rem 3.2rem 2.4rem}.ds-type-row{grid-template-columns:16rem minmax(0,1fr)}.ds-mode{grid-template-columns:1fr;row-gap:3.2rem}.ds-ib-main{grid-template-columns:1fr}.ds-bl-play,.ds-fl-org-grid,.ds-sc-reorder{grid-template-columns:minmax(0,1fr)}.ds-bl-controls{flex-direction:row;flex-wrap:wrap;gap:1.6rem 2.4rem}.ds-bl-ctl-label{flex:1 1 20rem}.ds-ib-inspect{position:static;order:-1;display:grid;grid-template-columns:16rem minmax(0,1fr);column-gap:2rem;align-items:start}.ds-ib-inspect .ds-ib-stage{grid-row:1 / 5}.ds-ib-label{margin-top:0}.ds-ib-actions{margin-top:1.6rem}.ds-mui{max-width:46rem}.ds-sw-grade,.ds-sw-dark,.ds-sw-hex,.ds-mt-label,.ds-cx-n,.ds-space-note,.ds-space-val,.ds-ib-cat,.ds-ib-role,.ds-ib-copy,.ds-ib-dims,.ds-card-n,.ds-card-meta,.ds-font-tag,.ds-tab,.ds-tab-count,.ds-seg,.ds-mode-tag,.ds-bl-tokens dt{font-size:max(11px,1.1rem)}.ds-bl-matrix{overflow-x:visible}.ds-bl-mx-cols{display:none}.ds-bl-mx-row{min-width:0;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.6rem 1.2rem;padding:2.4rem 0}.ds-bl-mx-cols+.ds-bl-mx-row{border-top:0;padding-top:.4rem}.ds-bl-mx-name{grid-column:1 / -1}.ds-bl-mx-row .pk-btn{zoom:.9}.ds-bl-mx-row>div:not(.ds-bl-mx-name):before{font:500 11px/1 var(--case-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ds-medium)}.ds-bl-mx-row>div:nth-child(2):before{content:"Default"}.ds-bl-mx-row>div:nth-child(3):before{content:"Hover / focus"}.ds-bl-mx-row>div:nth-child(4):before{content:"Pressed"}.ds-bl-mx-row>div:nth-child(5):before{content:"Inactive"}}@media (max-width: 767px){.ds-stats{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:4rem}.ds-stat-num{font-size:4.4rem}.ds-fonts,.ds-swatches{margin-top:4rem}.ds-font{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"head head" "aa name" "aa tag" "copy copy" "glyphs glyphs";column-gap:1.8rem;padding:2rem 2rem 2.4rem}.ds-font-head{grid-area:head}.ds-font-aa{grid-area:aa;align-self:center;margin:2rem 0;padding:0;border:0;font-size:7.6rem}.ds-font-name{grid-area:name;align-self:end;font-size:2.8rem}.ds-font-tag{grid-area:tag;align-self:start;margin:.6rem 0 0}.ds-font .case-p{grid-area:copy;margin:0;padding-top:2rem;border-top:1px solid color-mix(in srgb,var(--fg) 14%,transparent);font-size:1.5rem}.ds-font-glyphs{grid-area:glyphs;padding-top:1.6rem;font-size:1.4rem;line-height:1.5}.ds-scale{padding:1.2rem;margin-top:3.2rem}.ds-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:1.2rem}.ds-tab{flex:none}.ds-artboard{padding:.8rem 2rem 2rem}.ds-type-row{grid-template-columns:1fr;row-gap:1rem;padding:2rem 0}.ds-type-name{font-size:13px}.ds-sw-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ds-sw-aa{font-size:2.2rem}.ds-space{padding:2.4rem 2rem 1.6rem;margin-top:4rem}.ds-space-row{grid-template-columns:3.6rem minmax(0,1fr) 8.4rem;column-gap:1rem}.ds-modes-hint{display:none}.ds-cx-bar{display:flex;width:100%;padding:.7rem;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:.7rem}.ds-cx-tab{flex:none;scroll-snap-align:start;padding:1.1rem 1.6rem;font-size:1.4rem;white-space:nowrap}.ds-card-meta{display:none}.ds-bl-block.is-card{padding:1.6rem 1.2rem 2rem}.ds-card-head .ds-bl-title{font-size:2.4rem}.ds-card-ic{width:4.4rem;height:4.4rem}.ds-ib{padding:1.2rem;margin-top:4rem}.ds-bl{row-gap:3.2rem}.ds-bl-play{padding:1.2rem}.ds-bl-controls{flex-direction:column;row-gap:1.6rem}.ds-bl-ctl-label{flex:none}.ds-fl-art{padding:8rem 1.2rem 3rem;min-height:36rem!important}.ds-fl-form,.ds-fl-matrix{padding:2rem}.ds-fl-slot .pf-row{width:100%}.pf-tip{left:auto;right:-8px;top:calc(100% + 10px);translate:none;width:min(276px,80vw)}.pf-tip:before{left:auto;right:14px;top:-8px;translate:none;border:8px solid transparent;border-top:0;border-bottom-color:#fff}.ds-fl-org-actions .pk-btn{flex:1}.ds-bl-ctl,.ds-bl-ctl .ds-modes-seg{min-width:0;max-width:100%}.ds-bl-ctl .ds-seg{padding:.75rem 1rem;font-size:1rem}.ds-bl-tokens{grid-template-columns:repeat(2,minmax(0,1fr))}.ds-bl-play .ds-bl-art{min-height:26rem}.ds-bl-tag-h{left:auto;right:0;top:calc(100% + 3rem);translate:none}.ds-bl-rl-h{display:none}.ds-bl-others{grid-template-columns:minmax(0,1fr)}.ds-sc-art,.ds-sc-reorder{grid-template-columns:minmax(0,1fr);padding:2rem 1.6rem}.ds-sc-sl-atoms{grid-template-columns:repeat(2,minmax(0,1fr))}.ds-cl-pad{padding:2rem 1.6rem}.ds-cl-ship{grid-template-columns:minmax(0,1fr)}.ds-cl-art .ds-cl-target{zoom:1.25}.ds-cl-target .ds-bl-tag-pad{white-space:normal;width:16rem}.ds-cl-add-form{width:100%;padding:0}.ds-bl-row,.ds-bl-matrix{padding:2rem}.pk-action{width:100%;max-width:233px}.ds-ib-tools{width:100%;justify-content:space-between;gap:.8rem}.ds-ib-color{width:2.8rem;height:2.8rem}.ds-ib-color i{width:1.3rem;height:1.3rem}.ds-ib-tools .ds-seg{padding:.8rem 1.1rem}.ds-ib-label,.ds-ib-dims{display:none}.ds-ib-inspect{align-items:center}.ds-ib-inspect .ds-ib-stage{grid-row:1 / 3}.ds-ib-name{margin-top:0}.ds-ib-actions{grid-column:1 / -1;margin-top:1.4rem}.ds-ib-copy{padding:1rem .8rem;font-size:1rem;white-space:nowrap}.ds-ib-inspect{grid-template-columns:10rem minmax(0,1fr);column-gap:1.4rem;padding:1.4rem}.ds-ib-seg{font-size:1.3rem;padding:.4rem .8rem}.ds-ib-grid{max-height:52rem}.ds-ib-tiles{grid-template-columns:repeat(auto-fill,minmax(calc(4.8rem + 2rem * var(--ib-s)),1fr));gap:.6rem}.ds-mode{padding:5.6rem 1.6rem 2rem}.ds-mode-tag{top:2rem;left:1.6rem}.ds-mode.is-dark .ds-mode-tag{right:1.6rem}.ds-mui{padding:18px}.ds-mt-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.ds-sw-grid{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;margin-inline:calc(-1 * var(--gutter));padding-inline:var(--gutter);scroll-padding-inline:var(--gutter)}.ds-sw-grid::-webkit-scrollbar{display:none}.ds-sw-grid>.ds-sw{flex:0 0 40%;scroll-snap-align:start}.ds-bl-matrix{padding:1.6rem}.ds-bl-mx-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.8rem 1.2rem}.ds-bl-mx-row .pk-btn{zoom:.82}.ds-bl-cargo-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.ds-bl-cargo-row .pk-cargo{width:100%;max-width:none;height:12rem;padding:1.6rem}.ds-type-row{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"name spec" "sample sample";align-items:baseline;gap:.4rem 1.2rem;padding:1.1rem 0}.ds-type-name{grid-area:name;padding-top:0}.ds-type-body{display:contents}.ds-type-spec{grid-area:spec;justify-self:end}.ds-type-sample{grid-area:sample}.ds-type-sample,.ds-type-spec{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ds-mt-board{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:5px}.ds-mt-group,.ds-mt-board .ds-mt-grid{display:contents}.ds-mt-label,.ds-mt-name,.ds-mt-hex{display:none}.ds-mt{padding:3px;border-radius:5px}.ds-mt-chip{height:auto;aspect-ratio:1;margin:0}.ds-ib-grid{max-height:18rem}.ds-ib-main,.ds-bl-play{row-gap:1.2rem}.ds-bl-play>.ds-bl-stage{order:-1}.ds-bl-play .ds-bl-art{min-height:17rem}.ds-fl-art{padding-top:5.2rem;min-height:20rem!important}.ds-bl-controls{row-gap:.8rem;padding-block:.4rem}.ds-bl-ctl{display:grid;grid-template-columns:6.4rem minmax(0,1fr);align-items:center;column-gap:1rem}.ds-bl-ctl .ds-modes-seg{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;justify-self:start}.ds-bl-ctl .ds-modes-seg::-webkit-scrollbar{display:none}.ds-bl-ctl .ds-seg{flex:none}.ds-bl-mx-switch{display:inline-flex;margin-bottom:1.2rem;--fg: #23233A;--body-bg: #fff}.ds-bl-mx-switch .ds-seg{padding:.8rem 1.1rem;font-size:1.05rem;color:#646c8d}.ds-bl-mx-row:not(.ds-bl-mx-cols):not(.is-on){display:none}.ds-bl-mx-row.is-on{border-top:0;padding-top:.4rem}.ds-bl-mx-name b{display:none}.ds-bl-tokens{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem 1.2rem}.ds-bl-tokens dd{font-size:1.3rem}.ds-fl-form .ds-fl-org{zoom:.76}.ds-fl-matrix>.ds-fl-mx{zoom:.74}.ds-bl-card-wide>.ds-bl-art{zoom:.85}.ds-sc-atoms{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px}.ds-sc-art{row-gap:1.6rem}.ds-sc-art>.ds-sc-col{zoom:.92}.ds-sc-atoms .pc-cb,.ds-sc-atoms .pc-rb,.ds-sc-atoms .pc-swl{font-size:12.5px}.ds-cx-n{display:none}.ds-ib-color{width:3.4rem;height:3.4rem}}@media (prefers-reduced-motion: reduce){.ds-sw,.ds-sw-aa,.ds-font-aa{transition:none}.ds-fl-org.is-shake{animation:none}}