.product-buy-bar{position:fixed;left:0;bottom:-200px;width:100vw;z-index:3;opacity:0;transition:all .3s ease-in-out;padding:var(--container-margin) 0;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:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;background-color:transparent;color:var(--color-foreground)}.the-buy-bar .image-and-titles{display:none}.the-buy-bar .product-form{flex-grow:1}@media only screen and (max-width:767px){.the-buy-bar{background:var(--color-background);padding:12px 16px;box-shadow:0 8px 16px #00000026;border-radius:16px;margin:0 12px}.the-buy-bar .image-and-titles{display:flex;flex-wrap:nowrap;flex-grow:1;gap:12px}.the-buy-bar .image-and-titles .media{flex-shrink:0;width:55px;border-radius:10px;overflow:hidden}.the-buy-bar .image-and-titles .text{padding-right:28px}.the-buy-bar .image-and-titles .text .h6{font-size:1.8rem;margin-bottom:4px}.the-buy-bar .product-form__submit{padding:10px 16px;font-size:1.6rem}.buy-bar-close{top:8px;right:10px}}@media only screen and (min-width:768px){.the-buy-bar{background:var(--color-background);padding:10px 18px;box-shadow:0 10px 20px #0003;border-radius:var(--border-radius)}.the-buy-bar .image-and-titles{display:flex;flex-wrap:nowrap;flex-grow:1}.the-buy-bar .image-and-titles .media{flex-shrink:0;width:55px;border-radius:8px;overflow:hidden}.the-buy-bar .image-and-titles .text{padding-right:30px}}.buy-bar-close{position:absolute;top:8px;right:12px;width:24px;height:24px;background:transparent;color:#861c1d;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:transform .2s ease,opacity .2s ease;z-index:10;opacity:.7}.buy-bar-close:hover{transform:scale(1.1);opacity:1}.buy-bar-close svg{width:18px;height:18px;stroke-width:2.5}.the-buy-bar{position:relative}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-product-buy-bar.css.map */