html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body{margin:.3em;padding:0;display:flex;justify-content:center;align-items:start;color:#dfe5ef;background-color:#141519;font-weight:700;font-family:Inter,BlinkMacSystemFont,Helvetica,Arial,sans-serif}.header-container{margin:.2em 0;font-size:2em}.img-container{position:relative}.img-container .img{position:absolute;top:0;left:0;width:100%;height:100%;background-size:100% auto;background-position:left bottom;background-repeat:no-repeat}.img-container .slider{position:absolute;-webkit-appearance:none;-moz-appearance:none;appearance:none;top:0;left:0;width:100%;height:100%;background:transparent;outline:none;margin:0;transition:all .2s}.img-container .slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:5px;height:100%;background:rgba(255,255,255,.7)}.img-container .slider::-webkit-slider-runnable-track{height:100%}.img-container .slider::-moz-range-thumb{-moz-appearance:none;width:5px;height:100%;background:rgba(255,255,255,.7)}.img-container .slider-button{pointer-events:none;position:absolute;width:30px;height:30px;border-radius:50%;background-color:#fff;left:calc(50% - 18px);top:calc(50% - 18px);display:flex;justify-content:center;align-items:center}.img-container .slider-button:after{content:"";padding:3px;display:inline-block;border:solid #5d5d5d;border-width:0 2px 2px 0;transform:rotate(-45deg)}.img-container .slider-button:before{content:"";padding:3px;display:inline-block;border:solid #5d5d5d;border-width:0 2px 2px 0;transform:rotate(135deg)}