@layer components{.card-swipe{width:100%}.card-swipe_controls{display:none}@media not (min-width:48rem){.card-swipe:has(>.card-swipe_viewport>*>:nth-child(3)),.card-swipe:where(.min-2):has(>.card-swipe_viewport>*>:nth-child(2)){--card-swipe-gap:var(--space-4)}:is(.card-swipe:has(>.card-swipe_viewport>*>:nth-child(3)),.card-swipe:where(.min-2):has(>.card-swipe_viewport>*>:nth-child(2)))>.card-swipe_viewport{margin-inline:calc(var(--site-margin) * -1);margin-top:calc(var(--space-1) * -1);padding:var(--space-1) var(--site-margin) var(--space-3);scroll-padding-inline:var(--site-margin);scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;overflow:auto hidden}:is(.card-swipe:has(>.card-swipe_viewport>*>:nth-child(3)),.card-swipe:where(.min-2):has(>.card-swipe_viewport>*>:nth-child(2)))>.card-swipe_viewport::-webkit-scrollbar{display:none}:is(.card-swipe:has(>.card-swipe_viewport>*>:nth-child(3)),.card-swipe:where(.min-2):has(>.card-swipe_viewport>*>:nth-child(2)))>.card-swipe_viewport:focus-visible{outline-offset:calc(var(--stroke-2) * -2)}:is(.card-swipe:has(>.card-swipe_viewport>*>:nth-child(3)),.card-swipe:where(.min-2):has(>.card-swipe_viewport>*>:nth-child(2)))>.card-swipe_viewport>*{flex-direction:row;align-items:stretch;display:flex;gap:var(--card-swipe-gap)!important}:is(.card-swipe:has(>.card-swipe_viewport>*>:nth-child(3)),.card-swipe:where(.min-2):has(>.card-swipe_viewport>*>:nth-child(2)))>.card-swipe_viewport>*:after{content:"";flex:0 0 var(--site-margin);margin-left:calc(var(--card-swipe-gap) * -1)}:is(.card-swipe:has(>.card-swipe_viewport>*>:nth-child(3)),.card-swipe:where(.min-2):has(>.card-swipe_viewport>*>:nth-child(2)))>.card-swipe_viewport>*>*{flex:0 0 calc(100% - var(--card-swipe-gap));scroll-snap-align:start;scroll-snap-stop:always;min-width:0;height:auto;margin:0}.js :is(.card-swipe:has(>.card-swipe_viewport>*>:nth-child(3)),.card-swipe:where(.min-2):has(>.card-swipe_viewport>*>:nth-child(2)))>.card-swipe_controls{margin-top:var(--space-5);justify-content:center;align-items:center;gap:var(--space-6);display:flex}}.card-swipe_button{border-radius:var(--radius-round);border:var(--stroke-1) solid var(--border);width:2.75rem;height:2.75rem;color:var(--text);transition:background-color var(--hover-duration) var(--hover-ease), opacity var(--hover-duration) var(--hover-ease);background:0 0;justify-content:center;align-items:center;display:flex}@media (hover:hover){.card-swipe_button:hover{background:var(--background-3)}}.card-swipe_button[aria-disabled=true]{opacity:.35;cursor:default;background:0 0}.card-swipe_button svg{width:1rem;height:1rem}.card-swipe_dots{align-items:center;display:flex}.card-swipe_dot{width:1.5rem;height:1.5rem;transition:width var(--dur-reveal) var(--ease-out);background:0 0;border:0;place-items:center;padding:0;display:grid}.card-swipe_dot:before{content:"";border-radius:var(--radius-round);background:rgb(from var(--text) r g b / 45%);width:.375rem;height:.375rem;transition:width var(--dur-reveal) var(--ease-out), background-color var(--dur-reveal) var(--ease-out)}.card-swipe_dot[aria-current=true]{width:2rem}.card-swipe_dot[aria-current=true]:before{background:var(--text);width:1.25rem}@media (prefers-reduced-motion:reduce){.card-swipe_dot,.card-swipe_dot:before{transition:none}}html:has(.modal_wrap[open]){overflow:hidden}.modal_wrap{--_leaving:calc(var(--open-duration) * .7);--_from:0 2rem;--_body:0 0;--_backdrop:lab(0% none none/.6);--_close:calc(2.75em + var(--space-4) * 2);width:100%;max-width:none;height:100%;max-height:none;padding:var(--site-margin);color:var(--text);transition:display var(--_leaving) allow-discrete, overlay var(--_leaving) allow-discrete;background:0 0;border:0;justify-content:center;align-items:center;margin:0;overflow:clip}.modal_wrap[open]{transition:display var(--open-duration) allow-discrete, overlay var(--open-duration) allow-discrete;display:flex}.stacki-designer .modal_wrap.preview,.modal_wrap.stacki-opened{z-index:100;background-color:var(--_backdrop);display:flex;position:fixed;inset:0}.modal_wrap::backdrop{background-color:var(--_backdrop);opacity:0;transition:opacity var(--_leaving) var(--open-ease)}.modal_wrap[open]::backdrop{opacity:1;transition:opacity var(--open-duration) var(--open-ease)}@starting-style{.modal_wrap[open]::backdrop{opacity:0}}.modal_wrap.side-panel{--_panel:28rem;--_from:var(--_panel) 0;justify-content:end;align-items:stretch;padding:0}.modal_wrap.full-screen{--_from:0 0;--_body:0 2rem;align-items:stretch;padding:0}.modal_wrap.sheet{--_from:0 100%;justify-content:stretch;align-items:end;padding:0}.modal_wrap.story{--_backdrop:rgb(from var(--c-ink-950) r g b / .94);padding:0}.modal_wrap.story:focus-visible{outline:none}.modal_content{background-color:var(--background);border-radius:var(--radius-main);opacity:0;width:100%;max-width:34rem;max-height:100%;translate:var(--_from);transition:opacity var(--_leaving) var(--open-ease), translate var(--_leaving) var(--open-ease);flex-direction:column;display:flex;position:relative;overflow:hidden}.modal_wrap.side-panel .modal_content{max-width:var(--_panel);border-radius:0;max-height:none}.modal_wrap.full-screen .modal_content{border-radius:0;max-width:none;max-height:none}.modal_wrap.sheet .modal_content{border-radius:var(--radius-main) var(--radius-main) 0 0;background-color:var(--background-2);max-width:none;max-height:86svh;box-shadow:inset 0 var(--stroke-1) 0 var(--border)}.modal_wrap.story .modal_content{background:0 0;border-radius:0;width:auto;max-width:none;max-height:none}.modal_wrap:is([open],.stacki-opened) .modal_content,.stacki-designer .modal_wrap.preview .modal_content{opacity:1;transition:opacity var(--open-duration) var(--open-ease), translate var(--open-duration) var(--open-ease);translate:0}@starting-style{.modal_wrap[open] .modal_content{opacity:0;translate:var(--_from)}}.modal_close{top:var(--space-4);z-index:1;position:absolute;inset-inline-end:var(--space-4)}.modal_wrap.story .modal_close{display:none}.modal_scroll{overscroll-behavior:contain;flex:1;min-height:0;overflow-y:auto}.modal_wrap.full-screen .modal_scroll{height:100%}.modal_body{padding:var(--_close) var(--space-6) var(--space-7);translate:var(--_body);transition:translate var(--_leaving) var(--open-ease)}.modal_wrap.full-screen .modal_body{align-content:center;min-height:100%;display:grid}.modal_wrap:is(.sheet,.story) .modal_body{padding:0}.modal_wrap:is([open],.stacki-opened) .modal_body,.stacki-designer .modal_wrap.preview .modal_body{transition:translate var(--open-duration) var(--open-ease);translate:0}@starting-style{.modal_wrap[open] .modal_body{translate:var(--_body)}}}
