@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(.is-ab-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(.is-ab-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(.is-ab-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(.is-ab-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(.is-ab-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(.is-ab-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(.is-ab-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(.is-ab-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 .35s 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:color-mix(in srgb, var(--text) 45%, transparent);width:.375rem;height:.375rem;transition:width .35s var(--ease-out), background-color .35s 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}}}
