Creepso/stremio-web
1
0
Fork 0
mirror of https://github.com/Stremio/stremio-web.git synced 2026-01-11 22:40:31 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1
stremio-web/development/da675cd56ce0bf2a65c07b45250cb7f7045f874d/styles/main.css
tymmesyde ba79e88f96 deploy: da675cd56c
2026-01-10 00:13:55 +00:00

8597 lines
No EOL
284 KiB
CSS
Raw Blame History

.button-container-zVLH6 {
outline-width: var(--focus-outline-size);
outline-color: hsl(0, 0%, 100%);
outline-offset: calc(-1 * var(--focus-outline-size));
cursor: pointer;
}
.button-container-zVLH6:focus {
outline-style: solid;
}
.button-container-zVLH6.disabled {
pointer-events: none;
opacity: 0.5;
}
.modal-container-OuxEF {
display: flex;
justify-content: center;
align-items: center;
background-color: hsla(0, 0%, 0%, 0.4);
}
.modal-container-OuxEF .modal-dialog-container-DZMKq {
position: relative;
flex: none;
display: flex;
flex-direction: column;
max-width: 80%;
max-height: 80%;
padding: 0 2rem;
border-radius: var(--border-radius);
background-color: var(--modal-background-color);
box-shadow: var(--outer-glow);
}
.modal-container-OuxEF .modal-dialog-container-DZMKq .modal-dialog-background-vZpB_ {
z-index: 0;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-size: cover;
background-position: center;
opacity: 0.1;
}
.modal-container-OuxEF .modal-dialog-container-DZMKq .close-button-container-cmxAp {
position: absolute;
top: 0.5rem;
right: 0.5rem;
width: 3rem;
height: 3rem;
padding: 0.5rem;
border-radius: var(--border-radius);
z-index: 2;
}
.modal-container-OuxEF .modal-dialog-container-DZMKq .close-button-container-cmxAp .icon-OYzlV {
display: block;
width: 100%;
height: 100%;
color: var(--primary-foreground-color);
opacity: 0.4;
}
.modal-container-OuxEF .modal-dialog-container-DZMKq .close-button-container-cmxAp:hover .icon-OYzlV,
.modal-container-OuxEF .modal-dialog-container-DZMKq .close-button-container-cmxAp:focus .icon-OYzlV {
opacity: 1;
color: var(--primary-foreground-color);
}
.modal-container-OuxEF .modal-dialog-container-DZMKq .close-button-container-cmxAp:focus {
outline-color: var(--primary-foreground-color);
}
.modal-container-OuxEF .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z {
z-index: 1;
position: relative;
overflow-y: auto;
}
.modal-container-OuxEF .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z .title-container-v2mmF {
flex: 1 0 auto;
display: flex;
align-items: center;
height: 4.5rem;
font-size: 1.2rem;
font-weight: 500;
color: var(--primary-foreground-color);
}
.modal-container-OuxEF .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z .body-container-H80dD {
flex: 1;
align-self: stretch;
overflow: visible;
padding: 2rem 0;
}
.modal-container-OuxEF .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z .body-container-H80dD:last-child {
margin-bottom: 2rem;
}
.modal-container-OuxEF .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z .buttons-container-e_JoR {
flex: none;
align-self: stretch;
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.modal-container-OuxEF .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z .buttons-container-e_JoR:last-child {
margin: 2rem 0;
}
.action-button-eprQG {
flex: 1;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
height: 3.5rem;
border-radius: 3.5rem;
padding: 1.2rem;
background-color: var(--secondary-accent-color);
}
.action-button-eprQG:hover {
background-color: transparent;
outline: var(--focus-outline-size) solid var(--secondary-accent-color);
}
.action-button-eprQG:focus {
outline-color: var(--primary-foreground-color);
}
.action-button-eprQG:not(:last-child) {
margin-right: 1rem;
}
.action-button-eprQG .icon-OYzlV {
flex: none;
width: 1.2rem;
height: 1.2rem;
margin-right: 0.5rem;
color: var(--primary-foreground-color);
}
.action-button-eprQG .label-wbfsE {
flex-grow: 0;
flex-shrink: 1;
flex-basis: auto;
max-height: 3.6em;
font-size: 1.1rem;
font-weight: 700;
text-align: center;
color: var(--primary-foreground-color);
}
@media only screen and (max-width: 640px) {
.modal-container-OuxEF .modal-dialog-container-DZMKq {
position: relative;
width: 90%;
max-width: initial;
z-index: 0;
padding: 0 1.5rem;
}
.modal-container-OuxEF .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z .buttons-container-e_JoR {
flex-direction: column;
gap: 1rem;
}
.modal-container-OuxEF .action-button-eprQG {
width: 100%;
}
.modal-container-OuxEF .action-button-eprQG .label-wbfsE {
text-overflow: ellipsis;
white-space: nowrap;
}
}
.addon-details-container-tUlp2 .title-container-Ca076 {
display: flex;
flex-direction: row;
align-items: center;
}
.addon-details-container-tUlp2 .title-container-Ca076 .logo-Nynh9,
.addon-details-container-tUlp2 .title-container-Ca076 .icon-ZYXtC {
float: left;
width: 5rem;
height: 5rem;
margin-right: 1.5rem;
padding: 0.5rem;
}
.addon-details-container-tUlp2 .title-container-Ca076 .logo-Nynh9 {
object-fit: contain;
object-position: center;
}
.addon-details-container-tUlp2 .title-container-Ca076 .icon-ZYXtC {
color: var(--primary-foreground-color);
}
.addon-details-container-tUlp2 .title-container-Ca076 .name-container-XxPAj {
flex-grow: 1;
flex-shrink: 1;
flex-basis: 0;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: baseline;
}
.addon-details-container-tUlp2 .title-container-Ca076 .name-container-XxPAj .name-i0o3Y {
flex-grow: 0;
flex-shrink: 1;
flex-basis: auto;
margin-right: 0.5rem;
font-size: 1.6rem;
color: var(--primary-foreground-color);
}
.addon-details-container-tUlp2 .title-container-Ca076 .name-container-XxPAj .version-FdUq6 {
flex-grow: 1;
flex-shrink: 1;
flex-basis: auto;
margin-top: 0.5rem;
color: var(--primary-foreground-color);
}
.addon-details-container-tUlp2 .section-container-N6QHW {
margin-top: 1rem;
}
.addon-details-container-tUlp2 .section-container-N6QHW .section-header-tbXCb {
font-size: 1.1rem;
color: var(--primary-foreground-color);
}
.addon-details-container-tUlp2 .section-container-N6QHW .section-label-_R7gz {
font-size: 1.1rem;
font-weight: 300;
color: var(--primary-foreground-color);
}
.addon-details-container-tUlp2 .section-container-N6QHW .section-label-_R7gz.transport-url-label-upr4V {
user-select: text;
}
.addon-details-container-tUlp2 .section-container-N6QHW .section-label-_R7gz.disclaimer-label-I7kvM {
font-style: italic;
}
.addon-details-modal-container-aBFaQ .addon-details-container-VdGrt,
.addon-details-modal-container-aBFaQ .addon-details-message-container-X2sRf {
width: 40rem;
max-width: 100%;
color: var(--primary-foreground-color);
}
.addon-details-modal-container-aBFaQ .cancel-button-zuUX6 {
background-color: transparent;
opacity: 0.3;
}
.addon-details-modal-container-aBFaQ .cancel-button-zuUX6:hover {
outline: var(--focus-outline-size) solid var(--primary-foreground-color);
opacity: 1;
}
.addon-details-modal-container-aBFaQ .cancel-button-zuUX6:focus {
outline-color: var(--primary-foreground-color);
}
.addon-details-modal-container-aBFaQ .cancel-button-zuUX6 .cancel-button-label-ZOQUJ {
color: var(--primary-foreground-color);
}
.addon-details-modal-container-aBFaQ .uninstall-button-iLxLs {
background-color: var(--overlay-color);
}
.addon-details-modal-container-aBFaQ .uninstall-button-iLxLs:hover {
outline: var(--focus-outline-size) solid var(--overlay-color);
background-color: transparent;
}
.addon-details-modal-container-aBFaQ .uninstall-button-iLxLs:focus {
outline-color: var(--primary-foreground-color);
}
.bottom-sheet-VtqY2 {
z-index: 99;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: flex;
justify-content: center;
}
.bottom-sheet-VtqY2 .backdrop-Doe6y {
z-index: 0;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: var(--primary-background-color);
opacity: 0.8;
transition: opacity 0.1s ease-out;
cursor: pointer;
}
.bottom-sheet-VtqY2 .container-yiLtz {
z-index: 1;
position: absolute;
bottom: 0;
max-height: calc(100% - var(--horizontal-nav-bar-size));
width: 100%;
display: flex;
flex-direction: column;
gap: 1.5rem;
padding-bottom: 1rem;
border-radius: 2rem 2rem 0 0;
background-color: var(--modal-background-color);
box-shadow: var(--outer-glow);
overflow: hidden;
}
.bottom-sheet-VtqY2 .container-yiLtz:not(.dragging-ML0cp) {
transition: transform 0.1s ease-out;
}
.bottom-sheet-VtqY2 .container-yiLtz .heading-xf2ct {
position: relative;
}
.bottom-sheet-VtqY2 .container-yiLtz .heading-xf2ct .handle-TCLds {
position: relative;
height: 2.5rem;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.bottom-sheet-VtqY2 .container-yiLtz .heading-xf2ct .handle-TCLds::after {
content: "";
height: 0.3rem;
width: 3rem;
border-radius: 1rem;
background-color: var(--primary-foreground-color);
opacity: 0.3;
}
.bottom-sheet-VtqY2 .container-yiLtz .heading-xf2ct .title-QtERv {
position: relative;
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 1rem;
padding-left: 1.5rem;
font-size: 1.25rem;
font-weight: 600;
color: var(--primary-foreground-color);
}
.bottom-sheet-VtqY2 .container-yiLtz .content-ElxXl {
position: relative;
overflow-y: auto;
}
@media only screen and (min-width: 1300px) and (orientation: portrait) {
.bottom-sheet-VtqY2 {
display: none;
}
}
@media only screen and (min-width: 1000px) and (orientation: landscape) {
.bottom-sheet-VtqY2 {
display: none;
}
}
@media only screen and (orientation: landscape) {
.bottom-sheet-VtqY2 .container-yiLtz {
max-width: calc(90% - var(--safe-area-inset-left) - var(--safe-area-inset-right));
}
}
.checkbox-_AF32 {
display: flex;
align-items: center;
overflow: visible;
}
.checkbox-_AF32 .label-UHMAy {
display: flex;
flex-direction: row;
align-items: center;
padding: 0.5rem 0;
cursor: pointer;
}
.checkbox-_AF32 .label-UHMAy span {
font-size: 0.9rem;
color: var(--primary-foreground-color);
opacity: 0.6;
}
.checkbox-_AF32 .label-UHMAy .link-ih0xx {
font-size: 0.9rem;
color: var(--primary-accent-color);
margin-left: 0.5rem;
}
.checkbox-_AF32 .label-UHMAy .link-ih0xx:hover {
text-decoration: underline;
}
.checkbox-_AF32 .checkbox-container-O5cy3 {
position: relative;
width: 1.5rem;
height: 1.5rem;
border-radius: 0.3rem;
background-color: var(--overlay-color);
padding: 0.1rem;
display: flex;
flex: none;
margin: 0 1rem 0 0.3rem;
align-items: center;
justify-content: center;
transition: background-color 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: 2px;
}
.checkbox-_AF32 .checkbox-container-O5cy3 input[type='checkbox'] {
opacity: 0;
width: 0;
height: 0;
position: absolute;
cursor: pointer;
}
.checkbox-_AF32 .checkbox-container-O5cy3 .checkbox-icon-viDqg {
width: 100%;
height: 100%;
color: var(--primary-foreground-color);
}
.checkbox-_AF32 .checkbox-container-O5cy3.disabled-oxpfi {
cursor: not-allowed;
}
.checkbox-_AF32 .checkbox-container-O5cy3.error-LWgU0 {
border-color: var(--danger-accent-color);
}
.checkbox-_AF32 .checkbox-container-O5cy3.checked-cf9YT {
background-color: var(--primary-accent-color);
}
.checkbox-_AF32 .checkbox-container-O5cy3:hover,
.checkbox-_AF32 .checkbox-container-O5cy3:focus {
outline-style: solid;
}
.chip-L3r9A {
flex: none;
position: relative;
display: flex;
align-items: center;
justify-content: center;
height: 2.75rem;
font-size: 1rem;
font-weight: 500;
color: var(--primary-foreground-color);
white-space: nowrap;
text-transform: capitalize;
padding: 0 1.75rem;
border-radius: 2.75rem;
background-color: transparent;
user-select: none;
overflow: hidden;
opacity: 0.6;
}
.chip-L3r9A:hover {
background-color: var(--overlay-color);
transition: background-color 0.1s ease-out;
opacity: 1;
}
.chip-L3r9A.active-jnhyP {
opacity: 1;
background-color: var(--quaternary-accent-color);
transition: background-color 0.1s ease-in;
}
.chips-Uw41c {
position: relative;
width: 100%;
display: flex;
align-items: center;
justify-content: flex-start;
gap: 1rem;
}
.color-picker-container-Cny5U {
overflow: visible;
text-align: center;
}
.color-picker-container-Cny5U * {
overflow: visible;
}
.color-picker-container-Cny5U .a-color-picker-stack:not(.a-color-picker-row-top) canvas,
.color-picker-container-Cny5U .a-color-picker-circle {
border: solid thin var(--color-surfacedark);
}
.color-picker-container-Cny5U .a-color-picker-circle {
box-shadow: 0 0 0.2rem var(--color-surfacedark);
}
.color-picker-container-Cny5U .a-color-picker-clipboard {
pointer-events: none;
}
.color-input-container-FAQiP {
position: relative;
z-index: 0;
}
.color-input-container-FAQiP .transparent-label-container-uuGMx {
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-FAQiP .transparent-label-container-uuGMx .transparent-label-NxKvi {
flex: 1;
text-align: center;
color: hsl(0, 0%, 100%);
white-space: nowrap;
text-overflow: ellipsis;
}
.color-picker-container-szQfD {
margin: 1rem 0;
}
.context-menu-container-TdwXy {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.context-menu-container-TdwXy .context-menu-kWx7C {
position: fixed;
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);
}
.label-container-XOyzm {
-webkit-touch-callout: none !important;
position: relative;
overflow: visible;
}
.label-container-XOyzm .menu-container-B6cqK {
position: absolute;
z-index: 1;
overflow: hidden;
visibility: hidden;
border-radius: var(--border-radius);
background-color: var(--modal-background-color);
box-shadow: var(--outer-glow);
cursor: auto;
}
.label-container-XOyzm .menu-container-B6cqK.menu-direction-top-left-ongjn {
top: initial;
right: 0;
bottom: 100%;
left: initial;
visibility: visible;
}
.label-container-XOyzm .menu-container-B6cqK.menu-direction-bottom-left-Dvtqk {
top: 100%;
right: 0;
bottom: initial;
left: initial;
visibility: visible;
}
.label-container-XOyzm .menu-container-B6cqK.menu-direction-top-right-tmrFG {
top: initial;
right: initial;
bottom: 100%;
left: 0;
visibility: visible;
}
.label-container-XOyzm .menu-container-B6cqK.menu-direction-bottom-right-aJ89V {
top: 100%;
right: initial;
bottom: initial;
left: 0;
visibility: visible;
}
.label-container-XOyzm{-webkit-touch-callout:none!important;overflow:visible;position:relative}.label-container-XOyzm .menu-container-B6cqK{background-color:var(--modal-background-color);border-radius:var(--border-radius);box-shadow:var(--outer-glow);cursor:auto;overflow:hidden;position:absolute;visibility:hidden;z-index:1}.label-container-XOyzm .menu-container-B6cqK.menu-direction-top-left-ongjn{bottom:100%;left:initial;right:0;top:initial;visibility:visible}.label-container-XOyzm .menu-container-B6cqK.menu-direction-bottom-left-Dvtqk{bottom:initial;left:initial;right:0;top:100%;visibility:visible}.label-container-XOyzm .menu-container-B6cqK.menu-direction-top-right-tmrFG{bottom:100%;left:0;right:initial;top:initial;visibility:visible}.label-container-XOyzm .menu-container-B6cqK.menu-direction-bottom-right-aJ89V{bottom:initial;left:0;right:initial;top:100%;visibility:visible}
.label-container-dhjQS {
display: flex;
flex-direction: row;
align-items: center;
height: 2.75rem;
padding: 0 1.5rem;
border-radius: 2.75rem;
background-color: var(--overlay-color);
}
.label-container-dhjQS.active .icon-jg2il {
transform: rotate(180deg);
}
.label-container-dhjQS > .label-AR_l8 {
flex: 1;
max-height: 2.4em;
font-weight: 500;
color: var(--primary-foreground-color);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.label-container-dhjQS .icon-jg2il {
flex: none;
width: 1rem;
height: 1rem;
margin-left: 1rem;
color: var(--primary-foreground-color);
opacity: 0.4;
}
.label-container-dhjQS .menu-container-B6cqK {
width: 100%;
}
.modal-container-WaYOG .menu-container-qiz0X,
.menu-container-B6cqK .menu-container-qiz0X {
max-height: calc(3rem * 7);
}
.modal-container-WaYOG .menu-container-qiz0X .option-container-mO9yW,
.menu-container-B6cqK .menu-container-qiz0X .option-container-mO9yW {
display: flex;
flex-direction: row;
align-items: center;
padding: 1rem;
}
.modal-container-WaYOG .menu-container-qiz0X .option-container-mO9yW.selected .icon-jg2il,
.menu-container-B6cqK .menu-container-qiz0X .option-container-mO9yW.selected .icon-jg2il {
display: block;
}
.modal-container-WaYOG .menu-container-qiz0X .option-container-mO9yW:hover,
.menu-container-B6cqK .menu-container-qiz0X .option-container-mO9yW:hover,
.modal-container-WaYOG .menu-container-qiz0X .option-container-mO9yW:focus,
.menu-container-B6cqK .menu-container-qiz0X .option-container-mO9yW:focus {
background-color: var(--overlay-color);
}
.modal-container-WaYOG .menu-container-qiz0X .option-container-mO9yW .label-AR_l8,
.menu-container-B6cqK .menu-container-qiz0X .option-container-mO9yW .label-AR_l8 {
flex: 1;
max-height: 4.8em;
color: var(--primary-foreground-color);
}
.modal-container-WaYOG .menu-container-qiz0X .option-container-mO9yW .icon-jg2il,
.menu-container-B6cqK .menu-container-qiz0X .option-container-mO9yW .icon-jg2il {
flex: none;
display: none;
width: 0.5rem;
height: 0.5rem;
border-radius: 100%;
margin-left: 1rem;
background-color: var(--secondary-accent-color);
opacity: 1;
}
.modal-container-WaYOG .menu-container-qiz0X .no-options-container-z47Tg,
.menu-container-B6cqK .menu-container-qiz0X .no-options-container-z47Tg {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
padding: 1rem;
background-color: hsl(243, 24.4%, 21%);
}
.modal-container-WaYOG .menu-container-qiz0X .no-options-container-z47Tg .label-AR_l8,
.menu-container-B6cqK .menu-container-qiz0X .no-options-container-z47Tg .label-AR_l8 {
flex-grow: 0;
flex-shrink: 1;
flex-basis: auto;
font-size: 1.2rem;
font-weight: 500;
text-align: center;
color: hsla(0, 0%, 100%, 0.9);
}
@media (orientation: landscape) and (max-width: 1000px) {
.modal-container-WaYOG .menu-container-qiz0X,
.menu-container-B6cqK .menu-container-qiz0X {
max-height: calc(100dvh - var(--horizontal-nav-bar-size) - 10rem);
}
}
.label-container-dhjQS{align-items:center;background-color:var(--overlay-color);border-radius:2.75rem;display:flex;flex-direction:row;height:2.75rem;padding:0 1.5rem}.label-container-dhjQS.active .icon-jg2il{transform:rotate(180deg)}.label-container-dhjQS>.label-AR_l8{color:var(--primary-foreground-color);flex:1;font-weight:500;max-height:2.4em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.label-container-dhjQS .icon-jg2il{color:var(--primary-foreground-color);flex:none;height:1rem;margin-left:1rem;opacity:0.4;width:1rem}.label-container-dhjQS .menu-container-B6cqK{width:100%}.modal-container-WaYOG .menu-container-qiz0X,.menu-container-B6cqK .menu-container-qiz0X{max-height:calc(3rem * 7)}.modal-container-WaYOG .menu-container-qiz0X .option-container-mO9yW,.menu-container-B6cqK .menu-container-qiz0X .option-container-mO9yW{align-items:center;display:flex;flex-direction:row;padding:1rem}.modal-container-WaYOG .menu-container-qiz0X .option-container-mO9yW.selected .icon-jg2il,.menu-container-B6cqK .menu-container-qiz0X .option-container-mO9yW.selected .icon-jg2il{display:block}.modal-container-WaYOG .menu-container-qiz0X .option-container-mO9yW:focus,.modal-container-WaYOG .menu-container-qiz0X .option-container-mO9yW:hover,.menu-container-B6cqK .menu-container-qiz0X .option-container-mO9yW:focus,.menu-container-B6cqK .menu-container-qiz0X .option-container-mO9yW:hover{background-color:var(--overlay-color)}.modal-container-WaYOG .menu-container-qiz0X .option-container-mO9yW .label-AR_l8,.menu-container-B6cqK .menu-container-qiz0X .option-container-mO9yW .label-AR_l8{color:var(--primary-foreground-color);flex:1;max-height:4.8em}.modal-container-WaYOG .menu-container-qiz0X .option-container-mO9yW .icon-jg2il,.menu-container-B6cqK .menu-container-qiz0X .option-container-mO9yW .icon-jg2il{background-color:var(--secondary-accent-color);border-radius:100%;display:none;flex:none;height:0.5rem;margin-left:1rem;opacity:1;width:0.5rem}.modal-container-WaYOG .menu-container-qiz0X .no-options-container-z47Tg,.menu-container-B6cqK .menu-container-qiz0X .no-options-container-z47Tg{align-items:center;background-color:hsl(243,24.4%,21%);display:flex;flex-direction:row;justify-content:center;padding:1rem}.modal-container-WaYOG .menu-container-qiz0X .no-options-container-z47Tg .label-AR_l8,.menu-container-B6cqK .menu-container-qiz0X .no-options-container-z47Tg .label-AR_l8{color:hsla(0,0%,100%,0.9);flex-basis:auto;flex-grow:0;flex-shrink:1;font-size:1.2rem;font-weight:500;text-align:center}@media (orientation:landscape) and (max-width:1000px){.modal-container-WaYOG .menu-container-qiz0X,.menu-container-B6cqK .menu-container-qiz0X{max-height:calc(100dvh - var(--horizontal-nav-bar-size) - 10rem)}}
.meta-item-container-Tj0Ib {
padding: 1rem;
overflow: visible;
}
.meta-item-container-Tj0Ib:hover,
.meta-item-container-Tj0Ib:focus,
.meta-item-container-Tj0Ib.active,
.meta-item-container-Tj0Ib.selected {
outline-style: none;
transition: background-color 100ms ease-out;
}
.meta-item-container-Tj0Ib:hover .poster-container-qkw48,
.meta-item-container-Tj0Ib:focus .poster-container-qkw48,
.meta-item-container-Tj0Ib.active .poster-container-qkw48,
.meta-item-container-Tj0Ib.selected .poster-container-qkw48 {
box-shadow: 0 0 0 0.2rem var(--primary-foreground-color);
}
.meta-item-container-Tj0Ib:hover .poster-container-qkw48 .dismiss-icon-layer-BWztF,
.meta-item-container-Tj0Ib:focus .poster-container-qkw48 .dismiss-icon-layer-BWztF,
.meta-item-container-Tj0Ib.active .poster-container-qkw48 .dismiss-icon-layer-BWztF,
.meta-item-container-Tj0Ib.selected .poster-container-qkw48 .dismiss-icon-layer-BWztF {
opacity: 1;
}
.meta-item-container-Tj0Ib:hover .poster-container-qkw48 .poster-image-layer-KimPZ,
.meta-item-container-Tj0Ib:focus .poster-container-qkw48 .poster-image-layer-KimPZ,
.meta-item-container-Tj0Ib.active .poster-container-qkw48 .poster-image-layer-KimPZ,
.meta-item-container-Tj0Ib.selected .poster-container-qkw48 .poster-image-layer-KimPZ {
transform: scale(1.05);
}
.meta-item-container-Tj0Ib:hover .poster-container-qkw48 .play-icon-layer-vpQIo .play-icon-outer-r3iKR,
.meta-item-container-Tj0Ib:focus .poster-container-qkw48 .play-icon-layer-vpQIo .play-icon-outer-r3iKR,
.meta-item-container-Tj0Ib.active .poster-container-qkw48 .play-icon-layer-vpQIo .play-icon-outer-r3iKR,
.meta-item-container-Tj0Ib.selected .poster-container-qkw48 .play-icon-layer-vpQIo .play-icon-outer-r3iKR {
color: transparent;
}
.meta-item-container-Tj0Ib:hover .poster-container-qkw48 .play-icon-layer-vpQIo .play-icon-background-Uazjh,
.meta-item-container-Tj0Ib:focus .poster-container-qkw48 .play-icon-layer-vpQIo .play-icon-background-Uazjh,
.meta-item-container-Tj0Ib.active .poster-container-qkw48 .play-icon-layer-vpQIo .play-icon-background-Uazjh,
.meta-item-container-Tj0Ib.selected .poster-container-qkw48 .play-icon-layer-vpQIo .play-icon-background-Uazjh {
background-color: var(--secondary-accent-color);
opacity: 1;
}
.meta-item-container-Tj0Ib:hover .title-bar-container-1Ba0x .menu-label-container-ChuX8,
.meta-item-container-Tj0Ib:focus .title-bar-container-1Ba0x .menu-label-container-ChuX8,
.meta-item-container-Tj0Ib.active .title-bar-container-1Ba0x .menu-label-container-ChuX8,
.meta-item-container-Tj0Ib.selected .title-bar-container-1Ba0x .menu-label-container-ChuX8 {
opacity: 1;
}
.meta-item-container-Tj0Ib.poster-shape-poster-MEhNx .poster-container-qkw48 {
padding-top: calc(100% * var(--poster-shape-ratio));
}
.meta-item-container-Tj0Ib.poster-shape-square-meMeN .poster-container-qkw48 {
padding-top: 100%;
}
.meta-item-container-Tj0Ib.poster-shape-landscape-kF6i8 .poster-container-qkw48 {
padding-top: calc(100% * var(--landscape-shape-ratio));
}
.meta-item-container-Tj0Ib .poster-container-qkw48 {
position: relative;
z-index: 0;
background-color: var(--overlay-color);
border-radius: var(--border-radius);
}
.meta-item-container-Tj0Ib .poster-container-qkw48.poster-change-cursor .poster-image-layer-KimPZ:hover {
cursor: zoom-in;
}
.meta-item-container-Tj0Ib .poster-container-qkw48 .dismiss-icon-layer-BWztF {
z-index: -2;
position: absolute;
top: 0.5rem;
left: 0.5rem;
display: flex;
align-items: center;
justify-content: center;
height: 1.5rem;
width: 1.5rem;
border-radius: 100%;
opacity: 0;
transition: opacity 0.1s ease-in;
}
.meta-item-container-Tj0Ib .poster-container-qkw48 .dismiss-icon-layer-BWztF .dismiss-icon-db3fv {
z-index: 1;
position: relative;
height: 1.25rem;
width: 1.25rem;
color: var(--primary-foreground-color);
opacity: 0.8;
}
.meta-item-container-Tj0Ib .poster-container-qkw48 .dismiss-icon-layer-BWztF .dismiss-icon-backdrop-MkuLQ {
z-index: 0;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: var(--primary-background-color);
opacity: 0.6;
}
.meta-item-container-Tj0Ib .poster-container-qkw48 .watched-icon-layer-bi3DO {
position: absolute;
top: 0;
left: 0;
display: flex;
justify-content: center;
align-items: center;
width: 1.5rem;
height: 1.5rem;
background-color: var(--primary-accent-color);
border-radius: 50%;
margin: 0.5rem;
}
.meta-item-container-Tj0Ib .poster-container-qkw48 .watched-icon-layer-bi3DO .watched-icon-zuUdK {
width: 0.75rem;
height: 0.75rem;
color: var(--primary-foreground-color);
}
.meta-item-container-Tj0Ib .poster-container-qkw48 .poster-image-layer-KimPZ {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: -3;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
transition: transform 0.1s ease-out;
}
.meta-item-container-Tj0Ib .poster-container-qkw48 .poster-image-layer-KimPZ .poster-image-NiV7O {
flex: none;
width: 100%;
height: 100%;
object-position: center;
object-fit: cover;
opacity: 0.9;
overflow-clip-margin: unset;
}
.meta-item-container-Tj0Ib .poster-container-qkw48 .poster-image-layer-KimPZ .placeholder-icon-xttvb {
flex: none;
width: 80%;
height: 50%;
color: var(--primary-foreground-color);
opacity: 0.2;
}
.meta-item-container-Tj0Ib .poster-container-qkw48 .play-icon-layer-vpQIo {
z-index: -2;
position: absolute;
top: 50%;
left: 50%;
margin-top: calc(4rem / -2);
margin-left: calc(4rem / -2);
display: flex;
align-items: center;
justify-content: center;
height: 4rem;
width: 4rem;
transition: transform 0.1s ease-out;
}
.meta-item-container-Tj0Ib .poster-container-qkw48 .play-icon-layer-vpQIo .play-icon-QmEEA {
z-index: 2;
position: relative;
height: 2.25rem;
width: 2.25rem;
color: var(--primary-foreground-color);
}
.meta-item-container-Tj0Ib .poster-container-qkw48 .play-icon-layer-vpQIo .play-icon-outer-r3iKR {
z-index: 1;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
color: var(--primary-foreground-color);
box-shadow: 0 0 0 0.15rem currentColor inset;
border-radius: 100%;
transition: color 0.1s ease-in;
}
.meta-item-container-Tj0Ib .poster-container-qkw48 .play-icon-layer-vpQIo .play-icon-background-Uazjh {
z-index: 0;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: var(--primary-background-color);
border-radius: 100%;
opacity: 0.4;
transition: all 0.1s ease-in;
}
.meta-item-container-Tj0Ib .poster-container-qkw48 .play-icon-layer-vpQIo:hover {
transform: scale(1.1);
}
.meta-item-container-Tj0Ib .poster-container-qkw48 .progress-bar-layer-LVYYi {
z-index: -1;
position: absolute;
bottom: 1rem;
left: 1rem;
right: 1rem;
height: 0.45rem;
border-radius: 0.45rem;
overflow: hidden;
}
.meta-item-container-Tj0Ib .poster-container-qkw48 .progress-bar-layer-LVYYi .progress-bar-w1rNN {
position: relative;
height: 100%;
background-color: var(--primary-foreground-color);
}
.meta-item-container-Tj0Ib .poster-container-qkw48 .progress-bar-layer-LVYYi .progress-bar-background-kyRgp {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--primary-foreground-color);
opacity: 0.3;
}
.meta-item-container-Tj0Ib .poster-container-qkw48 .new-videos-cwuD9 {
z-index: -1;
position: absolute;
top: 0;
right: 0;
overflow: visible;
}
.meta-item-container-Tj0Ib .poster-container-qkw48 .new-videos-cwuD9 .layer-dQmEe {
position: absolute;
display: flex;
align-items: center;
justify-content: center;
height: 1.25rem;
width: 2.25rem;
border-radius: 0.25rem;
}
.meta-item-container-Tj0Ib .poster-container-qkw48 .new-videos-cwuD9 .layer-dQmEe:nth-child(1) {
top: 0.5rem;
right: 0.5rem;
background-color: var(--primary-foreground-color);
opacity: 0.4;
}
.meta-item-container-Tj0Ib .poster-container-qkw48 .new-videos-cwuD9 .layer-dQmEe:nth-child(2) {
top: 0.75rem;
right: 0.75rem;
background-color: var(--primary-foreground-color);
opacity: 0.6;
}
.meta-item-container-Tj0Ib .poster-container-qkw48 .new-videos-cwuD9 .layer-dQmEe:nth-child(3) {
top: 1rem;
right: 1rem;
background-color: var(--primary-foreground-color);
}
.meta-item-container-Tj0Ib .poster-container-qkw48 .new-videos-cwuD9 .layer-dQmEe .icon-gh1t9 {
height: 0.8rem;
width: 0.8rem;
color: var(--primary-accent-color);
}
.meta-item-container-Tj0Ib .poster-container-qkw48 .new-videos-cwuD9 .layer-dQmEe .label-ZZ2m7 {
font-size: 0.8rem;
font-weight: 600;
color: var(--primary-accent-color);
}
.meta-item-container-Tj0Ib .title-bar-container-1Ba0x {
display: flex;
flex-direction: row;
align-items: center;
height: 4rem;
overflow: visible;
}
.meta-item-container-Tj0Ib .title-bar-container-1Ba0x .title-label-VnEAc {
flex: 1;
padding-left: 1.5rem;
font-weight: 600;
text-align: center;
color: var(--primary-foreground-color);
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.meta-item-container-Tj0Ib .title-bar-container-1Ba0x .title-label-VnEAc:only-child {
padding: 0 0.5rem;
}
.meta-item-container-Tj0Ib .title-bar-container-1Ba0x .menu-label-container-ChuX8 {
z-index: 1;
flex: none;
width: 1.5rem;
height: 4rem;
padding: 1rem 0;
background-color: transparent;
opacity: 0;
transform: translateX(1rem);
transition: opacity 0.1s ease-out;
}
.meta-item-container-Tj0Ib .title-bar-container-1Ba0x .menu-label-container-ChuX8 .icon-gh1t9 {
display: block;
width: 100%;
height: 100%;
color: var(--primary-foreground-color);
opacity: 0.6;
}
.meta-item-container-Tj0Ib .title-bar-container-1Ba0x .menu-label-container-ChuX8 .menu-container-B6cqK {
width: auto;
}
.meta-item-container-Tj0Ib .title-bar-container-1Ba0x .menu-label-container-ChuX8 .menu-container-B6cqK .menu-container-qiz0X {
min-width: 9rem;
max-width: 14rem;
}
.meta-item-container-Tj0Ib .title-bar-container-1Ba0x .menu-label-container-ChuX8 .menu-container-B6cqK .menu-container-qiz0X .option-container-mO9yW {
padding: 1rem 1.5rem;
}
.meta-item-container-Tj0Ib .title-bar-container-1Ba0x .menu-label-container-ChuX8 .menu-container-B6cqK .menu-container-qiz0X .option-container-mO9yW:hover,
.meta-item-container-Tj0Ib .title-bar-container-1Ba0x .menu-label-container-ChuX8 .menu-container-B6cqK .menu-container-qiz0X .option-container-mO9yW:focus {
outline: none;
background-color: var(--overlay-color);
}
.meta-item-container-Tj0Ib .title-bar-container-1Ba0x .menu-label-container-ChuX8 .menu-container-B6cqK .menu-container-qiz0X .option-container-mO9yW .label-AR_l8 {
font-weight: 500;
color: var(--primary-foreground-color);
opacity: 0.8;
}
@media only screen and (max-width: 640px) {
.meta-item-container-Tj0Ib {
padding: 0.5rem;
}
.meta-item-container-Tj0Ib .title-bar-container-1Ba0x {
margin-top: 0.5rem;
}
}
.modal-container-OuxEF{align-items:center;background-color:hsla(0,0%,0%,0.4);display:flex;justify-content:center}.modal-container-OuxEF .modal-dialog-container-DZMKq{background-color:var(--modal-background-color);border-radius:var(--border-radius);box-shadow:var(--outer-glow);display:flex;flex:none;flex-direction:column;max-height:80%;max-width:80%;padding:0 2rem;position:relative}.modal-container-OuxEF .modal-dialog-container-DZMKq .modal-dialog-background-vZpB_{background-position:center;background-size:cover;bottom:0;left:0;opacity:0.1;position:absolute;right:0;top:0;z-index:0}.modal-container-OuxEF .modal-dialog-container-DZMKq .close-button-container-cmxAp{border-radius:var(--border-radius);height:3rem;padding:0.5rem;position:absolute;right:0.5rem;top:0.5rem;width:3rem;z-index:2}.modal-container-OuxEF .modal-dialog-container-DZMKq .close-button-container-cmxAp .icon-OYzlV{color:var(--primary-foreground-color);display:block;height:100%;opacity:0.4;width:100%}.modal-container-OuxEF .modal-dialog-container-DZMKq .close-button-container-cmxAp:focus .icon-OYzlV,.modal-container-OuxEF .modal-dialog-container-DZMKq .close-button-container-cmxAp:hover .icon-OYzlV{color:var(--primary-foreground-color);opacity:1}.modal-container-OuxEF .modal-dialog-container-DZMKq .close-button-container-cmxAp:focus{outline-color:var(--primary-foreground-color)}.modal-container-OuxEF .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z{overflow-y:auto;position:relative;z-index:1}.modal-container-OuxEF .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z .title-container-v2mmF{align-items:center;color:var(--primary-foreground-color);display:flex;flex:1 0 auto;font-size:1.2rem;font-weight:500;height:4.5rem}.modal-container-OuxEF .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z .body-container-H80dD{align-self:stretch;flex:1;overflow:visible;padding:2rem 0}.modal-container-OuxEF .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z .body-container-H80dD:last-child{margin-bottom:2rem}.modal-container-OuxEF .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z .buttons-container-e_JoR{align-self:stretch;display:flex;flex:none;flex-direction:row;flex-wrap:wrap}.modal-container-OuxEF .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z .buttons-container-e_JoR:last-child{margin:2rem 0}.action-button-eprQG{align-items:center;background-color:var(--secondary-accent-color);border-radius:3.5rem;display:flex;flex:1;flex-direction:row;height:3.5rem;justify-content:center;padding:1.2rem}.action-button-eprQG:hover{background-color:transparent;outline:var(--focus-outline-size) solid var(--secondary-accent-color)}.action-button-eprQG:focus{outline-color:var(--primary-foreground-color)}.action-button-eprQG:not(:last-child){margin-right:1rem}.action-button-eprQG .icon-OYzlV{color:var(--primary-foreground-color);flex:none;height:1.2rem;margin-right:0.5rem;width:1.2rem}.action-button-eprQG .label-wbfsE{color:var(--primary-foreground-color);flex-basis:auto;flex-grow:0;flex-shrink:1;font-size:1.1rem;font-weight:700;max-height:3.6em;text-align:center}@media only screen and (max-width:640px){.modal-container-OuxEF .modal-dialog-container-DZMKq{max-width:initial;padding:0 1.5rem;position:relative;width:90%;z-index:0}.modal-container-OuxEF .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z .buttons-container-e_JoR{flex-direction:column;gap:1rem}.modal-container-OuxEF .action-button-eprQG{width:100%}.modal-container-OuxEF .action-button-eprQG .label-wbfsE{text-overflow:ellipsis;white-space:nowrap}}
.event-modal-lIGmX {
backdrop-filter: blur(10px);
}
.event-modal-lIGmX .modal-dialog-container-DZMKq {
overflow: visible;
max-width: 45rem;
}
.event-modal-lIGmX .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z {
display: flex;
flex-direction: column;
align-items: center;
overflow: visible;
position: relative;
}
.event-modal-lIGmX .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z .body-container-x9t4v {
overflow-y: visible;
}
.event-modal-lIGmX .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z .image-iUBVI {
position: absolute;
top: -10rem;
left: 50%;
transform: translateX(-50%);
object-fit: cover;
width: 30rem;
height: 30rem;
}
.event-modal-lIGmX .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z .info-container-ewqxH {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 2.5rem;
padding: 10rem 4rem 0;
}
.event-modal-lIGmX .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z .info-container-ewqxH .title-container-tBMsA {
display: flex;
flex-direction: column;
gap: 1rem;
}
.event-modal-lIGmX .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z .info-container-ewqxH .title-container-tBMsA .title-lE2cq {
color: var(--primary-foreground-color);
font-size: 1.325rem;
text-align: center;
padding: 0 6rem;
}
.event-modal-lIGmX .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z .info-container-ewqxH .title-container-tBMsA .label-KwjpM {
color: var(--primary-foreground-color);
font-size: 1rem;
text-align: center;
opacity: 0.5;
}
.event-modal-lIGmX .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z .info-container-ewqxH .addon-container-YNNkt {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
gap: 0.5rem;
}
.event-modal-lIGmX .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z .info-container-ewqxH .addon-container-YNNkt .icon-n54me {
height: 2rem;
width: 2rem;
color: var(--primary-accent-color);
}
.event-modal-lIGmX .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z .info-container-ewqxH .addon-container-YNNkt .name-DVEMC {
color: var(--primary-foreground-color);
}
.event-modal-lIGmX .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z .info-container-ewqxH .action-button-QSvOg {
background-color: var(--primary-foreground-color);
border: 2px solid var(--primary-foreground-color);
padding: 0.8rem 2rem;
border-radius: 2rem;
}
.event-modal-lIGmX .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z .info-container-ewqxH .action-button-QSvOg .button-label-hRZRW {
color: var(--primary-accent-color);
font-size: 1rem;
font-weight: 700;
}
.event-modal-lIGmX .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z .info-container-ewqxH .action-button-QSvOg:hover {
background-color: transparent;
}
@media (orientation: landscape) and (max-height: 640px) {
.event-modal-lIGmX .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z {
overflow-y: auto;
}
.event-modal-lIGmX .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z .body-container-x9t4v {
overflow-y: auto;
}
.event-modal-lIGmX .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z .image-iUBVI {
display: none;
}
.event-modal-lIGmX .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z .info-container-ewqxH {
padding: 1rem 4rem 0;
}
}
@media only screen and (max-width: 640px) {
.event-modal-lIGmX .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z .info-container-ewqxH .title-container-tBMsA .title-lE2cq {
padding: 0rem;
font-size: 1rem;
}
.event-modal-lIGmX .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z .info-container-ewqxH .title-container-tBMsA .label-KwjpM {
font-size: 0.875rem;
}
}
.horizontal-scroll-pGtUW {
position: relative;
overflow-x: auto;
}
.horizontal-scroll-pGtUW.left-MCk5v {
mask-image: linear-gradient(90deg, #000000 calc(100% - 10%), rgba(0, 0, 0, 0) 100%);
}
.horizontal-scroll-pGtUW.right-bxsRb {
mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #000000 10%);
}
.horizontal-scroll-pGtUW.center-J9E02 {
mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #000000 10%, #000000 calc(100% - 10%), rgba(0, 0, 0, 0) 100%);
}
.text-input-hnLiz {
user-select: text;
}
.text-input-hnLiz::-moz-focus-inner {
border: none;
}
.search-bar-container-asfq1 {
--search-bar-size: 3.25rem;
display: flex;
flex-direction: row;
height: var(--search-bar-size);
border-radius: var(--search-bar-size);
background-color: var(--overlay-color);
position: relative;
overflow: visible;
}
.search-bar-container-asfq1 .search-input-IQ0ZW {
flex: 1;
align-self: stretch;
display: flex;
flex-direction: row;
align-items: center;
padding: 0 0.5rem 0 2rem;
font-weight: 500;
color: var(--primary-foreground-color);
cursor: text;
}
.search-bar-container-asfq1 .search-input-IQ0ZW::placeholder,
.search-bar-container-asfq1 .search-input-IQ0ZW .placeholder-label-XyrN_ {
max-height: 1.2em;
opacity: 1;
color: var(--primary-foreground-color);
opacity: 0.6;
}
.search-bar-container-asfq1 .submit-button-container-MImNa {
flex: none;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
height: var(--search-bar-size);
padding: 0 1.5rem;
}
.search-bar-container-asfq1 .submit-button-container-MImNa .icon-TkvAO {
flex: none;
width: 1.7rem;
height: 1.7rem;
color: var(--primary-foreground-color);
opacity: 0.6;
}
.search-bar-container-asfq1 .menu-container-GcXNG {
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: auto;
z-index: 10;
padding: 1rem;
margin: 0 auto;
display: flex;
justify-content: center;
align-items: flex-start;
flex-direction: column;
gap: 1.5rem;
background-color: var(--modal-background-color);
border-radius: var(--border-radius);
}
.search-bar-container-asfq1 .menu-container-GcXNG .label-J908i {
font-size: 0.9rem;
color: var(--primary-foreground-color);
}
.search-bar-container-asfq1 .menu-container-GcXNG .title-s74ty {
display: flex;
justify-content: space-between;
width: 100%;
opacity: 0.8;
padding-bottom: 1rem;
}
.search-bar-container-asfq1 .menu-container-GcXNG .title-s74ty .search-history-clear-ap0h8 {
cursor: pointer;
color: var(--primary-foreground-color);
font-size: 0.9rem;
}
.search-bar-container-asfq1 .menu-container-GcXNG .title-s74ty .search-history-clear-ap0h8:hover {
opacity: 0.6;
}
.search-bar-container-asfq1 .menu-container-GcXNG .items-P1xS5 {
width: 100%;
margin: 0 auto;
display: flex;
justify-content: center;
align-items: flex-start;
flex-direction: column;
}
.search-bar-container-asfq1 .menu-container-GcXNG .items-P1xS5 .item-TgYCX {
width: 90%;
color: var(--primary-foreground-color);
text-align: left;
text-decoration: none;
padding: 0.5rem 1rem;
border-radius: var(--border-radius);
width: 100%;
cursor: pointer;
z-index: 10;
}
.search-bar-container-asfq1 .menu-container-GcXNG .items-P1xS5 .item-TgYCX:hover {
background-color: var(--secondary-background-color);
}
.nav-menu-popup-label-XmUBo .menu-container-B6cqK {
margin-top: 1rem;
}
.nav-menu-container-Pl25j {
width: 22rem;
max-height: calc(calc(var(--small-viewport-height) - var(--horizontal-nav-bar-size)) - 1rem);
overflow-y: auto;
border-radius: var(--border-radius);
background-color: var(--modal-background-color);
}
.nav-menu-container-Pl25j.with-warning-SNmXK {
max-height: calc(calc(var(--small-viewport-height) - var(--horizontal-nav-bar-size)) - 6rem);
}
.nav-menu-container-Pl25j .user-info-container-uigVE {
display: flex;
padding: 1.5rem 1rem;
}
.nav-menu-container-Pl25j .user-info-container-uigVE .avatar-container-f6ino {
flex: none;
height: 4rem;
width: 4rem;
border-radius: 50%;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
background-clip: content-box;
background-color: var(--primary-foreground-color);
opacity: 0.9;
}
.nav-menu-container-Pl25j .user-info-container-uigVE .user-info-details-XJ5OH {
flex: auto;
display: flex;
flex-direction: column;
justify-content: center;
margin-left: 1rem;
}
.nav-menu-container-Pl25j .user-info-container-uigVE .user-info-details-XJ5OH .email-container-LNcms {
flex: none;
margin-bottom: 0.5rem;
}
.nav-menu-container-Pl25j .user-info-container-uigVE .user-info-details-XJ5OH .email-container-LNcms .email-label-IFT0d {
flex: 1;
color: var(--primary-foreground-color);
}
.nav-menu-container-Pl25j .user-info-container-uigVE .user-info-details-XJ5OH .logout-button-container-prHdW {
flex: none;
}
.nav-menu-container-Pl25j .user-info-container-uigVE .user-info-details-XJ5OH .logout-button-container-prHdW:hover,
.nav-menu-container-Pl25j .user-info-container-uigVE .user-info-details-XJ5OH .logout-button-container-prHdW:focus {
outline: none;
}
.nav-menu-container-Pl25j .user-info-container-uigVE .user-info-details-XJ5OH .logout-button-container-prHdW:hover .logout-label-HhwtK,
.nav-menu-container-Pl25j .user-info-container-uigVE .user-info-details-XJ5OH .logout-button-container-prHdW:focus .logout-label-HhwtK {
text-decoration: underline;
}
.nav-menu-container-Pl25j .user-info-container-uigVE .user-info-details-XJ5OH .logout-button-container-prHdW .logout-label-HhwtK {
flex: 1;
font-size: 0.9rem;
font-weight: 500;
color: var(--primary-foreground-color);
}
.nav-menu-container-Pl25j .nav-menu-section-j87xd {
border-top: thin solid var(--overlay-color);
}
.nav-menu-container-Pl25j .nav-menu-section-j87xd .nav-menu-option-container-Qj9Xh {
display: flex;
flex-direction: row;
align-items: center;
height: 4rem;
padding: 0 1.5rem;
}
.nav-menu-container-Pl25j .nav-menu-section-j87xd .nav-menu-option-container-Qj9Xh:hover {
background-color: var(--overlay-color);
}
.nav-menu-container-Pl25j .nav-menu-section-j87xd .nav-menu-option-container-Qj9Xh .icon-MRjOP {
flex: none;
width: 2rem;
height: 2rem;
margin-right: 1rem;
color: var(--primary-foreground-color);
opacity: 0.3;
}
.nav-menu-container-Pl25j .nav-menu-section-j87xd .nav-menu-option-container-Qj9Xh .nav-menu-option-label-d7fgK {
flex: 1;
color: var(--primary-foreground-color);
}
@media only screen and (max-width: 640px) {
.nav-menu-container-Pl25j {
max-height: calc(calc(var(--small-viewport-height) - var(--horizontal-nav-bar-size) - var(--vertical-nav-bar-size)) - 1rem);
}
.nav-menu-container-Pl25j.with-warning-SNmXK {
max-height: calc(calc(var(--small-viewport-height) - var(--horizontal-nav-bar-size) - var(--vertical-nav-bar-size)) - 8.5rem);
}
}
.horizontal-nav-bar-container-Y_zvK {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
height: var(--horizontal-nav-bar-size);
padding-right: 1rem;
background-color: transparent;
overflow: visible;
padding-top: var(--safe-area-inset-top);
box-sizing: content-box;
}
.horizontal-nav-bar-container-Y_zvK .logo-container-jteMT {
flex: none;
display: flex;
align-items: center;
justify-content: center;
width: var(--vertical-nav-bar-size);
height: var(--horizontal-nav-bar-size);
}
.horizontal-nav-bar-container-Y_zvK .logo-container-jteMT .logo-oPx1q {
flex: none;
width: 2.5rem;
height: 2.5rem;
object-position: center;
object-fit: contain;
opacity: 0.9;
}
.horizontal-nav-bar-container-Y_zvK .back-button-container-lDB1N {
margin-left: max(0rem, calc(1rem - var(--safe-area-inset-left)));
}
.horizontal-nav-bar-container-Y_zvK .title-DGh6h {
flex: 4 0 0;
padding: 0 1rem;
font-size: 1.2rem;
font-style: normal;
font-weight: 500;
letter-spacing: 0.01rem;
white-space: nowrap;
text-overflow: ellipsis;
color: hsla(222.8, 100%, 78%, 0.9);
}
.horizontal-nav-bar-container-Y_zvK .search-bar-h60ja {
height: 3.25rem;
width: 30rem;
}
.horizontal-nav-bar-container-Y_zvK .buttons-container-Oc5z1 {
display: flex;
flex-direction: row;
gap: 0.5rem;
overflow: visible;
}
.horizontal-nav-bar-container-Y_zvK .button-container-xT9_L {
flex: none;
display: flex;
align-items: center;
justify-content: center;
width: 3.5rem;
height: 3.5rem;
border-radius: 0.75rem;
opacity: 0.6;
}
.horizontal-nav-bar-container-Y_zvK .button-container-xT9_L .icon-T8MU6 {
flex: none;
width: 2rem;
height: 2rem;
color: var(--primary-foreground-color);
opacity: 0.6;
}
.horizontal-nav-bar-container-Y_zvK .button-container-xT9_L.active {
background-color: var(--overlay-color);
opacity: 1;
}
.horizontal-nav-bar-container-Y_zvK .button-container-xT9_L.active .icon-T8MU6 {
color: var(--primary-foreground-color);
opacity: 0.8;
}
@media (pointer: fine) {
.horizontal-nav-bar-container-Y_zvK .button-container-xT9_L:hover {
background-color: var(--overlay-color);
opacity: 1;
}
.horizontal-nav-bar-container-Y_zvK .button-container-xT9_L:hover .icon-T8MU6 {
color: var(--primary-foreground-color);
opacity: 0.8;
}
}
@media only screen and (max-width: 640px) {
.horizontal-nav-bar-container-Y_zvK {
justify-content: space-between;
padding-right: 0;
}
.horizontal-nav-bar-container-Y_zvK .logo-container-jteMT {
width: var(--horizontal-nav-bar-size);
}
.horizontal-nav-bar-container-Y_zvK .button-container-xT9_L {
margin: 0 1rem;
}
.horizontal-nav-bar-container-Y_zvK .button-container-xT9_L:not(.back-button-container-lDB1N):not(.menu-button-container-DtW4v) {
display: none;
}
}
.nav-tab-button-container-dYhs0 {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background-color: transparent;
border-radius: 0.75rem;
}
@media (pointer: fine) {
.nav-tab-button-container-dYhs0:hover {
background-color: var(--overlay-color);
}
.nav-tab-button-container-dYhs0:hover .label-BCz2f {
opacity: 0.6;
}
.nav-tab-button-container-dYhs0:hover.selected .label-BCz2f {
opacity: 1;
}
}
.nav-tab-button-container-dYhs0.selected .icon-TzPrK {
opacity: 1;
}
.nav-tab-button-container-dYhs0.selected .icon-TzPrK,
.nav-tab-button-container-dYhs0.selected .label-BCz2f {
color: var(--primary-accent-color);
}
.nav-tab-button-container-dYhs0 .icon-TzPrK,
.nav-tab-button-container-dYhs0 .logo-xJBE9 {
flex: none;
width: 2.2rem;
height: 2.2rem;
margin-bottom: 0.5rem;
}
.nav-tab-button-container-dYhs0 .icon-TzPrK {
color: var(--primary-foreground-color);
opacity: 0.35;
}
.nav-tab-button-container-dYhs0 .label-BCz2f {
flex: none;
position: relative;
max-width: 100%;
max-height: 2.4em;
padding: 0 0.5rem;
font-size: 0.8rem;
font-weight: 500;
letter-spacing: 0.01rem;
text-align: center;
white-space: nowrap;
text-overflow: ellipsis;
color: var(--primary-foreground-color);
opacity: 0;
overflow: hidden;
}
@media only screen and (max-width: 640px) {
.nav-tab-button-container-dYhs0 .label-BCz2f {
opacity: 0.6;
}
.nav-tab-button-container-dYhs0.selected .label-BCz2f {
opacity: 1;
}
}
.vertical-nav-bar-container-UPAkA {
display: flex;
flex-direction: column;
align-items: center;
gap: 1rem;
width: var(--vertical-nav-bar-size);
padding: 1rem 0;
background-color: transparent;
overflow-y: auto;
scrollbar-width: none;
-ms-overflow-style: none;
}
.vertical-nav-bar-container-UPAkA::-webkit-scrollbar {
display: none;
}
.vertical-nav-bar-container-UPAkA .nav-tab-button-tW6qT {
width: calc(var(--vertical-nav-bar-size) - 1.2rem);
height: calc(var(--vertical-nav-bar-size) - 1.2rem);
min-height: 3.5rem;
}
@media only screen and (max-width: 640px) {
.vertical-nav-bar-container-UPAkA {
flex-direction: row;
justify-content: space-between;
gap: 0;
height: var(--vertical-nav-bar-size);
width: 100%;
padding: 0 1rem;
overflow-y: hidden;
overflow-x: auto;
}
.vertical-nav-bar-container-UPAkA .nav-tab-button-tW6qT {
flex: none;
}
.vertical-nav-bar-container-UPAkA .nav-tab-button-tW6qT:last-child {
display: none;
}
}
@media only screen and (max-height: 640px) {
.vertical-nav-bar-container-UPAkA .nav-tab-button-tW6qT:last-child {
display: none;
}
}
.main-nav-bars-container-wNjS5 {
position: relative;
z-index: 0;
overflow: clip;
margin-left: var(--safe-area-inset-left);
margin-right: var(--safe-area-inset-right);
width: calc(100% - var(--safe-area-inset-left) - var(--safe-area-inset-right));
height: 100%;
}
.main-nav-bars-container-wNjS5 .horizontal-nav-bar-ji5GB {
position: absolute;
top: 0;
right: 0;
left: 0;
z-index: 1;
}
.main-nav-bars-container-wNjS5 .vertical-nav-bar-qGRze {
position: absolute;
top: var(--horizontal-nav-bar-size);
bottom: 0;
left: 0;
z-index: 1;
}
.main-nav-bars-container-wNjS5 .nav-content-container-zl9hQ {
position: absolute;
top: calc(var(--horizontal-nav-bar-size) + var(--safe-area-inset-top));
right: 0;
bottom: 0;
left: var(--vertical-nav-bar-size);
z-index: 0;
overflow: hidden;
}
@media only screen and (max-width: 640px) {
.main-nav-bars-container-wNjS5 .nav-content-container-zl9hQ {
left: 0;
bottom: var(--vertical-nav-bar-size);
}
.main-nav-bars-container-wNjS5 .vertical-nav-bar-qGRze {
top: initial;
}
}
.share-prompt-container-EXOaj .buttons-container-fiSbJ {
display: flex;
flex-direction: row;
}
.share-prompt-container-EXOaj .buttons-container-fiSbJ .button-container-KJoeC {
flex: 1;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
padding: 1rem;
}
.share-prompt-container-EXOaj .buttons-container-fiSbJ .button-container-KJoeC:not(:last-child) {
margin-right: 1rem;
}
.share-prompt-container-EXOaj .buttons-container-fiSbJ .button-container-KJoeC .icon-OX8pK {
flex: none;
height: 1.5rem;
color: var(--primary-foreground-color);
}
.share-prompt-container-EXOaj .buttons-container-fiSbJ .facebook-button-La6ud,
.share-prompt-container-EXOaj .buttons-container-fiSbJ .x-button-pA7ym,
.share-prompt-container-EXOaj .buttons-container-fiSbJ .reddit-button-sd07c {
border-radius: var(--border-radius);
}
.share-prompt-container-EXOaj .buttons-container-fiSbJ .facebook-button-La6ud:focus,
.share-prompt-container-EXOaj .buttons-container-fiSbJ .x-button-pA7ym:focus,
.share-prompt-container-EXOaj .buttons-container-fiSbJ .reddit-button-sd07c:focus {
outline-color: var(--primary-foreground-color);
}
.share-prompt-container-EXOaj .buttons-container-fiSbJ .facebook-button-La6ud {
background-color: var(--color-facebook);
}
.share-prompt-container-EXOaj .buttons-container-fiSbJ .x-button-pA7ym {
background-color: var(--color-x);
}
.share-prompt-container-EXOaj .buttons-container-fiSbJ .reddit-button-sd07c {
background-color: var(--color-reddit);
}
.share-prompt-container-EXOaj .url-container-OKpfh {
display: flex;
flex-direction: row;
margin-top: 1rem;
border-radius: var(--border-radius);
background-color: var(--overlay-color);
}
.share-prompt-container-EXOaj .url-container-OKpfh .url-text-input-nqDsC {
flex: 1;
align-self: stretch;
padding: 1rem;
font-size: 1.1rem;
text-align: center;
color: var(--primary-foreground-color);
}
.share-prompt-container-EXOaj .url-container-OKpfh .copy-button-XmXGg {
flex: none;
align-self: stretch;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
width: 8rem;
padding: 1rem;
border-radius: 0 var(--border-radius) var(--border-radius) 0;
background-color: var(--secondary-accent-color);
}
.share-prompt-container-EXOaj .url-container-OKpfh .copy-button-XmXGg:hover {
outline: var(--focus-outline-size) solid var(--secondary-accent-color);
background-color: transparent;
}
.share-prompt-container-EXOaj .url-container-OKpfh .copy-button-XmXGg:focus {
outline-color: var(--primary-foreground-color);
}
.share-prompt-container-EXOaj .url-container-OKpfh .copy-button-XmXGg .icon-OX8pK {
flex: none;
width: 1.2rem;
height: 1.2rem;
margin-right: 0.5rem;
color: var(--primary-foreground-color);
}
.share-prompt-container-EXOaj .url-container-OKpfh .copy-button-XmXGg .label-gMoQ8 {
flex-grow: 0;
flex-shrink: 1;
flex-basis: auto;
max-height: 2.4em;
font-size: 1.1rem;
color: var(--primary-foreground-color);
}
.action-button-container-sVyRr {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
gap: 1rem;
border-radius: 100%;
background-color: var(--overlay-color);
backdrop-filter: blur(5px);
transition: background-color 0.1s ease-out;
}
.action-button-container-sVyRr:hover,
.action-button-container-sVyRr:focus {
outline: var(--focus-outline-size) solid var(--primary-foreground-color);
background-color: transparent;
}
.action-button-container-sVyRr .icon-container-rQBA0 {
flex: none;
}
.action-button-container-sVyRr .icon-container-rQBA0 .icon-RouVG {
display: block;
height: 1.75rem;
width: 1.75rem;
color: var(--primary-foreground-color);
opacity: 0.9;
}
.action-button-container-sVyRr .label-container-xslEF {
flex: none;
align-self: stretch;
display: flex;
flex-direction: row;
align-items: center;
}
.action-button-container-sVyRr .label-container-xslEF .label-WCWIO {
flex: 1;
font-size: 1rem;
font-weight: 500;
max-height: 2.4em;
padding: 0 0.2rem;
text-align: center;
color: var(--primary-foreground-color);
opacity: 0.9;
}
@media screen and (max-width: 1000px) and (max-height: 500px) and (orientation: landscape) {
.action-button-container-sVyRr .label-container-xslEF {
display: none;
}
}
@media only screen and (max-width: 640px) {
.action-button-container-sVyRr {
flex-direction: row;
padding: 0 1rem;
}
.action-button-container-sVyRr .icon-container-rQBA0 {
width: 2rem;
}
.action-button-container-sVyRr .icon-container-rQBA0 .icon-RouVG {
width: 2rem;
height: 2rem;
}
.action-button-container-sVyRr .label-container-xslEF {
display: none;
}
}
.tooltip-item-gfYXu {
position: fixed;
opacity: 0;
}
.tooltip-item-gfYXu.active {
opacity: 1;
}
.tooltip-placeholder-niioe {
z-index: -1;
visibility: hidden;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.meta-links-container-dh69_ .label-container-dYN2B {
margin-bottom: 0.75rem;
text-transform: uppercase;
font-size: 0.95rem;
font-weight: 700;
color: var(--primary-foreground-color);
opacity: 0.3;
}
.meta-links-container-dh69_ .links-container-C8Mw9 {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.meta-links-container-dh69_ .links-container-C8Mw9 .link-container-gHxPW {
flex-grow: 0;
flex-shrink: 1;
flex-basis: auto;
margin-right: 0.75rem;
margin-bottom: 0.75rem;
padding: 0.4rem 1.25rem;
white-space: nowrap;
text-overflow: ellipsis;
border-radius: 2rem;
border: var(--focus-outline-size) solid transparent;
font-size: 1rem;
font-weight: 500;
color: var(--primary-foreground-color);
background-color: var(--overlay-color);
backdrop-filter: blur(5px);
}
.meta-links-container-dh69_ .links-container-C8Mw9 .link-container-gHxPW:hover,
.meta-links-container-dh69_ .links-container-C8Mw9 .link-container-gHxPW:focus {
background-color: hsla(0, 0%, 100%, 0.3);
}
.meta-links-container-dh69_ .links-container-C8Mw9 .link-container-gHxPW:focus {
outline: none;
border-color: hsl(0, 0%, 100%);
}
.meta-preview-placeholder-container-IVU4R {
display: flex;
flex-direction: column;
}
.meta-preview-placeholder-container-IVU4R .meta-info-container-zVaVX {
flex: 1;
align-self: stretch;
}
.meta-preview-placeholder-container-IVU4R .meta-info-container-zVaVX .logo-container-CES89 {
width: 20rem;
height: 8rem;
max-width: 100%;
border-radius: var(--border-radius);
background-color: var(--color-placeholder-background);
}
.meta-preview-placeholder-container-IVU4R .meta-info-container-zVaVX .duration-release-info-container-JQE0f {
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin: 1rem 0;
}
.meta-preview-placeholder-container-IVU4R .meta-info-container-zVaVX .duration-release-info-container-JQE0f .duration-container-tVH7K {
flex-basis: 5rem;
height: 1.4rem;
margin-right: 1rem;
border-radius: var(--border-radius);
background-color: var(--color-placeholder-background);
}
.meta-preview-placeholder-container-IVU4R .meta-info-container-zVaVX .duration-release-info-container-JQE0f .release-info-container-dbZja {
flex-basis: 5rem;
height: 1.4rem;
border-radius: var(--border-radius);
background-color: var(--color-placeholder-background);
}
.meta-preview-placeholder-container-IVU4R .meta-info-container-zVaVX .genres-container-MkCtO {
margin: 1rem 0;
}
.meta-preview-placeholder-container-IVU4R .meta-info-container-zVaVX .genres-container-MkCtO .genres-header-container-XNnjL {
width: 6.5rem;
height: 1.6rem;
max-width: 100%;
border-radius: var(--border-radius);
background-color: var(--color-placeholder-background);
}
.meta-preview-placeholder-container-IVU4R .meta-info-container-zVaVX .genres-container-MkCtO .genre-label-container-r3gbk {
width: 10rem;
height: 1.2rem;
max-width: 100%;
margin-top: 0.2rem;
border-radius: var(--border-radius);
background-color: var(--color-placeholder-background);
}
.meta-preview-placeholder-container-IVU4R .action-buttons-container-FHoD2 {
display: flex;
flex-direction: row;
flex-wrap: wrap;
height: 4rem;
margin-bottom: 1rem;
border-radius: 4rem;
background-color: var(--color-placeholder-background);
}
.meta-preview-container-o22hc {
position: relative;
z-index: 0;
display: flex;
flex-direction: column;
}
.meta-preview-container-o22hc.compact-ii1zu .meta-info-container-ub8AH .logo-X3hTV,
.meta-preview-container-o22hc.compact-ii1zu .meta-info-container-ub8AH .logo-placeholder-rE1ld {
width: 100%;
height: 6rem;
}
.meta-preview-container-o22hc.compact-ii1zu .meta-info-container-ub8AH .runtime-release-info-container-BGd_r {
justify-content: space-between;
}
.meta-preview-container-o22hc.compact-ii1zu .meta-info-container-ub8AH .runtime-release-info-container-BGd_r .runtime-label-TzAGI,
.meta-preview-container-o22hc.compact-ii1zu .meta-info-container-ub8AH .runtime-release-info-container-BGd_r .release-info-label-LPJMB {
margin: 1rem 0.4rem;
}
.meta-preview-container-o22hc.compact-ii1zu .meta-info-container-ub8AH .description-container-yi8iU {
max-height: none;
}
.meta-preview-container-o22hc.compact-ii1zu .action-buttons-container-XbKVa {
justify-content: space-between;
}
.meta-preview-container-o22hc.compact-ii1zu .action-buttons-container-XbKVa .action-button-XIZa3:not(:last-child) {
margin-right: 0;
}
.meta-preview-container-o22hc .background-image-layer-kk_WI {
position: absolute;
top: -10px;
right: -10px;
bottom: -10px;
left: -10px;
z-index: -1;
}
.meta-preview-container-o22hc .background-image-layer-kk_WI .background-image-9zToE {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
filter: blur(10px);
opacity: 0.3;
}
.meta-preview-container-o22hc .meta-info-container-ub8AH {
flex: 1;
align-self: stretch;
overflow-y: auto;
}
.meta-preview-container-o22hc .meta-info-container-ub8AH:not(:hover) {
scrollbar-color: transparent transparent;
}
.meta-preview-container-o22hc .meta-info-container-ub8AH:not(:hover)::-webkit-scrollbar-thumb,
.meta-preview-container-o22hc .meta-info-container-ub8AH:not(:hover)::-webkit-scrollbar-track {
background-color: transparent;
}
.meta-preview-container-o22hc .meta-info-container-ub8AH .logo-X3hTV,
.meta-preview-container-o22hc .meta-info-container-ub8AH .logo-placeholder-rE1ld {
display: block;
max-width: 100%;
margin-bottom: 2rem;
}
.meta-preview-container-o22hc .meta-info-container-ub8AH .logo-X3hTV {
height: 9rem;
object-fit: contain;
object-position: center;
}
.meta-preview-container-o22hc .meta-info-container-ub8AH .logo-placeholder-rE1ld {
font-size: 1.7rem;
color: hsla(0, 0%, 100%, 0.9);
}
.meta-preview-container-o22hc .meta-info-container-ub8AH .runtime-release-info-container-BGd_r {
display: flex;
flex-direction: row;
align-items: center;
flex-wrap: wrap;
margin-top: 1rem;
}
.meta-preview-container-o22hc .meta-info-container-ub8AH .runtime-release-info-container-BGd_r .runtime-label-TzAGI,
.meta-preview-container-o22hc .meta-info-container-ub8AH .runtime-release-info-container-BGd_r .release-info-label-LPJMB {
flex: 0 1 auto;
margin-right: 3rem;
font-size: 1.25rem;
font-weight: 600;
color: var(--primary-foreground-color);
}
.meta-preview-container-o22hc .meta-info-container-ub8AH .runtime-release-info-container-BGd_r .imdb-button-container-gGjxp {
flex: 0 1 auto;
display: flex;
flex-direction: row;
align-items: center;
border-radius: 0.5rem;
border: var(--focus-outline-size) solid transparent;
padding: 0rem 0.5rem;
}
.meta-preview-container-o22hc .meta-info-container-ub8AH .runtime-release-info-container-BGd_r .imdb-button-container-gGjxp:focus {
outline: none;
border: var(--focus-outline-size) solid hsl(0, 0%, 100%);
}
.meta-preview-container-o22hc .meta-info-container-ub8AH .runtime-release-info-container-BGd_r .imdb-button-container-gGjxp .label-MXv72 {
flex: 0 1 auto;
margin-right: 1rem;
font-size: 1.25rem;
font-weight: 600;
color: var(--primary-foreground-color);
}
.meta-preview-container-o22hc .meta-info-container-ub8AH .runtime-release-info-container-BGd_r .imdb-button-container-gGjxp .icon-N_uIU {
flex: none;
width: 3rem;
height: 3rem;
color: var(--color-imdb);
}
.meta-preview-container-o22hc .meta-info-container-ub8AH .description-container-yi8iU {
margin-top: 1rem;
font-size: 1rem;
font-weight: 400;
line-height: 2em;
color: var(--primary-foreground-color);
}
.meta-preview-container-o22hc .meta-info-container-ub8AH .description-container-yi8iU .label-container-_VXZt {
text-transform: uppercase;
font-size: 0.95rem;
font-weight: 700;
color: var(--primary-foreground-color);
opacity: 0.3;
}
.meta-preview-container-o22hc .meta-info-container-ub8AH .meta-links-Xiao3 {
margin-top: 1.5rem;
}
.meta-preview-container-o22hc .action-buttons-container-XbKVa {
flex: none;
align-self: stretch;
display: flex;
flex-direction: row;
align-items: flex-end;
flex-wrap: wrap;
padding-top: 3.5rem;
overflow: visible;
}
.meta-preview-container-o22hc .action-buttons-container-XbKVa .label-MXv72 {
position: absolute;
top: -3rem;
left: 0;
opacity: 0;
transition: opacity 0.3s ease;
text-align: center;
color: var(--primary-foreground-color);
overflow: visible;
}
.meta-preview-container-o22hc .action-buttons-container-XbKVa:not(:last-child) {
margin-right: 1rem;
}
.meta-preview-container-o22hc .action-buttons-container-XbKVa:hover .label-MXv72 {
opacity: 0.7;
}
.meta-preview-container-o22hc .action-buttons-container-XbKVa .action-button-XIZa3 {
flex: none;
width: 4rem;
height: 4rem;
margin-bottom: 1rem;
}
.meta-preview-container-o22hc .action-buttons-container-XbKVa .action-button-XIZa3.wide {
width: auto;
padding: 0 2rem;
border-radius: 4rem;
}
.meta-preview-container-o22hc .action-buttons-container-XbKVa .action-button-XIZa3:not(:last-child) {
margin-right: 1rem;
}
.meta-preview-container-o22hc .action-buttons-container-XbKVa .action-button-XIZa3.show-button-_yuOF:hover,
.meta-preview-container-o22hc .action-buttons-container-XbKVa .action-button-XIZa3.show-button-_yuOF:focus {
background-color: var(--secondary-accent-color);
outline: none;
}
.meta-preview-container-o22hc .ratings-zUtHH {
margin-bottom: 1rem;
margin-right: 1rem;
}
.share-prompt-QbhIA {
width: 30rem;
}
@media screen and (max-width: 1000px) and (max-height: 500px) and (orientation: landscape) {
.meta-preview-container-o22hc .meta-info-container-ub8AH .logo-X3hTV {
height: 5rem;
margin-bottom: 1rem;
}
.meta-preview-container-o22hc .action-buttons-container-XbKVa {
padding-top: 1.5rem;
gap: 0.5rem;
}
.meta-preview-container-o22hc .action-buttons-container-XbKVa .action-button-XIZa3 {
padding: 0 1.5rem !important;
margin-right: 0rem !important;
height: 3rem;
border-radius: 2rem;
}
.meta-preview-container-o22hc .ratings-zUtHH {
margin-right: 0;
}
}
@media only screen and (max-width: 640px) {
.meta-preview-container-o22hc .meta-info-container-ub8AH .logo-X3hTV {
margin: 2rem auto;
}
.meta-preview-container-o22hc .meta-info-container-ub8AH .runtime-release-info-container-BGd_r {
justify-content: space-between;
}
.meta-preview-container-o22hc .meta-info-container-ub8AH .runtime-release-info-container-BGd_r .runtime-label-TzAGI,
.meta-preview-container-o22hc .meta-info-container-ub8AH .runtime-release-info-container-BGd_r .release-info-label-LPJMB {
margin: 0;
}
.meta-preview-container-o22hc .action-buttons-container-XbKVa {
flex-shrink: 0;
margin-top: 3rem;
overflow: visible;
scrollbar-width: none;
}
.meta-preview-container-o22hc .action-buttons-container-XbKVa::-webkit-scrollbar {
display: none;
}
.share-prompt-QbhIA {
width: auto;
}
}
.ratings-container-eQRLs {
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
background-color: var(--overlay-color);
border-radius: 2rem;
height: 4rem;
width: fit-content;
backdrop-filter: blur(5px);
}
.ratings-container-eQRLs .icon-container-kow_q {
display: flex;
justify-content: center;
align-items: center;
height: 4rem;
width: 4rem;
padding: 0 1rem;
cursor: pointer;
}
.ratings-container-eQRLs .icon-container-kow_q .icon-QwGlD {
width: calc(4rem / 2);
height: calc(4rem / 2);
color: var(--primary-foreground-color);
opacity: 0.7;
}
.ratings-container-eQRLs .icon-container-kow_q .icon-QwGlD:hover {
opacity: 1;
}
.ratings-container-eQRLs .icon-container-kow_q.disabled-W7ks1 {
pointer-events: none;
}
@media screen and (max-width: 1000px) and (max-height: 500px) and (orientation: landscape) {
.ratings-container-eQRLs {
height: 3rem;
}
.ratings-container-eQRLs .icon-container-kow_q {
height: 3rem;
width: 3rem;
}
.ratings-container-eQRLs .icon-container-kow_q .icon-QwGlD {
width: 1.75rem;
height: 1.75rem;
}
}
.meta-row-placeholder-container-x8ykQ .header-container-LRLpi {
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-end;
padding: 0 1rem;
margin-bottom: 0.5rem;
}
.meta-row-placeholder-container-x8ykQ .header-container-LRLpi .title-container-RuV2b {
flex: 1;
max-height: 2.4em;
font-size: 1.6rem;
font-weight: 500;
color: var(--color-placeholder-text);
}
.meta-row-placeholder-container-x8ykQ .header-container-LRLpi .title-container-RuV2b:empty {
height: 1.2em;
background: linear-gradient(to right, var(--color-placeholder-background) 0 40%, transparent 40% 100%);
}
.meta-row-placeholder-container-x8ykQ .header-container-LRLpi .see-all-container-GtLII {
flex: none;
display: flex;
flex-direction: row;
align-items: center;
max-width: 12rem;
padding: 0.2rem;
}
.meta-row-placeholder-container-x8ykQ .header-container-LRLpi .see-all-container-GtLII:focus {
outline: none;
background-color: var(--color-placeholder-background);
}
.meta-row-placeholder-container-x8ykQ .header-container-LRLpi .see-all-container-GtLII .label-FP9bt {
flex: 0 1 auto;
max-height: 1.2em;
font-size: 1rem;
font-weight: 500;
color: var(--color-placeholder-text);
}
.meta-row-placeholder-container-x8ykQ .header-container-LRLpi .see-all-container-GtLII .icon-U2Gj8 {
flex: none;
height: 1rem;
margin-left: 0.5rem;
color: var(--color-placeholder-text);
}
.meta-row-placeholder-container-x8ykQ .meta-items-container-M4vN4 {
display: flex;
flex-direction: row;
align-items: stretch;
}
.meta-row-placeholder-container-x8ykQ .meta-items-container-M4vN4 .meta-item-iOgzp {
flex: 1;
margin: 1rem;
}
.meta-row-placeholder-container-x8ykQ .meta-items-container-M4vN4 .meta-item-iOgzp:not(:first-child) {
margin-left: 1.5rem;
}
.meta-row-placeholder-container-x8ykQ .meta-items-container-M4vN4 .meta-item-iOgzp .poster-container-WX2KD {
border-radius: var(--border-radius);
padding-bottom: calc(100% * var(--poster-shape-ratio));
background-color: var(--color-placeholder-background);
}
.meta-row-placeholder-container-x8ykQ .meta-items-container-M4vN4 .meta-item-iOgzp .title-bar-container-U0ZAT {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
height: 2.8rem;
}
.meta-row-placeholder-container-x8ykQ .meta-items-container-M4vN4 .meta-item-iOgzp .title-bar-container-U0ZAT .title-label-mb1GR {
flex: none;
width: 60%;
height: 1.2rem;
border-radius: var(--border-radius);
background-color: var(--color-placeholder-background);
}
@media only screen and (max-width: 640px) {
.meta-row-placeholder-container-x8ykQ .meta-items-container-M4vN4 .meta-item-iOgzp {
margin: 0.5rem;
}
.meta-row-placeholder-container-x8ykQ .meta-items-container-M4vN4 .meta-item-iOgzp:not(:first-child) {
margin-left: 0.5rem;
}
.meta-row-placeholder-container-x8ykQ .meta-items-container-M4vN4 .meta-item-iOgzp .title-bar-container-U0ZAT {
margin-top: 0.5rem;
}
}
.meta-row-container-xtlB1 {
overflow: visible;
}
.meta-row-container-xtlB1 .header-container-tR3Ev {
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-end;
padding: 0 1rem;
margin-bottom: 0.25rem;
}
.meta-row-container-xtlB1 .header-container-tR3Ev .title-container-Mkwnq {
flex: 1;
max-height: 2.4em;
font-size: 1.6rem;
font-weight: 500;
color: var(--primary-foreground-color);
}
.meta-row-container-xtlB1 .header-container-tR3Ev .see-all-container-MoOtW {
flex: none;
display: flex;
flex-direction: row;
align-items: center;
max-width: 12rem;
height: 2.5rem;
padding: 0 0.5rem 0 1rem;
border-radius: 2.5rem;
opacity: 0.6;
}
.meta-row-container-xtlB1 .header-container-tR3Ev .see-all-container-MoOtW:hover,
.meta-row-container-xtlB1 .header-container-tR3Ev .see-all-container-MoOtW:focus {
outline: none;
background-color: var(--overlay-color);
opacity: 1;
}
.meta-row-container-xtlB1 .header-container-tR3Ev .see-all-container-MoOtW .label-bytni {
flex: 0 1 auto;
max-height: 1.2em;
font-size: 1rem;
font-weight: 500;
color: var(--primary-foreground-color);
}
.meta-row-container-xtlB1 .header-container-tR3Ev .see-all-container-MoOtW .icon-Sj7HO {
flex: none;
height: 1.5rem;
margin-left: 0.5rem;
color: var(--primary-foreground-color);
}
.meta-row-container-xtlB1 .message-container-KWmlO {
max-height: 3.6em;
padding: 0 0.5rem;
font-size: 1.3rem;
color: var(--primary-foreground-color);
opacity: 0.6;
}
.meta-row-container-xtlB1 .meta-items-container-qcuUA {
display: flex;
flex-direction: row;
align-items: stretch;
overflow: visible;
}
.meta-row-container-xtlB1 .meta-items-container-qcuUA .meta-item-QFHCh.poster-shape-poster-LKBza {
flex: calc(1 / var(--poster-shape-ratio));
}
.meta-row-container-xtlB1 .meta-items-container-qcuUA .meta-item-QFHCh.poster-shape-square-g5a1z {
flex: 1;
}
.meta-row-container-xtlB1 .meta-items-container-qcuUA .meta-item-QFHCh.poster-shape-landscape-KmmRZ {
flex: calc(1 / var(--landscape-shape-ratio));
}
@media only screen and (max-width: 640px) {
.meta-row-container-xtlB1 .header-container-tR3Ev {
padding: 0 0.5rem;
}
.meta-row-container-xtlB1 .header-container-tR3Ev .title-container-Mkwnq {
margin-right: 0.5rem;
white-space: nowrap;
text-overflow: ellipsis;
}
.meta-row-container-xtlB1 .meta-items-container-qcuUA .meta-item-QFHCh:not(:first-child) {
margin-left: 0;
}
}
.option-HcOSE {
height: 3rem;
font-size: var(--font-size-normal);
color: var(--primary-foreground-color);
align-items: center;
display: flex;
flex-direction: row;
padding: 1rem;
}
.option-HcOSE .label-IR8xX {
flex: 1;
color: var(--primary-foreground-color);
}
.option-HcOSE .icon-I_g2q {
flex: none;
width: 0.5rem;
height: 0.5rem;
border-radius: 100%;
margin-left: 1rem;
background-color: var(--secondary-accent-color);
opacity: 1;
}
.option-HcOSE:hover {
background-color: rgba(255, 255, 255, 0.15);
}
.dropdown-MWaxp {
background: var(--modal-background-color);
display: none;
position: absolute;
width: 100%;
top: 100%;
left: 0;
z-index: 10;
box-shadow: var(--outer-glow);
border-radius: var(--border-radius);
overflow: hidden;
}
.dropdown-MWaxp.open-yuN4f {
display: block;
max-height: calc(3rem * 7);
overflow: auto;
}
.dropdown-MWaxp .back-button-dGLHu {
display: flex;
align-items: center;
gap: 0 0.5rem;
padding: 0.75rem;
color: var(--primary-foreground-color);
}
.dropdown-MWaxp .back-button-dGLHu .back-button-icon-VdHBJ {
width: 1.5rem;
}
@media (orientation: landscape) and (max-width: 1000px) {
.dropdown-MWaxp.open-yuN4f {
max-height: calc(100dvh - var(--horizontal-nav-bar-size) - 12rem);
}
}
.multiselect-menu-qMdaj {
position: relative;
min-width: 8.5rem;
overflow: visible;
border-radius: 2.75rem;
}
.multiselect-menu-qMdaj.disabled-RaqL9 {
pointer-events: none;
opacity: 0.3;
}
.multiselect-menu-qMdaj .multiselect-button-XXdgA {
height: 3rem;
padding: 0.75rem 1.5rem;
display: flex;
flex: 1;
justify-content: space-between;
align-items: center;
gap: 0 0.5rem;
border-radius: 2.75rem;
}
.multiselect-menu-qMdaj .multiselect-button-XXdgA .label-SoEGc {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: var(--primary-foreground-color);
}
.multiselect-menu-qMdaj .multiselect-button-XXdgA .icon-gQU96 {
width: 1rem;
color: var(--primary-foreground-color);
opacity: 0.6;
}
.multiselect-menu-qMdaj .multiselect-button-XXdgA .icon-gQU96.open-TvFQd {
transform: rotate(180deg);
}
.multiselect-menu-qMdaj:hover,
.multiselect-menu-qMdaj.active-gKhO5 {
background-color: var(--overlay-color);
}
.number-input-igJ35 {
user-select: text;
display: flex;
max-width: 14rem;
height: 3.5rem;
margin-bottom: 1rem;
color: var(--primary-foreground-color);
background: var(--overlay-color);
border-radius: 3.5rem;
}
.number-input-igJ35 .button-GWY2o {
flex: none;
width: 3.5rem;
height: 3.5rem;
padding: 1rem;
background: var(--overlay-color);
border: none;
border-radius: 100%;
cursor: pointer;
z-index: 1;
}
.number-input-igJ35 .button-GWY2o .icon-EndAk {
width: 100%;
height: 100%;
}
.number-input-igJ35 .number-display-hLJ72 {
display: flex;
flex: 1;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
padding: 0 1rem;
}
.number-input-igJ35 .number-display-hLJ72::-moz-focus-inner {
border: none;
}
.number-input-igJ35 .number-display-hLJ72 .label-y4qDZ {
font-size: 0.8rem;
font-weight: 400;
opacity: 0.7;
}
.number-input-igJ35 .number-display-hLJ72 .value-Y2xdx {
font-size: 1.2rem;
display: flex;
justify-content: center;
width: 100%;
color: var(--primary-foreground-color);
text-align: center;
appearance: none;
}
.number-input-igJ35 .number-display-hLJ72 .value-Y2xdx::-webkit-outer-spin-button,
.number-input-igJ35 .number-display-hLJ72 .value-Y2xdx::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.radio-button-SGEc1 {
display: flex;
align-items: center;
overflow: visible;
}
.radio-button-SGEc1 .radio-container-wPddo {
position: relative;
width: 1.75rem;
height: 1.75rem;
border: 3px solid var(--color-placeholder);
border-radius: 1rem;
background-color: transparent;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.2s ease-in-out;
cursor: pointer;
outline: none;
user-select: none;
outline-width: var(--focus-outline-size);
outline-color: hsl(0, 0%, 100%);
outline-offset: calc(-1 * var(--focus-outline-size));
}
.radio-button-SGEc1 .radio-container-wPddo input[type='radio'] {
opacity: 0;
width: 0;
height: 0;
position: absolute;
cursor: pointer;
}
.radio-button-SGEc1 .radio-container-wPddo .inner-circle-vdtUP {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 1.25rem;
height: 1.25rem;
border-radius: 0.675rem;
border: 2px solid var(--secondary-background-color);
transition: opacity 0.2s ease-in-out;
background-color: transparent;
opacity: 0;
}
.radio-button-SGEc1 .radio-container-wPddo.disabled-ZzMU9 {
cursor: not-allowed;
}
.radio-button-SGEc1 .radio-container-wPddo.error-_vY0h {
border-color: var(--danger-accent-color);
}
.radio-button-SGEc1 .radio-container-wPddo.selected-M_zHA .inner-circle-vdtUP {
background-color: var(--primary-accent-color);
opacity: 1;
}
.radio-button-SGEc1 .radio-container-wPddo:focus {
outline-style: solid;
}
.search-bar-container-sTkGP {
display: flex;
flex-direction: row;
align-items: center;
height: 3.5rem;
padding: 0 1rem;
border-radius: 3.5rem;
border: var(--focus-outline-size) solid transparent;
background-color: var(--color-placeholder-background);
}
.search-bar-container-sTkGP .search-input-Q18HV {
flex: 1;
max-height: 1.2em;
margin-right: 1rem;
font-size: 1.1rem;
color: var(--color-placeholder-text);
}
.search-bar-container-sTkGP .icon-M3jX0 {
flex: none;
width: 1.5rem;
height: 1.5rem;
color: var(--color-placeholder-background);
}
.search-bar-container-p4tSt {
display: flex;
flex-direction: row;
align-items: center;
height: 3rem;
padding: 0 1.5rem;
border-radius: 3rem;
border: var(--focus-outline-size) solid transparent;
background-color: var(--overlay-color);
cursor: text;
}
.search-bar-container-p4tSt:focus-within {
border: var(--focus-outline-size) solid var(--primary-foreground-color);
}
.search-bar-container-p4tSt .search-input-bAgAh {
flex: 1;
margin-right: 1rem;
font-size: 1rem;
color: var(--primary-foreground-color);
}
.search-bar-container-p4tSt .search-input-bAgAh::placeholder {
color: var(--primary-foreground-color);
opacity: 0.6;
}
.search-bar-container-p4tSt .icon-QOYfJ {
flex: none;
width: 1.5rem;
height: 1.5rem;
color: var(--primary-foreground-color);
opacity: 0.6;
}
html.active-slider-within-NcgYf {
cursor: grabbing;
}
html.active-slider-within-NcgYf body {
pointer-events: none;
}
.slider-container-nJz5F {
position: relative;
z-index: 0;
overflow: visible;
cursor: pointer;
}
.slider-container-nJz5F.disabled {
pointer-events: none;
opacity: 0.5;
}
.slider-container-nJz5F .layer-aC5Vt {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 0;
display: flex;
flex-direction: row;
align-items: center;
overflow: visible;
}
.slider-container-nJz5F .track-gItfW {
z-index: 0;
flex: 1;
width: 100%;
height: var(--track-size);
border-radius: var(--track-size);
background-color: var(--primary-accent-color);
opacity: 0.2;
}
.slider-container-nJz5F .track-gItfW.audio-boost-AyRq0 {
opacity: 0.3;
background: linear-gradient(to right, var(--primary-foreground-color) 0%, var(--primary-foreground-color) 50%, var(--warning-accent-color) 75%, var(--danger-accent-color) 100%) !important;
}
.slider-container-nJz5F .track-before-kJzIb {
z-index: 1;
flex: none;
height: var(--track-size);
border-radius: var(--track-size);
background-color: var(--overlay-color);
}
.slider-container-nJz5F .track-after-pUXC0 {
z-index: 2;
flex: none;
width: 100%;
height: var(--track-size);
border-radius: var(--track-size);
background-color: var(--primary-foreground-color);
mask-image: linear-gradient(to right, black 0%, black var(--mask-width), transparent var(--mask-width));
}
.slider-container-nJz5F .track-after-pUXC0.audio-boost-AyRq0 {
background: linear-gradient(to right, var(--primary-foreground-color) 0%, var(--primary-foreground-color) 50%, var(--warning-accent-color) 75%, var(--danger-accent-color) 100%) !important;
}
.slider-container-nJz5F .thumb-PiTF5 {
z-index: 3;
flex: none;
width: var(--thumb-size);
height: var(--thumb-size);
transform: translateX(-50%);
background-color: var(--primary-foreground-color);
border-radius: 100%;
}
kbd {
flex: none;
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
height: 2.5rem;
min-width: 2.5rem;
padding: 0 1rem;
font-size: 1rem;
font-weight: 500;
color: var(--primary-foreground-color);
border-radius: 0.25em;
box-shadow: 0 4px 0 1px rgba(255, 255, 255, 0.1);
background-color: var(--overlay-color);
}
.separator-uSn0j {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 2.5rem;
font-size: 1rem;
color: var(--primary-foreground-color);
}
.combos-TF23d {
position: relative;
display: flex;
overflow: visible;
}
.combos-TF23d .combo-i2l7g {
position: relative;
display: flex;
overflow: visible;
}
.combos-TF23d .combo-i2l7g .separator-KiYac {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 3.5rem;
font-size: 1rem;
color: var(--primary-foreground-color);
opacity: 0.6;
}
.shortcuts-group-LbRfT {
flex: 1 1 0;
position: relative;
width: 30rem;
display: flex;
flex-direction: column;
gap: 2rem;
overflow: visible;
}
.shortcuts-group-LbRfT .title-eToYZ {
flex: none;
display: flex;
font-size: 1rem;
font-weight: 400;
color: var(--primary-foreground-color);
opacity: 0.6;
}
.shortcuts-group-LbRfT .shortcuts-tQ93G {
position: relative;
display: flex;
flex-direction: column;
gap: 2rem;
overflow: visible;
}
.shortcuts-group-LbRfT .shortcuts-tQ93G .shortcut-swbky {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
gap: 2rem;
overflow: visible;
}
.shortcuts-group-LbRfT .shortcuts-tQ93G .shortcut-swbky .label-WnVj8 {
position: relative;
font-size: 1rem;
color: var(--primary-foreground-color);
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.toggle-container-lZfHP {
position: relative;
}
.toggle-container-lZfHP .toggle-toOWM {
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-lZfHP .toggle-toOWM::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-lZfHP.checked .toggle-toOWM {
background-color: var(--secondary-accent-color);
}
.toggle-container-lZfHP.checked .toggle-toOWM::before {
transform: translateX(calc(3.2rem - calc(1.7rem - 0.5rem) - 0.5rem));
}
.video-placeholder-container-DgoIs {
display: flex;
flex-direction: row;
align-items: center;
padding: 0.5rem 1rem;
}
.video-placeholder-container-DgoIs .info-container-BATmf {
flex: 1;
display: flex;
flex-direction: column;
justify-content: space-between;
height: 3rem;
margin: 0.5rem 1rem;
}
.video-placeholder-container-DgoIs .info-container-BATmf .name-container-N4C39 {
width: 80%;
height: 1.2rem;
border-radius: var(--border-radius);
background: var(--color-placeholder-background);
}
.video-placeholder-container-DgoIs .info-container-BATmf .released-container-egHHb {
height: 1rem;
border-radius: var(--border-radius);
background: var(--color-placeholder-background);
}
.video-container-ezBpK {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
padding: 0.5rem;
margin-bottom: 0.5rem;
border-radius: var(--border-radius);
border: 0.15rem solid transparent;
}
@supports (scroll-margin: 1.25rem) {
.video-container-ezBpK {
scroll-margin: 1.25rem;
}
}
.video-container-ezBpK:hover,
.video-container-ezBpK:focus,
.video-container-ezBpK.active {
background-color: var(--overlay-color);
}
.video-container-ezBpK .thumbnail-container-Zm8Cl {
flex: none;
position: relative;
border-radius: 0.3rem;
overflow: hidden;
}
.video-container-ezBpK .thumbnail-container-Zm8Cl .thumbnail-J81W3 {
pointer-events: none;
display: block;
height: 5rem;
width: 8rem;
object-fit: cover;
object-position: center;
opacity: 0.9;
background-color: var(--overlay-color);
}
.video-container-ezBpK .thumbnail-container-Zm8Cl .thumbnail-J81W3.blurred-ZmA2z {
filter: blur(0.5rem);
-webkit-filter: blur(0.5rem);
}
.video-container-ezBpK .thumbnail-container-Zm8Cl .placeholder-icon-GNOI3 {
display: block;
height: 5rem;
width: 8rem;
padding: 1rem;
color: var(--primary-foreground-color);
background-color: var(--overlay-color);
opacity: 0.25;
}
.video-container-ezBpK .thumbnail-container-Zm8Cl .progress-bar-container-w8eFT {
position: absolute;
bottom: 0.5rem;
left: 0.5rem;
right: 0.5rem;
border-radius: var(--border-radius);
}
.video-container-ezBpK .thumbnail-container-Zm8Cl .progress-bar-container-w8eFT .progress-bar-E23CT {
z-index: 1;
position: relative;
height: 0.4rem;
background-color: var(--primary-accent-color);
}
.video-container-ezBpK .thumbnail-container-Zm8Cl .progress-bar-container-w8eFT .progress-bar-background-Q7aEH {
z-index: 0;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: var(--primary-foreground-color);
opacity: 0.2;
}
.video-container-ezBpK .info-container-xyynk {
flex: 1;
align-self: stretch;
display: flex;
flex-direction: column;
justify-content: center;
padding: 0 0.5rem 0 1.5rem;
}
.video-container-ezBpK .info-container-xyynk .title-container-NcfV9 {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
margin-bottom: 1rem;
color: var(--primary-foreground-color);
}
.video-container-ezBpK .info-container-xyynk .flex-row-container-CAyQu {
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-end;
}
.video-container-ezBpK .info-container-xyynk .flex-row-container-CAyQu .released-container-XLPqf {
flex: 1;
margin-right: 0.5rem;
padding: 0.2rem 0;
font-size: 0.8rem;
font-weight: 500;
white-space: nowrap;
text-overflow: ellipsis;
color: var(--primary-foreground-color);
opacity: 0.44;
}
.video-container-ezBpK .info-container-xyynk .flex-row-container-CAyQu .upcoming-watched-container-msCaq {
flex: 0 1 auto;
display: flex;
flex-direction: row;
align-items: center;
height: 1.6rem;
border-radius: 0.3rem;
}
.video-container-ezBpK .info-container-xyynk .flex-row-container-CAyQu .upcoming-watched-container-msCaq > :nth-child(2) {
margin-left: 0.5rem;
}
.video-container-ezBpK .info-container-xyynk .flex-row-container-CAyQu .upcoming-watched-container-msCaq .upcoming-container-LXfQ7,
.video-container-ezBpK .info-container-xyynk .flex-row-container-CAyQu .upcoming-watched-container-msCaq .watched-container-gvzs3 {
flex: none;
display: flex;
align-items: center;
height: 100%;
padding: 0 0.5rem;
max-width: 10rem;
}
.video-container-ezBpK .info-container-xyynk .flex-row-container-CAyQu .upcoming-watched-container-msCaq .upcoming-container-LXfQ7:not(:only-child),
.video-container-ezBpK .info-container-xyynk .flex-row-container-CAyQu .upcoming-watched-container-msCaq .watched-container-gvzs3:not(:only-child) {
max-width: 5rem;
}
.video-container-ezBpK .info-container-xyynk .flex-row-container-CAyQu .upcoming-watched-container-msCaq .upcoming-container-LXfQ7 .flag-icon-RDrvf,
.video-container-ezBpK .info-container-xyynk .flex-row-container-CAyQu .upcoming-watched-container-msCaq .watched-container-gvzs3 .flag-icon-RDrvf {
height: 1.15rem;
width: 1.15rem;
margin-right: 0.25rem;
color: var(--secondary-foreground-color);
}
.video-container-ezBpK .info-container-xyynk .flex-row-container-CAyQu .upcoming-watched-container-msCaq .upcoming-container-LXfQ7 .flag-label-zJloD,
.video-container-ezBpK .info-container-xyynk .flex-row-container-CAyQu .upcoming-watched-container-msCaq .watched-container-gvzs3 .flag-label-zJloD {
font-size: 0.8rem;
font-weight: 800;
white-space: nowrap;
text-overflow: ellipsis;
text-transform: uppercase;
color: var(--secondary-foreground-color);
}
.video-container-ezBpK .info-container-xyynk .flex-row-container-CAyQu .upcoming-watched-container-msCaq .upcoming-container-LXfQ7 {
background-color: var(--secondary-accent-color);
}
.video-container-ezBpK .info-container-xyynk .flex-row-container-CAyQu .upcoming-watched-container-msCaq .watched-container-gvzs3 {
background-color: var(--tertiary-accent-color);
}
.video-container-ezBpK.selected-AfK31 {
animation: border-nc19J 3s ease-in-out forwards;
}
@keyframes border-nc19J {
0% {
border: 0.15rem solid var(--primary-accent-color);
}
100% {
border: 0.15rem solid transparent;
}
}
.video-container-ezBpK .menu-container-B6cqK {
max-width: calc(90% - 1.5rem);
z-index: 2;
}
.video-container-ezBpK .menu-container-B6cqK .context-menu-content-ItIFy {
--spatial-navigation-contain: contain;
}
.video-container-ezBpK .menu-container-B6cqK .context-menu-content-ItIFy .context-menu-option-container-KNVWj {
display: flex;
flex-direction: row;
align-items: center;
padding: 1rem 1.5rem;
}
.video-container-ezBpK .menu-container-B6cqK .context-menu-content-ItIFy .context-menu-option-container-KNVWj:hover,
.video-container-ezBpK .menu-container-B6cqK .context-menu-content-ItIFy .context-menu-option-container-KNVWj:focus {
background-color: var(--overlay-color);
}
.video-container-ezBpK .menu-container-B6cqK .context-menu-content-ItIFy .context-menu-option-container-KNVWj .context-menu-option-label-dy2nc {
font-size: 1rem;
font-weight: 500;
color: var(--primary-foreground-color);
}
@media only screen and (max-width: 640px) {
.video-container-ezBpK .menu-container-B6cqK.menu-direction-top-left-ongjn,
.video-container-ezBpK .menu-container-B6cqK.menu-direction-bottom-left-Dvtqk {
right: 1.5rem;
}
.video-container-ezBpK .menu-container-B6cqK.menu-direction-top-right-tmrFG,
.video-container-ezBpK .menu-container-B6cqK.menu-direction-bottom-right-aJ89V {
left: 1.5rem;
}
.video-container-ezBpK .menu-container-B6cqK.menu-direction-top-left-ongjn,
.video-container-ezBpK .menu-container-B6cqK.menu-direction-top-right-tmrFG {
bottom: 90%;
}
.video-container-ezBpK .menu-container-B6cqK.menu-direction-bottom-left-Dvtqk,
.video-container-ezBpK .menu-container-B6cqK.menu-direction-bottom-right-aJ89V {
top: 90%;
}
}
.toast-item-container-nG0uk {
display: flex;
flex-direction: row;
align-items: flex-start;
width: 25rem;
margin-bottom: 1rem;
overflow: visible;
box-shadow: var(--outer-glow);
background-color: var(--modal-background-color);
pointer-events: auto;
border-radius: var(--border-radius);
border: 0.4px solid var(--primary-accent-color);
backdrop-filter: blur(10px);
padding: 1rem;
}
.toast-item-container-nG0uk.success-eIDTa .icon-container-rjAiH .icon-Y4I_O {
color: hsl(147.7, 68%, 41.7%);
}
.toast-item-container-nG0uk.error-quyOd .icon-container-rjAiH .icon-Y4I_O {
color: var(--danger-accent-color);
}
.toast-item-container-nG0uk.info-KEWq8 .icon-container-rjAiH {
background-color: hsl(275.1, 33%, 48%);
}
.toast-item-container-nG0uk.info-KEWq8 .icon-container-rjAiH .icon-Y4I_O {
color: hsla(0, 0%, 100%, 0.9);
}
.toast-item-container-nG0uk .icon-container-rjAiH {
border-radius: 3px;
background-color: var(--overlay-color);
}
.toast-item-container-nG0uk .icon-container-rjAiH .icon-Y4I_O {
display: block;
width: 100%;
height: 100%;
max-width: 2rem;
}
.toast-item-container-nG0uk .info-container-xD9V6 {
flex: 1;
align-self: stretch;
padding: 0.2rem 1rem;
}
.toast-item-container-nG0uk .info-container-xD9V6 .title-container-VFReJ {
font-size: 1.2rem;
color: var(--primary-foreground-color);
}
.toast-item-container-nG0uk .info-container-xD9V6 .title-container-VFReJ:not(:last-child) {
margin-bottom: 0.2rem;
}
.toast-item-container-nG0uk .info-container-xD9V6 .message-container-znkCj {
font-size: 1.1rem;
color: var(--primary-foreground-color);
opacity: 0.8;
}
.toast-item-container-nG0uk .close-button-container-YtyYE {
width: 2rem;
height: 2rem;
border-radius: 3px;
}
.toast-item-container-nG0uk .close-button-container-YtyYE .icon-Y4I_O {
display: block;
width: 100%;
height: 100%;
color: var(--primary-foreground-color);
opacity: 0.4;
}
.toast-item-container-nG0uk .close-button-container-YtyYE:hover .icon-Y4I_O {
opacity: 1;
}
.addon-container-lC5KN {
display: flex;
flex-direction: row;
align-items: flex-start;
padding: 1.5rem;
border: 0.15rem solid transparent;
border-radius: var(--border-radius);
background-color: var(--overlay-color);
transition: border-color 0.1s ease-out;
cursor: pointer;
}
.addon-container-lC5KN:hover {
border-color: var(--overlay-color);
}
.addon-container-lC5KN .logo-container-ZcSSC {
flex: none;
width: 8rem;
height: 8rem;
}
.addon-container-lC5KN .logo-container-ZcSSC .logo-WrsGF {
display: block;
width: 100%;
height: 100%;
padding: 0.5rem;
object-fit: contain;
object-position: center;
}
.addon-container-lC5KN .logo-container-ZcSSC .icon-GxVbY {
display: block;
width: 100%;
height: 100%;
padding: 1rem;
color: var(--primary-foreground-color);
}
.addon-container-lC5KN .info-container-AdMB6 {
flex-grow: 1;
flex-shrink: 1;
flex-basis: 0;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: baseline;
padding: 0 0.5rem;
}
.addon-container-lC5KN .info-container-AdMB6 .name-container-qIAg8 {
flex-grow: 0;
flex-shrink: 1;
flex-basis: auto;
padding: 0 0.5rem;
max-height: 3.6em;
font-size: 1.6rem;
color: var(--primary-foreground-color);
}
.addon-container-lC5KN .info-container-AdMB6 .version-container-zdPyN {
flex-grow: 1;
flex-shrink: 1;
flex-basis: auto;
margin-top: 0.5rem;
padding: 0 0.5rem;
max-height: 2.4em;
color: var(--primary-foreground-color);
opacity: 0.6;
}
.addon-container-lC5KN .info-container-AdMB6 .types-container-DaOrg {
flex-grow: 0;
flex-shrink: 0;
flex-basis: 100%;
margin-top: 0.5rem;
padding: 0 0.5rem;
max-height: 2.4em;
color: var(--primary-foreground-color);
text-transform: capitalize;
opacity: 0.4;
}
.addon-container-lC5KN .info-container-AdMB6 .description-container-v7Jhe {
flex-grow: 0;
flex-shrink: 0;
flex-basis: 100%;
margin-top: 0.5rem;
padding: 0 0.5rem;
color: var(--primary-foreground-color);
}
.addon-container-lC5KN .buttons-container-g0xXr {
flex: none;
display: flex;
flex-direction: column;
gap: 1rem;
width: 17rem;
}
.addon-container-lC5KN .buttons-container-g0xXr .action-buttons-container-xMVmz {
flex: auto;
display: flex;
flex-direction: row;
align-items: center;
gap: 1rem;
}
.addon-container-lC5KN .buttons-container-g0xXr .install-button-container-yfcq5,
.addon-container-lC5KN .buttons-container-g0xXr .configure-button-container-VwVAQ,
.addon-container-lC5KN .buttons-container-g0xXr .uninstall-button-container-oV4Yo,
.addon-container-lC5KN .buttons-container-g0xXr .share-button-container-s3gwP {
flex: auto;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
gap: 1rem;
height: 3.5rem;
padding: 0 1rem;
border-radius: 4rem;
}
.addon-container-lC5KN .buttons-container-g0xXr .install-button-container-yfcq5 .icon-GxVbY,
.addon-container-lC5KN .buttons-container-g0xXr .configure-button-container-VwVAQ .icon-GxVbY,
.addon-container-lC5KN .buttons-container-g0xXr .uninstall-button-container-oV4Yo .icon-GxVbY,
.addon-container-lC5KN .buttons-container-g0xXr .share-button-container-s3gwP .icon-GxVbY {
flex: none;
width: 2rem;
height: 2rem;
}
.addon-container-lC5KN .buttons-container-g0xXr .install-button-container-yfcq5 .label-OnWh2,
.addon-container-lC5KN .buttons-container-g0xXr .configure-button-container-VwVAQ .label-OnWh2,
.addon-container-lC5KN .buttons-container-g0xXr .uninstall-button-container-oV4Yo .label-OnWh2,
.addon-container-lC5KN .buttons-container-g0xXr .share-button-container-s3gwP .label-OnWh2 {
flex-grow: 0;
flex-shrink: 1;
flex-basis: auto;
max-height: 2.4em;
font-size: 1.1rem;
font-weight: 700;
text-align: center;
}
.addon-container-lC5KN .buttons-container-g0xXr .install-button-container-yfcq5 {
background-color: var(--secondary-accent-color);
}
.addon-container-lC5KN .buttons-container-g0xXr .install-button-container-yfcq5:hover {
outline: var(--focus-outline-size) solid var(--secondary-accent-color);
background-color: transparent;
}
.addon-container-lC5KN .buttons-container-g0xXr .install-button-container-yfcq5 .label-OnWh2 {
color: var(--primary-foreground-color);
}
.addon-container-lC5KN .buttons-container-g0xXr .configure-button-container-VwVAQ {
flex: none;
background-color: var(--secondary-accent-color);
}
.addon-container-lC5KN .buttons-container-g0xXr .configure-button-container-VwVAQ:hover {
outline: var(--focus-outline-size) solid var(--secondary-accent-color);
background-color: transparent;
}
.addon-container-lC5KN .buttons-container-g0xXr .configure-button-container-VwVAQ .icon-GxVbY {
color: var(--primary-foreground-color);
}
.addon-container-lC5KN .buttons-container-g0xXr .uninstall-button-container-oV4Yo {
outline-color: var(--primary-foreground-color);
outline-style: solid;
opacity: 0.3;
}
.addon-container-lC5KN .buttons-container-g0xXr .uninstall-button-container-oV4Yo:hover {
opacity: 1;
}
.addon-container-lC5KN .buttons-container-g0xXr .uninstall-button-container-oV4Yo .label-OnWh2 {
color: var(--primary-foreground-color);
}
.addon-container-lC5KN .buttons-container-g0xXr .share-button-container-s3gwP {
opacity: 0.9;
}
.addon-container-lC5KN .buttons-container-g0xXr .share-button-container-s3gwP:hover .label-OnWh2 {
text-decoration: underline;
}
.addon-container-lC5KN .buttons-container-g0xXr .share-button-container-s3gwP .icon-GxVbY {
height: 1.5rem;
width: 1.5rem;
color: var(--primary-foreground-color);
}
.addon-container-lC5KN .buttons-container-g0xXr .share-button-container-s3gwP .label-OnWh2 {
color: var(--primary-foreground-color);
}
@media only screen and (max-width: 640px) {
.addon-container-lC5KN {
flex-wrap: wrap;
}
.addon-container-lC5KN .info-container-AdMB6 {
margin-left: 0.5rem;
padding: 0;
}
.addon-container-lC5KN .info-container-AdMB6 .name-container-qIAg8 {
max-height: none;
font-size: 1.3rem;
}
.addon-container-lC5KN .buttons-container-g0xXr {
flex: 0 1 100%;
width: auto;
margin-top: 1rem;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
.addon-container-lC5KN .buttons-container-g0xXr .share-button-container-s3gwP {
flex: none;
}
.addon-container-lC5KN .buttons-container-g0xXr .share-button-container-s3gwP .icon-GxVbY {
margin-right: 0;
}
.addon-container-lC5KN .buttons-container-g0xXr .share-button-container-s3gwP .label-OnWh2 {
display: none;
}
.addon-container-lC5KN .buttons-container-g0xXr .install-button-container-yfcq5,
.addon-container-lC5KN .buttons-container-g0xXr .uninstall-button-container-oV4Yo {
flex-basis: 100%;
margin-right: 1rem;
}
}
.addons-container-ogGYu {
height: calc(100% - var(--safe-area-inset-bottom));
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 {
background-color: var(--overlay-color);
flex-grow: 0;
flex-shrink: 1;
flex-basis: 15rem;
margin-right: 1.5rem;
}
.addons-container-ogGYu .addons-content-zhFBl .selectable-inputs-container-tUul1 .select-input-container-KqG8N .menu-container-qiz0X {
overflow: auto;
}
.addons-container-ogGYu .addons-content-zhFBl .selectable-inputs-container-tUul1 .spacing-wH1w5 {
flex: 1;
}
.addons-container-ogGYu .addons-content-zhFBl .selectable-inputs-container-tUul1 .search-bar-k7MXd {
flex-grow: 0;
flex-shrink: 1;
flex-basis: 18rem;
}
.addons-container-ogGYu .addons-content-zhFBl .selectable-inputs-container-tUul1 .filter-button-lLJ1X {
flex: none;
display: none;
align-items: center;
justify-content: center;
width: 3rem;
height: 3rem;
border-radius: var(--border-radius);
background-color: var(--overlay-color);
}
.addons-container-ogGYu .addons-content-zhFBl .selectable-inputs-container-tUul1 .filter-button-lLJ1X .filter-icon-LUDTS {
flex: none;
width: 1.4rem;
height: 1.4rem;
color: var(--primary-foreground-color);
}
.addons-container-ogGYu .addons-content-zhFBl .message-container-GBw0P {
flex: 1;
align-self: stretch;
padding: 0 1.5rem;
font-size: 2rem;
color: var(--primary-foreground-color);
}
.addons-container-ogGYu .addons-content-zhFBl .addons-list-container-Ovr2Z {
flex: 1;
align-self: stretch;
overflow-y: auto;
}
.addons-container-ogGYu .addons-content-zhFBl .addons-list-container-Ovr2Z .addon-whmdO {
margin-bottom: 1.5rem;
}
.filters-modal-w6oWY .modal-dialog-container-DZMKq {
overflow: visible;
}
.filters-modal-w6oWY .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z {
display: flex;
flex-direction: column;
overflow: visible !important;
}
.filters-modal-w6oWY .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z .select-input-container-KqG8N {
height: 3rem;
}
.filters-modal-w6oWY .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z .select-input-container-KqG8N .menu-container-qiz0X {
overflow: auto;
}
.filters-modal-w6oWY .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z .select-input-container-KqG8N:not(:last-child) {
margin-bottom: 1rem;
}
.add-addon-modal-container-KR5ny .modal-dialog-content-Xgv7Z {
width: 30rem;
}
.add-addon-modal-container-KR5ny .modal-dialog-content-Xgv7Z .notice-UQkO1 {
margin-bottom: 1.5rem;
font-size: 1rem;
color: var(--primary-foreground-color);
}
.add-addon-modal-container-KR5ny .modal-dialog-content-Xgv7Z .addon-url-input-ucetZ {
width: 100%;
padding: 1rem;
color: var(--primary-foreground-color);
border-radius: var(--border-radius);
background-color: var(--overlay-color);
outline: var(--focus-outline-size) solid var(--overlay-color);
outline-offset: calc(-1 * var(--focus-outline-size));
}
.add-addon-modal-container-KR5ny .modal-dialog-content-Xgv7Z .addon-url-input-ucetZ:hover {
outline-color: var(--primary-foreground-color);
}
.add-addon-modal-container-KR5ny .modal-dialog-content-Xgv7Z .addon-url-input-ucetZ:focus {
outline-color: var(--primary-foreground-color);
}
.add-addon-modal-container-KR5ny .cancel-button-R2AxR {
background-color: transparent;
opacity: 0.3;
}
.add-addon-modal-container-KR5ny .cancel-button-R2AxR:hover {
outline: var(--focus-outline-size) solid var(--primary-foreground-color);
opacity: 1;
}
.add-addon-modal-container-KR5ny .cancel-button-R2AxR:focus {
outline-color: var(--primary-foreground-color);
}
.add-addon-modal-container-KR5ny .cancel-button-R2AxR .label-wbfsE {
color: var(--primary-foreground-color);
}
.share-modal-container-DkzPM .modal-dialog-content-Xgv7Z {
width: 30rem;
}
.share-modal-container-DkzPM .modal-dialog-content-Xgv7Z .title-container-La49g {
display: flex;
flex-direction: row;
align-items: center;
}
.share-modal-container-DkzPM .modal-dialog-content-Xgv7Z .title-container-La49g .logo-PmYDP,
.share-modal-container-DkzPM .modal-dialog-content-Xgv7Z .title-container-La49g .icon-HsyZS {
float: left;
width: 5rem;
height: 5rem;
margin-right: 1.5rem;
padding: 0.5rem;
}
.share-modal-container-DkzPM .modal-dialog-content-Xgv7Z .title-container-La49g .logo-PmYDP {
object-fit: contain;
object-position: center;
}
.share-modal-container-DkzPM .modal-dialog-content-Xgv7Z .title-container-La49g .icon-HsyZS {
color: var(--primary-foreground-color);
}
.share-modal-container-DkzPM .modal-dialog-content-Xgv7Z .title-container-La49g .name-container-m_Sz0 {
flex-grow: 1;
flex-shrink: 1;
flex-basis: 0;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: baseline;
}
.share-modal-container-DkzPM .modal-dialog-content-Xgv7Z .title-container-La49g .name-container-m_Sz0 .name-YD0xd {
flex-grow: 0;
flex-shrink: 1;
flex-basis: auto;
margin-right: 0.5rem;
font-size: 1.6rem;
color: var(--primary-foreground-color);
}
.share-modal-container-DkzPM .modal-dialog-content-Xgv7Z .title-container-La49g .name-container-m_Sz0 .version-wuAFB {
flex-grow: 1;
flex-shrink: 1;
flex-basis: auto;
margin-top: 0.5rem;
color: var(--primary-foreground-color);
}
.share-modal-container-DkzPM .modal-dialog-content-Xgv7Z .share-prompt-container-vaK4P {
margin-top: 1rem;
}
@media only screen and (max-width: 640px) {
.addons-container-ogGYu .addons-content-zhFBl .selectable-inputs-container-tUul1 .add-button-container-SkafT {
z-index: 1;
position: fixed;
right: 0;
bottom: calc(3rem + var(--horizontal-nav-bar-size));
}
.addons-container-ogGYu .addons-content-zhFBl .selectable-inputs-container-tUul1 .select-input-container-KqG8N {
display: none;
}
.addons-container-ogGYu .addons-content-zhFBl .selectable-inputs-container-tUul1 .spacing-wH1w5 {
display: none;
}
.addons-container-ogGYu .addons-content-zhFBl .selectable-inputs-container-tUul1 .search-bar-k7MXd {
flex-basis: 100%;
margin-right: 1rem;
}
.addons-container-ogGYu .addons-content-zhFBl .selectable-inputs-container-tUul1 .filter-button-lLJ1X {
display: flex;
}
.share-modal-container-DkzPM .modal-dialog-content-Xgv7Z {
width: auto;
}
.add-addon-modal-container-KR5ny .modal-dialog-content-Xgv7Z {
width: auto;
}
.add-addon-modal-container-KR5ny .modal-dialog-content-Xgv7Z .notice-UQkO1 {
margin-bottom: 1rem;
}
}
.addon-container-A53Om {
display: flex;
flex-direction: row;
align-items: flex-start;
padding: 1.5rem;
border-radius: var(--border-radius);
background-color: var(--overlay-color);
cursor: inherit;
}
.addon-container-A53Om .content-gjK8A {
display: flex;
flex: 1;
}
.addon-container-A53Om .content-gjK8A .logo-container-uixVa {
flex: none;
width: 8rem;
height: 8rem;
border-radius: 50%;
background-color: var(--primary-foreground-color);
opacity: 0.1;
}
.addon-container-A53Om .content-gjK8A .info-container-EuwPe {
display: flex;
flex-direction: column;
gap: 0.5rem;
padding: 1rem;
flex: 1;
}
.addon-container-A53Om .content-gjK8A .info-container-EuwPe .placeholder-pill-OmvfW:nth-child(1) {
background-color: var(--primary-foreground-color);
border-radius: var(--border-radius);
opacity: 0.1;
width: 40%;
height: 1.3rem;
}
.addon-container-A53Om .content-gjK8A .info-container-EuwPe .placeholder-pill-OmvfW:nth-child(2) {
background-color: var(--primary-foreground-color);
border-radius: var(--border-radius);
opacity: 0.1;
width: 60%;
height: 1.3rem;
}
.addon-container-A53Om .content-gjK8A .info-container-EuwPe .placeholder-pill-OmvfW:nth-child(3) {
background-color: var(--primary-foreground-color);
border-radius: var(--border-radius);
opacity: 0.1;
width: 80%;
height: 1.3rem;
}
.addon-container-A53Om .content-gjK8A .info-container-EuwPe .placeholder-pill-OmvfW:nth-child(4) {
display: none;
}
.addon-container-A53Om .buttons-container-_S1YF {
flex: none;
display: flex;
flex-direction: column;
gap: 1rem;
width: 30%;
max-width: 18rem;
}
.addon-container-A53Om .buttons-container-_S1YF .action-buttons-container-bYZoV {
display: flex;
flex-direction: row;
gap: 1rem;
}
.addon-container-A53Om .buttons-container-_S1YF .action-buttons-container-bYZoV .placeholder-pill-OmvfW:nth-child(1),
.addon-container-A53Om .buttons-container-_S1YF .action-buttons-container-bYZoV .placeholder-pill-OmvfW:nth-child(2) {
background-color: var(--primary-foreground-color);
border-radius: var(--border-radius);
opacity: 0.1;
width: 50%;
height: 3.5rem;
}
.addon-container-A53Om .buttons-container-_S1YF .placeholder-pill-OmvfW:last-child {
background-color: var(--primary-foreground-color);
border-radius: var(--border-radius);
opacity: 0.1;
width: 100%;
height: 3.5rem;
}
@media screen and (max-width: 640px) {
.addon-container-A53Om {
flex-direction: column;
align-items: stretch;
width: 100%;
gap: 1rem;
}
.addon-container-A53Om .content-gjK8A {
flex-direction: row;
width: 100%;
}
.addon-container-A53Om .content-gjK8A .logo-container-uixVa {
margin: 0 auto;
}
.addon-container-A53Om .content-gjK8A .info-container-EuwPe {
padding: 1rem;
width: 100%;
}
.addon-container-A53Om .content-gjK8A .info-container-EuwPe .placeholder-pill-OmvfW:nth-child(1) {
background-color: var(--primary-foreground-color);
border-radius: var(--border-radius);
opacity: 0.1;
width: 60%;
height: 1.3rem;
}
.addon-container-A53Om .content-gjK8A .info-container-EuwPe .placeholder-pill-OmvfW:nth-child(2) {
background-color: var(--primary-foreground-color);
border-radius: var(--border-radius);
opacity: 0.1;
width: 40%;
height: 1.3rem;
}
.addon-container-A53Om .content-gjK8A .info-container-EuwPe .placeholder-pill-OmvfW:nth-child(3) {
background-color: var(--primary-foreground-color);
border-radius: var(--border-radius);
opacity: 0.1;
width: 80%;
height: 0.8rem;
}
.addon-container-A53Om .content-gjK8A .info-container-EuwPe .placeholder-pill-OmvfW:nth-child(4) {
display: block;
background-color: var(--primary-foreground-color);
border-radius: var(--border-radius);
opacity: 0.1;
width: 20%;
height: 0.8rem;
}
.addon-container-A53Om .buttons-container-_S1YF {
flex-direction: column;
align-items: stretch;
width: 100%;
gap: 0.5rem;
max-width: none;
}
.addon-container-A53Om .buttons-container-_S1YF .action-buttons-container-bYZoV {
display: none;
}
}
.meta-row-container-xtlB1{overflow:visible}.meta-row-container-xtlB1 .header-container-tR3Ev{align-items:center;display:flex;flex-direction:row;justify-content:flex-end;margin-bottom:0.25rem;padding:0 1rem}.meta-row-container-xtlB1 .header-container-tR3Ev .title-container-Mkwnq{color:var(--primary-foreground-color);flex:1;font-size:1.6rem;font-weight:500;max-height:2.4em}.meta-row-container-xtlB1 .header-container-tR3Ev .see-all-container-MoOtW{align-items:center;border-radius:2.5rem;display:flex;flex:none;flex-direction:row;height:2.5rem;max-width:12rem;opacity:0.6;padding:0 0.5rem 0 1rem}.meta-row-container-xtlB1 .header-container-tR3Ev .see-all-container-MoOtW:focus,.meta-row-container-xtlB1 .header-container-tR3Ev .see-all-container-MoOtW:hover{background-color:var(--overlay-color);opacity:1;outline:none}.meta-row-container-xtlB1 .header-container-tR3Ev .see-all-container-MoOtW .label-bytni{color:var(--primary-foreground-color);flex:0 1 auto;font-size:1rem;font-weight:500;max-height:1.2em}.meta-row-container-xtlB1 .header-container-tR3Ev .see-all-container-MoOtW .icon-Sj7HO{color:var(--primary-foreground-color);flex:none;height:1.5rem;margin-left:0.5rem}.meta-row-container-xtlB1 .message-container-KWmlO{color:var(--primary-foreground-color);font-size:1.3rem;max-height:3.6em;opacity:0.6;padding:0 0.5rem}.meta-row-container-xtlB1 .meta-items-container-qcuUA{align-items:stretch;display:flex;flex-direction:row;overflow:visible}.meta-row-container-xtlB1 .meta-items-container-qcuUA .meta-item-QFHCh.poster-shape-poster-LKBza{flex:calc(1 / var(--poster-shape-ratio))}.meta-row-container-xtlB1 .meta-items-container-qcuUA .meta-item-QFHCh.poster-shape-square-g5a1z{flex:1}.meta-row-container-xtlB1 .meta-items-container-qcuUA .meta-item-QFHCh.poster-shape-landscape-KmmRZ{flex:calc(1 / var(--landscape-shape-ratio))}@media only screen and (max-width:640px){.meta-row-container-xtlB1 .header-container-tR3Ev{padding:0 0.5rem}.meta-row-container-xtlB1 .header-container-tR3Ev .title-container-Mkwnq{margin-right:0.5rem;text-overflow:ellipsis;white-space:nowrap}.meta-row-container-xtlB1 .meta-items-container-qcuUA .meta-item-QFHCh:not(:first-child){margin-left:0}}
.meta-row-placeholder-container-x8ykQ .header-container-LRLpi{align-items:center;display:flex;flex-direction:row;justify-content:flex-end;margin-bottom:0.5rem;padding:0 1rem}.meta-row-placeholder-container-x8ykQ .header-container-LRLpi .title-container-RuV2b{color:var(--color-placeholder-text);flex:1;font-size:1.6rem;font-weight:500;max-height:2.4em}.meta-row-placeholder-container-x8ykQ .header-container-LRLpi .title-container-RuV2b:empty{background:linear-gradient(to right,var(--color-placeholder-background) 0 40%,transparent 40% 100%);height:1.2em}.meta-row-placeholder-container-x8ykQ .header-container-LRLpi .see-all-container-GtLII{align-items:center;display:flex;flex:none;flex-direction:row;max-width:12rem;padding:0.2rem}.meta-row-placeholder-container-x8ykQ .header-container-LRLpi .see-all-container-GtLII:focus{background-color:var(--color-placeholder-background);outline:none}.meta-row-placeholder-container-x8ykQ .header-container-LRLpi .see-all-container-GtLII .label-FP9bt{color:var(--color-placeholder-text);flex:0 1 auto;font-size:1rem;font-weight:500;max-height:1.2em}.meta-row-placeholder-container-x8ykQ .header-container-LRLpi .see-all-container-GtLII .icon-U2Gj8{color:var(--color-placeholder-text);flex:none;height:1rem;margin-left:0.5rem}.meta-row-placeholder-container-x8ykQ .meta-items-container-M4vN4{align-items:stretch;display:flex;flex-direction:row}.meta-row-placeholder-container-x8ykQ .meta-items-container-M4vN4 .meta-item-iOgzp{flex:1;margin:1rem}.meta-row-placeholder-container-x8ykQ .meta-items-container-M4vN4 .meta-item-iOgzp:not(:first-child){margin-left:1.5rem}.meta-row-placeholder-container-x8ykQ .meta-items-container-M4vN4 .meta-item-iOgzp .poster-container-WX2KD{background-color:var(--color-placeholder-background);border-radius:var(--border-radius);padding-bottom:calc(100% * var(--poster-shape-ratio))}.meta-row-placeholder-container-x8ykQ .meta-items-container-M4vN4 .meta-item-iOgzp .title-bar-container-U0ZAT{align-items:center;display:flex;flex-direction:row;height:2.8rem;justify-content:center}.meta-row-placeholder-container-x8ykQ .meta-items-container-M4vN4 .meta-item-iOgzp .title-bar-container-U0ZAT .title-label-mb1GR{background-color:var(--color-placeholder-background);border-radius:var(--border-radius);flex:none;height:1.2rem;width:60%}@media only screen and (max-width:640px){.meta-row-placeholder-container-x8ykQ .meta-items-container-M4vN4 .meta-item-iOgzp{margin:0.5rem}.meta-row-placeholder-container-x8ykQ .meta-items-container-M4vN4 .meta-item-iOgzp:not(:first-child){margin-left:0.5rem}.meta-row-placeholder-container-x8ykQ .meta-items-container-M4vN4 .meta-item-iOgzp .title-bar-container-U0ZAT{margin-top:0.5rem}}
.board-container-DTN_b {
width: 100%;
height: calc(100% - var(--safe-area-inset-bottom));
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 {
position: absolute;
bottom: calc(var(--safe-area-inset-bottom) + 0.5rem);
left: calc(var(--safe-area-inset-left) + 0.5rem);
right: calc(var(--safe-area-inset-right) + 0.5rem);
}
@media only screen and (max-width: 2200px) {
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-poster-QPQqC .meta-item-QFHCh:nth-child(n+10),
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-square-pgaZ3 .meta-item-QFHCh:nth-child(n+10),
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .continue-watching-row-ZiNSa .meta-item-QFHCh:nth-child(n+10),
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-poster-QPQqC .meta-item-iOgzp:nth-child(n+10),
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-square-pgaZ3 .meta-item-iOgzp:nth-child(n+10),
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .continue-watching-row-ZiNSa .meta-item-iOgzp:nth-child(n+10) {
display: none;
}
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-landscape-FRGXx .meta-item-QFHCh:nth-child(n+9),
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-landscape-FRGXx .meta-item-iOgzp:nth-child(n+9) {
display: none;
}
}
@media only screen and (max-width: 1900px) {
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-poster-QPQqC .meta-item-QFHCh:nth-child(n+9),
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-square-pgaZ3 .meta-item-QFHCh:nth-child(n+9),
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .continue-watching-row-ZiNSa .meta-item-QFHCh:nth-child(n+9),
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-poster-QPQqC .meta-item-iOgzp:nth-child(n+9),
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-square-pgaZ3 .meta-item-iOgzp:nth-child(n+9),
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .continue-watching-row-ZiNSa .meta-item-iOgzp:nth-child(n+9) {
display: none;
}
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-landscape-FRGXx .meta-item-QFHCh:nth-child(n+8),
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-landscape-FRGXx .meta-item-iOgzp:nth-child(n+8) {
display: none;
}
}
@media only screen and (max-width: 1600px) {
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-poster-QPQqC .meta-item-QFHCh:nth-child(n+8),
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-square-pgaZ3 .meta-item-QFHCh:nth-child(n+8),
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .continue-watching-row-ZiNSa .meta-item-QFHCh:nth-child(n+8),
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-poster-QPQqC .meta-item-iOgzp:nth-child(n+8),
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-square-pgaZ3 .meta-item-iOgzp:nth-child(n+8),
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .continue-watching-row-ZiNSa .meta-item-iOgzp:nth-child(n+8) {
display: none;
}
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-landscape-FRGXx .meta-item-QFHCh:nth-child(n+7),
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-landscape-FRGXx .meta-item-iOgzp:nth-child(n+7) {
display: none;
}
}
@media only screen and (max-width: 1300px) {
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-poster-QPQqC .meta-item-QFHCh:nth-child(n+7),
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-square-pgaZ3 .meta-item-QFHCh:nth-child(n+7),
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .continue-watching-row-ZiNSa .meta-item-QFHCh:nth-child(n+7),
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-poster-QPQqC .meta-item-iOgzp:nth-child(n+7),
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-square-pgaZ3 .meta-item-iOgzp:nth-child(n+7),
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .continue-watching-row-ZiNSa .meta-item-iOgzp:nth-child(n+7) {
display: none;
}
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-landscape-FRGXx .meta-item-QFHCh:nth-child(n+6),
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-landscape-FRGXx .meta-item-iOgzp:nth-child(n+6) {
display: none;
}
}
@media only screen and (max-width: 1000px) {
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-poster-QPQqC .meta-item-QFHCh:nth-child(n+6),
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-square-pgaZ3 .meta-item-QFHCh:nth-child(n+6),
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .continue-watching-row-ZiNSa .meta-item-QFHCh:nth-child(n+6),
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-poster-QPQqC .meta-item-iOgzp:nth-child(n+6),
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-square-pgaZ3 .meta-item-iOgzp:nth-child(n+6),
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .continue-watching-row-ZiNSa .meta-item-iOgzp:nth-child(n+6) {
display: none;
}
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-landscape-FRGXx .meta-item-QFHCh:nth-child(n+5),
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-landscape-FRGXx .meta-item-iOgzp:nth-child(n+5) {
display: none;
}
}
@media only screen and (max-width: 800px) {
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-poster-QPQqC .meta-item-QFHCh:nth-child(n+5),
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-square-pgaZ3 .meta-item-QFHCh:nth-child(n+5),
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .continue-watching-row-ZiNSa .meta-item-QFHCh:nth-child(n+5),
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-poster-QPQqC .meta-item-iOgzp:nth-child(n+5),
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-square-pgaZ3 .meta-item-iOgzp:nth-child(n+5),
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .continue-watching-row-ZiNSa .meta-item-iOgzp:nth-child(n+5) {
display: none;
}
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-landscape-FRGXx .meta-item-QFHCh:nth-child(n+4),
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-landscape-FRGXx .meta-item-iOgzp:nth-child(n+4) {
display: none;
}
}
@media only screen and (max-width: 640px) {
.board-container-DTN_b {
position: relative;
z-index: 0;
}
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-CoJrZ {
margin-bottom: 1.5rem;
}
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-poster-QPQqC .meta-item-QFHCh:nth-child(n+4),
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-square-pgaZ3 .meta-item-QFHCh:nth-child(n+4),
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .continue-watching-row-ZiNSa .meta-item-QFHCh:nth-child(n+4),
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-poster-QPQqC .meta-item-iOgzp:nth-child(n+4),
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-square-pgaZ3 .meta-item-iOgzp:nth-child(n+4),
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .continue-watching-row-ZiNSa .meta-item-iOgzp:nth-child(n+4) {
display: none;
}
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-landscape-FRGXx .meta-item-QFHCh:nth-child(n+3),
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-landscape-FRGXx .meta-item-iOgzp:nth-child(n+3) {
display: none;
}
.board-container-DTN_b .board-warning-container-a4m04 {
bottom: calc(var(--vertical-nav-bar-size) + 0.5rem);
height: 7rem;
}
}
@media screen and (max-width: 1000px) and (max-height: 500px) and (orientation: landscape) {
.board-container-DTN_b .board-warning-container-a4m04 {
left: calc(var(--safe-area-inset-left) + var(--vertical-nav-bar-size) + 0.5rem);
}
}
.warning-container-_GJlx {
display: flex;
flex-direction: row;
align-items: center;
padding: 1rem;
background-color: hsl(42, 100%, 39.9%);
border-radius: 0.5rem;
box-shadow: 0rem 0.25rem 1rem rgba(0, 0, 0, 0.48), 0rem 0.5rem 3rem rgba(0, 0, 0, 0.64);
}
.warning-container-_GJlx .warning-statement-MQjVq {
flex: 1;
font-size: 1.2rem;
max-height: 2.4em;
color: hsla(0, 0%, 100%, 0.9);
}
.warning-container-_GJlx .actions-IOe34 {
display: flex;
gap: 1rem;
}
.warning-container-_GJlx .actions-IOe34 .action-t06kj {
flex: none;
padding: 0.5rem 1rem;
color: hsla(0, 0%, 100%, 0.9);
background-color: rgba(0, 0, 0, 0.24);
border-radius: var(--border-radius);
}
.warning-container-_GJlx .actions-IOe34 .action-t06kj:first-child {
margin-left: 0;
}
.warning-container-_GJlx .actions-IOe34 .action-t06kj .label-PkwRv {
font-size: 1.2rem;
color: hsla(0, 0%, 100%, 0.9);
}
.warning-container-_GJlx .actions-IOe34 .action-t06kj:hover .label-PkwRv {
text-decoration: underline;
}
@media only screen and (max-width: 640px) {
.warning-container-_GJlx {
flex-direction: column;
text-align: center;
padding: 1rem 0.5rem;
}
.warning-container-_GJlx .actions-IOe34 {
justify-content: space-around;
}
}
.discover-container-L6OGL {
height: calc(100% - var(--safe-area-inset-bottom));
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;
background-color: var(--overlay-color);
}
.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 .filter-button-GU_n0 {
display: flex;
}
.discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .selectable-inputs-container-IRz50 .select-input-CHDbe .menu-container-qiz0X {
overflow: auto;
}
.discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .selectable-inputs-container-IRz50 .filter-container-BVkqT {
display: flex;
flex: 1 0 5rem;
justify-content: flex-end;
}
.discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .selectable-inputs-container-IRz50 .filter-container-BVkqT .filter-button-GU_n0 {
flex: none;
display: none;
align-items: center;
justify-content: center;
width: 3rem;
height: 3rem;
margin-left: 1.5rem;
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-button-GU_n0 .filter-icon-zlFnX {
flex: none;
width: 1.4rem;
height: 1.4rem;
color: var(--primary-foreground-color);
}
.discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .missing-addon-warning-container-IXGuv {
flex: none;
align-self: stretch;
display: flex;
flex-direction: column;
align-items: center;
padding: 0 1.5rem 1.5rem 1.5rem;
}
.discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .missing-addon-warning-container-IXGuv .warning-label-f19Jg {
flex: none;
max-height: 2.4em;
margin-bottom: 1rem;
font-size: 1.4rem;
text-align: center;
color: var(--primary-foreground-color);
}
.discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .missing-addon-warning-container-IXGuv .install-button-SmJe1 {
flex: none;
min-width: 10rem;
max-width: 15rem;
padding: 1rem;
background-color: var(--secondary-accent-color);
}
.discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .missing-addon-warning-container-IXGuv .install-button-SmJe1:hover {
outline: var(--focus-outline-size) solid var(--secondary-accent-color);
background-color: transparent;
}
.discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .missing-addon-warning-container-IXGuv .install-button-SmJe1:focus {
outline-color: var(--primary-foreground-color);
}
.discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .missing-addon-warning-container-IXGuv .install-button-SmJe1 .label-ToW4S {
max-height: 2.4em;
font-weight: 500;
text-align: center;
color: var(--primary-foreground-color);
}
.discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .message-container-Zv9eF {
flex: 0 1 auto;
align-self: stretch;
display: flex;
flex-direction: column;
align-items: center;
padding: 0 1.5rem;
overflow-y: auto;
}
.discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .message-container-Zv9eF:first-child {
padding: 4rem;
}
.discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .message-container-Zv9eF .image-txC9E {
flex: none;
width: 12rem;
height: 12rem;
margin-bottom: 1rem;
object-fit: contain;
object-position: center;
opacity: 0.9;
}
.discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .message-container-Zv9eF .message-label-mRyRX {
flex: none;
font-size: 2rem;
font-weight: 400;
text-align: center;
color: var(--primary-foreground-color);
}
.discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .meta-items-container-n8vNz {
flex: 1;
align-self: stretch;
display: grid;
grid-auto-rows: max-content;
align-items: center;
grid-gap: 0.5rem;
margin-right: 1.5rem;
overflow-y: auto;
}
.discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .meta-items-container-n8vNz .meta-item-placeholder-wxG4I {
padding: 1rem;
}
.discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .meta-items-container-n8vNz .meta-item-placeholder-wxG4I .poster-container-Dch4R {
padding-bottom: calc(100% * var(--poster-shape-ratio));
background-color: var(--color-placeholder-background);
border-radius: var(--border-radius);
}
.discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .meta-items-container-n8vNz .meta-item-placeholder-wxG4I .title-bar-container-dtDnk {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
height: 2.8rem;
}
.discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .meta-items-container-n8vNz .meta-item-placeholder-wxG4I .title-bar-container-dtDnk .title-label-vHdQd {
flex: none;
width: 60%;
height: 1.2rem;
border-radius: var(--border-radius);
background-color: var(--color-placeholder-background);
}
.discover-container-L6OGL .discover-content-CRsRg .meta-preview-container-CoWs5 {
flex: none;
align-self: stretch;
width: 29rem;
padding: 2rem 2.5rem;
border-radius: var(--border-radius) 0 0 var(--border-radius);
background-color: var(--modal-background-color);
}
.selectable-inputs-modal-ChpOa .modal-dialog-container-DZMKq {
overflow: visible;
}
.selectable-inputs-modal-ChpOa .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z {
overflow: visible !important;
}
.selectable-inputs-modal-ChpOa .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z .select-input-CHDbe {
height: 3rem;
display: none;
}
.selectable-inputs-modal-ChpOa .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z .select-input-CHDbe:nth-child(n+4) {
display: flex;
}
.selectable-inputs-modal-ChpOa .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z .select-input-CHDbe:nth-child(n+4):not(:last-child) {
margin-bottom: 1rem;
}
.selectable-inputs-modal-ChpOa .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z .select-input-CHDbe .menu-container-qiz0X {
max-height: calc(3rem * 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 .filter-button-GU_n0 {
display: flex;
}
.discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .meta-items-container-n8vNz {
grid-template-columns: repeat(3, 1fr);
}
.selectable-inputs-modal-ChpOa .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z .select-input-CHDbe {
display: none;
}
.selectable-inputs-modal-ChpOa .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z .select-input-CHDbe:nth-child(n+2) {
display: flex;
}
.selectable-inputs-modal-ChpOa .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z .select-input-CHDbe:nth-child(n+2):not(:last-child) {
margin-bottom: 1rem;
}
}
.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);
}
.placeholder-XbuMS {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
min-height: 100%;
width: 100%;
overflow-y: auto;
}
.placeholder-XbuMS .title-eBwtZ {
font-size: 1.75rem;
font-weight: 400;
text-align: center;
color: var(--primary-foreground-color);
margin-bottom: 1rem;
opacity: 0.5;
}
.placeholder-XbuMS .image-container-YnqQ_ {
padding: 1.5rem 0;
}
.placeholder-XbuMS .image-container-YnqQ_ .image-yTheT {
height: 100%;
max-height: 14rem;
object-fit: contain;
}
.placeholder-XbuMS .overview-nYi3n {
display: flex;
flex-direction: row;
align-items: center;
gap: 4rem;
margin-bottom: 1rem;
}
.placeholder-XbuMS .overview-nYi3n .point-vQhRj {
display: flex;
flex-direction: row;
align-items: center;
gap: 1.5rem;
width: 18rem;
}
.placeholder-XbuMS .overview-nYi3n .point-vQhRj .icon-RD7Oa {
flex: none;
height: 3.25rem;
width: 3.25rem;
color: var(--primary-foreground-color);
opacity: 0.3;
}
.placeholder-XbuMS .overview-nYi3n .point-vQhRj .text-NNOtt {
flex: auto;
font-size: 1.1rem;
font-size: 500;
color: var(--primary-foreground-color);
opacity: 0.9;
}
.placeholder-XbuMS .button-container-HU08c {
margin: 1rem 0;
}
.placeholder-XbuMS .button-container-HU08c .button-GHZkA {
display: flex;
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-XbuMS .button-container-HU08c .button-GHZkA:hover {
outline: var(--focus-outline-size) solid var(--primary-foreground-color);
background-color: transparent;
}
@media only screen and (max-width: 1000px) {
.placeholder-XbuMS {
padding: 1rem 2rem;
}
.placeholder-XbuMS .title-eBwtZ {
margin-bottom: 0;
}
.placeholder-XbuMS .image-container-YnqQ_ {
padding: 1rem;
}
.placeholder-XbuMS .image-container-YnqQ_ .image-yTheT {
max-height: 10rem;
}
.placeholder-XbuMS .button-container-HU08c {
margin: 1rem 0 0;
}
}
@media only screen and (max-width: 640px) {
.placeholder-XbuMS {
padding: 1rem 2rem;
}
.placeholder-XbuMS .overview-nYi3n {
flex-direction: column;
gap: 1rem;
}
.placeholder-XbuMS .overview-nYi3n .point-vQhRj .text-NNOtt {
font-size: 1rem;
}
.placeholder-XbuMS .button-container-HU08c .button-GHZkA {
width: 100%;
}
}
.library-container-zM_bj {
height: calc(100% - var(--safe-area-inset-bottom));
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;
background-color: var(--overlay-color);
}
.library-container-zM_bj .library-content-PgX4O .selectable-inputs-container-hR3or .select-input-container-H1VZ1:not(:last-child) {
margin-right: 1.5rem;
}
.library-container-zM_bj .library-content-PgX4O .selectable-inputs-container-hR3or .select-input-container-H1VZ1 .menu-container-qiz0X {
overflow: auto;
}
.library-container-zM_bj .library-content-PgX4O .message-container-MhY5t {
flex: 0 1 auto;
align-self: stretch;
display: flex;
flex-direction: column;
align-items: center;
padding: 0 1.5rem;
overflow-y: auto;
}
.library-container-zM_bj .library-content-PgX4O .message-container-MhY5t:first-child {
padding: 4rem;
}
.library-container-zM_bj .library-content-PgX4O .message-container-MhY5t .image-csRHm {
flex: none;
width: 12rem;
height: 12rem;
margin-bottom: 2rem;
object-fit: contain;
object-position: center;
opacity: 0.9;
}
.library-container-zM_bj .library-content-PgX4O .message-container-MhY5t .message-label-UExl3 {
flex: none;
margin-bottom: 2rem;
font-size: 2rem;
font-weight: 400;
text-align: center;
color: var(--primary-foreground-color);
}
.library-container-zM_bj .library-content-PgX4O .meta-items-container-IKrND {
flex: 1;
align-self: stretch;
display: grid;
grid-auto-rows: max-content;
align-items: center;
grid-gap: 0.5rem;
overflow-y: auto;
}
.selectable-inputs-modal-rHlo7 .modal-dialog-container-DZMKq {
overflow: visible;
}
.selectable-inputs-modal-rHlo7 .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z {
overflow: visible;
}
.selectable-inputs-modal-rHlo7 .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z .select-input-container-H1VZ1 {
height: 3.5rem;
}
.selectable-inputs-modal-rHlo7 .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z .select-input-container-H1VZ1:not(:last-child) {
margin-bottom: 1rem;
}
@media only screen and (min-width: 2200px) {
.library-container-zM_bj .library-content-PgX4O .meta-items-container-IKrND {
grid-template-columns: repeat(10, 1fr);
}
}
@media only screen and (max-width: 2200px) {
.library-container-zM_bj .library-content-PgX4O .meta-items-container-IKrND {
grid-template-columns: repeat(9, 1fr);
}
}
@media only screen and (max-width: 1900px) {
.library-container-zM_bj .library-content-PgX4O .meta-items-container-IKrND {
grid-template-columns: repeat(8, 1fr);
}
}
@media only screen and (max-width: 1600px) {
.library-container-zM_bj .library-content-PgX4O .meta-items-container-IKrND {
grid-template-columns: repeat(7, 1fr);
}
}
@media only screen and (max-width: 1300px) {
.library-container-zM_bj .library-content-PgX4O .meta-items-container-IKrND {
grid-template-columns: repeat(6, 1fr);
}
}
@media only screen and (max-width: 1000px) {
.library-container-zM_bj .library-content-PgX4O .meta-items-container-IKrND {
grid-template-columns: repeat(5, 1fr);
}
}
@media only screen and (max-width: 800px) {
.library-container-zM_bj .library-content-PgX4O .meta-items-container-IKrND {
grid-template-columns: repeat(4, 1fr);
}
}
@media only screen and (max-width: 640px) {
.library-container-zM_bj .library-content-PgX4O .selectable-inputs-container-hR3or {
justify-content: space-between;
}
.library-container-zM_bj .library-content-PgX4O .meta-items-container-IKrND {
grid-template-columns: repeat(3, 1fr);
}
}
.selector-uRGQ6 {
flex: none;
position: relative;
display: flex;
gap: 1rem;
align-items: center;
justify-content: center;
padding: 0 1rem;
}
.selector-uRGQ6 .prev-__2gh,
.selector-uRGQ6 .next-t6hvT {
position: relative;
height: 3rem;
width: 6rem;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
gap: 0.5rem;
border-radius: 0.5rem;
transition: background-color 0.1s ease-out;
}
.selector-uRGQ6 .prev-__2gh .label-xSEWG,
.selector-uRGQ6 .next-t6hvT .label-xSEWG,
.selector-uRGQ6 .prev-__2gh .icon-ixEYr,
.selector-uRGQ6 .next-t6hvT .icon-ixEYr {
color: var(--primary-foreground-color);
opacity: 0.5;
transition: opacity 0.1s ease-out;
}
.selector-uRGQ6 .prev-__2gh .label-xSEWG,
.selector-uRGQ6 .next-t6hvT .label-xSEWG {
font-size: 1rem;
font-weight: 500;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.selector-uRGQ6 .prev-__2gh .icon-ixEYr,
.selector-uRGQ6 .next-t6hvT .icon-ixEYr {
height: 1.5rem;
}
.selector-uRGQ6 .prev-__2gh:hover,
.selector-uRGQ6 .next-t6hvT:hover {
background-color: var(--overlay-color);
}
.selector-uRGQ6 .prev-__2gh:hover .label-xSEWG,
.selector-uRGQ6 .next-t6hvT:hover .label-xSEWG,
.selector-uRGQ6 .prev-__2gh:hover .icon-ixEYr,
.selector-uRGQ6 .next-t6hvT:hover .icon-ixEYr {
opacity: 1;
}
.selector-uRGQ6 .prev-__2gh {
padding-left: 0.5rem;
padding-right: 1.25rem;
}
.selector-uRGQ6 .next-t6hvT {
padding-left: 1.25rem;
padding-right: 0.5rem;
}
.selector-uRGQ6 .selected-lBBwk {
position: relative;
width: 8.5rem;
text-align: center;
}
.selector-uRGQ6 .selected-lBBwk .year-jHuog {
font-size: 1rem;
font-weight: 500;
line-height: 100%;
color: var(--primary-foreground-color);
opacity: 0.5;
}
.selector-uRGQ6 .selected-lBBwk .month-VlFJ6 {
font-size: 1.5rem;
font-weight: 500;
color: var(--primary-foreground-color);
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
@media only screen and (max-width: 1300px) {
.selector-uRGQ6 {
justify-content: space-between;
}
}
.table-QbfK0 {
flex: auto;
position: relative;
display: flex;
flex-direction: column;
}
.table-QbfK0 .week-mTZNI {
flex: none;
position: relative;
height: 3rem;
width: 100%;
display: grid;
grid-template-columns: repeat(7, 1fr);
align-items: center;
}
.table-QbfK0 .week-mTZNI .day-LPW9e {
position: relative;
padding: 0.5rem;
font-size: 1rem;
font-weight: 500;
color: var(--primary-foreground-color);
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.table-QbfK0 .week-mTZNI .day-LPW9e .long-UpX3r {
display: block;
}
.table-QbfK0 .week-mTZNI .day-LPW9e .short-MoF9_ {
display: none;
}
.table-QbfK0 .grid-cUaUg {
flex: auto;
position: relative;
width: 100%;
height: 100%;
display: grid;
grid-template-columns: repeat(7, 1fr);
gap: 1px;
grid-auto-rows: 1fr;
}
@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 {
position: relative;
display: flex;
align-items: flex-start;
}
.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 {
position: relative;
display: flex;
flex-direction: row;
gap: 0.2rem;
padding: 0.1rem;
flex: 1 1 60%;
overflow-x: auto;
overflow-y: hidden;
min-width: 0;
}
.cell-l3eWl .items-ZZ9Jt .item-qsUNQ {
flex: none;
display: flex;
align-items: center;
justify-content: center;
height: 100%;
aspect-ratio: 2 / 3;
border-radius: calc(var(--border-radius) / 2);
max-height: 100%;
max-width: 100%;
}
.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 {
height: auto;
max-height: 100%;
aspect-ratio: 2 / 3;
object-fit: cover;
border-radius: inherit;
}
.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 {
padding: 0.3rem;
}
.cell-l3eWl.today-G8kuO .heading-TYXvp .day-nttmc {
background-color: var(--primary-accent-color);
height: 1.5rem;
width: 1.5rem;
}
.cell-l3eWl.active-KC8sV {
border-color: var(--primary-foreground-color);
}
@media (pointer: fine) {
.cell-l3eWl:not(.active-KC8sV):hover {
border-color: var(--overlay-color);
}
}
@media only screen and (max-width: 640px) {
.cell-l3eWl .items-ZZ9Jt .item-qsUNQ {
pointer-events: none;
}
}
@media screen and (max-width: 500px) and (max-height: 1000px) and (orientation: portrait) {
.cell-l3eWl {
flex-direction: column;
display: grid;
}
.cell-l3eWl .items-ZZ9Jt {
padding: 1px;
gap: 0.15rem;
}
.cell-l3eWl .items-ZZ9Jt .item-qsUNQ {
pointer-events: none;
}
}
@media screen and (max-width: 1000px) and (max-height: 500px) and (orientation: landscape) {
.cell-l3eWl {
flex-direction: row;
}
.cell-l3eWl .items-ZZ9Jt {
padding: 1px;
gap: 0.15rem;
}
.cell-l3eWl .items-ZZ9Jt .item-qsUNQ {
pointer-events: none;
}
}
@media only screen and (max-height: 1600px) and (max-width: 1600px) and (orientation: landscape) {
.cell-l3eWl {
gap: 0;
}
.cell-l3eWl .heading-TYXvp .day-nttmc {
padding: 0;
font-size: 0.875rem;
}
.cell-l3eWl .items-ZZ9Jt {
width: 100%;
padding-left: 0.5rem;
}
}
@media only screen and (max-width: 640px) and (orientation: portrait) and (pointer: fine) {
.cell-l3eWl {
display: flex;
}
.cell-l3eWl .heading-TYXvp {
flex: 1 1 33%;
}
}
@media screen and (max-width: 1300px) and (orientation: portrait) {
.cell-l3eWl .items-ZZ9Jt .item-qsUNQ {
pointer-events: none;
}
}
.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.placeholder-NxxV1 {
opacity: 0.7;
pointer-events: none;
}
.item-PwXPg.placeholder-NxxV1 .text-x3anZ {
width: 8rem;
height: 1.2rem;
background-color: var(--overlay-color);
border-radius: 0.2rem;
}
.item-PwXPg.placeholder-NxxV1 .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;
}
.item-PwXPg.placeholder-NxxV1 .video-XnjiE .name-tepO3 {
flex: auto;
width: 12rem;
height: 1.2rem;
background-color: var(--overlay-color);
border-radius: 0.2rem;
}
.item-PwXPg.placeholder-NxxV1 .video-XnjiE .info-dnUvu {
flex: none;
width: 4rem;
height: 1.2rem;
background-color: var(--overlay-color);
border-radius: 0.2rem;
}
.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;
}
@supports (scroll-padding-block-start: 0.15rem) {
.list-fa_2a {
scroll-padding-block-start: 0.15rem;
}
}
@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;
min-height: 100%;
width: 100%;
overflow-y: auto;
}
.placeholder-pCQTz .title-bE4zd {
font-size: 1.75rem;
font-weight: 400;
text-align: center;
color: var(--primary-foreground-color);
margin-bottom: 1rem;
opacity: 0.5;
}
.placeholder-pCQTz .image-container-DOkaE {
padding: 1.5rem 0;
}
.placeholder-pCQTz .image-container-DOkaE .image-qgtvg {
height: 100%;
max-height: 14rem;
object-fit: contain;
}
.placeholder-pCQTz .overview-RGglv {
display: flex;
flex-direction: row;
align-items: center;
gap: 4rem;
margin-bottom: 1rem;
}
.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-container-fBjqZ {
margin: 1rem 0;
}
.placeholder-pCQTz .button-container-fBjqZ .button-DsyS9 {
display: flex;
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-container-fBjqZ .button-DsyS9:hover {
outline: var(--focus-outline-size) solid var(--primary-foreground-color);
background-color: transparent;
}
@media only screen and (max-width: 1000px) {
.placeholder-pCQTz {
padding: 1rem 2rem;
}
.placeholder-pCQTz .title-bE4zd {
margin-bottom: 0;
}
.placeholder-pCQTz .image-container-DOkaE {
padding: 1rem;
}
.placeholder-pCQTz .image-container-DOkaE .image-qgtvg {
max-height: 10rem;
}
.placeholder-pCQTz .button-container-fBjqZ {
margin: 1rem 0 0;
}
}
@media only screen and (max-width: 640px) {
.placeholder-pCQTz {
padding: 1rem 2rem;
}
.placeholder-pCQTz .overview-RGglv {
flex-direction: column;
gap: 1rem;
}
.placeholder-pCQTz .overview-RGglv .point-iTc1_ .text-Pa9GN {
font-size: 1rem;
}
.placeholder-pCQTz .button-container-fBjqZ .button-DsyS9 {
width: 100%;
}
}
.calendar-cH2jw {
height: calc(100% - var(--safe-area-inset-bottom));
background-color: transparent;
}
.calendar-cH2jw .content-wBwrQ {
position: relative;
display: flex;
flex-direction: row;
gap: 0.5rem;
width: 100%;
height: 100%;
padding: 0 0 1.5rem 1.5rem;
}
.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;
}
}
.background-Xro_t {
fill: hsl(0, 0%, 100%);
}
.icon-UFaeB {
fill: hsl(0, 0%, 0%);
}
.background-Xro_t{fill:hsl(0,0%,100%)}.icon-UFaeB{fill:hsl(0,0%,0%)}
.stream-placeholder-container-T1nxv {
display: flex;
flex-direction: row;
align-items: center;
padding: 0.5rem 1rem;
}
.stream-placeholder-container-T1nxv .addon-container-pm1P0 {
flex: none;
}
.stream-placeholder-container-T1nxv .addon-container-pm1P0 .addon-name-zAOKP {
width: 5rem;
height: 2rem;
border-radius: var(--border-radius);
background-color: var(--color-placeholder-background);
}
.stream-placeholder-container-T1nxv .info-container-Z1Dl6 {
flex: 1;
margin: 0.5rem 1rem;
}
.stream-placeholder-container-T1nxv .info-container-Z1Dl6 .description-container-ZOMcn {
height: 1.2rem;
border-radius: var(--border-radius);
background-color: var(--color-placeholder-background);
}
.stream-placeholder-container-T1nxv .info-container-Z1Dl6 .description-container-ZOMcn:nth-child(1) {
width: 80%;
}
.stream-placeholder-container-T1nxv .info-container-Z1Dl6 .description-container-ZOMcn:nth-child(2) {
width: 40%;
margin-top: 0.5rem;
}
.stream-placeholder-container-T1nxv .play-icon-MXqj3 {
flex: none;
width: 3.5rem;
height: 5rem;
}
.stream-placeholder-container-T1nxv .play-icon-MXqj3 .background-Xro_t {
fill: none;
}
.stream-placeholder-container-T1nxv .play-icon-MXqj3 .icon-UFaeB {
fill: var(--color-placeholder-background);
}
.stream-container-JPdah {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
gap: 1rem;
padding: 0.5rem 1rem;
margin-bottom: 0.5rem;
border-radius: var(--border-radius);
}
.stream-container-JPdah:hover,
.stream-container-JPdah:focus {
background-color: var(--overlay-color);
}
.stream-container-JPdah:hover .icon-rAZvO,
.stream-container-JPdah:focus .icon-rAZvO,
.stream-container-JPdah.selected .icon-rAZvO {
opacity: 1;
}
.stream-container-JPdah .info-container-TihQo {
flex: none;
display: flex;
flex-direction: column;
gap: 1rem;
}
.stream-container-JPdah .info-container-TihQo .thumbnail-whoms {
display: block;
height: 5rem;
width: 8rem;
object-fit: cover;
object-position: center;
opacity: 0.9;
}
.stream-container-JPdah .info-container-TihQo .placeholder-icon-znYz0 {
display: block;
height: 5rem;
width: 8rem;
padding: 1rem;
color: var(--primary-foreground-color);
background-color: var(--overlay-color);
opacity: 0.25;
}
.stream-container-JPdah .info-container-TihQo .addon-name-tC8PX {
width: 7rem;
font-size: 1.1rem;
text-align: left;
color: var(--primary-foreground-color);
}
.stream-container-JPdah .info-container-TihQo .progress-bar-container-ADRp_ {
flex: 0 0 100%;
position: relative;
border-radius: var(--border-radius);
}
.stream-container-JPdah .info-container-TihQo .progress-bar-container-ADRp_ .progress-bar-XrEBL {
z-index: 1;
position: relative;
height: 0.4rem;
background-color: var(--primary-accent-color);
}
.stream-container-JPdah .info-container-TihQo .progress-bar-container-ADRp_ .progress-bar-background-HueVQ {
z-index: 0;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: var(--primary-foreground-color);
opacity: 0.2;
}
.stream-container-JPdah .description-container-vW_De {
flex: 1;
display: flex;
flex-direction: column;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
white-space: pre;
overflow-y: visible;
text-overflow: ellipsis;
color: var(--primary-foreground-color);
}
.stream-container-JPdah .icon-rAZvO {
flex: none;
width: 3rem;
height: 3rem;
padding: 0.7rem;
border-radius: 50%;
opacity: 0;
color: var(--primary-foreground-color);
background-color: var(--secondary-accent-color);
}
.stream-container-JPdah .menu-icon-JD2rP {
flex: none;
width: 1.7rem;
height: 1.7rem;
margin-right: 1rem;
color: var(--color-placeholder);
}
.stream-container-JPdah .menu-container-B6cqK {
max-width: calc(90% - 1.5rem);
z-index: 2;
}
.stream-container-JPdah .menu-container-B6cqK .context-menu-content-Xe_lN {
--spatial-navigation-contain: contain;
}
.stream-container-JPdah .menu-container-B6cqK .context-menu-content-Xe_lN .context-menu-title-aoWE4 {
font-size: 0.9rem;
padding: 1rem 1.5rem;
font-weight: 100;
border-bottom: 1px solid var(--color-placeholder);
color: var(--primary-foreground-color);
white-space: break-spaces;
}
.stream-container-JPdah .menu-container-B6cqK .context-menu-content-Xe_lN .context-menu-option-container-BZGla {
display: flex;
flex-direction: row;
align-items: center;
padding: 1rem 1.5rem;
}
.stream-container-JPdah .menu-container-B6cqK .context-menu-content-Xe_lN .context-menu-option-container-BZGla:hover,
.stream-container-JPdah .menu-container-B6cqK .context-menu-content-Xe_lN .context-menu-option-container-BZGla:focus {
background-color: var(--overlay-color);
}
.stream-container-JPdah .menu-container-B6cqK .context-menu-content-Xe_lN .context-menu-option-container-BZGla .context-menu-option-label-EbNNz {
font-size: 1rem;
font-weight: 300;
color: var(--primary-foreground-color);
text-transform: capitalize;
}
@media only screen and (max-width: 1300px) {
.stream-container-JPdah .description-container-vW_De {
font-size: 0.9rem;
}
.stream-container-JPdah .info-container-TihQo .addon-name-tC8PX {
font-size: 0.9rem;
}
}
@media only screen and (max-width: 640px) {
.stream-container-JPdah .info-container-TihQo .addon-name-tC8PX {
font-weight: 500;
}
.stream-container-JPdah .menu-container-B6cqK.menu-direction-top-left-ongjn,
.stream-container-JPdah .menu-container-B6cqK.menu-direction-bottom-left-Dvtqk {
right: 1.5rem;
}
.stream-container-JPdah .menu-container-B6cqK.menu-direction-top-right-tmrFG,
.stream-container-JPdah .menu-container-B6cqK.menu-direction-bottom-right-aJ89V {
left: 1.5rem;
}
.stream-container-JPdah .menu-container-B6cqK.menu-direction-top-left-ongjn,
.stream-container-JPdah .menu-container-B6cqK.menu-direction-top-right-tmrFG {
bottom: 90%;
}
.stream-container-JPdah .menu-container-B6cqK.menu-direction-bottom-left-Dvtqk,
.stream-container-JPdah .menu-container-B6cqK.menu-direction-bottom-right-aJ89V {
top: 90%;
}
}
.streams-list-container-xYMJo {
display: flex;
flex-direction: column;
}
.streams-list-container-xYMJo .message-container-f9_L4 {
flex: 0 1 auto;
align-self: stretch;
display: flex;
flex-direction: column;
align-items: center;
padding: 1rem;
overflow-y: auto;
}
.streams-list-container-xYMJo .message-container-f9_L4 .search-Bo8nu {
flex: none;
}
.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);
margin-bottom: 2rem;
}
.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-color: none;
}
.streams-list-container-xYMJo .select-choices-wrapper-xGzfs .select-input-container-irGn_:hover,
.streams-list-container-xYMJo .select-choices-wrapper-xGzfs .select-input-container-irGn_:focus,
.streams-list-container-xYMJo .select-choices-wrapper-xGzfs .select-input-container-irGn_.active {
background-color: var(--overlay-color);
}
.streams-list-container-xYMJo .select-choices-wrapper-xGzfs .select-input-container-irGn_ > .label-AR_l8 {
color: var(--primary-foreground-color);
}
.streams-list-container-xYMJo .select-choices-wrapper-xGzfs .select-input-container-irGn_ > .icon-jg2il {
color: var(--primary-foreground-color);
}
.streams-list-container-xYMJo .select-choices-wrapper-xGzfs .select-input-container-irGn_ .menu-container-qiz0X {
overflow: auto;
}
.streams-list-container-xYMJo .streams-container-bbSc4 {
flex: 1 1 auto;
align-self: stretch;
margin-top: 1rem;
padding: 0 1rem;
overflow-y: auto;
}
.streams-list-container-xYMJo .install-button-container-Q60yJ {
flex: none;
align-self: stretch;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
background-color: var(--secondary-accent-color);
height: 4rem;
padding: 0 2rem;
margin: 1rem auto;
max-width: 50%;
border-radius: 2rem;
}
.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: 1rem;
font-weight: 700;
max-height: 3.6em;
text-align: center;
color: var(--primary-foreground-color);
margin-bottom: 0;
}
@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;
}
}
.button-container-PmUa2 {
flex: none;
align-self: stretch;
display: flex;
align-items: center;
justify-content: center;
border: var(--focus-outline-size) solid var(--primary-accent-color);
background-color: var(--primary-accent-color);
height: 4rem;
padding: 0 2rem;
margin: 1rem auto;
border-radius: 2rem;
}
.button-container-PmUa2:hover {
background-color: transparent;
}
.button-container-PmUa2 .label-sAyL4 {
flex: 0 1 auto;
font-size: 1rem;
font-weight: 700;
max-height: 3.5rem;
text-align: center;
color: var(--primary-foreground-color);
margin-bottom: 0;
}
.seasons-bar-placeholder-container-M81RN {
display: flex;
flex-direction: row;
justify-content: space-between;
padding: 1rem;
}
.seasons-bar-placeholder-container-M81RN .prev-season-button-TCbOq,
.seasons-bar-placeholder-container-M81RN .next-season-button-oGnlT {
flex: none;
display: flex;
flex-direction: row;
align-items: center;
width: 6.5rem;
height: 3rem;
padding: 0.5rem;
}
.seasons-bar-placeholder-container-M81RN .prev-season-button-TCbOq > :first-child,
.seasons-bar-placeholder-container-M81RN .next-season-button-oGnlT > :first-child {
margin-right: 0.5rem;
}
.seasons-bar-placeholder-container-M81RN .prev-season-button-TCbOq .icon-UzQjF,
.seasons-bar-placeholder-container-M81RN .next-season-button-oGnlT .icon-UzQjF {
flex: none;
display: block;
width: 1.5rem;
height: 1.5rem;
color: var(--color-placeholder-background);
}
.seasons-bar-placeholder-container-M81RN .prev-season-button-TCbOq .label-lmBnj,
.seasons-bar-placeholder-container-M81RN .next-season-button-oGnlT .label-lmBnj {
flex: 1;
max-height: 1.2em;
font-weight: 500;
text-align: center;
color: var(--color-placeholder-text);
}
.seasons-bar-placeholder-container-M81RN .seasons-popup-label-container-r2UDB {
flex: 0 1 auto;
display: flex;
flex-direction: row;
align-items: center;
margin: 0 1rem;
}
.seasons-bar-placeholder-container-M81RN .seasons-popup-label-container-r2UDB .seasons-popup-label-xBinL {
max-height: 1.2em;
font-weight: 500;
color: var(--color-placeholder-text);
}
.seasons-bar-placeholder-container-M81RN .seasons-popup-label-container-r2UDB .seasons-popup-icon-p1T5d {
flex: none;
width: 1rem;
height: 1rem;
margin-left: 1rem;
color: var(--color-placeholder-background);
}
.seasons-bar-container-nOZjG {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 1rem;
overflow: visible;
}
.seasons-bar-container-nOZjG .prev-season-button-bs1GQ,
.seasons-bar-container-nOZjG .next-season-button-RrYAq {
flex: none;
display: flex;
flex-direction: row;
align-items: center;
width: 6.5rem;
height: 3rem;
border-radius: 3rem;
padding: 0.5rem;
}
.seasons-bar-container-nOZjG .prev-season-button-bs1GQ.disabled-WJy2x,
.seasons-bar-container-nOZjG .next-season-button-RrYAq.disabled-WJy2x {
pointer-events: none;
opacity: 0.5;
}
.seasons-bar-container-nOZjG .prev-season-button-bs1GQ:hover,
.seasons-bar-container-nOZjG .next-season-button-RrYAq:hover,
.seasons-bar-container-nOZjG .prev-season-button-bs1GQ:focus,
.seasons-bar-container-nOZjG .next-season-button-RrYAq:focus {
background-color: var(--overlay-color);
}
.seasons-bar-container-nOZjG .prev-season-button-bs1GQ > :first-child,
.seasons-bar-container-nOZjG .next-season-button-RrYAq > :first-child {
margin-right: 0.5rem;
}
.seasons-bar-container-nOZjG .prev-season-button-bs1GQ .label-uJbfD,
.seasons-bar-container-nOZjG .next-season-button-RrYAq .label-uJbfD {
flex: 1;
max-height: 1.2em;
font-weight: 500;
text-align: center;
color: var(--primary-foreground-color);
}
.seasons-bar-container-nOZjG .prev-season-button-bs1GQ .icon-_ZBEE,
.seasons-bar-container-nOZjG .next-season-button-RrYAq .icon-_ZBEE {
flex: none;
width: 1.5rem;
height: 1.5rem;
color: var(--primary-foreground-color);
}
.seasons-bar-container-nOZjG .seasons-popup-label-container-fZcu4 {
flex: 0 1 auto;
background: none;
}
.seasons-bar-container-nOZjG .seasons-popup-label-container-fZcu4:hover,
.seasons-bar-container-nOZjG .seasons-popup-label-container-fZcu4:focus,
.seasons-bar-container-nOZjG .seasons-popup-label-container-fZcu4.active {
background-color: var(--overlay-color);
}
.seasons-bar-container-nOZjG .seasons-popup-label-container-fZcu4 > .label-AR_l8 {
color: var(--primary-foreground-color);
}
.seasons-bar-container-nOZjG .seasons-popup-label-container-fZcu4 > .icon-jg2il {
color: var(--primary-foreground-color);
}
.seasons-bar-container-nOZjG .seasons-popup-label-container-fZcu4 .menu-container-qiz0X {
overflow: auto;
}
@media only screen and (max-width: 640px) {
.seasons-bar-container-nOZjG {
height: 6rem;
}
}
.videos-list-container-NepX5 {
display: flex;
flex-direction: column;
}
.videos-list-container-NepX5 .message-container-_hhmQ {
flex: 1;
align-self: stretch;
display: flex;
flex-direction: column;
align-items: center;
padding: 2rem;
overflow-y: auto;
}
.videos-list-container-NepX5 .message-container-_hhmQ .episode-picker-JPpsC {
margin-bottom: 2rem;
}
.videos-list-container-NepX5 .message-container-_hhmQ .image-_xAbP {
flex: none;
width: 10rem;
height: 10rem;
max-width: 100%;
margin-bottom: 1rem;
object-fit: contain;
object-position: center;
opacity: 0.9;
}
.videos-list-container-NepX5 .message-container-_hhmQ .label-Ff1_X {
flex: none;
font-size: 1.4rem;
text-align: center;
color: var(--primary-foreground-color);
}
.videos-list-container-NepX5 .notifications-toggle-PaWY3 {
flex: none;
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
gap: 1rem;
padding: 1.15rem 1.5rem 0.65rem;
color: hsla(0, 0%, 100%, 0.9);
}
.videos-list-container-NepX5 .seasons-bar-Ma8vp {
flex: none;
align-self: stretch;
margin: 0.5rem 1rem 1rem 1rem;
}
.videos-list-container-NepX5 .search-bar-mZHWa {
flex: none;
align-self: stretch;
margin: 0 1.5rem 1rem 1.5rem;
}
.videos-list-container-NepX5 .search-bar-mZHWa:first-child {
margin-top: 1rem;
}
.videos-list-container-NepX5 .videos-container-msX8s {
flex: 1;
align-self: stretch;
padding: 0 1rem;
overflow-y: auto;
}
@media only screen and (max-width: 640px) {
.videos-list-container-NepX5 {
overflow: visible;
}
.videos-list-container-NepX5 .videos-container-msX8s {
overflow: auto;
}
}
.metadetails-container-K_Dqa {
display: flex;
flex-direction: column;
width: 100%;
height: 100%;
padding-left: var(--safe-area-inset-left);
padding-right: var(--safe-area-inset-right);
box-sizing: border-box;
}
.metadetails-container-K_Dqa .background-image-layer-wJa90 {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: -1;
background-color: var(--modal-background-color);
}
.metadetails-container-K_Dqa .background-image-layer-wJa90 .background-image-tSjYu {
pointer-events: none;
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: top left;
opacity: 0.3;
}
.metadetails-container-K_Dqa .nav-bar-MH6Vk {
z-index: 1;
flex: none;
align-self: stretch;
}
.metadetails-container-K_Dqa .metadetails-content-Uz5EV {
flex: 1;
align-self: stretch;
position: relative;
z-index: 0;
display: flex;
flex-direction: row;
margin-top: calc(var(--top-overlay-size) * -1);
padding-top: var(--top-overlay-size);
padding-bottom: var(--safe-area-inset-bottom, 0rem);
}
.metadetails-container-K_Dqa .metadetails-content-Uz5EV .vertical-nav-bar-B39nq {
flex: none;
}
.metadetails-container-K_Dqa .metadetails-content-Uz5EV .meta-message-container-MJZN5 {
align-self: stretch;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 2rem;
width: 100%;
height: 100%;
}
.metadetails-container-K_Dqa .metadetails-content-Uz5EV .meta-message-container-MJZN5 .image-R1LcJ {
flex: none;
width: 12rem;
height: 12rem;
max-width: 100%;
margin-bottom: 1rem;
object-fit: contain;
object-position: center;
opacity: 0.9;
}
.metadetails-container-K_Dqa .metadetails-content-Uz5EV .meta-message-container-MJZN5 .message-label-Uz4_P {
flex: none;
align-self: stretch;
font-size: 2rem;
text-align: center;
color: var(--primary-foreground-color);
}
.metadetails-container-K_Dqa .metadetails-content-Uz5EV .meta-preview-ES0h3 {
flex: 0 1 auto;
align-self: stretch;
padding: 0 4rem 2rem 4rem;
padding-left: max(1rem, calc(4rem - var(--safe-area-inset-left)));
}
.metadetails-container-K_Dqa .metadetails-content-Uz5EV .spacing-rgIYg {
flex: 1;
}
.metadetails-container-K_Dqa .metadetails-content-Uz5EV .videos-list-nE0LJ,
.metadetails-container-K_Dqa .metadetails-content-Uz5EV .streams-list-Y1lCM {
flex: 0 0 30rem;
align-self: stretch;
border-radius: var(--border-radius) 0 0 var(--border-radius);
background-color: rgba(0, 0, 0, 0.4);
backdrop-filter: blur(15px);
}
.meta-extension-modal-container-gHjqy .modal-dialog-container-DZMKq {
width: 80%;
height: 80%;
}
.meta-extension-modal-container-gHjqy .modal-dialog-container-DZMKq .title-container-v2mmF {
max-height: 1.2em;
}
.meta-extension-modal-container-gHjqy .modal-dialog-container-DZMKq .meta-extension-modal-iframe-GGHlm {
width: 100%;
height: 100%;
}
@media screen and (max-width: 1000px) and (max-height: 500px) and (orientation: landscape) {
.metadetails-container-K_Dqa .metadetails-content-Uz5EV .meta-preview-ES0h3 {
padding: 0 1.5rem 1rem;
}
}
@media only screen and (max-width: 640px) {
.metadetails-container-K_Dqa .metadetails-content-Uz5EV {
display: block;
overflow-y: auto;
}
.metadetails-container-K_Dqa .metadetails-content-Uz5EV .spacing-rgIYg {
display: none;
}
.metadetails-container-K_Dqa .metadetails-content-Uz5EV .meta-preview-ES0h3 {
padding: 0 1.5rem 2rem;
}
.metadetails-container-K_Dqa .metadetails-content-Uz5EV .videos-list-nE0LJ,
.metadetails-container-K_Dqa .metadetails-content-Uz5EV .streams-list-Y1lCM {
border-radius: var(--border-radius) var(--border-radius) 0 0;
}
}
.search-container-uXEFf {
height: calc(100% - var(--safe-area-inset-bottom));
width: 100%;
background-color: transparent;
}
.search-container-uXEFf .search-content-LX6un {
height: 100%;
width: 100%;
padding: 0 1rem;
overflow-y: auto;
}
.search-container-uXEFf .search-content-LX6un .search-row-EQLaD {
margin-top: 1rem;
margin-bottom: 2rem;
}
.search-container-uXEFf .search-content-LX6un .search-hints-wrapper-IjhmE {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
width: 100%;
height: 100%;
}
.search-container-uXEFf .search-content-LX6un .search-hints-wrapper-IjhmE .search-hints-title-container-MXt8W {
display: flex;
justify-content: center;
align-items: center;
padding: 0 1rem;
}
.search-container-uXEFf .search-content-LX6un .search-hints-wrapper-IjhmE .search-hints-title-container-MXt8W .search-hints-title-cigX3 {
flex-grow: 0;
flex-shrink: 1;
flex-basis: auto;
font-size: 1.6rem;
color: hsla(0, 0%, 100%, 0.9);
text-align: center;
opacity: 0.4;
}
.search-container-uXEFf .search-content-LX6un .search-hints-wrapper-IjhmE .search-hints-container-FHpPM {
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: center;
align-content: flex-start;
flex-wrap: wrap;
padding: 4rem;
max-width: 50%;
margin: 0 auto;
}
.search-container-uXEFf .search-content-LX6un .search-hints-wrapper-IjhmE .search-hints-container-FHpPM .search-hint-container-kd8iX {
flex: 0 0 25%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 0 1rem;
margin-bottom: 4rem;
}
.search-container-uXEFf .search-content-LX6un .search-hints-wrapper-IjhmE .search-hints-container-FHpPM .search-hint-container-kd8iX .icon-fOZZl {
flex: none;
width: 4rem;
height: 4rem;
margin-bottom: 2rem;
color: hsla(0, 0%, 100%, 0.9);
opacity: 0.4;
}
.search-container-uXEFf .search-content-LX6un .search-hints-wrapper-IjhmE .search-hints-container-FHpPM .search-hint-container-kd8iX .label-l6wxz {
flex-grow: 0;
flex-shrink: 1;
flex-basis: auto;
font-size: 1.2rem;
color: hsla(0, 0%, 100%, 0.9);
text-align: center;
opacity: 0.4;
}
.search-container-uXEFf .search-content-LX6un .message-container-YAunr {
display: flex;
flex-direction: column;
align-items: center;
padding: 4rem;
}
.search-container-uXEFf .search-content-LX6un .message-container-YAunr .image-Xuwya {
flex: none;
width: 12rem;
height: 12rem;
margin-bottom: 1rem;
object-fit: contain;
object-position: center;
opacity: 0.9;
}
.search-container-uXEFf .search-content-LX6un .message-container-YAunr .message-label-K8LPz {
flex: 0 1 auto;
font-size: 2.5rem;
text-align: center;
color: hsla(222.8, 100%, 78%, 0.9);
}
@media only screen and (max-width: 2200px) {
.search-container-uXEFf .search-content-LX6un .search-row-poster-m7CUE .meta-item-QFHCh:nth-child(n+10),
.search-container-uXEFf .search-content-LX6un .search-row-square-VesJA .meta-item-QFHCh:nth-child(n+10),
.search-container-uXEFf .search-content-LX6un .search-row-poster-m7CUE .meta-item-iOgzp:nth-child(n+10),
.search-container-uXEFf .search-content-LX6un .search-row-square-VesJA .meta-item-iOgzp:nth-child(n+10) {
display: none;
}
.search-container-uXEFf .search-content-LX6un .search-row-landscape-o3Lfv .meta-item-QFHCh:nth-child(n+9),
.search-container-uXEFf .search-content-LX6un .search-row-landscape-o3Lfv .meta-item-iOgzp:nth-child(n+9) {
display: none;
}
}
@media only screen and (max-width: 1900px) {
.search-container-uXEFf .search-content-LX6un .search-row-poster-m7CUE .meta-item-QFHCh:nth-child(n+9),
.search-container-uXEFf .search-content-LX6un .search-row-square-VesJA .meta-item-QFHCh:nth-child(n+9),
.search-container-uXEFf .search-content-LX6un .search-row-poster-m7CUE .meta-item-iOgzp:nth-child(n+9),
.search-container-uXEFf .search-content-LX6un .search-row-square-VesJA .meta-item-iOgzp:nth-child(n+9) {
display: none;
}
.search-container-uXEFf .search-content-LX6un .search-row-landscape-o3Lfv .meta-item-QFHCh:nth-child(n+8),
.search-container-uXEFf .search-content-LX6un .search-row-landscape-o3Lfv .meta-item-iOgzp:nth-child(n+8) {
display: none;
}
}
@media only screen and (max-width: 1600px) {
.search-container-uXEFf .search-content-LX6un .search-hints-wrapper-IjhmE .search-hints-container-FHpPM {
max-width: 70%;
}
.search-container-uXEFf .search-content-LX6un .search-row-poster-m7CUE .meta-item-QFHCh:nth-child(n+8),
.search-container-uXEFf .search-content-LX6un .search-row-square-VesJA .meta-item-QFHCh:nth-child(n+8),
.search-container-uXEFf .search-content-LX6un .search-row-poster-m7CUE .meta-item-iOgzp:nth-child(n+8),
.search-container-uXEFf .search-content-LX6un .search-row-square-VesJA .meta-item-iOgzp:nth-child(n+8) {
display: none;
}
.search-container-uXEFf .search-content-LX6un .search-row-landscape-o3Lfv .meta-item-QFHCh:nth-child(n+7),
.search-container-uXEFf .search-content-LX6un .search-row-landscape-o3Lfv .meta-item-iOgzp:nth-child(n+7) {
display: none;
}
}
@media only screen and (max-width: 1300px) {
.search-container-uXEFf .search-content-LX6un .search-hints-wrapper-IjhmE .search-hints-container-FHpPM {
max-width: 90%;
}
.search-container-uXEFf .search-content-LX6un .search-row-poster-m7CUE .meta-item-QFHCh:nth-child(n+7),
.search-container-uXEFf .search-content-LX6un .search-row-square-VesJA .meta-item-QFHCh:nth-child(n+7),
.search-container-uXEFf .search-content-LX6un .search-row-poster-m7CUE .meta-item-iOgzp:nth-child(n+7),
.search-container-uXEFf .search-content-LX6un .search-row-square-VesJA .meta-item-iOgzp:nth-child(n+7) {
display: none;
}
.search-container-uXEFf .search-content-LX6un .search-row-landscape-o3Lfv .meta-item-QFHCh:nth-child(n+6),
.search-container-uXEFf .search-content-LX6un .search-row-landscape-o3Lfv .meta-item-iOgzp:nth-child(n+6) {
display: none;
}
}
@media only screen and (max-width: 1000px) {
.search-container-uXEFf .search-content-LX6un .search-row-poster-m7CUE .meta-item-QFHCh:nth-child(n+6),
.search-container-uXEFf .search-content-LX6un .search-row-square-VesJA .meta-item-QFHCh:nth-child(n+6),
.search-container-uXEFf .search-content-LX6un .search-row-poster-m7CUE .meta-item-iOgzp:nth-child(n+6),
.search-container-uXEFf .search-content-LX6un .search-row-square-VesJA .meta-item-iOgzp:nth-child(n+6) {
display: none;
}
.search-container-uXEFf .search-content-LX6un .search-row-landscape-o3Lfv .meta-item-QFHCh:nth-child(n+5),
.search-container-uXEFf .search-content-LX6un .search-row-landscape-o3Lfv .meta-item-iOgzp:nth-child(n+5) {
display: none;
}
}
@media only screen and (max-width: 800px) {
.search-container-uXEFf .search-content-LX6un .search-hints-wrapper-IjhmE .search-hints-container-FHpPM {
max-width: 100%;
}
.search-container-uXEFf .search-content-LX6un .search-hints-wrapper-IjhmE .search-hints-container-FHpPM .search-hint-container-kd8iX {
flex: 0 0 50%;
}
.search-container-uXEFf .search-content-LX6un .search-row-poster-m7CUE .meta-item-QFHCh:nth-child(n+5),
.search-container-uXEFf .search-content-LX6un .search-row-square-VesJA .meta-item-QFHCh:nth-child(n+5),
.search-container-uXEFf .search-content-LX6un .search-row-poster-m7CUE .meta-item-iOgzp:nth-child(n+5),
.search-container-uXEFf .search-content-LX6un .search-row-square-VesJA .meta-item-iOgzp:nth-child(n+5) {
display: none;
}
.search-container-uXEFf .search-content-LX6un .search-row-landscape-o3Lfv .meta-item-QFHCh:nth-child(n+4),
.search-container-uXEFf .search-content-LX6un .search-row-landscape-o3Lfv .meta-item-iOgzp:nth-child(n+4) {
display: none;
}
}
@media only screen and (max-width: 640px) {
.search-container-uXEFf .search-content-LX6un .search-row-EQLaD {
margin-bottom: 1.5rem;
}
.search-container-uXEFf .search-content-LX6un .search-row-poster-m7CUE .meta-item-QFHCh:nth-child(n+4),
.search-container-uXEFf .search-content-LX6un .search-row-square-VesJA .meta-item-QFHCh:nth-child(n+4),
.search-container-uXEFf .search-content-LX6un .search-row-poster-m7CUE .meta-item-iOgzp:nth-child(n+4),
.search-container-uXEFf .search-content-LX6un .search-row-square-VesJA .meta-item-iOgzp:nth-child(n+4) {
display: none;
}
.search-container-uXEFf .search-content-LX6un .search-hints-wrapper-IjhmE {
margin-top: 4rem;
}
.search-container-uXEFf .search-content-LX6un .search-hints-wrapper-IjhmE .search-hints-container-FHpPM {
padding: 4rem 2rem;
}
.search-container-uXEFf .search-content-LX6un .search-hints-wrapper-IjhmE .search-hints-container-FHpPM .search-hint-container-kd8iX {
padding: 0 1.5rem;
}
}
.menu-xeE06 {
flex: none;
align-self: stretch;
display: flex;
flex-direction: column;
width: 18rem;
padding: 3rem 1.5rem;
}
.menu-xeE06 .button-DNmYL {
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;
}
.menu-xeE06 .button-DNmYL.selected-S7SeK {
font-weight: 600;
color: var(--primary-foreground-color);
background-color: var(--overlay-color);
opacity: 1;
}
.menu-xeE06 .button-DNmYL:hover {
background-color: var(--overlay-color);
}
.menu-xeE06 .spacing-PVpEn {
flex: 1;
}
.menu-xeE06 .version-info-label-rSTCy {
flex: 0 1 auto;
margin: 0.5rem 0;
white-space: nowrap;
text-overflow: ellipsis;
color: var(--primary-foreground-color);
opacity: 0.3;
overflow: hidden;
}
@media only screen and (max-width: 1000px) {
.menu-xeE06 {
display: none;
}
}
@media only screen and (max-width: 640px) {
.menu-xeE06 {
display: none;
}
}
.category-GP0hI {
position: relative;
width: 100%;
display: flex;
flex-direction: column;
align-items: start;
margin-bottom: 1rem;
padding-bottom: 1rem;
overflow: visible;
}
.category-GP0hI:not(:last-child) {
border-bottom: thin solid var(--overlay-color);
}
.category-GP0hI .heading-XePFl {
position: relative;
height: 4rem;
display: flex;
flex-direction: row;
align-items: center;
gap: 1rem;
margin-bottom: 1rem;
}
.category-GP0hI .heading-XePFl .label-N_O2v {
flex: none;
font-size: 1.1rem;
color: var(--primary-foreground-color);
}
.category-GP0hI .heading-XePFl .icon-oZoyV {
flex: none;
width: 2rem;
height: 2rem;
color: var(--primary-foreground-color);
}
.link-FrL1t {
position: relative;
display: flex;
align-items: center;
height: 2rem;
}
.link-FrL1t .label-PJvSJ {
color: var(--primary-accent-color);
}
.link-FrL1t:hover .label-PJvSJ {
text-decoration: underline;
}
.option-vFOAS {
position: relative;
width: 100%;
flex: none;
display: flex;
flex-direction: row;
align-items: center;
gap: 2rem;
margin-bottom: 2rem;
overflow: visible;
}
.option-vFOAS .heading-dYMDt,
.option-vFOAS .content-P2T0i {
flex: 1 1 50%;
position: relative;
display: flex;
flex-direction: row;
align-items: center;
}
.option-vFOAS .heading-dYMDt {
display: flex;
gap: 0.75rem;
}
.option-vFOAS .heading-dYMDt .icon-fE4hv {
width: 4rem;
height: 4rem;
color: var(--primary-foreground-color);
}
.option-vFOAS .heading-dYMDt .label-qI6Vh {
line-height: 1.5rem;
white-space: nowrap;
text-overflow: ellipsis;
color: var(--primary-foreground-color);
}
.option-vFOAS .content-P2T0i {
justify-content: center;
overflow: visible;
}
.option-vFOAS .content-P2T0i .multiselect {
width: 100%;
padding: 0;
background: var(--overlay-color);
}
.option-vFOAS .content-P2T0i .button {
display: flex;
align-items: center;
justify-content: center;
height: 3.5rem;
width: 100%;
padding: 0 2rem;
border-radius: 3.5rem;
font-weight: 500;
color: var(--primary-foreground-color);
background-color: var(--overlay-color);
}
.option-vFOAS .content-P2T0i .button:hover {
outline: var(--focus-outline-size) solid var(--primary-foreground-color);
background-color: transparent;
}
.option-vFOAS .content-P2T0i .color-input {
width: 100%;
padding: 1.3rem 1rem;
border-radius: 3rem;
border: 2px solid transparent;
transition: 0.3s all ease-in-out;
}
.option-vFOAS .content-P2T0i .color-input:hover {
border-color: var(--overlay-color);
}
.section-hcYuV {
position: relative;
max-width: 35rem;
display: flex;
flex-direction: column;
align-items: start;
padding: 3rem 0;
overflow: visible;
}
.section-hcYuV:not(:last-child) {
border-bottom: thin solid var(--overlay-color);
}
.section-hcYuV .label-wXG3e {
flex: none;
align-self: stretch;
font-size: 1.8rem;
line-height: 3.4rem;
margin-bottom: 2rem;
color: var(--primary-foreground-color);
}
.user-qhCA4 {
gap: 1rem;
}
.user-qhCA4 .user-info-content-uzAvu {
flex: 1;
display: flex;
flex-direction: row;
align-items: center;
}
.user-qhCA4 .user-info-content-uzAvu .avatar-container-DeGD6 {
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);
}
.user-qhCA4 .user-info-content-uzAvu .email-logout-container-YPJlN {
flex: none;
display: flex;
flex-direction: column;
align-items: start;
}
.user-qhCA4 .user-info-content-uzAvu .email-logout-container-YPJlN .email-label-container-NEqIq {
display: flex;
flex-direction: row;
align-items: center;
}
.user-qhCA4 .user-info-content-uzAvu .email-logout-container-YPJlN .email-label-container-NEqIq .email-label-LXltS {
flex: 1;
font-size: 1.1rem;
color: var(--primary-foreground-color);
opacity: 0.7;
}
.user-qhCA4 .user-panel-container-WxLTU {
flex: none;
display: flex;
flex-direction: row;
align-items: center;
width: 10rem;
height: 3.5rem;
border-radius: 3.5rem;
background-color: var(--overlay-color);
}
.user-qhCA4 .user-panel-container-WxLTU:hover {
outline: var(--focus-outline-size) solid var(--primary-foreground-color);
background-color: transparent;
}
.user-qhCA4 .user-panel-container-WxLTU .user-panel-label-KmZCD {
flex: 1;
max-height: 2.4em;
padding: 0 0.5rem;
font-weight: 500;
text-align: center;
color: var(--primary-foreground-color);
}
@media only screen and (max-width: 640px) {
.user-qhCA4 {
flex-direction: column;
align-items: flex-start;
}
.user-qhCA4 .user-panel-container-WxLTU {
width: 100% !important;
}
}
.option-vFOAS{flex:none;flex-direction:row;gap:2rem;margin-bottom:2rem;overflow:visible;width:100%}.option-vFOAS,.option-vFOAS .content-P2T0i,.option-vFOAS .heading-dYMDt{align-items:center;display:flex;position:relative}.option-vFOAS .content-P2T0i,.option-vFOAS .heading-dYMDt{flex:1 1 50%;flex-direction:row}.option-vFOAS .heading-dYMDt{display:flex;gap:0.75rem}.option-vFOAS .heading-dYMDt .icon-fE4hv{color:var(--primary-foreground-color);height:4rem;width:4rem}.option-vFOAS .heading-dYMDt .label-qI6Vh{color:var(--primary-foreground-color);line-height:1.5rem;text-overflow:ellipsis;white-space:nowrap}.option-vFOAS .content-P2T0i{justify-content:center;overflow:visible}.option-vFOAS .content-P2T0i .multiselect{background:var(--overlay-color);padding:0;width:100%}.option-vFOAS .content-P2T0i .button{align-items:center;background-color:var(--overlay-color);border-radius:3.5rem;color:var(--primary-foreground-color);display:flex;font-weight:500;height:3.5rem;justify-content:center;padding:0 2rem;width:100%}.option-vFOAS .content-P2T0i .button:hover{background-color:transparent;outline:var(--focus-outline-size) solid var(--primary-foreground-color)}.option-vFOAS .content-P2T0i .color-input{border:2px solid transparent;border-radius:3rem;padding:1.3rem 1rem;transition:all 0.3s ease-in-out;width:100%}.option-vFOAS .content-P2T0i .color-input:hover{border-color:var(--overlay-color)}
.trakt-container-wWlM8 {
margin-top: 2rem;
}
.trakt-container-wWlM8 .icon-fE4hv {
color: var(--color-trakt) !important;
}
.wrapper-mdG7D {
position: relative;
width: 100%;
display: flex;
flex-direction: column;
max-width: 35rem;
margin-bottom: 2rem;
}
.wrapper-mdG7D .header-epxi0 {
display: flex;
justify-content: space-between;
padding: 0 3rem;
align-items: center;
}
.wrapper-mdG7D .header-epxi0 .label-Yi3xl {
font-size: 1rem;
color: var(--primary-foreground-color);
font-weight: 400;
opacity: 0.6;
}
.wrapper-mdG7D .header-epxi0 .label-Yi3xl:last-of-type {
padding-right: 3rem;
}
.wrapper-mdG7D .content-XG6N_ {
display: flex;
flex-direction: column;
gap: 1rem;
padding: 1.5rem 0;
}
.wrapper-mdG7D .item-hsmmX {
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-mdG7D .footer-Bo7gV {
display: flex;
justify-content: space-between;
}
.wrapper-mdG7D .footer-Bo7gV .add-url-fEacA {
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-mdG7D .footer-Bo7gV .add-url-fEacA .icon-L0f3e {
width: 1rem;
height: 1rem;
color: var(--primary-foreground-color);
}
.wrapper-mdG7D .footer-Bo7gV .add-url-fEacA:hover {
background-color: transparent;
border: 2px solid var(--primary-foreground-color);
}
.wrapper-mdG7D .footer-Bo7gV .reload-OVkwB {
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-mdG7D .footer-Bo7gV .reload-OVkwB .icon-L0f3e {
width: 1rem;
height: 1rem;
color: var(--primary-foreground-color);
}
.wrapper-mdG7D .footer-Bo7gV .reload-OVkwB:hover {
background-color: transparent;
border: 2px solid var(--primary-foreground-color);
}
.item-A9qrP {
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-A9qrP .content-SRbPn {
display: flex;
gap: 1rem;
align-items: center;
justify-content: center;
max-width: 60%;
}
.item-A9qrP .content-SRbPn .selectable-qF2vl {
overflow: visible;
}
.item-A9qrP .content-SRbPn .label-WLvfI {
color: var(--primary-foreground-color);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.item-A9qrP .actions-QcMQ_ {
display: flex;
gap: 1rem;
padding-right: 4rem;
}
.item-A9qrP .actions-QcMQ_ .status-crByJ {
display: flex;
gap: 0.5rem;
align-items: center;
justify-content: center;
}
.item-A9qrP .actions-QcMQ_ .status-crByJ .icon-aswqE {
width: 0.75rem;
height: 0.75rem;
border-radius: 1rem;
}
.item-A9qrP .actions-QcMQ_ .status-crByJ .icon-aswqE.ready-VKkmT {
background-color: var(--secondary-accent-color);
}
.item-A9qrP .actions-QcMQ_ .status-crByJ .icon-aswqE.error-sL3We {
background-color: var(--danger-accent-color);
}
.item-A9qrP .actions-QcMQ_ .status-crByJ .label-WLvfI {
font-size: 1rem;
color: var(--primary-foreground-color);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.item-A9qrP .actions-QcMQ_ .delete-mV6G_ {
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-A9qrP .actions-QcMQ_ .delete-mV6G_ .icon-aswqE {
width: 1.5rem;
height: 1.5rem;
opacity: 0;
transition: 0.3s all ease-in-out;
color: var(--primary-foreground-color);
}
.item-A9qrP .actions-QcMQ_ .delete-mV6G_:hover,
.item-A9qrP .actions-QcMQ_ .delete-mV6G_:focus {
background-color: var(--overlay-color);
}
.item-A9qrP .actions-QcMQ_ .delete-mV6G_:hover .icon-aswqE,
.item-A9qrP .actions-QcMQ_ .delete-mV6G_:focus .icon-aswqE {
color: var(--danger-accent-color);
opacity: 1 !important;
}
.item-A9qrP:hover {
border: 2px solid var(--overlay-color);
}
.item-A9qrP:hover .actions-QcMQ_ .delete-mV6G_ .icon-aswqE {
opacity: 0.6;
}
@media only screen and (max-width: 640px) {
.item-A9qrP {
padding: 0.7rem 1rem;
}
.item-A9qrP .actions-QcMQ_ .delete-mV6G_ {
right: 1rem;
}
.item-A9qrP .actions-QcMQ_ .delete-mV6G_ .icon-aswqE {
opacity: 0.6;
}
}
.add-item-EBrwa {
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-EBrwa .input-iITch {
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-EBrwa .input-iITch:focus {
border: 1px solid var(--primary-foreground-color);
}
.add-item-EBrwa .actions-a9mxc {
display: flex;
gap: 0.25rem;
margin-right: 0;
}
.add-item-EBrwa .actions-a9mxc .add-IsY_6,
.add-item-EBrwa .actions-a9mxc .cancel-gSD5_ {
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-EBrwa .actions-a9mxc .add-IsY_6 .icon-lYjLQ,
.add-item-EBrwa .actions-a9mxc .cancel-gSD5_ .icon-lYjLQ {
width: 2rem;
height: 2rem;
color: var(--primary-foreground-color);
}
.add-item-EBrwa .actions-a9mxc .add-IsY_6:hover,
.add-item-EBrwa .actions-a9mxc .cancel-gSD5_:hover {
opacity: 1;
background-color: var(--overlay-color);
}
.add-item-EBrwa .actions-a9mxc .add-IsY_6 .icon-lYjLQ {
width: 1.8rem;
height: 1.8rem;
}
.add-item-EBrwa .actions-a9mxc .add-IsY_6:hover .icon-lYjLQ {
color: var(--secondary-accent-color);
}
.add-item-EBrwa .actions-a9mxc .cancel-gSD5_:hover .icon-lYjLQ {
color: var(--danger-accent-color);
}
.add-item-EBrwa:hover {
border: 2px solid var(--overlay-color);
}
@media only screen and (max-width: 640px) {
.add-item-EBrwa {
padding: 0.35rem 0.5rem;
}
}
.configure-input-container-IqUdN .content-P2T0i {
display: flex;
align-items: center;
gap: 1rem;
overflow: hidden;
}
.configure-input-container-IqUdN .content-P2T0i .label-bkapj {
flex: auto;
white-space: pre;
text-overflow: ellipsis;
color: var(--primary-foreground-color);
padding: 0 1rem;
}
.configure-input-container-IqUdN .content-P2T0i .configure-button-container-tJJ5b {
flex: none;
width: 3rem;
height: 3rem;
border-radius: 100%;
display: flex;
align-items: center;
justify-content: center;
background-color: var(--overlay-color);
}
.configure-input-container-IqUdN .content-P2T0i .configure-button-container-tJJ5b:hover {
outline: var(--focus-outline-size) solid var(--primary-foreground-color);
background-color: transparent;
}
.configure-input-container-IqUdN .content-P2T0i .configure-button-container-tJJ5b .icon-DoVQm {
flex: none;
width: 1rem;
height: 1rem;
margin: 0;
color: var(--primary-foreground-color);
}
.shortcuts-group-lFLEk {
width: 100%;
margin-bottom: 3rem;
}
.info-nBG5H {
display: none;
}
.info-nBG5H .content-P2T0i {
color: var(--primary-foreground-color);
overflow: hidden;
}
.info-nBG5H .content-P2T0i .label-ldqPK {
text-overflow: ellipsis;
white-space: nowrap;
}
@media only screen and (max-width: 1000px) {
.info-nBG5H {
display: flex;
}
}
@media only screen and (max-width: 640px) {
.info-nBG5H {
display: flex;
}
}
.settings-container-_g1tS {
height: calc(100% - var(--safe-area-inset-bottom));
width: 100%;
background-color: transparent;
}
.settings-container-_g1tS .settings-content-co5eU {
height: 100%;
width: 100%;
display: flex;
flex-direction: row;
}
.settings-container-_g1tS .settings-content-co5eU .sections-container-ZaZpD {
flex: 1;
align-self: stretch;
padding: 0 3rem;
overflow-y: auto;
}
@media only screen and (max-width: 640px) {
.settings-container-_g1tS .settings-content-co5eU {
flex-direction: column-reverse;
}
.settings-container-_g1tS .settings-content-co5eU .sections-container-ZaZpD {
padding: 0 1.5rem;
}
}
.buffering-loader-container-P7S0m {
display: flex;
align-items: center;
justify-content: center;
}
.buffering-loader-container-P7S0m .buffering-loader-fMSpb {
flex: none;
max-width: 15rem;
max-height: 15rem;
animation: fadeInOut-WS5RD 2s infinite;
display: block;
width: auto;
height: auto;
}
@keyframes fadeInOut-WS5RD {
0% {
opacity: 0.2;
}
50% {
opacity: 1;
}
100% {
opacity: 0.2;
}
}
html.active-slider-within-NcgYf{cursor:grabbing}html.active-slider-within-NcgYf body{pointer-events:none}.slider-container-nJz5F{cursor:pointer;overflow:visible;position:relative;z-index:0}.slider-container-nJz5F.disabled{opacity:0.5;pointer-events:none}.slider-container-nJz5F .layer-aC5Vt{align-items:center;bottom:0;display:flex;flex-direction:row;left:0;overflow:visible;position:absolute;right:0;top:0;z-index:0}.slider-container-nJz5F .track-gItfW{background-color:var(--primary-accent-color);border-radius:var(--track-size);flex:1;height:var(--track-size);opacity:0.2;width:100%;z-index:0}.slider-container-nJz5F .track-gItfW.audio-boost-AyRq0{background:linear-gradient(to right,var(--primary-foreground-color) 0%,var(--primary-foreground-color) 50%,var(--warning-accent-color) 75%,var(--danger-accent-color) 100%)!important;opacity:0.3}.slider-container-nJz5F .track-before-kJzIb{background-color:var(--overlay-color);z-index:1}.slider-container-nJz5F .track-after-pUXC0,.slider-container-nJz5F .track-before-kJzIb{border-radius:var(--track-size);flex:none;height:var(--track-size)}.slider-container-nJz5F .track-after-pUXC0{background-color:var(--primary-foreground-color);-webkit-mask-image:linear-gradient(to right,black 0%,black var(--mask-width),transparent var(--mask-width));mask-image:linear-gradient(to right,black 0%,black var(--mask-width),transparent var(--mask-width));width:100%;z-index:2}.slider-container-nJz5F .track-after-pUXC0.audio-boost-AyRq0{background:linear-gradient(to right,var(--primary-foreground-color) 0%,var(--primary-foreground-color) 50%,var(--warning-accent-color) 75%,var(--danger-accent-color) 100%)!important}.slider-container-nJz5F .thumb-PiTF5{background-color:var(--primary-foreground-color);border-radius:100%;flex:none;height:var(--thumb-size);transform:translateX(-50%);width:var(--thumb-size);z-index:3}
.volume-slider-G_xAt:not(.disabled) .track-gItfW {
background-color: var(--overlay-color);
}
.volume-slider-G_xAt:not(.disabled) .track-after-pUXC0 {
background-color: var(--primary-foreground-color);
}
.volume-slider-G_xAt:not(.disabled):hover .track-after-pUXC0,
.volume-slider-G_xAt:not(.disabled).active .track-after-pUXC0 {
background-color: var(--primary-foreground-color);
}
.volume-change-indicator-EWypD {
position: absolute;
top: 50%;
left: 50%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
transform: translate(-50%, -50%);
background-color: var(--overlay-color);
border-radius: var(--border-radius);
padding: 2rem 2.5rem;
gap: 1rem;
}
.volume-change-indicator-EWypD .volume-icon-zn9zT {
width: 6.5rem;
height: 6.5rem;
color: var(--primary-foreground-color);
}
.volume-change-indicator-EWypD .volume-slider-FKN0X {
border-radius: var(--border-radius);
width: 6.5rem;
max-height: 1rem;
flex: 0 1 10rem;
margin: 0 1rem;
--track-size: 0.35rem;
--thumb-size: 1rem;
}
@media only screen and (max-width: 640px) {
.volume-change-indicator-EWypD {
padding: 1rem 1.5rem;
}
.volume-change-indicator-EWypD .volume-icon-zn9zT {
width: 4rem;
height: 4rem;
}
.volume-change-indicator-EWypD .volume-slider-FKN0X {
width: 4rem;
}
}
.error-ty_iB {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background-color: #000000;
}
.error-ty_iB .error-label-lyLDv {
flex: 0 1 auto;
padding: 0 8rem;
max-height: 4.8em;
font-size: 2rem;
color: var(--primary-foreground-color);
text-align: center;
}
.error-ty_iB .error-sub-rdwAf {
flex: 0 1 auto;
padding: 0 2rem;
max-height: 4.8em;
font-size: 1.3rem;
margin-top: 0.8rem;
color: var(--primary-foreground-color);
text-align: center;
}
.error-ty_iB .playlist-button-tZTCo {
flex: none;
display: flex;
flex-direction: row;
align-items: center;
height: 3.5rem;
border-radius: 3.5rem;
margin-top: 1.5rem;
padding: 0 2rem;
background-color: var(--secondary-accent-color);
}
.error-ty_iB .playlist-button-tZTCo:hover {
outline: var(--focus-outline-size) solid var(--secondary-accent-color);
background-color: transparent;
}
.error-ty_iB .playlist-button-tZTCo .icon-fIGRf {
flex: none;
width: 1.5rem;
height: 1.5rem;
margin-right: 1rem;
color: var(--primary-foreground-color);
}
.error-ty_iB .playlist-button-tZTCo .label-Z7jSJ {
flex: 1;
max-height: 2.4em;
font-size: 1.1rem;
font-weight: 500;
color: var(--primary-foreground-color);
text-align: center;
}
.seek-bar-container-JGGTa {
display: flex;
flex-direction: row;
align-items: center;
}
.seek-bar-container-JGGTa .label-QFbsS {
flex: none;
width: 6rem;
white-space: nowrap;
text-overflow: ellipsis;
direction: rtl;
text-align: center;
color: var(--primary-foreground-color);
}
.seek-bar-container-JGGTa .slider-hBDOf {
flex: 1;
align-self: stretch;
margin: 0 var(--thumb-size);
}
.seek-bar-container-JGGTa .slider-hBDOf .track-after-pUXC0 {
background-color: var(--primary-accent-color);
}
.seek-bar-container-JGGTa .slider-hBDOf .thumb-PiTF5 {
background-color: var(--primary-accent-color);
}
.seek-bar-container-JGGTa .slider-hBDOf .thumb-PiTF5:after {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
border-radius: 100%;
box-shadow: 0 0 0 0.25rem var(--primary-accent-color) inset;
filter: brightness(130%);
}
.control-bar-container-xsWA7 {
padding: 0 1.5rem;
}
.control-bar-container-xsWA7 .seek-bar-I7WeY {
--track-size: 0.5rem;
--thumb-size: 1.3rem;
height: 2.5rem;
}
.control-bar-container-xsWA7 .control-bar-buttons-container-SWhkU {
display: flex;
flex-direction: row;
align-items: center;
}
.control-bar-container-xsWA7 .control-bar-buttons-container-SWhkU .control-bar-button-FQUsj {
flex: none;
width: 4rem;
height: 5rem;
display: flex;
justify-content: center;
align-items: center;
}
.control-bar-container-xsWA7 .control-bar-buttons-container-SWhkU .control-bar-button-FQUsj.disabled .icon-qy6I6 {
opacity: 0.5;
}
.control-bar-container-xsWA7 .control-bar-buttons-container-SWhkU .control-bar-button-FQUsj .icon-qy6I6 {
flex: none;
width: 2.5rem;
height: 2.5rem;
color: var(--primary-foreground-color);
}
.control-bar-container-xsWA7 .control-bar-buttons-container-SWhkU .volume-slider-U9jfo {
--track-size: 0.35rem;
--thumb-size: 1rem;
flex: 0 1 10rem;
height: 4rem;
margin: 0 1rem;
}
.control-bar-container-xsWA7 .control-bar-buttons-container-SWhkU .spacing-p8NJQ {
flex: 1;
}
.control-bar-container-xsWA7 .control-bar-buttons-container-SWhkU .control-bar-buttons-menu-button-h0MWd {
flex: none;
width: 4rem;
height: 4rem;
display: none;
justify-content: center;
align-items: center;
}
.control-bar-container-xsWA7 .control-bar-buttons-container-SWhkU .control-bar-buttons-menu-button-h0MWd .icon-qy6I6 {
flex: none;
width: 2.5rem;
height: 2.5rem;
color: var(--primary-foreground-color);
}
.control-bar-container-xsWA7 .control-bar-buttons-container-SWhkU .control-bar-buttons-menu-container-M6L0_ {
flex: none;
display: flex;
flex-direction: row;
}
@media only screen and (max-width: 640px) {
.control-bar-container-xsWA7 {
padding: 0;
}
.control-bar-container-xsWA7 .seek-bar-I7WeY {
margin: 0 1.5rem;
}
.control-bar-container-xsWA7 .control-bar-buttons-container-SWhkU {
position: relative;
padding: 0 0.5rem;
overflow: visible;
}
.control-bar-container-xsWA7 .control-bar-buttons-container-SWhkU .volume-slider-U9jfo {
display: none;
}
.control-bar-container-xsWA7 .control-bar-buttons-container-SWhkU .control-bar-buttons-menu-button-h0MWd {
display: flex;
}
.control-bar-container-xsWA7 .control-bar-buttons-container-SWhkU .control-bar-buttons-menu-container-M6L0_ {
position: absolute;
right: 0rem;
bottom: 4.5rem;
padding: 0.5rem;
margin: 0.5rem;
max-width: calc(100dvw - 1rem);
border-radius: var(--border-radius);
background-color: var(--modal-background-color);
box-shadow: 0 1.35rem 2.7rem hsla(0, 0%, 0%, 0.4), 0 1.1rem 0.85rem hsla(0, 0%, 0%, 0.2);
overflow-x: auto;
}
.control-bar-container-xsWA7 .control-bar-buttons-container-SWhkU .control-bar-buttons-menu-container-M6L0_:not(.open) {
display: none;
}
}
.next-video-popup-container-H4wnL {
display: flex;
flex-direction: row;
width: 38rem;
min-height: 13rem;
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 25%;
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 .poster-image-2D6wg.blurred-rcoS5 {
filter: blur(0.5rem);
-webkit-filter: blur(0.5rem);
}
.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;
display: flex;
flex-direction: column;
gap: 1rem;
padding: 1.5rem 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;
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;
color: var(--primary-foreground-color);
}
.next-video-popup-container-H4wnL .info-container-KLOMx .buttons-container-iYrpZ {
display: flex;
flex-direction: row;
justify-content: space-between;
gap: 1rem;
padding: 0 1rem 1.5rem;
}
.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 1 50%;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
gap: 1rem;
height: 3.5rem;
padding: 0 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;
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);
}
@media screen and (max-width: 500px) and (max-height: 1000px) and (orientation: portrait) {
.next-video-popup-container-H4wnL .info-container-KLOMx .buttons-container-iYrpZ {
gap: 0.5rem;
}
.next-video-popup-container-H4wnL .info-container-KLOMx .buttons-container-iYrpZ .button-container-i4F7t {
margin-left: 0rem;
}
.next-video-popup-container-H4wnL .info-container-KLOMx .buttons-container-iYrpZ .button-container-i4F7t .icon-N3Ewm {
margin-right: 0rem;
}
.next-video-popup-container-H4wnL .info-container-KLOMx .buttons-container-iYrpZ .button-container-i4F7t .label-zOq_w {
display: none;
}
}
.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;
}
.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 .settings-list-mhZV6 {
overflow-y: scroll;
}
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .spacing-AWJpt {
flex: 1;
}
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .stepper-FTDeY {
padding: 0 1.5rem 1rem;
}
.stepper-OL8zv.disabled .header-fEtxa {
color: var(--primary-foreground-color);
}
.stepper-OL8zv.disabled .content-A6qIn {
opacity: 0.4;
}
.stepper-OL8zv .header-fEtxa {
margin-bottom: 0.5rem;
color: var(--primary-foreground-color);
opacity: 0.6;
}
.stepper-OL8zv .content-A6qIn {
display: flex;
flex-direction: row;
align-items: center;
border-radius: 3.5rem;
background: var(--overlay-color);
}
.stepper-OL8zv .content-A6qIn .button-fisbt {
flex: none;
width: 3.5rem;
height: 3.5rem;
padding: 1rem;
border-radius: 100%;
background-color: var(--overlay-color);
}
.stepper-OL8zv .content-A6qIn .button-fisbt .icon-zdvuT {
display: block;
width: 100%;
height: 100%;
color: var(--primary-foreground-color);
}
.stepper-OL8zv .content-A6qIn .value-Z6LnU {
flex: 1;
font-weight: 500;
text-align: center;
color: var(--primary-foreground-color);
}
.audio-menu-qB4SQ {
display: flex;
flex-direction: row;
}
.audio-menu-qB4SQ .container-lNRgG {
flex: none;
align-self: stretch;
display: flex;
flex-direction: column;
width: 16rem;
}
.audio-menu-qB4SQ .container-lNRgG .header-yT4vp {
flex: none;
align-self: stretch;
padding: 1.5rem 2rem;
font-weight: 700;
color: var(--primary-foreground-color);
}
.audio-menu-qB4SQ .container-lNRgG .list-lt_h8 {
flex: 1;
align-self: stretch;
display: flex;
flex-direction: column;
gap: 0.5rem;
overflow-y: auto;
padding: 0 1rem;
padding-bottom: 1rem;
}
.audio-menu-qB4SQ .container-lNRgG .list-lt_h8 .option-COcvW {
flex: none;
display: flex;
flex-direction: row;
align-items: center;
gap: 1rem;
height: 4rem;
padding: 0 1.5rem;
border-radius: var(--border-radius);
}
.audio-menu-qB4SQ .container-lNRgG .list-lt_h8 .option-COcvW.selected,
.audio-menu-qB4SQ .container-lNRgG .list-lt_h8 .option-COcvW:hover {
background-color: var(--overlay-color);
}
.audio-menu-qB4SQ .container-lNRgG .list-lt_h8 .option-COcvW .info-BPG2q {
flex: 1;
display: flex;
flex-direction: column;
gap: 0.25rem;
}
.audio-menu-qB4SQ .container-lNRgG .list-lt_h8 .option-COcvW .info-BPG2q .lang-EXxoG,
.audio-menu-qB4SQ .container-lNRgG .list-lt_h8 .option-COcvW .info-BPG2q .label-_DvDN {
flex: auto;
text-wrap: nowrap;
text-overflow: ellipsis;
}
.audio-menu-qB4SQ .container-lNRgG .list-lt_h8 .option-COcvW .info-BPG2q .lang-EXxoG {
font-size: 1.1rem;
line-height: 1.5rem;
color: var(--primary-foreground-color);
}
.audio-menu-qB4SQ .container-lNRgG .list-lt_h8 .option-COcvW .info-BPG2q .label-_DvDN {
font-size: 0.9rem;
color: var(--color-placeholder-text);
}
.audio-menu-qB4SQ .container-lNRgG .list-lt_h8 .option-COcvW .icon-DebLV {
flex: none;
width: 0.5rem;
height: 0.5rem;
border-radius: 100%;
background-color: var(--secondary-accent-color);
}
.option-_O96j {
display: flex;
flex-direction: row;
align-items: center;
padding: 0 1.5em;
margin-bottom: 0.5rem;
border-radius: var(--border-radius);
}
.option-_O96j.selected {
background-color: var(--overlay-color);
}
.option-_O96j.selected .icon-kqaPF {
display: block;
}
.option-_O96j:hover,
.option-_O96j:focus {
background-color: var(--overlay-color);
}
.option-_O96j .label-FEOiu {
flex: 1;
font-weight: 400;
color: var(--primary-foreground-color);
}
.option-_O96j .icon-kqaPF {
flex: none;
display: none;
width: 0.5rem;
height: 0.5rem;
border-radius: 100%;
margin-left: 1rem;
background-color: var(--secondary-accent-color);
}
.speed-menu-container-ABjzc {
width: 14rem;
}
.speed-menu-container-ABjzc .title-Hu2Dm {
flex: none;
align-self: stretch;
font-weight: 700;
color: var(--primary-foreground-color);
padding: 1.5rem 2rem;
}
.speed-menu-container-ABjzc .options-container-DNn3D {
flex: 0 1 auto;
max-height: calc(3.2rem * 8);
padding: 0 1rem 0.5rem;
}
.speed-menu-container-ABjzc .options-container-DNn3D .option-GcPlB {
height: 3.2rem;
}
.side-drawer-button-lVLKS {
height: 12.5rem;
width: 7.5rem;
display: flex;
align-items: center;
justify-content: start;
padding-left: 0.5rem;
border-radius: 50%;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
background-color: var(--modal-background-color);
-webkit-tap-highlight-color: transparent;
cursor: pointer;
opacity: 1;
will-change: opacity;
transition: opacity 0.3s ease-in-out, border-radius 0.3s ease-in-out;
}
.side-drawer-button-lVLKS .icon-g5Oo_ {
position: relative;
width: 2.5rem;
height: 2.5rem;
color: var(--primary-foreground-color);
opacity: 0.6;
transition: 0.3s opacity ease-in-out;
}
.side-drawer-button-lVLKS:hover .icon-g5Oo_ {
opacity: 1;
}
@media screen and (max-width: 1000px) {
.side-drawer-button-lVLKS {
height: 8rem;
width: 4.5rem;
}
.side-drawer-button-lVLKS .icon-g5Oo_ {
width: 2rem;
height: 2rem;
}
}
.meta-preview-container-o22hc{display:flex;flex-direction:column;position:relative;z-index:0}.meta-preview-container-o22hc.compact-ii1zu .meta-info-container-ub8AH .logo-X3hTV,.meta-preview-container-o22hc.compact-ii1zu .meta-info-container-ub8AH .logo-placeholder-rE1ld{height:6rem;width:100%}.meta-preview-container-o22hc.compact-ii1zu .meta-info-container-ub8AH .runtime-release-info-container-BGd_r{justify-content:space-between}.meta-preview-container-o22hc.compact-ii1zu .meta-info-container-ub8AH .runtime-release-info-container-BGd_r .release-info-label-LPJMB,.meta-preview-container-o22hc.compact-ii1zu .meta-info-container-ub8AH .runtime-release-info-container-BGd_r .runtime-label-TzAGI{margin:1rem 0.4rem}.meta-preview-container-o22hc.compact-ii1zu .meta-info-container-ub8AH .description-container-yi8iU{max-height:none}.meta-preview-container-o22hc.compact-ii1zu .action-buttons-container-XbKVa{justify-content:space-between}.meta-preview-container-o22hc.compact-ii1zu .action-buttons-container-XbKVa .action-button-XIZa3:not(:last-child){margin-right:0}.meta-preview-container-o22hc .background-image-layer-kk_WI{bottom:-10px;left:-10px;position:absolute;right:-10px;top:-10px;z-index:-1}.meta-preview-container-o22hc .background-image-layer-kk_WI .background-image-9zToE{display:block;filter:blur(10px);height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;opacity:0.3;width:100%}.meta-preview-container-o22hc .meta-info-container-ub8AH{align-self:stretch;flex:1;overflow-y:auto}.meta-preview-container-o22hc .meta-info-container-ub8AH:not(:hover){scrollbar-color:transparent transparent}.meta-preview-container-o22hc .meta-info-container-ub8AH:not(:hover)::-webkit-scrollbar-thumb,.meta-preview-container-o22hc .meta-info-container-ub8AH:not(:hover)::-webkit-scrollbar-track{background-color:transparent}.meta-preview-container-o22hc .meta-info-container-ub8AH .logo-X3hTV,.meta-preview-container-o22hc .meta-info-container-ub8AH .logo-placeholder-rE1ld{display:block;margin-bottom:2rem;max-width:100%}.meta-preview-container-o22hc .meta-info-container-ub8AH .logo-X3hTV{height:9rem;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center}.meta-preview-container-o22hc .meta-info-container-ub8AH .logo-placeholder-rE1ld{color:hsla(0,0%,100%,0.9);font-size:1.7rem}.meta-preview-container-o22hc .meta-info-container-ub8AH .runtime-release-info-container-BGd_r{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;margin-top:1rem}.meta-preview-container-o22hc .meta-info-container-ub8AH .runtime-release-info-container-BGd_r .release-info-label-LPJMB,.meta-preview-container-o22hc .meta-info-container-ub8AH .runtime-release-info-container-BGd_r .runtime-label-TzAGI{color:var(--primary-foreground-color);flex:0 1 auto;font-size:1.25rem;font-weight:600;margin-right:3rem}.meta-preview-container-o22hc .meta-info-container-ub8AH .runtime-release-info-container-BGd_r .imdb-button-container-gGjxp{align-items:center;border:var(--focus-outline-size) solid transparent;border-radius:0.5rem;display:flex;flex:0 1 auto;flex-direction:row;padding:0rem 0.5rem}.meta-preview-container-o22hc .meta-info-container-ub8AH .runtime-release-info-container-BGd_r .imdb-button-container-gGjxp:focus{border:var(--focus-outline-size) solid hsl(0,0%,100%);outline:none}.meta-preview-container-o22hc .meta-info-container-ub8AH .runtime-release-info-container-BGd_r .imdb-button-container-gGjxp .label-MXv72{color:var(--primary-foreground-color);flex:0 1 auto;font-size:1.25rem;font-weight:600;margin-right:1rem}.meta-preview-container-o22hc .meta-info-container-ub8AH .runtime-release-info-container-BGd_r .imdb-button-container-gGjxp .icon-N_uIU{color:var(--color-imdb);flex:none;height:3rem;width:3rem}.meta-preview-container-o22hc .meta-info-container-ub8AH .description-container-yi8iU{color:var(--primary-foreground-color);font-size:1rem;font-weight:400;line-height:2em;margin-top:1rem}.meta-preview-container-o22hc .meta-info-container-ub8AH .description-container-yi8iU .label-container-_VXZt{color:var(--primary-foreground-color);font-size:0.95rem;font-weight:700;opacity:0.3;text-transform:uppercase}.meta-preview-container-o22hc .meta-info-container-ub8AH .meta-links-Xiao3{margin-top:1.5rem}.meta-preview-container-o22hc .action-buttons-container-XbKVa{align-items:flex-end;align-self:stretch;display:flex;flex:none;flex-direction:row;flex-wrap:wrap;overflow:visible;padding-top:3.5rem}.meta-preview-container-o22hc .action-buttons-container-XbKVa .label-MXv72{color:var(--primary-foreground-color);left:0;opacity:0;overflow:visible;position:absolute;text-align:center;top:-3rem;transition:opacity 0.3s ease}.meta-preview-container-o22hc .action-buttons-container-XbKVa:not(:last-child){margin-right:1rem}.meta-preview-container-o22hc .action-buttons-container-XbKVa:hover .label-MXv72{opacity:0.7}.meta-preview-container-o22hc .action-buttons-container-XbKVa .action-button-XIZa3{flex:none;height:4rem;margin-bottom:1rem;width:4rem}.meta-preview-container-o22hc .action-buttons-container-XbKVa .action-button-XIZa3.wide{border-radius:4rem;padding:0 2rem;width:auto}.meta-preview-container-o22hc .action-buttons-container-XbKVa .action-button-XIZa3:not(:last-child){margin-right:1rem}.meta-preview-container-o22hc .action-buttons-container-XbKVa .action-button-XIZa3.show-button-_yuOF:focus,.meta-preview-container-o22hc .action-buttons-container-XbKVa .action-button-XIZa3.show-button-_yuOF:hover{background-color:var(--secondary-accent-color);outline:none}.meta-preview-container-o22hc .ratings-zUtHH{margin-bottom:1rem;margin-right:1rem}.share-prompt-QbhIA{width:30rem}@media screen and (max-width:1000px) and (max-height:500px) and (orientation:landscape){.meta-preview-container-o22hc .meta-info-container-ub8AH .logo-X3hTV{height:5rem;margin-bottom:1rem}.meta-preview-container-o22hc .action-buttons-container-XbKVa{gap:0.5rem;padding-top:1.5rem}.meta-preview-container-o22hc .action-buttons-container-XbKVa .action-button-XIZa3{border-radius:2rem;height:3rem;margin-right:0rem!important;padding:0 1.5rem!important}.meta-preview-container-o22hc .ratings-zUtHH{margin-right:0}}@media only screen and (max-width:640px){.meta-preview-container-o22hc .meta-info-container-ub8AH .logo-X3hTV{margin:2rem auto}.meta-preview-container-o22hc .meta-info-container-ub8AH .runtime-release-info-container-BGd_r{justify-content:space-between}.meta-preview-container-o22hc .meta-info-container-ub8AH .runtime-release-info-container-BGd_r .release-info-label-LPJMB,.meta-preview-container-o22hc .meta-info-container-ub8AH .runtime-release-info-container-BGd_r .runtime-label-TzAGI{margin:0}.meta-preview-container-o22hc .action-buttons-container-XbKVa{flex-shrink:0;margin-top:3rem;overflow:visible;scrollbar-width:none}.meta-preview-container-o22hc .action-buttons-container-XbKVa::-webkit-scrollbar{display:none}.share-prompt-QbhIA{width:auto}}
.side-drawer-r9EuA {
display: flex;
flex-direction: column;
padding: 1rem;
height: 100dvh;
max-width: 35rem;
overflow-y: auto;
position: relative;
border-top-left-radius: var(--border-radius);
border-bottom-left-radius: var(--border-radius);
background-color: var(--modal-background-color);
box-shadow: 0 1.35rem 2.7rem var(--color-background-dark5-40), 0 1.1rem 0.85rem var(--color-background-dark5-20);
backdrop-filter: blur(15px);
transition: transform 0.3s ease-in-out;
z-index: 1;
}
.side-drawer-r9EuA .close-button-ruzkn {
display: none;
position: absolute;
top: 1.3rem;
right: 1.3rem;
padding: 0.5rem;
background-color: transparent;
cursor: pointer;
z-index: 2;
border-radius: var(--border-radius);
transition: 0.3s all ease-in-out;
-webkit-tap-highlight-color: transparent;
}
.side-drawer-r9EuA .close-button-ruzkn .icon-k44IU {
color: var(--primary-foreground-color);
width: 2rem;
height: 2rem;
opacity: 0.6;
transition: 0.3s opacity ease-in-out;
}
.side-drawer-r9EuA .close-button-ruzkn:hover {
background-color: var(--overlay-color);
}
.side-drawer-r9EuA .close-button-ruzkn:hover .icon-k44IU {
opacity: 1;
}
.side-drawer-r9EuA .info-hhNTg {
padding: 1rem;
overflow-y: auto;
flex: 1;
}
.side-drawer-r9EuA .info-hhNTg .side-drawer-meta-preview-pB8v6 .action-buttons-container-XbKVa {
padding-top: 0;
margin-top: 0;
}
.side-drawer-r9EuA .series-content-VkYHB {
flex: 2;
display: flex;
flex-direction: column;
}
.side-drawer-r9EuA .series-content-VkYHB .videos-nRM2D {
overflow-y: auto;
}
@media screen and (max-width: 500px) and (max-height: 1000px) and (orientation: portrait) {
.side-drawer-r9EuA {
max-width: 100dvw;
}
.side-drawer-r9EuA .close-button-ruzkn {
display: block;
}
}
@media screen and (max-width: 1000px) and (max-height: 500px) and (orientation: landscape) {
.side-drawer-r9EuA {
max-width: 50dvw;
}
.side-drawer-r9EuA .info-hhNTg {
flex: 1;
}
}
@media screen and (max-width: 800px) {
.side-drawer-r9EuA {
padding: calc(1rem / 2);
}
.side-drawer-r9EuA .info-hhNTg {
padding: calc(1rem / 2);
}
}
.horizontal-nav-bar-container-Y_zvK{align-items:center;background-color:transparent;box-sizing:content-box;display:flex;flex-direction:row;height:var(--horizontal-nav-bar-size);justify-content:space-between;overflow:visible;padding-right:1rem;padding-top:var(--safe-area-inset-top)}.horizontal-nav-bar-container-Y_zvK .logo-container-jteMT{align-items:center;display:flex;flex:none;height:var(--horizontal-nav-bar-size);justify-content:center;width:var(--vertical-nav-bar-size)}.horizontal-nav-bar-container-Y_zvK .logo-container-jteMT .logo-oPx1q{flex:none;height:2.5rem;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;opacity:0.9;width:2.5rem}.horizontal-nav-bar-container-Y_zvK .back-button-container-lDB1N{margin-left:max(0rem,calc(1rem - var(--safe-area-inset-left)))}.horizontal-nav-bar-container-Y_zvK .title-DGh6h{color:hsla(222.8,100%,78%,0.9);flex:4 0 0;font-size:1.2rem;font-style:normal;font-weight:500;letter-spacing:0.01rem;padding:0 1rem;text-overflow:ellipsis;white-space:nowrap}.horizontal-nav-bar-container-Y_zvK .search-bar-h60ja{height:3.25rem;width:30rem}.horizontal-nav-bar-container-Y_zvK .buttons-container-Oc5z1{display:flex;flex-direction:row;gap:0.5rem;overflow:visible}.horizontal-nav-bar-container-Y_zvK .button-container-xT9_L{align-items:center;border-radius:0.75rem;display:flex;flex:none;height:3.5rem;justify-content:center;opacity:0.6;width:3.5rem}.horizontal-nav-bar-container-Y_zvK .button-container-xT9_L .icon-T8MU6{color:var(--primary-foreground-color);flex:none;height:2rem;opacity:0.6;width:2rem}.horizontal-nav-bar-container-Y_zvK .button-container-xT9_L.active{background-color:var(--overlay-color);opacity:1}.horizontal-nav-bar-container-Y_zvK .button-container-xT9_L.active .icon-T8MU6{color:var(--primary-foreground-color);opacity:0.8}@media (pointer:fine){.horizontal-nav-bar-container-Y_zvK .button-container-xT9_L:hover{background-color:var(--overlay-color);opacity:1}.horizontal-nav-bar-container-Y_zvK .button-container-xT9_L:hover .icon-T8MU6{color:var(--primary-foreground-color);opacity:0.8}}@media only screen and (max-width:640px){.horizontal-nav-bar-container-Y_zvK{justify-content:space-between;padding-right:0}.horizontal-nav-bar-container-Y_zvK .logo-container-jteMT{width:var(--horizontal-nav-bar-size)}.horizontal-nav-bar-container-Y_zvK .button-container-xT9_L{margin:0 1rem}.horizontal-nav-bar-container-Y_zvK .button-container-xT9_L:not(.back-button-container-lDB1N):not(.menu-button-container-DtW4v){display:none}}
html:not(.active-slider-within-NcgYf) .player-container-wIELK.overlayHidden-gyjIy {
cursor: none;
}
html:not(.active-slider-within-NcgYf) .player-container-wIELK.overlayHidden-gyjIy .nav-bar-layer-r9HT5,
html:not(.active-slider-within-NcgYf) .player-container-wIELK.overlayHidden-gyjIy .control-bar-layer-m2jto,
html:not(.active-slider-within-NcgYf) .player-container-wIELK.overlayHidden-gyjIy .menu-layer-HZFG9,
html:not(.active-slider-within-NcgYf) .player-container-wIELK.overlayHidden-gyjIy .side-drawer-button-layer-RrB8k {
opacity: 0;
transition: opacity 200ms;
}
.player-container-wIELK {
position: relative;
z-index: 0;
width: 100%;
height: 100%;
background-color: #000000;
}
.player-container-wIELK .layer-qalDW {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 0;
}
.player-container-wIELK .layer-qalDW.buffering-layer-ZZCYp,
.player-container-wIELK .layer-qalDW.error-layer-RCEZC {
background: transparent;
}
.player-container-wIELK .layer-qalDW.background-layer-ldsp8 .image-XxZuJ {
width: 100vw;
height: 100vh;
object-fit: cover;
opacity: 0.6;
}
.player-container-wIELK .layer-qalDW.nav-bar-layer-r9HT5 {
bottom: initial;
background: transparent;
overflow: visible;
}
.player-container-wIELK .layer-qalDW.nav-bar-layer-r9HT5::before {
position: absolute;
right: 0;
top: 0;
left: 0;
z-index: -1;
box-shadow: 0 0 8rem 6rem hsl(0, 0%, 0%);
content: "";
}
.player-container-wIELK .layer-qalDW.nav-bar-layer-r9HT5 .button-container-xT9_L:hover {
background: transparent;
}
.player-container-wIELK .layer-qalDW.nav-bar-layer-r9HT5 .button-container-xT9_L .icon-T8MU6 {
color: var(--primary-foreground-color);
}
.player-container-wIELK .layer-qalDW.nav-bar-layer-r9HT5 .title-DGh6h {
color: var(--primary-foreground-color);
}
.player-container-wIELK .layer-qalDW.side-drawer-button-layer-RrB8k {
position: fixed;
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.indicator-layer-EpiA6 {
top: initial;
left: 0;
right: 0;
bottom: 10rem;
}
.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;
}
.indicator-container-wgAZn {
position: absolute;
display: flex;
align-items: center;
justify-content: center;
height: 4rem;
user-select: none;
}
.indicator-container-wgAZn .indicator-jM65y {
flex: none;
position: relative;
display: flex;
align-items: center;
justify-content: center;
height: 100%;
padding: 0 2rem;
border-radius: 4rem;
text-align: center;
font-weight: bold;
color: var(--primary-foreground-color);
background-color: var(--modal-background-color);
}
.password-reset-modal-container-KzJPQ .modal-dialog-content-Xgv7Z {
width: 30rem;
}
.password-reset-modal-container-KzJPQ .modal-dialog-content-Xgv7Z .credentials-text-input-ncrIR {
width: 100%;
padding: 1rem;
border-radius: var(--border-radius);
outline-offset: calc(-1 * var(--focus-outline-size));
color: var(--primary-foreground-color);
background: var(--overlay-color);
}
.password-reset-modal-container-KzJPQ .modal-dialog-content-Xgv7Z .credentials-text-input-ncrIR:hover,
.password-reset-modal-container-KzJPQ .modal-dialog-content-Xgv7Z .credentials-text-input-ncrIR:focus {
outline: var(--focus-outline-size) solid var(--overlay-color);
}
.password-reset-modal-container-KzJPQ .error-message-DkekN {
font-size: 1.1rem;
margin-top: 2rem;
text-align: center;
color: hsla(42, 100%, 54.9%, 0.9);
}
.password-reset-modal-container-KzJPQ .cancel-button-AneJE {
background-color: transparent;
}
.password-reset-modal-container-KzJPQ .cancel-button-AneJE:hover,
.password-reset-modal-container-KzJPQ .cancel-button-AneJE:focus {
outline-color: var(--primary-foreground-color);
}
.password-reset-modal-container-KzJPQ .cancel-button-AneJE .label-wbfsE {
color: var(--primary-foreground-color);
}
@media only screen and (max-width: 640px) {
.password-reset-modal-container-KzJPQ .modal-dialog-content-Xgv7Z {
width: auto;
}
}
.intro-container-tkNS6 {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100%;
overflow-y: auto;
}
.intro-container-tkNS6 .background-container-aYKCH {
z-index: -1;
position: fixed;
top: -1rem;
bottom: -1rem;
left: -1rem;
right: -1rem;
background: url(../../images/background_1.svg), url(../../images/background_2.svg);
background-color: var(--primary-background-color);
background-position: bottom left, top right;
background-size: 53%, 54%;
background-repeat: no-repeat;
filter: blur(6rem);
}
.intro-container-tkNS6 .heading-container-oI70m {
flex: none;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin-bottom: 5rem;
}
.intro-container-tkNS6 .heading-container-oI70m .logo-container-W49kt {
flex: none;
margin-bottom: 3rem;
}
.intro-container-tkNS6 .heading-container-oI70m .logo-container-W49kt .logo-WJ36F {
height: 5rem;
opacity: 0.9;
}
.intro-container-tkNS6 .heading-container-oI70m .title-container-CbIkM,
.intro-container-tkNS6 .heading-container-oI70m .slogan-container-UlcYd {
color: var(--primary-foreground-color);
}
.intro-container-tkNS6 .heading-container-oI70m .title-container-CbIkM {
font-size: 3rem;
font-weight: 600;
margin-bottom: 0.5rem;
}
.intro-container-tkNS6 .heading-container-oI70m .slogan-container-UlcYd {
font-size: 1.5rem;
font-weight: 400;
text-transform: lowercase;
opacity: 0.6;
}
.intro-container-tkNS6 .heading-container-oI70m .slogan-container-UlcYd::first-letter {
text-transform: uppercase;
}
.intro-container-tkNS6 .content-container-A1Drn {
flex: none;
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: center;
width: 100%;
}
.intro-container-tkNS6 .content-container-A1Drn .form-button-vyqqj {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
height: 4rem;
border-radius: 3.5rem;
padding: 0 1rem;
}
.intro-container-tkNS6 .content-container-A1Drn .form-button-vyqqj .icon-L_6b6 {
flex: none;
height: 2rem;
width: 2rem;
margin-right: 1rem;
color: var(--primary-foreground-color);
}
.intro-container-tkNS6 .content-container-A1Drn .form-button-vyqqj .label-uHD7L {
flex-grow: 0;
flex-shrink: 1;
flex-basis: auto;
font-size: 1.1rem;
font-weight: 700;
color: var(--primary-foreground-color);
text-align: center;
}
.intro-container-tkNS6 .content-container-A1Drn .submit-button-x3L8z,
.intro-container-tkNS6 .content-container-A1Drn .guest-login-button-D8DWZ,
.intro-container-tkNS6 .content-container-A1Drn .signup-form-button-UGmSk,
.intro-container-tkNS6 .content-container-A1Drn .login-form-button-DqJUV {
margin-top: 1rem;
outline: var(--focus-outline-size) solid var(--primary-foreground-color);
background-color: transparent;
}
.intro-container-tkNS6 .content-container-A1Drn .submit-button-x3L8z .label-uHD7L,
.intro-container-tkNS6 .content-container-A1Drn .guest-login-button-D8DWZ .label-uHD7L,
.intro-container-tkNS6 .content-container-A1Drn .signup-form-button-UGmSk .label-uHD7L,
.intro-container-tkNS6 .content-container-A1Drn .login-form-button-DqJUV .label-uHD7L {
color: var(--primary-foreground-color);
}
.intro-container-tkNS6 .content-container-A1Drn .submit-button-x3L8z:hover,
.intro-container-tkNS6 .content-container-A1Drn .guest-login-button-D8DWZ:hover,
.intro-container-tkNS6 .content-container-A1Drn .signup-form-button-UGmSk:hover,
.intro-container-tkNS6 .content-container-A1Drn .login-form-button-DqJUV:hover {
background-color: var(--primary-foreground-color);
}
.intro-container-tkNS6 .content-container-A1Drn .submit-button-x3L8z:hover .label-uHD7L,
.intro-container-tkNS6 .content-container-A1Drn .guest-login-button-D8DWZ:hover .label-uHD7L,
.intro-container-tkNS6 .content-container-A1Drn .signup-form-button-UGmSk:hover .label-uHD7L,
.intro-container-tkNS6 .content-container-A1Drn .login-form-button-DqJUV:hover .label-uHD7L {
color: var(--secondary-foreground-color);
}
.intro-container-tkNS6 .content-container-A1Drn .form-container-HMlEh {
flex: none;
position: relative;
width: 22rem;
margin-right: 2rem;
}
.intro-container-tkNS6 .content-container-A1Drn .form-container-HMlEh .credentials-text-input-QMCZz {
display: block;
width: 100%;
margin-bottom: 1rem;
padding: 1rem;
border-radius: var(--border-radius);
outline-offset: calc(-1 * var(--focus-outline-size));
color: var(--primary-foreground-color);
background: var(--overlay-color);
}
.intro-container-tkNS6 .content-container-A1Drn .form-container-HMlEh .credentials-text-input-QMCZz:hover,
.intro-container-tkNS6 .content-container-A1Drn .form-container-HMlEh .credentials-text-input-QMCZz:focus {
outline: var(--focus-outline-size) solid var(--overlay-color);
}
.intro-container-tkNS6 .content-container-A1Drn .form-container-HMlEh .forgot-password-link-container-ygZqb {
display: flex;
flex-direction: row;
justify-content: flex-end;
margin: 1rem 0;
text-align: right;
}
.intro-container-tkNS6 .content-container-A1Drn .form-container-HMlEh .forgot-password-link-container-ygZqb .forgot-password-link-NxNUD {
flex-grow: 0;
flex-shrink: 1;
flex-basis: auto;
padding: 0.5rem 1rem;
color: var(--primary-foreground-color);
}
.intro-container-tkNS6 .content-container-A1Drn .form-container-HMlEh .forgot-password-link-container-ygZqb .forgot-password-link-NxNUD:hover {
text-decoration: underline;
}
.intro-container-tkNS6 .content-container-A1Drn .form-container-HMlEh .error-message-cKdzB {
margin: 1rem 0;
padding: 0 1rem;
text-align: center;
color: var(--tertiary-accent-color);
}
.intro-container-tkNS6 .content-container-A1Drn .options-container-qxboQ {
flex: none;
position: relative;
width: 22rem;
margin-left: 2rem;
display: flex;
flex-direction: column;
}
.intro-container-tkNS6 .content-container-A1Drn .options-container-qxboQ .facebook-button-LZ_kG {
background: var(--color-facebook);
margin-bottom: 1rem;
}
.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;
}
.intro-container-tkNS6 .content-container-A1Drn .options-container-qxboQ .apple-button-V5nEI {
background: var(--primary-foreground-color);
}
.intro-container-tkNS6 .content-container-A1Drn .options-container-qxboQ .apple-button-V5nEI .icon-L_6b6 {
color: var(--primary-background-color);
}
.intro-container-tkNS6 .content-container-A1Drn .options-container-qxboQ .apple-button-V5nEI .label-uHD7L {
color: var(--primary-background-color);
}
.intro-container-tkNS6 .content-container-A1Drn .options-container-qxboQ .apple-button-V5nEI:hover,
.intro-container-tkNS6 .content-container-A1Drn .options-container-qxboQ .apple-button-V5nEI:focus {
outline: var(--focus-outline-size) solid var(--primary-foreground-color);
background-color: transparent;
}
.intro-container-tkNS6 .content-container-A1Drn .options-container-qxboQ .apple-button-V5nEI:hover .icon-L_6b6,
.intro-container-tkNS6 .content-container-A1Drn .options-container-qxboQ .apple-button-V5nEI:focus .icon-L_6b6 {
color: var(--primary-foreground-color);
}
.intro-container-tkNS6 .content-container-A1Drn .options-container-qxboQ .apple-button-V5nEI:hover .label-uHD7L,
.intro-container-tkNS6 .content-container-A1Drn .options-container-qxboQ .apple-button-V5nEI:focus .label-uHD7L {
color: var(--primary-foreground-color);
}
.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: 1000px) {
.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: 50%;
margin: 0 auto;
}
.intro-container-tkNS6 .content-container-A1Drn .options-container-qxboQ {
margin-bottom: 4rem;
}
}
@media only screen and (max-width: 640px) {
.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;
}
}
.updater-banner-MjMLN {
height: 4rem;
display: flex;
align-items: center;
justify-content: center;
gap: 1rem;
padding: 0 1rem;
font-size: 1rem;
font-weight: bold;
color: var(--primary-foreground-color);
background-color: var(--primary-accent-color);
}
.updater-banner-MjMLN .button-ixcOU {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
height: 2.5rem;
padding: 0 1rem;
border-radius: var(--border-radius);
color: var(--primary-background-color);
background-color: var(--primary-foreground-color);
transition: all 0.1s ease-out;
}
.updater-banner-MjMLN .button-ixcOU:hover {
color: var(--primary-foreground-color);
background-color: transparent;
box-shadow: inset 0 0 0 0.15rem var(--primary-foreground-color);
}
.updater-banner-MjMLN .close-Quid9 {
position: absolute;
right: 0;
height: 4rem;
width: 4rem;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
}
.updater-banner-MjMLN .close-Quid9 .icon-N2Lyd {
height: 2rem;
}
.shortcuts-modal-A5Jm_ {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: flex;
align-items: center;
justify-content: center;
}
.shortcuts-modal-A5Jm_ .backdrop-RVNbP {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: hsla(0, 0%, 0%, 0.4);
cursor: pointer;
}
.shortcuts-modal-A5Jm_ .container-OawCB {
position: relative;
display: flex;
flex-direction: column;
gap: 1rem;
max-height: 80%;
max-width: 80%;
border-radius: var(--border-radius);
background-color: var(--modal-background-color);
box-shadow: var(--outer-glow);
overflow-y: auto;
}
.shortcuts-modal-A5Jm_ .container-OawCB .header-JUh2c {
flex: none;
display: flex;
justify-content: space-between;
align-items: center;
height: 5rem;
padding-left: 2.5rem;
padding-right: 1rem;
}
.shortcuts-modal-A5Jm_ .container-OawCB .header-JUh2c .title-SaDFr {
position: relative;
font-size: 1.5rem;
font-weight: 500;
color: var(--primary-foreground-color);
}
.shortcuts-modal-A5Jm_ .container-OawCB .header-JUh2c .close-button-zS10s {
position: relative;
width: 3rem;
height: 3rem;
padding: 0.5rem;
border-radius: var(--border-radius);
z-index: 2;
}
.shortcuts-modal-A5Jm_ .container-OawCB .header-JUh2c .close-button-zS10s .icon-gr21P {
display: block;
width: 100%;
height: 100%;
color: var(--primary-foreground-color);
opacity: 0.4;
}
.shortcuts-modal-A5Jm_ .container-OawCB .header-JUh2c .close-button-zS10s:hover .icon-gr21P,
.shortcuts-modal-A5Jm_ .container-OawCB .header-JUh2c .close-button-zS10s:focus .icon-gr21P {
opacity: 1;
color: var(--primary-foreground-color);
}
.shortcuts-modal-A5Jm_ .container-OawCB .header-JUh2c .close-button-zS10s:focus {
outline-color: var(--primary-foreground-color);
}
.shortcuts-modal-A5Jm_ .container-OawCB .content-X0GHX {
position: relative;
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 3rem;
padding: 0 2.5rem;
padding-bottom: 2rem;
overflow-y: auto;
}
.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(../../da675cd56ce0bf2a65c07b45250cb7f7045f874d/fonts/PlusJakartaSans.ttf) format('truetype');
}
{
/* Copyright (C) 2017-2023 Smart code 203358507 */
}
.animation-fade-in {
animation-timing-function: ease-in-out;
animation-duration: 350ms;
}
.animation-fade-in {
animation-name: fade-in-pFkt_;
}
@media (prefers-reduced-motion) {
.animation-fade-in {
animation-name: fade-in-no-motion-lYmxL;
}
}
@keyframes fade-in-pFkt_ {
0% {
opacity: 0;
transform: translateY(4px);
}
40% {
opacity: 0;
transform: translateY(4px);
}
70% {
opacity: 0.6;
transform: translateY(2px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.animation-slide-up {
animation-timing-function: ease-out;
animation-duration: 0.1s;
}
.animation-slide-up {
animation-name: slide-up-lSxrC;
}
@keyframes slide-up-lSxrC {
0% {
transform: translateY(100%);
}
100% {
transform: translateY(0%);
}
}
.slide-left-enter {
transform: translateX(100%);
}
.slide-left-active {
transform: translateX(0%);
transition: transform 0.3s cubic-bezier(0.32, 0, 0.67, 0);
}
.slide-left-exit {
transform: translateX(100%);
}
.slide-up-enter {
transform: translateY(100%);
}
.slide-up-active {
transform: translateY(0%);
transition: transform 0.3s cubic-bezier(0.32, 0, 0.67, 0);
}
.slide-up-exit {
transform: translateY(100%);
}
.fade-enter {
opacity: 0;
}
.fade-active {
opacity: 1;
transition: opacity 0.3s cubic-bezier(0.32, 0, 0.67, 0);
}
.fade-exit {
opacity: 0;
}
@keyframes fade-in-no-motion-lYmxL {
0% {
opacity: 0;
}
40% {
opacity: 0;
}
70% {
opacity: 0.6;
}
100% {
opacity: 1;
}
}
.routes-container {
position: relative;
z-index: 0;
}
.routes-container .route-container {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 0;
}
.routes-container .route-container:not(:last-child) {
display: none;
}
.routes-container .route-container .route-content {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 0;
overflow: hidden;
}
.routes-container .route-container .modals-container {
width: 0;
height: 0;
}
.routes-container .route-container .modals-container .modal-container {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
overflow: hidden;
}
:root {
--landscape-shape-ratio: 0.5625;
--poster-shape-ratio: 1.464;
--scroll-bar-size: 6px;
--horizontal-nav-bar-size: 5.5rem;
--vertical-nav-bar-size: 6rem;
--focus-outline-size: 2px;
--color-facebook: #1877F1;
--color-x: #000000;
--color-reddit: #FF4500;
--color-imdb: #f5c518;
--color-trakt: #ffffff;
--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);
--warning-accent-color: #ffa500;
--danger-accent-color: #dc2626;
--border-radius: 0.75rem;
--top-overlay-size: 5.25rem;
--bottom-overlay-size: 0rem;
--overlap-size: 3rem;
--transparency-gradient-pad: 6rem;
--safe-area-inset-top: env(safe-area-inset-top, 0rem);
--safe-area-inset-right: env(safe-area-inset-right, 0rem);
--safe-area-inset-bottom: env(safe-area-inset-bottom, 0rem);
--safe-area-inset-left: env(safe-area-inset-left, 0rem);
--dynamic-viewport-width: 100vw;
--dynamic-viewport-height: 100vh;
--large-viewport-width: 100vw;
--large-viewport-height: 100vh;
--small-viewport-width: 100vw;
--small-viewport-height: 100vh;
--viewport-height-diff: calc(100vh - 100vh);
}
@supports (height: 100dvh) {
:root {
--dynamic-viewport-width: 100dvw;
--dynamic-viewport-height: 100dvh;
}
}
@supports (height: 100lvh) {
:root {
--large-viewport-width: 100lvw;
--large-viewport-height: 100lvh;
}
}
@supports (height: 100svh) {
:root {
--small-viewport-width: 100svw;
--small-viewport-height: 100svh;
}
}
@supports (height: 100lvh) and (height: 100svh) {
:root {
--viewport-height-diff: calc(100lvh - 100svh);
}
}
@media (display-mode: standalone) {
:root {
--safe-area-inset-bottom: min(env(safe-area-inset-bottom, 0rem), max(1rem, calc(var(--viewport-height-diff) - env(safe-area-inset-top, 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(var(--small-viewport-width), var(--dynamic-viewport-width)));
height: calc(max(var(--small-viewport-height), var(--dynamic-viewport-height)));
font-family: 'PlusJakartaSans', 'Arial', 'Helvetica', 'sans-serif';
overflow: auto;
overscroll-behavior: none;
user-select: none;
touch-action: manipulation;
-webkit-tap-highlight-color: transparent;
}
@media (display-mode: standalone) {
html {
width: calc(max(100%, var(--small-viewport-width)));
height: calc(max(100%, var(--small-viewport-height)));
}
}
html body {
width: 100%;
height: 100%;
background: linear-gradient(41deg, var(--primary-background-color) 0%, var(--secondary-background-color) 100%);
-webkit-font-smoothing: antialiased;
}
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(--safe-area-inset-bottom, 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 .file-drop-container-gHJoy {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
border-radius: 1rem;
border: 0.5rem dashed transparent;
pointer-events: none;
transition: border-color 0.25s ease-out;
}
html body #app .file-drop-container-gHJoy.active {
border-color: var(--primary-accent-color);
}
html body #app .updater-banner-container-Bk1mq {
z-index: 1;
position: absolute;
left: 0;
right: 0;
bottom: 0;
}
html body #app .router-_65XU {
width: 100%;
height: 100%;
}
html body #app .loader-container-vwvnb,
html body #app .error-container-VZXwH {
width: 100%;
height: 100%;
}
@media only screen and (min-width: 2800px) {
html {
font-size: 18px;
}
}
@media only screen and (max-width: 2800px) {
html {
font-size: 16px;
}
}
@media only screen and (max-width: 2200px) {
html {
font-size: 15px;
}
}
@media only screen and (max-width: 1600px) {
html {
font-size: 14px;
}
}
@media only screen and (max-width: 1000px) {
html body #app .toasts-container-oKECy {
padding: 0 1rem;
}
html body #app .tooltip-container-Qpse8 {
display: none;
}
}
@media only screen and (max-width: 640px) {
:root {
--bottom-overlay-size: 6rem;
}
}
/*# sourceMappingURL=main.css.map*/
Reference in a new issue View git blame Copy permalink