@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.product__accordion.animate-in{animation:fadeInUp .6s ease-out}.product-details__pill.animate-in{animation:scaleIn .4s ease-out}.product__text.animate-in{animation:slideInRight .5s ease-out}.price-updated{animation:priceUpdate .3s ease}@keyframes priceUpdate{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}.product-form__input{transition:all .3s ease}.product-form__input input,.product-form__input select{transition:all .3s ease;border:1px solid rgba(var(--color-foreground),.15);padding:.8rem 1rem;border-radius:6px;font-size:1rem;background-color:rgba(var(--color-foreground),.02)}.product-form__input input:focus,.product-form__input select:focus{border-color:rgba(var(--color-foreground),.3);background-color:rgb(var(--color-background));outline:none;box-shadow:0 0 0 3px rgba(var(--color-foreground),.08)}.product-form__input.input-focused input,.product-form__input.input-focused select{border-color:rgb(var(--color-foreground))}.product-form__input.input-changed{animation:inputChanged .2s ease}@keyframes inputChanged{0%{background-color:#4caf501a}to{background-color:transparent}}.product-form__submit{position:relative;overflow:hidden;transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 2px 8px #00000014}.product-form__submit:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background-color:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.product-form__submit:hover:before{width:300px;height:300px}.product-form__submit:active{transform:scale(.98)}.product-form__submit.loading{position:relative;color:transparent}.product-form__submit.loading:after{content:"";position:absolute;width:16px;height:16px;top:50%;left:50%;margin-left:-8px;margin-top:-8px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.product-details__pill{position:relative}.product-details__pill:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(-10px);opacity:0;pointer-events:none;background:rgb(var(--color-foreground));color:rgb(var(--color-background));padding:.4rem .8rem;border-radius:4px;font-size:.75rem;white-space:nowrap;transition:all .3s ease;z-index:10}.product-details__pill:hover:after{opacity:1;transform:translate(-50%) translateY(0)}html{scroll-behavior:smooth}.product__accordion details{max-height:100vh;transition:max-height .3s ease}.product__accordion details:not([open]){max-height:4rem}.product__accordion .accordion__content{max-height:none}.product__media-item{position:relative;transition:all .3s ease}.product__media-item:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 100%);opacity:0;transition:opacity .3s ease;pointer-events:none;border-radius:8px}.product__media-item:hover:before{opacity:1}.thumbnail-list{animation:fadeInUp .6s ease-out .2s both}.thumbnail-list__item{animation:scaleIn .4s ease-out;animation-fill-mode:both}.thumbnail-list__item:nth-child(1){animation-delay:.2s}.thumbnail-list__item:nth-child(2){animation-delay:.3s}.thumbnail-list__item:nth-child(3){animation-delay:.4s}.thumbnail-list__item:nth-child(4){animation-delay:.5s}.thumbnail-list__item:nth-child(n+5){animation-delay:.6s}.product-details__pill-list{animation:fadeInUp .6s ease-out .3s both}.product-details__pill{animation:scaleIn .4s ease-out;animation-fill-mode:both}.product-details__pill:nth-child(1){animation-delay:.35s}.product-details__pill:nth-child(2){animation-delay:.4s}.product-details__pill:nth-child(3){animation-delay:.45s}.product-details__pill:nth-child(4){animation-delay:.5s}.product-details__pill:nth-child(n+5){animation-delay:.55s}.product__text,.product__title,.price-item--regular{transition:color .3s ease}.product__text:hover,a.product__text:hover{transition:color .2s ease}.product__inventory{animation:fadeInUp .6s ease-out .4s both}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.product__inventory.is-low-stock{animation:pulse 2s ease-in-out infinite}.product__title::selection,.product__text::selection{background-color:rgba(var(--color-foreground),.2);color:rgb(var(--color-foreground))}@media screen and (max-width:749px){.product-form__submit{width:100%;padding:1.2rem 1.5rem}.thumbnail-list__item,.product-details__pill{animation:none}.product__media-item{touch-action:manipulation}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(prefers-color-scheme:dark){.product-form__input input,.product-form__input select{background-color:#ffffff0d}.product-form__input input:focus,.product-form__input select:focus{background-color:#ffffff14;box-shadow:0 0 0 3px #ffffff14}}*:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}@media(prefers-contrast:more){.product__accordion summary{font-weight:700}.product-details__pill{border-width:2px}.thumbnail[aria-current]{border-width:3px}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/modern-product-animations.css.map */
