.sticky-atc{position:fixed;left:0;right:0;bottom:0;z-index:11;background-color:rgb(var(--color-background));box-shadow:0 -.1rem .6rem rgba(var(--color-text-secondary),.15);border-radius:var(--border-radius-xs) var(--border-radius-xs) 0 0;transform:translateY(110%);transition:transform var(--duration-medium) cubic-bezier(.25,.46,.45,.94);will-change:transform}.sticky-atc.is-visible{transform:translateY(0);animation:sticky-atc-slide-up var(--duration-medium) cubic-bezier(.25,.46,.45,.94)}@keyframes sticky-atc-slide-up{0%{transform:translateY(110%)}to{transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.sticky-atc{transition:none}.sticky-atc.is-visible{animation:none}}.sticky-atc__inner{display:flex;flex-wrap:wrap;align-items:center;gap:1.2rem 1.6rem;padding-top:1.2rem;padding-bottom:1.2rem}.sticky-atc__media{flex:0 0 auto;width:4.8rem;height:4.8rem}.sticky-atc__media img{display:block;width:100%;height:100%;object-fit:contain}.sticky-atc__info{display:flex;flex:1 1 auto;min-width:0;flex-direction:column;gap:.4rem}.sticky-atc__title{margin:0;font-weight:var(--font-body-weight-bold);color:rgb(var(--color-text-secondary-heading));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sticky-atc__meta{display:flex;align-items:center;gap:1.2rem}.sticky-atc__variant{position:relative;display:inline-flex;align-items:center}.sticky-atc__select{appearance:none;-webkit-appearance:none;margin:0;padding:0 1.8rem 0 0;border:0;border-radius:0;background:transparent;color:rgb(var(--color-text-secondary-heading));cursor:pointer}.sticky-atc__select:focus-visible{outline:var(--focused-base-outline);outline-offset:.2rem}.sticky-atc__caret{position:absolute;right:0;display:inline-flex;pointer-events:none}.sticky-atc__caret .icon{width:1rem;height:1rem}.sticky-atc__divider{width:.1rem;height:1.8rem;background-color:rgba(var(--color-foreground),.25)}.sticky-atc__price{color:rgb(var(--color-text-secondary-heading));white-space:nowrap}.sticky-atc__actions{flex:1 0 100%}.sticky-atc__form,.sticky-atc__form .form,.sticky-atc__button{width:100%}@media screen and (min-width:750px){.sticky-atc__inner{flex-wrap:nowrap;gap:1.6rem;padding-top:1.6rem;padding-bottom:1.6rem}.sticky-atc__info{flex-direction:row;align-items:center;justify-content:space-between;gap:1.6rem}.sticky-atc__actions{flex:0 0 auto}.sticky-atc__button{width:auto}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/component-sticky-atc.css.map */