.button-container-zVLH6 { outline-width: var(--focus-outline-size); outline-color: hsl(0, 0%, 100%); outline-offset: calc(-1 * var(--focus-outline-size)); cursor: pointer; } .button-container-zVLH6:focus { outline-style: solid; } .button-container-zVLH6.disabled { pointer-events: none; opacity: 0.5; } .modal-container-OuxEF { display: flex; justify-content: center; align-items: center; background-color: hsla(0, 0%, 0%, 0.4); } .modal-container-OuxEF .modal-dialog-container-DZMKq { position: relative; flex: none; display: flex; flex-direction: column; max-width: 80%; max-height: 80%; padding: 0 2rem; border-radius: var(--border-radius); background-color: var(--modal-background-color); box-shadow: var(--outer-glow); } .modal-container-OuxEF .modal-dialog-container-DZMKq .modal-dialog-background-vZpB_ { z-index: 0; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-size: cover; background-position: center; opacity: 0.1; } .modal-container-OuxEF .modal-dialog-container-DZMKq .close-button-container-cmxAp { position: absolute; top: 0.5rem; right: 0.5rem; width: 3rem; height: 3rem; padding: 0.5rem; border-radius: var(--border-radius); z-index: 2; } .modal-container-OuxEF .modal-dialog-container-DZMKq .close-button-container-cmxAp .icon-OYzlV { display: block; width: 100%; height: 100%; color: var(--primary-foreground-color); opacity: 0.4; } .modal-container-OuxEF .modal-dialog-container-DZMKq .close-button-container-cmxAp:hover .icon-OYzlV, .modal-container-OuxEF .modal-dialog-container-DZMKq .close-button-container-cmxAp:focus .icon-OYzlV { opacity: 1; color: var(--primary-foreground-color); } .modal-container-OuxEF .modal-dialog-container-DZMKq .close-button-container-cmxAp:focus { outline-color: var(--primary-foreground-color); } .modal-container-OuxEF .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z { z-index: 1; position: relative; overflow-y: auto; } .modal-container-OuxEF .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z .title-container-v2mmF { flex: 1 0 auto; display: flex; align-items: center; height: 4.5rem; font-size: 1.2rem; font-weight: 500; color: var(--primary-foreground-color); } .modal-container-OuxEF .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z .body-container-H80dD { flex: 1; align-self: stretch; overflow: visible; padding: 2rem 0; } .modal-container-OuxEF .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z .body-container-H80dD:last-child { margin-bottom: 2rem; } .modal-container-OuxEF .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z .buttons-container-e_JoR { flex: none; align-self: stretch; display: flex; flex-direction: row; flex-wrap: wrap; } .modal-container-OuxEF .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z .buttons-container-e_JoR:last-child { margin: 2rem 0; } .action-button-eprQG { flex: 1; display: flex; flex-direction: row; align-items: center; justify-content: center; height: 3.5rem; border-radius: 3.5rem; padding: 1.2rem; background-color: var(--secondary-accent-color); } .action-button-eprQG:hover { background-color: transparent; outline: var(--focus-outline-size) solid var(--secondary-accent-color); } .action-button-eprQG:focus { outline-color: var(--primary-foreground-color); } .action-button-eprQG:not(:last-child) { margin-right: 1rem; } .action-button-eprQG .icon-OYzlV { flex: none; width: 1.2rem; height: 1.2rem; margin-right: 0.5rem; color: var(--primary-foreground-color); } .action-button-eprQG .label-wbfsE { flex-grow: 0; flex-shrink: 1; flex-basis: auto; max-height: 3.6em; font-size: 1.1rem; font-weight: 700; text-align: center; color: var(--primary-foreground-color); } @media only screen and (max-width: 640px) { .modal-container-OuxEF .modal-dialog-container-DZMKq { position: relative; width: 90%; max-width: initial; z-index: 0; padding: 0 1.5rem; } .modal-container-OuxEF .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z .buttons-container-e_JoR { flex-direction: column; gap: 1rem; } .modal-container-OuxEF .action-button-eprQG { width: 100%; } .modal-container-OuxEF .action-button-eprQG .label-wbfsE { text-overflow: ellipsis; white-space: nowrap; } } .addon-details-container-tUlp2 .title-container-Ca076 { display: flex; flex-direction: row; align-items: center; } .addon-details-container-tUlp2 .title-container-Ca076 .logo-Nynh9, .addon-details-container-tUlp2 .title-container-Ca076 .icon-ZYXtC { float: left; width: 5rem; height: 5rem; margin-right: 1.5rem; padding: 0.5rem; } .addon-details-container-tUlp2 .title-container-Ca076 .logo-Nynh9 { object-fit: contain; object-position: center; } .addon-details-container-tUlp2 .title-container-Ca076 .icon-ZYXtC { color: var(--primary-foreground-color); } .addon-details-container-tUlp2 .title-container-Ca076 .name-container-XxPAj { flex-grow: 1; flex-shrink: 1; flex-basis: 0; display: flex; flex-direction: row; flex-wrap: wrap; align-items: baseline; } .addon-details-container-tUlp2 .title-container-Ca076 .name-container-XxPAj .name-i0o3Y { flex-grow: 0; flex-shrink: 1; flex-basis: auto; margin-right: 0.5rem; font-size: 1.6rem; color: var(--primary-foreground-color); } .addon-details-container-tUlp2 .title-container-Ca076 .name-container-XxPAj .version-FdUq6 { flex-grow: 1; flex-shrink: 1; flex-basis: auto; margin-top: 0.5rem; color: var(--primary-foreground-color); } .addon-details-container-tUlp2 .section-container-N6QHW { margin-top: 1rem; } .addon-details-container-tUlp2 .section-container-N6QHW .section-header-tbXCb { font-size: 1.1rem; color: var(--primary-foreground-color); } .addon-details-container-tUlp2 .section-container-N6QHW .section-label-_R7gz { font-size: 1.1rem; font-weight: 300; color: var(--primary-foreground-color); } .addon-details-container-tUlp2 .section-container-N6QHW .section-label-_R7gz.transport-url-label-upr4V { user-select: text; } .addon-details-container-tUlp2 .section-container-N6QHW .section-label-_R7gz.disclaimer-label-I7kvM { font-style: italic; } .addon-details-modal-container-aBFaQ .addon-details-container-VdGrt, .addon-details-modal-container-aBFaQ .addon-details-message-container-X2sRf { width: 40rem; max-width: 100%; color: var(--primary-foreground-color); } .addon-details-modal-container-aBFaQ .cancel-button-zuUX6 { background-color: transparent; opacity: 0.3; } .addon-details-modal-container-aBFaQ .cancel-button-zuUX6:hover { outline: var(--focus-outline-size) solid var(--primary-foreground-color); opacity: 1; } .addon-details-modal-container-aBFaQ .cancel-button-zuUX6:focus { outline-color: var(--primary-foreground-color); } .addon-details-modal-container-aBFaQ .cancel-button-zuUX6 .cancel-button-label-ZOQUJ { color: var(--primary-foreground-color); } .addon-details-modal-container-aBFaQ .uninstall-button-iLxLs { background-color: var(--overlay-color); } .addon-details-modal-container-aBFaQ .uninstall-button-iLxLs:hover { outline: var(--focus-outline-size) solid var(--overlay-color); background-color: transparent; } .addon-details-modal-container-aBFaQ .uninstall-button-iLxLs:focus { outline-color: var(--primary-foreground-color); } .bottom-sheet-VtqY2 { z-index: 99; position: fixed; top: 0; bottom: 0; left: 0; right: 0; display: flex; justify-content: center; } .bottom-sheet-VtqY2 .backdrop-Doe6y { z-index: 0; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: var(--primary-background-color); opacity: 0.8; transition: opacity 0.1s ease-out; cursor: pointer; } .bottom-sheet-VtqY2 .container-yiLtz { z-index: 1; position: absolute; bottom: 0; max-height: calc(100% - var(--horizontal-nav-bar-size)); width: 100%; display: flex; flex-direction: column; gap: 1.5rem; padding-bottom: 1rem; border-radius: 2rem 2rem 0 0; background-color: var(--modal-background-color); box-shadow: var(--outer-glow); overflow: hidden; } .bottom-sheet-VtqY2 .container-yiLtz:not(.dragging-ML0cp) { transition: transform 0.1s ease-out; } .bottom-sheet-VtqY2 .container-yiLtz .heading-xf2ct { position: relative; } .bottom-sheet-VtqY2 .container-yiLtz .heading-xf2ct .handle-TCLds { position: relative; height: 2.5rem; width: 100%; display: flex; align-items: center; justify-content: center; } .bottom-sheet-VtqY2 .container-yiLtz .heading-xf2ct .handle-TCLds::after { content: ""; height: 0.3rem; width: 3rem; border-radius: 1rem; background-color: var(--primary-foreground-color); opacity: 0.3; } .bottom-sheet-VtqY2 .container-yiLtz .heading-xf2ct .title-QtERv { position: relative; width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 0 1rem; padding-left: 1.5rem; font-size: 1.25rem; font-weight: 600; color: var(--primary-foreground-color); } .bottom-sheet-VtqY2 .container-yiLtz .content-ElxXl { position: relative; overflow-y: auto; } @media only screen and (min-width: 1300px) and (orientation: portait) { .bottom-sheet-VtqY2 { display: none; } } @media only screen and (min-width: 1000px) and (orientation: landscape) { .bottom-sheet-VtqY2 { display: none; } } @media only screen and (orientation: landscape) { .bottom-sheet-VtqY2 .container-yiLtz { max-width: 90%; } } .chip-L3r9A { flex: none; position: relative; display: flex; align-items: center; justify-content: center; height: 2.75rem; font-size: 1rem; font-weight: 500; color: var(--primary-foreground-color); white-space: nowrap; text-transform: capitalize; padding: 0 1.75rem; border-radius: 2.75rem; background-color: transparent; user-select: none; overflow: hidden; opacity: 0.6; } .chip-L3r9A:hover { background-color: var(--overlay-color); transition: background-color 0.1s ease-out; opacity: 1; } .chip-L3r9A.active-jnhyP { opacity: 1; background-color: var(--quaternary-accent-color); transition: background-color 0.1s ease-in; } .chips-Uw41c { position: relative; width: 100%; display: flex; align-items: center; justify-content: flex-start; gap: 1rem; } .color-picker-container-Cny5U { overflow: visible; text-align: center; } .color-picker-container-Cny5U * { overflow: visible; } .color-picker-container-Cny5U .a-color-picker-stack:not(.a-color-picker-row-top) canvas, .color-picker-container-Cny5U .a-color-picker-circle { border: solid thin var(--color-surfacedark); } .color-picker-container-Cny5U .a-color-picker-circle { box-shadow: 0 0 0.2rem var(--color-surfacedark); } .color-picker-container-Cny5U .a-color-picker-clipbaord { pointer-events: none; } .color-input-container-X5ZPx { position: relative; z-index: 0; } .color-input-container-X5ZPx .transparent-label-container-xamzI { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; display: flex; align-items: center; justify-content: center; padding: 0 0.5rem; pointer-events: none; } .color-input-container-X5ZPx .transparent-label-container-xamzI .transparent-label-Xm2nQ { flex: 1; text-align: center; color: hsl(0, 0%, 100%); white-space: nowrap; text-overflow: ellipsis; } .color-picker-container-RwSYf { margin: 1rem 0; } .label-container-XOyzm { -webkit-touch-callout: none !important; position: relative; overflow: visible; } .label-container-XOyzm .menu-container-B6cqK { position: absolute; z-index: 1; overflow: hidden; visibility: hidden; border-radius: var(--border-radius); background-color: var(--modal-background-color); box-shadow: var(--outer-glow); cursor: auto; } .label-container-XOyzm .menu-container-B6cqK.menu-direction-top-left-ongjn { top: initial; right: 0; bottom: 100%; left: initial; visibility: visible; } .label-container-XOyzm .menu-container-B6cqK.menu-direction-bottom-left-Dvtqk { top: 100%; right: 0; bottom: initial; left: initial; visibility: visible; } .label-container-XOyzm .menu-container-B6cqK.menu-direction-top-right-tmrFG { top: initial; right: initial; bottom: 100%; left: 0; visibility: visible; } .label-container-XOyzm .menu-container-B6cqK.menu-direction-bottom-right-aJ89V { top: 100%; right: initial; bottom: initial; left: 0; visibility: visible; } .label-container-XOyzm{-webkit-touch-callout:none!important;overflow:visible;position:relative}.label-container-XOyzm .menu-container-B6cqK{background-color:var(--modal-background-color);border-radius:var(--border-radius);box-shadow:var(--outer-glow);cursor:auto;overflow:hidden;position:absolute;visibility:hidden;z-index:1}.label-container-XOyzm .menu-container-B6cqK.menu-direction-top-left-ongjn{bottom:100%;left:initial;right:0;top:initial;visibility:visible}.label-container-XOyzm .menu-container-B6cqK.menu-direction-bottom-left-Dvtqk{bottom:initial;left:initial;right:0;top:100%;visibility:visible}.label-container-XOyzm .menu-container-B6cqK.menu-direction-top-right-tmrFG{bottom:100%;left:0;right:initial;top:initial;visibility:visible}.label-container-XOyzm .menu-container-B6cqK.menu-direction-bottom-right-aJ89V{bottom:initial;left:0;right:initial;top:100%;visibility:visible} .label-container-dhjQS { display: flex; flex-direction: row; align-items: center; height: 2.75rem; padding: 0 1.5rem; border-radius: 2.75rem; background-color: var(--overlay-color); } .label-container-dhjQS.active .icon-jg2il { transform: rotate(180deg); } .label-container-dhjQS > .label-AR_l8 { flex: 1; max-height: 2.4em; font-weight: 500; color: var(--primary-foreground-color); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .label-container-dhjQS .icon-jg2il { flex: none; width: 1rem; height: 1rem; margin-left: 1rem; color: var(--primary-foreground-color); opacity: 0.4; } .label-container-dhjQS .menu-container-B6cqK { width: 100%; } .modal-container-WaYOG .menu-container-qiz0X, .menu-container-B6cqK .menu-container-qiz0X { max-height: calc(3.2rem * 7); } .modal-container-WaYOG .menu-container-qiz0X .option-container-mO9yW, .menu-container-B6cqK .menu-container-qiz0X .option-container-mO9yW { display: flex; flex-direction: row; align-items: center; padding: 1rem; } .modal-container-WaYOG .menu-container-qiz0X .option-container-mO9yW.selected .icon-jg2il, .menu-container-B6cqK .menu-container-qiz0X .option-container-mO9yW.selected .icon-jg2il { display: block; } .modal-container-WaYOG .menu-container-qiz0X .option-container-mO9yW:hover, .menu-container-B6cqK .menu-container-qiz0X .option-container-mO9yW:hover, .modal-container-WaYOG .menu-container-qiz0X .option-container-mO9yW:focus, .menu-container-B6cqK .menu-container-qiz0X .option-container-mO9yW:focus { background-color: var(--overlay-color); } .modal-container-WaYOG .menu-container-qiz0X .option-container-mO9yW .label-AR_l8, .menu-container-B6cqK .menu-container-qiz0X .option-container-mO9yW .label-AR_l8 { flex: 1; max-height: 4.8em; color: var(--primary-foreground-color); } .modal-container-WaYOG .menu-container-qiz0X .option-container-mO9yW .icon-jg2il, .menu-container-B6cqK .menu-container-qiz0X .option-container-mO9yW .icon-jg2il { flex: none; display: none; width: 0.5rem; height: 0.5rem; border-radius: 100%; margin-left: 1rem; background-color: var(--secondary-accent-color); opacity: 1; } .modal-container-WaYOG .menu-container-qiz0X .no-options-container-z47Tg, .menu-container-B6cqK .menu-container-qiz0X .no-options-container-z47Tg { display: flex; flex-direction: row; align-items: center; justify-content: center; padding: 1rem; background-color: hsl(243, 24.4%, 21%); } .modal-container-WaYOG .menu-container-qiz0X .no-options-container-z47Tg .label-AR_l8, .menu-container-B6cqK .menu-container-qiz0X .no-options-container-z47Tg .label-AR_l8 { flex-grow: 0; flex-shrink: 1; flex-basis: auto; font-size: 1.2rem; font-weight: 500; text-align: center; color: hsla(0, 0%, 100%, 0.9); } @media (orientation: landscape) and (max-width: 1000px) { .modal-container-WaYOG .menu-container-qiz0X, .menu-container-B6cqK .menu-container-qiz0X { max-height: calc(100dvh - var(--horizontal-nav-bar-size) - 10rem); } } .label-container-dhjQS{align-items:center;background-color:var(--overlay-color);border-radius:2.75rem;display:flex;flex-direction:row;height:2.75rem;padding:0 1.5rem}.label-container-dhjQS.active .icon-jg2il{transform:rotate(180deg)}.label-container-dhjQS>.label-AR_l8{color:var(--primary-foreground-color);flex:1;font-weight:500;max-height:2.4em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.label-container-dhjQS .icon-jg2il{color:var(--primary-foreground-color);flex:none;height:1rem;margin-left:1rem;opacity:0.4;width:1rem}.label-container-dhjQS .menu-container-B6cqK{width:100%}.modal-container-WaYOG .menu-container-qiz0X,.menu-container-B6cqK .menu-container-qiz0X{max-height:calc(3.2rem * 7)}.modal-container-WaYOG .menu-container-qiz0X .option-container-mO9yW,.menu-container-B6cqK .menu-container-qiz0X .option-container-mO9yW{align-items:center;display:flex;flex-direction:row;padding:1rem}.modal-container-WaYOG .menu-container-qiz0X .option-container-mO9yW.selected .icon-jg2il,.menu-container-B6cqK .menu-container-qiz0X .option-container-mO9yW.selected .icon-jg2il{display:block}.modal-container-WaYOG .menu-container-qiz0X .option-container-mO9yW:focus,.modal-container-WaYOG .menu-container-qiz0X .option-container-mO9yW:hover,.menu-container-B6cqK .menu-container-qiz0X .option-container-mO9yW:focus,.menu-container-B6cqK .menu-container-qiz0X .option-container-mO9yW:hover{background-color:var(--overlay-color)}.modal-container-WaYOG .menu-container-qiz0X .option-container-mO9yW .label-AR_l8,.menu-container-B6cqK .menu-container-qiz0X .option-container-mO9yW .label-AR_l8{color:var(--primary-foreground-color);flex:1;max-height:4.8em}.modal-container-WaYOG .menu-container-qiz0X .option-container-mO9yW .icon-jg2il,.menu-container-B6cqK .menu-container-qiz0X .option-container-mO9yW .icon-jg2il{background-color:var(--secondary-accent-color);border-radius:100%;display:none;flex:none;height:0.5rem;margin-left:1rem;opacity:1;width:0.5rem}.modal-container-WaYOG .menu-container-qiz0X .no-options-container-z47Tg,.menu-container-B6cqK .menu-container-qiz0X .no-options-container-z47Tg{align-items:center;background-color:hsl(243,24.4%,21%);display:flex;flex-direction:row;justify-content:center;padding:1rem}.modal-container-WaYOG .menu-container-qiz0X .no-options-container-z47Tg .label-AR_l8,.menu-container-B6cqK .menu-container-qiz0X .no-options-container-z47Tg .label-AR_l8{color:hsla(0,0%,100%,0.9);flex-basis:auto;flex-grow:0;flex-shrink:1;font-size:1.2rem;font-weight:500;text-align:center}@media (orientation:landscape) and (max-width:1000px){.modal-container-WaYOG .menu-container-qiz0X,.menu-container-B6cqK .menu-container-qiz0X{max-height:calc(100dvh - var(--horizontal-nav-bar-size) - 10rem)}} .meta-item-container-Tj0Ib { padding: 1rem; overflow: visible; } .meta-item-container-Tj0Ib:hover, .meta-item-container-Tj0Ib:focus, .meta-item-container-Tj0Ib.active, .meta-item-container-Tj0Ib.selected { outline-style: none; transition: background-color 100ms ease-out; } .meta-item-container-Tj0Ib:hover .poster-container-qkw48, .meta-item-container-Tj0Ib:focus .poster-container-qkw48, .meta-item-container-Tj0Ib.active .poster-container-qkw48, .meta-item-container-Tj0Ib.selected .poster-container-qkw48 { box-shadow: 0 0 0 0.2rem var(--primary-foreground-color); } .meta-item-container-Tj0Ib:hover .poster-container-qkw48 .dismiss-icon-layer-BWztF, .meta-item-container-Tj0Ib:focus .poster-container-qkw48 .dismiss-icon-layer-BWztF, .meta-item-container-Tj0Ib.active .poster-container-qkw48 .dismiss-icon-layer-BWztF, .meta-item-container-Tj0Ib.selected .poster-container-qkw48 .dismiss-icon-layer-BWztF { opacity: 1; } .meta-item-container-Tj0Ib:hover .poster-container-qkw48 .poster-image-layer-KimPZ, .meta-item-container-Tj0Ib:focus .poster-container-qkw48 .poster-image-layer-KimPZ, .meta-item-container-Tj0Ib.active .poster-container-qkw48 .poster-image-layer-KimPZ, .meta-item-container-Tj0Ib.selected .poster-container-qkw48 .poster-image-layer-KimPZ { transform: scale(1.05); } .meta-item-container-Tj0Ib:hover .poster-container-qkw48 .play-icon-layer-vpQIo .play-icon-outer-r3iKR, .meta-item-container-Tj0Ib:focus .poster-container-qkw48 .play-icon-layer-vpQIo .play-icon-outer-r3iKR, .meta-item-container-Tj0Ib.active .poster-container-qkw48 .play-icon-layer-vpQIo .play-icon-outer-r3iKR, .meta-item-container-Tj0Ib.selected .poster-container-qkw48 .play-icon-layer-vpQIo .play-icon-outer-r3iKR { color: transparent; } .meta-item-container-Tj0Ib:hover .poster-container-qkw48 .play-icon-layer-vpQIo .play-icon-background-Uazjh, .meta-item-container-Tj0Ib:focus .poster-container-qkw48 .play-icon-layer-vpQIo .play-icon-background-Uazjh, .meta-item-container-Tj0Ib.active .poster-container-qkw48 .play-icon-layer-vpQIo .play-icon-background-Uazjh, .meta-item-container-Tj0Ib.selected .poster-container-qkw48 .play-icon-layer-vpQIo .play-icon-background-Uazjh { background-color: var(--secondary-accent-color); opacity: 1; } .meta-item-container-Tj0Ib:hover .title-bar-container-1Ba0x .menu-label-container-ChuX8, .meta-item-container-Tj0Ib:focus .title-bar-container-1Ba0x .menu-label-container-ChuX8, .meta-item-container-Tj0Ib.active .title-bar-container-1Ba0x .menu-label-container-ChuX8, .meta-item-container-Tj0Ib.selected .title-bar-container-1Ba0x .menu-label-container-ChuX8 { opacity: 1; } .meta-item-container-Tj0Ib.poster-shape-poster-MEhNx .poster-container-qkw48 { padding-top: calc(100% * var(--poster-shape-ratio)); } .meta-item-container-Tj0Ib.poster-shape-square-meMeN .poster-container-qkw48 { padding-top: 100%; } .meta-item-container-Tj0Ib.poster-shape-landscape-kF6i8 .poster-container-qkw48 { padding-top: calc(100% * var(--landscape-shape-ratio)); } .meta-item-container-Tj0Ib .poster-container-qkw48 { position: relative; z-index: 0; background-color: var(--overlay-color); border-radius: var(--border-radius); } .meta-item-container-Tj0Ib .poster-container-qkw48.poster-change-cursor .poster-image-layer-KimPZ:hover { cursor: zoom-in; } .meta-item-container-Tj0Ib .poster-container-qkw48 .dismiss-icon-layer-BWztF { z-index: -2; position: absolute; top: 0.5rem; left: 0.5rem; display: flex; align-items: center; justify-content: center; height: 1.5rem; width: 1.5rem; border-radius: 100%; opacity: 0; transition: opacity 0.1s ease-in; } .meta-item-container-Tj0Ib .poster-container-qkw48 .dismiss-icon-layer-BWztF .dismiss-icon-db3fv { z-index: 1; position: relative; height: 1.25rem; width: 1.25rem; color: var(--primary-foreground-color); opacity: 0.8; } .meta-item-container-Tj0Ib .poster-container-qkw48 .dismiss-icon-layer-BWztF .dismiss-icon-backdrop-MkuLQ { z-index: 0; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: var(--primary-background-color); opacity: 0.6; } .meta-item-container-Tj0Ib .poster-container-qkw48 .watched-icon-layer-bi3DO { position: absolute; top: 0; left: 0; display: flex; justify-content: center; align-items: center; width: 1.5rem; height: 1.5rem; background-color: var(--primary-accent-color); border-radius: 50%; margin: 0.5rem; } .meta-item-container-Tj0Ib .poster-container-qkw48 .watched-icon-layer-bi3DO .watched-icon-zuUdK { width: 0.75rem; height: 0.75rem; color: var(--primary-foreground-color); } .meta-item-container-Tj0Ib .poster-container-qkw48 .poster-image-layer-KimPZ { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -3; display: flex; flex-direction: row; align-items: center; justify-content: center; transition: transform 0.1s ease-out; } .meta-item-container-Tj0Ib .poster-container-qkw48 .poster-image-layer-KimPZ .poster-image-NiV7O { flex: none; width: 100%; height: 100%; object-position: center; object-fit: cover; opacity: 0.9; overflow-clip-margin: unset; } .meta-item-container-Tj0Ib .poster-container-qkw48 .poster-image-layer-KimPZ .placeholder-icon-xttvb { flex: none; width: 80%; height: 50%; color: var(--primary-foreground-color); opacity: 0.2; } .meta-item-container-Tj0Ib .poster-container-qkw48 .play-icon-layer-vpQIo { z-index: -2; position: absolute; top: 50%; left: 50%; margin-top: calc(4rem / -2); margin-left: calc(4rem / -2); display: flex; align-items: center; justify-content: center; height: 4rem; width: 4rem; transition: transform 0.1s ease-out; } .meta-item-container-Tj0Ib .poster-container-qkw48 .play-icon-layer-vpQIo .play-icon-QmEEA { z-index: 2; position: relative; height: 2.25rem; width: 2.25rem; color: var(--primary-foreground-color); } .meta-item-container-Tj0Ib .poster-container-qkw48 .play-icon-layer-vpQIo .play-icon-outer-r3iKR { z-index: 1; position: absolute; top: 0; bottom: 0; left: 0; right: 0; color: var(--primary-foreground-color); box-shadow: 0 0 0 0.15rem currentColor inset; border-radius: 100%; transition: color 0.1s ease-in; } .meta-item-container-Tj0Ib .poster-container-qkw48 .play-icon-layer-vpQIo .play-icon-background-Uazjh { z-index: 0; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: var(--primary-background-color); border-radius: 100%; opacity: 0.4; transition: all 0.1s ease-in; } .meta-item-container-Tj0Ib .poster-container-qkw48 .play-icon-layer-vpQIo:hover { transform: scale(1.1); } .meta-item-container-Tj0Ib .poster-container-qkw48 .progress-bar-layer-LVYYi { z-index: -1; position: absolute; bottom: 1rem; left: 1rem; right: 1rem; height: 0.45rem; border-radius: 0.45rem; overflow: hidden; } .meta-item-container-Tj0Ib .poster-container-qkw48 .progress-bar-layer-LVYYi .progress-bar-w1rNN { position: relative; height: 100%; background-color: var(--primary-foreground-color); } .meta-item-container-Tj0Ib .poster-container-qkw48 .progress-bar-layer-LVYYi .progress-bar-background-kyRgp { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--primary-foreground-color); opacity: 0.3; } .meta-item-container-Tj0Ib .poster-container-qkw48 .new-videos-cwuD9 { z-index: -1; position: absolute; top: 0; right: 0; overflow: visible; } .meta-item-container-Tj0Ib .poster-container-qkw48 .new-videos-cwuD9 .layer-dQmEe { position: absolute; display: flex; align-items: center; justify-content: center; height: 1.25rem; width: 2.25rem; border-radius: 0.25rem; } .meta-item-container-Tj0Ib .poster-container-qkw48 .new-videos-cwuD9 .layer-dQmEe:nth-child(1) { top: 0.5rem; right: 0.5rem; background-color: var(--primary-foreground-color); opacity: 0.4; } .meta-item-container-Tj0Ib .poster-container-qkw48 .new-videos-cwuD9 .layer-dQmEe:nth-child(2) { top: 0.75rem; right: 0.75rem; background-color: var(--primary-foreground-color); opacity: 0.6; } .meta-item-container-Tj0Ib .poster-container-qkw48 .new-videos-cwuD9 .layer-dQmEe:nth-child(3) { top: 1rem; right: 1rem; background-color: var(--primary-foreground-color); } .meta-item-container-Tj0Ib .poster-container-qkw48 .new-videos-cwuD9 .layer-dQmEe .icon-gh1t9 { height: 0.8rem; width: 0.8rem; color: var(--primary-accent-color); } .meta-item-container-Tj0Ib .poster-container-qkw48 .new-videos-cwuD9 .layer-dQmEe .label-ZZ2m7 { font-size: 0.8rem; font-weight: 600; color: var(--primary-accent-color); } .meta-item-container-Tj0Ib .title-bar-container-1Ba0x { display: flex; flex-direction: row; align-items: center; height: 4rem; overflow: visible; } .meta-item-container-Tj0Ib .title-bar-container-1Ba0x .title-label-VnEAc { flex: 1; padding-left: 1.5rem; font-weight: 600; text-align: center; color: var(--primary-foreground-color); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .meta-item-container-Tj0Ib .title-bar-container-1Ba0x .title-label-VnEAc:only-child { padding: 0 0.5rem; } .meta-item-container-Tj0Ib .title-bar-container-1Ba0x .menu-label-container-ChuX8 { z-index: 1; flex: none; width: 1.5rem; height: 4rem; padding: 1rem 0; background-color: transparent; opacity: 0; transform: translateX(1rem); transition: opacity 0.1s ease-out; } .meta-item-container-Tj0Ib .title-bar-container-1Ba0x .menu-label-container-ChuX8 .icon-gh1t9 { display: block; width: 100%; height: 100%; color: var(--primary-foreground-color); opacity: 0.6; } .meta-item-container-Tj0Ib .title-bar-container-1Ba0x .menu-label-container-ChuX8 .menu-container-B6cqK { width: auto; } .meta-item-container-Tj0Ib .title-bar-container-1Ba0x .menu-label-container-ChuX8 .menu-container-B6cqK .menu-container-qiz0X { min-width: 9rem; max-width: 14rem; } .meta-item-container-Tj0Ib .title-bar-container-1Ba0x .menu-label-container-ChuX8 .menu-container-B6cqK .menu-container-qiz0X .option-container-mO9yW { padding: 1rem 1.5rem; } .meta-item-container-Tj0Ib .title-bar-container-1Ba0x .menu-label-container-ChuX8 .menu-container-B6cqK .menu-container-qiz0X .option-container-mO9yW:hover, .meta-item-container-Tj0Ib .title-bar-container-1Ba0x .menu-label-container-ChuX8 .menu-container-B6cqK .menu-container-qiz0X .option-container-mO9yW:focus { outline: none; background-color: var(--overlay-color); } .meta-item-container-Tj0Ib .title-bar-container-1Ba0x .menu-label-container-ChuX8 .menu-container-B6cqK .menu-container-qiz0X .option-container-mO9yW .label-AR_l8 { font-weight: 500; color: var(--primary-foreground-color); opacity: 0.8; } @media only screen and (max-width: 640px) { .meta-item-container-Tj0Ib { padding: 0.5rem; } .meta-item-container-Tj0Ib .title-bar-container-1Ba0x { margin-top: 0.5rem; } } .modal-container-OuxEF{align-items:center;background-color:hsla(0,0%,0%,0.4);display:flex;justify-content:center}.modal-container-OuxEF .modal-dialog-container-DZMKq{background-color:var(--modal-background-color);border-radius:var(--border-radius);box-shadow:var(--outer-glow);display:flex;flex:none;flex-direction:column;max-height:80%;max-width:80%;padding:0 2rem;position:relative}.modal-container-OuxEF .modal-dialog-container-DZMKq .modal-dialog-background-vZpB_{background-position:center;background-size:cover;bottom:0;left:0;opacity:0.1;position:absolute;right:0;top:0;z-index:0}.modal-container-OuxEF .modal-dialog-container-DZMKq .close-button-container-cmxAp{border-radius:var(--border-radius);height:3rem;padding:0.5rem;position:absolute;right:0.5rem;top:0.5rem;width:3rem;z-index:2}.modal-container-OuxEF .modal-dialog-container-DZMKq .close-button-container-cmxAp .icon-OYzlV{color:var(--primary-foreground-color);display:block;height:100%;opacity:0.4;width:100%}.modal-container-OuxEF .modal-dialog-container-DZMKq .close-button-container-cmxAp:focus .icon-OYzlV,.modal-container-OuxEF .modal-dialog-container-DZMKq .close-button-container-cmxAp:hover .icon-OYzlV{color:var(--primary-foreground-color);opacity:1}.modal-container-OuxEF .modal-dialog-container-DZMKq .close-button-container-cmxAp:focus{outline-color:var(--primary-foreground-color)}.modal-container-OuxEF .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z{overflow-y:auto;position:relative;z-index:1}.modal-container-OuxEF .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z .title-container-v2mmF{align-items:center;color:var(--primary-foreground-color);display:flex;flex:1 0 auto;font-size:1.2rem;font-weight:500;height:4.5rem}.modal-container-OuxEF .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z .body-container-H80dD{align-self:stretch;flex:1;overflow:visible;padding:2rem 0}.modal-container-OuxEF .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z .body-container-H80dD:last-child{margin-bottom:2rem}.modal-container-OuxEF .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z .buttons-container-e_JoR{align-self:stretch;display:flex;flex:none;flex-direction:row;flex-wrap:wrap}.modal-container-OuxEF .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z .buttons-container-e_JoR:last-child{margin:2rem 0}.action-button-eprQG{align-items:center;background-color:var(--secondary-accent-color);border-radius:3.5rem;display:flex;flex:1;flex-direction:row;height:3.5rem;justify-content:center;padding:1.2rem}.action-button-eprQG:hover{background-color:transparent;outline:var(--focus-outline-size) solid var(--secondary-accent-color)}.action-button-eprQG:focus{outline-color:var(--primary-foreground-color)}.action-button-eprQG:not(:last-child){margin-right:1rem}.action-button-eprQG .icon-OYzlV{color:var(--primary-foreground-color);flex:none;height:1.2rem;margin-right:0.5rem;width:1.2rem}.action-button-eprQG .label-wbfsE{color:var(--primary-foreground-color);flex-basis:auto;flex-grow:0;flex-shrink:1;font-size:1.1rem;font-weight:700;max-height:3.6em;text-align:center}@media only screen and (max-width:640px){.modal-container-OuxEF .modal-dialog-container-DZMKq{max-width:initial;padding:0 1.5rem;position:relative;width:90%;z-index:0}.modal-container-OuxEF .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z .buttons-container-e_JoR{flex-direction:column;gap:1rem}.modal-container-OuxEF .action-button-eprQG{width:100%}.modal-container-OuxEF .action-button-eprQG .label-wbfsE{text-overflow:ellipsis;white-space:nowrap}} .event-modal-lIGmX { backdrop-filter: blur(10px); } .event-modal-lIGmX .modal-dialog-container-DZMKq { overflow: visible; max-width: 45rem; } .event-modal-lIGmX .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z { display: flex; flex-direction: column; align-items: center; overflow: visible; position: relative; } .event-modal-lIGmX .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z .body-container-x9t4v { overflow-y: visible; } .event-modal-lIGmX .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z .image-iUBVI { position: absolute; top: -10rem; left: 50%; transform: translateX(-50%); object-fit: cover; width: 30rem; height: 30rem; } .event-modal-lIGmX .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z .info-container-ewqxH { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2.5rem; padding: 10rem 4rem 0; } .event-modal-lIGmX .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z .info-container-ewqxH .title-container-tBMsA { display: flex; flex-direction: column; gap: 1rem; } .event-modal-lIGmX .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z .info-container-ewqxH .title-container-tBMsA .title-lE2cq { color: var(--primary-foreground-color); font-size: 1.325rem; text-align: center; padding: 0 6rem; } .event-modal-lIGmX .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z .info-container-ewqxH .title-container-tBMsA .label-KwjpM { color: var(--primary-foreground-color); font-size: 1rem; text-align: center; opacity: 0.5; } .event-modal-lIGmX .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z .info-container-ewqxH .addon-container-YNNkt { display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 0.5rem; } .event-modal-lIGmX .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z .info-container-ewqxH .addon-container-YNNkt .icon-n54me { height: 2rem; width: 2rem; color: var(--primary-accent-color); } .event-modal-lIGmX .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z .info-container-ewqxH .addon-container-YNNkt .name-DVEMC { color: var(--primary-foreground-color); } .event-modal-lIGmX .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z .info-container-ewqxH .action-button-QSvOg { background-color: var(--primary-foreground-color); border: 2px solid var(--primary-foreground-color); padding: 0.8rem 2rem; border-radius: 2rem; } .event-modal-lIGmX .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z .info-container-ewqxH .action-button-QSvOg .button-label-hRZRW { color: var(--primary-accent-color); font-size: 1rem; font-weight: 700; } .event-modal-lIGmX .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z .info-container-ewqxH .action-button-QSvOg:hover { background-color: transparent; } @media (orientation: landscape) and (max-height: 640px) { .event-modal-lIGmX .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z { overflow-y: auto; } .event-modal-lIGmX .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z .body-container-x9t4v { overflow-y: auto; } .event-modal-lIGmX .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z .image-iUBVI { display: none; } .event-modal-lIGmX .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z .info-container-ewqxH { padding: 1rem 4rem 0; } } @media only screen and (max-width: 640px) { .event-modal-lIGmX .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z .info-container-ewqxH .title-container-tBMsA .title-lE2cq { padding: 0rem; font-size: 1rem; } .event-modal-lIGmX .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z .info-container-ewqxH .title-container-tBMsA .label-KwjpM { font-size: 0.875rem; } } .horizontal-scroll-pGtUW { position: relative; overflow-x: auto; } .horizontal-scroll-pGtUW.left-MCk5v { mask-image: linear-gradient(90deg, #000000 calc(100% - 10%), rgba(0, 0, 0, 0) 100%); } .horizontal-scroll-pGtUW.right-bxsRb { mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #000000 10%); } .horizontal-scroll-pGtUW.center-J9E02 { mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #000000 10%, #000000 calc(100% - 10%), rgba(0, 0, 0, 0) 100%); } .text-input-hnLiz { user-select: text; } .text-input-hnLiz::-moz-focus-inner { border: none; } .search-bar-container-asfq1 { --search-bar-size: 3.25rem; display: flex; flex-direction: row; height: var(--search-bar-size); border-radius: var(--search-bar-size); background-color: var(--overlay-color); position: relative; overflow: visible; } .search-bar-container-asfq1 .search-input-IQ0ZW { flex: 1; align-self: stretch; display: flex; flex-direction: row; align-items: center; padding: 0 0.5rem 0 2rem; font-weight: 500; color: var(--primary-foreground-color); cursor: text; } .search-bar-container-asfq1 .search-input-IQ0ZW::placeholder, .search-bar-container-asfq1 .search-input-IQ0ZW .placeholder-label-XyrN_ { max-height: 1.2em; opacity: 1; color: var(--primary-foreground-color); opacity: 0.6; } .search-bar-container-asfq1 .submit-button-container-MImNa { flex: none; display: flex; flex-direction: row; justify-content: center; align-items: center; height: var(--search-bar-size); padding: 0 1.5rem; } .search-bar-container-asfq1 .submit-button-container-MImNa .icon-TkvAO { flex: none; width: 1.7rem; height: 1.7rem; color: var(--primary-foreground-color); opacity: 0.6; } .search-bar-container-asfq1 .menu-container-GcXNG { position: absolute; top: 100%; left: 0; width: 100%; height: auto; z-index: 10; padding: 1rem; margin: 0 auto; display: flex; justify-content: center; align-items: flex-start; flex-direction: column; gap: 1.5rem; background-color: var(--modal-background-color); border-radius: var(--border-radius); } .search-bar-container-asfq1 .menu-container-GcXNG .label-J908i { font-size: 0.9rem; color: var(--primary-foreground-color); } .search-bar-container-asfq1 .menu-container-GcXNG .title-s74ty { display: flex; justify-content: space-between; width: 100%; opacity: 0.8; padding-bottom: 1rem; } .search-bar-container-asfq1 .menu-container-GcXNG .title-s74ty .search-history-clear-ap0h8 { cursor: pointer; color: var(--primary-foreground-color); font-size: 0.9rem; } .search-bar-container-asfq1 .menu-container-GcXNG .title-s74ty .search-history-clear-ap0h8:hover { opacity: 0.6; } .search-bar-container-asfq1 .menu-container-GcXNG .items-P1xS5 { width: 100%; margin: 0 auto; display: flex; justify-content: center; align-items: flex-start; flex-direction: column; } .search-bar-container-asfq1 .menu-container-GcXNG .items-P1xS5 .item-TgYCX { width: 90%; color: var(--primary-foreground-color); text-align: left; text-decoration: none; padding: 0.5rem 1rem; border-radius: var(--border-radius); width: 100%; cursor: pointer; z-index: 10; } .search-bar-container-asfq1 .menu-container-GcXNG .items-P1xS5 .item-TgYCX:hover { background-color: var(--secondary-background-color); } .nav-menu-popup-label-XmUBo .menu-container-B6cqK { margin-top: 1rem; } .nav-menu-container-Pl25j { width: 22rem; max-height: calc(100vh - var(--horizontal-nav-bar-size) - 1rem); overflow-y: auto; border-radius: var(--border-radius); background-color: var(--modal-background-color); } .nav-menu-container-Pl25j .user-info-container-uigVE { display: flex; padding: 1.5rem 1rem; } .nav-menu-container-Pl25j .user-info-container-uigVE .avatar-container-f6ino { flex: none; height: 4rem; width: 4rem; border-radius: 50%; background-size: cover; background-repeat: no-repeat; background-position: center; background-origin: content-box; background-clip: content-box; background-color: var(--primary-foreground-color); opacity: 0.9; } .nav-menu-container-Pl25j .user-info-container-uigVE .user-info-details-XJ5OH { flex: auto; display: flex; flex-direction: column; justify-content: center; margin-left: 1rem; } .nav-menu-container-Pl25j .user-info-container-uigVE .user-info-details-XJ5OH .email-container-LNcms { flex: none; margin-bottom: 0.5rem; } .nav-menu-container-Pl25j .user-info-container-uigVE .user-info-details-XJ5OH .email-container-LNcms .email-label-IFT0d { flex: 1; color: var(--primary-foreground-color); } .nav-menu-container-Pl25j .user-info-container-uigVE .user-info-details-XJ5OH .logout-button-container-prHdW { flex: none; } .nav-menu-container-Pl25j .user-info-container-uigVE .user-info-details-XJ5OH .logout-button-container-prHdW:hover, .nav-menu-container-Pl25j .user-info-container-uigVE .user-info-details-XJ5OH .logout-button-container-prHdW:focus { outline: none; } .nav-menu-container-Pl25j .user-info-container-uigVE .user-info-details-XJ5OH .logout-button-container-prHdW:hover .logout-label-HhwtK, .nav-menu-container-Pl25j .user-info-container-uigVE .user-info-details-XJ5OH .logout-button-container-prHdW:focus .logout-label-HhwtK { text-decoration: underline; } .nav-menu-container-Pl25j .user-info-container-uigVE .user-info-details-XJ5OH .logout-button-container-prHdW .logout-label-HhwtK { flex: 1; font-size: 0.9rem; font-weight: 500; color: var(--primary-foreground-color); } .nav-menu-container-Pl25j .nav-menu-section-j87xd { border-top: thin solid var(--overlay-color); } .nav-menu-container-Pl25j .nav-menu-section-j87xd .nav-menu-option-container-Qj9Xh { display: flex; flex-direction: row; align-items: center; height: 4rem; padding: 0 1.5rem; } .nav-menu-container-Pl25j .nav-menu-section-j87xd .nav-menu-option-container-Qj9Xh:hover { background-color: var(--overlay-color); } .nav-menu-container-Pl25j .nav-menu-section-j87xd .nav-menu-option-container-Qj9Xh .icon-MRjOP { flex: none; width: 2rem; height: 2rem; margin-right: 1rem; color: var(--primary-foreground-color); opacity: 0.3; } .nav-menu-container-Pl25j .nav-menu-section-j87xd .nav-menu-option-container-Qj9Xh .nav-menu-option-label-d7fgK { flex: 1; color: var(--primary-foreground-color); } @media only screen and (max-width: 640px) { .nav-menu-container-Pl25j { max-height: calc(100vh - var(--horizontal-nav-bar-size) - var(--vertical-nav-bar-size) - 1rem); } } .horizontal-nav-bar-container-Y_zvK { display: flex; flex-direction: row; align-items: center; justify-content: space-between; height: var(--horizontal-nav-bar-size); padding-right: 1rem; background-color: transparent; overflow: visible; padding-top: var(--safe-area-inset-top); box-sizing: content-box; } .horizontal-nav-bar-container-Y_zvK .logo-container-jteMT { flex: none; display: flex; align-items: center; justify-content: center; width: var(--vertical-nav-bar-size); height: var(--horizontal-nav-bar-size); } .horizontal-nav-bar-container-Y_zvK .logo-container-jteMT .logo-oPx1q { flex: none; width: 2.5rem; height: 2.5rem; object-position: center; object-fit: contain; opacity: 0.9; } .horizontal-nav-bar-container-Y_zvK .back-button-container-lDB1N { margin-left: max(0rem, calc(1rem - var(--safe-area-inset-left))); } .horizontal-nav-bar-container-Y_zvK .title-DGh6h { flex: 4 0 0; padding: 0 1rem; font-size: 1.2rem; font-style: normal; font-weight: 500; letter-spacing: 0.01rem; white-space: nowrap; text-overflow: ellipsis; color: hsla(222.8, 100%, 78%, 0.9); } .horizontal-nav-bar-container-Y_zvK .search-bar-h60ja { height: 3.25rem; width: 30rem; } .horizontal-nav-bar-container-Y_zvK .buttons-container-Oc5z1 { display: flex; flex-direction: row; gap: 0.5rem; overflow: visible; } .horizontal-nav-bar-container-Y_zvK .button-container-xT9_L { flex: none; display: flex; align-items: center; justify-content: center; width: 3.5rem; height: 3.5rem; border-radius: 0.75rem; opacity: 0.6; } .horizontal-nav-bar-container-Y_zvK .button-container-xT9_L .icon-T8MU6 { flex: none; width: 2rem; height: 2rem; color: var(--primary-foreground-color); opacity: 0.6; } .horizontal-nav-bar-container-Y_zvK .button-container-xT9_L.active { background-color: var(--overlay-color); opacity: 1; } .horizontal-nav-bar-container-Y_zvK .button-container-xT9_L.active .icon-T8MU6 { color: var(--primary-foreground-color); opacity: 0.8; } @media (pointer: fine) { .horizontal-nav-bar-container-Y_zvK .button-container-xT9_L:hover { background-color: var(--overlay-color); opacity: 1; } .horizontal-nav-bar-container-Y_zvK .button-container-xT9_L:hover .icon-T8MU6 { color: var(--primary-foreground-color); opacity: 0.8; } } @media only screen and (max-width: 640px) { .horizontal-nav-bar-container-Y_zvK { justify-content: space-between; padding-right: 0; } .horizontal-nav-bar-container-Y_zvK .logo-container-jteMT { width: var(--horizontal-nav-bar-size); } .horizontal-nav-bar-container-Y_zvK .button-container-xT9_L { margin: 0 1rem; } .horizontal-nav-bar-container-Y_zvK .button-container-xT9_L:not(.back-button-container-lDB1N):not(.menu-button-container-DtW4v) { display: none; } } .nav-tab-button-container-dYhs0 { display: flex; flex-direction: column; align-items: center; justify-content: center; background-color: transparent; border-radius: 0.75rem; } @media (pointer: fine) { .nav-tab-button-container-dYhs0:hover { background-color: var(--overlay-color); } .nav-tab-button-container-dYhs0:hover .label-BCz2f { opacity: 0.6; } .nav-tab-button-container-dYhs0:hover.selected .label-BCz2f { opacity: 1; } } .nav-tab-button-container-dYhs0.selected .icon-TzPrK { opacity: 1; } .nav-tab-button-container-dYhs0.selected .icon-TzPrK, .nav-tab-button-container-dYhs0.selected .label-BCz2f { color: var(--primary-accent-color); } .nav-tab-button-container-dYhs0 .icon-TzPrK, .nav-tab-button-container-dYhs0 .logo-xJBE9 { flex: none; width: 2.2rem; height: 2.2rem; margin-bottom: 0.5rem; } .nav-tab-button-container-dYhs0 .icon-TzPrK { color: var(--primary-foreground-color); opacity: 0.35; } .nav-tab-button-container-dYhs0 .label-BCz2f { flex: none; position: relative; max-width: 100%; max-height: 2.4em; padding: 0 0.5rem; font-size: 0.8rem; font-weight: 500; letter-spacing: 0.01rem; text-align: center; white-space: nowrap; text-overflow: ellipsis; color: var(--primary-foreground-color); opacity: 0; overflow: hidden; } @media only screen and (max-width: 640px) { .nav-tab-button-container-dYhs0 .label-BCz2f { opacity: 0.6; } .nav-tab-button-container-dYhs0.selected .label-BCz2f { opacity: 1; } } .vertical-nav-bar-container-UPAkA { display: flex; flex-direction: column; align-items: center; gap: 1rem; width: var(--vertical-nav-bar-size); padding: 1rem 0; background-color: transparent; overflow-y: auto; scrollbar-width: none; } .vertical-nav-bar-container-UPAkA::-webkit-scrollbar { display: none; } .vertical-nav-bar-container-UPAkA .nav-tab-button-tW6qT { width: calc(var(--vertical-nav-bar-size) - 1.2rem); height: calc(var(--vertical-nav-bar-size) - 1.2rem); } @media only screen and (max-width: 640px) { .vertical-nav-bar-container-UPAkA { flex-direction: row; justify-content: space-between; gap: 0; height: var(--vertical-nav-bar-size); width: 100%; padding: 0 1rem; overflow-y: hidden; overflow-x: auto; } .vertical-nav-bar-container-UPAkA .nav-tab-button-tW6qT { flex: none; } .vertical-nav-bar-container-UPAkA .nav-tab-button-tW6qT:last-child { display: none; } } @media only screen and (max-height: 640px) { .vertical-nav-bar-container-UPAkA .nav-tab-button-tW6qT:last-child { display: none; } } .main-nav-bars-container-wNjS5 { position: relative; z-index: 0; overflow: clip; margin-left: env(safe-area-inset-left, 0px); margin-right: env(safe-area-inset-right, 0px); width: calc(100% - env(safe-area-inset-left, 0px) - env(safe-area-inset-right, 0px)); height: 100%; } .main-nav-bars-container-wNjS5 .horizontal-nav-bar-ji5GB { position: absolute; top: 0; right: 0; left: 0; z-index: 1; } .main-nav-bars-container-wNjS5 .vertical-nav-bar-qGRze { position: absolute; top: var(--horizontal-nav-bar-size); bottom: var(--calculated-bottom-safe-inset); left: 0; z-index: 1; } .main-nav-bars-container-wNjS5 .nav-content-container-zl9hQ { position: absolute; padding-top: calc(var(--horizontal-nav-bar-size) + env(safe-area-inset-top, 0px)); top: 0; right: 0; bottom: 0; left: var(--vertical-nav-bar-size); z-index: 0; overflow: scroll; } @media only screen and (max-width: 640px) { .main-nav-bars-container-wNjS5 .nav-content-container-zl9hQ { left: 0; padding-bottom: var(--vertical-nav-bar-size); } .main-nav-bars-container-wNjS5 .vertical-nav-bar-qGRze { top: initial; } } .share-prompt-container-EXOaj .buttons-container-fiSbJ { display: flex; flex-direction: row; } .share-prompt-container-EXOaj .buttons-container-fiSbJ .button-container-KJoeC { flex: 1; display: flex; flex-direction: row; align-items: center; justify-content: center; padding: 1rem; } .share-prompt-container-EXOaj .buttons-container-fiSbJ .button-container-KJoeC:not(:last-child) { margin-right: 1rem; } .share-prompt-container-EXOaj .buttons-container-fiSbJ .button-container-KJoeC .icon-OX8pK { flex: none; height: 1.5rem; color: var(--primary-foreground-color); } .share-prompt-container-EXOaj .buttons-container-fiSbJ .facebook-button-La6ud, .share-prompt-container-EXOaj .buttons-container-fiSbJ .x-button-pA7ym, .share-prompt-container-EXOaj .buttons-container-fiSbJ .reddit-button-sd07c { border-radius: var(--border-radius); } .share-prompt-container-EXOaj .buttons-container-fiSbJ .facebook-button-La6ud:focus, .share-prompt-container-EXOaj .buttons-container-fiSbJ .x-button-pA7ym:focus, .share-prompt-container-EXOaj .buttons-container-fiSbJ .reddit-button-sd07c:focus { outline-color: var(--primary-foreground-color); } .share-prompt-container-EXOaj .buttons-container-fiSbJ .facebook-button-La6ud { background-color: var(--color-facebook); } .share-prompt-container-EXOaj .buttons-container-fiSbJ .x-button-pA7ym { background-color: var(--color-x); } .share-prompt-container-EXOaj .buttons-container-fiSbJ .reddit-button-sd07c { background-color: var(--color-reddit); } .share-prompt-container-EXOaj .url-container-OKpfh { display: flex; flex-direction: row; margin-top: 1rem; border-radius: var(--border-radius); background-color: var(--overlay-color); } .share-prompt-container-EXOaj .url-container-OKpfh .url-text-input-nqDsC { flex: 1; align-self: stretch; padding: 1rem; font-size: 1.1rem; text-align: center; color: var(--primary-foreground-color); } .share-prompt-container-EXOaj .url-container-OKpfh .copy-button-XmXGg { flex: none; align-self: stretch; display: flex; flex-direction: row; align-items: center; justify-content: center; width: 8rem; padding: 1rem; border-radius: 0 var(--border-radius) var(--border-radius) 0; background-color: var(--secondary-accent-color); } .share-prompt-container-EXOaj .url-container-OKpfh .copy-button-XmXGg:hover { outline: var(--focus-outline-size) solid var(--secondary-accent-color); background-color: transparent; } .share-prompt-container-EXOaj .url-container-OKpfh .copy-button-XmXGg:focus { outline-color: var(--primary-foreground-color); } .share-prompt-container-EXOaj .url-container-OKpfh .copy-button-XmXGg .icon-OX8pK { flex: none; width: 1.2rem; height: 1.2rem; margin-right: 0.5rem; color: var(--primary-foreground-color); } .share-prompt-container-EXOaj .url-container-OKpfh .copy-button-XmXGg .label-gMoQ8 { flex-grow: 0; flex-shrink: 1; flex-basis: auto; max-height: 2.4em; font-size: 1.1rem; color: var(--primary-foreground-color); } .action-button-container-sVyRr { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 1rem; border-radius: 100%; background-color: var(--overlay-color); backdrop-filter: blur(5px); transition: background-color 0.1s ease-out; } .action-button-container-sVyRr:hover, .action-button-container-sVyRr:focus { outline: var(--focus-outline-size) solid var(--primary-foreground-color); background-color: transparent; } .action-button-container-sVyRr .icon-container-rQBA0 { flex: none; } .action-button-container-sVyRr .icon-container-rQBA0 .icon-RouVG { display: block; height: 1.75rem; width: 1.75rem; color: var(--primary-foreground-color); opacity: 0.9; } .action-button-container-sVyRr .label-container-xslEF { flex: none; align-self: stretch; display: flex; flex-direction: row; align-items: center; } .action-button-container-sVyRr .label-container-xslEF .label-WCWIO { flex: 1; font-size: 1rem; font-weight: 500; max-height: 2.4em; padding: 0 0.2rem; text-align: center; color: var(--primary-foreground-color); opacity: 0.9; } @media screen and (max-width: 1000px) and (max-height: 500px) and (orientation: landscape) { .action-button-container-sVyRr .label-container-xslEF { display: none; } } @media only screen and (max-width: 640px) { .action-button-container-sVyRr { flex-direction: row; padding: 0 1rem; } .action-button-container-sVyRr .icon-container-rQBA0 { height: 2rem; width: 2rem; } } .tooltip-item-gfYXu { position: fixed; opacity: 0; } .tooltip-item-gfYXu.active { opacity: 1; } .tooltip-placeholder-niioe { z-index: -1; visibility: hidden; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .meta-links-container-dh69_ .label-container-dYN2B { margin-bottom: 0.75rem; text-transform: uppercase; font-size: 0.95rem; font-weight: 700; color: var(--primary-foreground-color); opacity: 0.3; } .meta-links-container-dh69_ .links-container-C8Mw9 { display: flex; flex-direction: row; flex-wrap: wrap; } .meta-links-container-dh69_ .links-container-C8Mw9 .link-container-gHxPW { flex-grow: 0; flex-shrink: 1; flex-basis: auto; margin-right: 0.75rem; margin-bottom: 0.75rem; padding: 0.4rem 1.25rem; white-space: nowrap; text-overflow: ellipsis; border-radius: 2rem; border: var(--focus-outline-size) solid transparent; font-size: 1rem; font-weight: 500; color: var(--primary-foreground-color); background-color: var(--overlay-color); backdrop-filter: blur(5px); } .meta-links-container-dh69_ .links-container-C8Mw9 .link-container-gHxPW:hover, .meta-links-container-dh69_ .links-container-C8Mw9 .link-container-gHxPW:focus { background-color: hsla(0, 0%, 100%, 0.3); } .meta-links-container-dh69_ .links-container-C8Mw9 .link-container-gHxPW:focus { outline: none; border-color: hsl(0, 0%, 100%); } .meta-preview-placeholder-container-IVU4R { display: flex; flex-direction: column; } .meta-preview-placeholder-container-IVU4R .meta-info-container-zVaVX { flex: 1; align-self: stretch; } .meta-preview-placeholder-container-IVU4R .meta-info-container-zVaVX .logo-container-CES89 { width: 20rem; height: 8rem; max-width: 100%; border-radius: var(--border-radius); background-color: var(--color-placeholder-background); } .meta-preview-placeholder-container-IVU4R .meta-info-container-zVaVX .duration-release-info-container-JQE0f { display: flex; flex-direction: row; flex-wrap: wrap; margin: 1rem 0; } .meta-preview-placeholder-container-IVU4R .meta-info-container-zVaVX .duration-release-info-container-JQE0f .duration-container-tVH7K { flex-basis: 5rem; height: 1.4rem; margin-right: 1rem; border-radius: var(--border-radius); background-color: var(--color-placeholder-background); } .meta-preview-placeholder-container-IVU4R .meta-info-container-zVaVX .duration-release-info-container-JQE0f .release-info-container-dbZja { flex-basis: 5rem; height: 1.4rem; border-radius: var(--border-radius); background-color: var(--color-placeholder-background); } .meta-preview-placeholder-container-IVU4R .meta-info-container-zVaVX .genres-container-MkCtO { margin: 1rem 0; } .meta-preview-placeholder-container-IVU4R .meta-info-container-zVaVX .genres-container-MkCtO .genres-header-container-XNnjL { width: 6.5rem; height: 1.6rem; max-width: 100%; border-radius: var(--border-radius); background-color: var(--color-placeholder-background); } .meta-preview-placeholder-container-IVU4R .meta-info-container-zVaVX .genres-container-MkCtO .genre-label-container-r3gbk { width: 10rem; height: 1.2rem; max-width: 100%; margin-top: 0.2rem; border-radius: var(--border-radius); background-color: var(--color-placeholder-background); } .meta-preview-placeholder-container-IVU4R .action-buttons-container-FHoD2 { display: flex; flex-direction: row; flex-wrap: wrap; height: 4rem; margin-bottom: 1rem; border-radius: 4rem; background-color: var(--color-placeholder-background); } .meta-preview-container-o22hc { position: relative; z-index: 0; display: flex; flex-direction: column; } .meta-preview-container-o22hc.compact-ii1zu .meta-info-container-ub8AH .logo-X3hTV, .meta-preview-container-o22hc.compact-ii1zu .meta-info-container-ub8AH .logo-placeholder-rE1ld { width: 100%; height: 6rem; } .meta-preview-container-o22hc.compact-ii1zu .meta-info-container-ub8AH .runtime-release-info-container-BGd_r { justify-content: space-between; } .meta-preview-container-o22hc.compact-ii1zu .meta-info-container-ub8AH .runtime-release-info-container-BGd_r .runtime-label-TzAGI, .meta-preview-container-o22hc.compact-ii1zu .meta-info-container-ub8AH .runtime-release-info-container-BGd_r .release-info-label-LPJMB { margin: 1rem 0.4rem; } .meta-preview-container-o22hc.compact-ii1zu .meta-info-container-ub8AH .description-container-yi8iU { max-height: none; } .meta-preview-container-o22hc.compact-ii1zu .action-buttons-container-XbKVa { justify-content: space-between; } .meta-preview-container-o22hc.compact-ii1zu .action-buttons-container-XbKVa .action-button-XIZa3:not(:last-child) { margin-right: 0; } .meta-preview-container-o22hc .background-image-layer-kk_WI { position: absolute; top: -10px; right: -10px; bottom: -10px; left: -10px; z-index: -1; } .meta-preview-container-o22hc .background-image-layer-kk_WI .background-image-9zToE { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; filter: blur(10px); opacity: 0.3; } .meta-preview-container-o22hc .meta-info-container-ub8AH { flex: 1; align-self: stretch; overflow-y: auto; } .meta-preview-container-o22hc .meta-info-container-ub8AH:not(:hover) { scrollbar-color: transparent transparent; } .meta-preview-container-o22hc .meta-info-container-ub8AH:not(:hover)::-webkit-scrollbar-thumb, .meta-preview-container-o22hc .meta-info-container-ub8AH:not(:hover)::-webkit-scrollbar-track { background-color: transparent; } .meta-preview-container-o22hc .meta-info-container-ub8AH .logo-X3hTV, .meta-preview-container-o22hc .meta-info-container-ub8AH .logo-placeholder-rE1ld { display: block; max-width: 100%; margin-bottom: 2rem; } .meta-preview-container-o22hc .meta-info-container-ub8AH .logo-X3hTV { height: 9rem; object-fit: contain; object-position: center; } .meta-preview-container-o22hc .meta-info-container-ub8AH .logo-placeholder-rE1ld { font-size: 1.7rem; color: hsla(0, 0%, 100%, 0.9); } .meta-preview-container-o22hc .meta-info-container-ub8AH .runtime-release-info-container-BGd_r { display: flex; flex-direction: row; align-items: center; flex-wrap: wrap; margin-top: 1rem; } .meta-preview-container-o22hc .meta-info-container-ub8AH .runtime-release-info-container-BGd_r .runtime-label-TzAGI, .meta-preview-container-o22hc .meta-info-container-ub8AH .runtime-release-info-container-BGd_r .release-info-label-LPJMB { flex: 0 1 auto; margin-right: 3rem; font-size: 1.25rem; font-weight: 600; color: var(--primary-foreground-color); } .meta-preview-container-o22hc .meta-info-container-ub8AH .runtime-release-info-container-BGd_r .imdb-button-container-gGjxp { flex: 0 1 auto; display: flex; flex-direction: row; align-items: center; border-radius: 2.5rem; } .meta-preview-container-o22hc .meta-info-container-ub8AH .runtime-release-info-container-BGd_r .imdb-button-container-gGjxp:focus { outline: none; border: var(--focus-outline-size) solid hsl(0, 0%, 100%); } .meta-preview-container-o22hc .meta-info-container-ub8AH .runtime-release-info-container-BGd_r .imdb-button-container-gGjxp .label-MXv72 { flex: 0 1 auto; margin-right: 1rem; font-size: 1.25rem; font-weight: 600; color: var(--primary-foreground-color); } .meta-preview-container-o22hc .meta-info-container-ub8AH .runtime-release-info-container-BGd_r .imdb-button-container-gGjxp .icon-N_uIU { flex: none; width: 3rem; height: 3rem; color: var(--color-imdb); } .meta-preview-container-o22hc .meta-info-container-ub8AH .description-container-yi8iU { margin-top: 1rem; font-size: 1rem; font-weight: 400; line-height: 2em; color: var(--primary-foreground-color); } .meta-preview-container-o22hc .meta-info-container-ub8AH .description-container-yi8iU .label-container-_VXZt { text-transform: uppercase; font-size: 0.95rem; font-weight: 700; color: var(--primary-foreground-color); opacity: 0.3; } .meta-preview-container-o22hc .meta-info-container-ub8AH .meta-links-Xiao3 { margin-top: 1.5rem; } .meta-preview-container-o22hc .action-buttons-container-XbKVa { flex: none; align-self: stretch; display: flex; flex-direction: row; align-items: flex-end; max-height: 15rem; flex-wrap: wrap; padding-top: 3.5rem; overflow: visible; } .meta-preview-container-o22hc .action-buttons-container-XbKVa .label-MXv72 { position: absolute; top: -3rem; left: 0; opacity: 0; transition: opacity 0.3s ease; text-align: center; color: var(--primary-foreground-color); overflow: visible; } .meta-preview-container-o22hc .action-buttons-container-XbKVa:not(:last-child) { margin-right: 1rem; } .meta-preview-container-o22hc .action-buttons-container-XbKVa:hover .label-MXv72 { opacity: 0.7; } .meta-preview-container-o22hc .action-buttons-container-XbKVa .action-button-XIZa3 { flex: none; width: 4rem; height: 4rem; margin-bottom: 1rem; } .meta-preview-container-o22hc .action-buttons-container-XbKVa .action-button-XIZa3.wide { width: auto; padding: 0 2rem; border-radius: 4rem; } .meta-preview-container-o22hc .action-buttons-container-XbKVa .action-button-XIZa3:not(:last-child) { margin-right: 1rem; } .meta-preview-container-o22hc .action-buttons-container-XbKVa .action-button-XIZa3.show-button-_yuOF:hover, .meta-preview-container-o22hc .action-buttons-container-XbKVa .action-button-XIZa3.show-button-_yuOF:focus { background-color: var(--secondary-accent-color); outline: none; } .share-prompt-QbhIA { width: 30rem; } @media screen and (max-width: 1000px) and (max-height: 500px) and (orientation: landscape) { .meta-preview-container-o22hc .meta-info-container-ub8AH .logo-X3hTV { height: 5rem; margin-bottom: 1rem; } .meta-preview-container-o22hc .action-buttons-container-XbKVa { padding-top: 1.5rem; gap: 0.5rem; } .meta-preview-container-o22hc .action-buttons-container-XbKVa .action-button-XIZa3 { padding: 0 1.5rem !important; margin-right: 0rem !important; height: 3rem; border-radius: 2rem; } } @media only screen and (max-width: 640px) { .meta-preview-container-o22hc .meta-info-container-ub8AH .logo-X3hTV { margin: 2rem auto; } .meta-preview-container-o22hc .meta-info-container-ub8AH .runtime-release-info-container-BGd_r { justify-content: space-between; } .meta-preview-container-o22hc .meta-info-container-ub8AH .runtime-release-info-container-BGd_r .runtime-label-TzAGI, .meta-preview-container-o22hc .meta-info-container-ub8AH .runtime-release-info-container-BGd_r .release-info-label-LPJMB { margin: 0; } .meta-preview-container-o22hc .action-buttons-container-XbKVa { flex-shrink: 0; margin-top: 3rem; overflow: visible; scrollbar-width: none; } .meta-preview-container-o22hc .action-buttons-container-XbKVa::-webkit-scrollbar { display: none; } .share-prompt-QbhIA { width: auto; } } .meta-row-placeholder-container-x8ykQ .header-container-LRLpi { display: flex; flex-direction: row; align-items: center; justify-content: flex-end; padding: 0 1rem; margin-bottom: 0.5rem; } .meta-row-placeholder-container-x8ykQ .header-container-LRLpi .title-container-RuV2b { flex: 1; max-height: 2.4em; font-size: 1.6rem; font-weight: 500; color: var(--color-placeholder-text); } .meta-row-placeholder-container-x8ykQ .header-container-LRLpi .title-container-RuV2b:empty { height: 1.2em; background: linear-gradient(to right, var(--color-placeholder-background) 0 40%, transparent 40% 100%); } .meta-row-placeholder-container-x8ykQ .header-container-LRLpi .see-all-container-GtLII { flex: none; display: flex; flex-direction: row; align-items: center; max-width: 12rem; padding: 0.2rem; } .meta-row-placeholder-container-x8ykQ .header-container-LRLpi .see-all-container-GtLII:focus { outline: none; background-color: var(--color-placeholder-background); } .meta-row-placeholder-container-x8ykQ .header-container-LRLpi .see-all-container-GtLII .label-FP9bt { flex: 0 1 auto; max-height: 1.2em; font-size: 1rem; font-weight: 500; color: var(--color-placeholder-text); } .meta-row-placeholder-container-x8ykQ .header-container-LRLpi .see-all-container-GtLII .icon-U2Gj8 { flex: none; height: 1rem; margin-left: 0.5rem; color: var(--color-placeholder-text); } .meta-row-placeholder-container-x8ykQ .meta-items-container-M4vN4 { display: flex; flex-direction: row; align-items: stretch; } .meta-row-placeholder-container-x8ykQ .meta-items-container-M4vN4 .meta-item-iOgzp { flex: 1; margin: 1rem; } .meta-row-placeholder-container-x8ykQ .meta-items-container-M4vN4 .meta-item-iOgzp:not(:first-child) { margin-left: 1.5rem; } .meta-row-placeholder-container-x8ykQ .meta-items-container-M4vN4 .meta-item-iOgzp .poster-container-WX2KD { border-radius: var(--border-radius); padding-bottom: calc(100% * var(--poster-shape-ratio)); background-color: var(--color-placeholder-background); } .meta-row-placeholder-container-x8ykQ .meta-items-container-M4vN4 .meta-item-iOgzp .title-bar-container-U0ZAT { display: flex; flex-direction: row; align-items: center; justify-content: center; height: 2.8rem; } .meta-row-placeholder-container-x8ykQ .meta-items-container-M4vN4 .meta-item-iOgzp .title-bar-container-U0ZAT .title-label-mb1GR { flex: none; width: 60%; height: 1.2rem; border-radius: var(--border-radius); background-color: var(--color-placeholder-background); } @media only screen and (max-width: 640px) { .meta-row-placeholder-container-x8ykQ .meta-items-container-M4vN4 .meta-item-iOgzp { margin: 0.5rem; } .meta-row-placeholder-container-x8ykQ .meta-items-container-M4vN4 .meta-item-iOgzp:not(:first-child) { margin-left: 0.5rem; } .meta-row-placeholder-container-x8ykQ .meta-items-container-M4vN4 .meta-item-iOgzp .title-bar-container-U0ZAT { margin-top: 0.5rem; } } .meta-row-container-xtlB1 { overflow: visible; } .meta-row-container-xtlB1 .header-container-tR3Ev { display: flex; flex-direction: row; align-items: center; justify-content: flex-end; padding: 0 1rem; margin-bottom: 0.25rem; } .meta-row-container-xtlB1 .header-container-tR3Ev .title-container-Mkwnq { flex: 1; max-height: 2.4em; font-size: 1.6rem; font-weight: 500; color: var(--primary-foreground-color); } .meta-row-container-xtlB1 .header-container-tR3Ev .see-all-container-MoOtW { flex: none; display: flex; flex-direction: row; align-items: center; max-width: 12rem; height: 2.5rem; padding: 0 0.5rem 0 1rem; border-radius: 2.5rem; opacity: 0.6; } .meta-row-container-xtlB1 .header-container-tR3Ev .see-all-container-MoOtW:hover, .meta-row-container-xtlB1 .header-container-tR3Ev .see-all-container-MoOtW:focus { outline: none; background-color: var(--overlay-color); opacity: 1; } .meta-row-container-xtlB1 .header-container-tR3Ev .see-all-container-MoOtW .label-bytni { flex: 0 1 auto; max-height: 1.2em; font-size: 1rem; font-weight: 500; color: var(--primary-foreground-color); } .meta-row-container-xtlB1 .header-container-tR3Ev .see-all-container-MoOtW .icon-Sj7HO { flex: none; height: 1.5rem; margin-left: 0.5rem; color: var(--primary-foreground-color); } .meta-row-container-xtlB1 .message-container-KWmlO { max-height: 3.6em; padding: 0 0.5rem; font-size: 1.3rem; color: var(--primary-foreground-color); opacity: 0.6; } .meta-row-container-xtlB1 .meta-items-container-qcuUA { display: flex; flex-direction: row; align-items: stretch; overflow: visible; } .meta-row-container-xtlB1 .meta-items-container-qcuUA .meta-item-QFHCh.poster-shape-poster-LKBza { flex: calc(1 / var(--poster-shape-ratio)); } .meta-row-container-xtlB1 .meta-items-container-qcuUA .meta-item-QFHCh.poster-shape-square-g5a1z { flex: 1; } .meta-row-container-xtlB1 .meta-items-container-qcuUA .meta-item-QFHCh.poster-shape-landscape-KmmRZ { flex: calc(1 / var(--landscape-shape-ratio)); } @media only screen and (max-width: 640px) { .meta-row-container-xtlB1 .header-container-tR3Ev { padding: 0 0.5rem; } .meta-row-container-xtlB1 .header-container-tR3Ev .title-container-Mkwnq { margin-right: 0.5rem; white-space: nowrap; text-overflow: ellipsis; } .meta-row-container-xtlB1 .meta-items-container-qcuUA .meta-item-QFHCh:not(:first-child) { margin-left: 0; } } .option-HcOSE { font-size: var(--font-size-normal); color: var(--primary-foreground-color); align-items: center; display: flex; flex-direction: row; padding: 1rem; } .option-HcOSE .label-IR8xX { flex: 1; color: var(--primary-foreground-color); } .option-HcOSE .icon-I_g2q { flex: none; width: 0.5rem; height: 0.5rem; border-radius: 100%; margin-left: 1rem; background-color: var(--secondary-accent-color); opacity: 1; } .option-HcOSE:hover { background-color: rgba(255, 255, 255, 0.15); } .dropdown-MWaxp { background: var(--modal-background-color); display: none; position: absolute; width: 100%; top: 100%; left: 0; z-index: 10; box-shadow: var(--outer-glow); border-radius: var(--border-radius); overflow: hidden; } .dropdown-MWaxp.open-yuN4f { display: block; max-height: calc(3.3rem * 7); overflow: auto; } .dropdown-MWaxp .back-button-dGLHu { display: flex; align-items: center; gap: 0 0.5rem; padding: 0.75rem; color: var(--primary-foreground-color); } .dropdown-MWaxp .back-button-dGLHu .back-button-icon-VdHBJ { width: 1.5rem; } @media (orientation: landscape) and (max-width: 1000px) { .dropdown-MWaxp.open-yuN4f { max-height: calc(100dvh - var(--horizontal-nav-bar-size) - 10rem); } } .multiselect-menu-qMdaj { position: relative; min-width: 8.5rem; overflow: visible; border-radius: 2.75rem; } .multiselect-menu-qMdaj.disabled-RaqL9 { pointer-events: none; opacity: 0.3; } .multiselect-menu-qMdaj .multiselect-button-XXdgA { color: var(--primary-foreground-color); padding: 0.75rem 1.5rem; display: flex; justify-content: space-between; align-items: center; gap: 0 0.5rem; border-radius: 2.75rem; } .multiselect-menu-qMdaj .multiselect-button-XXdgA .icon-gQU96 { width: 1rem; color: var(--primary-foreground-color); opacity: 0.6; } .multiselect-menu-qMdaj .multiselect-button-XXdgA .icon-gQU96.open-TvFQd { transform: rotate(180deg); } .multiselect-menu-qMdaj:hover { background-color: var(--overlay-color); } .radio-button-SGEc1 { display: flex; align-items: center; overflow: visible; } .radio-button-SGEc1 .radio-container-wPddo { position: relative; width: 1.75rem; height: 1.75rem; border: 3px solid var(--color-placeholder); border-radius: 1rem; background-color: transparent; display: flex; align-items: center; justify-content: center; transition: all 0.2s ease-in-out; cursor: pointer; outline: none; user-select: none; outline-width: var(--focus-outline-size); outline-color: hsl(0, 0%, 100%); outline-offset: calc(-1 * var(--focus-outline-size)); } .radio-button-SGEc1 .radio-container-wPddo input[type='radio'] { opacity: 0; width: 0; height: 0; position: absolute; cursor: pointer; } .radio-button-SGEc1 .radio-container-wPddo .inner-circle-vdtUP { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 1.25rem; height: 1.25rem; border-radius: 0.675rem; border: 2px solid var(--secondary-background-color); transition: opacity 0.2s ease-in-out; background-color: transparent; opacity: 0; } .radio-button-SGEc1 .radio-container-wPddo.disabled-ZzMU9 { cursor: not-allowed; } .radio-button-SGEc1 .radio-container-wPddo.error-_vY0h { border-color: var(--color-trakt); } .radio-button-SGEc1 .radio-container-wPddo.selected-M_zHA .inner-circle-vdtUP { background-color: var(--primary-accent-color); opacity: 1; } .radio-button-SGEc1 .radio-container-wPddo:focus { outline-style: solid; } .search-bar-container-sTkGP { display: flex; flex-direction: row; align-items: center; height: 3.5rem; padding: 0 1rem; border-radius: 3.5rem; border: var(--focus-outline-size) solid transparent; background-color: var(--color-placeholder-background); } .search-bar-container-sTkGP .search-input-Q18HV { flex: 1; max-height: 1.2em; margin-right: 1rem; font-size: 1.1rem; color: var(--color-placeholder-text); } .search-bar-container-sTkGP .icon-M3jX0 { flex: none; width: 1.5rem; height: 1.5rem; color: var(--color-placeholder-background); } .search-bar-container-p4tSt { display: flex; flex-direction: row; align-items: center; height: 3rem; padding: 0 1.5rem; border-radius: 3rem; border: var(--focus-outline-size) solid transparent; background-color: var(--overlay-color); cursor: text; } .search-bar-container-p4tSt:focus-within { border: var(--focus-outline-size) solid var(--primary-foreground-color); } .search-bar-container-p4tSt .search-input-bAgAh { flex: 1; margin-right: 1rem; font-size: 1rem; color: var(--primary-foreground-color); } .search-bar-container-p4tSt .search-input-bAgAh::placeholder { color: var(--primary-foreground-color); opacity: 0.6; } .search-bar-container-p4tSt .icon-QOYfJ { flex: none; width: 1.5rem; height: 1.5rem; color: var(--primary-foreground-color); opacity: 0.6; } html.active-slider-within-NcgYf { cursor: grabbing; } html.active-slider-within-NcgYf body { pointer-events: none; } .slider-container-nJz5F { position: relative; z-index: 0; overflow: visible; cursor: pointer; } .slider-container-nJz5F.disabled { pointer-events: none; opacity: 0.5; } .slider-container-nJz5F .layer-aC5Vt { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 0; display: flex; flex-direction: row; align-items: center; overflow: visible; } .slider-container-nJz5F .track-gItfW { z-index: 0; flex: 1; height: var(--track-size); border-radius: var(--track-size); background-color: var(--overlay-color); } .slider-container-nJz5F .track-before-kJzIb { z-index: 1; flex: none; height: var(--track-size); border-radius: var(--track-size); background-color: var(--overlay-color); } .slider-container-nJz5F .track-after-pUXC0 { z-index: 2; flex: none; height: var(--track-size); border-radius: var(--track-size); background-color: var(--primary-foreground-color); } .slider-container-nJz5F .thumb-PiTF5 { z-index: 3; flex: none; width: var(--thumb-size); height: var(--thumb-size); transform: translateX(-50%); background-color: var(--primary-foreground-color); border-radius: 100%; } .toggle-container-LD19U { position: relative; } .toggle-container-LD19U .toggle-c9IYf { position: relative; width: 3.2rem; height: 1.7rem; border-radius: 1.7rem; background-color: var(--overlay-color); transition: background-color 0.1s ease-in-out; } .toggle-container-LD19U .toggle-c9IYf::before { content: ""; position: absolute; height: calc(1.7rem - 0.5rem); width: calc(1.7rem - 0.5rem); top: calc(0.5rem / 2); left: calc(0.5rem / 2); border-radius: 50%; background-color: var(--primary-foreground-color); transition: transform 0.1s ease-in-out; } .toggle-container-LD19U.checked .toggle-c9IYf { background-color: var(--secondary-accent-color); } .toggle-container-LD19U.checked .toggle-c9IYf::before { transform: translateX(calc(3.2rem - calc(1.7rem - 0.5rem) - 0.5rem)); } .video-placeholder-container-DgoIs { display: flex; flex-direction: row; align-items: center; padding: 0.5rem 1rem; } .video-placeholder-container-DgoIs .info-container-BATmf { flex: 1; display: flex; flex-direction: column; justify-content: space-between; height: 3rem; margin: 0.5rem 1rem; } .video-placeholder-container-DgoIs .info-container-BATmf .name-container-N4C39 { width: 80%; height: 1.2rem; border-radius: var(--border-radius); background: var(--color-placeholder-background); } .video-placeholder-container-DgoIs .info-container-BATmf .released-container-egHHb { height: 1rem; border-radius: var(--border-radius); background: var(--color-placeholder-background); } .video-container-ezBpK { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; padding: 0.5rem; margin-bottom: 0.5rem; border-radius: var(--border-radius); } .video-container-ezBpK:hover, .video-container-ezBpK:focus, .video-container-ezBpK.active { background-color: var(--overlay-color); } .video-container-ezBpK .thumbnail-container-Zm8Cl { flex: none; position: relative; border-radius: 0.3rem; overflow: hidden; } .video-container-ezBpK .thumbnail-container-Zm8Cl .thumbnail-J81W3 { pointer-events: none; display: block; height: 5rem; width: 8rem; object-fit: cover; object-position: center; opacity: 0.9; background-color: var(--overlay-color); } .video-container-ezBpK .thumbnail-container-Zm8Cl .placeholder-icon-GNOI3 { display: block; height: 5rem; width: 8rem; padding: 1rem; color: var(--primary-foreground-color); background-color: var(--overlay-color); opacity: 0.25; } .video-container-ezBpK .thumbnail-container-Zm8Cl .progress-bar-container-w8eFT { position: absolute; bottom: 0.5rem; left: 0.5rem; right: 0.5rem; border-radius: var(--border-radius); } .video-container-ezBpK .thumbnail-container-Zm8Cl .progress-bar-container-w8eFT .progress-bar-E23CT { z-index: 1; position: relative; height: 0.4rem; background-color: var(--primary-accent-color); } .video-container-ezBpK .thumbnail-container-Zm8Cl .progress-bar-container-w8eFT .progress-bar-background-Q7aEH { z-index: 0; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: var(--primary-foreground-color); opacity: 0.2; } .video-container-ezBpK .info-container-xyynk { flex: 1; align-self: stretch; display: flex; flex-direction: column; justify-content: center; padding: 0 0.5rem 0 1.5rem; } .video-container-ezBpK .info-container-xyynk .title-container-NcfV9 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom: 1rem; color: var(--primary-foreground-color); } .video-container-ezBpK .info-container-xyynk .flex-row-container-CAyQu { display: flex; flex-direction: row; align-items: center; justify-content: flex-end; } .video-container-ezBpK .info-container-xyynk .flex-row-container-CAyQu .released-container-XLPqf { flex: 1; margin-right: 0.5rem; padding: 0.2rem 0; font-size: 0.8rem; font-weight: 500; white-space: nowrap; text-overflow: ellipsis; color: var(--primary-foreground-color); opacity: 0.44; } .video-container-ezBpK .info-container-xyynk .flex-row-container-CAyQu .upcoming-watched-container-msCaq { flex: 0 1 auto; display: flex; flex-direction: row; align-items: center; height: 1.6rem; border-radius: 0.3rem; } .video-container-ezBpK .info-container-xyynk .flex-row-container-CAyQu .upcoming-watched-container-msCaq > :nth-child(2) { margin-left: 0.5rem; } .video-container-ezBpK .info-container-xyynk .flex-row-container-CAyQu .upcoming-watched-container-msCaq .upcoming-container-LXfQ7, .video-container-ezBpK .info-container-xyynk .flex-row-container-CAyQu .upcoming-watched-container-msCaq .watched-container-gvzs3 { flex: none; display: flex; align-items: center; height: 100%; padding: 0 0.5rem; max-width: 10rem; } .video-container-ezBpK .info-container-xyynk .flex-row-container-CAyQu .upcoming-watched-container-msCaq .upcoming-container-LXfQ7:not(:only-child), .video-container-ezBpK .info-container-xyynk .flex-row-container-CAyQu .upcoming-watched-container-msCaq .watched-container-gvzs3:not(:only-child) { max-width: 5rem; } .video-container-ezBpK .info-container-xyynk .flex-row-container-CAyQu .upcoming-watched-container-msCaq .upcoming-container-LXfQ7 .flag-icon-RDrvf, .video-container-ezBpK .info-container-xyynk .flex-row-container-CAyQu .upcoming-watched-container-msCaq .watched-container-gvzs3 .flag-icon-RDrvf { height: 1.15rem; width: 1.15rem; margin-right: 0.25rem; color: var(--secondary-foreground-color); } .video-container-ezBpK .info-container-xyynk .flex-row-container-CAyQu .upcoming-watched-container-msCaq .upcoming-container-LXfQ7 .flag-label-zJloD, .video-container-ezBpK .info-container-xyynk .flex-row-container-CAyQu .upcoming-watched-container-msCaq .watched-container-gvzs3 .flag-label-zJloD { font-size: 0.8rem; font-weight: 800; white-space: nowrap; text-overflow: ellipsis; text-transform: uppercase; color: var(--secondary-foreground-color); } .video-container-ezBpK .info-container-xyynk .flex-row-container-CAyQu .upcoming-watched-container-msCaq .upcoming-container-LXfQ7 { background-color: var(--secondary-accent-color); } .video-container-ezBpK .info-container-xyynk .flex-row-container-CAyQu .upcoming-watched-container-msCaq .watched-container-gvzs3 { background-color: var(--tertiary-accent-color); } .video-container-ezBpK .menu-container-B6cqK { max-width: calc(90% - 1.5rem); z-index: 2; } .video-container-ezBpK .menu-container-B6cqK .context-menu-content-ItIFy { --spatial-navigation-contain: contain; } .video-container-ezBpK .menu-container-B6cqK .context-menu-content-ItIFy .context-menu-option-container-KNVWj { display: flex; flex-direction: row; align-items: center; padding: 1rem 1.5rem; } .video-container-ezBpK .menu-container-B6cqK .context-menu-content-ItIFy .context-menu-option-container-KNVWj:hover, .video-container-ezBpK .menu-container-B6cqK .context-menu-content-ItIFy .context-menu-option-container-KNVWj:focus { background-color: var(--overlay-color); } .video-container-ezBpK .menu-container-B6cqK .context-menu-content-ItIFy .context-menu-option-container-KNVWj .context-menu-option-label-dy2nc { font-size: 1rem; font-weight: 500; color: var(--primary-foreground-color); } @media only screen and (max-width: 640px) { .video-container-ezBpK .menu-container-B6cqK.menu-direction-top-left-ongjn, .video-container-ezBpK .menu-container-B6cqK.menu-direction-bottom-left-Dvtqk { right: 1.5rem; } .video-container-ezBpK .menu-container-B6cqK.menu-direction-top-right-tmrFG, .video-container-ezBpK .menu-container-B6cqK.menu-direction-bottom-right-aJ89V { left: 1.5rem; } .video-container-ezBpK .menu-container-B6cqK.menu-direction-top-left-ongjn, .video-container-ezBpK .menu-container-B6cqK.menu-direction-top-right-tmrFG { bottom: 90%; } .video-container-ezBpK .menu-container-B6cqK.menu-direction-bottom-left-Dvtqk, .video-container-ezBpK .menu-container-B6cqK.menu-direction-bottom-right-aJ89V { top: 90%; } } .toast-item-container-nG0uk { display: flex; flex-direction: row; align-items: flex-start; width: 25rem; margin-bottom: 1rem; overflow: visible; box-shadow: var(--outer-glow); background-color: var(--modal-background-color); pointer-events: auto; border-radius: var(--border-radius); border: 0.4px solid var(--primary-accent-color); backdrop-filter: blur(10px); padding: 1rem; } .toast-item-container-nG0uk.success-eIDTa .icon-container-rjAiH .icon-Y4I_O { color: hsl(147.7, 68%, 41.7%); } .toast-item-container-nG0uk.error-quyOd .icon-container-rjAiH .icon-Y4I_O { color: var(--color-trakt); } .toast-item-container-nG0uk.info-KEWq8 .icon-container-rjAiH { background-color: hsl(275.1, 33%, 48%); } .toast-item-container-nG0uk.info-KEWq8 .icon-container-rjAiH .icon-Y4I_O { color: hsla(0, 0%, 100%, 0.9); } .toast-item-container-nG0uk .icon-container-rjAiH { border-radius: 3px; background-color: var(--overlay-color); } .toast-item-container-nG0uk .icon-container-rjAiH .icon-Y4I_O { display: block; width: 100%; height: 100%; max-width: 2rem; } .toast-item-container-nG0uk .info-container-xD9V6 { flex: 1; align-self: stretch; padding: 0.2rem 1rem; } .toast-item-container-nG0uk .info-container-xD9V6 .title-container-VFReJ { font-size: 1.2rem; color: var(--primary-foreground-color); } .toast-item-container-nG0uk .info-container-xD9V6 .title-container-VFReJ:not(:last-child) { margin-bottom: 0.2rem; } .toast-item-container-nG0uk .info-container-xD9V6 .message-container-znkCj { font-size: 1.1rem; color: var(--primary-foreground-color); opacity: 0.8; } .toast-item-container-nG0uk .close-button-container-YtyYE { width: 2rem; height: 2rem; border-radius: 3px; } .toast-item-container-nG0uk .close-button-container-YtyYE .icon-Y4I_O { display: block; width: 100%; height: 100%; color: var(--primary-foreground-color); opacity: 0.4; } .toast-item-container-nG0uk .close-button-container-YtyYE:hover .icon-Y4I_O { opacity: 1; } .addon-container-lC5KN { display: flex; flex-direction: row; align-items: flex-start; padding: 1.5rem; border: 0.15rem solid transparent; border-radius: var(--border-radius); background-color: var(--overlay-color); transition: border-color 0.1s ease-out; cursor: pointer; } .addon-container-lC5KN:hover { border-color: var(--overlay-color); } .addon-container-lC5KN .logo-container-ZcSSC { flex: none; width: 8rem; height: 8rem; } .addon-container-lC5KN .logo-container-ZcSSC .logo-WrsGF { display: block; width: 100%; height: 100%; padding: 0.5rem; object-fit: contain; object-position: center; } .addon-container-lC5KN .logo-container-ZcSSC .icon-GxVbY { display: block; width: 100%; height: 100%; padding: 1rem; color: var(--primary-foreground-color); } .addon-container-lC5KN .info-container-AdMB6 { flex-grow: 1; flex-shrink: 1; flex-basis: 0; display: flex; flex-direction: row; flex-wrap: wrap; align-items: baseline; padding: 0 0.5rem; } .addon-container-lC5KN .info-container-AdMB6 .name-container-qIAg8 { flex-grow: 0; flex-shrink: 1; flex-basis: auto; padding: 0 0.5rem; max-height: 3.6em; font-size: 1.6rem; color: var(--primary-foreground-color); } .addon-container-lC5KN .info-container-AdMB6 .version-container-zdPyN { flex-grow: 1; flex-shrink: 1; flex-basis: auto; margin-top: 0.5rem; padding: 0 0.5rem; max-height: 2.4em; color: var(--primary-foreground-color); opacity: 0.6; } .addon-container-lC5KN .info-container-AdMB6 .types-container-DaOrg { flex-grow: 0; flex-shrink: 0; flex-basis: 100%; margin-top: 0.5rem; padding: 0 0.5rem; max-height: 2.4em; color: var(--primary-foreground-color); text-transform: capitalize; opacity: 0.4; } .addon-container-lC5KN .info-container-AdMB6 .description-container-v7Jhe { flex-grow: 0; flex-shrink: 0; flex-basis: 100%; margin-top: 0.5rem; padding: 0 0.5rem; color: var(--primary-foreground-color); } .addon-container-lC5KN .buttons-container-g0xXr { flex: none; display: flex; flex-direction: column; gap: 1rem; width: 17rem; } .addon-container-lC5KN .buttons-container-g0xXr .action-buttons-container-xMVmz { flex: auto; display: flex; flex-direction: row; align-items: center; gap: 1rem; } .addon-container-lC5KN .buttons-container-g0xXr .install-button-container-yfcq5, .addon-container-lC5KN .buttons-container-g0xXr .configure-button-container-VwVAQ, .addon-container-lC5KN .buttons-container-g0xXr .uninstall-button-container-oV4Yo, .addon-container-lC5KN .buttons-container-g0xXr .share-button-container-s3gwP { flex: auto; display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 1rem; height: 3.5rem; padding: 0 1rem; border-radius: 4rem; } .addon-container-lC5KN .buttons-container-g0xXr .install-button-container-yfcq5 .icon-GxVbY, .addon-container-lC5KN .buttons-container-g0xXr .configure-button-container-VwVAQ .icon-GxVbY, .addon-container-lC5KN .buttons-container-g0xXr .uninstall-button-container-oV4Yo .icon-GxVbY, .addon-container-lC5KN .buttons-container-g0xXr .share-button-container-s3gwP .icon-GxVbY { flex: none; width: 2rem; height: 2rem; } .addon-container-lC5KN .buttons-container-g0xXr .install-button-container-yfcq5 .label-OnWh2, .addon-container-lC5KN .buttons-container-g0xXr .configure-button-container-VwVAQ .label-OnWh2, .addon-container-lC5KN .buttons-container-g0xXr .uninstall-button-container-oV4Yo .label-OnWh2, .addon-container-lC5KN .buttons-container-g0xXr .share-button-container-s3gwP .label-OnWh2 { flex-grow: 0; flex-shrink: 1; flex-basis: auto; max-height: 2.4em; font-size: 1.1rem; font-weight: 700; text-align: center; } .addon-container-lC5KN .buttons-container-g0xXr .install-button-container-yfcq5 { background-color: var(--secondary-accent-color); } .addon-container-lC5KN .buttons-container-g0xXr .install-button-container-yfcq5:hover { outline: var(--focus-outline-size) solid var(--secondary-accent-color); background-color: transparent; } .addon-container-lC5KN .buttons-container-g0xXr .install-button-container-yfcq5 .label-OnWh2 { color: var(--primary-foreground-color); } .addon-container-lC5KN .buttons-container-g0xXr .configure-button-container-VwVAQ { flex: none; background-color: var(--secondary-accent-color); } .addon-container-lC5KN .buttons-container-g0xXr .configure-button-container-VwVAQ:hover { outline: var(--focus-outline-size) solid var(--secondary-accent-color); background-color: transparent; } .addon-container-lC5KN .buttons-container-g0xXr .configure-button-container-VwVAQ .icon-GxVbY { color: var(--primary-foreground-color); } .addon-container-lC5KN .buttons-container-g0xXr .uninstall-button-container-oV4Yo { outline-color: var(--primary-foreground-color); outline-style: solid; opacity: 0.3; } .addon-container-lC5KN .buttons-container-g0xXr .uninstall-button-container-oV4Yo:hover { opacity: 1; } .addon-container-lC5KN .buttons-container-g0xXr .uninstall-button-container-oV4Yo .label-OnWh2 { color: var(--primary-foreground-color); } .addon-container-lC5KN .buttons-container-g0xXr .share-button-container-s3gwP { opacity: 0.9; } .addon-container-lC5KN .buttons-container-g0xXr .share-button-container-s3gwP:hover .label-OnWh2 { text-decoration: underline; } .addon-container-lC5KN .buttons-container-g0xXr .share-button-container-s3gwP .icon-GxVbY { height: 1.5rem; width: 1.5rem; color: var(--primary-foreground-color); } .addon-container-lC5KN .buttons-container-g0xXr .share-button-container-s3gwP .label-OnWh2 { color: var(--primary-foreground-color); } @media only screen and (max-width: 640px) { .addon-container-lC5KN { flex-wrap: wrap; } .addon-container-lC5KN .info-container-AdMB6 { margin-left: 0.5rem; padding: 0; } .addon-container-lC5KN .info-container-AdMB6 .name-container-qIAg8 { max-height: none; font-size: 1.3rem; } .addon-container-lC5KN .buttons-container-g0xXr { flex: 0 1 100%; width: auto; margin-top: 1rem; display: flex; flex-direction: row; align-items: center; justify-content: space-between; } .addon-container-lC5KN .buttons-container-g0xXr .share-button-container-s3gwP { flex: none; } .addon-container-lC5KN .buttons-container-g0xXr .share-button-container-s3gwP .icon-GxVbY { margin-right: 0; } .addon-container-lC5KN .buttons-container-g0xXr .share-button-container-s3gwP .label-OnWh2 { display: none; } .addon-container-lC5KN .buttons-container-g0xXr .install-button-container-yfcq5, .addon-container-lC5KN .buttons-container-g0xXr .uninstall-button-container-oV4Yo { flex-basis: 100%; margin-right: 1rem; } } .addons-container-ogGYu { height: 100%; background-color: transparent; } .addons-container-ogGYu .addons-content-zhFBl { width: 100%; height: 100%; margin-bottom: calc(var(--bottom-overlay-size) * -1); display: flex; flex-direction: column; align-self: stretch; } .addons-container-ogGYu .addons-content-zhFBl .addons-list-container-Ovr2Z { padding: 0 1.5rem; z-index: 1; } .addons-container-ogGYu .addons-content-zhFBl .selectable-inputs-container-tUul1 { flex: none; align-self: stretch; display: flex; flex-direction: row; justify-content: space-between; padding: 1.5rem; overflow: visible; z-index: 2; } .addons-container-ogGYu .addons-content-zhFBl .selectable-inputs-container-tUul1 .add-button-container-SkafT { flex: none; display: flex; flex-direction: row; align-items: center; justify-content: center; height: 3rem; margin-right: 1.5rem; padding: 0 1.5rem; border-radius: 3rem; background-color: var(--secondary-accent-color); z-index: 3; } .addons-container-ogGYu .addons-content-zhFBl .selectable-inputs-container-tUul1 .add-button-container-SkafT:hover { outline: var(--focus-outline-size) solid var(--secondary-accent-color); background-color: transparent; } .addons-container-ogGYu .addons-content-zhFBl .selectable-inputs-container-tUul1 .add-button-container-SkafT:focus { outline-color: var(--primary-foreground-color); } .addons-container-ogGYu .addons-content-zhFBl .selectable-inputs-container-tUul1 .add-button-container-SkafT .icon-HsyZS { flex: none; width: 1.2rem; height: 1.2rem; margin-right: 0.5rem; color: var(--primary-foreground-color); } .addons-container-ogGYu .addons-content-zhFBl .selectable-inputs-container-tUul1 .add-button-container-SkafT .add-button-label-NN6bu { flex-grow: 0; flex-shrink: 1; flex-basis: auto; max-height: 2.4em; font-size: 1rem; font-weight: 700; color: var(--primary-foreground-color); } .addons-container-ogGYu .addons-content-zhFBl .selectable-inputs-container-tUul1 .select-input-container-KqG8N { flex-grow: 0; flex-shrink: 1; flex-basis: 15rem; margin-right: 1.5rem; } .addons-container-ogGYu .addons-content-zhFBl .selectable-inputs-container-tUul1 .select-input-container-KqG8N .menu-container-qiz0X { overflow: auto; } .addons-container-ogGYu .addons-content-zhFBl .selectable-inputs-container-tUul1 .spacing-wH1w5 { flex: 1; } .addons-container-ogGYu .addons-content-zhFBl .selectable-inputs-container-tUul1 .search-bar-k7MXd { flex-grow: 0; flex-shrink: 1; flex-basis: 18rem; } .addons-container-ogGYu .addons-content-zhFBl .selectable-inputs-container-tUul1 .filter-button-lLJ1X { flex: none; display: none; align-items: center; justify-content: center; width: 3rem; height: 3rem; border-radius: var(--border-radius); background-color: var(--overlay-color); } .addons-container-ogGYu .addons-content-zhFBl .selectable-inputs-container-tUul1 .filter-button-lLJ1X .filter-icon-LUDTS { flex: none; width: 1.4rem; height: 1.4rem; color: var(--primary-foreground-color); } .addons-container-ogGYu .addons-content-zhFBl .message-container-GBw0P { flex: 1; align-self: stretch; padding: 0 1.5rem; font-size: 2rem; color: var(--primary-foreground-color); } .addons-container-ogGYu .addons-content-zhFBl .addons-list-container-Ovr2Z { flex: 1; align-self: stretch; overflow-y: auto; } .addons-container-ogGYu .addons-content-zhFBl .addons-list-container-Ovr2Z .addon-whmdO { margin-bottom: 1.5rem; } .filters-modal-w6oWY .modal-dialog-container-DZMKq { overflow: visible; } .filters-modal-w6oWY .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z { display: flex; flex-direction: column; overflow: visible !important; } .filters-modal-w6oWY .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z .select-input-container-KqG8N { height: 3rem; } .filters-modal-w6oWY .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z .select-input-container-KqG8N .menu-container-qiz0X { overflow: auto; } .filters-modal-w6oWY .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z .select-input-container-KqG8N:not(:last-child) { margin-bottom: 1rem; } .add-addon-modal-container-KR5ny .modal-dialog-content-Xgv7Z { width: 30rem; } .add-addon-modal-container-KR5ny .modal-dialog-content-Xgv7Z .notice-UQkO1 { margin-bottom: 1.5rem; font-size: 1rem; color: var(--primary-foreground-color); } .add-addon-modal-container-KR5ny .modal-dialog-content-Xgv7Z .addon-url-input-ucetZ { width: 100%; padding: 1rem; color: var(--primary-foreground-color); border-radius: var(--border-radius); background-color: var(--overlay-color); outline: var(--focus-outline-size) solid var(--overlay-color); outline-offset: calc(-1 * var(--focus-outline-size)); } .add-addon-modal-container-KR5ny .modal-dialog-content-Xgv7Z .addon-url-input-ucetZ:hover { outline-color: var(--primary-foreground-color); } .add-addon-modal-container-KR5ny .modal-dialog-content-Xgv7Z .addon-url-input-ucetZ:focus { outline-color: var(--primary-foreground-color); } .add-addon-modal-container-KR5ny .cancel-button-R2AxR { background-color: transparent; opacity: 0.3; } .add-addon-modal-container-KR5ny .cancel-button-R2AxR:hover { outline: var(--focus-outline-size) solid var(--primary-foreground-color); opacity: 1; } .add-addon-modal-container-KR5ny .cancel-button-R2AxR:focus { outline-color: var(--primary-foreground-color); } .add-addon-modal-container-KR5ny .cancel-button-R2AxR .label-wbfsE { color: var(--primary-foreground-color); } .share-modal-container-DkzPM .modal-dialog-content-Xgv7Z { width: 30rem; } .share-modal-container-DkzPM .modal-dialog-content-Xgv7Z .title-container-La49g { display: flex; flex-direction: row; align-items: center; } .share-modal-container-DkzPM .modal-dialog-content-Xgv7Z .title-container-La49g .logo-PmYDP, .share-modal-container-DkzPM .modal-dialog-content-Xgv7Z .title-container-La49g .icon-HsyZS { float: left; width: 5rem; height: 5rem; margin-right: 1.5rem; padding: 0.5rem; } .share-modal-container-DkzPM .modal-dialog-content-Xgv7Z .title-container-La49g .logo-PmYDP { object-fit: contain; object-position: center; } .share-modal-container-DkzPM .modal-dialog-content-Xgv7Z .title-container-La49g .icon-HsyZS { color: var(--primary-foreground-color); } .share-modal-container-DkzPM .modal-dialog-content-Xgv7Z .title-container-La49g .name-container-m_Sz0 { flex-grow: 1; flex-shrink: 1; flex-basis: 0; display: flex; flex-direction: row; flex-wrap: wrap; align-items: baseline; } .share-modal-container-DkzPM .modal-dialog-content-Xgv7Z .title-container-La49g .name-container-m_Sz0 .name-YD0xd { flex-grow: 0; flex-shrink: 1; flex-basis: auto; margin-right: 0.5rem; font-size: 1.6rem; color: var(--primary-foreground-color); } .share-modal-container-DkzPM .modal-dialog-content-Xgv7Z .title-container-La49g .name-container-m_Sz0 .version-wuAFB { flex-grow: 1; flex-shrink: 1; flex-basis: auto; margin-top: 0.5rem; color: var(--primary-foreground-color); } .share-modal-container-DkzPM .modal-dialog-content-Xgv7Z .share-prompt-container-vaK4P { margin-top: 1rem; } @media only screen and (max-width: 640px) { .addons-container-ogGYu .addons-content-zhFBl .selectable-inputs-container-tUul1 .add-button-container-SkafT { z-index: 1; position: fixed; right: 0; bottom: calc(3rem + var(--horizontal-nav-bar-size)); } .addons-container-ogGYu .addons-content-zhFBl .selectable-inputs-container-tUul1 .select-input-container-KqG8N { display: none; } .addons-container-ogGYu .addons-content-zhFBl .selectable-inputs-container-tUul1 .spacing-wH1w5 { display: none; } .addons-container-ogGYu .addons-content-zhFBl .selectable-inputs-container-tUul1 .search-bar-k7MXd { flex-basis: 100%; margin-right: 1rem; } .addons-container-ogGYu .addons-content-zhFBl .selectable-inputs-container-tUul1 .filter-button-lLJ1X { display: flex; } .share-modal-container-DkzPM .modal-dialog-content-Xgv7Z { width: auto; } .add-addon-modal-container-KR5ny .modal-dialog-content-Xgv7Z { width: auto; } .add-addon-modal-container-KR5ny .modal-dialog-content-Xgv7Z .notice-UQkO1 { margin-bottom: 1rem; } } .addon-container-A53Om { display: flex; flex-direction: row; align-items: flex-start; padding: 1.5rem; border-radius: var(--border-radius); background-color: var(--overlay-color); cursor: inherit; } .addon-container-A53Om .content-gjK8A { display: flex; flex: 1; } .addon-container-A53Om .content-gjK8A .logo-container-uixVa { flex: none; width: 8rem; height: 8rem; border-radius: 50%; background-color: var(--primary-foreground-color); opacity: 0.1; } .addon-container-A53Om .content-gjK8A .info-container-EuwPe { display: flex; flex-direction: column; gap: 0.5rem; padding: 1rem; flex: 1; } .addon-container-A53Om .content-gjK8A .info-container-EuwPe .placeholder-pill-OmvfW:nth-child(1) { background-color: var(--primary-foreground-color); border-radius: var(--border-radius); opacity: 0.1; width: 40%; height: 1.3rem; } .addon-container-A53Om .content-gjK8A .info-container-EuwPe .placeholder-pill-OmvfW:nth-child(2) { background-color: var(--primary-foreground-color); border-radius: var(--border-radius); opacity: 0.1; width: 60%; height: 1.3rem; } .addon-container-A53Om .content-gjK8A .info-container-EuwPe .placeholder-pill-OmvfW:nth-child(3) { background-color: var(--primary-foreground-color); border-radius: var(--border-radius); opacity: 0.1; width: 80%; height: 1.3rem; } .addon-container-A53Om .content-gjK8A .info-container-EuwPe .placeholder-pill-OmvfW:nth-child(4) { display: none; } .addon-container-A53Om .buttons-container-_S1YF { flex: none; display: flex; flex-direction: column; gap: 1rem; width: 30%; max-width: 18rem; } .addon-container-A53Om .buttons-container-_S1YF .action-buttons-container-bYZoV { display: flex; flex-direction: row; gap: 1rem; } .addon-container-A53Om .buttons-container-_S1YF .action-buttons-container-bYZoV .placeholder-pill-OmvfW:nth-child(1), .addon-container-A53Om .buttons-container-_S1YF .action-buttons-container-bYZoV .placeholder-pill-OmvfW:nth-child(2) { background-color: var(--primary-foreground-color); border-radius: var(--border-radius); opacity: 0.1; width: 50%; height: 3.5rem; } .addon-container-A53Om .buttons-container-_S1YF .placeholder-pill-OmvfW:last-child { background-color: var(--primary-foreground-color); border-radius: var(--border-radius); opacity: 0.1; width: 100%; height: 3.5rem; } @media screen and (max-width: 640px) { .addon-container-A53Om { flex-direction: column; align-items: stretch; width: 100%; gap: 1rem; } .addon-container-A53Om .content-gjK8A { flex-direction: row; width: 100%; } .addon-container-A53Om .content-gjK8A .logo-container-uixVa { margin: 0 auto; } .addon-container-A53Om .content-gjK8A .info-container-EuwPe { padding: 1rem; width: 100%; } .addon-container-A53Om .content-gjK8A .info-container-EuwPe .placeholder-pill-OmvfW:nth-child(1) { background-color: var(--primary-foreground-color); border-radius: var(--border-radius); opacity: 0.1; width: 60%; height: 1.3rem; } .addon-container-A53Om .content-gjK8A .info-container-EuwPe .placeholder-pill-OmvfW:nth-child(2) { background-color: var(--primary-foreground-color); border-radius: var(--border-radius); opacity: 0.1; width: 40%; height: 1.3rem; } .addon-container-A53Om .content-gjK8A .info-container-EuwPe .placeholder-pill-OmvfW:nth-child(3) { background-color: var(--primary-foreground-color); border-radius: var(--border-radius); opacity: 0.1; width: 80%; height: 0.8rem; } .addon-container-A53Om .content-gjK8A .info-container-EuwPe .placeholder-pill-OmvfW:nth-child(4) { display: block; background-color: var(--primary-foreground-color); border-radius: var(--border-radius); opacity: 0.1; width: 20%; height: 0.8rem; } .addon-container-A53Om .buttons-container-_S1YF { flex-direction: column; align-items: stretch; width: 100%; gap: 0.5rem; max-width: none; } .addon-container-A53Om .buttons-container-_S1YF .action-buttons-container-bYZoV { display: none; } } .warning-container-N3n0z { display: flex; flex-direction: row; align-items: center; padding: 1rem; background-color: hsl(42, 100%, 39.9%); } .warning-container-N3n0z .warning-statement-g3Yvw { flex: 1; margin-right: 1rem; font-size: 1.2rem; max-height: 2.4em; color: hsla(0, 0%, 100%, 0.9); } .warning-container-N3n0z .warning-button-o2YZp { flex: none; margin-left: 1rem; color: hsla(0, 0%, 100%, 0.9); } .warning-container-N3n0z .warning-button-o2YZp:first-child { margin-left: 0; } .warning-container-N3n0z .warning-button-o2YZp:hover .warning-label-jZd7t { text-decoration: underline; } .warning-container-N3n0z .warning-button-o2YZp .warning-label-jZd7t { font-size: 1.2rem; max-height: 1.2em; color: hsla(0, 0%, 100%, 0.9); } .warning-container-N3n0z .warning-button-o2YZp:hover { text-decoration: underline; } @media only screen and (max-width: 500px) { .warning-container-N3n0z { display: block; height: auto !important; text-align: center; } .warning-container-N3n0z .warning-statement-g3Yvw { margin-bottom: 0.5rem; margin-right: 0; } .warning-container-N3n0z .warning-button-o2YZp { display: inline-block; } } .meta-row-container-xtlB1{overflow:visible}.meta-row-container-xtlB1 .header-container-tR3Ev{align-items:center;display:flex;flex-direction:row;justify-content:flex-end;margin-bottom:0.25rem;padding:0 1rem}.meta-row-container-xtlB1 .header-container-tR3Ev .title-container-Mkwnq{color:var(--primary-foreground-color);flex:1;font-size:1.6rem;font-weight:500;max-height:2.4em}.meta-row-container-xtlB1 .header-container-tR3Ev .see-all-container-MoOtW{align-items:center;border-radius:2.5rem;display:flex;flex:none;flex-direction:row;height:2.5rem;max-width:12rem;opacity:0.6;padding:0 0.5rem 0 1rem}.meta-row-container-xtlB1 .header-container-tR3Ev .see-all-container-MoOtW:focus,.meta-row-container-xtlB1 .header-container-tR3Ev .see-all-container-MoOtW:hover{background-color:var(--overlay-color);opacity:1;outline:none}.meta-row-container-xtlB1 .header-container-tR3Ev .see-all-container-MoOtW .label-bytni{color:var(--primary-foreground-color);flex:0 1 auto;font-size:1rem;font-weight:500;max-height:1.2em}.meta-row-container-xtlB1 .header-container-tR3Ev .see-all-container-MoOtW .icon-Sj7HO{color:var(--primary-foreground-color);flex:none;height:1.5rem;margin-left:0.5rem}.meta-row-container-xtlB1 .message-container-KWmlO{color:var(--primary-foreground-color);font-size:1.3rem;max-height:3.6em;opacity:0.6;padding:0 0.5rem}.meta-row-container-xtlB1 .meta-items-container-qcuUA{align-items:stretch;display:flex;flex-direction:row;overflow:visible}.meta-row-container-xtlB1 .meta-items-container-qcuUA .meta-item-QFHCh.poster-shape-poster-LKBza{flex:calc(1 / var(--poster-shape-ratio))}.meta-row-container-xtlB1 .meta-items-container-qcuUA .meta-item-QFHCh.poster-shape-square-g5a1z{flex:1}.meta-row-container-xtlB1 .meta-items-container-qcuUA .meta-item-QFHCh.poster-shape-landscape-KmmRZ{flex:calc(1 / var(--landscape-shape-ratio))}@media only screen and (max-width:640px){.meta-row-container-xtlB1 .header-container-tR3Ev{padding:0 0.5rem}.meta-row-container-xtlB1 .header-container-tR3Ev .title-container-Mkwnq{margin-right:0.5rem;text-overflow:ellipsis;white-space:nowrap}.meta-row-container-xtlB1 .meta-items-container-qcuUA .meta-item-QFHCh:not(:first-child){margin-left:0}} .meta-row-placeholder-container-x8ykQ .header-container-LRLpi{align-items:center;display:flex;flex-direction:row;justify-content:flex-end;margin-bottom:0.5rem;padding:0 1rem}.meta-row-placeholder-container-x8ykQ .header-container-LRLpi .title-container-RuV2b{color:var(--color-placeholder-text);flex:1;font-size:1.6rem;font-weight:500;max-height:2.4em}.meta-row-placeholder-container-x8ykQ .header-container-LRLpi .title-container-RuV2b:empty{background:linear-gradient(to right,var(--color-placeholder-background) 0 40%,transparent 40% 100%);height:1.2em}.meta-row-placeholder-container-x8ykQ .header-container-LRLpi .see-all-container-GtLII{align-items:center;display:flex;flex:none;flex-direction:row;max-width:12rem;padding:0.2rem}.meta-row-placeholder-container-x8ykQ .header-container-LRLpi .see-all-container-GtLII:focus{background-color:var(--color-placeholder-background);outline:none}.meta-row-placeholder-container-x8ykQ .header-container-LRLpi .see-all-container-GtLII .label-FP9bt{color:var(--color-placeholder-text);flex:0 1 auto;font-size:1rem;font-weight:500;max-height:1.2em}.meta-row-placeholder-container-x8ykQ .header-container-LRLpi .see-all-container-GtLII .icon-U2Gj8{color:var(--color-placeholder-text);flex:none;height:1rem;margin-left:0.5rem}.meta-row-placeholder-container-x8ykQ .meta-items-container-M4vN4{align-items:stretch;display:flex;flex-direction:row}.meta-row-placeholder-container-x8ykQ .meta-items-container-M4vN4 .meta-item-iOgzp{flex:1;margin:1rem}.meta-row-placeholder-container-x8ykQ .meta-items-container-M4vN4 .meta-item-iOgzp:not(:first-child){margin-left:1.5rem}.meta-row-placeholder-container-x8ykQ .meta-items-container-M4vN4 .meta-item-iOgzp .poster-container-WX2KD{background-color:var(--color-placeholder-background);border-radius:var(--border-radius);padding-bottom:calc(100% * var(--poster-shape-ratio))}.meta-row-placeholder-container-x8ykQ .meta-items-container-M4vN4 .meta-item-iOgzp .title-bar-container-U0ZAT{align-items:center;display:flex;flex-direction:row;height:2.8rem;justify-content:center}.meta-row-placeholder-container-x8ykQ .meta-items-container-M4vN4 .meta-item-iOgzp .title-bar-container-U0ZAT .title-label-mb1GR{background-color:var(--color-placeholder-background);border-radius:var(--border-radius);flex:none;height:1.2rem;width:60%}@media only screen and (max-width:640px){.meta-row-placeholder-container-x8ykQ .meta-items-container-M4vN4 .meta-item-iOgzp{margin:0.5rem}.meta-row-placeholder-container-x8ykQ .meta-items-container-M4vN4 .meta-item-iOgzp:not(:first-child){margin-left:0.5rem}.meta-row-placeholder-container-x8ykQ .meta-items-container-M4vN4 .meta-item-iOgzp .title-bar-container-U0ZAT{margin-top:0.5rem}} .board-container-DTN_b { width: 100%; height: 100%; display: flex; flex-direction: column; } .board-container-DTN_b .board-content-container-ToQTz { flex: 1; align-self: stretch; background: transparent; } .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 { height: 100%; width: 100%; padding: 0 1rem; overflow-y: auto; } .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-CoJrZ { margin-top: 1rem; margin-bottom: 2rem; } .board-container-DTN_b .board-warning-container-a4m04 { flex: none; align-self: stretch; margin-bottom: var(--calculated-bottom-safe-inset, 0rem); } @media only screen and (max-width: 2200px) { .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-poster-QPQqC .meta-item-QFHCh:nth-child(n+10), .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-square-pgaZ3 .meta-item-QFHCh:nth-child(n+10), .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .continue-watching-row-ZiNSa .meta-item-QFHCh:nth-child(n+10), .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-poster-QPQqC .meta-item-iOgzp:nth-child(n+10), .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-square-pgaZ3 .meta-item-iOgzp:nth-child(n+10), .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .continue-watching-row-ZiNSa .meta-item-iOgzp:nth-child(n+10) { display: none; } .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-landscape-FRGXx .meta-item-QFHCh:nth-child(n+9), .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-landscape-FRGXx .meta-item-iOgzp:nth-child(n+9) { display: none; } } @media only screen and (max-width: 1900px) { .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-poster-QPQqC .meta-item-QFHCh:nth-child(n+9), .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-square-pgaZ3 .meta-item-QFHCh:nth-child(n+9), .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .continue-watching-row-ZiNSa .meta-item-QFHCh:nth-child(n+9), .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-poster-QPQqC .meta-item-iOgzp:nth-child(n+9), .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-square-pgaZ3 .meta-item-iOgzp:nth-child(n+9), .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .continue-watching-row-ZiNSa .meta-item-iOgzp:nth-child(n+9) { display: none; } .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-landscape-FRGXx .meta-item-QFHCh:nth-child(n+8), .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-landscape-FRGXx .meta-item-iOgzp:nth-child(n+8) { display: none; } } @media only screen and (max-width: 1600px) { .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-poster-QPQqC .meta-item-QFHCh:nth-child(n+8), .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-square-pgaZ3 .meta-item-QFHCh:nth-child(n+8), .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .continue-watching-row-ZiNSa .meta-item-QFHCh:nth-child(n+8), .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-poster-QPQqC .meta-item-iOgzp:nth-child(n+8), .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-square-pgaZ3 .meta-item-iOgzp:nth-child(n+8), .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .continue-watching-row-ZiNSa .meta-item-iOgzp:nth-child(n+8) { display: none; } .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-landscape-FRGXx .meta-item-QFHCh:nth-child(n+7), .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-landscape-FRGXx .meta-item-iOgzp:nth-child(n+7) { display: none; } } @media only screen and (max-width: 1300px) { .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-poster-QPQqC .meta-item-QFHCh:nth-child(n+7), .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-square-pgaZ3 .meta-item-QFHCh:nth-child(n+7), .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .continue-watching-row-ZiNSa .meta-item-QFHCh:nth-child(n+7), .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-poster-QPQqC .meta-item-iOgzp:nth-child(n+7), .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-square-pgaZ3 .meta-item-iOgzp:nth-child(n+7), .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .continue-watching-row-ZiNSa .meta-item-iOgzp:nth-child(n+7) { display: none; } .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-landscape-FRGXx .meta-item-QFHCh:nth-child(n+6), .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-landscape-FRGXx .meta-item-iOgzp:nth-child(n+6) { display: none; } } @media only screen and (max-width: 1000px) { .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-poster-QPQqC .meta-item-QFHCh:nth-child(n+6), .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-square-pgaZ3 .meta-item-QFHCh:nth-child(n+6), .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .continue-watching-row-ZiNSa .meta-item-QFHCh:nth-child(n+6), .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-poster-QPQqC .meta-item-iOgzp:nth-child(n+6), .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-square-pgaZ3 .meta-item-iOgzp:nth-child(n+6), .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .continue-watching-row-ZiNSa .meta-item-iOgzp:nth-child(n+6) { display: none; } .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-landscape-FRGXx .meta-item-QFHCh:nth-child(n+5), .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-landscape-FRGXx .meta-item-iOgzp:nth-child(n+5) { display: none; } } @media only screen and (max-width: 800px) { .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-poster-QPQqC .meta-item-QFHCh:nth-child(n+5), .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-square-pgaZ3 .meta-item-QFHCh:nth-child(n+5), .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .continue-watching-row-ZiNSa .meta-item-QFHCh:nth-child(n+5), .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-poster-QPQqC .meta-item-iOgzp:nth-child(n+5), .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-square-pgaZ3 .meta-item-iOgzp:nth-child(n+5), .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .continue-watching-row-ZiNSa .meta-item-iOgzp:nth-child(n+5) { display: none; } .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-landscape-FRGXx .meta-item-QFHCh:nth-child(n+4), .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-landscape-FRGXx .meta-item-iOgzp:nth-child(n+4) { display: none; } } @media only screen and (max-width: 640px) { .board-container-DTN_b { position: relative; z-index: 0; } .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-CoJrZ { margin-bottom: 1.5rem; } .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-poster-QPQqC .meta-item-QFHCh:nth-child(n+4), .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-square-pgaZ3 .meta-item-QFHCh:nth-child(n+4), .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .continue-watching-row-ZiNSa .meta-item-QFHCh:nth-child(n+4), .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-poster-QPQqC .meta-item-iOgzp:nth-child(n+4), .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-square-pgaZ3 .meta-item-iOgzp:nth-child(n+4), .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .continue-watching-row-ZiNSa .meta-item-iOgzp:nth-child(n+4) { display: none; } .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-landscape-FRGXx .meta-item-QFHCh:nth-child(n+3), .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-landscape-FRGXx .meta-item-iOgzp:nth-child(n+3) { display: none; } .board-container-DTN_b .board-warning-container-a4m04 { position: absolute; left: 0; right: 0; bottom: calc(var(--vertical-nav-bar-size) + var(--calculated-bottom-safe-inset, 0rem)); height: 4rem; margin-bottom: 0rem; } } .discover-container-L6OGL { height: 100%; background-color: transparent; } .discover-container-L6OGL .discover-content-CRsRg { width: 100%; height: 100%; margin-bottom: calc(var(--bottom-overlay-size) * -1); display: flex; flex-direction: row; } .discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T { flex: 1; align-self: stretch; display: flex; flex-direction: column; contain: strict; } .discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .meta-items-container-n8vNz { padding: 0 1.5rem; z-index: 1; } .discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .selectable-inputs-container-IRz50 { flex: none; align-self: stretch; display: flex; flex-direction: row; padding: 1.5rem; overflow: visible; z-index: 2; } .discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .selectable-inputs-container-IRz50 .select-input-CHDbe { flex: 0 1 15rem; } .discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .selectable-inputs-container-IRz50 .select-input-CHDbe:not(:first-child) { margin-left: 1.5rem; } .discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .selectable-inputs-container-IRz50 .select-input-CHDbe:nth-child(n+4) { display: none; } .discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .selectable-inputs-container-IRz50 .select-input-CHDbe:nth-child(n+4) ~ .filter-container-BVkqT { display: flex; } .discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .selectable-inputs-container-IRz50 .select-input-CHDbe .menu-container-qiz0X { overflow: auto; } .discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .selectable-inputs-container-IRz50 .filter-container-BVkqT { flex: none; display: none; align-items: center; justify-content: center; width: 3rem; height: 3rem; border-radius: var(--border-radius); background-color: var(--overlay-color); } .discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .selectable-inputs-container-IRz50 .filter-container-BVkqT .filter-icon-zlFnX { flex: none; width: 1.4rem; height: 1.4rem; color: var(--primary-foreground-color); } .discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .missing-addon-warning-container-IXGuv { flex: none; align-self: stretch; display: flex; flex-direction: column; align-items: center; padding: 0 1.5rem 1.5rem 1.5rem; } .discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .missing-addon-warning-container-IXGuv .warning-label-f19Jg { flex: none; max-height: 2.4em; margin-bottom: 1rem; font-size: 1.4rem; text-align: center; color: var(--primary-foreground-color); } .discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .missing-addon-warning-container-IXGuv .install-button-SmJe1 { flex: none; min-width: 10rem; max-width: 15rem; padding: 1rem; background-color: var(--secondary-accent-color); } .discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .missing-addon-warning-container-IXGuv .install-button-SmJe1:hover { outline: var(--focus-outline-size) solid var(--secondary-accent-color); background-color: transparent; } .discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .missing-addon-warning-container-IXGuv .install-button-SmJe1:focus { outline-color: var(--primary-foreground-color); } .discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .missing-addon-warning-container-IXGuv .install-button-SmJe1 .label-ToW4S { max-height: 2.4em; font-weight: 500; text-align: center; color: var(--primary-foreground-color); } .discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .message-container-Zv9eF { flex: 0 1 auto; align-self: stretch; display: flex; flex-direction: column; align-items: center; padding: 0 1.5rem; overflow-y: auto; } .discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .message-container-Zv9eF:first-child { padding: 4rem; } .discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .message-container-Zv9eF .image-txC9E { flex: none; width: 12rem; height: 12rem; margin-bottom: 1rem; object-fit: contain; object-position: center; opacity: 0.9; } .discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .message-container-Zv9eF .message-label-mRyRX { flex: none; font-size: 2rem; font-weight: 400; text-align: center; color: var(--primary-foreground-color); } .discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .meta-items-container-n8vNz { flex: 1; align-self: stretch; display: grid; grid-auto-rows: max-content; align-items: center; grid-gap: 0.5rem; margin-right: 1.5rem; overflow-y: auto; } .discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .meta-items-container-n8vNz .meta-item-placeholder-wxG4I { padding: 1rem; } .discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .meta-items-container-n8vNz .meta-item-placeholder-wxG4I .poster-container-Dch4R { padding-bottom: calc(100% * var(--poster-shape-ratio)); background-color: var(--color-placeholder-background); border-radius: var(--border-radius); } .discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .meta-items-container-n8vNz .meta-item-placeholder-wxG4I .title-bar-container-dtDnk { display: flex; flex-direction: row; align-items: center; justify-content: center; height: 2.8rem; } .discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .meta-items-container-n8vNz .meta-item-placeholder-wxG4I .title-bar-container-dtDnk .title-label-vHdQd { flex: none; width: 60%; height: 1.2rem; border-radius: var(--border-radius); background-color: var(--color-placeholder-background); } .discover-container-L6OGL .discover-content-CRsRg .meta-preview-container-CoWs5 { flex: none; align-self: stretch; width: 29rem; padding: 2rem 2.5rem; border-radius: var(--border-radius) 0 0 var(--border-radius); background-color: var(--modal-background-color); } .selectable-inputs-modal-ChpOa .modal-dialog-container-DZMKq { overflow: visible; } .selectable-inputs-modal-ChpOa .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z { overflow: visible !important; } .selectable-inputs-modal-ChpOa .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z .select-input-CHDbe { height: 3.5rem; } .selectable-inputs-modal-ChpOa .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z .select-input-CHDbe:not(:last-child) { margin-bottom: 1rem; } .selectable-inputs-modal-ChpOa .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z .select-input-CHDbe .menu-container-qiz0X { max-height: calc(3.2rem * 3); overflow: auto; } @media only screen and (min-width: 2800px) { .discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .meta-items-container-n8vNz { grid-template-columns: repeat(10, 1fr); } } @media only screen and (max-width: 2800px) { .discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .meta-items-container-n8vNz { grid-template-columns: repeat(9, 1fr); } } @media only screen and (max-width: 2500px) { .discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .meta-items-container-n8vNz { grid-template-columns: repeat(8, 1fr); } } @media only screen and (max-width: 2200px) { .discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .meta-items-container-n8vNz { grid-template-columns: repeat(7, 1fr); } } @media only screen and (max-width: 1900px) { .discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .meta-items-container-n8vNz { grid-template-columns: repeat(6, 1fr); } } @media only screen and (max-width: 1600px) { .discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .meta-items-container-n8vNz { grid-template-columns: repeat(5, 1fr); } } @media only screen and (max-width: 1300px) { .discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .meta-items-container-n8vNz { grid-template-columns: repeat(4, 1fr); } } @media only screen and (max-width: 1000px) { .discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .meta-items-container-n8vNz { grid-template-columns: repeat(5, 1fr); margin-right: 0; } .discover-container-L6OGL .discover-content-CRsRg .meta-preview-container-CoWs5 { display: none; } } @media only screen and (max-width: 800px) { .discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .meta-items-container-n8vNz { grid-template-columns: repeat(4, 1fr); margin-right: 0; } .discover-container-L6OGL .discover-content-CRsRg .meta-preview-container-CoWs5 { display: none; } } @media only screen and (max-width: 640px) { .discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .selectable-inputs-container-IRz50 { justify-content: space-between; } .discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .selectable-inputs-container-IRz50 .select-input-CHDbe:nth-child(n+2) { display: none; } .discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .selectable-inputs-container-IRz50 .select-input-CHDbe:nth-child(n+2) ~ .filter-container-BVkqT { display: flex; } .discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .meta-items-container-n8vNz { grid-template-columns: repeat(3, 1fr); } } .not-found-container-Q1qsP { display: flex; flex-direction: column; width: 100%; height: 100%; background-color: transparent; } .not-found-container-Q1qsP .nav-bar-Eu3_y { flex: none; align-self: stretch; } .not-found-container-Q1qsP .not-found-content-z_Eza { flex: 1; align-self: stretch; display: flex; flex-direction: column; align-items: center; justify-content: center; } .not-found-container-Q1qsP .not-found-content-z_Eza .not-found-image-Qab4G { flex: none; width: 12rem; height: 12rem; margin-bottom: 1rem; object-fit: contain; object-position: center; opacity: 0.9; } .not-found-container-Q1qsP .not-found-content-z_Eza .not-found-label-mmwyZ { flex: none; font-size: 2.5rem; max-height: 3.6em; max-width: 60%; text-align: center; color: hsla(222.8, 100%, 78%, 0.9); } .library-container-zM_bj { height: 100%; background-color: transparent; } .library-container-zM_bj .library-content-PgX4O { width: 100%; height: 100%; margin-bottom: calc(var(--bottom-overlay-size) * -1); display: flex; flex-direction: column; } .library-container-zM_bj .library-content-PgX4O .meta-items-container-IKrND { padding: 0 1.5rem; z-index: 1; } .library-container-zM_bj .library-content-PgX4O .selectable-inputs-container-hR3or { flex: none; align-self: stretch; display: flex; flex-direction: row; padding: 1.5rem; overflow: visible; z-index: 2; } .library-container-zM_bj .library-content-PgX4O .selectable-inputs-container-hR3or .select-input-container-H1VZ1 { flex-grow: 0; flex-shrink: 1; flex-basis: 15rem; height: 2.75rem; } .library-container-zM_bj .library-content-PgX4O .selectable-inputs-container-hR3or .select-input-container-H1VZ1:not(:last-child) { margin-right: 1.5rem; } .library-container-zM_bj .library-content-PgX4O .selectable-inputs-container-hR3or .select-input-container-H1VZ1 .menu-container-qiz0X { overflow: auto; } .library-container-zM_bj .library-content-PgX4O .message-container-MhY5t { flex: 0 1 auto; align-self: stretch; display: flex; flex-direction: column; align-items: center; padding: 0 1.5rem; overflow-y: auto; } .library-container-zM_bj .library-content-PgX4O .message-container-MhY5t:first-child { padding: 4rem; } .library-container-zM_bj .library-content-PgX4O .message-container-MhY5t.no-user-message-container-KMLpE .login-button-container-RoEh7 { flex: none; display: flex; flex-direction: row; align-items: center; justify-content: center; width: 20rem; height: 3.5rem; border-radius: 3.5rem; padding: 0.5rem 1rem; margin-bottom: 1rem; background-color: var(--secondary-accent-color); } .library-container-zM_bj .library-content-PgX4O .message-container-MhY5t.no-user-message-container-KMLpE .login-button-container-RoEh7:hover { outline: var(--focus-outline-size) solid var(--secondary-accent-color); background-color: transparent; } .library-container-zM_bj .library-content-PgX4O .message-container-MhY5t.no-user-message-container-KMLpE .login-button-container-RoEh7 .label-QqYmf { flex-grow: 0; flex-shrink: 1; flex-basis: auto; max-height: 4.8em; font-size: 1.2rem; font-weight: 700; color: var(--primary-foreground-color); text-align: center; } .library-container-zM_bj .library-content-PgX4O .message-container-MhY5t .image-csRHm { flex: none; width: 12rem; height: 12rem; margin-bottom: 2rem; object-fit: contain; object-position: center; opacity: 0.9; } .library-container-zM_bj .library-content-PgX4O .message-container-MhY5t .message-label-UExl3 { flex: none; margin-bottom: 2rem; font-size: 2rem; font-weight: 400; text-align: center; color: var(--primary-foreground-color); } .library-container-zM_bj .library-content-PgX4O .meta-items-container-IKrND { flex: 1; align-self: stretch; display: grid; grid-auto-rows: max-content; align-items: center; grid-gap: 0.5rem; overflow-y: auto; } .selectable-inputs-modal-rHlo7 .modal-dialog-container-DZMKq { overflow: visible; } .selectable-inputs-modal-rHlo7 .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z { overflow: visible; } .selectable-inputs-modal-rHlo7 .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z .select-input-container-H1VZ1 { height: 3.5rem; } .selectable-inputs-modal-rHlo7 .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z .select-input-container-H1VZ1:not(:last-child) { margin-bottom: 1rem; } @media only screen and (min-width: 2200px) { .library-container-zM_bj .library-content-PgX4O .meta-items-container-IKrND { grid-template-columns: repeat(10, 1fr); } } @media only screen and (max-width: 2200px) { .library-container-zM_bj .library-content-PgX4O .meta-items-container-IKrND { grid-template-columns: repeat(9, 1fr); } } @media only screen and (max-width: 1900px) { .library-container-zM_bj .library-content-PgX4O .meta-items-container-IKrND { grid-template-columns: repeat(8, 1fr); } } @media only screen and (max-width: 1600px) { .library-container-zM_bj .library-content-PgX4O .meta-items-container-IKrND { grid-template-columns: repeat(7, 1fr); } } @media only screen and (max-width: 1300px) { .library-container-zM_bj .library-content-PgX4O .meta-items-container-IKrND { grid-template-columns: repeat(6, 1fr); } } @media only screen and (max-width: 1000px) { .library-container-zM_bj .library-content-PgX4O .meta-items-container-IKrND { grid-template-columns: repeat(5, 1fr); } } @media only screen and (max-width: 800px) { .library-container-zM_bj .library-content-PgX4O .meta-items-container-IKrND { grid-template-columns: repeat(4, 1fr); } } @media only screen and (max-width: 640px) { .library-container-zM_bj .library-content-PgX4O .selectable-inputs-container-hR3or { justify-content: space-between; } .library-container-zM_bj .library-content-PgX4O .meta-items-container-IKrND { grid-template-columns: repeat(3, 1fr); } } .selector-uRGQ6 { flex: none; position: relative; display: flex; gap: 1rem; align-items: center; justify-content: center; padding: 0 1rem; } .selector-uRGQ6 .prev-__2gh, .selector-uRGQ6 .next-t6hvT { position: relative; height: 3rem; width: 6rem; display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 0.5rem; border-radius: 0.5rem; transition: background-color 0.1s ease-out; } .selector-uRGQ6 .prev-__2gh .label-xSEWG, .selector-uRGQ6 .next-t6hvT .label-xSEWG, .selector-uRGQ6 .prev-__2gh .icon-ixEYr, .selector-uRGQ6 .next-t6hvT .icon-ixEYr { color: var(--primary-foreground-color); opacity: 0.5; transition: opacity 0.1s ease-out; } .selector-uRGQ6 .prev-__2gh .label-xSEWG, .selector-uRGQ6 .next-t6hvT .label-xSEWG { font-size: 1rem; font-weight: 500; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .selector-uRGQ6 .prev-__2gh .icon-ixEYr, .selector-uRGQ6 .next-t6hvT .icon-ixEYr { height: 1.5rem; } .selector-uRGQ6 .prev-__2gh:hover, .selector-uRGQ6 .next-t6hvT:hover { background-color: var(--overlay-color); } .selector-uRGQ6 .prev-__2gh:hover .label-xSEWG, .selector-uRGQ6 .next-t6hvT:hover .label-xSEWG, .selector-uRGQ6 .prev-__2gh:hover .icon-ixEYr, .selector-uRGQ6 .next-t6hvT:hover .icon-ixEYr { opacity: 1; } .selector-uRGQ6 .prev-__2gh { padding-left: 0.5rem; padding-right: 1.25rem; } .selector-uRGQ6 .next-t6hvT { padding-left: 1.25rem; padding-right: 0.5rem; } .selector-uRGQ6 .selected-lBBwk { position: relative; width: 8.5rem; text-align: center; } .selector-uRGQ6 .selected-lBBwk .year-jHuog { font-size: 1rem; font-weight: 500; line-height: 100%; color: var(--primary-foreground-color); opacity: 0.5; } .selector-uRGQ6 .selected-lBBwk .month-VlFJ6 { font-size: 1.5rem; font-weight: 500; color: var(--primary-foreground-color); text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } @media only screen and (max-width: 1300px) { .selector-uRGQ6 { justify-content: space-between; } } .table-QbfK0 { flex: auto; position: relative; display: flex; flex-direction: column; } .table-QbfK0 .week-mTZNI { flex: none; position: relative; height: 3rem; width: 100%; display: grid; grid-template-columns: repeat(7, 1fr); align-items: center; } .table-QbfK0 .week-mTZNI .day-LPW9e { position: relative; padding: 0.5rem; font-size: 1rem; font-weight: 500; color: var(--primary-foreground-color); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .table-QbfK0 .week-mTZNI .day-LPW9e .long-UpX3r { display: block; } .table-QbfK0 .week-mTZNI .day-LPW9e .short-MoF9_ { display: none; } .table-QbfK0 .grid-cUaUg { flex: auto; position: relative; width: 100%; height: 100%; display: grid; grid-template-columns: repeat(7, 1fr); gap: 1px; } @media only screen and (max-width: 1000px) { .table-QbfK0 .week-mTZNI .day-LPW9e .long-UpX3r { display: none; } .table-QbfK0 .week-mTZNI .day-LPW9e .short-MoF9_ { display: block; } } .cell-l3eWl { position: relative; display: flex; flex-direction: column; justify-content: space-between; gap: 0.5rem; background-color: var(--overlay-color); border: 0.15rem solid transparent; overflow: hidden; cursor: pointer; transition: border-color 0.1s ease-out; } .cell-l3eWl:first-child { border-radius: var(--border-radius) 0 0 0; } .cell-l3eWl:nth-child(7) { border-radius: 0 var(--border-radius) 0 0; } .cell-l3eWl:last-child { border-radius: 0 0 var(--border-radius) 0; } .cell-l3eWl .heading-TYXvp { flex: none; position: relative; height: 3rem; display: flex; align-items: center; padding: 0 1rem; } .cell-l3eWl .heading-TYXvp .day-nttmc { flex: none; position: relative; display: flex; align-items: center; justify-content: center; height: 2rem; width: 2rem; border-radius: 100%; font-size: 1rem; font-weight: 500; color: var(--primary-foreground-color); } .cell-l3eWl .items-ZZ9Jt { flex: 0 1 10rem; position: relative; display: flex; flex-direction: row; gap: 1rem; padding: 0 0.5rem 0.5rem 0.5rem; } .cell-l3eWl .items-ZZ9Jt .item-qsUNQ { flex: none; display: flex; align-items: center; justify-content: center; height: 100%; aspect-ratio: 2 / 3; border-radius: var(--border-radius); } .cell-l3eWl .items-ZZ9Jt .item-qsUNQ .icon-F3Uu8 { flex: none; z-index: 1; position: absolute; width: 2rem; height: 2rem; padding: 0.5rem; border-radius: 50%; color: var(--primary-foreground-color); background-color: var(--secondary-accent-color); opacity: 0; } .cell-l3eWl .items-ZZ9Jt .item-qsUNQ .poster-goLqZ { flex: auto; z-index: 0; position: relative; height: 100%; width: 100%; object-fit: cover; opacity: 1; } .cell-l3eWl .items-ZZ9Jt .item-qsUNQ .icon-F3Uu8, .cell-l3eWl .items-ZZ9Jt .item-qsUNQ .poster-goLqZ { transition: opacity 0.1s ease-out; } .cell-l3eWl .items-ZZ9Jt .item-qsUNQ:hover .icon-F3Uu8 { opacity: 1; } .cell-l3eWl .items-ZZ9Jt .item-qsUNQ:hover .poster-goLqZ { opacity: 0.5; } .cell-l3eWl .more-gGKzA { display: none; flex: none; width: 2rem; height: 2rem; padding: 0.5rem; align-self: center; color: var(--primary-foreground-color); } .cell-l3eWl.today-G8kuO .heading-TYXvp .day-nttmc { background-color: var(--primary-accent-color); } .cell-l3eWl.active-KC8sV { border-color: var(--primary-foreground-color); } @media (pointer: fine) { .cell-l3eWl:not(.active-KC8sV):hover { border-color: var(--overlay-color); } } @media only screen and (max-height: 640px) and (orientation: portrait) { .cell-l3eWl .heading-TYXvp { justify-content: center; } .cell-l3eWl .items-ZZ9Jt { display: none; } .cell-l3eWl .more-gGKzA { display: flex; } } @media only screen and (max-height: 800px) and (orientation: landscape) { .cell-l3eWl { flex-direction: row; align-items: center; } .cell-l3eWl .items-ZZ9Jt { display: none; } .cell-l3eWl .more-gGKzA { display: flex; } } @media only screen and (max-height: 1000px) and (max-width: 1000px) { .cell-l3eWl { gap: 0; } .cell-l3eWl .heading-TYXvp { height: 2rem; } .cell-l3eWl .heading-TYXvp .day-nttmc { font-size: 0.875rem; } .cell-l3eWl .items-ZZ9Jt { padding: 0.25rem; } .cell-l3eWl .items-ZZ9Jt .item-qsUNQ { pointer-events: none; border-radius: calc(var(--border-radius) / 2); } } .item-PwXPg { flex: none; position: relative; display: flex; flex-direction: column; background-color: var(--overlay-color); border-radius: var(--border-radius); border: 0.15rem solid transparent; transition: border-color 0.1s ease-out; } .item-PwXPg .heading-aqSxF { flex: none; position: relative; display: flex; align-items: center; height: 3.5rem; font-size: 1rem; font-weight: 500; color: var(--primary-foreground-color); padding: 0 1rem; } .item-PwXPg .body-pUnX4 { flex: auto; display: flex; flex-direction: column; } .item-PwXPg .body-pUnX4 .video-XnjiE { flex: none; position: relative; display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 1rem; height: 3rem; padding: 0 1rem; font-size: 1rem; font-weight: 500; color: var(--primary-foreground-color); } .item-PwXPg .body-pUnX4 .video-XnjiE:last-child { border-radius: 0 0 var(--border-radius) var(--border-radius); } .item-PwXPg .body-pUnX4 .video-XnjiE .name-tepO3 { flex: auto; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .item-PwXPg .body-pUnX4 .video-XnjiE .info-dnUvu { flex: none; display: block; } .item-PwXPg .body-pUnX4 .video-XnjiE .icon-bz23A { flex: none; display: none; width: 2rem; height: 2rem; padding: 0.5rem; border-radius: 50%; color: var(--primary-foreground-color); background-color: var(--secondary-accent-color); } .item-PwXPg .body-pUnX4 .video-XnjiE:hover { background-color: var(--overlay-color); } .item-PwXPg .body-pUnX4 .video-XnjiE:hover .info-dnUvu { display: none; } .item-PwXPg .body-pUnX4 .video-XnjiE:hover .icon-bz23A { display: block; } .item-PwXPg.today-JJfHO .heading-aqSxF { background-color: var(--primary-accent-color); } .item-PwXPg.active-ymNy0 { border-color: var(--primary-foreground-color); } .item-PwXPg:not(.active-ymNy0):hover { border-color: var(--overlay-color); } .list-fa_2a { flex: none; display: flex; flex-direction: column; gap: 1rem; width: 20rem; padding: 0 1rem; overflow-y: auto; } @media only screen and (max-width: 1300px) and (orientation: portrait) { .list-fa_2a { display: none; } } @media only screen and (max-width: 1600px) and (orientation: landscape) { .list-fa_2a { width: 20rem; } } @media only screen and (max-width: 1300px) and (orientation: landscape) { .list-fa_2a { width: 17rem; } } @media only screen and (max-width: 1000px) and (orientation: landscape) { .list-fa_2a { display: none; } } .details-EuHwi { position: relative; } .details-EuHwi .video-BIs3a { flex: none; position: relative; display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 1rem; padding: 0 1.5rem; height: 4rem; font-size: 1rem; font-weight: 500; color: var(--primary-foreground-color); } .details-EuHwi .video-BIs3a .name-vpn8u { flex: auto; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .details-EuHwi .video-BIs3a .info-n1Tz1 { flex: none; display: block; } .details-EuHwi .video-BIs3a .icon-Di3yP { flex: none; width: 2rem; height: 2rem; padding: 0.5rem; border-radius: 50%; color: var(--primary-foreground-color); } .details-EuHwi .video-BIs3a:hover, .details-EuHwi .video-BIs3a:active { background-color: var(--overlay-color); } .details-EuHwi .video-BIs3a:hover .icon-Di3yP, .details-EuHwi .video-BIs3a:active .icon-Di3yP { display: block; background-color: var(--secondary-accent-color); } .details-EuHwi .placeholder-Kigxt { display: flex; align-items: center; justify-content: center; height: 10rem; font-size: 1rem; color: var(--primary-foreground-color); } .placeholder-pCQTz { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; width: 100%; overflow-y: auto; } .placeholder-pCQTz .title-bE4zd { flex: none; font-size: 1.75rem; font-weight: 400; text-align: center; color: var(--primary-foreground-color); margin-bottom: 1rem; opacity: 0.5; } .placeholder-pCQTz .image-qgtvg { flex: none; height: 14rem; margin: 1.5rem 0; } .placeholder-pCQTz .overview-RGglv { flex: none; display: flex; flex-direction: row; align-items: center; gap: 4rem; margin-bottom: 3rem; } .placeholder-pCQTz .overview-RGglv .point-iTc1_ { display: flex; flex-direction: row; align-items: center; gap: 1.5rem; width: 18rem; } .placeholder-pCQTz .overview-RGglv .point-iTc1_ .icon-Y5Zkw { flex: none; height: 3.25rem; width: 3.25rem; color: var(--primary-foreground-color); opacity: 0.3; } .placeholder-pCQTz .overview-RGglv .point-iTc1_ .text-Pa9GN { flex: auto; font-size: 1.1rem; font-size: 500; color: var(--primary-foreground-color); opacity: 0.9; } .placeholder-pCQTz .button-DsyS9 { flex: none; justify-content: center; height: 4rem; line-height: 4rem; padding: 0 5rem; font-size: 1.1rem; color: var(--primary-foreground-color); text-align: center; border-radius: 3.5rem; background-color: var(--overlay-color); } .placeholder-pCQTz .button-DsyS9:hover { outline: var(--focus-outline-size) solid var(--primary-foreground-color); background-color: transparent; } @media only screen and (max-width: 640px) { .placeholder-pCQTz { padding: 1rem 2rem; } .placeholder-pCQTz .image-qgtvg { height: 10rem; } .placeholder-pCQTz .overview-RGglv { flex-direction: column; } .placeholder-pCQTz .button-DsyS9 { width: 100%; } } .calendar-cH2jw { width: 100%; height: 100%; background-color: transparent; } .calendar-cH2jw .content-wBwrQ { position: relative; display: flex; flex-direction: row; gap: 0.5rem; width: 100%; height: 100%; padding: 0 0 calc(1.5rem + var(--safe-area-inset-bottom)) 2rem; } .calendar-cH2jw .content-wBwrQ .main-vWt7d { flex: auto; position: relative; display: flex; flex-direction: column; gap: 1rem; } @media only screen and (max-width: 640px) { .calendar-cH2jw .content-wBwrQ { padding: 0; } } @media only screen and (max-width: 1300px) and (orientation: landscape) { .calendar-cH2jw .content-wBwrQ { padding: 0 0 calc(1.5rem + var(--safe-area-inset-bottom)) 1rem; } } .background-Xro_t { fill: hsl(0, 0%, 100%); } .icon-UFaeB { fill: hsl(0, 0%, 0%); } .background-Xro_t{fill:hsl(0,0%,100%)}.icon-UFaeB{fill:hsl(0,0%,0%)} .stream-placeholder-container-T1nxv { display: flex; flex-direction: row; align-items: center; padding: 0.5rem 1rem; } .stream-placeholder-container-T1nxv .addon-container-pm1P0 { flex: none; } .stream-placeholder-container-T1nxv .addon-container-pm1P0 .addon-name-zAOKP { width: 5rem; height: 2rem; border-radius: var(--border-radius); background-color: var(--color-placeholder-background); } .stream-placeholder-container-T1nxv .info-container-Z1Dl6 { flex: 1; margin: 0.5rem 1rem; } .stream-placeholder-container-T1nxv .info-container-Z1Dl6 .description-container-ZOMcn { height: 1.2rem; border-radius: var(--border-radius); background-color: var(--color-placeholder-background); } .stream-placeholder-container-T1nxv .info-container-Z1Dl6 .description-container-ZOMcn:nth-child(1) { width: 80%; } .stream-placeholder-container-T1nxv .info-container-Z1Dl6 .description-container-ZOMcn:nth-child(2) { width: 40%; margin-top: 0.5rem; } .stream-placeholder-container-T1nxv .play-icon-MXqj3 { flex: none; width: 3.5rem; height: 5rem; } .stream-placeholder-container-T1nxv .play-icon-MXqj3 .background-Xro_t { fill: none; } .stream-placeholder-container-T1nxv .play-icon-MXqj3 .icon-UFaeB { fill: var(--color-placeholder-background); } .stream-container-JPdah { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; gap: 1rem; padding: 0.5rem 1rem; margin-bottom: 0.5rem; border-radius: var(--border-radius); } .stream-container-JPdah:hover, .stream-container-JPdah:focus { background-color: var(--overlay-color); } .stream-container-JPdah:hover .icon-rAZvO, .stream-container-JPdah:focus .icon-rAZvO, .stream-container-JPdah.selected .icon-rAZvO { opacity: 1; } .stream-container-JPdah .info-container-TihQo { flex: none; display: flex; flex-direction: column; gap: 1rem; } .stream-container-JPdah .info-container-TihQo .thumbnail-whoms { display: block; height: 5rem; width: 8rem; object-fit: cover; object-position: center; opacity: 0.9; } .stream-container-JPdah .info-container-TihQo .placeholder-icon-znYz0 { display: block; height: 5rem; width: 8rem; padding: 1rem; color: var(--primary-foreground-color); background-color: var(--overlay-color); opacity: 0.25; } .stream-container-JPdah .info-container-TihQo .addon-name-tC8PX { width: 7rem; font-size: 1.1rem; text-align: left; color: var(--primary-foreground-color); } .stream-container-JPdah .info-container-TihQo .progress-bar-container-ADRp_ { flex: 0 0 100%; position: relative; border-radius: var(--border-radius); } .stream-container-JPdah .info-container-TihQo .progress-bar-container-ADRp_ .progress-bar-XrEBL { z-index: 1; position: relative; height: 0.4rem; background-color: var(--primary-accent-color); } .stream-container-JPdah .info-container-TihQo .progress-bar-container-ADRp_ .progress-bar-background-HueVQ { z-index: 0; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: var(--primary-foreground-color); opacity: 0.2; } .stream-container-JPdah .description-container-vW_De { flex: 1; display: flex; flex-direction: column; -webkit-line-clamp: 3; -webkit-box-orient: vertical; white-space: pre; overflow-y: visible; text-overflow: ellipsis; color: var(--primary-foreground-color); } .stream-container-JPdah .icon-rAZvO { flex: none; width: 3rem; height: 3rem; padding: 0.7rem; border-radius: 50%; opacity: 0; color: var(--primary-foreground-color); background-color: var(--secondary-accent-color); } .stream-container-JPdah .menu-container-B6cqK { max-width: calc(90% - 1.5rem); z-index: 2; } .stream-container-JPdah .menu-container-B6cqK .context-menu-content-Xe_lN { --spatial-navigation-contain: contain; } .stream-container-JPdah .menu-container-B6cqK .context-menu-content-Xe_lN .context-menu-option-container-BZGla { display: flex; flex-direction: row; align-items: center; padding: 1rem 1.5rem; } .stream-container-JPdah .menu-container-B6cqK .context-menu-content-Xe_lN .context-menu-option-container-BZGla:hover, .stream-container-JPdah .menu-container-B6cqK .context-menu-content-Xe_lN .context-menu-option-container-BZGla:focus { background-color: var(--overlay-color); } .stream-container-JPdah .menu-container-B6cqK .context-menu-content-Xe_lN .context-menu-option-container-BZGla .context-menu-option-label-EbNNz { font-size: 1rem; font-weight: 500; color: var(--primary-foreground-color); } @media only screen and (max-width: 1300px) { .stream-container-JPdah .description-container-vW_De { font-size: 0.9rem; } .stream-container-JPdah .info-container-TihQo .addon-name-tC8PX { font-size: 0.9rem; } } @media only screen and (max-width: 640px) { .stream-container-JPdah .info-container-TihQo .addon-name-tC8PX { font-weight: 500; } .stream-container-JPdah .menu-container-B6cqK.menu-direction-top-left-ongjn, .stream-container-JPdah .menu-container-B6cqK.menu-direction-bottom-left-Dvtqk { right: 1.5rem; } .stream-container-JPdah .menu-container-B6cqK.menu-direction-top-right-tmrFG, .stream-container-JPdah .menu-container-B6cqK.menu-direction-bottom-right-aJ89V { left: 1.5rem; } .stream-container-JPdah .menu-container-B6cqK.menu-direction-top-left-ongjn, .stream-container-JPdah .menu-container-B6cqK.menu-direction-top-right-tmrFG { bottom: 90%; } .stream-container-JPdah .menu-container-B6cqK.menu-direction-bottom-left-Dvtqk, .stream-container-JPdah .menu-container-B6cqK.menu-direction-bottom-right-aJ89V { top: 90%; } } .streams-list-container-xYMJo { display: flex; flex-direction: column; } .streams-list-container-xYMJo .message-container-f9_L4 { flex: 0 1 auto; align-self: stretch; display: flex; flex-direction: column; align-items: center; padding: 1rem 1rem 0; overflow-y: auto; } .streams-list-container-xYMJo .message-container-f9_L4 .image-rIyu6 { flex: none; width: 10rem; height: 10rem; max-width: 100%; margin-bottom: 1rem; object-fit: contain; object-position: center; opacity: 0.9; } .streams-list-container-xYMJo .message-container-f9_L4 .label-luvnO { flex: none; font-size: 1.4rem; text-align: center; color: var(--primary-foreground-color); } .streams-list-container-xYMJo .addons-loading-container-Vkwp3 { display: flex; z-index: 1; overflow: visible; margin: 2em 1em 0 1em; gap: 1em; flex-direction: column; justify-content: center; align-items: center; } .streams-list-container-xYMJo .addons-loading-container-Vkwp3 .addons-loading-zhdQr { color: var(--primary-foreground-color); font-size: 1rem; } .streams-list-container-xYMJo .addons-loading-container-Vkwp3 .addons-loading-bar-MqT59 { width: 90%; height: 0.3em; border-radius: var(--border-radius); background-color: var(--primary-accent-color); } .streams-list-container-xYMJo .select-choices-wrapper-xGzfs { display: flex; align-items: center; z-index: 2; margin: 1em 1em 0 1em; gap: 0 0.5em; overflow: visible; } .streams-list-container-xYMJo .select-choices-wrapper-xGzfs .back-button-container-cJ4bk { display: flex; justify-content: center; align-items: center; border-radius: 0.5em; padding: 1em; max-height: 3em; } .streams-list-container-xYMJo .select-choices-wrapper-xGzfs .back-button-container-cJ4bk .icon-SoFgF { width: 1.5em; height: 1.5em; color: var(--primary-foreground-color); opacity: 0.6; } .streams-list-container-xYMJo .select-choices-wrapper-xGzfs .back-button-container-cJ4bk:hover, .streams-list-container-xYMJo .select-choices-wrapper-xGzfs .back-button-container-cJ4bk.active { background-color: var(--overlay-color); opacity: 1; } .streams-list-container-xYMJo .select-choices-wrapper-xGzfs .back-button-container-cJ4bk:hover .icon-SoFgF, .streams-list-container-xYMJo .select-choices-wrapper-xGzfs .back-button-container-cJ4bk.active .icon-SoFgF { color: var(--primary-foreground-color); opacity: 0.8; } .streams-list-container-xYMJo .select-choices-wrapper-xGzfs .episode-title-dln_c { min-width: 45%; color: var(--primary-foreground-color); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .streams-list-container-xYMJo .select-choices-wrapper-xGzfs .select-input-container-irGn_ { min-width: 40%; flex-grow: 1; background: none; } .streams-list-container-xYMJo .select-choices-wrapper-xGzfs .select-input-container-irGn_:hover, .streams-list-container-xYMJo .select-choices-wrapper-xGzfs .select-input-container-irGn_:focus, .streams-list-container-xYMJo .select-choices-wrapper-xGzfs .select-input-container-irGn_.active { background-color: var(--overlay-color); } .streams-list-container-xYMJo .select-choices-wrapper-xGzfs .select-input-container-irGn_ > .label-AR_l8 { color: var(--primary-foreground-color); } .streams-list-container-xYMJo .select-choices-wrapper-xGzfs .select-input-container-irGn_ > .icon-jg2il { color: var(--primary-foreground-color); } .streams-list-container-xYMJo .select-choices-wrapper-xGzfs .select-input-container-irGn_ .menu-container-qiz0X { overflow: auto; } .streams-list-container-xYMJo .streams-container-bbSc4 { flex: 1 1 auto; align-self: stretch; margin-top: 1rem; padding: 0 1rem; overflow-y: auto; } .streams-list-container-xYMJo .install-button-container-Q60yJ { flex: none; align-self: stretch; display: flex; flex-direction: row; align-items: center; justify-content: center; margin: 1rem; padding: 1.5rem 1rem; border-radius: var(--border-radius); background-color: var(--secondary-accent-color); border-radius: 3rem; } .streams-list-container-xYMJo .install-button-container-Q60yJ:hover { outline: var(--focus-outline-size) solid var(--secondary-accent-color); background-color: transparent; } .streams-list-container-xYMJo .install-button-container-Q60yJ .icon-SoFgF { flex: none; width: 2rem; height: 2rem; margin-right: 1rem; color: var(--primary-foreground-color); } .streams-list-container-xYMJo .install-button-container-Q60yJ .label-luvnO { flex: 0 1 auto; font-size: 1.5rem; font-weight: 700; max-height: 3.6em; text-align: center; color: var(--primary-foreground-color); } @media only screen and (max-width: 640px) { .streams-list-container-xYMJo { overflow: visible; } .streams-list-container-xYMJo .streams-container-bbSc4 { margin-top: 0; overflow: visible; scrollbar-color: hsla(0, 0%, 100%, 0.2) transparent; } .streams-list-container-xYMJo .streams-container-bbSc4::-webkit-scrollbar-thumb { background-color: hsla(0, 0%, 100%, 0.2); } .streams-list-container-xYMJo .streams-container-bbSc4::-webkit-scrollbar-track { background-color: transparent; } } .seasons-bar-placeholder-container-M81RN { display: flex; flex-direction: row; justify-content: space-between; padding: 1rem; } .seasons-bar-placeholder-container-M81RN .prev-season-button-TCbOq, .seasons-bar-placeholder-container-M81RN .next-season-button-oGnlT { flex: none; display: flex; flex-direction: row; align-items: center; width: 6.5rem; height: 3rem; padding: 0.5rem; } .seasons-bar-placeholder-container-M81RN .prev-season-button-TCbOq > :first-child, .seasons-bar-placeholder-container-M81RN .next-season-button-oGnlT > :first-child { margin-right: 0.5rem; } .seasons-bar-placeholder-container-M81RN .prev-season-button-TCbOq .icon-UzQjF, .seasons-bar-placeholder-container-M81RN .next-season-button-oGnlT .icon-UzQjF { flex: none; display: block; width: 1.5rem; height: 1.5rem; color: var(--color-placeholder-background); } .seasons-bar-placeholder-container-M81RN .prev-season-button-TCbOq .label-lmBnj, .seasons-bar-placeholder-container-M81RN .next-season-button-oGnlT .label-lmBnj { flex: 1; max-height: 1.2em; font-weight: 500; text-align: center; color: var(--color-placeholder-text); } .seasons-bar-placeholder-container-M81RN .seasons-popup-label-container-r2UDB { flex: 0 1 auto; display: flex; flex-direction: row; align-items: center; margin: 0 1rem; } .seasons-bar-placeholder-container-M81RN .seasons-popup-label-container-r2UDB .seasons-popup-label-xBinL { max-height: 1.2em; font-weight: 500; color: var(--color-placeholder-text); } .seasons-bar-placeholder-container-M81RN .seasons-popup-label-container-r2UDB .seasons-popup-icon-p1T5d { flex: none; width: 1rem; height: 1rem; margin-left: 1rem; color: var(--color-placeholder-background); } .seasons-bar-container-nOZjG { display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding: 1rem; overflow: visible; } .seasons-bar-container-nOZjG .prev-season-button-bs1GQ, .seasons-bar-container-nOZjG .next-season-button-RrYAq { flex: none; display: flex; flex-direction: row; align-items: center; width: 6.5rem; height: 3rem; border-radius: 3rem; padding: 0.5rem; } .seasons-bar-container-nOZjG .prev-season-button-bs1GQ.disabled-WJy2x, .seasons-bar-container-nOZjG .next-season-button-RrYAq.disabled-WJy2x { pointer-events: none; opacity: 0.5; } .seasons-bar-container-nOZjG .prev-season-button-bs1GQ:hover, .seasons-bar-container-nOZjG .next-season-button-RrYAq:hover, .seasons-bar-container-nOZjG .prev-season-button-bs1GQ:focus, .seasons-bar-container-nOZjG .next-season-button-RrYAq:focus { background-color: var(--overlay-color); } .seasons-bar-container-nOZjG .prev-season-button-bs1GQ > :first-child, .seasons-bar-container-nOZjG .next-season-button-RrYAq > :first-child { margin-right: 0.5rem; } .seasons-bar-container-nOZjG .prev-season-button-bs1GQ .label-uJbfD, .seasons-bar-container-nOZjG .next-season-button-RrYAq .label-uJbfD { flex: 1; max-height: 1.2em; font-weight: 500; text-align: center; color: var(--primary-foreground-color); } .seasons-bar-container-nOZjG .prev-season-button-bs1GQ .icon-_ZBEE, .seasons-bar-container-nOZjG .next-season-button-RrYAq .icon-_ZBEE { flex: none; width: 1.5rem; height: 1.5rem; color: var(--primary-foreground-color); } .seasons-bar-container-nOZjG .seasons-popup-label-container-fZcu4 { flex: 0 1 auto; background: none; } .seasons-bar-container-nOZjG .seasons-popup-label-container-fZcu4:hover, .seasons-bar-container-nOZjG .seasons-popup-label-container-fZcu4:focus, .seasons-bar-container-nOZjG .seasons-popup-label-container-fZcu4.active { background-color: var(--overlay-color); } .seasons-bar-container-nOZjG .seasons-popup-label-container-fZcu4 > .label-AR_l8 { color: var(--primary-foreground-color); } .seasons-bar-container-nOZjG .seasons-popup-label-container-fZcu4 > .icon-jg2il { color: var(--primary-foreground-color); } .seasons-bar-container-nOZjG .seasons-popup-label-container-fZcu4 .menu-container-qiz0X { overflow: auto; } @media only screen and (max-width: 640px) { .seasons-bar-container-nOZjG { height: 6rem; } } .videos-list-container-NepX5 { display: flex; flex-direction: column; } .videos-list-container-NepX5 .message-container-_hhmQ { flex: 1; align-self: stretch; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 2rem; overflow-y: auto; } .videos-list-container-NepX5 .message-container-_hhmQ .image-_xAbP { flex: none; width: 10rem; height: 10rem; max-width: 100%; margin-bottom: 1rem; object-fit: contain; object-position: center; opacity: 0.9; } .videos-list-container-NepX5 .message-container-_hhmQ .label-Ff1_X { flex: none; font-size: 1.4rem; text-align: center; color: var(--primary-foreground-color); } .videos-list-container-NepX5 .notifications-toggle-PaWY3 { flex: none; display: flex; flex-direction: row; align-items: center; justify-content: flex-start; gap: 1rem; padding: 1.15rem 1.5rem 0.65rem; color: hsla(0, 0%, 100%, 0.9); } .videos-list-container-NepX5 .seasons-bar-Ma8vp { flex: none; align-self: stretch; margin: 0.5rem 1rem 1rem 1rem; } .videos-list-container-NepX5 .search-bar-mZHWa { flex: none; align-self: stretch; margin: 0 1.5rem 1rem 1.5rem; } .videos-list-container-NepX5 .search-bar-mZHWa:first-child { margin-top: 1rem; } .videos-list-container-NepX5 .videos-container-msX8s { flex: 1; align-self: stretch; padding: 0 1rem; overflow-y: auto; } @media only screen and (max-width: 640px) { .videos-list-container-NepX5 { overflow: visible; } .videos-list-container-NepX5 .videos-container-msX8s { overflow: auto; } } .metadetails-container-K_Dqa { display: flex; flex-direction: column; width: 100%; height: 100%; padding-left: var(--safe-area-inset-left); padding-right: var(--safe-area-inset-right); box-sizing: border-box; } .metadetails-container-K_Dqa .background-image-layer-wJa90 { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; background-color: var(--modal-background-color); } .metadetails-container-K_Dqa .background-image-layer-wJa90 .background-image-tSjYu { pointer-events: none; display: block; width: 100%; height: 100%; object-fit: cover; object-position: top left; opacity: 0.3; } .metadetails-container-K_Dqa .nav-bar-MH6Vk { z-index: 1; flex: none; align-self: stretch; } .metadetails-container-K_Dqa .metadetails-content-Uz5EV { flex: 1; align-self: stretch; position: relative; z-index: 0; display: flex; flex-direction: row; margin-top: calc(var(--top-overlay-size) * -1); padding-top: var(--top-overlay-size); padding-bottom: var(--calculated-bottom-safe-inset, 0rem); } .metadetails-container-K_Dqa .metadetails-content-Uz5EV .vertical-nav-bar-B39nq { flex: none; } .metadetails-container-K_Dqa .metadetails-content-Uz5EV .meta-message-container-MJZN5 { align-self: stretch; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 2rem; width: 100%; height: 100%; } .metadetails-container-K_Dqa .metadetails-content-Uz5EV .meta-message-container-MJZN5 .image-R1LcJ { flex: none; width: 12rem; height: 12rem; max-width: 100%; margin-bottom: 1rem; object-fit: contain; object-position: center; opacity: 0.9; } .metadetails-container-K_Dqa .metadetails-content-Uz5EV .meta-message-container-MJZN5 .message-label-Uz4_P { flex: none; align-self: stretch; font-size: 2rem; text-align: center; color: var(--primary-foreground-color); } .metadetails-container-K_Dqa .metadetails-content-Uz5EV .meta-preview-ES0h3 { flex: 0 1 auto; align-self: stretch; padding: 0 4rem 2rem 4rem; padding-left: max(1rem, calc(4rem - var(--safe-area-inset-left))); } .metadetails-container-K_Dqa .metadetails-content-Uz5EV .spacing-rgIYg { flex: 1; } .metadetails-container-K_Dqa .metadetails-content-Uz5EV .videos-list-nE0LJ, .metadetails-container-K_Dqa .metadetails-content-Uz5EV .streams-list-Y1lCM { flex: 0 0 30rem; align-self: stretch; border-radius: var(--border-radius) 0 0 var(--border-radius); background-color: rgba(0, 0, 0, 0.4); backdrop-filter: blur(15px); } .meta-extension-modal-container-gHjqy .modal-dialog-container-DZMKq { width: 80%; height: 80%; } .meta-extension-modal-container-gHjqy .modal-dialog-container-DZMKq .title-container-v2mmF { max-height: 1.2em; } .meta-extension-modal-container-gHjqy .modal-dialog-container-DZMKq .meta-extension-modal-iframe-GGHlm { width: 100%; height: 100%; } @media screen and (max-width: 1000px) and (max-height: 500px) and (orientation: landscape) { .metadetails-container-K_Dqa .metadetails-content-Uz5EV .meta-preview-ES0h3 { padding: 0 1.5rem 1rem; } } @media only screen and (max-width: 640px) { .metadetails-container-K_Dqa .metadetails-content-Uz5EV { display: block; overflow-y: auto; } .metadetails-container-K_Dqa .metadetails-content-Uz5EV .spacing-rgIYg { display: none; } .metadetails-container-K_Dqa .metadetails-content-Uz5EV .meta-preview-ES0h3 { padding: 0 1.5rem 2rem; } .metadetails-container-K_Dqa .metadetails-content-Uz5EV .videos-list-nE0LJ, .metadetails-container-K_Dqa .metadetails-content-Uz5EV .streams-list-Y1lCM { border-radius: var(--border-radius) var(--border-radius) 0 0; } } .search-container-uXEFf { height: 100%; width: 100%; background-color: transparent; } .search-container-uXEFf .search-content-LX6un { height: 100%; width: 100%; overflow-y: auto; } .search-container-uXEFf .search-content-LX6un .search-row-EQLaD { margin: 4rem 2rem; } .search-container-uXEFf .search-content-LX6un .search-hints-wrapper-IjhmE { display: flex; align-items: center; justify-content: center; flex-direction: column; width: 100%; height: 100%; } .search-container-uXEFf .search-content-LX6un .search-hints-wrapper-IjhmE .search-hints-title-container-MXt8W { display: flex; justify-content: center; align-items: center; padding: 0 1rem; } .search-container-uXEFf .search-content-LX6un .search-hints-wrapper-IjhmE .search-hints-title-container-MXt8W .search-hints-title-cigX3 { flex-grow: 0; flex-shrink: 1; flex-basis: auto; font-size: 1.6rem; color: hsla(0, 0%, 100%, 0.9); text-align: center; opacity: 0.4; } .search-container-uXEFf .search-content-LX6un .search-hints-wrapper-IjhmE .search-hints-container-FHpPM { display: flex; flex-direction: row; align-items: flex-start; justify-content: center; align-content: flex-start; flex-wrap: wrap; padding: 4rem; max-width: 50%; margin: 0 auto; } .search-container-uXEFf .search-content-LX6un .search-hints-wrapper-IjhmE .search-hints-container-FHpPM .search-hint-container-kd8iX { flex: 0 0 25%; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 0 1rem; margin-bottom: 4rem; } .search-container-uXEFf .search-content-LX6un .search-hints-wrapper-IjhmE .search-hints-container-FHpPM .search-hint-container-kd8iX .icon-fOZZl { flex: none; width: 4rem; height: 4rem; margin-bottom: 2rem; color: hsla(0, 0%, 100%, 0.9); opacity: 0.4; } .search-container-uXEFf .search-content-LX6un .search-hints-wrapper-IjhmE .search-hints-container-FHpPM .search-hint-container-kd8iX .label-l6wxz { flex-grow: 0; flex-shrink: 1; flex-basis: auto; font-size: 1.2rem; color: hsla(0, 0%, 100%, 0.9); text-align: center; opacity: 0.4; } .search-container-uXEFf .search-content-LX6un .message-container-YAunr { display: flex; flex-direction: column; align-items: center; padding: 4rem; } .search-container-uXEFf .search-content-LX6un .message-container-YAunr .image-Xuwya { flex: none; width: 12rem; height: 12rem; margin-bottom: 1rem; object-fit: contain; object-position: center; opacity: 0.9; } .search-container-uXEFf .search-content-LX6un .message-container-YAunr .message-label-K8LPz { flex: 0 1 auto; font-size: 2.5rem; text-align: center; color: hsla(222.8, 100%, 78%, 0.9); } @media only screen and (max-width: 2200px) { .search-container-uXEFf .search-content-LX6un .search-row-poster-m7CUE .meta-item-QFHCh:nth-child(n+10), .search-container-uXEFf .search-content-LX6un .search-row-square-VesJA .meta-item-QFHCh:nth-child(n+10), .search-container-uXEFf .search-content-LX6un .search-row-poster-m7CUE .meta-item-iOgzp:nth-child(n+10), .search-container-uXEFf .search-content-LX6un .search-row-square-VesJA .meta-item-iOgzp:nth-child(n+10) { display: none; } .search-container-uXEFf .search-content-LX6un .search-row-landscape-o3Lfv .meta-item-QFHCh:nth-child(n+9), .search-container-uXEFf .search-content-LX6un .search-row-landscape-o3Lfv .meta-item-iOgzp:nth-child(n+9) { display: none; } } @media only screen and (max-width: 1900px) { .search-container-uXEFf .search-content-LX6un .search-row-poster-m7CUE .meta-item-QFHCh:nth-child(n+9), .search-container-uXEFf .search-content-LX6un .search-row-square-VesJA .meta-item-QFHCh:nth-child(n+9), .search-container-uXEFf .search-content-LX6un .search-row-poster-m7CUE .meta-item-iOgzp:nth-child(n+9), .search-container-uXEFf .search-content-LX6un .search-row-square-VesJA .meta-item-iOgzp:nth-child(n+9) { display: none; } .search-container-uXEFf .search-content-LX6un .search-row-landscape-o3Lfv .meta-item-QFHCh:nth-child(n+8), .search-container-uXEFf .search-content-LX6un .search-row-landscape-o3Lfv .meta-item-iOgzp:nth-child(n+8) { display: none; } } @media only screen and (max-width: 1600px) { .search-container-uXEFf .search-content-LX6un .search-hints-wrapper-IjhmE .search-hints-container-FHpPM { max-width: 70%; } .search-container-uXEFf .search-content-LX6un .search-row-poster-m7CUE .meta-item-QFHCh:nth-child(n+8), .search-container-uXEFf .search-content-LX6un .search-row-square-VesJA .meta-item-QFHCh:nth-child(n+8), .search-container-uXEFf .search-content-LX6un .search-row-poster-m7CUE .meta-item-iOgzp:nth-child(n+8), .search-container-uXEFf .search-content-LX6un .search-row-square-VesJA .meta-item-iOgzp:nth-child(n+8) { display: none; } .search-container-uXEFf .search-content-LX6un .search-row-landscape-o3Lfv .meta-item-QFHCh:nth-child(n+7), .search-container-uXEFf .search-content-LX6un .search-row-landscape-o3Lfv .meta-item-iOgzp:nth-child(n+7) { display: none; } } @media only screen and (max-width: 1300px) { .search-container-uXEFf .search-content-LX6un .search-hints-wrapper-IjhmE .search-hints-container-FHpPM { max-width: 90%; } .search-container-uXEFf .search-content-LX6un .search-row-poster-m7CUE .meta-item-QFHCh:nth-child(n+7), .search-container-uXEFf .search-content-LX6un .search-row-square-VesJA .meta-item-QFHCh:nth-child(n+7), .search-container-uXEFf .search-content-LX6un .search-row-poster-m7CUE .meta-item-iOgzp:nth-child(n+7), .search-container-uXEFf .search-content-LX6un .search-row-square-VesJA .meta-item-iOgzp:nth-child(n+7) { display: none; } .search-container-uXEFf .search-content-LX6un .search-row-landscape-o3Lfv .meta-item-QFHCh:nth-child(n+6), .search-container-uXEFf .search-content-LX6un .search-row-landscape-o3Lfv .meta-item-iOgzp:nth-child(n+6) { display: none; } } @media only screen and (max-width: 1000px) { .search-container-uXEFf .search-content-LX6un .search-row-poster-m7CUE .meta-item-QFHCh:nth-child(n+6), .search-container-uXEFf .search-content-LX6un .search-row-square-VesJA .meta-item-QFHCh:nth-child(n+6), .search-container-uXEFf .search-content-LX6un .search-row-poster-m7CUE .meta-item-iOgzp:nth-child(n+6), .search-container-uXEFf .search-content-LX6un .search-row-square-VesJA .meta-item-iOgzp:nth-child(n+6) { display: none; } .search-container-uXEFf .search-content-LX6un .search-row-landscape-o3Lfv .meta-item-QFHCh:nth-child(n+5), .search-container-uXEFf .search-content-LX6un .search-row-landscape-o3Lfv .meta-item-iOgzp:nth-child(n+5) { display: none; } } @media only screen and (max-width: 800px) { .search-container-uXEFf .search-content-LX6un .search-hints-wrapper-IjhmE .search-hints-container-FHpPM { max-width: 100%; } .search-container-uXEFf .search-content-LX6un .search-hints-wrapper-IjhmE .search-hints-container-FHpPM .search-hint-container-kd8iX { flex: 0 0 50%; } .search-container-uXEFf .search-content-LX6un .search-row-poster-m7CUE .meta-item-QFHCh:nth-child(n+5), .search-container-uXEFf .search-content-LX6un .search-row-square-VesJA .meta-item-QFHCh:nth-child(n+5), .search-container-uXEFf .search-content-LX6un .search-row-poster-m7CUE .meta-item-iOgzp:nth-child(n+5), .search-container-uXEFf .search-content-LX6un .search-row-square-VesJA .meta-item-iOgzp:nth-child(n+5) { display: none; } .search-container-uXEFf .search-content-LX6un .search-row-landscape-o3Lfv .meta-item-QFHCh:nth-child(n+4), .search-container-uXEFf .search-content-LX6un .search-row-landscape-o3Lfv .meta-item-iOgzp:nth-child(n+4) { display: none; } } @media only screen and (max-width: 640px) { .search-container-uXEFf .search-content-LX6un .search-row-EQLaD { margin: 2rem 1rem; } .search-container-uXEFf .search-content-LX6un .search-row-poster-m7CUE .meta-item-QFHCh:nth-child(n+4), .search-container-uXEFf .search-content-LX6un .search-row-square-VesJA .meta-item-QFHCh:nth-child(n+4), .search-container-uXEFf .search-content-LX6un .search-row-poster-m7CUE .meta-item-iOgzp:nth-child(n+4), .search-container-uXEFf .search-content-LX6un .search-row-square-VesJA .meta-item-iOgzp:nth-child(n+4) { display: none; } .search-container-uXEFf .search-content-LX6un .search-hints-wrapper-IjhmE { margin-top: 4rem; } .search-container-uXEFf .search-content-LX6un .search-hints-wrapper-IjhmE .search-hints-container-FHpPM { padding: 4rem 2rem; } .search-container-uXEFf .search-content-LX6un .search-hints-wrapper-IjhmE .search-hints-container-FHpPM .search-hint-container-kd8iX { padding: 0 1.5rem; } } .toggle-container-LD19U{position:relative}.toggle-container-LD19U .toggle-c9IYf{background-color:var(--overlay-color);border-radius:1.7rem;height:1.7rem;position:relative;transition:background-color 0.1s ease-in-out;width:3.2rem}.toggle-container-LD19U .toggle-c9IYf:before{background-color:var(--primary-foreground-color);border-radius:50%;content:"";height:calc(1.7rem - 0.5rem);left:calc(0.5rem / 2);position:absolute;top:calc(0.5rem / 2);transition:transform 0.1s ease-in-out;width:calc(1.7rem - 0.5rem)}.toggle-container-LD19U.checked .toggle-c9IYf{background-color:var(--secondary-accent-color)}.toggle-container-LD19U.checked .toggle-c9IYf:before{transform:translateX(calc(3.2rem - calc(1.7rem - 0.5rem) - 0.5rem))} .settings-container-b0DCu { height: 100%; width: 100%; background-color: transparent; } .settings-container-b0DCu .settings-content-lLXmk { height: 100%; width: 100%; display: flex; flex-direction: row; } .settings-container-b0DCu .settings-content-lLXmk .side-menu-container-NG17D { flex: none; align-self: stretch; display: flex; flex-direction: column; width: 18rem; padding: 3rem 1.5rem; } .settings-container-b0DCu .settings-content-lLXmk .side-menu-container-NG17D .side-menu-button-vbkJ1 { flex: none; align-self: stretch; display: flex; align-items: center; height: 4rem; border-radius: 4rem; padding: 2rem; margin-bottom: 0.5rem; font-size: 1.1rem; font-weight: 500; color: var(--primary-foreground-color); opacity: 0.4; } .settings-container-b0DCu .settings-content-lLXmk .side-menu-container-NG17D .side-menu-button-vbkJ1.selected-yhdng { font-weight: 600; color: var(--primary-foreground-color); background-color: var(--overlay-color); opacity: 1; } .settings-container-b0DCu .settings-content-lLXmk .side-menu-container-NG17D .side-menu-button-vbkJ1:hover { background-color: var(--overlay-color); } .settings-container-b0DCu .settings-content-lLXmk .side-menu-container-NG17D .spacing-fpLUM { flex: 1; } .settings-container-b0DCu .settings-content-lLXmk .side-menu-container-NG17D .version-info-label-uMkm7 { flex: 0 1 auto; margin: 0.5rem 0; color: var(--primary-foreground-color); opacity: 0.3; } .settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe { flex: 1; align-self: stretch; padding: 0 3rem; overflow-y: auto; } .settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ { display: flex; flex-direction: column; padding: 3rem 0; overflow: visible; } .settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ:not(:last-child) { border-bottom: thin solid var(--overlay-color); } .settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .section-title-Nt71Z { flex: none; align-self: stretch; font-size: 1.8rem; line-height: 3.4rem; margin-bottom: 3rem; color: var(--primary-foreground-color); } .settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .section-category-container-EOuS0 { display: flex; flex-direction: row; align-items: center; gap: 0 1em; margin-bottom: 1.5rem; line-height: 2.4rem; } .settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .section-category-container-EOuS0 .label-FFamJ { flex: none; font-size: 1.1rem; color: var(--primary-foreground-color); } .settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .section-category-container-EOuS0 .icon-REQkK { flex: none; width: 2rem; height: 2rem; color: var(--primary-foreground-color); } .settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv { flex: none; align-self: stretch; display: flex; flex-direction: row; align-items: center; max-width: 35rem; margin-bottom: 2rem; overflow: visible; } .settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv.link-container-ERYsD { margin-bottom: 0.5rem; } .settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv:last-child { margin-bottom: 0; } .settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv.user-info-option-container-oRLJc { gap: 1rem; } .settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv.user-info-option-container-oRLJc .user-info-content-ez7kZ { flex: 1; display: flex; flex-direction: row; align-items: center; } .settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv.user-info-option-container-oRLJc .user-info-content-ez7kZ .avatar-container-YWq9E { flex: none; align-self: stretch; height: 5rem; width: 5rem; margin-right: 1rem; border: 2px solid var(--primary-accent-color); border-radius: 50%; background-size: cover; background-repeat: no-repeat; background-position: center; background-origin: content-box; background-clip: content-box; opacity: 0.9; background-color: var(--primary-foreground-color); } .settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv.user-info-option-container-oRLJc .user-info-content-ez7kZ .email-logout-container-kYQDM { flex: none; display: flex; flex-direction: column; } .settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv.user-info-option-container-oRLJc .user-info-content-ez7kZ .email-logout-container-kYQDM .email-label-container-oVmiO, .settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv.user-info-option-container-oRLJc .user-info-content-ez7kZ .email-logout-container-kYQDM .logout-button-container-jLrU2 { display: flex; flex-direction: row; align-items: center; } .settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv.user-info-option-container-oRLJc .user-info-content-ez7kZ .email-logout-container-kYQDM .email-label-container-oVmiO .email-label-Q__sJ { flex: 1; font-size: 1.1rem; color: var(--primary-foreground-color); opacity: 0.7; } .settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv.user-info-option-container-oRLJc .user-info-content-ez7kZ .email-logout-container-kYQDM .logout-button-container-jLrU2:hover, .settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv.user-info-option-container-oRLJc .user-info-content-ez7kZ .email-logout-container-kYQDM .logout-button-container-jLrU2:focus { outline: none; } .settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv.user-info-option-container-oRLJc .user-info-content-ez7kZ .email-logout-container-kYQDM .logout-button-container-jLrU2:hover .logout-label-zo4ES, .settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv.user-info-option-container-oRLJc .user-info-content-ez7kZ .email-logout-container-kYQDM .logout-button-container-jLrU2:focus .logout-label-zo4ES { text-decoration: underline; } .settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv.user-info-option-container-oRLJc .user-info-content-ez7kZ .email-logout-container-kYQDM .logout-button-container-jLrU2 .logout-label-zo4ES { flex: 1; color: var(--primary-accent-color); } .settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv.user-info-option-container-oRLJc .user-panel-container-kkrJG { flex: none; display: flex; flex-direction: row; align-items: center; width: 10rem; height: 3.5rem; border-radius: 3.5rem; background-color: var(--overlay-color); } .settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv.user-info-option-container-oRLJc .user-panel-container-kkrJG:hover { outline: var(--focus-outline-size) solid var(--primary-foreground-color); background-color: transparent; } .settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv.user-info-option-container-oRLJc .user-panel-container-kkrJG .user-panel-label-beAQl { flex: 1; max-height: 2.4em; padding: 0 0.5rem; font-weight: 500; text-align: center; color: var(--primary-foreground-color); } .settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv .option-name-container-exGMI, .settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv .option-input-container-NPgpT { flex: 1 1 50%; display: flex; flex-direction: row; align-items: center; } .settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv .option-name-container-exGMI .icon-REQkK, .settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv .option-input-container-NPgpT .icon-REQkK { flex: none; width: 1.5rem; height: 1.5rem; margin-right: 0.5rem; color: var(--primary-foreground-color); } .settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv .option-name-container-exGMI .label-FFamJ, .settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv .option-input-container-NPgpT .label-FFamJ { flex-grow: 0; flex-shrink: 1; flex-basis: auto; line-height: 1.5rem; color: var(--primary-foreground-color); } .settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv .option-name-container-exGMI.trakt-icon-_dK95 .icon-REQkK, .settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv .option-input-container-NPgpT.trakt-icon-_dK95 .icon-REQkK { width: 3rem; height: 3rem; color: var(--color-trakt); } .settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv .option-name-container-exGMI { justify-content: flex-start; padding: 1rem 1rem 1rem 0; margin-right: 2rem; } .settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv .option-input-container-NPgpT { padding: 1rem 1.5rem; } .settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv .option-input-container-NPgpT.button-container-ENMae { justify-content: center; height: 3.5rem; border-radius: 3.5rem; background-color: var(--overlay-color); } .settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv .option-input-container-NPgpT.button-container-ENMae:hover { outline: var(--focus-outline-size) solid var(--primary-foreground-color); background-color: transparent; } .settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv .option-input-container-NPgpT.button-container-ENMae .label-FFamJ { font-weight: 500; } .settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv .option-input-container-NPgpT.multiselect-container-w0c9l > .label-AR_l8 { line-height: 1.5rem; max-height: 1.5rem; } .settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv .option-input-container-NPgpT.multiselect-container-w0c9l .menu-container-qiz0X { overflow: auto; } .settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv .option-input-container-NPgpT.link-input-container-TCi0w { flex: 0 1 auto; padding: 0; } .settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv .option-input-container-NPgpT.link-input-container-TCi0w .label-FFamJ { color: var(--primary-accent-color); } .settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv .option-input-container-NPgpT.link-input-container-TCi0w:hover .label-FFamJ { text-decoration: underline; } .settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv .option-input-container-NPgpT.checkbox-container-R9LLN { justify-content: center; } .settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv .option-input-container-NPgpT.checkbox-container-R9LLN .undefined { width: 1.5rem; height: 1.5rem; } .settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv .option-input-container-NPgpT.color-input-container-WclA_ { padding: 1.3rem 1rem; border-radius: 3rem; border: 2px solid transparent; transition: 0.3s all ease-in-out; } .settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv .option-input-container-NPgpT.color-input-container-WclA_:hover { border-color: var(--overlay-color); } .settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv .option-input-container-NPgpT.info-container-wfFcS { justify-content: center; } .settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv .option-input-container-NPgpT.info-container-wfFcS.selectable-eucrJ { user-select: text; } .settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv .option-input-container-NPgpT.info-container-wfFcS.selectable-eucrJ .label-FFamJ { user-select: text; } .settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv .option-input-container-NPgpT.configure-input-container-PMyIY { padding: 0; } .settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv .option-input-container-NPgpT.configure-input-container-PMyIY .label-FFamJ { flex-grow: 1; white-space: pre; text-overflow: ellipsis; padding: 0 1rem; } .settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv .option-input-container-NPgpT.configure-input-container-PMyIY .configure-button-container-xGFgg { flex: none; width: 3rem; height: 3rem; border-radius: 100%; display: flex; flex-direction: row; align-items: center; justify-content: center; background-color: var(--overlay-color); } .settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv .option-input-container-NPgpT.configure-input-container-PMyIY .configure-button-container-xGFgg:hover { outline: var(--focus-outline-size) solid var(--primary-foreground-color); background-color: transparent; } .settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv .option-input-container-NPgpT.configure-input-container-PMyIY .configure-button-container-xGFgg .icon-REQkK { flex: none; width: 1rem; height: 1rem; margin: 0; color: var(--primary-foreground-color); } .settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv .option-input-container-NPgpT.shortcut-container-ZSm5O { justify-content: center; padding: 0; overflow: visible; } .settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv .option-input-container-NPgpT.shortcut-container-ZSm5O kbd { flex: 0 1 auto; height: 2.5rem; min-width: 2.5rem; line-height: 2.5rem; padding: 0 1rem; font-weight: 500; color: var(--primary-foreground-color); border-radius: 0.25em; box-shadow: 0 4px 0 1px var(--modal-background-color); background-color: var(--overlay-color); } .settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv .option-input-container-NPgpT.shortcut-container-ZSm5O .label-FFamJ { margin: 0 1rem; white-space: nowrap; color: var(--primary-foreground-color); } .settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .versions-section-container-LRCVQ { display: none; } @media only screen and (max-width: 1000px) { .settings-container-b0DCu .settings-content-lLXmk .side-menu-container-NG17D { display: none; } .settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .versions-section-container-LRCVQ { display: flex; } } @media only screen and (max-width: 640px) { .settings-container-b0DCu .settings-content-lLXmk { flex-direction: column-reverse; } .settings-container-b0DCu .settings-content-lLXmk .side-menu-container-NG17D { display: none; } .settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe { padding: 0 1.5rem; } .settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .user-info-option-container-oRLJc { flex-direction: column; align-items: flex-start; } .settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .user-info-option-container-oRLJc .user-panel-container-kkrJG { width: 100% !important; } .settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .versions-section-container-LRCVQ { display: flex; } } .wrapper-FMNA6 { display: flex; flex-direction: column; max-width: 35rem; margin-bottom: 2rem; } .wrapper-FMNA6 .header-zkCTr { display: flex; justify-content: space-between; padding: 0 3rem; align-items: center; } .wrapper-FMNA6 .header-zkCTr .label-dEugA { font-size: 1rem; color: var(--primary-foreground-color); font-weight: 400; opacity: 0.6; } .wrapper-FMNA6 .header-zkCTr .label-dEugA:last-of-type { padding-right: 3rem; } .wrapper-FMNA6 .content-humTO { display: flex; flex-direction: column; gap: 1rem; padding: 1.5rem 0; } .wrapper-FMNA6 .item-aKQwq { display: flex; padding: 1rem 1.5rem; border-radius: var(--border-radius); transition: 0.3s all ease-in-out; background-color: transparent; border: 2px solid transparent; justify-content: space-between; position: relative; } .wrapper-FMNA6 .footer-jhua_ { display: flex; justify-content: space-between; } .wrapper-FMNA6 .footer-jhua_ .add-url-YoBI2 { display: flex; gap: 0.5rem; align-items: center; justify-content: center; padding: 0.5rem 1.5rem; background-color: var(--secondary-accent-color); transition: 0.3s all ease-in-out; border-radius: 1.5rem; color: var(--primary-foreground-color); border: 2px solid transparent; } .wrapper-FMNA6 .footer-jhua_ .add-url-YoBI2 .icon-FpW91 { width: 1rem; height: 1rem; color: var(--primary-foreground-color); } .wrapper-FMNA6 .footer-jhua_ .add-url-YoBI2:hover { background-color: transparent; border: 2px solid var(--primary-foreground-color); } .wrapper-FMNA6 .footer-jhua_ .reload-rrVYe { display: flex; gap: 0.5rem; align-items: center; justify-content: center; padding: 0.5rem 1.5rem; background-color: var(--overlay-color); border-radius: 1.5rem; transition: 0.3s all ease-in-out; color: var(--primary-foreground-color); border: 2px solid transparent; } .wrapper-FMNA6 .footer-jhua_ .reload-rrVYe .icon-FpW91 { width: 1rem; height: 1rem; color: var(--primary-foreground-color); } .wrapper-FMNA6 .footer-jhua_ .reload-rrVYe:hover { background-color: transparent; border: 2px solid var(--primary-foreground-color); } .item-vprGn { display: flex; padding: 0.7rem 1.5rem; border-radius: 2.5rem; transition: 0.3s all ease-in-out; background-color: var(--overlay-color); border: 2px solid transparent; justify-content: space-between; position: relative; } .item-vprGn .content-Z4dHI { display: flex; gap: 1rem; align-items: center; justify-content: center; max-width: 60%; } .item-vprGn .content-Z4dHI .selectable-vObva { overflow: visible; } .item-vprGn .content-Z4dHI .label-Ps0DE { color: var(--primary-foreground-color); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .item-vprGn .actions-zY8KP { display: flex; gap: 1rem; padding-right: 4rem; } .item-vprGn .actions-zY8KP .status-ZtDXI { display: flex; gap: 0.5rem; align-items: center; justify-content: center; } .item-vprGn .actions-zY8KP .status-ZtDXI .icon-Dy2_n { width: 0.75rem; height: 0.75rem; border-radius: 1rem; } .item-vprGn .actions-zY8KP .status-ZtDXI .icon-Dy2_n.ready-RSAbX { background-color: var(--secondary-accent-color); } .item-vprGn .actions-zY8KP .status-ZtDXI .icon-Dy2_n.error-Z7kSJ { background-color: var(--color-trakt); } .item-vprGn .actions-zY8KP .status-ZtDXI .label-Ps0DE { font-size: 1rem; color: var(--primary-foreground-color); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .item-vprGn .actions-zY8KP .delete-VVe3c { position: absolute; display: flex; right: 1.5rem; top: 50%; gap: 0.5rem; padding: 0.5rem 0.25rem; align-items: center; justify-content: center; background-color: transparent; transition: 0.3s all ease-in-out; border-radius: var(--border-radius); transform: translateY(-50%); width: 3rem; } .item-vprGn .actions-zY8KP .delete-VVe3c .icon-Dy2_n { width: 1.5rem; height: 1.5rem; opacity: 0; transition: 0.3s all ease-in-out; color: var(--primary-foreground-color); } .item-vprGn .actions-zY8KP .delete-VVe3c:hover, .item-vprGn .actions-zY8KP .delete-VVe3c:focus { background-color: var(--overlay-color); } .item-vprGn .actions-zY8KP .delete-VVe3c:hover .icon-Dy2_n, .item-vprGn .actions-zY8KP .delete-VVe3c:focus .icon-Dy2_n { color: var(--color-trakt); opacity: 1 !important; } .item-vprGn:hover { border: 2px solid var(--overlay-color); } .item-vprGn:hover .actions-zY8KP .delete-VVe3c .icon-Dy2_n { opacity: 0.6; } @media only screen and (max-width: 640px) { .item-vprGn { padding: 0.7rem 1rem; } .item-vprGn .actions-zY8KP .delete-VVe3c { right: 1rem; } .item-vprGn .actions-zY8KP .delete-VVe3c .icon-Dy2_n { opacity: 0.6; } } .add-item-iycwp { display: flex; padding: 0.35rem 1.5rem; border-radius: 2.5rem; transition: 0.3s all ease-in-out; background-color: var(--overlay-color); border: 2px solid transparent; justify-content: space-between; position: relative; } .add-item-iycwp .input-xcmDi { background-color: var(--overlay-color); border-radius: var(--border-radius); color: var(--primary-foreground-color); padding: 0.5rem 0.75rem; border: 1px solid transparent; width: 70%; } .add-item-iycwp .input-xcmDi:focus { border: 1px solid var(--primary-foreground-color); } .add-item-iycwp .actions-iV2qd { display: flex; gap: 0.25rem; margin-right: 0; } .add-item-iycwp .actions-iV2qd .add-SjFUs, .add-item-iycwp .actions-iV2qd .cancel-mErzd { display: flex; gap: 0.5rem; padding: 0.25rem; align-items: center; justify-content: center; background-color: transparent; transition: 0.3s all ease-in-out; border-radius: var(--border-radius); width: 3rem; opacity: 0.6; } .add-item-iycwp .actions-iV2qd .add-SjFUs .icon-fsrQ7, .add-item-iycwp .actions-iV2qd .cancel-mErzd .icon-fsrQ7 { width: 2rem; height: 2rem; color: var(--primary-foreground-color); } .add-item-iycwp .actions-iV2qd .add-SjFUs:hover, .add-item-iycwp .actions-iV2qd .cancel-mErzd:hover { opacity: 1; background-color: var(--overlay-color); } .add-item-iycwp .actions-iV2qd .add-SjFUs .icon-fsrQ7 { width: 1.8rem; height: 1.8rem; } .add-item-iycwp .actions-iV2qd .add-SjFUs:hover .icon-fsrQ7 { color: var(--secondary-accent-color); } .add-item-iycwp .actions-iV2qd .cancel-mErzd:hover .icon-fsrQ7 { color: var(--color-trakt); } .add-item-iycwp:hover { border: 2px solid var(--overlay-color); } @media only screen and (max-width: 640px) { .add-item-iycwp { padding: 0.35rem 0.5rem; } } .buffering-loader-container-P7S0m { display: flex; align-items: center; justify-content: center; } .buffering-loader-container-P7S0m .buffering-loader-fMSpb { flex: none; max-width: 15rem; max-height: 15rem; animation: fadeInOut-WS5RD 2s infinite; display: block; width: auto; height: auto; } @keyframes fadeInOut-WS5RD { 0% { opacity: 0.2; } 50% { opacity: 1; } 100% { opacity: 0.2; } } html.active-slider-within-NcgYf{cursor:grabbing}html.active-slider-within-NcgYf body{pointer-events:none}.slider-container-nJz5F{cursor:pointer;overflow:visible;position:relative;z-index:0}.slider-container-nJz5F.disabled{opacity:0.5;pointer-events:none}.slider-container-nJz5F .layer-aC5Vt{align-items:center;bottom:0;display:flex;flex-direction:row;left:0;overflow:visible;position:absolute;right:0;top:0;z-index:0}.slider-container-nJz5F .track-gItfW{flex:1;z-index:0}.slider-container-nJz5F .track-gItfW,.slider-container-nJz5F .track-before-kJzIb{background-color:var(--overlay-color);border-radius:var(--track-size);height:var(--track-size)}.slider-container-nJz5F .track-before-kJzIb{flex:none;z-index:1}.slider-container-nJz5F .track-after-pUXC0{border-radius:var(--track-size);height:var(--track-size);z-index:2}.slider-container-nJz5F .thumb-PiTF5,.slider-container-nJz5F .track-after-pUXC0{background-color:var(--primary-foreground-color);flex:none}.slider-container-nJz5F .thumb-PiTF5{border-radius:100%;height:var(--thumb-size);transform:translateX(-50%);width:var(--thumb-size);z-index:3} .volume-slider-G_xAt:not(.disabled) .track-gItfW { background-color: var(--overlay-color); } .volume-slider-G_xAt:not(.disabled) .track-after-pUXC0 { background-color: var(--primary-foreground-color); } .volume-slider-G_xAt:not(.disabled):hover .track-after-pUXC0, .volume-slider-G_xAt:not(.disabled).active .track-after-pUXC0 { background-color: var(--primary-foreground-color); } .volume-change-indicator-EWypD { position: absolute; top: 50%; left: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; transform: translate(-50%, -50%); background-color: var(--overlay-color); border-radius: var(--border-radius); padding: 2rem 2.5rem; gap: 1rem; } .volume-change-indicator-EWypD .volume-icon-zn9zT { width: 6.5rem; height: 6.5rem; color: var(--primary-foreground-color); } .volume-change-indicator-EWypD .volume-slider-FKN0X { border-radius: var(--border-radius); width: 6.5rem; max-height: 1rem; flex: 0 1 10rem; margin: 0 1rem; --track-size: 0.35rem; --thumb-size: 1rem; } @media only screen and (max-width: 640px) { .volume-change-indicator-EWypD { padding: 1rem 1.5rem; } .volume-change-indicator-EWypD .volume-icon-zn9zT { width: 4rem; height: 4rem; } .volume-change-indicator-EWypD .volume-slider-FKN0X { width: 4rem; } } .error-ty_iB { display: flex; flex-direction: column; align-items: center; justify-content: center; background-color: #000000; } .error-ty_iB .error-label-lyLDv { flex: 0 1 auto; padding: 0 8rem; max-height: 4.8em; font-size: 2rem; color: var(--primary-foreground-color); text-align: center; } .error-ty_iB .error-sub-rdwAf { flex: 0 1 auto; padding: 0 2rem; max-height: 4.8em; font-size: 1.3rem; margin-top: 0.8rem; color: var(--primary-foreground-color); text-align: center; } .error-ty_iB .playlist-button-tZTCo { flex: none; display: flex; flex-direction: row; align-items: center; height: 3.5rem; border-radius: 3.5rem; margin-top: 1.5rem; padding: 0 2rem; background-color: var(--secondary-accent-color); } .error-ty_iB .playlist-button-tZTCo:hover { outline: var(--focus-outline-size) solid var(--secondary-accent-color); background-color: transparent; } .error-ty_iB .playlist-button-tZTCo .icon-fIGRf { flex: none; width: 1.5rem; height: 1.5rem; margin-right: 1rem; color: var(--primary-foreground-color); } .error-ty_iB .playlist-button-tZTCo .label-Z7jSJ { flex: 1; max-height: 2.4em; font-size: 1.1rem; font-weight: 500; color: var(--primary-foreground-color); text-align: center; } .seek-bar-container-JGGTa { display: flex; flex-direction: row; align-items: center; } .seek-bar-container-JGGTa .label-QFbsS { flex: none; width: 6rem; white-space: nowrap; text-overflow: ellipsis; direction: rtl; text-align: center; color: var(--primary-foreground-color); } .seek-bar-container-JGGTa .slider-hBDOf { flex: 1; align-self: stretch; margin: 0 var(--thumb-size); } .seek-bar-container-JGGTa .slider-hBDOf .track-after-pUXC0 { background-color: var(--primary-accent-color); } .seek-bar-container-JGGTa .slider-hBDOf .thumb-PiTF5 { background-color: var(--primary-accent-color); } .seek-bar-container-JGGTa .slider-hBDOf .thumb-PiTF5:after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: 100%; box-shadow: 0 0 0 0.25rem var(--primary-accent-color) inset; filter: brightness(130%); } .control-bar-container-xsWA7 { padding: 0 1.5rem; } .control-bar-container-xsWA7 .seek-bar-I7WeY { --track-size: 0.5rem; --thumb-size: 1.3rem; height: 2.5rem; } .control-bar-container-xsWA7 .control-bar-buttons-container-SWhkU { display: flex; flex-direction: row; align-items: center; } .control-bar-container-xsWA7 .control-bar-buttons-container-SWhkU .control-bar-button-FQUsj { flex: none; width: 4rem; height: 5rem; display: flex; justify-content: center; align-items: center; } .control-bar-container-xsWA7 .control-bar-buttons-container-SWhkU .control-bar-button-FQUsj.disabled .icon-qy6I6 { opacity: 0.5; } .control-bar-container-xsWA7 .control-bar-buttons-container-SWhkU .control-bar-button-FQUsj .icon-qy6I6 { flex: none; width: 2.5rem; height: 2.5rem; color: var(--primary-foreground-color); } .control-bar-container-xsWA7 .control-bar-buttons-container-SWhkU .volume-slider-U9jfo { --track-size: 0.35rem; --thumb-size: 1rem; flex: 0 1 10rem; height: 4rem; margin: 0 1rem; } .control-bar-container-xsWA7 .control-bar-buttons-container-SWhkU .spacing-p8NJQ { flex: 1; } .control-bar-container-xsWA7 .control-bar-buttons-container-SWhkU .control-bar-buttons-menu-button-h0MWd { flex: none; width: 4rem; height: 4rem; display: none; justify-content: center; align-items: center; } .control-bar-container-xsWA7 .control-bar-buttons-container-SWhkU .control-bar-buttons-menu-button-h0MWd .icon-qy6I6 { flex: none; width: 2.5rem; height: 2.5rem; color: var(--primary-foreground-color); } .control-bar-container-xsWA7 .control-bar-buttons-container-SWhkU .control-bar-buttons-menu-container-M6L0_ { flex: none; display: flex; flex-direction: row; } @media only screen and (max-width: 640px) { .control-bar-container-xsWA7 { padding: 0; } .control-bar-container-xsWA7 .seek-bar-I7WeY { margin: 0 1.5rem; } .control-bar-container-xsWA7 .control-bar-buttons-container-SWhkU { position: relative; padding: 0 0.5rem; overflow: visible; } .control-bar-container-xsWA7 .control-bar-buttons-container-SWhkU .volume-slider-U9jfo { display: none; } .control-bar-container-xsWA7 .control-bar-buttons-container-SWhkU .control-bar-buttons-menu-button-h0MWd { display: flex; } .control-bar-container-xsWA7 .control-bar-buttons-container-SWhkU .control-bar-buttons-menu-container-M6L0_ { position: absolute; right: 0rem; bottom: 4.5rem; padding: 0.5rem; margin: 0.5rem; max-width: calc(100dvw - 1rem); border-radius: var(--border-radius); background-color: var(--modal-background-color); box-shadow: 0 1.35rem 2.7rem hsla(0, 0%, 0%, 0.4), 0 1.1rem 0.85rem hsla(0, 0%, 0%, 0.2); overflow-x: auto; } .control-bar-container-xsWA7 .control-bar-buttons-container-SWhkU .control-bar-buttons-menu-container-M6L0_:not(.open) { display: none; } } .next-video-popup-container-H4wnL { display: flex; flex-direction: row; width: 50rem; animation: slide-fade-in-rk2M8 0.5s ease-in; } @keyframes slide-fade-in-rk2M8 { 0% { opacity: 0; transform: translateX(calc(40rem + 2rem)); } 100% { opacity: 1; transform: translateX(0); } } .next-video-popup-container-H4wnL .poster-container-tXZjA { flex: 1 1 45%; display: flex; justify-content: center; align-items: center; background-color: var(--overlay-color); } .next-video-popup-container-H4wnL .poster-container-tXZjA .poster-image-2D6wg { flex: none; width: 100%; height: 100%; object-position: center; object-fit: cover; } .next-video-popup-container-H4wnL .poster-container-tXZjA .placeholder-icon-fu1rK { flex: none; width: 80%; height: 50%; color: var(--primary-foreground-color); } .next-video-popup-container-H4wnL .info-container-KLOMx { flex: 1 1 55%; display: flex; flex-direction: column; } .next-video-popup-container-H4wnL .info-container-KLOMx .details-container-bUOTZ { flex: auto; padding: 2rem; } .next-video-popup-container-H4wnL .info-container-KLOMx .details-container-bUOTZ .name-sIiDL { flex: none; align-self: stretch; max-height: 2.4em; font-weight: 700; margin-bottom: 1.5rem; color: var(--primary-accent-color); } .next-video-popup-container-H4wnL .info-container-KLOMx .details-container-bUOTZ .name-sIiDL .label-zOq_w { color: var(--primary-foreground-color); } .next-video-popup-container-H4wnL .info-container-KLOMx .details-container-bUOTZ .title-Z5Kgo { flex: none; align-self: stretch; max-height: 2.4em; font-weight: 500; margin-bottom: 0.5rem; color: var(--primary-foreground-color); } .next-video-popup-container-H4wnL .info-container-KLOMx .details-container-bUOTZ .description-gIXiC { color: var(--primary-foreground-color); opacity: 0.5; max-width: 80%; padding: 0.5rem 0; } .next-video-popup-container-H4wnL .info-container-KLOMx .buttons-container-iYrpZ { display: flex; flex-direction: row; padding: 0 1rem 2rem; } .next-video-popup-container-H4wnL .info-container-KLOMx .buttons-container-iYrpZ .spacing-iFwsN { flex: 0 0 50%; } .next-video-popup-container-H4wnL .info-container-KLOMx .buttons-container-iYrpZ .button-container-i4F7t { flex: 0 0 45%; display: flex; flex-direction: row; align-items: center; justify-content: center; height: 3.5rem; padding: 0 0.5rem; margin-left: 1rem; border-radius: 1.75rem; } .next-video-popup-container-H4wnL .info-container-KLOMx .buttons-container-iYrpZ .button-container-i4F7t.play-button-Dluk6 { background-color: var(--primary-accent-color); } .next-video-popup-container-H4wnL .info-container-KLOMx .buttons-container-iYrpZ .button-container-i4F7t.play-button-Dluk6 .icon-N3Ewm { color: var(--primary-foreground-color); } .next-video-popup-container-H4wnL .info-container-KLOMx .buttons-container-iYrpZ .button-container-i4F7t.play-button-Dluk6 .label-zOq_w { color: var(--primary-foreground-color); } .next-video-popup-container-H4wnL .info-container-KLOMx .buttons-container-iYrpZ .button-container-i4F7t.play-button-Dluk6:hover { outline: var(--focus-outline-size) solid var(--primary-accent-color); background-color: transparent; } .next-video-popup-container-H4wnL .info-container-KLOMx .buttons-container-iYrpZ .button-container-i4F7t .icon-N3Ewm { flex: none; width: 1.4rem; height: 1.4rem; margin-right: 1rem; color: var(--primary-foreground-color); } .next-video-popup-container-H4wnL .info-container-KLOMx .buttons-container-iYrpZ .button-container-i4F7t .label-zOq_w { flex: none; max-height: 2.4em; font-size: 1.1rem; font-weight: 500; color: var(--primary-foreground-color); } .next-video-popup-container-H4wnL .info-container-KLOMx .buttons-container-iYrpZ .button-container-i4F7t.dismiss-IvEL_ { opacity: 0.6; } .next-video-popup-container-H4wnL .info-container-KLOMx .buttons-container-iYrpZ .button-container-i4F7t:hover, .next-video-popup-container-H4wnL .info-container-KLOMx .buttons-container-iYrpZ .button-container-i4F7t:focus { background-color: var(--overlay-color); } .statistics-menu-container-DhiHn { display: flex; flex-direction: column; gap: 1.5rem; width: 30rem; padding: 1.5rem; } .statistics-menu-container-DhiHn .title-NCwWH { flex: none; font-weight: 700; color: var(--primary-foreground-color); } .statistics-menu-container-DhiHn .label-h6nN_ { flex: none; font-weight: 500; color: var(--primary-foreground-color); opacity: 0.5; } .statistics-menu-container-DhiHn .value-E8Ftb { flex: none; font-weight: 500; color: var(--primary-foreground-color); } .statistics-menu-container-DhiHn .stats-Tr37t { flex: auto; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; gap: 1rem; } .statistics-menu-container-DhiHn .stats-Tr37t .stat-zoq5A { flex: auto; display: flex; flex-direction: row; gap: 0.5rem; } .statistics-menu-container-DhiHn .info-hash-GT1Cv { flex: auto; display: flex; flex-direction: column; gap: 0.5rem; } .option-container-m_jZq { display: flex; flex-direction: row; align-items: center; height: 3.5rem; border-radius: var(--border-radius); padding: 0 1rem; margin-bottom: 0.5rem; } .option-container-m_jZq:last-child { margin-bottom: 0; } .option-container-m_jZq .icon-krR0X { flex: none; width: 1.4rem; height: 1.4rem; margin-right: 1rem; color: var(--primary-foreground-color); } .option-container-m_jZq .label-cmqqu { flex: 1; max-height: 2.4em; font-weight: 400; color: var(--primary-foreground-color); } .option-container-m_jZq:hover { background-color: var(--overlay-color); } .option-container-m_jZq.disabled { opacity: 0.5; } .options-menu-container-qlzLt { width: 16rem; padding: 1rem; } .discrete-input-container-CMThy.disabled .header-n0jWL { color: var(--primary-foreground-color); } .discrete-input-container-CMThy.disabled .input-container-TNuI2 { opacity: 0.4; } .discrete-input-container-CMThy .header-n0jWL { margin-bottom: 0.5rem; color: var(--primary-foreground-color); opacity: 0.6; } .discrete-input-container-CMThy .input-container-TNuI2 { display: flex; flex-direction: row; align-items: center; border-radius: 3.5rem; background: var(--overlay-color); } .discrete-input-container-CMThy .input-container-TNuI2 .button-container-ciSB5 { flex: none; width: 3.5rem; height: 3.5rem; padding: 1rem; border-radius: 100%; background-color: var(--overlay-color); } .discrete-input-container-CMThy .input-container-TNuI2 .button-container-ciSB5 .icon-JDltr { display: block; width: 100%; height: 100%; color: var(--primary-foreground-color); } .discrete-input-container-CMThy .input-container-TNuI2 .option-label-tjeeT { flex: 1; font-weight: 500; text-align: center; color: var(--primary-foreground-color); } .subtitles-menu-container-PxBRZ { height: 25rem; display: flex; flex-direction: row; } .subtitles-menu-container-PxBRZ .languages-container-NS7H9, .subtitles-menu-container-PxBRZ .variants-container-XglzH, .subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS { flex: none; align-self: stretch; display: flex; flex-direction: column; } .subtitles-menu-container-PxBRZ .languages-container-NS7H9 .languages-header-jGNcK, .subtitles-menu-container-PxBRZ .variants-container-XglzH .languages-header-jGNcK, .subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .languages-header-jGNcK, .subtitles-menu-container-PxBRZ .languages-container-NS7H9 .variants-header-TsVSR, .subtitles-menu-container-PxBRZ .variants-container-XglzH .variants-header-TsVSR, .subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .variants-header-TsVSR, .subtitles-menu-container-PxBRZ .languages-container-NS7H9 .settings-header-eaWnm, .subtitles-menu-container-PxBRZ .variants-container-XglzH .settings-header-eaWnm, .subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .settings-header-eaWnm { flex: none; align-self: stretch; padding: 1.5rem 2rem; font-weight: 700; color: var(--primary-foreground-color); } .subtitles-menu-container-PxBRZ .languages-container-NS7H9 .languages-list-sxIwI, .subtitles-menu-container-PxBRZ .variants-container-XglzH .languages-list-sxIwI, .subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .languages-list-sxIwI, .subtitles-menu-container-PxBRZ .languages-container-NS7H9 .variants-list-yZo6B, .subtitles-menu-container-PxBRZ .variants-container-XglzH .variants-list-yZo6B, .subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .variants-list-yZo6B { flex: 1; align-self: stretch; overflow-y: auto; padding: 0 1rem; } .subtitles-menu-container-PxBRZ .languages-container-NS7H9 .languages-list-sxIwI .language-option-O1Yr9, .subtitles-menu-container-PxBRZ .variants-container-XglzH .languages-list-sxIwI .language-option-O1Yr9, .subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .languages-list-sxIwI .language-option-O1Yr9, .subtitles-menu-container-PxBRZ .languages-container-NS7H9 .variants-list-yZo6B .language-option-O1Yr9, .subtitles-menu-container-PxBRZ .variants-container-XglzH .variants-list-yZo6B .language-option-O1Yr9, .subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .variants-list-yZo6B .language-option-O1Yr9, .subtitles-menu-container-PxBRZ .languages-container-NS7H9 .languages-list-sxIwI .variant-option-t7_LA, .subtitles-menu-container-PxBRZ .variants-container-XglzH .languages-list-sxIwI .variant-option-t7_LA, .subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .languages-list-sxIwI .variant-option-t7_LA, .subtitles-menu-container-PxBRZ .languages-container-NS7H9 .variants-list-yZo6B .variant-option-t7_LA, .subtitles-menu-container-PxBRZ .variants-container-XglzH .variants-list-yZo6B .variant-option-t7_LA, .subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .variants-list-yZo6B .variant-option-t7_LA { display: flex; flex-direction: row; align-items: center; height: 3.5rem; padding: 0 1.5rem; margin-bottom: 0.5rem; border-radius: var(--border-radius); } .subtitles-menu-container-PxBRZ .languages-container-NS7H9 .languages-list-sxIwI .language-option-O1Yr9.selected, .subtitles-menu-container-PxBRZ .variants-container-XglzH .languages-list-sxIwI .language-option-O1Yr9.selected, .subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .languages-list-sxIwI .language-option-O1Yr9.selected, .subtitles-menu-container-PxBRZ .languages-container-NS7H9 .variants-list-yZo6B .language-option-O1Yr9.selected, .subtitles-menu-container-PxBRZ .variants-container-XglzH .variants-list-yZo6B .language-option-O1Yr9.selected, .subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .variants-list-yZo6B .language-option-O1Yr9.selected, .subtitles-menu-container-PxBRZ .languages-container-NS7H9 .languages-list-sxIwI .variant-option-t7_LA.selected, .subtitles-menu-container-PxBRZ .variants-container-XglzH .languages-list-sxIwI .variant-option-t7_LA.selected, .subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .languages-list-sxIwI .variant-option-t7_LA.selected, .subtitles-menu-container-PxBRZ .languages-container-NS7H9 .variants-list-yZo6B .variant-option-t7_LA.selected, .subtitles-menu-container-PxBRZ .variants-container-XglzH .variants-list-yZo6B .variant-option-t7_LA.selected, .subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .variants-list-yZo6B .variant-option-t7_LA.selected, .subtitles-menu-container-PxBRZ .languages-container-NS7H9 .languages-list-sxIwI .language-option-O1Yr9:hover, .subtitles-menu-container-PxBRZ .variants-container-XglzH .languages-list-sxIwI .language-option-O1Yr9:hover, .subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .languages-list-sxIwI .language-option-O1Yr9:hover, .subtitles-menu-container-PxBRZ .languages-container-NS7H9 .variants-list-yZo6B .language-option-O1Yr9:hover, .subtitles-menu-container-PxBRZ .variants-container-XglzH .variants-list-yZo6B .language-option-O1Yr9:hover, .subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .variants-list-yZo6B .language-option-O1Yr9:hover, .subtitles-menu-container-PxBRZ .languages-container-NS7H9 .languages-list-sxIwI .variant-option-t7_LA:hover, .subtitles-menu-container-PxBRZ .variants-container-XglzH .languages-list-sxIwI .variant-option-t7_LA:hover, .subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .languages-list-sxIwI .variant-option-t7_LA:hover, .subtitles-menu-container-PxBRZ .languages-container-NS7H9 .variants-list-yZo6B .variant-option-t7_LA:hover, .subtitles-menu-container-PxBRZ .variants-container-XglzH .variants-list-yZo6B .variant-option-t7_LA:hover, .subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .variants-list-yZo6B .variant-option-t7_LA:hover { background-color: var(--overlay-color); } .subtitles-menu-container-PxBRZ .languages-container-NS7H9 .languages-list-sxIwI .language-option-O1Yr9 .language-label-FjjqA, .subtitles-menu-container-PxBRZ .variants-container-XglzH .languages-list-sxIwI .language-option-O1Yr9 .language-label-FjjqA, .subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .languages-list-sxIwI .language-option-O1Yr9 .language-label-FjjqA, .subtitles-menu-container-PxBRZ .languages-container-NS7H9 .variants-list-yZo6B .language-option-O1Yr9 .language-label-FjjqA, .subtitles-menu-container-PxBRZ .variants-container-XglzH .variants-list-yZo6B .language-option-O1Yr9 .language-label-FjjqA, .subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .variants-list-yZo6B .language-option-O1Yr9 .language-label-FjjqA, .subtitles-menu-container-PxBRZ .languages-container-NS7H9 .languages-list-sxIwI .variant-option-t7_LA .language-label-FjjqA, .subtitles-menu-container-PxBRZ .variants-container-XglzH .languages-list-sxIwI .variant-option-t7_LA .language-label-FjjqA, .subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .languages-list-sxIwI .variant-option-t7_LA .language-label-FjjqA, .subtitles-menu-container-PxBRZ .languages-container-NS7H9 .variants-list-yZo6B .variant-option-t7_LA .language-label-FjjqA, .subtitles-menu-container-PxBRZ .variants-container-XglzH .variants-list-yZo6B .variant-option-t7_LA .language-label-FjjqA, .subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .variants-list-yZo6B .variant-option-t7_LA .language-label-FjjqA, .subtitles-menu-container-PxBRZ .languages-container-NS7H9 .languages-list-sxIwI .language-option-O1Yr9 .variant-label-opjnP, .subtitles-menu-container-PxBRZ .variants-container-XglzH .languages-list-sxIwI .language-option-O1Yr9 .variant-label-opjnP, .subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .languages-list-sxIwI .language-option-O1Yr9 .variant-label-opjnP, .subtitles-menu-container-PxBRZ .languages-container-NS7H9 .variants-list-yZo6B .language-option-O1Yr9 .variant-label-opjnP, .subtitles-menu-container-PxBRZ .variants-container-XglzH .variants-list-yZo6B .language-option-O1Yr9 .variant-label-opjnP, .subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .variants-list-yZo6B .language-option-O1Yr9 .variant-label-opjnP, .subtitles-menu-container-PxBRZ .languages-container-NS7H9 .languages-list-sxIwI .variant-option-t7_LA .variant-label-opjnP, .subtitles-menu-container-PxBRZ .variants-container-XglzH .languages-list-sxIwI .variant-option-t7_LA .variant-label-opjnP, .subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .languages-list-sxIwI .variant-option-t7_LA .variant-label-opjnP, .subtitles-menu-container-PxBRZ .languages-container-NS7H9 .variants-list-yZo6B .variant-option-t7_LA .variant-label-opjnP, .subtitles-menu-container-PxBRZ .variants-container-XglzH .variants-list-yZo6B .variant-option-t7_LA .variant-label-opjnP, .subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .variants-list-yZo6B .variant-option-t7_LA .variant-label-opjnP { flex: 1; font-size: 1.1rem; color: var(--primary-foreground-color); } .subtitles-menu-container-PxBRZ .languages-container-NS7H9 .languages-list-sxIwI .language-option-O1Yr9 .language-label-FjjqA, .subtitles-menu-container-PxBRZ .variants-container-XglzH .languages-list-sxIwI .language-option-O1Yr9 .language-label-FjjqA, .subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .languages-list-sxIwI .language-option-O1Yr9 .language-label-FjjqA, .subtitles-menu-container-PxBRZ .languages-container-NS7H9 .variants-list-yZo6B .language-option-O1Yr9 .language-label-FjjqA, .subtitles-menu-container-PxBRZ .variants-container-XglzH .variants-list-yZo6B .language-option-O1Yr9 .language-label-FjjqA, .subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .variants-list-yZo6B .language-option-O1Yr9 .language-label-FjjqA, .subtitles-menu-container-PxBRZ .languages-container-NS7H9 .languages-list-sxIwI .variant-option-t7_LA .language-label-FjjqA, .subtitles-menu-container-PxBRZ .variants-container-XglzH .languages-list-sxIwI .variant-option-t7_LA .language-label-FjjqA, .subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .languages-list-sxIwI .variant-option-t7_LA .language-label-FjjqA, .subtitles-menu-container-PxBRZ .languages-container-NS7H9 .variants-list-yZo6B .variant-option-t7_LA .language-label-FjjqA, .subtitles-menu-container-PxBRZ .variants-container-XglzH .variants-list-yZo6B .variant-option-t7_LA .language-label-FjjqA, .subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .variants-list-yZo6B .variant-option-t7_LA .language-label-FjjqA, .subtitles-menu-container-PxBRZ .languages-container-NS7H9 .languages-list-sxIwI .language-option-O1Yr9 .variant-label-opjnP, .subtitles-menu-container-PxBRZ .variants-container-XglzH .languages-list-sxIwI .language-option-O1Yr9 .variant-label-opjnP, .subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .languages-list-sxIwI .language-option-O1Yr9 .variant-label-opjnP, .subtitles-menu-container-PxBRZ .languages-container-NS7H9 .variants-list-yZo6B .language-option-O1Yr9 .variant-label-opjnP, .subtitles-menu-container-PxBRZ .variants-container-XglzH .variants-list-yZo6B .language-option-O1Yr9 .variant-label-opjnP, .subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .variants-list-yZo6B .language-option-O1Yr9 .variant-label-opjnP, .subtitles-menu-container-PxBRZ .languages-container-NS7H9 .languages-list-sxIwI .variant-option-t7_LA .variant-label-opjnP, .subtitles-menu-container-PxBRZ .variants-container-XglzH .languages-list-sxIwI .variant-option-t7_LA .variant-label-opjnP, .subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .languages-list-sxIwI .variant-option-t7_LA .variant-label-opjnP, .subtitles-menu-container-PxBRZ .languages-container-NS7H9 .variants-list-yZo6B .variant-option-t7_LA .variant-label-opjnP, .subtitles-menu-container-PxBRZ .variants-container-XglzH .variants-list-yZo6B .variant-option-t7_LA .variant-label-opjnP, .subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .variants-list-yZo6B .variant-option-t7_LA .variant-label-opjnP, .subtitles-menu-container-PxBRZ .languages-container-NS7H9 .languages-list-sxIwI .language-option-O1Yr9 .variant-origin-SVnd1, .subtitles-menu-container-PxBRZ .variants-container-XglzH .languages-list-sxIwI .language-option-O1Yr9 .variant-origin-SVnd1, .subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .languages-list-sxIwI .language-option-O1Yr9 .variant-origin-SVnd1, .subtitles-menu-container-PxBRZ .languages-container-NS7H9 .variants-list-yZo6B .language-option-O1Yr9 .variant-origin-SVnd1, .subtitles-menu-container-PxBRZ .variants-container-XglzH .variants-list-yZo6B .language-option-O1Yr9 .variant-origin-SVnd1, .subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .variants-list-yZo6B .language-option-O1Yr9 .variant-origin-SVnd1, .subtitles-menu-container-PxBRZ .languages-container-NS7H9 .languages-list-sxIwI .variant-option-t7_LA .variant-origin-SVnd1, .subtitles-menu-container-PxBRZ .variants-container-XglzH .languages-list-sxIwI .variant-option-t7_LA .variant-origin-SVnd1, .subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .languages-list-sxIwI .variant-option-t7_LA .variant-origin-SVnd1, .subtitles-menu-container-PxBRZ .languages-container-NS7H9 .variants-list-yZo6B .variant-option-t7_LA .variant-origin-SVnd1, .subtitles-menu-container-PxBRZ .variants-container-XglzH .variants-list-yZo6B .variant-option-t7_LA .variant-origin-SVnd1, .subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .variants-list-yZo6B .variant-option-t7_LA .variant-origin-SVnd1 { text-wrap: nowrap; text-overflow: ellipsis; } .subtitles-menu-container-PxBRZ .languages-container-NS7H9 .languages-list-sxIwI .language-option-O1Yr9 .icon-I1Ruh, .subtitles-menu-container-PxBRZ .variants-container-XglzH .languages-list-sxIwI .language-option-O1Yr9 .icon-I1Ruh, .subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .languages-list-sxIwI .language-option-O1Yr9 .icon-I1Ruh, .subtitles-menu-container-PxBRZ .languages-container-NS7H9 .variants-list-yZo6B .language-option-O1Yr9 .icon-I1Ruh, .subtitles-menu-container-PxBRZ .variants-container-XglzH .variants-list-yZo6B .language-option-O1Yr9 .icon-I1Ruh, .subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .variants-list-yZo6B .language-option-O1Yr9 .icon-I1Ruh, .subtitles-menu-container-PxBRZ .languages-container-NS7H9 .languages-list-sxIwI .variant-option-t7_LA .icon-I1Ruh, .subtitles-menu-container-PxBRZ .variants-container-XglzH .languages-list-sxIwI .variant-option-t7_LA .icon-I1Ruh, .subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .languages-list-sxIwI .variant-option-t7_LA .icon-I1Ruh, .subtitles-menu-container-PxBRZ .languages-container-NS7H9 .variants-list-yZo6B .variant-option-t7_LA .icon-I1Ruh, .subtitles-menu-container-PxBRZ .variants-container-XglzH .variants-list-yZo6B .variant-option-t7_LA .icon-I1Ruh, .subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .variants-list-yZo6B .variant-option-t7_LA .icon-I1Ruh { flex: none; width: 0.5rem; height: 0.5rem; border-radius: 100%; margin-left: 1rem; background-color: var(--secondary-accent-color); } .subtitles-menu-container-PxBRZ .languages-container-NS7H9 .languages-list-sxIwI .variant-option-t7_LA, .subtitles-menu-container-PxBRZ .variants-container-XglzH .languages-list-sxIwI .variant-option-t7_LA, .subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .languages-list-sxIwI .variant-option-t7_LA, .subtitles-menu-container-PxBRZ .languages-container-NS7H9 .variants-list-yZo6B .variant-option-t7_LA, .subtitles-menu-container-PxBRZ .variants-container-XglzH .variants-list-yZo6B .variant-option-t7_LA, .subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .variants-list-yZo6B .variant-option-t7_LA { height: 4rem; } .subtitles-menu-container-PxBRZ .languages-container-NS7H9 .languages-list-sxIwI .variant-option-t7_LA .info-mxjJh, .subtitles-menu-container-PxBRZ .variants-container-XglzH .languages-list-sxIwI .variant-option-t7_LA .info-mxjJh, .subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .languages-list-sxIwI .variant-option-t7_LA .info-mxjJh, .subtitles-menu-container-PxBRZ .languages-container-NS7H9 .variants-list-yZo6B .variant-option-t7_LA .info-mxjJh, .subtitles-menu-container-PxBRZ .variants-container-XglzH .variants-list-yZo6B .variant-option-t7_LA .info-mxjJh, .subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .variants-list-yZo6B .variant-option-t7_LA .info-mxjJh { flex: 1; display: flex; flex-direction: column; gap: 0.25rem; } .subtitles-menu-container-PxBRZ .languages-container-NS7H9 .languages-list-sxIwI .variant-option-t7_LA .info-mxjJh .variant-label-opjnP, .subtitles-menu-container-PxBRZ .variants-container-XglzH .languages-list-sxIwI .variant-option-t7_LA .info-mxjJh .variant-label-opjnP, .subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .languages-list-sxIwI .variant-option-t7_LA .info-mxjJh .variant-label-opjnP, .subtitles-menu-container-PxBRZ .languages-container-NS7H9 .variants-list-yZo6B .variant-option-t7_LA .info-mxjJh .variant-label-opjnP, .subtitles-menu-container-PxBRZ .variants-container-XglzH .variants-list-yZo6B .variant-option-t7_LA .info-mxjJh .variant-label-opjnP, .subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .variants-list-yZo6B .variant-option-t7_LA .info-mxjJh .variant-label-opjnP { line-height: 1.5rem; } .subtitles-menu-container-PxBRZ .languages-container-NS7H9 .languages-list-sxIwI .variant-option-t7_LA .info-mxjJh .variant-origin-SVnd1, .subtitles-menu-container-PxBRZ .variants-container-XglzH .languages-list-sxIwI .variant-option-t7_LA .info-mxjJh .variant-origin-SVnd1, .subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .languages-list-sxIwI .variant-option-t7_LA .info-mxjJh .variant-origin-SVnd1, .subtitles-menu-container-PxBRZ .languages-container-NS7H9 .variants-list-yZo6B .variant-option-t7_LA .info-mxjJh .variant-origin-SVnd1, .subtitles-menu-container-PxBRZ .variants-container-XglzH .variants-list-yZo6B .variant-option-t7_LA .info-mxjJh .variant-origin-SVnd1, .subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .variants-list-yZo6B .variant-option-t7_LA .info-mxjJh .variant-origin-SVnd1 { font-size: 0.9rem; color: var(--color-placeholder-text); } .subtitles-menu-container-PxBRZ .languages-container-NS7H9 { width: 16rem; } .subtitles-menu-container-PxBRZ .variants-container-XglzH { width: 16rem; } .subtitles-menu-container-PxBRZ .variants-container-XglzH .no-variants-container-q6u1Q { flex: 1; align-self: stretch; padding: 1rem; } .subtitles-menu-container-PxBRZ .variants-container-XglzH .no-variants-container-q6u1Q .no-variants-label-RmDKZ { max-height: 4.8em; font-weight: 500; color: var(--primary-foreground-color); } .subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS { width: 17rem; } .subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .spacing-AWJpt { flex: 1; } .subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .discrete-input-fXELp { padding: 0 1.5rem 1rem; } .audio-menu-qB4SQ { display: flex; flex-direction: row; } .audio-menu-qB4SQ .container-lNRgG { flex: none; align-self: stretch; display: flex; flex-direction: column; width: 16rem; } .audio-menu-qB4SQ .container-lNRgG .header-yT4vp { flex: none; align-self: stretch; padding: 1.5rem 2rem; font-weight: 700; color: var(--primary-foreground-color); } .audio-menu-qB4SQ .container-lNRgG .list-lt_h8 { flex: 1; align-self: stretch; display: flex; flex-direction: column; gap: 0.5rem; overflow-y: auto; padding: 0 1rem; padding-bottom: 1rem; } .audio-menu-qB4SQ .container-lNRgG .list-lt_h8 .option-COcvW { flex: none; display: flex; flex-direction: row; align-items: center; gap: 1rem; height: 4rem; padding: 0 1.5rem; border-radius: var(--border-radius); } .audio-menu-qB4SQ .container-lNRgG .list-lt_h8 .option-COcvW.selected, .audio-menu-qB4SQ .container-lNRgG .list-lt_h8 .option-COcvW:hover { background-color: var(--overlay-color); } .audio-menu-qB4SQ .container-lNRgG .list-lt_h8 .option-COcvW .info-BPG2q { flex: 1; display: flex; flex-direction: column; gap: 0.25rem; } .audio-menu-qB4SQ .container-lNRgG .list-lt_h8 .option-COcvW .info-BPG2q .lang-EXxoG, .audio-menu-qB4SQ .container-lNRgG .list-lt_h8 .option-COcvW .info-BPG2q .label-_DvDN { flex: auto; text-wrap: nowrap; text-overflow: ellipsis; } .audio-menu-qB4SQ .container-lNRgG .list-lt_h8 .option-COcvW .info-BPG2q .lang-EXxoG { font-size: 1.1rem; line-height: 1.5rem; color: var(--primary-foreground-color); } .audio-menu-qB4SQ .container-lNRgG .list-lt_h8 .option-COcvW .info-BPG2q .label-_DvDN { font-size: 0.9rem; color: var(--color-placeholder-text); } .audio-menu-qB4SQ .container-lNRgG .list-lt_h8 .option-COcvW .icon-DebLV { flex: none; width: 0.5rem; height: 0.5rem; border-radius: 100%; background-color: var(--secondary-accent-color); } .option-_O96j { display: flex; flex-direction: row; align-items: center; padding: 0 1.5em; margin-bottom: 0.5rem; border-radius: var(--border-radius); } .option-_O96j.selected { background-color: var(--overlay-color); } .option-_O96j.selected .icon-kqaPF { display: block; } .option-_O96j:hover, .option-_O96j:focus { background-color: var(--overlay-color); } .option-_O96j .label-FEOiu { flex: 1; font-weight: 400; color: var(--primary-foreground-color); } .option-_O96j .icon-kqaPF { flex: none; display: none; width: 0.5rem; height: 0.5rem; border-radius: 100%; margin-left: 1rem; background-color: var(--secondary-accent-color); } .speed-menu-container-ABjzc { width: 14rem; } .speed-menu-container-ABjzc .title-Hu2Dm { flex: none; align-self: stretch; font-weight: 700; color: var(--primary-foreground-color); padding: 1.5rem 2rem; } .speed-menu-container-ABjzc .options-container-DNn3D { flex: 0 1 auto; max-height: calc(3.2rem * 8); padding: 0 1rem 0.5rem; } .speed-menu-container-ABjzc .options-container-DNn3D .option-GcPlB { height: 3.2rem; } .side-drawer-button-lVLKS { height: 12.5rem; width: 7.5rem; display: flex; align-items: center; justify-content: start; padding-left: 0.5rem; border-radius: 50%; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); background-color: var(--modal-background-color); -webkit-tap-highlight-color: transparent; cursor: pointer; opacity: 1; will-change: opacity; transition: opacity 0.3s ease-in-out, border-radius 0.3s ease-in-out; } .side-drawer-button-lVLKS .icon-g5Oo_ { position: relative; width: 2.5rem; height: 2.5rem; color: var(--primary-foreground-color); opacity: 0.6; transition: 0.3s opacity ease-in-out; } .side-drawer-button-lVLKS:hover .icon-g5Oo_ { opacity: 1; } @media screen and (max-width: 1000px) { .side-drawer-button-lVLKS { height: 8rem; width: 4.5rem; } .side-drawer-button-lVLKS .icon-g5Oo_ { width: 2rem; height: 2rem; } } .meta-preview-container-o22hc{display:flex;flex-direction:column;position:relative;z-index:0}.meta-preview-container-o22hc.compact-ii1zu .meta-info-container-ub8AH .logo-X3hTV,.meta-preview-container-o22hc.compact-ii1zu .meta-info-container-ub8AH .logo-placeholder-rE1ld{height:6rem;width:100%}.meta-preview-container-o22hc.compact-ii1zu .meta-info-container-ub8AH .runtime-release-info-container-BGd_r{justify-content:space-between}.meta-preview-container-o22hc.compact-ii1zu .meta-info-container-ub8AH .runtime-release-info-container-BGd_r .release-info-label-LPJMB,.meta-preview-container-o22hc.compact-ii1zu .meta-info-container-ub8AH .runtime-release-info-container-BGd_r .runtime-label-TzAGI{margin:1rem 0.4rem}.meta-preview-container-o22hc.compact-ii1zu .meta-info-container-ub8AH .description-container-yi8iU{max-height:none}.meta-preview-container-o22hc.compact-ii1zu .action-buttons-container-XbKVa{justify-content:space-between}.meta-preview-container-o22hc.compact-ii1zu .action-buttons-container-XbKVa .action-button-XIZa3:not(:last-child){margin-right:0}.meta-preview-container-o22hc .background-image-layer-kk_WI{bottom:-10px;left:-10px;position:absolute;right:-10px;top:-10px;z-index:-1}.meta-preview-container-o22hc .background-image-layer-kk_WI .background-image-9zToE{display:block;filter:blur(10px);height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;opacity:0.3;width:100%}.meta-preview-container-o22hc .meta-info-container-ub8AH{align-self:stretch;flex:1;overflow-y:auto}.meta-preview-container-o22hc .meta-info-container-ub8AH:not(:hover){scrollbar-color:transparent transparent}.meta-preview-container-o22hc .meta-info-container-ub8AH:not(:hover)::-webkit-scrollbar-thumb,.meta-preview-container-o22hc .meta-info-container-ub8AH:not(:hover)::-webkit-scrollbar-track{background-color:transparent}.meta-preview-container-o22hc .meta-info-container-ub8AH .logo-X3hTV,.meta-preview-container-o22hc .meta-info-container-ub8AH .logo-placeholder-rE1ld{display:block;margin-bottom:2rem;max-width:100%}.meta-preview-container-o22hc .meta-info-container-ub8AH .logo-X3hTV{height:9rem;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center}.meta-preview-container-o22hc .meta-info-container-ub8AH .logo-placeholder-rE1ld{color:hsla(0,0%,100%,0.9);font-size:1.7rem}.meta-preview-container-o22hc .meta-info-container-ub8AH .runtime-release-info-container-BGd_r{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;margin-top:1rem}.meta-preview-container-o22hc .meta-info-container-ub8AH .runtime-release-info-container-BGd_r .release-info-label-LPJMB,.meta-preview-container-o22hc .meta-info-container-ub8AH .runtime-release-info-container-BGd_r .runtime-label-TzAGI{color:var(--primary-foreground-color);flex:0 1 auto;font-size:1.25rem;font-weight:600;margin-right:3rem}.meta-preview-container-o22hc .meta-info-container-ub8AH .runtime-release-info-container-BGd_r .imdb-button-container-gGjxp{align-items:center;border-radius:2.5rem;display:flex;flex:0 1 auto;flex-direction:row}.meta-preview-container-o22hc .meta-info-container-ub8AH .runtime-release-info-container-BGd_r .imdb-button-container-gGjxp:focus{border:var(--focus-outline-size) solid hsl(0,0%,100%);outline:none}.meta-preview-container-o22hc .meta-info-container-ub8AH .runtime-release-info-container-BGd_r .imdb-button-container-gGjxp .label-MXv72{color:var(--primary-foreground-color);flex:0 1 auto;font-size:1.25rem;font-weight:600;margin-right:1rem}.meta-preview-container-o22hc .meta-info-container-ub8AH .runtime-release-info-container-BGd_r .imdb-button-container-gGjxp .icon-N_uIU{color:var(--color-imdb);flex:none;height:3rem;width:3rem}.meta-preview-container-o22hc .meta-info-container-ub8AH .description-container-yi8iU{color:var(--primary-foreground-color);font-size:1rem;font-weight:400;line-height:2em;margin-top:1rem}.meta-preview-container-o22hc .meta-info-container-ub8AH .description-container-yi8iU .label-container-_VXZt{color:var(--primary-foreground-color);font-size:0.95rem;font-weight:700;opacity:0.3;text-transform:uppercase}.meta-preview-container-o22hc .meta-info-container-ub8AH .meta-links-Xiao3{margin-top:1.5rem}.meta-preview-container-o22hc .action-buttons-container-XbKVa{align-items:flex-end;align-self:stretch;display:flex;flex:none;flex-direction:row;flex-wrap:wrap;max-height:15rem;overflow:visible;padding-top:3.5rem}.meta-preview-container-o22hc .action-buttons-container-XbKVa .label-MXv72{color:var(--primary-foreground-color);left:0;opacity:0;overflow:visible;position:absolute;text-align:center;top:-3rem;transition:opacity 0.3s ease}.meta-preview-container-o22hc .action-buttons-container-XbKVa:not(:last-child){margin-right:1rem}.meta-preview-container-o22hc .action-buttons-container-XbKVa:hover .label-MXv72{opacity:0.7}.meta-preview-container-o22hc .action-buttons-container-XbKVa .action-button-XIZa3{flex:none;height:4rem;margin-bottom:1rem;width:4rem}.meta-preview-container-o22hc .action-buttons-container-XbKVa .action-button-XIZa3.wide{border-radius:4rem;padding:0 2rem;width:auto}.meta-preview-container-o22hc .action-buttons-container-XbKVa .action-button-XIZa3:not(:last-child){margin-right:1rem}.meta-preview-container-o22hc .action-buttons-container-XbKVa .action-button-XIZa3.show-button-_yuOF:focus,.meta-preview-container-o22hc .action-buttons-container-XbKVa .action-button-XIZa3.show-button-_yuOF:hover{background-color:var(--secondary-accent-color);outline:none}.share-prompt-QbhIA{width:30rem}@media screen and (max-width:1000px) and (max-height:500px) and (orientation:landscape){.meta-preview-container-o22hc .meta-info-container-ub8AH .logo-X3hTV{height:5rem;margin-bottom:1rem}.meta-preview-container-o22hc .action-buttons-container-XbKVa{gap:0.5rem;padding-top:1.5rem}.meta-preview-container-o22hc .action-buttons-container-XbKVa .action-button-XIZa3{border-radius:2rem;height:3rem;margin-right:0rem!important;padding:0 1.5rem!important}}@media only screen and (max-width:640px){.meta-preview-container-o22hc .meta-info-container-ub8AH .logo-X3hTV{margin:2rem auto}.meta-preview-container-o22hc .meta-info-container-ub8AH .runtime-release-info-container-BGd_r{justify-content:space-between}.meta-preview-container-o22hc .meta-info-container-ub8AH .runtime-release-info-container-BGd_r .release-info-label-LPJMB,.meta-preview-container-o22hc .meta-info-container-ub8AH .runtime-release-info-container-BGd_r .runtime-label-TzAGI{margin:0}.meta-preview-container-o22hc .action-buttons-container-XbKVa{flex-shrink:0;margin-top:3rem;overflow:visible;scrollbar-width:none}.meta-preview-container-o22hc .action-buttons-container-XbKVa::-webkit-scrollbar{display:none}.share-prompt-QbhIA{width:auto}} .side-drawer-r9EuA { display: flex; flex-direction: column; padding: 1rem; height: 100dvh; max-width: 35rem; overflow-y: auto; position: relative; border-top-left-radius: var(--border-radius); border-bottom-left-radius: var(--border-radius); background-color: var(--modal-background-color); box-shadow: 0 1.35rem 2.7rem var(--color-background-dark5-40), 0 1.1rem 0.85rem var(--color-background-dark5-20); backdrop-filter: blur(15px); transition: transform 0.3s ease-in-out; z-index: 1; } .side-drawer-r9EuA .close-button-ruzkn { display: none; position: absolute; top: 1.3rem; right: 1.3rem; padding: 0.5rem; background-color: transparent; cursor: pointer; z-index: 2; border-radius: var(--border-radius); transition: 0.3s all ease-in-out; -webkit-tap-highlight-color: transparent; } .side-drawer-r9EuA .close-button-ruzkn .icon-k44IU { color: var(--primary-foreground-color); width: 2rem; height: 2rem; opacity: 0.6; transition: 0.3s opacity ease-in-out; } .side-drawer-r9EuA .close-button-ruzkn:hover { background-color: var(--overlay-color); } .side-drawer-r9EuA .close-button-ruzkn:hover .icon-k44IU { opacity: 1; } .side-drawer-r9EuA .info-hhNTg { padding: 1rem; overflow-y: auto; flex: none; } .side-drawer-r9EuA .info-hhNTg .side-drawer-meta-preview-pB8v6 .action-buttons-container-XbKVa { padding-top: 0; margin-top: 0; } .side-drawer-r9EuA .series-content-VkYHB { flex: 2; display: flex; flex-direction: column; } .side-drawer-r9EuA .series-content-VkYHB .videos-nRM2D { overflow-y: auto; } @media screen and (max-width: 1300px) { .side-drawer-r9EuA { max-width: 40dvw; } } @media (orientation: portrait) and (max-width: 1000px) { .side-drawer-r9EuA { max-width: 100dvw; } .side-drawer-r9EuA .close-button-ruzkn { display: block; } } @media (orientation: landscape) and (max-width: 1000px) { .side-drawer-r9EuA { max-width: 50dvw; } .side-drawer-r9EuA .info-hhNTg { max-height: 30dvh; } } @media screen and (max-width: 800px) { .side-drawer-r9EuA { padding: calc(1rem / 2); } .side-drawer-r9EuA .info-hhNTg { padding: calc(1rem / 2); } } .horizontal-nav-bar-container-Y_zvK{align-items:center;background-color:transparent;box-sizing:content-box;display:flex;flex-direction:row;height:var(--horizontal-nav-bar-size);justify-content:space-between;overflow:visible;padding-right:1rem;padding-top:var(--safe-area-inset-top)}.horizontal-nav-bar-container-Y_zvK .logo-container-jteMT{align-items:center;display:flex;flex:none;height:var(--horizontal-nav-bar-size);justify-content:center;width:var(--vertical-nav-bar-size)}.horizontal-nav-bar-container-Y_zvK .logo-container-jteMT .logo-oPx1q{flex:none;height:2.5rem;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;opacity:0.9;width:2.5rem}.horizontal-nav-bar-container-Y_zvK .back-button-container-lDB1N{margin-left:max(0rem,calc(1rem - var(--safe-area-inset-left)))}.horizontal-nav-bar-container-Y_zvK .title-DGh6h{color:hsla(222.8,100%,78%,0.9);flex:4 0 0;font-size:1.2rem;font-style:normal;font-weight:500;letter-spacing:0.01rem;padding:0 1rem;text-overflow:ellipsis;white-space:nowrap}.horizontal-nav-bar-container-Y_zvK .search-bar-h60ja{height:3.25rem;width:30rem}.horizontal-nav-bar-container-Y_zvK .buttons-container-Oc5z1{display:flex;flex-direction:row;gap:0.5rem;overflow:visible}.horizontal-nav-bar-container-Y_zvK .button-container-xT9_L{align-items:center;border-radius:0.75rem;display:flex;flex:none;height:3.5rem;justify-content:center;opacity:0.6;width:3.5rem}.horizontal-nav-bar-container-Y_zvK .button-container-xT9_L .icon-T8MU6{color:var(--primary-foreground-color);flex:none;height:2rem;opacity:0.6;width:2rem}.horizontal-nav-bar-container-Y_zvK .button-container-xT9_L.active{background-color:var(--overlay-color);opacity:1}.horizontal-nav-bar-container-Y_zvK .button-container-xT9_L.active .icon-T8MU6{color:var(--primary-foreground-color);opacity:0.8}@media (pointer:fine){.horizontal-nav-bar-container-Y_zvK .button-container-xT9_L:hover{background-color:var(--overlay-color);opacity:1}.horizontal-nav-bar-container-Y_zvK .button-container-xT9_L:hover .icon-T8MU6{color:var(--primary-foreground-color);opacity:0.8}}@media only screen and (max-width:640px){.horizontal-nav-bar-container-Y_zvK{justify-content:space-between;padding-right:0}.horizontal-nav-bar-container-Y_zvK .logo-container-jteMT{width:var(--horizontal-nav-bar-size)}.horizontal-nav-bar-container-Y_zvK .button-container-xT9_L{margin:0 1rem}.horizontal-nav-bar-container-Y_zvK .button-container-xT9_L:not(.back-button-container-lDB1N):not(.menu-button-container-DtW4v){display:none}} html:not(.active-slider-within-NcgYf) .player-container-wIELK.overlayHidden-gyjIy { cursor: none; } html:not(.active-slider-within-NcgYf) .player-container-wIELK.overlayHidden-gyjIy .nav-bar-layer-r9HT5, html:not(.active-slider-within-NcgYf) .player-container-wIELK.overlayHidden-gyjIy .control-bar-layer-m2jto, html:not(.active-slider-within-NcgYf) .player-container-wIELK.overlayHidden-gyjIy .menu-layer-HZFG9, html:not(.active-slider-within-NcgYf) .player-container-wIELK.overlayHidden-gyjIy .side-drawer-button-layer-RrB8k { opacity: 0; transition: opacity 200ms; } .player-container-wIELK { position: relative; z-index: 0; width: 100%; height: 100%; background-color: #000000; } .player-container-wIELK .layer-qalDW { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; } .player-container-wIELK .layer-qalDW.buffering-layer-ZZCYp, .player-container-wIELK .layer-qalDW.error-layer-RCEZC { background: transparent; } .player-container-wIELK .layer-qalDW.background-layer-ldsp8 .image-XxZuJ { width: 100vw; height: 100vh; object-fit: cover; opacity: 0.6; } .player-container-wIELK .layer-qalDW.nav-bar-layer-r9HT5 { bottom: initial; background: transparent; overflow: visible; } .player-container-wIELK .layer-qalDW.nav-bar-layer-r9HT5::before { position: absolute; right: 0; top: 0; left: 0; z-index: -1; box-shadow: 0 0 8rem 6rem hsl(0, 0%, 0%); content: ""; } .player-container-wIELK .layer-qalDW.nav-bar-layer-r9HT5 .button-container-xT9_L:hover { background: transparent; } .player-container-wIELK .layer-qalDW.nav-bar-layer-r9HT5 .button-container-xT9_L .icon-T8MU6 { color: var(--primary-foreground-color); } .player-container-wIELK .layer-qalDW.nav-bar-layer-r9HT5 .title-DGh6h { color: var(--primary-foreground-color); } .player-container-wIELK .layer-qalDW.side-drawer-button-layer-RrB8k { top: 50%; right: -4rem; left: initial; transform: translateY(-50%); } .player-container-wIELK .layer-qalDW.control-bar-layer-m2jto { top: initial; overflow: visible; } .player-container-wIELK .layer-qalDW.control-bar-layer-m2jto::before { position: absolute; right: 0; bottom: 0; left: 0; z-index: -1; box-shadow: 0 0 8rem 8rem hsl(0, 0%, 0%); content: ""; } .player-container-wIELK .layer-qalDW.menu-layer-HZFG9 { top: initial; left: initial; right: 4rem; bottom: 8rem; max-height: calc(100% - 13.5rem); max-width: calc(100% - 4rem); border-radius: var(--border-radius); background-color: var(--modal-background-color); box-shadow: 0 1.35rem 2.7rem hsla(0, 0%, 0%, 0.4), 0 1.1rem 0.85rem hsla(0, 0%, 0%, 0.2); backdrop-filter: blur(15px); overflow: auto; } .player-container-wIELK .layer-qalDW.side-drawer-layer-CZtJ1 { bottom: 0; right: 0; left: initial; bottom: initial; } @media screen and (max-width: 1000px) { .player-container-wIELK .layer-qalDW.side-drawer-button-layer-RrB8k { right: -2rem; } } @media (orientation: portrait) and (max-width: 640px) { .player-container-wIELK .layer-qalDW.menu-layer-HZFG9 { right: 2.5rem; bottom: 11rem; } } .video-container-v9_vA .video-tkpQm { width: 100%; height: 100%; } .video-container-v9_vA .video-tkpQm * { font-size: inherit; } .consent-toggle-container-SdUk_ { display: flex; flex-direction: row; align-items: center; padding: 0.5rem 0; border-radius: var(--border-radius); } .consent-toggle-container-SdUk_:focus { outline: none; background-color: var(--overlay-color); } .consent-toggle-container-SdUk_.checked .label-hQS0A { opacity: 1; } .consent-toggle-container-SdUk_ .label-hQS0A { flex: 1; margin-left: 1rem; font-size: 0.9rem; color: var(--primary-foreground-color); opacity: 0.6; } .consent-toggle-container-SdUk_ .label-hQS0A .link-D82uK { font-size: 0.9rem; color: var(--primary-accent-color); } .consent-toggle-container-SdUk_ .label-hQS0A .link-D82uK:hover { text-decoration: underline; } .password-reset-modal-container-KzJPQ .modal-dialog-content-Xgv7Z { width: 30rem; } .password-reset-modal-container-KzJPQ .modal-dialog-content-Xgv7Z .credentials-text-input-ncrIR { width: 100%; padding: 1rem; border-radius: var(--border-radius); outline-offset: calc(-1 * var(--focus-outline-size)); color: var(--primary-foreground-color); background: var(--overlay-color); } .password-reset-modal-container-KzJPQ .modal-dialog-content-Xgv7Z .credentials-text-input-ncrIR:hover, .password-reset-modal-container-KzJPQ .modal-dialog-content-Xgv7Z .credentials-text-input-ncrIR:focus { outline: var(--focus-outline-size) solid var(--overlay-color); } .password-reset-modal-container-KzJPQ .error-message-DkekN { font-size: 1.1rem; margin-top: 2rem; text-align: center; color: hsla(42, 100%, 54.9%, 0.9); } .password-reset-modal-container-KzJPQ .cancel-button-AneJE { background-color: transparent; } .password-reset-modal-container-KzJPQ .cancel-button-AneJE:hover, .password-reset-modal-container-KzJPQ .cancel-button-AneJE:focus { outline-color: var(--primary-foreground-color); } .password-reset-modal-container-KzJPQ .cancel-button-AneJE .label-wbfsE { color: var(--primary-foreground-color); } @media only screen and (max-width: 640px) { .password-reset-modal-container-KzJPQ .modal-dialog-content-Xgv7Z { width: auto; } } .intro-container-tkNS6 { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; overflow-y: auto; } .intro-container-tkNS6 .background-container-aYKCH { z-index: -1; position: fixed; top: -1rem; bottom: -1rem; left: -1rem; right: -1rem; background: url(../images/background_1.svg), url(../images/background_2.svg); background-color: var(--primary-background-color); background-position: bottom left, top right; background-size: 53%, 54%; background-repeat: no-repeat; filter: blur(6rem); } .intro-container-tkNS6 .heading-container-oI70m { flex: none; display: flex; flex-direction: column; align-items: center; justify-content: center; margin-bottom: 5rem; } .intro-container-tkNS6 .heading-container-oI70m .logo-container-W49kt { flex: none; margin-bottom: 3rem; } .intro-container-tkNS6 .heading-container-oI70m .logo-container-W49kt .logo-WJ36F { height: 5rem; opacity: 0.9; } .intro-container-tkNS6 .heading-container-oI70m .title-container-CbIkM, .intro-container-tkNS6 .heading-container-oI70m .slogan-container-UlcYd { color: var(--primary-foreground-color); } .intro-container-tkNS6 .heading-container-oI70m .title-container-CbIkM { font-size: 3rem; font-weight: 600; margin-bottom: 0.5rem; } .intro-container-tkNS6 .heading-container-oI70m .slogan-container-UlcYd { font-size: 1.5rem; font-weight: 400; text-transform: lowercase; opacity: 0.6; } .intro-container-tkNS6 .heading-container-oI70m .slogan-container-UlcYd::first-letter { text-transform: uppercase; } .intro-container-tkNS6 .content-container-A1Drn { flex: none; display: flex; flex-direction: row; align-items: flex-start; justify-content: center; width: 100%; } .intro-container-tkNS6 .content-container-A1Drn .form-button-vyqqj { display: flex; flex-direction: row; align-items: center; justify-content: center; height: 4rem; border-radius: 3.5rem; padding: 0 1rem; } .intro-container-tkNS6 .content-container-A1Drn .form-button-vyqqj .icon-L_6b6 { flex: none; height: 2rem; width: 2rem; margin-right: 1rem; color: var(--primary-foreground-color); } .intro-container-tkNS6 .content-container-A1Drn .form-button-vyqqj .label-uHD7L { flex-grow: 0; flex-shrink: 1; flex-basis: auto; font-size: 1.1rem; font-weight: 700; color: var(--primary-foreground-color); text-align: center; } .intro-container-tkNS6 .content-container-A1Drn .submit-button-x3L8z, .intro-container-tkNS6 .content-container-A1Drn .guest-login-button-D8DWZ, .intro-container-tkNS6 .content-container-A1Drn .signup-form-button-UGmSk, .intro-container-tkNS6 .content-container-A1Drn .login-form-button-DqJUV { margin-top: 1rem; outline: var(--focus-outline-size) solid var(--primary-foreground-color); background-color: transparent; } .intro-container-tkNS6 .content-container-A1Drn .submit-button-x3L8z .label-uHD7L, .intro-container-tkNS6 .content-container-A1Drn .guest-login-button-D8DWZ .label-uHD7L, .intro-container-tkNS6 .content-container-A1Drn .signup-form-button-UGmSk .label-uHD7L, .intro-container-tkNS6 .content-container-A1Drn .login-form-button-DqJUV .label-uHD7L { color: var(--primary-foreground-color); } .intro-container-tkNS6 .content-container-A1Drn .submit-button-x3L8z:hover, .intro-container-tkNS6 .content-container-A1Drn .guest-login-button-D8DWZ:hover, .intro-container-tkNS6 .content-container-A1Drn .signup-form-button-UGmSk:hover, .intro-container-tkNS6 .content-container-A1Drn .login-form-button-DqJUV:hover { background-color: var(--primary-foreground-color); } .intro-container-tkNS6 .content-container-A1Drn .submit-button-x3L8z:hover .label-uHD7L, .intro-container-tkNS6 .content-container-A1Drn .guest-login-button-D8DWZ:hover .label-uHD7L, .intro-container-tkNS6 .content-container-A1Drn .signup-form-button-UGmSk:hover .label-uHD7L, .intro-container-tkNS6 .content-container-A1Drn .login-form-button-DqJUV:hover .label-uHD7L { color: var(--secondary-foreground-color); } .intro-container-tkNS6 .content-container-A1Drn .form-container-HMlEh { flex: none; position: relative; width: 22rem; margin-right: 2rem; } .intro-container-tkNS6 .content-container-A1Drn .form-container-HMlEh .credentials-text-input-QMCZz { display: block; width: 100%; margin-bottom: 1rem; padding: 1rem; border-radius: var(--border-radius); outline-offset: calc(-1 * var(--focus-outline-size)); color: var(--primary-foreground-color); background: var(--overlay-color); } .intro-container-tkNS6 .content-container-A1Drn .form-container-HMlEh .credentials-text-input-QMCZz:hover, .intro-container-tkNS6 .content-container-A1Drn .form-container-HMlEh .credentials-text-input-QMCZz:focus { outline: var(--focus-outline-size) solid var(--overlay-color); } .intro-container-tkNS6 .content-container-A1Drn .form-container-HMlEh .forgot-password-link-container-ygZqb { display: flex; flex-direction: row; justify-content: flex-end; margin: 1rem 0; text-align: right; } .intro-container-tkNS6 .content-container-A1Drn .form-container-HMlEh .forgot-password-link-container-ygZqb .forgot-password-link-NxNUD { flex-grow: 0; flex-shrink: 1; flex-basis: auto; padding: 0.5rem 1rem; color: var(--primary-foreground-color); } .intro-container-tkNS6 .content-container-A1Drn .form-container-HMlEh .forgot-password-link-container-ygZqb .forgot-password-link-NxNUD:hover { text-decoration: underline; } .intro-container-tkNS6 .content-container-A1Drn .form-container-HMlEh .error-message-cKdzB { margin: 1rem 0; padding: 0 1rem; text-align: center; color: var(--tertiary-accent-color); } .intro-container-tkNS6 .content-container-A1Drn .options-container-qxboQ { flex: none; position: relative; width: 22rem; margin-left: 2rem; } .intro-container-tkNS6 .content-container-A1Drn .options-container-qxboQ .facebook-button-LZ_kG { background: var(--color-facebook); } .intro-container-tkNS6 .content-container-A1Drn .options-container-qxboQ .facebook-button-LZ_kG:hover, .intro-container-tkNS6 .content-container-A1Drn .options-container-qxboQ .facebook-button-LZ_kG:focus { outline: var(--focus-outline-size) solid var(--color-facebook); background-color: transparent; } .loading-modal-container-eLyTm { display: flex; align-items: center; justify-content: center; background-color: hsla(0, 0%, 0%, 0.4); } .loading-modal-container-eLyTm .loader-container-oe8rU { flex: none; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1rem; padding: 2.5rem; border-radius: var(--border-radius); background-color: var(--modal-background-color); } @keyframes flash-wUFXY { 0% { opacity: 0.4; } 100% { opacity: 1; } } .loading-modal-container-eLyTm .loader-container-oe8rU .icon-L_6b6 { flex: none; width: 5rem; height: 5rem; color: var(--primary-foreground-color); animation: 1s linear infinite alternate flash-wUFXY; } .loading-modal-container-eLyTm .loader-container-oe8rU .label-uHD7L { font-size: 1.5rem; color: var(--primary-foreground-color); animation: 1s linear infinite alternate flash-wUFXY; } .loading-modal-container-eLyTm .loader-container-oe8rU .button-ryGtP { display: flex; flex-direction: row; align-items: center; justify-content: center; height: 3.5rem; width: 100%; border-radius: 3.5rem; padding: 0 1rem; margin-top: 2rem; font-size: 1.1rem; font-weight: 700; color: var(--primary-foreground-color); outline: var(--focus-outline-size) solid var(--primary-foreground-color); } .loading-modal-container-eLyTm .loader-container-oe8rU .button-ryGtP:hover { color: var(--secondary-foreground-color); background-color: var(--primary-foreground-color); } @media only screen and (max-width: 640px) { .intro-container-tkNS6 { justify-content: initial; padding: 3rem 1.5rem; } .intro-container-tkNS6 .heading-container-oI70m { align-items: flex-start; margin-bottom: 4rem; } .intro-container-tkNS6 .heading-container-oI70m .logo-container-W49kt .logo-WJ36F { height: 4rem; } .intro-container-tkNS6 .heading-container-oI70m .title-container-CbIkM { font-size: 2.5rem; } .intro-container-tkNS6 .heading-container-oI70m .slogan-container-UlcYd { font-size: 1.5rem; } .intro-container-tkNS6 .content-container-A1Drn { flex-direction: column-reverse; } .intro-container-tkNS6 .content-container-A1Drn .form-container-HMlEh, .intro-container-tkNS6 .content-container-A1Drn .options-container-qxboQ { width: 100%; margin: 0; } .intro-container-tkNS6 .content-container-A1Drn .options-container-qxboQ { margin-bottom: 4rem; } } .error-container-OJnoc { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1rem; } .error-container-OJnoc .error-image-qU9Qo { flex: none; width: 12rem; height: 12rem; object-fit: contain; object-position: center; opacity: 0.9; } .error-container-OJnoc .error-message-kW59Z { flex: none; padding: 0 3rem; font-size: 2rem; max-height: 3.6em; text-align: center; color: var(--primary-foreground-color); } .error-container-OJnoc .buttons-container-tQonN { flex: none; align-self: stretch; margin: 0 2rem; display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: center; gap: 1.5rem; margin-top: 1rem; } .error-container-OJnoc .buttons-container-tQonN .button-container-vLSQK { flex-grow: 0; flex-shrink: 1; flex-basis: auto; display: flex; flex-direction: row; align-items: center; justify-content: center; padding: 0 2.5rem; min-width: 8rem; height: 3.5rem; border-radius: 3.5rem; background-color: var(--overlay-color); } .error-container-OJnoc .buttons-container-tQonN .button-container-vLSQK:hover { outline: var(--focus-outline-size) solid var(--primary-foreground-color); background-color: transparent; } .error-container-OJnoc .buttons-container-tQonN .button-container-vLSQK:active { outline: none; } .error-container-OJnoc .buttons-container-tQonN .button-container-vLSQK.disabled { opacity: 0.3; } .error-container-OJnoc .buttons-container-tQonN .button-container-vLSQK .label-Up_te { flex-grow: 0; flex-shrink: 1; flex-basis: auto; max-height: 2.4em; font-size: 1.1rem; font-weight: 500; text-align: center; color: var(--primary-foreground-color); } @font-face { font-family: 'PlusJakartaSans'; src: url(../fonts/PlusJakartaSans.ttf) format('truetype'); } { /* Copyright (C) 2017-2023 Smart code 203358507 */ } .animation-fade-in { animation-timing-function: ease-in-out; animation-duration: 350ms; } .animation-fade-in { animation-name: fade-in-pFkt_; } @media (prefers-reduced-motion) { .animation-fade-in { animation-name: fade-in-no-motion-lYmxL; } } @keyframes fade-in-pFkt_ { 0% { opacity: 0; transform: translateY(4px); } 40% { opacity: 0; transform: translateY(4px); } 70% { opacity: 0.6; transform: translateY(2px); } 100% { opacity: 1; transform: translateY(0); } } .animation-slide-up { animation-timing-function: ease-out; animation-duration: 0.1s; } .animation-slide-up { animation-name: slide-up-lSxrC; } @keyframes slide-up-lSxrC { 0% { transform: translateY(100%); } 100% { transform: translateY(0%); } } .slide-left-enter { transform: translateX(100%); } .slide-left-active { transform: translateX(0%); transition: transform 0.3s cubic-bezier(0.32, 0, 0.67, 0); } .slide-left-exit { transform: translateX(100%); } @keyframes fade-in-no-motion-lYmxL { 0% { opacity: 0; } 40% { opacity: 0; } 70% { opacity: 0.6; } 100% { opacity: 1; } } .routes-container { position: relative; z-index: 0; } .routes-container .route-container { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 0; } .routes-container .route-container:not(:last-child) { display: none; } .routes-container .route-container .route-content { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 0; overflow: hidden; } .routes-container .route-container .modals-container { width: 0; height: 0; } .routes-container .route-container .modals-container .modal-container { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; overflow: hidden; } :root { --landscape-shape-ratio: 0.5625; --poster-shape-ratio: 1.464; --scroll-bar-size: 6px; --horizontal-nav-bar-size: 5.5rem; --vertical-nav-bar-size: 6rem; --focus-outline-size: 2px; --color-facebook: #1877F1; --color-x: #000000; --color-reddit: #FF4500; --color-imdb: #f5c518; --color-trakt: #ED2224; --color-placeholder: #60606080; --color-placeholder-text: hsla(0, 0%, 75%, 0.5); --color-placeholder-background: hsla(0, 0%, 50%, 0.2); --primary-background-color: #0c0b11; --secondary-background-color: #1a173e; --primary-foreground-color: rgba(255, 255, 255, 0.9); --secondary-foreground-color: #0c0b11; --primary-accent-color: #7b5bf5; --secondary-accent-color: #22b365; --tertiary-accent-color: #f6c700; --quaternary-accent-color: #1245a6; --overlay-color: rgba(255, 255, 255, 0.05); --modal-background-color: #0f0d20; --outer-glow: 0px 0px 15px rgba(123, 91, 245, 0.37); --border-radius: 0.75rem; --calculated-bottom-safe-inset: min(env(safe-area-inset-bottom, 0rem), max(1rem, calc(var(--viewport-height-diff) - env(safe-area-inset-top, 0rem)))); --top-overlay-size: 5.25rem; --bottom-overlay-size: 0rem; --overlap-size: 3rem; --transparency-grandient-pad: 6rem; --safe-area-inset-top: env(safe-area-inset-top, 0rem); --safe-area-inset-right: env(safe-area-inset-right, 0rem); --safe-area-inset-bottom: env(safe-area-inset-bottom, 0rem); --safe-area-inset-left: env(safe-area-inset-left, 0rem); --dynamic-viewport-width: 100vw; --dynamic-viewport-height: 100vh; --large-viewport-width: 100vw; --large-viewport-height: 100vh; --small-viewport-width: 100vw; --small-viewport-height: 100vh; --viewport-height-diff: calc(100vh - 100vh); } @supports (height: 100dvh) { :root { --dynamic-viewport-width: 100dvw; --dynamic-viewport-height: 100dvh; } } @supports (height: 100lvh) { :root { --large-viewport-width: 100lvw; --large-viewport-height: 100lvh; } } @supports (height: 100svh) { :root { --small-viewport-width: 100svw; --small-viewport-height: 100svh; } } @supports (height: 100lvh) and (height: 100svh) { :root { --viewport-height-diff: calc(100lvh - 100svh); } } * { margin: 0; padding: 0; box-sizing: border-box; font-size: 1rem; font-family: inherit; border: none; outline: none; list-style: none; user-select: none; text-decoration: none; appearance: none; background: none; box-shadow: none; overflow: hidden; word-break: break-word; scrollbar-width: thin; scrollbar-color: var(--overlay-color) transparent; } ::-webkit-scrollbar { width: var(--scroll-bar-size); height: var(--scroll-bar-size); } ::-webkit-scrollbar-thumb { border-radius: var(--scroll-bar-size); background-color: var(--overlay-color); } ::-webkit-scrollbar-thumb:hover { background-color: var(--primary-accent-color); } ::-webkit-scrollbar-track { background-color: transparent; } svg { overflow: visible; } html { width: calc(max(var(--small-viewport-width), var(--dynamic-viewport-width))); height: calc(max(var(--small-viewport-height), var(--dynamic-viewport-height))); font-family: 'PlusJakartaSans', 'sans-serif'; overflow: auto; overscroll-behavior: none; user-select: none; touch-action: manipulation; -webkit-tap-highlight-color: transparent; } @media (display-mode: standalone) { html { width: calc(max(100%, var(--large-viewport-width))); height: calc(max(100%, var(--large-viewport-height))); } } html body { width: 100%; height: 100%; background: linear-gradient(41deg, var(--primary-background-color) 0%, var(--secondary-background-color) 100%); } html body #app { position: relative; z-index: 0; width: 100%; height: 100%; } html body #app .toasts-container-oKECy { position: absolute; top: calc(1.2 * var(--horizontal-nav-bar-size) + var(--safe-area-inset-top)); right: var(--safe-area-inset-right); bottom: calc(1.2 * var(--horizontal-nav-bar-size) + var(--calculated-bottom-safe-inset, 0rem)); left: auto; z-index: 1; padding: 0 calc(0.5 * var(--horizontal-nav-bar-size)); overflow: visible; scrollbar-width: none; pointer-events: none; } html body #app .toasts-container-oKECy::-webkit-scrollbar { display: none; } html body #app .tooltip-container-Qpse8 { height: 2.5rem; display: flex; align-items: center; justify-content: center; padding: 0 1.5rem; font-size: 1rem; color: var(--primary-foreground-color); border-radius: var(--border-radius); background-color: var(--modal-background-color); box-shadow: var(--outer-glow); transition: opacity 0.1s ease-out; } html body #app .tooltip-container-Qpse8.active { transition-delay: 0.25s; } html body #app .router-_65XU { width: 100%; height: 100%; } html body #app .loader-container-vwvnb, html body #app .error-container-VZXwH { width: 100%; height: 100%; } @media only screen and (min-width: 2800px) { html { font-size: 18px; } } @media only screen and (max-width: 2800px) { html { font-size: 16px; } } @media only screen and (max-width: 2200px) { html { font-size: 15px; } } @media only screen and (max-width: 1600px) { html { font-size: 14px; } } @media only screen and (max-width: 1000px) { html body #app .toasts-container-oKECy { padding: 0 1rem; } html body #app .tooltip-container-Qpse8 { display: none; } } @media only screen and (max-width: 640px) { :root { --bottom-overlay-size: 6rem; } } /*# sourceMappingURL=main.css.map*/