.qty-container{margin-top:1rem;background-color:#f6f3f3;padding:2rem;display:flex;align-items:center;gap:1rem;flex-direction:column}.qty-wrapper,.button-wrapper{display:flex;justify-content:center;align-items:center;gap:2rem}.button-wrapper{padding-top:2rem;padding-bottom:.5rem}.button-wrapper .button{width:100%;padding:0 2rem}.qty-wrapper>*{color:#ea3e74;font-weight:600}.qty-wrapper>input{width:50px;height:30px;text-align:center}.qty-slider{display:grid;align-items:start;width:100%}@media (min-width: 750px){.qty-slider{gap:2rem;grid-template-columns:auto 1fr auto}}@media (max-width: 749px){.button-wrapper{padding:2rem 1.5rem 1rem;gap:1.5rem}.button-wrapper .button{flex-direction:column;width:calc(100% - 6rem);min-width:calc(5rem + var(--buttons-border-width) * 2);min-height:calc(6.5rem + var(--buttons-border-width) * 2);padding:1rem}}.qty-btn{border:none;cursor:pointer;line-height:1;text-align:center;border-radius:.5rem;background:rgba(var(--color-background),1);padding:.6rem 1.1rem;width:fit-content}.qty-btn:disabled{opacity:.5;cursor:not-allowed}.qty-track{position:relative}.qty-range{-webkit-appearance:none;appearance:none;width:100%;height:1.4rem;border-radius:999px;background:#fff;will-change:background;outline:none;border:.05rem solid #56BCC1}.qty-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:3rem;height:3rem;border-radius:50%;background:#3bc6c9;border:1px solid #3bc6c9;cursor:pointer;position:relative;z-index:2;transition:left .15s ease,transform .15s ease}.qty-range::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#3bc6c9;border:1px solid #3bc6c9;cursor:pointer;transition:left .15s ease,transform .15s ease}.button-wrapper .value__badge{position:absolute;overflow:hidden;font-size:1.6rem;width:10rem;height:5rem;top:-2rem;right:-1.5rem;display:flex;align-items:center;justify-content:center;z-index:2}.button-wrapper .value__badge:before{content:var(--badge-content);position:absolute;width:9rem;height:2rem;border-radius:.2rem;background-color:#ffc803;transform:rotate(20deg);display:flex;align-items:center;justify-content:center;color:#000;letter-spacing:.01em;text-transform:uppercase}
/*# sourceMappingURL=/cdn/shop/t/8/assets/component-quantity-slider.css.map */