sticky-atc{position:fixed;inset:auto 0 0 0;z-index:4;display:block;transform:translateY(110%);transition:transform .4s cubic-bezier(.16,1,.3,1);pointer-events:none}sticky-atc.sticky-atc--visible{transform:translateY(0);pointer-events:auto}@media(prefers-reduced-motion:reduce){sticky-atc{transition:none}}.sticky-atc__inner{display:flex;align-items:center;gap:1.2rem;width:100%;max-width:var(--page-width, 120rem);margin:0 auto;padding:1rem 1.5rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom,0px));background:#fff;-webkit-backdrop-filter:saturate(180%) blur(14px);backdrop-filter:saturate(180%) blur(14px);border-top:.1rem solid rgba(var(--color-foreground),.08);box-shadow:0 -.4rem 2.4rem rgba(var(--color-foreground),.1)}.sticky-atc__media{flex:0 0 auto;width:4.8rem;height:4.8rem;border-radius:var(--media-radius, .6rem);overflow:hidden;background:rgba(var(--color-foreground),.04)}.sticky-atc__media img{width:100%;height:100%;object-fit:cover;display:block}.sticky-atc__info{display:flex;flex-direction:column;justify-content:center;min-width:0;line-height:1.25;gap:.2rem}.sticky-atc__title{font-weight:600;letter-spacing:.02rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:30rem;color:#181818}.sticky-atc__price{font-size:1.4rem}.sticky-atc__price .price{font-size:inherit}.sticky-atc__price .price__container{display:inline-flex;gap:.6rem;align-items:baseline}.sticky-atc__price .price--large{font-size:inherit;color:#181818}.sticky-atc__spacer{flex:1 1 auto}.sticky-atc__button{flex:0 0 auto;min-width:18rem;margin:0;background:#181818;color:#fff;transition:.2s ease-in-out}.sticky-atc__button:hover{transform:translateY(-5px)}.sticky-atc__button:after{display:none}.sticky-atc__button[aria-disabled=true]{opacity:.5;cursor:not-allowed}@media screen and (max-width:749px){.sticky-atc__inner{gap:.8rem;padding-inline:1rem}.sticky-atc__media{width:4rem;height:4rem}.sticky-atc__title{max-width:16rem;font-size:1.3rem}.sticky-atc__button{min-width:0;flex:1 1 auto}}@media screen and (max-width:389px){.sticky-atc__media,.sticky-atc__info{display:none}}@media screen and (min-width:750px){.sticky-atc--hide-desktop{display:none!important}}@media screen and (max-width:749px){.sticky-atc--hide-mobile{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-sticky-atc.css.map */