.slider{margin-bottom:1.25rem;position:relative}.slider__controls{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.slider__label{color:rgb(var(--colour-text-and-icon-1,17, 17, 17))}.slider__label-dbm{padding-bottom:.5rem}.slider-disabled .slider__label{color:rgb(var(--colour-interactive-disabled-1,204, 204, 204))}.slider-drag .slider-tooltips .slider-tooltip{transition:none}.slider .slider__input-fields{align-self:flex-end;margin-bottom:.0625rem}.slider__input-fields input{width:100%;padding-top:0}.slider__input-fields .input-field__wrapper{width:4.5rem}.slider .form-field{margin-bottom:0}.slider .form-field__content{margin-top:.5rem}.slider__input--m .input-field__wrapper{width:5.5rem}.slider__input--l .input-field__wrapper{width:6.5rem}.slider--dual-sliders .slider__controls{flex-direction:column;align-items:stretch}.slider--dual-sliders .slider__input-fields{justify-content:space-between;width:100%;display:flex}.slider--with-input .slider-target{margin-top:2.125rem}.slider-target,.slider-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(var(--colour-neutral-7,17, 17, 17), 0);-webkit-user-select:none;user-select:none;-ms-touch-action:none;touch-action:none;box-sizing:border-box}.slider-target{margin-top:3.375rem;position:relative}.slider-base:after{content:" ";cursor:pointer;width:100%;height:2.75rem;position:absolute;top:-1.375rem}.slider-base,.slider-connects,.slider-tooltips{z-index:1;width:100%;height:100%;position:relative}.slider-base,.slider-tooltips{cursor:pointer;width:calc(100% - 1.5rem);margin:0 .75rem}.slider-tooltips{pointer-events:none;position:absolute}.slider-tooltips .slider-tooltip{transition:left .2s cubic-bezier(.4,0,.4,1),right .2s cubic-bezier(.4,0,.4,1)}.slider-connects{z-index:0;overflow:hidden}.slider-connect,.slider-origin{will-change:transform;z-index:1;transform-origin:0 0;-webkit-transform-style:preserve-3d;transform-style:flat;width:100%;height:100%;position:absolute;top:0;left:0}.slider-horizontal .slider-origin{left:auto;right:0}html[dir=rtl] .slider-rtl .slider-origin{left:0;right:auto}html[dir=rtl] .slider-rtl .slider-handle{left:-.75rem;right:auto}.slider-horizontal .slider-origin{height:0}.slider-handle{backface-visibility:hidden;position:absolute}.slider-handle.slider-active{box-shadow:0 0 0 .1875rem rgba(var(--colour-neutral-7,17, 17, 17), .1)}.slider-touch-area{width:2.75rem;height:2.75rem;position:relative;top:-.6875rem;left:-.6875rem}.slider-state-tap .slider-connect,.slider-state-tap .slider-origin{transition:transform .2s cubic-bezier(.4,0,.4,1)}.slider-state-drag *{cursor:inherit!important}.slider-horizontal{border-radius:8px;height:.25rem}.slider-horizontal .slider-handle{border-radius:64px;width:1.5rem;height:1.5rem;top:-.625rem;left:auto;right:-.75rem}.slider-target{background:rgb(var(--colour-neutral-3,223, 223, 223))}.slider-connects{--skapa-slider-connection-colour:rgb(var(--colour-neutral-7,17, 17, 17));border-radius:8px;width:calc(100% + 1.5rem);position:absolute;left:-.75rem}[disabled] .slider-connects{--skapa-slider-connection-colour:rgb(var(--colour-interactive-disabled-1,204, 204, 204))}.slider--marks .slider-base{background-position:0;background-image:linear-gradient(90deg, rgba(var(--colour-neutral-7,17, 17, 17), .15), .125rem, transparent, 0, transparent);background-size:max((100% - .125rem) / var(--skapa-slider-step-count,10), .125rem) 100%}.slider--marks .slider-connects:after{z-index:3;content:"";background-position:0;background-image:linear-gradient(90deg, rgba(var(--colour-neutral-1,255, 255, 255), .35), .125rem, transparent, 0, transparent);background-size:max((100% - .125rem) / var(--skapa-slider-step-count,10), .125rem) 100%;clip-path:inset(0% calc(100% - var(--skapa-slider-handle-value-0,0%)) 0% 0%);position:absolute;inset:0 .75rem}.slider--marks.slider--dual-sliders .slider-connects:after{clip-path:inset(0% calc(100% - var(--skapa-slider-handle-value-1,0%)) 0% var(--skapa-slider-handle-value-0,0%))}.slider-connect{background:var(--skapa-slider-connection-colour)}.slider-draggable{cursor:ew-resize}.slider-handle{background:rgb(var(--colour-neutral-7,17, 17, 17));cursor:grab}.slider-active{cursor:grabbing}[disabled] .slider-connect{background:rgb(var(--colour-interactive-disabled-1,204, 204, 204))}[disabled].slider-target,[disabled].slider-handle,[disabled] .slider-handle{cursor:not-allowed}.slider-pips,.slider-pips *{box-sizing:border-box}.slider-pips{color:rgb(var(--colour-neutral-3,223, 223, 223));border-radius:4px;position:absolute}.slider-value{white-space:nowrap;text-align:center;display:none;position:absolute}.slider-value-sub{color:rgb(var(--colour-neutral-4,204, 204, 204));display:none}.slider-marker{position:absolute}.slider-tooltip{text-align:center;white-space:nowrap;background:rgb(var(--colour-neutral-7,17, 17, 17));color:rgb(var(--colour-text-and-icon-5,255, 255, 255));border-radius:4px;padding:.25rem .5rem;display:block;position:absolute}.slider-pips-horizontal{width:calc(100% - 24px);height:.25rem;top:0;left:12px}.slider-pips-horizontal.slider-pips-light{width:100%;left:0}.slider-pips-horizontal.slider-pips-light .slider-marker-horizontal.slider-marker{background:rgba(var(--colour-neutral-1,255, 255, 255), .35)}.slider-value-horizontal{transform:translate(-50%,50%)}.slider-rtl .slider-value-horizontal{transform:translate(50%,50%)}.slider-marker-horizontal.slider-marker{background:rgba(var(--colour-neutral-7,17, 17, 17), .15);width:.125rem;height:.25rem;margin-left:-.125rem}.slider-marker-horizontal.slider-marker-sub,.slider-marker-horizontal.slider-marker-large{height:.25rem}.slider-horizontal~.slider-tooltips{bottom:0}.slider-horizontal~.slider-tooltips .slider-tooltip{bottom:1.25rem;left:50%;transform:translate(-50%)}.slider-horizontal .slider-active .slider-tooltip,.slider-horizontal .slider-handle:focus-visible .slider-tooltip{display:block}.slider-target[disabled] .slider-connect,.slider-target[disabled] .slider-handle,[disabled].slider-handle{background:rgb(var(--colour-interactive-disabled-1,204, 204, 204))}[dir=rtl] .slider{--skapa-slider-fill-direction:-90deg}[dir=rtl] .slider-connects:after{transform:scaleX(-1)}[dir=rtl] .slider .slider-horizontal~.slider-tooltips .slider-tooltip{left:auto;right:50%;transform:translate(50%)}