.dosage-slider{position:relative;width:100%;margin:40px auto;font-family:inter,sans-serif}.labels{display:flex;justify-content:space-between;font-weight:700;margin-bottom:10px;font-size:10px;font-style:normal;font-weight:600}.track{position:relative;width:100%;height:6px;border-radius:3px;background:transparent;display:flex}.dosage-slider .track-green{display:block!important;background:#00d42e!important;width:45%;height:6px;border-radius:3px 0 0 3px;opacity:1!important;visibility:visible!important}.dosage-slider .track-blue{display:block!important;background:#58a6ff!important;width:35%;height:6px;opacity:1!important;visibility:visible!important}.dosage-slider .track-gray{display:block!important;background:#ddd!important;flex:1;height:6px;border-radius:0 3px 3px 0;opacity:1!important;visibility:visible!important}.dosage-slider .dot{display:block!important;position:absolute;top:50%;transform:translate(-50%,-50%);width:16px;height:16px;border-radius:50%;opacity:1!important;visibility:visible!important;z-index:2}.dosage-slider .dot.green{background:#00d42e!important}.dosage-slider .dot.blue{background:#58a6ff!important}.dosage-slider .marker{display:block!important;position:absolute;top:-7px;width:4px;height:20px;background:gold!important;transform:translate(-50%);border-radius:2px;opacity:1!important;visibility:visible!important;z-index:3}.ticks{position:relative;width:100%;margin-top:10px;font-size:14px;color:#000}.ticks span{position:absolute;transform:translate(-50%);white-space:nowrap;text-align:center;font-size:12px}@media (min-width: 600px){.dosage-slider{margin:60px auto;max-width:500px}.labels{font-size:12px;margin-bottom:15px}.track,.dosage-slider .track-green,.dosage-slider .track-blue,.dosage-slider .track-gray{height:8px}.dosage-slider .dot{width:20px;height:20px}.dosage-slider .marker{width:5px;height:25px;top:-8px}.ticks{margin-top:10px;font-size:16px}.ticks span{font-size:14px}}@media (min-width: 800px){.dosage-slider{max-width:600px;margin:70px auto}.labels{font-size:14px}.track,.dosage-slider .track-green,.dosage-slider .track-blue,.dosage-slider .track-gray{height:10px}.dosage-slider .dot{width:24px;height:24px}.dosage-slider .marker{width:6px;height:30px;top:-10px}.ticks{font-size:18px}.ticks span{font-size:16px}}@media (min-width: 1000px){.dosage-slider{max-width:700px;margin:80px auto}.labels{font-size:16px;margin-bottom:20px}.track{height:12px}.dosage-slider .track-green{border-radius:6px 0 0 6px}.dosage-slider .track-gray{border-radius:0 6px 6px 0}.dosage-slider .track-green,.dosage-slider .track-blue,.dosage-slider .track-gray{height:12px}.dosage-slider .dot{width:28px;height:28px}.dosage-slider .marker{width:8px;height:35px;top:-11px;border-radius:4px}.ticks{font-size:20px}.ticks span{font-size:18px}}@media (min-width: 1100px){.dosage-slider{max-width:750px}}@media (min-width: 1200px){.dosage-slider{max-width:800px}.labels{font-size:18px}.ticks{font-size:22px}.ticks span{font-size:20px}}@media (min-width: 1300px){.dosage-slider{max-width:850px}}@media (min-width: 1400px){.dosage-slider{max-width:900px}.labels{font-size:20px}.ticks{font-size:24px}.ticks span{font-size:22px}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/dosage.css.map */