stremio-web/development/6b9f68f3dd34e9a63dd41eedfdc22e45b5b4aea7/styles/main.css
2025-01-06 09:50:07 +00:00

7700 lines
No EOL
268 KiB
CSS

.button-container-HNufV {
outline-width: var(--focus-outline-size);
outline-color: hsl(0, 0%, 100%);
outline-offset: calc(-1 * var(--focus-outline-size));
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;
}
.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;
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;
}
.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;
padding-top: var(--safe-area-inset-top);
box-sizing: content-box;
}
.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: max(0rem, calc(1rem - var(--safe-area-inset-left)));
}
.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;
}
@media (pointer: fine) {
.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;
overflow: clip;
margin-left: env(safe-area-inset-left, 0px);
margin-right: env(safe-area-inset-right, 0px);
width: calc(100% - env(safe-area-inset-left, 0px) - env(safe-area-inset-right, 0px));
height: 100%;
}
.main-nav-bars-container-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: var(--calculated-bottom-safe-inset);
left: 0;
z-index: 1;
}
.main-nav-bars-container-fA7pO .nav-content-container-VHwOU {
position: absolute;
padding-top: calc(var(--horizontal-nav-bar-size) + env(safe-area-inset-top, 0px));
top: 0;
right: 0;
bottom: 0;
left: var(--vertical-nav-bar-size);
z-index: 0;
overflow: scroll;
}
@media only screen and (max-width: 640px) {
.main-nav-bars-container-fA7pO .nav-content-container-VHwOU {
left: 0;
padding-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: 0.15rem solid transparent;
border-radius: var(--border-radius);
background-color: var(--overlay-color);
transition: border-color 0.1s ease-out;
cursor: pointer;
}
.addon-container-lC5KN:hover {
border-color: var(--overlay-color);
}
.addon-container-lC5KN .logo-container-ZcSSC {
flex: none;
width: 8rem;
height: 8rem;
}
.addon-container-lC5KN .logo-container-ZcSSC .logo-WrsGF {
display: block;
width: 100%;
height: 100%;
padding: 0.5rem;
object-fit: contain;
object-position: center;
}
.addon-container-lC5KN .logo-container-ZcSSC .icon-GxVbY {
display: block;
width: 100%;
height: 100%;
padding: 1rem;
color: var(--primary-foreground-color);
}
.addon-container-lC5KN .info-container-AdMB6 {
flex-grow: 1;
flex-shrink: 1;
flex-basis: 0;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: baseline;
padding: 0 0.5rem;
}
.addon-container-lC5KN .info-container-AdMB6 .name-container-qIAg8 {
flex-grow: 0;
flex-shrink: 1;
flex-basis: auto;
padding: 0 0.5rem;
max-height: 3.6em;
font-size: 1.6rem;
color: var(--primary-foreground-color);
}
.addon-container-lC5KN .info-container-AdMB6 .version-container-zdPyN {
flex-grow: 1;
flex-shrink: 1;
flex-basis: auto;
margin-top: 0.5rem;
padding: 0 0.5rem;
max-height: 2.4em;
color: var(--primary-foreground-color);
opacity: 0.6;
}
.addon-container-lC5KN .info-container-AdMB6 .types-container-DaOrg {
flex-grow: 0;
flex-shrink: 0;
flex-basis: 100%;
margin-top: 0.5rem;
padding: 0 0.5rem;
max-height: 2.4em;
color: var(--primary-foreground-color);
text-transform: capitalize;
opacity: 0.4;
}
.addon-container-lC5KN .info-container-AdMB6 .description-container-v7Jhe {
flex-grow: 0;
flex-shrink: 0;
flex-basis: 100%;
margin-top: 0.5rem;
padding: 0 0.5rem;
color: var(--primary-foreground-color);
}
.addon-container-lC5KN .buttons-container-g0xXr {
flex: none;
display: flex;
flex-direction: column;
gap: 1rem;
width: 17rem;
}
.addon-container-lC5KN .buttons-container-g0xXr .action-buttons-container-xMVmz {
flex: auto;
display: flex;
flex-direction: row;
align-items: center;
gap: 1rem;
}
.addon-container-lC5KN .buttons-container-g0xXr .install-button-container-yfcq5,
.addon-container-lC5KN .buttons-container-g0xXr .configure-button-container-VwVAQ,
.addon-container-lC5KN .buttons-container-g0xXr .uninstall-button-container-oV4Yo,
.addon-container-lC5KN .buttons-container-g0xXr .share-button-container-s3gwP {
flex: auto;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
gap: 1rem;
height: 3.5rem;
padding: 0 1rem;
border-radius: 4rem;
}
.addon-container-lC5KN .buttons-container-g0xXr .install-button-container-yfcq5 .icon-GxVbY,
.addon-container-lC5KN .buttons-container-g0xXr .configure-button-container-VwVAQ .icon-GxVbY,
.addon-container-lC5KN .buttons-container-g0xXr .uninstall-button-container-oV4Yo .icon-GxVbY,
.addon-container-lC5KN .buttons-container-g0xXr .share-button-container-s3gwP .icon-GxVbY {
flex: none;
width: 2rem;
height: 2rem;
}
.addon-container-lC5KN .buttons-container-g0xXr .install-button-container-yfcq5 .label-OnWh2,
.addon-container-lC5KN .buttons-container-g0xXr .configure-button-container-VwVAQ .label-OnWh2,
.addon-container-lC5KN .buttons-container-g0xXr .uninstall-button-container-oV4Yo .label-OnWh2,
.addon-container-lC5KN .buttons-container-g0xXr .share-button-container-s3gwP .label-OnWh2 {
flex-grow: 0;
flex-shrink: 1;
flex-basis: auto;
max-height: 2.4em;
font-size: 1.1rem;
font-weight: 700;
text-align: center;
}
.addon-container-lC5KN .buttons-container-g0xXr .install-button-container-yfcq5 {
background-color: var(--secondary-accent-color);
}
.addon-container-lC5KN .buttons-container-g0xXr .install-button-container-yfcq5:hover {
outline: var(--focus-outline-size) solid var(--secondary-accent-color);
background-color: transparent;
}
.addon-container-lC5KN .buttons-container-g0xXr .install-button-container-yfcq5 .label-OnWh2 {
color: var(--primary-foreground-color);
}
.addon-container-lC5KN .buttons-container-g0xXr .configure-button-container-VwVAQ {
flex: none;
background-color: var(--secondary-accent-color);
}
.addon-container-lC5KN .buttons-container-g0xXr .configure-button-container-VwVAQ:hover {
outline: var(--focus-outline-size) solid var(--secondary-accent-color);
background-color: transparent;
}
.addon-container-lC5KN .buttons-container-g0xXr .configure-button-container-VwVAQ .icon-GxVbY {
color: var(--primary-foreground-color);
}
.addon-container-lC5KN .buttons-container-g0xXr .uninstall-button-container-oV4Yo {
outline-color: var(--primary-foreground-color);
outline-style: solid;
opacity: 0.3;
}
.addon-container-lC5KN .buttons-container-g0xXr .uninstall-button-container-oV4Yo:hover {
opacity: 1;
}
.addon-container-lC5KN .buttons-container-g0xXr .uninstall-button-container-oV4Yo .label-OnWh2 {
color: var(--primary-foreground-color);
}
.addon-container-lC5KN .buttons-container-g0xXr .share-button-container-s3gwP {
opacity: 0.9;
}
.addon-container-lC5KN .buttons-container-g0xXr .share-button-container-s3gwP:hover .label-OnWh2 {
text-decoration: underline;
}
.addon-container-lC5KN .buttons-container-g0xXr .share-button-container-s3gwP .icon-GxVbY {
height: 1.5rem;
width: 1.5rem;
color: var(--primary-foreground-color);
}
.addon-container-lC5KN .buttons-container-g0xXr .share-button-container-s3gwP .label-OnWh2 {
color: var(--primary-foreground-color);
}
@media only screen and (max-width: 640px) {
.addon-container-lC5KN {
flex-wrap: wrap;
}
.addon-container-lC5KN .info-container-AdMB6 {
margin-left: 0.5rem;
padding: 0;
}
.addon-container-lC5KN .info-container-AdMB6 .name-container-qIAg8 {
max-height: none;
font-size: 1.3rem;
}
.addon-container-lC5KN .buttons-container-g0xXr {
flex: 0 1 100%;
width: auto;
margin-top: 1rem;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
.addon-container-lC5KN .buttons-container-g0xXr .share-button-container-s3gwP {
flex: none;
}
.addon-container-lC5KN .buttons-container-g0xXr .share-button-container-s3gwP .icon-GxVbY {
margin-right: 0;
}
.addon-container-lC5KN .buttons-container-g0xXr .share-button-container-s3gwP .label-OnWh2 {
display: none;
}
.addon-container-lC5KN .buttons-container-g0xXr .install-button-container-yfcq5,
.addon-container-lC5KN .buttons-container-g0xXr .uninstall-button-container-oV4Yo {
flex-basis: 100%;
margin-right: 1rem;
}
}
.addons-container-ogGYu {
height: 100%;
background-color: transparent;
}
.addons-container-ogGYu .addons-content-zhFBl {
width: 100%;
height: 100%;
margin-bottom: calc(var(--bottom-overlay-size) * -1);
display: flex;
flex-direction: column;
align-self: stretch;
}
.addons-container-ogGYu .addons-content-zhFBl .addons-list-container-Ovr2Z {
padding: 0 1.5rem;
z-index: 1;
}
.addons-container-ogGYu .addons-content-zhFBl .selectable-inputs-container-tUul1 {
flex: none;
align-self: stretch;
display: flex;
flex-direction: row;
justify-content: space-between;
padding: 1.5rem;
overflow: visible;
z-index: 2;
}
.addons-container-ogGYu .addons-content-zhFBl .selectable-inputs-container-tUul1 .add-button-container-SkafT {
flex: none;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
height: 3rem;
margin-right: 1.5rem;
padding: 0 1.5rem;
border-radius: 3rem;
background-color: var(--secondary-accent-color);
z-index: 3;
}
.addons-container-ogGYu .addons-content-zhFBl .selectable-inputs-container-tUul1 .add-button-container-SkafT:hover {
outline: var(--focus-outline-size) solid var(--secondary-accent-color);
background-color: transparent;
}
.addons-container-ogGYu .addons-content-zhFBl .selectable-inputs-container-tUul1 .add-button-container-SkafT:focus {
outline-color: var(--primary-foreground-color);
}
.addons-container-ogGYu .addons-content-zhFBl .selectable-inputs-container-tUul1 .add-button-container-SkafT .icon-HsyZS {
flex: none;
width: 1.2rem;
height: 1.2rem;
margin-right: 0.5rem;
color: var(--primary-foreground-color);
}
.addons-container-ogGYu .addons-content-zhFBl .selectable-inputs-container-tUul1 .add-button-container-SkafT .add-button-label-NN6bu {
flex-grow: 0;
flex-shrink: 1;
flex-basis: auto;
max-height: 2.4em;
font-size: 1rem;
font-weight: 700;
color: var(--primary-foreground-color);
}
.addons-container-ogGYu .addons-content-zhFBl .selectable-inputs-container-tUul1 .select-input-container-KqG8N {
flex-grow: 0;
flex-shrink: 1;
flex-basis: 15rem;
margin-right: 1.5rem;
}
.addons-container-ogGYu .addons-content-zhFBl .selectable-inputs-container-tUul1 .select-input-container-KqG8N .menu-container-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;
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 {
height: 100%;
width: 100%;
padding: 0 1rem;
overflow-y: auto;
}
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-CoJrZ {
margin-top: 1rem;
margin-bottom: 2rem;
}
.board-container-DTN_b .board-warning-container-a4m04 {
flex: none;
align-self: stretch;
margin-bottom: var(--calculated-bottom-safe-inset, 0rem);
}
@media only screen and (max-width: 2200px) {
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-poster-QPQqC .meta-item-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 .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: calc(var(--vertical-nav-bar-size) + var(--calculated-bottom-safe-inset, 0rem));
height: 4rem;
margin-bottom: 0rem;
}
}
.discover-container-L6OGL {
height: 100%;
background-color: transparent;
}
.discover-container-L6OGL .discover-content-CRsRg {
width: 100%;
height: 100%;
margin-bottom: calc(var(--bottom-overlay-size) * -1);
display: flex;
flex-direction: row;
}
.discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T {
flex: 1;
align-self: stretch;
display: flex;
flex-direction: column;
contain: strict;
}
.discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .meta-items-container-n8vNz {
padding: 0 1.5rem;
z-index: 1;
}
.discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .selectable-inputs-container-IRz50 {
flex: none;
align-self: stretch;
display: flex;
flex-direction: row;
padding: 1.5rem;
overflow: visible;
z-index: 2;
}
.discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .selectable-inputs-container-IRz50 .select-input-CHDbe {
flex: 0 1 15rem;
}
.discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .selectable-inputs-container-IRz50 .select-input-CHDbe:not(:first-child) {
margin-left: 1.5rem;
}
.discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .selectable-inputs-container-IRz50 .select-input-CHDbe:nth-child(n+4) {
display: none;
}
.discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .selectable-inputs-container-IRz50 .select-input-CHDbe:nth-child(n+4) ~ .filter-container-BVkqT {
display: flex;
}
.discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .selectable-inputs-container-IRz50 .select-input-CHDbe .menu-container-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;
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 {
height: 100%;
background-color: transparent;
}
.library-container-zM_bj .library-content-PgX4O {
width: 100%;
height: 100%;
margin-bottom: calc(var(--bottom-overlay-size) * -1);
display: flex;
flex-direction: column;
}
.library-container-zM_bj .library-content-PgX4O .meta-items-container-IKrND {
padding: 0 1.5rem;
z-index: 1;
}
.library-container-zM_bj .library-content-PgX4O .selectable-inputs-container-hR3or {
flex: none;
align-self: stretch;
display: flex;
flex-direction: row;
padding: 1.5rem;
overflow: visible;
z-index: 2;
}
.library-container-zM_bj .library-content-PgX4O .selectable-inputs-container-hR3or .select-input-container-H1VZ1 {
flex-grow: 0;
flex-shrink: 1;
flex-basis: 15rem;
height: 2.75rem;
}
.library-container-zM_bj .library-content-PgX4O .selectable-inputs-container-hR3or .select-input-container-H1VZ1:not(:last-child) {
margin-right: 1.5rem;
}
.library-container-zM_bj .library-content-PgX4O .selectable-inputs-container-hR3or .select-input-container-H1VZ1 .menu-container-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;
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;
}
.selector-uRGQ6 .prev-__2gh .label-xSEWG,
.selector-uRGQ6 .next-t6hvT .label-xSEWG,
.selector-uRGQ6 .prev-__2gh .icon-ixEYr,
.selector-uRGQ6 .next-t6hvT .icon-ixEYr {
color: var(--primary-foreground-color);
opacity: 0.5;
transition: opacity 0.1s ease-out;
}
.selector-uRGQ6 .prev-__2gh .label-xSEWG,
.selector-uRGQ6 .next-t6hvT .label-xSEWG {
font-size: 1rem;
font-weight: 500;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.selector-uRGQ6 .prev-__2gh .icon-ixEYr,
.selector-uRGQ6 .next-t6hvT .icon-ixEYr {
height: 1.5rem;
}
.selector-uRGQ6 .prev-__2gh:hover,
.selector-uRGQ6 .next-t6hvT:hover {
background-color: var(--overlay-color);
}
.selector-uRGQ6 .prev-__2gh:hover .label-xSEWG,
.selector-uRGQ6 .next-t6hvT:hover .label-xSEWG,
.selector-uRGQ6 .prev-__2gh:hover .icon-ixEYr,
.selector-uRGQ6 .next-t6hvT:hover .icon-ixEYr {
opacity: 1;
}
.selector-uRGQ6 .prev-__2gh {
padding-left: 0.5rem;
padding-right: 1.25rem;
}
.selector-uRGQ6 .next-t6hvT {
padding-left: 1.25rem;
padding-right: 0.5rem;
}
.selector-uRGQ6 .selected-lBBwk {
position: relative;
width: 8.5rem;
text-align: center;
}
.selector-uRGQ6 .selected-lBBwk .year-jHuog {
font-size: 1rem;
font-weight: 500;
line-height: 100%;
color: var(--primary-foreground-color);
opacity: 0.5;
}
.selector-uRGQ6 .selected-lBBwk .month-VlFJ6 {
font-size: 1.5rem;
font-weight: 500;
color: var(--primary-foreground-color);
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
@media only screen and (max-width: 1300px) {
.selector-uRGQ6 {
justify-content: space-between;
}
}
.table-QbfK0 {
flex: auto;
position: relative;
display: flex;
flex-direction: column;
}
.table-QbfK0 .week-mTZNI {
flex: none;
position: relative;
height: 3rem;
width: 100%;
display: grid;
grid-template-columns: repeat(7, 1fr);
align-items: center;
}
.table-QbfK0 .week-mTZNI .day-LPW9e {
position: relative;
padding: 0.5rem;
font-size: 1rem;
font-weight: 500;
color: var(--primary-foreground-color);
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.table-QbfK0 .week-mTZNI .day-LPW9e .long-UpX3r {
display: block;
}
.table-QbfK0 .week-mTZNI .day-LPW9e .short-MoF9_ {
display: none;
}
.table-QbfK0 .grid-cUaUg {
flex: auto;
position: relative;
width: 100%;
height: 100%;
display: grid;
grid-template-columns: repeat(7, 1fr);
gap: 1px;
}
@media only screen and (max-width: 1000px) {
.table-QbfK0 .week-mTZNI .day-LPW9e .long-UpX3r {
display: none;
}
.table-QbfK0 .week-mTZNI .day-LPW9e .short-MoF9_ {
display: block;
}
}
.cell-l3eWl {
position: relative;
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 0.5rem;
background-color: var(--overlay-color);
border: 0.15rem solid transparent;
overflow: hidden;
cursor: pointer;
transition: border-color 0.1s ease-out;
}
.cell-l3eWl:first-child {
border-radius: var(--border-radius) 0 0 0;
}
.cell-l3eWl:nth-child(7) {
border-radius: 0 var(--border-radius) 0 0;
}
.cell-l3eWl:last-child {
border-radius: 0 0 var(--border-radius) 0;
}
.cell-l3eWl .heading-TYXvp {
flex: none;
position: relative;
height: 3rem;
display: flex;
align-items: center;
padding: 0 1rem;
}
.cell-l3eWl .heading-TYXvp .day-nttmc {
flex: none;
position: relative;
display: flex;
align-items: center;
justify-content: center;
height: 2rem;
width: 2rem;
border-radius: 100%;
font-size: 1rem;
font-weight: 500;
color: var(--primary-foreground-color);
}
.cell-l3eWl .items-ZZ9Jt {
flex: 0 1 10rem;
position: relative;
display: flex;
flex-direction: row;
gap: 1rem;
padding: 0 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);
}
.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 > :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%;
padding-left: var(--safe-area-inset-left);
padding-right: var(--safe-area-inset-right);
box-sizing: border-box;
}
.metadetails-container-K_Dqa .background-image-layer-wJa90 {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: -1;
background-color: var(--modal-background-color);
}
.metadetails-container-K_Dqa .background-image-layer-wJa90 .background-image-tSjYu {
pointer-events: none;
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: top left;
opacity: 0.3;
}
.metadetails-container-K_Dqa .nav-bar-MH6Vk {
z-index: 1;
flex: none;
align-self: stretch;
}
.metadetails-container-K_Dqa .metadetails-content-Uz5EV {
flex: 1;
align-self: stretch;
position: relative;
z-index: 0;
display: flex;
flex-direction: row;
margin-top: calc(var(--top-overlay-size) * -1);
padding-top: var(--top-overlay-size);
padding-bottom: var(--calculated-bottom-safe-inset, 0rem);
}
.metadetails-container-K_Dqa .metadetails-content-Uz5EV .vertical-nav-bar-B39nq {
flex: none;
}
.metadetails-container-K_Dqa .metadetails-content-Uz5EV .meta-message-container-MJZN5 {
align-self: stretch;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 2rem;
width: 100%;
height: 100%;
}
.metadetails-container-K_Dqa .metadetails-content-Uz5EV .meta-message-container-MJZN5 .image-R1LcJ {
flex: none;
width: 12rem;
height: 12rem;
max-width: 100%;
margin-bottom: 1rem;
object-fit: contain;
object-position: center;
opacity: 0.9;
}
.metadetails-container-K_Dqa .metadetails-content-Uz5EV .meta-message-container-MJZN5 .message-label-Uz4_P {
flex: none;
align-self: stretch;
font-size: 2rem;
text-align: center;
color: var(--primary-foreground-color);
}
.metadetails-container-K_Dqa .metadetails-content-Uz5EV .meta-preview-ES0h3 {
flex: 0 1 auto;
align-self: stretch;
padding: 0 4rem 2rem 4rem;
padding-left: max(1rem, calc(4rem - var(--safe-area-inset-left)));
}
.metadetails-container-K_Dqa .metadetails-content-Uz5EV .spacing-rgIYg {
flex: 1;
}
.metadetails-container-K_Dqa .metadetails-content-Uz5EV .videos-list-nE0LJ,
.metadetails-container-K_Dqa .metadetails-content-Uz5EV .streams-list-Y1lCM {
flex: 0 0 30rem;
align-self: stretch;
border-radius: var(--border-radius) 0 0 var(--border-radius);
background-color: rgba(0, 0, 0, 0.4);
backdrop-filter: blur(15px);
}
.meta-extension-modal-container-gHjqy .modal-dialog-container-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 {
height: 100%;
width: 100%;
background-color: transparent;
}
.search-container-uXEFf .search-content-LX6un {
height: 100%;
width: 100%;
overflow-y: auto;
}
.search-container-uXEFf .search-content-LX6un .search-row-EQLaD {
margin: 4rem 2rem;
}
.search-container-uXEFf .search-content-LX6un .search-hints-wrapper-IjhmE {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
width: 100%;
height: 100%;
}
.search-container-uXEFf .search-content-LX6un .search-hints-wrapper-IjhmE .search-hints-title-container-MXt8W {
display: flex;
justify-content: center;
align-items: center;
padding: 0 1rem;
}
.search-container-uXEFf .search-content-LX6un .search-hints-wrapper-IjhmE .search-hints-title-container-MXt8W .search-hints-title-cigX3 {
flex-grow: 0;
flex-shrink: 1;
flex-basis: auto;
font-size: 1.6rem;
color: hsla(0, 0%, 100%, 0.9);
text-align: center;
opacity: 0.4;
}
.search-container-uXEFf .search-content-LX6un .search-hints-wrapper-IjhmE .search-hints-container-FHpPM {
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: center;
align-content: flex-start;
flex-wrap: wrap;
padding: 4rem;
max-width: 50%;
margin: 0 auto;
}
.search-container-uXEFf .search-content-LX6un .search-hints-wrapper-IjhmE .search-hints-container-FHpPM .search-hint-container-kd8iX {
flex: 0 0 25%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 0 1rem;
margin-bottom: 4rem;
}
.search-container-uXEFf .search-content-LX6un .search-hints-wrapper-IjhmE .search-hints-container-FHpPM .search-hint-container-kd8iX .icon-fOZZl {
flex: none;
width: 4rem;
height: 4rem;
margin-bottom: 2rem;
color: hsla(0, 0%, 100%, 0.9);
opacity: 0.4;
}
.search-container-uXEFf .search-content-LX6un .search-hints-wrapper-IjhmE .search-hints-container-FHpPM .search-hint-container-kd8iX .label-l6wxz {
flex-grow: 0;
flex-shrink: 1;
flex-basis: auto;
font-size: 1.2rem;
color: hsla(0, 0%, 100%, 0.9);
text-align: center;
opacity: 0.4;
}
.search-container-uXEFf .search-content-LX6un .message-container-YAunr {
display: flex;
flex-direction: column;
align-items: center;
padding: 4rem;
}
.search-container-uXEFf .search-content-LX6un .message-container-YAunr .image-Xuwya {
flex: none;
width: 12rem;
height: 12rem;
margin-bottom: 1rem;
object-fit: contain;
object-position: center;
opacity: 0.9;
}
.search-container-uXEFf .search-content-LX6un .message-container-YAunr .message-label-K8LPz {
flex: 0 1 auto;
font-size: 2.5rem;
text-align: center;
color: hsla(222.8, 100%, 78%, 0.9);
}
@media only screen and (max-width: 2200px) {
.search-container-uXEFf .search-content-LX6un .search-row-poster-m7CUE .meta-item-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 {
height: 100%;
width: 100%;
background-color: transparent;
}
.settings-container-b0DCu .settings-content-lLXmk {
height: 100%;
width: 100%;
display: flex;
flex-direction: row;
}
.settings-container-b0DCu .settings-content-lLXmk .side-menu-container-NG17D {
flex: none;
align-self: stretch;
display: flex;
flex-direction: column;
width: 18rem;
padding: 3rem 1.5rem;
}
.settings-container-b0DCu .settings-content-lLXmk .side-menu-container-NG17D .side-menu-button-vbkJ1 {
flex: none;
align-self: stretch;
display: flex;
align-items: center;
height: 4rem;
border-radius: 4rem;
padding: 2rem;
margin-bottom: 0.5rem;
font-size: 1.1rem;
font-weight: 500;
color: var(--primary-foreground-color);
opacity: 0.4;
}
.settings-container-b0DCu .settings-content-lLXmk .side-menu-container-NG17D .side-menu-button-vbkJ1.selected-yhdng {
font-weight: 600;
color: var(--primary-foreground-color);
background-color: var(--overlay-color);
opacity: 1;
}
.settings-container-b0DCu .settings-content-lLXmk .side-menu-container-NG17D .side-menu-button-vbkJ1:hover {
background-color: var(--overlay-color);
}
.settings-container-b0DCu .settings-content-lLXmk .side-menu-container-NG17D .spacing-fpLUM {
flex: 1;
}
.settings-container-b0DCu .settings-content-lLXmk .side-menu-container-NG17D .version-info-label-uMkm7 {
flex: 0 1 auto;
margin: 0.5rem 0;
color: var(--primary-foreground-color);
opacity: 0.3;
}
.settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe {
flex: 1;
align-self: stretch;
padding: 0 3rem;
overflow-y: auto;
}
.settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ {
display: flex;
flex-direction: column;
padding: 3rem 0;
overflow: visible;
}
.settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ:not(:last-child) {
border-bottom: thin solid var(--overlay-color);
}
.settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .section-title-Nt71Z {
flex: none;
align-self: stretch;
font-size: 1.8rem;
line-height: 3.4rem;
margin-bottom: 3rem;
color: var(--primary-foreground-color);
}
.settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .section-category-container-EOuS0 {
display: flex;
flex-direction: row;
align-items: center;
gap: 0 1em;
margin-bottom: 1.5rem;
line-height: 2.4rem;
}
.settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .section-category-container-EOuS0 .label-FFamJ {
flex: none;
font-size: 1.1rem;
color: var(--primary-foreground-color);
}
.settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .section-category-container-EOuS0 .icon-REQkK {
flex: none;
width: 2rem;
height: 2rem;
color: var(--primary-foreground-color);
}
.settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv {
flex: none;
align-self: stretch;
display: flex;
flex-direction: row;
align-items: center;
max-width: 35rem;
margin-bottom: 2rem;
overflow: visible;
}
.settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv.link-container-ERYsD {
margin-bottom: 0.5rem;
}
.settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv:last-child {
margin-bottom: 0;
}
.settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv.user-info-option-container-oRLJc {
gap: 1rem;
}
.settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv.user-info-option-container-oRLJc .user-info-content-ez7kZ {
flex: 1;
display: flex;
flex-direction: row;
align-items: center;
}
.settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv.user-info-option-container-oRLJc .user-info-content-ez7kZ .avatar-container-YWq9E {
flex: none;
align-self: stretch;
height: 5rem;
width: 5rem;
margin-right: 1rem;
border: 2px solid var(--primary-accent-color);
border-radius: 50%;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
background-clip: content-box;
opacity: 0.9;
background-color: var(--primary-foreground-color);
}
.settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv.user-info-option-container-oRLJc .user-info-content-ez7kZ .email-logout-container-kYQDM {
flex: none;
display: flex;
flex-direction: column;
}
.settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv.user-info-option-container-oRLJc .user-info-content-ez7kZ .email-logout-container-kYQDM .email-label-container-oVmiO,
.settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv.user-info-option-container-oRLJc .user-info-content-ez7kZ .email-logout-container-kYQDM .logout-button-container-jLrU2 {
display: flex;
flex-direction: row;
align-items: center;
}
.settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv.user-info-option-container-oRLJc .user-info-content-ez7kZ .email-logout-container-kYQDM .email-label-container-oVmiO .email-label-Q__sJ {
flex: 1;
font-size: 1.1rem;
color: var(--primary-foreground-color);
opacity: 0.7;
}
.settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv.user-info-option-container-oRLJc .user-info-content-ez7kZ .email-logout-container-kYQDM .logout-button-container-jLrU2:hover,
.settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv.user-info-option-container-oRLJc .user-info-content-ez7kZ .email-logout-container-kYQDM .logout-button-container-jLrU2:focus {
outline: none;
}
.settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv.user-info-option-container-oRLJc .user-info-content-ez7kZ .email-logout-container-kYQDM .logout-button-container-jLrU2:hover .logout-label-zo4ES,
.settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv.user-info-option-container-oRLJc .user-info-content-ez7kZ .email-logout-container-kYQDM .logout-button-container-jLrU2:focus .logout-label-zo4ES {
text-decoration: underline;
}
.settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv.user-info-option-container-oRLJc .user-info-content-ez7kZ .email-logout-container-kYQDM .logout-button-container-jLrU2 .logout-label-zo4ES {
flex: 1;
color: var(--primary-accent-color);
}
.settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv.user-info-option-container-oRLJc .user-panel-container-kkrJG {
flex: none;
display: flex;
flex-direction: row;
align-items: center;
width: 10rem;
height: 3.5rem;
border-radius: 3.5rem;
background-color: var(--overlay-color);
}
.settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv.user-info-option-container-oRLJc .user-panel-container-kkrJG:hover {
outline: var(--focus-outline-size) solid var(--primary-foreground-color);
background-color: transparent;
}
.settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv.user-info-option-container-oRLJc .user-panel-container-kkrJG .user-panel-label-beAQl {
flex: 1;
max-height: 2.4em;
padding: 0 0.5rem;
font-weight: 500;
text-align: center;
color: var(--primary-foreground-color);
}
.settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv .option-name-container-exGMI,
.settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv .option-input-container-NPgpT {
flex: 1 1 50%;
display: flex;
flex-direction: row;
align-items: center;
}
.settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv .option-name-container-exGMI .icon-REQkK,
.settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv .option-input-container-NPgpT .icon-REQkK {
flex: none;
width: 1.5rem;
height: 1.5rem;
margin-right: 0.5rem;
color: var(--primary-foreground-color);
}
.settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv .option-name-container-exGMI .label-FFamJ,
.settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv .option-input-container-NPgpT .label-FFamJ {
flex-grow: 0;
flex-shrink: 1;
flex-basis: auto;
line-height: 1.5rem;
color: var(--primary-foreground-color);
}
.settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv .option-name-container-exGMI.trakt-icon-_dK95 .icon-REQkK,
.settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv .option-input-container-NPgpT.trakt-icon-_dK95 .icon-REQkK {
width: 3rem;
height: 3rem;
color: var(--color-trakt);
}
.settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv .option-name-container-exGMI {
justify-content: flex-start;
padding: 1rem 1rem 1rem 0;
margin-right: 2rem;
}
.settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv .option-input-container-NPgpT {
padding: 1rem 1.5rem;
}
.settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv .option-input-container-NPgpT.button-container-ENMae {
justify-content: center;
height: 3.5rem;
border-radius: 3.5rem;
background-color: var(--overlay-color);
}
.settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv .option-input-container-NPgpT.button-container-ENMae:hover {
outline: var(--focus-outline-size) solid var(--primary-foreground-color);
background-color: transparent;
}
.settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv .option-input-container-NPgpT.button-container-ENMae .label-FFamJ {
font-weight: 500;
}
.settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv .option-input-container-NPgpT.multiselect-container-w0c9l > .label-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));
}
.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: 0rem;
bottom: 4.5rem;
padding: 0.5rem;
margin: 0.5rem;
max-width: calc(100dvw - 1rem);
border-radius: var(--border-radius);
background-color: var(--modal-background-color);
box-shadow: 0 1.35rem 2.7rem hsla(0, 0%, 0%, 0.4), 0 1.1rem 0.85rem hsla(0, 0%, 0%, 0.2);
overflow-x: auto;
}
.control-bar-container-xsWA7 .control-bar-buttons-container-SWhkU .control-bar-buttons-menu-container-M6L0_:not(.open) {
display: none;
}
}
.next-video-popup-container-H4wnL {
display: flex;
flex-direction: row;
width: 50rem;
animation: slide-fade-in-rk2M8 0.5s ease-in;
}
@keyframes slide-fade-in-rk2M8 {
0% {
opacity: 0;
transform: translateX(calc(40rem + 2rem));
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.next-video-popup-container-H4wnL .poster-container-tXZjA {
flex: 1 1 45%;
display: flex;
justify-content: center;
align-items: center;
background-color: var(--overlay-color);
}
.next-video-popup-container-H4wnL .poster-container-tXZjA .poster-image-2D6wg {
flex: none;
width: 100%;
height: 100%;
object-position: center;
object-fit: cover;
}
.next-video-popup-container-H4wnL .poster-container-tXZjA .placeholder-icon-fu1rK {
flex: none;
width: 80%;
height: 50%;
color: var(--primary-foreground-color);
}
.next-video-popup-container-H4wnL .info-container-KLOMx {
flex: 1 1 55%;
display: flex;
flex-direction: column;
}
.next-video-popup-container-H4wnL .info-container-KLOMx .details-container-bUOTZ {
flex: auto;
padding: 2rem;
}
.next-video-popup-container-H4wnL .info-container-KLOMx .details-container-bUOTZ .name-sIiDL {
flex: none;
align-self: stretch;
max-height: 2.4em;
font-weight: 700;
margin-bottom: 1.5rem;
color: var(--primary-accent-color);
}
.next-video-popup-container-H4wnL .info-container-KLOMx .details-container-bUOTZ .name-sIiDL .label-zOq_w {
color: var(--primary-foreground-color);
}
.next-video-popup-container-H4wnL .info-container-KLOMx .details-container-bUOTZ .title-Z5Kgo {
flex: none;
align-self: stretch;
max-height: 2.4em;
font-weight: 500;
margin-bottom: 0.5rem;
color: var(--primary-foreground-color);
}
.next-video-popup-container-H4wnL .info-container-KLOMx .details-container-bUOTZ .description-gIXiC {
color: var(--primary-foreground-color);
opacity: 0.5;
max-width: 80%;
padding: 0.5rem 0;
}
.next-video-popup-container-H4wnL .info-container-KLOMx .buttons-container-iYrpZ {
display: flex;
flex-direction: row;
padding: 0 1rem 2rem;
}
.next-video-popup-container-H4wnL .info-container-KLOMx .buttons-container-iYrpZ .spacing-iFwsN {
flex: 0 0 50%;
}
.next-video-popup-container-H4wnL .info-container-KLOMx .buttons-container-iYrpZ .button-container-i4F7t {
flex: 0 0 45%;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
height: 3.5rem;
padding: 0 0.5rem;
margin-left: 1rem;
border-radius: 1.75rem;
}
.next-video-popup-container-H4wnL .info-container-KLOMx .buttons-container-iYrpZ .button-container-i4F7t.play-button-Dluk6 {
background-color: var(--primary-accent-color);
}
.next-video-popup-container-H4wnL .info-container-KLOMx .buttons-container-iYrpZ .button-container-i4F7t.play-button-Dluk6 .icon-N3Ewm {
color: var(--primary-foreground-color);
}
.next-video-popup-container-H4wnL .info-container-KLOMx .buttons-container-iYrpZ .button-container-i4F7t.play-button-Dluk6 .label-zOq_w {
color: var(--primary-foreground-color);
}
.next-video-popup-container-H4wnL .info-container-KLOMx .buttons-container-iYrpZ .button-container-i4F7t.play-button-Dluk6:hover {
outline: var(--focus-outline-size) solid var(--primary-accent-color);
background-color: transparent;
}
.next-video-popup-container-H4wnL .info-container-KLOMx .buttons-container-iYrpZ .button-container-i4F7t .icon-N3Ewm {
flex: none;
width: 1.4rem;
height: 1.4rem;
margin-right: 1rem;
color: var(--primary-foreground-color);
}
.next-video-popup-container-H4wnL .info-container-KLOMx .buttons-container-iYrpZ .button-container-i4F7t .label-zOq_w {
flex: none;
max-height: 2.4em;
font-size: 1.1rem;
font-weight: 500;
color: var(--primary-foreground-color);
}
.next-video-popup-container-H4wnL .info-container-KLOMx .buttons-container-iYrpZ .button-container-i4F7t.dismiss-IvEL_ {
opacity: 0.6;
}
.next-video-popup-container-H4wnL .info-container-KLOMx .buttons-container-iYrpZ .button-container-i4F7t:hover,
.next-video-popup-container-H4wnL .info-container-KLOMx .buttons-container-iYrpZ .button-container-i4F7t:focus {
background-color: var(--overlay-color);
}
.statistics-menu-container-DhiHn {
display: flex;
flex-direction: column;
gap: 1.5rem;
width: 30rem;
padding: 1.5rem;
}
.statistics-menu-container-DhiHn .title-NCwWH {
flex: none;
font-weight: 700;
color: var(--primary-foreground-color);
}
.statistics-menu-container-DhiHn .label-h6nN_ {
flex: none;
font-weight: 500;
color: var(--primary-foreground-color);
opacity: 0.5;
}
.statistics-menu-container-DhiHn .value-E8Ftb {
flex: none;
font-weight: 500;
color: var(--primary-foreground-color);
}
.statistics-menu-container-DhiHn .stats-Tr37t {
flex: auto;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
gap: 1rem;
}
.statistics-menu-container-DhiHn .stats-Tr37t .stat-zoq5A {
flex: auto;
display: flex;
flex-direction: row;
gap: 0.5rem;
}
.statistics-menu-container-DhiHn .info-hash-GT1Cv {
flex: auto;
display: flex;
flex-direction: column;
gap: 0.5rem;
}
.option-container-m_jZq {
display: flex;
flex-direction: row;
align-items: center;
height: 3.5rem;
border-radius: var(--border-radius);
padding: 0 1rem;
margin-bottom: 0.5rem;
}
.option-container-m_jZq:last-child {
margin-bottom: 0;
}
.option-container-m_jZq .icon-krR0X {
flex: none;
width: 1.4rem;
height: 1.4rem;
margin-right: 1rem;
color: var(--primary-foreground-color);
}
.option-container-m_jZq .label-cmqqu {
flex: 1;
max-height: 2.4em;
font-weight: 400;
color: var(--primary-foreground-color);
}
.option-container-m_jZq:hover {
background-color: var(--overlay-color);
}
.option-container-m_jZq.disabled {
opacity: 0.5;
}
.options-menu-container-qlzLt {
width: 16rem;
padding: 1rem;
}
.discrete-input-container-CMThy.disabled .header-n0jWL {
color: var(--primary-foreground-color);
}
.discrete-input-container-CMThy.disabled .input-container-TNuI2 {
opacity: 0.4;
}
.discrete-input-container-CMThy .header-n0jWL {
margin-bottom: 0.5rem;
color: var(--primary-foreground-color);
opacity: 0.6;
}
.discrete-input-container-CMThy .input-container-TNuI2 {
display: flex;
flex-direction: row;
align-items: center;
border-radius: 3.5rem;
background: var(--overlay-color);
}
.discrete-input-container-CMThy .input-container-TNuI2 .button-container-ciSB5 {
flex: none;
width: 3.5rem;
height: 3.5rem;
padding: 1rem;
border-radius: 100%;
background-color: var(--overlay-color);
}
.discrete-input-container-CMThy .input-container-TNuI2 .button-container-ciSB5 .icon-JDltr {
display: block;
width: 100%;
height: 100%;
color: var(--primary-foreground-color);
}
.discrete-input-container-CMThy .input-container-TNuI2 .option-label-tjeeT {
flex: 1;
font-weight: 500;
text-align: center;
color: var(--primary-foreground-color);
}
.subtitles-menu-container-PxBRZ {
height: 25rem;
display: flex;
flex-direction: row;
}
.subtitles-menu-container-PxBRZ .languages-container-NS7H9,
.subtitles-menu-container-PxBRZ .variants-container-XglzH,
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS {
flex: none;
align-self: stretch;
display: flex;
flex-direction: column;
}
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .languages-header-jGNcK,
.subtitles-menu-container-PxBRZ .variants-container-XglzH .languages-header-jGNcK,
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .languages-header-jGNcK,
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .variants-header-TsVSR,
.subtitles-menu-container-PxBRZ .variants-container-XglzH .variants-header-TsVSR,
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .variants-header-TsVSR,
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .settings-header-eaWnm,
.subtitles-menu-container-PxBRZ .variants-container-XglzH .settings-header-eaWnm,
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .settings-header-eaWnm {
flex: none;
align-self: stretch;
padding: 1.5rem 2rem;
font-weight: 700;
color: var(--primary-foreground-color);
}
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .languages-list-sxIwI,
.subtitles-menu-container-PxBRZ .variants-container-XglzH .languages-list-sxIwI,
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .languages-list-sxIwI,
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .variants-list-yZo6B,
.subtitles-menu-container-PxBRZ .variants-container-XglzH .variants-list-yZo6B,
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .variants-list-yZo6B {
flex: 1;
align-self: stretch;
overflow-y: auto;
padding: 0 1rem;
}
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .languages-list-sxIwI .language-option-O1Yr9,
.subtitles-menu-container-PxBRZ .variants-container-XglzH .languages-list-sxIwI .language-option-O1Yr9,
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .languages-list-sxIwI .language-option-O1Yr9,
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .variants-list-yZo6B .language-option-O1Yr9,
.subtitles-menu-container-PxBRZ .variants-container-XglzH .variants-list-yZo6B .language-option-O1Yr9,
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .variants-list-yZo6B .language-option-O1Yr9,
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .languages-list-sxIwI .variant-option-t7_LA,
.subtitles-menu-container-PxBRZ .variants-container-XglzH .languages-list-sxIwI .variant-option-t7_LA,
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .languages-list-sxIwI .variant-option-t7_LA,
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .variants-list-yZo6B .variant-option-t7_LA,
.subtitles-menu-container-PxBRZ .variants-container-XglzH .variants-list-yZo6B .variant-option-t7_LA,
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .variants-list-yZo6B .variant-option-t7_LA {
display: flex;
flex-direction: row;
align-items: center;
height: 3.5rem;
padding: 0 1.5rem;
margin-bottom: 0.5rem;
border-radius: var(--border-radius);
}
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .languages-list-sxIwI .language-option-O1Yr9.selected,
.subtitles-menu-container-PxBRZ .variants-container-XglzH .languages-list-sxIwI .language-option-O1Yr9.selected,
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .languages-list-sxIwI .language-option-O1Yr9.selected,
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .variants-list-yZo6B .language-option-O1Yr9.selected,
.subtitles-menu-container-PxBRZ .variants-container-XglzH .variants-list-yZo6B .language-option-O1Yr9.selected,
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .variants-list-yZo6B .language-option-O1Yr9.selected,
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .languages-list-sxIwI .variant-option-t7_LA.selected,
.subtitles-menu-container-PxBRZ .variants-container-XglzH .languages-list-sxIwI .variant-option-t7_LA.selected,
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .languages-list-sxIwI .variant-option-t7_LA.selected,
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .variants-list-yZo6B .variant-option-t7_LA.selected,
.subtitles-menu-container-PxBRZ .variants-container-XglzH .variants-list-yZo6B .variant-option-t7_LA.selected,
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .variants-list-yZo6B .variant-option-t7_LA.selected,
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .languages-list-sxIwI .language-option-O1Yr9:hover,
.subtitles-menu-container-PxBRZ .variants-container-XglzH .languages-list-sxIwI .language-option-O1Yr9:hover,
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .languages-list-sxIwI .language-option-O1Yr9:hover,
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .variants-list-yZo6B .language-option-O1Yr9:hover,
.subtitles-menu-container-PxBRZ .variants-container-XglzH .variants-list-yZo6B .language-option-O1Yr9:hover,
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .variants-list-yZo6B .language-option-O1Yr9:hover,
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .languages-list-sxIwI .variant-option-t7_LA:hover,
.subtitles-menu-container-PxBRZ .variants-container-XglzH .languages-list-sxIwI .variant-option-t7_LA:hover,
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .languages-list-sxIwI .variant-option-t7_LA:hover,
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .variants-list-yZo6B .variant-option-t7_LA:hover,
.subtitles-menu-container-PxBRZ .variants-container-XglzH .variants-list-yZo6B .variant-option-t7_LA:hover,
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .variants-list-yZo6B .variant-option-t7_LA:hover {
background-color: var(--overlay-color);
}
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .languages-list-sxIwI .language-option-O1Yr9 .language-label-FjjqA,
.subtitles-menu-container-PxBRZ .variants-container-XglzH .languages-list-sxIwI .language-option-O1Yr9 .language-label-FjjqA,
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .languages-list-sxIwI .language-option-O1Yr9 .language-label-FjjqA,
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .variants-list-yZo6B .language-option-O1Yr9 .language-label-FjjqA,
.subtitles-menu-container-PxBRZ .variants-container-XglzH .variants-list-yZo6B .language-option-O1Yr9 .language-label-FjjqA,
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .variants-list-yZo6B .language-option-O1Yr9 .language-label-FjjqA,
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .languages-list-sxIwI .variant-option-t7_LA .language-label-FjjqA,
.subtitles-menu-container-PxBRZ .variants-container-XglzH .languages-list-sxIwI .variant-option-t7_LA .language-label-FjjqA,
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .languages-list-sxIwI .variant-option-t7_LA .language-label-FjjqA,
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .variants-list-yZo6B .variant-option-t7_LA .language-label-FjjqA,
.subtitles-menu-container-PxBRZ .variants-container-XglzH .variants-list-yZo6B .variant-option-t7_LA .language-label-FjjqA,
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .variants-list-yZo6B .variant-option-t7_LA .language-label-FjjqA,
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .languages-list-sxIwI .language-option-O1Yr9 .variant-label-opjnP,
.subtitles-menu-container-PxBRZ .variants-container-XglzH .languages-list-sxIwI .language-option-O1Yr9 .variant-label-opjnP,
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .languages-list-sxIwI .language-option-O1Yr9 .variant-label-opjnP,
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .variants-list-yZo6B .language-option-O1Yr9 .variant-label-opjnP,
.subtitles-menu-container-PxBRZ .variants-container-XglzH .variants-list-yZo6B .language-option-O1Yr9 .variant-label-opjnP,
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .variants-list-yZo6B .language-option-O1Yr9 .variant-label-opjnP,
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .languages-list-sxIwI .variant-option-t7_LA .variant-label-opjnP,
.subtitles-menu-container-PxBRZ .variants-container-XglzH .languages-list-sxIwI .variant-option-t7_LA .variant-label-opjnP,
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .languages-list-sxIwI .variant-option-t7_LA .variant-label-opjnP,
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .variants-list-yZo6B .variant-option-t7_LA .variant-label-opjnP,
.subtitles-menu-container-PxBRZ .variants-container-XglzH .variants-list-yZo6B .variant-option-t7_LA .variant-label-opjnP,
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .variants-list-yZo6B .variant-option-t7_LA .variant-label-opjnP {
flex: 1;
font-size: 1.1rem;
color: var(--primary-foreground-color);
}
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .languages-list-sxIwI .language-option-O1Yr9 .language-label-FjjqA,
.subtitles-menu-container-PxBRZ .variants-container-XglzH .languages-list-sxIwI .language-option-O1Yr9 .language-label-FjjqA,
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .languages-list-sxIwI .language-option-O1Yr9 .language-label-FjjqA,
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .variants-list-yZo6B .language-option-O1Yr9 .language-label-FjjqA,
.subtitles-menu-container-PxBRZ .variants-container-XglzH .variants-list-yZo6B .language-option-O1Yr9 .language-label-FjjqA,
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .variants-list-yZo6B .language-option-O1Yr9 .language-label-FjjqA,
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .languages-list-sxIwI .variant-option-t7_LA .language-label-FjjqA,
.subtitles-menu-container-PxBRZ .variants-container-XglzH .languages-list-sxIwI .variant-option-t7_LA .language-label-FjjqA,
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .languages-list-sxIwI .variant-option-t7_LA .language-label-FjjqA,
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .variants-list-yZo6B .variant-option-t7_LA .language-label-FjjqA,
.subtitles-menu-container-PxBRZ .variants-container-XglzH .variants-list-yZo6B .variant-option-t7_LA .language-label-FjjqA,
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .variants-list-yZo6B .variant-option-t7_LA .language-label-FjjqA,
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .languages-list-sxIwI .language-option-O1Yr9 .variant-label-opjnP,
.subtitles-menu-container-PxBRZ .variants-container-XglzH .languages-list-sxIwI .language-option-O1Yr9 .variant-label-opjnP,
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .languages-list-sxIwI .language-option-O1Yr9 .variant-label-opjnP,
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .variants-list-yZo6B .language-option-O1Yr9 .variant-label-opjnP,
.subtitles-menu-container-PxBRZ .variants-container-XglzH .variants-list-yZo6B .language-option-O1Yr9 .variant-label-opjnP,
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .variants-list-yZo6B .language-option-O1Yr9 .variant-label-opjnP,
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .languages-list-sxIwI .variant-option-t7_LA .variant-label-opjnP,
.subtitles-menu-container-PxBRZ .variants-container-XglzH .languages-list-sxIwI .variant-option-t7_LA .variant-label-opjnP,
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .languages-list-sxIwI .variant-option-t7_LA .variant-label-opjnP,
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .variants-list-yZo6B .variant-option-t7_LA .variant-label-opjnP,
.subtitles-menu-container-PxBRZ .variants-container-XglzH .variants-list-yZo6B .variant-option-t7_LA .variant-label-opjnP,
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .variants-list-yZo6B .variant-option-t7_LA .variant-label-opjnP,
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .languages-list-sxIwI .language-option-O1Yr9 .variant-origin-SVnd1,
.subtitles-menu-container-PxBRZ .variants-container-XglzH .languages-list-sxIwI .language-option-O1Yr9 .variant-origin-SVnd1,
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .languages-list-sxIwI .language-option-O1Yr9 .variant-origin-SVnd1,
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .variants-list-yZo6B .language-option-O1Yr9 .variant-origin-SVnd1,
.subtitles-menu-container-PxBRZ .variants-container-XglzH .variants-list-yZo6B .language-option-O1Yr9 .variant-origin-SVnd1,
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .variants-list-yZo6B .language-option-O1Yr9 .variant-origin-SVnd1,
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .languages-list-sxIwI .variant-option-t7_LA .variant-origin-SVnd1,
.subtitles-menu-container-PxBRZ .variants-container-XglzH .languages-list-sxIwI .variant-option-t7_LA .variant-origin-SVnd1,
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .languages-list-sxIwI .variant-option-t7_LA .variant-origin-SVnd1,
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .variants-list-yZo6B .variant-option-t7_LA .variant-origin-SVnd1,
.subtitles-menu-container-PxBRZ .variants-container-XglzH .variants-list-yZo6B .variant-option-t7_LA .variant-origin-SVnd1,
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .variants-list-yZo6B .variant-option-t7_LA .variant-origin-SVnd1 {
text-wrap: nowrap;
text-overflow: ellipsis;
}
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .languages-list-sxIwI .language-option-O1Yr9 .icon-I1Ruh,
.subtitles-menu-container-PxBRZ .variants-container-XglzH .languages-list-sxIwI .language-option-O1Yr9 .icon-I1Ruh,
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .languages-list-sxIwI .language-option-O1Yr9 .icon-I1Ruh,
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .variants-list-yZo6B .language-option-O1Yr9 .icon-I1Ruh,
.subtitles-menu-container-PxBRZ .variants-container-XglzH .variants-list-yZo6B .language-option-O1Yr9 .icon-I1Ruh,
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .variants-list-yZo6B .language-option-O1Yr9 .icon-I1Ruh,
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .languages-list-sxIwI .variant-option-t7_LA .icon-I1Ruh,
.subtitles-menu-container-PxBRZ .variants-container-XglzH .languages-list-sxIwI .variant-option-t7_LA .icon-I1Ruh,
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .languages-list-sxIwI .variant-option-t7_LA .icon-I1Ruh,
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .variants-list-yZo6B .variant-option-t7_LA .icon-I1Ruh,
.subtitles-menu-container-PxBRZ .variants-container-XglzH .variants-list-yZo6B .variant-option-t7_LA .icon-I1Ruh,
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .variants-list-yZo6B .variant-option-t7_LA .icon-I1Ruh {
flex: none;
width: 0.5rem;
height: 0.5rem;
border-radius: 100%;
margin-left: 1rem;
background-color: var(--secondary-accent-color);
}
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .languages-list-sxIwI .variant-option-t7_LA,
.subtitles-menu-container-PxBRZ .variants-container-XglzH .languages-list-sxIwI .variant-option-t7_LA,
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .languages-list-sxIwI .variant-option-t7_LA,
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .variants-list-yZo6B .variant-option-t7_LA,
.subtitles-menu-container-PxBRZ .variants-container-XglzH .variants-list-yZo6B .variant-option-t7_LA,
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .variants-list-yZo6B .variant-option-t7_LA {
height: 4rem;
}
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .languages-list-sxIwI .variant-option-t7_LA .info-mxjJh,
.subtitles-menu-container-PxBRZ .variants-container-XglzH .languages-list-sxIwI .variant-option-t7_LA .info-mxjJh,
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .languages-list-sxIwI .variant-option-t7_LA .info-mxjJh,
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .variants-list-yZo6B .variant-option-t7_LA .info-mxjJh,
.subtitles-menu-container-PxBRZ .variants-container-XglzH .variants-list-yZo6B .variant-option-t7_LA .info-mxjJh,
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .variants-list-yZo6B .variant-option-t7_LA .info-mxjJh {
flex: 1;
display: flex;
flex-direction: column;
gap: 0.25rem;
}
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .languages-list-sxIwI .variant-option-t7_LA .info-mxjJh .variant-label-opjnP,
.subtitles-menu-container-PxBRZ .variants-container-XglzH .languages-list-sxIwI .variant-option-t7_LA .info-mxjJh .variant-label-opjnP,
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .languages-list-sxIwI .variant-option-t7_LA .info-mxjJh .variant-label-opjnP,
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .variants-list-yZo6B .variant-option-t7_LA .info-mxjJh .variant-label-opjnP,
.subtitles-menu-container-PxBRZ .variants-container-XglzH .variants-list-yZo6B .variant-option-t7_LA .info-mxjJh .variant-label-opjnP,
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .variants-list-yZo6B .variant-option-t7_LA .info-mxjJh .variant-label-opjnP {
line-height: 1.5rem;
}
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .languages-list-sxIwI .variant-option-t7_LA .info-mxjJh .variant-origin-SVnd1,
.subtitles-menu-container-PxBRZ .variants-container-XglzH .languages-list-sxIwI .variant-option-t7_LA .info-mxjJh .variant-origin-SVnd1,
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .languages-list-sxIwI .variant-option-t7_LA .info-mxjJh .variant-origin-SVnd1,
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .variants-list-yZo6B .variant-option-t7_LA .info-mxjJh .variant-origin-SVnd1,
.subtitles-menu-container-PxBRZ .variants-container-XglzH .variants-list-yZo6B .variant-option-t7_LA .info-mxjJh .variant-origin-SVnd1,
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .variants-list-yZo6B .variant-option-t7_LA .info-mxjJh .variant-origin-SVnd1 {
font-size: 0.9rem;
color: var(--color-placeholder-text);
}
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 {
width: 16rem;
}
.subtitles-menu-container-PxBRZ .variants-container-XglzH {
width: 16rem;
}
.subtitles-menu-container-PxBRZ .variants-container-XglzH .no-variants-container-q6u1Q {
flex: 1;
align-self: stretch;
padding: 1rem;
}
.subtitles-menu-container-PxBRZ .variants-container-XglzH .no-variants-container-q6u1Q .no-variants-label-RmDKZ {
max-height: 4.8em;
font-weight: 500;
color: var(--primary-foreground-color);
}
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS {
width: 17rem;
}
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .spacing-AWJpt {
flex: 1;
}
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .discrete-input-fXELp {
padding: 0 1.5rem 1rem;
}
.audio-menu-qB4SQ {
display: flex;
flex-direction: row;
}
.audio-menu-qB4SQ .container-lNRgG {
flex: none;
align-self: stretch;
display: flex;
flex-direction: column;
width: 16rem;
}
.audio-menu-qB4SQ .container-lNRgG .header-yT4vp {
flex: none;
align-self: stretch;
padding: 1.5rem 2rem;
font-weight: 700;
color: var(--primary-foreground-color);
}
.audio-menu-qB4SQ .container-lNRgG .list-lt_h8 {
flex: 1;
align-self: stretch;
display: flex;
flex-direction: column;
gap: 0.5rem;
overflow-y: auto;
padding: 0 1rem;
padding-bottom: 1rem;
}
.audio-menu-qB4SQ .container-lNRgG .list-lt_h8 .option-COcvW {
flex: none;
display: flex;
flex-direction: row;
align-items: center;
gap: 1rem;
height: 4rem;
padding: 0 1.5rem;
border-radius: var(--border-radius);
}
.audio-menu-qB4SQ .container-lNRgG .list-lt_h8 .option-COcvW.selected,
.audio-menu-qB4SQ .container-lNRgG .list-lt_h8 .option-COcvW:hover {
background-color: var(--overlay-color);
}
.audio-menu-qB4SQ .container-lNRgG .list-lt_h8 .option-COcvW .info-BPG2q {
flex: 1;
display: flex;
flex-direction: column;
gap: 0.25rem;
}
.audio-menu-qB4SQ .container-lNRgG .list-lt_h8 .option-COcvW .info-BPG2q .lang-EXxoG,
.audio-menu-qB4SQ .container-lNRgG .list-lt_h8 .option-COcvW .info-BPG2q .label-_DvDN {
flex: auto;
text-wrap: nowrap;
text-overflow: ellipsis;
}
.audio-menu-qB4SQ .container-lNRgG .list-lt_h8 .option-COcvW .info-BPG2q .lang-EXxoG {
font-size: 1.1rem;
line-height: 1.5rem;
color: var(--primary-foreground-color);
}
.audio-menu-qB4SQ .container-lNRgG .list-lt_h8 .option-COcvW .info-BPG2q .label-_DvDN {
font-size: 0.9rem;
color: var(--color-placeholder-text);
}
.audio-menu-qB4SQ .container-lNRgG .list-lt_h8 .option-COcvW .icon-DebLV {
flex: none;
width: 0.5rem;
height: 0.5rem;
border-radius: 100%;
background-color: var(--secondary-accent-color);
}
.option-_O96j {
display: flex;
flex-direction: row;
align-items: center;
padding: 0 1.5em;
margin-bottom: 0.5rem;
border-radius: var(--border-radius);
}
.option-_O96j.selected {
background-color: var(--overlay-color);
}
.option-_O96j.selected .icon-kqaPF {
display: block;
}
.option-_O96j:hover,
.option-_O96j:focus {
background-color: var(--overlay-color);
}
.option-_O96j .label-FEOiu {
flex: 1;
font-weight: 400;
color: var(--primary-foreground-color);
}
.option-_O96j .icon-kqaPF {
flex: none;
display: none;
width: 0.5rem;
height: 0.5rem;
border-radius: 100%;
margin-left: 1rem;
background-color: var(--secondary-accent-color);
}
.speed-menu-container-ABjzc {
width: 14rem;
}
.speed-menu-container-ABjzc .title-Hu2Dm {
flex: none;
align-self: stretch;
font-weight: 700;
color: var(--primary-foreground-color);
padding: 1.5rem 2rem;
}
.speed-menu-container-ABjzc .options-container-DNn3D {
flex: 0 1 auto;
max-height: calc(3.2rem * 8);
padding: 0 1rem 0.5rem;
}
.speed-menu-container-ABjzc .options-container-DNn3D .option-GcPlB {
height: 3.2rem;
}
.side-drawer-button-lVLKS {
height: 12.5rem;
width: 7.5rem;
display: flex;
align-items: center;
justify-content: start;
padding-left: 0.5rem;
border-radius: 50%;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
background-color: var(--modal-background-color);
-webkit-tap-highlight-color: transparent;
cursor: pointer;
opacity: 1;
will-change: opacity;
transition: opacity 0.3s ease-in-out, border-radius 0.3s ease-in-out;
}
.side-drawer-button-lVLKS .icon-g5Oo_ {
position: relative;
width: 2.5rem;
height: 2.5rem;
color: var(--primary-foreground-color);
opacity: 0.6;
transition: 0.3s opacity ease-in-out;
}
.side-drawer-button-lVLKS:hover .icon-g5Oo_ {
opacity: 1;
}
@media screen and (max-width: 1000px) {
.side-drawer-button-lVLKS {
height: 8rem;
width: 4.5rem;
}
.side-drawer-button-lVLKS .icon-g5Oo_ {
width: 2rem;
height: 2rem;
}
}
.side-drawer-r9EuA {
display: flex;
flex-direction: column;
padding: 1rem;
height: 100dvh;
max-width: 35rem;
overflow-y: auto;
position: relative;
border-top-left-radius: var(--border-radius);
border-bottom-left-radius: var(--border-radius);
background-color: var(--modal-background-color);
box-shadow: 0 1.35rem 2.7rem var(--color-background-dark5-40), 0 1.1rem 0.85rem var(--color-background-dark5-20);
backdrop-filter: blur(15px);
transition: transform 0.3s ease-in-out;
z-index: 1;
}
.side-drawer-r9EuA .close-button-ruzkn {
display: none;
position: absolute;
top: 1.3rem;
right: 1.3rem;
padding: 0.5rem;
background-color: transparent;
cursor: pointer;
z-index: 2;
border-radius: var(--border-radius);
transition: 0.3s all ease-in-out;
-webkit-tap-highlight-color: transparent;
}
.side-drawer-r9EuA .close-button-ruzkn .icon-k44IU {
color: var(--primary-foreground-color);
width: 2rem;
height: 2rem;
opacity: 0.6;
transition: 0.3s opacity ease-in-out;
}
.side-drawer-r9EuA .close-button-ruzkn:hover {
background-color: var(--overlay-color);
}
.side-drawer-r9EuA .close-button-ruzkn:hover .icon-k44IU {
opacity: 1;
}
.side-drawer-r9EuA .info-hhNTg {
padding: 1rem;
overflow-y: auto;
flex: none;
}
.side-drawer-r9EuA .info-hhNTg .side-drawer-meta-preview-pB8v6 .action-buttons-container-qQrnO {
padding-top: 0;
margin-top: 0;
}
.side-drawer-r9EuA .series-content-VkYHB {
flex: 2;
display: flex;
flex-direction: column;
}
.side-drawer-r9EuA .series-content-VkYHB .videos-nRM2D {
overflow-y: auto;
}
@media screen and (max-width: 1300px) {
.side-drawer-r9EuA {
max-width: 40dvw;
}
}
@media (orientation: portrait) and (max-width: 1000px) {
.side-drawer-r9EuA {
max-width: 100dvw;
}
.side-drawer-r9EuA .close-button-ruzkn {
display: block;
}
}
@media (orientation: landscape) and (max-width: 1000px) {
.side-drawer-r9EuA {
max-width: 50dvw;
}
.side-drawer-r9EuA .info-hhNTg {
max-height: 30dvh;
}
}
@media screen and (max-width: 800px) {
.side-drawer-r9EuA {
padding: calc(1rem / 2);
}
.side-drawer-r9EuA .info-hhNTg {
padding: calc(1rem / 2);
}
}
.horizontal-nav-bar-container-jFw5Y{align-items:center;background-color:transparent;box-sizing:content-box;display:flex;flex-direction:row;height:var(--horizontal-nav-bar-size);justify-content:space-between;overflow:visible;padding-right:1rem;padding-top:var(--safe-area-inset-top)}.horizontal-nav-bar-container-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:max(0rem,calc(1rem - var(--safe-area-inset-left)))}.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,
html:not(.active-slider-within-lQFc1) .player-container-wIELK.overlayHidden-gyjIy .side-drawer-button-layer-RrB8k {
opacity: 0;
transition: opacity 200ms;
}
.player-container-wIELK {
position: relative;
z-index: 0;
width: 100%;
height: 100%;
background-color: #000000;
}
.player-container-wIELK .layer-qalDW {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 0;
}
.player-container-wIELK .layer-qalDW.buffering-layer-ZZCYp,
.player-container-wIELK .layer-qalDW.error-layer-RCEZC {
background: transparent;
}
.player-container-wIELK .layer-qalDW.background-layer-ldsp8 .image-XxZuJ {
width: 100vw;
height: 100vh;
object-fit: cover;
opacity: 0.6;
}
.player-container-wIELK .layer-qalDW.nav-bar-layer-r9HT5 {
bottom: initial;
background: transparent;
overflow: visible;
}
.player-container-wIELK .layer-qalDW.nav-bar-layer-r9HT5::before {
position: absolute;
right: 0;
top: 0;
left: 0;
z-index: -1;
box-shadow: 0 0 8rem 6rem hsl(0, 0%, 0%);
content: "";
}
.player-container-wIELK .layer-qalDW.nav-bar-layer-r9HT5 .button-container-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.side-drawer-button-layer-RrB8k {
top: 50%;
right: -4rem;
left: initial;
transform: translateY(-50%);
}
.player-container-wIELK .layer-qalDW.control-bar-layer-m2jto {
top: initial;
overflow: visible;
}
.player-container-wIELK .layer-qalDW.control-bar-layer-m2jto::before {
position: absolute;
right: 0;
bottom: 0;
left: 0;
z-index: -1;
box-shadow: 0 0 8rem 8rem hsl(0, 0%, 0%);
content: "";
}
.player-container-wIELK .layer-qalDW.menu-layer-HZFG9 {
top: initial;
left: initial;
right: 4rem;
bottom: 8rem;
max-height: calc(100% - 13.5rem);
max-width: calc(100% - 4rem);
border-radius: var(--border-radius);
background-color: var(--modal-background-color);
box-shadow: 0 1.35rem 2.7rem hsla(0, 0%, 0%, 0.4), 0 1.1rem 0.85rem hsla(0, 0%, 0%, 0.2);
backdrop-filter: blur(15px);
overflow: auto;
}
.player-container-wIELK .layer-qalDW.side-drawer-layer-CZtJ1 {
bottom: 0;
right: 0;
left: initial;
bottom: initial;
}
@media screen and (max-width: 1000px) {
.player-container-wIELK .layer-qalDW.side-drawer-button-layer-RrB8k {
right: -2rem;
}
}
@media (orientation: portrait) and (max-width: 640px) {
.player-container-wIELK .layer-qalDW.menu-layer-HZFG9 {
right: 2.5rem;
bottom: 11rem;
}
}
.video-container-v9_vA .video-tkpQm {
width: 100%;
height: 100%;
}
.video-container-v9_vA .video-tkpQm * {
font-size: inherit;
}
.consent-toggle-container-SdUk_ {
display: flex;
flex-direction: row;
align-items: center;
padding: 0.5rem 0;
border-radius: var(--border-radius);
}
.consent-toggle-container-SdUk_:focus {
outline: none;
background-color: var(--overlay-color);
}
.consent-toggle-container-SdUk_.checked .label-hQS0A {
opacity: 1;
}
.consent-toggle-container-SdUk_ .label-hQS0A {
flex: 1;
margin-left: 1rem;
font-size: 0.9rem;
color: var(--primary-foreground-color);
opacity: 0.6;
}
.consent-toggle-container-SdUk_ .label-hQS0A .link-D82uK {
font-size: 0.9rem;
color: var(--primary-accent-color);
}
.consent-toggle-container-SdUk_ .label-hQS0A .link-D82uK:hover {
text-decoration: underline;
}
.password-reset-modal-container-KzJPQ .modal-dialog-content-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(../../6b9f68f3dd34e9a63dd41eedfdc22e45b5b4aea7/images/background_1.svg), url(../../6b9f68f3dd34e9a63dd41eedfdc22e45b5b4aea7/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(../../6b9f68f3dd34e9a63dd41eedfdc22e45b5b4aea7/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%);
}
}
.slide-left-enter {
transform: translateX(100%);
}
.slide-left-active {
transform: translateX(0%);
transition: transform 0.3s cubic-bezier(0.32, 0, 0.67, 0);
}
.slide-left-exit {
transform: translateX(100%);
}
.routes-container {
position: relative;
z-index: 0;
}
.routes-container .route-container {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 0;
}
.routes-container .route-container:not(:last-child) {
display: none;
}
.routes-container .route-container .route-content {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 0;
overflow: hidden;
}
.routes-container .route-container .modals-container {
width: 0;
height: 0;
}
.routes-container .route-container .modals-container .modal-container {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
overflow: hidden;
}
:root {
--landscape-shape-ratio: 0.5625;
--poster-shape-ratio: 1.464;
--scroll-bar-size: 6px;
--horizontal-nav-bar-size: 5.5rem;
--vertical-nav-bar-size: 6rem;
--focus-outline-size: 2px;
--color-facebook: #1877F1;
--color-x: #000000;
--color-reddit: #FF4500;
--color-imdb: #f5c518;
--color-trakt: #ED2224;
--color-placeholder: #60606080;
--color-placeholder-text: hsla(0, 0%, 75%, 0.5);
--color-placeholder-background: hsla(0, 0%, 50%, 0.2);
--primary-background-color: #0c0b11;
--secondary-background-color: #1a173e;
--primary-foreground-color: rgba(255, 255, 255, 0.9);
--secondary-foreground-color: #0c0b11;
--primary-accent-color: #7b5bf5;
--secondary-accent-color: #22b365;
--tertiary-accent-color: #f6c700;
--quaternary-accent-color: #1245a6;
--overlay-color: rgba(255, 255, 255, 0.05);
--modal-background-color: #0f0d20;
--outer-glow: 0px 0px 15px rgba(123, 91, 245, 0.37);
--border-radius: 0.75rem;
--calculated-bottom-safe-inset: min(env(safe-area-inset-bottom, 0rem), max(1rem, calc(100lvh - 100svh - env(safe-area-inset-top, 0rem))));
--top-overlay-size: 5.25rem;
--bottom-overlay-size: 0rem;
--overlap-size: 3rem;
--transparency-grandient-pad: 6rem;
--safe-area-inset-top: env(safe-area-inset-top, 0rem);
--safe-area-inset-right: env(safe-area-inset-right, 0rem);
--safe-area-inset-bottom: env(safe-area-inset-bottom, 0rem);
--safe-area-inset-left: env(safe-area-inset-left, 0rem);
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-size: 1rem;
font-family: inherit;
border: none;
outline: none;
list-style: none;
user-select: none;
text-decoration: none;
appearance: none;
background: none;
box-shadow: none;
overflow: hidden;
word-break: break-word;
scrollbar-width: thin;
scrollbar-color: var(--overlay-color) transparent;
}
::-webkit-scrollbar {
width: var(--scroll-bar-size);
height: var(--scroll-bar-size);
}
::-webkit-scrollbar-thumb {
border-radius: var(--scroll-bar-size);
background-color: var(--overlay-color);
}
::-webkit-scrollbar-thumb:hover {
background-color: var(--primary-accent-color);
}
::-webkit-scrollbar-track {
background-color: transparent;
}
svg {
overflow: visible;
}
html {
width: calc(max(100svw, 100dvw));
height: calc(max(100svh, 100dvh));
min-width: 640px;
min-height: 480px;
font-family: 'PlusJakartaSans', 'sans-serif';
overflow: auto;
overscroll-behavior: none;
user-select: none;
touch-action: manipulation;
-webkit-tap-highlight-color: transparent;
}
html body {
width: 100%;
height: 100%;
background: linear-gradient(41deg, var(--primary-background-color) 0%, var(--secondary-background-color) 100%);
}
html body #app {
position: relative;
z-index: 0;
width: 100%;
height: 100%;
}
html body #app .toasts-container-oKECy {
position: absolute;
top: calc(1.2 * var(--horizontal-nav-bar-size) + var(--safe-area-inset-top));
right: var(--safe-area-inset-right);
bottom: calc(1.2 * var(--horizontal-nav-bar-size) + var(--calculated-bottom-safe-inset, 0rem));
left: auto;
z-index: 1;
padding: 0 calc(0.5 * var(--horizontal-nav-bar-size));
overflow: visible;
scrollbar-width: none;
pointer-events: none;
}
html body #app .toasts-container-oKECy::-webkit-scrollbar {
display: none;
}
html body #app .tooltip-container-Qpse8 {
height: 2.5rem;
display: flex;
align-items: center;
justify-content: center;
padding: 0 1.5rem;
font-size: 1rem;
color: var(--primary-foreground-color);
border-radius: var(--border-radius);
background-color: var(--modal-background-color);
box-shadow: var(--outer-glow);
transition: opacity 0.1s ease-out;
}
html body #app .tooltip-container-Qpse8.active {
transition-delay: 0.25s;
}
html body #app .router-_65XU {
width: 100%;
height: 100%;
}
html body #app .loader-container-vwvnb,
html body #app .error-container-VZXwH {
width: 100%;
height: 100%;
}
@media only screen and (min-width: 2800px) {
html {
font-size: 18px;
}
}
@media only screen and (max-width: 2800px) {
html {
font-size: 16px;
}
}
@media only screen and (max-width: 2200px) {
html {
font-size: 15px;
}
}
@media only screen and (max-width: 1600px) {
html {
font-size: 14px;
}
}
@media only screen and (max-width: 1000px) {
html {
min-width: inherit;
min-height: inherit;
}
html body #app .toasts-container-oKECy {
padding: 0 1rem;
}
html body #app .tooltip-container-Qpse8 {
display: none;
}
}
@media only screen and (max-width: 640px) {
:root {
--bottom-overlay-size: 6rem;
}
}
/*# sourceMappingURL=main.css.map*/