.page-home .section-title{font-size:24px;flex:1 1}.page-home .section-header{position:relative;gap:8px;padding:8px 0}.page-home .section-header .icon-title{color:#ececec}.page-home .section-body{padding:8px 0}.page-home .card{padding:0}@media screen and (max-width:480px){.page-home .section-title{font-size:18px}}.page-library .page-title{margin-bottom:8px}.page-library .nav-pills{display:flex;align-items:center;justify-content:space-between}.page-library .list-pills{flex:1 1;flex-direction:row;gap:8px}.page-library .list-pills .list-item{width:-moz-fit-content;width:fit-content}.page-library .list-pills .btn{font-weight:700}@media screen and (max-width:768px){.page-library .nav-pills{padding:12px 0}}.page-library-detail .page-content{height:calc(100vh - 68px)}@media screen and (max-width:480px){.page-library-detail,.page-library-detail .container{padding:0}.page-library-detail .page-content{height:auto}}.page-search .nav-pills{display:flex;align-items:center;justify-content:space-between;padding:6px 0;position:-webkit-sticky;position:sticky;top:52px;background-color:#171717;z-index:1}.page-search .list-pills{flex:1 1;flex-direction:row;gap:8px}.page-search .list-pills .list-item{width:-moz-fit-content;width:fit-content}.page-search .list-pills .btn{font-weight:700}@media screen and (max-width:768px){.page-search .nav-pills{padding:12px 0}}.page-signin{display:flex;flex-direction:column;height:100%}.page-signin .page-title{margin-bottom:24px}.page-signin-manual{display:flex;flex-direction:column}.page-signin-manual .page-title{margin-bottom:24px}.page-signin-manual .form-signin{margin-bottom:16px}.page-signin-manual .divider-row{display:flex;flex-direction:row;align-items:center;gap:16px;margin:24px 0 4px}.page-signin-manual .divider-row .divider{background-color:hsla(0,0%,100%,.2);flex:1 1}.page-signin-manual .btn{width:100%}.page-signin-manual .btn-ghost{color:#ececec}.page-signup{display:flex;flex-direction:column;gap:16px;height:100%}.page-signup .txt-confirmation{margin-top:auto;text-align:center}.page-signup a>.btn,.page-signup>.btn{width:100%}.page-signup a>.btn.btn-ghost,.page-signup>.btn.btn-ghost{color:#ececec}.page-link-phone{display:flex;flex-direction:column;padding:0;gap:12px}.page-link-phone a>.btn,.page-link-phone>.btn{width:100%}.page-forgot-password{display:flex;flex-direction:column;height:100%}.page-forgot-password .page-header-icon{display:block;padding:20px;font-size:60px;background-color:hsla(0,0%,100%,.1);border-radius:50%;width:-moz-fit-content;width:fit-content;margin:0 auto 24px}.page-forgot-password .page-header-icon svg{display:block}.page-forgot-password .page-title{margin-bottom:4px}.page-forgot-password .txt-description{margin-bottom:24px;text-align:center;color:#afafaf}.page-forgot-password a>.btn,.page-forgot-password>.btn{width:100%}.page-forgot-password a>.btn.btn-ghost,.page-forgot-password>.btn.btn-ghost{color:#ececec}.page-forgot-password .link-back-to-signin{margin-top:16px}.page-update-profile .btn-skip{position:absolute;right:16px;top:16px}.page-update-profile .form-update-profile .form-error{display:flex;justify-content:center;margin-top:10px}@media screen and (max-width:480px){.page-update-profile .page-header{margin-top:64px}}.page-verification{display:flex;flex-direction:column;gap:12px}.page-verification .txt-email{font-weight:700}.page-verification a>.btn,.page-verification>.btn:not(.btn-skip){width:100%;color:#ececec}.page-verification .btn-skip{position:absolute;right:16px;top:16px}.page-change-password .form-change-password,.page-create-password .form-create-password{margin-top:1rem}.page-setting-delete-account{max-width:420px}.page-setting-delete-account .delete-account-header{margin-bottom:24px}.page-setting-delete-account .delete-account-header .subtitle{margin-bottom:4px}.page-edit-information .avatar-upload-wrapper{width:-moz-fit-content;width:fit-content}.page-edit-information .form-update-profile{max-width:480px}.page-edit-information .form-update-profile>.btn{width:-moz-fit-content;width:fit-content}@media screen and (max-width:480px){.page-edit-information .avatar-upload-wrapper,.page-edit-information .form-update-profile>.btn{width:100%}.page-edit-information .form-update-profile .form-error{display:flex;justify-content:center;margin-top:10px}}.page-subscription .subscription-section{display:flex;flex-direction:column;gap:28px;width:100%}.page-subscription .subscription-section-summary{display:grid;grid-template-columns:repeat(2,1fr);width:100%;min-height:200px;grid-gap:16px;gap:16px;flex-wrap:wrap}@media(max-width:768px){.page-subscription .subscription-section-summary{grid-template-columns:1fr}}.page-subscription .subscription-section-histories{width:100%}.page-watch-history .list-watch-history.list-vertical{max-width:480px}.page-onboarding-success{display:flex;flex-direction:column;align-items:center}.page-onboarding-success .link-get-started{width:100%;margin-top:12px}.page-onboarding-success .link-get-started .btn{width:100%}.page-error{width:100vw;height:100vh}.page-error .container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;animation:pageFadeIn .8s ease-in-out}.page-error .txt-heading-1{font-size:96px;line-height:1;color:linear-gradient(180deg,#ffffff,#898989);margin-bottom:16px}.page-error .txt-lg{font-weight:700;color:#ececec;margin-bottom:4px}.page-error .txt-md{margin-bottom:16px}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.page-categories .section-title{font-size:32px;line-height:1.25}.page-video-categories{padding:0}.page-video-categories .txt-heading-5{display:none}.page-video-categories .tab-group{position:-webkit-sticky;position:sticky;top:52px;background-color:#171717;z-index:1}@media screen and (max-width:480px){.page-video-categories .txt-heading-5{display:block;margin-bottom:12px}}.page-tv{background-color:#171717}.page-tv .page-wrapper{display:grid;grid-template-areas:"player right-side" "content right-side" "channels channels" "vod vod";grid-template-columns:1fr auto;grid-template-rows:auto auto 1fr;width:100%;height:100%;grid-column-gap:20px;column-gap:20px;grid-row-gap:8px;row-gap:8px;align-items:start}.page-tv .page-wrapper:not(:has(.page-right-side)){column-gap:0}.page-tv .player-wrapper{grid-area:player;width:100%;aspect-ratio:16/9}.page-tv .page-right-side{position:relative;grid-area:right-side;width:372px;height:100%;transition:width .3s ease-out}.page-tv .page-right-side.is-collapsed{opacity:0;width:0;min-width:0;overflow:hidden}.page-tv .page-wrapper:has(.page-right-side.is-collapsed){column-gap:0}.page-tv .page-content{padding:0 20px;grid-area:content;display:flex;align-items:center;justify-content:space-between}.page-tv .page-content-title{font-size:20px;font-weight:700;color:#ececec}.page-tv .page-content .timeline-trigger-btn{flex-shrink:0;padding:6px 10px;font-size:14px}.page-tv .page-content .timeline-trigger-btn .btn-prefix{font-size:20px}.page-tv .section-body{height:calc(100% - 97px)}.page-tv .section-timeline{position:absolute;height:100%}.page-tv .section-tv-channels{grid-area:channels}.page-tv .section-tv-vod{grid-area:vod}.page-tv .empty-state{padding:0;height:100%;justify-content:center}@media screen and (max-width:1024px){.page-tv .page-right-side{width:333px}}@media screen and (max-width:768px){.page-tv .page-wrapper{grid-template-areas:"player" "content" "right-side" "channels" "vod";grid-template-columns:1fr;height:-moz-fit-content;height:fit-content}.page-tv .page-content{min-height:0}.page-tv .page-right-side{width:100%;height:360px}.page-tv .page-right-side.is-collapsed{width:0;min-width:0;height:0;overflow:hidden}.page-tv .tab-group{grid-area:channels}}@media screen and (max-width:480px){.page-tv{position:fixed;inset:0;z-index:30;overflow-y:auto;overflow-x:hidden;padding:0}.page-tv .page-wrapper{grid-template-rows:auto auto 1fr;row-gap:0;padding:0;min-width:0}.page-tv .page-wrapper>*{min-width:0}.page-tv .player-wrapper{top:0;min-width:0}.page-tv .page-content .timeline-trigger-btn,.page-tv .page-content-info{display:none}.page-tv .page-right-side{position:static;height:100%;min-height:360px}.page-tv .section-timeline{position:static;padding:16px;background-color:rgba(0,0,0,0)}.page-tv .section-timeline .section-header{position:-webkit-sticky;position:sticky;top:0;z-index:10;padding:0;background-color:#171717}.page-tv .section-timeline .section-title,.page-tv .section-timeline .timeline-close-btn{display:none}.page-tv .section-timeline .section-body{padding:0;height:calc(100% - 48px)}.page-tv .section-timeline .list{padding:8px 0}.page-tv .section-tv-channels,.page-tv .section-tv-vod{padding:16px 0}.page-tv .section-tv-channels .section-body,.page-tv .section-tv-vod .section-body{padding:0 6px}.page-tv .section-tv-channels .section-header{display:none}.page-tv .tab-group{position:-webkit-sticky;position:sticky;top:0;z-index:10;background-color:#171717}.page-tv .tab-list{height:54px;padding:0}.page-tv .tab-group{min-width:0;overflow:hidden}.page-tv .tab-panel{height:calc(100vh - 56.25vw - 54px);overflow-y:auto;overflow-x:hidden;min-width:0}}.page-tv-category-detail .section-title{font-size:32px;line-height:1.25}.page-tv-category-detail .card-title{line-clamp:1;-webkit-line-clamp:1}.page-pricing .paywall-container{border-radius:32px}@media(max-width:480px){.page-pricing,.page-pricing .container{padding:0}.page-pricing .paywall-container{border-radius:0}}.page-wallet{width:100%;height:100%}.page-wallet .section-wallet{display:flex;flex-direction:column;width:100%;gap:28px}.page-wallet .section-wallet-transactions{width:100%}.page-welcome{position:relative;min-height:100vh;width:100%;display:flex;flex-direction:column;padding:0;background-image:url(/welcome-bg.png);background-size:cover;background-position:50%;background-repeat:no-repeat}.page-welcome .welcome-header{position:absolute;width:100%;top:0;left:0;padding:10px 0;z-index:1}.page-welcome .welcome-header .welcome-header-inner{display:flex;justify-content:space-between;align-items:center}.page-welcome .welcome-header .welcome-header-inner .logo{display:flex;align-items:center;font-size:20px;line-height:1}.page-welcome .welcome-header .header-actions{display:flex;align-items:center}.page-welcome .welcome-header .header-actions .action-divider{width:1px;height:20px;margin:0 20px 0 10px;background-color:hsla(0,0%,100%,.2)}.page-welcome .welcome-header .header-actions .login-button{height:32px;padding:0 14px;border-radius:12px;font-size:12px;font-weight:500;line-height:20px}.page-welcome .welcome-main{position:relative;flex:1 1;display:flex;align-items:center;justify-content:center}.page-welcome .welcome-main .welcome-content{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:912px}.page-welcome .welcome-main .main-title{font-size:48px;line-height:64px;margin-bottom:16px;font-weight:700}.page-welcome .welcome-main .main-subtitle{font-size:28px;margin-bottom:44px;line-height:36px}.page-welcome .welcome-main .start-button{width:240px;height:40px;font-size:16px;line-height:22px;font-weight:500;border-radius:12px}@media screen and (max-width:768px){.page-welcome .welcome-main .welcome-content{padding:0 48px}.page-welcome .welcome-main .main-title{font-size:28px;line-height:36px;margin-bottom:8px;font-weight:700}.page-welcome .welcome-main .main-subtitle{font-size:16px;line-height:22px;margin-bottom:36px}}