html{background:#000;font-size:calc(.5rem + 1vw - 1px);-webkit-user-select:none;-ms-user-select:none;user-select:none}.secondary-color{color:#c6c6c6}.hide{display:none!important}.simple-dialog-overlay{align-items:center;background:#0009;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}.simple-dialog{background:#fff;border-radius:8px;color:#1f252c;min-width:200px;padding:1.5rem 2rem;text-align:center}.simple-dialog h3{margin:0 0 .75rem}.simple-dialog p{margin:0}.simple-dialog-actions{display:flex;gap:.75rem;justify-content:center}.simple-dialog-action{background-color:#e6e6e6;border:none;border-radius:6px;color:#3e454d;cursor:pointer;font-size:inherit;font-weight:600;height:2.2rem;margin:1rem .2rem 0;min-width:6rem}.simple-dialog-action.focused{background-color:#3e454d;color:#e6e6e6}.connect-container{align-items:center;flex-direction:column;height:100vh;padding:0 1.2rem}.bottom,.connect-container,.top{display:flex;justify-content:space-between}.bottom,.top{margin:1rem 0;width:100%}.top{align-items:center}.center{min-width:12.25rem}.bottom{align-items:flex-end}.brand{align-items:center;display:flex}.brand .logo{height:3rem;width:3rem}.brand .brand-name{display:flex;flex-direction:column}.brand .title{font-weight:700;line-height:1rem}.brand .subtitle{font-size:.7rem;line-height:1rem}.wifi{align-items:center;display:flex}.wifi svg{color:#f3f3f3;height:1.2rem;margin-right:.4rem;width:1.2rem}.connection-url{background-color:rgb(var(--sand-focus-bg-color-rgb,230,230,230));border:none;display:block;margin:0 .2rem;padding-block:0;padding-inline:0;text-align:center}.connect-btn,.connection-url{border-radius:6px;font-size:inherit;height:2.2rem;width:calc(100% - .4rem)}.connect-btn{background-color:#3e454d;border:none;color:#e6e6e6;cursor:pointer;font-weight:600;margin:1rem .2rem 0}.connect-btn:disabled,.connect-btn[disabled]{cursor:default;opacity:.28}.connect-btn.focused{background-color:#e6e6e6;color:#4c5059}.loader{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:36px;margin:0 auto 1rem;width:36px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.pin-pad{text-align:center}.pin-code{display:flex;height:2.6rem}.pin-code .pin-digit{align-items:center;border:2px solid gray;color:#e6e6e6;flex:1 1;justify-content:center;margin:0 .2rem}.key-pad,.pin-code .pin-digit{border-radius:6px;display:flex}.key-pad{flex-wrap:wrap;height:11rem;margin:1rem .2rem 0;overflow:hidden}.btn-keypad{align-items:center;background-color:#3e454d;cursor:pointer;display:flex;flex:1 1 calc(33.33333% - 3px);font-weight:600;justify-content:center;margin:.5px}.btn-keypad.focused{background-color:#e6e6e6}.btn-keypad>svg{height:1.2rem;width:1.2rem}.btn-keypad>*{color:#e6e6e6;fill:#e6e6e6!important}.btn-keypad.focused>*{color:#4c5059;fill:#4c5059!important}.buttons{align-items:center;border-top:.5px solid #fff0;display:flex;height:3rem;justify-content:center;padding:1.8rem 3rem;pointer-events:none;transition:all .3s}.buttons>*>*{margin:0 1rem}.buttons>*>:first-child{margin-left:0}.buttons>*>:last-child{margin-right:0}.buttons__left{display:flex;margin-right:auto;min-width:0;padding:1.8rem 0}.buttons__center{position:absolute}.buttons__right{display:flex;margin-left:auto}.buttons button{background:url(b3e2b17f6aae9c7057f6.png) repeat;border:none;border-radius:50%;box-sizing:border-box;color:#fff;cursor:pointer;height:3rem;outline:none;pointer-events:auto;position:relative;width:3rem}.buttons button svg{font-size:1.3rem}.buttons button small{font-size:1rem;left:-50%;opacity:0;position:absolute;transform:translateY(200%);transition:all .3s;width:200%;z-index:1}.buttons button:disabled{opacity:.5;pointer-events:none}.buttons button.focused{border:.1rem solid #fafafa;outline:none}.buttons button.focused small{opacity:1}.buttons button.selected-fill{background-color:#323232}.buttons button svg.fa-play{padding-left:.13rem}.buttons button svg.fa-backward{margin-left:-.13rem}.buttons button svg.fa-forward{margin-left:.13rem}.tv-player-ui{box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-end;padding:1.8rem 2rem;z-index:2}.tv-player-ui,.tv-player-ui__cover{height:100%;left:0;position:absolute;top:0;width:100%}.tv-player-ui__cover{background-color:#000;background:linear-gradient(#0000,#000 78%);opacity:.6;transition:opacity .3s;z-index:-1}.tv-player-ui__cover.hide{opacity:0}.metadata-wrapper{animation:fadeInAnim .3s ease-in-out forwards;margin:0 auto;padding:.5rem 0;pointer-events:none;text-align:center;width:100%}.metadata{color:#fafafa;line-height:1.4;overflow:hidden;padding-right:1rem;pointer-events:none;text-align:left;text-overflow:ellipsis;white-space:nowrap}.metadata--title{font-size:1.7rem;font-weight:800}.metadata--subTitle{font-size:.8rem;font-weight:400}@keyframes fadeInAnim{0%{opacity:0}to{opacity:1}}.progress-bar{align-items:center;display:flex;height:3rem;justify-content:center;padding:0 3rem;transition:opacity .3s}.progress-bar.hide{opacity:0}.progress-bar:not(.hide){animation:fadeInAnim .3s ease-in-out forwards}.progress-bar .time{align-items:center;color:#fafafa;display:flex;font-size:.8rem;font-weight:600;justify-content:center;text-align:left}.progress-bar .time--duration{text-align:right}.progress-bar .bar-wrapper{cursor:pointer;flex:1;margin:0 1rem}.progress-bar .bar-wrapper .bar{background-color:#191919;border-radius:.18rem;height:.35rem;margin:.52rem 0;position:relative}.progress-bar .bar-wrapper .bar .fill{background-color:#fafafa;border-radius:.18rem;height:100%;left:0;opacity:.8;position:absolute;transition:all .3s}.progress-bar .bar-wrapper .bar .progress-bar-button{background-color:#fafafa;border:.17rem solid #fafafa;border-radius:50%;cursor:pointer;height:.7rem;margin:.17rem .17rem .17rem -.7rem;padding:.17rem;pointer-events:none;position:absolute;top:-.35rem;transform:scale(1.2);transition:all .3s;width:.7rem;z-index:1}.progress-bar .bar-wrapper .bar .progress-bar-button:before{border:.07rem solid #fafafa;border-radius:50%;bottom:-.45rem;content:"";left:-.45rem;opacity:0;position:absolute;right:-.45rem;top:-.45rem;transition:all .3s}.progress-bar .bar-wrapper .bar .progress-bar-button.focused,.progress-bar .bar-wrapper .bar .progress-bar-button:hover{transform:scale(1.6)}.progress-bar .bar-wrapper .bar .progress-bar-button.focused:before{opacity:1}.progress-bar .bar-wrapper.focused .progress-bar-button,.progress-bar .bar-wrapper:hover .progress-bar-button{opacity:1;transform:scale(1.6)}#player{left:0;overflow:hidden;position:absolute;top:0}#player,#player video{height:100%;width:100%}#player-overlay{color:#fff;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.playback-error{font-size:1.5rem;font-weight:600}.content-container{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;padding:0 1.7rem}.logo{height:10rem;width:10rem}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}