html,body{width:100%;height:100%;margin:0;padding:0}body{font-family:'Rubik', sans-serif;background-color:#010101}body #root{width:100%;height:100%}body #root .app{position:relative;width:100%;height:100%}body #root .app .content{width:100%;height:100%;background-color:#010101;position:relative}body #root .app .content.hide{display:none}p{margin:0}

.page{display:block;width:100%;height:100%;position:absolute;top:0;left:0;background:#000;z-index:999}

.tabs{height:100%}

.page-loader{position:relative;width:100vw;height:100vh}.page-loader>.pl__spinner{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.page-loader>.pl__spinner::after{content:url("data:image/svg+xml,%3Csvg height=%2774%27 viewBox=%270 0 71 74%27 width=%2771%27 xmlns=%27http://www.w3.org/2000/svg%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27%3E%3ClinearGradient id=%27a%27 x1=%2760.431%25%27 x2=%273.972%25%27 y1=%2761.331%25%27 y2=%270%25%27%3E%3Cstop offset=%270%27 stop-color=%27%230079ff%27/%3E%3Cstop offset=%271%27 stop-color=%27%2300c7ff%27/%3E%3C/linearGradient%3E%3Cpath d=%27m26.184 6.363a32.804 32.804 0 0 0 -11.019 5.462c-3.26 2.493-6.057 5.57-8.153 9.058a32.596 32.596 0 0 0 -2.65 5.467 31.84 31.84 0 0 0 -1.555 5.842 32.368 32.368 0 0 0 -.436 6.002c.048 2.003.276 3.997.69 5.944a31.355 31.355 0 0 0 4.577 10.888 31.294 31.294 0 0 0 8.175 8.344c3.198 2.22 6.794 3.826 10.544 4.682a30.71 30.71 0 0 0 11.406.427 29.754 29.754 0 0 0 10.637-3.754 29.821 29.821 0 0 0 8.408-7.365 29.406 29.406 0 0 0 5.05-9.83 29.406 29.406 0 0 0 1.059-10.886 28.533 28.533 0 0 0 -9.496-18.828 27.976 27.976 0 0 0 -9.05-5.384 27.683 27.683 0 0 0 -10.271-1.632 5.394 5.394 0 0 1 -5.545-5.237c-.09-2.982 2.249-5.471 5.22-5.561.094-.003.186-.003.277-.002l.049.002a38.159 38.159 0 0 1 13.993 3.018 37.816 37.816 0 0 1 11.785 7.915 37.697 37.697 0 0 1 7.985 11.6 36.896 36.896 0 0 1 3.113 13.624c.162 4.65-.54 9.323-2.085 13.683a36.486 36.486 0 0 1 -6.917 11.838 36.178 36.178 0 0 1 -10.673 8.374 35.447 35.447 0 0 1 -12.892 3.783c-4.46.423-8.97.016-13.243-1.215a34.852 34.852 0 0 1 -11.746-5.992 34.99 34.99 0 0 1 -8.633-9.81 34.41 34.41 0 0 1 -4.772-18.643c.072-2.15.343-4.287.81-6.377a34.02 34.02 0 0 1 1.974-6.083 34.288 34.288 0 0 1 3.08-5.567c2.376-3.507 5.433-6.514 8.891-8.874a33.158 33.158 0 0 1 11.412-4.913%27 fill=%27url%28%23a%29%27 fill-rule=%27evenodd%27 opacity=%27.8%27/%3E%3C/svg%3E");display:block;animation:pl-loader-spinner 1.2s linear infinite}.page-loader>.message{position:absolute;top:65%;left:50%;transform:translate(-50%, -50%);color:#ffffff;text-align:center;font-size:2.2vw;font-weight:bold}@keyframes pl-loader-spinner{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}

.error-button{border-radius:0.41vw;border:0.1vw solid #fff;font-size:1.82vw;width:18vw;font-weight:600;color:#fff;text-align:center;padding:2.5vh 0;margin:8vh 1vw;display:inline-block;vertical-align:middle}.error-button.focused{background-color:#3c8cf0;border:none}.offline-content-found .title{font-size:2.91vw;font-weight:800;text-align:center;color:#fff;width:79vw;margin:auto;margin-top:9.35vh}.offline-content-found .sub-title{opacity:0.6;font-family:Rubik;font-size:1.56vw;font-weight:600;text-align:center;color:#fff;margin-top:1.85vh}.offline-content-found .watch-options{display:flex;align-items:center;justify-content:center;margin-top:5.92vh}.offline-content-found .watch-options .watch-app-store .watch-app-store-title{font-size:2.08vw;font-weight:bold;color:#fff;width:36.3vw}.offline-content-found .watch-options .watch-app-store .watch-app-store-content{display:flex;align-items:center;justify-content:center;margin-top:4.81vh}.offline-content-found .watch-options .watch-app-store .watch-app-store-content .qr-code-text{opacity:0.6;font-size:1.45vw;font-weight:600;line-height:1.57;color:#fff;width:22.44vw;padding-right:1.36vw}.offline-content-found .watch-options .watch-app-store .watch-app-store-content .qr-code{width:14.06vw;height:14.06vw}.offline-content-found .watch-options .divider{display:flex;align-items:center;justify-content:center;flex-direction:column;margin:0 5.2vw}.offline-content-found .watch-options .divider .top-line{width:0.01vw;height:10vw;background:#fff}.offline-content-found .watch-options .divider .or{font-size:1.25vw;color:#fff;margin:1vw 0}.offline-content-found .watch-options .divider .bottom-line{width:0.01vw;height:10vw;background:#fff}.offline-content-found .watch-options .watch-web .watch-web-title{font-size:2.08vw;font-weight:bold;color:#fff;width:21.3vw;padding-right:15vw}.offline-content-found .watch-options .watch-web .watch-web-content{margin-top:1.77vw}.offline-content-found .watch-options .watch-web .watch-web-content .content-point{opacity:0.8;font-size:1.51vw;font-weight:600;color:#fff;padding:1.48vh 0}.offline-content-found .back-button{border-radius:0.41vw;border:0.1vw solid #fff;font-size:1.82vw;width:22.86vw;font-weight:600;color:#fff;text-align:center;padding:2.5vh 0;margin:8vh auto}.offline-content-found .back-button.focused{background-color:#3c8cf0;border:none}.svod-content-found{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;backdrop-filter:blur(1.04vw);background-image:linear-gradient(128deg, #423212 -1%, #2c2005 36%, rgba(0,0,0,0) 82%),linear-gradient(to bottom, rgba(19,19,19,0.61), rgba(19,19,19,0.61)) !important}.svod-content-found .mx-gold-icon{width:18.75vw;height:6.94vh;display:flex;align-items:center;justify-content:center;margin-bottom:1.85vh}.svod-content-found .title{font-family:Rubik;font-size:2.6vw;font-weight:600;text-align:center;color:#fff;margin-bottom:2.77vh}.svod-content-found .sub-title{font-family:Rubik;font-size:1.66vw;text-align:center;color:#e0e0e0;margin-bottom:1.48vh;opacity:0.8}.svod-content-found .login-button{border-radius:0.41vw;border:0.1vw solid #fff;font-size:1.82vw;width:15.78vw;font-weight:600;color:#fff;text-align:center;padding:2.5vh 0;margin:4.4vh auto}.svod-content-found .login-button.focused{background-color:#3c8cf0;border:none}.default-error{text-align:center}.default-error .default-error-icon{width:15.62vw;height:15.62vw;object-fit:contain;display:flex;margin:auto;padding-top:23.6vh}.default-error .title{font-size:3.125vw;font-weight:bold;text-align:center;color:#fff;margin-top:2.3vh}.default-error .sub-title{opacity:0.6;font-size:1.56vw;font-weight:600;line-height:1.4;text-align:center;color:#fff;margin-top:2.6vh}.geo-block .geo-block-icon{width:15.62vw;height:15.62vw;object-fit:contain;display:flex;margin:auto;padding-top:23.6vh}.geo-block .title{font-size:3.125vw;font-weight:bold;text-align:center;margin:auto;color:#fff;width:58vw;margin-top:2.77vh}.geo-block .error-button{margin:8vh auto;display:block}.content-offline .content-offline-icon{width:15.62vw;height:15.62vw;object-fit:contain;display:flex;margin:auto;padding-top:23.6vh}.content-offline .title{font-size:3.125vw;font-weight:bold;text-align:center;color:#fff;margin-top:2.3vh}.content-offline .back-button{border-radius:0.41vw;border:0.1vw solid #fff;font-size:1.82vw;width:22.86vw;font-weight:600;color:#fff;text-align:center;padding:2.5vh 0;margin:8vh auto}.content-offline .back-button.focused{background-color:#3c8cf0;border:none}.content-not-found .content-not-found-icon{width:15.62vw;height:15.62vw;object-fit:contain;display:flex;margin:auto;padding-top:23.6vh}.content-not-found .title{font-size:3.125vw;font-weight:bold;text-align:center;color:#fff;margin-top:2.3vh}.content-not-found .back-button{border-radius:0.41vw;border:0.1vw solid #fff;font-size:1.82vw;width:22.86vw;font-weight:600;color:#fff;text-align:center;padding:2.5vh 0;margin:8vh auto}.content-not-found .back-button.focused{background-color:#3c8cf0;border:none}

.start-screen-container{width:100vw;height:100vh}.start-screen-container .splash-img{width:100vw;height:100vh}.start-screen-container .loading-spinner{z-index:5;position:absolute;bottom:15%;left:50%}.start-screen-container .loading-spinner::after{content:url("data:image/svg+xml,%3Csvg height=%2774%27 viewBox=%270 0 71 74%27 width=%2771%27 xmlns=%27http://www.w3.org/2000/svg%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27%3E%3ClinearGradient id=%27a%27 x1=%2760.431%25%27 x2=%273.972%25%27 y1=%2761.331%25%27 y2=%270%25%27%3E%3Cstop offset=%270%27 stop-color=%27%230079ff%27/%3E%3Cstop offset=%271%27 stop-color=%27%2300c7ff%27/%3E%3C/linearGradient%3E%3Cpath d=%27m26.184 6.363a32.804 32.804 0 0 0 -11.019 5.462c-3.26 2.493-6.057 5.57-8.153 9.058a32.596 32.596 0 0 0 -2.65 5.467 31.84 31.84 0 0 0 -1.555 5.842 32.368 32.368 0 0 0 -.436 6.002c.048 2.003.276 3.997.69 5.944a31.355 31.355 0 0 0 4.577 10.888 31.294 31.294 0 0 0 8.175 8.344c3.198 2.22 6.794 3.826 10.544 4.682a30.71 30.71 0 0 0 11.406.427 29.754 29.754 0 0 0 10.637-3.754 29.821 29.821 0 0 0 8.408-7.365 29.406 29.406 0 0 0 5.05-9.83 29.406 29.406 0 0 0 1.059-10.886 28.533 28.533 0 0 0 -9.496-18.828 27.976 27.976 0 0 0 -9.05-5.384 27.683 27.683 0 0 0 -10.271-1.632 5.394 5.394 0 0 1 -5.545-5.237c-.09-2.982 2.249-5.471 5.22-5.561.094-.003.186-.003.277-.002l.049.002a38.159 38.159 0 0 1 13.993 3.018 37.816 37.816 0 0 1 11.785 7.915 37.697 37.697 0 0 1 7.985 11.6 36.896 36.896 0 0 1 3.113 13.624c.162 4.65-.54 9.323-2.085 13.683a36.486 36.486 0 0 1 -6.917 11.838 36.178 36.178 0 0 1 -10.673 8.374 35.447 35.447 0 0 1 -12.892 3.783c-4.46.423-8.97.016-13.243-1.215a34.852 34.852 0 0 1 -11.746-5.992 34.99 34.99 0 0 1 -8.633-9.81 34.41 34.41 0 0 1 -4.772-18.643c.072-2.15.343-4.287.81-6.377a34.02 34.02 0 0 1 1.974-6.083 34.288 34.288 0 0 1 3.08-5.567c2.376-3.507 5.433-6.514 8.891-8.874a33.158 33.158 0 0 1 11.412-4.913%27 fill=%27white%27 fill-rule=%27evenodd%27 opacity=%27.8%27/%3E%3C/svg%3E");display:block;border:0;animation:loading-spinner 1.2s linear infinite}@keyframes loading-spinner{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}

.gold-loader-screen{height:100%;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center}.gold-loader-screen .gold-spinner{z-index:5}.gold-loader-screen .gold-spinner::after{content:url("data:image/svg+xml,%3Csvg height=%2774%27 viewBox=%270 0 71 74%27 width=%2771%27 xmlns=%27http://www.w3.org/2000/svg%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27%3E%3ClinearGradient id=%27a%27 x1=%2760.431%25%27 x2=%273.972%25%27 y1=%2761.331%25%27 y2=%270%25%27%3E%3Cstop offset=%270%27 stop-color=%27%230079ff%27/%3E%3Cstop offset=%271%27 stop-color=%27%2300c7ff%27/%3E%3C/linearGradient%3E%3Cpath d=%27m26.184 6.363a32.804 32.804 0 0 0 -11.019 5.462c-3.26 2.493-6.057 5.57-8.153 9.058a32.596 32.596 0 0 0 -2.65 5.467 31.84 31.84 0 0 0 -1.555 5.842 32.368 32.368 0 0 0 -.436 6.002c.048 2.003.276 3.997.69 5.944a31.355 31.355 0 0 0 4.577 10.888 31.294 31.294 0 0 0 8.175 8.344c3.198 2.22 6.794 3.826 10.544 4.682a30.71 30.71 0 0 0 11.406.427 29.754 29.754 0 0 0 10.637-3.754 29.821 29.821 0 0 0 8.408-7.365 29.406 29.406 0 0 0 5.05-9.83 29.406 29.406 0 0 0 1.059-10.886 28.533 28.533 0 0 0 -9.496-18.828 27.976 27.976 0 0 0 -9.05-5.384 27.683 27.683 0 0 0 -10.271-1.632 5.394 5.394 0 0 1 -5.545-5.237c-.09-2.982 2.249-5.471 5.22-5.561.094-.003.186-.003.277-.002l.049.002a38.159 38.159 0 0 1 13.993 3.018 37.816 37.816 0 0 1 11.785 7.915 37.697 37.697 0 0 1 7.985 11.6 36.896 36.896 0 0 1 3.113 13.624c.162 4.65-.54 9.323-2.085 13.683a36.486 36.486 0 0 1 -6.917 11.838 36.178 36.178 0 0 1 -10.673 8.374 35.447 35.447 0 0 1 -12.892 3.783c-4.46.423-8.97.016-13.243-1.215a34.852 34.852 0 0 1 -11.746-5.992 34.99 34.99 0 0 1 -8.633-9.81 34.41 34.41 0 0 1 -4.772-18.643c.072-2.15.343-4.287.81-6.377a34.02 34.02 0 0 1 1.974-6.083 34.288 34.288 0 0 1 3.08-5.567c2.376-3.507 5.433-6.514 8.891-8.874a33.158 33.158 0 0 1 11.412-4.913%27 fill=%27rgb%28248,205,113%29%27 fill-rule=%27evenodd%27 opacity=%27.8%27/%3E%3C/svg%3E");display:block;border:0;animation:gold-spinner 1.2s linear infinite}.gold-loader-screen>.mx-gold-icon{width:11.1vw;height:4.1vh;margin-top:3.7vh}.gold-loader-screen .gold-screen-text{font-family:Rubik;font-size:1.66vw;text-align:center;color:#fff;margin-top:2.96vh}@keyframes gold-spinner{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}

.side-menu-cont{width:100%;height:100%;position:absolute;left:0;top:0;z-index:1;background:rgba(0,0,0,0.7)}.side-menu-cont.hide{display:none}.side-menu-cont.collapsed-menu{max-width:8.125%;background:none}.side-menu-cont.collapsed-menu .side-menu{background-image:linear-gradient(to bottom, #000, #0b1d31);width:100%;max-width:100%}.side-menu-cont.collapsed-menu .side-menu.hovered{background-image:none;background-color:rgba(13,29,48,0.93)}.side-menu-cont.collapsed-menu .side-menu .sm-options .mx-logo.logo-full{display:none}.side-menu-cont.collapsed-menu .side-menu .sm-options .mx-logo.logo-small{display:block}.side-menu-cont.collapsed-menu .side-menu .sm-options .sm-option .menu-name{opacity:0}.side-menu-cont .side-menu{width:24.16%;max-width:24.16%;height:100%;box-shadow:3px 0 10px 0 rgba(0,0,0,0.5);background-color:rgba(7,17,28,0.93);backdrop-filter:blur(10px);opacity:0.9;overflow:hidden}.side-menu-cont .side-menu .sm-options{width:24.16vw;height:100%;overflow:hidden}.side-menu-cont .side-menu .sm-options .mx-logo.logo-full{display:block;width:77%;margin:7% 0 5% 8%}.side-menu-cont .side-menu .sm-options .mx-logo.logo-small{display:none;width:22.5%;margin:7% 0 5% 7.5%}.side-menu-cont .side-menu .sm-options .mx-logo.logo-small.logo-gold{margin:6.5% 0 4.4% 7.7%}.side-menu-cont .side-menu .sm-options .sm-options-cont{width:100%;max-height:86%;overflow-y:auto;padding-right:1vw}.side-menu-cont .side-menu .sm-options .sm-options-cont .sm-option{padding:5% 0;margin:0.052vw 0;white-space:nowrap;opacity:0.5}.side-menu-cont .side-menu .sm-options .sm-options-cont .sm-option.focused-option{background:rgba(60,140,240,0.48);opacity:1;font-weight:bold}.side-menu-cont .side-menu .sm-options .sm-options-cont .sm-option.selected-option{opacity:1;font-weight:bold}.side-menu-cont .side-menu .sm-options .sm-options-cont .sm-option .menu-icon{fill:#fff;width:9%;margin-left:14%;display:inline-block;vertical-align:middle}.side-menu-cont .side-menu .sm-options .sm-options-cont .sm-option .menu-name{font-size:1.6vw;display:inline-block;vertical-align:middle;color:white;margin-left:6%}.side-menu-cont .side-menu .sm-options .sm-options-cont .sm-option .menu-name.trim{min-width:54%;max-width:54%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-menu-cont .side-menu .sm-options .sm-options-cont .sm-option .arrow-right{width:9%;margin-left:5%;display:inline-block;vertical-align:middle}

.toast{position:fixed;width:100vw;padding:0.83vw;bottom:2.60vw;pointer-events:none;z-index:1000;text-align:center}.toast .toast-content{min-width:30%;max-width:70%;display:inline-block;font-size:2.1vw;font-weight:600;color:#000;padding:3vh 4vw;line-height:1.43;border-radius:8vw;transform:translateY(2vw);background:rgba(255,255,255,0.72);backdrop-filter:blur(0.52vw);pointer-events:auto;transition:0.2s opacity, 0.2s transform;opacity:0}.toast .toast-content.open{transform:translateY(0);opacity:1}

.profile-tab{height:100%}.profile-tab .profile-content{padding-left:15.125vw;padding-top:7.4vh;height:100%;box-sizing:border-box}.profile-tab .profile-content .profile-details{margin-bottom:3.7vh}.profile-tab .profile-content .profile-details .profile-details-title{font-family:Rubik;font-size:1.6vw;color:#fff;margin-bottom:1vh}.profile-tab .profile-content .profile-details .profile-details-value{font-family:Rubik;font-size:1.82vw;color:#e0e0e0}.profile-tab .profile-content .profile-title{font-family:Rubik;font-size:2.91vw;font-weight:800;color:#fff;margin-bottom:4.9vh}.profile-tab .profile-content .logout-button{display:flex;flex-direction:row;justify-content:center;align-items:center;border:solid 0.1vw #fff;width:12.5vw;padding:1.5vw 2.1vw;border-radius:0.52vw;color:#fff;z-index:1;font-size:2.1vw;margin-top:5vh}.profile-tab .profile-content .logout-button.focused{background:#3c8cf0;border:none}.logout-popup{width:100vw;height:42.2vh;background-image:linear-gradient(to bottom, #3f5981, #233757 99%);display:flex;align-items:center;position:absolute;bottom:0}.logout-popup .text{font-size:2.5vw;color:#fff;width:67.6%;text-align:center}.logout-popup .logout-popup-options{width:28.4%}.logout-popup .logout-popup-options .logout-popup-option{font-size:1.3vw;color:#fff;padding:1.3vw 1.82vw}.logout-popup .logout-popup-options .logout-popup-option.focused{background-color:#6d85ab}

