.sticky-atc{--sticky-atc-ease: cubic-bezier(.32, .72, 0, 1);--sticky-atc-success: 5, 150, 105;position:fixed;z-index:11;left:50%;bottom:1.6rem;width:min(108rem,calc(100% - 3.2rem));display:block;color:rgb(var(--color-foreground));background-color:rgba(var(--color-background),.92);-webkit-backdrop-filter:saturate(180%) blur(16px);backdrop-filter:saturate(180%) blur(16px);border:1px solid rgba(var(--color-foreground),.08);border-radius:1.6rem;box-shadow:0 18px 48px -16px #00000047,0 2px 6px #0000000f;transform:translate(-50%,calc(100% + 3.2rem));opacity:0;visibility:hidden;transition:transform .45s var(--sticky-atc-ease),opacity .3s ease,visibility 0s linear .45s}.sticky-atc.is-visible{transform:translate(-50%);opacity:1;visibility:visible;transition:transform .45s var(--sticky-atc-ease),opacity .3s ease,visibility 0s}.sticky-atc__inner{display:flex;align-items:center;justify-content:space-between;gap:1.6rem;padding:1rem 1rem 1rem 1.2rem}.sticky-atc__product{display:flex;align-items:center;gap:1.2rem;min-width:0}.sticky-atc__media{flex:0 0 auto;width:5.6rem;height:5.6rem;border-radius:1rem;overflow:hidden;background-color:rgba(var(--color-foreground),.04)}.sticky-atc__image{width:100%;height:100%;object-fit:contain}.sticky-atc__info{min-width:0}.sticky-atc__title{margin:0;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);text-transform:var(--font-heading-text-transform);letter-spacing:.01em;font-size:1.8rem;line-height:1.2;color:rgb(var(--color-foreground-title, var(--color-foreground)));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sticky-atc__meta{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem 1rem;margin-top:.4rem;font-size:1.4rem;line-height:1.2}.sticky-atc__price{font-weight:600}.sticky-atc__compare{margin-right:.4rem;font-weight:400;color:rgba(var(--color-foreground-secondary))}.sticky-atc__qty{padding:.2rem .8rem;border-radius:10rem;font-size:1.2rem;font-weight:600;background-color:rgba(var(--color-foreground),.06)}.sticky-atc__qty[hidden]{display:none}.sticky-atc__actions{display:flex;align-items:center;gap:1.6rem;flex:0 0 auto}.sticky-atc__shipping{display:inline-flex;align-items:center;gap:.6rem;margin:0;font-size:1.2rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:rgba(var(--color-foreground-secondary));transition:color .3s ease}.sticky-atc__shipping-icon{width:1.6rem;height:1.6rem;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.sticky-atc__shipping[data-state=locked] .sticky-atc__shipping-icon--check,.sticky-atc__shipping[data-state=locked] .sticky-atc__shipping-text--unlocked,.sticky-atc__shipping[data-state=unlocked] .sticky-atc__shipping-icon--truck,.sticky-atc__shipping[data-state=unlocked] .sticky-atc__shipping-text--locked{display:none}.sticky-atc__shipping[data-state=unlocked]{color:rgb(var(--sticky-atc-success))}.sticky-atc__button.button{display:inline-flex;align-items:center;justify-content:center;gap:.8rem;min-width:22rem;min-height:5.2rem;margin:0;padding:0 2.4rem;font-weight:600;box-shadow:0 1px 1px #0003,0 6px 14px -4px rgba(var(--color-button),.55),inset 0 1px 1px #ffffff2e,inset 0 -2px 4px #00000029;transition:background-color .3s var(--sticky-atc-ease),box-shadow .3s var(--sticky-atc-ease),color .3s var(--sticky-atc-ease),transform .15s ease}.sticky-atc__button.button:active{transform:translateY(1px);box-shadow:0 1px 2px #0003,inset 0 2px 6px #0000004d}.sticky-atc__button[data-phase=loading]{cursor:default;filter:brightness(.88);box-shadow:0 1px 2px #0003,inset 0 2px 6px #0000004d}.sticky-atc__button.button[data-phase=added]{cursor:default;color:#fff;background-color:rgb(var(--sticky-atc-success));box-shadow:0 1px 1px #0003,0 6px 14px -4px rgba(var(--sticky-atc-success),.55),inset 0 1px 1px #fff3,inset 0 -2px 4px #0000002e}.sticky-atc__button[disabled]{cursor:not-allowed;opacity:.6}.sticky-atc__icon-slot{position:relative;width:1.8rem;height:1.8rem;flex:0 0 auto}.sticky-atc__icon{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.sticky-atc__labels{display:grid}.sticky-atc__label{grid-area:1 / 1;text-align:center;white-space:nowrap}.sticky-atc__icon,.sticky-atc__label{opacity:0;transition:opacity .2s ease-out}.sticky-atc__button[data-phase=idle] .sticky-atc__icon--idle,.sticky-atc__button[data-phase=idle] .sticky-atc__label--idle,.sticky-atc__button[data-phase=loading] .sticky-atc__icon--loading,.sticky-atc__button[data-phase=loading] .sticky-atc__label--loading,.sticky-atc__button[data-phase=added] .sticky-atc__icon--added,.sticky-atc__button[data-phase=added] .sticky-atc__label--added{opacity:1;transition:opacity .3s ease-out .2s}.sticky-atc__icon--loading{animation:sticky-atc-spin .8s linear infinite}@keyframes sticky-atc-spin{to{transform:rotate(360deg)}}body[class*=overflow-hidden] .sticky-atc.is-visible{opacity:0;visibility:hidden;pointer-events:none}.sticky-atc-visible .scroll-top{bottom:calc(var(--sticky-atc-height, 8rem) + 2.4rem)}@media screen and (min-width:750px){.sticky-atc--hide-desktop{display:none}}@media screen and (max-width:749px){.sticky-atc{left:0;bottom:0;width:100%;border-width:1px 0 0;border-radius:1.6rem 1.6rem 0 0;box-shadow:0 -10px 30px -12px #00000038;transform:translateY(calc(100% + 1.6rem))}.sticky-atc.is-visible{transform:translateY(0)}.sticky-atc--hide-mobile{display:none}.sticky-atc__inner{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"shipping shipping" "product button";gap:.8rem 1.2rem;padding:.8rem 1.2rem calc(1rem + env(safe-area-inset-bottom))}.sticky-atc__product{grid-area:product;gap:1rem}.sticky-atc__actions{display:contents}.sticky-atc__shipping{grid-area:shipping;justify-content:center;font-size:1.1rem}.sticky-atc__button.button{grid-area:button;min-width:0;min-height:4.8rem;padding:0 1.6rem}.sticky-atc__media{width:4.4rem;height:4.4rem;border-radius:.8rem}.sticky-atc__title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:1.4rem;white-space:normal}.sticky-atc__button[data-phase=idle] .sticky-atc__icon-slot{display:none}.sticky-atc__meta{margin-top:.2rem;font-size:1.3rem}body.sticky-atc-offset{padding-bottom:var(--sticky-atc-height, 10rem)}}@media(prefers-reduced-motion:reduce){.sticky-atc,.sticky-atc.is-visible,.sticky-atc__button.button,.sticky-atc__icon,.sticky-atc__label{transition:none}.sticky-atc__icon--loading{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/section-sticky-atc.css.map */