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