:root{--color-primary:#5626e8;--color-secondary:#d2daef;--color-bg:#f4f6fe}*{box-sizing:border-box}body{background-color:var(--color-bg)}main{width:100%;min-height:100vh;display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center}.sliderContainer{position:relative;width:100%;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-align:center;align-items:center;padding:3em}.sliderContainer .sliderContainer__input{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:0;height:.2em;background-image:-webkit-gradient(linear,left top,right top,color-stop(50%,var(--color-primary)),color-stop(50%,var(--color-secondary)));border-radius:1em;margin:0}.sliderContainer .sliderContainer__thumb{cursor:pointer;width:1.5em;height:1.5em;border:.5em solid var(--color-primary);border-radius:100%;background-color:white;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ballon{--size:4em;width:var(--size);height:var(--size);display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;background-color:var(--color-primary);border-bottom-left-radius:50%;position:absolute;border-top-left-radius:50%;border-top-right-radius:50%;top:-1.2em;opacity:0}.ballon .ballon__text{color:white;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);font-family:Arial,Helvetica,sans-serif}.ballon::after{content:"";position:absolute;width:0;height:0;border-left:.25em solid transparent;border-right:.25em solid transparent;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);border-bottom:.25em solid var(--color-primary);top:98%;left:94%}@media(max-width:768px){.sliderContainer{min-width:95%}}