:root{--duoop-font:"DM Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*,:before,:after{box-sizing:border-box}body{font-family:var(--duoop-font);color:#252a34;background:#fff;margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus{outline:none}:where(button,a,select,[role=button]):focus-visible{text-underline-offset:4px;text-decoration-line:underline;text-decoration-thickness:2px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.button-showcase{grid-template-columns:minmax(0,1fr) 170px;align-items:start;gap:48px;margin:32px 0 56px;display:grid}.documentation-content,.page{min-width:0}.showcase-heading{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:32px;display:flex}.doc-eyebrow{letter-spacing:.12em;color:var(--muted);margin-bottom:16px;font-size:14px;display:block}.showcase-heading h2{letter-spacing:-1.2px;margin:0 0 12px;font-size:34px;font-weight:600}.showcase-heading p,.doc-section>p,.variant-heading p{color:#68707b;max-width:70ch;margin:0;font-size:14px;line-height:1.8}.showcase-heading .secondary{margin-top:28px}.doc-section,.variant-section{min-width:0;margin-top:40px;scroll-margin-top:100px}.doc-section h3,.variant-heading h3{letter-spacing:-.4px;margin:0 0 10px;font-size:19px;font-weight:600}.doc-section h4{margin:0 0 10px;font-size:15px}.doc-section>p,.variant-heading{margin-bottom:18px}.doc-toc{border-left:1px solid var(--border);flex-direction:column;gap:2px;padding-left:20px;font-size:14px;display:flex;position:sticky;top:108px}.doc-toc>span{margin:0 0 12px;font-weight:600}.doc-toc a{color:#69717c;padding:8px 0;line-height:1.4}.doc-toc a:hover{color:var(--accent)}.doc-example,.source-files{border:1px solid var(--border);border-radius:9px;min-width:0;overflow:hidden}.example-toolbar,.code-toolbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:6px 12px;display:flex}.view-switch,.file-switch{gap:4px;display:flex}.view-switch button,.file-switch button,.code-toolbar button{background:0 0;border:0;border-radius:5px;min-height:34px;padding:8px 12px;font-size:14px}.view-switch button{color:#68707b}.view-switch button[aria-pressed=true],.file-switch button[aria-pressed=true]{color:#252a34;background:#eceef1;font-weight:600}.view-switch button:hover,.file-switch button:hover,.code-toolbar button:hover{background:#f0f1f3}.example-language{color:#757b84;font:14px monospace}.code-block{border:1px solid var(--border);background:#f8f9fb;border-radius:8px;min-width:0;position:relative;overflow:hidden}.doc-example .code-block,.source-files .code-block{border:0;border-radius:0}.code-toolbar{color:#606977;font:14px monospace}.code-toolbar button{color:#343c49;background:#fff;border:1px solid #dde1e7;font-family:inherit}.code-block pre{color:#34445d;tab-size:2;max-height:480px;margin:0;padding:22px;font:14px/1.85 Consolas,monospace;overflow:auto}.copy-status{color:#4c6354;padding:0 16px;font-size:14px;display:block}.copy-status:not(:empty){padding-block:8px}.file-switch{border-bottom:1px solid var(--border);flex-wrap:wrap;padding:8px}.overview-preview{background:#fafbfc;flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;min-height:200px;padding:28px;display:flex}.button-playground{flex-direction:column;display:flex}.button-stage{background:#fafbfc;justify-content:center;align-items:center;min-height:240px;padding:60px 24px;display:flex;position:relative}.stage-button{justify-content:center;width:100%;min-width:0;display:flex}.stage-caption{letter-spacing:.12em;color:#707987;font-size:9px;position:absolute;top:22px;left:24px}.stage-feedback{color:#657080;text-align:center;font-size:11px;position:absolute;bottom:20px;left:18px;right:18px}.button-controls{border-top:1px solid var(--border);grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 14px;padding:22px;display:grid}.button-controls label{color:#555d69;min-width:0;font-size:11px;display:block}.button-controls input:not([type=checkbox]),.button-controls select{border:1px solid var(--border);color:#252a34;background:#fff;width:100%;min-height:38px;margin-top:7px;padding:8px;font-size:12px;display:block}.button-controls .disabled-control{align-self:end;align-items:center;gap:8px;min-height:38px;display:flex}.disabled-control input{accent-color:#202020}.button-variants{flex-wrap:wrap;justify-content:center;align-items:center;gap:28px;min-height:165px;padding:36px 24px;display:flex}.button-variants>div{flex-direction:column;align-items:center;gap:18px;max-width:100%;display:flex}.button-variants>div>span,.wide-example>span{color:#68717f;text-align:center;font-size:11px}.wide-example{text-align:center;gap:17px;max-width:480px;margin:0 auto;padding:0 24px 28px;display:grid}.keyboard-note{color:#657080;text-align:center;margin:0;padding:0 24px 24px;font-size:12px;line-height:1.7}.motion-comparison{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.motion-comparison>div{flex-direction:column;align-items:center;gap:22px;min-width:0;padding:30px 12px;display:flex}.motion-comparison>div+div{border-left:1px solid var(--border)}.motion-name{font-size:12px;font-weight:600}.motion-comparison p{text-align:center;color:#68717f;margin:0;font-size:11px;line-height:1.7}.api-table{border:1px solid var(--border);border-radius:8px;margin:20px 0;overflow:auto}.api-table table{border-collapse:collapse;text-align:left;width:100%;font-size:12px;line-height:1.7}.api-table th,.api-table td{border-bottom:1px solid var(--border);vertical-align:top;padding:13px 16px}.api-table th{background:#f8f9fb;font-weight:500}.api-table td:first-child{color:#35465f;font-family:Consolas,monospace}.api-table tr:last-child td{border:0}[id]{scroll-margin-top:100px}@media (width>=1051px){.sidebar{height:100dvh;position:sticky;top:0}.topbar{z-index:3;background:#ffffffed;position:sticky;top:0}}@media (width<=1200px){.button-showcase{grid-template-columns:minmax(0,1fr);gap:24px}.doc-toc{border:0;border-bottom:1px solid var(--border);flex-flow:wrap;grid-row:1;gap:4px 16px;padding:0 0 20px;position:static}.doc-toc>span{width:100%;margin:0}.doc-toc a{padding:6px 0}}@media (width<=850px){.button-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.motion-comparison{grid-template-columns:1fr}.motion-comparison>div+div{border-left:0;border-top:1px solid var(--border)}.showcase-heading{flex-direction:column}.showcase-heading .secondary{margin-top:0}}@media (width<=650px){.button-showcase{margin-top:24px}.showcase-heading h2{font-size:29px}.doc-toc{gap:2px 16px}.doc-toc a{min-height:36px}.example-language{display:none}.button-controls{padding:16px}.doc-section,.variant-section{margin-top:32px}.overview-preview{min-height:200px}.code-block pre{padding:16px}.file-switch button,.view-switch button,.code-toolbar button{min-height:40px}}.favorite-star{transform-origin:50%;overflow:visible}.favorite-star-fill{transform-origin:12px 12px;opacity:0;transition:transform .24s ease-out,opacity .18s ease-out;transform:scale(0)}.duoop-button[aria-pressed=true] .favorite-star-fill{opacity:1;transform:scale(1)}.duoop-button[aria-pressed=true] .favorite-star{animation:.32s ease-out favorite-pop}@keyframes favorite-pop{0%{transform:scale(1)}45%{transform:scale(1.25)rotate(-8deg)}75%{transform:scale(.95)rotate(3deg)}to{transform:scale(1)rotate(0)}}@media (prefers-reduced-motion:reduce){.favorite-star-fill{transition:none}.duoop-button[aria-pressed=true] .favorite-star{animation:none}}.favorite-button:focus-visible{outline:none}.saved-source{border-bottom:1px solid var(--border);padding:14px 10px 22px}.saved-source summary{cursor:pointer;padding:8px 0;font-size:12px}.saved-source .code-block{margin-top:12px}.individual-group>h3{border-bottom:1px solid var(--border);padding-bottom:16px}.individual-example{margin-top:30px;scroll-margin-top:100px}.individual-example h4{margin:0 0 14px;font-size:16px;font-weight:600}.individual-example h4 a:hover{text-underline-offset:4px;text-decoration:underline}.individual-preview{background:#fafbfc;justify-content:center;align-items:center;min-height:220px;padding:32px;display:flex}.doc-toc{overscroll-behavior:contain;max-height:calc(100dvh - 130px);padding-right:8px;overflow-y:auto}.toc-group{flex-direction:column;display:flex}.toc-group>a:first-child{color:#343b46;font-weight:500}.doc-toc .toc-example{padding:5px 0 5px 12px;font-size:11px}@media (width<=1200px){.doc-toc{max-height:240px}.toc-group{display:contents}.doc-toc .toc-example{display:none}}@media (width<=650px){.individual-preview{min-height:190px;padding:24px}}.button-showcase{display:block}.gallery-heading,.gallery-toolbar{justify-content:space-between;align-items:center;gap:20px;display:flex}.gallery-heading p{color:var(--muted);margin:0;font-size:13px;line-height:1.6}.gallery-heading>a{white-space:nowrap;font-size:12px}.gallery-toolbar{margin:24px 0 20px}.gallery-toolbar>span{color:var(--muted);white-space:nowrap;font-size:12px}.gallery-filters,.example-mode{flex-wrap:wrap;gap:5px;display:flex}.example-mode button{background:0 0;border:0;min-height:40px;padding:10px 16px;font-size:12px}.example-mode button[aria-pressed=true]{color:#fff;background:#303b51}.example-mode button:hover:not([aria-pressed=true]){background:#f0f2f5}.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.gallery-card{border:1px solid var(--border);border-radius:10px;min-width:0;overflow:hidden}.gallery-card-preview{background:#fafbfc;justify-content:center;align-items:center;min-height:145px;padding:24px;display:flex}.gallery-card-info{flex-direction:column;gap:5px;padding:16px 16px 8px;display:flex}.gallery-card-info h5{margin:0;font-size:13px;font-weight:600}.gallery-card-info>span{color:var(--muted);font-size:11px}.gallery-card-actions{justify-content:space-between;gap:4px;padding:4px 8px 8px;display:flex}.gallery-card-actions button{background:0 0;border:0;min-height:40px;padding:10px 8px;font-size:12px}.gallery-card-actions button:hover{background:#f0f2f5}.gallery-card-actions button:last-child{color:var(--muted)}.example-dialog{width:min(850px,100% - 32px);padding:26px}.example-dialog .doc-eyebrow{margin-bottom:8px}.example-dialog .example-mode{margin:22px 0}.example-dialog .individual-preview{border:1px solid var(--border);border-radius:8px;min-height:150px;margin-bottom:16px}.example-dialog .doc-section,.example-dialog .variant-section{margin-top:0}.example-dialog .button-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.example-dialog .button-stage{min-height:180px}.example-dialog .code-block pre{max-height:340px}@media (width<=1050px){.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=650px){.gallery-grid{grid-template-columns:1fr}.gallery-toolbar,.gallery-heading{flex-direction:column;align-items:flex-start;gap:12px}.gallery-toolbar{margin:20px 0}.example-dialog{padding:18px}}.color-control{border:0;grid-column:1/-1;min-width:0;margin:0;padding:0}.color-control legend{color:#555d69;margin-bottom:8px;padding:0;font-size:11px}.color-inputs{align-items:center;gap:10px;display:flex}.button-controls .color-inputs input[type=color]{cursor:pointer;flex-shrink:0;width:44px;height:40px;margin:0;padding:3px}.button-controls .color-inputs input:not([type=color]){width:120px;margin:0;font-family:monospace}.color-inputs button{border:1px solid var(--border);background:#fff;min-height:40px;padding:8px 12px}.color-control p{color:var(--muted);margin:8px 0 0;font-size:11px;line-height:1.5}.gallery-groups{flex-direction:column;gap:52px;display:flex}.gallery-category{min-width:0;scroll-margin-top:100px}.gallery-category-heading{border-bottom:1px solid var(--border);align-items:baseline;gap:16px;margin-bottom:20px;padding-bottom:16px;display:flex}.gallery-category-heading h4{letter-spacing:-.3px;margin:0;font-size:19px;font-weight:600}.gallery-category-heading>span{color:var(--muted);font-size:11px}@media (width<=650px){.gallery-groups{gap:36px}.gallery-category-heading{margin-bottom:16px}}.mini-accordion{text-align:left;gap:8px;width:240px;display:grid}.mini-accordion>span{background:#fff;border:2px solid #373434;border-radius:8px;grid-template-columns:1fr 22px;gap:8px;padding:11px 12px;display:grid;box-shadow:0 3px #1d1b1b}.mini-accordion strong{align-self:center;font-size:10px}.mini-accordion small{color:#686565;grid-column:1/-1;font-size:9px}.mini-accordion b{border:2px solid #373434;border-radius:5px;place-items:center;width:22px;height:22px;display:grid;box-shadow:0 2px #1d1b1b}.mini-accordion>span:first-child b{color:#fff;background:#373434}.mini-accordion svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:12px;height:12px}.mini-select{background:#fff;border:2px solid #1d1b1b;border-radius:10px;justify-content:space-between;align-items:center;width:190px;min-height:45px;padding:0 13px;font-size:11px;display:flex;box-shadow:0 4px #1d1b1b}.mini-menu{text-align:left;background:#fff;border:2px solid #1d1b1b;border-radius:10px;width:170px;padding:7px;display:grid;box-shadow:0 5px #1d1b1b}.mini-menu i{border-radius:5px;padding:7px 8px;font:600 10px inherit}.mini-menu i:first-child{background:#f0eeee}.mini-menu i:last-child{color:#a51d2d;border-top:1px solid #dedada;border-radius:0}.mini-dialog{text-align:left;background:#fff;border:2px solid #1d1b1b;border-radius:10px;grid-template-columns:1fr auto;gap:10px;width:210px;padding:15px;display:grid;box-shadow:0 5px #1d1b1b}.mini-dialog b,.mini-dialog small{grid-column:1/-1}.mini-dialog b{font-size:14px}.mini-dialog small{color:#686565;font-size:9px}.mini-dialog i{text-align:center;border:2px solid #1d1b1b;border-radius:6px;padding:6px 9px;font:600 9px inherit}.mini-dialog i:last-child{color:#fff;background:#373434}.mini-dialog{background:#f7f6f5;border-radius:12px;gap:9px}.mini-dialog>small{letter-spacing:1px;font-size:8px}.mini-dialog>span{border-block:1px solid #373434;grid-column:1/-1;padding-block:12px;font-size:13px}.mini-dialog em{color:#686565;margin-top:5px;font-size:9px;font-style:normal;display:block}.mini-dialog i{background:#fff;box-shadow:0 2px #1d1b1b}.mini-toast{color:#373434;background:#fff;border:2px solid #1d1b1b;border-radius:10px;align-items:center;gap:12px;width:240px;max-width:100%;padding:16px;display:flex;box-shadow:0 4px #1d1b1b}.mini-toast>svg{stroke:#356247;fill:none;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:24px;height:24px}.mini-toast>span{flex-direction:column;gap:6px;display:flex}.mini-toast strong{font-size:12px}.mini-toast small{color:#686565;font-size:9px}.mini-progress{color:#373434;flex-direction:column;gap:12px;width:220px;max-width:100%;display:flex}.mini-progress>span{justify-content:space-between;gap:12px;font-size:10px;display:flex}.mini-progress>i{isolation:isolate;background:#e8e4e4;border-radius:5px;height:14px;display:block;position:relative;overflow:hidden;box-shadow:0 3px #1d1b1b}.mini-progress>i:after{content:"";border-radius:inherit;pointer-events:none;border:2px solid #1d1b1b;position:absolute;inset:0}.mini-progress em{background:#373434;width:64%;height:100%;display:block}@font-face{font-family:DM Sans;font-style:normal;font-weight:100 1000;font-display:swap;src:url(/assets/dm-sans-latin-wght-normal-Xz1IZZA0.woff2)format("woff2")}:root{--duoop-font:"DM Sans", system-ui, sans-serif;color:#252a34;font-synthesis:none;--muted:#646c78;--border:#e7e9ed;--accent:#303b51;--radius:8px;background:#fff;font-family:DM Sans,sans-serif;font-size:16px}body{margin:0}a{color:inherit;text-decoration:none}button{color:inherit}::selection{background:#dfe6f1}*{scrollbar-width:thin;scrollbar-color:#aaa5a5 transparent}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-thumb{background:#aaa5a5;border-radius:8px}::-webkit-scrollbar-track{background:0 0}.skip:not(:focus){clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip:focus{z-index:100;background:#fff;border:2px solid #303b51;padding:14px;position:fixed;top:8px;left:8px}.site-header{z-index:30;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;align-items:center;gap:32px;height:76px;padding:0 30px;display:flex;position:sticky;top:0}.site-brand-wrap{flex-shrink:0;align-items:center;gap:12px;width:194px;display:flex}.site-brand{color:#000;letter-spacing:-.85px;align-items:center;gap:11px;font-size:22px;font-weight:700;display:flex}.brand-mark{object-fit:contain;flex-shrink:0;width:40px;height:40px;display:block}.brand-ui{color:inherit}.top-navigation{align-items:center;gap:28px;height:100%;font-size:14px;display:flex}.top-navigation>a{color:#666f7d;align-items:center;height:100%;display:flex;position:relative}.top-navigation>a[aria-current=page],.top-navigation>a:hover{color:#303b51}.top-navigation>a[aria-current=page]:after{content:"";bottom:0;background:#303b51;height:2px;position:absolute;inset-inline:0}.header-search{color:#68717e;background:#fafbfc;border:1px solid #dce0e6;border-radius:7px;align-items:center;gap:8px;width:245px;height:37px;margin-left:auto;padding:0 11px;display:flex}.header-search .duoop-input{height:30px;min-height:30px;box-shadow:none;background:0 0;border:0;border-radius:0;width:100%;min-width:0;padding:0;font-size:14px}.header-search .duoop-input:focus{box-shadow:none;border:0;outline:none}.header-search:focus-within{background:#fff;border:1px solid #303b51}.header-search>svg{flex-shrink:0}.header-search kbd{white-space:nowrap;border:1px solid #e2e4e8;border-radius:4px;padding:1px 4px;font:14px/1.5 inherit}.github-link{place-items:center;width:32px;height:44px;display:grid}.header-github{flex-shrink:0;align-items:center;gap:12px;display:flex}.github-stars.duoop-card{font-variant-numeric:tabular-nums;flex-direction:row;justify-content:center;align-items:center;gap:8px;width:auto;min-width:64px;height:36px;padding:0 12px;font-size:14px}.catalog-sidebar{border-right:1px solid var(--border);z-index:25;background:#f8f9fb;flex-direction:column;width:258px;padding:30px 20px 20px;display:flex;position:fixed;top:76px;bottom:0;left:0;overflow:auto}.sidebar-label{letter-spacing:.14em;color:#5f6b7c;margin:0 0 14px;padding:0 12px;font-size:14px;font-weight:600;display:block}.site-nav-link{color:#5d6778;border-radius:6px;align-items:center;gap:11px;min-height:43px;padding:8px 12px;font-size:14px;display:flex}.site-nav-link>span:last-child{color:#5f6b7c;margin-left:auto;font-size:14px}.site-nav-link.is-active{color:#303b51;background:#e9edf3;font-weight:600}.site-nav-link:hover,.category-link:hover{background:#edf0f5}.sidebar-divider{background:#e3e6ec;height:1px;margin:23px 12px}.category-link{color:#606a79;border-radius:6px;justify-content:space-between;align-items:center;gap:10px;min-height:39px;padding:9px 12px;font-size:14px;display:flex}.category-link>span:last-child{font-variant-numeric:tabular-nums;color:#5f6b7c;font-size:14px}.category-link.is-active{color:#303b51;font-weight:600}.sidebar-components{border-left:1px solid #d9dfe8;gap:1px;margin:4px 0 10px 20px;padding-left:14px;display:grid}.sidebar-components a{color:#68717e;padding:9px 4px;font-size:14px}.sidebar-components a[aria-current=page]{color:#303b51;font-weight:650}.sidebar-components a:hover{text-underline-offset:4px;text-decoration:underline}.sidebar-start{color:#303b51;border-top:1px solid #dfe4ec;margin:42px 12px 20px;padding-top:24px}.sidebar-start strong{letter-spacing:-.5px;margin:14px 0 10px;font-size:18px;font-weight:550;line-height:1.35;display:block}.sidebar-start p{color:#6a7380;font-size:14px;line-height:1.8}.sidebar-start>.duoop-button{white-space:nowrap;margin-top:17px;width:calc(100% + 24px);max-width:none;margin-inline:-12px;font-size:14px;display:inline-grid}.sidebar-foot{color:#5f6b7c;justify-content:space-between;margin:auto 12px 0;padding-top:26px;font-size:14px;display:flex}.catalog-content{min-width:0;margin-left:258px}.catalog-main{outline:none;max-width:1380px;min-height:calc(100dvh - 167px);margin:auto;padding:44px 48px 64px}.catalog-main h1{letter-spacing:-1.25px;margin:0 0 16px;font-size:36px;font-weight:600;line-height:1.16}.eyebrow{letter-spacing:.12em;color:#5f6b7c;align-items:center;gap:10px;margin-bottom:20px;font-size:14px;font-weight:550;display:flex}.eyebrow-line{background:#5f6b7c;width:22px;height:1px}.codex-mcp-badge{border:1px solid var(--duoop-edge,#303b51);max-width:100%;box-shadow:0 2px 0 var(--duoop-edge,#303b51);color:inherit;background:var(--duoop-surface,#fff);border-radius:999px;align-items:center;gap:8px;margin-bottom:24px;padding:7px 12px 7px 7px;font-size:12px;font-weight:600;text-decoration:none;transition:transform .12s,box-shadow .12s;display:inline-flex}.codex-mcp-badge img{flex:none}.codex-mcp-badge:hover{box-shadow:0 3px 0 var(--duoop-edge,#303b51);transform:translateY(-1px)}.codex-mcp-badge:focus-visible{outline-offset:5px;outline:3px solid}#codex-mcp{scroll-margin-top:90px}@media (prefers-reduced-motion:reduce){.codex-mcp-badge{transition:none}}.home-hero{border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr);align-items:center;gap:44px;padding:6px 0 38px;display:grid}.home-hero h1{letter-spacing:-2.9px;margin:24px 0;font-size:clamp(42px,4.15vw,72px);font-weight:550;line-height:1.06}.home-hero h1>span{color:#000}.hero-copy{min-width:0}.hero-copy>p{color:#68717e;max-width:40ch;margin:0;font-size:16px;line-height:1.9}.hero-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:28px;display:flex}.hero-actions .duoop-button{font-size:14px}.hero-meta{color:#5f6b7c;flex-wrap:wrap;align-items:center;gap:12px;margin-top:28px;font-size:14px;display:flex}.hero-meta>i{background:#a5adba;border-radius:50%;width:3px;height:3px}.hero-composition{min-width:0;padding:35px 18px 39px 12px;position:relative}.hero-annotation{color:#5f6b7c;align-items:center;font-size:14px;display:flex;position:absolute;top:-1px;right:10px;transform:rotate(-5deg)}.hero-annotation svg{width:45px;height:30px;margin-left:8px}.hero-demo-card.duoop-card{background:#fff;transform:rotate(-2deg);box-shadow:0 6px #1d1b1b,14px 18px #eef0f4}.hero-demo-card .duoop-card__header{padding-bottom:17px}.hero-demo-card .duoop-card__header,.preview-card .duoop-card__header,.page-example-card .duoop-card__header{flex-direction:column;gap:6px;display:flex}.hero-card-top{width:100%}.hero-demo-card .duoop-tabs__panel{box-shadow:none;border:0;margin-top:10px;padding:0}.hero-demo-card .duoop-card__content>.duoop-button{margin-top:12px}.hero-card-top{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.hero-project-icon{color:#303b51;border:2px solid #373434;border-radius:9px;place-items:center;width:44px;height:44px;display:grid;box-shadow:0 3px #373434}.hero-demo-card .duoop-card__title{letter-spacing:-.6px;font-size:21px}.hero-demo-card .duoop-card__description{font-size:14px}.hero-demo-card .duoop-tabs,.hero-demo-card .duoop-tabs__list{width:100%}.hero-controls{gap:10px;padding:14px 0 16px;display:grid}.hero-controls .selection-title,.hero-controls .checkbox-title{font-size:14px}.hero-detail-copy{color:#686565;min-height:137px;padding:12px 0;font-size:14px;line-height:1.8}.hero-detail-copy a{color:#303b51;text-underline-offset:3px;text-decoration:underline}.hero-floating-note{color:#303b51;background:#f3f4f7;border:1.5px solid #303b51;border-radius:7px;align-items:center;gap:10px;padding:11px 16px;font-size:14px;line-height:1.5;display:flex;position:absolute;bottom:29px;right:-12px;transform:rotate(4deg);box-shadow:0 3px #303b51}.hero-bottom-note{letter-spacing:.1em;text-align:center;color:#5f6b7c;margin-top:25px;font-size:14px;display:block}.component-catalog{scroll-margin-top:105px}.catalog-heading{justify-content:space-between;align-items:center;gap:24px;margin:39px 0 24px;display:flex}.catalog-heading .eyebrow{margin-bottom:12px}.catalog-heading h2,.home-next h2{letter-spacing:-.9px;margin:0 0 8px;font-size:26px;font-weight:550}.catalog-heading p,.home-next p{color:#68717e;margin:0;font-size:14px;line-height:1.8}.collection-count{color:#5f6b7c;align-items:center;gap:10px;font:26px/1.2 ui-monospace,monospace;display:flex}.collection-count>span{font:14px DM Sans,sans-serif;display:block}.category-filters{flex-wrap:wrap;gap:6px;padding-bottom:23px;display:flex}.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.catalog-card{background:#fff;border:1px solid #dfe3e9;border-radius:10px;min-width:0;transition:border-color .18s,box-shadow .18s;overflow:hidden}.catalog-card:hover{border-color:#9ea9b9;box-shadow:0 4px 14px #303b5109}.catalog-card-preview-link{border-bottom:1px solid #e5e8ee;display:block}.catalog-preview{-webkit-user-select:none;user-select:none;background:#f8f9fb;justify-content:center;align-items:center;height:185px;padding:24px;display:flex;overflow:hidden}.catalog-preview>*{max-width:100%}.catalog-card-copy{padding:19px 19px 14px}.catalog-card-copy>div:first-child{justify-content:space-between;align-items:center;gap:12px;display:flex}.catalog-card-copy h3{letter-spacing:-.2px;margin:0;font-size:15px;font-weight:600}.catalog-card-copy{position:relative}.catalog-card-copy h3 a:after{content:"";z-index:1;position:absolute;inset:0}.catalog-card-copy h3 a:focus-visible:after{outline:none}.catalog-card-copy>div>svg{color:#7e8999}.catalog-card-copy p{color:#657080;min-height:39px;margin:9px 0 18px;font-size:14px;line-height:1.8}.catalog-card-meta{color:#5f6b7c;border-top:1px solid #eceef2;justify-content:space-between;align-items:center;gap:10px;padding-top:12px;font-size:14px;display:flex}.catalog-card-meta>a{z-index:2;color:#526175;align-items:center;gap:5px;min-height:24px;display:flex;position:relative}.catalog-card-meta>a:hover{text-decoration:underline}.preview-stack{gap:13px;display:grid}.preview-buttons{align-items:center;gap:12px;display:flex}.preview-field{width:100%}.preview-field .duoop-field>label,.preview-field .duoop-input{font-size:14px}.preview-card{background:#fff;width:250px}.preview-card .duoop-card__title{font-size:16px}.preview-card .duoop-card__description{font-size:14px}.preview-card .duoop-badge{margin-bottom:10px}.preview-badges{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.preview-menu-surface{width:230px;min-width:0;position:static}.catalog-preview>.duoop-progress,.catalog-preview>.duoop-accordion{width:100%}.preview-placeholder{color:#626b79;font-size:14px}.catalog-preview--cards-carousel,.catalog-preview--bento-grid,.catalog-preview--testimonials,.catalog-preview--map{padding:12px}.home-next{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:24px;margin-top:52px;padding-top:34px;display:flex}.home-next .eyebrow{margin-bottom:12px}.catalog-footer{border-top:1px solid var(--border);color:#5f6b7c;flex-wrap:wrap;align-items:center;gap:20px;padding:25px 48px;font-size:14px;display:flex}.footer-wordmark{color:#303b51;letter-spacing:-.5px;font-size:16px;font-weight:650}.catalog-footer>div{gap:22px;margin-left:auto;display:flex}.catalog-footer a{align-items:center;gap:5px;display:inline-flex}.back-link{color:#6b7687;align-items:center;gap:8px;min-height:36px;margin-bottom:24px;font-size:14px;display:inline-flex}.back-link:hover{color:#303b51}.detail-heading{justify-content:space-between;align-items:center;gap:20px;padding-bottom:30px;display:flex}.detail-heading .eyebrow{margin-bottom:15px}.detail-heading p,.page-intro{color:#68717e;max-width:65ch;margin:0;font-size:14px;line-height:1.9}.detail-tabs>.duoop-tabs__list,.example-detail>.duoop-tabs>.duoop-tabs__list{margin-bottom:24px}.detail-tabs>.duoop-tabs__panels>.duoop-tabs__panel{padding:0}.detail-tabs>.duoop-tabs__panels>.duoop-tabs__panel,.example-detail>.duoop-tabs>.duoop-tabs__panels>.duoop-tabs__panel{box-shadow:none;background:0 0;border:0}.component-detail .button-showcase{margin:0;display:block}.component-detail .showcase-heading{display:none}.component-detail .documentation-content>.showcase-heading+.doc-section{margin-top:10px}.component-detail .doc-section[id$=-source]{display:none}.page-loading{text-align:center;color:#68717e;min-height:300px;padding:80px 20px;font-size:14px}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:15px;min-height:300px;padding:55px 20px;display:flex}.empty-state h1,.empty-state h2{margin:8px 0}.empty-state p{color:#68717e;margin:0 0 12px}.text-link{color:#303b51;text-underline-offset:5px;align-items:center;gap:8px;font-size:14px;text-decoration:underline;display:inline-flex}.guide-page{max-width:880px;margin:auto}.guide-page h1,.examples-index h1{letter-spacing:-1.6px;font-size:42px}.guide-facts{flex-wrap:wrap;gap:12px;margin:25px 0 35px;display:flex}.installation-panel{max-width:900px;padding-top:10px}.installation-panel h2{letter-spacing:-.7px;margin:10px 0;font-size:24px;font-weight:550}.installation-panel p,.guide-page p{color:#646f7f;font-size:14px;line-height:1.9}.installation-steps{counter-reset:steps;margin:30px 0 40px;padding:0;list-style:none}.installation-steps>li{counter-increment:steps;margin:0 0 40px;padding-left:50px;position:relative}.installation-steps>li:before{content:counter(steps, decimal-leading-zero);color:#657388;border-top:1px solid #aeb8c7;width:25px;padding:6px 0;font:14px ui-monospace,monospace;position:absolute;top:0;left:0}.installation-steps h2,.installation-steps h3{letter-spacing:-.5px;margin:0 0 14px;font-size:19px;font-weight:550}.installation-steps p{margin:14px 0}.installation-steps .code-block{margin:18px 0}.install-file-list{border-left:1px solid #dce1e9;gap:8px;padding:15px 20px;list-style:none;display:grid}.install-file-list>li{color:#576579;overflow-wrap:anywhere;align-items:center;gap:10px;font-size:14px;display:flex}.guide-section{border-top:1px solid var(--border);padding-top:35px}.guide-section h2{letter-spacing:-.6px;margin:0 0 25px;font-size:25px;font-weight:550}.page-example-grid{grid-template-columns:1fr 1fr;gap:26px;margin-top:36px;display:grid}.page-example-card.duoop-card{padding:0;overflow:hidden}.page-example-card .duoop-card__header{flex-direction:column;padding:25px;display:flex}.page-example-card .duoop-badge{align-self:flex-start}.page-example-card .duoop-card__title{margin-top:12px;font-size:22px}.page-example-card .text-link{margin-top:12px}.page-example-art{background:#f1f2f5;border-bottom:1px solid #d4dae3;height:270px;padding:35px 32px 0;display:block;overflow:hidden}.page-example-art--landing{background:#efeee8}.page-example-window{background:#fff;border:1px solid #8d929b;border-radius:8px 8px 0 0;min-height:260px;padding:22px;transform:rotate(-2deg);box-shadow:0 0 0 8px #ffffff50}.page-example-art--settings .page-example-window{transform:rotate(2deg)}.page-example-window>span{border-bottom:1px solid #e6e6e6;padding-bottom:10px;font-size:14px;font-weight:700;display:block}.page-example-window>span>i{float:right;font-size:14px;font-style:normal;font-weight:400}.page-example-window>b{letter-spacing:-1px;margin-top:22px;font-size:28px;font-weight:550;line-height:1.1;display:block}.page-example-window>em{color:#fff;background:#373434;border-radius:5px;margin-top:12px;padding:7px 12px;font-size:14px;font-style:normal;display:inline-block;box-shadow:0 3px #1d1b1b}.page-example-mini-cards{gap:8px;margin-top:22px;display:flex}.page-example-mini-cards>i{background:#f2f1ed;border:1px solid #d2cfcb;border-radius:5px;flex:1;height:40px;display:block}.page-example-lines{gap:6px;margin-top:10px;font-size:14px;display:grid}.page-example-lines>i{border-bottom:1px solid #ddd;padding-bottom:7px;font-style:normal}.page-example-lines em{color:#5f6b7c;margin-left:15px;font-style:normal}.page-example-lines strong{border:1px solid #a5a2a2;border-radius:4px;padding:5px 8px;font-size:14px;font-weight:400}.full-page-preview{border:1px solid #d9dde4;border-radius:10px;margin-top:10px;overflow:hidden}.example-detail>.duoop-tabs>.duoop-tabs__panels>.duoop-tabs__panel{padding:0}.primary,.secondary{border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:10px 16px;font-size:14px;font-weight:550;display:inline-flex}.primary{color:#fff;background:#303b51;border:1px solid #303b51}.secondary{background:#fff;border:1px solid #d4dae3}.secondary:hover{background:#f2f4f7}dialog{border:1px solid var(--border);overscroll-behavior:contain;color:#303b51;border-radius:12px;width:min(760px,100% - 32px);max-height:calc(100dvh - 40px);padding:26px;box-shadow:0 24px 90px #202b4226}dialog::backdrop{background:#202b4266}.dialog-heading{justify-content:space-between;align-items:center;gap:14px;display:flex}.dialog-heading h2{letter-spacing:-.6px;margin:0;font-size:23px}.close{color:#626d7c;background:0 0;border:0;border-radius:6px;flex-shrink:0;place-items:center;width:44px;height:44px;font-size:26px;display:grid}.close:hover{background:#f0f3f8}.error{color:#a51d2d;background:#fff2f3;border-radius:6px;padding:15px;font-size:14px}.example-dialog{width:min(1080px,100% - 32px)}.mobile-menu-toggle.duoop-button,.mobile-navigation-close.duoop-button,.navigation-backdrop{display:none}@media (width>=1600px){.catalog-main{padding-inline:65px}.home-hero{gap:70px;padding-block:35px 75px}.catalog-preview{height:220px}}@media (width<=1200px){.site-header{gap:24px;padding-inline:22px}.site-brand-wrap{width:168px}.catalog-sidebar{width:232px;padding-inline:15px}.catalog-content{margin-left:232px}.catalog-main{padding:36px 32px 55px}.top-navigation{gap:20px}.header-search{width:220px}.home-hero{gap:26px}.home-hero h1{font-size:48px}.hero-floating-note{right:-10px}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-meta{gap:9px;font-size:14px}.hero-demo-card .duoop-card__title{font-size:19px}.hero-composition{padding-inline:5px}.hero-actions{gap:8px}}@media (width<=980px){.top-navigation{gap:16px;font-size:14px}.header-search{width:200px}.site-header{gap:18px}.home-hero{grid-template-columns:minmax(0,1fr);gap:32px}.hero-copy>p{max-width:52ch}.home-hero h1{font-size:58px}.hero-composition{width:400px;max-width:95%;margin:auto}.home-hero{padding-top:8px}.catalog-heading h2{font-size:24px}.page-example-grid{grid-template-columns:1fr}.page-example-art{height:290px}.page-example-window{max-width:380px;margin:auto}.collection-count{font-size:22px}.collection-count>span{display:none}}@media (width<=760px){.site-header{gap:16px;height:68px;padding-inline:16px}.site-brand-wrap{width:auto}.site-brand{font-size:20px}.brand-mark{width:34px;height:34px}.mobile-menu-toggle.duoop-button{width:32px;min-width:32px;display:inline-grid}.top-navigation{display:none}.header-search{flex:1;width:auto;max-width:290px;margin-left:auto}.header-search kbd,.header-github{display:none}.catalog-sidebar{width:260px;transition:transform .2s ease-out;top:68px;transform:translate(-100%)}.catalog-sidebar:not(.is-open){visibility:hidden}.catalog-sidebar.is-open{transform:translate(0)}.mobile-navigation-close.duoop-button{flex-shrink:0;margin-bottom:25px;display:flex}.navigation-backdrop{z-index:24;background:#303b5160;border:0;border-radius:0;display:block;position:fixed;inset:68px 0 0}.catalog-content{margin-left:0}.catalog-main{padding:32px 24px 45px}.home-hero{grid-template-columns:1.1fr 1fr;gap:20px;padding-bottom:40px}.home-hero h1{letter-spacing:-2px;font-size:42px}.hero-copy>p{font-size:14px}.hero-composition{width:100%;max-width:100%}.hero-meta{gap:8px;line-height:1.8}.hero-floating-note{bottom:22px;right:-5px}.hero-annotation{font-size:14px}.hero-demo-card.duoop-card{--card-padding:18px}.hero-controls .selection-title,.hero-controls .checkbox-title{font-size:14px}.hero-demo-card .duoop-card__title{font-size:17px}.hero-demo-card .duoop-card__description{font-size:14px}.catalog-preview{height:180px;padding:20px}.catalog-footer{padding-inline:24px}.home-next{flex-direction:column;align-items:flex-start}.catalog-main h1{font-size:32px}.home-hero h1{font-size:42px}.guide-page h1,.examples-index h1{font-size:36px}.detail-heading{align-items:flex-start}.detail-heading>.duoop-badge{display:none}.source-file-layout{display:block}.catalog-main .gallery-filters button{min-height:36px}}@media (width<=560px){.site-brand .brand-ui{display:none}.site-brand{gap:8px;font-size:18px}.site-brand-wrap{gap:6px}.site-header{gap:12px}.header-search{padding-inline:8px}.header-search .duoop-input{font-size:14px}.catalog-main{padding:30px 20px 40px}.home-hero{grid-template-columns:minmax(0,1fr);gap:34px}.home-hero h1{letter-spacing:-2.5px;font-size:51px}.hero-copy>p{max-width:37ch;font-size:16px}.hero-composition{width:min(340px,100%);max-width:calc(100% - 12px)}.hero-demo-card .duoop-card__title{font-size:21px}.hero-demo-card .duoop-card__description,.hero-controls .selection-title,.hero-controls .checkbox-title,.hero-meta{font-size:14px}.catalog-grid{grid-template-columns:1fr;gap:20px}.catalog-preview{height:210px;padding:26px}.catalog-heading{gap:15px;margin-top:29px}.catalog-heading h2{font-size:24px}.catalog-heading p{font-size:14px}.catalog-card-copy h3{font-size:16px}.catalog-card-copy p{min-height:0;font-size:14px}.catalog-card-meta{font-size:14px}.category-filters{flex-wrap:wrap;gap:8px}.catalog-footer{gap:12px}.catalog-footer>span{order:3;width:100%}.catalog-footer>div{gap:15px}.installation-steps>li{padding-left:35px}.installation-steps h2,.installation-steps h3{font-size:18px}.installation-steps>li:before{width:22px;font-size:14px}.guide-page h1,.examples-index h1,.detail-heading h1{font-size:31px}.page-example-art{height:255px;padding-inline:20px}.page-example-window>b{font-size:28px}.site-header input{font-size:16px}.example-dialog{padding:18px}.gallery-toolbar{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.catalog-card,.catalog-sidebar{transition:none}.hero-demo-card.duoop-card,.hero-floating-note,.hero-annotation{transform:none}}.catalog-content{overflow-x:clip;container-type:inline-size}.catalog-main{--rule-color:var(--border);position:relative}.catalog-main:before,.catalog-main:after{content:"";border-inline:1px solid var(--rule-color);box-sizing:border-box;pointer-events:none;width:17px;position:absolute;inset-block:0}.catalog-main:before{left:0}.catalog-main:after{right:0}.home-hero{border-bottom:0}.catalog-main :is(.component-catalog,.home-next,.guide-section,.doc-section,.gallery-category,.installation-steps>li+li,.page-example-grid,.catalog-grid){position:relative}.catalog-main :is(.home-hero+.component-catalog,.home-next,.guide-section,.doc-section+.doc-section,.gallery-category+.gallery-category,.installation-steps>li+li,.page-example-grid,.catalog-grid):before{content:"";border-block:1px solid var(--rule-color);box-sizing:border-box;pointer-events:none;width:100cqw;height:17px;margin-block:24px;margin-inline:calc(50% - 50cqw);display:block}.catalog-main :is(.home-next,.guide-section){border-top:0}.catalog-main .home-next:before{margin:0 0 0 -50cqw;position:absolute;top:-33px;left:50%}.catalog-main :is(.page-example-grid,.catalog-grid):before{grid-column:1/-1;margin-block:0;position:static}.catalog-main :is(.page-example-grid,.catalog-grid){margin-top:48px}.catalog-footer{border-top:0;position:relative}.catalog-footer:before{content:"";border-block:1px solid var(--border);box-sizing:border-box;pointer-events:none;height:17px;position:absolute;inset:0 0 auto}.catalog-row-rule{border-block:1px solid var(--rule-color);box-sizing:border-box;pointer-events:none;grid-column:1/-1;width:100cqw;height:17px;margin-inline:calc(50% - 50cqw);display:none}@media (width>=1201px){.catalog-row-rule:nth-child(6n):not(:last-child){display:block}}@media (width>=561px) and (width<=1200px){.catalog-row-rule:nth-child(4n):not(:last-child){display:block}}@media (width<=560px){.catalog-row-rule:not(:last-child){display:block}}.catalog-content{--rule-hatching:repeating-linear-gradient(135deg, transparent 0 4px, #e1e5eb 4px 5px);--rail-inset:max(0px, calc((100cqw - 1380px) / 2))}.catalog-main:before,.catalog-main:after{background-image:var(--rule-hatching);background-clip:padding-box}.catalog-main :is(.home-hero+.component-catalog,.home-next,.guide-section,.doc-section+.doc-section,.gallery-category+.gallery-category,.installation-steps>li+li,.page-example-grid,.catalog-grid):before,.catalog-row-rule,.catalog-footer:before{z-index:1;background-color:#fff;background-image:linear-gradient(to right, transparent 0 var(--rail-inset), var(--border) var(--rail-inset) calc(var(--rail-inset) + 1px), #fff calc(var(--rail-inset) + 1px) calc(var(--rail-inset) + 16px), var(--border) calc(var(--rail-inset) + 16px) calc(var(--rail-inset) + 17px), transparent calc(var(--rail-inset) + 17px) calc(100% - var(--rail-inset) - 17px), var(--border) calc(100% - var(--rail-inset) - 17px) calc(100% - var(--rail-inset) - 16px), #fff calc(100% - var(--rail-inset) - 16px) calc(100% - var(--rail-inset) - 1px), var(--border) calc(100% - var(--rail-inset) - 1px) calc(100% - var(--rail-inset)), transparent calc(100% - var(--rail-inset)) 100%), var(--rule-hatching);background-clip:padding-box}.catalog-main :is(.home-hero+.component-catalog,.guide-section,.doc-section+.doc-section,.gallery-category+.gallery-category,.installation-steps>li+li,.page-example-grid,.catalog-grid):before,.catalog-row-rule{position:relative}.category-filters>.duoop-button{white-space:nowrap;flex:none}.catalog-main :is(.doc-eyebrow,.doc-intro,.doc-description,.gallery-subtitle,.gallery-card-title,.gallery-card-description,.gallery-card-footer,.gallery-filters,.api-table,.source-note,.source-files,.installation-panel){font-size:14px}.playground-card.duoop-card{border:2px solid var(--card-border);box-shadow:0 5px 0 var(--card-shadow);border-radius:10px;display:block}@media (hover:hover){.playground-card.duoop-card:hover{box-shadow:0 7px 0 var(--card-shadow)}}.playground-card.duoop-card:focus-within{box-shadow:0 7px 0 var(--card-shadow);border-style:solid}.page-example-grid{grid-template-columns:minmax(0,440px)}.page-example-art.page-example-art--landing{height:auto;min-height:440px;padding:24px 22px}.page-example-art--landing .page-example-window{padding:18px;transform:none}.page-example-landscape{object-fit:cover;border:1px solid #373434;border-radius:6px;width:100%;height:210px;margin-top:16px;display:block}.page-example-window>p{margin:12px 0 0;font-size:13px}@media (width<=480px){.page-example-art.page-example-art--landing{height:auto;min-height:390px;padding:18px 14px}.page-example-landscape{height:175px}.page-example-window>span>i{font-size:10px}}.duoop-button{--button-face:#373434;--button-text:#fff;--button-edge:#1d1b1b;--button-depth:4px;appearance:none;border:2px solid var(--button-edge);background:var(--button-face);max-width:100%;min-height:44px;color:var(--button-text);box-shadow:0 var(--button-depth) 0 var(--button-edge);font:inherit;text-align:center;overflow-wrap:anywhere;cursor:pointer;touch-action:manipulation;border-radius:10px;place-items:center;padding:10px 20px;font-size:14px;font-weight:650;line-height:1.4;text-decoration:none;transition:transform .1s,box-shadow .1s,background-color .1s;display:inline-grid;position:relative}.duoop-button--outline{--button-face:#fff;--button-text:#191919;--button-edge:#191919}.duoop-button--ghost{--button-face:transparent;--button-text:#191919;--button-edge:transparent;--button-depth:0px}.duoop-button--sm{--button-depth:3px;padding:8px 14px;font-size:12px}.duoop-button--lg{--button-depth:5px;min-height:52px;padding:12px 26px;font-size:16px}.duoop-button--ghost{--button-depth:0px}.duoop-button--icon{width:44px;padding-inline:10px}.duoop-button--icon.duoop-button--lg{width:52px}.duoop-button--full{width:100%}.duoop-button-content{justify-content:center;align-items:center;gap:8px;min-width:0;display:flex}.duoop-button-content>span{min-width:0}.duoop-button-icon{flex:none;display:inline-flex}.duoop-button-icon svg{width:1.15em;height:1.15em}.duoop-button-status{pointer-events:none;place-items:center;font-size:20px;display:grid;position:absolute;inset:0}.duoop-button[data-status]:not([data-status=idle]) .duoop-button-content{visibility:hidden}.duoop-button[aria-pressed=true]{--button-face:#dedede;--button-text:#111;--button-edge:#111;box-shadow:none;transform:translateY(var(--button-depth))}.duoop-button[data-intent=destructive] .duoop-button-content{text-underline-offset:3px;text-decoration:underline}@media (hover:hover){.duoop-button:hover:not([aria-disabled=true]){background:#302e2e}.duoop-button--outline:hover:not([aria-disabled=true]),.duoop-button--ghost:hover:not([aria-disabled=true]),.duoop-button[aria-pressed=true]:hover{background:#ededed}}.duoop-button:active:not([aria-disabled=true]){transform:translateY(var(--button-depth));box-shadow:none}.duoop-button:disabled,.duoop-button[aria-disabled=true]:not([data-status=loading]):not([data-status=success]){--button-face:#efefef;--button-text:#777;--button-edge:#ccc;opacity:1;cursor:not-allowed}.duoop-button[data-status=loading]{cursor:progress}.duoop-button[data-status=success]{cursor:default}.duoop-spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:17px;height:17px;animation:.7s linear infinite duoop-spin}.duoop-sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes duoop-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.duoop-button{transition:none}.duoop-spinner{border-style:solid;animation:none}}.duoop-button{--lift:-1px;--arrow-travel:3px;--return-ease:cubic-bezier(.2,1.5,.4,1);isolation:isolate;transition:transform .22s var(--return-ease), box-shadow .22s var(--return-ease), background-color .16s ease, color .16s ease}.duoop-button[data-motion=discreet]{--lift:0px;--arrow-travel:1px;--return-ease:ease-out}.duoop-button[data-motion=expressive]{--lift:-2px;--arrow-travel:5px;--return-ease:cubic-bezier(.2,1.9,.4,1)}.duoop-button-content,.duoop-button-status,.duoop-button-reserve{grid-area:1/1}.duoop-button-content{z-index:1;width:100%;position:relative}.duoop-button-status{z-index:1;font-size:inherit;justify-content:center;align-items:center;gap:8px;display:flex;position:relative;inset:auto}.duoop-button-reserve{visibility:hidden;pointer-events:none;height:0;display:grid}.duoop-button-reserve>span{grid-area:1/1}.duoop-button-icon{transition:transform .16s}@media (hover:hover){.duoop-button:hover:not([aria-disabled=true]):not([aria-pressed=true]){transform:translateY(var(--lift));box-shadow:0 calc(var(--button-depth) - var(--lift)) 0 var(--button-edge)}.duoop-button:hover:not([aria-disabled=true]) [data-icon-motion=arrow]{transform:translateX(var(--arrow-travel))}}.duoop-button:active:not([aria-disabled=true]){transition-duration:80ms;transition-timing-function:ease-out;transform:translateY(var(--button-depth))!important;box-shadow:none!important}.duoop-button[aria-pressed=true]{transform:translateY(var(--button-depth));box-shadow:none}.duoop-button--ghost:hover:not([aria-disabled=true]){box-shadow:none}.duoop-check{flex-shrink:0;width:20px;height:20px;animation:.28s ease-out duoop-confirm}.duoop-check path{stroke-dasharray:1;stroke-dashoffset:0;animation:.24s ease-out duoop-draw}.duoop-button[data-status=error] .duoop-button-status{animation:.24s ease-out duoop-error}.duoop-button [data-icon-motion=plus][data-activated=true]{animation:.24s ease-out duoop-add}.duoop-button[aria-pressed=true] [data-icon-motion=star]{animation:.28s ease-out duoop-confirm}.duoop-button[data-motion=discreet] .duoop-check,.duoop-button[data-motion=discreet] .duoop-button-status,.duoop-button[data-motion=discreet] .duoop-button-icon{animation:none}@keyframes duoop-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes duoop-confirm{0%{transform:scale(.85)}60%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes duoop-error{25%{transform:translate(-2px)}65%{transform:translate(2px)}to{transform:translate(0)}}@keyframes duoop-add{to{transform:rotate(90deg)}}@media (prefers-reduced-motion:reduce){.duoop-button,.duoop-button *,.duoop-button:before{transition:none!important;animation:none!important}.duoop-button:hover:not([aria-disabled=true]):not([aria-pressed=true]){box-shadow:0 var(--button-depth) 0 var(--button-edge);transform:none}.duoop-button:hover [data-icon-motion=arrow]{transform:none}}.duoop-button[data-motion=discreet] .favorite-star{animation:none}.duoop-button--destructive{--button-face:#b42332;--button-text:#fff;--button-edge:#681322}.duoop-button--destructive-outline{--button-face:#fff;--button-text:#a51d2d;--button-edge:#a51d2d}.duoop-button--destructive[aria-pressed=true]{--button-face:#801b29;--button-text:#fff;--button-edge:#681322}.duoop-button--destructive-outline[aria-pressed=true]{--button-face:#ffe9ec;--button-text:#8a1927;--button-edge:#a51d2d}.duoop-button--link{--button-face:transparent;--button-text:#191919;--button-edge:transparent;--button-depth:0px;border-radius:4px;padding-inline:8px}.duoop-button--link .duoop-button-label{text-underline-offset:5px;-webkit-text-decoration:underline #b8b8b8;text-decoration:underline #b8b8b8;text-decoration-thickness:1px;position:relative}.duoop-button--link .duoop-button-label:after{content:"";transform-origin:0;pointer-events:none;background:currentColor;height:2px;transition:transform .16s ease-out;position:absolute;inset:auto 0 -3px;transform:scaleX(0)}.duoop-button--link[aria-pressed=true]{--button-face:#efefef;--button-edge:transparent}.duoop-button--link:focus-visible .duoop-button-label:after{transform:scaleX(1)}@media (hover:hover){.duoop-button--destructive:hover:not([aria-disabled=true]){background:#981f2d}.duoop-button--destructive-outline:hover:not([aria-disabled=true]){background:#fff0f2}.duoop-button--link:hover:not([aria-disabled=true]):not([aria-pressed=true]){box-shadow:none;background:0 0;transform:none}.duoop-button--link:hover:not([aria-disabled=true]) .duoop-button-label:after{transform:scaleX(1)}}.duoop-button--link:disabled,.duoop-button--link[aria-disabled=true]{--button-depth:0px;--button-edge:transparent}@media (prefers-reduced-motion:reduce){.duoop-button--link .duoop-button-label:after{transition:none}}.duoop-button[data-custom-color]{--button-face:var(--custom-face);--button-text:var(--custom-text);--button-edge:var(--custom-edge)}.duoop-button[data-custom-color]:is(.duoop-button--outline,.duoop-button--destructive-outline){--button-face:#fff;--button-text:var(--custom-ink);--button-edge:var(--custom-ink)}.duoop-button[data-custom-color]:is(.duoop-button--ghost,.duoop-button--link){--button-face:transparent;--button-text:var(--custom-ink);--button-edge:transparent}.duoop-button[data-custom-color][aria-pressed=true]{--button-face:var(--custom-hover)}.duoop-button[data-custom-color][aria-pressed=true]:is(.duoop-button--outline,.duoop-button--destructive-outline,.duoop-button--ghost,.duoop-button--link){--button-face:var(--custom-tint)}@media (hover:hover){.duoop-button[data-custom-color]:hover:not([aria-disabled=true]){background:var(--custom-hover)}.duoop-button[data-custom-color]:is(.duoop-button--outline,.duoop-button--destructive-outline,.duoop-button--ghost,.duoop-button--link):hover:not([aria-disabled=true]){background:var(--custom-tint)}}.duoop-button[data-custom-color]:disabled,.duoop-button[data-custom-color][aria-disabled=true]:not([data-status=loading]):not([data-status=success]){--button-face:#efefef;--button-text:#777;--button-edge:#ccc}.action-feedback{--feedback-ink:#356247;--feedback-soft:#edf5ef;font-size:12px;line-height:1.6}.action-feedback[data-tone=error]{--feedback-ink:#a51d2d;--feedback-soft:#fff2f3}.action-feedback-content{background:var(--feedback-soft);color:var(--feedback-ink);border-radius:10px;align-items:center;gap:12px;padding:14px 16px;animation:.28s cubic-bezier(.2,.8,.2,1) feedback-reveal;display:flex}.action-feedback-content svg{stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:32px;height:32px}.feedback-orbit{stroke-dasharray:1;transform-origin:50%;animation:.36s ease-out both feedback-trace;transform:rotate(-90deg)}.feedback-symbol{stroke-dasharray:1;animation:.24s ease-out .16s both feedback-trace}@keyframes feedback-trace{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes feedback-reveal{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.duoop-button[data-status=success]{--button-face:#356247;--button-edge:#234631;--button-text:#fff;background:var(--button-face);color:var(--button-text);animation:.24s ease-out feedback-reveal}.duoop-button[data-status=error]{--button-face:#a51d2d;--button-edge:#761725;--button-text:#fff;background:var(--button-face);color:var(--button-text)}.duoop-button:focus-visible{outline:none}.duoop-button:focus-visible:after{content:"";pointer-events:none;background:currentColor;border-radius:1px;height:2px;position:absolute;inset:auto 5px 4px}@media (prefers-reduced-motion:reduce){.action-feedback-content,.feedback-orbit,.feedback-symbol,.duoop-button[data-status=success]{animation:none}}.action-feedback:empty{display:none}.duoop-input{color:#252323;width:100%;min-width:0;min-height:44px;box-shadow:none;font:inherit;caret-color:#252323;background:#fff;border:2px solid #777474;border-radius:10px;margin:0;padding:10px 13px;font-size:14px;line-height:1.4;transition:border-color .14s,box-shadow .18s ease-out;display:block}.duoop-input--sm{min-height:36px;box-shadow:none;padding:7px 11px;font-size:12px}.duoop-input--lg{min-height:52px;padding:12px 16px;font-size:16px}.duoop-input::placeholder{color:#767171;opacity:1}.duoop-input:hover:not(:disabled){border-color:#373434}.duoop-input:focus{border-color:#373434;outline:none;box-shadow:0 3px #373434}.duoop-input:disabled{color:#777;box-shadow:none;cursor:not-allowed;background:#efefef;border-color:#ccc}.duoop-input[aria-invalid=true]{box-shadow:none;border-color:#a51d2d}.duoop-input[aria-invalid=true]:focus{box-shadow:0 3px #a51d2d}.duoop-input[type=file]{padding:6px;font-size:12px}.duoop-input::file-selector-button{color:#373434;font:inherit;cursor:pointer;background:#efeded;border:0;border-right:1px solid #d1cece;border-radius:5px;margin-right:10px;padding:7px 10px;font-weight:600}.duoop-field{flex-direction:column;gap:10px;width:100%;min-width:0;display:flex}.duoop-field>label{color:#373434;font-size:13px;font-weight:600}.field-required{color:#717171;font-size:11px;font-weight:400}.duoop-field p{margin:0;font-size:12px;line-height:1.6}.duoop-field .field-help{color:#686565}.duoop-field .field-message{color:#a51d2d}.duoop-field[data-state=success] .field-message{color:#37633f}.duoop-field[data-state=success] .duoop-input{box-shadow:none;border-color:#527a59}.duoop-field[data-state=success] .duoop-input:focus{box-shadow:0 3px #527a59}.duoop-field>div:empty{display:none}.forms-showcase .gallery-card-preview{min-height:190px}.form-demo{flex-direction:column;gap:20px;width:100%;max-width:380px;display:flex}.form-demo .duoop-input{margin:0}.input-adjacent{align-items:start;gap:10px;width:100%;display:flex}.input-adjacent .duoop-button{flex-shrink:0;padding-inline:12px}.form-notice{color:#37633f;margin:0;font-size:12px;line-height:1.6}.forms-showcase .gallery-card-preview:has(.form-demo){align-items:start}@media (prefers-reduced-motion:reduce){.duoop-input{transition:none}}@media (width<=380px){.input-adjacent{flex-direction:column}}.form-validation-error{color:#a51d2d;background:#fff5f5;border:2px solid #a51d2d;border-radius:10px;align-items:center;gap:9px;margin:0;padding:10px 12px;font-size:12px;line-height:1.6;animation:.18s ease-out form-feedback-in;display:flex}.form-validation-error>span{border:1.5px solid;border-radius:50%;flex-shrink:0;place-items:center;width:18px;height:18px;font-size:11px;font-weight:700;display:grid}.form-demo>div:empty{display:none}@keyframes form-feedback-in{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.form-validation-error{animation:none}}.field-content{flex-direction:column;gap:10px;min-width:0;display:flex}.field-feedback:empty{display:none}.duoop-field label,.duoop-field p{overflow-wrap:anywhere}.duoop-field[data-disabled=true]>label{color:#686565}.field-help a{color:inherit;text-underline-offset:3px;text-decoration:underline}.field-help a:focus-visible{outline:none;text-decoration-thickness:3px}.field-message{align-items:baseline;gap:9px;display:flex}.field-group{border:0;width:100%;min-width:0;margin:0;padding:0}.field-group legend{margin-bottom:16px;padding:0;font-size:14px;font-weight:600}.field-group .duoop-field+.duoop-field{margin-top:16px}@media (width>=768px){.duoop-field--horizontal{grid-template-columns:minmax(0,1fr) minmax(0,2fr);align-items:start;gap:16px;display:grid}.duoop-field--horizontal>label{padding-top:12px}}.duoop-field[data-state=error]>label{color:#a51d2d}.duoop-input[aria-invalid=true]{color:#a51d2d;background:#fff5f5}.duoop-field[data-state=error] .field-required,.duoop-field[data-state=error] .field-help{color:#945663}.duoop-field[data-state=success] .field-message{background:#edf5ef;border-radius:8px;padding:12px}.duoop-field[data-state=success] .field-message>span{border:1px solid;border-radius:50%;place-items:center;width:24px;height:24px;animation:.3s ease-out field-confirm;display:grid}@keyframes field-confirm{0%{opacity:0;transform:scale(.6)rotate(-20deg)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.duoop-field[data-state=success] .field-message>span{animation:none}}.duoop-card,.duoop-card-frame{--card-ink:#252323;--card-muted:#5f5a5a;--card-border:#1d1b1b;--card-soft:#f0eeee;--card-shadow:#1d1b1b;--card-paper:#faf8f4;color:var(--card-ink);text-align:initial;background:#fff;min-width:0;position:relative}.duoop-card{appearance:none;border:2px solid var(--card-border);width:100%;font:inherit;padding:0;animation:.3s cubic-bezier(.2,.8,.2,1) backwards card-arrive;display:flex;overflow:hidden}.duoop-card--vertical{flex-direction:column}.duoop-card--horizontal{flex-direction:row}.duoop-card--outline{background:#fff}.duoop-card--elevated{box-shadow:0 5px 0 var(--card-shadow)}.duoop-card--filled{background:var(--card-soft)}.duoop-card--ghost{background:0 0;border-style:solid}.duoop-card--radius-sm{border-radius:6px}.duoop-card--radius-md{border-radius:10px}.duoop-card--radius-lg{border-radius:16px}.duoop-card--sm{--card-pad:12px}.duoop-card--md{--card-pad:24px}.duoop-card--lg{--card-pad:28px}.duoop-card--interactive{cursor:pointer;text-decoration:none;transition:transform .24s cubic-bezier(.2,1.65,.35,1),box-shadow .24s cubic-bezier(.2,1.65,.35,1),background-color .16s ease-out}@media (hover:hover){.duoop-card--interactive:hover{box-shadow:0 7px 0 var(--card-shadow);transform:translateY(-3px)}.duoop-card:hover .duoop-card__title{transform:translate(3px)}}.duoop-card--interactive:active{box-shadow:0 1px 0 var(--card-shadow);transition-duration:90ms;transform:translateY(3px)scale(.99)}.duoop-card--interactive:focus-visible{border-style:dashed;outline:none}.duoop-card--interactive:not(a):not(button){cursor:default}.duoop-card--interactive:not(a):not(button):is(:hover,:active){transform:none}.duoop-card--interactive:not(a):not(button):focus-within{box-shadow:0 7px 0 var(--card-shadow);border-style:solid}.duoop-card[data-selected]{background:var(--card-soft);box-shadow:0 3px 0 var(--card-shadow)}.duoop-card[data-selected] .duoop-card__title{animation:.3s cubic-bezier(.2,1.7,.35,1) card-title-pop}.duoop-card[data-disabled]{opacity:.48;pointer-events:none}.duoop-card__header,.duoop-card__content,.duoop-card__footer{padding:var(--card-pad)}.duoop-card__header{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px 16px;display:grid}.duoop-card__header .duoop-card__description{grid-column:1/-1}.duoop-card__title{letter-spacing:-.6px;overflow-wrap:anywhere;min-width:0;margin:0;font-size:19px;font-weight:650;line-height:1.25;transition:transform .22s cubic-bezier(.2,1.5,.35,1)}.duoop-card__title:after{content:"";background:var(--card-border);transform-origin:0;width:28px;height:3px;margin-top:12px;transition:transform .26s cubic-bezier(.2,1.6,.35,1);display:block;transform:scaleX(.6)}@media (hover:hover){.duoop-card:hover .duoop-card__title:after{transform:scaleX(1)}}.duoop-card__description{color:var(--card-muted);overflow-wrap:anywhere;margin:6px 0 0;font-size:13px;line-height:1.7}.duoop-card__action{align-items:center;gap:8px;display:flex}.duoop-card__content{min-width:0;padding-top:0;font-size:13px;line-height:1.65}.duoop-card__footer{background:var(--card-paper);border-top:2px solid var(--card-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-block:16px;font-size:12px;display:flex}.duoop-card__footer>strong{letter-spacing:-1px;font-variant-numeric:tabular-nums;font-size:25px}.duoop-card__media{background:var(--card-paper);border-bottom:2px solid var(--card-border);place-items:center;min-height:120px;display:grid;overflow:hidden}.duoop-card__media img{object-fit:cover;width:100%;height:100%;display:block}.duoop-card--horizontal .duoop-card__media{border-bottom:0;border-inline-end:2px solid var(--card-border);flex:0 0 38%;min-width:110px}.duoop-card--horizontal>div:not(.duoop-card__media){min-width:0}.duoop-card-frame{border:2px solid var(--card-border);width:100%;box-shadow:0 4px 0 var(--card-shadow);border-radius:12px;animation:.3s cubic-bezier(.2,.8,.2,1) backwards card-arrive;overflow:hidden}.duoop-card-frame__header,.duoop-card-frame__footer{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 16px;padding:20px 22px;display:grid}.duoop-card-frame__header{border-bottom:2px solid var(--card-border);background:var(--card-paper)}.duoop-card-frame__header .duoop-card__description{grid-column:1/-1}.duoop-card-frame__footer{border-top:2px solid var(--card-border);font-size:12px}.duoop-card-frame>.duoop-card__content{padding:20px 22px}.duoop-card__skeleton{padding:var(--card-pad,20px);gap:12px;width:100%;display:grid}.duoop-card__skeleton i{background:linear-gradient(90deg,#ddd8d5 25%,#f7f5f4 45%,#ddd8d5 65%) 0 0/240% 100%;border:1px solid #c8c2c2;border-radius:5px;animation:1.15s ease-in-out infinite card-shimmer;display:block}.skeleton-media{height:82px}.skeleton-line{height:11px}.skeleton-line:last-child{width:68%}@keyframes card-arrive{0%{opacity:0;transform:translateY(7px)scale(.985)}70%{transform:translateY(-1px)scale(1.004)}to{opacity:1;transform:none}}@keyframes card-title-pop{50%{transform:translate(5px)}}@keyframes card-shimmer{to{background-position:-240% 0}}@media (width<=520px){.duoop-card--horizontal{flex-direction:column}.duoop-card--horizontal .duoop-card__media{border-inline-end:0;border-bottom:2px solid var(--card-border);flex-basis:auto;min-height:110px}.duoop-card--lg{--card-pad:20px}.duoop-card-frame__header,.duoop-card-frame__footer{padding:18px 20px}}@media (prefers-reduced-motion:reduce){.duoop-card,.duoop-card-frame,.duoop-card__title,.duoop-card__title:after{transition:none;animation:none}.duoop-card--interactive:hover,.duoop-card--interactive:active,.duoop-card:hover .duoop-card__title{transform:none}.duoop-card__skeleton i{background:#e4dfdc;animation:none}}.duoop-badge{--badge-strong:#373434;--badge-soft:#efeeee;--badge-edge:#1d1b1b;border:2px solid var(--badge-edge);max-width:100%;box-shadow:0 2px 0 var(--badge-edge);background:var(--badge-soft);color:var(--badge-strong);font:650 11px/1 var(--duoop-font,"DM Sans", sans-serif);letter-spacing:.01em;white-space:nowrap;vertical-align:middle;justify-content:center;align-items:center;gap:6px;text-decoration:none;animation:.26s cubic-bezier(.2,1.55,.35,1) both badge-settle;display:inline-flex;transform:translateY(0)}.duoop-badge svg{flex:none;width:1.15em;height:1.15em}.duoop-badge--sm{min-height:23px;padding:4px 7px;font-size:10px}.duoop-badge--md{min-height:29px;padding:6px 9px}.duoop-badge--lg{min-height:35px;padding:7px 12px;font-size:12px}.duoop-badge--rounded{border-radius:6px}.duoop-badge--pill{border-radius:999px;padding-inline:11px}.duoop-badge--circle{border-radius:8px;width:2.75em;height:2.75em;padding:0}.duoop-badge--neutral{--badge-strong:#373434;--badge-soft:#efeeee;--badge-edge:#1d1b1b}.duoop-badge--brand{--badge-strong:#303b51;--badge-soft:#e9edf5;--badge-edge:#20283a}.duoop-badge--info{--badge-strong:#274e65;--badge-soft:#e7f2f7;--badge-edge:#214559}.duoop-badge--success{--badge-strong:#234f34;--badge-soft:#e8f4ec;--badge-edge:#234631}.duoop-badge--warning{--badge-strong:#62470e;--badge-soft:#fbf1cf;--badge-edge:#5a410e}.duoop-badge--danger{--badge-strong:#961b2a;--badge-soft:#fff0f2;--badge-edge:#761725}.duoop-badge.duoop-badge--solid{background:var(--badge-strong);color:#fff}.duoop-badge.duoop-badge--soft{background:var(--badge-soft);color:var(--badge-strong)}.duoop-badge.duoop-badge--outline{color:var(--badge-strong);background:#fff}.duoop-badge--interactive{cursor:pointer;transition:transform .22s cubic-bezier(.2,1.7,.35,1),box-shadow .22s cubic-bezier(.2,1.7,.35,1),background-color .15s ease-out,color .15s ease-out}@media (hover:hover){.duoop-badge--interactive:hover{box-shadow:0 4px 0 var(--badge-edge);transform:translateY(-2px)rotate(-1deg)}}.duoop-badge--interactive:active{box-shadow:none;transition-duration:80ms;transform:translateY(2px)scale(.97)}.duoop-badge--interactive:focus-visible,.duoop-badge__remove:focus-visible{border-style:dashed;outline:none}.duoop-badge[data-disabled]{opacity:.5;pointer-events:none}.duoop-badge__label{text-overflow:ellipsis;overflow:hidden}.duoop-badge__dot{background:currentColor;border:1.5px solid;border-radius:1px;flex:none;width:8px;height:8px;transform:rotate(45deg)}.duoop-badge__spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:12px;height:12px;animation:.65s linear infinite badge-spin}.duoop-badge-group{max-width:100%;filter:drop-shadow(0 2px 0 var(--badge-edge,#1d1b1b));align-items:stretch;display:inline-flex}.duoop-badge-group>.duoop-badge{box-shadow:none;border-radius:6px 0 0 6px}.duoop-badge__remove{color:#373434;background:#fff;border:2px solid #1d1b1b;border-left:0;border-radius:0 6px 6px 0;min-width:32px;font-size:17px;font-weight:650;transition:transform .1s ease-out,background-color .15s ease-out}.duoop-badge__remove:hover{background:#e8e5e5}.duoop-badge__remove:active{transform:translateY(2px)}@keyframes badge-spin{to{transform:rotate(360deg)}}@keyframes badge-settle{0%{opacity:0;transform:translateY(4px)scale(.94)}70%{transform:translateY(-1px)scale(1.03)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.duoop-badge,.duoop-badge--interactive,.duoop-badge__remove{transition:none;animation:none}.duoop-badge--interactive:hover,.duoop-badge--interactive:active{transform:none}.duoop-badge__spinner{border-style:solid;animation:none}}.duoop-tabs{--tabs-ink:#373434;--tabs-muted:#686565;--tabs-edge:#1d1b1b;--tabs-face:#373434;min-width:0;color:var(--tabs-ink)}.duoop-tabs__list{isolation:isolate;border:2px solid var(--tabs-edge);box-shadow:0 3px 0 var(--tabs-edge);background:#f0eeee;border-radius:10px;gap:6px;padding:6px 6px 9px;display:flex;position:relative}.duoop-tabs--horizontal>.duoop-tabs__list{scrollbar-width:thin;scrollbar-color:#aaa5a5 transparent;align-items:stretch;overflow:auto}.duoop-tabs--vertical{grid-template-columns:minmax(150px,.38fr) minmax(0,1fr);align-items:start;gap:20px;display:grid}.duoop-tabs--vertical>.duoop-tabs__list{flex-direction:column}.duoop-tabs--align-center>.duoop-tabs__list{justify-content:safe center}.duoop-tabs--align-end>.duoop-tabs__list{justify-content:safe flex-end}.duoop-tabs--full>.duoop-tabs__list>.duoop-tabs__tab{flex:1 0 auto}.duoop-tabs__tab{z-index:1;color:var(--tabs-muted);font:600 13px/1.2 var(--duoop-font,"DM Sans", sans-serif);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:6px;flex:none;justify-content:center;align-items:center;gap:9px;text-decoration:none;transition:color .15s ease-out,transform .22s cubic-bezier(.2,1.5,.35,1),background-color .15s ease-out;display:inline-flex;position:relative}.duoop-tabs--sm>.duoop-tabs__list>.duoop-tabs__tab{min-height:36px;padding:8px 12px;font-size:12px}.duoop-tabs--md>.duoop-tabs__list>.duoop-tabs__tab{min-height:44px;padding:10px 16px}.duoop-tabs--lg>.duoop-tabs__list>.duoop-tabs__tab{min-height:52px;padding:12px 20px;font-size:14px}@media (hover:hover){.duoop-tabs__tab:hover:not(:disabled):not([aria-disabled=true]){color:var(--tabs-ink);background:#e5e1e1;transform:translateY(-1px)}.duoop-tabs--contained>.duoop-tabs__list>.duoop-tabs__tab[aria-selected=true]:hover{color:#fff;background:0 0}}.duoop-tabs__tab:active:not(:disabled):not([aria-disabled=true]){transition-duration:80ms;transform:translateY(2px)scale(.98)}.duoop-tabs__tab[aria-selected=true]{color:var(--tabs-ink)}.duoop-tabs--contained>.duoop-tabs__list>.duoop-tabs__tab[aria-selected=true]{color:#fff}.duoop-tabs__tab[aria-selected=true] .duoop-tabs__icon{animation:.28s cubic-bezier(.2,1.5,.35,1) tabs-icon-settle}.duoop-tabs__tab:disabled,.duoop-tabs__tab[aria-disabled=true]{opacity:.42;cursor:not-allowed}.duoop-tabs__tab:focus-visible{outline:none;text-decoration:underline;text-decoration-thickness:2px}.duoop-tabs__indicator{background:var(--tabs-face);z-index:0;pointer-events:none;opacity:0;border-radius:6px;transition:transform .34s cubic-bezier(.2,1.45,.3,1),width .24s cubic-bezier(.2,.8,.2,1),height .24s cubic-bezier(.2,.8,.2,1),opacity .12s ease-out;position:absolute}.duoop-tabs__list[data-indicator-ready] .duoop-tabs__indicator{opacity:1}.duoop-tabs__indicator:before{content:"";background:var(--tabs-face);border:2px solid var(--tabs-edge);box-shadow:0 3px 0 var(--tabs-edge), inset 0 1px 0 #ffffff26;border-radius:6px;transition:transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .18s ease-out;position:absolute;inset:0}.duoop-tabs__list:has(.duoop-tabs__tab[aria-selected=true]:active) .duoop-tabs__indicator:before{box-shadow:0 1px 0 var(--tabs-edge);transition-duration:80ms;transform:translateY(2px)}.duoop-tabs--contained.duoop-tabs--horizontal>.duoop-tabs__list>.duoop-tabs__indicator{width:var(--tabs-indicator-w);height:calc(100% - 15px);transform:translateX(var(--tabs-indicator-x));top:6px;left:0}.duoop-tabs--contained.duoop-tabs--vertical>.duoop-tabs__list>.duoop-tabs__indicator{inset-inline:6px;height:var(--tabs-indicator-h);transform:translateY(var(--tabs-indicator-y));top:0}.duoop-tabs--underline>.duoop-tabs__list{background:#fff;padding-bottom:12px}.duoop-tabs--underline>.duoop-tabs__list>.duoop-tabs__indicator{height:4px;width:var(--tabs-indicator-w);transform:translateX(var(--tabs-indicator-x));bottom:5px;left:0}.duoop-tabs--underline>.duoop-tabs__list>.duoop-tabs__indicator:before{box-shadow:0 1px 0 var(--tabs-edge);border:0;border-radius:2px}.duoop-tabs--underline>.duoop-tabs__list>.duoop-tabs__tab[aria-selected=true]{background:#f0eeee}.duoop-tabs--underline.duoop-tabs--vertical>.duoop-tabs__list>.duoop-tabs__indicator{width:4px;height:var(--tabs-indicator-h);inset-inline-end:5px;transform:translateY(var(--tabs-indicator-y));top:0;bottom:auto;left:auto}.duoop-tabs__panels{min-width:0}.duoop-tabs__panel{border:2px solid var(--tabs-edge);min-width:0;box-shadow:0 3px 0 var(--tabs-edge);background:#fff;border-radius:10px;margin-top:18px;padding:24px;font-size:13px;line-height:1.65}.duoop-tabs--vertical>.duoop-tabs__panels>.duoop-tabs__panel{margin-top:0}.duoop-tabs__panel:focus-visible{border-style:dashed;outline:none}.duoop-tabs[data-transition=fade]>.duoop-tabs__panels>.duoop-tabs__panel{animation:.24s cubic-bezier(.2,.8,.2,1) tabs-panel-pop}.duoop-tabs__icon{flex-shrink:0;display:inline-flex}.duoop-tabs__icon svg{width:18px;height:18px}.duoop-tabs__label{align-items:center;gap:6px;display:inline-flex}.duoop-tabs__label:has(>.sr-only){position:absolute}.duoop-tabs__label svg{width:14px;height:14px}@keyframes tabs-icon-settle{0%{transform:scale(.85)rotate(-6deg)}60%{transform:scale(1.1)rotate(2deg)}to{transform:none}}@keyframes tabs-panel-pop{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@media (width<=540px){.duoop-tabs--vertical{grid-template-columns:1fr;gap:18px}.duoop-tabs__panel{padding:20px}}@media (prefers-reduced-motion:reduce){.duoop-tabs__indicator,.duoop-tabs__indicator:before,.duoop-tabs__tab{transition:none}.duoop-tabs__tab[aria-selected=true] .duoop-tabs__icon,.duoop-tabs[data-transition]>.duoop-tabs__panels>.duoop-tabs__panel{animation:none}.duoop-tabs .duoop-tabs__tab:hover,.duoop-tabs .duoop-tabs__tab:active{transform:none}.duoop-tabs__list:has(.duoop-tabs__tab:active) .duoop-tabs__indicator:before{transform:none}}.duoop-checkbox,.duoop-checkbox-group,.checkbox-surface{--check-fg:#373434;--check-muted:#686565;--check-bg:#fff;--check-border:#777474;--check-soft:#f0eeee;--check-error:#a51d2d;--check-shadow:#1d1b1b;color:var(--check-fg);min-width:0}.checkbox-surface[data-theme=dark]{--check-fg:#f3eeee;--check-muted:#bdb5b5;--check-bg:#252323;--check-border:#b0a6a6;--check-soft:#383333;--check-error:#ff9dab;--check-shadow:#111;background:var(--check-bg);color:var(--check-fg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.checkbox-surface[data-theme=dark] :is(.duoop-checkbox,.duoop-checkbox-group){--check-fg:#f3eeee;--check-muted:#bdb5b5;--check-bg:#252323;--check-border:#b0a6a6;--check-soft:#383333;--check-error:#ff9dab;--check-shadow:#111}.duoop-checkbox{--check-size:20px;font-size:13px;line-height:1.5}.duoop-checkbox--sm{--check-size:16px;font-size:12px}.duoop-checkbox--lg{--check-size:24px;font-size:15px}.checkbox-label{cursor:pointer;min-height:44px;font:inherit;align-items:flex-start;gap:11px;margin:0;padding-block:11px;display:flex}.checkbox-control{flex:0 0 var(--check-size);width:var(--check-size);height:var(--check-size);margin-block:1px;position:relative}.checkbox-control input{opacity:0;width:100%;height:100%;min-height:0;cursor:inherit;z-index:1;margin:0;padding:0;position:absolute;inset:0}.checkbox-box{background:var(--check-bg);border:2px solid var(--check-border);box-shadow:0 2px 0 var(--check-border);border-radius:5px;place-items:center;transition:background-color .14s,border-color .14s,transform .14s,box-shadow .14s;display:grid;position:absolute;inset:0}.checkbox-box svg{width:100%;height:100%;stroke:var(--check-bg);stroke-width:2.3px;stroke-linecap:round;stroke-linejoin:round}.checkbox-tick{stroke-dasharray:18;stroke-dashoffset:18px;opacity:0;transition:stroke-dashoffset .16s ease-out,opacity .1s}.checkbox-dash{opacity:0;transform-origin:50%;transition:transform .14s,opacity .1s;transform:scaleX(.4)}.checkbox-control input:checked+.checkbox-box,.checkbox-control input:indeterminate+.checkbox-box{background:var(--check-fg);border-color:var(--check-fg);box-shadow:0 2px 0 var(--check-shadow)}.checkbox-control input:checked:not(:indeterminate)+.checkbox-box .checkbox-tick{stroke-dashoffset:0;opacity:1}.checkbox-control input:indeterminate+.checkbox-box .checkbox-dash{opacity:1;transform:scaleX(1)}.checkbox-label:hover .checkbox-control input:not(:disabled)+.checkbox-box{border-color:var(--check-fg)}.checkbox-label:active .checkbox-control input:not(:disabled):not([readonly])+.checkbox-box{box-shadow:0 0 0 var(--check-shadow);transform:translateY(2px)}.checkbox-control input:focus-visible+.checkbox-box{border-style:dashed;outline:none}.checkbox-content{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.checkbox-title{overflow-wrap:anywhere;flex-wrap:wrap;align-items:baseline;gap:5px 7px;font-weight:550;display:flex}.checkbox-title small{color:var(--check-muted);font-size:11px;font-weight:400}.checkbox-description{color:var(--check-muted);overflow-wrap:anywhere;font-size:12px;line-height:1.65}.checkbox-badge{border:1px solid var(--check-border);border-radius:5px;padding:0 6px;font-size:10px;font-weight:500}.checkbox-icon{line-height:1}.duoop-checkbox[data-position=after] .checkbox-control{order:2}.duoop-checkbox--row .checkbox-label,.duoop-checkbox--card .checkbox-label{border:2px solid var(--check-border);border-radius:10px;padding:16px;transition:background-color .14s,border-color .14s,box-shadow .14s}.duoop-checkbox--row .checkbox-label{border-color:#0000;padding:12px}:is(.duoop-checkbox--card .checkbox-label:has(input:checked),.duoop-checkbox--card .checkbox-label:has(input:indeterminate)){background:var(--check-soft);border-color:var(--check-fg);box-shadow:0 3px 0 var(--check-shadow)}:is(.duoop-checkbox--row .checkbox-label:hover:not(:has(input:disabled)),.duoop-checkbox--card .checkbox-label:hover:not(:has(input:disabled))){background:var(--check-soft)}.checkbox-label:has(input:disabled){opacity:.5;cursor:not-allowed}.duoop-checkbox[data-readonly] .checkbox-label{cursor:default}.checkbox-control input[aria-invalid=true]+.checkbox-box{border-color:var(--check-error);box-shadow:0 2px 0 var(--check-error)}.duoop-checkbox--card .checkbox-label:has(input[aria-invalid=true]){border-color:var(--check-error);box-shadow:0 3px 0 var(--check-error)}.checkbox-error{color:var(--check-error);margin:8px 0 0;font-size:12px;line-height:1.6}.duoop-checkbox-group{border:0;width:100%;margin:0;padding:0}.duoop-checkbox-group legend{margin-bottom:12px;padding:0;font-size:13px;font-weight:600}.checkbox-group-description{color:var(--check-muted);margin:0 0 12px;font-size:12px;line-height:1.6}.checkbox-options{flex-direction:column;gap:8px;display:flex}.checkbox-options--horizontal{flex-flow:wrap;gap:8px 20px}.checkbox-options--grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:12px;display:grid}.checkbox-children{border-inline-start:1px solid var(--check-border);margin-inline-start:9px;padding-inline-start:22px}.checkbox-illustration{background:var(--check-soft);border-radius:6px;place-items:center;height:65px;display:grid}.checkbox-illustration svg{stroke:currentColor;width:48px;height:48px}@media (prefers-reduced-motion:reduce){.checkbox-box,.checkbox-tick,.checkbox-dash,.duoop-checkbox--row .checkbox-label,.duoop-checkbox--card .checkbox-label{transition:none}}@media (forced-colors:active){.checkbox-box{forced-color-adjust:none;background:canvas;border-color:buttontext}.checkbox-control input:checked+.checkbox-box,.checkbox-control input:indeterminate+.checkbox-box{background:highlight;border-color:highlight}.checkbox-box svg{stroke:highlighttext}}.duoop-checkbox:has(input[aria-invalid=true]){--check-fg:var(--check-error);--check-border:var(--check-error);--check-shadow:var(--check-error);--check-soft:#fff2f3;--check-muted:#945663}.checkbox-surface[data-theme=dark] .duoop-checkbox:has(input[aria-invalid=true]){--check-fg:var(--check-error);--check-border:var(--check-error);--check-shadow:#ad6070;--check-soft:#3b282d;--check-muted:#dfadba}.checkbox-control input:focus{outline:none}.checkbox-error{animation:.22s ease-out checkbox-feedback}@keyframes checkbox-feedback{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}.duoop-checkbox:has(.checkbox-illustration) .checkbox-label{padding:22px;position:relative}.duoop-checkbox:has(.checkbox-illustration) .checkbox-control{position:absolute;inset-block-start:20px;inset-inline-end:20px}.checkbox-illustration{background:0 0;height:138px;margin:-6px -6px 12px}.checkbox-illustration svg{width:156px;height:118px;overflow:visible}.brief-sheet{fill:var(--check-bg);stroke:var(--check-border);transform-origin:50%;transition:transform .3s cubic-bezier(.2,.8,.2,1)}.brief-sheet--back{fill:var(--check-soft);transform:rotate(-9deg)translate(-8px,2px)}.checkbox-label:hover .brief-sheet--back{transform:rotate(-14deg)translate(-12px)}.checkbox-label:has(input:checked) .brief-sheet--front{transform:translateY(-4px)rotate(3deg)}.brief-lines{stroke:var(--check-border)}@media (prefers-reduced-motion:reduce){.checkbox-error{animation:none}.brief-sheet{transition:none}}@media (forced-colors:active){.checkbox-control input:focus-visible+.checkbox-box{border:3px solid highlight}}.selection-group,.duoop-switch,.selection-surface{color:var(--selection-fg,#373434);min-width:0;font-size:13px;line-height:1.5}.selection-surface{--selection-fg:#373434;--selection-muted:#686565;--selection-bg:#fff;--selection-border:#777474;--selection-soft:#f0eeee;--selection-shadow:#1d1b1b;--selection-error:#a51d2d;background:var(--selection-bg);border-radius:10px;padding:24px}.selection-surface[data-theme=dark]{--selection-fg:#f3eeee;--selection-muted:#bdb5b5;--selection-bg:#252323;--selection-border:#b0a6a6;--selection-soft:#383333;--selection-shadow:#111;--selection-error:#ff9dab;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.selection-group{border:0;width:100%;margin:0;padding:0}.selection-group legend{margin-bottom:12px;padding:0;font-size:13px;font-weight:600}.selection-group small,.selection-title small{font-size:11px;font-weight:400}.selection-help{color:var(--selection-muted,#686565);overflow-wrap:anywhere;margin:0;font-size:12px;line-height:1.7;display:block}.selection-group>.selection-help{margin-bottom:14px}.radio-options{flex-direction:column;gap:10px;display:flex}.radio-options--horizontal{flex-flow:wrap;gap:8px 24px}.radio-options--grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr));gap:16px;display:grid}.radio-option,.switch-label{cursor:pointer;min-height:44px;font:inherit;align-items:center;gap:12px;margin:0;padding:10px 0;display:flex;position:relative}.radio-option{align-items:flex-start}.selection-content{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.selection-title{overflow-wrap:anywhere;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;font-weight:550;display:flex}.selection-icon{vertical-align:middle;margin-inline-end:8px;font-size:19px;display:inline-block}.selection-icon svg{display:block}.selection-badge{border:1px solid var(--selection-border,#777474);border-radius:5px;padding:1px 6px;font-size:10px;font-weight:500}.radio-control{flex:0 0 20px;width:20px;height:20px;margin-block:1px;position:relative}.radio-control input,.switch-control input{opacity:0;width:100%;height:100%;min-height:0;cursor:inherit;z-index:1;margin:0;padding:0;position:absolute;inset:0}.radio-control input:focus,.switch-control input:focus{outline:none}.radio-disc{border:2px solid var(--selection-border,#777474);background:var(--selection-bg,#fff);box-shadow:0 2px 0 var(--selection-border,#777474);border-radius:50%;place-items:center;transition:transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .12s,border-color .14s,background-color .14s;display:grid;position:absolute;inset:0}.radio-disc>span{background:var(--selection-fg,#373434);opacity:0;border-radius:50%;width:8px;height:8px;transition:transform .18s cubic-bezier(.2,1.5,.4,1),opacity .12s;transform:scale(0)}.radio-control input:checked+.radio-disc{border-color:var(--selection-fg,#373434);box-shadow:0 2px 0 var(--selection-shadow,#1d1b1b)}.radio-control input:checked+.radio-disc>span{opacity:1;transform:scale(1)}.radio-option:hover:not(:has(:disabled)) .radio-disc{border-color:var(--selection-fg,#373434)}.radio-option:active:not(:has(:disabled)) .radio-disc{box-shadow:0 0 0 var(--selection-shadow,#1d1b1b);transform:translateY(2px)scale(.94)}.radio-control input:focus-visible+.radio-disc,.switch-control input:focus-visible+.switch-track{border-style:dashed;outline:none}.radio-option--row,.radio-option--card{border:2px solid var(--selection-border,#777474);border-radius:10px;padding:18px;transition:background-color .16s,border-color .16s,transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .14s}:is(.radio-option--row:has(:checked),.radio-option--card:has(:checked)){background:var(--selection-soft,#f0eeee);border-color:var(--selection-fg,#373434);box-shadow:0 3px 0 var(--selection-shadow,#1d1b1b)}:is(.radio-option--row:hover:not(:has(:disabled)),.radio-option--card:hover:not(:has(:disabled))){background:var(--selection-soft,#f0eeee);transform:translateY(-1px)}:is(.radio-option--row:active:not(:has(:disabled)),.radio-option--card:active:not(:has(:disabled))){box-shadow:0 0 0 var(--selection-shadow,#1d1b1b);transform:translateY(2px)}.radio-option[data-indicator=corner]{padding-top:48px}.radio-option[data-indicator=corner] .radio-control{position:absolute;inset-block-start:16px;inset-inline-end:16px}.radio-options--list{border:2px solid var(--selection-border,#777474);border-radius:10px;gap:0;overflow:hidden}.radio-option--list{padding:16px}.radio-option--list+.radio-option--list{border-top:1px solid var(--selection-border,#777474)}.radio-option--list:has(:checked){background:var(--selection-soft,#f0eeee)}.radio-option--list:hover:not(:has(:disabled)){background:var(--selection-soft,#f0eeee)}:is(.radio-option:has(:disabled),.switch-label:has(:disabled)){opacity:.48;cursor:not-allowed}.selection-price{letter-spacing:-.7px;margin-block:6px;font-size:25px;font-weight:600}.selection-price small{letter-spacing:0;color:var(--selection-muted,#686565);font-size:11px;font-weight:400}.selection-features{flex-direction:column;gap:8px;margin-top:10px;font-size:12px;display:flex}.selection-swatch{border:1px solid var(--selection-border,#777474);border-radius:6px;width:100%;height:76px}.selection-image{margin-bottom:12px;display:block}.selection-image svg{width:100%;height:110px;transition:transform .26s cubic-bezier(.2,.8,.2,1);display:block}.radio-option:hover .selection-image svg{transform:translateY(-3px)rotate(-1deg)}.radio-option:has(:checked) .selection-image svg{transform:translateY(-3px)rotate(-1deg)}.duoop-switch{--switch-width:44px;--switch-height:26px;--switch-travel:18px}.duoop-switch--sm{--switch-width:36px;--switch-height:22px;--switch-travel:14px}.duoop-switch--lg{--switch-width:54px;--switch-height:32px;--switch-travel:22px}.switch-control{width:var(--switch-width);height:var(--switch-height);flex:0 0 var(--switch-width);position:relative}.switch-track{border:2px solid var(--selection-border,#777474);background:var(--selection-soft,#f0eeee);box-shadow:0 2px 0 var(--selection-border,#777474);border-radius:40px;transition:background-color .18s,border-color .18s,box-shadow .12s,transform .12s;position:absolute;inset:0}.switch-thumb{width:calc(var(--switch-height) - 10px);height:calc(var(--switch-height) - 10px);background:var(--selection-bg,#fff);border:1px solid var(--selection-border,#777474);border-radius:50%;place-items:center;transition:translate .21s cubic-bezier(.2,1.2,.35,1),scale .1s;display:grid;position:absolute;inset-block-start:3px;inset-inline-start:3px;box-shadow:0 1px 2px #0005}.switch-control input:checked+.switch-track{background:var(--selection-fg,#373434);border-color:var(--selection-fg,#373434);box-shadow:0 2px 0 var(--selection-shadow,#1d1b1b)}.switch-control input:checked+.switch-track .switch-thumb{translate:var(--switch-travel) 0}[dir=rtl] .switch-control input:checked+.switch-track .switch-thumb{translate:calc(-1 * var(--switch-travel)) 0}.switch-label:hover:not(:has(:disabled)) .switch-track{border-color:var(--selection-fg,#373434)}.switch-label:active:not(:has(:disabled)) .switch-track{box-shadow:0 1px 0 var(--selection-shadow,#1d1b1b);transform:translateY(1px)}.switch-label:active:not(:has(:disabled)) .switch-thumb{scale:1.12 .94}.switch-label[data-position=end] .switch-control{order:3;margin-inline-start:auto}.switch-state{color:var(--selection-muted,#686565);min-width:52px;font-size:11px}.switch-state-on{display:none}.switch-label:has(:checked) .switch-state-off{display:none}.switch-label:has(:checked) .switch-state-on{display:inline}.switch-track-icons{color:var(--selection-muted,#686565);justify-content:space-between;align-items:center;font-size:10px;display:flex;position:absolute;inset:0 4px}.switch-control input:checked+.switch-track .switch-track-icons{color:var(--selection-bg,#fff)}.duoop-switch--card .switch-label{border:2px solid var(--selection-border,#777474);border-radius:10px;padding:18px;transition:background-color .16s,box-shadow .16s}.duoop-switch--card .switch-label:has(:checked){background:var(--selection-soft,#f0eeee);box-shadow:0 3px 0 var(--selection-shadow,#1d1b1b)}.duoop-switch--row .switch-label{padding-block:16px}.switch-spinner{border:2px solid var(--selection-border,#777474);border-top-color:#0000;border-radius:50%;width:10px;height:10px;animation:.65s linear infinite selection-spin}@keyframes selection-spin{to{rotate:360deg}}.selection-error{color:var(--selection-error,#a51d2d);margin:12px 0 0;font-size:12px;line-height:1.7;animation:.22s ease-out selection-reveal}[data-invalid=true].selection-group,[data-invalid=true].duoop-switch{--selection-fg:var(--selection-error,#a51d2d);--selection-border:var(--selection-error,#a51d2d);--selection-shadow:var(--selection-error,#a51d2d);--selection-soft:#fff2f3}.selection-surface[data-theme=dark] [data-invalid=true]{--selection-soft:#3b282d}.selection-reveal{border-top:1px solid var(--selection-border,#777474);margin-top:18px;padding-top:18px;animation:.24s ease-out selection-reveal}@keyframes selection-reveal{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.radio-disc,.radio-disc>span,.radio-option,.selection-image svg,.switch-track,.switch-thumb,.duoop-switch--card .switch-label{transition:none}.selection-error,.selection-reveal,.switch-spinner{animation:none}}@media (forced-colors:active){.radio-disc,.switch-track{forced-color-adjust:none;background:canvas;border-color:buttontext}.radio-disc>span{background:highlight}.switch-control input:checked+.switch-track{background:highlight;border-color:highlight}.switch-thumb{background:canvas;border-color:buttontext}}