.css-11wktgx, .css-1f11l0v, .css-huz6wz, .css-lzxi4r {
    box-sizing: border-box
}

.css-1lo6sst, .css-ac1m21, .css-b9bmwv, .css-wn75kt {
    white-space: nowrap
}

body {
    color: #fff;
    font-family: Montserrat!important;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5
}

:root {
    --BACKGROUND_BOX_COMMON_4: #0F262E;
    --BACKGROUND_BOX_HIGHLIGHT: #19333D;
    --BACKGROUND_BOX_HIGHLIGHT_2: #1A444B;
    --DARK_TRANSPARENT_TWO: rgba(35, 75, 86, 0.5);
    --DATEPICKER_RANGE_GRADIENT: #2B5F6D;
    --DRAWER_GRADIENT: linear-gradient(180deg, #29263A 0%, #255562 100%);
    --DRAWER_GRADIENT_BOTTOM: #255562;
    --ERROR: #FF2D59;
    --FADE_OUT_BOTTOM_GRADIENT: linear-gradient(to bottom, transparent, #0C1D23);
    --GRADIENT_HELPER_2: linear-gradient(180deg, #29263A 0%, #144a4f 51.23%, #29263A 100%);
    --GRADIENT_HELPER_3: linear-gradient(90deg, #091519 0%, #0C1D23 100%);
    --GRADIENT_HELPER_4: linear-gradient(180deg, rgba(12, 29, 35, 0) 0%, #0D1D23 56.46%);
    --HELPER_COLOR_1: rgba(12, 29, 35, 0);
    --HELPER_COLOR_10: #225B64;
    --HELPER_COLOR_11: rgba(26, 68, 75, 0.95);
    --HELPER_COLOR_12: #091519;
    --HELPER_COLOR_13: rgba(12, 29, 35, 0);
    --HELPER_COLOR_2: rgba(12, 29, 35, 0.86);
    --HELPER_COLOR_3: rgba(12, 29, 35, 0.96);
    --HELPER_COLOR_4: #0C1D23;
    --HELPER_COLOR_5: #FFFFFF;
    --HELPER_COLOR_6: #1A444B;
    --HELPER_COLOR_7: rgba(35, 104, 114, 0);
    --HELPER_COLOR_8: rgb(14, 57, 64);
    --HELPER_COLOR_9: #144a4f;
    --HELPER_DARK_1: #29263A;
    --HELPER_TEXT_G2: #A3ACB3;
    --HELPER_TEXT_G3: #FFFFFFBF;
    --INFO: #00BEFF;
    --LIGHT_TRANSPARENT_HIGH: rgba(255, 255, 255, 0.6);
    --LIGHT_TRANSPARENT_HIGH_L: rgba(255, 255, 255, 0.75);
    --LIGHT_TRANSPARENT_LOW: rgba(255, 255, 255, 0.1);
    --LIGHT_TRANSPARENT_LOW_X: rgba(255, 255, 255, 0.15);
    --LIGHT_TRANSPARENT_MD: rgba(255, 255, 255, 0.2);
    --MAIN_DARK: #0D1D23;
    --MAIN_PRIMARY: #FFA510;
    --MAIN_PRIMARY_GRADIENT: linear-gradient(180deg, #FFC702 0%, #FF8B20 100%);
    --MAIN_PRIMARY_GRADIENT_BOTTOM: #FF8B20;
    --MAIN_PRIMARY_LIGHT: #FFC702;
    --MAIN_PRIMARY_LIGHTER: #FFBB55;
    --MAIN_SECONDARY: #0CAD77;
    --MAIN_SECONDARY_GRADIENT: linear-gradient(180deg, #4EFFC3 0%, #25CE76 100%);
    --MAIN_SECONDARY_GRADIENT_BOTTOM: #25CE76;
    --MAIN_SECONDARY_LIGHT: #4EFFC3;
    --MAIN_TEXT_LIGHT: #FFFFFF;
    --MENU_BACKGROUND: #2B5F6D;
    --MODAL_BOTTOM_GRADIENT: linear-gradient(rgba(35, 104, 114, 0) 0%, rgb(14, 57, 64) 67.21%);
    --MODAL_GRADIENT: linear-gradient(180deg, #29263A 0%, #217c83 100%);
    --MODAL_GRADIENT_BOTTOM: #217c83;
    --OVERLAY_DARK: rgba(0, 0, 0, 0.65);
    --SECONDARY_DARK: #000000;
    --SECONDARY_LIGHT: #FDE566;
    --WARNING: #FFA510;
    --WHITE_04: rgba(255, 255, 255, 0.4);
    --WHITE_08: rgba(255, 255, 255, 0.8)
}

.css-lzxi4r {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    min-height: 100%;
    overflow: unset
}

.css-a5dz9y {
    position: fixed;
    inset: 0px auto 0px 0px;
    z-index: 1199
}

.css-1f11l0v {
    --Grid-columns: 12;
    --Grid-columnSpacing: 0px;
    --Grid-rowSpacing: 0px;
    flex-flow: wrap;
    min-width: 0;
    display: flex;
    gap: var(--Grid-rowSpacing) var(--Grid-columnSpacing)
}

.css-huz6wz {
    min-width: 0;
    width: 288px
}

.css-11wktgx {
    display: inline-flex;
    -moz-box-align: center;
    align-items: center;
    -moz-box-pack: center;
    justify-content: center;
    outline: 0;
    border: 0;
    margin: 0;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    text-align: center;
    flex: 0 0 auto;
    font-size: 1.5rem;
    padding: 8px;
    color: rgba(0, 0, 0, .54);
    transition: background-color 150ms cubic-bezier(.4, 0, .2, 1);
    --IconButton-hoverBg: rgba(0, 0, 0, 0.04);
    z-index: 31;
    width: 32px;
    height: 32px;
    background-color: #225b64;
    border-radius: 160px;
    left: 272px;
    top: 56px;
    position: fixed
}

.css-4ehp47 {
    min-width: 0;
    box-sizing: border-box
}

.css-1tq68nc, .css-1upyeg7 {
    min-width: 64px;
    --variant-containedColor: rgba(0, 0, 0, 0.87);
    box-sizing: border-box;
    outline: 0;
    vertical-align: middle;
    appearance: none;
    text-decoration: none
}

.css-1f11l0v > * {
    --Grid-parent-rowSpacing: 0px;
    --Grid-parent-columnSpacing: 0px;
    --Grid-parent-columns: 12
}

.css-1824iw7 {
    width: 100%;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 30;
    background-color: #0d1d23;
    visibility: hidden;
    transition: .25s linear;
    transform: translateY(-100%);
    opacity: 0
}

.css-1fzn3mz, .css-1mzkccz {
    width: 1em;
    transition: fill .2s cubic-bezier(.4, 0, .2, 1);
    cursor: pointer;
    fill: currentcolor;
    user-select: none
}

.css-1376lk0 {
    border-color: rgba(255, 255, 255, .2);
    border-bottom-width: 1px;
    border-bottom-style: solid
}

.css-1h1g8bn {
    display: flex;
    -moz-box-pack: justify;
    justify-content: space-between;
    -moz-box-align: center;
    align-items: center;
    padding-left: 4px;
    padding-right: 8px
}

.css-hcwp0m {
    display: flex;
    -moz-box-pack: justify;
    justify-content: space-between;
    -moz-box-align: center;
    align-items: center;
    gap: 8px
}

.css-hcwp0m svg {
    height: 30px
}

.css-1fzn3mz {
    height: 1em;
    display: inline-block;
    flex-shrink: 0;
    font-size: 2.1875rem
}

.css-1nmgk5a {
    margin: 0 auto;
    font-style: inherit;
    font-variant: inherit;
    font-stretch: inherit;
    font-size: inherit;
    font-family: inherit;
    font-size-adjust: inherit;
    font-kerning: inherit;
    font-optical-sizing: inherit;
    font-language-override: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    text-decoration: none;
    color: #0cad77;
    font-weight: 600;
    display: flex;
    max-width: fit-content
}

.css-1nmgk5a svg {
    width: 86px;
    height: 24px
}

.css-1bge839 {
    flex: 1 1 0%;
    text-align: right
}

.css-1mzkccz {
    display: inline-block;
    flex-shrink: 0;
    font-size: 2.1875rem;
    height: 30px
}

.css-1fsl8bg, .css-79elbk {
    position: relative
}

.css-y94udw {
    height: 80px;
    content: "";
    position: absolute;
    z-index: 2;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(rgba(12, 29, 35, 0) 20%, rgba(12, 29, 35, .86) 80%, rgba(12, 29, 35, .96) 84.09%, #0c1d23 98.73%);
    pointer-events: none
}

.css-17u1o4b, .css-1jke4yk, .css-1sjqndt, .css-1upyeg7 {
    position: relative
}

.css-1sjqndt {
    width: 100%;
    margin-left: auto;
    box-sizing: border-box;
    margin-right: auto;
    padding-bottom: 0;
    margin-top: 16px;
    z-index: 3
}

.css-19lya7m {
    margin-top: -32px
}

.css-1lekzkb {
    display: flex;
    -moz-box-align: center;
    align-items: center;
    -moz-box-pack: justify;
    justify-content: space-between
}

.css-mdw43j {
    margin: 0 0 12px;
    font-family: Oswald;
    line-height: 1.167;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 18px
}

.css-1upyeg7 {
    display: inline-flex;
    -moz-box-align: center;
    align-items: center;
    -moz-box-pack: center;
    justify-content: center;
    cursor: pointer;
    user-select: none;
    font-family: Montserrat, Oswald, sans-serif;
    border: 0;
    transition: background-color 250ms cubic-bezier(.4, 0, .2, 1), box-shadow 250ms cubic-bezier(.4, 0, .2, 1), border-color 250ms cubic-bezier(.4, 0, .2, 1), color 250ms cubic-bezier(.4, 0, .2, 1);
    --variant-textColor: #FFA510;
    --variant-outlinedColor: #FFA510;
    --variant-outlinedBorder: rgba(255, 165, 16, 0.5);
    --variant-containedBg: #FFA510;
    border-radius: 84px;
    font-size: 14px;
    line-height: 1;
    color: #4effc3;
    background: 0 0;
    margin: 0 0 14px;
    padding: 0;
    font-weight: 700;
    text-transform: capitalize
}

.css-17u1o4b, .css-tn4huw {
    border-radius: 12px;
    background-color: #19333d
}

.css-46b038 {
    margin-top: 30px
}

.css-166acf1 {
    margin: 0 0 12px;
    font-family: Oswald;
    line-height: 1.167;
    color: #fff;
    font-weight: 700;
    font-size: 18px;
    text-transform: uppercase
}

.css-ac1m21, .css-ax9hum {
    font-weight: 600;
    font-family: Montserrat;
    text-overflow: ellipsis;
    overflow: hidden
}

.css-18o5e38 {
    left: -40px
}

.css-1w94lul {
    right: -40px
}

.css-tn4huw {
    display: flex;
    -moz-box-align: center;
    align-items: center;
    -moz-box-pack: justify;
    justify-content: space-between;
    padding: 12px 16px;
    margin-bottom: 5px;
    margin-right: 5px
}

.css-b9bmwv {
    display: flex;
    -moz-box-align: center;
    align-items: center;
    overflow: hidden
}

.css-ax9hum {
    margin: 0 0 0 16px;
    font-size: 14px
}

.css-tn4huw .arrow {
    opacity: 0;
    padding-left: 4px
}

.css-1jke4yk {
    width: 100%
}

.css-17u1o4b {
    padding-top: 71.4286%;
    overflow: hidden;
    cursor: pointer
}

.css-10ejk0n, .css-moesln {
    position: absolute;
    inset: 0px;
    border-radius: 8px
}

.css-moesln {
    background-image: url("/roku/img/1a836010-54d5-45f3-a15b-bd9ed21f006f.webp");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    transition: transform .3s ease-out
}

.css-10ejk0n {
    background-color: rgba(0, 0, 0, .65);
    z-index: 3;
    opacity: 0;
    transition: opacity .3s ease-out, transform .3s ease-out;
    display: flex;
    -moz-box-pack: center;
    justify-content: center;
    -moz-box-align: center;
    align-items: center;
    flex-direction: column;
    text-overflow: ellipsis;
    padding-left: 8px;
    padding-right: 8px
}

.css-1g37p37 {
    user-select: none;
    width: 1em;
    height: 1em;
    display: inline-block;
    flex-shrink: 0;
    transition: fill .2s cubic-bezier(.4, 0, .2, 1);
    fill: currentcolor;
    font-size: 1.5rem
}

.css-14bcs5r, .css-1dzhiut {
    background-size: cover;
    display: flex
}

.css-ac1m21 {
    margin: 8px 0 0;
    font-size: 12px;
    line-height: 1.6;
    max-width: 100%
}

.css-zpy002 {
    text-transform: capitalize;
    padding: 4px
}

.css-1lj5b9o {
    margin: 0;
    font-family: Montserrat;
    font-weight: 700;
    font-size: 14px;
    background-image: linear-gradient(#4effc3 0, #25ce76 100%);
    background-clip: text;
    -webkit-text-fill-color: transparent
}

.css-1dzhiut {
    background-image: none;
    -moz-box-align: center;
    align-items: center;
    cursor: default
}

.css-1bai0um {
    margin: 0;
    font-family: Oswald;
    font-weight: 600;
    font-size: 50px;
    line-height: 1.2;
    display: block;
    max-width: 410px
}

.css-2cpn5l {
    margin: 8px 0 0;
    font-family: Montserrat;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.235
}

@media (max-width: 900px) {
    .css-1bai0um {
        font-size: 30px
    }

    .css-2cpn5l {
        font-size: 16px;
        font-weight: 800
    }
}

.css-1tq68nc {
    display: inline-flex;
    -moz-box-align: center;
    align-items: center;
    -moz-box-pack: center;
    justify-content: center;
    position: relative;
    margin: 0;
    cursor: pointer;
    user-select: none;
    font-family: Montserrat, Oswald, sans-serif;
    text-transform: uppercase;
    border: 0;
    transition: background-color 250ms cubic-bezier(.4, 0, .2, 1), box-shadow 250ms cubic-bezier(.4, 0, .2, 1), border-color 250ms cubic-bezier(.4, 0, .2, 1), color 250ms cubic-bezier(.4, 0, .2, 1);
    color: var(--variant-containedColor);
    --variant-textColor: #0CAD77;
    --variant-outlinedColor: #0CAD77;
    --variant-outlinedBorder: rgba(12, 173, 119, 0.5);
    --variant-containedBg: #0CAD77;
    border-radius: 84px;
    padding: 13.6px 30.4px;
    font-size: 14px;
    font-weight: 800;
    line-height: 1;
    box-shadow: rgba(0, 0, 0, .1) 0 10px 26px 0, rgba(0, 0, 0, .25) 0 -4px 0 0 inset;
    background: linear-gradient(#4effc3 0, #25ce76 100%)
}

.css-1lo6sst, .css-d355fb, .css-jl8nl7 {
    font-family: Montserrat
}

.css-ga7tuh {
    flex: 1 1 0%;
    align-self: end;
    text-align: center
}

.css-14bcs5r {
    background-image: url("/roku/img/9181d5bc-f643-4a0f-9e27-f2902733885a.webp");
    -moz-box-align: center;
    align-items: center;
    cursor: default
}

.css-4f8yr2, .css-8wkbsg {
    background-size: cover;
    display: flex;
    -moz-box-align: center
}

.css-4f8yr2 {
    background-image: url("/roku/img/bfe72dd3-498e-47c7-8156-bf8727142ddc.webp");
    align-items: center;
    cursor: default
}

.css-8wkbsg {
    background-image: url("/roku/img/3a95b2cd-6d91-4c31-ad51-2e7388b25d87.webp");
    align-items: center;
    cursor: default
}

.css-8fm9m6, .css-dofvms {
    -moz-box-align: center;
    background-size: cover;
    display: flex;
    cursor: default
}

.css-dofvms {
    background-image: url("/roku/img/15985535-43d3-4b5c-9d31-4e2ce40e32ff.webp");
    align-items: center
}

.css-8fm9m6 {
    background-image: url("/roku/img/3d617e0b-f9e4-4204-96fc-30e3ea59c134.webp");
    align-items: center
}

.css-nyoxpd {
    background-image: url("/roku/img/925226d2-4c9c-4e64-b078-2077d915052d.webp");
    background-size: cover;
    display: flex;
    -moz-box-align: center;
    align-items: center;
    cursor: default
}

.css-1cbzecc, .css-wsoug5 {
    background-size: cover;
    display: flex;
    cursor: pointer
}

.css-1cbzecc {
    background-image: url("/roku/img/9134d179-acd3-4701-9ec6-063b631d8a36.webp");
    -moz-box-align: center;
    align-items: center
}

.css-wsoug5 {
    background-image: url("/roku/img/3ce48cff-8d2d-41ef-83a1-5bc9793a6a41.webp");
    -moz-box-align: center;
    align-items: center
}

.css-1gicybw, .css-mle34p {
    background-size: cover;
    border-radius: 12px;
    height: auto;
    aspect-ratio: 116/114;
    flex-direction: column;
    padding-top: 24px;
    display: flex;
    padding-left: 16px;
    padding-right: 16px
}

.css-1gicybw {
    background-image: url("/roku/img/dd217997-1bf4-48ff-a980-1245dd881e03.webp");
    -moz-box-pack: end;
    justify-content: end;
    -moz-box-align: center;
    align-items: center
}

.css-mle34p {
    background-image: url("/roku/img/a389673b-7f69-4514-912c-71463646a87a.webp");
    -moz-box-pack: end;
    justify-content: end;
    -moz-box-align: center;
    align-items: center
}

.css-16sx8x1, .css-187ni5, .css-18fgun0, .css-19nqyme, .css-1ax6iit, .css-1ay31f1, .css-1co5by8, .css-1l589fq, .css-1o7z2o3, .css-1s0v8dm, .css-1vv8b0j, .css-1x8az5d, .css-350vcz, .css-7wp00n, .css-8saox9, .css-c7mjaq, .css-cuut73, .css-ds96fb, .css-gcew9z, .css-hrh9to, .css-jxor2z, .css-kptw6f, .css-s5x4de, .css-sc4zol, .css-voauuh {
    position: absolute;
    background-repeat: no-repeat;
    border-radius: 8px;
    transition: transform .3s ease-out;
    inset: 0px
}

.css-10clqzo, .css-136cfij, .css-1xhlvqq, .css-1yjli8x, .css-gujchx, .css-l90x06, .css-m3iufa, .css-vga7dt, .css-x9rdlk, .css-y3tosq {
    background-position: center center;
    background-size: cover;
    width: 24px;
    height: 24px
}

.css-hrh9to {
    background-image: url("/roku/img/9e1adf6c-ca52-4918-9261-1a4e5451df85.webp");
    background-size: cover;
    background-position: center center
}

.css-1ay31f1 {
    background-image: url("/roku/img/7b9b78ea-6bc9-4669-b126-51887e429bd0.webp");
    background-size: cover;
    background-position: center center
}

.css-sc4zol {
    background-image: url("/roku/img/4d47fcca-a59e-47f2-8c4b-9c260ac8efbc.webp");
    background-size: cover;
    background-position: center center
}

.css-s5x4de {
    background-image: url("/roku/img/ce35aa7f-4197-461c-9407-7161b5e32927.webp");
    background-size: cover;
    background-position: center center
}

.css-jxor2z {
    background-image: url("/roku/img/67b711e2-f2b7-4ee3-9af1-a0a8313bed77.webp");
    background-size: cover;
    background-position: center center
}

.css-7wp00n {
    background-image: url("/roku/img/cb16a19f-8f31-4eae-9308-efad060b8d06.webp");
    background-size: cover;
    background-position: center center
}

.css-350vcz {
    background-image: url("/roku/img/66bf4682-5eb9-4cd2-9af8-6777c7084a69.webp");
    background-size: cover;
    background-position: center center
}

.css-voauuh {
    background-image: url("/roku/img/b30de419-9f6e-4f18-91ab-20f4ecce3266.webp");
    background-size: cover;
    background-position: center center
}

.css-ds96fb {
    background-image: url("/roku/img/823b87ce-43d4-4694-9065-a7dd41bd40a4.webp");
    background-size: cover;
    background-position: center center
}

.css-19nqyme {
    background-image: url("/roku/img/b3ea54d1-2af4-4682-98a6-ec05a9d458bd.webp");
    background-size: cover;
    background-position: center center
}

.css-8saox9 {
    background-image: url("/roku/img/24578eba-6460-4e48-96fd-2eee77a23945.webp");
    background-size: cover;
    background-position: center center
}

.css-1l589fq {
    background-image: url("/roku/img/d0be004f-0bfc-4162-a014-2609040a3063.webp");
    background-size: cover;
    background-position: center center
}

.css-1co5by8 {
    background-image: url("/roku/img/5f891450-0aa4-4d5c-bbbf-4caf2c0246f7.webp");
    background-size: cover;
    background-position: center center
}

.css-cuut73 {
    background-image: url("/roku/img/92af533f-1150-4676-8134-3d1592ee6ffb.webp");
    background-size: cover;
    background-position: center center
}

.css-1vv8b0j {
    background-image: url("/roku/img/356c59aa-7355-48dd-99d4-ef9d6b65b79d.webp");
    background-size: cover;
    background-position: center center
}

.css-1o7z2o3 {
    background-image: url("/roku/img/837c169f-62be-4b52-b715-f775a7bc975d.webp");
    background-size: cover;
    background-position: center center
}

.css-16sx8x1 {
    background-image: url("/roku/img/407221fb-13f4-4a70-8375-25f5a42afe6b.webp");
    background-size: cover;
    background-position: center center
}

.css-18fgun0 {
    background-image: url("/roku/img/93085aeb-667d-4333-8592-3a6904d36971.webp");
    background-size: cover;
    background-position: center center
}

.css-c7mjaq {
    background-image: url("/roku/img/d8cf7dbd-df42-40d2-979b-848944b12208.webp");
    background-size: cover;
    background-position: center center
}

.css-1ax6iit {
    background-image: url("/roku/img/9b389514-5fe0-480d-b2a0-b18bfb24a66e.webp");
    background-size: cover;
    background-position: center center
}

.css-gcew9z {
    background-image: url("/roku/img/71d6fae1-78c6-4310-a884-2dbd78ebfbc7.webp");
    background-size: cover;
    background-position: center center
}

.css-1x8az5d {
    background-image: url("/roku/img/d2d8fcc6-0ec1-4319-8628-fb2b1e60e800.webp");
    background-size: cover;
    background-position: center center
}

.css-kptw6f {
    background-image: url("/roku/img/cf5a875e-334c-4c9b-a0f5-4f4050e8efb0.webp");
    background-size: cover;
    background-position: center center
}

.css-1s0v8dm {
    background-image: url("/roku/img/de8ad90b-0faf-483f-a482-b0715d53eb75.webp");
    background-size: cover;
    background-position: center center
}

.css-187ni5 {
    background-image: url("/roku/img/a5ae4749-440a-43ef-9b89-545e778aedbf.webp");
    background-size: cover;
    background-position: center center
}

.css-gujchx {
    background-image: url("/roku/img/192a40f6-16bd-4f24-bdab-ec9f310d4738.undefined")
}

.css-1yjli8x {
    background-image: url("/roku/img/c68b5680-62e0-4fe1-807f-077329a899f4.undefined")
}

.css-1xhlvqq {
    background-image: url("/roku/img/dcabb1f5-e66c-4f01-9487-8de94461e150.undefined")
}

.css-10clqzo {
    background-image: url("/roku/img/bda7c1e2-6694-4151-ba1f-cb33f552f5f2.undefined")
}

.css-y3tosq {
    background-image: url("/roku/img/ac180dfb-0f8d-41f1-b768-038e959b472c.undefined")
}

.css-l90x06 {
    background-image: url("/roku/img/1cdb1215-5be8-4dfa-b201-bddfb86f7c55.undefined")
}

.css-m3iufa {
    background-image: url("/roku/img/02d9b42a-34a3-46b0-94eb-d4b3f77221cc.undefined")
}

.css-136cfij {
    background-image: url("/roku/img/5c384b78-5325-4213-8695-6c8bd30c7879.undefined")
}

.css-vga7dt {
    background-image: url("/roku/img/142fb724-154c-4917-8bd3-27a31800958e.undefined")
}

.css-x9rdlk {
    background-image: url("/roku/img/6e507076-7655-47ad-aaf8-f4894036737b.undefined")
}

.css-16d7lnu {
    display: flex;
    flex-direction: column;
    -moz-box-align: center;
    align-items: center;
    -moz-box-pack: center;
    justify-content: center;
    box-sizing: border-box;
    background-color: #19333d;
    border-radius: 12px
}

.css-6qp6zg {
    object-fit: cover;
    width: 60px;
    min-height: 60px
}

.css-1lo6sst {
    margin: 8px 0 0;
    font-weight: 600;
    font-size: 14px;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 100%
}

.css-30754h {
    margin: 32px auto 80px;
    padding-bottom: 40px;
    max-width: 1600px;
    position: relative;
    z-index: 15
}

.css-3nw7i {
    display: flex;
    -moz-box-pack: justify;
    justify-content: space-between;
    flex-wrap: wrap
}

.css-12yyqy0, .css-14uq04u, .css-k008qs {
    display: flex
}

.css-dexqxp, .css-qwrq6z {
    -moz-box-pack: justify;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    padding-top: 8px;
    padding-bottom: 8px;
    cursor: pointer
}

.css-qwrq6z {
    width: 100%;
    justify-content: space-between;
    -moz-box-align: center;
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, .1)
}

.css-chxyq5 {
    text-align: left
}

*, ::after, ::before {
    box-sizing: inherit
}

.css-zesu2l {
    color: #0cad77;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    text-transform: capitalize;
    margin-bottom: 4px
}

.css-1h2ckc3 {
    display: flex;
    flex-wrap: wrap
}

.css-1yx2qrz {
    display: flex;
    width: 100%;
    flex-direction: column;
    -moz-box-align: center;
    align-items: center
}

.css-1usyz2 {
    user-select: none;
    display: inline-block;
    flex-shrink: 0;
    transition: fill .2s cubic-bezier(.4, 0, .2, 1);
    fill: currentcolor;
    font-size: 1.5rem;
    width: 150px;
    height: 85px
}

.cls-1, .cls-2 {
    stroke-width: 0
}

.cls-1 {
    fill: #006838
}

.css-gajhq5 {
    padding-left: 16px;
    padding-right: 16px
}

.css-sp25eh {
    width: 100%;
    display: flex;
    gap: 8px
}

.css-1rr4qq7 {
    flex: 1 1 0%
}

.css-d355fb {
    margin: 0 0 12px;
    font-size: 12px;
    line-height: 1.6;
    color: #fff;
    font-weight: 500
}

.css-setf78 {
    display: flex;
    flex-direction: column;
    width: 100%
}

.css-8atqhb {
    width: 100%
}

.css-dexqxp {
    width: 100%;
    justify-content: space-between
}

.css-jl8nl7 {
    margin: 0;
    font-weight: 600;
    font-size: 14px;
    color: #0cad77;
    opacity: 1
}

.css-1ctwf77 {
    display: flex;
    -moz-box-pack: justify;
    justify-content: space-between;
    -moz-box-align: center;
    align-items: center;
    transform: rotate(0);
    transition: transform .3s
}

.css-1v2r241 {
    display: flex;
    width: 100%;
    -moz-box-align: center;
    align-items: center
}

.css-70qvj9, .css-fa6j7x {
    display: flex;
    -moz-box-align: center;
    align-items: center
}

.css-145j3od {
    user-select: none;
    width: 1em;
    height: 1em;
    display: inline-block;
    flex-shrink: 0;
    transition: fill .2s cubic-bezier(.4, 0, .2, 1);
    fill: currentcolor;
    font-size: 1.5rem;
    margin-right: 10.4px
}

.css-14bj4vw, .css-wn75kt {
    -moz-box-align: center;
    cursor: pointer
}

.css-19md894, .css-wn75kt {
    margin: 0;
    font-family: Montserrat
}

.css-wn75kt {
    outline: 0;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    color: inherit;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
    position: relative;
    text-decoration: none;
    min-height: 48px;
    box-sizing: border-box;
    padding: 8px 16px;
    display: flex;
    align-items: center;
    -moz-box-pack: justify;
    justify-content: space-between;
    background: rgba(255, 255, 255, .1);
    border: 3px solid transparent;
    border-radius: 336px
}

.css-113apob, .css-14bj4vw {
    border-radius: 50%;
    display: flex
}

.css-14bj4vw {
    background-color: rgba(255, 255, 255, .1);
    width: 26px;
    height: 26px;
    align-items: center;
    -moz-box-pack: center;
    justify-content: center
}

.css-113apob {
    background-color: #0cad77;
    width: 23px;
    height: 23px;
    -moz-box-align: center;
    align-items: center;
    -moz-box-pack: center;
    justify-content: center
}

.css-19md894 {
    font-weight: 700;
    font-size: 9px
}

.css-hw89rb {
    margin: 0 0 0 8px;
    font-family: Montserrat;
    font-weight: 600;
    font-size: 14px
}

.css-1ryjafx, .css-xah9xn, .css-ykgyao {
    font-family: Montserrat, Oswald, sans-serif;
    font-size: .75rem;
    line-height: 1.66
}

.css-rxtt6 {
    display: flex;
    flex-direction: column;
    width: 100%;
    order: 2
}

.css-1ryjafx {
    margin: 0 0 6px;
    font-weight: 500
}

.css-ykgyao {
    margin: 0 8px 0 0;
    font-weight: 500
}

.css-xah9xn {
    margin: 0;
    text-decoration: underline rgb(12, 173, 119);
    --Link-underlineColor: rgba(255, 165, 16, 0.4);
    color: #0cad77;
    font-weight: 600
}

.css-12njy76 {
    display: flex;
    -moz-box-pack: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 16px;
    margin-top: 24px
}

.css-123tfkm {
    filter: brightness(0) saturate(100%) invert(50%) sepia(100%) saturate(200%) hue-rotate(85deg)
}

.css-1vaaoug {
    display: block;
    object-fit: contain;
    opacity: .3
}

.css-1v5o022 {
    position: fixed;
    bottom: 0;
    background-color: #0d1d23;
    width: 100%;
    z-index: 15;
    border-color: rgba(255, 255, 255, .2);
    border-top-width: 1px;
    border-top-style: solid
}

.css-1ifxy0, .css-bttm2n {
    display: inline-flex;
    box-sizing: border-box;
    outline: 0;
    margin: 0;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    font-family: Montserrat, Oswald, sans-serif;
    text-transform: uppercase;
    min-width: 64px;
    transition: background-color 250ms cubic-bezier(.4, 0, .2, 1), box-shadow 250ms cubic-bezier(.4, 0, .2, 1), border-color 250ms cubic-bezier(.4, 0, .2, 1), color 250ms cubic-bezier(.4, 0, .2, 1);
    color: var(--variant-containedColor);
    --variant-containedColor: rgba(0, 0, 0, 0.87);
    width: 100%;
    padding: 13.6px 30.4px;
    font-size: 14px;
    font-weight: 800;
    line-height: 1;
    box-shadow: rgba(0, 0, 0, .1) 0 10px 26px 0, rgba(0, 0, 0, .25) 0 -4px 0 0 inset;
    cursor: pointer
}

.css-bttm2n {
    -moz-box-align: center;
    align-items: center;
    -moz-box-pack: center;
    justify-content: center;
    position: relative;
    border: 0;
    --variant-textColor: #FFA510;
    --variant-outlinedColor: #FFA510;
    --variant-outlinedBorder: rgba(255, 165, 16, 0.5);
    --variant-containedBg: #FFA510;
    background: linear-gradient(#ffc702 0, #ff8b20 100%);
    border-radius: 0
}

.css-1tjxisi {
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    z-index: 0;
    inset: 0px;
    border-radius: inherit;
    opacity: 0
}

.css-1ifxy0 {
    -moz-box-align: center;
    align-items: center;
    -moz-box-pack: center;
    justify-content: center;
    position: relative;
    border: 0;
    --variant-textColor: #0CAD77;
    --variant-outlinedColor: #0CAD77;
    --variant-outlinedBorder: rgba(12, 173, 119, 0.5);
    --variant-containedBg: #0CAD77;
    background: linear-gradient(#4effc3 0, #25ce76 100%);
    border-radius: 0
}

.css-1cwbt1d {
    display: flex;
    -moz-box-align: center;
    align-items: center;
    -moz-box-flex: 1;
    flex-grow: 1;
    justify-content: space-around;
    gap: 8px;
    padding-top: 8px;
    padding-bottom: 8px
}

.css-1tcam3z {
    cursor: pointer;
    display: flex;
    -moz-box-align: center;
    align-items: center;
    color: #a3acb3;
    font-size: 10px;
    font-weight: 600;
    text-transform: capitalize
}

.css-1tcam3z svg {
    width: 22px;
    height: 22px;
    margin-bottom: 4px
}

@media (min-width: 0px) {
    .css-13tqxrv, .css-18o5e38, .css-1w94lul, .css-chxyq5, .css-huz6wz {
        display: none
    }

    .css-4ehp47, .css-wn75kt {
        width: 100%
    }

    .css-1376lk0, .css-ykgyao {
        display: block
    }

    .css-1h1g8bn {
        padding-top: 8px;
        padding-bottom: 8px
    }

    .css-1nmgk5a, .css-hcwp0m {
        flex: 1 1 0%
    }

    .css-1sjqndt, .css-30754h {
        padding-left: 16px;
        padding-right: 16px
    }

    .css-1g37p37 {
        width: 35px;
        height: 35px
    }

    .css-14bcs5r, .css-1cbzecc, .css-1dzhiut, .css-4f8yr2, .css-8fm9m6, .css-8wkbsg, .css-dofvms, .css-nyoxpd, .css-wsoug5 {
        height: 340px
    }

    .css-1xagm5l {
        margin-left: 16px
    }

    .css-1tq68nc {
        margin-top: 24px
    }

    .css-16d7lnu {
        height: 127px;
        padding: 16px
    }

    .css-3nw7i {
        border-top: none;
        border-bottom: none;
        padding-top: 0;
        padding-bottom: 0
    }

    .css-12yyqy0 {
        flex-basis: 100%;
        flex-direction: column
    }

    .css-dexqxp, .css-qwrq6z {
        display: flex
    }

    .css-zesu2l {
        font-size: 12px;
        font-weight: 500
    }

    .css-1h2ckc3 {
        flex-basis: 100%;
        margin-top: 16px
    }

    .css-14uq04u {
        order: 1;
        flex-basis: 100%
    }

    .css-7epr4r {
        margin-right: 12px
    }

    .css-setf78 {
        text-align: center;
        display: none
    }

    .css-1v2r241 {
        order: 0;
        margin-top: 0;
        margin-bottom: 16px;
        padding-left: 0;
        flex-direction: column;
        -moz-box-pack: center;
        justify-content: center
    }

    .css-fa6j7x {
        order: 1
    }

    .css-nxl4ou {
        order: 0;
        width: 100%;
        margin-bottom: 16px
    }

    .css-rxtt6 {
        text-align: center;
        display: flex
    }

    .css-1ksii5h {
        margin-bottom: 8px
    }

    .css-1vaaoug {
        max-height: 15px;
        max-width: 60px
    }

    .css-1v5o022 {
        display: block;
        padding-bottom: 4px
    }

    .css-1tcam3z {
        flex-direction: column
    }

    .css-1tcam3z svg {
        margin-right: 0
    }
}

.css-12pigfk {
    position: fixed;
    inset: 0px;
    z-index: 1200;
}
.css-14dl35y {
    position: fixed;
    display: flex;
    -moz-box-align: center;
    align-items: center;
    -moz-box-pack: center;
    justify-content: center;
    inset: 0px;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: -1;
}
.css-888yag {
    background-color: rgb(25, 51, 61);
    color: rgb(255, 255, 255);
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: var(--Paper-shadow);
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    height: 100%;
    flex: 1 0 auto;
    z-index: 1200;
    position: fixed;
    top: 0px;
    outline: 0px;
    left: 0px;
    background-image: linear-gradient(rgb(41, 38, 58) 0%, rgb(37, 85, 98) 100%);
}
.css-8nrsyi {
    width: 307px;
    overflow-y: scroll;
    scrollbar-width: none;
}
.css-1ge49an {
    cursor: pointer;
    margin-top: 16px;
    padding-left: 16px;
    padding-right: 16px;
}
.css-vh810p {
    user-select: none;
    width: 1em;
    height: 1em;
    display: inline-block;
    flex-shrink: 0;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1);
    fill: currentcolor;
    font-size: 1.25rem;
}
.css-xi606m {
    text-align: center;
}
.css-1i3yenm {
    width: 100%;
    height: 120px;
    background-image: url("/roku/img/welcome-home.webp");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    margin-top: 8px;
}
.css-tea7k5 {
    margin: 16px 0px;
    font-family: Oswald;
    font-weight: 600;
    font-size: 24px;
    line-height: 1.167;
    text-transform: uppercase;
}
.css-jh88sm {
    margin: 0px;
    font-family: Montserrat;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
}
.css-1ef5ud6 {
    margin-top: 24px;
    display: flex;
    -moz-box-pack: center;
    justify-content: center;
}
.css-y8vq74 {
    display: inline-flex;
    -moz-box-align: center;
    align-items: center;
    -moz-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    outline: 0px;
    margin: 0px 8px 0px 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    font-family: Montserrat, Oswald, sans-serif;
    text-transform: uppercase;
    min-width: 64px;
    border: 0px;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1), color 250ms cubic-bezier(0.4, 0, 0.2, 1);
    color: var(--variant-containedColor);
    --variant-textColor: #FFA510;
    --variant-outlinedColor: #FFA510;
    --variant-outlinedBorder: rgba(255, 165, 16, 0.5);
    --variant-containedColor: rgba(0, 0, 0, 0.87);
    --variant-containedBg: #FFA510;
    border-radius: 84px;
    padding: 13.6px 30.4px;
    font-size: 14px;
    font-weight: 800;
    line-height: 1;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 26px 0px, rgba(0, 0, 0, 0.25) 0px -4px 0px 0px inset;
    background: linear-gradient(rgb(255, 199, 2) 0%, rgb(255, 139, 32) 100%);
}
.css-ad50cv {
    display: inline-flex;
    -moz-box-align: center;
    align-items: center;
    -moz-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    outline: 0px;
    margin: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    font-family: Montserrat, Oswald, sans-serif;
    text-transform: uppercase;
    min-width: 64px;
    border: 0px;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1), color 250ms cubic-bezier(0.4, 0, 0.2, 1);
    color: var(--variant-containedColor);
    --variant-textColor: #0CAD77;
    --variant-outlinedColor: #0CAD77;
    --variant-outlinedBorder: rgba(12, 173, 119, 0.5);
    --variant-containedColor: rgba(0, 0, 0, 0.87);
    --variant-containedBg: #0CAD77;
    border-radius: 84px;
    padding: 13.6px 30.4px;
    font-size: 14px;
    font-weight: 800;
    line-height: 1;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 26px 0px, rgba(0, 0, 0, 0.25) 0px -4px 0px 0px inset;
    background: linear-gradient(rgb(78, 255, 195) 0%, rgb(37, 206, 118) 100%);
}
.css-19midj6 {
    padding: 16px;
}
.css-pvkyz7 {
    padding-top: 12px;
    padding-bottom: 12px;
    margin-bottom: 16px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.css-fkyncf {
    display: flex;
    -moz-box-align: center;
    align-items: center;
    text-decoration: none;
    cursor: pointer;
    margin-top: 4px;
    margin-bottom: 4px;
    color: rgb(255, 255, 255);
}
.css-1m3ws4b {
    user-select: none;
    display: inline-block;
    flex-shrink: 0;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1);
    fill: currentcolor;
    font-size: 1.5rem;
    width: 36px;
    height: 36px;
}
.css-1jl8gwo {
    margin: 0px 0px 0px 16px;
    font-family: Montserrat;
    font-weight: 600;
    font-size: 14px;
    text-transform: capitalize;
}

.css-wn75kt {
    outline: 0px;
    margin: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    color: inherit;
    font-family: Montserrat;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
    position: relative;
    text-decoration: none;
    min-height: 48px;
    box-sizing: border-box;
    white-space: nowrap;
    padding: 8px 16px;
    display: flex;
    -moz-box-align: center;
    align-items: center;
    -moz-box-pack: justify;
    justify-content: space-between;
    background: rgba(255, 255, 255, 0.1);
    border: 3px solid transparent;
    border-radius: 336px;
}
@media (min-width: 0px) {
    .css-wn75kt {
        width: 100%;
    }
}
.css-70qvj9 {
    display: flex;
    -moz-box-align: center;
    align-items: center;
}
.css-14bj4vw {
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 50%;
    width: 26px;
    height: 26px;
    display: flex;
    -moz-box-align: center;
    align-items: center;
    -moz-box-pack: center;
    justify-content: center;
    cursor: pointer;
}
.css-113apob {
    background-color: rgb(12, 173, 119);
    border-radius: 50%;
    width: 23px;
    height: 23px;
    display: flex;
    -moz-box-align: center;
    align-items: center;
    -moz-box-pack: center;
    justify-content: center;
}
.css-19md894 {
    margin: 0px;
    font-family: Montserrat;
    font-weight: 700;
    font-size: 9px;
}
.css-hw89rb {
    margin: 0px 0px 0px 8px;
    font-family: Montserrat;
    font-weight: 600;
    font-size: 14px;
}
.css-vttsma {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding-bottom: 16px;
    margin-top: 16px;
    margin-bottom: 16px;
}
.css-15cnmmq {
    margin: 0px;
    font-family: Oswald;
    font-weight: 600;
    font-size: 24px;
    line-height: 1.167;
    text-transform: uppercase;
}
.css-1yuhvjn {
    margin-top: 16px;
}
.css-1kukc4r {
    display: flex;
    margin-bottom: 16px;
}
.css-kloi6k {
    position: relative;
    margin-right: 16px;
    width: 52px;
    height: 43px;
    border-radius: 12px;
    background-color: rgb(25, 51, 61);
    cursor: pointer;
}
.css-8ftsdf {
    z-index: 1;
    background-image: url("");
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 12px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
.css-10ejk0n {
    position: absolute;
    inset: 0px;
    background-color: rgba(0, 0, 0, 0.65);
    border-radius: 8px;
    z-index: 3;
    opacity: 0;
    transition: opacity 0.3s ease-out, transform 0.3s ease-out;
    display: flex;
    -moz-box-pack: center;
    justify-content: center;
    -moz-box-align: center;
    align-items: center;
    flex-direction: column;
    text-overflow: ellipsis;
    padding-left: 8px;
    padding-right: 8px;
}
.css-pazhjw {
    user-select: none;
    display: inline-block;
    flex-shrink: 0;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1);
    fill: currentcolor;
    font-size: 1.5rem;
    width: 30px;
    height: 30px;
}
.css-6pogpz {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.css-jh88sm {
    margin: 0px;
    font-family: Montserrat;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
}
.css-1inualu {
    margin: 0px;
    font-family: Montserrat;
    font-size: 14px;
    --Link-underlineColor: rgba(255, 165, 16, 0.4);
    font-weight: 600;
    color: rgb(255, 255, 255);
    text-decoration: none;
}
.css-1709kwd {
    display: flex;
    margin-bottom: 10px;
}
.css-kloi6k {
    position: relative;
    margin-right: 16px;
    width: 52px;
    height: 43px;
    border-radius: 12px;
    background-color: rgb(25, 51, 61);
    cursor: pointer;
}
.css-8ftsdf {
    z-index: 1;
    background-image: url("");
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 12px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
.css-10ejk0n {
    position: absolute;
    inset: 0px;
    background-color: rgba(0, 0, 0, 0.65);
    border-radius: 8px;
    z-index: 3;
    opacity: 0;
    transition: opacity 0.3s ease-out, transform 0.3s ease-out;
    display: flex;
    -moz-box-pack: center;
    justify-content: center;
    -moz-box-align: center;
    align-items: center;
    flex-direction: column;
    text-overflow: ellipsis;
    padding-left: 8px;
    padding-right: 8px;
}
.css-pazhjw {
    user-select: none;
    display: inline-block;
    flex-shrink: 0;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1);
    fill: currentcolor;
    font-size: 1.5rem;
    width: 30px;
    height: 30px;
}
.css-6pogpz {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.css-jh88sm {
    margin: 0px;
    font-family: Montserrat;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
}
.css-1inualu {
    margin: 0px;
    font-family: Montserrat;
    font-size: 14px;
    --Link-underlineColor: rgba(255, 165, 16, 0.4);
    font-weight: 600;
    color: rgb(255, 255, 255);
    text-decoration: none;
}
.css-1d0ff8g {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding-bottom: 16px;
    margin-bottom: 16px;
}
.css-15cnmmq {
    margin: 0px;
    font-family: Oswald;
    font-weight: 600;
    font-size: 24px;
    line-height: 1.167;
    text-transform: uppercase;
}
.css-1yuhvjn {
    margin-top: 16px;
}
.css-1kukc4r {
    display: flex;
    margin-bottom: 16px;
}
.css-kloi6k {
    position: relative;
    margin-right: 16px;
    width: 52px;
    height: 43px;
    border-radius: 12px;
    background-color: rgb(25, 51, 61);
    cursor: pointer;
}
.css-8ftsdf {
    z-index: 1;
    background-image: url("");
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 12px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
.css-10ejk0n {
    position: absolute;
    inset: 0px;
    background-color: rgba(0, 0, 0, 0.65);
    border-radius: 8px;
    z-index: 3;
    opacity: 0;
    transition: opacity 0.3s ease-out, transform 0.3s ease-out;
    display: flex;
    -moz-box-pack: center;
    justify-content: center;
    -moz-box-align: center;
    align-items: center;
    flex-direction: column;
    text-overflow: ellipsis;
    padding-left: 8px;
    padding-right: 8px;
}
.css-pazhjw {
    user-select: none;
    display: inline-block;
    flex-shrink: 0;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1);
    fill: currentcolor;
    font-size: 1.5rem;
    width: 30px;
    height: 30px;
}
.css-i6bazn {
    overflow: hidden;
}
.css-jh88sm {
    margin: 0px;
    font-family: Montserrat;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
}
.css-153qc2o {
    margin: 0px;
    font-family: Montserrat;
    font-size: 14px;
    line-height: 1.5;
    display: inline;
    font-weight: 700;
}
.css-buzvkj {
    margin: 0px;
    font-family: Montserrat;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.css-nmgt6m {
    margin: 0px;
    font-family: Montserrat;
    font-size: 14px;
    --Link-underlineColor: rgba(255, 165, 16, 0.4);
    font-weight: 600;
    color: rgb(78, 255, 195);
    text-decoration: none;
}
.css-13kavrm {
    display: flex;
    margin-bottom: 0px;
}
.css-kloi6k {
    position: relative;
    margin-right: 16px;
    width: 52px;
    height: 43px;
    border-radius: 12px;
    background-color: rgb(25, 51, 61);
    cursor: pointer;
}
.css-8ftsdf {
    z-index: 1;
    background-image: url("");
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 12px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
.css-10ejk0n {
    position: absolute;
    inset: 0px;
    background-color: rgba(0, 0, 0, 0.65);
    border-radius: 8px;
    z-index: 3;
    opacity: 0;
    transition: opacity 0.3s ease-out, transform 0.3s ease-out;
    display: flex;
    -moz-box-pack: center;
    justify-content: center;
    -moz-box-align: center;
    align-items: center;
    flex-direction: column;
    text-overflow: ellipsis;
    padding-left: 8px;
    padding-right: 8px;
}
.css-pazhjw {
    user-select: none;
    display: inline-block;
    flex-shrink: 0;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1);
    fill: currentcolor;
    font-size: 1.5rem;
    width: 30px;
    height: 30px;
}
.css-i6bazn {
    overflow: hidden;
}
.css-jh88sm {
    margin: 0px;
    font-family: Montserrat;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
}
.css-153qc2o {
    margin: 0px;
    font-family: Montserrat;
    font-size: 14px;
    line-height: 1.5;
    display: inline;
    font-weight: 700;
}
.css-buzvkj {
    margin: 0px;
    font-family: Montserrat;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.css-nmgt6m {
    margin: 0px;
    font-family: Montserrat;
    font-size: 14px;
    --Link-underlineColor: rgba(255, 165, 16, 0.4);
    font-weight: 600;
    color: rgb(78, 255, 195);
    text-decoration: none;
}
.css-1k1oeer {
    z-index: 1;
    background-image: url("/roku/img/87554f18-2b59-4eef-a087-14518f95d2fb.webp");
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 12px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
.css-gsz5lp {
    z-index: 1;
    background-image: url("/roku/img/e0a43861-6347-4659-b174-90af6a76c55a.webp");
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 12px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
.css-12pigfk {
    position: fixed;
    inset: 0px;
    z-index: 1200;
}
.css-1p6pds2 {
    z-index: 1;
    background-image: url("/roku/img/878e5d93-36bd-485d-806e-d0e880dffcec.webp");
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 12px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
.css-1p6pds2 {
    z-index: 1;
    background-image: url("/roku/img/878e5d93-36bd-485d-806e-d0e880dffcec.webp");
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 12px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
.css-fu5vw6 {
    z-index: 1;
    background-image: url("/roku/img/game-placeholder.72e054e617f32212.jpg");
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 12px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
.css-qcjmmx {
    z-index: 1;
    background-image: url("/roku/img/181512de-48c5-47cf-b617-4e4881eaff92.webp");
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 12px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
.css-1d88yq7 {
    z-index: 1;
    background-image: url("/roku/img/7a26adc9-d338-44db-8dc3-b6431781324d.webp");
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 12px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
.css-ahyn9x {
    z-index: 1;
    background-image: url("/roku/img/4d47fcca-a59e-47f2-8c4b-9c260ac8efbc.webp");
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 12px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
.css-1y8uwix {
    z-index: 1;
    background-image: url("/roku/img/cb16a19f-8f31-4eae-9308-efad060b8d06.webp");
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 12px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
.css-1fizd69 {
    z-index: 1;
    background-image: url("/roku/img/35ea7bcb-e749-4b58-8bd8-bfa1e6f8d6b5.webp");
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 12px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
.css-1d88yq7 {
    z-index: 1;
    background-image: url("/roku/img/7a26adc9-d338-44db-8dc3-b6431781324d.webp");
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 12px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
.css-186sg7t {
    z-index: 1;
    background-image: url("/roku/img/897f1f37-da27-4dd8-ae11-c6ea641658d1.webp");
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 12px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}


.css-1a3eaet {
    position: fixed;
    display: flex;
    -moz-box-align: center;
    align-items: center;
    -moz-box-pack: center;
    justify-content: center;
    inset: 0px;
    z-index: -1;
    background-color: rgba(0, 0, 0, 0.65);
}








.css-17pjhvz .main-modal-wrapper {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    background-image: linear-gradient(rgb(41, 38, 58) 0%, rgb(33, 124, 131) 100%);
    min-width: 375px;
    min-height: 195px;
    border-radius: 12px;
    overflow-x: hidden;
    margin-top: 120px;
}
.css-562t3i {
    text-align: center;
    animation: 0.3s ease-out 0.3s forwards fade-in;
}
@media (max-width: 899.95px) {
    .css-17pjhvz .main-modal-wrapper {
        margin-top: 80px;
    }
}
@media (max-width: 599.95px) {
    .css-17pjhvz .main-modal-wrapper {
        transform: none;
        min-width: 100%;
        width: 100%;
        min-height: 100%;
        height: 100%;
        border-radius: 0px;
        margin-top: 0px;
        top: 0px;
        left: 0px;
    }
}
.css-s2uf1z {
    text-align: right;
}
.css-1qs8yj2 {
    user-select: none;
    width: 1em;
    height: 1em;
    display: inline-block;
    flex-shrink: 0;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1);
    fill: currentcolor;
    font-size: 1.25rem;
    cursor: pointer;
}
.css-10fw6ha {
    margin: -16px 0px 0px;
    font-family: Oswald;
    font-weight: 600;
    font-size: 24px;
    line-height: 1.167;
    text-transform: uppercase;
}
.css-jnzpsd {
    display: inline-flex;
    flex-direction: column;
    position: relative;
    min-width: 0px;
    padding: 0px;
    margin: 16px 0px 0px;
    border: 0px;
    vertical-align: top;
    width: 100%;
}
.css-jnzpsd .MuiOutlinedInput-root {
    background: rgba(255, 255, 255, 0.1);
    border-radius: 84px;
}
.css-5px1u7 {
    font-family: Montserrat;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.4375em;
    color: rgb(255, 255, 255);
    box-sizing: border-box;
    cursor: text;
    display: inline-flex;
    -moz-box-align: center;
    align-items: center;
    width: 100%;
    position: relative;
    border-radius: 4px;
}
.css-jnzpsd input {
    margin-left: 8px;
}
.css-1ffyeit {
    font: inherit;
    letter-spacing: inherit;
    color: currentcolor;
    border: 0px;
    box-sizing: content-box;
    background: none;
    height: 1.4375em;
    margin: 0px;
    margin-left: 0px;
    display: block;
    min-width: 0px;
    width: 100%;
    animation-name: mui-auto-fill-cancel;
    animation-duration: 10ms;
    padding: 16.5px 14px;
}
.css-jnzpsd .MuiOutlinedInput-notchedOutline {
    border-width: 0px;
}
.css-5v2ak0 {
    text-align: left;
    position: absolute;
    inset: -5px 0px 0px;
    margin: 0px;
    padding: 0px 8px;
    pointer-events: none;
    border-radius: inherit;
    border-style: solid;
    border-width: 1px;
    overflow: hidden;
    min-width: 0%;
    border-color: rgba(0, 0, 0, 0.23);
}
.css-5px1u7 legend {
    max-width: 0px;
}
.css-w4cd9x {
    float: unset;
    width: auto;
    overflow: hidden;
    padding: 0px;
    line-height: 11px;
    transition: width 150ms cubic-bezier(0, 0, 0.2, 1);
}
.css-13loe3q {
    display: inline-flex;
    flex-direction: column;
    position: relative;
    min-width: 0px;
    padding: 0px;
    margin: 8px 0px 0px;
    border: 0px;
    vertical-align: top;
    width: 100%;
}
.css-13loe3q .MuiOutlinedInput-root {
    background: rgba(255, 255, 255, 0.1);
    border-radius: 84px;
}
.css-140v09j {
    font-family: Montserrat;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.4375em;
    color: rgb(255, 255, 255);
    box-sizing: border-box;
    cursor: text;
    display: inline-flex;
    -moz-box-align: center;
    align-items: center;
    width: 100%;
    position: relative;
    border-radius: 4px;
    padding-right: 14px;
}
.css-13loe3q input {
    margin-left: 8px;
}
.css-gav4t6 {
    font: inherit;
    letter-spacing: inherit;
    color: currentcolor;
    border: 0px;
    box-sizing: content-box;
    background: none;
    height: 1.4375em;
    margin: 0px;
    margin-left: 0px;
    display: block;
    min-width: 0px;
    width: 100%;
    animation-name: mui-auto-fill-cancel;
    animation-duration: 10ms;
    padding: 16.5px 0px 16.5px 14px;
}
.css-ep8fa4 {
    display: inline-flex;
    -moz-box-align: center;
    align-items: center;
    -moz-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    background-color: transparent;
    outline: 0px;
    border: 0px;
    margin: 0px -12px 0px 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    text-align: center;
    flex: 0 0 auto;
    font-size: 1.5rem;
    padding: 8px;
    border-radius: 50%;
    color: rgba(0, 0, 0, 0.54);
    transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
    --IconButton-hoverBg: rgba(0, 0, 0, 0.04);
    right: 8px;
}
.css-13loe3q .MuiOutlinedInput-notchedOutline {
    border-width: 0px;
}
.css-5v2ak0 {
    text-align: left;
    position: absolute;
    inset: -5px 0px 0px;
    margin: 0px;
    padding: 0px 8px;
    pointer-events: none;
    border-radius: inherit;
    border-style: solid;
    border-width: 1px;
    overflow: hidden;
    min-width: 0%;
    border-color: rgba(0, 0, 0, 0.23);
}
.css-140v09j legend {
    max-width: 0px;
}
.css-w4cd9x {
    float: unset;
    width: auto;
    overflow: hidden;
    padding: 0px;
    line-height: 11px;
    transition: width 150ms cubic-bezier(0, 0, 0.2, 1);
}
.css-g3g1dh {
    -moz-box-align: center;
    align-items: center;
    -moz-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    outline: 0px;
    margin: 24px 0px 16px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    font-family: Montserrat, Oswald, sans-serif;
    text-transform: uppercase;
    min-width: 64px;
    border: 0px;
    color: var(--variant-containedColor);
    --variant-textColor: #0CAD77;
    --variant-outlinedColor: #0CAD77;
    --variant-outlinedBorder: rgba(12, 173, 119, 0.5);
    --variant-containedColor: rgba(0, 0, 0, 0.87);
    --variant-containedBg: #0CAD77;
    width: 100%;
    border-radius: 84px;
    padding: 13.6px 30.4px;
    font-size: 14px;
    font-weight: 800;
    line-height: 1;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 26px 0px, rgba(0, 0, 0, 0.25) 0px -4px 0px 0px inset;
    background: linear-gradient(rgb(78, 255, 195) 0%, rgb(37, 206, 118) 100%);
    display: inline-flex;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1);
}
.css-oz8hdd {
    display: inherit;
    -moz-box-align: inherit;
    align-items: inherit;
    -moz-box-pack: inherit;
    justify-content: inherit;
}
.css-tq4u40 {
    margin: 0px;
    font-style: inherit;
    font-variant: inherit;
    font-stretch: inherit;
    font-size: inherit;
    font-family: inherit;
    font-size-adjust: inherit;
    font-kerning: inherit;
    font-optical-sizing: inherit;
    font-language-override: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    text-decoration: none;
    color: rgb(12, 173, 119);
    font-weight: 600;
}
.css-164r41r {
    margin-top: 8px;
}
.css-tq4u40 {
    margin: 0px;
    font-style: inherit;
    font-variant: inherit;
    font-stretch: inherit;
    font-size: inherit;
    font-family: inherit;
    font-size-adjust: inherit;
    font-kerning: inherit;
    font-optical-sizing: inherit;
    font-language-override: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    text-decoration: none;
    color: rgb(12, 173, 119);
    font-weight: 600;
}
.css-7c7zh3 {
    margin: 0px 0px 0px 8px;
    font-family: Montserrat;
    font-size: 14px;
    line-height: 1.5;
    text-transform: capitalize;
    font-weight: 600;
}
.css-17pjhvz {
    z-index: 1300;
    inset: 0px;
    overflow-y: auto;
    position: fixed;
}
.css-vfo0dh {
    width: 100%;
    position: fixed;
    top: 0px;
    right: 0px;
    z-index: 30;
    background-color: rgb(13, 29, 35);
    visibility: visible;
    transition: 0.25s linear;
    transform: translateY(0px);
    opacity: 1;
}
.css-14e73xb {
    position: fixed;
    z-index: 1300;
    inset: 0px;
}
.css-14dl35y {
    position: fixed;
    display: flex;
    -moz-box-align: center;
    align-items: center;
    -moz-box-pack: center;
    justify-content: center;
    inset: 0px;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: -1;
}
.css-14fdig2 {
    opacity: 0;
    animation: 0.3s ease-out 0.3s forwards fade-in;
}
.css-14e73xb .main-modal-wrapper {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    background-image: linear-gradient(rgb(41, 38, 58) 0%, rgb(33, 124, 131) 100%);
    min-width: 375px;
    min-height: 195px;
    border-radius: 12px;
    overflow-x: hidden;
    margin-top: 120px;
}
@media (max-width: 899.95px) {
    .css-14e73xb .main-modal-wrapper {
        margin-top: 80px;
    }
}
@media (max-width: 599.95px) {
    .css-14e73xb .main-modal-wrapper {
        top: 0px;
        left: 0px;
        transform: none;
        min-width: 100%;
        width: 100%;
        min-height: 100%;
        height: 100%;
        border-radius: 0px;
        margin-top: 0px;
    }
}
.css-1uxwy76 {
    grid-template-columns: repeat(2, minmax(0px, 1fr));
}

.css-jby1t8 {
    background-image: url("/roku/img/916a77f0-d7bb-4212-9eda-d015845a77d6.webp");
    background-position: center center;
    background-size: cover;
    cursor: pointer;
    -moz-box-align: end;
    align-items: end;
}
@media (min-width: 0px) {
    .css-jby1t8 {
        display: none;
    }
}

.css-miswjm {
    padding: 16px;
}
.css-s2uf1z {
    text-align: right;
}
.css-1qs8yj2 {
    user-select: none;
    width: 1em;
    height: 1em;
    display: inline-block;
    flex-shrink: 0;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1);
    fill: currentcolor;
    font-size: 1.25rem;
    cursor: pointer;
}
.css-qujozv {
    margin: -12px 0px 0px;
    font-family: Oswald;
    font-weight: 600;
    font-size: 24px;
    line-height: 1.167;
    text-transform: uppercase;
    text-align: center;
}
.css-130k5zz {
    display: flex;
    flex-direction: column;
    -moz-box-pack: justify;
    justify-content: space-between;
}
.css-jnzpsd {
    display: inline-flex;
    flex-direction: column;
    position: relative;
    min-width: 0px;
    padding: 0px;
    margin: 16px 0px 0px;
    border: 0px;
    vertical-align: top;
    width: 100%;
}
.css-jnzpsd .MuiOutlinedInput-root {
    background: rgba(255, 255, 255, 0.1);
    border-radius: 84px;
}
.css-5px1u7 {
    font-family: Montserrat;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.4375em;
    color: rgb(255, 255, 255);
    box-sizing: border-box;
    cursor: text;
    display: inline-flex;
    -moz-box-align: center;
    align-items: center;
    width: 100%;
    position: relative;
    border-radius: 4px;
}
.css-jnzpsd input {
    margin-left: 8px;
}
.css-1ffyeit {
    font: inherit;
    letter-spacing: inherit;
    color: currentcolor;
    border: 0px;
    box-sizing: content-box;
    background: none;
    height: 1.4375em;
    margin: 0px;
    margin-left: 0px;
    display: block;
    min-width: 0px;
    width: 100%;
    animation-name: mui-auto-fill-cancel;
    animation-duration: 10ms;
    padding: 16.5px 14px;
}
.css-jnzpsd .MuiOutlinedInput-notchedOutline {
    border-width: 0px;
}
.css-5v2ak0 {
    text-align: left;
    position: absolute;
    inset: -5px 0px 0px;
    margin: 0px;
    padding: 0px 8px;
    pointer-events: none;
    border-radius: inherit;
    border-style: solid;
    border-width: 1px;
    overflow: hidden;
    min-width: 0%;
    border-color: rgba(0, 0, 0, 0.23);
}
.css-5px1u7 legend {
    max-width: 0px;
}
.css-w4cd9x {
    float: unset;
    width: auto;
    overflow: hidden;
    padding: 0px;
    line-height: 11px;
    transition: width 150ms cubic-bezier(0, 0, 0.2, 1);
}
.css-maqnzb {
    display: inline-flex;
    flex-direction: column;
    position: relative;
    min-width: 0px;
    padding: 0px;
    margin: 12px 0px 0px;
    border: 0px;
    vertical-align: top;
    width: 100%;
}
.css-maqnzb .MuiOutlinedInput-root {
    background: rgba(255, 255, 255, 0.1);
    border-radius: 84px;
}
.css-140v09j {
    font-family: Montserrat;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.4375em;
    color: rgb(255, 255, 255);
    box-sizing: border-box;
    cursor: text;
    display: inline-flex;
    -moz-box-align: center;
    align-items: center;
    width: 100%;
    position: relative;
    border-radius: 4px;
    padding-right: 14px;
}
.css-maqnzb input {
    margin-left: 8px;
}
.css-gav4t6 {
    font: inherit;
    letter-spacing: inherit;
    color: currentcolor;
    border: 0px;
    box-sizing: content-box;
    background: none;
    height: 1.4375em;
    margin: 0px;
    margin-left: 0px;
    display: block;
    min-width: 0px;
    width: 100%;
    animation-name: mui-auto-fill-cancel;
    animation-duration: 10ms;
    padding: 16.5px 0px 16.5px 14px;
}
.css-ep8fa4 {
    display: inline-flex;
    -moz-box-align: center;
    align-items: center;
    -moz-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    background-color: transparent;
    outline: 0px;
    border: 0px;
    margin: 0px -12px 0px 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    text-align: center;
    flex: 0 0 auto;
    font-size: 1.5rem;
    padding: 8px;
    border-radius: 50%;
    color: rgba(0, 0, 0, 0.54);
    transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
    --IconButton-hoverBg: rgba(0, 0, 0, 0.04);
    right: 8px;
}
.css-maqnzb .MuiOutlinedInput-notchedOutline {
    border-width: 0px;
}
.css-5v2ak0 {
    text-align: left;
    position: absolute;
    inset: -5px 0px 0px;
    margin: 0px;
    padding: 0px 8px;
    pointer-events: none;
    border-radius: inherit;
    border-style: solid;
    border-width: 1px;
    overflow: hidden;
    min-width: 0%;
    border-color: rgba(0, 0, 0, 0.23);
}
.css-140v09j legend {
    max-width: 0px;
}
.css-w4cd9x {
    float: unset;
    width: auto;
    overflow: hidden;
    padding: 0px;
    line-height: 11px;
    transition: width 150ms cubic-bezier(0, 0, 0.2, 1);
}
.css-l1x91n {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-left: 0px;
    margin-right: 0px;
}
.css-l1x91n {
    display: inline-flex;
    -moz-box-align: center;
    align-items: center;
    cursor: pointer;
    vertical-align: middle;

    margin-right: 16px;
    margin-top: 24px;
}
.css-1n3wa4g.Mui-checked, .css-1n3wa4g.MuiCheckbox-indeterminate {
    color: rgb(12, 173, 119);
}
.css-l1x91n .MuiCheckbox-root {
    padding: 0px;
}
.css-1n3wa4g {
    display: inline-flex;
    -moz-box-align: center;
    align-items: center;
    -moz-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    background-color: transparent;
    outline: 0px;
    border: 0px;
    margin: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    padding: 9px;
    border-radius: 50%;
    color: rgb(163, 172, 179);
}
.css-j8yymo {
    cursor: inherit;
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    margin: 0px;
    padding: 0px;
    z-index: 1;
}
.css-l1x91n .MuiFormControlLabel-label {
    font-size: 12px;
    font-weight: 500;
}
.css-jh88sm {
    margin: 0px;
    font-family: Montserrat;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
}
.css-5rszfz {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-left: 0px;
    margin-right: 0px;
}
.css-5rszfz {
    display: inline-flex;
    -moz-box-align: center;
    align-items: center;
    cursor: pointer;
    vertical-align: middle;
  
    margin-right: 16px;
    margin-top: 16px;
}
.css-5rszfz .MuiCheckbox-root {
    padding: 0px;
}
.css-1n3wa4g {
    display: inline-flex;
    -moz-box-align: center;
    align-items: center;
    -moz-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    background-color: transparent;
    outline: 0px;
    border: 0px;
    margin: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    padding: 9px;
    border-radius: 50%;
    color: rgb(163, 172, 179);
}
.css-j8yymo {
    cursor: inherit;
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    margin: 0px;
    padding: 0px;
    z-index: 1;
}
.css-5rszfz .MuiFormControlLabel-label {
    font-size: 12px;
    font-weight: 500;
}
.css-jh88sm {
    margin: 0px;
    font-family: Montserrat;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
}
.css-44vfdu {
    margin: 0px;
    font-family: Montserrat;
    font-weight: 400;
    line-height: 1.5;
    color: rgb(78, 255, 195);
    cursor: pointer;
    font-size: 12px;
    display: inline-flex;
}
.css-1a6ma6a {
    user-select: none;
    display: inline-block;
    flex-shrink: 0;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1);
    fill: currentcolor;
    font-size: 1.5rem;
    width: 15px;
    height: 15px;
    margin-bottom: -4px;
    margin-left: 4px;
    margin-right: 4px;
}
.css-1uzrkef {
    -moz-box-align: center;
    align-items: center;
    -moz-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    outline: 0px;
    margin: 24px 0px 16px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    font-family: Montserrat, Oswald, sans-serif;
    text-transform: uppercase;
    min-width: 64px;
    border: 0px;
    color: var(--variant-containedColor);
    --variant-textColor: #FFA510;
    --variant-outlinedColor: #FFA510;
    --variant-outlinedBorder: rgba(255, 165, 16, 0.5);
    --variant-containedColor: rgba(0, 0, 0, 0.87);
    --variant-containedBg: #FFA510;
    width: 100%;
    border-radius: 84px;
    padding: 13.6px 30.4px;
    font-size: 14px;
    font-weight: 800;
    line-height: 1;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 26px 0px, rgba(0, 0, 0, 0.25) 0px -4px 0px 0px inset;
    background: linear-gradient(rgb(255, 199, 2) 0%, rgb(255, 139, 32) 100%);
    display: inline-flex;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1);
}
.css-oz8hdd {
    display: inherit;
    -moz-box-align: inherit;
    align-items: inherit;
    -moz-box-pack: inherit;
    justify-content: inherit;
}
.css-1a68uan {
    -moz-box-align: center;
    align-items: center;
    background-image: url("/roku/img/916a77f0-d7bb-4212-9eda-d015845a77d6.webp");
    background-position: center center;
    background-size: cover;
    height: 116px;
    border-radius: 8px;
    margin-top: 16px;
    cursor: pointer;
}
@media (min-width: 0px) {
    .css-1a68uan {
        display: flex;
    }
}
.css-1c5ij41 {
    margin: 16px;
}
.css-15qkeo1 {
    margin: 0px;
    font-family: Montserrat;
    font-size: 18px;
    line-height: 1.235;
    font-weight: 400 !important;
}
@media (max-width: 900px) {
    .css-15qkeo1 {
        font-size: 16px;
        font-weight: 800;
    }
}
.css-ganqnv {
    margin: 4px 0px 0px;
    font-family: Oswald;
    font-weight: 600;
    font-size: 24px;
    line-height: 1.167;
}
.css-zycen2 {
    margin-top: 8px;
    text-align: center;
}
.css-tq4u40 {
    margin: 0px;
    font-style: inherit;
    font-variant: inherit;
    font-stretch: inherit;
    font-size: inherit;
    font-family: inherit;
    font-size-adjust: inherit;
    font-kerning: inherit;
    font-optical-sizing: inherit;
    font-language-override: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    text-decoration: none;
    color: rgb(12, 173, 119);
    font-weight: 600;
}
.css-i6vmb {
    margin: 0px 0px 0px 8px;
    font-family: Montserrat;
    font-size: 14px;
    line-height: 1.5;
    color: rgb(78, 255, 195);
    text-transform: capitalize;
    font-weight: 600;
}
.css-14fdig2 {
    opacity: 1!important;
}
.css-1n3wa4g.Mui-checked, .css-1n3wa4g.MuiCheckbox-indeterminate {
    color: rgb(12, 173, 119);
}
.css-10fw6ha {
    margin: -16px 0px 0px;
    font-family: Oswald;
    font-weight: 600;
    font-size: 24px;
    line-height: 1.167;
    text-transform: uppercase;
}
.css-1mmh8kg {
    margin: 8px 0px 0px;
    font-family: Montserrat;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
}
.css-1yuhvjn {
    margin-top: 16px;
}
.css-ao6v1m {
    display: inline-flex;
    flex-direction: column;
    position: relative;
    min-width: 0px;
    padding: 0px;
    margin: 0px;
    border: 0px;
    vertical-align: top;
}
@media (min-width: 0px) {
    .css-ao6v1m {
        min-width: 100%;
    }
}
.css-ao6v1m .MuiOutlinedInput-root {
    background: rgba(255, 255, 255, 0.1);
    border-radius: 84px;
}
.css-2k28ke {
    font-family: Montserrat;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.4375em;
    color: rgb(255, 255, 255);
    box-sizing: border-box;
    cursor: text;
    display: inline-flex;
    -moz-box-align: center;
    align-items: center;
    position: relative;
    border-radius: 4px;
}
.css-ao6v1m input {
    margin-left: 8px;
}
.css-1ffyeit {
    font: inherit;
    letter-spacing: inherit;
    color: currentcolor;
    border: 0px;
    box-sizing: content-box;
    background: none;
    height: 1.4375em;
    margin: 0px;
    margin-left: 0px;
    display: block;
    min-width: 0px;
    width: 100%;
    animation-name: mui-auto-fill-cancel;
    animation-duration: 10ms;
    padding: 16.5px 14px;
}
.css-ao6v1m .MuiOutlinedInput-notchedOutline {
    border-width: 0px;
}
.css-5v2ak0 {
    text-align: left;
    position: absolute;
    inset: -5px 0px 0px;
    margin: 0px;
    padding: 0px 8px;
    pointer-events: none;
    border-radius: inherit;
    border-style: solid;
    border-width: 1px;
    overflow: hidden;
    min-width: 0%;
    border-color: rgba(0, 0, 0, 0.23);
}
.css-2k28ke legend {
    max-width: 0px;
}
.css-w4cd9x {
    float: unset;
    width: auto;
    overflow: hidden;
    padding: 0px;
    line-height: 11px;
    transition: width 150ms cubic-bezier(0, 0, 0.2, 1);
}
.css-1p5b9gf {
    -moz-box-align: center;
    align-items: center;
    -moz-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    outline: 0px;
    margin: 24px 0px 8px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    font-family: Montserrat, Oswald, sans-serif;
    text-transform: uppercase;
    min-width: 64px;
    border: 0px;
    color: var(--variant-containedColor);
    --variant-textColor: #FFA510;
    --variant-outlinedColor: #FFA510;
    --variant-outlinedBorder: rgba(255, 165, 16, 0.5);
    --variant-containedColor: rgba(0, 0, 0, 0.87);
    --variant-containedBg: #FFA510;
    width: 100%;
    border-radius: 84px;
    padding: 13.6px 30.4px;
    font-size: 14px;
    font-weight: 800;
    line-height: 1;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 26px 0px, rgba(0, 0, 0, 0.25) 0px -4px 0px 0px inset;
    background: linear-gradient(rgb(255, 199, 2) 0%, rgb(255, 139, 32) 100%);
    display: inline-flex;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1);
}
.css-oz8hdd {
    display: inherit;
    -moz-box-align: inherit;
    align-items: inherit;
    -moz-box-pack: inherit;
    justify-content: inherit;
}
.css-r6k15p {
    display: flex;
    -moz-box-pack: justify;
    justify-content: space-between;
    -moz-box-align: center;
    align-items: center;
    gap: 8px;
}

@media (min-width: 0px) {
    .css-r6k15p {
        flex: 0 1 0%;
    }
}
.css-r6k15p svg {
    height: 30px;
}
.css-1fzn3mz {
    user-select: none;
    width: 1em;
    height: 1em;
    display: inline-block;
    flex-shrink: 0;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1);
    fill: currentcolor;
    font-size: 2.1875rem;
    cursor: pointer;
}
.css-c32tpe {
    margin: 0px auto;
    font-style: inherit;
    font-variant: inherit;
    font-stretch: inherit;
    font-size: inherit;
    font-family: inherit;
    font-size-adjust: inherit;
    font-kerning: inherit;
    font-optical-sizing: inherit;
    font-language-override: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    text-decoration: none;
    color: rgb(12, 173, 119);
    font-weight: 600;
    display: flex;
    max-width: fit-content;
}
@media (min-width: 0px) {
    .css-c32tpe {
        flex: 0 1 0%;
    }
}
.css-c32tpe svg {
    width: 86px;
    height: 24px;
}
.css-1l9naf6 {
    display: flex;
    -moz-box-pack: end;
    justify-content: flex-end;
    flex: 1 1 0%;
    cursor: pointer;
}
.css-10awpu8 {
    display: flex;
    -moz-box-align: center;
    align-items: center;
    gap: 8px;
    margin-left: auto;
    margin-right: auto;
}
.css-164pq0e {
    user-select: none;
    display: inline-block;
    flex-shrink: 0;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1);
    fill: currentcolor;
    font-size: 1.5rem;
    width: 28px;
    height: 28px;
}
.css-14jthmv {
    margin: 0px;
    font-family: Montserrat;
    line-height: 1.5;
    font-size: 11px;
    font-weight: 500;
    text-transform: capitalize;
}
.css-19hlaqa {
    margin: -2px 0px 0px;
    font-family: Montserrat;
    line-height: 1.5;
    color: transparent;
    font-size: 11px;
    font-weight: 700;
    background: linear-gradient(rgb(78, 255, 195) 0%, rgb(37, 206, 118) 100%) padding-box text;
    -webkit-text-fill-color: transparent;
}
.css-h9u0qk {
    display: inline-flex;
    -moz-box-align: center;
    align-items: center;
    -moz-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    outline: 0px;
    margin: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    font-family: Montserrat, Oswald, sans-serif;
    text-transform: uppercase;
    border: 0px;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1), color 250ms cubic-bezier(0.4, 0, 0.2, 1);
    color: var(--variant-containedColor);
    --variant-textColor: #FFA510;
    --variant-outlinedColor: #FFA510;
    --variant-outlinedBorder: rgba(255, 165, 16, 0.5);
    --variant-containedColor: rgba(0, 0, 0, 0.87);
    --variant-containedBg: #FFA510;
    border-radius: 84px;
    padding: 13.6px 12px;
    font-weight: 800;
    line-height: 1;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 26px 0px, rgba(0, 0, 0, 0.25) 0px -4px 0px 0px inset;
    background: linear-gradient(rgb(255, 199, 2) 0%, rgb(255, 139, 32) 100%);
    height: 32px;
    font-size: 12px;
    min-width: fit-content;
}
.css-r6k15p {
    display: flex;
    -moz-box-pack: justify;
    justify-content: space-between;
    -moz-box-align: center;
    align-items: center;
    gap: 8px;
}
@media (min-width: 0px) {
    .css-r6k15p {
        flex: 0 1 0%;
    }
}
.css-r6k15p svg {
    height: 30px;
}
.css-1fzn3mz {
    user-select: none;
    width: 1em;
    height: 1em;
    display: inline-block;
    flex-shrink: 0;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1);
    fill: currentcolor;
    font-size: 2.1875rem;
    cursor: pointer;
}
.css-c32tpe {
    margin: 0px auto;
    font-style: inherit;
    font-variant: inherit;
    font-stretch: inherit;
    font-size: inherit;
    font-family: inherit;
    font-size-adjust: inherit;
    font-kerning: inherit;
    font-optical-sizing: inherit;
    font-language-override: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    text-decoration: none;
    color: rgb(12, 173, 119);
    font-weight: 600;
    display: flex;
    max-width: fit-content;
}
@media (min-width: 0px) {
    .css-c32tpe {
        flex: 0 1 0%;
    }
}
.css-c32tpe svg {
    width: 86px;
    height: 24px;
}
.css-1l9naf6 {
    display: flex;
    -moz-box-pack: end;
    justify-content: flex-end;
    flex: 1 1 0%;
    cursor: pointer;
}
.css-10awpu8 {
    display: flex;
    -moz-box-align: center;
    align-items: center;
    gap: 8px;
    margin-left: auto;
    margin-right: auto;
}
.css-164pq0e {
    user-select: none;
    display: inline-block;
    flex-shrink: 0;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1);
    fill: currentcolor;
    font-size: 1.5rem;
    width: 28px;
    height: 28px;
}
.css-14jthmv {
    margin: 0px;
    font-family: Montserrat;
    line-height: 1.5;
    font-size: 11px;
    font-weight: 500;
    text-transform: capitalize;
}
.css-19hlaqa {
    margin: -2px 0px 0px;
    font-family: Montserrat;
    line-height: 1.5;
    color: transparent;
    font-size: 11px;
    font-weight: 700;
    background: linear-gradient(rgb(78, 255, 195) 0%, rgb(37, 206, 118) 100%) padding-box text;
    -webkit-text-fill-color: transparent;
}
.css-h9u0qk {
    display: inline-flex;
    -moz-box-align: center;
    align-items: center;
    -moz-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    outline: 0px;
    margin: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    font-family: Montserrat, Oswald, sans-serif;
    text-transform: uppercase;
    border: 0px;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1), color 250ms cubic-bezier(0.4, 0, 0.2, 1);
    color: var(--variant-containedColor);
    --variant-textColor: #FFA510;
    --variant-outlinedColor: #FFA510;
    --variant-outlinedBorder: rgba(255, 165, 16, 0.5);
    --variant-containedColor: rgba(0, 0, 0, 0.87);
    --variant-containedBg: #FFA510;
    border-radius: 84px;
    padding: 13.6px 12px;
    font-weight: 800;
    line-height: 1;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 26px 0px, rgba(0, 0, 0, 0.25) 0px -4px 0px 0px inset;
    background: linear-gradient(rgb(255, 199, 2) 0%, rgb(255, 139, 32) 100%);
    height: 32px;
    font-size: 12px;
    min-width: fit-content;
}
.css-1h72yxs {
    display: flex;
    -moz-box-pack: center;
    justify-content: center;
    -moz-box-align: center;
    align-items: center;
    padding: 16px;
    height: 100vh;
}
.css-zi0htb {
    display: inline-block;
    animation: 1.4s linear infinite animation-61bdi0;
    color: rgb(12, 173, 119);
}
.css-4rov1c {
    display: block;
    color: rgba(255, 255, 255, 0.6);
    stroke-linecap: round;
}
.css-t5j1kq {
    stroke: currentcolor;
    stroke-dasharray: 80px, 200px;
    stroke-dashoffset: 0px;
    animation: 1.4s ease-in-out infinite animation-1p2h4ri;
}
@keyframes animation-61bdi0{
      
    100%{
        transform:rotate(360deg);
    }
}
@keyframes animation-1p2h4ri{
    0%{
        stroke-dasharray: 1,150;
        stroke-dashoffset: 0;
    }
    50%{
        stroke-dasharray: 90,150;
        stroke-dashoffset: -35;
    }
    100%{
        stroke-dasharray: 1,150;
        stroke-dashoffset: -125;
    }
}
.css-tmvy04 {
    max-height: 100%;
    overflow-y: scroll;
}
.css-s2uf1z {
    text-align: right;
}
.css-18440q0 {
    user-select: none;
    width: 1em;
    height: 1em;
    display: inline-block;
    flex-shrink: 0;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1);
    fill: currentcolor;
    font-size: 1.25rem;
    cursor: pointer;
    float: right;
}
.css-gnjn43 {
    margin: 8px 0px 0px;
    font-family: Oswald;
    font-weight: 600;
    font-size: 24px;
    line-height: 1.167;
    text-transform: uppercase;
    text-align: left;
}
.css-15xfifu {
    margin-top: 16px;
    text-align: left;
}
.css-7rprvo {
    margin: 16px 0px 0px;
    font-family: Montserrat;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
    text-transform: uppercase;
}
.css-vfn0yl {
    display: flex;
    flex-wrap: wrap;
    gap: 2px;
    margin-top: 8px;
}
@media (min-width: 0px) {
    .css-vfn0yl {
        flex-direction: column;
    }
}
.css-khxrrt {
    background-color: rgb(25, 51, 61);
    border-radius: 12px;
    cursor: pointer;
    display: flex;
    padding: 8px;
    -moz-box-align: center;
    align-items: center;
    gap: 8px;
}
.css-rqj5nx {
    display: flex;
    -moz-box-pack: center;
    justify-content: center;
    min-height: 44px;
}
.css-1qsdjpq {
    display: flex;
    -moz-box-align: center;
    align-items: center;
    padding: 8px;
    background-color: rgb(43, 95, 109);
    border-radius: 8px;
}
.css-bc90t {
    object-fit: contain;
    max-height: 20px;
    width: 66px;
}
.css-1d5ba90 {
    margin: 0px;
    font-family: Montserrat;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
    display: block;
}
.css-ns0zoh {
    display: flex;
    -moz-box-pack: justify;
    justify-content: space-between;
    margin-top: 0px;
}
.css-fspo8w {
    margin: 0px 8px 0px 0px;
    font-family: Montserrat;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.6;
}
.css-ymmxp6 {
    margin: 0px;
    font-family: Montserrat;
    font-size: 12px;
    line-height: 1.6;
    font-weight: 600;
}
.css-1k7u0rw {
    margin: 0px;
    font-family: Montserrat;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.6;
}
.css-ymmxp6 {
    margin: 0px;
    font-family: Montserrat;
    font-size: 12px;
    line-height: 1.6;
    font-weight: 600;
}
.css-l4q6nf {
    margin-left: auto;
    margin-top: 8px;
    display: block;
}
.css-s2uf1z {
    text-align: right;
}
.css-1qs8yj2 {
    user-select: none;
    width: 1em;
    height: 1em;
    display: inline-block;
    flex-shrink: 0;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1);
    fill: currentcolor;
    font-size: 1.25rem;
    cursor: pointer;
}
.css-1yuhvjn {
    margin-top: 16px;
}
.css-j489qg {
    cursor: pointer;
    display: flex;
    -moz-box-pack: justify;
    justify-content: space-between;
    -moz-box-align: center;
    align-items: center;
    background-color: transparent;
    border-radius: 8px;
    margin-top: 24px;
}
.css-j0ozid {
    display: flex;
    -moz-box-align: center;
    align-items: center;
    gap: 16px;
}
.css-13brihr {
    text-align: left;
}
.css-2i9s3x {
    margin: 0px;
    font-family: Montserrat;
    font-weight: 700;
    font-size: 16px;
}
.css-1gg0rgf {
    margin: 0px;
    font-family: Montserrat;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
    opacity: 0.75;
}
.css-178yklu {
    margin-top: 24px;
}
.css-z53l98 {
    display: flex;
    -moz-box-pack: justify;
    justify-content: space-between;
    margin-bottom: 12px;
}
.css-1gg0rgf {
    margin: 0px;
    font-family: Montserrat;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
    opacity: 0.75;
}
.css-q9t5za {
    margin: 0px;
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 600;
}
.css-1yuhvjn {
    margin-top: 16px;
}
.css-nd1bez {
    background-color: rgb(12, 29, 35);
    padding: 10.4px;
    border-radius: 13.2px;
}
.css-1ozdr80 {
    display: flex;
    -moz-box-align: center;
    align-items: center;
    justify-content: left;
    margin-bottom: 16px;
    gap: 12px;
}
.css-k9szxe {
    width: 32px;
    height: 32px;
    object-fit: contain;
}
.css-13brihr {
    text-align: left;
}
.css-pwzb00 {
    margin: 0px;
    font-style: inherit;
    font-variant: inherit;
    font-stretch: inherit;
    font-family: inherit;
    font-size-adjust: inherit;
    font-kerning: inherit;
    font-optical-sizing: inherit;
    font-language-override: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    font-size: 16px;
    font-weight: 800;
    color: rgb(255, 255, 255);
    text-decoration: none;
}
.css-ovhjrw {
    margin: 0px;
    font-family: Montserrat;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.6;
    opacity: 0.75;
}
.css-1brfsye {
    position: relative;
    overflow: hidden;
    display: block;
    z-index: 0;
    border-radius: 40px;
    height: 8px;
    background: rgba(255, 255, 255, 0.1);
    margin-bottom: 8px;
}
.css-11a0doz {
    width: 100%;
    position: absolute;
    left: 0px;
    bottom: 0px;
    top: 0px;
    transform-origin: left center 0px;
    transition: transform 0.4s linear;
    border-radius: 40px;
    background: linear-gradient(rgb(255, 199, 2) 0%, rgb(255, 139, 32) 100%);
}
.css-1lekzkb {
    display: flex;
    -moz-box-align: center;
    align-items: center;
    -moz-box-pack: justify;
    justify-content: space-between;
}
.css-70qvj9 {
    display: flex;
    -moz-box-align: center;
    align-items: center;
}
.css-1hujua5 {
    width: 20px;
    height: 20px;
    object-fit: contain;
}
.css-rj34fb {
    margin: 0px 0px 0px 8px;
    font-family: Montserrat;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.6;
}
.css-4gzsiw {
    display: inline-flex;
    -moz-box-align: center;
    align-items: center;
    -moz-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    outline: 0px;
    margin: 16px 0px 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    font-family: Montserrat, Oswald, sans-serif;
    text-transform: uppercase;
    min-width: 64px;
    border: 0px;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1), color 250ms cubic-bezier(0.4, 0, 0.2, 1);
    color: var(--variant-containedColor);
    --variant-textColor: #FFA510;
    --variant-outlinedColor: #FFA510;
    --variant-outlinedBorder: rgba(255, 165, 16, 0.5);
    --variant-containedColor: rgba(0, 0, 0, 0.87);
    --variant-containedBg: #FFA510;
    border-radius: 84px;
    padding: 13.6px 30.4px;
    font-size: 14px;
    font-weight: 800;
    line-height: 1;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 26px 0px, rgba(0, 0, 0, 0.25) 0px -4px 0px 0px inset;
    background: linear-gradient(rgb(255, 199, 2) 0%, rgb(255, 139, 32) 100%);
    width: 100%;
}
.css-1x9y6ia {
    background: rgb(43, 95, 109);
    margin-top: 16px;
    border-radius: 8px;
}
.css-17sv7dz {
    background-color: transparent;
    outline: 0px;
    border: 0px;
    margin: 0px;
    border-radius: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    color: inherit;
    font-family: Montserrat;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
    display: flex;
    -moz-box-pack: start;
    justify-content: flex-start;
    -moz-box-align: center;
    align-items: center;
    position: relative;
    text-decoration: none;
    min-height: 48px;
    padding: 6px 16px;
    box-sizing: border-box;
    white-space: nowrap;
}
.css-1nmosml {
    margin: 0px;
    font-family: Montserrat;
    font-weight: 600;
    font-size: 14px;
}
.css-tmvy04 {
    max-height: 100%;
    overflow-y: scroll;
}
.css-s2uf1z {
    text-align: right;
}
.css-18440q0 {
    user-select: none;
    width: 1em;
    height: 1em;
    display: inline-block;
    flex-shrink: 0;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1);
    fill: currentcolor;
    font-size: 1.25rem;
    cursor: pointer;
    float: right;
}
.css-gnjn43 {
    margin: 8px 0px 0px;
    font-family: Oswald;
    font-weight: 600;
    font-size: 24px;
    line-height: 1.167;
    text-transform: uppercase;
    text-align: left;
}
.css-15xfifu {
    margin-top: 16px;
    text-align: left;
}
.css-1yghex6 {
    display: flex;
    flex-direction: column;
    position: relative;
    height: 100%;
}
.css-axw7ok {
    display: flex;
    -moz-box-align: center;
    align-items: center;
    gap: 8px;
}
.css-1nmosml {
    margin: 0px;
    font-family: Montserrat;
    font-weight: 600;
    font-size: 14px;
}
.css-jnzpsd {
    display: inline-flex;
    flex-direction: column;
    position: relative;
    min-width: 0px;
    padding: 0px;
    margin: 16px 0px 0px;
    border: 0px;
    vertical-align: top;
    width: 100%;
}
.css-jnzpsd .MuiOutlinedInput-root {
    background: rgba(255, 255, 255, 0.1);
    border-radius: 84px;
}
.css-140v09j {
    font-family: Montserrat;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.4375em;
    color: rgb(255, 255, 255);
    box-sizing: border-box;
    cursor: text;
    display: inline-flex;
    -moz-box-align: center;
    align-items: center;
    width: 100%;
    position: relative;
    border-radius: 4px;
    padding-right: 14px;
}
.css-jnzpsd input {
    margin-left: 8px;
}
.css-gav4t6 {
    font: inherit;
    letter-spacing: inherit;
    color: currentcolor;
    border: 0px;
    box-sizing: content-box;
    background: none;
    height: 1.4375em;
    margin: 0px;
    margin-left: 0px;
    display: block;
    min-width: 0px;
    width: 100%;
    animation-name: mui-auto-fill-cancel;
    animation-duration: 10ms;
    padding: 16.5px 0px 16.5px 14px;
}
.css-yxqbup {
    display: flex;
    max-height: 2em;
    -moz-box-align: center;
    align-items: center;
    white-space: nowrap;
    color: rgba(0, 0, 0, 0.54);
    margin-left: 8px;
}
.css-fberia {
    margin: 0px 8px 0px 0px;
    font-family: Montserrat;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
    color: rgb(255, 255, 255);
}
.css-jnzpsd .MuiOutlinedInput-notchedOutline {
    border-width: 0px;
}
.css-5v2ak0 {
    text-align: left;
    position: absolute;
    inset: -5px 0px 0px;
    margin: 0px;
    padding: 0px 8px;
    pointer-events: none;
    border-radius: inherit;
    border-style: solid;
    border-width: 1px;
    overflow: hidden;
    min-width: 0%;
    border-color: rgba(0, 0, 0, 0.23);
}
.css-140v09j legend {
    max-width: 0px;
}
.css-w4cd9x {
    float: unset;
    width: auto;
    overflow: hidden;
    padding: 0px;
    line-height: 11px;
    transition: width 150ms cubic-bezier(0, 0, 0.2, 1);
}
.css-16s7o2u {
    display: flex;
    -moz-box-pack: justify;
    justify-content: space-between;
    margin-top: 24px;
}
.css-1bdu05i {
    margin: 0px;
    font-family: Montserrat;
    font-size: 12px;
    line-height: 1.6;
    font-weight: 700;
}
.css-6lzzp6 {
    display: flex;
    gap: 24px;
}
.css-1k7u0rw {
    margin: 0px;
    font-family: Montserrat;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.6;
}
.css-1k7u0rw {
    margin: 0px;
    font-family: Montserrat;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.6;
}
.css-1bdu05i {
    margin: 0px;
    font-family: Montserrat;
    font-size: 12px;
    line-height: 1.6;
    font-weight: 700;
}
.css-p59d9u {
    display: flex;
    -moz-box-pack: justify;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    margin-top: 24px;
}
.css-1k25c2s {
    background-color: rgb(43, 95, 109);
    border-radius: 24px;
    padding: 8px;
    min-width: 104px;
    text-align: center;
    display: flex;
    place-content: center;
    cursor: pointer;
    border: 3px solid rgb(43, 95, 109);
    -moz-box-flex: 1;
    flex-grow: 1;
}
.css-1ae2vgo {
    margin: 0px;
    font-family: Montserrat;
    font-weight: 600;
    font-size: 14px;
    line-height: 2;
}
.css-1d84m3o {
    display: inline-flex;
    -moz-box-align: center;
    align-items: center;
    -moz-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    outline: 0px;
    margin: 24px 0px 16px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    font-family: Montserrat, Oswald, sans-serif;
    text-transform: uppercase;
    min-width: 64px;
    border: 0px;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1), color 250ms cubic-bezier(0.4, 0, 0.2, 1);
    color: var(--variant-containedColor);
    --variant-textColor: #FFA510;
    --variant-outlinedColor: #FFA510;
    --variant-outlinedBorder: rgba(255, 165, 16, 0.5);
    --variant-containedColor: rgba(0, 0, 0, 0.87);
    --variant-containedBg: #FFA510;
    width: 100%;
    border-radius: 84px;
    padding: 13.6px 30.4px;
    font-size: 14px;
    font-weight: 800;
    line-height: 1;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 26px 0px, rgba(0, 0, 0, 0.25) 0px -4px 0px 0px inset;
    background: linear-gradient(rgb(255, 199, 2) 0%, rgb(255, 139, 32) 100%);
}
@media (min-width: 0px) {
    .css-md1iwo {
        margin-top: 0px;
    }
}
@media (min-width: 0px) {
    .css-1ws9ff7 {
        margin-left: 8px;
        margin-right: 8px;
    }
}
.css-g0b1jl {
    cursor: pointer;
    display: flex;
    -moz-box-pack: justify;
    justify-content: space-between;
    -moz-box-align: center;
    align-items: center;
    background-color: transparent;
    border-radius: 8px;
    padding: 10px;
}
.css-j0ozid {
    display: flex;
    -moz-box-align: center;
    align-items: center;
    gap: 16px;
}
.css-13brihr {
    text-align: left;
}
.css-2i9s3x {
    margin: 0px;
    font-family: Montserrat;
    font-weight: 700;
    font-size: 16px;
}
.css-1gg0rgf {
    margin: 0px;
    font-family: Montserrat;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
    opacity: 0.75;
}
.css-1yuhvjn {
    margin-top: 16px;
}
.css-12y7kwm {
    display: flex;
    -moz-box-pack: justify;
    justify-content: space-between;
    margin-bottom: 8px;
}
@media (min-width: 0px) {
    .css-12y7kwm {
        padding-left: 20px;
        padding-right: 20px;
    }
}
.css-1gg0rgf {
    margin: 0px;
    font-family: Montserrat;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
    opacity: 0.75;
}
.css-q9t5za {
    margin: 0px;
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 600;
}
.css-nd1bez {
  
    background-color: rgb(12, 29, 35);
    padding: 10.4px;
    border-radius: 13.2px;
}
.css-1ozdr80 {
    display: flex;
    -moz-box-align: center;
    align-items: center;
    justify-content: left;
    margin-bottom: 16px;
    gap: 12px;
}
.css-k9szxe {
    width: 32px;
    height: 32px;
    object-fit: contain;
}
.css-13brihr {
    text-align: left;
}
.css-pwzb00 {
    margin: 0px;
    font-style: inherit;
    font-variant: inherit;
    font-stretch: inherit;
    font-family: inherit;
    font-size-adjust: inherit;
    font-kerning: inherit;
    font-optical-sizing: inherit;
    font-language-override: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    font-size: 16px;
    font-weight: 800;
    color: rgb(255, 255, 255);
    text-decoration: none;
}
.css-ovhjrw {
    margin: 0px;
    font-family: Montserrat;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.6;
    opacity: 0.75;
}
.css-1brfsye {
    position: relative;
    overflow: hidden;
    display: block;
    z-index: 0;
    border-radius: 40px;
    height: 8px;
    background: rgba(255, 255, 255, 0.1);
    margin-bottom: 8px;
}
.css-11a0doz {
    width: 100%;
    position: absolute;
    left: 0px;
    bottom: 0px;
    top: 0px;
    transform-origin: left center 0px;
    transition: transform 0.4s linear;
    border-radius: 40px;
    background: linear-gradient(rgb(255, 199, 2) 0%, rgb(255, 139, 32) 100%);
}
.css-1lekzkb {
    display: flex;
    -moz-box-align: center;
    align-items: center;
    -moz-box-pack: justify;
    justify-content: space-between;
}
.css-70qvj9 {
    display: flex;
    -moz-box-align: center;
    align-items: center;
}
.css-1hujua5 {
    width: 20px;
    height: 20px;
    object-fit: contain;
}
.css-rj34fb {
    margin: 0px 0px 0px 8px;
    font-family: Montserrat;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.6;
}
.css-1xnk2te {
    display: block;
    background-image: url("/roku/img/info-page-bg.2a6901cf43766f0e.png");
    background-position: center center;
    background-size: cover;
    width: 100%;
    height: 600px;
    position: absolute;
    left: 0px;
    z-index: -1;
}
.css-4e33re {
    width: 100%;
    margin-left: auto;
    box-sizing: border-box;
    margin-right: auto;
    padding-bottom: 0px;
    margin-top: 32px;
    position: relative;
}
@media (min-width: 0px) {
    .css-4e33re {
        padding-left: 16px;
        padding-right: 16px;
    }
}
.css-1syd8qv {
    margin: 0px 0px 16px;
    font-family: Oswald;
    line-height: 1.167;
    text-align: var(--Typography-textAlign);
    color: rgb(255, 255, 255);
    font-weight: 700;
    font-size: 50px;
    text-transform: uppercase;
}
@media (max-width: 900px) {
    .css-1syd8qv {
        font-size: 50px;
    }
}
.css-m4q456 {
    margin: 0px 0px 24px;
    font-family: Montserrat;
    font-size: 18px;
    line-height: 1.235;
    text-align: var(--Typography-textAlign);
    color: rgb(255, 255, 255);
    font-weight: 500;
}
@media (max-width: 900px) {
    .css-m4q456 {
        font-size: 16px;
        font-weight: 800;
    }
}
@media (min-width: 0px) {
    .css-m4q456 {
        display: none;
    }
}
.css-1n7uax0 {
    display: flex;
    -moz-box-pack: center;
    justify-content: center;
    padding-bottom: 4px;
    margin-bottom: 36px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.css-y996k8 {
    overflow: hidden;
    display: flex;
    min-height: 35px;
}
.css-1fh8oie {
    position: relative;
    display: inline-block;
    flex: 1 1 auto;
    white-space: nowrap;
    width: 100%;
    overflow-x: scroll;
    scrollbar-width: none;
}
.css-16m3ahf {
    display: flex;
    gap: 16px;
}
.css-zryn1i {
    margin: 0px;
    font-family: Montserrat;
    font-weight: 600;
    font-size: 14px;
    text-align: var(--Typography-textAlign);
    opacity: 1;
    cursor: pointer;
    display: block;
    position: relative;
}
.css-mnq6pn {
    margin: 0px;
    font-family: Montserrat;
    font-weight: 600;
    font-size: 14px;
    text-align: var(--Typography-textAlign);
    opacity: 0.7;
    cursor: pointer;
    display: block;
    position: relative;
}
.css-196j7ln {
    position: absolute;
    bottom: 0px;
    width: 100%;
    transition: 300ms cubic-bezier(0.4, 0, 0.2, 1);
    background-color: rgb(255, 165, 16);
    height: 4px;
    border-radius: 2px;
}
.css-zis9au {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.css-1eh81cb {
    background-color: rgb(25, 51, 61);
    border-radius: 12px;
    margin-bottom: 20px;
}
@media (min-width: 0px) {
    .css-1eh81cb {
        display: none;
    }
}
.css-114dya7 {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(1, 1fr);
    margin-top: 16px;
}
.css-1jwv1io {
    background-color: rgb(25, 51, 61);
    border-radius: 12px;
    overflow: hidden;
    height: 100%;
    display: flex;
    flex-direction: column;
}
.css-w69t6v {
    display: block;
    position: relative;
    background-position: center center;
    background-size: cover;
    background-image: url("/roku/img/99400c70-636c-434a-8a8e-594c6d735fb8.webp");
}
@media (min-width: 0px) {
    .css-w69t6v {
        height: 192px;
    }
}
.css-xoeegi {
    height: 195px;
    display: flex;
    flex-direction: column;
    -moz-box-pack: justify;
    justify-content: space-between;
    box-sizing: border-box;
}
@media (min-width: 0px) {
    .css-xoeegi {
        padding: 16px;
    }
}
.css-1ockmc2 {
    margin: 0px 0px 8px;
    font-family: Oswald;
    font-size: 24px;
    line-height: 1.167;
    color: rgb(255, 255, 255);
    max-height: 54px;
    overflow: hidden;
    font-weight: 700;
    text-transform: uppercase;
}
.css-1xqblcm {
    margin: 0px;
    font-family: Montserrat;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
    display: -webkit-box;
    -moz-box-orient: vertical;
    -webkit-line-clamp: 3;
    max-height: 60px;
    text-overflow: ellipsis;
    overflow: hidden;
}
.css-70qvj9 {
    display: flex;
    -moz-box-align: center;
    align-items: center;
}
.css-jrjzof {
    display: inline-flex;
    -moz-box-align: center;
    align-items: center;
    -moz-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    outline: 0px;
    margin: 0px 16px 0px 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    font-family: Montserrat, Oswald, sans-serif;
    text-transform: uppercase;
    min-width: 64px;
    border: 0px;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1), color 250ms cubic-bezier(0.4, 0, 0.2, 1);
    color: var(--variant-containedColor);
    --variant-textColor: #FFA510;
    --variant-outlinedColor: #FFA510;
    --variant-outlinedBorder: rgba(255, 165, 16, 0.5);
    --variant-containedColor: rgba(0, 0, 0, 0.87);
    --variant-containedBg: #FFA510;
    border-radius: 84px;
    padding: 13.6px 30.4px;
    font-size: 14px;
    font-weight: 800;
    line-height: 1;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 26px 0px, rgba(0, 0, 0, 0.25) 0px -4px 0px 0px inset;
    background: linear-gradient(rgb(255, 199, 2) 0%, rgb(255, 139, 32) 100%);
}
.css-1plpc3k {
    display: inline-flex;
    -moz-box-align: center;
    align-items: center;
    -moz-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    outline: 0px;
    margin: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    font-family: Montserrat, Oswald, sans-serif;
    text-transform: uppercase;
    min-width: 64px;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1), color 250ms cubic-bezier(0.4, 0, 0.2, 1);
    background-color: var(--variant-outlinedBg);
    --variant-textColor: #0CAD77;
    --variant-outlinedColor: #0CAD77;
    --variant-outlinedBorder: rgba(12, 173, 119, 0.5);
    --variant-containedColor: rgba(0, 0, 0, 0.87);
    --variant-containedBg: #0CAD77;
    border-radius: 84px;
    font-size: 14px;
    font-weight: 800;
    line-height: 1;
    color: rgb(255, 255, 255);
    border: 3px solid rgb(12, 173, 119);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 26px 0px;
    padding: 10.8px 30.4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.css-1y4or9s {
    display: block;
    position: relative;
    background-position: center center;
    background-size: cover;
    background-image: url("/roku/img/4d283f13-429d-4969-a354-06aeef43b31a.webp");
}
@media (min-width: 0px) {
    .css-1y4or9s {
        height: 192px;
    }
}
.css-175qewe {
    display: block;
    position: relative;
    background-position: center center;
    background-size: cover;
    background-image: url("/roku/img/2f0ef45a-7e75-4d2d-95da-91a71cecbe92.webp");
}
@media (min-width: 0px) {
    .css-175qewe {
        height: 192px;
    }
}
.css-msgekb {
    display: block;
    position: relative;
    background-position: center center;
    background-size: cover;
    background-image: url("/roku/img/92c35751-006d-4672-beb4-bfd6f1a80f37.webp");
}
@media (min-width: 0px) {
    .css-msgekb {
        height: 192px;
    }
}
.css-2a3lf3 {
    display: block;
    position: relative;
    background-position: center center;
    background-size: cover;
    background-image: url("/roku/img/ec2ab5b2-14f6-4e68-bef5-50dbfcd5218b.webp");
}
@media (min-width: 0px) {
    .css-2a3lf3 {
        height: 192px;
    }
}.css-1aa1pl {
     display: block;
     position: relative;
     background-position: center center;
     background-size: cover;
     background-image: url("/roku/img/aac3a689-35af-4d4b-9561-a2adc1017559.webp");
 }
@media (min-width: 0px) {
    .css-1aa1pl {
        height: 192px;
    }
}
.css-ry0jw4 {
    display: block;
    position: relative;
    background-position: center center;
    background-size: cover;
    background-image: url("/roku/img/5670e46a-3532-40ff-8b22-704d01dec7fa.webp");
}
@media (min-width: 0px) {
    .css-ry0jw4 {
        height: 192px;
    }
}
.css-16yicmn {
    display: block;
    position: relative;
    background-position: center center;
    background-size: cover;
    background-image: url("/roku/img/e597c57b-fcb5-4460-b8b1-72cbe7924168.webp");
}
@media (min-width: 0px) {
    .css-16yicmn {
        height: 192px;
    }
}
.css-79elbk {
    position: relative;
}
.css-fy0vum {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    height: 2px;
    background-color: rgba(255, 255, 255, 0.1);
    z-index: 5;
}
.css-13snd7f {
    display: flex;
    -moz-box-pack: justify;
    justify-content: space-between;
    overflow: scroll hidden;
    gap: 16px;
    border-top: 2px solid rgba(255, 255, 255, 0.1);
    padding-left: 8px;
    padding-right: 8px;
    z-index: 6;
    position: relative;
    scrollbar-width: none;
}
.css-q6625j {
    display: flex;
    flex-direction: column;
    -moz-box-align: center;
    align-items: center;
    gap: 6px;
    flex: 0 0 120px;
    width: 120px;
    min-width: 120px;
    padding-top: 16px;
    padding-bottom: 12px;
    position: relative;
    cursor: pointer;
    text-align: center;
}
.css-1fpldq5 {
    width: 44px;
    height: auto;
}
.css-1obxe2 {
    margin: 0px;
    font-family: Montserrat;
    font-size: 12px;
    line-height: 1.6;
    width: 120px;
    text-transform: capitalize;
    font-weight: 600;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.css-7u8cnn {
    background: linear-gradient(rgb(255, 199, 2) 0%, rgb(255, 139, 32) 100%);
    height: 4px;
    border-radius: 2px;
    position: absolute;
    bottom: 0px;
    width: 110%;
    left: 50%;
    transform: translate(-50%);
}
.css-u5id8y {
    display: flex;
    flex-direction: column;
    -moz-box-align: center;
    align-items: center;
    -moz-box-pack: justify;
    justify-content: space-between;
    gap: 6px;
    flex: 0 0 120px;
    width: 120px;
    min-width: 120px;
    padding-top: 16px;
    padding-bottom: 12px;
    position: relative;
    cursor: pointer;
    text-align: center;
}
.css-1obxe2 {
    margin: 0px;
    font-family: Montserrat;
    font-size: 12px;
    line-height: 1.6;
    width: 120px;
    text-transform: capitalize;
    font-weight: 600;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.css-thm7 {
    padding: 16px;
}
.css-k008qs {
    display: flex;
}
.css-10ua8s4 {
    display: inline-flex;
    flex-direction: column;
    position: relative;
    min-width: 0px;
    padding: 0px;
    margin: 0px;
    border: 0px;
    vertical-align: top;
    width: 100%;
    -moz-box-flex: 1;
    flex-grow: 1;
}
.css-10ua8s4 .MuiOutlinedInput-root {
    background: rgba(255, 255, 255, 0.1);
    border-radius: 84px;
}
.css-15o75ie {
    font-family: Montserrat;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.4375em;
    color: rgb(255, 255, 255);
    box-sizing: border-box;
    cursor: text;
    display: inline-flex;
    -moz-box-align: center;
    align-items: center;
    width: 100%;
    position: relative;
    border-radius: 4px;
    padding-left: 14px;
    height: 44px;
}
.css-1f6kg7i {
    display: flex;
    max-height: 2em;
    -moz-box-align: center;
    align-items: center;
    white-space: nowrap;
    color: rgba(0, 0, 0, 0.54);
    margin-right: 8px;
}
.css-10ua8s4 input {
    margin-left: 8px;
}
.css-iogv4w {
    font: inherit;
    letter-spacing: inherit;
    color: currentcolor;
    border: 0px;
    box-sizing: content-box;
    background: none;
    height: 1.4375em;
    margin: 0px;
    margin-left: 0px;
    display: block;
    min-width: 0px;
    width: 100%;
    animation-name: mui-auto-fill-cancel;
    animation-duration: 10ms;
    padding: 16.5px 14px 16.5px 0px;
}
.css-10ua8s4 .MuiOutlinedInput-notchedOutline {
    border-width: 0px;
}
.css-5v2ak0 {
    text-align: left;
    position: absolute;
    inset: -5px 0px 0px;
    margin: 0px;
    padding: 0px 8px;
    pointer-events: none;
    border-radius: inherit;
    border-style: solid;
    border-width: 1px;
    overflow: hidden;
    min-width: 0%;
    border-color: rgba(0, 0, 0, 0.23);
}
.css-15o75ie legend {
    max-width: 0px;
}
.css-w4cd9x {
    float: unset;
    width: auto;
    overflow: hidden;
    padding: 0px;
    line-height: 11px;
    transition: width 150ms cubic-bezier(0, 0, 0.2, 1);
}
.css-14909nn {
    margin-left: 16px;
    height: 44px;
    width: 44px;
    -moz-box-flex: 0;
    flex-grow: 0;
    flex-shrink: 1;
}
.css-805n7c {
    user-select: none;
    display: inline-block;
    flex-shrink: 0;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1);
    fill: currentcolor;
    font-size: 1.5rem;
    width: 48px;
    height: 46px;
}
.css-113kb26 {
    width: 100%;
    margin-left: auto;
    box-sizing: border-box;
    margin-right: auto;
    padding-bottom: 0px;
    margin-top: 16px;
}
@media (min-width: 0px) {
    .css-113kb26 {
        padding-left: 16px;
        padding-right: 16px;
    }
}
.css-46b038 {
    margin-top: 30px;
}
.css-1lekzkb {
    display: flex;
    -moz-box-align: center;
    align-items: center;
    -moz-box-pack: justify;
    justify-content: space-between;
}
.css-mdw43j {
    margin: 0px 0px 12px;
    font-family: Oswald;
    line-height: 1.167;
    color: rgb(255, 255, 255);
    font-weight: 700;
    text-transform: uppercase;
    font-size: 18px;
}
.css-1upyeg7 {
    display: inline-flex;
    -moz-box-align: center;
    align-items: center;
    -moz-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    outline: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    font-family: Montserrat, Oswald, sans-serif;
    min-width: 64px;
    border: 0px;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1), color 250ms cubic-bezier(0.4, 0, 0.2, 1);
    --variant-textColor: #FFA510;
    --variant-outlinedColor: #FFA510;
    --variant-outlinedBorder: rgba(255, 165, 16, 0.5);
    --variant-containedColor: rgba(0, 0, 0, 0.87);
    --variant-containedBg: #FFA510;
    border-radius: 84px;
    font-size: 14px;
    line-height: 1;
    color: rgb(78, 255, 195);
    background: transparent;
    margin: 0px 0px 14px;
    padding: 0px;
    font-weight: 700;
    text-transform: capitalize;
    text-decoration: none;
}
.css-79elbk {
    position: relative;
}
.css-18o5e38 {
    left: -40px;
}
@media (min-width: 0px) {
    .css-18o5e38 {
        display: none;
    }
}
.css-1w94lul {
    right: -40px;
}
@media (min-width: 0px) {
    .css-1w94lul {
        display: none;
    }
}
.css-1msr6mi {
    display: flex;
    gap: 10px;
    padding-bottom: 8px;
    padding-top: 52px;
    overflow-x: auto;
}
.css-2fdrea {
    min-width: 42%;
    min-height: 64px;
    border-radius: 8px;
    flex: 1 1 0%;
    display: flex;
    -moz-box-pack: center;
    justify-content: center;
    padding-top: 24px;
    padding-inline: 4px;
    -moz-box-align: center;
    align-items: center;
    position: relative;
    cursor: pointer;
}
.css-2fdrea::before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    z-index: -1;
    background: linear-gradient(rgb(41, 38, 58) 0%, rgb(20, 74, 79) 51.23%, rgb(41, 38, 58) 100%) 0px 0px / 100% 200%;
    transition: background-position 0.2s ease-in-out;
}
.css-162ln53 {
    background-image: url("/roku/img/crash-games.svg");
    background-repeat: no-repeat;
    background-size: cover;
    width: 74px;
    height: 71px;
    position: absolute;
    top: -8px;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: width 0.3s ease-in-out, height 0.3s ease-in-out, top 0.3s ease-in-out, transform 0.3s ease-in-out;
}
.css-g1gfkc {
    margin: 0px;
    font-family: Montserrat;
    font-size: 14px;
    line-height: 1.5;
    text-align: center;
    text-transform: uppercase;
    -moz-box-align: end;
    align-items: end;
    font-weight: 800 !important;
}
@media (min-width: 0px) {
    .css-g1gfkc {
        font-size: 11px;
    }
}
.css-adpqfo {
    background-image: url("/roku/img/drop-n-wins.svg");
    background-repeat: no-repeat;
    background-size: cover;
    width: 74px;
    height: 71px;
    position: absolute;
    top: -8px;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: width 0.3s ease-in-out, height 0.3s ease-in-out, top 0.3s ease-in-out, transform 0.3s ease-in-out;
}
.css-1p2dfnw {
    background-image: url("/roku/img/bonus-buy.svg");
    background-repeat: no-repeat;
    background-size: cover;
    width: 74px;
    height: 71px;
    position: absolute;
    top: -8px;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: width 0.3s ease-in-out, height 0.3s ease-in-out, top 0.3s ease-in-out, transform 0.3s ease-in-out;
}

.css-hgnu3e {
    background-image: url("/roku/img/high-multiplier.svg");
    background-repeat: no-repeat;
    background-size: cover;
    width: 74px;
    height: 71px;
    position: absolute;
    top: -8px;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: width 0.3s ease-in-out, height 0.3s ease-in-out, top 0.3s ease-in-out, transform 0.3s ease-in-out;
}
.css-178yklu {
    margin-top: 24px;
}
.css-1dbyr1p {
    background-image: url("/roku/img/8b5c3036-172b-44c5-9a3d-371942738e2e.webp");
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    -moz-box-pack: justify;
    justify-content: space-between;
    border-radius: 16px;
}
@media (min-width: 0px) {
    .css-1dbyr1p {
        flex-direction: column;
    }
}
.css-fzjks5 {
    padding: 16px 24px;
    -moz-box-flex: 1;
    flex-grow: 1;
    display: flex;
    -moz-box-pack: justify;
    justify-content: space-between;
}
@media (min-width: 0px) {
    .css-fzjks5 {
        min-height: 140px;
        flex-direction: row;
    }
}
.css-1d6hzfm {
    margin: 0px 0px 16px;
    font-family: Oswald;
    line-height: 1.2;
    font-size: 32px;
    font-weight: 700;
}
@media (max-width: 900px) {
    .css-1d6hzfm {
        font-size: 30px;
    }
}
.css-1mea78b {
    margin: 0px;
    font-family: Montserrat;
    font-size: 14px;
    --Link-underlineColor: rgba(255, 165, 16, 0.4);
    color: rgb(78, 255, 195);
    text-decoration: none;
    font-weight: 700;
}
.css-d298ux {
    width: auto;
    height: auto;
    max-width: 226px;
    max-height: 80px;
    object-fit: contain;
}
.css-486e1h {
    display: flex;
    -moz-box-flex: 0;
    flex: 0 0 auto;
    justify-content: space-around;
    -moz-box-align: center;
    align-items: center;
    gap: 8px;
    padding: 16px;
    border-radius: 0px 0px 16px 16px;
    width: fit-content;
    overflow: auto hidden;
}
@media (min-width: 0px) {
    .css-486e1h {
        background: rgb(25, 51, 61);
        flex-wrap: nowrap;
        max-width: 100%;
        min-width: 100%;
    }
}
@media (min-width: 0px) {
    .css-1s5x4fe {
        flex: 0 0 auto;
        min-width: 56px;
    }
}
.css-cvxihp {
    position: relative;
    margin-right: 0px;
    border-radius: 12px;
    background-color: rgb(25, 51, 61);
    cursor: pointer;
}
@media (min-width: 0px) {
    .css-cvxihp {
        width: 56px;
        height: 56px;
    }
}
.css-cp4ooh {
    z-index: 1;
    background-image: url("/roku/img/a8b12eac-0397-436d-b8b3-5628502640fe.webp");
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 12px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
.css-10ejk0n {
    position: absolute;
    inset: 0px;
    background-color: rgba(0, 0, 0, 0.65);
    border-radius: 8px;
    z-index: 3;
    opacity: 0;
    transition: opacity 0.3s ease-out, transform 0.3s ease-out;
    display: flex;
    -moz-box-pack: center;
    justify-content: center;
    -moz-box-align: center;
    align-items: center;
    flex-direction: column;
    text-overflow: ellipsis;
    padding-left: 8px;
    padding-right: 8px;
}
.css-pazhjw {
    user-select: none;
    display: inline-block;
    flex-shrink: 0;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1);
    fill: currentcolor;
    font-size: 1.5rem;
    width: 30px;
    height: 30px;
}
.css-1cz8l0h {
    z-index: 1;
    background-image: url("/roku/img/ee4d798b-5a1f-4d39-a52c-393332876c7b.webp");
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 12px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
.css-14pzwn0 {
    z-index: 1;
    background-image: url("/roku/img/9b032aa8-4b85-46c9-8b27-741379bab314.webp");
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 12px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
.css-itp404 {
    z-index: 1;
    background-image: url("/roku/img/24c3f7ca-f535-48b3-84c8-da99c1745bc8.webp");
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 12px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
.css-1tv8l2b {
    z-index: 1;
    background-image: url("/roku/img/51193bf5-9357-4b89-968b-5adafa84aee4.webp");
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 12px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
.css-onp99i {
    z-index: 1;
    background-image: url("/roku/img/ea1f14ab-6b9f-4afe-8f53-75e18bf03225.webp");
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 12px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
.css-18f4231 {
    z-index: 1;
    background-image: url("/roku/img/2a773f92-d236-426a-a093-4646312b9926.webp");
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 12px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
.css-1fffpiy {
    z-index: 1;
    background-image: url("/roku/img/2ce45627-2501-45e7-96f3-06312ad89808.webp");
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 12px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
.css-zjej7e {
    z-index: 1;
    background-image: url("/roku/img/d0e8ade8-90d8-4563-bc95-a5860af5600a.webp");
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 12px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
.css-1cnwn8c {
    z-index: 1;
    background-image: url("/roku/img/0000c406-e2f0-446a-9f21-d7fdc42df453.webp");
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 12px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
.css-uz7v7v {
    display: grid;
    gap: 12px;
    margin-top: 16px;
}

@media (min-width: 0px) {
    .css-uz7v7v {
        grid-template-columns: repeat(2, 1fr);
    }
}
.css-1jke4yk {
    position: relative;
    width: 100%;
}

.css-17u1o4b {
    position: relative;
    padding-top: 71.4286%;
    overflow: hidden;
    border-radius: 12px;
    cursor: pointer;
    background-color: rgb(25, 51, 61);
}
.css-10ejk0n {
    position: absolute;
    inset: 0px;
    background-color: rgba(0, 0, 0, 0.65);
    border-radius: 8px;
    z-index: 3;
    opacity: 0;
    transition: opacity 0.3s ease-out, transform 0.3s ease-out;
    display: flex;
    -moz-box-pack: center;
    justify-content: center;
    -moz-box-align: center;
    align-items: center;
    flex-direction: column;
    text-overflow: ellipsis;
    padding-left: 8px;
    padding-right: 8px;
}
.css-1g37p37 {
    user-select: none;
    width: 1em;
    height: 1em;
    display: inline-block;
    flex-shrink: 0;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1);
    fill: currentcolor;
    font-size: 1.5rem;
}
.css-ac1m21 {
    margin: 8px 0px 0px;
    font-family: Montserrat;
    font-size: 12px;
    line-height: 1.6;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 600;
    max-width: 100%;
}
.css-zpy002 {
    text-transform: capitalize;
    padding: 4px;
}
.css-1lj5b9o {
    margin: 0px;
    font-family: Montserrat;
    font-weight: 700;
    font-size: 14px;
    background-image: linear-gradient(rgb(78, 255, 195) 0%, rgb(37, 206, 118) 100%);
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
.css-1nyht80 {
    position: absolute;
    inset: 0px;
    background-image: url("/roku/img/89330ac5-4e85-4689-bdcb-8420d7b2dd5b.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 8px;
    transition: transform 0.3s ease-out;
}
.css-vlotto {
    position: absolute;
    inset: 0px;
    background-image: url("/roku/img/4cec5dfb-7d77-4921-b13c-a97d84cae491.webp");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 8px;
    transition: transform 0.3s ease-out;
}
.css-osj1v5 {
    position: absolute;
    inset: 0px;
    background-image: url("/roku/img/b2c96a95-c11a-4bf7-9bfe-5b02229b1b13.webp");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 8px;
    transition: transform 0.3s ease-out;
}
.css-133cxwf {
    position: absolute;
    inset: 0px;
    background-image: url("/roku/img/0b202c95-c6e4-4c62-8c92-7a2f58f6f3cc.webp");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 8px;
    transition: transform 0.3s ease-out;
}
.css-1tcyfld {
    position: absolute;
    inset: 0px;
    background-image: url("/roku/img/7c351bd8-5404-4fe5-b5c4-108938b9a7fe.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 8px;
    transition: transform 0.3s ease-out;
}
.css-1qj7p78 {
    position: absolute;
    inset: 0px;
    background-image: url("/roku/img/2dd197d9-4199-44ac-abf7-64bc571b02f7.webp");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 8px;
    transition: transform 0.3s ease-out;
}
.css-19bcul7 {
    position: absolute;
    inset: 0px;
    background-image: url("/roku/img/6c4aba8a-fc05-46ac-8c2d-b9b350827e42.webp");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 8px;
    transition: transform 0.3s ease-out;
}
.css-1ips4gq {
    position: absolute;
    inset: 0px;
    background-image: url("/roku/img/79362faf-e732-4d06-973e-dc895ff27f13.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 8px;
    transition: transform 0.3s ease-out;
}
.css-1blsom5 {
    position: absolute;
    inset: 0px;
    background-image: url("/roku/img/150abc44-7618-41c5-bdd8-ff0ea883b5ae.webp");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 8px;
    transition: transform 0.3s ease-out;
}
.css-ag2ggx {
    position: absolute;
    inset: 0px;
    background-image: url("/roku/img/462671dd-24c6-4204-bb35-41817e5f1ed0.webp");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 8px;
    transition: transform 0.3s ease-out;
}
.css-1x8z5fc {
    position: absolute;
    inset: 0px;
    background-image: url("/roku/img/32b40d41-48d4-49b8-9cf1-3596a3a00f9c.jpeg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 8px;
    transition: transform 0.3s ease-out;
}
.css-1f2j1yk {
    position: absolute;
    inset: 0px;
    background-image: url("/roku/img/0bfa076f-b1d3-41ae-965e-03a86c3ec03f.webp");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 8px;
    transition: transform 0.3s ease-out;
}
.css-1s036ij {
    position: absolute;
    inset: 0px;
    background-image: url("/roku/img/5db75543-02e9-4ad9-a670-5012afa16e98.webp");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 8px;
    transition: transform 0.3s ease-out;
}
.css-1e6h56n {
    position: absolute;
    inset: 0px;
    background-image: url("/roku/img/30dde2de-05d9-4009-a49c-b46f26d8a8a8.webp");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 8px;
    transition: transform 0.3s ease-out;
}
.css-16o2qx3 {
    position: absolute;
    inset: 0px;
    background-image: url("/roku/img/899ac33c-b889-4309-9451-e87a9f330801.webp");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 8px;
    transition: transform 0.3s ease-out;
}
.css-1beg7kn {
    position: absolute;
    inset: 0px;
    background-image: url("/roku/img/22ac10ef-4f89-45a9-8219-97c1671417e1.webp");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 8px;
    transition: transform 0.3s ease-out;
}
.css-rs0le9 {
    position: absolute;
    inset: 0px;
    background-image: url("/roku/img/bd8a261e-8687-42fc-98b4-13e9a0de91a6.webp");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 8px;
    transition: transform 0.3s ease-out;
}
.css-117q187 {
    position: absolute;
    inset: 0px;
    background-image: url("/roku/img/f4004ab2-fa15-4e76-bae0-8b2494ce6c79.webp");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 8px;
    transition: transform 0.3s ease-out;
}
.css-4i9tdo {
    position: absolute;
    inset: 0px;
    background-image: url("/roku/img/38754d75-2563-4a22-879e-4f1e154870e2.webp");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 8px;
    transition: transform 0.3s ease-out;
}
.css-yyb5en {
    position: absolute;
    inset: 0px;
    background-image: url("/roku/img/53c9659b-364c-4479-8d5e-81757e254847.webp");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 8px;
    transition: transform 0.3s ease-out;
}
.css-1cn7pu0 {
    position: absolute;
    inset: 0px;
    background-image: url("/roku/img/f76efc9c-3dfd-4e82-b15c-c92e6372bd01.webp");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 8px;
    transition: transform 0.3s ease-out;
}
.css-ht8l73 {
    position: absolute;
    inset: 0px;
    background-image: url("/roku/img/d4c10fdb-91ae-4cb6-9ff3-12ae7a170fc2.webp");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 8px;
    transition: transform 0.3s ease-out;
}
.css-y6hdm2 {
    position: absolute;
    inset: 0px;
    background-image: url("/roku/img/fa863566-a6fe-4810-a377-f21d75474f37.webp");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 8px;
    transition: transform 0.3s ease-out;
}
.css-13mm87d {
    position: absolute;
    inset: 0px;
    background-image: url("/roku/img/3c46986f-e500-46f7-9eca-242e03bebfe1.webp");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 8px;
    transition: transform 0.3s ease-out;
}
.css-roco86 {
    position: absolute;
    inset: 0px;
    background-image: url("/roku/img/a4ae1b55-7881-4495-81a1-29690a916c09.webp");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 8px;
    transition: transform 0.3s ease-out;
}
.css-1dtlbdm {
    position: absolute;
    inset: 0px;
    background-image: url("/roku/img/08cef610-3af6-40ab-93ef-781ad029e781.webp");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 8px;
    transition: transform 0.3s ease-out;
}
.css-279hg6 {
    position: absolute;
    inset: 0px;
    background-image: url("/roku/img/5fe6c96d-39be-4371-a1fa-2b0a3689ae1b.webp");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 8px;
    transition: transform 0.3s ease-out;
}
.css-moesln {
    position: absolute;
    inset: 0px;
    background-image: url("/roku/img/1a836010-54d5-45f3-a15b-bd9ed21f006f.webp");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 8px;
    transition: transform 0.3s ease-out;
}

.css-1ay31f1 {
    position: absolute;
    inset: 0px;
    background-image: url("/roku/img/7b9b78ea-6bc9-4669-b126-51887e429bd0.webp");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 8px;
    transition: transform 0.3s ease-out;
}
.css-s5x4de {
    position: absolute;
    inset: 0px;
    background-image: url("/roku/img/ce35aa7f-4197-461c-9407-7161b5e32927.webp");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 8px;
    transition: transform 0.3s ease-out;
}
.css-7wp00n {
    position: absolute;
    inset: 0px;
    background-image: url("/roku/img/cb16a19f-8f31-4eae-9308-efad060b8d06.webp");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 8px;
    transition: transform 0.3s ease-out;
}
.css-voauuh {
    position: absolute;
    inset: 0px;
    background-image: url("/roku/img/b30de419-9f6e-4f18-91ab-20f4ecce3266.webp");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 8px;
    transition: transform 0.3s ease-out;
}
.css-19nqyme {
    position: absolute;
    inset: 0px;
    background-image: url("/roku/img/b3ea54d1-2af4-4682-98a6-ec05a9d458bd.webp");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 8px;
    transition: transform 0.3s ease-out;
}
.css-1l589fq {
    position: absolute;
    inset: 0px;
    background-image: url("/roku/img/d0be004f-0bfc-4162-a014-2609040a3063.webp");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 8px;
    transition: transform 0.3s ease-out;
}
.css-cuut73 {
    position: absolute;
    inset: 0px;
    background-image: url("/roku/img/92af533f-1150-4676-8134-3d1592ee6ffb.webp");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 8px;
    transition: transform 0.3s ease-out;
}
.css-1o7z2o3 {
    position: absolute;
    inset: 0px;
    background-image: url("/roku/img/837c169f-62be-4b52-b715-f775a7bc975d.webp");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 8px;
    transition: transform 0.3s ease-out;
}
.css-18fgun0 {
    position: absolute;
    inset: 0px;
    background-image: url("/roku/img/93085aeb-667d-4333-8592-3a6904d36971.webp");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 8px;
    transition: transform 0.3s ease-out;
}
.css-1ax6iit {
    position: absolute;
    inset: 0px;
    background-image: url("/roku/img/9b389514-5fe0-480d-b2a0-b18bfb24a66e.webp");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 8px;
    transition: transform 0.3s ease-out;
}

.css-29jsre {
    position: absolute;
    inset: 0px;
    background-image: url("/roku/img/00228850-e18f-4480-b5bf-7f516e15c1ba.webp");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 8px;
    transition: transform 0.3s ease-out;
}
.css-1puogdx {
    position: absolute;
    inset: 0px;
    background-image: url("/roku/img/23d1ca8b-a0c6-4458-9916-b96491cfafcb.webp");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 8px;
    transition: transform 0.3s ease-out;
}

.css-1tk65ev {
    position: absolute;
    inset: 0px;
    background-image: url("/roku/img/0fadd68b-cd34-43d8-a0a4-be3eef878789.webp");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 8px;
    transition: transform 0.3s ease-out;
}
.css-130iyy7 {
    position: absolute;
    inset: 0px;
    background-image: url("/roku/img/95244550-fc69-486c-9c13-4679bec09419.webp");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 8px;
    transition: transform 0.3s ease-out;
}
.css-13z9cis {
    position: absolute;
    inset: 0px;
    background-image: url("/roku/img/b0200152-fd97-4909-88d7-38609a4903d8.webp");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 8px;
    transition: transform 0.3s ease-out;
}
.css-z7yufb {
    position: absolute;
    inset: 0px;
    background-image: url("/roku/img/2b6d8ac1-2e7c-44a6-9113-11137e6bf4c9.webp");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 8px;
    transition: transform 0.3s ease-out;
}
.css-cwqmgt {
    position: absolute;
    inset: 0px;
    background-image: url("/roku/img/70232e16-7000-4781-8861-79e69d21f301.webp");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 8px;
    transition: transform 0.3s ease-out;
}
.css-1ef0ygj {
    position: absolute;
    inset: 0px;
    background-image: url("/roku/img/eb9a0609-9ea6-40ac-a65f-ad528fe20316.webp");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 8px;
    transition: transform 0.3s ease-out;
}
.css-14896ug {
    position: absolute;
    inset: 0px;
    background-image: url("/roku/img/8933f401-f6e4-4904-b7cc-644a18c8be0d.webp");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 8px;
    transition: transform 0.3s ease-out;
}
.css-6cb4dz {
    position: absolute;
    inset: 0px;
    background-image: url("/roku/img/59a3e82b-721f-4b8f-9349-d3fd73e49f42.webp");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 8px;
    transition: transform 0.3s ease-out;
}
.css-19bcul7 {
    position: absolute;
    inset: 0px;
    background-image: url("/roku/img/6c4aba8a-fc05-46ac-8c2d-b9b350827e42.webp");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 8px;
    transition: transform 0.3s ease-out;
}
.css-nb25bq {
    margin-top: 40px;
    text-align: center;
}
.css-1lt4j3c {
    display: inline-flex;
    -moz-box-align: center;
    align-items: center;
    -moz-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    outline: 0px;
    margin: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    font-family: Montserrat, Oswald, sans-serif;
    text-transform: uppercase;
    min-width: 64px;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1), color 250ms cubic-bezier(0.4, 0, 0.2, 1);
    background-color: var(--variant-outlinedBg);
    --variant-textColor: #FFA510;
    --variant-outlinedColor: #FFA510;
    --variant-outlinedBorder: rgba(255, 165, 16, 0.5);
    --variant-containedColor: rgba(0, 0, 0, 0.87);
    --variant-containedBg: #FFA510;
    border-radius: 84px;
    font-size: 14px;
    font-weight: 800;
    line-height: 1;
    color: rgb(255, 255, 255);
    border: 3px solid rgb(12, 173, 119);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 26px 0px;
    padding: 10.8px 30.4px;
}
.css-1tjxisi {
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    z-index: 0;
    inset: 0px;
    border-radius: inherit;
    opacity: 0;
}
.css-130iyy7 {
    position: absolute;
    inset: 0px;
    background-image: url("/roku/img/95244550-fc69-486c-9c13-4679bec09419.webp");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 8px;
    transition: transform 0.3s ease-out;
}
.css-1ybrote {
    position: absolute;
    inset: 0px;
    background-image: url("/roku/img/f82099aa-46ce-49ad-9f8a-e01ca3cdef16.webp");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 8px;
    transition: transform 0.3s ease-out;
}
.css-1cm84l6 {
    position: absolute;
    inset: 0px;
    background-image: url("/roku/img/7ca1df87-2c8a-43aa-a0a5-c91f0fea43ff.webp");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 8px;
    transition: transform 0.3s ease-out;
}
.css-1h1p867 {
    position: absolute;
    inset: 0px;
    background-image: url("/roku/img/afcb5201-547f-4898-bce4-1bbfbda4c210.webp");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 8px;
    transition: transform 0.3s ease-out;
}
.css-1ify70 {
    position: absolute;
    inset: 0px;
    background-image: url("/roku/img/f6d773fa-9773-41fa-8231-74144d52f6b3.webp");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 8px;
    transition: transform 0.3s ease-out;
}
.css-yr93pt {
    position: absolute;
    inset: 0px;
    background-image: url("/roku/img/6999337a-a125-4fa2-af7a-3931a82bc574.webp");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 8px;
    transition: transform 0.3s ease-out;
}
.css-2dfqo5 {
    position: absolute;
    inset: 0px;
    background-image: url("/roku/img/aec69d4b-e3fb-403e-b54f-e26773158a3a.webp");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 8px;
    transition: transform 0.3s ease-out;
}
.css-1o15glb {
    position: absolute;
    inset: 0px;
    background-image: url("/roku/img/af9ba81e-eef6-423e-8837-f1c8b56dcdc6.webp");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 8px;
    transition: transform 0.3s ease-out;
}
.css-74irez {
    position: absolute;
    inset: 0px;
    background-image: url("/roku/img/188f0824-a56a-4711-88a2-b3a35191cd0e.webp");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 8px;
    transition: transform 0.3s ease-out;
}
.css-1mreu60 {
    position: absolute;
    inset: 0px;
    background-image: url("/roku/img/e9563e74-9e8d-46e9-bd95-ddf8ddc5e99b.webp");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 8px;
    transition: transform 0.3s ease-out;
}
.css-8viwol {
    position: absolute;
    inset: 0px;
    background-image: url("/roku/img/ca1fec0b-97a0-478f-ba25-0cf337943d9e.webp");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 8px;
    transition: transform 0.3s ease-out;
}
.css-1topst1 {
    position: absolute;
    inset: 0px;
    background-image: url("/roku/img/a9951a1a-49a2-4186-8516-d1dac8c14db1.webp");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 8px;
    transition: transform 0.3s ease-out;
}
.css-17g9col {
    position: absolute;
    inset: 0px;
    background-image: url("/roku/img/b552d2a9-9d45-4efe-9cc5-7a48906e1c8e.webp");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 8px;
    transition: transform 0.3s ease-out;
}
.css-jlcgz9 {
    position: absolute;
    inset: 0px;
    background-image: url("/roku/img/10bde404-b596-434d-bdec-386664fefe7c.webp");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 8px;
    transition: transform 0.3s ease-out;
}
.css-1n7busj {
    position: absolute;
    inset: 0px;
    background-image: url("/roku/img/e21149f2-6e80-4ff5-b2a1-5d7ea0da9329.webp");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 8px;
    transition: transform 0.3s ease-out;
}
css-dnywlx {
    position: absolute;
    inset: 0px;
    background-image: url("/roku/img/a8402574-f6d9-4fe4-a802-77213e54bf2c.webp");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 8px;
    transition: transform 0.3s ease-out;
}
.css-11iru4i {
    position: absolute;
    inset: 0px;
    background-image: url("/roku/img/b6b0c9e5-eb33-45ca-ba56-af22df2cbf26.webp");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 8px;
    transition: transform 0.3s ease-out;
}
.css-1w8val {
    position: absolute;
    inset: 0px;
    background-image: url("/roku/img/571c8e3a-b85a-4fdd-884c-c3f8b9163f78.webp");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 8px;
    transition: transform 0.3s ease-out;
}
.css-ql1suz {
    position: absolute;
    inset: 0px;
    background-image: url("/roku/img/2ba80c60-993b-4497-a535-b5aca5d1c810.webp");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 8px;
    transition: transform 0.3s ease-out;
}
.css-1ac4kv1 {
    position: absolute;
    inset: 0px;
    background-image: url("/roku/img/b2ccc1b1-91d1-4fcd-bad0-1520f23a00d8.webp");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 8px;
    transition: transform 0.3s ease-out;
}
.css-1l672uc {
    position: absolute;
    inset: 0px;
    background-image: url("/roku/img/c5465d65-67a6-424d-bcc3-2ab54d309326.webp");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 8px;
    transition: transform 0.3s ease-out;
}
.css-1esij2t {
    position: absolute;
    inset: 0px;
    background-image: url("/roku/img/aecf1c10-e05c-469f-9845-974b69b30034.webp");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 8px;
    transition: transform 0.3s ease-out;
}
.css-pb203f {
    position: absolute;
    inset: 0px;
    background-image: url("/roku/img/9df94b8d-bf6e-49d2-93ce-d1fc2ed2053c.webp");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 8px;
    transition: transform 0.3s ease-out;
}
.css-5exfyb {
    position: absolute;
    inset: 0px;
    background-image: url("/roku/img/7219f9e0-8e1e-49e9-9b5c-84f684f39645.webp");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 8px;
    transition: transform 0.3s ease-out;
}
.css-ooi01y {
    position: absolute;
    inset: 0px;
    background-image: url("/roku/img/4e345695-a286-49a1-9d28-f35d8c7a7f40.webp");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 8px;
    transition: transform 0.3s ease-out;
}