.section-vitamin-d-slider{background:transparent}.section-vitamin-d-slider .section-content{max-width:1280px;margin-inline:auto;padding-inline:20px}.vitamin-d-slider__header{text-align:center;margin-bottom:24px}.vitamin-d-slider__headline{font-size:25px;font-weight:700;line-height:1;letter-spacing:-.04em;margin:0 0 12px}.vitamin-d-slider__subhead{font-size:13px;color:#b3b3b3;line-height:1.5;margin:0}.vitamin-d-slider__wrapper{display:flex;flex-direction:column;align-items:center;gap:25px}.vitamin-d-slider__result{background:#fff;border-radius:15px;padding:20px 24px;text-align:center;min-height:135px;width:calc(100% - 40px);max-width:480px;display:flex;flex-direction:column;justify-content:center}.vitamin-d-slider__value{font-size:24px;font-weight:700;color:#005142;margin-bottom:4px;line-height:1.1}.vitamin-d-slider__value-unit{font-size:20px;font-weight:400}.vitamin-d-slider__status{font-size:13px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid rgba(0,0,0,.08);line-height:1.4}.vitamin-d-slider__status--low{color:#c0392b}.vitamin-d-slider__status--supporting{color:#b45309}.vitamin-d-slider__status--optimal{color:#15803d}.vitamin-d-slider__dosage{font-size:14px;line-height:1.5}.vitamin-d-slider__dosage-highlight{color:#005142;font-weight:600}.vitamin-d-slider__dosage-note{display:block;font-size:12px;color:rgba(var(--color-foreground),.5);margin-top:4px}.vitamin-d-slider__range-container{--range-color: #005142;--tick-color: #005142;--tick-width: 7px;--end-tick-height: 42px;position:relative;display:flex;align-items:flex-end;justify-content:center;height:85px;width:calc(100% - 40px);max-width:990px}.vitamin-d-slider__ticks{position:absolute;left:0;right:0;bottom:-5px;height:22px;border-radius:8px;pointer-events:none;background:repeating-linear-gradient(to right,transparent 0 calc(100% / 9 - var(--tick-width)),var(--tick-color) calc(100% / 9 - var(--tick-width)) calc(100% / 9)) calc(var(--tick-width) / 2) 0 / 100% 100% no-repeat}.vitamin-d-slider__ticks:before,.vitamin-d-slider__ticks:after{content:"";position:absolute;top:50%;width:var(--tick-width);height:var(--end-tick-height);background:var(--tick-color);transform:translateY(-50%)}.vitamin-d-slider__ticks:before{left:0}.vitamin-d-slider__ticks:after{right:0}.vitamin-d-slider__input{-webkit-appearance:none;appearance:none;width:100%;height:7px;background:var(--range-color);border-radius:8px;outline:none;position:relative;z-index:2}.vitamin-d-slider__input:focus{border:none;outline:none}.vitamin-d-slider__input:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:4px}.vitamin-d-slider__input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:46px;height:46px;background:transparent;border:0;border-radius:50%;cursor:grab;outline:none;box-shadow:none}.vitamin-d-slider__input::-webkit-slider-thumb:active{cursor:grabbing}.vitamin-d-slider__input::-moz-range-thumb{width:46px;height:46px;background:transparent;border:0;border-radius:50%;cursor:grab;outline:none;box-shadow:none}.vitamin-d-slider__input::-moz-range-thumb:active{cursor:grabbing}.vitamin-d-slider__dot{position:absolute;bottom:-17px;width:46px;height:46px;background:var(--range-color);border-radius:50%;pointer-events:none;transform:translate(-50%)}.vitamin-d-slider__thumb-label{position:absolute;display:flex;justify-content:center;align-items:center;text-align:center;pointer-events:none;overflow:visible;height:35px;font-size:14px;background:var(--range-color);color:#f7a0a8;font-weight:400;border-radius:8px;padding:7px 13px;top:0;transform:translate(-50%);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;white-space:nowrap}.vitamin-d-slider__thumb-label:after{content:"";position:absolute;left:50%;transform:translate(-50%);bottom:-7px;pointer-events:none;z-index:1;clip-path:polygon(50% 100%,0 0,100% 0);width:16px;height:9px;background:var(--range-color)}@media screen and (max-width:749px){.vitamin-d-slider__thumb-label.is-at-start{transform:translate(0);margin-left:-20px}.vitamin-d-slider__thumb-label.is-at-start:after{left:12px;transform:translate(0)}.vitamin-d-slider__thumb-label.is-at-end{transform:translate(-100%);margin-left:20px}.vitamin-d-slider__thumb-label.is-at-end:after{left:auto;right:12px;transform:translate(0)}}.vitamin-d-slider__labels{display:flex;justify-content:space-between;width:calc(100% - 40px);max-width:990px;font-size:12px;color:rgba(var(--color-foreground),.5);margin-top:-5px}.vitamin-d-slider__bottom-content{max-width:470px;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}.vitamin-d-slider__help{text-decoration:underline;text-underline-offset:2px}.vitamin-d-slider__help:hover{color:rgb(var(--color-foreground))}.vitamin-d-slider__image-first,.vitamin-d-slider__image-second{pointer-events:none}.vitamin-d-slider__image-first img,.vitamin-d-slider__image-second img{max-width:100%;height:auto}.vitamin-d-slider__sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}@media screen and (min-width:750px){.vitamin-d-slider__header{margin-bottom:32px}.vitamin-d-slider__headline{font-size:36px}.vitamin-d-slider__wrapper{gap:40px}.vitamin-d-slider__result{padding:24px 32px;min-height:150px}.vitamin-d-slider__value{font-size:44px}.vitamin-d-slider__status{font-size:14px}.vitamin-d-slider__dosage{font-size:15px}}@media screen and (min-width:990px){.vitamin-d-slider__header{margin-bottom:38px}.vitamin-d-slider__headline{font-size:48px;line-height:1.1}.vitamin-d-slider__subhead{font-size:16px}.vitamin-d-slider__wrapper{gap:55px}.vitamin-d-slider__result{min-height:162px;padding:28px 40px}.vitamin-d-slider__value{font-size:52px}.vitamin-d-slider__value-unit{font-size:28px}.vitamin-d-slider__status{font-size:16px;margin-bottom:16px;padding-bottom:16px}.vitamin-d-slider__dosage{font-size:16px}.vitamin-d-slider__range-container{--end-tick-height: 50px;height:95px;width:100%;max-width:990px}.vitamin-d-slider__dot{width:52px;height:52px;bottom:-20px}.vitamin-d-slider__input::-webkit-slider-thumb{width:52px;height:52px}.vitamin-d-slider__input::-moz-range-thumb{width:52px;height:52px}.vitamin-d-slider__thumb-label{height:45px;font-size:18px;padding-inline:18px}.vitamin-d-slider__labels{max-width:990px;font-size:13px;margin-top:-20px}.vitamin-d-slider__bottom-content{gap:24px}.vitamin-d-slider__image-first,.vitamin-d-slider__image-second{position:absolute;top:20px;z-index:-1}.vitamin-d-slider__image-first{left:0}.vitamin-d-slider__image-second{right:0}}
/*# sourceMappingURL=/cdn/shop/t/62/assets/vitamin-d-slider.css.map */