body,html{height:100%;margin:0;overflow:hidden}a{color:#fff;text-decoration:none}a:hover{color:#fff;text-decoration:none}.video-container{position:absolute;height:100vh;display:flex;justify-content:center;align-items:center;background-color:#000;width:100%}video{width:100%;object-fit:cover}@media (min-width:768px){video{height:100%;border-radius:10px}}@media (max-width:767px){video{height:auto}}.bottom-left .description{display:inline-block;max-width:300px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12px}.bottom-left.expanded .description{white-space:normal;text-overflow:clip;overflow:visible}.bottom-left.expanded{background:rgba(0,0,0,.5);width:100%}.bottom-left .read-more{color:#fff;cursor:pointer;font-size:12px}.top-center{position:absolute;top:20px;left:50%;transform:translateX(-50%);display:flex;justify-content:space-between;align-items:center;width:80%;background-color:white;padding:10px;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.2)}.top-center>div{flex:1;text-align:center;position:relative}.top-center>div:first-child{flex:2}.top-center>div:not(:last-child)::after{content:'';position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px;height:50%;background-color:#ccc}.icon-column{position:absolute;right:20px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;color:white}.icon-column .icon{position:relative;margin:10px 0;cursor:pointer}.icon-column .icon img{width:40px;height:40px;border-radius:50%}.avatar,.heart-number,.comment-number,.gift-number,.user_number{display:flex;flex-direction:column;justify-content:space-around;align-items:center}.avatar .plus{font-size:14px;font-weight:bold;z-index:1;background-color:red;color:white;border:1px solid #fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;margin-top:-10px}.bottom-left>div{display:flex;align-items:center;margin-bottom:10px}.bottom-left img.icon{width:30px;height:30px;border-radius:50%;margin-right:10px}.bottom-left a{color:white;font-weight:500;font-size:14px}.heart-icon{position:relative;display:flex;align-items:center;cursor:pointer;color:#fff}.heart-icon.liked{color:red}.heart-count,.comment-count,.comment-date,.gift-count,.user-count{font-size:12px}.menu-icon img{width:20px;margin:10px 0}@media (max-width:767px){.popup-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:2;overflow:hidden}.popup-content{position:fixed;bottom:45px;left:0;width:100%;height:70vh;background:#fff;border-radius:10px 10px 0 0;padding:20px;box-shadow:0 -2px 10px rgba(0,0,0,.3);display:flex;flex-direction:column}.heart-count{color:#fff}}@media (min-width:768px){.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:2;display:none}.popup-content{position:fixed;top:50%;left:50%;width:500px;height:70vh;max-height:70vh;background:#fff;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.2);z-index:3;transform:translate(-50%,-50%);display:flex;flex-direction:column;justify-content:space-between;padding:20px}.comments-section{padding-bottom:50px!important}}.popup-header{position:sticky;top:0;z-index:1;background:#fff;box-shadow:rgba(0,0,0,.15) 0 1px 0}.popup-body{flex:1;overflow-y:auto;overflow-x:hidden}.popup-footer input{flex:1;padding:10px;border:1px solid #ccc;border-radius:5px;margin-right:10px}.popup-footer button{padding:10px 15px;border:none;border-radius:5px;background-color:#007bff;color:white;cursor:pointer}.popup-footer button:hover{background-color:#0056b3}.comment{display:flex;margin-bottom:10px}.comment .comment-avatar{flex:0 0 30px;margin-right:10px}.comment .comment-avatar img{width:30px;height:30px;border-radius:50%;object-fit:cover}.comment .comment-content{flex:1}.comment .comment-header{font-weight:bold}.comment .comment-footer{display:flex;justify-content:space-between}.comment-reply a{cursor:pointer;color:#000}.comment-reply a:hover{text-decoration:underline}.comment-level-2{margin-left:40px!important}.distance-all{display:flex;flex-direction:column;justify-content:space-around;align-items:center;flex:1;text-align:center;font-size:14px}.vertical-range{width:8px;height:100%;-webkit-appearance:slider-vertical;appearance:none;margin-right:20px;border-radius:5px}.vertical-range::-webkit-slider-thumb{-webkit-appearance:none;width:0;height:0;background:transparent}.vertical-range::-moz-range-thumb{width:0;height:0;background:transparent}.list-group-item{height:calc(100% / 10);margin-bottom:0;display:flex;align-items:center}.completed-icon{position:absolute;width:40px;height:40px;top:0;left:-15px;transform:translateY(-50%)}.sound-controls{position:fixed;right:10px;display:flex;flex-direction:column;align-items:center;border-radius:50%;padding:10px;color:white}.sound-icon,.control-btn{background:rgba(0,0,0,.5);border-radius:50%;padding:10px;cursor:pointer;color:white;margin-bottom:5px}.sound-icon i,.control-btn i{font-size:24px}.play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,.5);color:#fff;border:none;width:70px;height:70px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:30px;z-index:1;text-align:center;box-shadow:0 4px 6px rgba(0,0,0,.3)}.play-button i{line-height:1}.hidden{display:none}.menu_left i{width:30px;color:#5e72e4}.horizontal-line{border-top:1px solid #ccc;margin:10px 0}.menu_left a{color:#000}.footer{position:absolute;bottom:0;padding:10px;color:#000;font-size:14px;display:flex;flex-direction:center;align-items:center}.footer a{color:#000}@media (min-width:1025px){.icon-column{position:absolute;right:-50px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;color:#000}.icon-column a,.heart-icon,.heart-count{color:#000}.sound-controls{top:50%;transform:translateY(-50%)}.icon i,.menu-icon{background:#ddd;height:40px;width:40px;border-radius:50%;display:flex;flex-direction:column;justify-content:space-around;align-items:center}.menu-icon-img{content:url('../uploads/bio/treasure_black.svg');width:20px}}@media (min-width:768px){.video-container{height:90vh;border-radius:10px;box-shadow:rgba(50,50,93,.25) 0 13px 27px -5px,rgba(0,0,0,.3) 0 8px 16px -8px;position:relative}.view-video{position:static;display:flex;flex-direction:column;align-items:center;display:flex;flex-direction:column;justify-content:space-around;align-items:center}.bottom-left{position:absolute;bottom:0;left:0;padding:20px;color:white;transition:bottom 0.3s ease-in-out}.button-reg-event{position:absolute;bottom:50px;width:100%;background:#fff;height:60px;margin-left:-15px;padding:5px;border-top:1px solid #ddd;z-index:1}}@media (max-width:1024px){.menu-icon-img{content:url('../uploads/bio/treasure.svg');width:20px}.sound-controls{top:60px}.control-btn{display:none}}@media (max-width:767px){.view-video{position:static;display:flex;flex-direction:column;align-items:center}.bottom-left{position:fixed;bottom:50px;left:0;padding:20px;color:white;transition:bottom 0.3s ease-in-out}.button-reg-event{position:absolute;bottom:50px;width:100%;background:#fff;height:110px;margin-left:-15px;padding:5px;border-top:1px solid #ddd;z-index:1}}.no-scroll{overflow:hidden}.comments-list{margin-bottom:10px}.comment-input{display:flex;align-items:center}.comment-input-field{flex:1;padding:10px;border:1px solid #ccc;border-radius:5px;margin-right:10px}.comment-submit-button{padding:10px 20px;border:none;background-color:#007bff;color:#fff;border-radius:5px;cursor:pointer}.comment-submit-button:hover{background-color:#0056b3}.event-container{position:relative;width:100%}.comments-section{display:flex;flex-direction:column;justify-content:flex-end;height:100%;padding-bottom:100px;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.comments-section::-webkit-scrollbar{display:none}.comments-list{overflow-y:auto;flex:1;scrollbar-width:none;-ms-overflow-style:none}.comments-list::-webkit-scrollbar{display:none}.popup-footer{display:flex;align-items:center;margin-top:10px;padding-bottom:10px;background:#fff;position:relative;z-index:1}.comment-info{display:flex;align-items:center;justify-content:center;margin-top:10px;margin-bottom:10px}.comment-group{display:flex;align-items:center;border:1px solid #ccc;padding:5px 10px;border-radius:5px}.comment-group i{margin-right:5px}.comment-text{margin-left:5px;font-size:12px}.comment-divider{flex:1;border:none;border-top:1px solid #ccc}.comment-body i{font-size:14px;color:#000;background:#ddd;height:30px;width:30px;border-radius:50%;display:flex;justify-content:space-around;align-items:center}.read-more{position:absolute;right:10px;bottom:0}.event-item{border:1px solid #ddd;background-color:#f9f9f9;margin-bottom:20px}.event-image-container{overflow:hidden;position:relative}.event-image{width:100%;height:100%;object-fit:cover}.event-title-overlay{background:rgba(0,0,0,.4);width:100%;text-align:left;bottom:0;display:flex;align-items:center}.event-title-overlay h5{font-size:14px;margin:0}.map-icon{font-size:24px;color:#5e72e4}.event-location-info{flex-grow:1;margin-left:15px;font-size:14px;width:90%}.event-date{font-size:14px}.participant-avatar{width:30px;height:30px;margin-right:5px;object-fit:cover}.view-event{height:100vh;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}.view-event::-webkit-scrollbar{display:none}.event-container{height:100vh;margin:0;overflow:hidden;display:flex;flex-direction:column}.menu-left-comment{position:relative;height:100vh;flex-shrink:0}.menu-tab-comment{z-index:1;position:absolute;background:#fff;width:100%;padding-bottom:10px}.nav-tabs{width:fit-content}.view-event a{color:#000}.list-group-item{padding:0;border-radius:5px!important;height:35vh}.event-title-overlay h5{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;display:inline-block}.event-location-info span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;display:inline-block}.event-flex-container{background:#5e72e4;padding:10px;color:#fff;font-weight:700;border-radius:0 0 5px 5px}.event-flex-container i{color:#fff}.car-flex-container{background:#5e72e4;padding:10px;color:#fff;font-weight:700;position:sticky;z-index:1001}.car-flex-container i{color:#fff}.car-title-overlay h5{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;display:inline-block}.car-location-info span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;display:inline-block}.car-text span{font-size:14px}.nav-tabs .nav-link.active{color:#5e72e4;border-color:#5e72e4;border-bottom:2px solid #5e72e4;background-color:transparent}.nav-tabs .nav-link.active{border-top:none;border-left:none;border-right:none}.nav-tabs .nav-link{color:#555}.nav-tabs .nav-link:hover{color:#007bff}.nav-tabs{border-bottom:none}.nav-link{display:block;padding:10px}.right-0{right:0}.custom-icon{border:1px solid #fff;border-radius:50%;position:relative;z-index:2;top:-48px}.popup-content::-webkit-scrollbar{display: none;}.popup-content{overflow-y: scroll;scrollbar-width: none;}.video-container, .header-event{height: calc(100vh - 50px);}