:root{--ease-drawer: cubic-bezier(.32, .72, 0, 1);--d-press: .16s;--d-ui: .25s;--d-drawer: .35s;--d-drawer-out: .25s}.sw{gap:10px}.sw--lg{gap:12px}a.sw__dot:before{content:"";position:absolute;top:-15px;right:-5px;bottom:-15px;left:-5px}.sw--lg a.sw__dot:before{top:-9px;right:-6px;bottom:-9px;left:-6px}@media(hover:none){.qb__s{min-width:40px;min-height:40px;display:inline-grid;place-items:center}}.anim-hover .card__slide{transition:opacity .4s ease,transform .7s var(--ease-lux)}.anim-hover .qb{transition:opacity var(--d-ui) ease,transform var(--d-ui) var(--ease-lux)}.anim-hover a.sw__dot{transition:transform .15s var(--ease-lux)}@media(hover:hover)and (pointer:fine){.anim-hover .card:hover .card__slide{transform:scale(1.03)}.anim-hover .qb{transform:translateY(calc(100% + 8px))}.anim-hover .card:hover .qb,.anim-hover .qb:focus-within{transform:none}.anim-hover a.sw__dot:hover{transform:scale(1.15)}}.anim-hover .qb__s{transition:background .16s var(--ease),color .16s var(--ease),border-color .16s var(--ease),transform var(--d-press) var(--ease-lux)}.anim-hover .qb__s:active:not([disabled]){transform:scale(.97)}.anim-atc .pdp__add{transition:transform var(--d-press) var(--ease-lux),background .3s var(--ease),color .3s var(--ease),border-color .3s var(--ease)}.anim-atc .pdp__add:active:not([disabled]){transform:scale(.97)}[data-add].is-load,[data-add].is-ok{position:relative}[data-add].is-load[disabled],[data-add].is-ok[disabled]{opacity:1;cursor:default}[data-add].is-load{color:transparent!important}[data-add].is-load:after{content:"";position:absolute;left:50%;top:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:50%;border:1.5px solid color-mix(in srgb,var(--spin, currentColor) 35%,transparent);border-top-color:var(--spin, currentColor);animation:ca-spin .7s linear infinite}.qb__s.is-load:after{width:12px;height:12px;margin:-6px 0 0 -6px}[data-add].is-ok,[data-add].is-back{animation:ca-txt .22s ease both}@keyframes ca-spin{to{transform:rotate(360deg)}}@keyframes ca-txt{0%{color:transparent}}.anim-drawers .scrim{transition:opacity var(--d-drawer-out) ease}.anim-drawers .scrim.is-open{transition-duration:var(--d-drawer)}.anim-drawers .drw{transition:transform var(--d-drawer-out) var(--ease-drawer);touch-action:pan-y}.anim-drawers .drw.is-open{transition-duration:var(--d-drawer)}.anim-drawers .mnav{inset:0 auto 0 0;z-index:80;width:min(86vw,380px);transform:translate(-100%);transition:transform var(--d-drawer-out) var(--ease-drawer);box-shadow:18px 0 50px -20px #14120e4d;touch-action:pan-y;overscroll-behavior:contain}.anim-drawers .mnav.is-open{transform:none;transition-duration:var(--d-drawer)}.anim-drawers .mnav ul a{display:block;padding-block:4px}.anim-drawers .mnav__top button{min-height:44px;padding-inline:6px}.anim-drawers .drw.is-drag,.anim-drawers .mnav.is-drag{transition:none}.anim-drawers .drw [data-st],.anim-drawers .mnav [data-st]{opacity:0;transform:translate(12px);transition:opacity .2s ease,transform .2s var(--ease-lux)}.anim-drawers .mnav [data-st]{transform:translate(-12px)}.anim-drawers .drw.is-open [data-st],.anim-drawers .mnav.is-open [data-st]{opacity:1;transform:none;transition-duration:.3s;transition-delay:calc(.12s + var(--i, 0) * 40ms)}.aw{display:inline-block;overflow:hidden;vertical-align:top;padding:.14em 0 .1em;margin:-.14em 0 -.1em}.aw__i{display:inline-block;transform:translateY(115%);transition:transform .7s var(--ease-lux);transition-delay:calc(var(--i, 0) * 50ms)}.aw-in .aw__i{transform:none}.anim-titles .w>i{transition:transform .7s var(--ease-lux);transition-delay:calc(var(--i) * 50ms)}.rd-w{opacity:.25}.anim-fx .card .card__info>*{opacity:0;transform:translateY(6px);transition:opacity .5s ease,transform .5s var(--ease-lux);transition-delay:calc(.2s + var(--c, 0) * 80ms + var(--k, 0) * 60ms)}.anim-fx .card.is-in .card__info>*{opacity:1;transform:none}.anim-fx .card[hidden] .card__info>*{transition:none}.bw-g{filter:grayscale(1)}.bw-c{pointer-events:none}.camp--bw{position:relative;isolation:isolate;background:#111}.camp__bw{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden}.camp__bw i{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--camp-image) center / cover no-repeat}.camp__bw-g{filter:grayscale(1)}.camp__bw-c{opacity:var(--bw, 1)}.camp__bw:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(#0005,#0009)}@media(prefers-reduced-motion:reduce){.anim-hover .card:hover .card__slide,.anim-hover a.sw__dot:hover,.anim-hover .qb,.anim-hover .card:hover .qb{transform:none}[data-add].is-load:after{animation-duration:1.4s}.anim-drawers .drw,.anim-drawers .mnav{transform:none;opacity:0;transition:opacity .2s ease}.anim-drawers .drw.is-open,.anim-drawers .mnav.is-open{opacity:1}.anim-drawers .drw [data-st],.anim-drawers .mnav [data-st]{transform:none}.aw__i{transform:none;opacity:0;transition:opacity .4s ease;transition-delay:0ms}.aw-in .aw__i{opacity:1}.rd-w{opacity:1!important}.anim-fx .card .card__info>*{transform:none}.bw-g,.camp__bw-g{filter:none}.bw-c{display:none}.camp__bw-c{opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/clara-anim.css.map */