*{margin:0;padding:0}body{height:100dvh;width:100%}li,ul{list-style:none}.canvas{background:radial-gradient(circle,#797979 0,#000 100%);height:100dvh;left:0;position:fixed;top:0;width:100%}.play_button{all:unset;align-items:center;background-color:#fff;border:5px solid #000;border-radius:50%;display:flex;font-size:30px;height:80px;justify-content:center;position:absolute;right:25%;top:25%;width:80px;z-index:0}.popup{position:relative;width:100vw}.popup_wrap{background-color:#ffffffc5;border-radius:10px;min-width:320px;padding:20px;position:absolute;top:50px;width:50vw}.popup_wrap.left{left:20px}.popup_wrap.right{right:20px}.popup h3{font-size:24px;font-weight:700;margin-bottom:20px}.popup p{font-weight:500;line-height:1.5;white-space:pre-line}.close_button{all:unset;cursor:pointer;margin-bottom:20px;margin-left:auto;position:absolute;right:20px;width:20px}.close_button img{width:100%}.bottom_control{bottom:0;height:100px;position:absolute;width:100%}.bottom_control ul{height:100%;justify-content:space-around;width:100%}.bottom_control ul,.clipPath{align-items:center;display:flex}.clipPath{flex-direction:column;gap:5px;justify-content:center}button{all:unset;cursor:pointer}.bottom_control button{align-items:center;color:#f8b500;display:flex;height:35px;justify-content:center;width:35px}.control_prev button{font-size:35px}.control_play{font-size:20px}.control_next{font-size:35px}.control_rim button{height:35px;width:35px}.control_rim svg{height:100%;width:100%}.numbering{align-items:center;background-color:#fff;border-radius:50%;color:#000;cursor:pointer;display:flex;height:50px;justify-content:center;opacity:0;width:50px}.numbering.active{opacity:1;transition:all .3s}.loading{background-color:#000;color:#fff;height:100dvh!important;left:0;position:fixed!important;top:0;width:100vw!important;z-index:99}.loading,.number_btn{align-items:center;display:flex;justify-content:center}.number_btn{border-radius:50%;font-size:clamp(12px,1vw,20px);font-weight:700;height:70px;width:70px}@media (max-width:1440px){.play_button{right:20%;top:25%}}@media (max-width:768px){.play_button{font-size:14px;height:35px;right:20%;top:25%;width:35px}.popup_wrap{width:100%}.popup_wrap.left,.popup_wrap.right{left:0;width:90%}.bottom_control{height:auto;padding:20px 0}}.custom-slider{-webkit-appearance:none;background:#333;border-radius:7px;height:14px;outline:none;width:100%}.custom-slider::-webkit-slider-thumb{-webkit-appearance:none;background:#f8b500;border-radius:50%;cursor:pointer;height:15px;margin-top:-2.5px;width:15px}.custom-slider::-moz-range-thumb{background:#fff;border-radius:50%;cursor:pointer;height:15px;width:15px}.custom-slider::-webkit-slider-runnable-track{background:linear-gradient(90deg,#f8b500 0,#f8b500 var(--track-fill),#fff var(--track-fill),#fff 100%);background-color:#fff;border-radius:7px;height:10px}.custom-slider::-moz-range-track{background:linear-gradient(90deg,#f8b500 0,#f8b500 var(--track-fill),#fff var(--track-fill),#fff 100%);border-radius:7px;height:10px}.custom-slider::-moz-range-progress{background-color:#f8b500}.custom-slider::-ms-fill-lower{background-color:#f8b500}.home{align-items:center;background-color:#000;display:flex;height:100vh;justify-content:center;width:100%}a{color:#fff;text-decoration:none}.home>div{display:flex;flex-direction:column;gap:20px}
/*# sourceMappingURL=main.c1436e27.css.map*/