.m3u8-fullscreen-bg,.mp4-fullscreen-bg{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:black;z-index:0;pointer-events:none;opacity:0;transition:opacity .3s ease}.m3u8-fullscreen-bg.active,.mp4-fullscreen-bg.active{opacity:1}:root{--vh:1vh;--room-header-height:60px;--room-footer-height:56px;--room-content-height:calc(100 * var(--vh) - var(--room-header-height) - var(--room-footer-height));--channel-list-height:calc(var(--room-content-height) * 0.6);--scrollbar-primary:#FF0070;--scrollbar-primary-hover:#ff40a9;--scrollbar-primary-active:#d6007a;--scrollbar-track:transparent;--scrollbar-track-hover:transparent;--scrollbar-width:8px;--scrollbar-button-height:12px}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}.themed-scrollbar{scrollbar-width:thin;scrollbar-color:var(--scrollbar-primary) var(--scrollbar-track)}@keyframes scrollbarFadeIn{0%{opacity:.3}to{opacity:1}}@keyframes scrollbarButtonPulse{0%{transform:scale(.95);box-shadow:0 0 0 0 rgba(255,0,144,.4)}70%{transform:scale(1);box-shadow:0 0 0 3px rgba(255,0,144,0)}to{transform:scale(.95);box-shadow:0 0 0 0 rgba(255,0,144,0)}}.themed-scrollbar::-webkit-scrollbar{width:var(--scrollbar-width);background-color:var(--scrollbar-track);border-radius:10px;opacity:.5;-webkit-transition:width .2s ease,opacity .3s ease;transition:width .2s ease,opacity .3s ease}.themed-scrollbar:hover::-webkit-scrollbar{width:calc(var(--scrollbar-width) + 2px);opacity:1;animation:scrollbarFadeIn .3s ease-in-out}.themed-scrollbar::-webkit-scrollbar-track{border-radius:10px;background-color:var(--scrollbar-track);box-shadow:none;-webkit-transition:background-color .3s ease;transition:background-color .3s ease}.themed-scrollbar:hover::-webkit-scrollbar-track{background-color:var(--scrollbar-track-hover)}.themed-scrollbar::-webkit-scrollbar-thumb{border-radius:10px;background-color:var(--scrollbar-primary);background-image:linear-gradient(135deg,var(--scrollbar-primary) 0,var(--scrollbar-primary-hover) 50%,var(--scrollbar-primary) 100%);box-shadow:0 0 8px rgba(255,0,144,.3);border:2px solid transparent;background-clip:content-box;-webkit-transition:background-color .3s ease,transform .2s ease;transition:background-color .3s ease,transform .2s ease}.themed-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-primary-hover);background-image:linear-gradient(135deg,var(--scrollbar-primary-hover) 0,var(--scrollbar-primary) 50%,var(--scrollbar-primary-hover) 100%);transform:scale(1.05)}.themed-scrollbar::-webkit-scrollbar-thumb:active{background-color:var(--scrollbar-primary-active);transform:scale(.95)}.themed-scrollbar::-webkit-scrollbar-button{display:block;height:var(--scrollbar-button-height);background-color:rgba(255,0,144,.1);background-repeat:no-repeat;background-position:50%;background-size:8px;border-radius:4px;-webkit-transition:all .2s ease;transition:all .2s ease}.themed-scrollbar::-webkit-scrollbar-button:start:decrement{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23FF0070' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 14l-5-5-5 5'/%3E%3C/svg%3E")}.themed-scrollbar::-webkit-scrollbar-button:end:increment{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23FF0070' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 10l5 5 5-5'/%3E%3C/svg%3E")}.themed-scrollbar::-webkit-scrollbar-button:hover{background-color:rgba(255,0,144,.2);transform:translateY(0) scale(1.1)}.themed-scrollbar::-webkit-scrollbar-button:active{background-color:rgba(255,0,144,.3);transform:translateY(1px) scale(.95);animation:scrollbarButtonPulse .5s ease}.shadcn-sheet-content{transform-origin:bottom center!important;will-change:transform,opacity!important;position:fixed!important;top:var(--room-header-height)!important;height:var(--room-content-height)!important;max-height:var(--room-content-height)!important;bottom:var(--room-footer-height)!important;left:0!important;right:0!important;width:100%!important;margin:0!important;contain:layout!important;transition:transform .4s cubic-bezier(.16,1,.3,1)!important}.shadcn-sheet-content *{contain:layout style paint!important}.fixed-channel-list-container{height:calc(var(--room-content-height) * .6)!important;max-height:calc(var(--room-content-height) * .6)!important;min-height:250px!important;overflow-y:auto!important;contain:strict!important;will-change:contents!important;scrollbar-width:thin;scrollbar-color:var(--scrollbar-primary) var(--scrollbar-track)}.channel-card{overflow:hidden;transition:all .3s;backdrop-filter:blur(.5rem);border:1px solid hsla(184,100%,75%,.4);border-radius:.5rem;background-color:hsl(212,59%,23%);box-shadow:0 4px 12px rgba(0,0,0,.3);transform:translateZ(0);will-change:transform}.channel-card:hover{transform:scale(1.03);box-shadow:0 0 20px rgba(255,0,144,.4)}.channel-logo-container{position:relative;height:3.5rem;width:3.5rem;overflow:hidden;border-radius:.375rem;background-color:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:inset 0 0 10px rgba(255,0,144,.15)}.channel-name{font-size:1rem;font-weight:800;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;background:linear-gradient(90deg,hsl(184,100%,88%),hsl(210,100%,66%));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 1px 2px rgba(0,0,0,.2)}.channel-number{font-weight:700;color:#7ee2ff}.channel-language{font-size:.75rem;margin-top:.125rem;opacity:.8;color:#bbfefd}.channel-program{font-size:.875rem;line-height:1.25rem;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:.5rem;font-weight:500;padding-bottom:.25rem;color:rgba(187,254,253,.8);border-bottom:1px solid;border-color:rgba(126,226,255,.15)}.channel-button{width:100%;display:inline-flex;align-items:center;justify-content:center;border-radius:.375rem;padding:.625rem 1rem;font-size:.875rem;font-weight:600;color:white;transition:all .2s;border:1px solid rgba(255,255,255,.1);background-color:hsl(202,100%,50%);box-shadow:0 4px 10px rgba(0,136,255,.5)}.channel-button:hover{background-color:hsl(202,100%,40%);box-shadow:0 6px 15px rgba(0,136,255,.6);transform:translateY(-1px)}.channel-button:active{transform:translateY(1px)}.livestreams-channel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;width:100%;max-width:100%;margin:0 auto}
/*# sourceMappingURL=423664be785aafca.css.map*/