.sticky-atc{--gutter-content: 12px;position:fixed;inset-inline-start:0;inset-inline-end:0;bottom:0;z-index:10;visibility:visible;width:100%;display:flex;align-items:center;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));background-color:rgb(var(--body-bg-color));box-shadow:0 -1px 4px #0000000d;transition:transform .3s ease-in-out,opacity .3s ease-in-out,visibility .3s ease-in-out}.sticky-atc--out,.scrolled-to-bottom .sticky-atc{visibility:hidden;transform:translateY(100%);opacity:0;transition:transform .3s ease-in-out,opacity .3s ease-in-out,visibility 0s linear .3s}.sticky-atc--hide-on-mobile{display:none}.sticky-atc__image{--aspect-ratio: 1;flex:none;width:48px;margin-inline-end:1.2em;display:none}.sticky-atc__details{flex-grow:1;margin-inline-end:calc(var(--gutter-content) * 2)}.sticky-atc__details__title{display:none}@media(min-width:768px){.sticky-atc__details__title{display:block;font-weight:600;line-height:1.3}}.sticky-atc__details__variant{display:flex;align-items:baseline;margin-top:.25em}.sticky-atc__details__variant__title,.sticky-atc__details__variant__sep{margin-right:.5em}.sticky-atc__buttons{flex:none}.sticky-atc__error{position:absolute;bottom:calc(100% + var(--gutter-content));inset-inline-end:var(--gutter-content);padding:var(--gutter-content);color:rgb(var(--body-text-color));background-color:rgb(var(--body-bg-color));box-shadow:0 6px 12px 1px #0000001f;border-radius:var(--btn-border-radius)}.sticky-atc-anchor{display:block;visibility:hidden;position:relative}@media(min-width:768px){.sticky-atc{width:100%;padding:var(--gutter-content) var(--container-pad-x) calc(var(--gutter-content) + env(safe-area-inset-bottom,0px) * 1.5);bottom:0;border-radius:0;box-shadow:0 0 12px 1px #0000001f}.sticky-atc--hide-on-mobile{display:flex}.sticky-atc--start,.sticky-atc--center,.sticky-atc--end{inset-inline-start:0;inset-inline-end:0}.sticky-atc__image:not(:empty){display:block}.sticky-atc__error{inset-inline-end:var(--gutter-content)}}@media(max-width:767px){.sticky-atc{gap:8px}.sticky-atc__details{flex:0 1 auto;min-width:0}.sticky-atc__details .hp-flex-col{gap:0}.sticky-atc__details .hp-text-gray-600{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.sticky-atc__buttons{flex:0 0 auto;display:flex;align-items:center;gap:8px}quantity-wrapper{margin:0 4px}.sticky-atc__details__variant{display:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/sticky-atc.css.map */