.product-buy-bar{position:fixed;left:0;bottom:-200px;width:100vw;z-index:3;opacity:0;transition:all .3s ease-in-out;padding:12px 0 calc(12px + env(safe-area-inset-bottom,0px));color:var(--color-foreground);background-color:transparent}.product-buy-bar:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(transparent,var(--color-overlay));opacity:var(--overlay-opacity)}.product-buy-bar.show{bottom:0;opacity:1}.the-buy-bar{display:grid;grid-column:1 / -1;grid-template-columns:minmax(0,1fr) minmax(128px,40%);justify-self:center;align-items:center;gap:12px;width:100%;max-width:880px;min-width:0;padding:12px;background:var(--color-background);color:var(--color-foreground);border-radius:var(--border-radius);box-shadow:0 8px 24px #00000024}.the-buy-bar .image-and-titles{display:flex;align-items:center;gap:12px;min-width:0}.the-buy-bar .image-and-titles .media{border-radius:10px;overflow:hidden}.the-buy-bar .image-and-titles .media,.the-buy-bar .buy-bar-title{display:none}.the-buy-bar .text,.the-buy-bar .product-form,.the-buy-bar .form{min-width:0;width:100%}.the-buy-bar .buy-bar-details{display:flex;flex-direction:column;gap:4px;font-size:13px;line-height:1.3}.the-buy-bar .buy-bar-variant{margin:0;overflow-wrap:anywhere}.the-buy-bar .price{font-size:inherit;font-weight:700;line-height:inherit}.the-buy-bar .price .flex{flex-wrap:wrap}.the-buy-bar .price-item{white-space:nowrap}.the-buy-bar .product-form__submit{width:100%;max-width:none;min-height:48px;padding:12px;font-size:14px;line-height:1.2}@media only screen and (min-width:768px){.the-buy-bar{grid-template-columns:minmax(0,1fr) 180px;gap:16px;padding:12px 16px}.the-buy-bar .buy-bar-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere;margin:0 0 4px;font-size:14px;line-height:1.2}.the-buy-bar .buy-bar-details{flex-direction:row;flex-wrap:wrap;align-items:baseline;column-gap:12px}.the-buy-bar .image-and-titles .media{display:block;flex-shrink:0;width:48px;height:48px}}@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) and (background: color-mix(in srgb,white 60%,transparent)){.product-buy-bar .the-buy-bar{background:color-mix(in srgb,var(--color-background) 60%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}@media only screen and (min-width:768px){.product-buy-bar .the-buy-bar{box-shadow:0 8px 24px #00000024}}}
/*# sourceMappingURL=/cdn/shop/t/102/assets/component-product-buy-bar.css.map */