:root{--motion-press: .12s;--motion-feedback: .18s;--motion-surface: .28s;--motion-image: .32s;--motion-ease: cubic-bezier(.22, 1, .36, 1)}.btn,.icon-btn,.card__add{transition:transform var(--motion-press) var(--motion-ease),opacity var(--motion-feedback) ease,background-color var(--motion-feedback) ease,border-color var(--motion-feedback) ease}.btn:not(:disabled):not([aria-disabled=true]):not([aria-busy=true]):active{transform:translateY(0) scale(.98)}.icon-btn:not(:disabled):not([aria-disabled=true]):not([aria-busy=true]):active,.card__add:not(:disabled):not([aria-disabled=true]):not([aria-busy=true]):active{transform:translateY(0) scale(.94)}.card__add[aria-busy=true]{opacity:.65}.card__add .icon-plus,.card__add .icon-check,.card__add[aria-pressed=true] .icon-plus,.card__add[aria-pressed=true] .icon-check{display:block;grid-area:1 / 1;transition:opacity var(--motion-feedback) ease,transform var(--motion-feedback) var(--motion-ease)}.card__add .icon-plus{opacity:1;transform:scale(1)}.card__add .icon-check,.card__add[aria-pressed=true] .icon-plus{opacity:0;transform:scale(.75)}.card__add[aria-pressed=true] .icon-check{opacity:1;transform:scale(1)}.card>.media>img,.card:hover>.media>img:first-child,.card>.media:focus-visible>img{transform:none;transition:transform var(--motion-image) var(--motion-ease),opacity var(--motion-surface) ease}.card>.media>.img-detail,.card:hover>.media>.img-detail,.card:focus-within>.media>.img-detail{opacity:0}@media(hover:hover)and (pointer:fine){.card:hover>.media>img:first-child,.card:hover>.media>.img-detail{transform:scale(1.025)}.card:hover>.media>.img-detail[data-detail-ready]{opacity:1}}.card:has(:focus-visible)>.media>img{transform:scale(1.025)}.card:has(:focus-visible)>.media>.img-detail[data-detail-ready]{opacity:1}@media(hover:none),(pointer:coarse){.card__add{width:44px;height:44px;opacity:1;transform:none}}.dock--enter{animation:motion-dock-in var(--motion-surface) var(--motion-ease) both}@keyframes motion-dock-in{0%{opacity:0;transform:translate(-50%,-6px)}to{opacity:1;transform:translate(-50%)}}.dock__thumb{display:block;flex:none}@media(max-width:520px){.dock__thumb:nth-child(n+3){display:none}}.dock__text>span{display:block}.dock .meter i{transition:none}.drawer[open]{animation:drawer-in var(--motion-surface) var(--motion-ease)}.drawer::backdrop{animation:fade-in var(--motion-feedback) ease}.drawer[data-closing]::backdrop{animation:motion-backdrop-out var(--motion-feedback) ease forwards}@keyframes motion-backdrop-out{to{opacity:0}}.toast{top:auto;bottom:calc(16px + env(safe-area-inset-bottom,0px));transform:translate(-50%,calc(100% + 24px))}.toast[data-open=true]{transform:translate(-50%)}@media(prefers-reduced-motion:reduce){.btn,.icon-btn,.card__add,.card__add .icon,.card>.media>img{transition:none!important}.btn:active,.icon-btn:active,.card__add:active,.card>.media>img{transform:none!important}.dock--enter,.drawer[open],.drawer::backdrop,.drawer[data-closing]::backdrop{animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/motion.css.map */