@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap";.menu-drawer{position:fixed;top:0;left:0;right:0;bottom:0;background:#000;transform:translate(-100%);transition:transform .3s;background-color:#1e1e1e}.menu-drawer.menu-open{transform:translate(0)}@media (min-width: 1024px){.menu-drawer{transform:translate(0);left:0;right:auto;bottom:0;top:0;width:33%;z-index:2;border-right:1px solid #4a4848;padding:14px;display:flex;flex-direction:column;align-items:flex-end}}.menu-header{display:flex;justify-content:flex-end;align-items:center;padding:0 14px;height:80px}@media (min-width: 1024px){.menu-header{display:none}}.menu-close-icon{font-size:30px;margin-right:14px}.menu-title{font-weight:700;font-size:20px;padding:0 14px;display:none}@media (min-width: 1024px){.menu-title{display:flex;height:56px;width:300px}}.menu-list{padding:20px;color:#fff;list-style-type:none;font-size:20px}.menu-list li{line-height:54px}@media (min-width: 1024px){.menu-list{width:300px}}.menu-link{text-decoration:none;color:#fff}.menu-icon{font-size:30px;margin-right:14px}.menu-video-toggle{display:flex;align-items:center}.menu-video-icon{font-size:30px;margin-right:14px}.menu-angle-icon{margin-left:14px}.menu-submenu{padding:20px;color:#fff;list-style-type:none;font-size:20px;display:none}.menu-submenu.show{display:block}.menu-submenu-item{font-size:16px;line-height:20px!important;margin-bottom:24px;border-bottom:1px dashed #6c6b6b;cursor:pointer}.menu-submenu-link{text-decoration:none;color:#fff}.menu-submenu-description{font-size:14px;color:#aeaeae;line-height:30px}.menu-submenu-play-icon{margin-right:14px}.header-container{background-color:#1e1e1e;display:flex;justify-content:space-between;height:56px;align-items:center;position:sticky;top:0;z-index:10}@media (min-width: 1024px){.header-container{justify-content:flex-end}}.header-left{display:flex;justify-content:flex-start;align-items:center}.header-menu-button{width:56px;height:100%;justify-content:center;display:flex}@media (min-width: 1024px){.header-menu-button{display:none}}.header-title{font-weight:700;font-size:20px;padding:0}@media (min-width: 1024px){.header-title{display:none}}.header-signin-button{justify-content:center;display:flex;text-decoration:none;background-color:#d1d5db;width:fit-content;border-radius:6px;border:none;padding:6px;margin-right:14px;cursor:pointer}.header-signin-button:hover{background-color:#c2c6cc}.header-signin-text{padding-left:4px;color:#000}.layout-container{display:flex;flex-direction:column;padding:14px}@media (min-width: 1024px){.layout-container{width:67%;max-width:630px;position:relative;left:33%;margin-left:14px;z-index:10}}.preview-link{text-decoration:none}.preview-container{position:relative;width:100%}.preview-image{box-shadow:0 0 10px #4a7a4f;border:2px solid #4a7b4f;border-radius:8px;display:block;object-fit:contain}.preview-image.landscape{width:100%;height:auto;margin:0}.preview-image.portrait{width:auto;height:34vh;margin:0 auto}.preview-placeholder{border-radius:6px;width:100%;height:200px;background-color:#333;display:flex;align-items:center;justify-content:center;color:#666;font-size:16px;text-align:center}.preview-play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;background-color:#000000b3;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}.preview-play-button:after{content:"";width:0;height:0;border-left:25px solid #fff;border-top:15px solid transparent;border-bottom:15px solid transparent;margin-left:5px}.preview-title{margin-top:1rem;margin-bottom:.5rem}.event-detail-loading{display:flex;justify-content:center;align-items:center;padding:40px;font-size:18px}.event-detail-error{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px;color:#ff6b6b;font-size:18px;text-align:center}.event-detail-error-button{display:inline-block;margin-top:20px;padding:10px 20px;background-color:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px;text-decoration:none}.event-detail-error-button:hover{background-color:#45a049}.event-detail-not-found{display:flex;justify-content:center;align-items:center;padding:40px;font-size:18px}.event-detail-container{padding:20px;max-width:1200px;margin:0 auto}.event-detail-header{margin-bottom:30px}.event-detail-title{font-size:28px;font-weight:700;color:#fff;margin-bottom:10px}.event-detail-description{font-size:16px;line-height:1.6;color:#e3e2e2;white-space:pre-wrap}.event-detail-videos{margin-top:30px}.event-detail-videos-title{font-size:24px;font-weight:700;color:#939393;margin-bottom:20px}.event-detail-section{margin-bottom:30px}.event-detail-section-title-free{font-size:20px;color:#4caf50;margin-bottom:15px}.event-detail-section-title-full{font-size:20px;color:#ff6b6b;margin-bottom:15px}.event-detail-video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.event-detail-video-card{display:block;text-decoration:none;color:inherit;border:1px solid #ddd;border-radius:8px;overflow:hidden;cursor:pointer;transition:box-shadow .3s}.event-detail-video-card:hover{box-shadow:0 4px 8px #0000001a}.event-detail-video-card.portrait{min-width:250px}.event-detail-video-card.landscape{min-width:350px}.event-detail-video-card.premium{position:relative}.event-detail-premium-badge{position:absolute;top:10px;right:10px;background-color:#ff6b6b;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:700;z-index:2}.event-detail-video-thumbnail{background-size:cover;background-position:center;background-color:#333}.event-detail-video-thumbnail.portrait{aspect-ratio:9/16}.event-detail-video-thumbnail.landscape{aspect-ratio:16/9}.event-detail-video-content{padding:15px}.event-detail-video-title{font-size:16px;font-weight:700;color:#e3e2e2;margin-bottom:8px}.event-detail-video-location{font-size:14px;color:#e3e2e2}.event-detail-video-orientation{font-size:12px;color:#999;margin-top:8px;text-transform:capitalize}.event-detail-back-section{margin-top:40px;text-align:center}.event-detail-back-button{display:inline-block;padding:12px 24px;background-color:#4caf50;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:16px;text-decoration:none;transition:background-color .3s}.event-detail-back-button:hover{background-color:#45a049}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}p,span,h1,h2,h3,h4,h5,h6,a,ul,button{color:#fff;font-family:DM Sans,sans-serif}.noScroll{overflow:hidden}
