.grey{color:#eee}.grey100{color:#ddd}.grey200{color:#dedede}.grey300{color:#bebebe}.grey400{color:#999}.grey500{color:#767574}.grey600{color:#333}.grey700{color:#101523}.grey-bg{background-color:#eee}.grey100-bg{background-color:#ddd}.grey200-bg{background-color:#dedede}.grey300-bg{background-color:#bebebe}.grey400-bg{background-color:#999}.grey500-bg{background-color:#767574}.grey600-bg{background-color:#333}.grey700-bg{background-color:#101523}.purple{color:#662d91}.purple100{color:#995ef6}.purple200{color:#843abc}.purple300{color:#552a7b}.purple400{color:#7540c4}.purple500{color:#662d91}.purple-bg{background-color:#662d91}.purple100-bg{background-color:#995ef6}.purple200-bg{background-color:#843abc}.purple300-bg{background-color:#552a7b}.purple400-bg{background-color:#7540c4}.purple500-bg{background-color:#662d91}.blue{color:#236aee}.blue100{color:#2dccd3}.blue200{color:#00a5e5}.blue300{color:#00a5e9}.blue400{color:#0042cc}.blue500{color:#073b9f}.blue-bg{background-color:#236aee}.blue100-bg{background-color:#2dccd3}.blue200-bg{background-color:#00a5e5}.blue300-bg{background-color:#00a5e9}.blue400-bg{background-color:#0042cc}.blue500-bg{background-color:#073b9f}.orange{color:#ff8200}.orange100{color:#ff9000}.orange200{color:#ff8200}.orange-bg{background-color:#ff8200}.orange100-bg{background-color:#ff9000}.orange200-bg{background-color:#ff8200}.red{color:#e40046}.red100{color:#ed1847}.red200{color:#e40046}.red-bg{background-color:#e40046}.red100-bg{background-color:#ed1847}.red200-bg{background-color:#e40046}.green{color:#00c629}.green100{color:#00cd49}.green200{color:#008a1d}.green-bg{background-color:#00c629}.green100-bg{background-color:#00cd49}.green200-bg{background-color:#008a1d}.yellow{color:#efcb01}.yellow-bg{background-color:#efcb01}.white{color:#fff}.white-bg{background-color:#fff}.black{color:#000}.black-bg{background-color:#000}.transparent{color:transparent}.transparent-bg{background-color:transparent}.Roku-Page-Join .expired-invitation{padding:5rem 10rem;min-height:600px}.Roku-Page-Join .expired-invitation .expired-headline{display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;font-size:22px;font-family:RokuText;font-weight:700;margin-bottom:3rem}.Roku-Page-Join .expired-invitation .Roku-Icon-medium{font-size:36px;margin-right:2rem}.Roku-Page-Join .app-layout{padding:0;max-width:1800px;margin:auto}.Roku-Page-Join .app-layout .error{color:#e40046;margin:3rem}.Roku-Page-Join .app-layout .modal-dialog h2 p{font-size:22px;line-heigt:32px}.Roku-Page-Join .app-layout .modal-dialog h2 p .modal-stream-name{color:#662d91}.Roku-Page-Join .app-layout .success-modal-button-container{text-align:right;margin:3rem 0 0 auto}.Roku-Page-Join .app-layout .welcome{background:url(/s/1763031122729/i/58ce7f539f39622850fe9b7a27ae3479.png) 80%/cover;min-height:650px}.Roku-Page-Join .app-layout .welcome .heading{padding-top:3rem}.Roku-Page-Join .app-layout .welcome .heading h1{margin:3rem auto;text-align:center!important;color:#fff}.Roku-Page-Join .app-layout .welcome .stream-details{display:flex;padding:0 6rem;margin-bottom:3rem;max-width:1600px;gap:6rem}.Roku-Page-Join .app-layout .welcome .stream-details .tv-image img{width:600px;height:auto;border:8px solid #101523;-webkit-box-shadow:rgba(0,0,0,.9) 0 19px 38px,rgba(0,0,0,.5) 0 15px 12px;box-shadow:0 19px 38px rgba(0,0,0,.9),0 15px 12px rgba(0,0,0,.5)}.Roku-Page-Join .app-layout .welcome .stream-details .stream-data{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;background:#fff;padding:3rem}.Roku-Page-Join .app-layout .welcome .stream-details .stream-data .stream-name{font-size:22px}.Roku-Page-Join .app-layout .welcome .stream-details .stream-data .created-by{font-size:14px}.Roku-Page-Join .app-layout .welcome .stream-details .stream-data .members-initials{margin-top:1rem}.Roku-Page-Join .app-layout .welcome .stream-details .stream-data .members-initials .member-initial{display:inline-block;margin:0 .5rem .5rem 0;text-align:center;line-height:40px;width:40px;height:40px;-webkit-border-radius:50%;border-radius:50%;color:#fff;font-family:RokuText;font-weight:700;background-color:#767574}.Roku-Page-Join .app-layout .welcome .stream-details .stream-data .button-container{margin-top:2rem}.Roku-Page-Join .app-layout .welcome .stream-details .stream-data .button-container .roku-button{margin-left:0}.Roku-Page-Join .app-layout .welcome .stream-details .stream-data .invite-info{font-size:18px}.Roku-Page-Join .app-layout .tv-section{display:flex;padding:5rem 10rem}.Roku-Page-Join .app-layout .tv-section .tv-info{margin-right:5rem;max-width:800px}.Roku-Page-Join .app-layout .tv-section .tv-info .tv-title{font-size:32px;font-family:RokuText;font-weight:700}.Roku-Page-Join .app-layout .tv-section .tv-info .tv-text{font-size:16px;margin-top:3rem}.Roku-Page-Join .app-layout .tv-section .tv-info .tv-button-container{margin-top:3rem}.Roku-Page-Join .app-layout .tv-section .tv-info .tv-button-container button:first-child{margin-left:0}.Roku-Page-Join .error{color:#e40046;margin:30px 0}@-webkit-keyframes spinner-rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}to{-webkit-transform:rotate(1turn);transform:rotate(1turn);}}@keyframes spinner-rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}to{-webkit-transform:rotate(1turn);transform:rotate(1turn);}}@media (max-width:767px){.Roku-Page-Join .expired-invitation{padding:2rem;}}@media (max-width:767px){.Roku-Page-Join .app-layout .accept-invite-modal .modal-content{padding:1rem 3rem!important;}}@media (max-width:767px){.Roku-Page-Join .app-layout .accept-invite-modal .modal-headline{padding:3rem 3rem 1rem!important;}}@media (max-width:767px){.Roku-Page-Join .app-layout .welcome .heading{padding:1rem;}}@media (max-width:767px){.Roku-Page-Join .app-layout .welcome .heading h1{padding:0;margin:0;}}@media (max-width:1199px){.Roku-Page-Join .app-layout .welcome .stream-details{display:block;padding:3rem;margin:auto;width:80%;}}@media (max-width:767px){.Roku-Page-Join .app-layout .welcome .stream-details{width:100%;padding:0 0 3rem;}}@media (max-width:1199px){.Roku-Page-Join .app-layout .welcome .stream-details .tv-image img{width:100%;min-height:250px;max-height:300px;}}@media (max-width:1199px){.Roku-Page-Join .app-layout .welcome .stream-details .stream-data{margin:3rem 0;}}@media (max-width:1199px){.Roku-Page-Join .app-layout .tv-section{display:block;padding:3rem 0;}}@media (max-width:1199px){.Roku-Page-Join .app-layout .tv-section .tv-info{margin-right:0;padding:3rem;}}@media (max-width:767px){.Roku-Page-Join .app-layout .tv-section .tv-info{padding:1rem;}}@media (max-width:1199px){.Roku-Page-Join .app-layout .tv-section .tv-info .tv-title{margin-bottom:3rem;}}@media (max-width:767px){.Roku-Page-Join .app-layout .tv-section .tv-info .tv-button-container{text-align:center;}.Roku-Page-Join .app-layout .tv-section .tv-info .tv-button-container .roku-button{margin-left:0;}}@media (max-width:1199px){.Roku-Page-Join .app-layout .tv-section .tv-image img{width:100%;}}@media (max-width:767px){.Roku-Page-Join .app-layout .tv-section .tv-image{padding:0;}.Roku-Page-Join .app-layout .tv-section .tv-image video{width:100%;}}