mirror of
https://github.com/Stremio/stremio-web.git
synced 2026-04-20 10:42:12 +00:00
7422 lines
No EOL
260 KiB
CSS
7422 lines
No EOL
260 KiB
CSS
.button-container-HNufV {
|
|
outline-width: var(--focus-outline-size);
|
|
outline-color: hsl(0, 0%, 100%);
|
|
outline-offset: calc(-1 * var(--focus-outline-size));
|
|
-webkit-tap-highlight-color: transparent;
|
|
cursor: pointer;
|
|
}
|
|
.button-container-HNufV:focus {
|
|
outline-style: solid;
|
|
}
|
|
.button-container-HNufV.disabled {
|
|
pointer-events: none;
|
|
opacity: 0.5;
|
|
}
|
|
|
|
.modal-container-jZglc {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
background-color: hsla(0, 0%, 0%, 0.4);
|
|
}
|
|
.modal-container-jZglc .modal-dialog-container-QgsId {
|
|
position: relative;
|
|
flex: none;
|
|
display: flex;
|
|
flex-direction: column;
|
|
max-width: 80%;
|
|
max-height: 80%;
|
|
padding: 0 2rem;
|
|
border-radius: var(--border-radius);
|
|
background-color: var(--modal-background-color);
|
|
box-shadow: var(--outer-glow);
|
|
}
|
|
.modal-container-jZglc .modal-dialog-container-QgsId .modal-dialog-background-I_IoU {
|
|
z-index: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
background-size: cover;
|
|
background-position: center;
|
|
opacity: 0.1;
|
|
}
|
|
.modal-container-jZglc .modal-dialog-container-QgsId .close-button-container-QrgQo {
|
|
position: absolute;
|
|
top: 0.5rem;
|
|
right: 0.5rem;
|
|
width: 3rem;
|
|
height: 3rem;
|
|
padding: 0.5rem;
|
|
border-radius: var(--border-radius);
|
|
z-index: 2;
|
|
}
|
|
.modal-container-jZglc .modal-dialog-container-QgsId .close-button-container-QrgQo .icon-hRjWc {
|
|
display: block;
|
|
width: 100%;
|
|
height: 100%;
|
|
color: var(--primary-foreground-color);
|
|
opacity: 0.4;
|
|
}
|
|
.modal-container-jZglc .modal-dialog-container-QgsId .close-button-container-QrgQo:hover .icon-hRjWc,
|
|
.modal-container-jZglc .modal-dialog-container-QgsId .close-button-container-QrgQo:focus .icon-hRjWc {
|
|
opacity: 1;
|
|
color: var(--primary-foreground-color);
|
|
}
|
|
.modal-container-jZglc .modal-dialog-container-QgsId .close-button-container-QrgQo:focus {
|
|
outline-color: var(--primary-foreground-color);
|
|
}
|
|
.modal-container-jZglc .modal-dialog-container-QgsId .modal-dialog-content-ChXwF {
|
|
z-index: 1;
|
|
position: relative;
|
|
overflow-y: auto;
|
|
}
|
|
.modal-container-jZglc .modal-dialog-container-QgsId .modal-dialog-content-ChXwF .title-container-wqhp3 {
|
|
flex: 1 0 auto;
|
|
display: flex;
|
|
align-items: center;
|
|
height: 4.5rem;
|
|
font-size: 1.2rem;
|
|
font-weight: 500;
|
|
color: var(--primary-foreground-color);
|
|
}
|
|
.modal-container-jZglc .modal-dialog-container-QgsId .modal-dialog-content-ChXwF .body-container-_WHlr {
|
|
flex: 1;
|
|
align-self: stretch;
|
|
overflow: visible;
|
|
padding: 2rem 0;
|
|
}
|
|
.modal-container-jZglc .modal-dialog-container-QgsId .modal-dialog-content-ChXwF .body-container-_WHlr:last-child {
|
|
margin-bottom: 2rem;
|
|
}
|
|
.modal-container-jZglc .modal-dialog-container-QgsId .modal-dialog-content-ChXwF .buttons-container-EJKJF {
|
|
flex: none;
|
|
align-self: stretch;
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: wrap;
|
|
}
|
|
.modal-container-jZglc .modal-dialog-container-QgsId .modal-dialog-content-ChXwF .buttons-container-EJKJF:last-child {
|
|
margin: 2rem 0;
|
|
}
|
|
.action-button-bi6FL {
|
|
flex: 1;
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
justify-content: center;
|
|
height: 3.5rem;
|
|
border-radius: 3.5rem;
|
|
padding: 1.2rem;
|
|
background-color: var(--secondary-accent-color);
|
|
}
|
|
.action-button-bi6FL:hover {
|
|
background-color: transparent;
|
|
outline: var(--focus-outline-size) solid var(--secondary-accent-color);
|
|
}
|
|
.action-button-bi6FL:focus {
|
|
outline-color: var(--primary-foreground-color);
|
|
}
|
|
.action-button-bi6FL:not(:last-child) {
|
|
margin-right: 1rem;
|
|
}
|
|
.action-button-bi6FL .icon-hRjWc {
|
|
flex: none;
|
|
width: 1.2rem;
|
|
height: 1.2rem;
|
|
margin-right: 0.5rem;
|
|
color: var(--primary-foreground-color);
|
|
}
|
|
.action-button-bi6FL .label-_ADoX {
|
|
flex-grow: 0;
|
|
flex-shrink: 1;
|
|
flex-basis: auto;
|
|
max-height: 3.6em;
|
|
font-size: 1.1rem;
|
|
font-weight: 700;
|
|
text-align: center;
|
|
color: var(--primary-foreground-color);
|
|
}
|
|
@media only screen and (max-width: 640px) {
|
|
.modal-container-jZglc .modal-dialog-container-QgsId {
|
|
position: relative;
|
|
width: 90%;
|
|
max-width: initial;
|
|
z-index: 0;
|
|
padding: 0 1.5rem;
|
|
}
|
|
.modal-container-jZglc .modal-dialog-container-QgsId .modal-dialog-content-ChXwF .buttons-container-EJKJF {
|
|
flex-direction: column;
|
|
gap: 1rem;
|
|
}
|
|
.modal-container-jZglc .action-button-bi6FL {
|
|
width: 100%;
|
|
}
|
|
.modal-container-jZglc .action-button-bi6FL .label-_ADoX {
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
}
|
|
|
|
.addon-details-container-ZQqDB .title-container-fR02m {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
}
|
|
.addon-details-container-ZQqDB .title-container-fR02m .logo-BujW_,
|
|
.addon-details-container-ZQqDB .title-container-fR02m .icon-ScXNu {
|
|
float: left;
|
|
width: 5rem;
|
|
height: 5rem;
|
|
margin-right: 1.5rem;
|
|
padding: 0.5rem;
|
|
}
|
|
.addon-details-container-ZQqDB .title-container-fR02m .logo-BujW_ {
|
|
object-fit: contain;
|
|
object-position: center;
|
|
}
|
|
.addon-details-container-ZQqDB .title-container-fR02m .icon-ScXNu {
|
|
color: var(--primary-foreground-color);
|
|
}
|
|
.addon-details-container-ZQqDB .title-container-fR02m .name-container-Gfhqw {
|
|
flex-grow: 1;
|
|
flex-shrink: 1;
|
|
flex-basis: 0;
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: wrap;
|
|
align-items: baseline;
|
|
}
|
|
.addon-details-container-ZQqDB .title-container-fR02m .name-container-Gfhqw .name-XNqfo {
|
|
flex-grow: 0;
|
|
flex-shrink: 1;
|
|
flex-basis: auto;
|
|
margin-right: 0.5rem;
|
|
font-size: 1.6rem;
|
|
color: var(--primary-foreground-color);
|
|
}
|
|
.addon-details-container-ZQqDB .title-container-fR02m .name-container-Gfhqw .version-w_xoN {
|
|
flex-grow: 1;
|
|
flex-shrink: 1;
|
|
flex-basis: auto;
|
|
margin-top: 0.5rem;
|
|
color: var(--primary-foreground-color);
|
|
}
|
|
.addon-details-container-ZQqDB .section-container-l3YaI {
|
|
margin-top: 1rem;
|
|
}
|
|
.addon-details-container-ZQqDB .section-container-l3YaI .section-header-bs8iy {
|
|
font-size: 1.1rem;
|
|
color: var(--primary-foreground-color);
|
|
}
|
|
.addon-details-container-ZQqDB .section-container-l3YaI .section-label-rYxQh {
|
|
font-size: 1.1rem;
|
|
font-weight: 300;
|
|
color: var(--primary-foreground-color);
|
|
}
|
|
.addon-details-container-ZQqDB .section-container-l3YaI .section-label-rYxQh.transport-url-label-EW7I5 {
|
|
user-select: text;
|
|
}
|
|
.addon-details-container-ZQqDB .section-container-l3YaI .section-label-rYxQh.disclaimer-label-IGdd3 {
|
|
font-style: italic;
|
|
}
|
|
|
|
.modal-container-jZglc{align-items:center;background-color:hsla(0,0%,0%,0.4);display:flex;justify-content:center}.modal-container-jZglc .modal-dialog-container-QgsId{background-color:var(--modal-background-color);border-radius:var(--border-radius);box-shadow:var(--outer-glow);display:flex;flex:none;flex-direction:column;max-height:80%;max-width:80%;padding:0 2rem;position:relative}.modal-container-jZglc .modal-dialog-container-QgsId .modal-dialog-background-I_IoU{background-position:center;background-size:cover;bottom:0;left:0;opacity:0.1;position:absolute;right:0;top:0;z-index:0}.modal-container-jZglc .modal-dialog-container-QgsId .close-button-container-QrgQo{border-radius:var(--border-radius);height:3rem;padding:0.5rem;position:absolute;right:0.5rem;top:0.5rem;width:3rem;z-index:2}.modal-container-jZglc .modal-dialog-container-QgsId .close-button-container-QrgQo .icon-hRjWc{color:var(--primary-foreground-color);display:block;height:100%;opacity:0.4;width:100%}.modal-container-jZglc .modal-dialog-container-QgsId .close-button-container-QrgQo:focus .icon-hRjWc,.modal-container-jZglc .modal-dialog-container-QgsId .close-button-container-QrgQo:hover .icon-hRjWc{color:var(--primary-foreground-color);opacity:1}.modal-container-jZglc .modal-dialog-container-QgsId .close-button-container-QrgQo:focus{outline-color:var(--primary-foreground-color)}.modal-container-jZglc .modal-dialog-container-QgsId .modal-dialog-content-ChXwF{overflow-y:auto;position:relative;z-index:1}.modal-container-jZglc .modal-dialog-container-QgsId .modal-dialog-content-ChXwF .title-container-wqhp3{align-items:center;color:var(--primary-foreground-color);display:flex;flex:1 0 auto;font-size:1.2rem;font-weight:500;height:4.5rem}.modal-container-jZglc .modal-dialog-container-QgsId .modal-dialog-content-ChXwF .body-container-_WHlr{align-self:stretch;flex:1;overflow:visible;padding:2rem 0}.modal-container-jZglc .modal-dialog-container-QgsId .modal-dialog-content-ChXwF .body-container-_WHlr:last-child{margin-bottom:2rem}.modal-container-jZglc .modal-dialog-container-QgsId .modal-dialog-content-ChXwF .buttons-container-EJKJF{align-self:stretch;display:flex;flex:none;flex-direction:row;flex-wrap:wrap}.modal-container-jZglc .modal-dialog-container-QgsId .modal-dialog-content-ChXwF .buttons-container-EJKJF:last-child{margin:2rem 0}.action-button-bi6FL{align-items:center;background-color:var(--secondary-accent-color);border-radius:3.5rem;display:flex;flex:1;flex-direction:row;height:3.5rem;justify-content:center;padding:1.2rem}.action-button-bi6FL:hover{background-color:transparent;outline:var(--focus-outline-size) solid var(--secondary-accent-color)}.action-button-bi6FL:focus{outline-color:var(--primary-foreground-color)}.action-button-bi6FL:not(:last-child){margin-right:1rem}.action-button-bi6FL .icon-hRjWc{color:var(--primary-foreground-color);flex:none;height:1.2rem;margin-right:0.5rem;width:1.2rem}.action-button-bi6FL .label-_ADoX{color:var(--primary-foreground-color);flex-basis:auto;flex-grow:0;flex-shrink:1;font-size:1.1rem;font-weight:700;max-height:3.6em;text-align:center}@media only screen and (max-width:640px){.modal-container-jZglc .modal-dialog-container-QgsId{max-width:initial;padding:0 1.5rem;position:relative;width:90%;z-index:0}.modal-container-jZglc .modal-dialog-container-QgsId .modal-dialog-content-ChXwF .buttons-container-EJKJF{flex-direction:column;gap:1rem}.modal-container-jZglc .action-button-bi6FL{width:100%}.modal-container-jZglc .action-button-bi6FL .label-_ADoX{text-overflow:ellipsis;white-space:nowrap}}
|
|
.addon-details-modal-container-_bwQ0 .addon-details-container-AmNx2,
|
|
.addon-details-modal-container-_bwQ0 .addon-details-message-container-VEzeN {
|
|
width: 40rem;
|
|
max-width: 100%;
|
|
color: var(--primary-foreground-color);
|
|
}
|
|
.addon-details-modal-container-_bwQ0 .cancel-button-luYIO {
|
|
background-color: transparent;
|
|
opacity: 0.3;
|
|
}
|
|
.addon-details-modal-container-_bwQ0 .cancel-button-luYIO:hover {
|
|
outline: var(--focus-outline-size) solid var(--primary-foreground-color);
|
|
opacity: 1;
|
|
}
|
|
.addon-details-modal-container-_bwQ0 .cancel-button-luYIO:focus {
|
|
outline-color: var(--primary-foreground-color);
|
|
}
|
|
.addon-details-modal-container-_bwQ0 .cancel-button-luYIO .cancel-button-label-jqVQf {
|
|
color: var(--primary-foreground-color);
|
|
}
|
|
.addon-details-modal-container-_bwQ0 .uninstall-button-X2JXr {
|
|
background-color: var(--overlay-color);
|
|
}
|
|
.addon-details-modal-container-_bwQ0 .uninstall-button-X2JXr:hover {
|
|
outline: var(--focus-outline-size) solid var(--overlay-color);
|
|
background-color: transparent;
|
|
}
|
|
.addon-details-modal-container-_bwQ0 .uninstall-button-X2JXr:focus {
|
|
outline-color: var(--primary-foreground-color);
|
|
}
|
|
|
|
.bottom-sheet-RtUvz {
|
|
z-index: 99;
|
|
position: fixed;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
display: flex;
|
|
justify-content: center;
|
|
}
|
|
.bottom-sheet-RtUvz .backdrop-xkxnb {
|
|
z-index: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
background-color: var(--primary-background-color);
|
|
opacity: 0.8;
|
|
transition: opacity 0.1s ease-out;
|
|
cursor: pointer;
|
|
-webkit-tap-highlight-color: transparent;
|
|
}
|
|
.bottom-sheet-RtUvz .container-cLhYu {
|
|
z-index: 1;
|
|
position: absolute;
|
|
bottom: 0;
|
|
max-height: calc(100% - var(--horizontal-nav-bar-size));
|
|
width: 100%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 1.5rem;
|
|
padding-bottom: 1rem;
|
|
border-radius: 2rem 2rem 0 0;
|
|
background-color: var(--modal-background-color);
|
|
box-shadow: var(--outer-glow);
|
|
overflow: hidden;
|
|
}
|
|
.bottom-sheet-RtUvz .container-cLhYu:not(.dragging-SXaW3) {
|
|
transition: transform 0.1s ease-out;
|
|
}
|
|
.bottom-sheet-RtUvz .container-cLhYu .heading-SKkBI {
|
|
position: relative;
|
|
}
|
|
.bottom-sheet-RtUvz .container-cLhYu .heading-SKkBI .handle-VzyZ0 {
|
|
position: relative;
|
|
height: 2.5rem;
|
|
width: 100%;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.bottom-sheet-RtUvz .container-cLhYu .heading-SKkBI .handle-VzyZ0::after {
|
|
content: "";
|
|
height: 0.3rem;
|
|
width: 3rem;
|
|
border-radius: 1rem;
|
|
background-color: var(--primary-foreground-color);
|
|
opacity: 0.3;
|
|
}
|
|
.bottom-sheet-RtUvz .container-cLhYu .heading-SKkBI .title-oUWcO {
|
|
position: relative;
|
|
width: 100%;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
padding: 0 1rem;
|
|
padding-left: 1.5rem;
|
|
font-size: 1.25rem;
|
|
font-weight: 600;
|
|
color: var(--primary-foreground-color);
|
|
}
|
|
.bottom-sheet-RtUvz .container-cLhYu .content-ap31Z {
|
|
position: relative;
|
|
overflow-y: auto;
|
|
}
|
|
@media only screen and (min-width: 1300px) and (orientation: portait) {
|
|
.bottom-sheet-RtUvz {
|
|
display: none;
|
|
}
|
|
}
|
|
@media only screen and (min-width: 1000px) and (orientation: landscape) {
|
|
.bottom-sheet-RtUvz {
|
|
display: none;
|
|
}
|
|
}
|
|
@media only screen and (orientation: landscape) {
|
|
.bottom-sheet-RtUvz .container-cLhYu {
|
|
max-width: 90%;
|
|
}
|
|
}
|
|
|
|
.toggle-container-dRgPl {
|
|
position: relative;
|
|
}
|
|
.toggle-container-dRgPl .toggle-yadWN {
|
|
position: relative;
|
|
width: 3.2rem;
|
|
height: 1.7rem;
|
|
border-radius: 1.7rem;
|
|
background-color: var(--overlay-color);
|
|
transition: background-color 0.1s ease-in-out;
|
|
}
|
|
.toggle-container-dRgPl .toggle-yadWN::before {
|
|
content: "";
|
|
position: absolute;
|
|
height: calc(1.7rem - 0.5rem);
|
|
width: calc(1.7rem - 0.5rem);
|
|
top: calc(0.5rem / 2);
|
|
left: calc(0.5rem / 2);
|
|
border-radius: 50%;
|
|
background-color: var(--primary-foreground-color);
|
|
transition: transform 0.1s ease-in-out;
|
|
}
|
|
.toggle-container-dRgPl.checked .toggle-yadWN {
|
|
background-color: var(--secondary-accent-color);
|
|
}
|
|
.toggle-container-dRgPl.checked .toggle-yadWN::before {
|
|
transform: translateX(calc(3.2rem - calc(1.7rem - 0.5rem) - 0.5rem));
|
|
}
|
|
|
|
.horizontal-scroll-P0J0k {
|
|
position: relative;
|
|
overflow-x: auto;
|
|
}
|
|
.horizontal-scroll-P0J0k.left-EOGrG {
|
|
mask-image: linear-gradient(90deg, #000000 calc(100% - 10%), rgba(0, 0, 0, 0) 100%);
|
|
}
|
|
.horizontal-scroll-P0J0k.right-vkiff {
|
|
mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #000000 10%);
|
|
}
|
|
.horizontal-scroll-P0J0k.center-Ybn2W {
|
|
mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #000000 10%, #000000 calc(100% - 10%), rgba(0, 0, 0, 0) 100%);
|
|
}
|
|
|
|
.chip-oNDf9 {
|
|
flex: none;
|
|
position: relative;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
height: 2.75rem;
|
|
font-size: 1rem;
|
|
font-weight: 500;
|
|
color: var(--primary-foreground-color);
|
|
white-space: nowrap;
|
|
text-transform: capitalize;
|
|
padding: 0 1.75rem;
|
|
border-radius: 2.75rem;
|
|
-webkit-tap-highlight-color: transparent;
|
|
background-color: transparent;
|
|
user-select: none;
|
|
overflow: hidden;
|
|
opacity: 0.6;
|
|
}
|
|
.chip-oNDf9:hover {
|
|
background-color: var(--overlay-color);
|
|
transition: background-color 0.1s ease-out;
|
|
opacity: 1;
|
|
}
|
|
.chip-oNDf9.active-hnUWc {
|
|
opacity: 1;
|
|
background-color: var(--quaternary-accent-color);
|
|
transition: background-color 0.1s ease-in;
|
|
}
|
|
|
|
.chips-2SaqO {
|
|
position: relative;
|
|
width: 100%;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: flex-start;
|
|
gap: 1rem;
|
|
}
|
|
|
|
.color-picker-container-deFkW {
|
|
overflow: visible;
|
|
text-align: center;
|
|
}
|
|
.color-picker-container-deFkW * {
|
|
overflow: visible;
|
|
}
|
|
.color-picker-container-deFkW .a-color-picker-stack:not(.a-color-picker-row-top) canvas,
|
|
.color-picker-container-deFkW .a-color-picker-circle {
|
|
border: solid thin var(--color-surfacedark);
|
|
}
|
|
.color-picker-container-deFkW .a-color-picker-circle {
|
|
box-shadow: 0 0 0.2rem var(--color-surfacedark);
|
|
}
|
|
.color-picker-container-deFkW .a-color-picker-clipbaord {
|
|
pointer-events: none;
|
|
}
|
|
|
|
.color-input-container-jRZsi {
|
|
position: relative;
|
|
z-index: 0;
|
|
}
|
|
.color-input-container-jRZsi .transparent-label-container-Tx2fI {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
z-index: 1;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
padding: 0 0.5rem;
|
|
pointer-events: none;
|
|
}
|
|
.color-input-container-jRZsi .transparent-label-container-Tx2fI .transparent-label-omLaY {
|
|
flex: 1;
|
|
text-align: center;
|
|
color: hsl(0, 0%, 100%);
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
}
|
|
.color-picker-container-C4puR {
|
|
margin: 1rem 0;
|
|
}
|
|
|
|
.label-container-iBMb9 {
|
|
-webkit-touch-callout: none !important;
|
|
position: relative;
|
|
overflow: visible;
|
|
}
|
|
.label-container-iBMb9 .menu-container-bfvDO {
|
|
position: absolute;
|
|
z-index: 1;
|
|
overflow: hidden;
|
|
visibility: hidden;
|
|
border-radius: var(--border-radius);
|
|
background-color: var(--modal-background-color);
|
|
box-shadow: var(--outer-glow);
|
|
cursor: auto;
|
|
}
|
|
.label-container-iBMb9 .menu-container-bfvDO.menu-direction-top-left-KpAQN {
|
|
top: initial;
|
|
right: 0;
|
|
bottom: 100%;
|
|
left: initial;
|
|
visibility: visible;
|
|
}
|
|
.label-container-iBMb9 .menu-container-bfvDO.menu-direction-bottom-left-Uw06K {
|
|
top: 100%;
|
|
right: 0;
|
|
bottom: initial;
|
|
left: initial;
|
|
visibility: visible;
|
|
}
|
|
.label-container-iBMb9 .menu-container-bfvDO.menu-direction-top-right-jOtwq {
|
|
top: initial;
|
|
right: initial;
|
|
bottom: 100%;
|
|
left: 0;
|
|
visibility: visible;
|
|
}
|
|
.label-container-iBMb9 .menu-container-bfvDO.menu-direction-bottom-right-XZ9Ch {
|
|
top: 100%;
|
|
right: initial;
|
|
bottom: initial;
|
|
left: 0;
|
|
visibility: visible;
|
|
}
|
|
|
|
.label-container-iBMb9{-webkit-touch-callout:none!important;overflow:visible;position:relative}.label-container-iBMb9 .menu-container-bfvDO{background-color:var(--modal-background-color);border-radius:var(--border-radius);box-shadow:var(--outer-glow);cursor:auto;overflow:hidden;position:absolute;visibility:hidden;z-index:1}.label-container-iBMb9 .menu-container-bfvDO.menu-direction-top-left-KpAQN{bottom:100%;left:initial;right:0;top:initial;visibility:visible}.label-container-iBMb9 .menu-container-bfvDO.menu-direction-bottom-left-Uw06K{bottom:initial;left:initial;right:0;top:100%;visibility:visible}.label-container-iBMb9 .menu-container-bfvDO.menu-direction-top-right-jOtwq{bottom:100%;left:0;right:initial;top:initial;visibility:visible}.label-container-iBMb9 .menu-container-bfvDO.menu-direction-bottom-right-XZ9Ch{bottom:initial;left:0;right:initial;top:100%;visibility:visible}
|
|
.label-container-ZHk2S {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
height: 2.75rem;
|
|
padding: 0 1.5rem;
|
|
border-radius: 2.75rem;
|
|
background-color: var(--overlay-color);
|
|
}
|
|
.label-container-ZHk2S.active .icon-YGvLz {
|
|
transform: rotate(180deg);
|
|
}
|
|
.label-container-ZHk2S > .label-kz1K0 {
|
|
flex: 1;
|
|
max-height: 2.4em;
|
|
font-weight: 500;
|
|
color: var(--primary-foreground-color);
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
.label-container-ZHk2S .icon-YGvLz {
|
|
flex: none;
|
|
width: 1rem;
|
|
height: 1rem;
|
|
margin-left: 1rem;
|
|
color: var(--primary-foreground-color);
|
|
opacity: 0.4;
|
|
}
|
|
.label-container-ZHk2S .menu-container-bfvDO {
|
|
width: 100%;
|
|
}
|
|
.modal-container-BQwj3 .menu-container-Z1Pou,
|
|
.menu-container-bfvDO .menu-container-Z1Pou {
|
|
max-height: calc(3.2rem * 7);
|
|
}
|
|
.modal-container-BQwj3 .menu-container-Z1Pou .option-container-yVj1o,
|
|
.menu-container-bfvDO .menu-container-Z1Pou .option-container-yVj1o {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
padding: 1rem;
|
|
}
|
|
.modal-container-BQwj3 .menu-container-Z1Pou .option-container-yVj1o.selected .icon-YGvLz,
|
|
.menu-container-bfvDO .menu-container-Z1Pou .option-container-yVj1o.selected .icon-YGvLz {
|
|
display: block;
|
|
}
|
|
.modal-container-BQwj3 .menu-container-Z1Pou .option-container-yVj1o:hover,
|
|
.menu-container-bfvDO .menu-container-Z1Pou .option-container-yVj1o:hover,
|
|
.modal-container-BQwj3 .menu-container-Z1Pou .option-container-yVj1o:focus,
|
|
.menu-container-bfvDO .menu-container-Z1Pou .option-container-yVj1o:focus {
|
|
background-color: var(--overlay-color);
|
|
}
|
|
.modal-container-BQwj3 .menu-container-Z1Pou .option-container-yVj1o .label-kz1K0,
|
|
.menu-container-bfvDO .menu-container-Z1Pou .option-container-yVj1o .label-kz1K0 {
|
|
flex: 1;
|
|
max-height: 4.8em;
|
|
color: var(--primary-foreground-color);
|
|
}
|
|
.modal-container-BQwj3 .menu-container-Z1Pou .option-container-yVj1o .icon-YGvLz,
|
|
.menu-container-bfvDO .menu-container-Z1Pou .option-container-yVj1o .icon-YGvLz {
|
|
flex: none;
|
|
display: none;
|
|
width: 0.5rem;
|
|
height: 0.5rem;
|
|
border-radius: 100%;
|
|
margin-left: 1rem;
|
|
background-color: var(--secondary-accent-color);
|
|
opacity: 1;
|
|
}
|
|
.modal-container-BQwj3 .menu-container-Z1Pou .no-options-container-NYx9Z,
|
|
.menu-container-bfvDO .menu-container-Z1Pou .no-options-container-NYx9Z {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
justify-content: center;
|
|
padding: 1rem;
|
|
background-color: hsl(243, 24.4%, 21%);
|
|
}
|
|
.modal-container-BQwj3 .menu-container-Z1Pou .no-options-container-NYx9Z .label-kz1K0,
|
|
.menu-container-bfvDO .menu-container-Z1Pou .no-options-container-NYx9Z .label-kz1K0 {
|
|
flex-grow: 0;
|
|
flex-shrink: 1;
|
|
flex-basis: auto;
|
|
font-size: 1.2rem;
|
|
font-weight: 500;
|
|
text-align: center;
|
|
color: hsla(0, 0%, 100%, 0.9);
|
|
}
|
|
@media (orientation: landscape) and (max-width: 1000px) {
|
|
.modal-container-BQwj3 .menu-container-Z1Pou,
|
|
.menu-container-bfvDO .menu-container-Z1Pou {
|
|
max-height: calc(100dvh - var(--horizontal-nav-bar-size) - 10rem);
|
|
}
|
|
}
|
|
|
|
.label-container-ZHk2S{align-items:center;background-color:var(--overlay-color);border-radius:2.75rem;display:flex;flex-direction:row;height:2.75rem;padding:0 1.5rem}.label-container-ZHk2S.active .icon-YGvLz{transform:rotate(180deg)}.label-container-ZHk2S>.label-kz1K0{color:var(--primary-foreground-color);flex:1;font-weight:500;max-height:2.4em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.label-container-ZHk2S .icon-YGvLz{color:var(--primary-foreground-color);flex:none;height:1rem;margin-left:1rem;opacity:0.4;width:1rem}.label-container-ZHk2S .menu-container-bfvDO{width:100%}.modal-container-BQwj3 .menu-container-Z1Pou,.menu-container-bfvDO .menu-container-Z1Pou{max-height:calc(3.2rem * 7)}.modal-container-BQwj3 .menu-container-Z1Pou .option-container-yVj1o,.menu-container-bfvDO .menu-container-Z1Pou .option-container-yVj1o{align-items:center;display:flex;flex-direction:row;padding:1rem}.modal-container-BQwj3 .menu-container-Z1Pou .option-container-yVj1o.selected .icon-YGvLz,.menu-container-bfvDO .menu-container-Z1Pou .option-container-yVj1o.selected .icon-YGvLz{display:block}.modal-container-BQwj3 .menu-container-Z1Pou .option-container-yVj1o:focus,.modal-container-BQwj3 .menu-container-Z1Pou .option-container-yVj1o:hover,.menu-container-bfvDO .menu-container-Z1Pou .option-container-yVj1o:focus,.menu-container-bfvDO .menu-container-Z1Pou .option-container-yVj1o:hover{background-color:var(--overlay-color)}.modal-container-BQwj3 .menu-container-Z1Pou .option-container-yVj1o .label-kz1K0,.menu-container-bfvDO .menu-container-Z1Pou .option-container-yVj1o .label-kz1K0{color:var(--primary-foreground-color);flex:1;max-height:4.8em}.modal-container-BQwj3 .menu-container-Z1Pou .option-container-yVj1o .icon-YGvLz,.menu-container-bfvDO .menu-container-Z1Pou .option-container-yVj1o .icon-YGvLz{background-color:var(--secondary-accent-color);border-radius:100%;display:none;flex:none;height:0.5rem;margin-left:1rem;opacity:1;width:0.5rem}.modal-container-BQwj3 .menu-container-Z1Pou .no-options-container-NYx9Z,.menu-container-bfvDO .menu-container-Z1Pou .no-options-container-NYx9Z{align-items:center;background-color:hsl(243,24.4%,21%);display:flex;flex-direction:row;justify-content:center;padding:1rem}.modal-container-BQwj3 .menu-container-Z1Pou .no-options-container-NYx9Z .label-kz1K0,.menu-container-bfvDO .menu-container-Z1Pou .no-options-container-NYx9Z .label-kz1K0{color:hsla(0,0%,100%,0.9);flex-basis:auto;flex-grow:0;flex-shrink:1;font-size:1.2rem;font-weight:500;text-align:center}@media (orientation:landscape) and (max-width:1000px){.modal-container-BQwj3 .menu-container-Z1Pou,.menu-container-bfvDO .menu-container-Z1Pou{max-height:calc(100dvh - var(--horizontal-nav-bar-size) - 10rem)}}
|
|
.background-FNyrF{fill:hsl(0,0%,100%)}.icon-XXj2q{fill:hsl(0,0%,0%)}
|
|
.meta-item-container-drt6V {
|
|
padding: 1rem;
|
|
overflow: visible;
|
|
-webkit-tap-highlight-color: transparent;
|
|
}
|
|
.meta-item-container-drt6V:hover,
|
|
.meta-item-container-drt6V:focus,
|
|
.meta-item-container-drt6V.active,
|
|
.meta-item-container-drt6V.selected {
|
|
outline-style: none;
|
|
transition: background-color 100ms ease-out;
|
|
}
|
|
.meta-item-container-drt6V:hover .poster-container-Fruke,
|
|
.meta-item-container-drt6V:focus .poster-container-Fruke,
|
|
.meta-item-container-drt6V.active .poster-container-Fruke,
|
|
.meta-item-container-drt6V.selected .poster-container-Fruke {
|
|
box-shadow: 0 0 0 0.2rem var(--primary-foreground-color);
|
|
}
|
|
.meta-item-container-drt6V:hover .poster-container-Fruke .dismiss-icon-layer-ujhD1,
|
|
.meta-item-container-drt6V:focus .poster-container-Fruke .dismiss-icon-layer-ujhD1,
|
|
.meta-item-container-drt6V.active .poster-container-Fruke .dismiss-icon-layer-ujhD1,
|
|
.meta-item-container-drt6V.selected .poster-container-Fruke .dismiss-icon-layer-ujhD1 {
|
|
opacity: 1;
|
|
}
|
|
.meta-item-container-drt6V:hover .poster-container-Fruke .poster-image-layer-CdxrT,
|
|
.meta-item-container-drt6V:focus .poster-container-Fruke .poster-image-layer-CdxrT,
|
|
.meta-item-container-drt6V.active .poster-container-Fruke .poster-image-layer-CdxrT,
|
|
.meta-item-container-drt6V.selected .poster-container-Fruke .poster-image-layer-CdxrT {
|
|
transform: scale(1.05);
|
|
}
|
|
.meta-item-container-drt6V:hover .poster-container-Fruke .play-icon-layer-_75Lo .play-icon-outer-sAk71,
|
|
.meta-item-container-drt6V:focus .poster-container-Fruke .play-icon-layer-_75Lo .play-icon-outer-sAk71,
|
|
.meta-item-container-drt6V.active .poster-container-Fruke .play-icon-layer-_75Lo .play-icon-outer-sAk71,
|
|
.meta-item-container-drt6V.selected .poster-container-Fruke .play-icon-layer-_75Lo .play-icon-outer-sAk71 {
|
|
color: transparent;
|
|
}
|
|
.meta-item-container-drt6V:hover .poster-container-Fruke .play-icon-layer-_75Lo .play-icon-background-yHWuQ,
|
|
.meta-item-container-drt6V:focus .poster-container-Fruke .play-icon-layer-_75Lo .play-icon-background-yHWuQ,
|
|
.meta-item-container-drt6V.active .poster-container-Fruke .play-icon-layer-_75Lo .play-icon-background-yHWuQ,
|
|
.meta-item-container-drt6V.selected .poster-container-Fruke .play-icon-layer-_75Lo .play-icon-background-yHWuQ {
|
|
background-color: var(--secondary-accent-color);
|
|
opacity: 1;
|
|
}
|
|
.meta-item-container-drt6V:hover .title-bar-container-DFXJK .menu-label-container-dlL1I,
|
|
.meta-item-container-drt6V:focus .title-bar-container-DFXJK .menu-label-container-dlL1I,
|
|
.meta-item-container-drt6V.active .title-bar-container-DFXJK .menu-label-container-dlL1I,
|
|
.meta-item-container-drt6V.selected .title-bar-container-DFXJK .menu-label-container-dlL1I {
|
|
opacity: 1;
|
|
}
|
|
.meta-item-container-drt6V.poster-shape-poster-F_CO5 .poster-container-Fruke {
|
|
padding-top: calc(100% * var(--poster-shape-ratio));
|
|
}
|
|
.meta-item-container-drt6V.poster-shape-square-UCby3 .poster-container-Fruke {
|
|
padding-top: 100%;
|
|
}
|
|
.meta-item-container-drt6V.poster-shape-landscape-BPmb1 .poster-container-Fruke {
|
|
padding-top: calc(100% * var(--landscape-shape-ratio));
|
|
}
|
|
.meta-item-container-drt6V .poster-container-Fruke {
|
|
position: relative;
|
|
z-index: 0;
|
|
background-color: var(--overlay-color);
|
|
border-radius: var(--border-radius);
|
|
}
|
|
.meta-item-container-drt6V .poster-container-Fruke.poster-change-cursor .poster-image-layer-CdxrT:hover {
|
|
cursor: zoom-in;
|
|
}
|
|
.meta-item-container-drt6V .poster-container-Fruke .dismiss-icon-layer-ujhD1 {
|
|
z-index: -2;
|
|
position: absolute;
|
|
top: 0.5rem;
|
|
left: 0.5rem;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
height: 1.5rem;
|
|
width: 1.5rem;
|
|
border-radius: 100%;
|
|
opacity: 0;
|
|
transition: opacity 0.1s ease-in;
|
|
}
|
|
.meta-item-container-drt6V .poster-container-Fruke .dismiss-icon-layer-ujhD1 .dismiss-icon-w57SZ {
|
|
z-index: 1;
|
|
position: relative;
|
|
height: 1.25rem;
|
|
width: 1.25rem;
|
|
color: var(--primary-foreground-color);
|
|
opacity: 0.8;
|
|
}
|
|
.meta-item-container-drt6V .poster-container-Fruke .dismiss-icon-layer-ujhD1 .dismiss-icon-backdrop-L8zeK {
|
|
z-index: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
background-color: var(--primary-background-color);
|
|
opacity: 0.6;
|
|
}
|
|
.meta-item-container-drt6V .poster-container-Fruke .watched-icon-layer-wtjcc {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
width: 1.5rem;
|
|
height: 1.5rem;
|
|
background-color: var(--primary-accent-color);
|
|
border-radius: 50%;
|
|
margin: 0.5rem;
|
|
}
|
|
.meta-item-container-drt6V .poster-container-Fruke .watched-icon-layer-wtjcc .watched-icon-oXlb3 {
|
|
width: 0.75rem;
|
|
height: 0.75rem;
|
|
color: var(--primary-foreground-color);
|
|
}
|
|
.meta-item-container-drt6V .poster-container-Fruke .poster-image-layer-CdxrT {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
z-index: -3;
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
justify-content: center;
|
|
transition: transform 0.1s ease-out;
|
|
}
|
|
.meta-item-container-drt6V .poster-container-Fruke .poster-image-layer-CdxrT .poster-image-lt9zC {
|
|
flex: none;
|
|
width: 100%;
|
|
height: 100%;
|
|
object-position: center;
|
|
object-fit: cover;
|
|
opacity: 0.9;
|
|
overflow-clip-margin: unset;
|
|
}
|
|
.meta-item-container-drt6V .poster-container-Fruke .poster-image-layer-CdxrT .placeholder-icon-uYwsv {
|
|
flex: none;
|
|
width: 80%;
|
|
height: 50%;
|
|
color: var(--primary-foreground-color);
|
|
opacity: 0.2;
|
|
}
|
|
.meta-item-container-drt6V .poster-container-Fruke .play-icon-layer-_75Lo {
|
|
z-index: -2;
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
margin-top: calc(4rem / -2);
|
|
margin-left: calc(4rem / -2);
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
height: 4rem;
|
|
width: 4rem;
|
|
transition: transform 0.1s ease-out;
|
|
}
|
|
.meta-item-container-drt6V .poster-container-Fruke .play-icon-layer-_75Lo .play-icon-d9_ll {
|
|
z-index: 2;
|
|
position: relative;
|
|
height: 2.25rem;
|
|
width: 2.25rem;
|
|
color: var(--primary-foreground-color);
|
|
}
|
|
.meta-item-container-drt6V .poster-container-Fruke .play-icon-layer-_75Lo .play-icon-outer-sAk71 {
|
|
z-index: 1;
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
color: var(--primary-foreground-color);
|
|
box-shadow: 0 0 0 0.15rem currentColor inset;
|
|
border-radius: 100%;
|
|
transition: color 0.1s ease-in;
|
|
}
|
|
.meta-item-container-drt6V .poster-container-Fruke .play-icon-layer-_75Lo .play-icon-background-yHWuQ {
|
|
z-index: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
background-color: var(--primary-background-color);
|
|
border-radius: 100%;
|
|
opacity: 0.4;
|
|
transition: all 0.1s ease-in;
|
|
}
|
|
.meta-item-container-drt6V .poster-container-Fruke .play-icon-layer-_75Lo:hover {
|
|
transform: scale(1.1);
|
|
}
|
|
.meta-item-container-drt6V .poster-container-Fruke .progress-bar-layer-r81Qx {
|
|
z-index: -1;
|
|
position: absolute;
|
|
bottom: 1rem;
|
|
left: 1rem;
|
|
right: 1rem;
|
|
height: 0.45rem;
|
|
border-radius: 0.45rem;
|
|
overflow: hidden;
|
|
}
|
|
.meta-item-container-drt6V .poster-container-Fruke .progress-bar-layer-r81Qx .progress-bar-E3QY9 {
|
|
position: relative;
|
|
height: 100%;
|
|
background-color: var(--primary-foreground-color);
|
|
}
|
|
.meta-item-container-drt6V .poster-container-Fruke .progress-bar-layer-r81Qx .progress-bar-background-Q7lT4 {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
background-color: var(--primary-foreground-color);
|
|
opacity: 0.3;
|
|
}
|
|
.meta-item-container-drt6V .poster-container-Fruke .new-videos-gZv0w {
|
|
z-index: -1;
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
overflow: visible;
|
|
}
|
|
.meta-item-container-drt6V .poster-container-Fruke .new-videos-gZv0w .layer-RqXo1 {
|
|
position: absolute;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
height: 1.25rem;
|
|
width: 2.25rem;
|
|
border-radius: 0.25rem;
|
|
}
|
|
.meta-item-container-drt6V .poster-container-Fruke .new-videos-gZv0w .layer-RqXo1:nth-child(1) {
|
|
top: 0.5rem;
|
|
right: 0.5rem;
|
|
background-color: var(--primary-foreground-color);
|
|
opacity: 0.4;
|
|
}
|
|
.meta-item-container-drt6V .poster-container-Fruke .new-videos-gZv0w .layer-RqXo1:nth-child(2) {
|
|
top: 0.75rem;
|
|
right: 0.75rem;
|
|
background-color: var(--primary-foreground-color);
|
|
opacity: 0.6;
|
|
}
|
|
.meta-item-container-drt6V .poster-container-Fruke .new-videos-gZv0w .layer-RqXo1:nth-child(3) {
|
|
top: 1rem;
|
|
right: 1rem;
|
|
background-color: var(--primary-foreground-color);
|
|
}
|
|
.meta-item-container-drt6V .poster-container-Fruke .new-videos-gZv0w .layer-RqXo1 .icon-IfJ81 {
|
|
height: 0.8rem;
|
|
width: 0.8rem;
|
|
color: var(--primary-accent-color);
|
|
}
|
|
.meta-item-container-drt6V .poster-container-Fruke .new-videos-gZv0w .layer-RqXo1 .label-hSihm {
|
|
font-size: 0.8rem;
|
|
font-weight: 600;
|
|
color: var(--primary-accent-color);
|
|
}
|
|
.meta-item-container-drt6V .title-bar-container-DFXJK {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
height: 4rem;
|
|
overflow: visible;
|
|
}
|
|
.meta-item-container-drt6V .title-bar-container-DFXJK .title-label-dZZ_A {
|
|
flex: 1;
|
|
padding-left: 1.5rem;
|
|
font-weight: 600;
|
|
text-align: center;
|
|
color: var(--primary-foreground-color);
|
|
display: -webkit-box;
|
|
-webkit-line-clamp: 2;
|
|
-webkit-box-orient: vertical;
|
|
overflow: hidden;
|
|
}
|
|
.meta-item-container-drt6V .title-bar-container-DFXJK .title-label-dZZ_A:only-child {
|
|
padding: 0 0.5rem;
|
|
}
|
|
.meta-item-container-drt6V .title-bar-container-DFXJK .menu-label-container-dlL1I {
|
|
z-index: 1;
|
|
flex: none;
|
|
width: 1.5rem;
|
|
height: 4rem;
|
|
padding: 1rem 0;
|
|
background-color: transparent;
|
|
opacity: 0;
|
|
transform: translateX(1rem);
|
|
transition: opacity 0.1s ease-out;
|
|
}
|
|
.meta-item-container-drt6V .title-bar-container-DFXJK .menu-label-container-dlL1I .icon-IfJ81 {
|
|
display: block;
|
|
width: 100%;
|
|
height: 100%;
|
|
color: var(--primary-foreground-color);
|
|
opacity: 0.6;
|
|
}
|
|
.meta-item-container-drt6V .title-bar-container-DFXJK .menu-label-container-dlL1I .menu-container-bfvDO {
|
|
width: auto;
|
|
}
|
|
.meta-item-container-drt6V .title-bar-container-DFXJK .menu-label-container-dlL1I .menu-container-bfvDO .menu-container-Z1Pou {
|
|
min-width: 9rem;
|
|
max-width: 14rem;
|
|
}
|
|
.meta-item-container-drt6V .title-bar-container-DFXJK .menu-label-container-dlL1I .menu-container-bfvDO .menu-container-Z1Pou .option-container-yVj1o {
|
|
padding: 1rem 1.5rem;
|
|
}
|
|
.meta-item-container-drt6V .title-bar-container-DFXJK .menu-label-container-dlL1I .menu-container-bfvDO .menu-container-Z1Pou .option-container-yVj1o:hover,
|
|
.meta-item-container-drt6V .title-bar-container-DFXJK .menu-label-container-dlL1I .menu-container-bfvDO .menu-container-Z1Pou .option-container-yVj1o:focus {
|
|
outline: none;
|
|
background-color: var(--overlay-color);
|
|
}
|
|
.meta-item-container-drt6V .title-bar-container-DFXJK .menu-label-container-dlL1I .menu-container-bfvDO .menu-container-Z1Pou .option-container-yVj1o .label-kz1K0 {
|
|
font-weight: 500;
|
|
color: var(--primary-foreground-color);
|
|
opacity: 0.8;
|
|
}
|
|
@media only screen and (max-width: 640px) {
|
|
.meta-item-container-drt6V {
|
|
padding: 0.5rem;
|
|
}
|
|
.meta-item-container-drt6V .title-bar-container-DFXJK {
|
|
margin-top: 0.5rem;
|
|
}
|
|
}
|
|
|
|
.search-bar-container-TNPzI {
|
|
--search-bar-size: 3.25rem;
|
|
display: flex;
|
|
flex-direction: row;
|
|
height: var(--search-bar-size);
|
|
border-radius: var(--search-bar-size);
|
|
background-color: var(--overlay-color);
|
|
position: relative;
|
|
overflow: visible;
|
|
}
|
|
.search-bar-container-TNPzI .search-input-aOiJ2 {
|
|
flex: 1;
|
|
align-self: stretch;
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
padding: 0 0.5rem 0 2rem;
|
|
font-weight: 500;
|
|
color: var(--primary-foreground-color);
|
|
cursor: text;
|
|
}
|
|
.search-bar-container-TNPzI .search-input-aOiJ2::placeholder,
|
|
.search-bar-container-TNPzI .search-input-aOiJ2 .placeholder-label-Irklk {
|
|
max-height: 1.2em;
|
|
opacity: 1;
|
|
color: var(--primary-foreground-color);
|
|
opacity: 0.6;
|
|
}
|
|
.search-bar-container-TNPzI .submit-button-container-jPP5J {
|
|
flex: none;
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: center;
|
|
align-items: center;
|
|
height: var(--search-bar-size);
|
|
padding: 0 1.5rem;
|
|
}
|
|
.search-bar-container-TNPzI .submit-button-container-jPP5J .icon-FT4bG {
|
|
flex: none;
|
|
width: 1.7rem;
|
|
height: 1.7rem;
|
|
color: var(--primary-foreground-color);
|
|
opacity: 0.6;
|
|
}
|
|
.search-bar-container-TNPzI .menu-container-vU2Gr {
|
|
position: absolute;
|
|
top: 100%;
|
|
left: 0;
|
|
width: 100%;
|
|
height: auto;
|
|
z-index: 10;
|
|
padding: 1rem;
|
|
margin: 0 auto;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: flex-start;
|
|
flex-direction: column;
|
|
gap: 1.5rem;
|
|
background-color: var(--modal-background-color);
|
|
border-radius: var(--border-radius);
|
|
}
|
|
.search-bar-container-TNPzI .menu-container-vU2Gr .label-Pk7mj {
|
|
font-size: 0.9rem;
|
|
color: var(--primary-foreground-color);
|
|
}
|
|
.search-bar-container-TNPzI .menu-container-vU2Gr .title-CwL12 {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
width: 100%;
|
|
opacity: 0.8;
|
|
padding-bottom: 1rem;
|
|
}
|
|
.search-bar-container-TNPzI .menu-container-vU2Gr .title-CwL12 .search-history-clear-i_wja {
|
|
cursor: pointer;
|
|
color: var(--primary-foreground-color);
|
|
font-size: 0.9rem;
|
|
}
|
|
.search-bar-container-TNPzI .menu-container-vU2Gr .title-CwL12 .search-history-clear-i_wja:hover {
|
|
opacity: 0.6;
|
|
}
|
|
.search-bar-container-TNPzI .menu-container-vU2Gr .items-XwajL {
|
|
width: 100%;
|
|
margin: 0 auto;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: flex-start;
|
|
flex-direction: column;
|
|
}
|
|
.search-bar-container-TNPzI .menu-container-vU2Gr .items-XwajL .item-C5WAm {
|
|
width: 90%;
|
|
color: var(--primary-foreground-color);
|
|
text-align: left;
|
|
text-decoration: none;
|
|
padding: 0.5rem 1rem;
|
|
border-radius: var(--border-radius);
|
|
width: 100%;
|
|
cursor: pointer;
|
|
z-index: 10;
|
|
}
|
|
.search-bar-container-TNPzI .menu-container-vU2Gr .items-XwajL .item-C5WAm:hover {
|
|
background-color: var(--secondary-background-color);
|
|
}
|
|
|
|
.text-input-jR2Nr {
|
|
user-select: text;
|
|
}
|
|
.text-input-jR2Nr::-moz-focus-inner {
|
|
border: none;
|
|
}
|
|
|
|
.nav-menu-popup-label-JmI2m .menu-container-bfvDO {
|
|
margin-top: 1rem;
|
|
}
|
|
.nav-menu-container-VSzwW {
|
|
width: 22rem;
|
|
max-height: calc(100vh - var(--horizontal-nav-bar-size) - 1rem);
|
|
overflow-y: auto;
|
|
border-radius: var(--border-radius);
|
|
background-color: var(--modal-background-color);
|
|
}
|
|
.nav-menu-container-VSzwW .user-info-container-BR8yb {
|
|
display: flex;
|
|
padding: 1.5rem 1rem;
|
|
}
|
|
.nav-menu-container-VSzwW .user-info-container-BR8yb .avatar-container-jmlBM {
|
|
flex: none;
|
|
height: 4rem;
|
|
width: 4rem;
|
|
border-radius: 50%;
|
|
background-size: cover;
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
background-origin: content-box;
|
|
background-clip: content-box;
|
|
background-color: var(--primary-foreground-color);
|
|
opacity: 0.9;
|
|
}
|
|
.nav-menu-container-VSzwW .user-info-container-BR8yb .user-info-details-vvVBe {
|
|
flex: auto;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
margin-left: 1rem;
|
|
}
|
|
.nav-menu-container-VSzwW .user-info-container-BR8yb .user-info-details-vvVBe .email-container-fvFrL {
|
|
flex: none;
|
|
margin-bottom: 0.5rem;
|
|
}
|
|
.nav-menu-container-VSzwW .user-info-container-BR8yb .user-info-details-vvVBe .email-container-fvFrL .email-label-WBX2T {
|
|
flex: 1;
|
|
color: var(--primary-foreground-color);
|
|
}
|
|
.nav-menu-container-VSzwW .user-info-container-BR8yb .user-info-details-vvVBe .logout-button-container-hSW_i {
|
|
flex: none;
|
|
}
|
|
.nav-menu-container-VSzwW .user-info-container-BR8yb .user-info-details-vvVBe .logout-button-container-hSW_i:hover,
|
|
.nav-menu-container-VSzwW .user-info-container-BR8yb .user-info-details-vvVBe .logout-button-container-hSW_i:focus {
|
|
outline: none;
|
|
}
|
|
.nav-menu-container-VSzwW .user-info-container-BR8yb .user-info-details-vvVBe .logout-button-container-hSW_i:hover .logout-label-dUa8B,
|
|
.nav-menu-container-VSzwW .user-info-container-BR8yb .user-info-details-vvVBe .logout-button-container-hSW_i:focus .logout-label-dUa8B {
|
|
text-decoration: underline;
|
|
}
|
|
.nav-menu-container-VSzwW .user-info-container-BR8yb .user-info-details-vvVBe .logout-button-container-hSW_i .logout-label-dUa8B {
|
|
flex: 1;
|
|
font-size: 0.9rem;
|
|
font-weight: 500;
|
|
color: var(--primary-foreground-color);
|
|
}
|
|
.nav-menu-container-VSzwW .nav-menu-section-oMELF {
|
|
border-top: thin solid var(--overlay-color);
|
|
}
|
|
.nav-menu-container-VSzwW .nav-menu-section-oMELF .nav-menu-option-container-gZ1gT {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
height: 4rem;
|
|
padding: 0 1.5rem;
|
|
}
|
|
.nav-menu-container-VSzwW .nav-menu-section-oMELF .nav-menu-option-container-gZ1gT:hover {
|
|
background-color: var(--overlay-color);
|
|
}
|
|
.nav-menu-container-VSzwW .nav-menu-section-oMELF .nav-menu-option-container-gZ1gT .icon-OSgm6 {
|
|
flex: none;
|
|
width: 2rem;
|
|
height: 2rem;
|
|
margin-right: 1rem;
|
|
color: var(--primary-foreground-color);
|
|
opacity: 0.3;
|
|
}
|
|
.nav-menu-container-VSzwW .nav-menu-section-oMELF .nav-menu-option-container-gZ1gT .nav-menu-option-label-XNuY6 {
|
|
flex: 1;
|
|
color: var(--primary-foreground-color);
|
|
}
|
|
@media only screen and (max-width: 640px) {
|
|
.nav-menu-container-VSzwW {
|
|
max-height: calc(100vh - var(--horizontal-nav-bar-size) - var(--vertical-nav-bar-size) - 1rem);
|
|
}
|
|
}
|
|
|
|
.horizontal-nav-bar-container-jFw5Y {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
height: var(--horizontal-nav-bar-size);
|
|
padding-right: 1rem;
|
|
background-color: transparent;
|
|
overflow: visible;
|
|
}
|
|
.horizontal-nav-bar-container-jFw5Y .logo-container-fnFzY {
|
|
flex: none;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
width: var(--vertical-nav-bar-size);
|
|
height: var(--horizontal-nav-bar-size);
|
|
}
|
|
.horizontal-nav-bar-container-jFw5Y .logo-container-fnFzY .logo-RVSxt {
|
|
flex: none;
|
|
width: 2.5rem;
|
|
height: 2.5rem;
|
|
object-position: center;
|
|
object-fit: contain;
|
|
opacity: 0.9;
|
|
}
|
|
.horizontal-nav-bar-container-jFw5Y .back-button-container-K9AwF {
|
|
margin-left: 1rem;
|
|
}
|
|
.horizontal-nav-bar-container-jFw5Y .title-_UxXH {
|
|
flex: 4 0 0;
|
|
padding: 0 1rem;
|
|
font-size: 1.2rem;
|
|
font-style: normal;
|
|
font-weight: 500;
|
|
letter-spacing: 0.01rem;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
color: hsla(222.8, 100%, 78%, 0.9);
|
|
}
|
|
.horizontal-nav-bar-container-jFw5Y .search-bar-NopQ6 {
|
|
height: 3.25rem;
|
|
width: 30rem;
|
|
}
|
|
.horizontal-nav-bar-container-jFw5Y .buttons-container-fHCke {
|
|
display: flex;
|
|
flex-direction: row;
|
|
gap: 0.5rem;
|
|
overflow: visible;
|
|
}
|
|
.horizontal-nav-bar-container-jFw5Y .button-container-B23qB {
|
|
flex: none;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
width: 3.5rem;
|
|
height: 3.5rem;
|
|
border-radius: 0.75rem;
|
|
opacity: 0.4;
|
|
}
|
|
.horizontal-nav-bar-container-jFw5Y .button-container-B23qB .icon-wrBcp {
|
|
flex: none;
|
|
width: 2rem;
|
|
height: 2rem;
|
|
color: var(--primary-foreground-color);
|
|
opacity: 0.6;
|
|
}
|
|
.horizontal-nav-bar-container-jFw5Y .button-container-B23qB:hover,
|
|
.horizontal-nav-bar-container-jFw5Y .button-container-B23qB.active {
|
|
background-color: var(--overlay-color);
|
|
opacity: 1;
|
|
}
|
|
.horizontal-nav-bar-container-jFw5Y .button-container-B23qB:hover .icon-wrBcp,
|
|
.horizontal-nav-bar-container-jFw5Y .button-container-B23qB.active .icon-wrBcp {
|
|
color: var(--primary-foreground-color);
|
|
opacity: 0.8;
|
|
}
|
|
@media only screen and (max-width: 640px) {
|
|
.horizontal-nav-bar-container-jFw5Y {
|
|
justify-content: space-between;
|
|
padding-right: 0;
|
|
}
|
|
.horizontal-nav-bar-container-jFw5Y .logo-container-fnFzY {
|
|
width: var(--horizontal-nav-bar-size);
|
|
}
|
|
.horizontal-nav-bar-container-jFw5Y .button-container-B23qB {
|
|
margin: 0 1rem;
|
|
}
|
|
.horizontal-nav-bar-container-jFw5Y .button-container-B23qB:not(.back-button-container-K9AwF):not(.menu-button-container-WWcwa) {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
.nav-tab-button-container-r8HUb {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: center;
|
|
background-color: transparent;
|
|
border-radius: 0.75rem;
|
|
}
|
|
.nav-tab-button-container-r8HUb:hover {
|
|
background-color: var(--overlay-color);
|
|
}
|
|
.nav-tab-button-container-r8HUb:hover .label-mc9eB {
|
|
opacity: 0.6;
|
|
}
|
|
.nav-tab-button-container-r8HUb.selected .icon-vxKmB {
|
|
opacity: 1;
|
|
color: var(--primary-accent-color);
|
|
}
|
|
.nav-tab-button-container-r8HUb .icon-vxKmB,
|
|
.nav-tab-button-container-r8HUb .logo-ST06l {
|
|
flex: none;
|
|
width: 2.2rem;
|
|
height: 2.2rem;
|
|
margin-bottom: 0.5rem;
|
|
}
|
|
.nav-tab-button-container-r8HUb .icon-vxKmB {
|
|
color: var(--primary-foreground-color);
|
|
opacity: 0.2;
|
|
}
|
|
.nav-tab-button-container-r8HUb .label-mc9eB {
|
|
flex: none;
|
|
position: relative;
|
|
max-width: 100%;
|
|
max-height: 2.4em;
|
|
padding: 0 0.5rem;
|
|
font-size: 0.8rem;
|
|
font-weight: 500;
|
|
letter-spacing: 0.01rem;
|
|
text-align: center;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
color: var(--primary-foreground-color);
|
|
opacity: 0;
|
|
overflow: hidden;
|
|
}
|
|
@media only screen and (max-width: 640px) {
|
|
.nav-tab-button-container-r8HUb .label-mc9eB {
|
|
opacity: 0.2;
|
|
}
|
|
.nav-tab-button-container-r8HUb.selected .label-mc9eB {
|
|
opacity: 0.6;
|
|
}
|
|
}
|
|
|
|
.vertical-nav-bar-container-AsGLM {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
gap: 1rem;
|
|
width: var(--vertical-nav-bar-size);
|
|
padding: 1rem 0;
|
|
background-color: transparent;
|
|
overflow-y: auto;
|
|
scrollbar-width: none;
|
|
}
|
|
.vertical-nav-bar-container-AsGLM::-webkit-scrollbar {
|
|
display: none;
|
|
}
|
|
.vertical-nav-bar-container-AsGLM .nav-tab-button-noMv6 {
|
|
width: calc(var(--vertical-nav-bar-size) - 1.2rem);
|
|
height: calc(var(--vertical-nav-bar-size) - 1.2rem);
|
|
}
|
|
@media only screen and (max-width: 640px) {
|
|
.vertical-nav-bar-container-AsGLM {
|
|
flex-direction: row;
|
|
justify-content: space-between;
|
|
gap: 0;
|
|
height: var(--vertical-nav-bar-size);
|
|
width: 100%;
|
|
padding: 0 1rem;
|
|
overflow-y: hidden;
|
|
overflow-x: auto;
|
|
}
|
|
.vertical-nav-bar-container-AsGLM .nav-tab-button-noMv6 {
|
|
flex: none;
|
|
}
|
|
.vertical-nav-bar-container-AsGLM .nav-tab-button-noMv6:last-child {
|
|
display: none;
|
|
}
|
|
}
|
|
@media only screen and (max-height: 640px) {
|
|
.vertical-nav-bar-container-AsGLM .nav-tab-button-noMv6:last-child {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
.main-nav-bars-container-fA7pO {
|
|
position: relative;
|
|
z-index: 0;
|
|
}
|
|
.main-nav-bars-container-fA7pO .horizontal-nav-bar-x5sxp {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
left: 0;
|
|
z-index: 1;
|
|
}
|
|
.main-nav-bars-container-fA7pO .vertical-nav-bar-JNw53 {
|
|
position: absolute;
|
|
top: var(--horizontal-nav-bar-size);
|
|
bottom: 0;
|
|
left: 0;
|
|
z-index: 1;
|
|
}
|
|
.main-nav-bars-container-fA7pO .nav-content-container-VHwOU {
|
|
position: absolute;
|
|
top: var(--horizontal-nav-bar-size);
|
|
right: 0;
|
|
bottom: 0;
|
|
left: var(--vertical-nav-bar-size);
|
|
z-index: 0;
|
|
}
|
|
@media only screen and (max-width: 640px) {
|
|
.main-nav-bars-container-fA7pO .nav-content-container-VHwOU {
|
|
left: 0;
|
|
bottom: var(--vertical-nav-bar-size);
|
|
}
|
|
.main-nav-bars-container-fA7pO .vertical-nav-bar-JNw53 {
|
|
top: initial;
|
|
}
|
|
}
|
|
|
|
.share-prompt-container-YsJwl .buttons-container-Oc7PG {
|
|
display: flex;
|
|
flex-direction: row;
|
|
}
|
|
.share-prompt-container-YsJwl .buttons-container-Oc7PG .button-container-oMOnv {
|
|
flex: 1;
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
justify-content: center;
|
|
padding: 1rem;
|
|
}
|
|
.share-prompt-container-YsJwl .buttons-container-Oc7PG .button-container-oMOnv:not(:last-child) {
|
|
margin-right: 1rem;
|
|
}
|
|
.share-prompt-container-YsJwl .buttons-container-Oc7PG .button-container-oMOnv .icon-FVvQH {
|
|
flex: none;
|
|
height: 1.5rem;
|
|
color: var(--primary-foreground-color);
|
|
}
|
|
.share-prompt-container-YsJwl .buttons-container-Oc7PG .facebook-button-KaNwb,
|
|
.share-prompt-container-YsJwl .buttons-container-Oc7PG .x-button-qkuNq,
|
|
.share-prompt-container-YsJwl .buttons-container-Oc7PG .reddit-button-qVXIY {
|
|
border-radius: var(--border-radius);
|
|
}
|
|
.share-prompt-container-YsJwl .buttons-container-Oc7PG .facebook-button-KaNwb:focus,
|
|
.share-prompt-container-YsJwl .buttons-container-Oc7PG .x-button-qkuNq:focus,
|
|
.share-prompt-container-YsJwl .buttons-container-Oc7PG .reddit-button-qVXIY:focus {
|
|
outline-color: var(--primary-foreground-color);
|
|
}
|
|
.share-prompt-container-YsJwl .buttons-container-Oc7PG .facebook-button-KaNwb {
|
|
background-color: var(--color-facebook);
|
|
}
|
|
.share-prompt-container-YsJwl .buttons-container-Oc7PG .x-button-qkuNq {
|
|
background-color: var(--color-x);
|
|
}
|
|
.share-prompt-container-YsJwl .buttons-container-Oc7PG .reddit-button-qVXIY {
|
|
background-color: var(--color-reddit);
|
|
}
|
|
.share-prompt-container-YsJwl .url-container-fMSp4 {
|
|
display: flex;
|
|
flex-direction: row;
|
|
margin-top: 1rem;
|
|
border-radius: var(--border-radius);
|
|
background-color: var(--overlay-color);
|
|
}
|
|
.share-prompt-container-YsJwl .url-container-fMSp4 .url-text-input-Yka4x {
|
|
flex: 1;
|
|
align-self: stretch;
|
|
padding: 1rem;
|
|
font-size: 1.1rem;
|
|
text-align: center;
|
|
color: var(--primary-foreground-color);
|
|
}
|
|
.share-prompt-container-YsJwl .url-container-fMSp4 .copy-button-ShwCB {
|
|
flex: none;
|
|
align-self: stretch;
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
justify-content: center;
|
|
width: 8rem;
|
|
padding: 1rem;
|
|
border-radius: 0 var(--border-radius) var(--border-radius) 0;
|
|
background-color: var(--secondary-accent-color);
|
|
}
|
|
.share-prompt-container-YsJwl .url-container-fMSp4 .copy-button-ShwCB:hover {
|
|
outline: var(--focus-outline-size) solid var(--secondary-accent-color);
|
|
background-color: transparent;
|
|
}
|
|
.share-prompt-container-YsJwl .url-container-fMSp4 .copy-button-ShwCB:focus {
|
|
outline-color: var(--primary-foreground-color);
|
|
}
|
|
.share-prompt-container-YsJwl .url-container-fMSp4 .copy-button-ShwCB .icon-FVvQH {
|
|
flex: none;
|
|
width: 1.2rem;
|
|
height: 1.2rem;
|
|
margin-right: 0.5rem;
|
|
color: var(--primary-foreground-color);
|
|
}
|
|
.share-prompt-container-YsJwl .url-container-fMSp4 .copy-button-ShwCB .label-iOGrs {
|
|
flex-grow: 0;
|
|
flex-shrink: 1;
|
|
flex-basis: auto;
|
|
max-height: 2.4em;
|
|
font-size: 1.1rem;
|
|
color: var(--primary-foreground-color);
|
|
}
|
|
|
|
.action-button-container-TmbQ2 {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: center;
|
|
align-items: center;
|
|
gap: 1rem;
|
|
border-radius: 100%;
|
|
background-color: var(--overlay-color);
|
|
backdrop-filter: blur(5px);
|
|
transition: background-color 0.1s ease-out;
|
|
}
|
|
.action-button-container-TmbQ2:hover,
|
|
.action-button-container-TmbQ2:focus {
|
|
outline: var(--focus-outline-size) solid var(--primary-foreground-color);
|
|
background-color: transparent;
|
|
}
|
|
.action-button-container-TmbQ2 .icon-container-hvLw4 {
|
|
flex: none;
|
|
}
|
|
.action-button-container-TmbQ2 .icon-container-hvLw4 .icon-DG4TM {
|
|
display: block;
|
|
height: 1.75rem;
|
|
width: 1.75rem;
|
|
color: var(--primary-foreground-color);
|
|
opacity: 0.9;
|
|
}
|
|
.action-button-container-TmbQ2 .label-container-eh2bk {
|
|
flex: none;
|
|
align-self: stretch;
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
}
|
|
.action-button-container-TmbQ2 .label-container-eh2bk .label-YhHvD {
|
|
flex: 1;
|
|
font-size: 1rem;
|
|
font-weight: 500;
|
|
max-height: 2.4em;
|
|
padding: 0 0.2rem;
|
|
text-align: center;
|
|
color: var(--primary-foreground-color);
|
|
opacity: 0.9;
|
|
}
|
|
@media only screen and (max-width: 640px) {
|
|
.action-button-container-TmbQ2 {
|
|
flex-direction: row;
|
|
padding: 0 1rem;
|
|
}
|
|
.action-button-container-TmbQ2 .icon-container-hvLw4 {
|
|
height: 2rem;
|
|
width: 2rem;
|
|
}
|
|
}
|
|
|
|
.tooltip-item-gfYXu {
|
|
position: fixed;
|
|
opacity: 0;
|
|
}
|
|
.tooltip-item-gfYXu.active {
|
|
opacity: 1;
|
|
}
|
|
|
|
.tooltip-placeholder-niioe {
|
|
z-index: -1;
|
|
visibility: hidden;
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
}
|
|
|
|
.meta-links-container-wSrm1 .label-container-zWFke {
|
|
margin-bottom: 0.75rem;
|
|
text-transform: uppercase;
|
|
font-size: 0.95rem;
|
|
font-weight: 700;
|
|
color: var(--primary-foreground-color);
|
|
opacity: 0.3;
|
|
}
|
|
.meta-links-container-wSrm1 .links-container-o4RUG {
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: wrap;
|
|
}
|
|
.meta-links-container-wSrm1 .links-container-o4RUG .link-container-HUDqV {
|
|
flex-grow: 0;
|
|
flex-shrink: 1;
|
|
flex-basis: auto;
|
|
margin-right: 0.75rem;
|
|
margin-bottom: 0.75rem;
|
|
padding: 0.4rem 1.25rem;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
border-radius: 2rem;
|
|
border: var(--focus-outline-size) solid transparent;
|
|
font-size: 1rem;
|
|
font-weight: 500;
|
|
color: var(--primary-foreground-color);
|
|
background-color: var(--overlay-color);
|
|
backdrop-filter: blur(5px);
|
|
}
|
|
.meta-links-container-wSrm1 .links-container-o4RUG .link-container-HUDqV:hover,
|
|
.meta-links-container-wSrm1 .links-container-o4RUG .link-container-HUDqV:focus {
|
|
background-color: hsla(0, 0%, 100%, 0.3);
|
|
}
|
|
.meta-links-container-wSrm1 .links-container-o4RUG .link-container-HUDqV:focus {
|
|
outline: none;
|
|
border-color: hsl(0, 0%, 100%);
|
|
}
|
|
|
|
.meta-preview-placeholder-container-AQ4ld {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
.meta-preview-placeholder-container-AQ4ld .meta-info-container-pEOFb {
|
|
flex: 1;
|
|
align-self: stretch;
|
|
}
|
|
.meta-preview-placeholder-container-AQ4ld .meta-info-container-pEOFb .logo-container-g5eNB {
|
|
width: 20rem;
|
|
height: 8rem;
|
|
max-width: 100%;
|
|
border-radius: var(--border-radius);
|
|
background-color: var(--color-placeholder-background);
|
|
}
|
|
.meta-preview-placeholder-container-AQ4ld .meta-info-container-pEOFb .duration-release-info-container-lNaI6 {
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: wrap;
|
|
margin: 1rem 0;
|
|
}
|
|
.meta-preview-placeholder-container-AQ4ld .meta-info-container-pEOFb .duration-release-info-container-lNaI6 .duration-container-x2E01 {
|
|
flex-basis: 5rem;
|
|
height: 1.4rem;
|
|
margin-right: 1rem;
|
|
border-radius: var(--border-radius);
|
|
background-color: var(--color-placeholder-background);
|
|
}
|
|
.meta-preview-placeholder-container-AQ4ld .meta-info-container-pEOFb .duration-release-info-container-lNaI6 .release-info-container-PEmeu {
|
|
flex-basis: 5rem;
|
|
height: 1.4rem;
|
|
border-radius: var(--border-radius);
|
|
background-color: var(--color-placeholder-background);
|
|
}
|
|
.meta-preview-placeholder-container-AQ4ld .meta-info-container-pEOFb .genres-container-v3H7A {
|
|
margin: 1rem 0;
|
|
}
|
|
.meta-preview-placeholder-container-AQ4ld .meta-info-container-pEOFb .genres-container-v3H7A .genres-header-container-lsPLU {
|
|
width: 6.5rem;
|
|
height: 1.6rem;
|
|
max-width: 100%;
|
|
border-radius: var(--border-radius);
|
|
background-color: var(--color-placeholder-background);
|
|
}
|
|
.meta-preview-placeholder-container-AQ4ld .meta-info-container-pEOFb .genres-container-v3H7A .genre-label-container-z7kU8 {
|
|
width: 10rem;
|
|
height: 1.2rem;
|
|
max-width: 100%;
|
|
margin-top: 0.2rem;
|
|
border-radius: var(--border-radius);
|
|
background-color: var(--color-placeholder-background);
|
|
}
|
|
.meta-preview-placeholder-container-AQ4ld .action-buttons-container-U3sbl {
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: wrap;
|
|
height: 4rem;
|
|
margin-bottom: 1rem;
|
|
border-radius: 4rem;
|
|
background-color: var(--color-placeholder-background);
|
|
}
|
|
|
|
.meta-preview-container-bgBNf {
|
|
position: relative;
|
|
z-index: 0;
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
.meta-preview-container-bgBNf.compact-Wbl4Q .meta-info-container-tlmcb .logo-X9v1A,
|
|
.meta-preview-container-bgBNf.compact-Wbl4Q .meta-info-container-tlmcb .logo-placeholder-kIy0x {
|
|
width: 100%;
|
|
height: 6rem;
|
|
}
|
|
.meta-preview-container-bgBNf.compact-Wbl4Q .meta-info-container-tlmcb .runtime-release-info-container-lXo3K {
|
|
justify-content: space-between;
|
|
}
|
|
.meta-preview-container-bgBNf.compact-Wbl4Q .meta-info-container-tlmcb .runtime-release-info-container-lXo3K .runtime-label-B29EN,
|
|
.meta-preview-container-bgBNf.compact-Wbl4Q .meta-info-container-tlmcb .runtime-release-info-container-lXo3K .release-info-label-XmqSY {
|
|
margin: 1rem 0.4rem;
|
|
}
|
|
.meta-preview-container-bgBNf.compact-Wbl4Q .meta-info-container-tlmcb .description-container-eSGft {
|
|
max-height: none;
|
|
}
|
|
.meta-preview-container-bgBNf.compact-Wbl4Q .action-buttons-container-qQrnO {
|
|
justify-content: space-between;
|
|
}
|
|
.meta-preview-container-bgBNf.compact-Wbl4Q .action-buttons-container-qQrnO .action-button-R44aX:not(:last-child) {
|
|
margin-right: 0;
|
|
}
|
|
.meta-preview-container-bgBNf .background-image-layer-GstuA {
|
|
position: absolute;
|
|
top: -10px;
|
|
right: -10px;
|
|
bottom: -10px;
|
|
left: -10px;
|
|
z-index: -1;
|
|
}
|
|
.meta-preview-container-bgBNf .background-image-layer-GstuA .background-image-B0d6i {
|
|
display: block;
|
|
width: 100%;
|
|
height: 100%;
|
|
object-fit: cover;
|
|
object-position: center;
|
|
filter: blur(10px);
|
|
opacity: 0.3;
|
|
}
|
|
.meta-preview-container-bgBNf .meta-info-container-tlmcb {
|
|
flex: 1;
|
|
align-self: stretch;
|
|
overflow-y: auto;
|
|
}
|
|
.meta-preview-container-bgBNf .meta-info-container-tlmcb:not(:hover) {
|
|
scrollbar-color: transparent transparent;
|
|
}
|
|
.meta-preview-container-bgBNf .meta-info-container-tlmcb:not(:hover)::-webkit-scrollbar-thumb,
|
|
.meta-preview-container-bgBNf .meta-info-container-tlmcb:not(:hover)::-webkit-scrollbar-track {
|
|
background-color: transparent;
|
|
}
|
|
.meta-preview-container-bgBNf .meta-info-container-tlmcb .logo-X9v1A,
|
|
.meta-preview-container-bgBNf .meta-info-container-tlmcb .logo-placeholder-kIy0x {
|
|
display: block;
|
|
max-width: 100%;
|
|
margin-bottom: 2rem;
|
|
}
|
|
.meta-preview-container-bgBNf .meta-info-container-tlmcb .logo-X9v1A {
|
|
height: 9rem;
|
|
object-fit: contain;
|
|
object-position: center;
|
|
}
|
|
.meta-preview-container-bgBNf .meta-info-container-tlmcb .logo-placeholder-kIy0x {
|
|
font-size: 1.7rem;
|
|
color: hsla(0, 0%, 100%, 0.9);
|
|
}
|
|
.meta-preview-container-bgBNf .meta-info-container-tlmcb .runtime-release-info-container-lXo3K {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
flex-wrap: wrap;
|
|
margin-top: 1rem;
|
|
}
|
|
.meta-preview-container-bgBNf .meta-info-container-tlmcb .runtime-release-info-container-lXo3K .runtime-label-B29EN,
|
|
.meta-preview-container-bgBNf .meta-info-container-tlmcb .runtime-release-info-container-lXo3K .release-info-label-XmqSY {
|
|
flex: 0 1 auto;
|
|
margin-right: 3rem;
|
|
font-size: 1.25rem;
|
|
font-weight: 600;
|
|
color: var(--primary-foreground-color);
|
|
}
|
|
.meta-preview-container-bgBNf .meta-info-container-tlmcb .runtime-release-info-container-lXo3K .imdb-button-container-qCbl7 {
|
|
flex: 0 1 auto;
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
border-radius: 2.5rem;
|
|
}
|
|
.meta-preview-container-bgBNf .meta-info-container-tlmcb .runtime-release-info-container-lXo3K .imdb-button-container-qCbl7:focus {
|
|
outline: none;
|
|
border: var(--focus-outline-size) solid hsl(0, 0%, 100%);
|
|
}
|
|
.meta-preview-container-bgBNf .meta-info-container-tlmcb .runtime-release-info-container-lXo3K .imdb-button-container-qCbl7 .label-_DfnK {
|
|
flex: 0 1 auto;
|
|
margin-right: 1rem;
|
|
font-size: 1.25rem;
|
|
font-weight: 600;
|
|
color: var(--primary-foreground-color);
|
|
}
|
|
.meta-preview-container-bgBNf .meta-info-container-tlmcb .runtime-release-info-container-lXo3K .imdb-button-container-qCbl7 .icon-MBu8k {
|
|
flex: none;
|
|
width: 3rem;
|
|
height: 3rem;
|
|
color: var(--color-imdb);
|
|
}
|
|
.meta-preview-container-bgBNf .meta-info-container-tlmcb .description-container-eSGft {
|
|
margin-top: 1rem;
|
|
font-size: 1rem;
|
|
font-weight: 400;
|
|
line-height: 2em;
|
|
color: var(--primary-foreground-color);
|
|
}
|
|
.meta-preview-container-bgBNf .meta-info-container-tlmcb .description-container-eSGft .label-container-xChHj {
|
|
text-transform: uppercase;
|
|
font-size: 0.95rem;
|
|
font-weight: 700;
|
|
color: var(--primary-foreground-color);
|
|
opacity: 0.3;
|
|
}
|
|
.meta-preview-container-bgBNf .meta-info-container-tlmcb .meta-links-mTHUo {
|
|
margin-top: 1.5rem;
|
|
}
|
|
.meta-preview-container-bgBNf .action-buttons-container-qQrnO {
|
|
flex: none;
|
|
align-self: stretch;
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: flex-end;
|
|
max-height: 15rem;
|
|
flex-wrap: wrap;
|
|
padding-top: 3.5rem;
|
|
overflow: visible;
|
|
}
|
|
.meta-preview-container-bgBNf .action-buttons-container-qQrnO .label-_DfnK {
|
|
position: absolute;
|
|
top: -3rem;
|
|
left: 0;
|
|
opacity: 0;
|
|
transition: opacity 0.3s ease;
|
|
text-align: center;
|
|
color: var(--primary-foreground-color);
|
|
overflow: visible;
|
|
}
|
|
.meta-preview-container-bgBNf .action-buttons-container-qQrnO:not(:last-child) {
|
|
margin-right: 1rem;
|
|
}
|
|
.meta-preview-container-bgBNf .action-buttons-container-qQrnO:hover .label-_DfnK {
|
|
opacity: 0.7;
|
|
}
|
|
.meta-preview-container-bgBNf .action-buttons-container-qQrnO .action-button-R44aX {
|
|
flex: none;
|
|
width: 4rem;
|
|
height: 4rem;
|
|
margin-bottom: 1rem;
|
|
}
|
|
.meta-preview-container-bgBNf .action-buttons-container-qQrnO .action-button-R44aX.wide {
|
|
width: auto;
|
|
padding: 0 2rem;
|
|
border-radius: 4rem;
|
|
}
|
|
.meta-preview-container-bgBNf .action-buttons-container-qQrnO .action-button-R44aX:not(:last-child) {
|
|
margin-right: 1rem;
|
|
}
|
|
.meta-preview-container-bgBNf .action-buttons-container-qQrnO .action-button-R44aX.show-button-Sh8P3:hover,
|
|
.meta-preview-container-bgBNf .action-buttons-container-qQrnO .action-button-R44aX.show-button-Sh8P3:focus {
|
|
background-color: var(--secondary-accent-color);
|
|
outline: none;
|
|
}
|
|
.share-prompt-F8qOC {
|
|
width: 30rem;
|
|
}
|
|
@media only screen and (max-width: 640px) {
|
|
.meta-preview-container-bgBNf .meta-info-container-tlmcb .logo-X9v1A {
|
|
margin: 2rem auto;
|
|
}
|
|
.meta-preview-container-bgBNf .meta-info-container-tlmcb .runtime-release-info-container-lXo3K {
|
|
justify-content: space-between;
|
|
}
|
|
.meta-preview-container-bgBNf .meta-info-container-tlmcb .runtime-release-info-container-lXo3K .runtime-label-B29EN,
|
|
.meta-preview-container-bgBNf .meta-info-container-tlmcb .runtime-release-info-container-lXo3K .release-info-label-XmqSY {
|
|
margin: 0;
|
|
}
|
|
.meta-preview-container-bgBNf .action-buttons-container-qQrnO {
|
|
flex-shrink: 0;
|
|
margin-top: 3rem;
|
|
overflow: visible;
|
|
scrollbar-width: none;
|
|
}
|
|
.meta-preview-container-bgBNf .action-buttons-container-qQrnO::-webkit-scrollbar {
|
|
display: none;
|
|
}
|
|
.share-prompt-F8qOC {
|
|
width: auto;
|
|
}
|
|
}
|
|
|
|
.meta-row-placeholder-container-wpHNk .header-container-GCHdB {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
justify-content: flex-end;
|
|
padding: 0 1rem;
|
|
margin-bottom: 0.5rem;
|
|
}
|
|
.meta-row-placeholder-container-wpHNk .header-container-GCHdB .title-container-Bjp93 {
|
|
flex: 1;
|
|
max-height: 2.4em;
|
|
font-size: 1.6rem;
|
|
font-weight: 500;
|
|
color: var(--color-placeholder-text);
|
|
}
|
|
.meta-row-placeholder-container-wpHNk .header-container-GCHdB .title-container-Bjp93:empty {
|
|
height: 1.2em;
|
|
background: linear-gradient(to right, var(--color-placeholder-background) 0 40%, transparent 40% 100%);
|
|
}
|
|
.meta-row-placeholder-container-wpHNk .header-container-GCHdB .see-all-container-FnlIf {
|
|
flex: none;
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
max-width: 12rem;
|
|
padding: 0.2rem;
|
|
}
|
|
.meta-row-placeholder-container-wpHNk .header-container-GCHdB .see-all-container-FnlIf:focus {
|
|
outline: none;
|
|
background-color: var(--color-placeholder-background);
|
|
}
|
|
.meta-row-placeholder-container-wpHNk .header-container-GCHdB .see-all-container-FnlIf .label-dU3S2 {
|
|
flex: 0 1 auto;
|
|
max-height: 1.2em;
|
|
font-size: 1rem;
|
|
font-weight: 500;
|
|
color: var(--color-placeholder-text);
|
|
}
|
|
.meta-row-placeholder-container-wpHNk .header-container-GCHdB .see-all-container-FnlIf .icon-FLhtv {
|
|
flex: none;
|
|
height: 1rem;
|
|
margin-left: 0.5rem;
|
|
color: var(--color-placeholder-text);
|
|
}
|
|
.meta-row-placeholder-container-wpHNk .meta-items-container-dbGXx {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: stretch;
|
|
}
|
|
.meta-row-placeholder-container-wpHNk .meta-items-container-dbGXx .meta-item-IegjY {
|
|
flex: 1;
|
|
margin: 1rem;
|
|
}
|
|
.meta-row-placeholder-container-wpHNk .meta-items-container-dbGXx .meta-item-IegjY:not(:first-child) {
|
|
margin-left: 1.5rem;
|
|
}
|
|
.meta-row-placeholder-container-wpHNk .meta-items-container-dbGXx .meta-item-IegjY .poster-container-RlQMV {
|
|
border-radius: var(--border-radius);
|
|
padding-bottom: calc(100% * var(--poster-shape-ratio));
|
|
background-color: var(--color-placeholder-background);
|
|
}
|
|
.meta-row-placeholder-container-wpHNk .meta-items-container-dbGXx .meta-item-IegjY .title-bar-container-YJZrl {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
justify-content: center;
|
|
height: 2.8rem;
|
|
}
|
|
.meta-row-placeholder-container-wpHNk .meta-items-container-dbGXx .meta-item-IegjY .title-bar-container-YJZrl .title-label-Ka1vs {
|
|
flex: none;
|
|
width: 60%;
|
|
height: 1.2rem;
|
|
border-radius: var(--border-radius);
|
|
background-color: var(--color-placeholder-background);
|
|
}
|
|
@media only screen and (max-width: 640px) {
|
|
.meta-row-placeholder-container-wpHNk .meta-items-container-dbGXx .meta-item-IegjY {
|
|
margin: 0.5rem;
|
|
}
|
|
.meta-row-placeholder-container-wpHNk .meta-items-container-dbGXx .meta-item-IegjY:not(:first-child) {
|
|
margin-left: 0.5rem;
|
|
}
|
|
.meta-row-placeholder-container-wpHNk .meta-items-container-dbGXx .meta-item-IegjY .title-bar-container-YJZrl {
|
|
margin-top: 0.5rem;
|
|
}
|
|
}
|
|
|
|
.meta-row-container-ucOuu {
|
|
overflow: visible;
|
|
}
|
|
.meta-row-container-ucOuu .header-container-RherZ {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
justify-content: flex-end;
|
|
padding: 0 1rem;
|
|
margin-bottom: 0.25rem;
|
|
}
|
|
.meta-row-container-ucOuu .header-container-RherZ .title-container-SJ0nR {
|
|
flex: 1;
|
|
max-height: 2.4em;
|
|
font-size: 1.6rem;
|
|
font-weight: 500;
|
|
color: var(--primary-foreground-color);
|
|
}
|
|
.meta-row-container-ucOuu .header-container-RherZ .see-all-container-HlJ4b {
|
|
flex: none;
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
max-width: 12rem;
|
|
height: 2.5rem;
|
|
padding: 0 0.5rem 0 1rem;
|
|
border-radius: 2.5rem;
|
|
opacity: 0.6;
|
|
}
|
|
.meta-row-container-ucOuu .header-container-RherZ .see-all-container-HlJ4b:hover,
|
|
.meta-row-container-ucOuu .header-container-RherZ .see-all-container-HlJ4b:focus {
|
|
outline: none;
|
|
background-color: var(--overlay-color);
|
|
opacity: 1;
|
|
}
|
|
.meta-row-container-ucOuu .header-container-RherZ .see-all-container-HlJ4b .label-isJw8 {
|
|
flex: 0 1 auto;
|
|
max-height: 1.2em;
|
|
font-size: 1rem;
|
|
font-weight: 500;
|
|
color: var(--primary-foreground-color);
|
|
}
|
|
.meta-row-container-ucOuu .header-container-RherZ .see-all-container-HlJ4b .icon-PO0GH {
|
|
flex: none;
|
|
height: 1.5rem;
|
|
margin-left: 0.5rem;
|
|
color: var(--primary-foreground-color);
|
|
}
|
|
.meta-row-container-ucOuu .message-container-bIcjN {
|
|
max-height: 3.6em;
|
|
padding: 0 0.5rem;
|
|
font-size: 1.3rem;
|
|
color: var(--primary-foreground-color);
|
|
opacity: 0.6;
|
|
}
|
|
.meta-row-container-ucOuu .meta-items-container-TqzFs {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: stretch;
|
|
overflow: visible;
|
|
}
|
|
.meta-row-container-ucOuu .meta-items-container-TqzFs .meta-item-x28TU.poster-shape-poster-B1QR0 {
|
|
flex: calc(1 / var(--poster-shape-ratio));
|
|
}
|
|
.meta-row-container-ucOuu .meta-items-container-TqzFs .meta-item-x28TU.poster-shape-square-m5r_O {
|
|
flex: 1;
|
|
}
|
|
.meta-row-container-ucOuu .meta-items-container-TqzFs .meta-item-x28TU.poster-shape-landscape-_FSOH {
|
|
flex: calc(1 / var(--landscape-shape-ratio));
|
|
}
|
|
@media only screen and (max-width: 640px) {
|
|
.meta-row-container-ucOuu .header-container-RherZ {
|
|
padding: 0 0.5rem;
|
|
}
|
|
.meta-row-container-ucOuu .header-container-RherZ .title-container-SJ0nR {
|
|
margin-right: 0.5rem;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
}
|
|
.meta-row-container-ucOuu .meta-items-container-TqzFs .meta-item-x28TU:not(:first-child) {
|
|
margin-left: 0;
|
|
}
|
|
}
|
|
|
|
.option-SHgyE {
|
|
font-size: var(--font-size-normal);
|
|
color: var(--primary-foreground-color);
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: row;
|
|
padding: 1rem;
|
|
}
|
|
.option-SHgyE .label-gTtLc {
|
|
flex: 1;
|
|
color: var(--primary-foreground-color);
|
|
}
|
|
.option-SHgyE .icon-lDn76 {
|
|
flex: none;
|
|
width: 0.5rem;
|
|
height: 0.5rem;
|
|
border-radius: 100%;
|
|
margin-left: 1rem;
|
|
background-color: var(--secondary-accent-color);
|
|
opacity: 1;
|
|
}
|
|
.option-SHgyE:hover {
|
|
background-color: rgba(255, 255, 255, 0.15);
|
|
}
|
|
|
|
.dropdown-F4S7Q {
|
|
background: var(--modal-background-color);
|
|
display: none;
|
|
position: absolute;
|
|
width: 100%;
|
|
top: 100%;
|
|
left: 0;
|
|
z-index: 10;
|
|
box-shadow: var(--outer-glow);
|
|
border-radius: var(--border-radius);
|
|
overflow: hidden;
|
|
}
|
|
.dropdown-F4S7Q.open-RbKyy {
|
|
display: block;
|
|
max-height: calc(3.3rem * 7);
|
|
overflow: auto;
|
|
}
|
|
.dropdown-F4S7Q .back-button-sQrkb {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 0 0.5rem;
|
|
padding: 0.75rem;
|
|
color: var(--primary-foreground-color);
|
|
}
|
|
.dropdown-F4S7Q .back-button-sQrkb .back-button-icon-Inmcg {
|
|
width: 1.5rem;
|
|
}
|
|
@media (orientation: landscape) and (max-width: 1000px) {
|
|
.dropdown-F4S7Q.open-RbKyy {
|
|
max-height: calc(100dvh - var(--horizontal-nav-bar-size) - 10rem);
|
|
}
|
|
}
|
|
|
|
.multiselect-menu-ilDVi {
|
|
position: relative;
|
|
min-width: 8.5rem;
|
|
overflow: visible;
|
|
border-radius: 2.75rem;
|
|
}
|
|
.multiselect-menu-ilDVi.disabled-gvjEF {
|
|
pointer-events: none;
|
|
opacity: 0.3;
|
|
}
|
|
.multiselect-menu-ilDVi .multiselect-button-Qry4t {
|
|
color: var(--primary-foreground-color);
|
|
padding: 0.75rem 1.5rem;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
gap: 0 0.5rem;
|
|
border-radius: 2.75rem;
|
|
}
|
|
.multiselect-menu-ilDVi .multiselect-button-Qry4t .icon-spGqV {
|
|
width: 1rem;
|
|
color: var(--primary-foreground-color);
|
|
opacity: 0.6;
|
|
}
|
|
.multiselect-menu-ilDVi .multiselect-button-Qry4t .icon-spGqV.open-QN4il {
|
|
transform: rotate(180deg);
|
|
}
|
|
.multiselect-menu-ilDVi:hover {
|
|
background-color: var(--overlay-color);
|
|
}
|
|
|
|
.background-FNyrF {
|
|
fill: hsl(0, 0%, 100%);
|
|
}
|
|
.icon-XXj2q {
|
|
fill: hsl(0, 0%, 0%);
|
|
}
|
|
|
|
.search-bar-container-Vb_fz {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
height: 3.5rem;
|
|
padding: 0 1rem;
|
|
border-radius: 3.5rem;
|
|
border: var(--focus-outline-size) solid transparent;
|
|
background-color: var(--color-placeholder-background);
|
|
}
|
|
.search-bar-container-Vb_fz .search-input-BWyeG {
|
|
flex: 1;
|
|
max-height: 1.2em;
|
|
margin-right: 1rem;
|
|
font-size: 1.1rem;
|
|
color: var(--color-placeholder-text);
|
|
}
|
|
.search-bar-container-Vb_fz .icon-poa62 {
|
|
flex: none;
|
|
width: 1.5rem;
|
|
height: 1.5rem;
|
|
color: var(--color-placeholder-background);
|
|
}
|
|
|
|
.search-bar-container-MpNBA {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
height: 3rem;
|
|
padding: 0 1.5rem;
|
|
border-radius: 3rem;
|
|
border: var(--focus-outline-size) solid transparent;
|
|
background-color: var(--overlay-color);
|
|
cursor: text;
|
|
}
|
|
.search-bar-container-MpNBA:focus-within {
|
|
border: var(--focus-outline-size) solid var(--primary-foreground-color);
|
|
}
|
|
.search-bar-container-MpNBA .search-input-ge2wu {
|
|
flex: 1;
|
|
margin-right: 1rem;
|
|
font-size: 1rem;
|
|
color: var(--primary-foreground-color);
|
|
}
|
|
.search-bar-container-MpNBA .search-input-ge2wu::placeholder {
|
|
color: var(--primary-foreground-color);
|
|
opacity: 0.6;
|
|
}
|
|
.search-bar-container-MpNBA .icon-Z_Hni {
|
|
flex: none;
|
|
width: 1.5rem;
|
|
height: 1.5rem;
|
|
color: var(--primary-foreground-color);
|
|
opacity: 0.6;
|
|
}
|
|
|
|
.warning-container-FIITF {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
padding: 1rem;
|
|
background-color: hsl(42, 100%, 39.9%);
|
|
}
|
|
.warning-container-FIITF .warning-statement-I7pdD {
|
|
flex: 1;
|
|
margin-right: 1rem;
|
|
font-size: 1.2rem;
|
|
max-height: 2.4em;
|
|
color: hsla(0, 0%, 100%, 0.9);
|
|
}
|
|
.warning-container-FIITF .warning-button-zlx_V {
|
|
flex: none;
|
|
margin-left: 1rem;
|
|
color: hsla(0, 0%, 100%, 0.9);
|
|
}
|
|
.warning-container-FIITF .warning-button-zlx_V:first-child {
|
|
margin-left: 0;
|
|
}
|
|
.warning-container-FIITF .warning-button-zlx_V:hover .warning-label-XJnBc {
|
|
text-decoration: underline;
|
|
}
|
|
.warning-container-FIITF .warning-button-zlx_V .warning-label-XJnBc {
|
|
font-size: 1.2rem;
|
|
max-height: 1.2em;
|
|
color: hsla(0, 0%, 100%, 0.9);
|
|
}
|
|
.warning-container-FIITF .warning-button-zlx_V:hover {
|
|
text-decoration: underline;
|
|
}
|
|
@media only screen and (max-width: 500px) {
|
|
.warning-container-FIITF {
|
|
display: block;
|
|
height: auto !important;
|
|
text-align: center;
|
|
}
|
|
.warning-container-FIITF .warning-statement-I7pdD {
|
|
margin-bottom: 0.5rem;
|
|
margin-right: 0;
|
|
}
|
|
.warning-container-FIITF .warning-button-zlx_V {
|
|
display: inline-block;
|
|
}
|
|
}
|
|
|
|
html.active-slider-within-lQFc1 {
|
|
cursor: grabbing;
|
|
}
|
|
html.active-slider-within-lQFc1 body {
|
|
pointer-events: none;
|
|
}
|
|
.slider-container-aRzVq {
|
|
position: relative;
|
|
z-index: 0;
|
|
overflow: visible;
|
|
cursor: pointer;
|
|
}
|
|
.slider-container-aRzVq.disabled {
|
|
pointer-events: none;
|
|
opacity: 0.5;
|
|
}
|
|
.slider-container-aRzVq .layer-FqnD7 {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
z-index: 0;
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
overflow: visible;
|
|
}
|
|
.slider-container-aRzVq .track-jWhBI {
|
|
z-index: 0;
|
|
flex: 1;
|
|
height: var(--track-size);
|
|
border-radius: var(--track-size);
|
|
background-color: var(--overlay-color);
|
|
}
|
|
.slider-container-aRzVq .track-before-FwOXh {
|
|
z-index: 1;
|
|
flex: none;
|
|
height: var(--track-size);
|
|
border-radius: var(--track-size);
|
|
background-color: var(--overlay-color);
|
|
}
|
|
.slider-container-aRzVq .track-after-iD0ee {
|
|
z-index: 2;
|
|
flex: none;
|
|
height: var(--track-size);
|
|
border-radius: var(--track-size);
|
|
background-color: var(--primary-foreground-color);
|
|
}
|
|
.slider-container-aRzVq .thumb-tfDk6 {
|
|
z-index: 3;
|
|
flex: none;
|
|
width: var(--thumb-size);
|
|
height: var(--thumb-size);
|
|
transform: translateX(-50%);
|
|
background-color: var(--primary-foreground-color);
|
|
border-radius: 100%;
|
|
}
|
|
|
|
.toast-item-container-nG0uk {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: flex-start;
|
|
width: 25rem;
|
|
margin-bottom: 1rem;
|
|
overflow: visible;
|
|
box-shadow: var(--outer-glow);
|
|
background-color: var(--modal-background-color);
|
|
pointer-events: auto;
|
|
border-radius: var(--border-radius);
|
|
border: 0.4px solid var(--primary-accent-color);
|
|
backdrop-filter: blur(10px);
|
|
padding: 1rem;
|
|
}
|
|
.toast-item-container-nG0uk.success-eIDTa .icon-container-rjAiH .icon-Y4I_O {
|
|
color: hsl(147.7, 68%, 41.7%);
|
|
}
|
|
.toast-item-container-nG0uk.error-quyOd .icon-container-rjAiH .icon-Y4I_O {
|
|
color: var(--color-trakt);
|
|
}
|
|
.toast-item-container-nG0uk.info-KEWq8 .icon-container-rjAiH {
|
|
background-color: hsl(275.1, 33%, 48%);
|
|
}
|
|
.toast-item-container-nG0uk.info-KEWq8 .icon-container-rjAiH .icon-Y4I_O {
|
|
color: hsla(0, 0%, 100%, 0.9);
|
|
}
|
|
.toast-item-container-nG0uk .icon-container-rjAiH {
|
|
border-radius: 3px;
|
|
background-color: var(--overlay-color);
|
|
}
|
|
.toast-item-container-nG0uk .icon-container-rjAiH .icon-Y4I_O {
|
|
display: block;
|
|
width: 100%;
|
|
height: 100%;
|
|
max-width: 2rem;
|
|
}
|
|
.toast-item-container-nG0uk .info-container-xD9V6 {
|
|
flex: 1;
|
|
align-self: stretch;
|
|
padding: 0.2rem 1rem;
|
|
}
|
|
.toast-item-container-nG0uk .info-container-xD9V6 .title-container-VFReJ {
|
|
font-size: 1.2rem;
|
|
color: var(--primary-foreground-color);
|
|
}
|
|
.toast-item-container-nG0uk .info-container-xD9V6 .title-container-VFReJ:not(:last-child) {
|
|
margin-bottom: 0.2rem;
|
|
}
|
|
.toast-item-container-nG0uk .info-container-xD9V6 .message-container-znkCj {
|
|
font-size: 1.1rem;
|
|
color: var(--primary-foreground-color);
|
|
opacity: 0.8;
|
|
}
|
|
.toast-item-container-nG0uk .close-button-container-YtyYE {
|
|
width: 2rem;
|
|
height: 2rem;
|
|
border-radius: 3px;
|
|
}
|
|
.toast-item-container-nG0uk .close-button-container-YtyYE .icon-Y4I_O {
|
|
display: block;
|
|
width: 100%;
|
|
height: 100%;
|
|
color: var(--primary-foreground-color);
|
|
opacity: 0.4;
|
|
}
|
|
.toast-item-container-nG0uk .close-button-container-YtyYE:hover .icon-Y4I_O {
|
|
opacity: 1;
|
|
}
|
|
|
|
.video-placeholder-container-GP4pG {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
padding: 0.5rem 1rem;
|
|
}
|
|
.video-placeholder-container-GP4pG .info-container-FH0DJ {
|
|
flex: 1;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: space-between;
|
|
height: 3rem;
|
|
margin: 0.5rem 1rem;
|
|
}
|
|
.video-placeholder-container-GP4pG .info-container-FH0DJ .name-container-RQoMU {
|
|
width: 80%;
|
|
height: 1.2rem;
|
|
border-radius: var(--border-radius);
|
|
background: var(--color-placeholder-background);
|
|
}
|
|
.video-placeholder-container-GP4pG .info-container-FH0DJ .released-container-lQ_nO {
|
|
height: 1rem;
|
|
border-radius: var(--border-radius);
|
|
background: var(--color-placeholder-background);
|
|
}
|
|
|
|
.video-container-PrFN0 {
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: wrap;
|
|
align-items: center;
|
|
padding: 0.5rem;
|
|
margin-bottom: 0.5rem;
|
|
border-radius: var(--border-radius);
|
|
}
|
|
.video-container-PrFN0:hover,
|
|
.video-container-PrFN0:focus,
|
|
.video-container-PrFN0.active {
|
|
background-color: var(--overlay-color);
|
|
}
|
|
.video-container-PrFN0 .thumbnail-container-wzSlJ {
|
|
flex: none;
|
|
position: relative;
|
|
border-radius: 0.3rem;
|
|
overflow: hidden;
|
|
}
|
|
.video-container-PrFN0 .thumbnail-container-wzSlJ .thumbnail-QJJDX {
|
|
pointer-events: none;
|
|
display: block;
|
|
height: 5rem;
|
|
width: 8rem;
|
|
object-fit: cover;
|
|
object-position: center;
|
|
opacity: 0.9;
|
|
background-color: var(--overlay-color);
|
|
}
|
|
.video-container-PrFN0 .thumbnail-container-wzSlJ .placeholder-icon-XGtlQ {
|
|
display: block;
|
|
height: 5rem;
|
|
width: 8rem;
|
|
padding: 1rem;
|
|
color: var(--primary-foreground-color);
|
|
background-color: var(--overlay-color);
|
|
opacity: 0.25;
|
|
}
|
|
.video-container-PrFN0 .thumbnail-container-wzSlJ .progress-bar-container-_N3Wl {
|
|
position: absolute;
|
|
bottom: 0.5rem;
|
|
left: 0.5rem;
|
|
right: 0.5rem;
|
|
border-radius: var(--border-radius);
|
|
}
|
|
.video-container-PrFN0 .thumbnail-container-wzSlJ .progress-bar-container-_N3Wl .progress-bar-JixOj {
|
|
z-index: 1;
|
|
position: relative;
|
|
height: 0.4rem;
|
|
background-color: var(--primary-accent-color);
|
|
}
|
|
.video-container-PrFN0 .thumbnail-container-wzSlJ .progress-bar-container-_N3Wl .progress-bar-background-T_MxP {
|
|
z-index: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
background-color: var(--primary-foreground-color);
|
|
opacity: 0.2;
|
|
}
|
|
.video-container-PrFN0 .info-container-saEdB {
|
|
flex: 1;
|
|
align-self: stretch;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
padding: 0 0.5rem 0 1.5rem;
|
|
}
|
|
.video-container-PrFN0 .info-container-saEdB .title-container-zZwDz {
|
|
display: -webkit-box;
|
|
-webkit-line-clamp: 2;
|
|
-webkit-box-orient: vertical;
|
|
margin-bottom: 1rem;
|
|
color: var(--primary-foreground-color);
|
|
}
|
|
.video-container-PrFN0 .info-container-saEdB .flex-row-container-GRb28 {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
justify-content: flex-end;
|
|
}
|
|
.video-container-PrFN0 .info-container-saEdB .flex-row-container-GRb28 .released-container-E2uui {
|
|
flex: 1;
|
|
margin-right: 0.5rem;
|
|
padding: 0.2rem 0;
|
|
font-size: 0.8rem;
|
|
font-weight: 500;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
color: var(--primary-foreground-color);
|
|
opacity: 0.44;
|
|
}
|
|
.video-container-PrFN0 .info-container-saEdB .flex-row-container-GRb28 .upcoming-watched-container-qhgYC {
|
|
flex: 0 1 auto;
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
height: 1.6rem;
|
|
border-radius: 0.3rem;
|
|
}
|
|
.video-container-PrFN0 .info-container-saEdB .flex-row-container-GRb28 .upcoming-watched-container-qhgYC > :nth-child(2) {
|
|
margin-left: 0.5rem;
|
|
}
|
|
.video-container-PrFN0 .info-container-saEdB .flex-row-container-GRb28 .upcoming-watched-container-qhgYC .upcoming-container-HBypQ,
|
|
.video-container-PrFN0 .info-container-saEdB .flex-row-container-GRb28 .upcoming-watched-container-qhgYC .watched-container-U1ZU7 {
|
|
flex: none;
|
|
display: flex;
|
|
align-items: center;
|
|
height: 100%;
|
|
padding: 0 0.5rem;
|
|
max-width: 10rem;
|
|
}
|
|
.video-container-PrFN0 .info-container-saEdB .flex-row-container-GRb28 .upcoming-watched-container-qhgYC .upcoming-container-HBypQ:not(:only-child),
|
|
.video-container-PrFN0 .info-container-saEdB .flex-row-container-GRb28 .upcoming-watched-container-qhgYC .watched-container-U1ZU7:not(:only-child) {
|
|
max-width: 5rem;
|
|
}
|
|
.video-container-PrFN0 .info-container-saEdB .flex-row-container-GRb28 .upcoming-watched-container-qhgYC .upcoming-container-HBypQ .flag-icon-t5jaO,
|
|
.video-container-PrFN0 .info-container-saEdB .flex-row-container-GRb28 .upcoming-watched-container-qhgYC .watched-container-U1ZU7 .flag-icon-t5jaO {
|
|
height: 1.15rem;
|
|
width: 1.15rem;
|
|
margin-right: 0.25rem;
|
|
color: var(--secondary-foreground-color);
|
|
}
|
|
.video-container-PrFN0 .info-container-saEdB .flex-row-container-GRb28 .upcoming-watched-container-qhgYC .upcoming-container-HBypQ .flag-label-pqBFY,
|
|
.video-container-PrFN0 .info-container-saEdB .flex-row-container-GRb28 .upcoming-watched-container-qhgYC .watched-container-U1ZU7 .flag-label-pqBFY {
|
|
font-size: 0.8rem;
|
|
font-weight: 800;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
text-transform: uppercase;
|
|
color: var(--secondary-foreground-color);
|
|
}
|
|
.video-container-PrFN0 .info-container-saEdB .flex-row-container-GRb28 .upcoming-watched-container-qhgYC .upcoming-container-HBypQ {
|
|
background-color: var(--secondary-accent-color);
|
|
}
|
|
.video-container-PrFN0 .info-container-saEdB .flex-row-container-GRb28 .upcoming-watched-container-qhgYC .watched-container-U1ZU7 {
|
|
background-color: var(--tertiary-accent-color);
|
|
}
|
|
.video-container-PrFN0 .menu-container-bfvDO {
|
|
max-width: calc(90% - 1.5rem);
|
|
z-index: 2;
|
|
}
|
|
.video-container-PrFN0 .menu-container-bfvDO .context-menu-content-CuhCH {
|
|
--spatial-navigation-contain: contain;
|
|
}
|
|
.video-container-PrFN0 .menu-container-bfvDO .context-menu-content-CuhCH .context-menu-option-container-EJyAE {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
padding: 1rem 1.5rem;
|
|
}
|
|
.video-container-PrFN0 .menu-container-bfvDO .context-menu-content-CuhCH .context-menu-option-container-EJyAE:hover,
|
|
.video-container-PrFN0 .menu-container-bfvDO .context-menu-content-CuhCH .context-menu-option-container-EJyAE:focus {
|
|
background-color: var(--overlay-color);
|
|
}
|
|
.video-container-PrFN0 .menu-container-bfvDO .context-menu-content-CuhCH .context-menu-option-container-EJyAE .context-menu-option-label-s0Jeq {
|
|
font-size: 1rem;
|
|
font-weight: 500;
|
|
color: var(--primary-foreground-color);
|
|
}
|
|
@media only screen and (max-width: 640px) {
|
|
.video-container-PrFN0 .menu-container-bfvDO.menu-direction-top-left-KpAQN,
|
|
.video-container-PrFN0 .menu-container-bfvDO.menu-direction-bottom-left-Uw06K {
|
|
right: 1.5rem;
|
|
}
|
|
.video-container-PrFN0 .menu-container-bfvDO.menu-direction-top-right-jOtwq,
|
|
.video-container-PrFN0 .menu-container-bfvDO.menu-direction-bottom-right-XZ9Ch {
|
|
left: 1.5rem;
|
|
}
|
|
.video-container-PrFN0 .menu-container-bfvDO.menu-direction-top-left-KpAQN,
|
|
.video-container-PrFN0 .menu-container-bfvDO.menu-direction-top-right-jOtwq {
|
|
bottom: 90%;
|
|
}
|
|
.video-container-PrFN0 .menu-container-bfvDO.menu-direction-bottom-left-Uw06K,
|
|
.video-container-PrFN0 .menu-container-bfvDO.menu-direction-bottom-right-XZ9Ch {
|
|
top: 90%;
|
|
}
|
|
}
|
|
|
|
.event-modal-rnryK {
|
|
backdrop-filter: blur(10px);
|
|
}
|
|
.event-modal-rnryK .modal-dialog-container-QgsId {
|
|
overflow: visible;
|
|
max-width: 45rem;
|
|
}
|
|
.event-modal-rnryK .modal-dialog-container-QgsId .modal-dialog-content-ChXwF {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
overflow: visible;
|
|
position: relative;
|
|
}
|
|
.event-modal-rnryK .modal-dialog-container-QgsId .modal-dialog-content-ChXwF .body-container-KIV16 {
|
|
overflow-y: visible;
|
|
}
|
|
.event-modal-rnryK .modal-dialog-container-QgsId .modal-dialog-content-ChXwF .image-e8XVK {
|
|
position: absolute;
|
|
top: -10rem;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
object-fit: cover;
|
|
width: 30rem;
|
|
height: 30rem;
|
|
}
|
|
.event-modal-rnryK .modal-dialog-container-QgsId .modal-dialog-content-ChXwF .info-container-wB_Hp {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: center;
|
|
gap: 2.5rem;
|
|
padding: 10rem 4rem 0;
|
|
}
|
|
.event-modal-rnryK .modal-dialog-container-QgsId .modal-dialog-content-ChXwF .info-container-wB_Hp .title-container-HRHiu {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 1rem;
|
|
}
|
|
.event-modal-rnryK .modal-dialog-container-QgsId .modal-dialog-content-ChXwF .info-container-wB_Hp .title-container-HRHiu .title-QWkHL {
|
|
color: var(--primary-foreground-color);
|
|
font-size: 1.325rem;
|
|
text-align: center;
|
|
padding: 0 6rem;
|
|
}
|
|
.event-modal-rnryK .modal-dialog-container-QgsId .modal-dialog-content-ChXwF .info-container-wB_Hp .title-container-HRHiu .label-BkLRo {
|
|
color: var(--primary-foreground-color);
|
|
font-size: 1rem;
|
|
text-align: center;
|
|
opacity: 0.5;
|
|
}
|
|
.event-modal-rnryK .modal-dialog-container-QgsId .modal-dialog-content-ChXwF .info-container-wB_Hp .addon-container-vbdZn {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
flex-direction: column;
|
|
gap: 0.5rem;
|
|
}
|
|
.event-modal-rnryK .modal-dialog-container-QgsId .modal-dialog-content-ChXwF .info-container-wB_Hp .addon-container-vbdZn .icon-wYzOg {
|
|
height: 2rem;
|
|
width: 2rem;
|
|
color: var(--primary-accent-color);
|
|
}
|
|
.event-modal-rnryK .modal-dialog-container-QgsId .modal-dialog-content-ChXwF .info-container-wB_Hp .addon-container-vbdZn .name-YiulJ {
|
|
color: var(--primary-foreground-color);
|
|
}
|
|
.event-modal-rnryK .modal-dialog-container-QgsId .modal-dialog-content-ChXwF .info-container-wB_Hp .action-button-Off_h {
|
|
background-color: var(--primary-foreground-color);
|
|
border: 2px solid var(--primary-foreground-color);
|
|
padding: 0.8rem 2rem;
|
|
border-radius: 2rem;
|
|
}
|
|
.event-modal-rnryK .modal-dialog-container-QgsId .modal-dialog-content-ChXwF .info-container-wB_Hp .action-button-Off_h .button-label-j6aOz {
|
|
color: var(--primary-accent-color);
|
|
font-size: 1rem;
|
|
font-weight: 700;
|
|
}
|
|
.event-modal-rnryK .modal-dialog-container-QgsId .modal-dialog-content-ChXwF .info-container-wB_Hp .action-button-Off_h:hover {
|
|
background-color: transparent;
|
|
}
|
|
@media (orientation: landscape) and (max-height: 640px) {
|
|
.event-modal-rnryK .modal-dialog-container-QgsId .modal-dialog-content-ChXwF {
|
|
overflow-y: auto;
|
|
}
|
|
.event-modal-rnryK .modal-dialog-container-QgsId .modal-dialog-content-ChXwF .body-container-KIV16 {
|
|
overflow-y: auto;
|
|
}
|
|
.event-modal-rnryK .modal-dialog-container-QgsId .modal-dialog-content-ChXwF .image-e8XVK {
|
|
display: none;
|
|
}
|
|
.event-modal-rnryK .modal-dialog-container-QgsId .modal-dialog-content-ChXwF .info-container-wB_Hp {
|
|
padding: 1rem 4rem 0;
|
|
}
|
|
}
|
|
@media only screen and (max-width: 640px) {
|
|
.event-modal-rnryK .modal-dialog-container-QgsId .modal-dialog-content-ChXwF .info-container-wB_Hp .title-container-HRHiu .title-QWkHL {
|
|
padding: 0rem;
|
|
font-size: 1rem;
|
|
}
|
|
.event-modal-rnryK .modal-dialog-container-QgsId .modal-dialog-content-ChXwF .info-container-wB_Hp .title-container-HRHiu .label-BkLRo {
|
|
font-size: 0.875rem;
|
|
}
|
|
}
|
|
|
|
.addon-container-lC5KN {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: flex-start;
|
|
padding: 1.5rem;
|
|
border-radius: var(--border-radius);
|
|
background-color: var(--overlay-color);
|
|
cursor: inherit;
|
|
}
|
|
.addon-container-lC5KN .logo-container-ZcSSC {
|
|
flex: none;
|
|
width: 8rem;
|
|
height: 8rem;
|
|
}
|
|
.addon-container-lC5KN .logo-container-ZcSSC .logo-WrsGF {
|
|
display: block;
|
|
width: 100%;
|
|
height: 100%;
|
|
padding: 0.5rem;
|
|
object-fit: contain;
|
|
object-position: center;
|
|
}
|
|
.addon-container-lC5KN .logo-container-ZcSSC .icon-GxVbY {
|
|
display: block;
|
|
width: 100%;
|
|
height: 100%;
|
|
padding: 1rem;
|
|
color: var(--primary-foreground-color);
|
|
}
|
|
.addon-container-lC5KN .info-container-AdMB6 {
|
|
flex-grow: 1;
|
|
flex-shrink: 1;
|
|
flex-basis: 0;
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: wrap;
|
|
align-items: baseline;
|
|
padding: 0 0.5rem;
|
|
}
|
|
.addon-container-lC5KN .info-container-AdMB6 .name-container-qIAg8 {
|
|
flex-grow: 0;
|
|
flex-shrink: 1;
|
|
flex-basis: auto;
|
|
padding: 0 0.5rem;
|
|
max-height: 3.6em;
|
|
font-size: 1.6rem;
|
|
color: var(--primary-foreground-color);
|
|
}
|
|
.addon-container-lC5KN .info-container-AdMB6 .version-container-zdPyN {
|
|
flex-grow: 1;
|
|
flex-shrink: 1;
|
|
flex-basis: auto;
|
|
margin-top: 0.5rem;
|
|
padding: 0 0.5rem;
|
|
max-height: 2.4em;
|
|
color: var(--primary-foreground-color);
|
|
opacity: 0.6;
|
|
}
|
|
.addon-container-lC5KN .info-container-AdMB6 .types-container-DaOrg {
|
|
flex-grow: 0;
|
|
flex-shrink: 0;
|
|
flex-basis: 100%;
|
|
margin-top: 0.5rem;
|
|
padding: 0 0.5rem;
|
|
max-height: 2.4em;
|
|
color: var(--primary-foreground-color);
|
|
text-transform: capitalize;
|
|
opacity: 0.4;
|
|
}
|
|
.addon-container-lC5KN .info-container-AdMB6 .description-container-v7Jhe {
|
|
flex-grow: 0;
|
|
flex-shrink: 0;
|
|
flex-basis: 100%;
|
|
margin-top: 0.5rem;
|
|
padding: 0 0.5rem;
|
|
color: var(--primary-foreground-color);
|
|
}
|
|
.addon-container-lC5KN .buttons-container-g0xXr {
|
|
flex: none;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 1rem;
|
|
width: 17rem;
|
|
}
|
|
.addon-container-lC5KN .buttons-container-g0xXr .action-buttons-container-xMVmz {
|
|
flex: auto;
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
gap: 1rem;
|
|
}
|
|
.addon-container-lC5KN .buttons-container-g0xXr .install-button-container-yfcq5,
|
|
.addon-container-lC5KN .buttons-container-g0xXr .configure-button-container-VwVAQ,
|
|
.addon-container-lC5KN .buttons-container-g0xXr .uninstall-button-container-oV4Yo,
|
|
.addon-container-lC5KN .buttons-container-g0xXr .share-button-container-s3gwP {
|
|
flex: auto;
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
justify-content: center;
|
|
gap: 1rem;
|
|
height: 3.5rem;
|
|
padding: 0 1rem;
|
|
border-radius: 4rem;
|
|
}
|
|
.addon-container-lC5KN .buttons-container-g0xXr .install-button-container-yfcq5 .icon-GxVbY,
|
|
.addon-container-lC5KN .buttons-container-g0xXr .configure-button-container-VwVAQ .icon-GxVbY,
|
|
.addon-container-lC5KN .buttons-container-g0xXr .uninstall-button-container-oV4Yo .icon-GxVbY,
|
|
.addon-container-lC5KN .buttons-container-g0xXr .share-button-container-s3gwP .icon-GxVbY {
|
|
flex: none;
|
|
width: 2rem;
|
|
height: 2rem;
|
|
}
|
|
.addon-container-lC5KN .buttons-container-g0xXr .install-button-container-yfcq5 .label-OnWh2,
|
|
.addon-container-lC5KN .buttons-container-g0xXr .configure-button-container-VwVAQ .label-OnWh2,
|
|
.addon-container-lC5KN .buttons-container-g0xXr .uninstall-button-container-oV4Yo .label-OnWh2,
|
|
.addon-container-lC5KN .buttons-container-g0xXr .share-button-container-s3gwP .label-OnWh2 {
|
|
flex-grow: 0;
|
|
flex-shrink: 1;
|
|
flex-basis: auto;
|
|
max-height: 2.4em;
|
|
font-size: 1.1rem;
|
|
font-weight: 700;
|
|
text-align: center;
|
|
}
|
|
.addon-container-lC5KN .buttons-container-g0xXr .install-button-container-yfcq5 {
|
|
background-color: var(--secondary-accent-color);
|
|
}
|
|
.addon-container-lC5KN .buttons-container-g0xXr .install-button-container-yfcq5:hover {
|
|
outline: var(--focus-outline-size) solid var(--secondary-accent-color);
|
|
background-color: transparent;
|
|
}
|
|
.addon-container-lC5KN .buttons-container-g0xXr .install-button-container-yfcq5 .label-OnWh2 {
|
|
color: var(--primary-foreground-color);
|
|
}
|
|
.addon-container-lC5KN .buttons-container-g0xXr .configure-button-container-VwVAQ {
|
|
flex: none;
|
|
background-color: var(--secondary-accent-color);
|
|
}
|
|
.addon-container-lC5KN .buttons-container-g0xXr .configure-button-container-VwVAQ:hover {
|
|
outline: var(--focus-outline-size) solid var(--secondary-accent-color);
|
|
background-color: transparent;
|
|
}
|
|
.addon-container-lC5KN .buttons-container-g0xXr .configure-button-container-VwVAQ .icon-GxVbY {
|
|
color: var(--primary-foreground-color);
|
|
}
|
|
.addon-container-lC5KN .buttons-container-g0xXr .uninstall-button-container-oV4Yo {
|
|
outline-color: var(--primary-foreground-color);
|
|
outline-style: solid;
|
|
opacity: 0.3;
|
|
}
|
|
.addon-container-lC5KN .buttons-container-g0xXr .uninstall-button-container-oV4Yo:hover {
|
|
opacity: 1;
|
|
}
|
|
.addon-container-lC5KN .buttons-container-g0xXr .uninstall-button-container-oV4Yo .label-OnWh2 {
|
|
color: var(--primary-foreground-color);
|
|
}
|
|
.addon-container-lC5KN .buttons-container-g0xXr .share-button-container-s3gwP {
|
|
opacity: 0.9;
|
|
}
|
|
.addon-container-lC5KN .buttons-container-g0xXr .share-button-container-s3gwP:hover .label-OnWh2 {
|
|
text-decoration: underline;
|
|
}
|
|
.addon-container-lC5KN .buttons-container-g0xXr .share-button-container-s3gwP .icon-GxVbY {
|
|
height: 1.5rem;
|
|
width: 1.5rem;
|
|
color: var(--primary-foreground-color);
|
|
}
|
|
.addon-container-lC5KN .buttons-container-g0xXr .share-button-container-s3gwP .label-OnWh2 {
|
|
color: var(--primary-foreground-color);
|
|
}
|
|
@media only screen and (max-width: 640px) {
|
|
.addon-container-lC5KN {
|
|
flex-wrap: wrap;
|
|
}
|
|
.addon-container-lC5KN .info-container-AdMB6 {
|
|
margin-left: 0.5rem;
|
|
padding: 0;
|
|
}
|
|
.addon-container-lC5KN .info-container-AdMB6 .name-container-qIAg8 {
|
|
max-height: none;
|
|
font-size: 1.3rem;
|
|
}
|
|
.addon-container-lC5KN .buttons-container-g0xXr {
|
|
flex: 0 1 100%;
|
|
width: auto;
|
|
margin-top: 1rem;
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
}
|
|
.addon-container-lC5KN .buttons-container-g0xXr .share-button-container-s3gwP {
|
|
flex: none;
|
|
}
|
|
.addon-container-lC5KN .buttons-container-g0xXr .share-button-container-s3gwP .icon-GxVbY {
|
|
margin-right: 0;
|
|
}
|
|
.addon-container-lC5KN .buttons-container-g0xXr .share-button-container-s3gwP .label-OnWh2 {
|
|
display: none;
|
|
}
|
|
.addon-container-lC5KN .buttons-container-g0xXr .install-button-container-yfcq5,
|
|
.addon-container-lC5KN .buttons-container-g0xXr .uninstall-button-container-oV4Yo {
|
|
flex-basis: 100%;
|
|
margin-right: 1rem;
|
|
}
|
|
}
|
|
|
|
.addons-container-ogGYu {
|
|
width: 100%;
|
|
height: 100%;
|
|
background-color: transparent;
|
|
}
|
|
.addons-container-ogGYu .addons-content-zhFBl {
|
|
width: 100%;
|
|
height: 100%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-self: stretch;
|
|
}
|
|
.addons-container-ogGYu .addons-content-zhFBl .selectable-inputs-container-tUul1 {
|
|
flex: none;
|
|
align-self: stretch;
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: space-between;
|
|
padding: 1.5rem;
|
|
overflow: visible;
|
|
}
|
|
.addons-container-ogGYu .addons-content-zhFBl .selectable-inputs-container-tUul1 .add-button-container-SkafT {
|
|
flex: none;
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
justify-content: center;
|
|
height: 3rem;
|
|
margin-right: 1.5rem;
|
|
padding: 0 1.5rem;
|
|
border-radius: 3rem;
|
|
background-color: var(--secondary-accent-color);
|
|
}
|
|
.addons-container-ogGYu .addons-content-zhFBl .selectable-inputs-container-tUul1 .add-button-container-SkafT:hover {
|
|
outline: var(--focus-outline-size) solid var(--secondary-accent-color);
|
|
background-color: transparent;
|
|
}
|
|
.addons-container-ogGYu .addons-content-zhFBl .selectable-inputs-container-tUul1 .add-button-container-SkafT:focus {
|
|
outline-color: var(--primary-foreground-color);
|
|
}
|
|
.addons-container-ogGYu .addons-content-zhFBl .selectable-inputs-container-tUul1 .add-button-container-SkafT .icon-HsyZS {
|
|
flex: none;
|
|
width: 1.2rem;
|
|
height: 1.2rem;
|
|
margin-right: 0.5rem;
|
|
color: var(--primary-foreground-color);
|
|
}
|
|
.addons-container-ogGYu .addons-content-zhFBl .selectable-inputs-container-tUul1 .add-button-container-SkafT .add-button-label-NN6bu {
|
|
flex-grow: 0;
|
|
flex-shrink: 1;
|
|
flex-basis: auto;
|
|
max-height: 2.4em;
|
|
font-size: 1rem;
|
|
font-weight: 700;
|
|
color: var(--primary-foreground-color);
|
|
}
|
|
.addons-container-ogGYu .addons-content-zhFBl .selectable-inputs-container-tUul1 .select-input-container-KqG8N {
|
|
flex-grow: 0;
|
|
flex-shrink: 1;
|
|
flex-basis: 15rem;
|
|
margin-right: 1.5rem;
|
|
}
|
|
.addons-container-ogGYu .addons-content-zhFBl .selectable-inputs-container-tUul1 .select-input-container-KqG8N .menu-container-Z1Pou {
|
|
overflow: auto;
|
|
}
|
|
.addons-container-ogGYu .addons-content-zhFBl .selectable-inputs-container-tUul1 .spacing-wH1w5 {
|
|
flex: 1;
|
|
}
|
|
.addons-container-ogGYu .addons-content-zhFBl .selectable-inputs-container-tUul1 .search-bar-k7MXd {
|
|
flex-grow: 0;
|
|
flex-shrink: 1;
|
|
flex-basis: 18rem;
|
|
}
|
|
.addons-container-ogGYu .addons-content-zhFBl .selectable-inputs-container-tUul1 .filter-button-lLJ1X {
|
|
flex: none;
|
|
display: none;
|
|
align-items: center;
|
|
justify-content: center;
|
|
width: 3rem;
|
|
height: 3rem;
|
|
border-radius: var(--border-radius);
|
|
background-color: var(--overlay-color);
|
|
}
|
|
.addons-container-ogGYu .addons-content-zhFBl .selectable-inputs-container-tUul1 .filter-button-lLJ1X .filter-icon-LUDTS {
|
|
flex: none;
|
|
width: 1.4rem;
|
|
height: 1.4rem;
|
|
color: var(--primary-foreground-color);
|
|
}
|
|
.addons-container-ogGYu .addons-content-zhFBl .message-container-GBw0P {
|
|
flex: 1;
|
|
align-self: stretch;
|
|
padding: 0 1.5rem;
|
|
font-size: 2rem;
|
|
color: var(--primary-foreground-color);
|
|
}
|
|
.addons-container-ogGYu .addons-content-zhFBl .addons-list-container-Ovr2Z {
|
|
flex: 1;
|
|
align-self: stretch;
|
|
padding: 0 1.5rem;
|
|
overflow-y: auto;
|
|
}
|
|
.addons-container-ogGYu .addons-content-zhFBl .addons-list-container-Ovr2Z .addon-whmdO {
|
|
margin-bottom: 1.5rem;
|
|
}
|
|
.filters-modal-w6oWY .modal-dialog-container-QgsId {
|
|
overflow: visible;
|
|
}
|
|
.filters-modal-w6oWY .modal-dialog-container-QgsId .modal-dialog-content-ChXwF {
|
|
display: flex;
|
|
flex-direction: column;
|
|
overflow: visible !important;
|
|
}
|
|
.filters-modal-w6oWY .modal-dialog-container-QgsId .modal-dialog-content-ChXwF .select-input-container-KqG8N {
|
|
height: 3rem;
|
|
}
|
|
.filters-modal-w6oWY .modal-dialog-container-QgsId .modal-dialog-content-ChXwF .select-input-container-KqG8N .menu-container-Z1Pou {
|
|
overflow: auto;
|
|
}
|
|
.filters-modal-w6oWY .modal-dialog-container-QgsId .modal-dialog-content-ChXwF .select-input-container-KqG8N:not(:last-child) {
|
|
margin-bottom: 1rem;
|
|
}
|
|
.add-addon-modal-container-KR5ny .modal-dialog-content-ChXwF {
|
|
width: 30rem;
|
|
}
|
|
.add-addon-modal-container-KR5ny .modal-dialog-content-ChXwF .notice-UQkO1 {
|
|
margin-bottom: 1.5rem;
|
|
font-size: 1rem;
|
|
color: var(--primary-foreground-color);
|
|
}
|
|
.add-addon-modal-container-KR5ny .modal-dialog-content-ChXwF .addon-url-input-ucetZ {
|
|
width: 100%;
|
|
padding: 1rem;
|
|
color: var(--primary-foreground-color);
|
|
border-radius: var(--border-radius);
|
|
background-color: var(--overlay-color);
|
|
outline: var(--focus-outline-size) solid var(--overlay-color);
|
|
outline-offset: calc(-1 * var(--focus-outline-size));
|
|
}
|
|
.add-addon-modal-container-KR5ny .modal-dialog-content-ChXwF .addon-url-input-ucetZ:hover {
|
|
outline-color: var(--primary-foreground-color);
|
|
}
|
|
.add-addon-modal-container-KR5ny .modal-dialog-content-ChXwF .addon-url-input-ucetZ:focus {
|
|
outline-color: var(--primary-foreground-color);
|
|
}
|
|
.add-addon-modal-container-KR5ny .cancel-button-R2AxR {
|
|
background-color: transparent;
|
|
opacity: 0.3;
|
|
}
|
|
.add-addon-modal-container-KR5ny .cancel-button-R2AxR:hover {
|
|
outline: var(--focus-outline-size) solid var(--primary-foreground-color);
|
|
opacity: 1;
|
|
}
|
|
.add-addon-modal-container-KR5ny .cancel-button-R2AxR:focus {
|
|
outline-color: var(--primary-foreground-color);
|
|
}
|
|
.add-addon-modal-container-KR5ny .cancel-button-R2AxR .label-_ADoX {
|
|
color: var(--primary-foreground-color);
|
|
}
|
|
.share-modal-container-DkzPM .modal-dialog-content-ChXwF {
|
|
width: 30rem;
|
|
}
|
|
.share-modal-container-DkzPM .modal-dialog-content-ChXwF .title-container-La49g {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
}
|
|
.share-modal-container-DkzPM .modal-dialog-content-ChXwF .title-container-La49g .logo-PmYDP,
|
|
.share-modal-container-DkzPM .modal-dialog-content-ChXwF .title-container-La49g .icon-HsyZS {
|
|
float: left;
|
|
width: 5rem;
|
|
height: 5rem;
|
|
margin-right: 1.5rem;
|
|
padding: 0.5rem;
|
|
}
|
|
.share-modal-container-DkzPM .modal-dialog-content-ChXwF .title-container-La49g .logo-PmYDP {
|
|
object-fit: contain;
|
|
object-position: center;
|
|
}
|
|
.share-modal-container-DkzPM .modal-dialog-content-ChXwF .title-container-La49g .icon-HsyZS {
|
|
color: var(--primary-foreground-color);
|
|
}
|
|
.share-modal-container-DkzPM .modal-dialog-content-ChXwF .title-container-La49g .name-container-m_Sz0 {
|
|
flex-grow: 1;
|
|
flex-shrink: 1;
|
|
flex-basis: 0;
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: wrap;
|
|
align-items: baseline;
|
|
}
|
|
.share-modal-container-DkzPM .modal-dialog-content-ChXwF .title-container-La49g .name-container-m_Sz0 .name-YD0xd {
|
|
flex-grow: 0;
|
|
flex-shrink: 1;
|
|
flex-basis: auto;
|
|
margin-right: 0.5rem;
|
|
font-size: 1.6rem;
|
|
color: var(--primary-foreground-color);
|
|
}
|
|
.share-modal-container-DkzPM .modal-dialog-content-ChXwF .title-container-La49g .name-container-m_Sz0 .version-wuAFB {
|
|
flex-grow: 1;
|
|
flex-shrink: 1;
|
|
flex-basis: auto;
|
|
margin-top: 0.5rem;
|
|
color: var(--primary-foreground-color);
|
|
}
|
|
.share-modal-container-DkzPM .modal-dialog-content-ChXwF .share-prompt-container-vaK4P {
|
|
margin-top: 1rem;
|
|
}
|
|
@media only screen and (max-width: 640px) {
|
|
.addons-container-ogGYu .addons-content-zhFBl .selectable-inputs-container-tUul1 .add-button-container-SkafT {
|
|
z-index: 1;
|
|
position: fixed;
|
|
right: 0;
|
|
bottom: calc(3rem + var(--horizontal-nav-bar-size));
|
|
}
|
|
.addons-container-ogGYu .addons-content-zhFBl .selectable-inputs-container-tUul1 .select-input-container-KqG8N {
|
|
display: none;
|
|
}
|
|
.addons-container-ogGYu .addons-content-zhFBl .selectable-inputs-container-tUul1 .spacing-wH1w5 {
|
|
display: none;
|
|
}
|
|
.addons-container-ogGYu .addons-content-zhFBl .selectable-inputs-container-tUul1 .search-bar-k7MXd {
|
|
flex-basis: 100%;
|
|
margin-right: 1rem;
|
|
}
|
|
.addons-container-ogGYu .addons-content-zhFBl .selectable-inputs-container-tUul1 .filter-button-lLJ1X {
|
|
display: flex;
|
|
}
|
|
.share-modal-container-DkzPM .modal-dialog-content-ChXwF {
|
|
width: auto;
|
|
}
|
|
.add-addon-modal-container-KR5ny .modal-dialog-content-ChXwF {
|
|
width: auto;
|
|
}
|
|
.add-addon-modal-container-KR5ny .modal-dialog-content-ChXwF .notice-UQkO1 {
|
|
margin-bottom: 1rem;
|
|
}
|
|
}
|
|
|
|
.addon-container-A53Om {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: flex-start;
|
|
padding: 1.5rem;
|
|
border-radius: var(--border-radius);
|
|
background-color: var(--overlay-color);
|
|
cursor: inherit;
|
|
}
|
|
.addon-container-A53Om .content-gjK8A {
|
|
display: flex;
|
|
flex: 1;
|
|
}
|
|
.addon-container-A53Om .content-gjK8A .logo-container-uixVa {
|
|
flex: none;
|
|
width: 8rem;
|
|
height: 8rem;
|
|
border-radius: 50%;
|
|
background-color: var(--primary-foreground-color);
|
|
opacity: 0.1;
|
|
}
|
|
.addon-container-A53Om .content-gjK8A .info-container-EuwPe {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 0.5rem;
|
|
padding: 1rem;
|
|
flex: 1;
|
|
}
|
|
.addon-container-A53Om .content-gjK8A .info-container-EuwPe .placeholder-pill-OmvfW:nth-child(1) {
|
|
background-color: var(--primary-foreground-color);
|
|
border-radius: var(--border-radius);
|
|
opacity: 0.1;
|
|
width: 40%;
|
|
height: 1.3rem;
|
|
}
|
|
.addon-container-A53Om .content-gjK8A .info-container-EuwPe .placeholder-pill-OmvfW:nth-child(2) {
|
|
background-color: var(--primary-foreground-color);
|
|
border-radius: var(--border-radius);
|
|
opacity: 0.1;
|
|
width: 60%;
|
|
height: 1.3rem;
|
|
}
|
|
.addon-container-A53Om .content-gjK8A .info-container-EuwPe .placeholder-pill-OmvfW:nth-child(3) {
|
|
background-color: var(--primary-foreground-color);
|
|
border-radius: var(--border-radius);
|
|
opacity: 0.1;
|
|
width: 80%;
|
|
height: 1.3rem;
|
|
}
|
|
.addon-container-A53Om .content-gjK8A .info-container-EuwPe .placeholder-pill-OmvfW:nth-child(4) {
|
|
display: none;
|
|
}
|
|
.addon-container-A53Om .buttons-container-_S1YF {
|
|
flex: none;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 1rem;
|
|
width: 30%;
|
|
max-width: 18rem;
|
|
}
|
|
.addon-container-A53Om .buttons-container-_S1YF .action-buttons-container-bYZoV {
|
|
display: flex;
|
|
flex-direction: row;
|
|
gap: 1rem;
|
|
}
|
|
.addon-container-A53Om .buttons-container-_S1YF .action-buttons-container-bYZoV .placeholder-pill-OmvfW:nth-child(1),
|
|
.addon-container-A53Om .buttons-container-_S1YF .action-buttons-container-bYZoV .placeholder-pill-OmvfW:nth-child(2) {
|
|
background-color: var(--primary-foreground-color);
|
|
border-radius: var(--border-radius);
|
|
opacity: 0.1;
|
|
width: 50%;
|
|
height: 3.5rem;
|
|
}
|
|
.addon-container-A53Om .buttons-container-_S1YF .placeholder-pill-OmvfW:last-child {
|
|
background-color: var(--primary-foreground-color);
|
|
border-radius: var(--border-radius);
|
|
opacity: 0.1;
|
|
width: 100%;
|
|
height: 3.5rem;
|
|
}
|
|
@media screen and (max-width: 640px) {
|
|
.addon-container-A53Om {
|
|
flex-direction: column;
|
|
align-items: stretch;
|
|
width: 100%;
|
|
gap: 1rem;
|
|
}
|
|
.addon-container-A53Om .content-gjK8A {
|
|
flex-direction: row;
|
|
width: 100%;
|
|
}
|
|
.addon-container-A53Om .content-gjK8A .logo-container-uixVa {
|
|
margin: 0 auto;
|
|
}
|
|
.addon-container-A53Om .content-gjK8A .info-container-EuwPe {
|
|
padding: 1rem;
|
|
width: 100%;
|
|
}
|
|
.addon-container-A53Om .content-gjK8A .info-container-EuwPe .placeholder-pill-OmvfW:nth-child(1) {
|
|
background-color: var(--primary-foreground-color);
|
|
border-radius: var(--border-radius);
|
|
opacity: 0.1;
|
|
width: 60%;
|
|
height: 1.3rem;
|
|
}
|
|
.addon-container-A53Om .content-gjK8A .info-container-EuwPe .placeholder-pill-OmvfW:nth-child(2) {
|
|
background-color: var(--primary-foreground-color);
|
|
border-radius: var(--border-radius);
|
|
opacity: 0.1;
|
|
width: 40%;
|
|
height: 1.3rem;
|
|
}
|
|
.addon-container-A53Om .content-gjK8A .info-container-EuwPe .placeholder-pill-OmvfW:nth-child(3) {
|
|
background-color: var(--primary-foreground-color);
|
|
border-radius: var(--border-radius);
|
|
opacity: 0.1;
|
|
width: 80%;
|
|
height: 0.8rem;
|
|
}
|
|
.addon-container-A53Om .content-gjK8A .info-container-EuwPe .placeholder-pill-OmvfW:nth-child(4) {
|
|
display: block;
|
|
background-color: var(--primary-foreground-color);
|
|
border-radius: var(--border-radius);
|
|
opacity: 0.1;
|
|
width: 20%;
|
|
height: 0.8rem;
|
|
}
|
|
.addon-container-A53Om .buttons-container-_S1YF {
|
|
flex-direction: column;
|
|
align-items: stretch;
|
|
width: 100%;
|
|
gap: 0.5rem;
|
|
max-width: none;
|
|
}
|
|
.addon-container-A53Om .buttons-container-_S1YF .action-buttons-container-bYZoV {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
.meta-row-container-ucOuu{overflow:visible}.meta-row-container-ucOuu .header-container-RherZ{align-items:center;display:flex;flex-direction:row;justify-content:flex-end;margin-bottom:0.25rem;padding:0 1rem}.meta-row-container-ucOuu .header-container-RherZ .title-container-SJ0nR{color:var(--primary-foreground-color);flex:1;font-size:1.6rem;font-weight:500;max-height:2.4em}.meta-row-container-ucOuu .header-container-RherZ .see-all-container-HlJ4b{align-items:center;border-radius:2.5rem;display:flex;flex:none;flex-direction:row;height:2.5rem;max-width:12rem;opacity:0.6;padding:0 0.5rem 0 1rem}.meta-row-container-ucOuu .header-container-RherZ .see-all-container-HlJ4b:focus,.meta-row-container-ucOuu .header-container-RherZ .see-all-container-HlJ4b:hover{background-color:var(--overlay-color);opacity:1;outline:none}.meta-row-container-ucOuu .header-container-RherZ .see-all-container-HlJ4b .label-isJw8{color:var(--primary-foreground-color);flex:0 1 auto;font-size:1rem;font-weight:500;max-height:1.2em}.meta-row-container-ucOuu .header-container-RherZ .see-all-container-HlJ4b .icon-PO0GH{color:var(--primary-foreground-color);flex:none;height:1.5rem;margin-left:0.5rem}.meta-row-container-ucOuu .message-container-bIcjN{color:var(--primary-foreground-color);font-size:1.3rem;max-height:3.6em;opacity:0.6;padding:0 0.5rem}.meta-row-container-ucOuu .meta-items-container-TqzFs{align-items:stretch;display:flex;flex-direction:row;overflow:visible}.meta-row-container-ucOuu .meta-items-container-TqzFs .meta-item-x28TU.poster-shape-poster-B1QR0{flex:calc(1 / var(--poster-shape-ratio))}.meta-row-container-ucOuu .meta-items-container-TqzFs .meta-item-x28TU.poster-shape-square-m5r_O{flex:1}.meta-row-container-ucOuu .meta-items-container-TqzFs .meta-item-x28TU.poster-shape-landscape-_FSOH{flex:calc(1 / var(--landscape-shape-ratio))}@media only screen and (max-width:640px){.meta-row-container-ucOuu .header-container-RherZ{padding:0 0.5rem}.meta-row-container-ucOuu .header-container-RherZ .title-container-SJ0nR{margin-right:0.5rem;text-overflow:ellipsis;white-space:nowrap}.meta-row-container-ucOuu .meta-items-container-TqzFs .meta-item-x28TU:not(:first-child){margin-left:0}}
|
|
.meta-row-placeholder-container-wpHNk .header-container-GCHdB{align-items:center;display:flex;flex-direction:row;justify-content:flex-end;margin-bottom:0.5rem;padding:0 1rem}.meta-row-placeholder-container-wpHNk .header-container-GCHdB .title-container-Bjp93{color:var(--color-placeholder-text);flex:1;font-size:1.6rem;font-weight:500;max-height:2.4em}.meta-row-placeholder-container-wpHNk .header-container-GCHdB .title-container-Bjp93:empty{background:linear-gradient(to right,var(--color-placeholder-background) 0 40%,transparent 40% 100%);height:1.2em}.meta-row-placeholder-container-wpHNk .header-container-GCHdB .see-all-container-FnlIf{align-items:center;display:flex;flex:none;flex-direction:row;max-width:12rem;padding:0.2rem}.meta-row-placeholder-container-wpHNk .header-container-GCHdB .see-all-container-FnlIf:focus{background-color:var(--color-placeholder-background);outline:none}.meta-row-placeholder-container-wpHNk .header-container-GCHdB .see-all-container-FnlIf .label-dU3S2{color:var(--color-placeholder-text);flex:0 1 auto;font-size:1rem;font-weight:500;max-height:1.2em}.meta-row-placeholder-container-wpHNk .header-container-GCHdB .see-all-container-FnlIf .icon-FLhtv{color:var(--color-placeholder-text);flex:none;height:1rem;margin-left:0.5rem}.meta-row-placeholder-container-wpHNk .meta-items-container-dbGXx{align-items:stretch;display:flex;flex-direction:row}.meta-row-placeholder-container-wpHNk .meta-items-container-dbGXx .meta-item-IegjY{flex:1;margin:1rem}.meta-row-placeholder-container-wpHNk .meta-items-container-dbGXx .meta-item-IegjY:not(:first-child){margin-left:1.5rem}.meta-row-placeholder-container-wpHNk .meta-items-container-dbGXx .meta-item-IegjY .poster-container-RlQMV{background-color:var(--color-placeholder-background);border-radius:var(--border-radius);padding-bottom:calc(100% * var(--poster-shape-ratio))}.meta-row-placeholder-container-wpHNk .meta-items-container-dbGXx .meta-item-IegjY .title-bar-container-YJZrl{align-items:center;display:flex;flex-direction:row;height:2.8rem;justify-content:center}.meta-row-placeholder-container-wpHNk .meta-items-container-dbGXx .meta-item-IegjY .title-bar-container-YJZrl .title-label-Ka1vs{background-color:var(--color-placeholder-background);border-radius:var(--border-radius);flex:none;height:1.2rem;width:60%}@media only screen and (max-width:640px){.meta-row-placeholder-container-wpHNk .meta-items-container-dbGXx .meta-item-IegjY{margin:0.5rem}.meta-row-placeholder-container-wpHNk .meta-items-container-dbGXx .meta-item-IegjY:not(:first-child){margin-left:0.5rem}.meta-row-placeholder-container-wpHNk .meta-items-container-dbGXx .meta-item-IegjY .title-bar-container-YJZrl{margin-top:0.5rem}}
|
|
.board-container-DTN_b {
|
|
width: 100%;
|
|
height: 100%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
.board-container-DTN_b .board-content-container-ToQTz {
|
|
flex: 1;
|
|
align-self: stretch;
|
|
background: transparent;
|
|
}
|
|
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 {
|
|
width: 100%;
|
|
height: 100%;
|
|
padding: 0 1rem;
|
|
overflow-y: auto;
|
|
}
|
|
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-CoJrZ {
|
|
margin-top: 1rem;
|
|
margin-bottom: 2rem;
|
|
}
|
|
.board-container-DTN_b .board-warning-container-a4m04 {
|
|
flex: none;
|
|
align-self: stretch;
|
|
}
|
|
@media only screen and (max-width: 2200px) {
|
|
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-poster-QPQqC .meta-item-x28TU:nth-child(n+10),
|
|
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-square-pgaZ3 .meta-item-x28TU:nth-child(n+10),
|
|
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .continue-watching-row-ZiNSa .meta-item-x28TU:nth-child(n+10),
|
|
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-poster-QPQqC .meta-item-IegjY:nth-child(n+10),
|
|
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-square-pgaZ3 .meta-item-IegjY:nth-child(n+10),
|
|
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .continue-watching-row-ZiNSa .meta-item-IegjY:nth-child(n+10) {
|
|
display: none;
|
|
}
|
|
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-landscape-FRGXx .meta-item-x28TU:nth-child(n+9),
|
|
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-landscape-FRGXx .meta-item-IegjY:nth-child(n+9) {
|
|
display: none;
|
|
}
|
|
}
|
|
@media only screen and (max-width: 1900px) {
|
|
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-poster-QPQqC .meta-item-x28TU:nth-child(n+9),
|
|
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-square-pgaZ3 .meta-item-x28TU:nth-child(n+9),
|
|
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .continue-watching-row-ZiNSa .meta-item-x28TU:nth-child(n+9),
|
|
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-poster-QPQqC .meta-item-IegjY:nth-child(n+9),
|
|
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-square-pgaZ3 .meta-item-IegjY:nth-child(n+9),
|
|
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .continue-watching-row-ZiNSa .meta-item-IegjY:nth-child(n+9) {
|
|
display: none;
|
|
}
|
|
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-landscape-FRGXx .meta-item-x28TU:nth-child(n+8),
|
|
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-landscape-FRGXx .meta-item-IegjY:nth-child(n+8) {
|
|
display: none;
|
|
}
|
|
}
|
|
@media only screen and (max-width: 1600px) {
|
|
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-poster-QPQqC .meta-item-x28TU:nth-child(n+8),
|
|
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-square-pgaZ3 .meta-item-x28TU:nth-child(n+8),
|
|
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .continue-watching-row-ZiNSa .meta-item-x28TU:nth-child(n+8),
|
|
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-poster-QPQqC .meta-item-IegjY:nth-child(n+8),
|
|
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-square-pgaZ3 .meta-item-IegjY:nth-child(n+8),
|
|
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .continue-watching-row-ZiNSa .meta-item-IegjY:nth-child(n+8) {
|
|
display: none;
|
|
}
|
|
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-landscape-FRGXx .meta-item-x28TU:nth-child(n+7),
|
|
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-landscape-FRGXx .meta-item-IegjY:nth-child(n+7) {
|
|
display: none;
|
|
}
|
|
}
|
|
@media only screen and (max-width: 1300px) {
|
|
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-poster-QPQqC .meta-item-x28TU:nth-child(n+7),
|
|
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-square-pgaZ3 .meta-item-x28TU:nth-child(n+7),
|
|
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .continue-watching-row-ZiNSa .meta-item-x28TU:nth-child(n+7),
|
|
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-poster-QPQqC .meta-item-IegjY:nth-child(n+7),
|
|
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-square-pgaZ3 .meta-item-IegjY:nth-child(n+7),
|
|
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .continue-watching-row-ZiNSa .meta-item-IegjY:nth-child(n+7) {
|
|
display: none;
|
|
}
|
|
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-landscape-FRGXx .meta-item-x28TU:nth-child(n+6),
|
|
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-landscape-FRGXx .meta-item-IegjY:nth-child(n+6) {
|
|
display: none;
|
|
}
|
|
}
|
|
@media only screen and (max-width: 1000px) {
|
|
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-poster-QPQqC .meta-item-x28TU:nth-child(n+6),
|
|
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-square-pgaZ3 .meta-item-x28TU:nth-child(n+6),
|
|
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .continue-watching-row-ZiNSa .meta-item-x28TU:nth-child(n+6),
|
|
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-poster-QPQqC .meta-item-IegjY:nth-child(n+6),
|
|
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-square-pgaZ3 .meta-item-IegjY:nth-child(n+6),
|
|
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .continue-watching-row-ZiNSa .meta-item-IegjY:nth-child(n+6) {
|
|
display: none;
|
|
}
|
|
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-landscape-FRGXx .meta-item-x28TU:nth-child(n+5),
|
|
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-landscape-FRGXx .meta-item-IegjY:nth-child(n+5) {
|
|
display: none;
|
|
}
|
|
}
|
|
@media only screen and (max-width: 800px) {
|
|
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-poster-QPQqC .meta-item-x28TU:nth-child(n+5),
|
|
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-square-pgaZ3 .meta-item-x28TU:nth-child(n+5),
|
|
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .continue-watching-row-ZiNSa .meta-item-x28TU:nth-child(n+5),
|
|
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-poster-QPQqC .meta-item-IegjY:nth-child(n+5),
|
|
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-square-pgaZ3 .meta-item-IegjY:nth-child(n+5),
|
|
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .continue-watching-row-ZiNSa .meta-item-IegjY:nth-child(n+5) {
|
|
display: none;
|
|
}
|
|
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-landscape-FRGXx .meta-item-x28TU:nth-child(n+4),
|
|
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-landscape-FRGXx .meta-item-IegjY:nth-child(n+4) {
|
|
display: none;
|
|
}
|
|
}
|
|
@media only screen and (max-width: 640px) {
|
|
.board-container-DTN_b {
|
|
position: relative;
|
|
z-index: 0;
|
|
}
|
|
.board-container-DTN_b .board-content-container-ToQTz:only-child .board-content-nPWv1 {
|
|
height: 100%;
|
|
}
|
|
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 {
|
|
height: calc(100% - 4rem);
|
|
}
|
|
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-CoJrZ {
|
|
margin-bottom: 1.5rem;
|
|
}
|
|
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-poster-QPQqC .meta-item-x28TU:nth-child(n+4),
|
|
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-square-pgaZ3 .meta-item-x28TU:nth-child(n+4),
|
|
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .continue-watching-row-ZiNSa .meta-item-x28TU:nth-child(n+4),
|
|
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-poster-QPQqC .meta-item-IegjY:nth-child(n+4),
|
|
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-square-pgaZ3 .meta-item-IegjY:nth-child(n+4),
|
|
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .continue-watching-row-ZiNSa .meta-item-IegjY:nth-child(n+4) {
|
|
display: none;
|
|
}
|
|
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-landscape-FRGXx .meta-item-x28TU:nth-child(n+3),
|
|
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-landscape-FRGXx .meta-item-IegjY:nth-child(n+3) {
|
|
display: none;
|
|
}
|
|
.board-container-DTN_b .board-warning-container-a4m04 {
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: var(--vertical-nav-bar-size);
|
|
height: 4rem;
|
|
}
|
|
}
|
|
|
|
.discover-container-L6OGL {
|
|
width: 100%;
|
|
height: 100%;
|
|
background-color: transparent;
|
|
}
|
|
.discover-container-L6OGL .discover-content-CRsRg {
|
|
width: 100%;
|
|
height: 100%;
|
|
display: flex;
|
|
flex-direction: row;
|
|
}
|
|
.discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T {
|
|
flex: 1;
|
|
align-self: stretch;
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
.discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .selectable-inputs-container-IRz50 {
|
|
flex: none;
|
|
align-self: stretch;
|
|
display: flex;
|
|
flex-direction: row;
|
|
padding: 1.5rem;
|
|
overflow: visible;
|
|
}
|
|
.discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .selectable-inputs-container-IRz50 .select-input-CHDbe {
|
|
flex: 0 1 15rem;
|
|
}
|
|
.discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .selectable-inputs-container-IRz50 .select-input-CHDbe:not(:first-child) {
|
|
margin-left: 1.5rem;
|
|
}
|
|
.discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .selectable-inputs-container-IRz50 .select-input-CHDbe:nth-child(n+4) {
|
|
display: none;
|
|
}
|
|
.discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .selectable-inputs-container-IRz50 .select-input-CHDbe:nth-child(n+4) ~ .filter-container-BVkqT {
|
|
display: flex;
|
|
}
|
|
.discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .selectable-inputs-container-IRz50 .select-input-CHDbe .menu-container-Z1Pou {
|
|
overflow: auto;
|
|
}
|
|
.discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .selectable-inputs-container-IRz50 .filter-container-BVkqT {
|
|
flex: none;
|
|
display: none;
|
|
align-items: center;
|
|
justify-content: center;
|
|
width: 3rem;
|
|
height: 3rem;
|
|
border-radius: var(--border-radius);
|
|
background-color: var(--overlay-color);
|
|
}
|
|
.discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .selectable-inputs-container-IRz50 .filter-container-BVkqT .filter-icon-zlFnX {
|
|
flex: none;
|
|
width: 1.4rem;
|
|
height: 1.4rem;
|
|
color: var(--primary-foreground-color);
|
|
}
|
|
.discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .missing-addon-warning-container-IXGuv {
|
|
flex: none;
|
|
align-self: stretch;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
padding: 0 1.5rem 1.5rem 1.5rem;
|
|
}
|
|
.discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .missing-addon-warning-container-IXGuv .warning-label-f19Jg {
|
|
flex: none;
|
|
max-height: 2.4em;
|
|
margin-bottom: 1rem;
|
|
font-size: 1.4rem;
|
|
text-align: center;
|
|
color: var(--primary-foreground-color);
|
|
}
|
|
.discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .missing-addon-warning-container-IXGuv .install-button-SmJe1 {
|
|
flex: none;
|
|
min-width: 10rem;
|
|
max-width: 15rem;
|
|
padding: 1rem;
|
|
background-color: var(--secondary-accent-color);
|
|
}
|
|
.discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .missing-addon-warning-container-IXGuv .install-button-SmJe1:hover {
|
|
outline: var(--focus-outline-size) solid var(--secondary-accent-color);
|
|
background-color: transparent;
|
|
}
|
|
.discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .missing-addon-warning-container-IXGuv .install-button-SmJe1:focus {
|
|
outline-color: var(--primary-foreground-color);
|
|
}
|
|
.discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .missing-addon-warning-container-IXGuv .install-button-SmJe1 .label-ToW4S {
|
|
max-height: 2.4em;
|
|
font-weight: 500;
|
|
text-align: center;
|
|
color: var(--primary-foreground-color);
|
|
}
|
|
.discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .message-container-Zv9eF {
|
|
flex: 0 1 auto;
|
|
align-self: stretch;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
padding: 0 1.5rem;
|
|
overflow-y: auto;
|
|
}
|
|
.discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .message-container-Zv9eF:first-child {
|
|
padding: 4rem;
|
|
}
|
|
.discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .message-container-Zv9eF .image-txC9E {
|
|
flex: none;
|
|
width: 12rem;
|
|
height: 12rem;
|
|
margin-bottom: 1rem;
|
|
object-fit: contain;
|
|
object-position: center;
|
|
opacity: 0.9;
|
|
}
|
|
.discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .message-container-Zv9eF .message-label-mRyRX {
|
|
flex: none;
|
|
font-size: 2rem;
|
|
font-weight: 400;
|
|
text-align: center;
|
|
color: var(--primary-foreground-color);
|
|
}
|
|
.discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .meta-items-container-n8vNz {
|
|
flex: 1;
|
|
align-self: stretch;
|
|
display: grid;
|
|
grid-auto-rows: max-content;
|
|
align-items: center;
|
|
grid-gap: 0.5rem;
|
|
margin-right: 1.5rem;
|
|
padding: 0 1.5rem;
|
|
overflow-y: auto;
|
|
}
|
|
.discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .meta-items-container-n8vNz .meta-item-placeholder-wxG4I {
|
|
padding: 1rem;
|
|
}
|
|
.discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .meta-items-container-n8vNz .meta-item-placeholder-wxG4I .poster-container-Dch4R {
|
|
padding-bottom: calc(100% * var(--poster-shape-ratio));
|
|
background-color: var(--color-placeholder-background);
|
|
border-radius: var(--border-radius);
|
|
}
|
|
.discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .meta-items-container-n8vNz .meta-item-placeholder-wxG4I .title-bar-container-dtDnk {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
justify-content: center;
|
|
height: 2.8rem;
|
|
}
|
|
.discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .meta-items-container-n8vNz .meta-item-placeholder-wxG4I .title-bar-container-dtDnk .title-label-vHdQd {
|
|
flex: none;
|
|
width: 60%;
|
|
height: 1.2rem;
|
|
border-radius: var(--border-radius);
|
|
background-color: var(--color-placeholder-background);
|
|
}
|
|
.discover-container-L6OGL .discover-content-CRsRg .meta-preview-container-CoWs5 {
|
|
flex: none;
|
|
align-self: stretch;
|
|
width: 29rem;
|
|
padding: 2rem 2.5rem;
|
|
border-radius: var(--border-radius) 0 0 var(--border-radius);
|
|
background-color: var(--modal-background-color);
|
|
}
|
|
.selectable-inputs-modal-ChpOa .modal-dialog-container-QgsId {
|
|
overflow: visible;
|
|
}
|
|
.selectable-inputs-modal-ChpOa .modal-dialog-container-QgsId .modal-dialog-content-ChXwF {
|
|
overflow: visible !important;
|
|
}
|
|
.selectable-inputs-modal-ChpOa .modal-dialog-container-QgsId .modal-dialog-content-ChXwF .select-input-CHDbe {
|
|
height: 3.5rem;
|
|
}
|
|
.selectable-inputs-modal-ChpOa .modal-dialog-container-QgsId .modal-dialog-content-ChXwF .select-input-CHDbe:not(:last-child) {
|
|
margin-bottom: 1rem;
|
|
}
|
|
.selectable-inputs-modal-ChpOa .modal-dialog-container-QgsId .modal-dialog-content-ChXwF .select-input-CHDbe .menu-container-Z1Pou {
|
|
max-height: calc(3.2rem * 3);
|
|
overflow: auto;
|
|
}
|
|
@media only screen and (min-width: 2800px) {
|
|
.discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .meta-items-container-n8vNz {
|
|
grid-template-columns: repeat(10, 1fr);
|
|
}
|
|
}
|
|
@media only screen and (max-width: 2800px) {
|
|
.discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .meta-items-container-n8vNz {
|
|
grid-template-columns: repeat(9, 1fr);
|
|
}
|
|
}
|
|
@media only screen and (max-width: 2500px) {
|
|
.discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .meta-items-container-n8vNz {
|
|
grid-template-columns: repeat(8, 1fr);
|
|
}
|
|
}
|
|
@media only screen and (max-width: 2200px) {
|
|
.discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .meta-items-container-n8vNz {
|
|
grid-template-columns: repeat(7, 1fr);
|
|
}
|
|
}
|
|
@media only screen and (max-width: 1900px) {
|
|
.discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .meta-items-container-n8vNz {
|
|
grid-template-columns: repeat(6, 1fr);
|
|
}
|
|
}
|
|
@media only screen and (max-width: 1600px) {
|
|
.discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .meta-items-container-n8vNz {
|
|
grid-template-columns: repeat(5, 1fr);
|
|
}
|
|
}
|
|
@media only screen and (max-width: 1300px) {
|
|
.discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .meta-items-container-n8vNz {
|
|
grid-template-columns: repeat(4, 1fr);
|
|
}
|
|
}
|
|
@media only screen and (max-width: 1000px) {
|
|
.discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .meta-items-container-n8vNz {
|
|
grid-template-columns: repeat(5, 1fr);
|
|
margin-right: 0;
|
|
}
|
|
.discover-container-L6OGL .discover-content-CRsRg .meta-preview-container-CoWs5 {
|
|
display: none;
|
|
}
|
|
}
|
|
@media only screen and (max-width: 800px) {
|
|
.discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .meta-items-container-n8vNz {
|
|
grid-template-columns: repeat(4, 1fr);
|
|
margin-right: 0;
|
|
}
|
|
.discover-container-L6OGL .discover-content-CRsRg .meta-preview-container-CoWs5 {
|
|
display: none;
|
|
}
|
|
}
|
|
@media only screen and (max-width: 640px) {
|
|
.discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .selectable-inputs-container-IRz50 {
|
|
justify-content: space-between;
|
|
}
|
|
.discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .selectable-inputs-container-IRz50 .select-input-CHDbe:nth-child(n+2) {
|
|
display: none;
|
|
}
|
|
.discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .selectable-inputs-container-IRz50 .select-input-CHDbe:nth-child(n+2) ~ .filter-container-BVkqT {
|
|
display: flex;
|
|
}
|
|
.discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .meta-items-container-n8vNz {
|
|
grid-template-columns: repeat(3, 1fr);
|
|
}
|
|
}
|
|
|
|
.not-found-container-Q1qsP {
|
|
display: flex;
|
|
flex-direction: column;
|
|
width: 100%;
|
|
height: 100%;
|
|
background-color: transparent;
|
|
}
|
|
.not-found-container-Q1qsP .nav-bar-Eu3_y {
|
|
flex: none;
|
|
align-self: stretch;
|
|
}
|
|
.not-found-container-Q1qsP .not-found-content-z_Eza {
|
|
flex: 1;
|
|
align-self: stretch;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.not-found-container-Q1qsP .not-found-content-z_Eza .not-found-image-Qab4G {
|
|
flex: none;
|
|
width: 12rem;
|
|
height: 12rem;
|
|
margin-bottom: 1rem;
|
|
object-fit: contain;
|
|
object-position: center;
|
|
opacity: 0.9;
|
|
}
|
|
.not-found-container-Q1qsP .not-found-content-z_Eza .not-found-label-mmwyZ {
|
|
flex: none;
|
|
font-size: 2.5rem;
|
|
max-height: 3.6em;
|
|
max-width: 60%;
|
|
text-align: center;
|
|
color: hsla(222.8, 100%, 78%, 0.9);
|
|
}
|
|
|
|
.library-container-zM_bj {
|
|
width: 100%;
|
|
height: 100%;
|
|
background-color: transparent;
|
|
}
|
|
.library-container-zM_bj .library-content-PgX4O {
|
|
width: 100%;
|
|
height: 100%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
.library-container-zM_bj .library-content-PgX4O .selectable-inputs-container-hR3or {
|
|
flex: none;
|
|
align-self: stretch;
|
|
display: flex;
|
|
flex-direction: row;
|
|
padding: 1.5rem;
|
|
overflow: visible;
|
|
}
|
|
.library-container-zM_bj .library-content-PgX4O .selectable-inputs-container-hR3or .select-input-container-H1VZ1 {
|
|
flex-grow: 0;
|
|
flex-shrink: 1;
|
|
flex-basis: 15rem;
|
|
height: 2.75rem;
|
|
}
|
|
.library-container-zM_bj .library-content-PgX4O .selectable-inputs-container-hR3or .select-input-container-H1VZ1:not(:last-child) {
|
|
margin-right: 1.5rem;
|
|
}
|
|
.library-container-zM_bj .library-content-PgX4O .selectable-inputs-container-hR3or .select-input-container-H1VZ1 .menu-container-Z1Pou {
|
|
overflow: auto;
|
|
}
|
|
.library-container-zM_bj .library-content-PgX4O .message-container-MhY5t {
|
|
flex: 0 1 auto;
|
|
align-self: stretch;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
padding: 0 1.5rem;
|
|
overflow-y: auto;
|
|
}
|
|
.library-container-zM_bj .library-content-PgX4O .message-container-MhY5t:first-child {
|
|
padding: 4rem;
|
|
}
|
|
.library-container-zM_bj .library-content-PgX4O .message-container-MhY5t.no-user-message-container-KMLpE .login-button-container-RoEh7 {
|
|
flex: none;
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
justify-content: center;
|
|
width: 20rem;
|
|
height: 3.5rem;
|
|
border-radius: 3.5rem;
|
|
padding: 0.5rem 1rem;
|
|
margin-bottom: 1rem;
|
|
background-color: var(--secondary-accent-color);
|
|
}
|
|
.library-container-zM_bj .library-content-PgX4O .message-container-MhY5t.no-user-message-container-KMLpE .login-button-container-RoEh7:hover {
|
|
outline: var(--focus-outline-size) solid var(--secondary-accent-color);
|
|
background-color: transparent;
|
|
}
|
|
.library-container-zM_bj .library-content-PgX4O .message-container-MhY5t.no-user-message-container-KMLpE .login-button-container-RoEh7 .label-QqYmf {
|
|
flex-grow: 0;
|
|
flex-shrink: 1;
|
|
flex-basis: auto;
|
|
max-height: 4.8em;
|
|
font-size: 1.2rem;
|
|
font-weight: 700;
|
|
color: var(--primary-foreground-color);
|
|
text-align: center;
|
|
}
|
|
.library-container-zM_bj .library-content-PgX4O .message-container-MhY5t .image-csRHm {
|
|
flex: none;
|
|
width: 12rem;
|
|
height: 12rem;
|
|
margin-bottom: 2rem;
|
|
object-fit: contain;
|
|
object-position: center;
|
|
opacity: 0.9;
|
|
}
|
|
.library-container-zM_bj .library-content-PgX4O .message-container-MhY5t .message-label-UExl3 {
|
|
flex: none;
|
|
margin-bottom: 2rem;
|
|
font-size: 2rem;
|
|
font-weight: 400;
|
|
text-align: center;
|
|
color: var(--primary-foreground-color);
|
|
}
|
|
.library-container-zM_bj .library-content-PgX4O .meta-items-container-IKrND {
|
|
flex: 1;
|
|
align-self: stretch;
|
|
display: grid;
|
|
grid-auto-rows: max-content;
|
|
align-items: center;
|
|
grid-gap: 0.5rem;
|
|
padding: 0 1.5rem;
|
|
overflow-y: auto;
|
|
}
|
|
.selectable-inputs-modal-rHlo7 .modal-dialog-container-QgsId {
|
|
overflow: visible;
|
|
}
|
|
.selectable-inputs-modal-rHlo7 .modal-dialog-container-QgsId .modal-dialog-content-ChXwF {
|
|
overflow: visible;
|
|
}
|
|
.selectable-inputs-modal-rHlo7 .modal-dialog-container-QgsId .modal-dialog-content-ChXwF .select-input-container-H1VZ1 {
|
|
height: 3.5rem;
|
|
}
|
|
.selectable-inputs-modal-rHlo7 .modal-dialog-container-QgsId .modal-dialog-content-ChXwF .select-input-container-H1VZ1:not(:last-child) {
|
|
margin-bottom: 1rem;
|
|
}
|
|
@media only screen and (min-width: 2200px) {
|
|
.library-container-zM_bj .library-content-PgX4O .meta-items-container-IKrND {
|
|
grid-template-columns: repeat(10, 1fr);
|
|
}
|
|
}
|
|
@media only screen and (max-width: 2200px) {
|
|
.library-container-zM_bj .library-content-PgX4O .meta-items-container-IKrND {
|
|
grid-template-columns: repeat(9, 1fr);
|
|
}
|
|
}
|
|
@media only screen and (max-width: 1900px) {
|
|
.library-container-zM_bj .library-content-PgX4O .meta-items-container-IKrND {
|
|
grid-template-columns: repeat(8, 1fr);
|
|
}
|
|
}
|
|
@media only screen and (max-width: 1600px) {
|
|
.library-container-zM_bj .library-content-PgX4O .meta-items-container-IKrND {
|
|
grid-template-columns: repeat(7, 1fr);
|
|
}
|
|
}
|
|
@media only screen and (max-width: 1300px) {
|
|
.library-container-zM_bj .library-content-PgX4O .meta-items-container-IKrND {
|
|
grid-template-columns: repeat(6, 1fr);
|
|
}
|
|
}
|
|
@media only screen and (max-width: 1000px) {
|
|
.library-container-zM_bj .library-content-PgX4O .meta-items-container-IKrND {
|
|
grid-template-columns: repeat(5, 1fr);
|
|
}
|
|
}
|
|
@media only screen and (max-width: 800px) {
|
|
.library-container-zM_bj .library-content-PgX4O .meta-items-container-IKrND {
|
|
grid-template-columns: repeat(4, 1fr);
|
|
}
|
|
}
|
|
@media only screen and (max-width: 640px) {
|
|
.library-container-zM_bj .library-content-PgX4O .selectable-inputs-container-hR3or {
|
|
justify-content: space-between;
|
|
}
|
|
.library-container-zM_bj .library-content-PgX4O .meta-items-container-IKrND {
|
|
grid-template-columns: repeat(3, 1fr);
|
|
}
|
|
}
|
|
|
|
.selector-uRGQ6 {
|
|
flex: none;
|
|
position: relative;
|
|
display: flex;
|
|
gap: 1rem;
|
|
align-items: center;
|
|
justify-content: center;
|
|
padding: 0 1rem;
|
|
}
|
|
.selector-uRGQ6 .prev-__2gh,
|
|
.selector-uRGQ6 .next-t6hvT {
|
|
position: relative;
|
|
height: 3rem;
|
|
width: 6rem;
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
gap: 0.5rem;
|
|
border-radius: 0.5rem;
|
|
transition: background-color 0.1s ease-out;
|
|
-webkit-tap-highlight-color: transparent;
|
|
}
|
|
.selector-uRGQ6 .prev-__2gh .label-xSEWG,
|
|
.selector-uRGQ6 .next-t6hvT .label-xSEWG,
|
|
.selector-uRGQ6 .prev-__2gh .icon-ixEYr,
|
|
.selector-uRGQ6 .next-t6hvT .icon-ixEYr {
|
|
color: var(--primary-foreground-color);
|
|
opacity: 0.5;
|
|
transition: opacity 0.1s ease-out;
|
|
}
|
|
.selector-uRGQ6 .prev-__2gh .label-xSEWG,
|
|
.selector-uRGQ6 .next-t6hvT .label-xSEWG {
|
|
font-size: 1rem;
|
|
font-weight: 500;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
}
|
|
.selector-uRGQ6 .prev-__2gh .icon-ixEYr,
|
|
.selector-uRGQ6 .next-t6hvT .icon-ixEYr {
|
|
height: 1.5rem;
|
|
}
|
|
.selector-uRGQ6 .prev-__2gh:hover,
|
|
.selector-uRGQ6 .next-t6hvT:hover {
|
|
background-color: var(--overlay-color);
|
|
}
|
|
.selector-uRGQ6 .prev-__2gh:hover .label-xSEWG,
|
|
.selector-uRGQ6 .next-t6hvT:hover .label-xSEWG,
|
|
.selector-uRGQ6 .prev-__2gh:hover .icon-ixEYr,
|
|
.selector-uRGQ6 .next-t6hvT:hover .icon-ixEYr {
|
|
opacity: 1;
|
|
}
|
|
.selector-uRGQ6 .prev-__2gh {
|
|
padding-left: 0.5rem;
|
|
padding-right: 1.25rem;
|
|
}
|
|
.selector-uRGQ6 .next-t6hvT {
|
|
padding-left: 1.25rem;
|
|
padding-right: 0.5rem;
|
|
}
|
|
.selector-uRGQ6 .selected-lBBwk {
|
|
position: relative;
|
|
width: 8.5rem;
|
|
text-align: center;
|
|
}
|
|
.selector-uRGQ6 .selected-lBBwk .year-jHuog {
|
|
font-size: 1rem;
|
|
font-weight: 500;
|
|
line-height: 100%;
|
|
color: var(--primary-foreground-color);
|
|
opacity: 0.5;
|
|
}
|
|
.selector-uRGQ6 .selected-lBBwk .month-VlFJ6 {
|
|
font-size: 1.5rem;
|
|
font-weight: 500;
|
|
color: var(--primary-foreground-color);
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
}
|
|
@media only screen and (max-width: 1300px) {
|
|
.selector-uRGQ6 {
|
|
justify-content: space-between;
|
|
}
|
|
}
|
|
|
|
.table-QbfK0 {
|
|
flex: auto;
|
|
position: relative;
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
.table-QbfK0 .week-mTZNI {
|
|
flex: none;
|
|
position: relative;
|
|
height: 3rem;
|
|
width: 100%;
|
|
display: grid;
|
|
grid-template-columns: repeat(7, 1fr);
|
|
align-items: center;
|
|
}
|
|
.table-QbfK0 .week-mTZNI .day-LPW9e {
|
|
position: relative;
|
|
padding: 0.5rem;
|
|
font-size: 1rem;
|
|
font-weight: 500;
|
|
color: var(--primary-foreground-color);
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
}
|
|
.table-QbfK0 .week-mTZNI .day-LPW9e .long-UpX3r {
|
|
display: block;
|
|
}
|
|
.table-QbfK0 .week-mTZNI .day-LPW9e .short-MoF9_ {
|
|
display: none;
|
|
}
|
|
.table-QbfK0 .grid-cUaUg {
|
|
flex: auto;
|
|
position: relative;
|
|
width: 100%;
|
|
height: 100%;
|
|
display: grid;
|
|
grid-template-columns: repeat(7, 1fr);
|
|
gap: 1px;
|
|
}
|
|
@media only screen and (max-width: 1000px) {
|
|
.table-QbfK0 .week-mTZNI .day-LPW9e .long-UpX3r {
|
|
display: none;
|
|
}
|
|
.table-QbfK0 .week-mTZNI .day-LPW9e .short-MoF9_ {
|
|
display: block;
|
|
}
|
|
}
|
|
|
|
.cell-l3eWl {
|
|
position: relative;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: space-between;
|
|
gap: 0.5rem;
|
|
background-color: var(--overlay-color);
|
|
border: 0.15rem solid transparent;
|
|
overflow: hidden;
|
|
cursor: pointer;
|
|
transition: border-color 0.1s ease-out;
|
|
-webkit-tap-highlight-color: transparent;
|
|
}
|
|
.cell-l3eWl:first-child {
|
|
border-radius: var(--border-radius) 0 0 0;
|
|
}
|
|
.cell-l3eWl:nth-child(7) {
|
|
border-radius: 0 var(--border-radius) 0 0;
|
|
}
|
|
.cell-l3eWl:last-child {
|
|
border-radius: 0 0 var(--border-radius) 0;
|
|
}
|
|
.cell-l3eWl .heading-TYXvp {
|
|
flex: none;
|
|
position: relative;
|
|
height: 3rem;
|
|
display: flex;
|
|
align-items: center;
|
|
padding: 0 1rem;
|
|
}
|
|
.cell-l3eWl .heading-TYXvp .day-nttmc {
|
|
flex: none;
|
|
position: relative;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
height: 2rem;
|
|
width: 2rem;
|
|
border-radius: 100%;
|
|
font-size: 1rem;
|
|
font-weight: 500;
|
|
color: var(--primary-foreground-color);
|
|
}
|
|
.cell-l3eWl .items-ZZ9Jt {
|
|
flex: 0 1 10rem;
|
|
position: relative;
|
|
display: flex;
|
|
flex-direction: row;
|
|
gap: 1rem;
|
|
padding: 0 1rem 1rem 1rem;
|
|
}
|
|
.cell-l3eWl .items-ZZ9Jt .item-qsUNQ {
|
|
flex: none;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
height: 100%;
|
|
aspect-ratio: 2 / 3;
|
|
border-radius: var(--border-radius);
|
|
}
|
|
.cell-l3eWl .items-ZZ9Jt .item-qsUNQ .icon-F3Uu8 {
|
|
flex: none;
|
|
z-index: 1;
|
|
position: absolute;
|
|
width: 2rem;
|
|
height: 2rem;
|
|
padding: 0.5rem;
|
|
border-radius: 50%;
|
|
color: var(--primary-foreground-color);
|
|
background-color: var(--secondary-accent-color);
|
|
opacity: 0;
|
|
}
|
|
.cell-l3eWl .items-ZZ9Jt .item-qsUNQ .poster-goLqZ {
|
|
flex: auto;
|
|
z-index: 0;
|
|
position: relative;
|
|
height: 100%;
|
|
width: 100%;
|
|
object-fit: cover;
|
|
opacity: 1;
|
|
}
|
|
.cell-l3eWl .items-ZZ9Jt .item-qsUNQ .icon-F3Uu8,
|
|
.cell-l3eWl .items-ZZ9Jt .item-qsUNQ .poster-goLqZ {
|
|
transition: opacity 0.1s ease-out;
|
|
}
|
|
.cell-l3eWl .items-ZZ9Jt .item-qsUNQ:hover .icon-F3Uu8 {
|
|
opacity: 1;
|
|
}
|
|
.cell-l3eWl .items-ZZ9Jt .item-qsUNQ:hover .poster-goLqZ {
|
|
opacity: 0.5;
|
|
}
|
|
.cell-l3eWl .more-gGKzA {
|
|
display: none;
|
|
flex: none;
|
|
width: 2rem;
|
|
height: 2rem;
|
|
padding: 0.5rem;
|
|
align-self: center;
|
|
color: var(--primary-foreground-color);
|
|
}
|
|
.cell-l3eWl.today-G8kuO .heading-TYXvp .day-nttmc {
|
|
background-color: var(--primary-accent-color);
|
|
}
|
|
.cell-l3eWl.active-KC8sV {
|
|
border-color: var(--primary-foreground-color);
|
|
}
|
|
@media (pointer: fine) {
|
|
.cell-l3eWl:not(.active-KC8sV):hover {
|
|
border-color: var(--overlay-color);
|
|
}
|
|
}
|
|
@media only screen and (orientation: portrait) {
|
|
.cell-l3eWl .heading-TYXvp {
|
|
justify-content: center;
|
|
}
|
|
.cell-l3eWl .items-ZZ9Jt {
|
|
display: none;
|
|
}
|
|
.cell-l3eWl .more-gGKzA {
|
|
display: flex;
|
|
}
|
|
}
|
|
@media only screen and (max-width: 1300px) and (orientation: landscape) {
|
|
.cell-l3eWl {
|
|
flex-direction: row;
|
|
align-items: center;
|
|
}
|
|
.cell-l3eWl .items-ZZ9Jt {
|
|
display: none;
|
|
}
|
|
.cell-l3eWl .more-gGKzA {
|
|
display: flex;
|
|
}
|
|
}
|
|
@media only screen and (max-height: 800px) and (orientation: landscape) {
|
|
.cell-l3eWl .items-ZZ9Jt {
|
|
display: none;
|
|
}
|
|
.cell-l3eWl .more-gGKzA {
|
|
display: flex;
|
|
}
|
|
}
|
|
|
|
.item-PwXPg {
|
|
flex: none;
|
|
position: relative;
|
|
display: flex;
|
|
flex-direction: column;
|
|
background-color: var(--overlay-color);
|
|
border-radius: var(--border-radius);
|
|
border: 0.15rem solid transparent;
|
|
transition: border-color 0.1s ease-out;
|
|
}
|
|
.item-PwXPg .heading-aqSxF {
|
|
flex: none;
|
|
position: relative;
|
|
display: flex;
|
|
align-items: center;
|
|
height: 3.5rem;
|
|
font-size: 1rem;
|
|
font-weight: 500;
|
|
color: var(--primary-foreground-color);
|
|
padding: 0 1rem;
|
|
}
|
|
.item-PwXPg .body-pUnX4 {
|
|
flex: auto;
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
.item-PwXPg .body-pUnX4 .video-XnjiE {
|
|
flex: none;
|
|
position: relative;
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
gap: 1rem;
|
|
height: 3rem;
|
|
padding: 0 1rem;
|
|
font-size: 1rem;
|
|
font-weight: 500;
|
|
color: var(--primary-foreground-color);
|
|
}
|
|
.item-PwXPg .body-pUnX4 .video-XnjiE:last-child {
|
|
border-radius: 0 0 var(--border-radius) var(--border-radius);
|
|
}
|
|
.item-PwXPg .body-pUnX4 .video-XnjiE .name-tepO3 {
|
|
flex: auto;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
}
|
|
.item-PwXPg .body-pUnX4 .video-XnjiE .info-dnUvu {
|
|
flex: none;
|
|
display: block;
|
|
}
|
|
.item-PwXPg .body-pUnX4 .video-XnjiE .icon-bz23A {
|
|
flex: none;
|
|
display: none;
|
|
width: 2rem;
|
|
height: 2rem;
|
|
padding: 0.5rem;
|
|
border-radius: 50%;
|
|
color: var(--primary-foreground-color);
|
|
background-color: var(--secondary-accent-color);
|
|
}
|
|
.item-PwXPg .body-pUnX4 .video-XnjiE:hover {
|
|
background-color: var(--overlay-color);
|
|
}
|
|
.item-PwXPg .body-pUnX4 .video-XnjiE:hover .info-dnUvu {
|
|
display: none;
|
|
}
|
|
.item-PwXPg .body-pUnX4 .video-XnjiE:hover .icon-bz23A {
|
|
display: block;
|
|
}
|
|
.item-PwXPg.today-JJfHO .heading-aqSxF {
|
|
background-color: var(--primary-accent-color);
|
|
}
|
|
.item-PwXPg.active-ymNy0 {
|
|
border-color: var(--primary-foreground-color);
|
|
}
|
|
.item-PwXPg:not(.active-ymNy0):hover {
|
|
border-color: var(--overlay-color);
|
|
}
|
|
|
|
.list-fa_2a {
|
|
flex: none;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 1rem;
|
|
width: 20rem;
|
|
padding: 0 1rem;
|
|
overflow-y: auto;
|
|
}
|
|
@media only screen and (max-width: 1300px) and (orientation: portrait) {
|
|
.list-fa_2a {
|
|
display: none;
|
|
}
|
|
}
|
|
@media only screen and (max-width: 1600px) and (orientation: landscape) {
|
|
.list-fa_2a {
|
|
width: 20rem;
|
|
}
|
|
}
|
|
@media only screen and (max-width: 1300px) and (orientation: landscape) {
|
|
.list-fa_2a {
|
|
width: 17rem;
|
|
}
|
|
}
|
|
@media only screen and (max-width: 1000px) and (orientation: landscape) {
|
|
.list-fa_2a {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
.details-EuHwi {
|
|
position: relative;
|
|
}
|
|
.details-EuHwi .video-BIs3a {
|
|
flex: none;
|
|
position: relative;
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
gap: 1rem;
|
|
padding: 0 1.5rem;
|
|
height: 4rem;
|
|
font-size: 1rem;
|
|
font-weight: 500;
|
|
color: var(--primary-foreground-color);
|
|
-webkit-tap-highlight-color: transparent;
|
|
}
|
|
.details-EuHwi .video-BIs3a .name-vpn8u {
|
|
flex: auto;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
}
|
|
.details-EuHwi .video-BIs3a .info-n1Tz1 {
|
|
flex: none;
|
|
display: block;
|
|
}
|
|
.details-EuHwi .video-BIs3a .icon-Di3yP {
|
|
flex: none;
|
|
width: 2rem;
|
|
height: 2rem;
|
|
padding: 0.5rem;
|
|
border-radius: 50%;
|
|
color: var(--primary-foreground-color);
|
|
}
|
|
.details-EuHwi .video-BIs3a:hover,
|
|
.details-EuHwi .video-BIs3a:active {
|
|
background-color: var(--overlay-color);
|
|
}
|
|
.details-EuHwi .video-BIs3a:hover .icon-Di3yP,
|
|
.details-EuHwi .video-BIs3a:active .icon-Di3yP {
|
|
display: block;
|
|
background-color: var(--secondary-accent-color);
|
|
}
|
|
.details-EuHwi .placeholder-Kigxt {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
height: 10rem;
|
|
font-size: 1rem;
|
|
color: var(--primary-foreground-color);
|
|
}
|
|
|
|
.placeholder-pCQTz {
|
|
position: relative;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: center;
|
|
height: 100%;
|
|
width: 100%;
|
|
overflow-y: auto;
|
|
}
|
|
.placeholder-pCQTz .title-bE4zd {
|
|
flex: none;
|
|
font-size: 1.75rem;
|
|
font-weight: 400;
|
|
text-align: center;
|
|
color: var(--primary-foreground-color);
|
|
margin-bottom: 1rem;
|
|
opacity: 0.5;
|
|
}
|
|
.placeholder-pCQTz .image-qgtvg {
|
|
flex: none;
|
|
height: 14rem;
|
|
margin: 1.5rem 0;
|
|
}
|
|
.placeholder-pCQTz .overview-RGglv {
|
|
flex: none;
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
gap: 4rem;
|
|
margin-bottom: 3rem;
|
|
}
|
|
.placeholder-pCQTz .overview-RGglv .point-iTc1_ {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
gap: 1.5rem;
|
|
width: 18rem;
|
|
}
|
|
.placeholder-pCQTz .overview-RGglv .point-iTc1_ .icon-Y5Zkw {
|
|
flex: none;
|
|
height: 3.25rem;
|
|
width: 3.25rem;
|
|
color: var(--primary-foreground-color);
|
|
opacity: 0.3;
|
|
}
|
|
.placeholder-pCQTz .overview-RGglv .point-iTc1_ .text-Pa9GN {
|
|
flex: auto;
|
|
font-size: 1.1rem;
|
|
font-size: 500;
|
|
color: var(--primary-foreground-color);
|
|
opacity: 0.9;
|
|
}
|
|
.placeholder-pCQTz .button-DsyS9 {
|
|
flex: none;
|
|
justify-content: center;
|
|
height: 4rem;
|
|
line-height: 4rem;
|
|
padding: 0 5rem;
|
|
font-size: 1.1rem;
|
|
color: var(--primary-foreground-color);
|
|
text-align: center;
|
|
border-radius: 3.5rem;
|
|
background-color: var(--overlay-color);
|
|
}
|
|
.placeholder-pCQTz .button-DsyS9:hover {
|
|
outline: var(--focus-outline-size) solid var(--primary-foreground-color);
|
|
background-color: transparent;
|
|
}
|
|
@media only screen and (max-width: 640px) {
|
|
.placeholder-pCQTz {
|
|
padding: 1rem 2rem;
|
|
}
|
|
.placeholder-pCQTz .image-qgtvg {
|
|
height: 10rem;
|
|
}
|
|
.placeholder-pCQTz .overview-RGglv {
|
|
flex-direction: column;
|
|
}
|
|
.placeholder-pCQTz .button-DsyS9 {
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
.calendar-cH2jw {
|
|
width: 100%;
|
|
height: 100%;
|
|
background-color: transparent;
|
|
}
|
|
.calendar-cH2jw .content-wBwrQ {
|
|
position: relative;
|
|
display: flex;
|
|
flex-direction: row;
|
|
gap: 0.5rem;
|
|
width: 100%;
|
|
height: 100%;
|
|
padding: 0 0 2rem 2rem;
|
|
}
|
|
.calendar-cH2jw .content-wBwrQ .main-vWt7d {
|
|
flex: auto;
|
|
position: relative;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 1rem;
|
|
}
|
|
@media only screen and (max-width: 640px) {
|
|
.calendar-cH2jw .content-wBwrQ {
|
|
padding: 0;
|
|
}
|
|
}
|
|
@media only screen and (max-width: 1300px) and (orientation: landscape) {
|
|
.calendar-cH2jw .content-wBwrQ {
|
|
padding: 0 0 0 1rem;
|
|
}
|
|
}
|
|
|
|
.stream-placeholder-container-T1nxv {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
padding: 0.5rem 1rem;
|
|
}
|
|
.stream-placeholder-container-T1nxv .addon-container-pm1P0 {
|
|
flex: none;
|
|
}
|
|
.stream-placeholder-container-T1nxv .addon-container-pm1P0 .addon-name-zAOKP {
|
|
width: 5rem;
|
|
height: 2rem;
|
|
border-radius: var(--border-radius);
|
|
background-color: var(--color-placeholder-background);
|
|
}
|
|
.stream-placeholder-container-T1nxv .info-container-Z1Dl6 {
|
|
flex: 1;
|
|
margin: 0.5rem 1rem;
|
|
}
|
|
.stream-placeholder-container-T1nxv .info-container-Z1Dl6 .description-container-ZOMcn {
|
|
height: 1.2rem;
|
|
border-radius: var(--border-radius);
|
|
background-color: var(--color-placeholder-background);
|
|
}
|
|
.stream-placeholder-container-T1nxv .info-container-Z1Dl6 .description-container-ZOMcn:nth-child(1) {
|
|
width: 80%;
|
|
}
|
|
.stream-placeholder-container-T1nxv .info-container-Z1Dl6 .description-container-ZOMcn:nth-child(2) {
|
|
width: 40%;
|
|
margin-top: 0.5rem;
|
|
}
|
|
.stream-placeholder-container-T1nxv .play-icon-MXqj3 {
|
|
flex: none;
|
|
width: 3.5rem;
|
|
height: 5rem;
|
|
}
|
|
.stream-placeholder-container-T1nxv .play-icon-MXqj3 .background-FNyrF {
|
|
fill: none;
|
|
}
|
|
.stream-placeholder-container-T1nxv .play-icon-MXqj3 .icon-XXj2q {
|
|
fill: var(--color-placeholder-background);
|
|
}
|
|
|
|
.stream-container-JPdah {
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: wrap;
|
|
align-items: center;
|
|
gap: 1rem;
|
|
padding: 0.5rem 1rem;
|
|
margin-bottom: 0.5rem;
|
|
border-radius: var(--border-radius);
|
|
}
|
|
.stream-container-JPdah:hover,
|
|
.stream-container-JPdah:focus {
|
|
background-color: var(--overlay-color);
|
|
}
|
|
.stream-container-JPdah:hover .icon-rAZvO,
|
|
.stream-container-JPdah:focus .icon-rAZvO,
|
|
.stream-container-JPdah.selected .icon-rAZvO {
|
|
opacity: 1;
|
|
}
|
|
.stream-container-JPdah .info-container-TihQo {
|
|
flex: none;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 1rem;
|
|
}
|
|
.stream-container-JPdah .info-container-TihQo .thumbnail-whoms {
|
|
display: block;
|
|
height: 5rem;
|
|
width: 8rem;
|
|
object-fit: cover;
|
|
object-position: center;
|
|
opacity: 0.9;
|
|
}
|
|
.stream-container-JPdah .info-container-TihQo .placeholder-icon-znYz0 {
|
|
display: block;
|
|
height: 5rem;
|
|
width: 8rem;
|
|
padding: 1rem;
|
|
color: var(--primary-foreground-color);
|
|
background-color: var(--overlay-color);
|
|
opacity: 0.25;
|
|
}
|
|
.stream-container-JPdah .info-container-TihQo .addon-name-tC8PX {
|
|
width: 7rem;
|
|
font-size: 1.1rem;
|
|
text-align: left;
|
|
color: var(--primary-foreground-color);
|
|
}
|
|
.stream-container-JPdah .info-container-TihQo .progress-bar-container-ADRp_ {
|
|
flex: 0 0 100%;
|
|
position: relative;
|
|
border-radius: var(--border-radius);
|
|
}
|
|
.stream-container-JPdah .info-container-TihQo .progress-bar-container-ADRp_ .progress-bar-XrEBL {
|
|
z-index: 1;
|
|
position: relative;
|
|
height: 0.4rem;
|
|
background-color: var(--primary-accent-color);
|
|
}
|
|
.stream-container-JPdah .info-container-TihQo .progress-bar-container-ADRp_ .progress-bar-background-HueVQ {
|
|
z-index: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
background-color: var(--primary-foreground-color);
|
|
opacity: 0.2;
|
|
}
|
|
.stream-container-JPdah .description-container-vW_De {
|
|
flex: 1;
|
|
display: flex;
|
|
flex-direction: column;
|
|
-webkit-line-clamp: 3;
|
|
-webkit-box-orient: vertical;
|
|
white-space: pre;
|
|
overflow-y: visible;
|
|
text-overflow: ellipsis;
|
|
color: var(--primary-foreground-color);
|
|
}
|
|
.stream-container-JPdah .icon-rAZvO {
|
|
flex: none;
|
|
width: 3rem;
|
|
height: 3rem;
|
|
padding: 0.7rem;
|
|
border-radius: 50%;
|
|
opacity: 0;
|
|
color: var(--primary-foreground-color);
|
|
background-color: var(--secondary-accent-color);
|
|
}
|
|
.stream-container-JPdah .menu-container-bfvDO {
|
|
max-width: calc(90% - 1.5rem);
|
|
z-index: 2;
|
|
}
|
|
.stream-container-JPdah .menu-container-bfvDO .context-menu-content-Xe_lN {
|
|
--spatial-navigation-contain: contain;
|
|
}
|
|
.stream-container-JPdah .menu-container-bfvDO .context-menu-content-Xe_lN .context-menu-option-container-BZGla {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
padding: 1rem 1.5rem;
|
|
}
|
|
.stream-container-JPdah .menu-container-bfvDO .context-menu-content-Xe_lN .context-menu-option-container-BZGla:hover,
|
|
.stream-container-JPdah .menu-container-bfvDO .context-menu-content-Xe_lN .context-menu-option-container-BZGla:focus {
|
|
background-color: var(--overlay-color);
|
|
}
|
|
.stream-container-JPdah .menu-container-bfvDO .context-menu-content-Xe_lN .context-menu-option-container-BZGla .context-menu-option-label-EbNNz {
|
|
font-size: 1rem;
|
|
font-weight: 500;
|
|
color: var(--primary-foreground-color);
|
|
}
|
|
@media only screen and (max-width: 1300px) {
|
|
.stream-container-JPdah .description-container-vW_De {
|
|
font-size: 0.9rem;
|
|
}
|
|
.stream-container-JPdah .info-container-TihQo .addon-name-tC8PX {
|
|
font-size: 0.9rem;
|
|
}
|
|
}
|
|
@media only screen and (max-width: 640px) {
|
|
.stream-container-JPdah .info-container-TihQo .addon-name-tC8PX {
|
|
font-weight: 500;
|
|
}
|
|
.stream-container-JPdah .menu-container-bfvDO.menu-direction-top-left-KpAQN,
|
|
.stream-container-JPdah .menu-container-bfvDO.menu-direction-bottom-left-Uw06K {
|
|
right: 1.5rem;
|
|
}
|
|
.stream-container-JPdah .menu-container-bfvDO.menu-direction-top-right-jOtwq,
|
|
.stream-container-JPdah .menu-container-bfvDO.menu-direction-bottom-right-XZ9Ch {
|
|
left: 1.5rem;
|
|
}
|
|
.stream-container-JPdah .menu-container-bfvDO.menu-direction-top-left-KpAQN,
|
|
.stream-container-JPdah .menu-container-bfvDO.menu-direction-top-right-jOtwq {
|
|
bottom: 90%;
|
|
}
|
|
.stream-container-JPdah .menu-container-bfvDO.menu-direction-bottom-left-Uw06K,
|
|
.stream-container-JPdah .menu-container-bfvDO.menu-direction-bottom-right-XZ9Ch {
|
|
top: 90%;
|
|
}
|
|
}
|
|
|
|
.streams-list-container-xYMJo {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
.streams-list-container-xYMJo .message-container-f9_L4 {
|
|
flex: 0 1 auto;
|
|
align-self: stretch;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
padding: 1rem 1rem 0;
|
|
overflow-y: auto;
|
|
}
|
|
.streams-list-container-xYMJo .message-container-f9_L4 .image-rIyu6 {
|
|
flex: none;
|
|
width: 10rem;
|
|
height: 10rem;
|
|
max-width: 100%;
|
|
margin-bottom: 1rem;
|
|
object-fit: contain;
|
|
object-position: center;
|
|
opacity: 0.9;
|
|
}
|
|
.streams-list-container-xYMJo .message-container-f9_L4 .label-luvnO {
|
|
flex: none;
|
|
font-size: 1.4rem;
|
|
text-align: center;
|
|
color: var(--primary-foreground-color);
|
|
}
|
|
.streams-list-container-xYMJo .addons-loading-container-Vkwp3 {
|
|
display: flex;
|
|
z-index: 1;
|
|
overflow: visible;
|
|
margin: 2em 1em 0 1em;
|
|
gap: 1em;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
.streams-list-container-xYMJo .addons-loading-container-Vkwp3 .addons-loading-zhdQr {
|
|
color: var(--primary-foreground-color);
|
|
font-size: 1rem;
|
|
}
|
|
.streams-list-container-xYMJo .addons-loading-container-Vkwp3 .addons-loading-bar-MqT59 {
|
|
width: 90%;
|
|
height: 0.3em;
|
|
border-radius: var(--border-radius);
|
|
background-color: var(--primary-accent-color);
|
|
}
|
|
.streams-list-container-xYMJo .select-choices-wrapper-xGzfs {
|
|
display: flex;
|
|
align-items: center;
|
|
z-index: 2;
|
|
margin: 1em 1em 0 1em;
|
|
gap: 0 0.5em;
|
|
overflow: visible;
|
|
}
|
|
.streams-list-container-xYMJo .select-choices-wrapper-xGzfs .back-button-container-cJ4bk {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
border-radius: 0.5em;
|
|
padding: 1em;
|
|
max-height: 3em;
|
|
}
|
|
.streams-list-container-xYMJo .select-choices-wrapper-xGzfs .back-button-container-cJ4bk .icon-SoFgF {
|
|
width: 1.5em;
|
|
height: 1.5em;
|
|
color: var(--primary-foreground-color);
|
|
opacity: 0.6;
|
|
}
|
|
.streams-list-container-xYMJo .select-choices-wrapper-xGzfs .back-button-container-cJ4bk:hover,
|
|
.streams-list-container-xYMJo .select-choices-wrapper-xGzfs .back-button-container-cJ4bk.active {
|
|
background-color: var(--overlay-color);
|
|
opacity: 1;
|
|
}
|
|
.streams-list-container-xYMJo .select-choices-wrapper-xGzfs .back-button-container-cJ4bk:hover .icon-SoFgF,
|
|
.streams-list-container-xYMJo .select-choices-wrapper-xGzfs .back-button-container-cJ4bk.active .icon-SoFgF {
|
|
color: var(--primary-foreground-color);
|
|
opacity: 0.8;
|
|
}
|
|
.streams-list-container-xYMJo .select-choices-wrapper-xGzfs .episode-title-dln_c {
|
|
min-width: 45%;
|
|
color: var(--primary-foreground-color);
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
.streams-list-container-xYMJo .select-choices-wrapper-xGzfs .select-input-container-irGn_ {
|
|
min-width: 40%;
|
|
flex-grow: 1;
|
|
background: none;
|
|
}
|
|
.streams-list-container-xYMJo .select-choices-wrapper-xGzfs .select-input-container-irGn_:hover,
|
|
.streams-list-container-xYMJo .select-choices-wrapper-xGzfs .select-input-container-irGn_:focus,
|
|
.streams-list-container-xYMJo .select-choices-wrapper-xGzfs .select-input-container-irGn_.active {
|
|
background-color: var(--overlay-color);
|
|
}
|
|
.streams-list-container-xYMJo .select-choices-wrapper-xGzfs .select-input-container-irGn_ > .label-kz1K0 {
|
|
color: var(--primary-foreground-color);
|
|
}
|
|
.streams-list-container-xYMJo .select-choices-wrapper-xGzfs .select-input-container-irGn_ > .icon-YGvLz {
|
|
color: var(--primary-foreground-color);
|
|
}
|
|
.streams-list-container-xYMJo .select-choices-wrapper-xGzfs .select-input-container-irGn_ .menu-container-Z1Pou {
|
|
overflow: auto;
|
|
}
|
|
.streams-list-container-xYMJo .streams-container-bbSc4 {
|
|
flex: 1 1 auto;
|
|
align-self: stretch;
|
|
margin-top: 1rem;
|
|
padding: 0 1rem;
|
|
overflow-y: auto;
|
|
}
|
|
.streams-list-container-xYMJo .install-button-container-Q60yJ {
|
|
flex: none;
|
|
align-self: stretch;
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
justify-content: center;
|
|
margin: 1rem;
|
|
padding: 1.5rem 1rem;
|
|
border-radius: var(--border-radius);
|
|
background-color: var(--secondary-accent-color);
|
|
border-radius: 3rem;
|
|
}
|
|
.streams-list-container-xYMJo .install-button-container-Q60yJ:hover {
|
|
outline: var(--focus-outline-size) solid var(--secondary-accent-color);
|
|
background-color: transparent;
|
|
}
|
|
.streams-list-container-xYMJo .install-button-container-Q60yJ .icon-SoFgF {
|
|
flex: none;
|
|
width: 2rem;
|
|
height: 2rem;
|
|
margin-right: 1rem;
|
|
color: var(--primary-foreground-color);
|
|
}
|
|
.streams-list-container-xYMJo .install-button-container-Q60yJ .label-luvnO {
|
|
flex: 0 1 auto;
|
|
font-size: 1.5rem;
|
|
font-weight: 700;
|
|
max-height: 3.6em;
|
|
text-align: center;
|
|
color: var(--primary-foreground-color);
|
|
}
|
|
@media only screen and (max-width: 640px) {
|
|
.streams-list-container-xYMJo {
|
|
overflow: visible;
|
|
}
|
|
.streams-list-container-xYMJo .streams-container-bbSc4 {
|
|
margin-top: 0;
|
|
overflow: visible;
|
|
scrollbar-color: hsla(0, 0%, 100%, 0.2) transparent;
|
|
}
|
|
.streams-list-container-xYMJo .streams-container-bbSc4::-webkit-scrollbar-thumb {
|
|
background-color: hsla(0, 0%, 100%, 0.2);
|
|
}
|
|
.streams-list-container-xYMJo .streams-container-bbSc4::-webkit-scrollbar-track {
|
|
background-color: transparent;
|
|
}
|
|
}
|
|
|
|
.seasons-bar-placeholder-container-M81RN {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: space-between;
|
|
padding: 1rem;
|
|
}
|
|
.seasons-bar-placeholder-container-M81RN .prev-season-button-TCbOq,
|
|
.seasons-bar-placeholder-container-M81RN .next-season-button-oGnlT {
|
|
flex: none;
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
width: 6.5rem;
|
|
height: 3rem;
|
|
padding: 0.5rem;
|
|
}
|
|
.seasons-bar-placeholder-container-M81RN .prev-season-button-TCbOq > :first-child,
|
|
.seasons-bar-placeholder-container-M81RN .next-season-button-oGnlT > :first-child {
|
|
margin-right: 0.5rem;
|
|
}
|
|
.seasons-bar-placeholder-container-M81RN .prev-season-button-TCbOq .icon-UzQjF,
|
|
.seasons-bar-placeholder-container-M81RN .next-season-button-oGnlT .icon-UzQjF {
|
|
flex: none;
|
|
display: block;
|
|
width: 1.5rem;
|
|
height: 1.5rem;
|
|
color: var(--color-placeholder-background);
|
|
}
|
|
.seasons-bar-placeholder-container-M81RN .prev-season-button-TCbOq .label-lmBnj,
|
|
.seasons-bar-placeholder-container-M81RN .next-season-button-oGnlT .label-lmBnj {
|
|
flex: 1;
|
|
max-height: 1.2em;
|
|
font-weight: 500;
|
|
text-align: center;
|
|
color: var(--color-placeholder-text);
|
|
}
|
|
.seasons-bar-placeholder-container-M81RN .seasons-popup-label-container-r2UDB {
|
|
flex: 0 1 auto;
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
margin: 0 1rem;
|
|
}
|
|
.seasons-bar-placeholder-container-M81RN .seasons-popup-label-container-r2UDB .seasons-popup-label-xBinL {
|
|
max-height: 1.2em;
|
|
font-weight: 500;
|
|
color: var(--color-placeholder-text);
|
|
}
|
|
.seasons-bar-placeholder-container-M81RN .seasons-popup-label-container-r2UDB .seasons-popup-icon-p1T5d {
|
|
flex: none;
|
|
width: 1rem;
|
|
height: 1rem;
|
|
margin-left: 1rem;
|
|
color: var(--color-placeholder-background);
|
|
}
|
|
|
|
.seasons-bar-container-nOZjG {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
padding: 1rem;
|
|
overflow: visible;
|
|
}
|
|
.seasons-bar-container-nOZjG .prev-season-button-bs1GQ,
|
|
.seasons-bar-container-nOZjG .next-season-button-RrYAq {
|
|
flex: none;
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
width: 6.5rem;
|
|
height: 3rem;
|
|
border-radius: 3rem;
|
|
padding: 0.5rem;
|
|
}
|
|
.seasons-bar-container-nOZjG .prev-season-button-bs1GQ.disabled-WJy2x,
|
|
.seasons-bar-container-nOZjG .next-season-button-RrYAq.disabled-WJy2x {
|
|
pointer-events: none;
|
|
opacity: 0.5;
|
|
}
|
|
.seasons-bar-container-nOZjG .prev-season-button-bs1GQ:hover,
|
|
.seasons-bar-container-nOZjG .next-season-button-RrYAq:hover,
|
|
.seasons-bar-container-nOZjG .prev-season-button-bs1GQ:focus,
|
|
.seasons-bar-container-nOZjG .next-season-button-RrYAq:focus {
|
|
background-color: var(--overlay-color);
|
|
}
|
|
.seasons-bar-container-nOZjG .prev-season-button-bs1GQ:focus,
|
|
.seasons-bar-container-nOZjG .next-season-button-RrYAq:focus {
|
|
background-color: var(--primary-foreground-color);
|
|
}
|
|
.seasons-bar-container-nOZjG .prev-season-button-bs1GQ > :first-child,
|
|
.seasons-bar-container-nOZjG .next-season-button-RrYAq > :first-child {
|
|
margin-right: 0.5rem;
|
|
}
|
|
.seasons-bar-container-nOZjG .prev-season-button-bs1GQ .label-uJbfD,
|
|
.seasons-bar-container-nOZjG .next-season-button-RrYAq .label-uJbfD {
|
|
flex: 1;
|
|
max-height: 1.2em;
|
|
font-weight: 500;
|
|
text-align: center;
|
|
color: var(--primary-foreground-color);
|
|
}
|
|
.seasons-bar-container-nOZjG .prev-season-button-bs1GQ .icon-_ZBEE,
|
|
.seasons-bar-container-nOZjG .next-season-button-RrYAq .icon-_ZBEE {
|
|
flex: none;
|
|
width: 1.5rem;
|
|
height: 1.5rem;
|
|
color: var(--primary-foreground-color);
|
|
}
|
|
.seasons-bar-container-nOZjG .seasons-popup-label-container-fZcu4 {
|
|
flex: 0 1 auto;
|
|
background: none;
|
|
}
|
|
.seasons-bar-container-nOZjG .seasons-popup-label-container-fZcu4:hover,
|
|
.seasons-bar-container-nOZjG .seasons-popup-label-container-fZcu4:focus,
|
|
.seasons-bar-container-nOZjG .seasons-popup-label-container-fZcu4.active {
|
|
background-color: var(--overlay-color);
|
|
}
|
|
.seasons-bar-container-nOZjG .seasons-popup-label-container-fZcu4 > .label-kz1K0 {
|
|
color: var(--primary-foreground-color);
|
|
}
|
|
.seasons-bar-container-nOZjG .seasons-popup-label-container-fZcu4 > .icon-YGvLz {
|
|
color: var(--primary-foreground-color);
|
|
}
|
|
.seasons-bar-container-nOZjG .seasons-popup-label-container-fZcu4 .menu-container-Z1Pou {
|
|
overflow: auto;
|
|
}
|
|
@media only screen and (max-width: 640px) {
|
|
.seasons-bar-container-nOZjG {
|
|
height: 6rem;
|
|
}
|
|
}
|
|
|
|
.videos-list-container-NepX5 {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
.videos-list-container-NepX5 .message-container-_hhmQ {
|
|
flex: 1;
|
|
align-self: stretch;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: center;
|
|
padding: 2rem;
|
|
overflow-y: auto;
|
|
}
|
|
.videos-list-container-NepX5 .message-container-_hhmQ .image-_xAbP {
|
|
flex: none;
|
|
width: 10rem;
|
|
height: 10rem;
|
|
max-width: 100%;
|
|
margin-bottom: 1rem;
|
|
object-fit: contain;
|
|
object-position: center;
|
|
opacity: 0.9;
|
|
}
|
|
.videos-list-container-NepX5 .message-container-_hhmQ .label-Ff1_X {
|
|
flex: none;
|
|
font-size: 1.4rem;
|
|
text-align: center;
|
|
color: var(--primary-foreground-color);
|
|
}
|
|
.videos-list-container-NepX5 .notifications-toggle-PaWY3 {
|
|
flex: none;
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
justify-content: flex-start;
|
|
gap: 1rem;
|
|
padding: 1.15rem 1.5rem 0.65rem;
|
|
color: hsla(0, 0%, 100%, 0.9);
|
|
}
|
|
.videos-list-container-NepX5 .seasons-bar-Ma8vp {
|
|
flex: none;
|
|
align-self: stretch;
|
|
margin: 0.5rem 1rem 1rem 1rem;
|
|
}
|
|
.videos-list-container-NepX5 .search-bar-mZHWa {
|
|
flex: none;
|
|
align-self: stretch;
|
|
margin: 0 1.5rem 1rem 1.5rem;
|
|
}
|
|
.videos-list-container-NepX5 .search-bar-mZHWa:first-child {
|
|
margin-top: 1rem;
|
|
}
|
|
.videos-list-container-NepX5 .videos-container-msX8s {
|
|
flex: 1;
|
|
align-self: stretch;
|
|
padding: 0 1rem;
|
|
overflow-y: auto;
|
|
}
|
|
@media only screen and (max-width: 640px) {
|
|
.videos-list-container-NepX5 {
|
|
overflow: visible;
|
|
}
|
|
.videos-list-container-NepX5 .videos-container-msX8s {
|
|
overflow: auto;
|
|
}
|
|
}
|
|
|
|
.meta-preview-container-bgBNf{display:flex;flex-direction:column;position:relative;z-index:0}.meta-preview-container-bgBNf.compact-Wbl4Q .meta-info-container-tlmcb .logo-X9v1A,.meta-preview-container-bgBNf.compact-Wbl4Q .meta-info-container-tlmcb .logo-placeholder-kIy0x{height:6rem;width:100%}.meta-preview-container-bgBNf.compact-Wbl4Q .meta-info-container-tlmcb .runtime-release-info-container-lXo3K{justify-content:space-between}.meta-preview-container-bgBNf.compact-Wbl4Q .meta-info-container-tlmcb .runtime-release-info-container-lXo3K .release-info-label-XmqSY,.meta-preview-container-bgBNf.compact-Wbl4Q .meta-info-container-tlmcb .runtime-release-info-container-lXo3K .runtime-label-B29EN{margin:1rem 0.4rem}.meta-preview-container-bgBNf.compact-Wbl4Q .meta-info-container-tlmcb .description-container-eSGft{max-height:none}.meta-preview-container-bgBNf.compact-Wbl4Q .action-buttons-container-qQrnO{justify-content:space-between}.meta-preview-container-bgBNf.compact-Wbl4Q .action-buttons-container-qQrnO .action-button-R44aX:not(:last-child){margin-right:0}.meta-preview-container-bgBNf .background-image-layer-GstuA{bottom:-10px;left:-10px;position:absolute;right:-10px;top:-10px;z-index:-1}.meta-preview-container-bgBNf .background-image-layer-GstuA .background-image-B0d6i{display:block;filter:blur(10px);height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;opacity:0.3;width:100%}.meta-preview-container-bgBNf .meta-info-container-tlmcb{align-self:stretch;flex:1;overflow-y:auto}.meta-preview-container-bgBNf .meta-info-container-tlmcb:not(:hover){scrollbar-color:transparent transparent}.meta-preview-container-bgBNf .meta-info-container-tlmcb:not(:hover)::-webkit-scrollbar-thumb,.meta-preview-container-bgBNf .meta-info-container-tlmcb:not(:hover)::-webkit-scrollbar-track{background-color:transparent}.meta-preview-container-bgBNf .meta-info-container-tlmcb .logo-X9v1A,.meta-preview-container-bgBNf .meta-info-container-tlmcb .logo-placeholder-kIy0x{display:block;margin-bottom:2rem;max-width:100%}.meta-preview-container-bgBNf .meta-info-container-tlmcb .logo-X9v1A{height:9rem;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center}.meta-preview-container-bgBNf .meta-info-container-tlmcb .logo-placeholder-kIy0x{color:hsla(0,0%,100%,0.9);font-size:1.7rem}.meta-preview-container-bgBNf .meta-info-container-tlmcb .runtime-release-info-container-lXo3K{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;margin-top:1rem}.meta-preview-container-bgBNf .meta-info-container-tlmcb .runtime-release-info-container-lXo3K .release-info-label-XmqSY,.meta-preview-container-bgBNf .meta-info-container-tlmcb .runtime-release-info-container-lXo3K .runtime-label-B29EN{color:var(--primary-foreground-color);flex:0 1 auto;font-size:1.25rem;font-weight:600;margin-right:3rem}.meta-preview-container-bgBNf .meta-info-container-tlmcb .runtime-release-info-container-lXo3K .imdb-button-container-qCbl7{align-items:center;border-radius:2.5rem;display:flex;flex:0 1 auto;flex-direction:row}.meta-preview-container-bgBNf .meta-info-container-tlmcb .runtime-release-info-container-lXo3K .imdb-button-container-qCbl7:focus{border:var(--focus-outline-size) solid hsl(0,0%,100%);outline:none}.meta-preview-container-bgBNf .meta-info-container-tlmcb .runtime-release-info-container-lXo3K .imdb-button-container-qCbl7 .label-_DfnK{color:var(--primary-foreground-color);flex:0 1 auto;font-size:1.25rem;font-weight:600;margin-right:1rem}.meta-preview-container-bgBNf .meta-info-container-tlmcb .runtime-release-info-container-lXo3K .imdb-button-container-qCbl7 .icon-MBu8k{color:var(--color-imdb);flex:none;height:3rem;width:3rem}.meta-preview-container-bgBNf .meta-info-container-tlmcb .description-container-eSGft{color:var(--primary-foreground-color);font-size:1rem;font-weight:400;line-height:2em;margin-top:1rem}.meta-preview-container-bgBNf .meta-info-container-tlmcb .description-container-eSGft .label-container-xChHj{color:var(--primary-foreground-color);font-size:0.95rem;font-weight:700;opacity:0.3;text-transform:uppercase}.meta-preview-container-bgBNf .meta-info-container-tlmcb .meta-links-mTHUo{margin-top:1.5rem}.meta-preview-container-bgBNf .action-buttons-container-qQrnO{align-items:flex-end;align-self:stretch;display:flex;flex:none;flex-direction:row;flex-wrap:wrap;max-height:15rem;overflow:visible;padding-top:3.5rem}.meta-preview-container-bgBNf .action-buttons-container-qQrnO .label-_DfnK{color:var(--primary-foreground-color);left:0;opacity:0;overflow:visible;position:absolute;text-align:center;top:-3rem;transition:opacity 0.3s ease}.meta-preview-container-bgBNf .action-buttons-container-qQrnO:not(:last-child){margin-right:1rem}.meta-preview-container-bgBNf .action-buttons-container-qQrnO:hover .label-_DfnK{opacity:0.7}.meta-preview-container-bgBNf .action-buttons-container-qQrnO .action-button-R44aX{flex:none;height:4rem;margin-bottom:1rem;width:4rem}.meta-preview-container-bgBNf .action-buttons-container-qQrnO .action-button-R44aX.wide{border-radius:4rem;padding:0 2rem;width:auto}.meta-preview-container-bgBNf .action-buttons-container-qQrnO .action-button-R44aX:not(:last-child){margin-right:1rem}.meta-preview-container-bgBNf .action-buttons-container-qQrnO .action-button-R44aX.show-button-Sh8P3:focus,.meta-preview-container-bgBNf .action-buttons-container-qQrnO .action-button-R44aX.show-button-Sh8P3:hover{background-color:var(--secondary-accent-color);outline:none}.share-prompt-F8qOC{width:30rem}@media only screen and (max-width:640px){.meta-preview-container-bgBNf .meta-info-container-tlmcb .logo-X9v1A{margin:2rem auto}.meta-preview-container-bgBNf .meta-info-container-tlmcb .runtime-release-info-container-lXo3K{justify-content:space-between}.meta-preview-container-bgBNf .meta-info-container-tlmcb .runtime-release-info-container-lXo3K .release-info-label-XmqSY,.meta-preview-container-bgBNf .meta-info-container-tlmcb .runtime-release-info-container-lXo3K .runtime-label-B29EN{margin:0}.meta-preview-container-bgBNf .action-buttons-container-qQrnO{flex-shrink:0;margin-top:3rem;overflow:visible;scrollbar-width:none}.meta-preview-container-bgBNf .action-buttons-container-qQrnO::-webkit-scrollbar{display:none}.share-prompt-F8qOC{width:auto}}
|
|
.metadetails-container-K_Dqa {
|
|
display: flex;
|
|
flex-direction: column;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.metadetails-container-K_Dqa .nav-bar-MH6Vk {
|
|
z-index: 1;
|
|
flex: none;
|
|
align-self: stretch;
|
|
}
|
|
.metadetails-container-K_Dqa .metadetails-content-Uz5EV {
|
|
flex: 1;
|
|
align-self: stretch;
|
|
position: relative;
|
|
z-index: 0;
|
|
display: flex;
|
|
flex-direction: row;
|
|
}
|
|
.metadetails-container-K_Dqa .metadetails-content-Uz5EV .vertical-nav-bar-B39nq {
|
|
--vertical-nav-bar-size: 6rem;
|
|
flex: none;
|
|
}
|
|
.metadetails-container-K_Dqa .metadetails-content-Uz5EV .background-image-layer-wJa90 {
|
|
position: fixed;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
z-index: -1;
|
|
background-color: var(--modal-background-color);
|
|
}
|
|
.metadetails-container-K_Dqa .metadetails-content-Uz5EV .background-image-layer-wJa90 .background-image-tSjYu {
|
|
pointer-events: none;
|
|
display: block;
|
|
width: 100%;
|
|
height: 100%;
|
|
object-fit: cover;
|
|
object-position: top left;
|
|
opacity: 0.3;
|
|
}
|
|
.metadetails-container-K_Dqa .metadetails-content-Uz5EV .meta-message-container-MJZN5 {
|
|
align-self: stretch;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: center;
|
|
padding: 2rem;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.metadetails-container-K_Dqa .metadetails-content-Uz5EV .meta-message-container-MJZN5 .image-R1LcJ {
|
|
flex: none;
|
|
width: 12rem;
|
|
height: 12rem;
|
|
max-width: 100%;
|
|
margin-bottom: 1rem;
|
|
object-fit: contain;
|
|
object-position: center;
|
|
opacity: 0.9;
|
|
}
|
|
.metadetails-container-K_Dqa .metadetails-content-Uz5EV .meta-message-container-MJZN5 .message-label-Uz4_P {
|
|
flex: none;
|
|
align-self: stretch;
|
|
font-size: 2rem;
|
|
text-align: center;
|
|
color: var(--primary-foreground-color);
|
|
}
|
|
.metadetails-container-K_Dqa .metadetails-content-Uz5EV .meta-preview-ES0h3 {
|
|
flex: 0 1 auto;
|
|
align-self: stretch;
|
|
padding: 0 4rem 2rem 4rem;
|
|
}
|
|
.metadetails-container-K_Dqa .metadetails-content-Uz5EV .spacing-rgIYg {
|
|
flex: 1;
|
|
}
|
|
.metadetails-container-K_Dqa .metadetails-content-Uz5EV .videos-list-nE0LJ,
|
|
.metadetails-container-K_Dqa .metadetails-content-Uz5EV .streams-list-Y1lCM {
|
|
flex: 0 0 30rem;
|
|
align-self: stretch;
|
|
border-radius: var(--border-radius) 0 0 var(--border-radius);
|
|
background-color: rgba(0, 0, 0, 0.4);
|
|
backdrop-filter: blur(15px);
|
|
}
|
|
.meta-extension-modal-container-gHjqy .modal-dialog-container-QgsId {
|
|
width: 80%;
|
|
height: 80%;
|
|
}
|
|
.meta-extension-modal-container-gHjqy .modal-dialog-container-QgsId .title-container-wqhp3 {
|
|
max-height: 1.2em;
|
|
}
|
|
.meta-extension-modal-container-gHjqy .modal-dialog-container-QgsId .meta-extension-modal-iframe-GGHlm {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
@media only screen and (max-width: 640px) {
|
|
.metadetails-container-K_Dqa .metadetails-content-Uz5EV {
|
|
display: block;
|
|
overflow-y: auto;
|
|
}
|
|
.metadetails-container-K_Dqa .metadetails-content-Uz5EV .spacing-rgIYg {
|
|
display: none;
|
|
}
|
|
.metadetails-container-K_Dqa .metadetails-content-Uz5EV .meta-preview-ES0h3 {
|
|
padding: 0 1.5rem 2rem;
|
|
}
|
|
.metadetails-container-K_Dqa .metadetails-content-Uz5EV .videos-list-nE0LJ,
|
|
.metadetails-container-K_Dqa .metadetails-content-Uz5EV .streams-list-Y1lCM {
|
|
border-radius: var(--border-radius) var(--border-radius) 0 0;
|
|
}
|
|
}
|
|
|
|
.search-container-uXEFf {
|
|
width: 100%;
|
|
height: 100%;
|
|
background-color: transparent;
|
|
}
|
|
.search-container-uXEFf .search-content-LX6un {
|
|
width: 100%;
|
|
height: 100%;
|
|
overflow-y: auto;
|
|
}
|
|
.search-container-uXEFf .search-content-LX6un .search-row-EQLaD {
|
|
margin: 4rem 2rem;
|
|
}
|
|
.search-container-uXEFf .search-content-LX6un .search-hints-wrapper-IjhmE {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
flex-direction: column;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.search-container-uXEFf .search-content-LX6un .search-hints-wrapper-IjhmE .search-hints-title-container-MXt8W {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
padding: 0 1rem;
|
|
}
|
|
.search-container-uXEFf .search-content-LX6un .search-hints-wrapper-IjhmE .search-hints-title-container-MXt8W .search-hints-title-cigX3 {
|
|
flex-grow: 0;
|
|
flex-shrink: 1;
|
|
flex-basis: auto;
|
|
font-size: 1.6rem;
|
|
color: hsla(0, 0%, 100%, 0.9);
|
|
text-align: center;
|
|
opacity: 0.4;
|
|
}
|
|
.search-container-uXEFf .search-content-LX6un .search-hints-wrapper-IjhmE .search-hints-container-FHpPM {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: flex-start;
|
|
justify-content: center;
|
|
align-content: flex-start;
|
|
flex-wrap: wrap;
|
|
padding: 4rem;
|
|
max-width: 50%;
|
|
margin: 0 auto;
|
|
}
|
|
.search-container-uXEFf .search-content-LX6un .search-hints-wrapper-IjhmE .search-hints-container-FHpPM .search-hint-container-kd8iX {
|
|
flex: 0 0 25%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: center;
|
|
padding: 0 1rem;
|
|
margin-bottom: 4rem;
|
|
}
|
|
.search-container-uXEFf .search-content-LX6un .search-hints-wrapper-IjhmE .search-hints-container-FHpPM .search-hint-container-kd8iX .icon-fOZZl {
|
|
flex: none;
|
|
width: 4rem;
|
|
height: 4rem;
|
|
margin-bottom: 2rem;
|
|
color: hsla(0, 0%, 100%, 0.9);
|
|
opacity: 0.4;
|
|
}
|
|
.search-container-uXEFf .search-content-LX6un .search-hints-wrapper-IjhmE .search-hints-container-FHpPM .search-hint-container-kd8iX .label-l6wxz {
|
|
flex-grow: 0;
|
|
flex-shrink: 1;
|
|
flex-basis: auto;
|
|
font-size: 1.2rem;
|
|
color: hsla(0, 0%, 100%, 0.9);
|
|
text-align: center;
|
|
opacity: 0.4;
|
|
}
|
|
.search-container-uXEFf .search-content-LX6un .message-container-YAunr {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
padding: 4rem;
|
|
}
|
|
.search-container-uXEFf .search-content-LX6un .message-container-YAunr .image-Xuwya {
|
|
flex: none;
|
|
width: 12rem;
|
|
height: 12rem;
|
|
margin-bottom: 1rem;
|
|
object-fit: contain;
|
|
object-position: center;
|
|
opacity: 0.9;
|
|
}
|
|
.search-container-uXEFf .search-content-LX6un .message-container-YAunr .message-label-K8LPz {
|
|
flex: 0 1 auto;
|
|
font-size: 2.5rem;
|
|
text-align: center;
|
|
color: hsla(222.8, 100%, 78%, 0.9);
|
|
}
|
|
@media only screen and (max-width: 2200px) {
|
|
.search-container-uXEFf .search-content-LX6un .search-row-poster-m7CUE .meta-item-x28TU:nth-child(n+10),
|
|
.search-container-uXEFf .search-content-LX6un .search-row-square-VesJA .meta-item-x28TU:nth-child(n+10),
|
|
.search-container-uXEFf .search-content-LX6un .search-row-poster-m7CUE .meta-item-IegjY:nth-child(n+10),
|
|
.search-container-uXEFf .search-content-LX6un .search-row-square-VesJA .meta-item-IegjY:nth-child(n+10) {
|
|
display: none;
|
|
}
|
|
.search-container-uXEFf .search-content-LX6un .search-row-landscape-o3Lfv .meta-item-x28TU:nth-child(n+9),
|
|
.search-container-uXEFf .search-content-LX6un .search-row-landscape-o3Lfv .meta-item-IegjY:nth-child(n+9) {
|
|
display: none;
|
|
}
|
|
}
|
|
@media only screen and (max-width: 1900px) {
|
|
.search-container-uXEFf .search-content-LX6un .search-row-poster-m7CUE .meta-item-x28TU:nth-child(n+9),
|
|
.search-container-uXEFf .search-content-LX6un .search-row-square-VesJA .meta-item-x28TU:nth-child(n+9),
|
|
.search-container-uXEFf .search-content-LX6un .search-row-poster-m7CUE .meta-item-IegjY:nth-child(n+9),
|
|
.search-container-uXEFf .search-content-LX6un .search-row-square-VesJA .meta-item-IegjY:nth-child(n+9) {
|
|
display: none;
|
|
}
|
|
.search-container-uXEFf .search-content-LX6un .search-row-landscape-o3Lfv .meta-item-x28TU:nth-child(n+8),
|
|
.search-container-uXEFf .search-content-LX6un .search-row-landscape-o3Lfv .meta-item-IegjY:nth-child(n+8) {
|
|
display: none;
|
|
}
|
|
}
|
|
@media only screen and (max-width: 1600px) {
|
|
.search-container-uXEFf .search-content-LX6un .search-hints-wrapper-IjhmE .search-hints-container-FHpPM {
|
|
max-width: 70%;
|
|
}
|
|
.search-container-uXEFf .search-content-LX6un .search-row-poster-m7CUE .meta-item-x28TU:nth-child(n+8),
|
|
.search-container-uXEFf .search-content-LX6un .search-row-square-VesJA .meta-item-x28TU:nth-child(n+8),
|
|
.search-container-uXEFf .search-content-LX6un .search-row-poster-m7CUE .meta-item-IegjY:nth-child(n+8),
|
|
.search-container-uXEFf .search-content-LX6un .search-row-square-VesJA .meta-item-IegjY:nth-child(n+8) {
|
|
display: none;
|
|
}
|
|
.search-container-uXEFf .search-content-LX6un .search-row-landscape-o3Lfv .meta-item-x28TU:nth-child(n+7),
|
|
.search-container-uXEFf .search-content-LX6un .search-row-landscape-o3Lfv .meta-item-IegjY:nth-child(n+7) {
|
|
display: none;
|
|
}
|
|
}
|
|
@media only screen and (max-width: 1300px) {
|
|
.search-container-uXEFf .search-content-LX6un .search-hints-wrapper-IjhmE .search-hints-container-FHpPM {
|
|
max-width: 90%;
|
|
}
|
|
.search-container-uXEFf .search-content-LX6un .search-row-poster-m7CUE .meta-item-x28TU:nth-child(n+7),
|
|
.search-container-uXEFf .search-content-LX6un .search-row-square-VesJA .meta-item-x28TU:nth-child(n+7),
|
|
.search-container-uXEFf .search-content-LX6un .search-row-poster-m7CUE .meta-item-IegjY:nth-child(n+7),
|
|
.search-container-uXEFf .search-content-LX6un .search-row-square-VesJA .meta-item-IegjY:nth-child(n+7) {
|
|
display: none;
|
|
}
|
|
.search-container-uXEFf .search-content-LX6un .search-row-landscape-o3Lfv .meta-item-x28TU:nth-child(n+6),
|
|
.search-container-uXEFf .search-content-LX6un .search-row-landscape-o3Lfv .meta-item-IegjY:nth-child(n+6) {
|
|
display: none;
|
|
}
|
|
}
|
|
@media only screen and (max-width: 1000px) {
|
|
.search-container-uXEFf .search-content-LX6un .search-row-poster-m7CUE .meta-item-x28TU:nth-child(n+6),
|
|
.search-container-uXEFf .search-content-LX6un .search-row-square-VesJA .meta-item-x28TU:nth-child(n+6),
|
|
.search-container-uXEFf .search-content-LX6un .search-row-poster-m7CUE .meta-item-IegjY:nth-child(n+6),
|
|
.search-container-uXEFf .search-content-LX6un .search-row-square-VesJA .meta-item-IegjY:nth-child(n+6) {
|
|
display: none;
|
|
}
|
|
.search-container-uXEFf .search-content-LX6un .search-row-landscape-o3Lfv .meta-item-x28TU:nth-child(n+5),
|
|
.search-container-uXEFf .search-content-LX6un .search-row-landscape-o3Lfv .meta-item-IegjY:nth-child(n+5) {
|
|
display: none;
|
|
}
|
|
}
|
|
@media only screen and (max-width: 800px) {
|
|
.search-container-uXEFf .search-content-LX6un .search-hints-wrapper-IjhmE .search-hints-container-FHpPM {
|
|
max-width: 100%;
|
|
}
|
|
.search-container-uXEFf .search-content-LX6un .search-hints-wrapper-IjhmE .search-hints-container-FHpPM .search-hint-container-kd8iX {
|
|
flex: 0 0 50%;
|
|
}
|
|
.search-container-uXEFf .search-content-LX6un .search-row-poster-m7CUE .meta-item-x28TU:nth-child(n+5),
|
|
.search-container-uXEFf .search-content-LX6un .search-row-square-VesJA .meta-item-x28TU:nth-child(n+5),
|
|
.search-container-uXEFf .search-content-LX6un .search-row-poster-m7CUE .meta-item-IegjY:nth-child(n+5),
|
|
.search-container-uXEFf .search-content-LX6un .search-row-square-VesJA .meta-item-IegjY:nth-child(n+5) {
|
|
display: none;
|
|
}
|
|
.search-container-uXEFf .search-content-LX6un .search-row-landscape-o3Lfv .meta-item-x28TU:nth-child(n+4),
|
|
.search-container-uXEFf .search-content-LX6un .search-row-landscape-o3Lfv .meta-item-IegjY:nth-child(n+4) {
|
|
display: none;
|
|
}
|
|
}
|
|
@media only screen and (max-width: 640px) {
|
|
.search-container-uXEFf .search-content-LX6un .search-row-EQLaD {
|
|
margin: 2rem 1rem;
|
|
}
|
|
.search-container-uXEFf .search-content-LX6un .search-row-poster-m7CUE .meta-item-x28TU:nth-child(n+4),
|
|
.search-container-uXEFf .search-content-LX6un .search-row-square-VesJA .meta-item-x28TU:nth-child(n+4),
|
|
.search-container-uXEFf .search-content-LX6un .search-row-poster-m7CUE .meta-item-IegjY:nth-child(n+4),
|
|
.search-container-uXEFf .search-content-LX6un .search-row-square-VesJA .meta-item-IegjY:nth-child(n+4) {
|
|
display: none;
|
|
}
|
|
.search-container-uXEFf .search-content-LX6un .search-hints-wrapper-IjhmE {
|
|
margin-top: 4rem;
|
|
}
|
|
.search-container-uXEFf .search-content-LX6un .search-hints-wrapper-IjhmE .search-hints-container-FHpPM {
|
|
padding: 4rem 2rem;
|
|
}
|
|
.search-container-uXEFf .search-content-LX6un .search-hints-wrapper-IjhmE .search-hints-container-FHpPM .search-hint-container-kd8iX {
|
|
padding: 0 1.5rem;
|
|
}
|
|
}
|
|
|
|
.toggle-container-dRgPl{position:relative}.toggle-container-dRgPl .toggle-yadWN{background-color:var(--overlay-color);border-radius:1.7rem;height:1.7rem;position:relative;transition:background-color 0.1s ease-in-out;width:3.2rem}.toggle-container-dRgPl .toggle-yadWN:before{background-color:var(--primary-foreground-color);border-radius:50%;content:"";height:calc(1.7rem - 0.5rem);left:calc(0.5rem / 2);position:absolute;top:calc(0.5rem / 2);transition:transform 0.1s ease-in-out;width:calc(1.7rem - 0.5rem)}.toggle-container-dRgPl.checked .toggle-yadWN{background-color:var(--secondary-accent-color)}.toggle-container-dRgPl.checked .toggle-yadWN:before{transform:translateX(calc(3.2rem - calc(1.7rem - 0.5rem) - 0.5rem))}
|
|
.settings-container-b0DCu {
|
|
width: 100%;
|
|
height: 100%;
|
|
background-color: transparent;
|
|
}
|
|
.settings-container-b0DCu .settings-content-lLXmk {
|
|
width: 100%;
|
|
height: 100%;
|
|
display: flex;
|
|
flex-direction: row;
|
|
}
|
|
.settings-container-b0DCu .settings-content-lLXmk .side-menu-container-NG17D {
|
|
flex: none;
|
|
align-self: stretch;
|
|
display: flex;
|
|
flex-direction: column;
|
|
width: 18rem;
|
|
padding: 3rem 1.5rem;
|
|
}
|
|
.settings-container-b0DCu .settings-content-lLXmk .side-menu-container-NG17D .side-menu-button-vbkJ1 {
|
|
flex: none;
|
|
align-self: stretch;
|
|
display: flex;
|
|
align-items: center;
|
|
height: 4rem;
|
|
border-radius: 4rem;
|
|
padding: 2rem;
|
|
margin-bottom: 0.5rem;
|
|
font-size: 1.1rem;
|
|
font-weight: 500;
|
|
color: var(--primary-foreground-color);
|
|
opacity: 0.4;
|
|
}
|
|
.settings-container-b0DCu .settings-content-lLXmk .side-menu-container-NG17D .side-menu-button-vbkJ1.selected-yhdng {
|
|
font-weight: 600;
|
|
color: var(--primary-foreground-color);
|
|
background-color: var(--overlay-color);
|
|
opacity: 1;
|
|
}
|
|
.settings-container-b0DCu .settings-content-lLXmk .side-menu-container-NG17D .side-menu-button-vbkJ1:hover {
|
|
background-color: var(--overlay-color);
|
|
}
|
|
.settings-container-b0DCu .settings-content-lLXmk .side-menu-container-NG17D .spacing-fpLUM {
|
|
flex: 1;
|
|
}
|
|
.settings-container-b0DCu .settings-content-lLXmk .side-menu-container-NG17D .version-info-label-uMkm7 {
|
|
flex: 0 1 auto;
|
|
margin: 0.5rem 0;
|
|
color: var(--primary-foreground-color);
|
|
opacity: 0.3;
|
|
}
|
|
.settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe {
|
|
flex: 1;
|
|
align-self: stretch;
|
|
padding: 0 3rem;
|
|
overflow-y: auto;
|
|
}
|
|
.settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ {
|
|
display: flex;
|
|
flex-direction: column;
|
|
padding: 3rem 0;
|
|
overflow: visible;
|
|
}
|
|
.settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ:not(:last-child) {
|
|
border-bottom: thin solid var(--overlay-color);
|
|
}
|
|
.settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .section-title-Nt71Z {
|
|
flex: none;
|
|
align-self: stretch;
|
|
font-size: 1.8rem;
|
|
line-height: 3.4rem;
|
|
margin-bottom: 3rem;
|
|
color: var(--primary-foreground-color);
|
|
}
|
|
.settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .section-category-container-EOuS0 {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
gap: 0 1em;
|
|
margin-bottom: 1.5rem;
|
|
line-height: 2.4rem;
|
|
}
|
|
.settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .section-category-container-EOuS0 .label-FFamJ {
|
|
flex: none;
|
|
font-size: 1.1rem;
|
|
color: var(--primary-foreground-color);
|
|
}
|
|
.settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .section-category-container-EOuS0 .icon-REQkK {
|
|
flex: none;
|
|
width: 2rem;
|
|
height: 2rem;
|
|
color: var(--primary-foreground-color);
|
|
}
|
|
.settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv {
|
|
flex: none;
|
|
align-self: stretch;
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
max-width: 35rem;
|
|
margin-bottom: 2rem;
|
|
overflow: visible;
|
|
}
|
|
.settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv.link-container-ERYsD {
|
|
margin-bottom: 0.5rem;
|
|
}
|
|
.settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
.settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv.user-info-option-container-oRLJc {
|
|
gap: 1rem;
|
|
}
|
|
.settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv.user-info-option-container-oRLJc .user-info-content-ez7kZ {
|
|
flex: 1;
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
}
|
|
.settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv.user-info-option-container-oRLJc .user-info-content-ez7kZ .avatar-container-YWq9E {
|
|
flex: none;
|
|
align-self: stretch;
|
|
height: 5rem;
|
|
width: 5rem;
|
|
margin-right: 1rem;
|
|
border: 2px solid var(--primary-accent-color);
|
|
border-radius: 50%;
|
|
background-size: cover;
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
background-origin: content-box;
|
|
background-clip: content-box;
|
|
opacity: 0.9;
|
|
background-color: var(--primary-foreground-color);
|
|
}
|
|
.settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv.user-info-option-container-oRLJc .user-info-content-ez7kZ .email-logout-container-kYQDM {
|
|
flex: none;
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
.settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv.user-info-option-container-oRLJc .user-info-content-ez7kZ .email-logout-container-kYQDM .email-label-container-oVmiO,
|
|
.settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv.user-info-option-container-oRLJc .user-info-content-ez7kZ .email-logout-container-kYQDM .logout-button-container-jLrU2 {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
}
|
|
.settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv.user-info-option-container-oRLJc .user-info-content-ez7kZ .email-logout-container-kYQDM .email-label-container-oVmiO .email-label-Q__sJ {
|
|
flex: 1;
|
|
font-size: 1.1rem;
|
|
color: var(--primary-foreground-color);
|
|
opacity: 0.7;
|
|
}
|
|
.settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv.user-info-option-container-oRLJc .user-info-content-ez7kZ .email-logout-container-kYQDM .logout-button-container-jLrU2:hover,
|
|
.settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv.user-info-option-container-oRLJc .user-info-content-ez7kZ .email-logout-container-kYQDM .logout-button-container-jLrU2:focus {
|
|
outline: none;
|
|
}
|
|
.settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv.user-info-option-container-oRLJc .user-info-content-ez7kZ .email-logout-container-kYQDM .logout-button-container-jLrU2:hover .logout-label-zo4ES,
|
|
.settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv.user-info-option-container-oRLJc .user-info-content-ez7kZ .email-logout-container-kYQDM .logout-button-container-jLrU2:focus .logout-label-zo4ES {
|
|
text-decoration: underline;
|
|
}
|
|
.settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv.user-info-option-container-oRLJc .user-info-content-ez7kZ .email-logout-container-kYQDM .logout-button-container-jLrU2 .logout-label-zo4ES {
|
|
flex: 1;
|
|
color: var(--primary-accent-color);
|
|
}
|
|
.settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv.user-info-option-container-oRLJc .user-panel-container-kkrJG {
|
|
flex: none;
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
width: 10rem;
|
|
height: 3.5rem;
|
|
border-radius: 3.5rem;
|
|
background-color: var(--overlay-color);
|
|
}
|
|
.settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv.user-info-option-container-oRLJc .user-panel-container-kkrJG:hover {
|
|
outline: var(--focus-outline-size) solid var(--primary-foreground-color);
|
|
background-color: transparent;
|
|
}
|
|
.settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv.user-info-option-container-oRLJc .user-panel-container-kkrJG .user-panel-label-beAQl {
|
|
flex: 1;
|
|
max-height: 2.4em;
|
|
padding: 0 0.5rem;
|
|
font-weight: 500;
|
|
text-align: center;
|
|
color: var(--primary-foreground-color);
|
|
}
|
|
.settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv .option-name-container-exGMI,
|
|
.settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv .option-input-container-NPgpT {
|
|
flex: 1 1 50%;
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
}
|
|
.settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv .option-name-container-exGMI .icon-REQkK,
|
|
.settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv .option-input-container-NPgpT .icon-REQkK {
|
|
flex: none;
|
|
width: 1.5rem;
|
|
height: 1.5rem;
|
|
margin-right: 0.5rem;
|
|
color: var(--primary-foreground-color);
|
|
}
|
|
.settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv .option-name-container-exGMI .label-FFamJ,
|
|
.settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv .option-input-container-NPgpT .label-FFamJ {
|
|
flex-grow: 0;
|
|
flex-shrink: 1;
|
|
flex-basis: auto;
|
|
line-height: 1.5rem;
|
|
color: var(--primary-foreground-color);
|
|
}
|
|
.settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv .option-name-container-exGMI.trakt-icon-_dK95 .icon-REQkK,
|
|
.settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv .option-input-container-NPgpT.trakt-icon-_dK95 .icon-REQkK {
|
|
width: 3rem;
|
|
height: 3rem;
|
|
color: var(--color-trakt);
|
|
}
|
|
.settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv .option-name-container-exGMI {
|
|
justify-content: flex-start;
|
|
padding: 1rem 1rem 1rem 0;
|
|
margin-right: 2rem;
|
|
}
|
|
.settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv .option-input-container-NPgpT {
|
|
padding: 1rem 1.5rem;
|
|
}
|
|
.settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv .option-input-container-NPgpT.button-container-ENMae {
|
|
justify-content: center;
|
|
height: 3.5rem;
|
|
border-radius: 3.5rem;
|
|
background-color: var(--overlay-color);
|
|
}
|
|
.settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv .option-input-container-NPgpT.button-container-ENMae:hover {
|
|
outline: var(--focus-outline-size) solid var(--primary-foreground-color);
|
|
background-color: transparent;
|
|
}
|
|
.settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv .option-input-container-NPgpT.button-container-ENMae .label-FFamJ {
|
|
font-weight: 500;
|
|
}
|
|
.settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv .option-input-container-NPgpT.multiselect-container-w0c9l > .label-kz1K0 {
|
|
line-height: 1.5rem;
|
|
max-height: 1.5rem;
|
|
}
|
|
.settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv .option-input-container-NPgpT.multiselect-container-w0c9l .menu-container-Z1Pou {
|
|
overflow: auto;
|
|
}
|
|
.settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv .option-input-container-NPgpT.link-input-container-TCi0w {
|
|
flex: 0 1 auto;
|
|
padding: 0;
|
|
}
|
|
.settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv .option-input-container-NPgpT.link-input-container-TCi0w .label-FFamJ {
|
|
color: var(--primary-accent-color);
|
|
}
|
|
.settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv .option-input-container-NPgpT.link-input-container-TCi0w:hover .label-FFamJ {
|
|
text-decoration: underline;
|
|
}
|
|
.settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv .option-input-container-NPgpT.checkbox-container-R9LLN {
|
|
justify-content: center;
|
|
}
|
|
.settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv .option-input-container-NPgpT.checkbox-container-R9LLN .undefined {
|
|
width: 1.5rem;
|
|
height: 1.5rem;
|
|
}
|
|
.settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv .option-input-container-NPgpT.color-input-container-WclA_ {
|
|
padding: 1.3rem 1rem;
|
|
border-radius: 3rem;
|
|
border: 2px solid transparent;
|
|
transition: 0.3s all ease-in-out;
|
|
}
|
|
.settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv .option-input-container-NPgpT.color-input-container-WclA_:hover {
|
|
border-color: var(--overlay-color);
|
|
}
|
|
.settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv .option-input-container-NPgpT.info-container-wfFcS {
|
|
justify-content: center;
|
|
}
|
|
.settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv .option-input-container-NPgpT.info-container-wfFcS.selectable-eucrJ {
|
|
user-select: text;
|
|
}
|
|
.settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv .option-input-container-NPgpT.info-container-wfFcS.selectable-eucrJ .label-FFamJ {
|
|
user-select: text;
|
|
}
|
|
.settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv .option-input-container-NPgpT.configure-input-container-PMyIY {
|
|
padding: 0;
|
|
}
|
|
.settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv .option-input-container-NPgpT.configure-input-container-PMyIY .label-FFamJ {
|
|
flex-grow: 1;
|
|
white-space: pre;
|
|
text-overflow: ellipsis;
|
|
padding: 0 1rem;
|
|
}
|
|
.settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv .option-input-container-NPgpT.configure-input-container-PMyIY .configure-button-container-xGFgg {
|
|
flex: none;
|
|
width: 3rem;
|
|
height: 3rem;
|
|
border-radius: 100%;
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
justify-content: center;
|
|
background-color: var(--overlay-color);
|
|
}
|
|
.settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv .option-input-container-NPgpT.configure-input-container-PMyIY .configure-button-container-xGFgg:hover {
|
|
outline: var(--focus-outline-size) solid var(--primary-foreground-color);
|
|
background-color: transparent;
|
|
}
|
|
.settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv .option-input-container-NPgpT.configure-input-container-PMyIY .configure-button-container-xGFgg .icon-REQkK {
|
|
flex: none;
|
|
width: 1rem;
|
|
height: 1rem;
|
|
margin: 0;
|
|
color: var(--primary-foreground-color);
|
|
}
|
|
.settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv .option-input-container-NPgpT.shortcut-container-ZSm5O {
|
|
justify-content: center;
|
|
padding: 0;
|
|
overflow: visible;
|
|
}
|
|
.settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv .option-input-container-NPgpT.shortcut-container-ZSm5O kbd {
|
|
flex: 0 1 auto;
|
|
height: 2.5rem;
|
|
min-width: 2.5rem;
|
|
line-height: 2.5rem;
|
|
padding: 0 1rem;
|
|
font-weight: 500;
|
|
color: var(--primary-foreground-color);
|
|
border-radius: 0.25em;
|
|
box-shadow: 0 4px 0 1px var(--modal-background-color);
|
|
background-color: var(--overlay-color);
|
|
}
|
|
.settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .option-container-EGlcv .option-input-container-NPgpT.shortcut-container-ZSm5O .label-FFamJ {
|
|
margin: 0 1rem;
|
|
white-space: nowrap;
|
|
color: var(--primary-foreground-color);
|
|
}
|
|
.settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .versions-section-container-LRCVQ {
|
|
display: none;
|
|
}
|
|
@media only screen and (max-width: 1000px) {
|
|
.settings-container-b0DCu .settings-content-lLXmk .side-menu-container-NG17D {
|
|
display: none;
|
|
}
|
|
.settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .versions-section-container-LRCVQ {
|
|
display: flex;
|
|
}
|
|
}
|
|
@media only screen and (max-width: 640px) {
|
|
.settings-container-b0DCu .settings-content-lLXmk {
|
|
flex-direction: column-reverse;
|
|
}
|
|
.settings-container-b0DCu .settings-content-lLXmk .side-menu-container-NG17D {
|
|
display: none;
|
|
}
|
|
.settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe {
|
|
padding: 0 1.5rem;
|
|
}
|
|
.settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .user-info-option-container-oRLJc {
|
|
flex-direction: column;
|
|
align-items: flex-start;
|
|
}
|
|
.settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .section-container-twzKQ .user-info-option-container-oRLJc .user-panel-container-kkrJG {
|
|
width: 100% !important;
|
|
}
|
|
.settings-container-b0DCu .settings-content-lLXmk .sections-container-EUKAe .versions-section-container-LRCVQ {
|
|
display: flex;
|
|
}
|
|
}
|
|
|
|
.wrapper-FMNA6 {
|
|
display: flex;
|
|
flex-direction: column;
|
|
max-width: 35rem;
|
|
margin-bottom: 2rem;
|
|
}
|
|
.wrapper-FMNA6 .header-zkCTr {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
padding: 0 3rem;
|
|
align-items: center;
|
|
}
|
|
.wrapper-FMNA6 .header-zkCTr .label-dEugA {
|
|
font-size: 1rem;
|
|
color: var(--primary-foreground-color);
|
|
font-weight: 400;
|
|
opacity: 0.6;
|
|
}
|
|
.wrapper-FMNA6 .header-zkCTr .label-dEugA:last-of-type {
|
|
padding-right: 3rem;
|
|
}
|
|
.wrapper-FMNA6 .content-humTO {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 1rem;
|
|
padding: 1.5rem 0;
|
|
}
|
|
.wrapper-FMNA6 .item-aKQwq {
|
|
display: flex;
|
|
padding: 1rem 1.5rem;
|
|
border-radius: var(--border-radius);
|
|
transition: 0.3s all ease-in-out;
|
|
background-color: transparent;
|
|
border: 2px solid transparent;
|
|
justify-content: space-between;
|
|
position: relative;
|
|
}
|
|
.wrapper-FMNA6 .footer-jhua_ {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
.wrapper-FMNA6 .footer-jhua_ .add-url-YoBI2 {
|
|
display: flex;
|
|
gap: 0.5rem;
|
|
align-items: center;
|
|
justify-content: center;
|
|
padding: 0.5rem 1.5rem;
|
|
background-color: var(--secondary-accent-color);
|
|
transition: 0.3s all ease-in-out;
|
|
border-radius: 1.5rem;
|
|
color: var(--primary-foreground-color);
|
|
border: 2px solid transparent;
|
|
}
|
|
.wrapper-FMNA6 .footer-jhua_ .add-url-YoBI2 .icon-FpW91 {
|
|
width: 1rem;
|
|
height: 1rem;
|
|
color: var(--primary-foreground-color);
|
|
}
|
|
.wrapper-FMNA6 .footer-jhua_ .add-url-YoBI2:hover {
|
|
background-color: transparent;
|
|
border: 2px solid var(--primary-foreground-color);
|
|
}
|
|
.wrapper-FMNA6 .footer-jhua_ .reload-rrVYe {
|
|
display: flex;
|
|
gap: 0.5rem;
|
|
align-items: center;
|
|
justify-content: center;
|
|
padding: 0.5rem 1.5rem;
|
|
background-color: var(--overlay-color);
|
|
border-radius: 1.5rem;
|
|
transition: 0.3s all ease-in-out;
|
|
color: var(--primary-foreground-color);
|
|
border: 2px solid transparent;
|
|
}
|
|
.wrapper-FMNA6 .footer-jhua_ .reload-rrVYe .icon-FpW91 {
|
|
width: 1rem;
|
|
height: 1rem;
|
|
color: var(--primary-foreground-color);
|
|
}
|
|
.wrapper-FMNA6 .footer-jhua_ .reload-rrVYe:hover {
|
|
background-color: transparent;
|
|
border: 2px solid var(--primary-foreground-color);
|
|
}
|
|
|
|
.item-vprGn {
|
|
display: flex;
|
|
padding: 0.7rem 1.5rem;
|
|
border-radius: 2.5rem;
|
|
transition: 0.3s all ease-in-out;
|
|
background-color: var(--overlay-color);
|
|
border: 2px solid transparent;
|
|
justify-content: space-between;
|
|
position: relative;
|
|
}
|
|
.item-vprGn .content-Z4dHI {
|
|
display: flex;
|
|
gap: 1rem;
|
|
align-items: center;
|
|
justify-content: center;
|
|
max-width: 60%;
|
|
}
|
|
.item-vprGn .content-Z4dHI .selectable-vObva {
|
|
overflow: visible;
|
|
}
|
|
.item-vprGn .content-Z4dHI .label-Ps0DE {
|
|
color: var(--primary-foreground-color);
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
.item-vprGn .actions-zY8KP {
|
|
display: flex;
|
|
gap: 1rem;
|
|
padding-right: 4rem;
|
|
}
|
|
.item-vprGn .actions-zY8KP .status-ZtDXI {
|
|
display: flex;
|
|
gap: 0.5rem;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.item-vprGn .actions-zY8KP .status-ZtDXI .icon-Dy2_n {
|
|
width: 0.75rem;
|
|
height: 0.75rem;
|
|
border-radius: 1rem;
|
|
}
|
|
.item-vprGn .actions-zY8KP .status-ZtDXI .icon-Dy2_n.ready-RSAbX {
|
|
background-color: var(--secondary-accent-color);
|
|
}
|
|
.item-vprGn .actions-zY8KP .status-ZtDXI .icon-Dy2_n.error-Z7kSJ {
|
|
background-color: var(--color-trakt);
|
|
}
|
|
.item-vprGn .actions-zY8KP .status-ZtDXI .label-Ps0DE {
|
|
font-size: 1rem;
|
|
color: var(--primary-foreground-color);
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
.item-vprGn .actions-zY8KP .delete-VVe3c {
|
|
position: absolute;
|
|
display: flex;
|
|
right: 1.5rem;
|
|
top: 50%;
|
|
gap: 0.5rem;
|
|
padding: 0.5rem 0.25rem;
|
|
align-items: center;
|
|
justify-content: center;
|
|
background-color: transparent;
|
|
transition: 0.3s all ease-in-out;
|
|
border-radius: var(--border-radius);
|
|
transform: translateY(-50%);
|
|
width: 3rem;
|
|
}
|
|
.item-vprGn .actions-zY8KP .delete-VVe3c .icon-Dy2_n {
|
|
width: 1.5rem;
|
|
height: 1.5rem;
|
|
opacity: 0;
|
|
transition: 0.3s all ease-in-out;
|
|
color: var(--primary-foreground-color);
|
|
}
|
|
.item-vprGn .actions-zY8KP .delete-VVe3c:hover,
|
|
.item-vprGn .actions-zY8KP .delete-VVe3c:focus {
|
|
background-color: var(--overlay-color);
|
|
}
|
|
.item-vprGn .actions-zY8KP .delete-VVe3c:hover .icon-Dy2_n,
|
|
.item-vprGn .actions-zY8KP .delete-VVe3c:focus .icon-Dy2_n {
|
|
color: var(--color-trakt);
|
|
opacity: 1 !important;
|
|
}
|
|
.item-vprGn:hover {
|
|
border: 2px solid var(--overlay-color);
|
|
}
|
|
.item-vprGn:hover .actions-zY8KP .delete-VVe3c .icon-Dy2_n {
|
|
opacity: 0.6;
|
|
}
|
|
@media only screen and (max-width: 640px) {
|
|
.item-vprGn {
|
|
padding: 0.7rem 1rem;
|
|
}
|
|
.item-vprGn .actions-zY8KP .delete-VVe3c {
|
|
right: 1rem;
|
|
}
|
|
.item-vprGn .actions-zY8KP .delete-VVe3c .icon-Dy2_n {
|
|
opacity: 0.6;
|
|
}
|
|
}
|
|
|
|
.radio-button-INAGh {
|
|
display: flex;
|
|
align-items: center;
|
|
overflow: visible;
|
|
}
|
|
.radio-button-INAGh .radio-container-Oh7Yd {
|
|
position: relative;
|
|
width: 1.75rem;
|
|
height: 1.75rem;
|
|
border: 3px solid var(--color-placeholder);
|
|
border-radius: 1rem;
|
|
background-color: transparent;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
transition: all 0.2s ease-in-out;
|
|
cursor: pointer;
|
|
outline: none;
|
|
user-select: none;
|
|
outline-width: var(--focus-outline-size);
|
|
outline-color: hsl(0, 0%, 100%);
|
|
outline-offset: calc(-1 * var(--focus-outline-size));
|
|
-webkit-tap-highlight-color: transparent;
|
|
}
|
|
.radio-button-INAGh .radio-container-Oh7Yd input[type='radio'] {
|
|
opacity: 0;
|
|
width: 0;
|
|
height: 0;
|
|
position: absolute;
|
|
cursor: pointer;
|
|
}
|
|
.radio-button-INAGh .radio-container-Oh7Yd .inner-circle-eaWbW {
|
|
width: 1.25rem;
|
|
height: 1.25rem;
|
|
border-radius: 0.675rem;
|
|
border: 2px solid var(--secondary-background-color);
|
|
transition: opacity 0.2s ease-in-out;
|
|
background-color: transparent;
|
|
opacity: 0;
|
|
}
|
|
.radio-button-INAGh .radio-container-Oh7Yd.disabled-BjT10 {
|
|
cursor: not-allowed;
|
|
}
|
|
.radio-button-INAGh .radio-container-Oh7Yd.error-zTWHz {
|
|
border-color: var(--color-trakt);
|
|
}
|
|
.radio-button-INAGh .radio-container-Oh7Yd.selected-qLlXr .inner-circle-eaWbW {
|
|
background-color: var(--primary-accent-color);
|
|
opacity: 1;
|
|
}
|
|
.radio-button-INAGh .radio-container-Oh7Yd:focus {
|
|
outline-style: solid;
|
|
}
|
|
|
|
.add-item-iycwp {
|
|
display: flex;
|
|
padding: 0.35rem 1.5rem;
|
|
border-radius: 2.5rem;
|
|
transition: 0.3s all ease-in-out;
|
|
background-color: var(--overlay-color);
|
|
border: 2px solid transparent;
|
|
justify-content: space-between;
|
|
position: relative;
|
|
}
|
|
.add-item-iycwp .input-xcmDi {
|
|
background-color: var(--overlay-color);
|
|
border-radius: var(--border-radius);
|
|
color: var(--primary-foreground-color);
|
|
padding: 0.5rem 0.75rem;
|
|
border: 1px solid transparent;
|
|
width: 70%;
|
|
}
|
|
.add-item-iycwp .input-xcmDi:focus {
|
|
border: 1px solid var(--primary-foreground-color);
|
|
}
|
|
.add-item-iycwp .actions-iV2qd {
|
|
display: flex;
|
|
gap: 0.25rem;
|
|
margin-right: 0;
|
|
}
|
|
.add-item-iycwp .actions-iV2qd .add-SjFUs,
|
|
.add-item-iycwp .actions-iV2qd .cancel-mErzd {
|
|
display: flex;
|
|
gap: 0.5rem;
|
|
padding: 0.25rem;
|
|
align-items: center;
|
|
justify-content: center;
|
|
background-color: transparent;
|
|
transition: 0.3s all ease-in-out;
|
|
border-radius: var(--border-radius);
|
|
width: 3rem;
|
|
opacity: 0.6;
|
|
}
|
|
.add-item-iycwp .actions-iV2qd .add-SjFUs .icon-fsrQ7,
|
|
.add-item-iycwp .actions-iV2qd .cancel-mErzd .icon-fsrQ7 {
|
|
width: 2rem;
|
|
height: 2rem;
|
|
color: var(--primary-foreground-color);
|
|
}
|
|
.add-item-iycwp .actions-iV2qd .add-SjFUs:hover,
|
|
.add-item-iycwp .actions-iV2qd .cancel-mErzd:hover {
|
|
opacity: 1;
|
|
background-color: var(--overlay-color);
|
|
}
|
|
.add-item-iycwp .actions-iV2qd .add-SjFUs .icon-fsrQ7 {
|
|
width: 1.8rem;
|
|
height: 1.8rem;
|
|
}
|
|
.add-item-iycwp .actions-iV2qd .add-SjFUs:hover .icon-fsrQ7 {
|
|
color: var(--secondary-accent-color);
|
|
}
|
|
.add-item-iycwp .actions-iV2qd .cancel-mErzd:hover .icon-fsrQ7 {
|
|
color: var(--color-trakt);
|
|
}
|
|
.add-item-iycwp:hover {
|
|
border: 2px solid var(--overlay-color);
|
|
}
|
|
@media only screen and (max-width: 640px) {
|
|
.add-item-iycwp {
|
|
padding: 0.35rem 0.5rem;
|
|
}
|
|
}
|
|
|
|
.buffering-loader-container-P7S0m {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.buffering-loader-container-P7S0m .buffering-loader-fMSpb {
|
|
flex: none;
|
|
max-width: 15rem;
|
|
max-height: 15rem;
|
|
animation: fadeInOut-WS5RD 2s infinite;
|
|
display: block;
|
|
width: auto;
|
|
height: auto;
|
|
}
|
|
@keyframes fadeInOut-WS5RD {
|
|
0% {
|
|
opacity: 0.2;
|
|
}
|
|
50% {
|
|
opacity: 1;
|
|
}
|
|
100% {
|
|
opacity: 0.2;
|
|
}
|
|
}
|
|
|
|
html.active-slider-within-lQFc1{cursor:grabbing}html.active-slider-within-lQFc1 body{pointer-events:none}.slider-container-aRzVq{cursor:pointer;overflow:visible;position:relative;z-index:0}.slider-container-aRzVq.disabled{opacity:0.5;pointer-events:none}.slider-container-aRzVq .layer-FqnD7{align-items:center;bottom:0;display:flex;flex-direction:row;left:0;overflow:visible;position:absolute;right:0;top:0;z-index:0}.slider-container-aRzVq .track-jWhBI{flex:1;z-index:0}.slider-container-aRzVq .track-jWhBI,.slider-container-aRzVq .track-before-FwOXh{background-color:var(--overlay-color);border-radius:var(--track-size);height:var(--track-size)}.slider-container-aRzVq .track-before-FwOXh{flex:none;z-index:1}.slider-container-aRzVq .track-after-iD0ee{border-radius:var(--track-size);height:var(--track-size);z-index:2}.slider-container-aRzVq .thumb-tfDk6,.slider-container-aRzVq .track-after-iD0ee{background-color:var(--primary-foreground-color);flex:none}.slider-container-aRzVq .thumb-tfDk6{border-radius:100%;height:var(--thumb-size);transform:translateX(-50%);width:var(--thumb-size);z-index:3}
|
|
.volume-slider-G_xAt:not(.disabled) .track-jWhBI {
|
|
background-color: var(--overlay-color);
|
|
}
|
|
.volume-slider-G_xAt:not(.disabled) .track-after-iD0ee {
|
|
background-color: var(--primary-foreground-color);
|
|
}
|
|
.volume-slider-G_xAt:not(.disabled):hover .track-after-iD0ee,
|
|
.volume-slider-G_xAt:not(.disabled).active .track-after-iD0ee {
|
|
background-color: var(--primary-foreground-color);
|
|
}
|
|
|
|
.volume-change-indicator-EWypD {
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: center;
|
|
transform: translate(-50%, -50%);
|
|
background-color: var(--overlay-color);
|
|
border-radius: var(--border-radius);
|
|
padding: 2rem 2.5rem;
|
|
gap: 1rem;
|
|
}
|
|
.volume-change-indicator-EWypD .volume-icon-zn9zT {
|
|
width: 6.5rem;
|
|
height: 6.5rem;
|
|
color: var(--primary-foreground-color);
|
|
}
|
|
.volume-change-indicator-EWypD .volume-slider-FKN0X {
|
|
border-radius: var(--border-radius);
|
|
width: 6.5rem;
|
|
max-height: 1rem;
|
|
flex: 0 1 10rem;
|
|
margin: 0 1rem;
|
|
--track-size: 0.35rem;
|
|
--thumb-size: 1rem;
|
|
}
|
|
@media only screen and (max-width: 640px) {
|
|
.volume-change-indicator-EWypD {
|
|
padding: 1rem 1.5rem;
|
|
}
|
|
.volume-change-indicator-EWypD .volume-icon-zn9zT {
|
|
width: 4rem;
|
|
height: 4rem;
|
|
}
|
|
.volume-change-indicator-EWypD .volume-slider-FKN0X {
|
|
width: 4rem;
|
|
}
|
|
}
|
|
|
|
.error-ty_iB {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: center;
|
|
background-color: #000000;
|
|
}
|
|
.error-ty_iB .error-label-lyLDv {
|
|
flex: 0 1 auto;
|
|
padding: 0 8rem;
|
|
max-height: 4.8em;
|
|
font-size: 2rem;
|
|
color: var(--primary-foreground-color);
|
|
text-align: center;
|
|
}
|
|
.error-ty_iB .error-sub-rdwAf {
|
|
flex: 0 1 auto;
|
|
padding: 0 2rem;
|
|
max-height: 4.8em;
|
|
font-size: 1.3rem;
|
|
margin-top: 0.8rem;
|
|
color: var(--primary-foreground-color);
|
|
text-align: center;
|
|
}
|
|
.error-ty_iB .playlist-button-tZTCo {
|
|
flex: none;
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
height: 3.5rem;
|
|
border-radius: 3.5rem;
|
|
margin-top: 1.5rem;
|
|
padding: 0 2rem;
|
|
background-color: var(--secondary-accent-color);
|
|
}
|
|
.error-ty_iB .playlist-button-tZTCo:hover {
|
|
outline: var(--focus-outline-size) solid var(--secondary-accent-color);
|
|
background-color: transparent;
|
|
}
|
|
.error-ty_iB .playlist-button-tZTCo .icon-fIGRf {
|
|
flex: none;
|
|
width: 1.5rem;
|
|
height: 1.5rem;
|
|
margin-right: 1rem;
|
|
color: var(--primary-foreground-color);
|
|
}
|
|
.error-ty_iB .playlist-button-tZTCo .label-Z7jSJ {
|
|
flex: 1;
|
|
max-height: 2.4em;
|
|
font-size: 1.1rem;
|
|
font-weight: 500;
|
|
color: var(--primary-foreground-color);
|
|
text-align: center;
|
|
}
|
|
|
|
.seek-bar-container-JGGTa {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
}
|
|
.seek-bar-container-JGGTa .label-QFbsS {
|
|
flex: none;
|
|
width: 6rem;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
direction: rtl;
|
|
text-align: center;
|
|
color: var(--primary-foreground-color);
|
|
}
|
|
.seek-bar-container-JGGTa .slider-hBDOf {
|
|
flex: 1;
|
|
align-self: stretch;
|
|
margin: 0 var(--thumb-size);
|
|
}
|
|
.seek-bar-container-JGGTa .slider-hBDOf .track-after-iD0ee {
|
|
background-color: var(--primary-accent-color);
|
|
}
|
|
.seek-bar-container-JGGTa .slider-hBDOf .thumb-tfDk6 {
|
|
background-color: var(--primary-accent-color);
|
|
}
|
|
.seek-bar-container-JGGTa .slider-hBDOf .thumb-tfDk6:after {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
border-radius: 100%;
|
|
box-shadow: 0 0 0 0.25rem var(--primary-accent-color) inset;
|
|
filter: brightness(130%);
|
|
}
|
|
|
|
.control-bar-container-xsWA7 {
|
|
padding: 0 1.5rem;
|
|
}
|
|
.control-bar-container-xsWA7 .seek-bar-I7WeY {
|
|
--track-size: 0.5rem;
|
|
--thumb-size: 1.3rem;
|
|
height: 2.5rem;
|
|
}
|
|
.control-bar-container-xsWA7 .control-bar-buttons-container-SWhkU {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
}
|
|
.control-bar-container-xsWA7 .control-bar-buttons-container-SWhkU .control-bar-button-FQUsj {
|
|
flex: none;
|
|
width: 4rem;
|
|
height: 5rem;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
.control-bar-container-xsWA7 .control-bar-buttons-container-SWhkU .control-bar-button-FQUsj.disabled .icon-qy6I6 {
|
|
opacity: 0.5;
|
|
}
|
|
.control-bar-container-xsWA7 .control-bar-buttons-container-SWhkU .control-bar-button-FQUsj .icon-qy6I6 {
|
|
flex: none;
|
|
width: 2.5rem;
|
|
height: 2.5rem;
|
|
color: var(--primary-foreground-color);
|
|
}
|
|
.control-bar-container-xsWA7 .control-bar-buttons-container-SWhkU .volume-slider-U9jfo {
|
|
--track-size: 0.35rem;
|
|
--thumb-size: 1rem;
|
|
flex: 0 1 10rem;
|
|
height: 4rem;
|
|
margin: 0 1rem;
|
|
}
|
|
.control-bar-container-xsWA7 .control-bar-buttons-container-SWhkU .spacing-p8NJQ {
|
|
flex: 1;
|
|
}
|
|
.control-bar-container-xsWA7 .control-bar-buttons-container-SWhkU .control-bar-buttons-menu-button-h0MWd {
|
|
flex: none;
|
|
width: 4rem;
|
|
height: 4rem;
|
|
display: none;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
.control-bar-container-xsWA7 .control-bar-buttons-container-SWhkU .control-bar-buttons-menu-button-h0MWd .icon-qy6I6 {
|
|
flex: none;
|
|
width: 2.5rem;
|
|
height: 2.5rem;
|
|
color: var(--primary-foreground-color);
|
|
}
|
|
.control-bar-container-xsWA7 .control-bar-buttons-container-SWhkU .control-bar-buttons-menu-container-M6L0_ {
|
|
flex: none;
|
|
display: flex;
|
|
flex-direction: row;
|
|
}
|
|
@media only screen and (max-width: 640px) {
|
|
.control-bar-container-xsWA7 {
|
|
padding: 0;
|
|
}
|
|
.control-bar-container-xsWA7 .seek-bar-I7WeY {
|
|
margin: 0 1.5rem;
|
|
}
|
|
.control-bar-container-xsWA7 .control-bar-buttons-container-SWhkU {
|
|
position: relative;
|
|
padding: 0 0.5rem;
|
|
overflow: visible;
|
|
}
|
|
.control-bar-container-xsWA7 .control-bar-buttons-container-SWhkU .volume-slider-U9jfo {
|
|
display: none;
|
|
}
|
|
.control-bar-container-xsWA7 .control-bar-buttons-container-SWhkU .control-bar-buttons-menu-button-h0MWd {
|
|
display: flex;
|
|
}
|
|
.control-bar-container-xsWA7 .control-bar-buttons-container-SWhkU .control-bar-buttons-menu-container-M6L0_ {
|
|
position: absolute;
|
|
right: 0.15rem;
|
|
bottom: 4.5rem;
|
|
flex-direction: column;
|
|
padding: 0.5rem;
|
|
border-radius: var(--border-radius);
|
|
background-color: var(--modal-background-color);
|
|
box-shadow: 0 1.35rem 2.7rem hsla(0, 0%, 0%, 0.4), 0 1.1rem 0.85rem hsla(0, 0%, 0%, 0.2);
|
|
}
|
|
.control-bar-container-xsWA7 .control-bar-buttons-container-SWhkU .control-bar-buttons-menu-container-M6L0_:not(.open) {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
.next-video-popup-container-H4wnL {
|
|
display: flex;
|
|
flex-direction: row;
|
|
width: 50rem;
|
|
animation: slide-fade-in-rk2M8 0.5s ease-in;
|
|
}
|
|
@keyframes slide-fade-in-rk2M8 {
|
|
0% {
|
|
opacity: 0;
|
|
transform: translateX(calc(40rem + 2rem));
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
transform: translateX(0);
|
|
}
|
|
}
|
|
.next-video-popup-container-H4wnL .poster-container-tXZjA {
|
|
flex: 1 1 45%;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
background-color: var(--overlay-color);
|
|
}
|
|
.next-video-popup-container-H4wnL .poster-container-tXZjA .poster-image-2D6wg {
|
|
flex: none;
|
|
width: 100%;
|
|
height: 100%;
|
|
object-position: center;
|
|
object-fit: cover;
|
|
}
|
|
.next-video-popup-container-H4wnL .poster-container-tXZjA .placeholder-icon-fu1rK {
|
|
flex: none;
|
|
width: 80%;
|
|
height: 50%;
|
|
color: var(--primary-foreground-color);
|
|
}
|
|
.next-video-popup-container-H4wnL .info-container-KLOMx {
|
|
flex: 1 1 55%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
.next-video-popup-container-H4wnL .info-container-KLOMx .details-container-bUOTZ {
|
|
flex: auto;
|
|
padding: 2rem;
|
|
}
|
|
.next-video-popup-container-H4wnL .info-container-KLOMx .details-container-bUOTZ .name-sIiDL {
|
|
flex: none;
|
|
align-self: stretch;
|
|
max-height: 2.4em;
|
|
font-weight: 700;
|
|
margin-bottom: 1.5rem;
|
|
color: var(--primary-accent-color);
|
|
}
|
|
.next-video-popup-container-H4wnL .info-container-KLOMx .details-container-bUOTZ .name-sIiDL .label-zOq_w {
|
|
color: var(--primary-foreground-color);
|
|
}
|
|
.next-video-popup-container-H4wnL .info-container-KLOMx .details-container-bUOTZ .title-Z5Kgo {
|
|
flex: none;
|
|
align-self: stretch;
|
|
max-height: 2.4em;
|
|
font-weight: 500;
|
|
margin-bottom: 0.5rem;
|
|
color: var(--primary-foreground-color);
|
|
}
|
|
.next-video-popup-container-H4wnL .info-container-KLOMx .details-container-bUOTZ .description-gIXiC {
|
|
color: var(--primary-foreground-color);
|
|
opacity: 0.5;
|
|
max-width: 80%;
|
|
padding: 0.5rem 0;
|
|
}
|
|
.next-video-popup-container-H4wnL .info-container-KLOMx .buttons-container-iYrpZ {
|
|
display: flex;
|
|
flex-direction: row;
|
|
padding: 0 1rem 2rem;
|
|
}
|
|
.next-video-popup-container-H4wnL .info-container-KLOMx .buttons-container-iYrpZ .spacing-iFwsN {
|
|
flex: 0 0 50%;
|
|
}
|
|
.next-video-popup-container-H4wnL .info-container-KLOMx .buttons-container-iYrpZ .button-container-i4F7t {
|
|
flex: 0 0 45%;
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
justify-content: center;
|
|
height: 3.5rem;
|
|
padding: 0 0.5rem;
|
|
margin-left: 1rem;
|
|
border-radius: 1.75rem;
|
|
}
|
|
.next-video-popup-container-H4wnL .info-container-KLOMx .buttons-container-iYrpZ .button-container-i4F7t.play-button-Dluk6 {
|
|
background-color: var(--primary-accent-color);
|
|
}
|
|
.next-video-popup-container-H4wnL .info-container-KLOMx .buttons-container-iYrpZ .button-container-i4F7t.play-button-Dluk6 .icon-N3Ewm {
|
|
color: var(--primary-foreground-color);
|
|
}
|
|
.next-video-popup-container-H4wnL .info-container-KLOMx .buttons-container-iYrpZ .button-container-i4F7t.play-button-Dluk6 .label-zOq_w {
|
|
color: var(--primary-foreground-color);
|
|
}
|
|
.next-video-popup-container-H4wnL .info-container-KLOMx .buttons-container-iYrpZ .button-container-i4F7t.play-button-Dluk6:hover {
|
|
outline: var(--focus-outline-size) solid var(--primary-accent-color);
|
|
background-color: transparent;
|
|
}
|
|
.next-video-popup-container-H4wnL .info-container-KLOMx .buttons-container-iYrpZ .button-container-i4F7t .icon-N3Ewm {
|
|
flex: none;
|
|
width: 1.4rem;
|
|
height: 1.4rem;
|
|
margin-right: 1rem;
|
|
color: var(--primary-foreground-color);
|
|
}
|
|
.next-video-popup-container-H4wnL .info-container-KLOMx .buttons-container-iYrpZ .button-container-i4F7t .label-zOq_w {
|
|
flex: none;
|
|
max-height: 2.4em;
|
|
font-size: 1.1rem;
|
|
font-weight: 500;
|
|
color: var(--primary-foreground-color);
|
|
}
|
|
.next-video-popup-container-H4wnL .info-container-KLOMx .buttons-container-iYrpZ .button-container-i4F7t.dismiss-IvEL_ {
|
|
opacity: 0.6;
|
|
}
|
|
.next-video-popup-container-H4wnL .info-container-KLOMx .buttons-container-iYrpZ .button-container-i4F7t:hover,
|
|
.next-video-popup-container-H4wnL .info-container-KLOMx .buttons-container-iYrpZ .button-container-i4F7t:focus {
|
|
background-color: var(--overlay-color);
|
|
}
|
|
|
|
.statistics-menu-container-DhiHn {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 1.5rem;
|
|
width: 30rem;
|
|
padding: 1.5rem;
|
|
}
|
|
.statistics-menu-container-DhiHn .title-NCwWH {
|
|
flex: none;
|
|
font-weight: 700;
|
|
color: var(--primary-foreground-color);
|
|
}
|
|
.statistics-menu-container-DhiHn .label-h6nN_ {
|
|
flex: none;
|
|
font-weight: 500;
|
|
color: var(--primary-foreground-color);
|
|
opacity: 0.5;
|
|
}
|
|
.statistics-menu-container-DhiHn .value-E8Ftb {
|
|
flex: none;
|
|
font-weight: 500;
|
|
color: var(--primary-foreground-color);
|
|
}
|
|
.statistics-menu-container-DhiHn .stats-Tr37t {
|
|
flex: auto;
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: wrap;
|
|
justify-content: space-between;
|
|
gap: 1rem;
|
|
}
|
|
.statistics-menu-container-DhiHn .stats-Tr37t .stat-zoq5A {
|
|
flex: auto;
|
|
display: flex;
|
|
flex-direction: row;
|
|
gap: 0.5rem;
|
|
}
|
|
.statistics-menu-container-DhiHn .info-hash-GT1Cv {
|
|
flex: auto;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 0.5rem;
|
|
}
|
|
|
|
.info-menu-container-R1QKH {
|
|
width: 30rem;
|
|
padding: 2rem;
|
|
}
|
|
.info-menu-container-R1QKH .stream-MY2Oy {
|
|
pointer-events: none;
|
|
}
|
|
|
|
.option-container-m_jZq {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
height: 3.5rem;
|
|
border-radius: var(--border-radius);
|
|
padding: 0 1rem;
|
|
margin-bottom: 0.5rem;
|
|
}
|
|
.option-container-m_jZq:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
.option-container-m_jZq .icon-krR0X {
|
|
flex: none;
|
|
width: 1.4rem;
|
|
height: 1.4rem;
|
|
margin-right: 1rem;
|
|
color: var(--primary-foreground-color);
|
|
}
|
|
.option-container-m_jZq .label-cmqqu {
|
|
flex: 1;
|
|
max-height: 2.4em;
|
|
font-weight: 400;
|
|
color: var(--primary-foreground-color);
|
|
}
|
|
.option-container-m_jZq:hover {
|
|
background-color: var(--overlay-color);
|
|
}
|
|
.option-container-m_jZq.disabled {
|
|
opacity: 0.5;
|
|
}
|
|
|
|
.options-menu-container-qlzLt {
|
|
width: 16rem;
|
|
padding: 1rem;
|
|
}
|
|
|
|
.videos-menu-container-ATzKq {
|
|
width: 30rem;
|
|
padding: 1rem;
|
|
padding-bottom: 0;
|
|
}
|
|
|
|
.discrete-input-container-CMThy.disabled .header-n0jWL {
|
|
color: var(--primary-foreground-color);
|
|
}
|
|
.discrete-input-container-CMThy.disabled .input-container-TNuI2 {
|
|
opacity: 0.4;
|
|
}
|
|
.discrete-input-container-CMThy .header-n0jWL {
|
|
margin-bottom: 0.5rem;
|
|
color: var(--primary-foreground-color);
|
|
opacity: 0.6;
|
|
}
|
|
.discrete-input-container-CMThy .input-container-TNuI2 {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
border-radius: 3.5rem;
|
|
background: var(--overlay-color);
|
|
}
|
|
.discrete-input-container-CMThy .input-container-TNuI2 .button-container-ciSB5 {
|
|
flex: none;
|
|
width: 3.5rem;
|
|
height: 3.5rem;
|
|
padding: 1rem;
|
|
border-radius: 100%;
|
|
background-color: var(--overlay-color);
|
|
}
|
|
.discrete-input-container-CMThy .input-container-TNuI2 .button-container-ciSB5 .icon-JDltr {
|
|
display: block;
|
|
width: 100%;
|
|
height: 100%;
|
|
color: var(--primary-foreground-color);
|
|
}
|
|
.discrete-input-container-CMThy .input-container-TNuI2 .option-label-tjeeT {
|
|
flex: 1;
|
|
font-weight: 500;
|
|
text-align: center;
|
|
color: var(--primary-foreground-color);
|
|
}
|
|
|
|
.subtitles-menu-container-PxBRZ {
|
|
height: 25rem;
|
|
display: flex;
|
|
flex-direction: row;
|
|
}
|
|
.subtitles-menu-container-PxBRZ .languages-container-NS7H9,
|
|
.subtitles-menu-container-PxBRZ .variants-container-XglzH,
|
|
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS {
|
|
flex: none;
|
|
align-self: stretch;
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .languages-header-jGNcK,
|
|
.subtitles-menu-container-PxBRZ .variants-container-XglzH .languages-header-jGNcK,
|
|
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .languages-header-jGNcK,
|
|
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .variants-header-TsVSR,
|
|
.subtitles-menu-container-PxBRZ .variants-container-XglzH .variants-header-TsVSR,
|
|
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .variants-header-TsVSR,
|
|
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .settings-header-eaWnm,
|
|
.subtitles-menu-container-PxBRZ .variants-container-XglzH .settings-header-eaWnm,
|
|
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .settings-header-eaWnm {
|
|
flex: none;
|
|
align-self: stretch;
|
|
padding: 1.5rem 2rem;
|
|
font-weight: 700;
|
|
color: var(--primary-foreground-color);
|
|
}
|
|
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .languages-list-sxIwI,
|
|
.subtitles-menu-container-PxBRZ .variants-container-XglzH .languages-list-sxIwI,
|
|
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .languages-list-sxIwI,
|
|
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .variants-list-yZo6B,
|
|
.subtitles-menu-container-PxBRZ .variants-container-XglzH .variants-list-yZo6B,
|
|
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .variants-list-yZo6B {
|
|
flex: 1;
|
|
align-self: stretch;
|
|
overflow-y: auto;
|
|
padding: 0 1rem;
|
|
}
|
|
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .languages-list-sxIwI .language-option-O1Yr9,
|
|
.subtitles-menu-container-PxBRZ .variants-container-XglzH .languages-list-sxIwI .language-option-O1Yr9,
|
|
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .languages-list-sxIwI .language-option-O1Yr9,
|
|
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .variants-list-yZo6B .language-option-O1Yr9,
|
|
.subtitles-menu-container-PxBRZ .variants-container-XglzH .variants-list-yZo6B .language-option-O1Yr9,
|
|
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .variants-list-yZo6B .language-option-O1Yr9,
|
|
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .languages-list-sxIwI .variant-option-t7_LA,
|
|
.subtitles-menu-container-PxBRZ .variants-container-XglzH .languages-list-sxIwI .variant-option-t7_LA,
|
|
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .languages-list-sxIwI .variant-option-t7_LA,
|
|
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .variants-list-yZo6B .variant-option-t7_LA,
|
|
.subtitles-menu-container-PxBRZ .variants-container-XglzH .variants-list-yZo6B .variant-option-t7_LA,
|
|
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .variants-list-yZo6B .variant-option-t7_LA {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
height: 3.5rem;
|
|
padding: 0 1.5rem;
|
|
margin-bottom: 0.5rem;
|
|
border-radius: var(--border-radius);
|
|
}
|
|
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .languages-list-sxIwI .language-option-O1Yr9.selected,
|
|
.subtitles-menu-container-PxBRZ .variants-container-XglzH .languages-list-sxIwI .language-option-O1Yr9.selected,
|
|
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .languages-list-sxIwI .language-option-O1Yr9.selected,
|
|
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .variants-list-yZo6B .language-option-O1Yr9.selected,
|
|
.subtitles-menu-container-PxBRZ .variants-container-XglzH .variants-list-yZo6B .language-option-O1Yr9.selected,
|
|
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .variants-list-yZo6B .language-option-O1Yr9.selected,
|
|
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .languages-list-sxIwI .variant-option-t7_LA.selected,
|
|
.subtitles-menu-container-PxBRZ .variants-container-XglzH .languages-list-sxIwI .variant-option-t7_LA.selected,
|
|
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .languages-list-sxIwI .variant-option-t7_LA.selected,
|
|
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .variants-list-yZo6B .variant-option-t7_LA.selected,
|
|
.subtitles-menu-container-PxBRZ .variants-container-XglzH .variants-list-yZo6B .variant-option-t7_LA.selected,
|
|
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .variants-list-yZo6B .variant-option-t7_LA.selected,
|
|
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .languages-list-sxIwI .language-option-O1Yr9:hover,
|
|
.subtitles-menu-container-PxBRZ .variants-container-XglzH .languages-list-sxIwI .language-option-O1Yr9:hover,
|
|
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .languages-list-sxIwI .language-option-O1Yr9:hover,
|
|
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .variants-list-yZo6B .language-option-O1Yr9:hover,
|
|
.subtitles-menu-container-PxBRZ .variants-container-XglzH .variants-list-yZo6B .language-option-O1Yr9:hover,
|
|
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .variants-list-yZo6B .language-option-O1Yr9:hover,
|
|
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .languages-list-sxIwI .variant-option-t7_LA:hover,
|
|
.subtitles-menu-container-PxBRZ .variants-container-XglzH .languages-list-sxIwI .variant-option-t7_LA:hover,
|
|
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .languages-list-sxIwI .variant-option-t7_LA:hover,
|
|
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .variants-list-yZo6B .variant-option-t7_LA:hover,
|
|
.subtitles-menu-container-PxBRZ .variants-container-XglzH .variants-list-yZo6B .variant-option-t7_LA:hover,
|
|
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .variants-list-yZo6B .variant-option-t7_LA:hover {
|
|
background-color: var(--overlay-color);
|
|
}
|
|
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .languages-list-sxIwI .language-option-O1Yr9 .language-label-FjjqA,
|
|
.subtitles-menu-container-PxBRZ .variants-container-XglzH .languages-list-sxIwI .language-option-O1Yr9 .language-label-FjjqA,
|
|
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .languages-list-sxIwI .language-option-O1Yr9 .language-label-FjjqA,
|
|
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .variants-list-yZo6B .language-option-O1Yr9 .language-label-FjjqA,
|
|
.subtitles-menu-container-PxBRZ .variants-container-XglzH .variants-list-yZo6B .language-option-O1Yr9 .language-label-FjjqA,
|
|
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .variants-list-yZo6B .language-option-O1Yr9 .language-label-FjjqA,
|
|
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .languages-list-sxIwI .variant-option-t7_LA .language-label-FjjqA,
|
|
.subtitles-menu-container-PxBRZ .variants-container-XglzH .languages-list-sxIwI .variant-option-t7_LA .language-label-FjjqA,
|
|
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .languages-list-sxIwI .variant-option-t7_LA .language-label-FjjqA,
|
|
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .variants-list-yZo6B .variant-option-t7_LA .language-label-FjjqA,
|
|
.subtitles-menu-container-PxBRZ .variants-container-XglzH .variants-list-yZo6B .variant-option-t7_LA .language-label-FjjqA,
|
|
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .variants-list-yZo6B .variant-option-t7_LA .language-label-FjjqA,
|
|
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .languages-list-sxIwI .language-option-O1Yr9 .variant-label-opjnP,
|
|
.subtitles-menu-container-PxBRZ .variants-container-XglzH .languages-list-sxIwI .language-option-O1Yr9 .variant-label-opjnP,
|
|
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .languages-list-sxIwI .language-option-O1Yr9 .variant-label-opjnP,
|
|
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .variants-list-yZo6B .language-option-O1Yr9 .variant-label-opjnP,
|
|
.subtitles-menu-container-PxBRZ .variants-container-XglzH .variants-list-yZo6B .language-option-O1Yr9 .variant-label-opjnP,
|
|
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .variants-list-yZo6B .language-option-O1Yr9 .variant-label-opjnP,
|
|
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .languages-list-sxIwI .variant-option-t7_LA .variant-label-opjnP,
|
|
.subtitles-menu-container-PxBRZ .variants-container-XglzH .languages-list-sxIwI .variant-option-t7_LA .variant-label-opjnP,
|
|
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .languages-list-sxIwI .variant-option-t7_LA .variant-label-opjnP,
|
|
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .variants-list-yZo6B .variant-option-t7_LA .variant-label-opjnP,
|
|
.subtitles-menu-container-PxBRZ .variants-container-XglzH .variants-list-yZo6B .variant-option-t7_LA .variant-label-opjnP,
|
|
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .variants-list-yZo6B .variant-option-t7_LA .variant-label-opjnP {
|
|
flex: 1;
|
|
max-height: 2.4em;
|
|
font-size: 1.1rem;
|
|
color: var(--primary-foreground-color);
|
|
}
|
|
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .languages-list-sxIwI .language-option-O1Yr9 .language-label-FjjqA,
|
|
.subtitles-menu-container-PxBRZ .variants-container-XglzH .languages-list-sxIwI .language-option-O1Yr9 .language-label-FjjqA,
|
|
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .languages-list-sxIwI .language-option-O1Yr9 .language-label-FjjqA,
|
|
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .variants-list-yZo6B .language-option-O1Yr9 .language-label-FjjqA,
|
|
.subtitles-menu-container-PxBRZ .variants-container-XglzH .variants-list-yZo6B .language-option-O1Yr9 .language-label-FjjqA,
|
|
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .variants-list-yZo6B .language-option-O1Yr9 .language-label-FjjqA,
|
|
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .languages-list-sxIwI .variant-option-t7_LA .language-label-FjjqA,
|
|
.subtitles-menu-container-PxBRZ .variants-container-XglzH .languages-list-sxIwI .variant-option-t7_LA .language-label-FjjqA,
|
|
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .languages-list-sxIwI .variant-option-t7_LA .language-label-FjjqA,
|
|
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .variants-list-yZo6B .variant-option-t7_LA .language-label-FjjqA,
|
|
.subtitles-menu-container-PxBRZ .variants-container-XglzH .variants-list-yZo6B .variant-option-t7_LA .language-label-FjjqA,
|
|
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .variants-list-yZo6B .variant-option-t7_LA .language-label-FjjqA,
|
|
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .languages-list-sxIwI .language-option-O1Yr9 .variant-label-opjnP,
|
|
.subtitles-menu-container-PxBRZ .variants-container-XglzH .languages-list-sxIwI .language-option-O1Yr9 .variant-label-opjnP,
|
|
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .languages-list-sxIwI .language-option-O1Yr9 .variant-label-opjnP,
|
|
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .variants-list-yZo6B .language-option-O1Yr9 .variant-label-opjnP,
|
|
.subtitles-menu-container-PxBRZ .variants-container-XglzH .variants-list-yZo6B .language-option-O1Yr9 .variant-label-opjnP,
|
|
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .variants-list-yZo6B .language-option-O1Yr9 .variant-label-opjnP,
|
|
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .languages-list-sxIwI .variant-option-t7_LA .variant-label-opjnP,
|
|
.subtitles-menu-container-PxBRZ .variants-container-XglzH .languages-list-sxIwI .variant-option-t7_LA .variant-label-opjnP,
|
|
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .languages-list-sxIwI .variant-option-t7_LA .variant-label-opjnP,
|
|
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .variants-list-yZo6B .variant-option-t7_LA .variant-label-opjnP,
|
|
.subtitles-menu-container-PxBRZ .variants-container-XglzH .variants-list-yZo6B .variant-option-t7_LA .variant-label-opjnP,
|
|
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .variants-list-yZo6B .variant-option-t7_LA .variant-label-opjnP,
|
|
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .languages-list-sxIwI .language-option-O1Yr9 .variant-origin-SVnd1,
|
|
.subtitles-menu-container-PxBRZ .variants-container-XglzH .languages-list-sxIwI .language-option-O1Yr9 .variant-origin-SVnd1,
|
|
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .languages-list-sxIwI .language-option-O1Yr9 .variant-origin-SVnd1,
|
|
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .variants-list-yZo6B .language-option-O1Yr9 .variant-origin-SVnd1,
|
|
.subtitles-menu-container-PxBRZ .variants-container-XglzH .variants-list-yZo6B .language-option-O1Yr9 .variant-origin-SVnd1,
|
|
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .variants-list-yZo6B .language-option-O1Yr9 .variant-origin-SVnd1,
|
|
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .languages-list-sxIwI .variant-option-t7_LA .variant-origin-SVnd1,
|
|
.subtitles-menu-container-PxBRZ .variants-container-XglzH .languages-list-sxIwI .variant-option-t7_LA .variant-origin-SVnd1,
|
|
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .languages-list-sxIwI .variant-option-t7_LA .variant-origin-SVnd1,
|
|
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .variants-list-yZo6B .variant-option-t7_LA .variant-origin-SVnd1,
|
|
.subtitles-menu-container-PxBRZ .variants-container-XglzH .variants-list-yZo6B .variant-option-t7_LA .variant-origin-SVnd1,
|
|
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .variants-list-yZo6B .variant-option-t7_LA .variant-origin-SVnd1 {
|
|
text-wrap: nowrap;
|
|
text-overflow: ellipsis;
|
|
}
|
|
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .languages-list-sxIwI .language-option-O1Yr9 .variant-label-opjnP .variant-origin-SVnd1,
|
|
.subtitles-menu-container-PxBRZ .variants-container-XglzH .languages-list-sxIwI .language-option-O1Yr9 .variant-label-opjnP .variant-origin-SVnd1,
|
|
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .languages-list-sxIwI .language-option-O1Yr9 .variant-label-opjnP .variant-origin-SVnd1,
|
|
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .variants-list-yZo6B .language-option-O1Yr9 .variant-label-opjnP .variant-origin-SVnd1,
|
|
.subtitles-menu-container-PxBRZ .variants-container-XglzH .variants-list-yZo6B .language-option-O1Yr9 .variant-label-opjnP .variant-origin-SVnd1,
|
|
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .variants-list-yZo6B .language-option-O1Yr9 .variant-label-opjnP .variant-origin-SVnd1,
|
|
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .languages-list-sxIwI .variant-option-t7_LA .variant-label-opjnP .variant-origin-SVnd1,
|
|
.subtitles-menu-container-PxBRZ .variants-container-XglzH .languages-list-sxIwI .variant-option-t7_LA .variant-label-opjnP .variant-origin-SVnd1,
|
|
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .languages-list-sxIwI .variant-option-t7_LA .variant-label-opjnP .variant-origin-SVnd1,
|
|
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .variants-list-yZo6B .variant-option-t7_LA .variant-label-opjnP .variant-origin-SVnd1,
|
|
.subtitles-menu-container-PxBRZ .variants-container-XglzH .variants-list-yZo6B .variant-option-t7_LA .variant-label-opjnP .variant-origin-SVnd1,
|
|
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .variants-list-yZo6B .variant-option-t7_LA .variant-label-opjnP .variant-origin-SVnd1 {
|
|
color: var(--color-placeholder-text);
|
|
}
|
|
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .languages-list-sxIwI .language-option-O1Yr9 .icon-I1Ruh,
|
|
.subtitles-menu-container-PxBRZ .variants-container-XglzH .languages-list-sxIwI .language-option-O1Yr9 .icon-I1Ruh,
|
|
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .languages-list-sxIwI .language-option-O1Yr9 .icon-I1Ruh,
|
|
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .variants-list-yZo6B .language-option-O1Yr9 .icon-I1Ruh,
|
|
.subtitles-menu-container-PxBRZ .variants-container-XglzH .variants-list-yZo6B .language-option-O1Yr9 .icon-I1Ruh,
|
|
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .variants-list-yZo6B .language-option-O1Yr9 .icon-I1Ruh,
|
|
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .languages-list-sxIwI .variant-option-t7_LA .icon-I1Ruh,
|
|
.subtitles-menu-container-PxBRZ .variants-container-XglzH .languages-list-sxIwI .variant-option-t7_LA .icon-I1Ruh,
|
|
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .languages-list-sxIwI .variant-option-t7_LA .icon-I1Ruh,
|
|
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .variants-list-yZo6B .variant-option-t7_LA .icon-I1Ruh,
|
|
.subtitles-menu-container-PxBRZ .variants-container-XglzH .variants-list-yZo6B .variant-option-t7_LA .icon-I1Ruh,
|
|
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .variants-list-yZo6B .variant-option-t7_LA .icon-I1Ruh {
|
|
flex: none;
|
|
width: 0.5rem;
|
|
height: 0.5rem;
|
|
border-radius: 100%;
|
|
margin-left: 1rem;
|
|
background-color: var(--secondary-accent-color);
|
|
}
|
|
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 {
|
|
width: 16rem;
|
|
}
|
|
.subtitles-menu-container-PxBRZ .variants-container-XglzH {
|
|
width: 16rem;
|
|
}
|
|
.subtitles-menu-container-PxBRZ .variants-container-XglzH .no-variants-container-q6u1Q {
|
|
flex: 1;
|
|
align-self: stretch;
|
|
padding: 1rem;
|
|
}
|
|
.subtitles-menu-container-PxBRZ .variants-container-XglzH .no-variants-container-q6u1Q .no-variants-label-RmDKZ {
|
|
max-height: 4.8em;
|
|
font-weight: 500;
|
|
color: var(--primary-foreground-color);
|
|
}
|
|
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS {
|
|
width: 17rem;
|
|
}
|
|
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .spacing-AWJpt {
|
|
flex: 1;
|
|
}
|
|
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .discrete-input-fXELp {
|
|
padding: 0 1.5rem 1rem;
|
|
}
|
|
|
|
.option-_O96j {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
padding: 0 1.5em;
|
|
margin-bottom: 0.5rem;
|
|
border-radius: var(--border-radius);
|
|
}
|
|
.option-_O96j.selected {
|
|
background-color: var(--overlay-color);
|
|
}
|
|
.option-_O96j.selected .icon-kqaPF {
|
|
display: block;
|
|
}
|
|
.option-_O96j:hover,
|
|
.option-_O96j:focus {
|
|
background-color: var(--overlay-color);
|
|
}
|
|
.option-_O96j .label-FEOiu {
|
|
flex: 1;
|
|
font-weight: 400;
|
|
color: var(--primary-foreground-color);
|
|
}
|
|
.option-_O96j .icon-kqaPF {
|
|
flex: none;
|
|
display: none;
|
|
width: 0.5rem;
|
|
height: 0.5rem;
|
|
border-radius: 100%;
|
|
margin-left: 1rem;
|
|
background-color: var(--secondary-accent-color);
|
|
}
|
|
|
|
.speed-menu-container-ABjzc {
|
|
width: 14rem;
|
|
}
|
|
.speed-menu-container-ABjzc .title-Hu2Dm {
|
|
flex: none;
|
|
align-self: stretch;
|
|
font-weight: 700;
|
|
color: var(--primary-foreground-color);
|
|
padding: 1.5rem 2rem;
|
|
}
|
|
.speed-menu-container-ABjzc .options-container-DNn3D {
|
|
flex: 0 1 auto;
|
|
max-height: calc(3.2rem * 8);
|
|
padding: 0 1rem 0.5rem;
|
|
}
|
|
.speed-menu-container-ABjzc .options-container-DNn3D .option-GcPlB {
|
|
height: 3.2rem;
|
|
}
|
|
|
|
.horizontal-nav-bar-container-jFw5Y{align-items:center;background-color:transparent;display:flex;flex-direction:row;height:var(--horizontal-nav-bar-size);justify-content:space-between;overflow:visible;padding-right:1rem}.horizontal-nav-bar-container-jFw5Y .logo-container-fnFzY{align-items:center;display:flex;flex:none;height:var(--horizontal-nav-bar-size);justify-content:center;width:var(--vertical-nav-bar-size)}.horizontal-nav-bar-container-jFw5Y .logo-container-fnFzY .logo-RVSxt{flex:none;height:2.5rem;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;opacity:0.9;width:2.5rem}.horizontal-nav-bar-container-jFw5Y .back-button-container-K9AwF{margin-left:1rem}.horizontal-nav-bar-container-jFw5Y .title-_UxXH{color:hsla(222.8,100%,78%,0.9);flex:4 0 0;font-size:1.2rem;font-style:normal;font-weight:500;letter-spacing:0.01rem;padding:0 1rem;text-overflow:ellipsis;white-space:nowrap}.horizontal-nav-bar-container-jFw5Y .search-bar-NopQ6{height:3.25rem;width:30rem}.horizontal-nav-bar-container-jFw5Y .buttons-container-fHCke{display:flex;flex-direction:row;gap:0.5rem;overflow:visible}.horizontal-nav-bar-container-jFw5Y .button-container-B23qB{align-items:center;border-radius:0.75rem;display:flex;flex:none;height:3.5rem;justify-content:center;opacity:0.4;width:3.5rem}.horizontal-nav-bar-container-jFw5Y .button-container-B23qB .icon-wrBcp{color:var(--primary-foreground-color);flex:none;height:2rem;opacity:0.6;width:2rem}.horizontal-nav-bar-container-jFw5Y .button-container-B23qB.active,.horizontal-nav-bar-container-jFw5Y .button-container-B23qB:hover{background-color:var(--overlay-color);opacity:1}.horizontal-nav-bar-container-jFw5Y .button-container-B23qB.active .icon-wrBcp,.horizontal-nav-bar-container-jFw5Y .button-container-B23qB:hover .icon-wrBcp{color:var(--primary-foreground-color);opacity:0.8}@media only screen and (max-width:640px){.horizontal-nav-bar-container-jFw5Y{justify-content:space-between;padding-right:0}.horizontal-nav-bar-container-jFw5Y .logo-container-fnFzY{width:var(--horizontal-nav-bar-size)}.horizontal-nav-bar-container-jFw5Y .button-container-B23qB{margin:0 1rem}.horizontal-nav-bar-container-jFw5Y .button-container-B23qB:not(.back-button-container-K9AwF):not(.menu-button-container-WWcwa){display:none}}
|
|
html:not(.active-slider-within-lQFc1) .player-container-wIELK.overlayHidden-gyjIy {
|
|
cursor: none;
|
|
}
|
|
html:not(.active-slider-within-lQFc1) .player-container-wIELK.overlayHidden-gyjIy .nav-bar-layer-r9HT5,
|
|
html:not(.active-slider-within-lQFc1) .player-container-wIELK.overlayHidden-gyjIy .control-bar-layer-m2jto,
|
|
html:not(.active-slider-within-lQFc1) .player-container-wIELK.overlayHidden-gyjIy .menu-layer-HZFG9 {
|
|
opacity: 0;
|
|
transition: opacity 200ms;
|
|
}
|
|
.player-container-wIELK {
|
|
position: relative;
|
|
z-index: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
background-color: #000000;
|
|
}
|
|
.player-container-wIELK .layer-qalDW {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
z-index: 0;
|
|
}
|
|
.player-container-wIELK .layer-qalDW.buffering-layer-ZZCYp,
|
|
.player-container-wIELK .layer-qalDW.error-layer-RCEZC {
|
|
background: transparent;
|
|
}
|
|
.player-container-wIELK .layer-qalDW.background-layer-ldsp8 .image-XxZuJ {
|
|
width: 100vw;
|
|
height: 100vh;
|
|
object-fit: cover;
|
|
opacity: 0.6;
|
|
}
|
|
.player-container-wIELK .layer-qalDW.nav-bar-layer-r9HT5 {
|
|
bottom: initial;
|
|
background: transparent;
|
|
overflow: visible;
|
|
}
|
|
.player-container-wIELK .layer-qalDW.nav-bar-layer-r9HT5::before {
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
left: 0;
|
|
z-index: -1;
|
|
box-shadow: 0 0 8rem 6rem hsl(0, 0%, 0%);
|
|
content: "";
|
|
}
|
|
.player-container-wIELK .layer-qalDW.nav-bar-layer-r9HT5 .button-container-B23qB:hover {
|
|
background: transparent;
|
|
}
|
|
.player-container-wIELK .layer-qalDW.nav-bar-layer-r9HT5 .button-container-B23qB .icon-wrBcp {
|
|
color: var(--primary-foreground-color);
|
|
}
|
|
.player-container-wIELK .layer-qalDW.nav-bar-layer-r9HT5 .title-_UxXH {
|
|
color: var(--primary-foreground-color);
|
|
}
|
|
.player-container-wIELK .layer-qalDW.control-bar-layer-m2jto {
|
|
top: initial;
|
|
overflow: visible;
|
|
}
|
|
.player-container-wIELK .layer-qalDW.control-bar-layer-m2jto::before {
|
|
position: absolute;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
z-index: -1;
|
|
box-shadow: 0 0 8rem 8rem hsl(0, 0%, 0%);
|
|
content: "";
|
|
}
|
|
.player-container-wIELK .layer-qalDW.menu-layer-HZFG9 {
|
|
top: initial;
|
|
left: initial;
|
|
right: 2rem;
|
|
bottom: 8rem;
|
|
max-height: calc(100% - 13.5rem);
|
|
max-width: calc(100% - 4rem);
|
|
border-radius: var(--border-radius);
|
|
background-color: var(--modal-background-color);
|
|
box-shadow: 0 1.35rem 2.7rem hsla(0, 0%, 0%, 0.4), 0 1.1rem 0.85rem hsla(0, 0%, 0%, 0.2);
|
|
backdrop-filter: blur(15px);
|
|
overflow: auto;
|
|
}
|
|
|
|
.video-container-v9_vA .video-tkpQm {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.video-container-v9_vA .video-tkpQm * {
|
|
font-size: inherit;
|
|
}
|
|
|
|
.consent-toggle-container-SdUk_ {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
padding: 0.5rem 0;
|
|
border-radius: var(--border-radius);
|
|
}
|
|
.consent-toggle-container-SdUk_:focus {
|
|
outline: none;
|
|
background-color: var(--overlay-color);
|
|
}
|
|
.consent-toggle-container-SdUk_.checked .label-hQS0A {
|
|
opacity: 1;
|
|
}
|
|
.consent-toggle-container-SdUk_ .label-hQS0A {
|
|
flex: 1;
|
|
margin-left: 1rem;
|
|
font-size: 0.9rem;
|
|
color: var(--primary-foreground-color);
|
|
opacity: 0.6;
|
|
}
|
|
.consent-toggle-container-SdUk_ .label-hQS0A .link-D82uK {
|
|
font-size: 0.9rem;
|
|
color: var(--primary-accent-color);
|
|
}
|
|
.consent-toggle-container-SdUk_ .label-hQS0A .link-D82uK:hover {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.password-reset-modal-container-KzJPQ .modal-dialog-content-ChXwF {
|
|
width: 30rem;
|
|
}
|
|
.password-reset-modal-container-KzJPQ .modal-dialog-content-ChXwF .credentials-text-input-ncrIR {
|
|
width: 100%;
|
|
padding: 1rem;
|
|
border-radius: var(--border-radius);
|
|
outline-offset: calc(-1 * var(--focus-outline-size));
|
|
color: var(--primary-foreground-color);
|
|
background: var(--overlay-color);
|
|
}
|
|
.password-reset-modal-container-KzJPQ .modal-dialog-content-ChXwF .credentials-text-input-ncrIR:hover,
|
|
.password-reset-modal-container-KzJPQ .modal-dialog-content-ChXwF .credentials-text-input-ncrIR:focus {
|
|
outline: var(--focus-outline-size) solid var(--overlay-color);
|
|
}
|
|
.password-reset-modal-container-KzJPQ .error-message-DkekN {
|
|
font-size: 1.1rem;
|
|
margin-top: 2rem;
|
|
text-align: center;
|
|
color: hsla(42, 100%, 54.9%, 0.9);
|
|
}
|
|
.password-reset-modal-container-KzJPQ .cancel-button-AneJE {
|
|
background-color: transparent;
|
|
}
|
|
.password-reset-modal-container-KzJPQ .cancel-button-AneJE:hover,
|
|
.password-reset-modal-container-KzJPQ .cancel-button-AneJE:focus {
|
|
outline-color: var(--primary-foreground-color);
|
|
}
|
|
.password-reset-modal-container-KzJPQ .cancel-button-AneJE .label-_ADoX {
|
|
color: var(--primary-foreground-color);
|
|
}
|
|
@media only screen and (max-width: 640px) {
|
|
.password-reset-modal-container-KzJPQ .modal-dialog-content-ChXwF {
|
|
width: auto;
|
|
}
|
|
}
|
|
|
|
.intro-container-tkNS6 {
|
|
position: relative;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: center;
|
|
height: 100%;
|
|
overflow-y: auto;
|
|
}
|
|
.intro-container-tkNS6 .background-container-aYKCH {
|
|
z-index: -1;
|
|
position: fixed;
|
|
top: -1rem;
|
|
bottom: -1rem;
|
|
left: -1rem;
|
|
right: -1rem;
|
|
background: url(../../2da51b7b516cc5ec6053cdcd7db991e504efba1a/images/background_1.svg), url(../../2da51b7b516cc5ec6053cdcd7db991e504efba1a/images/background_2.svg);
|
|
background-color: var(--primary-background-color);
|
|
background-position: bottom left, top right;
|
|
background-size: 53%, 54%;
|
|
background-repeat: no-repeat;
|
|
filter: blur(6rem);
|
|
}
|
|
.intro-container-tkNS6 .heading-container-oI70m {
|
|
flex: none;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: center;
|
|
margin-bottom: 5rem;
|
|
}
|
|
.intro-container-tkNS6 .heading-container-oI70m .logo-container-W49kt {
|
|
flex: none;
|
|
margin-bottom: 3rem;
|
|
}
|
|
.intro-container-tkNS6 .heading-container-oI70m .logo-container-W49kt .logo-WJ36F {
|
|
height: 5rem;
|
|
opacity: 0.9;
|
|
}
|
|
.intro-container-tkNS6 .heading-container-oI70m .title-container-CbIkM,
|
|
.intro-container-tkNS6 .heading-container-oI70m .slogan-container-UlcYd {
|
|
color: var(--primary-foreground-color);
|
|
}
|
|
.intro-container-tkNS6 .heading-container-oI70m .title-container-CbIkM {
|
|
font-size: 3rem;
|
|
font-weight: 600;
|
|
margin-bottom: 0.5rem;
|
|
}
|
|
.intro-container-tkNS6 .heading-container-oI70m .slogan-container-UlcYd {
|
|
font-size: 1.5rem;
|
|
font-weight: 400;
|
|
text-transform: lowercase;
|
|
opacity: 0.6;
|
|
}
|
|
.intro-container-tkNS6 .heading-container-oI70m .slogan-container-UlcYd::first-letter {
|
|
text-transform: uppercase;
|
|
}
|
|
.intro-container-tkNS6 .content-container-A1Drn {
|
|
flex: none;
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: flex-start;
|
|
justify-content: center;
|
|
width: 100%;
|
|
}
|
|
.intro-container-tkNS6 .content-container-A1Drn .form-button-vyqqj {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
justify-content: center;
|
|
height: 4rem;
|
|
border-radius: 3.5rem;
|
|
padding: 0 1rem;
|
|
}
|
|
.intro-container-tkNS6 .content-container-A1Drn .form-button-vyqqj .icon-L_6b6 {
|
|
flex: none;
|
|
height: 2rem;
|
|
width: 2rem;
|
|
margin-right: 1rem;
|
|
color: var(--primary-foreground-color);
|
|
}
|
|
.intro-container-tkNS6 .content-container-A1Drn .form-button-vyqqj .label-uHD7L {
|
|
flex-grow: 0;
|
|
flex-shrink: 1;
|
|
flex-basis: auto;
|
|
font-size: 1.1rem;
|
|
font-weight: 700;
|
|
color: var(--primary-foreground-color);
|
|
text-align: center;
|
|
}
|
|
.intro-container-tkNS6 .content-container-A1Drn .submit-button-x3L8z,
|
|
.intro-container-tkNS6 .content-container-A1Drn .guest-login-button-D8DWZ,
|
|
.intro-container-tkNS6 .content-container-A1Drn .signup-form-button-UGmSk,
|
|
.intro-container-tkNS6 .content-container-A1Drn .login-form-button-DqJUV {
|
|
margin-top: 1rem;
|
|
outline: var(--focus-outline-size) solid var(--primary-foreground-color);
|
|
background-color: transparent;
|
|
}
|
|
.intro-container-tkNS6 .content-container-A1Drn .submit-button-x3L8z .label-uHD7L,
|
|
.intro-container-tkNS6 .content-container-A1Drn .guest-login-button-D8DWZ .label-uHD7L,
|
|
.intro-container-tkNS6 .content-container-A1Drn .signup-form-button-UGmSk .label-uHD7L,
|
|
.intro-container-tkNS6 .content-container-A1Drn .login-form-button-DqJUV .label-uHD7L {
|
|
color: var(--primary-foreground-color);
|
|
}
|
|
.intro-container-tkNS6 .content-container-A1Drn .submit-button-x3L8z:hover,
|
|
.intro-container-tkNS6 .content-container-A1Drn .guest-login-button-D8DWZ:hover,
|
|
.intro-container-tkNS6 .content-container-A1Drn .signup-form-button-UGmSk:hover,
|
|
.intro-container-tkNS6 .content-container-A1Drn .login-form-button-DqJUV:hover {
|
|
background-color: var(--primary-foreground-color);
|
|
}
|
|
.intro-container-tkNS6 .content-container-A1Drn .submit-button-x3L8z:hover .label-uHD7L,
|
|
.intro-container-tkNS6 .content-container-A1Drn .guest-login-button-D8DWZ:hover .label-uHD7L,
|
|
.intro-container-tkNS6 .content-container-A1Drn .signup-form-button-UGmSk:hover .label-uHD7L,
|
|
.intro-container-tkNS6 .content-container-A1Drn .login-form-button-DqJUV:hover .label-uHD7L {
|
|
color: var(--secondary-foreground-color);
|
|
}
|
|
.intro-container-tkNS6 .content-container-A1Drn .form-container-HMlEh {
|
|
flex: none;
|
|
position: relative;
|
|
width: 22rem;
|
|
margin-right: 2rem;
|
|
}
|
|
.intro-container-tkNS6 .content-container-A1Drn .form-container-HMlEh .credentials-text-input-QMCZz {
|
|
display: block;
|
|
width: 100%;
|
|
margin-bottom: 1rem;
|
|
padding: 1rem;
|
|
border-radius: var(--border-radius);
|
|
outline-offset: calc(-1 * var(--focus-outline-size));
|
|
color: var(--primary-foreground-color);
|
|
background: var(--overlay-color);
|
|
}
|
|
.intro-container-tkNS6 .content-container-A1Drn .form-container-HMlEh .credentials-text-input-QMCZz:hover,
|
|
.intro-container-tkNS6 .content-container-A1Drn .form-container-HMlEh .credentials-text-input-QMCZz:focus {
|
|
outline: var(--focus-outline-size) solid var(--overlay-color);
|
|
}
|
|
.intro-container-tkNS6 .content-container-A1Drn .form-container-HMlEh .forgot-password-link-container-ygZqb {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: flex-end;
|
|
margin: 1rem 0;
|
|
text-align: right;
|
|
}
|
|
.intro-container-tkNS6 .content-container-A1Drn .form-container-HMlEh .forgot-password-link-container-ygZqb .forgot-password-link-NxNUD {
|
|
flex-grow: 0;
|
|
flex-shrink: 1;
|
|
flex-basis: auto;
|
|
padding: 0.5rem 1rem;
|
|
color: var(--primary-foreground-color);
|
|
}
|
|
.intro-container-tkNS6 .content-container-A1Drn .form-container-HMlEh .forgot-password-link-container-ygZqb .forgot-password-link-NxNUD:hover {
|
|
text-decoration: underline;
|
|
}
|
|
.intro-container-tkNS6 .content-container-A1Drn .form-container-HMlEh .error-message-cKdzB {
|
|
margin: 1rem 0;
|
|
padding: 0 1rem;
|
|
text-align: center;
|
|
color: var(--tertiary-accent-color);
|
|
}
|
|
.intro-container-tkNS6 .content-container-A1Drn .options-container-qxboQ {
|
|
flex: none;
|
|
position: relative;
|
|
width: 22rem;
|
|
margin-left: 2rem;
|
|
}
|
|
.intro-container-tkNS6 .content-container-A1Drn .options-container-qxboQ .facebook-button-LZ_kG {
|
|
background: var(--color-facebook);
|
|
}
|
|
.intro-container-tkNS6 .content-container-A1Drn .options-container-qxboQ .facebook-button-LZ_kG:hover,
|
|
.intro-container-tkNS6 .content-container-A1Drn .options-container-qxboQ .facebook-button-LZ_kG:focus {
|
|
outline: var(--focus-outline-size) solid var(--color-facebook);
|
|
background-color: transparent;
|
|
}
|
|
.loading-modal-container-eLyTm {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
background-color: hsla(0, 0%, 0%, 0.4);
|
|
}
|
|
.loading-modal-container-eLyTm .loader-container-oe8rU {
|
|
flex: none;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: center;
|
|
gap: 1rem;
|
|
padding: 2.5rem;
|
|
border-radius: var(--border-radius);
|
|
background-color: var(--modal-background-color);
|
|
}
|
|
@keyframes flash-wUFXY {
|
|
0% {
|
|
opacity: 0.4;
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
.loading-modal-container-eLyTm .loader-container-oe8rU .icon-L_6b6 {
|
|
flex: none;
|
|
width: 5rem;
|
|
height: 5rem;
|
|
color: var(--primary-foreground-color);
|
|
animation: 1s linear infinite alternate flash-wUFXY;
|
|
}
|
|
.loading-modal-container-eLyTm .loader-container-oe8rU .label-uHD7L {
|
|
font-size: 1.5rem;
|
|
color: var(--primary-foreground-color);
|
|
animation: 1s linear infinite alternate flash-wUFXY;
|
|
}
|
|
.loading-modal-container-eLyTm .loader-container-oe8rU .button-ryGtP {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
justify-content: center;
|
|
height: 3.5rem;
|
|
width: 100%;
|
|
border-radius: 3.5rem;
|
|
padding: 0 1rem;
|
|
margin-top: 2rem;
|
|
font-size: 1.1rem;
|
|
font-weight: 700;
|
|
color: var(--primary-foreground-color);
|
|
outline: var(--focus-outline-size) solid var(--primary-foreground-color);
|
|
}
|
|
.loading-modal-container-eLyTm .loader-container-oe8rU .button-ryGtP:hover {
|
|
color: var(--secondary-foreground-color);
|
|
background-color: var(--primary-foreground-color);
|
|
}
|
|
@media only screen and (max-width: 640px) {
|
|
.intro-container-tkNS6 {
|
|
justify-content: initial;
|
|
padding: 3rem 1.5rem;
|
|
}
|
|
.intro-container-tkNS6 .heading-container-oI70m {
|
|
align-items: flex-start;
|
|
margin-bottom: 4rem;
|
|
}
|
|
.intro-container-tkNS6 .heading-container-oI70m .logo-container-W49kt .logo-WJ36F {
|
|
height: 4rem;
|
|
}
|
|
.intro-container-tkNS6 .heading-container-oI70m .title-container-CbIkM {
|
|
font-size: 2.5rem;
|
|
}
|
|
.intro-container-tkNS6 .heading-container-oI70m .slogan-container-UlcYd {
|
|
font-size: 1.5rem;
|
|
}
|
|
.intro-container-tkNS6 .content-container-A1Drn {
|
|
flex-direction: column-reverse;
|
|
}
|
|
.intro-container-tkNS6 .content-container-A1Drn .form-container-HMlEh,
|
|
.intro-container-tkNS6 .content-container-A1Drn .options-container-qxboQ {
|
|
width: 100%;
|
|
margin: 0;
|
|
}
|
|
.intro-container-tkNS6 .content-container-A1Drn .options-container-qxboQ {
|
|
margin-bottom: 4rem;
|
|
}
|
|
}
|
|
|
|
.error-container-OJnoc {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: center;
|
|
gap: 1rem;
|
|
}
|
|
.error-container-OJnoc .error-image-qU9Qo {
|
|
flex: none;
|
|
width: 12rem;
|
|
height: 12rem;
|
|
object-fit: contain;
|
|
object-position: center;
|
|
opacity: 0.9;
|
|
}
|
|
.error-container-OJnoc .error-message-kW59Z {
|
|
flex: none;
|
|
padding: 0 3rem;
|
|
font-size: 2rem;
|
|
max-height: 3.6em;
|
|
text-align: center;
|
|
color: var(--primary-foreground-color);
|
|
}
|
|
.error-container-OJnoc .buttons-container-tQonN {
|
|
flex: none;
|
|
align-self: stretch;
|
|
margin: 0 2rem;
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: wrap;
|
|
align-items: center;
|
|
justify-content: center;
|
|
gap: 1.5rem;
|
|
margin-top: 1rem;
|
|
}
|
|
.error-container-OJnoc .buttons-container-tQonN .button-container-vLSQK {
|
|
flex-grow: 0;
|
|
flex-shrink: 1;
|
|
flex-basis: auto;
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
justify-content: center;
|
|
padding: 0 2.5rem;
|
|
min-width: 8rem;
|
|
height: 3.5rem;
|
|
border-radius: 3.5rem;
|
|
background-color: var(--overlay-color);
|
|
}
|
|
.error-container-OJnoc .buttons-container-tQonN .button-container-vLSQK:hover {
|
|
outline: var(--focus-outline-size) solid var(--primary-foreground-color);
|
|
background-color: transparent;
|
|
}
|
|
.error-container-OJnoc .buttons-container-tQonN .button-container-vLSQK:active {
|
|
outline: none;
|
|
}
|
|
.error-container-OJnoc .buttons-container-tQonN .button-container-vLSQK.disabled {
|
|
opacity: 0.3;
|
|
}
|
|
.error-container-OJnoc .buttons-container-tQonN .button-container-vLSQK .label-Up_te {
|
|
flex-grow: 0;
|
|
flex-shrink: 1;
|
|
flex-basis: auto;
|
|
max-height: 2.4em;
|
|
font-size: 1.1rem;
|
|
font-weight: 500;
|
|
text-align: center;
|
|
color: var(--primary-foreground-color);
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'PlusJakartaSans';
|
|
src: url(../../2da51b7b516cc5ec6053cdcd7db991e504efba1a/fonts/PlusJakartaSans.ttf) format('truetype');
|
|
}
|
|
{
|
|
/* Copyright (C) 2017-2023 Smart code 203358507 */
|
|
}
|
|
.animation-fade-in {
|
|
animation-timing-function: ease-in-out;
|
|
animation-duration: 100ms;
|
|
}
|
|
.animation-fade-in {
|
|
animation-name: fade-in-pFkt_;
|
|
}
|
|
@keyframes fade-in-pFkt_ {
|
|
0% {
|
|
opacity: 0.6;
|
|
transform: translateY(0.2vh);
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
transform: translateY(0);
|
|
}
|
|
}
|
|
.animation-slide-up {
|
|
animation-timing-function: ease-out;
|
|
animation-duration: 0.1s;
|
|
}
|
|
.animation-slide-up {
|
|
animation-name: slide-up-lSxrC;
|
|
}
|
|
@keyframes slide-up-lSxrC {
|
|
0% {
|
|
transform: translateY(100%);
|
|
}
|
|
100% {
|
|
transform: translateY(0%);
|
|
}
|
|
}
|
|
.routes-container {
|
|
position: relative;
|
|
z-index: 0;
|
|
}
|
|
.routes-container .route-container {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
z-index: 0;
|
|
}
|
|
.routes-container .route-container:not(:last-child) {
|
|
display: none;
|
|
}
|
|
.routes-container .route-container .route-content {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
z-index: 0;
|
|
overflow: hidden;
|
|
}
|
|
.routes-container .route-container .modals-container {
|
|
width: 0;
|
|
height: 0;
|
|
}
|
|
.routes-container .route-container .modals-container .modal-container {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
z-index: 1;
|
|
overflow: hidden;
|
|
}
|
|
:root {
|
|
--landscape-shape-ratio: 0.5625;
|
|
--poster-shape-ratio: 1.464;
|
|
--scroll-bar-size: 6px;
|
|
--horizontal-nav-bar-size: 5.5rem;
|
|
--vertical-nav-bar-size: 6rem;
|
|
--focus-outline-size: 2px;
|
|
--color-facebook: #1877F1;
|
|
--color-x: #000000;
|
|
--color-reddit: #FF4500;
|
|
--color-imdb: #f5c518;
|
|
--color-trakt: #ED2224;
|
|
--color-placeholder: #60606080;
|
|
--color-placeholder-text: hsla(0, 0%, 75%, 0.5);
|
|
--color-placeholder-background: hsla(0, 0%, 50%, 0.2);
|
|
--primary-background-color: #0c0b11;
|
|
--secondary-background-color: #1a173e;
|
|
--primary-foreground-color: rgba(255, 255, 255, 0.9);
|
|
--secondary-foreground-color: #0c0b11;
|
|
--primary-accent-color: #7b5bf5;
|
|
--secondary-accent-color: #22b365;
|
|
--tertiary-accent-color: #f6c700;
|
|
--quaternary-accent-color: #1245a6;
|
|
--overlay-color: rgba(255, 255, 255, 0.05);
|
|
--modal-background-color: #0f0d20;
|
|
--outer-glow: 0px 0px 15px rgba(123, 91, 245, 0.37);
|
|
--border-radius: 0.75rem;
|
|
}
|
|
* {
|
|
margin: 0;
|
|
padding: 0;
|
|
box-sizing: border-box;
|
|
font-size: 1rem;
|
|
font-family: inherit;
|
|
border: none;
|
|
outline: none;
|
|
list-style: none;
|
|
user-select: none;
|
|
text-decoration: none;
|
|
appearance: none;
|
|
background: none;
|
|
box-shadow: none;
|
|
overflow: hidden;
|
|
word-break: break-word;
|
|
scrollbar-width: thin;
|
|
scrollbar-color: var(--overlay-color) transparent;
|
|
}
|
|
::-webkit-scrollbar {
|
|
width: var(--scroll-bar-size);
|
|
height: var(--scroll-bar-size);
|
|
}
|
|
::-webkit-scrollbar-thumb {
|
|
border-radius: var(--scroll-bar-size);
|
|
background-color: var(--overlay-color);
|
|
}
|
|
::-webkit-scrollbar-thumb:hover {
|
|
background-color: var(--primary-accent-color);
|
|
}
|
|
::-webkit-scrollbar-track {
|
|
background-color: transparent;
|
|
}
|
|
svg {
|
|
overflow: visible;
|
|
}
|
|
html {
|
|
width: 100%;
|
|
height: 100%;
|
|
min-width: 640px;
|
|
min-height: 480px;
|
|
font-family: 'PlusJakartaSans', 'sans-serif';
|
|
overflow: auto;
|
|
overscroll-behavior: none;
|
|
}
|
|
html body {
|
|
width: 100%;
|
|
height: 100%;
|
|
background: linear-gradient(41deg, var(--primary-background-color) 0%, var(--secondary-background-color) 100%);
|
|
}
|
|
html body #app {
|
|
position: relative;
|
|
z-index: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
html body #app .toasts-container-oKECy {
|
|
position: absolute;
|
|
top: calc(1.2 * var(--horizontal-nav-bar-size));
|
|
right: 0;
|
|
bottom: calc(1.2 * var(--horizontal-nav-bar-size));
|
|
left: auto;
|
|
z-index: 1;
|
|
padding: 0 calc(0.5 * var(--horizontal-nav-bar-size));
|
|
overflow: visible;
|
|
scrollbar-width: none;
|
|
pointer-events: none;
|
|
}
|
|
html body #app .toasts-container-oKECy::-webkit-scrollbar {
|
|
display: none;
|
|
}
|
|
html body #app .tooltip-container-Qpse8 {
|
|
height: 2.5rem;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
padding: 0 1.5rem;
|
|
font-size: 1rem;
|
|
color: var(--primary-foreground-color);
|
|
border-radius: var(--border-radius);
|
|
background-color: var(--modal-background-color);
|
|
box-shadow: var(--outer-glow);
|
|
transition: opacity 0.1s ease-out;
|
|
}
|
|
html body #app .tooltip-container-Qpse8.active {
|
|
transition-delay: 0.25s;
|
|
}
|
|
html body #app .router-_65XU {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
html body #app .loader-container-vwvnb,
|
|
html body #app .error-container-VZXwH {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
@media only screen and (min-width: 2800px) {
|
|
html {
|
|
font-size: 18px;
|
|
}
|
|
}
|
|
@media only screen and (max-width: 2800px) {
|
|
html {
|
|
font-size: 16px;
|
|
}
|
|
}
|
|
@media only screen and (max-width: 2200px) {
|
|
html {
|
|
font-size: 15px;
|
|
}
|
|
}
|
|
@media only screen and (max-width: 1600px) {
|
|
html {
|
|
font-size: 14px;
|
|
}
|
|
}
|
|
@media only screen and (max-width: 1000px) {
|
|
html {
|
|
min-width: inherit;
|
|
min-height: inherit;
|
|
}
|
|
html body #app .toasts-container-oKECy {
|
|
padding: 0 1rem;
|
|
}
|
|
html body #app .tooltip-container-Qpse8 {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
|
|
/*# sourceMappingURL=main.css.map*/ |