#videoSlider{margin:0;font-family:sans-serif;color:#000}.video-section{width:100%;overflow-x:auto}.video-list{display:flex;gap:16px;margin-bottom:10px}.video-card{width:clamp(160px,20vw,227px);cursor:pointer;flex-shrink:0;margin-bottom:5px}.video-thumb-wrapper{width:100%;height:clamp(237px,29.6vw,336px);border-radius:20px;overflow:hidden;position:relative}.video-thumb{width:100%;height:100%;object-fit:cover}.play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center}.video-title{margin-top:15px;font-size:16px;line-height:1;font-weight:500}.error-message{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;width:100%}.error-message p{font-size:18px;margin-bottom:20px}.skeleton .video-card{pointer-events:none}.skeleton .thumb-skeleton{width:clamp(160px,20vw,227px);height:clamp(237px,29.6vw,336px);background:#e6e6e6;border-radius:20px}.skeleton .text-skeleton{width:80%;height:16px;margin-top:15px;background:#e6e6e6;border-radius:5px}.modal.hidden{display:none}.modal{position:fixed;inset:0;z-index:9000}.modal-backdrop{position:absolute;inset:0;background:#000c}.modal-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:370px}.modal-content{max-width:100%;background:#0003;border-radius:12px;overflow:hidden;max-height:654.9px;min-height:200px}.modal video{width:100%;display:block}.modal-arrow{position:absolute;top:50%;transform:translateY(-50%);width:40px;aspect-ratio:1;border-radius:12px;background:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10000;padding:0}.modal-prev{left:-54px}.modal-next{right:-54px}.modal-next svg{transform:scaleX(-1)}.modal-close{background:transparent;border:none;cursor:pointer;z-index:10000;margin-top:22px;position:absolute;top:0;right:-40px;padding:0}.video-control{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:transparent;border:none;width:56px;aspect-ratio:1;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10000;transition:opacity .3s ease}.video-control{opacity:0;transition:opacity .3s ease}.modal-content:hover .video-control{opacity:1}.spinner{position:absolute;top:50%;left:50%;width:10em;height:10em;border-top:.2em solid rgba(131,131,131,.5);border-right:.2em solid rgba(131,131,131,.5);border-bottom:.2em solid rgba(131,131,131,.5);border-left:.2em solid rgba(153,153,153,1);border-radius:50%;font-size:1rem;text-indent:-9999em;transform:translate(-50%,-50%);animation:spin 1.1s infinite linear;z-index:10000}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@media(max-width:575px){.modal-prev{left:-44px}.modal-next{right:-44px}.modal-close{right:-30px;padding:0}}@media(max-width:479px){.video-list{gap:10px}.video-title{font-size:14px}.modal-container{width:320px}.modal-arrow{top:14px;transform:none}.modal-prev{left:50%;transform:translate(calc(-100% - 15px));top:-50px}.modal-next{right:50%;transform:translate(calc(100% + 15px));top:-50px}}@media(max-width:389px){.modal-container{width:260px}}