.button-container-HNufV { outline-width: var(--focus-outline-size); outline-color: hsl(0, 0%, 100%); outline-offset: calc(-1 * var(--focus-outline-size)); -webkit-tap-highlight-color: transparent; cursor: pointer; } .button-container-HNufV:focus { outline-style: solid; } .button-container-HNufV.disabled { pointer-events: none; opacity: 0.5; } .modal-container-jZglc { display: flex; justify-content: center; align-items: center; background-color: hsla(0, 0%, 0%, 0.4); } .modal-container-jZglc .modal-dialog-container-QgsId { 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-jZglc .modal-dialog-container-QgsId .modal-dialog-background-I_IoU { z-index: 0; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-size: cover; background-position: center; opacity: 0.1; } .modal-container-jZglc .modal-dialog-container-QgsId .close-button-container-QrgQo { 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-jZglc .modal-dialog-container-QgsId .close-button-container-QrgQo .icon-hRjWc { display: block; width: 100%; height: 100%; color: var(--primary-foreground-color); opacity: 0.4; } .modal-container-jZglc .modal-dialog-container-QgsId .close-button-container-QrgQo:hover .icon-hRjWc, .modal-container-jZglc .modal-dialog-container-QgsId .close-button-container-QrgQo:focus .icon-hRjWc { opacity: 1; color: var(--primary-foreground-color); } .modal-container-jZglc .modal-dialog-container-QgsId .close-button-container-QrgQo:focus { outline-color: var(--primary-foreground-color); } .modal-container-jZglc .modal-dialog-container-QgsId .modal-dialog-content-ChXwF { z-index: 1; position: relative; overflow-y: auto; } .modal-container-jZglc .modal-dialog-container-QgsId .modal-dialog-content-ChXwF .title-container-wqhp3 { 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-jZglc .modal-dialog-container-QgsId .modal-dialog-content-ChXwF .body-container-_WHlr { flex: 1; align-self: stretch; overflow: visible; padding: 2rem 0; } .modal-container-jZglc .modal-dialog-container-QgsId .modal-dialog-content-ChXwF .body-container-_WHlr:last-child { margin-bottom: 2rem; } .modal-container-jZglc .modal-dialog-container-QgsId .modal-dialog-content-ChXwF .buttons-container-EJKJF { flex: none; align-self: stretch; display: flex; flex-direction: row; flex-wrap: wrap; } .modal-container-jZglc .modal-dialog-container-QgsId .modal-dialog-content-ChXwF .buttons-container-EJKJF:last-child { margin: 2rem 0; } .action-button-bi6FL { 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-bi6FL:hover { background-color: transparent; outline: var(--focus-outline-size) solid var(--secondary-accent-color); } .action-button-bi6FL:focus { outline-color: var(--primary-foreground-color); } .action-button-bi6FL:not(:last-child) { margin-right: 1rem; } .action-button-bi6FL .icon-hRjWc { flex: none; width: 1.2rem; height: 1.2rem; margin-right: 0.5rem; color: var(--primary-foreground-color); } .action-button-bi6FL .label-_ADoX { 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-jZglc .modal-dialog-container-QgsId { position: relative; width: 90%; max-width: initial; z-index: 0; padding: 0 1.5rem; } .modal-container-jZglc .modal-dialog-container-QgsId .modal-dialog-content-ChXwF .buttons-container-EJKJF { flex-direction: column; gap: 1rem; } .modal-container-jZglc .action-button-bi6FL { width: 100%; } .modal-container-jZglc .action-button-bi6FL .label-_ADoX { text-overflow: ellipsis; white-space: nowrap; } } .addon-details-container-ZQqDB .title-container-fR02m { display: flex; flex-direction: row; align-items: center; } .addon-details-container-ZQqDB .title-container-fR02m .logo-BujW_, .addon-details-container-ZQqDB .title-container-fR02m .icon-ScXNu { float: left; width: 5rem; height: 5rem; margin-right: 1.5rem; padding: 0.5rem; } .addon-details-container-ZQqDB .title-container-fR02m .logo-BujW_ { object-fit: contain; object-position: center; } .addon-details-container-ZQqDB .title-container-fR02m .icon-ScXNu { color: var(--primary-foreground-color); } .addon-details-container-ZQqDB .title-container-fR02m .name-container-Gfhqw { flex-grow: 1; flex-shrink: 1; flex-basis: 0; display: flex; flex-direction: row; flex-wrap: wrap; align-items: baseline; } .addon-details-container-ZQqDB .title-container-fR02m .name-container-Gfhqw .name-XNqfo { 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-ZQqDB .title-container-fR02m .name-container-Gfhqw .version-w_xoN { flex-grow: 1; flex-shrink: 1; flex-basis: auto; margin-top: 0.5rem; color: var(--primary-foreground-color); } .addon-details-container-ZQqDB .section-container-l3YaI { margin-top: 1rem; } .addon-details-container-ZQqDB .section-container-l3YaI .section-header-bs8iy { font-size: 1.1rem; color: var(--primary-foreground-color); } .addon-details-container-ZQqDB .section-container-l3YaI .section-label-rYxQh { font-size: 1.1rem; font-weight: 300; color: var(--primary-foreground-color); } .addon-details-container-ZQqDB .section-container-l3YaI .section-label-rYxQh.transport-url-label-EW7I5 { user-select: text; } .addon-details-container-ZQqDB .section-container-l3YaI .section-label-rYxQh.disclaimer-label-IGdd3 { font-style: italic; } .modal-container-jZglc{align-items:center;background-color:hsla(0,0%,0%,0.4);display:flex;justify-content:center}.modal-container-jZglc .modal-dialog-container-QgsId{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-jZglc .modal-dialog-container-QgsId .modal-dialog-background-I_IoU{background-position:center;background-size:cover;bottom:0;left:0;opacity:0.1;position:absolute;right:0;top:0;z-index:0}.modal-container-jZglc .modal-dialog-container-QgsId .close-button-container-QrgQo{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-jZglc .modal-dialog-container-QgsId .close-button-container-QrgQo .icon-hRjWc{color:var(--primary-foreground-color);display:block;height:100%;opacity:0.4;width:100%}.modal-container-jZglc .modal-dialog-container-QgsId .close-button-container-QrgQo:focus .icon-hRjWc,.modal-container-jZglc .modal-dialog-container-QgsId .close-button-container-QrgQo:hover .icon-hRjWc{color:var(--primary-foreground-color);opacity:1}.modal-container-jZglc .modal-dialog-container-QgsId .close-button-container-QrgQo:focus{outline-color:var(--primary-foreground-color)}.modal-container-jZglc .modal-dialog-container-QgsId .modal-dialog-content-ChXwF{overflow-y:auto;position:relative;z-index:1}.modal-container-jZglc .modal-dialog-container-QgsId .modal-dialog-content-ChXwF .title-container-wqhp3{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-jZglc .modal-dialog-container-QgsId .modal-dialog-content-ChXwF .body-container-_WHlr{align-self:stretch;flex:1;overflow:visible;padding:2rem 0}.modal-container-jZglc .modal-dialog-container-QgsId .modal-dialog-content-ChXwF .body-container-_WHlr:last-child{margin-bottom:2rem}.modal-container-jZglc .modal-dialog-container-QgsId .modal-dialog-content-ChXwF .buttons-container-EJKJF{align-self:stretch;display:flex;flex:none;flex-direction:row;flex-wrap:wrap}.modal-container-jZglc .modal-dialog-container-QgsId .modal-dialog-content-ChXwF .buttons-container-EJKJF:last-child{margin:2rem 0}.action-button-bi6FL{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-bi6FL:hover{background-color:transparent;outline:var(--focus-outline-size) solid var(--secondary-accent-color)}.action-button-bi6FL:focus{outline-color:var(--primary-foreground-color)}.action-button-bi6FL:not(:last-child){margin-right:1rem}.action-button-bi6FL .icon-hRjWc{color:var(--primary-foreground-color);flex:none;height:1.2rem;margin-right:0.5rem;width:1.2rem}.action-button-bi6FL .label-_ADoX{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-jZglc .modal-dialog-container-QgsId{max-width:initial;padding:0 1.5rem;position:relative;width:90%;z-index:0}.modal-container-jZglc .modal-dialog-container-QgsId .modal-dialog-content-ChXwF .buttons-container-EJKJF{flex-direction:column;gap:1rem}.modal-container-jZglc .action-button-bi6FL{width:100%}.modal-container-jZglc .action-button-bi6FL .label-_ADoX{text-overflow:ellipsis;white-space:nowrap}} .addon-details-modal-container-_bwQ0 .addon-details-container-AmNx2, .addon-details-modal-container-_bwQ0 .addon-details-message-container-VEzeN { width: 40rem; max-width: 100%; color: var(--primary-foreground-color); } .addon-details-modal-container-_bwQ0 .cancel-button-luYIO { background-color: transparent; opacity: 0.3; } .addon-details-modal-container-_bwQ0 .cancel-button-luYIO:hover { outline: var(--focus-outline-size) solid var(--primary-foreground-color); opacity: 1; } .addon-details-modal-container-_bwQ0 .cancel-button-luYIO:focus { outline-color: var(--primary-foreground-color); } .addon-details-modal-container-_bwQ0 .cancel-button-luYIO .cancel-button-label-jqVQf { color: var(--primary-foreground-color); } .addon-details-modal-container-_bwQ0 .uninstall-button-X2JXr { background-color: var(--overlay-color); } .addon-details-modal-container-_bwQ0 .uninstall-button-X2JXr:hover { outline: var(--focus-outline-size) solid var(--overlay-color); background-color: transparent; } .addon-details-modal-container-_bwQ0 .uninstall-button-X2JXr:focus { outline-color: var(--primary-foreground-color); } .bottom-sheet-RtUvz { z-index: 99; position: fixed; top: 0; bottom: 0; left: 0; right: 0; display: flex; justify-content: center; } .bottom-sheet-RtUvz .backdrop-xkxnb { 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; -webkit-tap-highlight-color: transparent; } .bottom-sheet-RtUvz .container-cLhYu { 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-RtUvz .container-cLhYu:not(.dragging-SXaW3) { transition: transform 0.1s ease-out; } .bottom-sheet-RtUvz .container-cLhYu .heading-SKkBI { position: relative; } .bottom-sheet-RtUvz .container-cLhYu .heading-SKkBI .handle-VzyZ0 { position: relative; height: 2.5rem; width: 100%; display: flex; align-items: center; justify-content: center; } .bottom-sheet-RtUvz .container-cLhYu .heading-SKkBI .handle-VzyZ0::after { content: ""; height: 0.3rem; width: 3rem; border-radius: 1rem; background-color: var(--primary-foreground-color); opacity: 0.3; } .bottom-sheet-RtUvz .container-cLhYu .heading-SKkBI .title-oUWcO { 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-RtUvz .container-cLhYu .content-ap31Z { position: relative; overflow-y: auto; } @media only screen and (min-width: 1300px) and (orientation: portait) { .bottom-sheet-RtUvz { display: none; } } @media only screen and (min-width: 1000px) and (orientation: landscape) { .bottom-sheet-RtUvz { display: none; } } @media only screen and (orientation: landscape) { .bottom-sheet-RtUvz .container-cLhYu { max-width: 90%; } } .toggle-container-dRgPl { position: relative; } .toggle-container-dRgPl .toggle-yadWN { 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-dRgPl .toggle-yadWN::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-dRgPl.checked .toggle-yadWN { background-color: var(--secondary-accent-color); } .toggle-container-dRgPl.checked .toggle-yadWN::before { transform: translateX(calc(3.2rem - calc(1.7rem - 0.5rem) - 0.5rem)); } .horizontal-scroll-P0J0k { position: relative; overflow-x: auto; } .horizontal-scroll-P0J0k.left-EOGrG { mask-image: linear-gradient(90deg, #000000 calc(100% - 10%), rgba(0, 0, 0, 0) 100%); } .horizontal-scroll-P0J0k.right-vkiff { mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #000000 10%); } .horizontal-scroll-P0J0k.center-Ybn2W { mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #000000 10%, #000000 calc(100% - 10%), rgba(0, 0, 0, 0) 100%); } .chip-oNDf9 { 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; -webkit-tap-highlight-color: transparent; background-color: transparent; user-select: none; overflow: hidden; opacity: 0.6; } .chip-oNDf9:hover { background-color: var(--overlay-color); transition: background-color 0.1s ease-out; opacity: 1; } .chip-oNDf9.active-hnUWc { opacity: 1; background-color: var(--quaternary-accent-color); transition: background-color 0.1s ease-in; } .chips-2SaqO { position: relative; width: 100%; display: flex; align-items: center; justify-content: flex-start; gap: 1rem; } .color-picker-container-deFkW { overflow: visible; text-align: center; } .color-picker-container-deFkW * { overflow: visible; } .color-picker-container-deFkW .a-color-picker-stack:not(.a-color-picker-row-top) canvas, .color-picker-container-deFkW .a-color-picker-circle { border: solid thin var(--color-surfacedark); } .color-picker-container-deFkW .a-color-picker-circle { box-shadow: 0 0 0.2rem var(--color-surfacedark); } .color-picker-container-deFkW .a-color-picker-clipbaord { pointer-events: none; } .color-input-container-jRZsi { position: relative; z-index: 0; } .color-input-container-jRZsi .transparent-label-container-Tx2fI { 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-jRZsi .transparent-label-container-Tx2fI .transparent-label-omLaY { flex: 1; text-align: center; color: hsl(0, 0%, 100%); white-space: nowrap; text-overflow: ellipsis; } .color-picker-container-C4puR { margin: 1rem 0; } .label-container-iBMb9 { -webkit-touch-callout: none !important; position: relative; overflow: visible; } .label-container-iBMb9 .menu-container-bfvDO { 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-iBMb9 .menu-container-bfvDO.menu-direction-top-left-KpAQN { top: initial; right: 0; bottom: 100%; left: initial; visibility: visible; } .label-container-iBMb9 .menu-container-bfvDO.menu-direction-bottom-left-Uw06K { top: 100%; right: 0; bottom: initial; left: initial; visibility: visible; } .label-container-iBMb9 .menu-container-bfvDO.menu-direction-top-right-jOtwq { top: initial; right: initial; bottom: 100%; left: 0; visibility: visible; } .label-container-iBMb9 .menu-container-bfvDO.menu-direction-bottom-right-XZ9Ch { top: 100%; right: initial; bottom: initial; left: 0; visibility: visible; } .label-container-iBMb9{-webkit-touch-callout:none!important;overflow:visible;position:relative}.label-container-iBMb9 .menu-container-bfvDO{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-iBMb9 .menu-container-bfvDO.menu-direction-top-left-KpAQN{bottom:100%;left:initial;right:0;top:initial;visibility:visible}.label-container-iBMb9 .menu-container-bfvDO.menu-direction-bottom-left-Uw06K{bottom:initial;left:initial;right:0;top:100%;visibility:visible}.label-container-iBMb9 .menu-container-bfvDO.menu-direction-top-right-jOtwq{bottom:100%;left:0;right:initial;top:initial;visibility:visible}.label-container-iBMb9 .menu-container-bfvDO.menu-direction-bottom-right-XZ9Ch{bottom:initial;left:0;right:initial;top:100%;visibility:visible} .label-container-ZHk2S { 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-ZHk2S.active .icon-YGvLz { transform: rotate(180deg); } .label-container-ZHk2S > .label-kz1K0 { flex: 1; max-height: 2.4em; font-weight: 500; color: var(--primary-foreground-color); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .label-container-ZHk2S .icon-YGvLz { flex: none; width: 1rem; height: 1rem; margin-left: 1rem; color: var(--primary-foreground-color); opacity: 0.4; } .label-container-ZHk2S .menu-container-bfvDO { width: 100%; } .modal-container-BQwj3 .menu-container-Z1Pou, .menu-container-bfvDO .menu-container-Z1Pou { max-height: calc(3.2rem * 7); } .modal-container-BQwj3 .menu-container-Z1Pou .option-container-yVj1o, .menu-container-bfvDO .menu-container-Z1Pou .option-container-yVj1o { display: flex; flex-direction: row; align-items: center; padding: 1rem; } .modal-container-BQwj3 .menu-container-Z1Pou .option-container-yVj1o.selected .icon-YGvLz, .menu-container-bfvDO .menu-container-Z1Pou .option-container-yVj1o.selected .icon-YGvLz { display: block; } .modal-container-BQwj3 .menu-container-Z1Pou .option-container-yVj1o:hover, .menu-container-bfvDO .menu-container-Z1Pou .option-container-yVj1o:hover, .modal-container-BQwj3 .menu-container-Z1Pou .option-container-yVj1o:focus, .menu-container-bfvDO .menu-container-Z1Pou .option-container-yVj1o:focus { background-color: var(--overlay-color); } .modal-container-BQwj3 .menu-container-Z1Pou .option-container-yVj1o .label-kz1K0, .menu-container-bfvDO .menu-container-Z1Pou .option-container-yVj1o .label-kz1K0 { flex: 1; max-height: 4.8em; color: var(--primary-foreground-color); } .modal-container-BQwj3 .menu-container-Z1Pou .option-container-yVj1o .icon-YGvLz, .menu-container-bfvDO .menu-container-Z1Pou .option-container-yVj1o .icon-YGvLz { 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-BQwj3 .menu-container-Z1Pou .no-options-container-NYx9Z, .menu-container-bfvDO .menu-container-Z1Pou .no-options-container-NYx9Z { display: flex; flex-direction: row; align-items: center; justify-content: center; padding: 1rem; background-color: hsl(243, 24.4%, 21%); } .modal-container-BQwj3 .menu-container-Z1Pou .no-options-container-NYx9Z .label-kz1K0, .menu-container-bfvDO .menu-container-Z1Pou .no-options-container-NYx9Z .label-kz1K0 { 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-BQwj3 .menu-container-Z1Pou, .menu-container-bfvDO .menu-container-Z1Pou { max-height: calc(100dvh - var(--horizontal-nav-bar-size) - 10rem); } } .label-container-ZHk2S{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-ZHk2S.active .icon-YGvLz{transform:rotate(180deg)}.label-container-ZHk2S>.label-kz1K0{color:var(--primary-foreground-color);flex:1;font-weight:500;max-height:2.4em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.label-container-ZHk2S .icon-YGvLz{color:var(--primary-foreground-color);flex:none;height:1rem;margin-left:1rem;opacity:0.4;width:1rem}.label-container-ZHk2S .menu-container-bfvDO{width:100%}.modal-container-BQwj3 .menu-container-Z1Pou,.menu-container-bfvDO .menu-container-Z1Pou{max-height:calc(3.2rem * 7)}.modal-container-BQwj3 .menu-container-Z1Pou .option-container-yVj1o,.menu-container-bfvDO .menu-container-Z1Pou .option-container-yVj1o{align-items:center;display:flex;flex-direction:row;padding:1rem}.modal-container-BQwj3 .menu-container-Z1Pou .option-container-yVj1o.selected .icon-YGvLz,.menu-container-bfvDO .menu-container-Z1Pou .option-container-yVj1o.selected .icon-YGvLz{display:block}.modal-container-BQwj3 .menu-container-Z1Pou .option-container-yVj1o:focus,.modal-container-BQwj3 .menu-container-Z1Pou .option-container-yVj1o:hover,.menu-container-bfvDO .menu-container-Z1Pou .option-container-yVj1o:focus,.menu-container-bfvDO .menu-container-Z1Pou .option-container-yVj1o:hover{background-color:var(--overlay-color)}.modal-container-BQwj3 .menu-container-Z1Pou .option-container-yVj1o .label-kz1K0,.menu-container-bfvDO .menu-container-Z1Pou .option-container-yVj1o .label-kz1K0{color:var(--primary-foreground-color);flex:1;max-height:4.8em}.modal-container-BQwj3 .menu-container-Z1Pou .option-container-yVj1o .icon-YGvLz,.menu-container-bfvDO .menu-container-Z1Pou .option-container-yVj1o .icon-YGvLz{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-BQwj3 .menu-container-Z1Pou .no-options-container-NYx9Z,.menu-container-bfvDO .menu-container-Z1Pou .no-options-container-NYx9Z{align-items:center;background-color:hsl(243,24.4%,21%);display:flex;flex-direction:row;justify-content:center;padding:1rem}.modal-container-BQwj3 .menu-container-Z1Pou .no-options-container-NYx9Z .label-kz1K0,.menu-container-bfvDO .menu-container-Z1Pou .no-options-container-NYx9Z .label-kz1K0{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-BQwj3 .menu-container-Z1Pou,.menu-container-bfvDO .menu-container-Z1Pou{max-height:calc(100dvh - var(--horizontal-nav-bar-size) - 10rem)}} .background-FNyrF{fill:hsl(0,0%,100%)}.icon-XXj2q{fill:hsl(0,0%,0%)} .meta-item-container-drt6V { padding: 1rem; overflow: visible; -webkit-tap-highlight-color: transparent; } .meta-item-container-drt6V:hover, .meta-item-container-drt6V:focus, .meta-item-container-drt6V.active, .meta-item-container-drt6V.selected { outline-style: none; transition: background-color 100ms ease-out; } .meta-item-container-drt6V:hover .poster-container-Fruke, .meta-item-container-drt6V:focus .poster-container-Fruke, .meta-item-container-drt6V.active .poster-container-Fruke, .meta-item-container-drt6V.selected .poster-container-Fruke { box-shadow: 0 0 0 0.2rem var(--primary-foreground-color); } .meta-item-container-drt6V:hover .poster-container-Fruke .dismiss-icon-layer-ujhD1, .meta-item-container-drt6V:focus .poster-container-Fruke .dismiss-icon-layer-ujhD1, .meta-item-container-drt6V.active .poster-container-Fruke .dismiss-icon-layer-ujhD1, .meta-item-container-drt6V.selected .poster-container-Fruke .dismiss-icon-layer-ujhD1 { opacity: 1; } .meta-item-container-drt6V:hover .poster-container-Fruke .poster-image-layer-CdxrT, .meta-item-container-drt6V:focus .poster-container-Fruke .poster-image-layer-CdxrT, .meta-item-container-drt6V.active .poster-container-Fruke .poster-image-layer-CdxrT, .meta-item-container-drt6V.selected .poster-container-Fruke .poster-image-layer-CdxrT { transform: scale(1.05); } .meta-item-container-drt6V:hover .poster-container-Fruke .play-icon-layer-_75Lo .play-icon-outer-sAk71, .meta-item-container-drt6V:focus .poster-container-Fruke .play-icon-layer-_75Lo .play-icon-outer-sAk71, .meta-item-container-drt6V.active .poster-container-Fruke .play-icon-layer-_75Lo .play-icon-outer-sAk71, .meta-item-container-drt6V.selected .poster-container-Fruke .play-icon-layer-_75Lo .play-icon-outer-sAk71 { color: transparent; } .meta-item-container-drt6V:hover .poster-container-Fruke .play-icon-layer-_75Lo .play-icon-background-yHWuQ, .meta-item-container-drt6V:focus .poster-container-Fruke .play-icon-layer-_75Lo .play-icon-background-yHWuQ, .meta-item-container-drt6V.active .poster-container-Fruke .play-icon-layer-_75Lo .play-icon-background-yHWuQ, .meta-item-container-drt6V.selected .poster-container-Fruke .play-icon-layer-_75Lo .play-icon-background-yHWuQ { background-color: var(--secondary-accent-color); opacity: 1; } .meta-item-container-drt6V:hover .title-bar-container-DFXJK .menu-label-container-dlL1I, .meta-item-container-drt6V:focus .title-bar-container-DFXJK .menu-label-container-dlL1I, .meta-item-container-drt6V.active .title-bar-container-DFXJK .menu-label-container-dlL1I, .meta-item-container-drt6V.selected .title-bar-container-DFXJK .menu-label-container-dlL1I { opacity: 1; } .meta-item-container-drt6V.poster-shape-poster-F_CO5 .poster-container-Fruke { padding-top: calc(100% * var(--poster-shape-ratio)); } .meta-item-container-drt6V.poster-shape-square-UCby3 .poster-container-Fruke { padding-top: 100%; } .meta-item-container-drt6V.poster-shape-landscape-BPmb1 .poster-container-Fruke { padding-top: calc(100% * var(--landscape-shape-ratio)); } .meta-item-container-drt6V .poster-container-Fruke { position: relative; z-index: 0; background-color: var(--overlay-color); border-radius: var(--border-radius); } .meta-item-container-drt6V .poster-container-Fruke.poster-change-cursor .poster-image-layer-CdxrT:hover { cursor: zoom-in; } .meta-item-container-drt6V .poster-container-Fruke .dismiss-icon-layer-ujhD1 { 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-drt6V .poster-container-Fruke .dismiss-icon-layer-ujhD1 .dismiss-icon-w57SZ { z-index: 1; position: relative; height: 1.25rem; width: 1.25rem; color: var(--primary-foreground-color); opacity: 0.8; } .meta-item-container-drt6V .poster-container-Fruke .dismiss-icon-layer-ujhD1 .dismiss-icon-backdrop-L8zeK { 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-drt6V .poster-container-Fruke .watched-icon-layer-wtjcc { 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-drt6V .poster-container-Fruke .watched-icon-layer-wtjcc .watched-icon-oXlb3 { width: 0.75rem; height: 0.75rem; color: var(--primary-foreground-color); } .meta-item-container-drt6V .poster-container-Fruke .poster-image-layer-CdxrT { 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-drt6V .poster-container-Fruke .poster-image-layer-CdxrT .poster-image-lt9zC { flex: none; width: 100%; height: 100%; object-position: center; object-fit: cover; opacity: 0.9; overflow-clip-margin: unset; } .meta-item-container-drt6V .poster-container-Fruke .poster-image-layer-CdxrT .placeholder-icon-uYwsv { flex: none; width: 80%; height: 50%; color: var(--primary-foreground-color); opacity: 0.2; } .meta-item-container-drt6V .poster-container-Fruke .play-icon-layer-_75Lo { 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-drt6V .poster-container-Fruke .play-icon-layer-_75Lo .play-icon-d9_ll { z-index: 2; position: relative; height: 2.25rem; width: 2.25rem; color: var(--primary-foreground-color); } .meta-item-container-drt6V .poster-container-Fruke .play-icon-layer-_75Lo .play-icon-outer-sAk71 { 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-drt6V .poster-container-Fruke .play-icon-layer-_75Lo .play-icon-background-yHWuQ { 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-drt6V .poster-container-Fruke .play-icon-layer-_75Lo:hover { transform: scale(1.1); } .meta-item-container-drt6V .poster-container-Fruke .progress-bar-layer-r81Qx { z-index: -1; position: absolute; bottom: 1rem; left: 1rem; right: 1rem; height: 0.45rem; border-radius: 0.45rem; overflow: hidden; } .meta-item-container-drt6V .poster-container-Fruke .progress-bar-layer-r81Qx .progress-bar-E3QY9 { position: relative; height: 100%; background-color: var(--primary-foreground-color); } .meta-item-container-drt6V .poster-container-Fruke .progress-bar-layer-r81Qx .progress-bar-background-Q7lT4 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--primary-foreground-color); opacity: 0.3; } .meta-item-container-drt6V .poster-container-Fruke .new-videos-gZv0w { z-index: -1; position: absolute; top: 0; right: 0; overflow: visible; } .meta-item-container-drt6V .poster-container-Fruke .new-videos-gZv0w .layer-RqXo1 { position: absolute; display: flex; align-items: center; justify-content: center; height: 1.25rem; width: 2.25rem; border-radius: 0.25rem; } .meta-item-container-drt6V .poster-container-Fruke .new-videos-gZv0w .layer-RqXo1:nth-child(1) { top: 0.5rem; right: 0.5rem; background-color: var(--primary-foreground-color); opacity: 0.4; } .meta-item-container-drt6V .poster-container-Fruke .new-videos-gZv0w .layer-RqXo1:nth-child(2) { top: 0.75rem; right: 0.75rem; background-color: var(--primary-foreground-color); opacity: 0.6; } .meta-item-container-drt6V .poster-container-Fruke .new-videos-gZv0w .layer-RqXo1:nth-child(3) { top: 1rem; right: 1rem; background-color: var(--primary-foreground-color); } .meta-item-container-drt6V .poster-container-Fruke .new-videos-gZv0w .layer-RqXo1 .icon-IfJ81 { height: 0.8rem; width: 0.8rem; color: var(--primary-accent-color); } .meta-item-container-drt6V .poster-container-Fruke .new-videos-gZv0w .layer-RqXo1 .label-hSihm { font-size: 0.8rem; font-weight: 600; color: var(--primary-accent-color); } .meta-item-container-drt6V .title-bar-container-DFXJK { display: flex; flex-direction: row; align-items: center; height: 4rem; overflow: visible; } .meta-item-container-drt6V .title-bar-container-DFXJK .title-label-dZZ_A { 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-drt6V .title-bar-container-DFXJK .title-label-dZZ_A:only-child { padding: 0 0.5rem; } .meta-item-container-drt6V .title-bar-container-DFXJK .menu-label-container-dlL1I { 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-drt6V .title-bar-container-DFXJK .menu-label-container-dlL1I .icon-IfJ81 { display: block; width: 100%; height: 100%; color: var(--primary-foreground-color); opacity: 0.6; } .meta-item-container-drt6V .title-bar-container-DFXJK .menu-label-container-dlL1I .menu-container-bfvDO { width: auto; } .meta-item-container-drt6V .title-bar-container-DFXJK .menu-label-container-dlL1I .menu-container-bfvDO .menu-container-Z1Pou { min-width: 9rem; max-width: 14rem; } .meta-item-container-drt6V .title-bar-container-DFXJK .menu-label-container-dlL1I .menu-container-bfvDO .menu-container-Z1Pou .option-container-yVj1o { padding: 1rem 1.5rem; } .meta-item-container-drt6V .title-bar-container-DFXJK .menu-label-container-dlL1I .menu-container-bfvDO .menu-container-Z1Pou .option-container-yVj1o:hover, .meta-item-container-drt6V .title-bar-container-DFXJK .menu-label-container-dlL1I .menu-container-bfvDO .menu-container-Z1Pou .option-container-yVj1o:focus { outline: none; background-color: var(--overlay-color); } .meta-item-container-drt6V .title-bar-container-DFXJK .menu-label-container-dlL1I .menu-container-bfvDO .menu-container-Z1Pou .option-container-yVj1o .label-kz1K0 { font-weight: 500; color: var(--primary-foreground-color); opacity: 0.8; } @media only screen and (max-width: 640px) { .meta-item-container-drt6V { padding: 0.5rem; } .meta-item-container-drt6V .title-bar-container-DFXJK { margin-top: 0.5rem; } } .search-bar-container-TNPzI { --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-TNPzI .search-input-aOiJ2 { 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-TNPzI .search-input-aOiJ2::placeholder, .search-bar-container-TNPzI .search-input-aOiJ2 .placeholder-label-Irklk { max-height: 1.2em; opacity: 1; color: var(--primary-foreground-color); opacity: 0.6; } .search-bar-container-TNPzI .submit-button-container-jPP5J { 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-TNPzI .submit-button-container-jPP5J .icon-FT4bG { flex: none; width: 1.7rem; height: 1.7rem; color: var(--primary-foreground-color); opacity: 0.6; } .search-bar-container-TNPzI .menu-container-vU2Gr { 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-TNPzI .menu-container-vU2Gr .label-Pk7mj { font-size: 0.9rem; color: var(--primary-foreground-color); } .search-bar-container-TNPzI .menu-container-vU2Gr .title-CwL12 { display: flex; justify-content: space-between; width: 100%; opacity: 0.8; padding-bottom: 1rem; } .search-bar-container-TNPzI .menu-container-vU2Gr .title-CwL12 .search-history-clear-i_wja { cursor: pointer; color: var(--primary-foreground-color); font-size: 0.9rem; } .search-bar-container-TNPzI .menu-container-vU2Gr .title-CwL12 .search-history-clear-i_wja:hover { opacity: 0.6; } .search-bar-container-TNPzI .menu-container-vU2Gr .items-XwajL { width: 100%; margin: 0 auto; display: flex; justify-content: center; align-items: flex-start; flex-direction: column; } .search-bar-container-TNPzI .menu-container-vU2Gr .items-XwajL .item-C5WAm { 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-TNPzI .menu-container-vU2Gr .items-XwajL .item-C5WAm:hover { background-color: var(--secondary-background-color); } .text-input-jR2Nr { user-select: text; } .text-input-jR2Nr::-moz-focus-inner { border: none; } .nav-menu-popup-label-JmI2m .menu-container-bfvDO { margin-top: 1rem; } .nav-menu-container-VSzwW { 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-VSzwW .user-info-container-BR8yb { display: flex; padding: 1.5rem 1rem; } .nav-menu-container-VSzwW .user-info-container-BR8yb .avatar-container-jmlBM { 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-VSzwW .user-info-container-BR8yb .user-info-details-vvVBe { flex: auto; display: flex; flex-direction: column; justify-content: center; margin-left: 1rem; } .nav-menu-container-VSzwW .user-info-container-BR8yb .user-info-details-vvVBe .email-container-fvFrL { flex: none; margin-bottom: 0.5rem; } .nav-menu-container-VSzwW .user-info-container-BR8yb .user-info-details-vvVBe .email-container-fvFrL .email-label-WBX2T { flex: 1; color: var(--primary-foreground-color); } .nav-menu-container-VSzwW .user-info-container-BR8yb .user-info-details-vvVBe .logout-button-container-hSW_i { flex: none; } .nav-menu-container-VSzwW .user-info-container-BR8yb .user-info-details-vvVBe .logout-button-container-hSW_i:hover, .nav-menu-container-VSzwW .user-info-container-BR8yb .user-info-details-vvVBe .logout-button-container-hSW_i:focus { outline: none; } .nav-menu-container-VSzwW .user-info-container-BR8yb .user-info-details-vvVBe .logout-button-container-hSW_i:hover .logout-label-dUa8B, .nav-menu-container-VSzwW .user-info-container-BR8yb .user-info-details-vvVBe .logout-button-container-hSW_i:focus .logout-label-dUa8B { text-decoration: underline; } .nav-menu-container-VSzwW .user-info-container-BR8yb .user-info-details-vvVBe .logout-button-container-hSW_i .logout-label-dUa8B { flex: 1; font-size: 0.9rem; font-weight: 500; color: var(--primary-foreground-color); } .nav-menu-container-VSzwW .nav-menu-section-oMELF { border-top: thin solid var(--overlay-color); } .nav-menu-container-VSzwW .nav-menu-section-oMELF .nav-menu-option-container-gZ1gT { display: flex; flex-direction: row; align-items: center; height: 4rem; padding: 0 1.5rem; } .nav-menu-container-VSzwW .nav-menu-section-oMELF .nav-menu-option-container-gZ1gT:hover { background-color: var(--overlay-color); } .nav-menu-container-VSzwW .nav-menu-section-oMELF .nav-menu-option-container-gZ1gT .icon-OSgm6 { flex: none; width: 2rem; height: 2rem; margin-right: 1rem; color: var(--primary-foreground-color); opacity: 0.3; } .nav-menu-container-VSzwW .nav-menu-section-oMELF .nav-menu-option-container-gZ1gT .nav-menu-option-label-XNuY6 { flex: 1; color: var(--primary-foreground-color); } @media only screen and (max-width: 640px) { .nav-menu-container-VSzwW { max-height: calc(100vh - var(--horizontal-nav-bar-size) - var(--vertical-nav-bar-size) - 1rem); } } .horizontal-nav-bar-container-jFw5Y { 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; } .horizontal-nav-bar-container-jFw5Y .logo-container-fnFzY { 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-jFw5Y .logo-container-fnFzY .logo-RVSxt { flex: none; width: 2.5rem; height: 2.5rem; object-position: center; object-fit: contain; opacity: 0.9; } .horizontal-nav-bar-container-jFw5Y .back-button-container-K9AwF { margin-left: 1rem; } .horizontal-nav-bar-container-jFw5Y .title-_UxXH { 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-jFw5Y .search-bar-NopQ6 { height: 3.25rem; width: 30rem; } .horizontal-nav-bar-container-jFw5Y .buttons-container-fHCke { display: flex; flex-direction: row; gap: 0.5rem; overflow: visible; } .horizontal-nav-bar-container-jFw5Y .button-container-B23qB { flex: none; display: flex; align-items: center; justify-content: center; width: 3.5rem; height: 3.5rem; border-radius: 0.75rem; opacity: 0.4; } .horizontal-nav-bar-container-jFw5Y .button-container-B23qB .icon-wrBcp { flex: none; width: 2rem; height: 2rem; color: var(--primary-foreground-color); opacity: 0.6; } .horizontal-nav-bar-container-jFw5Y .button-container-B23qB:hover, .horizontal-nav-bar-container-jFw5Y .button-container-B23qB.active { background-color: var(--overlay-color); opacity: 1; } .horizontal-nav-bar-container-jFw5Y .button-container-B23qB:hover .icon-wrBcp, .horizontal-nav-bar-container-jFw5Y .button-container-B23qB.active .icon-wrBcp { color: var(--primary-foreground-color); opacity: 0.8; } @media only screen and (max-width: 640px) { .horizontal-nav-bar-container-jFw5Y { justify-content: space-between; padding-right: 0; } .horizontal-nav-bar-container-jFw5Y .logo-container-fnFzY { width: var(--horizontal-nav-bar-size); } .horizontal-nav-bar-container-jFw5Y .button-container-B23qB { margin: 0 1rem; } .horizontal-nav-bar-container-jFw5Y .button-container-B23qB:not(.back-button-container-K9AwF):not(.menu-button-container-WWcwa) { display: none; } } .nav-tab-button-container-r8HUb { display: flex; flex-direction: column; align-items: center; justify-content: center; background-color: transparent; border-radius: 0.75rem; } .nav-tab-button-container-r8HUb:hover { background-color: var(--overlay-color); } .nav-tab-button-container-r8HUb:hover .label-mc9eB { opacity: 0.6; } .nav-tab-button-container-r8HUb.selected .icon-vxKmB { opacity: 1; color: var(--primary-accent-color); } .nav-tab-button-container-r8HUb .icon-vxKmB, .nav-tab-button-container-r8HUb .logo-ST06l { flex: none; width: 2.2rem; height: 2.2rem; margin-bottom: 0.5rem; } .nav-tab-button-container-r8HUb .icon-vxKmB { color: var(--primary-foreground-color); opacity: 0.2; } .nav-tab-button-container-r8HUb .label-mc9eB { 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-r8HUb .label-mc9eB { opacity: 0.2; } .nav-tab-button-container-r8HUb.selected .label-mc9eB { opacity: 0.6; } } .vertical-nav-bar-container-AsGLM { 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-AsGLM::-webkit-scrollbar { display: none; } .vertical-nav-bar-container-AsGLM .nav-tab-button-noMv6 { 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-AsGLM { 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-AsGLM .nav-tab-button-noMv6 { flex: none; } .vertical-nav-bar-container-AsGLM .nav-tab-button-noMv6:last-child { display: none; } } @media only screen and (max-height: 640px) { .vertical-nav-bar-container-AsGLM .nav-tab-button-noMv6:last-child { display: none; } } .main-nav-bars-container-fA7pO { position: relative; z-index: 0; } .main-nav-bars-container-fA7pO .horizontal-nav-bar-x5sxp { position: absolute; top: 0; right: 0; left: 0; z-index: 1; } .main-nav-bars-container-fA7pO .vertical-nav-bar-JNw53 { position: absolute; top: var(--horizontal-nav-bar-size); bottom: 0; left: 0; z-index: 1; } .main-nav-bars-container-fA7pO .nav-content-container-VHwOU { position: absolute; top: var(--horizontal-nav-bar-size); right: 0; bottom: 0; left: var(--vertical-nav-bar-size); z-index: 0; } @media only screen and (max-width: 640px) { .main-nav-bars-container-fA7pO .nav-content-container-VHwOU { left: 0; bottom: var(--vertical-nav-bar-size); } .main-nav-bars-container-fA7pO .vertical-nav-bar-JNw53 { top: initial; } } .share-prompt-container-YsJwl .buttons-container-Oc7PG { display: flex; flex-direction: row; } .share-prompt-container-YsJwl .buttons-container-Oc7PG .button-container-oMOnv { flex: 1; display: flex; flex-direction: row; align-items: center; justify-content: center; padding: 1rem; } .share-prompt-container-YsJwl .buttons-container-Oc7PG .button-container-oMOnv:not(:last-child) { margin-right: 1rem; } .share-prompt-container-YsJwl .buttons-container-Oc7PG .button-container-oMOnv .icon-FVvQH { flex: none; height: 1.5rem; color: var(--primary-foreground-color); } .share-prompt-container-YsJwl .buttons-container-Oc7PG .facebook-button-KaNwb, .share-prompt-container-YsJwl .buttons-container-Oc7PG .x-button-qkuNq, .share-prompt-container-YsJwl .buttons-container-Oc7PG .reddit-button-qVXIY { border-radius: var(--border-radius); } .share-prompt-container-YsJwl .buttons-container-Oc7PG .facebook-button-KaNwb:focus, .share-prompt-container-YsJwl .buttons-container-Oc7PG .x-button-qkuNq:focus, .share-prompt-container-YsJwl .buttons-container-Oc7PG .reddit-button-qVXIY:focus { outline-color: var(--primary-foreground-color); } .share-prompt-container-YsJwl .buttons-container-Oc7PG .facebook-button-KaNwb { background-color: var(--color-facebook); } .share-prompt-container-YsJwl .buttons-container-Oc7PG .x-button-qkuNq { background-color: var(--color-x); } .share-prompt-container-YsJwl .buttons-container-Oc7PG .reddit-button-qVXIY { background-color: var(--color-reddit); } .share-prompt-container-YsJwl .url-container-fMSp4 { display: flex; flex-direction: row; margin-top: 1rem; border-radius: var(--border-radius); background-color: var(--overlay-color); } .share-prompt-container-YsJwl .url-container-fMSp4 .url-text-input-Yka4x { flex: 1; align-self: stretch; padding: 1rem; font-size: 1.1rem; text-align: center; color: var(--primary-foreground-color); } .share-prompt-container-YsJwl .url-container-fMSp4 .copy-button-ShwCB { 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-YsJwl .url-container-fMSp4 .copy-button-ShwCB:hover { outline: var(--focus-outline-size) solid var(--secondary-accent-color); background-color: transparent; } .share-prompt-container-YsJwl .url-container-fMSp4 .copy-button-ShwCB:focus { outline-color: var(--primary-foreground-color); } .share-prompt-container-YsJwl .url-container-fMSp4 .copy-button-ShwCB .icon-FVvQH { flex: none; width: 1.2rem; height: 1.2rem; margin-right: 0.5rem; color: var(--primary-foreground-color); } .share-prompt-container-YsJwl .url-container-fMSp4 .copy-button-ShwCB .label-iOGrs { 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-TmbQ2 { 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-TmbQ2:hover, .action-button-container-TmbQ2:focus { outline: var(--focus-outline-size) solid var(--primary-foreground-color); background-color: transparent; } .action-button-container-TmbQ2 .icon-container-hvLw4 { flex: none; } .action-button-container-TmbQ2 .icon-container-hvLw4 .icon-DG4TM { display: block; height: 1.75rem; width: 1.75rem; color: var(--primary-foreground-color); opacity: 0.9; } .action-button-container-TmbQ2 .label-container-eh2bk { flex: none; align-self: stretch; display: flex; flex-direction: row; align-items: center; } .action-button-container-TmbQ2 .label-container-eh2bk .label-YhHvD { 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 only screen and (max-width: 640px) { .action-button-container-TmbQ2 { flex-direction: row; padding: 0 1rem; } .action-button-container-TmbQ2 .icon-container-hvLw4 { 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-wSrm1 .label-container-zWFke { 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-wSrm1 .links-container-o4RUG { display: flex; flex-direction: row; flex-wrap: wrap; } .meta-links-container-wSrm1 .links-container-o4RUG .link-container-HUDqV { 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-wSrm1 .links-container-o4RUG .link-container-HUDqV:hover, .meta-links-container-wSrm1 .links-container-o4RUG .link-container-HUDqV:focus { background-color: hsla(0, 0%, 100%, 0.3); } .meta-links-container-wSrm1 .links-container-o4RUG .link-container-HUDqV:focus { outline: none; border-color: hsl(0, 0%, 100%); } .meta-preview-placeholder-container-AQ4ld { display: flex; flex-direction: column; } .meta-preview-placeholder-container-AQ4ld .meta-info-container-pEOFb { flex: 1; align-self: stretch; } .meta-preview-placeholder-container-AQ4ld .meta-info-container-pEOFb .logo-container-g5eNB { width: 20rem; height: 8rem; max-width: 100%; border-radius: var(--border-radius); background-color: var(--color-placeholder-background); } .meta-preview-placeholder-container-AQ4ld .meta-info-container-pEOFb .duration-release-info-container-lNaI6 { display: flex; flex-direction: row; flex-wrap: wrap; margin: 1rem 0; } .meta-preview-placeholder-container-AQ4ld .meta-info-container-pEOFb .duration-release-info-container-lNaI6 .duration-container-x2E01 { flex-basis: 5rem; height: 1.4rem; margin-right: 1rem; border-radius: var(--border-radius); background-color: var(--color-placeholder-background); } .meta-preview-placeholder-container-AQ4ld .meta-info-container-pEOFb .duration-release-info-container-lNaI6 .release-info-container-PEmeu { flex-basis: 5rem; height: 1.4rem; border-radius: var(--border-radius); background-color: var(--color-placeholder-background); } .meta-preview-placeholder-container-AQ4ld .meta-info-container-pEOFb .genres-container-v3H7A { margin: 1rem 0; } .meta-preview-placeholder-container-AQ4ld .meta-info-container-pEOFb .genres-container-v3H7A .genres-header-container-lsPLU { width: 6.5rem; height: 1.6rem; max-width: 100%; border-radius: var(--border-radius); background-color: var(--color-placeholder-background); } .meta-preview-placeholder-container-AQ4ld .meta-info-container-pEOFb .genres-container-v3H7A .genre-label-container-z7kU8 { 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-AQ4ld .action-buttons-container-U3sbl { 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-bgBNf { position: relative; z-index: 0; display: flex; flex-direction: column; } .meta-preview-container-bgBNf.compact-Wbl4Q .meta-info-container-tlmcb .logo-X9v1A, .meta-preview-container-bgBNf.compact-Wbl4Q .meta-info-container-tlmcb .logo-placeholder-kIy0x { width: 100%; height: 6rem; } .meta-preview-container-bgBNf.compact-Wbl4Q .meta-info-container-tlmcb .runtime-release-info-container-lXo3K { justify-content: space-between; } .meta-preview-container-bgBNf.compact-Wbl4Q .meta-info-container-tlmcb .runtime-release-info-container-lXo3K .runtime-label-B29EN, .meta-preview-container-bgBNf.compact-Wbl4Q .meta-info-container-tlmcb .runtime-release-info-container-lXo3K .release-info-label-XmqSY { margin: 1rem 0.4rem; } .meta-preview-container-bgBNf.compact-Wbl4Q .meta-info-container-tlmcb .description-container-eSGft { max-height: none; } .meta-preview-container-bgBNf.compact-Wbl4Q .action-buttons-container-qQrnO { justify-content: space-between; } .meta-preview-container-bgBNf.compact-Wbl4Q .action-buttons-container-qQrnO .action-button-R44aX:not(:last-child) { margin-right: 0; } .meta-preview-container-bgBNf .background-image-layer-GstuA { position: absolute; top: -10px; right: -10px; bottom: -10px; left: -10px; z-index: -1; } .meta-preview-container-bgBNf .background-image-layer-GstuA .background-image-B0d6i { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; filter: blur(10px); opacity: 0.3; } .meta-preview-container-bgBNf .meta-info-container-tlmcb { flex: 1; align-self: stretch; overflow-y: auto; } .meta-preview-container-bgBNf .meta-info-container-tlmcb:not(:hover) { scrollbar-color: transparent transparent; } .meta-preview-container-bgBNf .meta-info-container-tlmcb:not(:hover)::-webkit-scrollbar-thumb, .meta-preview-container-bgBNf .meta-info-container-tlmcb:not(:hover)::-webkit-scrollbar-track { background-color: transparent; } .meta-preview-container-bgBNf .meta-info-container-tlmcb .logo-X9v1A, .meta-preview-container-bgBNf .meta-info-container-tlmcb .logo-placeholder-kIy0x { display: block; max-width: 100%; margin-bottom: 2rem; } .meta-preview-container-bgBNf .meta-info-container-tlmcb .logo-X9v1A { height: 9rem; object-fit: contain; object-position: center; } .meta-preview-container-bgBNf .meta-info-container-tlmcb .logo-placeholder-kIy0x { font-size: 1.7rem; color: hsla(0, 0%, 100%, 0.9); } .meta-preview-container-bgBNf .meta-info-container-tlmcb .runtime-release-info-container-lXo3K { display: flex; flex-direction: row; align-items: center; flex-wrap: wrap; margin-top: 1rem; } .meta-preview-container-bgBNf .meta-info-container-tlmcb .runtime-release-info-container-lXo3K .runtime-label-B29EN, .meta-preview-container-bgBNf .meta-info-container-tlmcb .runtime-release-info-container-lXo3K .release-info-label-XmqSY { flex: 0 1 auto; margin-right: 3rem; font-size: 1.25rem; font-weight: 600; color: var(--primary-foreground-color); } .meta-preview-container-bgBNf .meta-info-container-tlmcb .runtime-release-info-container-lXo3K .imdb-button-container-qCbl7 { flex: 0 1 auto; display: flex; flex-direction: row; align-items: center; border-radius: 2.5rem; } .meta-preview-container-bgBNf .meta-info-container-tlmcb .runtime-release-info-container-lXo3K .imdb-button-container-qCbl7:focus { outline: none; border: var(--focus-outline-size) solid hsl(0, 0%, 100%); } .meta-preview-container-bgBNf .meta-info-container-tlmcb .runtime-release-info-container-lXo3K .imdb-button-container-qCbl7 .label-_DfnK { flex: 0 1 auto; margin-right: 1rem; font-size: 1.25rem; font-weight: 600; color: var(--primary-foreground-color); } .meta-preview-container-bgBNf .meta-info-container-tlmcb .runtime-release-info-container-lXo3K .imdb-button-container-qCbl7 .icon-MBu8k { flex: none; width: 3rem; height: 3rem; color: var(--color-imdb); } .meta-preview-container-bgBNf .meta-info-container-tlmcb .description-container-eSGft { margin-top: 1rem; font-size: 1rem; font-weight: 400; line-height: 2em; color: var(--primary-foreground-color); } .meta-preview-container-bgBNf .meta-info-container-tlmcb .description-container-eSGft .label-container-xChHj { text-transform: uppercase; font-size: 0.95rem; font-weight: 700; color: var(--primary-foreground-color); opacity: 0.3; } .meta-preview-container-bgBNf .meta-info-container-tlmcb .meta-links-mTHUo { margin-top: 1.5rem; } .meta-preview-container-bgBNf .action-buttons-container-qQrnO { 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-bgBNf .action-buttons-container-qQrnO .label-_DfnK { 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-bgBNf .action-buttons-container-qQrnO:not(:last-child) { margin-right: 1rem; } .meta-preview-container-bgBNf .action-buttons-container-qQrnO:hover .label-_DfnK { opacity: 0.7; } .meta-preview-container-bgBNf .action-buttons-container-qQrnO .action-button-R44aX { flex: none; width: 4rem; height: 4rem; margin-bottom: 1rem; } .meta-preview-container-bgBNf .action-buttons-container-qQrnO .action-button-R44aX.wide { width: auto; padding: 0 2rem; border-radius: 4rem; } .meta-preview-container-bgBNf .action-buttons-container-qQrnO .action-button-R44aX:not(:last-child) { margin-right: 1rem; } .meta-preview-container-bgBNf .action-buttons-container-qQrnO .action-button-R44aX.show-button-Sh8P3:hover, .meta-preview-container-bgBNf .action-buttons-container-qQrnO .action-button-R44aX.show-button-Sh8P3:focus { background-color: var(--secondary-accent-color); outline: none; } .share-prompt-F8qOC { width: 30rem; } @media only screen and (max-width: 640px) { .meta-preview-container-bgBNf .meta-info-container-tlmcb .logo-X9v1A { margin: 2rem auto; } .meta-preview-container-bgBNf .meta-info-container-tlmcb .runtime-release-info-container-lXo3K { justify-content: space-between; } .meta-preview-container-bgBNf .meta-info-container-tlmcb .runtime-release-info-container-lXo3K .runtime-label-B29EN, .meta-preview-container-bgBNf .meta-info-container-tlmcb .runtime-release-info-container-lXo3K .release-info-label-XmqSY { margin: 0; } .meta-preview-container-bgBNf .action-buttons-container-qQrnO { flex-shrink: 0; margin-top: 3rem; overflow: visible; scrollbar-width: none; } .meta-preview-container-bgBNf .action-buttons-container-qQrnO::-webkit-scrollbar { display: none; } .share-prompt-F8qOC { width: auto; } } .meta-row-placeholder-container-wpHNk .header-container-GCHdB { display: flex; flex-direction: row; align-items: center; justify-content: flex-end; padding: 0 1rem; margin-bottom: 0.5rem; } .meta-row-placeholder-container-wpHNk .header-container-GCHdB .title-container-Bjp93 { flex: 1; max-height: 2.4em; font-size: 1.6rem; font-weight: 500; color: var(--color-placeholder-text); } .meta-row-placeholder-container-wpHNk .header-container-GCHdB .title-container-Bjp93:empty { height: 1.2em; background: linear-gradient(to right, var(--color-placeholder-background) 0 40%, transparent 40% 100%); } .meta-row-placeholder-container-wpHNk .header-container-GCHdB .see-all-container-FnlIf { flex: none; display: flex; flex-direction: row; align-items: center; max-width: 12rem; padding: 0.2rem; } .meta-row-placeholder-container-wpHNk .header-container-GCHdB .see-all-container-FnlIf:focus { outline: none; background-color: var(--color-placeholder-background); } .meta-row-placeholder-container-wpHNk .header-container-GCHdB .see-all-container-FnlIf .label-dU3S2 { flex: 0 1 auto; max-height: 1.2em; font-size: 1rem; font-weight: 500; color: var(--color-placeholder-text); } .meta-row-placeholder-container-wpHNk .header-container-GCHdB .see-all-container-FnlIf .icon-FLhtv { flex: none; height: 1rem; margin-left: 0.5rem; color: var(--color-placeholder-text); } .meta-row-placeholder-container-wpHNk .meta-items-container-dbGXx { display: flex; flex-direction: row; align-items: stretch; } .meta-row-placeholder-container-wpHNk .meta-items-container-dbGXx .meta-item-IegjY { flex: 1; margin: 1rem; } .meta-row-placeholder-container-wpHNk .meta-items-container-dbGXx .meta-item-IegjY:not(:first-child) { margin-left: 1.5rem; } .meta-row-placeholder-container-wpHNk .meta-items-container-dbGXx .meta-item-IegjY .poster-container-RlQMV { border-radius: var(--border-radius); padding-bottom: calc(100% * var(--poster-shape-ratio)); background-color: var(--color-placeholder-background); } .meta-row-placeholder-container-wpHNk .meta-items-container-dbGXx .meta-item-IegjY .title-bar-container-YJZrl { display: flex; flex-direction: row; align-items: center; justify-content: center; height: 2.8rem; } .meta-row-placeholder-container-wpHNk .meta-items-container-dbGXx .meta-item-IegjY .title-bar-container-YJZrl .title-label-Ka1vs { 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-wpHNk .meta-items-container-dbGXx .meta-item-IegjY { margin: 0.5rem; } .meta-row-placeholder-container-wpHNk .meta-items-container-dbGXx .meta-item-IegjY:not(:first-child) { margin-left: 0.5rem; } .meta-row-placeholder-container-wpHNk .meta-items-container-dbGXx .meta-item-IegjY .title-bar-container-YJZrl { margin-top: 0.5rem; } } .meta-row-container-ucOuu { overflow: visible; } .meta-row-container-ucOuu .header-container-RherZ { display: flex; flex-direction: row; align-items: center; justify-content: flex-end; padding: 0 1rem; margin-bottom: 0.25rem; } .meta-row-container-ucOuu .header-container-RherZ .title-container-SJ0nR { flex: 1; max-height: 2.4em; font-size: 1.6rem; font-weight: 500; color: var(--primary-foreground-color); } .meta-row-container-ucOuu .header-container-RherZ .see-all-container-HlJ4b { 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-ucOuu .header-container-RherZ .see-all-container-HlJ4b:hover, .meta-row-container-ucOuu .header-container-RherZ .see-all-container-HlJ4b:focus { outline: none; background-color: var(--overlay-color); opacity: 1; } .meta-row-container-ucOuu .header-container-RherZ .see-all-container-HlJ4b .label-isJw8 { flex: 0 1 auto; max-height: 1.2em; font-size: 1rem; font-weight: 500; color: var(--primary-foreground-color); } .meta-row-container-ucOuu .header-container-RherZ .see-all-container-HlJ4b .icon-PO0GH { flex: none; height: 1.5rem; margin-left: 0.5rem; color: var(--primary-foreground-color); } .meta-row-container-ucOuu .message-container-bIcjN { max-height: 3.6em; padding: 0 0.5rem; font-size: 1.3rem; color: var(--primary-foreground-color); opacity: 0.6; } .meta-row-container-ucOuu .meta-items-container-TqzFs { display: flex; flex-direction: row; align-items: stretch; overflow: visible; } .meta-row-container-ucOuu .meta-items-container-TqzFs .meta-item-x28TU.poster-shape-poster-B1QR0 { flex: calc(1 / var(--poster-shape-ratio)); } .meta-row-container-ucOuu .meta-items-container-TqzFs .meta-item-x28TU.poster-shape-square-m5r_O { flex: 1; } .meta-row-container-ucOuu .meta-items-container-TqzFs .meta-item-x28TU.poster-shape-landscape-_FSOH { flex: calc(1 / var(--landscape-shape-ratio)); } @media only screen and (max-width: 640px) { .meta-row-container-ucOuu .header-container-RherZ { padding: 0 0.5rem; } .meta-row-container-ucOuu .header-container-RherZ .title-container-SJ0nR { margin-right: 0.5rem; white-space: nowrap; text-overflow: ellipsis; } .meta-row-container-ucOuu .meta-items-container-TqzFs .meta-item-x28TU:not(:first-child) { margin-left: 0; } } .option-SHgyE { font-size: var(--font-size-normal); color: var(--primary-foreground-color); align-items: center; display: flex; flex-direction: row; padding: 1rem; } .option-SHgyE .label-gTtLc { flex: 1; color: var(--primary-foreground-color); } .option-SHgyE .icon-lDn76 { flex: none; width: 0.5rem; height: 0.5rem; border-radius: 100%; margin-left: 1rem; background-color: var(--secondary-accent-color); opacity: 1; } .option-SHgyE:hover { background-color: rgba(255, 255, 255, 0.15); } .dropdown-F4S7Q { 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-F4S7Q.open-RbKyy { display: block; max-height: calc(3.3rem * 7); overflow: auto; } .dropdown-F4S7Q .back-button-sQrkb { display: flex; align-items: center; gap: 0 0.5rem; padding: 0.75rem; color: var(--primary-foreground-color); } .dropdown-F4S7Q .back-button-sQrkb .back-button-icon-Inmcg { width: 1.5rem; } @media (orientation: landscape) and (max-width: 1000px) { .dropdown-F4S7Q.open-RbKyy { max-height: calc(100dvh - var(--horizontal-nav-bar-size) - 10rem); } } .multiselect-menu-ilDVi { position: relative; min-width: 8.5rem; overflow: visible; border-radius: 2.75rem; } .multiselect-menu-ilDVi.disabled-gvjEF { pointer-events: none; opacity: 0.3; } .multiselect-menu-ilDVi .multiselect-button-Qry4t { 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-ilDVi .multiselect-button-Qry4t .icon-spGqV { width: 1rem; color: var(--primary-foreground-color); opacity: 0.6; } .multiselect-menu-ilDVi .multiselect-button-Qry4t .icon-spGqV.open-QN4il { transform: rotate(180deg); } .multiselect-menu-ilDVi:hover { background-color: var(--overlay-color); } .background-FNyrF { fill: hsl(0, 0%, 100%); } .icon-XXj2q { fill: hsl(0, 0%, 0%); } .search-bar-container-Vb_fz { 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-Vb_fz .search-input-BWyeG { flex: 1; max-height: 1.2em; margin-right: 1rem; font-size: 1.1rem; color: var(--color-placeholder-text); } .search-bar-container-Vb_fz .icon-poa62 { flex: none; width: 1.5rem; height: 1.5rem; color: var(--color-placeholder-background); } .search-bar-container-MpNBA { 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-MpNBA:focus-within { border: var(--focus-outline-size) solid var(--primary-foreground-color); } .search-bar-container-MpNBA .search-input-ge2wu { flex: 1; margin-right: 1rem; font-size: 1rem; color: var(--primary-foreground-color); } .search-bar-container-MpNBA .search-input-ge2wu::placeholder { color: var(--primary-foreground-color); opacity: 0.6; } .search-bar-container-MpNBA .icon-Z_Hni { flex: none; width: 1.5rem; height: 1.5rem; color: var(--primary-foreground-color); opacity: 0.6; } .warning-container-FIITF { display: flex; flex-direction: row; align-items: center; padding: 1rem; background-color: hsl(42, 100%, 39.9%); } .warning-container-FIITF .warning-statement-I7pdD { flex: 1; margin-right: 1rem; font-size: 1.2rem; max-height: 2.4em; color: hsla(0, 0%, 100%, 0.9); } .warning-container-FIITF .warning-button-zlx_V { flex: none; margin-left: 1rem; color: hsla(0, 0%, 100%, 0.9); } .warning-container-FIITF .warning-button-zlx_V:first-child { margin-left: 0; } .warning-container-FIITF .warning-button-zlx_V:hover .warning-label-XJnBc { text-decoration: underline; } .warning-container-FIITF .warning-button-zlx_V .warning-label-XJnBc { font-size: 1.2rem; max-height: 1.2em; color: hsla(0, 0%, 100%, 0.9); } .warning-container-FIITF .warning-button-zlx_V:hover { text-decoration: underline; } @media only screen and (max-width: 500px) { .warning-container-FIITF { display: block; height: auto !important; text-align: center; } .warning-container-FIITF .warning-statement-I7pdD { margin-bottom: 0.5rem; margin-right: 0; } .warning-container-FIITF .warning-button-zlx_V { display: inline-block; } } html.active-slider-within-lQFc1 { cursor: grabbing; } html.active-slider-within-lQFc1 body { pointer-events: none; } .slider-container-aRzVq { position: relative; z-index: 0; overflow: visible; cursor: pointer; } .slider-container-aRzVq.disabled { pointer-events: none; opacity: 0.5; } .slider-container-aRzVq .layer-FqnD7 { 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-aRzVq .track-jWhBI { z-index: 0; flex: 1; height: var(--track-size); border-radius: var(--track-size); background-color: var(--overlay-color); } .slider-container-aRzVq .track-before-FwOXh { z-index: 1; flex: none; height: var(--track-size); border-radius: var(--track-size); background-color: var(--overlay-color); } .slider-container-aRzVq .track-after-iD0ee { z-index: 2; flex: none; height: var(--track-size); border-radius: var(--track-size); background-color: var(--primary-foreground-color); } .slider-container-aRzVq .thumb-tfDk6 { 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%; } .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; } .video-placeholder-container-GP4pG { display: flex; flex-direction: row; align-items: center; padding: 0.5rem 1rem; } .video-placeholder-container-GP4pG .info-container-FH0DJ { flex: 1; display: flex; flex-direction: column; justify-content: space-between; height: 3rem; margin: 0.5rem 1rem; } .video-placeholder-container-GP4pG .info-container-FH0DJ .name-container-RQoMU { width: 80%; height: 1.2rem; border-radius: var(--border-radius); background: var(--color-placeholder-background); } .video-placeholder-container-GP4pG .info-container-FH0DJ .released-container-lQ_nO { height: 1rem; border-radius: var(--border-radius); background: var(--color-placeholder-background); } .video-container-PrFN0 { 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-PrFN0:hover, .video-container-PrFN0:focus, .video-container-PrFN0.active { background-color: var(--overlay-color); } .video-container-PrFN0 .thumbnail-container-wzSlJ { flex: none; position: relative; border-radius: 0.3rem; overflow: hidden; } .video-container-PrFN0 .thumbnail-container-wzSlJ .thumbnail-QJJDX { 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-PrFN0 .thumbnail-container-wzSlJ .placeholder-icon-XGtlQ { display: block; height: 5rem; width: 8rem; padding: 1rem; color: var(--primary-foreground-color); background-color: var(--overlay-color); opacity: 0.25; } .video-container-PrFN0 .thumbnail-container-wzSlJ .progress-bar-container-_N3Wl { position: absolute; bottom: 0.5rem; left: 0.5rem; right: 0.5rem; border-radius: var(--border-radius); } .video-container-PrFN0 .thumbnail-container-wzSlJ .progress-bar-container-_N3Wl .progress-bar-JixOj { z-index: 1; position: relative; height: 0.4rem; background-color: var(--primary-accent-color); } .video-container-PrFN0 .thumbnail-container-wzSlJ .progress-bar-container-_N3Wl .progress-bar-background-T_MxP { z-index: 0; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: var(--primary-foreground-color); opacity: 0.2; } .video-container-PrFN0 .info-container-saEdB { flex: 1; align-self: stretch; display: flex; flex-direction: column; justify-content: center; padding: 0 0.5rem 0 1.5rem; } .video-container-PrFN0 .info-container-saEdB .title-container-zZwDz { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom: 1rem; color: var(--primary-foreground-color); } .video-container-PrFN0 .info-container-saEdB .flex-row-container-GRb28 { display: flex; flex-direction: row; align-items: center; justify-content: flex-end; } .video-container-PrFN0 .info-container-saEdB .flex-row-container-GRb28 .released-container-E2uui { 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-PrFN0 .info-container-saEdB .flex-row-container-GRb28 .upcoming-watched-container-qhgYC { flex: 0 1 auto; display: flex; flex-direction: row; align-items: center; height: 1.6rem; border-radius: 0.3rem; } .video-container-PrFN0 .info-container-saEdB .flex-row-container-GRb28 .upcoming-watched-container-qhgYC > :nth-child(2) { margin-left: 0.5rem; } .video-container-PrFN0 .info-container-saEdB .flex-row-container-GRb28 .upcoming-watched-container-qhgYC .upcoming-container-HBypQ, .video-container-PrFN0 .info-container-saEdB .flex-row-container-GRb28 .upcoming-watched-container-qhgYC .watched-container-U1ZU7 { flex: none; display: flex; align-items: center; height: 100%; padding: 0 0.5rem; max-width: 10rem; } .video-container-PrFN0 .info-container-saEdB .flex-row-container-GRb28 .upcoming-watched-container-qhgYC .upcoming-container-HBypQ:not(:only-child), .video-container-PrFN0 .info-container-saEdB .flex-row-container-GRb28 .upcoming-watched-container-qhgYC .watched-container-U1ZU7:not(:only-child) { max-width: 5rem; } .video-container-PrFN0 .info-container-saEdB .flex-row-container-GRb28 .upcoming-watched-container-qhgYC .upcoming-container-HBypQ .flag-icon-t5jaO, .video-container-PrFN0 .info-container-saEdB .flex-row-container-GRb28 .upcoming-watched-container-qhgYC .watched-container-U1ZU7 .flag-icon-t5jaO { height: 1.15rem; width: 1.15rem; margin-right: 0.25rem; color: var(--secondary-foreground-color); } .video-container-PrFN0 .info-container-saEdB .flex-row-container-GRb28 .upcoming-watched-container-qhgYC .upcoming-container-HBypQ .flag-label-pqBFY, .video-container-PrFN0 .info-container-saEdB .flex-row-container-GRb28 .upcoming-watched-container-qhgYC .watched-container-U1ZU7 .flag-label-pqBFY { font-size: 0.8rem; font-weight: 800; white-space: nowrap; text-overflow: ellipsis; text-transform: uppercase; color: var(--secondary-foreground-color); } .video-container-PrFN0 .info-container-saEdB .flex-row-container-GRb28 .upcoming-watched-container-qhgYC .upcoming-container-HBypQ { background-color: var(--secondary-accent-color); } .video-container-PrFN0 .info-container-saEdB .flex-row-container-GRb28 .upcoming-watched-container-qhgYC .watched-container-U1ZU7 { background-color: var(--tertiary-accent-color); } .video-container-PrFN0 .menu-container-bfvDO { max-width: calc(90% - 1.5rem); z-index: 2; } .video-container-PrFN0 .menu-container-bfvDO .context-menu-content-CuhCH { --spatial-navigation-contain: contain; } .video-container-PrFN0 .menu-container-bfvDO .context-menu-content-CuhCH .context-menu-option-container-EJyAE { display: flex; flex-direction: row; align-items: center; padding: 1rem 1.5rem; } .video-container-PrFN0 .menu-container-bfvDO .context-menu-content-CuhCH .context-menu-option-container-EJyAE:hover, .video-container-PrFN0 .menu-container-bfvDO .context-menu-content-CuhCH .context-menu-option-container-EJyAE:focus { background-color: var(--overlay-color); } .video-container-PrFN0 .menu-container-bfvDO .context-menu-content-CuhCH .context-menu-option-container-EJyAE .context-menu-option-label-s0Jeq { font-size: 1rem; font-weight: 500; color: var(--primary-foreground-color); } @media only screen and (max-width: 640px) { .video-container-PrFN0 .menu-container-bfvDO.menu-direction-top-left-KpAQN, .video-container-PrFN0 .menu-container-bfvDO.menu-direction-bottom-left-Uw06K { right: 1.5rem; } .video-container-PrFN0 .menu-container-bfvDO.menu-direction-top-right-jOtwq, .video-container-PrFN0 .menu-container-bfvDO.menu-direction-bottom-right-XZ9Ch { left: 1.5rem; } .video-container-PrFN0 .menu-container-bfvDO.menu-direction-top-left-KpAQN, .video-container-PrFN0 .menu-container-bfvDO.menu-direction-top-right-jOtwq { bottom: 90%; } .video-container-PrFN0 .menu-container-bfvDO.menu-direction-bottom-left-Uw06K, .video-container-PrFN0 .menu-container-bfvDO.menu-direction-bottom-right-XZ9Ch { top: 90%; } } .event-modal-rnryK { backdrop-filter: blur(10px); } .event-modal-rnryK .modal-dialog-container-QgsId { overflow: visible; max-width: 45rem; } .event-modal-rnryK .modal-dialog-container-QgsId .modal-dialog-content-ChXwF { display: flex; flex-direction: column; align-items: center; overflow: visible; position: relative; } .event-modal-rnryK .modal-dialog-container-QgsId .modal-dialog-content-ChXwF .body-container-KIV16 { overflow-y: visible; } .event-modal-rnryK .modal-dialog-container-QgsId .modal-dialog-content-ChXwF .image-e8XVK { position: absolute; top: -10rem; left: 50%; transform: translateX(-50%); object-fit: cover; width: 30rem; height: 30rem; } .event-modal-rnryK .modal-dialog-container-QgsId .modal-dialog-content-ChXwF .info-container-wB_Hp { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2.5rem; padding: 10rem 4rem 0; } .event-modal-rnryK .modal-dialog-container-QgsId .modal-dialog-content-ChXwF .info-container-wB_Hp .title-container-HRHiu { display: flex; flex-direction: column; gap: 1rem; } .event-modal-rnryK .modal-dialog-container-QgsId .modal-dialog-content-ChXwF .info-container-wB_Hp .title-container-HRHiu .title-QWkHL { color: var(--primary-foreground-color); font-size: 1.325rem; text-align: center; padding: 0 6rem; } .event-modal-rnryK .modal-dialog-container-QgsId .modal-dialog-content-ChXwF .info-container-wB_Hp .title-container-HRHiu .label-BkLRo { color: var(--primary-foreground-color); font-size: 1rem; text-align: center; opacity: 0.5; } .event-modal-rnryK .modal-dialog-container-QgsId .modal-dialog-content-ChXwF .info-container-wB_Hp .addon-container-vbdZn { display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 0.5rem; } .event-modal-rnryK .modal-dialog-container-QgsId .modal-dialog-content-ChXwF .info-container-wB_Hp .addon-container-vbdZn .icon-wYzOg { height: 2rem; width: 2rem; color: var(--primary-accent-color); } .event-modal-rnryK .modal-dialog-container-QgsId .modal-dialog-content-ChXwF .info-container-wB_Hp .addon-container-vbdZn .name-YiulJ { color: var(--primary-foreground-color); } .event-modal-rnryK .modal-dialog-container-QgsId .modal-dialog-content-ChXwF .info-container-wB_Hp .action-button-Off_h { background-color: var(--primary-foreground-color); border: 2px solid var(--primary-foreground-color); padding: 0.8rem 2rem; border-radius: 2rem; } .event-modal-rnryK .modal-dialog-container-QgsId .modal-dialog-content-ChXwF .info-container-wB_Hp .action-button-Off_h .button-label-j6aOz { color: var(--primary-accent-color); font-size: 1rem; font-weight: 700; } .event-modal-rnryK .modal-dialog-container-QgsId .modal-dialog-content-ChXwF .info-container-wB_Hp .action-button-Off_h:hover { background-color: transparent; } @media (orientation: landscape) and (max-height: 640px) { .event-modal-rnryK .modal-dialog-container-QgsId .modal-dialog-content-ChXwF { overflow-y: auto; } .event-modal-rnryK .modal-dialog-container-QgsId .modal-dialog-content-ChXwF .body-container-KIV16 { overflow-y: auto; } .event-modal-rnryK .modal-dialog-container-QgsId .modal-dialog-content-ChXwF .image-e8XVK { display: none; } .event-modal-rnryK .modal-dialog-container-QgsId .modal-dialog-content-ChXwF .info-container-wB_Hp { padding: 1rem 4rem 0; } } @media only screen and (max-width: 640px) { .event-modal-rnryK .modal-dialog-container-QgsId .modal-dialog-content-ChXwF .info-container-wB_Hp .title-container-HRHiu .title-QWkHL { padding: 0rem; font-size: 1rem; } .event-modal-rnryK .modal-dialog-container-QgsId .modal-dialog-content-ChXwF .info-container-wB_Hp .title-container-HRHiu .label-BkLRo { font-size: 0.875rem; } } .addon-container-lC5KN { 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-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 { width: 100%; height: 100%; background-color: transparent; } .addons-container-ogGYu .addons-content-zhFBl { width: 100%; height: 100%; display: flex; flex-direction: column; align-self: stretch; } .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; } .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); } .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-Z1Pou { 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; padding: 0 1.5rem; 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-QgsId { overflow: visible; } .filters-modal-w6oWY .modal-dialog-container-QgsId .modal-dialog-content-ChXwF { display: flex; flex-direction: column; overflow: visible !important; } .filters-modal-w6oWY .modal-dialog-container-QgsId .modal-dialog-content-ChXwF .select-input-container-KqG8N { height: 3rem; } .filters-modal-w6oWY .modal-dialog-container-QgsId .modal-dialog-content-ChXwF .select-input-container-KqG8N .menu-container-Z1Pou { overflow: auto; } .filters-modal-w6oWY .modal-dialog-container-QgsId .modal-dialog-content-ChXwF .select-input-container-KqG8N:not(:last-child) { margin-bottom: 1rem; } .add-addon-modal-container-KR5ny .modal-dialog-content-ChXwF { width: 30rem; } .add-addon-modal-container-KR5ny .modal-dialog-content-ChXwF .notice-UQkO1 { margin-bottom: 1.5rem; font-size: 1rem; color: var(--primary-foreground-color); } .add-addon-modal-container-KR5ny .modal-dialog-content-ChXwF .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-ChXwF .addon-url-input-ucetZ:hover { outline-color: var(--primary-foreground-color); } .add-addon-modal-container-KR5ny .modal-dialog-content-ChXwF .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-_ADoX { color: var(--primary-foreground-color); } .share-modal-container-DkzPM .modal-dialog-content-ChXwF { width: 30rem; } .share-modal-container-DkzPM .modal-dialog-content-ChXwF .title-container-La49g { display: flex; flex-direction: row; align-items: center; } .share-modal-container-DkzPM .modal-dialog-content-ChXwF .title-container-La49g .logo-PmYDP, .share-modal-container-DkzPM .modal-dialog-content-ChXwF .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-ChXwF .title-container-La49g .logo-PmYDP { object-fit: contain; object-position: center; } .share-modal-container-DkzPM .modal-dialog-content-ChXwF .title-container-La49g .icon-HsyZS { color: var(--primary-foreground-color); } .share-modal-container-DkzPM .modal-dialog-content-ChXwF .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-ChXwF .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-ChXwF .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-ChXwF .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-ChXwF { width: auto; } .add-addon-modal-container-KR5ny .modal-dialog-content-ChXwF { width: auto; } .add-addon-modal-container-KR5ny .modal-dialog-content-ChXwF .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; } } .meta-row-container-ucOuu{overflow:visible}.meta-row-container-ucOuu .header-container-RherZ{align-items:center;display:flex;flex-direction:row;justify-content:flex-end;margin-bottom:0.25rem;padding:0 1rem}.meta-row-container-ucOuu .header-container-RherZ .title-container-SJ0nR{color:var(--primary-foreground-color);flex:1;font-size:1.6rem;font-weight:500;max-height:2.4em}.meta-row-container-ucOuu .header-container-RherZ .see-all-container-HlJ4b{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-ucOuu .header-container-RherZ .see-all-container-HlJ4b:focus,.meta-row-container-ucOuu .header-container-RherZ .see-all-container-HlJ4b:hover{background-color:var(--overlay-color);opacity:1;outline:none}.meta-row-container-ucOuu .header-container-RherZ .see-all-container-HlJ4b .label-isJw8{color:var(--primary-foreground-color);flex:0 1 auto;font-size:1rem;font-weight:500;max-height:1.2em}.meta-row-container-ucOuu .header-container-RherZ .see-all-container-HlJ4b .icon-PO0GH{color:var(--primary-foreground-color);flex:none;height:1.5rem;margin-left:0.5rem}.meta-row-container-ucOuu .message-container-bIcjN{color:var(--primary-foreground-color);font-size:1.3rem;max-height:3.6em;opacity:0.6;padding:0 0.5rem}.meta-row-container-ucOuu .meta-items-container-TqzFs{align-items:stretch;display:flex;flex-direction:row;overflow:visible}.meta-row-container-ucOuu .meta-items-container-TqzFs .meta-item-x28TU.poster-shape-poster-B1QR0{flex:calc(1 / var(--poster-shape-ratio))}.meta-row-container-ucOuu .meta-items-container-TqzFs .meta-item-x28TU.poster-shape-square-m5r_O{flex:1}.meta-row-container-ucOuu .meta-items-container-TqzFs .meta-item-x28TU.poster-shape-landscape-_FSOH{flex:calc(1 / var(--landscape-shape-ratio))}@media only screen and (max-width:640px){.meta-row-container-ucOuu .header-container-RherZ{padding:0 0.5rem}.meta-row-container-ucOuu .header-container-RherZ .title-container-SJ0nR{margin-right:0.5rem;text-overflow:ellipsis;white-space:nowrap}.meta-row-container-ucOuu .meta-items-container-TqzFs .meta-item-x28TU:not(:first-child){margin-left:0}} .meta-row-placeholder-container-wpHNk .header-container-GCHdB{align-items:center;display:flex;flex-direction:row;justify-content:flex-end;margin-bottom:0.5rem;padding:0 1rem}.meta-row-placeholder-container-wpHNk .header-container-GCHdB .title-container-Bjp93{color:var(--color-placeholder-text);flex:1;font-size:1.6rem;font-weight:500;max-height:2.4em}.meta-row-placeholder-container-wpHNk .header-container-GCHdB .title-container-Bjp93:empty{background:linear-gradient(to right,var(--color-placeholder-background) 0 40%,transparent 40% 100%);height:1.2em}.meta-row-placeholder-container-wpHNk .header-container-GCHdB .see-all-container-FnlIf{align-items:center;display:flex;flex:none;flex-direction:row;max-width:12rem;padding:0.2rem}.meta-row-placeholder-container-wpHNk .header-container-GCHdB .see-all-container-FnlIf:focus{background-color:var(--color-placeholder-background);outline:none}.meta-row-placeholder-container-wpHNk .header-container-GCHdB .see-all-container-FnlIf .label-dU3S2{color:var(--color-placeholder-text);flex:0 1 auto;font-size:1rem;font-weight:500;max-height:1.2em}.meta-row-placeholder-container-wpHNk .header-container-GCHdB .see-all-container-FnlIf .icon-FLhtv{color:var(--color-placeholder-text);flex:none;height:1rem;margin-left:0.5rem}.meta-row-placeholder-container-wpHNk .meta-items-container-dbGXx{align-items:stretch;display:flex;flex-direction:row}.meta-row-placeholder-container-wpHNk .meta-items-container-dbGXx .meta-item-IegjY{flex:1;margin:1rem}.meta-row-placeholder-container-wpHNk .meta-items-container-dbGXx .meta-item-IegjY:not(:first-child){margin-left:1.5rem}.meta-row-placeholder-container-wpHNk .meta-items-container-dbGXx .meta-item-IegjY .poster-container-RlQMV{background-color:var(--color-placeholder-background);border-radius:var(--border-radius);padding-bottom:calc(100% * var(--poster-shape-ratio))}.meta-row-placeholder-container-wpHNk .meta-items-container-dbGXx .meta-item-IegjY .title-bar-container-YJZrl{align-items:center;display:flex;flex-direction:row;height:2.8rem;justify-content:center}.meta-row-placeholder-container-wpHNk .meta-items-container-dbGXx .meta-item-IegjY .title-bar-container-YJZrl .title-label-Ka1vs{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-wpHNk .meta-items-container-dbGXx .meta-item-IegjY{margin:0.5rem}.meta-row-placeholder-container-wpHNk .meta-items-container-dbGXx .meta-item-IegjY:not(:first-child){margin-left:0.5rem}.meta-row-placeholder-container-wpHNk .meta-items-container-dbGXx .meta-item-IegjY .title-bar-container-YJZrl{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 { width: 100%; height: 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; } @media only screen and (max-width: 2200px) { .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-poster-QPQqC .meta-item-x28TU:nth-child(n+10), .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-square-pgaZ3 .meta-item-x28TU:nth-child(n+10), .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .continue-watching-row-ZiNSa .meta-item-x28TU:nth-child(n+10), .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-poster-QPQqC .meta-item-IegjY:nth-child(n+10), .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-square-pgaZ3 .meta-item-IegjY:nth-child(n+10), .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .continue-watching-row-ZiNSa .meta-item-IegjY:nth-child(n+10) { display: none; } .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-landscape-FRGXx .meta-item-x28TU:nth-child(n+9), .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-landscape-FRGXx .meta-item-IegjY: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-x28TU:nth-child(n+9), .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-square-pgaZ3 .meta-item-x28TU:nth-child(n+9), .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .continue-watching-row-ZiNSa .meta-item-x28TU:nth-child(n+9), .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-poster-QPQqC .meta-item-IegjY:nth-child(n+9), .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-square-pgaZ3 .meta-item-IegjY:nth-child(n+9), .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .continue-watching-row-ZiNSa .meta-item-IegjY:nth-child(n+9) { display: none; } .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-landscape-FRGXx .meta-item-x28TU:nth-child(n+8), .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-landscape-FRGXx .meta-item-IegjY: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-x28TU:nth-child(n+8), .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-square-pgaZ3 .meta-item-x28TU:nth-child(n+8), .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .continue-watching-row-ZiNSa .meta-item-x28TU:nth-child(n+8), .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-poster-QPQqC .meta-item-IegjY:nth-child(n+8), .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-square-pgaZ3 .meta-item-IegjY:nth-child(n+8), .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .continue-watching-row-ZiNSa .meta-item-IegjY:nth-child(n+8) { display: none; } .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-landscape-FRGXx .meta-item-x28TU:nth-child(n+7), .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-landscape-FRGXx .meta-item-IegjY: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-x28TU:nth-child(n+7), .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-square-pgaZ3 .meta-item-x28TU:nth-child(n+7), .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .continue-watching-row-ZiNSa .meta-item-x28TU:nth-child(n+7), .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-poster-QPQqC .meta-item-IegjY:nth-child(n+7), .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-square-pgaZ3 .meta-item-IegjY:nth-child(n+7), .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .continue-watching-row-ZiNSa .meta-item-IegjY:nth-child(n+7) { display: none; } .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-landscape-FRGXx .meta-item-x28TU:nth-child(n+6), .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-landscape-FRGXx .meta-item-IegjY: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-x28TU:nth-child(n+6), .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-square-pgaZ3 .meta-item-x28TU:nth-child(n+6), .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .continue-watching-row-ZiNSa .meta-item-x28TU:nth-child(n+6), .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-poster-QPQqC .meta-item-IegjY:nth-child(n+6), .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-square-pgaZ3 .meta-item-IegjY:nth-child(n+6), .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .continue-watching-row-ZiNSa .meta-item-IegjY:nth-child(n+6) { display: none; } .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-landscape-FRGXx .meta-item-x28TU:nth-child(n+5), .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-landscape-FRGXx .meta-item-IegjY: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-x28TU:nth-child(n+5), .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-square-pgaZ3 .meta-item-x28TU:nth-child(n+5), .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .continue-watching-row-ZiNSa .meta-item-x28TU:nth-child(n+5), .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-poster-QPQqC .meta-item-IegjY:nth-child(n+5), .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-square-pgaZ3 .meta-item-IegjY:nth-child(n+5), .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .continue-watching-row-ZiNSa .meta-item-IegjY:nth-child(n+5) { display: none; } .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-landscape-FRGXx .meta-item-x28TU:nth-child(n+4), .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-landscape-FRGXx .meta-item-IegjY: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:only-child .board-content-nPWv1 { height: 100%; } .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 { height: calc(100% - 4rem); } .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-x28TU:nth-child(n+4), .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-square-pgaZ3 .meta-item-x28TU:nth-child(n+4), .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .continue-watching-row-ZiNSa .meta-item-x28TU:nth-child(n+4), .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-poster-QPQqC .meta-item-IegjY:nth-child(n+4), .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-square-pgaZ3 .meta-item-IegjY:nth-child(n+4), .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .continue-watching-row-ZiNSa .meta-item-IegjY:nth-child(n+4) { display: none; } .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-landscape-FRGXx .meta-item-x28TU:nth-child(n+3), .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-landscape-FRGXx .meta-item-IegjY:nth-child(n+3) { display: none; } .board-container-DTN_b .board-warning-container-a4m04 { position: absolute; left: 0; right: 0; bottom: var(--vertical-nav-bar-size); height: 4rem; } } .discover-container-L6OGL { width: 100%; height: 100%; background-color: transparent; } .discover-container-L6OGL .discover-content-CRsRg { width: 100%; height: 100%; 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; } .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; } .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-Z1Pou { 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; padding: 0 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-QgsId { overflow: visible; } .selectable-inputs-modal-ChpOa .modal-dialog-container-QgsId .modal-dialog-content-ChXwF { overflow: visible !important; } .selectable-inputs-modal-ChpOa .modal-dialog-container-QgsId .modal-dialog-content-ChXwF .select-input-CHDbe { height: 3.5rem; } .selectable-inputs-modal-ChpOa .modal-dialog-container-QgsId .modal-dialog-content-ChXwF .select-input-CHDbe:not(:last-child) { margin-bottom: 1rem; } .selectable-inputs-modal-ChpOa .modal-dialog-container-QgsId .modal-dialog-content-ChXwF .select-input-CHDbe .menu-container-Z1Pou { 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 { width: 100%; height: 100%; background-color: transparent; } .library-container-zM_bj .library-content-PgX4O { width: 100%; height: 100%; display: flex; flex-direction: column; } .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; } .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-Z1Pou { 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; padding: 0 1.5rem; overflow-y: auto; } .selectable-inputs-modal-rHlo7 .modal-dialog-container-QgsId { overflow: visible; } .selectable-inputs-modal-rHlo7 .modal-dialog-container-QgsId .modal-dialog-content-ChXwF { overflow: visible; } .selectable-inputs-modal-rHlo7 .modal-dialog-container-QgsId .modal-dialog-content-ChXwF .select-input-container-H1VZ1 { height: 3.5rem; } .selectable-inputs-modal-rHlo7 .modal-dialog-container-QgsId .modal-dialog-content-ChXwF .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; -webkit-tap-highlight-color: transparent; } .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; -webkit-tap-highlight-color: transparent; } .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 1rem 1rem 1rem; } .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 (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-width: 1300px) 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: 800px) and (orientation: landscape) { .cell-l3eWl .items-ZZ9Jt { display: none; } .cell-l3eWl .more-gGKzA { display: flex; } } .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); -webkit-tap-highlight-color: transparent; } .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 2rem 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 0 1rem; } } .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-FNyrF { fill: none; } .stream-placeholder-container-T1nxv .play-icon-MXqj3 .icon-XXj2q { 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-bfvDO { max-width: calc(90% - 1.5rem); z-index: 2; } .stream-container-JPdah .menu-container-bfvDO .context-menu-content-Xe_lN { --spatial-navigation-contain: contain; } .stream-container-JPdah .menu-container-bfvDO .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-bfvDO .context-menu-content-Xe_lN .context-menu-option-container-BZGla:hover, .stream-container-JPdah .menu-container-bfvDO .context-menu-content-Xe_lN .context-menu-option-container-BZGla:focus { background-color: var(--overlay-color); } .stream-container-JPdah .menu-container-bfvDO .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-bfvDO.menu-direction-top-left-KpAQN, .stream-container-JPdah .menu-container-bfvDO.menu-direction-bottom-left-Uw06K { right: 1.5rem; } .stream-container-JPdah .menu-container-bfvDO.menu-direction-top-right-jOtwq, .stream-container-JPdah .menu-container-bfvDO.menu-direction-bottom-right-XZ9Ch { left: 1.5rem; } .stream-container-JPdah .menu-container-bfvDO.menu-direction-top-left-KpAQN, .stream-container-JPdah .menu-container-bfvDO.menu-direction-top-right-jOtwq { bottom: 90%; } .stream-container-JPdah .menu-container-bfvDO.menu-direction-bottom-left-Uw06K, .stream-container-JPdah .menu-container-bfvDO.menu-direction-bottom-right-XZ9Ch { 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-kz1K0 { color: var(--primary-foreground-color); } .streams-list-container-xYMJo .select-choices-wrapper-xGzfs .select-input-container-irGn_ > .icon-YGvLz { color: var(--primary-foreground-color); } .streams-list-container-xYMJo .select-choices-wrapper-xGzfs .select-input-container-irGn_ .menu-container-Z1Pou { 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:focus, .seasons-bar-container-nOZjG .next-season-button-RrYAq:focus { background-color: var(--primary-foreground-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-kz1K0 { color: var(--primary-foreground-color); } .seasons-bar-container-nOZjG .seasons-popup-label-container-fZcu4 > .icon-YGvLz { color: var(--primary-foreground-color); } .seasons-bar-container-nOZjG .seasons-popup-label-container-fZcu4 .menu-container-Z1Pou { 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; } } .meta-preview-container-bgBNf{display:flex;flex-direction:column;position:relative;z-index:0}.meta-preview-container-bgBNf.compact-Wbl4Q .meta-info-container-tlmcb .logo-X9v1A,.meta-preview-container-bgBNf.compact-Wbl4Q .meta-info-container-tlmcb .logo-placeholder-kIy0x{height:6rem;width:100%}.meta-preview-container-bgBNf.compact-Wbl4Q .meta-info-container-tlmcb .runtime-release-info-container-lXo3K{justify-content:space-between}.meta-preview-container-bgBNf.compact-Wbl4Q .meta-info-container-tlmcb .runtime-release-info-container-lXo3K .release-info-label-XmqSY,.meta-preview-container-bgBNf.compact-Wbl4Q .meta-info-container-tlmcb .runtime-release-info-container-lXo3K .runtime-label-B29EN{margin:1rem 0.4rem}.meta-preview-container-bgBNf.compact-Wbl4Q .meta-info-container-tlmcb .description-container-eSGft{max-height:none}.meta-preview-container-bgBNf.compact-Wbl4Q .action-buttons-container-qQrnO{justify-content:space-between}.meta-preview-container-bgBNf.compact-Wbl4Q .action-buttons-container-qQrnO .action-button-R44aX:not(:last-child){margin-right:0}.meta-preview-container-bgBNf .background-image-layer-GstuA{bottom:-10px;left:-10px;position:absolute;right:-10px;top:-10px;z-index:-1}.meta-preview-container-bgBNf .background-image-layer-GstuA .background-image-B0d6i{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-bgBNf .meta-info-container-tlmcb{align-self:stretch;flex:1;overflow-y:auto}.meta-preview-container-bgBNf .meta-info-container-tlmcb:not(:hover){scrollbar-color:transparent transparent}.meta-preview-container-bgBNf .meta-info-container-tlmcb:not(:hover)::-webkit-scrollbar-thumb,.meta-preview-container-bgBNf .meta-info-container-tlmcb:not(:hover)::-webkit-scrollbar-track{background-color:transparent}.meta-preview-container-bgBNf .meta-info-container-tlmcb .logo-X9v1A,.meta-preview-container-bgBNf .meta-info-container-tlmcb .logo-placeholder-kIy0x{display:block;margin-bottom:2rem;max-width:100%}.meta-preview-container-bgBNf .meta-info-container-tlmcb .logo-X9v1A{height:9rem;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center}.meta-preview-container-bgBNf .meta-info-container-tlmcb .logo-placeholder-kIy0x{color:hsla(0,0%,100%,0.9);font-size:1.7rem}.meta-preview-container-bgBNf .meta-info-container-tlmcb .runtime-release-info-container-lXo3K{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;margin-top:1rem}.meta-preview-container-bgBNf .meta-info-container-tlmcb .runtime-release-info-container-lXo3K .release-info-label-XmqSY,.meta-preview-container-bgBNf .meta-info-container-tlmcb .runtime-release-info-container-lXo3K .runtime-label-B29EN{color:var(--primary-foreground-color);flex:0 1 auto;font-size:1.25rem;font-weight:600;margin-right:3rem}.meta-preview-container-bgBNf .meta-info-container-tlmcb .runtime-release-info-container-lXo3K .imdb-button-container-qCbl7{align-items:center;border-radius:2.5rem;display:flex;flex:0 1 auto;flex-direction:row}.meta-preview-container-bgBNf .meta-info-container-tlmcb .runtime-release-info-container-lXo3K .imdb-button-container-qCbl7:focus{border:var(--focus-outline-size) solid hsl(0,0%,100%);outline:none}.meta-preview-container-bgBNf .meta-info-container-tlmcb .runtime-release-info-container-lXo3K .imdb-button-container-qCbl7 .label-_DfnK{color:var(--primary-foreground-color);flex:0 1 auto;font-size:1.25rem;font-weight:600;margin-right:1rem}.meta-preview-container-bgBNf .meta-info-container-tlmcb .runtime-release-info-container-lXo3K .imdb-button-container-qCbl7 .icon-MBu8k{color:var(--color-imdb);flex:none;height:3rem;width:3rem}.meta-preview-container-bgBNf .meta-info-container-tlmcb .description-container-eSGft{color:var(--primary-foreground-color);font-size:1rem;font-weight:400;line-height:2em;margin-top:1rem}.meta-preview-container-bgBNf .meta-info-container-tlmcb .description-container-eSGft .label-container-xChHj{color:var(--primary-foreground-color);font-size:0.95rem;font-weight:700;opacity:0.3;text-transform:uppercase}.meta-preview-container-bgBNf .meta-info-container-tlmcb .meta-links-mTHUo{margin-top:1.5rem}.meta-preview-container-bgBNf .action-buttons-container-qQrnO{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-bgBNf .action-buttons-container-qQrnO .label-_DfnK{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-bgBNf .action-buttons-container-qQrnO:not(:last-child){margin-right:1rem}.meta-preview-container-bgBNf .action-buttons-container-qQrnO:hover .label-_DfnK{opacity:0.7}.meta-preview-container-bgBNf .action-buttons-container-qQrnO .action-button-R44aX{flex:none;height:4rem;margin-bottom:1rem;width:4rem}.meta-preview-container-bgBNf .action-buttons-container-qQrnO .action-button-R44aX.wide{border-radius:4rem;padding:0 2rem;width:auto}.meta-preview-container-bgBNf .action-buttons-container-qQrnO .action-button-R44aX:not(:last-child){margin-right:1rem}.meta-preview-container-bgBNf .action-buttons-container-qQrnO .action-button-R44aX.show-button-Sh8P3:focus,.meta-preview-container-bgBNf .action-buttons-container-qQrnO .action-button-R44aX.show-button-Sh8P3:hover{background-color:var(--secondary-accent-color);outline:none}.share-prompt-F8qOC{width:30rem}@media only screen and (max-width:640px){.meta-preview-container-bgBNf .meta-info-container-tlmcb .logo-X9v1A{margin:2rem auto}.meta-preview-container-bgBNf .meta-info-container-tlmcb .runtime-release-info-container-lXo3K{justify-content:space-between}.meta-preview-container-bgBNf .meta-info-container-tlmcb .runtime-release-info-container-lXo3K .release-info-label-XmqSY,.meta-preview-container-bgBNf .meta-info-container-tlmcb .runtime-release-info-container-lXo3K .runtime-label-B29EN{margin:0}.meta-preview-container-bgBNf .action-buttons-container-qQrnO{flex-shrink:0;margin-top:3rem;overflow:visible;scrollbar-width:none}.meta-preview-container-bgBNf .action-buttons-container-qQrnO::-webkit-scrollbar{display:none}.share-prompt-F8qOC{width:auto}} .metadetails-container-K_Dqa { display: flex; flex-direction: column; width: 100%; height: 100%; } .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; } .metadetails-container-K_Dqa .metadetails-content-Uz5EV .vertical-nav-bar-B39nq { --vertical-nav-bar-size: 6rem; flex: none; } .metadetails-container-K_Dqa .metadetails-content-Uz5EV .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 .metadetails-content-Uz5EV .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 .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; } .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-QgsId { width: 80%; height: 80%; } .meta-extension-modal-container-gHjqy .modal-dialog-container-QgsId .title-container-wqhp3 { max-height: 1.2em; } .meta-extension-modal-container-gHjqy .modal-dialog-container-QgsId .meta-extension-modal-iframe-GGHlm { width: 100%; height: 100%; } @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 { width: 100%; height: 100%; background-color: transparent; } .search-container-uXEFf .search-content-LX6un { width: 100%; height: 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-x28TU:nth-child(n+10), .search-container-uXEFf .search-content-LX6un .search-row-square-VesJA .meta-item-x28TU:nth-child(n+10), .search-container-uXEFf .search-content-LX6un .search-row-poster-m7CUE .meta-item-IegjY:nth-child(n+10), .search-container-uXEFf .search-content-LX6un .search-row-square-VesJA .meta-item-IegjY:nth-child(n+10) { display: none; } .search-container-uXEFf .search-content-LX6un .search-row-landscape-o3Lfv .meta-item-x28TU:nth-child(n+9), .search-container-uXEFf .search-content-LX6un .search-row-landscape-o3Lfv .meta-item-IegjY: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-x28TU:nth-child(n+9), .search-container-uXEFf .search-content-LX6un .search-row-square-VesJA .meta-item-x28TU:nth-child(n+9), .search-container-uXEFf .search-content-LX6un .search-row-poster-m7CUE .meta-item-IegjY:nth-child(n+9), .search-container-uXEFf .search-content-LX6un .search-row-square-VesJA .meta-item-IegjY:nth-child(n+9) { display: none; } .search-container-uXEFf .search-content-LX6un .search-row-landscape-o3Lfv .meta-item-x28TU:nth-child(n+8), .search-container-uXEFf .search-content-LX6un .search-row-landscape-o3Lfv .meta-item-IegjY: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-x28TU:nth-child(n+8), .search-container-uXEFf .search-content-LX6un .search-row-square-VesJA .meta-item-x28TU:nth-child(n+8), .search-container-uXEFf .search-content-LX6un .search-row-poster-m7CUE .meta-item-IegjY:nth-child(n+8), .search-container-uXEFf .search-content-LX6un .search-row-square-VesJA .meta-item-IegjY:nth-child(n+8) { display: none; } .search-container-uXEFf .search-content-LX6un .search-row-landscape-o3Lfv .meta-item-x28TU:nth-child(n+7), .search-container-uXEFf .search-content-LX6un .search-row-landscape-o3Lfv .meta-item-IegjY: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-x28TU:nth-child(n+7), .search-container-uXEFf .search-content-LX6un .search-row-square-VesJA .meta-item-x28TU:nth-child(n+7), .search-container-uXEFf .search-content-LX6un .search-row-poster-m7CUE .meta-item-IegjY:nth-child(n+7), .search-container-uXEFf .search-content-LX6un .search-row-square-VesJA .meta-item-IegjY:nth-child(n+7) { display: none; } .search-container-uXEFf .search-content-LX6un .search-row-landscape-o3Lfv .meta-item-x28TU:nth-child(n+6), .search-container-uXEFf .search-content-LX6un .search-row-landscape-o3Lfv .meta-item-IegjY: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-x28TU:nth-child(n+6), .search-container-uXEFf .search-content-LX6un .search-row-square-VesJA .meta-item-x28TU:nth-child(n+6), .search-container-uXEFf .search-content-LX6un .search-row-poster-m7CUE .meta-item-IegjY:nth-child(n+6), .search-container-uXEFf .search-content-LX6un .search-row-square-VesJA .meta-item-IegjY:nth-child(n+6) { display: none; } .search-container-uXEFf .search-content-LX6un .search-row-landscape-o3Lfv .meta-item-x28TU:nth-child(n+5), .search-container-uXEFf .search-content-LX6un .search-row-landscape-o3Lfv .meta-item-IegjY: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-x28TU:nth-child(n+5), .search-container-uXEFf .search-content-LX6un .search-row-square-VesJA .meta-item-x28TU:nth-child(n+5), .search-container-uXEFf .search-content-LX6un .search-row-poster-m7CUE .meta-item-IegjY:nth-child(n+5), .search-container-uXEFf .search-content-LX6un .search-row-square-VesJA .meta-item-IegjY:nth-child(n+5) { display: none; } .search-container-uXEFf .search-content-LX6un .search-row-landscape-o3Lfv .meta-item-x28TU:nth-child(n+4), .search-container-uXEFf .search-content-LX6un .search-row-landscape-o3Lfv .meta-item-IegjY: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-x28TU:nth-child(n+4), .search-container-uXEFf .search-content-LX6un .search-row-square-VesJA .meta-item-x28TU:nth-child(n+4), .search-container-uXEFf .search-content-LX6un .search-row-poster-m7CUE .meta-item-IegjY:nth-child(n+4), .search-container-uXEFf .search-content-LX6un .search-row-square-VesJA .meta-item-IegjY: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-dRgPl{position:relative}.toggle-container-dRgPl .toggle-yadWN{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-dRgPl .toggle-yadWN: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-dRgPl.checked .toggle-yadWN{background-color:var(--secondary-accent-color)}.toggle-container-dRgPl.checked .toggle-yadWN:before{transform:translateX(calc(3.2rem - calc(1.7rem - 0.5rem) - 0.5rem))} .settings-container-b0DCu { width: 100%; height: 100%; background-color: transparent; } .settings-container-b0DCu .settings-content-lLXmk { width: 100%; height: 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-kz1K0 { 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-Z1Pou { 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; } } .radio-button-INAGh { display: flex; align-items: center; overflow: visible; } .radio-button-INAGh .radio-container-Oh7Yd { 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)); -webkit-tap-highlight-color: transparent; } .radio-button-INAGh .radio-container-Oh7Yd input[type='radio'] { opacity: 0; width: 0; height: 0; position: absolute; cursor: pointer; } .radio-button-INAGh .radio-container-Oh7Yd .inner-circle-eaWbW { 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-INAGh .radio-container-Oh7Yd.disabled-BjT10 { cursor: not-allowed; } .radio-button-INAGh .radio-container-Oh7Yd.error-zTWHz { border-color: var(--color-trakt); } .radio-button-INAGh .radio-container-Oh7Yd.selected-qLlXr .inner-circle-eaWbW { background-color: var(--primary-accent-color); opacity: 1; } .radio-button-INAGh .radio-container-Oh7Yd:focus { outline-style: solid; } .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-lQFc1{cursor:grabbing}html.active-slider-within-lQFc1 body{pointer-events:none}.slider-container-aRzVq{cursor:pointer;overflow:visible;position:relative;z-index:0}.slider-container-aRzVq.disabled{opacity:0.5;pointer-events:none}.slider-container-aRzVq .layer-FqnD7{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-aRzVq .track-jWhBI{flex:1;z-index:0}.slider-container-aRzVq .track-jWhBI,.slider-container-aRzVq .track-before-FwOXh{background-color:var(--overlay-color);border-radius:var(--track-size);height:var(--track-size)}.slider-container-aRzVq .track-before-FwOXh{flex:none;z-index:1}.slider-container-aRzVq .track-after-iD0ee{border-radius:var(--track-size);height:var(--track-size);z-index:2}.slider-container-aRzVq .thumb-tfDk6,.slider-container-aRzVq .track-after-iD0ee{background-color:var(--primary-foreground-color);flex:none}.slider-container-aRzVq .thumb-tfDk6{border-radius:100%;height:var(--thumb-size);transform:translateX(-50%);width:var(--thumb-size);z-index:3} .volume-slider-G_xAt:not(.disabled) .track-jWhBI { background-color: var(--overlay-color); } .volume-slider-G_xAt:not(.disabled) .track-after-iD0ee { background-color: var(--primary-foreground-color); } .volume-slider-G_xAt:not(.disabled):hover .track-after-iD0ee, .volume-slider-G_xAt:not(.disabled).active .track-after-iD0ee { 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-iD0ee { background-color: var(--primary-accent-color); } .seek-bar-container-JGGTa .slider-hBDOf .thumb-tfDk6 { background-color: var(--primary-accent-color); } .seek-bar-container-JGGTa .slider-hBDOf .thumb-tfDk6: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: 0.15rem; bottom: 4.5rem; flex-direction: column; padding: 0.5rem; 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); } .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; } .info-menu-container-R1QKH { width: 30rem; padding: 2rem; } .info-menu-container-R1QKH .stream-MY2Oy { pointer-events: none; } .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; } .videos-menu-container-ATzKq { width: 30rem; padding: 1rem; padding-bottom: 0; } .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; max-height: 2.4em; 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 .variant-label-opjnP .variant-origin-SVnd1, .subtitles-menu-container-PxBRZ .variants-container-XglzH .languages-list-sxIwI .language-option-O1Yr9 .variant-label-opjnP .variant-origin-SVnd1, .subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .languages-list-sxIwI .language-option-O1Yr9 .variant-label-opjnP .variant-origin-SVnd1, .subtitles-menu-container-PxBRZ .languages-container-NS7H9 .variants-list-yZo6B .language-option-O1Yr9 .variant-label-opjnP .variant-origin-SVnd1, .subtitles-menu-container-PxBRZ .variants-container-XglzH .variants-list-yZo6B .language-option-O1Yr9 .variant-label-opjnP .variant-origin-SVnd1, .subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .variants-list-yZo6B .language-option-O1Yr9 .variant-label-opjnP .variant-origin-SVnd1, .subtitles-menu-container-PxBRZ .languages-container-NS7H9 .languages-list-sxIwI .variant-option-t7_LA .variant-label-opjnP .variant-origin-SVnd1, .subtitles-menu-container-PxBRZ .variants-container-XglzH .languages-list-sxIwI .variant-option-t7_LA .variant-label-opjnP .variant-origin-SVnd1, .subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .languages-list-sxIwI .variant-option-t7_LA .variant-label-opjnP .variant-origin-SVnd1, .subtitles-menu-container-PxBRZ .languages-container-NS7H9 .variants-list-yZo6B .variant-option-t7_LA .variant-label-opjnP .variant-origin-SVnd1, .subtitles-menu-container-PxBRZ .variants-container-XglzH .variants-list-yZo6B .variant-option-t7_LA .variant-label-opjnP .variant-origin-SVnd1, .subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .variants-list-yZo6B .variant-option-t7_LA .variant-label-opjnP .variant-origin-SVnd1 { color: var(--color-placeholder-text); } .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 { 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; } .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; } .horizontal-nav-bar-container-jFw5Y{align-items:center;background-color:transparent;display:flex;flex-direction:row;height:var(--horizontal-nav-bar-size);justify-content:space-between;overflow:visible;padding-right:1rem}.horizontal-nav-bar-container-jFw5Y .logo-container-fnFzY{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-jFw5Y .logo-container-fnFzY .logo-RVSxt{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-jFw5Y .back-button-container-K9AwF{margin-left:1rem}.horizontal-nav-bar-container-jFw5Y .title-_UxXH{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-jFw5Y .search-bar-NopQ6{height:3.25rem;width:30rem}.horizontal-nav-bar-container-jFw5Y .buttons-container-fHCke{display:flex;flex-direction:row;gap:0.5rem;overflow:visible}.horizontal-nav-bar-container-jFw5Y .button-container-B23qB{align-items:center;border-radius:0.75rem;display:flex;flex:none;height:3.5rem;justify-content:center;opacity:0.4;width:3.5rem}.horizontal-nav-bar-container-jFw5Y .button-container-B23qB .icon-wrBcp{color:var(--primary-foreground-color);flex:none;height:2rem;opacity:0.6;width:2rem}.horizontal-nav-bar-container-jFw5Y .button-container-B23qB.active,.horizontal-nav-bar-container-jFw5Y .button-container-B23qB:hover{background-color:var(--overlay-color);opacity:1}.horizontal-nav-bar-container-jFw5Y .button-container-B23qB.active .icon-wrBcp,.horizontal-nav-bar-container-jFw5Y .button-container-B23qB:hover .icon-wrBcp{color:var(--primary-foreground-color);opacity:0.8}@media only screen and (max-width:640px){.horizontal-nav-bar-container-jFw5Y{justify-content:space-between;padding-right:0}.horizontal-nav-bar-container-jFw5Y .logo-container-fnFzY{width:var(--horizontal-nav-bar-size)}.horizontal-nav-bar-container-jFw5Y .button-container-B23qB{margin:0 1rem}.horizontal-nav-bar-container-jFw5Y .button-container-B23qB:not(.back-button-container-K9AwF):not(.menu-button-container-WWcwa){display:none}} html:not(.active-slider-within-lQFc1) .player-container-wIELK.overlayHidden-gyjIy { cursor: none; } html:not(.active-slider-within-lQFc1) .player-container-wIELK.overlayHidden-gyjIy .nav-bar-layer-r9HT5, html:not(.active-slider-within-lQFc1) .player-container-wIELK.overlayHidden-gyjIy .control-bar-layer-m2jto, html:not(.active-slider-within-lQFc1) .player-container-wIELK.overlayHidden-gyjIy .menu-layer-HZFG9 { 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-B23qB:hover { background: transparent; } .player-container-wIELK .layer-qalDW.nav-bar-layer-r9HT5 .button-container-B23qB .icon-wrBcp { color: var(--primary-foreground-color); } .player-container-wIELK .layer-qalDW.nav-bar-layer-r9HT5 .title-_UxXH { color: var(--primary-foreground-color); } .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: 2rem; 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; } .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-ChXwF { width: 30rem; } .password-reset-modal-container-KzJPQ .modal-dialog-content-ChXwF .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-ChXwF .credentials-text-input-ncrIR:hover, .password-reset-modal-container-KzJPQ .modal-dialog-content-ChXwF .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-_ADoX { color: var(--primary-foreground-color); } @media only screen and (max-width: 640px) { .password-reset-modal-container-KzJPQ .modal-dialog-content-ChXwF { 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(../../b389e65c98f4077c45f4efd3429b3578732be84a/images/background_1.svg), url(../../b389e65c98f4077c45f4efd3429b3578732be84a/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(../../b389e65c98f4077c45f4efd3429b3578732be84a/fonts/PlusJakartaSans.ttf) format('truetype'); } { /* Copyright (C) 2017-2023 Smart code 203358507 */ } .animation-fade-in { animation-timing-function: ease-in-out; animation-duration: 100ms; } .animation-fade-in { animation-name: fade-in-pFkt_; } @keyframes fade-in-pFkt_ { 0% { opacity: 0.6; transform: translateY(0.2vh); } 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%); } } .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; } * { 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: 100%; height: 100%; min-width: 640px; min-height: 480px; font-family: 'PlusJakartaSans', 'sans-serif'; overflow: auto; overscroll-behavior: none; } 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)); right: 0; bottom: calc(1.2 * var(--horizontal-nav-bar-size)); 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 { min-width: inherit; min-height: inherit; } html body #app .toasts-container-oKECy { padding: 0 1rem; } html body #app .tooltip-container-Qpse8 { display: none; } } /*# sourceMappingURL=main.css.map*/