.ts-sticky-atc{display:block;position:relative}.ts-sticky-atc__bar{position:fixed;left:0;right:0;bottom:0;z-index:5;transform:translateY(100%);transition:transform .3s ease;background:rgb(var(--color-background));box-shadow:0 -1px rgba(var(--color-foreground),.08);padding-bottom:env(safe-area-inset-bottom)}.ts-sticky-atc.is-visible .ts-sticky-atc__bar{transform:translateY(0)}.ts-sticky-atc.is-rested .ts-sticky-atc__bar{position:absolute;transform:translateY(0)}@media(prefers-reduced-motion:reduce){.ts-sticky-atc__bar{transition:none}}.ts-sticky-atc__inner{display:flex;align-items:center;gap:12px;padding:10px 16px;max-width:var(--ts-bar-max-width, 1200px);margin-inline:auto}.ts-sticky-atc__summary{display:flex;align-items:center;gap:10px;min-width:0;flex:1 1 0}.ts-sticky-atc__variant{display:flex;justify-content:center;flex:0 0 auto}.ts-sticky-atc__actions{display:flex;gap:8px;justify-content:flex-end;flex:1 1 0}.ts-sticky-atc__image{width:48px;height:48px;object-fit:cover;border-radius:6px;flex:0 0 auto}.ts-sticky-atc__meta{display:flex;flex-direction:column;min-width:0;line-height:1.2}.ts-sticky-atc__title{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ts-sticky-atc__select{width:100%;max-width:260px;min-height:40px;padding:6px 10px;border:1px solid rgba(var(--color-foreground),.35);border-radius:6px;background:rgb(var(--color-background));color:rgb(var(--color-foreground));font:inherit}.ts-sticky-atc__btn{min-height:44px;white-space:nowrap;margin:0}.ts-sticky-atc[data-hide-buy] .ts-sticky-atc__btn--buy{display:none}@media screen and (max-width:749px){.ts-sticky-atc__inner{flex-wrap:wrap}.ts-sticky-atc__variant{flex:1 1 100%;order:-1}.ts-sticky-atc__select{max-width:none}.ts-sticky-atc__summary,.ts-sticky-atc__actions{flex:1 1 auto}.ts-sticky-atc[data-mobile-layout=buttons] .ts-sticky-atc__summary{display:none}.ts-sticky-atc[data-mobile-layout=buttons] .ts-sticky-atc__actions{flex:1 1 auto}.ts-sticky-atc[data-mobile-layout=buttons] .ts-sticky-atc__btn{flex:1 1 0}.ts-sticky-atc[data-mobile-layout=price_buttons] .ts-sticky-atc__image,.ts-sticky-atc[data-mobile-layout=price_buttons] .ts-sticky-atc__title{display:none}}@media screen and (min-width:750px){.ts-sticky-atc[data-desktop-layout=buttons] .ts-sticky-atc__summary,.ts-sticky-atc[data-desktop-layout=price_buttons] .ts-sticky-atc__image,.ts-sticky-atc[data-desktop-layout=price_buttons] .ts-sticky-atc__title{display:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/ts-sticky-atc.css.map */