.product__roast-slider{width:100%;max-width:400px;margin:1.5rem 0;padding:.5rem 0}.product__roast-slider label{display:block;margin-bottom:1rem;font-size:1.8rem;font-weight:500;color:#fff;line-height:1.4}[id^=RoastLevelDisplay]{font-weight:600;font-size:1.8rem;color:#fff}.product__roast-slider input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:30px;background:linear-gradient(to right,#3d3200,#3b1200,#0e0603);border:1.36px solid #fff;border-radius:8px;box-sizing:border-box;outline:none;margin:1rem 0}.product__roast-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:#fff;border:2px solid var(--accent-color, #4a4a4a);border-radius:50%;cursor:pointer;box-shadow:0 2px 4px #0000001a;transition:all .2s ease}.product__roast-slider input[type=range]::-moz-range-thumb{width:18px;height:18px;background:#fff;border:2px solid var(--accent-color, #4a4a4a);border-radius:50%;cursor:pointer;box-shadow:0 2px 4px #0000001a;transition:all .2s ease}.product__roast-slider input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.1);box-shadow:0 3px 6px #00000026}.product__roast-slider input[type=range]:hover::-moz-range-thumb{transform:scale(1.1);box-shadow:0 3px 6px #00000026}.product__roast-slider input[type=range]:focus{outline:none}.product__roast-slider input[type=range]:focus::-webkit-slider-thumb{box-shadow:0 0 0 3px #4a4a4a33}.product__roast-slider input[type=range]:focus::-moz-range-thumb{box-shadow:0 0 0 3px #4a4a4a33}@media screen and (max-width:768px){.product__roast-slider{max-width:100%;padding:.25rem 0}.product__roast-slider input[type=range]::-webkit-slider-thumb{width:24px;height:24px}.product__roast-slider input[type=range]::-moz-range-thumb{width:22px;height:22px}}@media(forced-colors:active){.product__roast-slider input[type=range]{background:ButtonText}.product__roast-slider input[type=range]::-webkit-slider-thumb,.product__roast-slider input[type=range]::-moz-range-thumb{border:2px solid ButtonText;background:ButtonFace}}.brew-method{font-size:1.8rem;color:#fff;margin-top:.5rem}
/*# sourceMappingURL=/cdn/shop/t/1/assets/roast-slider.css.map */