@view-transition{navigation:auto}@media(prefers-reduced-motion:no-preference){:root{--ease-out: cubic-bezier(.2, .7, .2, 1);--ease-soft: cubic-bezier(.4, 0, .2, 1)}::view-transition-old(root){animation:at-fade-out .28s var(--ease-soft) both}::view-transition-new(root){animation:at-fade-in .5s var(--ease-soft) both}.header-section{view-transition-name:atara-header}::view-transition-group(atara-header){animation-duration:.35s}.hero .hero__copy>*{animation:none}.hero__media img,.hero__media video{animation:at-settle 2.8s var(--ease-out) both;transform-origin:50% 60%}.hero__shade{animation:at-fade-in 1.6s var(--ease-soft) both}.hero .hero__copy .eyebrow{animation:at-track 1.6s var(--ease-out) .25s both}.hero .hero__copy .h-xl{animation:at-up 1.1s var(--ease-out) 1.1s both}.hero .hero__copy .h-xl.is-split{animation:none}.hero .h-xl .w{display:inline-block;overflow:hidden;vertical-align:top;padding-block-end:.18em;margin-block-end:-.18em}.hero .h-xl .w>span{display:inline-block;transform:translateY(110%);animation:at-word 1.15s var(--ease-out) both;animation-delay:calc(.45s + var(--i, 0) * .09s)}.hero .hero__copy .h-xl+*{animation:at-up 1.1s var(--ease-out) calc(.75s + var(--words, 3) * .09s) both}.hero .hero__copy .btn{animation:at-up 1.1s var(--ease-out) calc(.95s + var(--words, 3) * .09s) both}.has-overlay-header .header-section{animation:at-fade-in 1.2s var(--ease-soft) .15s both}.announce{animation:at-fade-in .9s var(--ease-soft) both}.js .rv{opacity:0;transform:translateY(26px);transition:opacity 1s var(--ease-soft),transform 1.1s var(--ease-out);transition-delay:var(--rv-delay, 0s)}.js .rv.rv--img{transform:none;clip-path:inset(0 0 12% 0);transition:opacity 1.1s var(--ease-soft),clip-path 1.4s var(--ease-out);transition-delay:var(--rv-delay, 0s)}.js .rv.rv--img img,.js .rv.rv--img video{transform:scale(1.06);transition:transform 1.8s var(--ease-out);transition-delay:var(--rv-delay, 0s)}.js .rv.is-in{opacity:1;transform:none;clip-path:inset(0 0 0 0)}.js .rv.rv--img.is-in img,.js .rv.rv--img.is-in video{transform:none}.card__media{overflow:hidden}.card:hover .card__media img{transform:scale(1.045)}.btn{transition:background-color .35s var(--ease-soft),color .35s var(--ease-soft),border-color .35s var(--ease-soft),transform .35s var(--ease-out)}.btn:active{transform:scale(.98)}.announce__msg{transform:translateY(6px);transition:opacity .6s ease,transform .8s var(--ease-out)}.announce__msg.is-active{transform:none}.cart-count.is-bump{animation:at-bump .55s var(--ease-out)}.cart-drawer.is-open .line,.cart-drawer.is-open .cart-upsell,.cart-drawer.is-open .cart-progress{animation:at-side .6s var(--ease-out) both}.cart-drawer.is-open .line:nth-child(2){animation-delay:.06s}.cart-drawer.is-open .line:nth-child(3){animation-delay:.12s}.cart-drawer.is-open .line:nth-child(n+4){animation-delay:.18s}.menu-drawer.is-open nav li{animation:at-side .6s var(--ease-out) both}.menu-drawer.is-open nav li:nth-child(2){animation-delay:.05s}.menu-drawer.is-open nav li:nth-child(3){animation-delay:.1s}.menu-drawer.is-open nav li:nth-child(4){animation-delay:.15s}.menu-drawer.is-open nav li:nth-child(n+5){animation-delay:.2s}.slot.is-full [data-slot-label]{animation:at-pop .45s var(--ease-out)}.b-item[aria-pressed=true] .b-item__check{animation:at-pop .4s var(--ease-out)}.finder__answer>*{animation:at-up .7s var(--ease-out) both}.bless [data-bless-box]:not([hidden]){animation:at-up .45s var(--ease-out) both}.acc details[open]>:not(summary){animation:at-up .45s var(--ease-out) both}.toast{transition:transform .5s var(--ease-out),opacity .4s}.link{transition:border-color .35s var(--ease-soft),letter-spacing .45s var(--ease-out)}.link:hover{letter-spacing:.09em}@keyframes at-fade-in{0%{opacity:0}}@keyframes at-fade-out{to{opacity:0}}@keyframes at-up{0%{opacity:0;transform:translateY(18px)}}@keyframes at-side{0%{opacity:0;transform:translate(-14px)}}@keyframes at-word{0%{transform:translateY(110%)}to{transform:none}}@keyframes at-track{0%{opacity:0;letter-spacing:.55em}}@keyframes at-settle{0%{opacity:0;transform:scale(1.09)}40%{opacity:1}to{transform:scale(1)}}@keyframes at-pop{0%{transform:scale(.92);opacity:.4}60%{transform:scale(1.03);opacity:1}to{transform:none}}@keyframes at-bump{0%{transform:scale(1)}35%{transform:scale(1.35)}to{transform:scale(1)}}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/atara-motion.css.map */