.slider-element{width:100%;display:grid;position:relative;padding:32px 0;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.slider-element .slider-bar{width:100%;background-color:transparent;height:12px;position:absolute}.slider-element .slider-bar.completed{width:var(--completed);max-width:100%;background-color:#127d9f;pointer-events:none;border-radius:4px}.slider-element .slider-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;cursor:pointer;padding:0 12px;display:block;max-width:100%}.slider-element .slider-input:focus::-webkit-slider-thumb{outline:1px #2CAECB solid;outline-offset:1px}.slider-element .slider-input:focus::-moz-range-thumb{outline:1px #2CAECB solid;outline-offset:1px}.slider-element .slider-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;outline:none;-webkit-box-shadow:0 -1px 0 0 rgba(0,52,81,.25) inset,0 1px 2px 0 rgba(0,0,0,.1);box-shadow:0 -1px #00345140 inset,0 1px 2px #0000001a;width:12px;height:12px;border-radius:4px;-webkit-transform:scale(300%);transform:scale(3);-webkit-transition:background-color .2s ease-in-out;transition:background-color .2s ease-in-out;background-color:#077193;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 192 512'%3E%3Cpath d='M64 64c0-17.7-14.3-32-32-32S0 46.3 0 64V448c0 17.7 14.3 32 32 32s32-14.3 32-32V64zm128 0c0-17.7-14.3-32-32-32s-32 14.3-32 32V448c0 17.7 14.3 32 32 32s32-14.3 32-32V64z' fill='%23127D9F'/%3E%3C/svg%3E");background-size:65% 65%;background-repeat:no-repeat;background-position:center;border:0}.slider-element .slider-input::-webkit-slider-thumb:hover{cursor:-webkit-grab;cursor:grab;-webkit-transform:scale(320%);transform:scale(3.2);background-color:#2caecb}.slider-element .slider-input::-webkit-slider-thumb:active{cursor:-webkit-grabbing;cursor:grabbing}.slider-element .slider-input::-moz-range-thumb{-moz-appearance:none;appearance:none;outline:none;box-shadow:0 -1px #00345140 inset,0 1px 2px #0000001a;width:12px;height:12px;border-radius:4px;transform:scale(3);-moz-transition:background-color .2s ease-in-out;transition:background-color .2s ease-in-out;background-color:#077193;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 192 512'%3E%3Cpath d='M64 64c0-17.7-14.3-32-32-32S0 46.3 0 64V448c0 17.7 14.3 32 32 32s32-14.3 32-32V64zm128 0c0-17.7-14.3-32-32-32s-32 14.3-32 32V448c0 17.7 14.3 32 32 32s32-14.3 32-32V64z' fill='%23127D9F'/%3E%3C/svg%3E");background-size:65% 65%;background-repeat:no-repeat;background-position:center;border:0}.slider-element .slider-input::-moz-range-thumb:hover{cursor:grab;transform:scale(3.2);background-color:#2caecb}.slider-element .slider-input::-moz-range-thumb:active{cursor:grabbing}.slider-element .slider-input::-webkit-slider-runnable-track{background:#127d9f4d;border-radius:4px;height:100%}.slider-element .slider-input::-moz-range-track{background:#127d9f4d;border-radius:4px;height:100%}