.barLoad{border-radius:10px;display:inline-block;height:5px;overflow:hidden;position:relative;transition:background .1s ease-in-out;width:100%}.barLoad.small-true div{border:.2em dotted var(--accentColor)}.barLoad div{animation:barLoad 1.5s cubic-bezier(.85,0,.15,1) infinite;background:var(--accentColor);border-color:var(--accentColor);border-radius:10px;display:block;height:inherit;position:absolute;width:50%}@keyframes barLoad{0%{transform:translateX(0)}50%{transform:translateX(100%)}to{transform:translateX(0)}}.appLoad{align-items:center;color:var(--primaryTextColor);display:flex;flex-direction:column;gap:2em;height:100%;justify-content:center}.appLoad svg{overflow:visible;overflow:initial;width:10em}.appLoad .barLoad{width:5em}.appLoad .error{animation:appear .2s ease-in-out;text-align:center}.appLoad p{color:var(--tertiaryTextColor);margin-top:.5em}.appLoad button{background:var(--accentColor);border-radius:10px;color:var(--accentTextColor);cursor:pointer;filter:saturate(.7);font-family:Roboto Bold,Arial;font-size:1em;margin-top:1em;outline:none;padding:.8em;transition:.2s ease-in-out;transition-property:filter,background}.appLoad button:focus,.appLoad button:hover{filter:saturate(1)}.appLoad button p{background:var(--accentColor);padding:.5em .8em}.profileImage{height:32px;width:32px}.profileImage .placeholder,.profileImage img{animation:onShowProfileImage .3s ease-in-out;background:var(--accentColor);border-radius:50%;height:inherit;object-fit:cover;width:inherit}.profileImage.show-true{animation:onShowProfileImage .3s ease-in-out forwards}.profileImage.show-false{animation:onHideProfileImage .3s ease-in-out forwards}@keyframes onShowProfileImage{0%{opacity:0}to{opacity:1}}@keyframes onHideProfileImage{0%{opacity:1}to{opacity:0}}.modalBox{background:var(--modalPrimaryColor);box-shadow:0 0 10px rgba(0,0,0,.533);height:100%;left:50%;outline:none;position:fixed;top:50%;transform:translate(-50%,-50%);transition:width .2s ease-in-out;width:100%;z-index:1}@media only screen and (min-width:650px){.modalBox{border:1px solid #4a4a4a;border-radius:10px;height:auto;max-width:400px}}.logout .buttonLabel{text-align:center;width:100%}.logout svg{display:none}@media only screen and (min-width:1080px){.logout svg{display:block}}.quickLinksDropdown{position:relative}.quickLinksDropdown .username{grid-column-gap:7px;align-items:center;column-gap:7px;display:grid;grid-template-columns:[padding] 1fr [username] 3fr [icon] 1fr;justify-content:center}.quickLinksDropdown .username p{color:var(--primaryTextColor);cursor:pointer;display:inline;font-family:Roboto Bold,Arial;grid-column:username;overflow:hidden;text-overflow:ellipsis;-webkit-user-select:none;user-select:none;white-space:nowrap}.quickLinksDropdown .username .toggle{display:none;pointer-events:none;transition:transform .3s ease-in-out}.quickLinksDropdown .username .toggle.visible-true,.quickLinksDropdown .username .toggle:focus,.quickLinksDropdown .username .toggle:hover{background:var(--secondaryColor)}.quickLinksDropdown .username .toggle.grabAttention{animation:blink .5s ease-in-out 5 alternate forwards;outline-offset:2px}.quickLinksDropdown .username .toggle div{transition:transform .1s ease-in-out}.quickLinksDropdown .username .toggle div:not(:first-child){margin-left:5px}.quickLinksDropdown .dropDownContent{background:var(--secondaryColor);border-radius:10px;box-shadow:-2px 2px 4px #1a1a1a;display:flex;flex-direction:column;justify-content:center;left:0;margin-top:1.4em;opacity:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .15s ease-in-out;white-space:nowrap;z-index:1}.quickLinksDropdown .dropDownContent.visible-true{opacity:1;pointer-events:inherit;z-index:2}.quickLinksDropdown .dropDownContent.deleting-true{cursor:not-allowed;opacity:.5}.quickLinksDropdown .dropDownContent .action{background:blue;display:flex}.quickLinksDropdown .dropDownContent button{align-items:center;background:var(--secondaryColor);color:var(--primaryTextColor);display:flex;font-family:Roboto Bold,Arial;gap:2em;justify-content:space-between;padding:1em;-webkit-user-select:none;user-select:none;width:100%}.quickLinksDropdown .dropDownContent button:hover{background:var(--tertiaryColor)}.quickLinksDropdown .dropDownContent button.delete{background:var(--criticalLighterColor)}.quickLinksDropdown .dropDownContent button.delete:hover{background:var(--criticalColor)}.quickLinksDropdown .dropDownContent button.create,.quickLinksDropdown .dropDownContent button.rename{cursor:not-allowed}@media only screen and (min-width:1080px){.quickLinksDropdown .username .toggle{background:var(--tertiaryColor);border-radius:50%;color:var(--primaryTextColor);cursor:pointer;display:flex;grid-column:icon;height:5px;padding:.5em;pointer-events:auto;position:relative;transition:transform .3s ease-in-out;width:5px}.quickLinksDropdown .username .toggle svg{cursor:pointer;height:1em;position:absolute;right:0;top:0;width:1em}.quickLinksDropdown .username .toggle.visible-true{transform:rotate(180deg)}.quickLinksDropdown .dropDownContent{left:-1em;right:-1em}}.profile{grid-gap:10px;display:grid;gap:10px;justify-content:center}.profile .horizontal-err{justify-self:flex-start}.profile .icon{align-items:center;border:.2em solid var(--primaryTextColor);border-radius:50%;display:flex;height:44px;justify-content:center;justify-self:center;width:44px}.profile .icon.loading{animation:sidebarProfileLoad 5s ease-in-out infinite;border:.2em dotted var(--primaryTextColor)}.profile .icon .error-icon,.profile .icon .placeholder-icon{animation:sidebarProfileIconLoad .3s ease-in-out;background:#f39c12;border-radius:inherit;height:26px;width:26px}.profile .icon .error-icon{align-items:center;background:none;display:flex;font-size:24px;justify-content:center}.profile .icon .error-icon svg{fill:var(--accentColor)}.profile .info{grid-gap:2px;animation:appear .3s ease-in-out;display:grid;gap:2px;text-align:center}.profile .info h5{color:var(--tertiaryTextColor);font-family:Roboto Regular,Arial}@keyframes sidebarProfileIconLoad{0%{opacity:0}to{opacity:1}}@keyframes sidebarProfileLoad{0%{transform:rotate(0)}25%{transform:rotate(1turn)}to{transform:rotate(0)}}.quickSearchResults{animation:SidebarSearchBoxAppear .2s ease-in-out forwards;background:var(--quaternaryColor);border-radius:10px;color:var(--tertiaryTextColor);font-family:Roboto Condensed Regular,Arial;min-height:40px;opacity:0;padding:0;width:100%}.quickSearchResults .state{align-items:center;display:flex;height:40px;justify-content:center}.quickSearchResults .results{height:100%;padding:20px 10px}.quickSearchResults .results>p{padding:0 10px}.quickSearchResults .results .result-list{display:flex;flex-direction:column;margin-top:.5em;max-height:110px;overflow-y:auto;scrollbar-width:thin;width:100%}.quickSearchResults .results .result-list a{border-radius:10px;padding:8px 10px;transition:background .3s ease-in-out}.quickSearchResults .results .result-list a:hover{background:var(--quinaryColor)}@keyframes SidebarSearchBoxAppear{0%{opacity:0}to{margin-top:1em;opacity:1}}.search-box{position:relative;z-index:1}.search-box-wrapper{border-radius:10px;height:40px;position:relative}.search-box-wrapper,.search-box-wrapper input{background:var(--quaternaryColor);overflow:hidden}.search-box-wrapper input{border:none;color:var(--primaryTextColor);font-family:Roboto Regular,Arial;font-size:16px;height:100%;outline:none;padding:10px 43px 10px 10px;transition:padding .3s ease-in-out,background .1s ease-in-out;width:100%}.search-box-wrapper input::-webkit-search-cancel-button{-webkit-appearance:none}.search-box-wrapper input::placeholder{color:var(--secondaryTextColor)}.search-box-wrapper svg{fill:var(--secondaryTextColor);overflow:visible}.search-box-wrapper button{align-items:center;background:var(--senaryColor);border-radius:50%;color:var(--primaryTextColor);display:flex;font-size:.6em;height:26px;justify-content:center;outline:none;position:absolute;right:7px;top:50%;transform:translateY(-50%);transition:background .1s ease-in-out;width:26px}.search-box-wrapper button:focus,.search-box-wrapper button:hover{background:var(--septenaryColor)}@keyframes SidebarSearchForAppear{0%{opacity:0;width:0}to{opacity:1;width:100%}}@keyframes PlaceholderAppear{0%{opacity:0}to{opacity:1}}.btn{align-items:center;background:#0000;border-radius:10px;display:flex;font-family:Roboto Bold;font-size:1em;justify-content:center;outline:none;transition:.2s ease-in-out;transition-property:background,opacity}.btn:not(.disabled){opacity:1}.btn.primary{background:var(--accentLighterColor);padding:.5em}.btn.primary svg{fill:var(--accentTextColor)}.btn.primary:hover{background:var(--accentColor)}.btn.secondary{color:var(--primaryTextColor)}.btn.secondary:hover{text-decoration:underline}.btn.contrast{background-color:var(--modalTertiaryColor);border-radius:10px;font-size:.5em;height:4em;min-width:4.2em;width:4.2em}.btn.contrast:not(.disabled):hover{background-color:var(--quinaryColor)}.btn.icon{background:var(--quinaryColor);border-radius:10px;overflow:hidden}.btn.icon p{background:var(--accentLighterColor);padding:.5em .8em;transition:.2s ease-in-out;transition-property:background,opacity}.btn.icon svg{fill:var(--primaryTextColor);font-size:.6em;margin:0 10px}.btn.icon:hover p{background:var(--accentColor)}.btn.disabled{cursor:not-allowed;opacity:.5}.btn.critical{background:var(--criticalLighterColor);color:var(--criticalTextColor);padding:.5em}.btn.critical:hover{background:var(--criticalColor)}.dirSelection{grid-area:dirSelection}.dirSelection .header{display:flex;flex-wrap:wrap;gap:.5em;justify-content:space-between;margin-top:.7em}.dirSelection .header .actions{display:flex;gap:1em}.dirSelection .dirs-wrapper{border-radius:10px;overflow:hidden}.dirSelection .dirs{background:var(--modalSecondaryColor);border-radius:inherit;height:224px;overflow-y:auto;position:relative;scrollbar-width:thin}.dirSelection .dirs .vertical-err{left:50%;position:absolute;transform:translate(-50%)}.dirSelection .dirs .dir,.dirSelection .dirs .vertical-err p{color:var(--primaryTextColor)}.dirSelection .dirs .dir{grid-gap:.9em;align-items:center;cursor:pointer;display:grid;gap:.9em;grid-template-columns:20px 1fr 5px;min-height:32px;padding:0 .9em}.dirSelection .dirs .dir:hover{background:var(--modalTertiaryColor)}.dirSelection .dirs .dir.selected-true .selectBox{background:var(--accentColor)}.dirSelection .dirs .dir.selected-true .selectBox svg{opacity:1}.dirSelection .dirs .dir .label{display:flex;padding:.5em 0;width:100%}.dirSelection .dirs .dir .label svg{fill:var(--primaryTextColor);margin-right:10px}.dirSelection .dirs .dir .label p{display:flex;margin:0;overflow:hidden;overflow-wrap:break-word;-webkit-user-select:none;user-select:none;width:100%;word-break:break-all}.dirSelection .dirs .dir .label p .selectedInsideCount{align-self:center;color:var(--tertiaryTextColor);font-size:.8em;margin-left:auto}.dirSelection .dirs .dir .selectBox{align-items:center;border:2px solid var(--accentColor);border-radius:5px;display:flex;height:20px;justify-content:center;margin-right:.5em;opacity:1;transition:background .15s ease-in-out;width:20px}.dirSelection .dirs .dir .selectBox svg{fill:var(--primaryTextColor);font-size:.6em;opacity:0;overflow:visible;overflow:initial;transition:opacity .15s ease-in-out}.dirSelection .dirs .dir .chevron-hint svg{fill:var(--tertiaryTextColor);font-size:.5em}.dirSelection .controls{align-items:center;display:flex;gap:.4em;margin-bottom:1em}.dirSelection .controls .current-folder-label{align-items:center;display:flex;margin-right:.6em}.dirSelection .controls .current-folder-label .current-label{color:#e4e4e4;font-weight:700;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.dirSelection .controls .current-folder-label .current{color:#9e9e9e;font-family:Roboto Condensed Regular,Arial;margin-left:.5em;word-break:break-word}.dirSelection .folders-selected-cnt{display:flex}.dirSelection .folders-selected-cnt>h4:first-of-type{color:#9e9e9e}.dirSelection .folders-selected-cnt>h4:nth-of-type(2){color:#eaeaea;padding-left:.4em}.modalNewLibrary{grid-gap:1em;color:var(--primaryTextColor);display:grid;gap:1em;grid-template-areas:"heading" "fields" "mediaTypeSelection" "dirSelection" "options";grid-template-rows:auto auto auto 1fr;overflow-y:auto;padding:20px;scrollbar-width:thin}.modalNewLibrary .heading{font-family:Roboto Bold,Arial;grid-area:heading}.modalNewLibrary .heading h3{margin-bottom:.5em}.modalNewLibrary h4{color:var(--secondaryTextColor)}.modalNewLibrary .fields{grid-gap:1em;align-items:center;display:grid;gap:1em}.modalNewLibrary .fields label .name{align-items:center;color:var(--secondaryTextColor);display:flex}.modalNewLibrary .fields label .horizontal-err{background:#ee4740;font-size:.8em;margin-left:5px;padding:2px 5px}.modalNewLibrary .fields label svg{font-size:.8em}.modalNewLibrary .fields label .name>p{font-family:Roboto Condensed Regular,Arial;margin-right:5px}.modalNewLibrary .fields label input{background:var(--modalSecondaryColor);border:none;border-radius:5px;color:var(--primaryTextColor);font-family:Roboto Regular,Arial;font-size:1em;height:40px;margin-top:.5em;outline:none;overflow:hidden;padding:1em;transition:background .3s ease-in-out;white-space:nowrap;width:100%}.modalNewLibrary .fields label input:focus,.modalNewLibrary .fields label input:hover{background:var(--modalTertiaryColor)}.modalNewLibrary .options{grid-gap:1em;align-self:flex-end;display:grid;gap:1em;grid-area:options;grid-template-columns:auto auto;justify-content:flex-end}.modalNewLibrary .options .page-controls svg{margin:0}@media only screen and (min-width:650px){#modalNewLibrary{max-width:600px}.openNewLibrary{opacity:0}}.sidebarToggleWrapper{padding:1em;position:relative}.sidebarToggleWrapper .logo{width:32px}.sidebarToggleWrapper .version{color:var(--tertiaryTextColor);display:inline-block;font-size:.8em;height:100%;margin-left:1rem;vertical-align:middle}.sidebarToggleWrapper .toggle{align-items:center;background:var(--quaternaryColor);border-radius:50%;bottom:25%;cursor:pointer;display:flex;height:30px;justify-content:center;position:absolute;right:1em;transition:transform .3s ease-in-out,background .1s ease-in-out;width:30px;z-index:1}.sidebarToggleWrapper .toggle:hover{background:var(--quinaryColor)}.sidebarToggleWrapper .toggle svg{fill:var(--secondaryTextColor);width:.5em}.sidebar{animation:appear .3s ease-in-out;background:var(--tertiaryColor);box-shadow:0 0 5px 2px rgba(26,26,26,.867);display:flex;flex-direction:column;height:100%;justify-content:space-between;position:fixed;transition:width .3s ease-in-out,background .1s ease-in-out;width:150px;z-index:2}.sidebar.show .toggle{animation:sidebarToggleOff .3s ease-in-out forwards}.sidebar.hide{box-shadow:0 0 10px 5px #0000}.sidebar.hide .toggle{animation:sidebarToggleOn .3s ease-in-out forwards}.sidebar .sectionsWrapper{height:100%;overflow-x:hidden;overflow-y:auto;padding:2em 1em;scrollbar-width:thin}.sidebar section{transition:.3s ease-in-out;transition-property:color,margin}.sidebar section header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5em}.sidebar section.libraries,.sidebar section.yourAccount{margin:2em 0}.sidebar section.libraries:hover .openNewLibrary{opacity:1}.sidebar .main-part{grid-gap:1em;display:grid}.sidebar h4{color:var(--tertiaryTextColor);font-family:Roboto Bold,Arial;margin:0}.sidebar .openNewLibrary{align-items:center;background:var(--quaternaryColor);border-radius:50%;color:var(--primaryTextColor);display:flex;font-family:Roboto Regular,Arial;height:20px;justify-content:center;transition:.2s ease-in-out;transition-property:background,opacity;width:20px}.sidebar .openNewLibrary:focus,.sidebar .openNewLibrary:hover{background:var(--quinaryColor)}.sidebar .openNewLibrary:focus{opacity:1}.sidebar .list .item{grid-gap:.5em;align-items:center;border-radius:10px;display:grid;gap:.5em;margin-bottom:.3em;padding:1em;text-align:center;transition:.1s ease-in-out;transition-property:padding,background,transform}.sidebar .list .item.showLoad-true{grid-template-rows:1fr 1fr 10px}.sidebar .list .item.showLoad-true .barLoad{animation:appear .3s ease-in-out;background:var(--quinaryColor);height:6px}.sidebar .list .item:focus,.sidebar .list .item:hover{background:var(--secondaryColor)}.sidebar .list .item.active{cursor:default}.sidebar .list .item.active,.sidebar .list .item.active:focus,.sidebar .list .item.active:hover{background:var(--quinaryColor)}.sidebar .list .item.active .barLoad{background:var(--septenaryColor)}.sidebar .list button{background:#0000;color:var(--primaryTextColor);font-family:Roboto Regular,Arial;font-size:16px;width:100%}.sidebar .list svg{fill:var(--primaryTextColor);margin:0 auto}@keyframes showSidebar{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes hideSidebar{0%{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes sidebarToggleOn{0%{right:1em;transform:translateX(0)}to{right:-60px;transform:rotate(180deg)}}@keyframes sidebarToggleOff{0%{right:-60px;transform:rotate(180deg)}to{right:1em;transform:rotate(1turn)}}@media only screen and (min-width:1080px){.sidebar{width:300px}.sidebar .sectionsWrapper{padding:2em 1em}.sidebar .list .item{grid-template-areas:"icon name";grid-template-columns:40px 1fr;justify-content:left;padding:.8em .5em;text-align:left}.sidebar .list .item.showLoad-true{grid-template-areas:"icon name" "ring ring";grid-template-rows:1fr 10px}.sidebar .list .item.showLoad-true .barLoad{grid-area:ring;height:5px}.sidebar .list .item p{grid-area:name}.sidebar .list .item svg{grid-area:icon}}@media only screen and (min-width:650px){.openNewLibrary{opacity:0}}.toast{align-items:center;animation:appear .25s ease-in-out forwards;background:var(--quaternaryColor);border-radius:10px;box-shadow:0 0 .25em #1a1a1a;color:var(--primaryTextColor);display:flex;flex-direction:column;gap:1em;padding:.5em}.toast,.toast button{font-family:Roboto Bold}.toast button{background:#fff;border-radius:5px;font-size:1em;padding:.2em .5em;width:100%}.toast button:hover{background:#eee}@media only screen and (min-width:350px){.toast{flex-direction:row;gap:.5em}.toast button{width:auto}}.notifications{align-items:flex-end;bottom:0;display:flex;flex-direction:column;gap:1em;margin:1em .5em;max-height:25vh;overflow-y:auto;padding:0 .5em;position:fixed;right:0;scrollbar-width:thin;z-index:2}.bannerProgressBar{align-self:flex-end;color:var(--bannerPrimaryTextColor);grid-area:progressbar;justify-self:flex-end;transition:width .5s ease-in-out;width:100%}.bannerProgressBar p{margin:0}.bannerProgressBar svg{fill:var(--accentColor);font-size:.4em;margin:0 5px}.bannerProgressBar .s-e{font-family:Roboto Bold,Arial;justify-content:center}.bannerProgressBar .progress,.bannerProgressBar .s-e{align-items:center;display:flex}.bannerProgressBar .progress div{text-align:center}.bannerProgressBar .progress div p:first-child{font-family:Roboto Bold,Arial;font-size:1.3em}.bannerProgressBar .progress div p:nth-child(2){font-family:Roboto Bold,Arial;font-size:.8em}.bannerProgressBar .progress .bar{-webkit-appearance:none;background:var(--bannerPrimaryTextColor);border-radius:4px;height:4px;margin:0 10px;overflow:hidden;position:relative;width:100%}.bannerProgressBar .progress .bar .progress-fill{background:var(--accentColor);border-radius:4px;height:4px;left:0;position:absolute;transition:width .3s ease-in-out}@media only screen and (min-width:720px){.bannerProgressBar{width:250px}}.modalSelectMediaFile{grid-gap:1em;color:var(--primaryTextColor);display:grid;gap:1em;grid-template-rows:auto auto 1fr auto;padding:20px}.modalSelectMediaFile h3{font-family:Roboto Condensed Regular,Arial}.modalSelectMediaFile .desc{color:var(--secondaryTextColor);margin-top:.5em}.modalSelectMediaFile .err{align-items:center;background:var(--tertiaryColor);border-radius:10px;display:flex;height:150px;justify-content:center}.modalSelectMediaFile .fileVersionsWrapper{border-radius:10px;overflow:hidden}.modalSelectMediaFile .fileVersions{background:var(--tertiaryColor);border-radius:inherit;height:150px;overflow-y:auto;position:relative;scrollbar-width:thin}.modalSelectMediaFile .fileVersions .vertical-err{left:50%;position:absolute;transform:translate(-50%)}.modalSelectMediaFile .fileVersions .fileVersion{align-items:center;color:var(--primaryTextColor);cursor:pointer;display:flex;padding:.5em 10px;transition:background .1s ease-in-out}.modalSelectMediaFile .fileVersions .fileVersion:hover{background:var(--quaternaryColor)}.modalSelectMediaFile .fileVersions .fileVersion svg{margin-right:10px}.modalSelectMediaFile .fileVersions .fileVersion p{margin:0;overflow:hidden;overflow-wrap:break-word;-webkit-user-select:none;user-select:none;word-break:break-all}.modalSelectMediaFile .options{display:flex;justify-content:flex-end}@media only screen and (min-width:650px){#modalSelectMediaFile{max-width:600px}}.banner{grid-gap:30px;align-items:center;border-bottom:4px solid var(--bannerBottomBorderColor);display:grid;gap:30px;grid-template-areas:"genres" "info" "progressbar";grid-template-rows:auto 1fr auto;min-height:50vmin;overflow:hidden;padding:30px;transition:padding .3s ease-in-out;width:100%}.banner .placeholder{align-items:center;background:var(--bannerPrimaryColor);border-radius:0;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:absolute;right:0;text-align:center;top:0;z-index:1}.banner .placeholder h2{animation:appear .5s ease-in-out;font-family:Roboto Bold,Arial}.banner .placeholder p{animation:appear .5s ease-in-out;line-height:25px;margin:1em 0;max-width:45ch}.banner .placeholder button{animation:appear .5s ease-in-out;background:var(--accentColor);border-radius:10px;color:#2a2a2a;filter:saturate(.7);font-family:Roboto Bold,Arial;font-size:16px;padding:.5em .8em;transition:filter .2s ease-in-out}.banner .placeholder button:focus,.banner .placeholder button:hover{filter:saturate(1)}.banner .imageWrapper{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:-1}.banner .imageWrapper .placeholder{background:var(--bannerPrimaryColor)}.banner .imageWrapper .imageLoad{animation:onHideBannerImage 0s ease-in-out forwards;height:100%}.banner .imageWrapper .imageLoad.show-true{animation:onActiveBannerImage .4s ease-in-out forwards}.banner .imageWrapper .imageLoad.show-false{animation:onHideBannerImage .3s ease-in-out forwards}.banner .imageWrapper .imageLoad img{height:100%;-webkit-mask-image:linear-gradient(180deg,#000 80%,#0000);mask-image:linear-gradient(180deg,#000 80%,#0000);object-fit:cover;transition:object-position .3s ease-in-out;width:100%}.banner .imageWrapper .imageLoad:after{background:var(--bannerOverlayShadow);content:"";height:100%;left:0;position:absolute;transition:background .2s ease-in-out;width:100%}.banner .extras{align-items:center;display:flex;flex-wrap:wrap;grid-area:genres}.banner .extras a{color:var(--bannerPrimaryTextColor)}.banner .extras svg{fill:var(--accentColor);display:none;font-size:.4em;margin:0 10px}.banner .extras a:not(:first-child){display:none;margin:0 15px 0 0;transition:color .2s ease-in-out}.banner .extras a:not(:first-child):hover{color:var(--bannerTertiaryTextColor)}.banner .info{color:var(--bannerPrimaryTextColor);grid-area:info;line-height:1.5em;max-width:60ch}.banner .info h1{font-family:Roboto Bold,Arial;font-size:2em;line-height:1.3em}.banner .info .description{color:var(--bannerSecondaryTextColor);margin:1em 0}@keyframes onActiveBannerImage{0%{opacity:0;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes onHideBannerImage{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.05)}}@keyframes onHideBanner{0%{opacity:1}to{opacity:0}}@keyframes onActiveBanner{0%{opacity:0}to{opacity:1}}@media only screen and (min-width:700px){.banner .extras a:not(:first-child),.banner .extras svg{display:block}}@media only screen and (max-width:2560px)and (max-height:1440px){.banner img{object-position:30% 30%}}@media only screen and (max-width:720px)and (max-height:1440px){.banner img{object-position:50%}}@media only screen and (min-width:1080px){.banner{grid-template-areas:"genres ." "info progressbar";grid-template-rows:auto 1fr;padding:40px 90px 60px}.banner .imageWrapper:after{background:rgba(26,26,26,.733)}.banner .extras{left:90px}.banner .info{left:90px;max-width:450px}}.bannerCrumbs{display:flex;position:absolute;right:30px;top:30px;transition:.3s ease-in-out;transition-property:top,right;z-index:1}.bannerCrumbs .crumb{border:3px solid var(--bannerPrimaryTextColor);border-radius:50%;cursor:pointer;height:15px;margin-left:10px;transition:transform .1s ease-in-out;width:15px}.bannerCrumbs .crumb:hover{transform:scale(1.1)}.bannerCrumbs .crumb.active{animation:crumbActive .5s ease-out;background:var(--bannerPrimaryTextColor)}@keyframes crumbActive{0%{transform:scale(1)}50%{transform:scale(.5)}to{transform:scale(1)}}@media only screen and (min-width:1080px){.bannerCrumbs{right:90px;top:40px}}.banner-wrapper{animation:bannerAppear .3s ease-in-out;background:var(--bannerPrimaryColor);overflow:hidden;position:relative;z-index:0}@keyframes bannerAppear{0%{opacity:0}to{opacity:1}}@media only screen and (min-width:1080px){.banner-wrapper .crumbs{right:90px;top:40px}}.card-popup-left,.card-popup-right{align-items:center;animation:CardPopupAppear .2s ease-in-out;background:#0000;display:flex;font-family:Roboto Bold,Arial;height:340px;pointer-events:none;position:absolute;top:-10px;transition:width .3s ease-in-out;width:500px;z-index:2}.card-popup-left .clipped,.card-popup-right .clipped{background:var(--tertiaryColor);height:100%;left:0;pointer-events:auto;position:absolute;top:0;width:100%;z-index:-1}.card-popup-left .contentWrapper,.card-popup-right .contentWrapper{grid-gap:1em;display:grid;gap:1em;width:100%}.card-popup-left section,.card-popup-right section{pointer-events:auto}.card-popup-left .hoverCardHeader,.card-popup-right .hoverCardHeader{grid-gap:1em;align-items:center;display:grid;gap:1em;grid-template-columns:1fr auto;position:relative}.card-popup-left .hoverCardHeader .titleWrapper,.card-popup-right .hoverCardHeader .titleWrapper{overflow:hidden;position:relative}.card-popup-left .hoverCardHeader .titleWrapper:after,.card-popup-right .hoverCardHeader .titleWrapper:after{background:linear-gradient(to right,#0000 80%,var(--tertiaryColor));content:"";height:100%;position:absolute;right:0;top:0;width:100%}.card-popup-left .hoverCardHeader h2,.card-popup-right .hoverCardHeader h2{font-size:1.4em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-popup-left .hoverCardHeader .rating,.card-popup-right .hoverCardHeader .rating{display:flex}.card-popup-left .hoverCardHeader .rating svg,.card-popup-right .hoverCardHeader .rating svg{margin-left:5px;width:32px}.card-popup-left .description,.card-popup-right .description{line-height:1.5em}.card-popup-left .description h4,.card-popup-right .description h4{font-family:Roboto Bold,Arial;margin-bottom:5px}.card-popup-left .description p,.card-popup-right .description p{font-family:Roboto Regular,Arial}.card-popup-left .tags,.card-popup-right .tags{align-items:center;display:flex;font-family:Roboto Condensed Regular,Arial}.card-popup-left .tags svg,.card-popup-right .tags svg{fill:var(--accentColor);font-size:.4em;margin:0 1em}.card-popup-left .tags a,.card-popup-right .tags a{color:var(--tertiaryTextColor);transition:color .2s ease-in-out}.card-popup-left .tags a:hover,.card-popup-right .tags a:hover{color:var(--primaryTextColor)}.card-popup-left .tags .genres,.card-popup-right .tags .genres{grid-gap:.5em;align-items:center;display:grid;gap:.5em;grid-template-columns:repeat(3,auto);justify-content:start}.card-popup-left .footer,.card-popup-right .footer{align-items:center;display:flex;justify-content:space-between}.card-popup-left .length,.card-popup-right .length{text-align:center}.card-popup-left .length p:first-child,.card-popup-right .length p:first-child{letter-spacing:1px;margin-bottom:5px}.card-popup-left .length p:nth-child(2),.card-popup-right .length p:nth-child(2){color:var(--tertiaryTextColor);font-size:.7em}.card-popup-left .separator,.card-popup-right .separator{width:100%}.hideCardPopup{animation:CardPopupHide .2s ease-in-out forwards}.card-popup-right{filter:drop-shadow(-5px 0 10px #1a1a1a);left:80%;padding:0 50px 0 60px;right:auto}.card-popup-right .clipped{border-radius:10px;border-right:3px solid #4a4a4a;-webkit-clip-path:polygon(5% 0,100% 0,100% 100%,0 100%);clip-path:polygon(5% 0,100% 0,100% 100%,0 100%)}.card-popup-left{filter:drop-shadow(5px 0 10px #1a1a1a);left:auto;padding:0 60px 0 50px;right:80%}.card-popup-left .clipped{border-left:3px solid #4a4a4a;border-radius:10px;-webkit-clip-path:polygon(0 0,95% 0,100% 100%,0 100%);clip-path:polygon(0 0,95% 0,100% 100%,0 100%)}@keyframes CardPopupAppear{0%{opacity:0}to{opacity:1}}@keyframes CardPopupHide{0%{opacity:1}to{opacity:0}}.card-wrapper{position:relative}.card-wrapper:hover .card .cardImageWrapper{filter:brightness(1.2)}.card-wrapper:hover .card .cardImageWrapper .progress{opacity:1}.card-wrapper .card{width:100%}.card-wrapper .card .cardImageWrapper{background:var(--secondaryColor);position:relative;transition:filter .2s ease-in-out}.card-wrapper .card .cardImageWrapper .imageLoad{animation:onHideImage 0s ease-in-out forwards}.card-wrapper .card .cardImageWrapper .imageLoad.show-true{animation:onActiveImage .3s ease-in-out forwards}.card-wrapper .card .cardImageWrapper .imageLoad.show-false{animation:onHideImage .3s ease-in-out forwards}.card-wrapper .card .cardImageWrapper img{animation:imageLoaded .3s ease-in;object-fit:cover}.card-wrapper .card .cardImageWrapper .progress{background:var(--tertiaryColor);border-radius:10px;bottom:1em;height:4px;left:50%;opacity:0;position:absolute;transform:translateX(-50%);transition:opacity .2s ease-in-out;width:90%}.card-wrapper .card .cardImageWrapper .progress .value{background:var(--accentColor);border-radius:4px;height:4px;left:0;max-width:100%;position:absolute;transition:width .2s ease-in-out;width:0}.card-wrapper .card .cardImageWrapper,.card-wrapper .card .placeholder,.card-wrapper .card img{border-radius:10px;height:320px;width:100%}.card-wrapper .card .placeholder{align-items:center;display:flex;justify-content:center}.card-wrapper .card .placeholder svg{width:48px}.card-wrapper .card p{color:var(--secondaryTextColor);font-family:Roboto Condensed Regular,Arial;margin-top:1em;overflow:hidden;padding:0 2px;text-align:center;text-overflow:ellipsis;transition:opacity .3s ease-in-out}.card-wrapper .card a{outline:none}@keyframes cardHighlight{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.card_list{grid-gap:2em;animation:appear .5s ease-in-out;display:grid;gap:2em;padding:30px;pointer-events:none;position:relative;transition:padding .3s ease-in-out;z-index:1}.card_list .sectionDesc{color:var(--secondaryTextColor);margin:.5em 0 1em}.card_list .sectionHeader{align-items:center;display:flex;justify-content:space-between;margin-bottom:1em}.card_list .sectionHeader h1:first-letter{text-transform:uppercase}.card_list section{pointer-events:all}.card_list section .placeholderText{background:var(--secondaryColor);border-radius:10px;height:2em;margin-bottom:2em;width:200px}.card_list .floating-bar{align-items:center;background:#444;border-radius:10px;bottom:1%;display:flex;justify-content:space-evenly;padding:5px;position:fixed;right:1%;text-align:center;transition:.3s ease-in-out;transition-property:bottom,right,transform;z-index:1}.card_list .floating-bar a{align-items:center;border-radius:50%;display:flex;flex-direction:column;height:40px;justify-content:center;transition:background .3s ease-in-out;width:40px}.card_list .floating-bar a:hover{background:#666}@media only screen and (min-width:1080px){.card_list{padding:60px 90px}}.dropdown .dropDownContent{top:calc(100% + 1em)}.dropdown .dropDownContent.deleting-true{cursor:not-allowed;opacity:.5}.dropdown .dropDownContent button.create,.dropdown .dropDownContent button.rename{cursor:not-allowed}.libraryCards{animation:appear .5s ease-in-out;background:var(--primaryColor);opacity:1;overflow-y:auto;padding:30px;scrollbar-width:thin;transition:.3s ease-in-out;transition:padding .3s ease-in-out,top .3s ease-in-out,opacity .3s ease-in-out}.libraryCards .desc{color:var(--secondaryTextColor);margin:.5em 0 1em}.libraryCards .libraryHeader{align-items:center;display:flex;justify-content:space-between;margin-bottom:1em}.libraryCards .libraryHeader h2:first-letter{text-transform:uppercase}.cards{grid-gap:2em;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.cards.show-true{animation:showCards .25s ease-in-out forwards}.cards.show-false{animation:hideCards .25s ease-in-out forwards}@media only screen and (min-width:1080px){.libraryCards{padding:60px 90px}}@keyframes showCards{0%{opacity:0}to{opacity:1}}@keyframes hideCards{0%{opacity:1}to{opacity:0}}.nested-file-view{align-items:flex-start;display:flex;flex-direction:column;overflow:auto;padding:20px 0;position:relative;width:100%}.nested-file-view .nested-view-container{overflow:auto;padding:0 40px;width:100%}.nested-file-view .nested-view-container .nested-folder{align-items:flex-start;display:flex;flex-direction:column;width:100%}.nested-file-view .nested-view-container .nested-folder.with-border{border-bottom:2px solid var(--quaternaryColor)}.nested-file-view .nested-view-container .nested-folder .folder-details{align-items:flex-start;border-radius:5px;cursor:pointer;display:flex;gap:20px;height:40px;opacity:.8;width:100%}.nested-file-view .nested-view-container .nested-folder .folder-details:hover{opacity:1}.nested-file-view .nested-view-container .nested-folder .folder-details svg{color:#fff}.nested-file-view .nested-view-container .nested-folder .folder-details.is-active svg,.nested-file-view .nested-view-container .nested-folder .folder-details:hover svg{color:#ffdebd}.nested-file-view .nested-view-container .nested-folder .folder-details .folder-label{font-size:14px;margin:auto 0;overflow:hidden;overflow-wrap:anywhere;text-overflow:ellipsis;white-space:nowrap}.nested-file-view .nested-view-container .nested-folder .nested-children{width:100%}.ReactCollapse--collapse{max-width:100%;transition:height .2s}.file-view{align-items:flex-start;border-radius:5px;cursor:pointer;display:flex;gap:18px;height:40px;opacity:.8;width:100%}.file-view.is-active,.file-view:hover{opacity:1}.file-view .select-box{align-items:center;align-self:center;border:2px solid var(--accentColor);border-radius:4px;display:flex;flex-shrink:0;height:16px;justify-content:center;transition:background .15s ease-in-out;width:16px}.file-view .select-box svg{font-size:.5em;margin:auto;opacity:0;overflow:visible;overflow:initial;transition:opacity .15s ease-in-out}.file-view .select-box.is-active{background:var(--accentColor)}.file-view .select-box.is-active svg{opacity:1}.file-view p{font-size:14px;margin:auto 0;overflow:hidden;overflow-wrap:anywhere;text-overflow:ellipsis;white-space:nowrap}.simple-searchbox{position:relative}.simple-searchbox svg{color:#838383;height:15px;margin-left:10px;margin-top:7px;position:absolute;text-align:center;top:0}.simple-searchbox input{background-color:#2e2e2e;border:0;border-radius:4px;color:#fff;height:30px;outline:none;padding-left:35px;padding-right:10px;width:100%}.suggestions{background:#2e2e2e;border-radius:0 0 4px 4px;display:flex;flex-direction:column;margin-top:38px;max-height:200px;overflow:auto;padding-top:5px;position:absolute;width:calc(100% - 145px)}.suggestions.active-false{display:none}.suggestions .suggestion{cursor:pointer;display:inline-flex;gap:10px;padding:10px 0 10px 10px;transition:background-color .1s ease-in-out}.suggestions .suggestion.active-true,.suggestions .suggestion:hover{background:#4e4e4e}.suggestions .suggestion .description,.suggestions .suggestion .title{margin-top:auto}.suggestions .suggestion .title:after{content:":";padding-left:2px}.suggestions .suggestion .description{color:#aaa;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.advanced-search{display:flex;flex-direction:column;overflow:hidden;position:relative;width:100%}.advanced-search.hidden-true{animation:hideWithOpacity .2s ease-in-out;animation-direction:normal;animation-fill-mode:forwards}.advanced-search .advanced-search-wrapper{background:#2e2e2e;border-radius:4px;display:inline-flex;width:100%}.advanced-search .advanced-search-wrapper .advanced-search-field{background:none;display:inline-flex;height:40px;overflow-x:auto;white-space:nowrap;width:100%}.advanced-search .advanced-search-wrapper .advanced-search-field:first-child{margin-left:10px}.advanced-search .advanced-search-wrapper .advanced-search-field span:last-of-type{margin-right:10px}.advanced-search .advanced-search-wrapper .advanced-search-field span{align-self:center;background:#4a4a4a;border-radius:3px;color:#f6f6f6;display:flex;height:20px;margin:8px 2px;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.advanced-search .advanced-search-wrapper .advanced-search-field span p{font-size:15px;padding:2px}.advanced-search .advanced-search-wrapper .advanced-search-field .advanced-search-input{align-self:center;background:none;color:#fff;cursor:text;height:100%;outline:none;overflow:none;padding-top:.7em;text-decoration:none;white-space:nowrap;width:100%}.advanced-search .advanced-search-wrapper .advanced-search-field .advanced-search-input[placeholder]:empty:before{color:#9c9c9c;content:attr(placeholder)}.advanced-search .advanced-search-wrapper .advanced-search-field::-webkit-scrollbar{display:none}.advanced-search .advanced-search-wrapper .advanced-search-field{-ms-overflow-style:none;scrollbar-width:none}.advanced-search .advanced-search-wrapper svg{align-self:center;color:#9c9c9c;margin:0 10px}@keyframes hideWithOpacity{0%{opacity:1}50%{opacity:.5}99%{opacity:0}to{opacity:0;visibility:hidden}}.result-card{cursor:pointer;display:flex;flex-direction:column;margin:5px 20px 0;transition:background-color .1s ease-in-out}.result-card:hover{background:#ea963e0d}.result-card:hover:after{background-color:#ea963e;width:100%}.result-card.active-true{background:#ea963e1a}.result-card.active-true:after{background-color:#ea963e;width:100%}.result-card:after{background-color:#4b4b4b;bottom:0;content:"";height:2px;margin:auto;transition:width .05s ease-in-out;width:calc(100% - 40px)}.result-card .inner{display:flex;gap:20px;padding:20px}.result-card .inner .left{flex-shrink:0}.result-card .inner .left .placeholder,.result-card .inner .left img{border-radius:0;height:120px;min-width:80px;object-fit:fill;width:100%}.result-card .inner .left .placeholder{align-items:center;display:flex;justify-content:center}.result-card .inner .left .placeholder svg{width:24px}.result-card .inner .right{display:flex;flex-direction:column;gap:10px;overflow:hidden}.result-card .inner .right .top-row{align-items:center;display:flex;overflow:hidden}.result-card .inner .right .top-row>p{flex-shrink:1;font-family:Roboto Regular;font-size:16px;font-style:normal;font-weight:500;justify-content:flex-start;overflow:hidden;overflow-wrap:anywhere;padding-right:10px;text-overflow:ellipsis;white-space:nowrap}.result-card .inner .right .top-row .meta{display:flex;gap:10px;margin-left:auto}.result-card .inner .right .top-row .meta p{color:#ddd;font-size:13px;white-space:nowrap}.result-card .inner .right .middle{column-gap:20px;display:flex;margin-top:5px}.result-card .inner .right .middle p{color:#ea963e;font-size:14px;overflow:hidden;overflow-wrap:anywhere;text-overflow:ellipsis;white-space:nowrap}.result-card .inner .right .bottom{transition:margin .1s ease-in-out}.result-card .inner .right .bottom .description{font-size:14px;overflow:hidden}.result-card .inner .right .bottom .description-toggle{background:#adadad57;border-radius:4px;cursor:pointer;display:flex;height:15px;margin-top:10px;transition:background .15s ease-in-out;width:30px}.result-card .inner .right .bottom .description-toggle:hover{background:#adadad80}.result-card .inner .right .bottom .description-toggle svg{align-self:center;font-size:20px;margin-left:auto;margin-right:auto}.result-card .inner .right .bottom.hide-buttons-true{margin-bottom:-30px}.result-card .inner .right .bottom.hide-buttons-true .buttons-row{opacity:0}.result-card .inner .right .bottom.hide-buttons-false{margin-bottom:0}.result-card .inner .right .bottom.hide-buttons-false .buttons-row{opacity:1}.result-card .inner .right .bottom .buttons-row{display:inline-flex;float:right;gap:12px;margin-top:5px;transition:opacity .1s ease-in-out}.result-card .inner .right .bottom .buttons-row .button{background:#ffffff1a;border-radius:8px;cursor:pointer;display:flex;height:30px;transition:background-color .1s ease-in-out}.result-card .inner .right .bottom .buttons-row .button:hover{background:#fff3}.result-card .inner .right .bottom .buttons-row .button p{align-self:center;color:#fff;font-size:12px;line-height:14px;margin:10px}.result-card .inner .right .bottom .buttons-row .button.match-button{background:#ea963ee6}.result-card .inner .right .bottom .buttons-row .button.match-button:hover{background:#ea963e}.lds-ring{display:inline-block;height:100%;position:relative;width:100%}.lds-ring div{animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border:3px solid #0000;border-radius:50%;border-top-color:#9c9c9c;box-sizing:border-box;display:block;height:100%;position:absolute;width:100%}.lds-ring div:first-child{animation-delay:-.45s}.lds-ring div:nth-child(2){animation-delay:-.3s}.lds-ring div:nth-child(3){animation-delay:-.15s}@keyframes lds-ring{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.search-not-found{display:flex;flex-direction:column;margin:3em auto auto}.search-not-found svg{color:#9c9c9c;font-size:4em;margin:auto;padding-bottom:.5em}.search-not-found p{margin:auto}.search-not-found .message{font-size:20px}.search-not-found .query{color:#9c9c9c;font-size:15px}.search-spinner{height:30px;margin:4.6em auto auto;width:30px}.select-mediatype{align-items:center;display:flex;flex-direction:column;gap:.8em;overflow:hidden;transition:opacity .15s ease-in}.select-mediatype.ready-false{opacity:.4}.select-mediatype .select-label{font-size:23px}.select-mediatype .select-subtext{color:#aaa;font-size:14px}.select-mediatype .select-options{align-items:center;display:flex;flex-direction:row;gap:1em;justify-items:center;margin-top:2em}.select-mediatype .select-options.ready-false>.option{cursor:disabled;pointer-events:none}.select-mediatype .select-options .option{align-items:center;background-color:#4a4a4a;border-radius:15px;cursor:pointer;display:flex;flex-direction:column;height:10vh;pointer-events:all;transition:background .1s ease-in-out;width:10vw}.select-mediatype .select-options .option>svg{color:#8a8a8a;font-size:3em;margin:auto}.select-mediatype .select-options .option>p{padding-bottom:1em;-webkit-user-select:none;user-select:none}.select-mediatype .select-options .option:hover{background-color:#6a6a6a}@media only screen and (max-height:768px){.select-mediatype>.select-options>.option>svg{font-size:2em;padding-top:2vh}}.match-media{overflow-y:auto;scrollbar-width:thin;transition:padding .3s ease-in-out;transition:height .1s ease-in-out}.match-media.open-false .nested-view-container{overflow:hidden!important}.match-media.open-false .match-container .match-right{background:#3a3a3a!important}.match-media.open-false .match-container .match-right .right-head{padding:6px 40px}.match-media.open-false .match-container .match-head{padding:20px 40px}.match-media .match-container{display:flex;flex-direction:row;height:100%;width:100%}.match-media .match-container>p{font-family:Roboto;font-style:normal;font-weight:500}.match-media .match-container .match-head{font-size:16px;line-height:16px;padding:42px 0 15px 40px}.match-media .match-container .match-label{color:#aaa;font-size:12px;line-height:10px;padding:0 5px 0 40px}.match-media .match-container .match-middle{align-items:center;display:flex;flex-direction:row}.match-media .match-container .match-middle .simple-searchbox{padding-right:40px;width:80%}@media(max-width:1080px){.match-media .match-container .match-middle{flex-direction:column}.match-media .match-container .match-middle>.simple-searchbox{margin-left:48px;width:100%}.match-media .match-container .match-middle>.simple-searchbox>.input{width:100%}}.match-media .match-container .match-left{background:#3a3a3a;border-radius:20px 0 0 20px;display:flex;flex-direction:column;flex-shrink:0;height:100%;margin:auto;overflow:hidden;position:relative;width:50%}.match-media .match-container .match-left .match-folders{align-items:flex-start;display:flex;flex-direction:column;max-height:18vh;padding-bottom:5px;padding-top:20px;position:absolute}.match-media .match-container .match-left .match-folders .folders-container{overflow:auto;padding:0 40px}.match-media .match-container .match-right{background:#3e3e3e;border-radius:0 20px 20px 0;display:flex;flex-direction:column;flex-grow:0;flex-shrink:0;height:100%;margin:auto;position:relative;transition:background-color .1s ease-in-out;width:50%}.match-media .match-container .match-right .right-head{align-self:flex-start;column-gap:30px;display:inline-flex;flex-shrink:0;overflow:hidden;padding:25px 40px 5px;width:100%}.match-media .match-container .match-right .right-head .toggle{align-self:center;background:#585858;border-radius:20px;cursor:pointer;display:flex;flex-shrink:0;height:35px;margin-left:auto;transition:all .2s ease-in-out;width:35px}.match-media .match-container .match-right .right-head .toggle:hover{background:#666}.match-media .match-container .match-right .right-head .toggle svg{font-size:12px;margin:auto}.match-media .match-container .match-right .right-head .toggle.invert{transform:rotate(180deg)}.match-media .match-container .match-right .right-content{display:flex;flex-direction:column;height:100%;margin-bottom:20px;overflow:auto;width:100%}.library{display:flex;flex-direction:column}.library>.match-media{grid-column-end:3;grid-column-start:1;overflow:hidden;padding:33px}@media only screen and (min-width:720px){.library>.match-media.open-true{height:46vh}.library>.match-media.open-false{height:114px}}@media only screen and (max-height:720px){.library>.match-media.open-true{height:70vh;padding:60px 90px}.library>.match-media.open-false{height:27vh}}@media only screen and (min-width:1080px){.match-media.open-true{padding:60px 90px}}.mediaBannerImageWrapper{bottom:0;height:100%;left:0;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.267),#0000);mask-image:linear-gradient(180deg,rgba(0,0,0,.267),#0000);overflow:hidden;position:fixed;right:0;top:0;z-index:-1}.mediaBannerImageWrapper .imageLoad{animation:onHideImage 0s ease-in-out forwards;height:100%;width:100%}.mediaBannerImageWrapper .imageLoad.show-true{animation:onActiveImage .3s ease-in-out forwards}.mediaBannerImageWrapper .imageLoad.show-false{animation:onHideImage .3s ease-in-out forwards}.mediaBannerImageWrapper .imageLoad img{filter:blur(15px);height:100%;object-fit:cover;width:100%}.mediaTypeSelection{grid-area:mediaTypeSelection;overflow:hidden;position:relative}.mediaTypeSelection h4{color:var(--secondaryTextColor)}.mediaTypeSelection .openSelection{align-items:center;background:var(--modalSecondaryColor);border-radius:10px;cursor:pointer;display:flex;justify-content:center;padding:.5em}.mediaTypeSelection .openSelection svg:first-child{margin-right:.5em}.mediaTypeSelection .types{border-radius:5px;display:flex;gap:.5em;margin:.5em 0 0;overflow-x:auto;scrollbar-width:thin}.mediaTypeSelection .types .type{align-items:center;background:var(--modalSecondaryColor);border-radius:10px;cursor:pointer;display:flex;justify-content:center;padding:.5em;transition:background .2s ease-in-out}.mediaTypeSelection .types .type:not(.disabled):hover{background:var(--modalTertiaryColor)}.mediaTypeSelection .types .type.disabled{cursor:not-allowed;opacity:.5}.mediaTypeSelection .types .type p{margin:0 .5em}.mediaTypeSelection .types .type svg{fill:var(--primaryTextColor)}.mediaTypeSelection .types .type .select{border:.1em solid var(--primaryTextColor);border-radius:10px;height:12px;transition:background .2s ease-in-out;width:12px}.mediaTypeSelection .types .type .select.true{background:var(--accentColor)}.selectUnmatchedMediaSearch{animation:appear .3s ease-in-out}.selectUnmatchedMediaSearch .desc{color:var(--secondaryTextColor);margin:.5em 0}.selectUnmatchedMediaSearch .searchField{display:flex;gap:1em}.selectUnmatchedMediaSearch .searchField button{background:var(--quaternaryColor);border-radius:10px;padding:1em 1.5em}.selectUnmatchedMediaSearch .searchField button:hover{background:var(--tertiaryColor)}.selectUnmatchedMediaSearch input{background:var(--quaternaryColor);border:none;border-radius:10px;color:var(--primaryTextColor);font-family:Roboto Regular,Arial;font-size:1em;outline:none;padding:1em;width:100%}.selectUnmatchedMediaSearch .err{margin-top:1em}.selectUnmatchedMediaSearch .tmdbResults{grid-gap:2em;display:grid;gap:2em;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin:2em 0;max-height:25em;overflow:auto;padding-right:15px}.selectUnmatchedMediaSearch .tmdbResults .resultCard{grid-gap:.5em;cursor:pointer;display:grid;flex-direction:column;gap:.5em;text-align:center;transition:opacity .2s ease-in-out}.selectUnmatchedMediaSearch .tmdbResults .resultCard:hover{filter:brightness(1.2)}.selectUnmatchedMediaSearch .tmdbResults .resultCard.selected-false{opacity:.2}.selectUnmatchedMediaSearch .tmdbResults .resultCard .tmdbImageWrapper{animation:onActiveImage .3s ease-in-out forwards;background:var(--secondaryColor);border-radius:10px;height:200px;overflow:hidden;position:relative}.selectUnmatchedMediaSearch .tmdbResults .resultCard .imageLoad{animation:onHideImage 0s ease-in-out forwards;height:100%;width:100%}.selectUnmatchedMediaSearch .tmdbResults .resultCard .imageLoad.show-true{animation:onActiveImage .3s ease-in-out forwards}.selectUnmatchedMediaSearch .tmdbResults .resultCard .imageLoad.show-false{animation:onHideImage .3s ease-in-out forwards}.selectUnmatchedMediaSearch .tmdbResults .resultCard .selectedBox{align-items:center;border-radius:10px;display:flex;height:100%;justify-content:center;opacity:0;position:absolute;top:0;transition:opacity .2s ease-in-out;width:100%}.selectUnmatchedMediaSearch .tmdbResults .resultCard .selectedBox.selected-true{opacity:1}.selectUnmatchedMediaSearch .tmdbResults .resultCard .selectedBox svg{fill:var(--accentTextColor);background:var(--accentColor);border-radius:10px;box-shadow:0 0 10px var(--primaryColor);padding:.5em;width:32px}.selectUnmatchedMediaSearch .tmdbResults .resultCard .placeholder{align-items:center;display:flex;height:100%;justify-content:center}.selectUnmatchedMediaSearch .tmdbResults .resultCard .placeholder svg{width:32px}.selectUnmatchedMediaSearch .tmdbResults .resultCard img{border-radius:10px;object-fit:cover;width:100%}.selectUnmatchedMediaSearch .tmdbResults .resultCard p{overflow:hidden;padding:0 .5em;text-overflow:ellipsis;white-space:nowrap}.modalRematchMedia{grid-gap:1em;color:var(--primaryTextColor);display:grid;gap:1em;grid-template-areas:"heading" "mediaTypeSelection" "fields" "options";grid-template-rows:auto auto auto 1fr;overflow-y:auto;padding:20px;scrollbar-width:thin}.modalRematchMedia .heading{font-family:Roboto Bold,Arial;grid-area:heading}.modalRematchMedia .heading h3{margin-bottom:.5em}.modalRematchMedia h4{color:var(--secondaryTextColor)}.modalRematchMedia .fields{grid-gap:1em;align-items:center;display:grid;gap:1em}.modalRematchMedia .fields label .name{align-items:center;color:var(--secondaryTextColor);display:flex}.modalRematchMedia .fields label .horizontal-err{background:#ee4740;font-size:.8em;margin-left:5px;padding:2px 5px}.modalRematchMedia .fields label svg{font-size:.8em}.modalRematchMedia .fields label .name>p{font-family:Roboto Condensed Regular,Arial;margin-right:5px}.modalRematchMedia .fields label input{background:var(--modalSecondaryColor);border:none;border-radius:5px;color:var(--primaryTextColor);font-family:Roboto Regular,Arial;font-size:1em;height:40px;margin-top:.5em;outline:none;overflow:hidden;padding:1em;transition:background .3s ease-in-out;white-space:nowrap;width:100%}.modalRematchMedia .fields label input:focus,.modalRematchMedia .fields label input:hover{background:var(--modalTertiaryColor)}.modalRematchMedia .options{grid-gap:1em;align-self:flex-end;display:grid;gap:1em;grid-area:options;grid-template-columns:auto auto;justify-content:flex-end}.modalRematchMedia .options .page-controls svg{margin:0}@media only screen and (min-width:650px){#modalRematchMedia{max-width:600px}}@keyframes blink{0%{outline:1px solid #0000}to{outline:solid 2px var(--accentColor)}}.dropdown{position:relative}.dropdown .toggle{background:var(--secondaryColor);border-radius:10px;cursor:pointer;display:flex;padding:.5em;transition:background .2s ease-in-out}.dropdown .toggle.visible-true,.dropdown .toggle:hover{background:var(--tertiaryColor)}.dropdown .toggle.grabAttention{animation:blink .5s ease-in-out 5 alternate forwards;outline-offset:2px}.dropdown .toggle div{background:var(--primaryTextColor);border-radius:50%;height:10px;transition:transform .1s ease-in-out;width:10px}.dropdown .toggle div:not(:first-child){margin-left:5px}.dropdown .dropDownContent{background:var(--secondaryColor);border-radius:10px;box-shadow:-2px 2px 4px #1a1a1a;display:flex;flex-direction:column;justify-content:center;opacity:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:2em;transition:opacity .15s ease-in-out;white-space:nowrap;z-index:1}.dropdown .dropDownContent.visible-true{opacity:1;pointer-events:inherit}.dropdown .dropDownContent .action{background:blue;display:flex}.dropdown .dropDownContent button{align-items:center;background:var(--secondaryColor);color:var(--primaryTextColor);display:flex;font-family:Roboto Bold,Arial;gap:2em;justify-content:space-between;padding:1em;width:100%}.dropdown .dropDownContent button:hover{background:var(--tertiaryColor)}.dropdown .dropDownContent button.delete{background:var(--criticalLighterColor)}.dropdown .dropDownContent button.delete:hover{background:var(--criticalColor)}.metaContentErr .desc{color:var(--secondaryTextColor);margin:.5em 0 1em}.metaContentErr button{display:inline-block}.metaContent{grid-gap:1em;display:grid;gap:1em;transition:padding .3s ease-in-out}.metaContent .horizontal-err{margin-bottom:10px}.metaContent .mediaCardImage{background:var(--secondaryColor);border-radius:10px;height:350px;margin-bottom:1em;width:250px}.metaContent .mediaCardImage .imageLoad{animation:onHideImage 0s ease-in-out forwards;height:100%;width:100%}.metaContent .mediaCardImage .imageLoad.show-true{animation:onActiveImage .3s ease-in-out forwards}.metaContent .mediaCardImage .imageLoad.show-false{animation:onHideImage .3s ease-in-out forwards}.metaContent .mediaCardImage .imageLoad img{border-radius:10px;height:100%;object-fit:cover;width:100%}.metaContent .title{display:flex;justify-content:space-between;max-width:60ch;overflow:hidden;text-overflow:ellipsis}.metaContent .title h1{font-family:Roboto Bold,Arial}.metaContent h4{font-family:Roboto Condensed Regular,Arial}.metaContent .genres{align-items:center;display:flex;flex-wrap:wrap;gap:.5em 0}.metaContent .genres svg{fill:var(--accentColor);font-size:.4em;margin:0 10px}.metaContent .genres a{color:var(--secondaryTextColor);transition:color .2s ease-in-out}.metaContent .genres a:hover{color:var(--primaryTextColor)}.metaContent .genres a:not(:first-child){margin:0 15px 0 0}.metaContent .description{line-height:2em;max-width:60ch}.metaContent .separator{margin:0;max-width:60ch}.metaContent .meta-info{grid-gap:1em;display:grid;gap:1em;max-width:60ch}.metaContent .meta-info h4{margin-bottom:5px}.metaContent .meta-info .info{background:var(--secondaryColor);border-radius:10px;padding:1em}.metaContent .meta-info .length{text-align:center}.metaContent .meta-info .length p:first-child{letter-spacing:1px;margin-bottom:5px}.metaContent .meta-info .length p:nth-child(2){color:#5a5a5a;font-size:.7em}@media only screen and (min-width:300px){.metaContent .meta-info{gap:1em;grid-template-columns:1fr 1fr}}.mediaPageSeasons{grid-gap:2em;align-content:flex-start;display:grid;gap:2em}.mediaPageSeasons .episodes,.mediaPageSeasons .seasons{grid-gap:2em;display:grid;margin:1em 0;width:100%}.mediaPageSeasons .episodes p,.mediaPageSeasons .seasons p{color:var(--secondaryTextColor);font-family:Roboto Condensed Regular,Arial;margin-top:1em;padding:0 2px}.mediaPageSeasons .seasons{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.mediaPageSeasons .seasons.selected .season:not(.active) img{opacity:.2}.mediaPageSeasons .seasons .season{animation:appear .2s ease-in-out;text-align:center;width:200px}.mediaPageSeasons .seasons .season:not(.active){cursor:pointer}.mediaPageSeasons .seasons .season:not(.active):hover img{filter:brightness(1.2)}.mediaPageSeasons .seasons .season .mediaCardImage{background:var(--secondaryColor);border-radius:10px;height:300px;overflow:hidden;width:200px}.mediaPageSeasons .seasons .season .mediaCardImage .placeholder{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.mediaPageSeasons .seasons .season .mediaCardImage .placeholder svg{width:48px}.mediaPageSeasons .seasons .season .mediaCardImage .imageLoad{animation:onHideImage 0s ease-in-out forwards;height:100%;width:100%}.mediaPageSeasons .seasons .season .mediaCardImage .imageLoad.show-true{animation:onActiveImage .3s ease-in-out forwards}.mediaPageSeasons .seasons .season .mediaCardImage .imageLoad.show-false{animation:onHideImage .3s ease-in-out forwards}.mediaPageSeasons .seasons .season .mediaCardImage .imageLoad img{height:100%;object-fit:cover;transition:.2s ease-in-out;transition-property:filter,opacity;width:100%}.mediaPageSeasons .desc{color:var(--secondaryTextColor);margin-top:.5em}.mediaPageSeasons .episodes{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.mediaPageSeasons .episodes .episode{border-radius:5px;cursor:pointer;text-align:center;width:100%}.mediaPageSeasons .episodes .episode:hover .mediaCardImage{filter:brightness(1.2)}.mediaPageSeasons .episodes .episode:hover .mediaCardImage .progress{opacity:1}.mediaPageSeasons .episodes .episode .mediaCardImage{background:var(--secondaryColor);border-radius:10px;height:200px;overflow:hidden;position:relative;transition:filter .2s ease-in-out;width:inherit}.mediaPageSeasons .episodes .episode .mediaCardImage .placeholder{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.mediaPageSeasons .episodes .episode .mediaCardImage .placeholder svg{width:48px}.mediaPageSeasons .episodes .episode .mediaCardImage .imageLoad{animation:onHideImage 0s ease-in-out forwards;height:100%;width:100%}.mediaPageSeasons .episodes .episode .mediaCardImage .imageLoad.show-true{animation:onActiveImage .3s ease-in-out forwards}.mediaPageSeasons .episodes .episode .mediaCardImage .imageLoad.show-false{animation:onHideImage .3s ease-in-out forwards}.mediaPageSeasons .episodes .episode .mediaCardImage .imageLoad img{height:100%;object-fit:cover;width:100%}.mediaPageSeasons .episodes .episode .mediaCardImage .progress{background:var(--tertiaryColor);border-radius:10px;bottom:1em;height:4px;left:50%;opacity:0;position:absolute;transform:translateX(-50%);transition:opacity .2s ease-in-out;width:90%}.mediaPageSeasons .episodes .episode .mediaCardImage .progress .value{background:var(--accentColor);border-radius:4px;height:4px;left:0;max-width:100%;position:absolute;transition:width .2s ease-in-out;width:0}.mediaPage .mediaContent{grid-gap:2em 4em;display:grid;gap:2em 4em}.mediaPage .mediaContent>.meta-content{padding-bottom:30px;padding-left:30px;padding-top:30px}.mediaPage .mediaContent>.mediaPageSeasons{padding-bottom:30px;padding-right:30px;padding-top:30px}.mediaPage .mediaContent>.match-media{grid-column-end:3;grid-column-start:1;overflow:hidden;padding:30px}.mediaPage .mediaContent>.match-media.open-true{height:41vh}.mediaPage .mediaContent>.match-media.open-false{height:11vh}@keyframes imageLoaded{0%{opacity:0}to{opacity:1}}@keyframes onActiveImage{0%{opacity:0}to{opacity:1}}@keyframes onHideImage{0%{opacity:1}to{opacity:0}}@media only screen and (min-width:1080px){.mediaPage .mediaContent{grid-template-columns:auto 1fr}.mediaPage .mediaContent>.match-media{padding:60px 90px 0}.mediaPage .mediaContent>.meta-content{padding-bottom:60px;padding-left:90px;padding-top:60px}.mediaPage .mediaContent>.mediaPageSeasons{padding-bottom:60px;padding-right:90px;padding-top:60px}}.ringLoad{display:inline-block;height:40px;position:relative;width:40px}.ringLoad.small-true div{border:.2em dotted var(--accentColor)}.ringLoad div{animation:ringLoad 1.5s cubic-bezier(.68,-.6,.32,1.6) infinite;border:.3em dotted var(--accentColor);border-color:var(--accentColor);border-radius:50%;display:block;height:inherit;position:absolute;width:inherit}@keyframes ringLoad{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.videoMenus{display:flex;grid-area:menus;height:210px;justify-content:flex-end;margin:0 auto;max-width:1080px;transition:opacity .2s ease-in-out;width:100%}.videoMenus.false{opacity:0;pointer-events:none}.videoMenus .innerMenus{display:grid}.videoMenus .innerMenus p{border-radius:5px;color:var(--secondaryTextColor);cursor:pointer;display:flex;font-family:Roboto Regular;justify-content:space-between;padding:.5em}.videoMenus .innerMenus p svg{width:.5em}.videoMenus .innerMenus p:hover{background:var(--tertiaryColor)}.videoMenus .innerMenu{overflow:hidden}.videoMenus .menu{background:var(--primaryColor);border-radius:10px;display:flex;flex-direction:column;padding:.5em;width:50%}.videoMenus .menu .separatorContainer{margin-bottom:.5em;padding:0 .5em}.videoMenus .menu .heading{align-items:center;display:flex;gap:.5em;justify-content:space-between;padding:.5em}.videoMenus .menu .heading button{align-items:center;background:var(--tertiaryColor);border-radius:5px;display:flex;height:100%;justify-content:center;padding:0 .5em;transition:background .1s ease-in-out}.videoMenus .menu .heading button svg{fill:var(--primaryTextColor)}.videoMenus .menu .heading button:hover{background:var(--quaternaryColor)}.videoMenus .menu .tracks{height:100%;overflow-y:auto;padding:0 .5em;scrollbar-color:var(--accentColor) #1a1a1a;scrollbar-width:thin}.videoMenus .menu .track{border-radius:10px;padding:.3em .5em}.videoMenus .menu .track:not(.active){cursor:pointer}.videoMenus .menu .track:not(.active):hover{background:var(--secondaryColor)}.seekingTo,.videoMenus .menu .track.active{background:var(--tertiaryColor)}.seekingTo{border-radius:10px;left:0;opacity:0;padding:.2em .5em;pointer-events:none;position:absolute;top:0;transform:translate(-50%,-15%);transition:opacity .1s ease-in-out}.seekingTo:after{background:inherit;border-bottom-left-radius:.2em;content:"";height:10px;left:50%;position:absolute;top:80%;transform:translateX(-50%) rotate(-45deg);width:10px}.seekBarContainer{color:var(--primaryTextColor);grid-area:seekbar;width:100%}.seekBarContainer:hover .seekingTo{opacity:1}.seekBarContainer .seekBar{background:var(--secondaryColor);border-radius:10px;cursor:pointer;height:10px;overflow:hidden;position:relative;transition:height .1s ease-in-out;width:100%;z-index:0}.seekBarContainer .seekBar:hover{border-radius:10px;height:20px}.seekBarContainer .seekBar .buffer,.seekBarContainer .seekBar .current{height:inherit;pointer-events:none;width:0}.seekBarContainer .seekBar .buffer{background:var(--quaternaryColor);position:absolute;z-index:-1}.seekBarContainer .seekBar .current{background:var(--accentColor)}.videoActions{display:grid;grid-area:actions;grid-template-columns:repeat(3,1fr);justify-self:center;width:100%}.videoActions section{align-items:center;display:flex;width:100%}.videoActions section.middle{justify-content:center}.videoActions section.right{justify-content:flex-end}.videoActions .volSliderWrapper{align-items:center;display:none;height:100%;position:relative;width:80px}.videoActions .volSliderWrapper:hover .volSlider{height:10px}.videoActions .volSliderWrapper:hover .volSlider:after{opacity:1}.videoActions .volSliderWrapper .volSlider{animation:appear .25s ease-in-out;background:var(--secondaryColor);border-radius:10px;cursor:pointer;height:5px;overflow:hidden;transition:height .1s ease-in-out;width:100%}.videoActions .volSliderWrapper .volSlider:after{content:attr(data-currentVolume);left:calc(100% + .5em);opacity:0;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .1s ease-in-out;width:0}.videoActions .volSliderWrapper .volSlider .vol{background:var(--accentColor);border-radius:10px;height:100%}.videoActions .filler,.videoActions button{align-items:center;background:#0000;border-radius:5px;display:flex;justify-content:center;padding:1em;pointer-events:auto}.videoActions .filler:not(.false):focus svg,.videoActions .filler:not(.false):hover svg,.videoActions button:not(.false):focus svg,.videoActions button:not(.false):hover svg{fill:var(--accentColor)}.videoActions .filler svg,.videoActions button svg{fill:#eee;transition:fill .1s ease-in-out;width:16px}.videoActions .filler.trackActive-true:not(.menuActive-true):hover,.videoActions button.trackActive-true:not(.menuActive-true):hover{background:var(--primaryColor)}.videoActions .filler.trackActive-true svg,.videoActions button.trackActive-true svg{fill:var(--accentColor)}.videoActions .filler.menuActive-true,.videoActions button.menuActive-true{background:var(--secondaryColor)}.videoActions .filler.menuActive-true svg,.videoActions button.menuActive-true svg{fill:var(--primaryTextColor)}.videoActions .filler.false,.videoActions button.false{pointer-events:none}.videoActions .filler.false svg,.videoActions button.false svg{fill:#555}.videoActions .filler{flex:1 1;grid-area:filler}.videoActions .volume{padding:1em 1em 1em 0}.videoActions .fullscreen{padding:1em 0 1em 1em}@media only screen and (min-width:600px){.videoActions .volSliderWrapper{display:flex}}.videoControls{grid-gap:1em;align-self:flex-end;color:#fff;display:grid;gap:1em;grid-area:controls;grid-template-areas:"name time" "seekbar seekbar" "actions actions";grid-template-columns:1fr 1fr;margin:0 auto;max-width:1080px;position:relative;transition:opacity .1s ease-in-out;width:100%}.videoControls.true{opacity:1}.videoControls.false{opacity:0;pointer-events:none}.videoControls .name svg,.videoControls .time svg{fill:var(--accentColor);width:.4em}.videoControls .name{grid-gap:.5em;align-items:flex-end;display:grid;gap:.5em;grid-area:name;grid-template-columns:auto auto;justify-self:flex-start;transition:opacity .1s ease-in-out}.videoControls .name .season-ep{grid-gap:.2em;align-items:center;display:grid;gap:.2em;grid-template-columns:auto auto auto}.videoControls .time{grid-gap:.5em;align-items:center;display:grid;gap:.5em;grid-area:time;grid-template-columns:auto auto auto;justify-self:flex-end;transition:opacity .1s ease-in-out}:root{--blackBarHeight:100px}::cue{background:#0000}.videoSubtitles{align-items:center;bottom:0;display:flex;flex-direction:column;font-size:2em;height:100px;height:var(--blackBarHeight);justify-content:center;left:50%;margin-bottom:2.5em;max-width:30ch;opacity:0;position:absolute;text-align:center;transform:translate(-50%);transition:opacity 75ms ease-in-out;width:100%}.videoSubtitles p{color:#fff;font-family:Roboto Regular,Arial;text-shadow:2px 2px 4px #000}.videoSubtitles.show-true{opacity:1}.JASSUB{left:0;position:absolute}.nextVideoOverlay{display:flex;grid-area:next_ep;justify-content:flex-end;margin:0 auto;max-width:1080px;transition:opacity .1s ease-in-out;width:100%}.nextVideoOverlay.true{opacity:1}.nextVideoOverlay.false{opacity:0;pointer-events:none}.nextVideoOverlay .nextVideoBtn{background-color:#ccc;display:flex;height:40px;justify-content:center;width:130px}.videoPlayer{color:var(--primaryTextColor);display:block;font-family:Roboto Bold,Arial;height:100%;overflow:hidden;position:relative;width:100%}.videoPlayer video{background:#000;height:100%;width:100%}.videoPlayer .overlay{grid-gap:1em;align-items:flex-end;background:linear-gradient(0deg,#000,#0000 30%);display:grid;gap:1em;grid-template-areas:"menus" "next_ep" "controls";grid-template-rows:1fr 1fr auto;height:100%;padding:2em;position:absolute;top:0;transition:background .2s ease-in-out;width:100%}.videoPlayer .overlay .errorBox{animation:appear .2s ease-in-out;background:var(--secondaryColor);border-radius:10px;left:50%;padding:1em;position:absolute;top:50%;transform:translate(-50%,-50%)}.videoPlayer .overlay .errorBox details{margin-top:1em}.videoPlayer .overlay .errorBox details[open] summary~*{animation:appear .5s ease-in-out}.videoPlayer .overlay .errorBox details summary{cursor:pointer}.videoPlayer .overlay .errorBox .stderr{background:var(--tertiaryColor);border-radius:10px;margin-top:.5em;padding:.5em}.videoPlayer .overlay .errorBox code{font-family:Roboto Regular,Arial;line-height:1.5em}.videoPlayer .overlay .errorBox .separator{margin:.5em 0}.videoPlayer .overlay .errorBox p{line-height:1.5em}.videoPlayer .overlay .errorBox .options{grid-gap:1em;display:grid;gap:1em;grid-template-columns:auto auto;justify-content:flex-end}.videoPlayer .overlay .errorBox button{background:#0000;border-radius:10px;color:var(--primaryTextColor);cursor:pointer;font-family:Roboto Bold,Arial;font-size:1em;margin-top:1em;padding:.5em .8em;transition:.2s ease-in-out}.videoPlayer .overlay .errorBox button:first-child{transition-property:color}.videoPlayer .overlay .errorBox button:first-child:focus,.videoPlayer .overlay .errorBox button:first-child:hover{color:#bbb}.videoPlayer .overlay .errorBox button:nth-child(2){background:var(--accentColor);filter:saturate(.7);transition-property:filter}.videoPlayer .overlay .errorBox button:nth-child(2):focus,.videoPlayer .overlay .errorBox button:nth-child(2):hover{filter:saturate(1)}.videoPlayer .ringLoad{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}@media only screen and (min-width:1080px){.videoPlayer .overlay{grid-template-areas:". menus ." " . next_ep ." ". controls .";grid-template-columns:200px 1fr 200px;grid-template-rows:1fr auto}}.authForm{grid-gap:3em;align-items:center;color:var(--primaryTextColor);display:grid;gap:3em;grid-template-areas:"title" "fields" "actions";grid-template-rows:1fr auto 1fr;height:100%;padding:2em;width:100%}.authForm header{align-self:flex-end;grid-area:title}.authForm .logo{margin-bottom:2em;width:4em}.authForm .fields{grid-area:fields}.authForm footer{align-self:flex-start;grid-area:actions}.authForm header h1{font-family:Roboto Bold,Arial}.authForm header h3{color:var(--tertiaryTextColor);margin-top:1em}.authForm .fields{grid-gap:2em;border-radius:10px;display:grid;gap:2em;width:100%}.authForm .fields label .name{align-items:center;color:var(--secondaryTextColor);display:flex}.authForm .fields label .horizontal-err{background:#ee4740;font-size:.8em;margin-left:5px;padding:2px 5px}.authForm .fields label svg{fill:var(--secondaryTextColor);font-size:.8em}.authForm .fields label .name>p{font-family:Roboto Condensed Regular,Arial;margin:0 5px}.authForm .fields label input{background:var(--tertiaryColor);border:none;border-radius:5px;color:var(--primaryTextColor);font-family:Roboto Regular,Arial;height:40px;margin-top:10px;outline:none;overflow:hidden;padding:10px 20px;transition:background .3s ease-in-out;white-space:nowrap;width:100%}.authForm .fields label input:focus,.authForm .fields label input:hover{background:var(--quaternaryColor)}.authForm footer a:hover{text-decoration:underline}.authForm footer a:last-child{margin-top:.5em}.authForm footer button{background:var(--accentColor);border-radius:5px;color:var(--primaryTextColor);font-family:Roboto Bold,Arial;font-size:1.1em;margin-bottom:1em;padding:10px 20px;transition:.2s ease-in-out;transition-property:background,opacity;width:100%}.authForm footer button.false:hover{background:#e6820d}.authForm footer button.true{cursor:not-allowed;opacity:.3}@media only screen and (min-width:350px){.authForm footer .actions{display:flex;justify-content:space-between}.authForm footer .actions a:last-child{margin-top:0}}@media only screen and (min-width:550px){.authForm{margin:0 auto;width:550px}}.modalConfirmation{color:var(--primaryTextColor);display:grid;grid-template-rows:auto auto 1fr auto;padding:20px}.modalConfirmation .separator{margin-top:.5em}.modalConfirmation h3{font-family:Roboto Condensed Regular,Arial}.modalConfirmation .desc{color:#ccc}.modalConfirmation p{margin:1em 0}.modalConfirmation .options{grid-gap:.5em;display:grid;gap:.5em;grid-template-columns:auto auto;justify-content:flex-end}.modalConfirmation .options button{background:var(--accentColor);border-radius:10px;color:var(--primaryTextColor);filter:saturate(.7);font-family:Roboto Bold,Arial;font-size:16px;outline:none;padding:.5em;transition:filter .3s ease-in-out}.modalConfirmation .options button:focus,.modalConfirmation .options button:hover{filter:saturate(1)}.modalConfirmation .options .cancelBtn{background:#0000;transition:color .3s ease-in-out}.modalConfirmation .options .cancelBtn:focus,.modalConfirmation .options .cancelBtn:hover{color:#ff6961}.modalConfirmation label{margin-bottom:1em}.modalConfirmation label .name{align-items:center;display:flex}.modalConfirmation label .horizontal-err{background:#ee4740;font-size:.8em;margin-left:5px;padding:2px 5px}.modalConfirmation label .horizontal-err p{margin:.1em}.modalConfirmation label svg{font-size:.8em}.modalConfirmation label .name>p{font-family:Roboto Condensed Regular,Arial;margin:0 5px}.modalConfirmation label input{background:var(--tertiaryColor);border:none;border-radius:5px;color:var(--primaryTextColor);font-family:Roboto Regular,Arial;height:40px;margin-top:10px;outline:none;overflow:hidden;padding:10px 20px;transition:background .3s ease-in-out;white-space:nowrap;width:100%}.modalConfirmation label input:focus,.modalConfirmation label input:hover{background:var(--quaternaryColor)}.preferencesAccount{grid-gap:1em;display:grid;gap:1em}.preferencesAccount h3{margin-bottom:1em}.preferencesAccount .desc{color:var(--secondaryTextColor)}.preferencesAccount .options{display:flex;gap:1em}.preferencesAccount section{background:var(--secondaryColor);border-radius:10px;padding:1em}.preferencesAccount .fields{grid-gap:1em;border-radius:10px;display:grid;gap:1em;width:100%}.preferencesAccount .fields label .name{align-items:center;color:var(--secondaryTextColor);display:flex}.preferencesAccount .fields label .horizontal-err{background:#ee4740;font-size:.8em;margin-left:5px;padding:2px 5px}.preferencesAccount .fields label svg{fill:var(--secondaryTextColor);font-size:.8em}.preferencesAccount .fields label .name>p{font-family:Roboto Condensed Regular,Arial;margin:0 5px}.preferencesAccount .fields label input{background:var(--tertiaryColor);border:none;border-radius:5px;color:var(--primaryTextColor);font-family:Roboto Regular,Arial;height:40px;margin-top:.5em;outline:none;overflow:hidden;padding:1em;transition:background .3s ease-in-out;white-space:nowrap;width:100%}.preferencesAccount .fields label input:focus,.preferencesAccount .fields label input:hover{background:var(--quaternaryColor)}.preferencesPlaybackDefaults .field>p{color:var(--secondaryTextColor);font-family:Roboto Condensed Regular,Arial;margin-bottom:.5em}.preferencesPlaybackDefaults .dropdown{position:relative}.preferencesPlaybackDefaults .dropdown .toggle{background:var(--tertiaryColor);border-radius:10px;cursor:pointer;display:flex;padding:.5em;transition:background .2s ease-in-out}.preferencesPlaybackDefaults .dropdown .toggle:hover{background:var(--quaternaryColor)}.preferencesPlaybackDefaults .dropdown .toggle.visible-true{background:var(--quinaryColor)}.preferencesPlaybackDefaults .dropdown .toggle.grabAttention{animation:blink .5s ease-in-out 5 alternate forwards;outline-offset:2px}.preferencesPlaybackDefaults .dropdown .toggle div{background:var(--primaryTextColor);border-radius:50%;height:10px;transition:transform .1s ease-in-out;width:10px}.preferencesPlaybackDefaults .dropdown .toggle div:not(:first-child){margin-left:5px}.preferencesPlaybackDefaults .dropdown .dropDownContent{background:var(--tertiaryColor);border-radius:10px;box-shadow:-2px 2px 4px #1a1a1a;display:flex;flex-direction:column;justify-content:center;left:0;opacity:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:calc(100% + .5em);transition:opacity .15s ease-in-out;white-space:nowrap;z-index:1}.preferencesPlaybackDefaults .dropdown .dropDownContent.visible-true{opacity:1;pointer-events:inherit}.preferencesPlaybackDefaults .dropdown .dropDownContent button{align-items:center;background:var(--tertiaryColor);color:var(--primaryTextColor);display:flex;font-family:Roboto Bold,Arial;gap:2em;justify-content:space-between;padding:1em;width:100%}.preferencesPlaybackDefaults .dropdown .dropDownContent button:hover,.toggleContainer:not(.disabled-true):hover .toggle{background:var(--quaternaryColor)}.toggleContainer.disabled-true{opacity:.5}.toggleContainer.disabled-true .toggle{cursor:not-allowed}.toggleContainer .desc{color:var(--secondaryTextColor);font-style:italic}.toggleContainer p{color:var(--secondaryTextColor);margin-bottom:.5em}.toggleContainer .toggle{background:var(--tertiaryColor);border-radius:5px;cursor:pointer;height:1em;position:relative;transition:background .1s ease-in-out;width:2em}.toggleContainer .toggle.active-true .ball{background:var(--accentColor);transform:translateX(100%)}.toggleContainer .toggle .ball{background:var(--senaryColor);border-radius:5px;display:inline-block;height:1em;transform:translateX(0);transition:.1s ease-in-out;transition-property:transform,background;width:1em}.preferencesPlayback{grid-gap:1em;display:grid;gap:1em}.preferencesPlayback h3{margin-bottom:1em}.preferencesPlayback .desc{color:var(--secondaryTextColor)}.preferencesPlayback .options{display:flex;gap:1em}.preferencesPlayback section{background:var(--secondaryColor);border-radius:10px;padding:1em}.preferencesProfile{grid-gap:1em;display:grid;gap:1em}.preferencesProfile img{border-radius:10px;width:200px}.preferencesProfile label .name{align-items:center;color:var(--secondaryTextColor);display:flex}.preferencesProfile label .horizontal-err{background:#ee4740;font-size:.8em;margin-left:5px;padding:2px 5px}.preferencesProfile label svg{fill:var(--secondaryTextColor);font-size:.8em}.preferencesProfile label .name>p{font-family:Roboto Condensed Regular,Arial;margin:0 5px}.preferencesProfile label input{background:var(--tertiaryColor);border:none;border-radius:5px;color:var(--primaryTextColor);font-family:Roboto Regular,Arial;height:40px;margin-top:10px;outline:none;overflow:hidden;padding:10px 20px;transition:background .3s ease-in-out;white-space:nowrap;width:100%}.preferencesProfile label input:focus,.preferencesProfile label input:hover{background:var(--quaternaryColor)}.preferencesProfile .options{display:flex;gap:1em}.preferencesInvites{grid-gap:1em;display:grid;gap:1em}.preferencesInvites .tokensContainer{background:var(--tertiaryColor);border-radius:10px;padding:.5em}.preferencesInvites .heading{grid-gap:1em;display:grid;font-family:Roboto Bold;gap:1em;grid-template-columns:1fr 1fr 1fr 1em;padding:.5em .5em 0}.preferencesInvites .separator{margin:.5em 0}.preferencesInvites .tokens .token{grid-gap:1em;align-items:center;border-radius:10px;color:var(--primaryTextColor);display:grid;gap:1em;grid-template-columns:1fr 1fr 1fr 1em;padding:.3em .5em;-webkit-user-select:none;user-select:none;word-break:break-all}.preferencesInvites .tokens .token:hover{background:var(--secondaryColor);cursor:pointer}.preferencesInvites .tokens .token:hover svg{opacity:1}.preferencesInvites .tokens .token svg{fill:var(--secondaryTextColor);cursor:pointer;opacity:0}.preferencesInvites .tokens .token svg:hover{fill:#fff}.preferencesInvites .tokens .token button{background:#0000;font-size:1em}.preferencesInvites .tokens .token .createdAt{display:flex;gap:1em}.preferencesInvites .genTokenBtn{background:var(--accentColor);border-radius:10px;filter:saturate(.7);font-family:Roboto Bold;font-size:1em;outline:none;padding:.5em;transition:filter .3s ease-in-out}.preferencesInvites .genTokenBtn:focus,.preferencesInvites .genTokenBtn:hover{filter:saturate(1)}.preferencesInvites .genTokenBtn.disabled{cursor:not-allowed;opacity:.5}.preferencesInvites .genTokenBtn.critical{background:#ff6961}.preferencesInvites .genTokenBtn.important{background:#0000;color:var(--primaryTextColor);outline:2px solid #ff6961}.preferencesAppearance,.preferencesAppearance .themes{grid-gap:1em;display:grid;gap:1em}.preferencesAppearance .themeContainer .theme{border:3px solid #0000;border-radius:10px;overflow:hidden;transition:border .2s ease-in-out}.preferencesAppearance .themeContainer .theme:not(.active){cursor:pointer}.preferencesAppearance .themeContainer .theme.active{border:3px solid var(--primaryTextColor);opacity:1}.preferencesAppearance .themeContainer .theme svg{fill:#000;display:block;height:100%;width:100%}.preferencesAppearance .themeContainer p{margin-top:.5em}@media only screen and (min-width:480px){.preferencesAppearance .themes{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}.preferencesAdvanced{grid-gap:1em;display:grid;gap:1em}.preferencesAdvanced .options{display:flex;gap:1em}.preferencesAdvanced .fields,.preferencesAdvanced .toggles{grid-gap:1em;display:grid;gap:1em}.preferencesAdvanced label .name{align-items:center;color:var(--secondaryTextColor);display:flex}.preferencesAdvanced label .horizontal-err{background:#ee4740;font-size:.8em;margin-left:5px;padding:2px 5px}.preferencesAdvanced label svg{font-size:.8em}.preferencesAdvanced label .name>p{font-family:Roboto Condensed Regular,Arial;margin-right:5px}.preferencesAdvanced label input{background:var(--tertiaryColor);border:none;border-radius:5px;color:var(--primaryTextColor);font-family:Roboto Regular,Arial;height:40px;margin-top:.5em;outline:none;overflow:hidden;padding:1em;transition:background .3s ease-in-out;white-space:nowrap;width:100%}.preferencesAdvanced label input:focus,.preferencesAdvanced label input:hover{background:var(--quaternaryColor)}main{height:100%}.preferencesPage{grid-gap:30px;align-content:flex-start;display:grid;gap:30px;grid-template-areas:"nav" "content";height:100%;padding:30px;transition:padding .2s ease-in-out}.preferencesPage aside{display:flex;flex-direction:column;gap:1em;grid-area:nav;height:100%}.preferencesPage aside h3{color:var(--tertiaryTextColor);cursor:default;font-size:1.2em}.preferencesPage aside h3:not(.active){cursor:pointer}.preferencesPage aside h3:not(.active):hover{color:var(--secondaryTextColor)}.preferencesPage aside h3.active{color:var(--primaryTextColor)}.preferencesPage aside button{background:#0000;color:var(--tertiaryTextColor);font-family:Roboto Regular;font-size:1.2em}.preferencesPage aside button:hover{color:#ed4245}.preferencesPage .desc{color:var(--secondaryTextColor)}.preferencesPage section{grid-gap:1em;animation:appear .2s ease-in-out;background:var(--secondaryColor);border-radius:10px;display:grid;gap:1em;padding:1em}.preferencesPage button{animation:appear .2s ease-in-out;justify-self:flex-start}@media only screen and (min-width:1080px){.preferencesPage{gap:90px;grid-template-areas:"nav content";grid-template-columns:auto 1fr;padding:60px 90px}}@font-face{font-display:swap;font-family:Roboto Regular;src:url(/static/media/roboto_regular.a8d6ac03c7b96b7acb62.ttf)}@font-face{font-display:swap;font-family:Roboto Bold;src:url(/static/media/roboto_bold.75371f53f06181df75f1.ttf)}@font-face{font-display:swap;font-family:Roboto Condensed Regular;src:url(/static/media/roboto_condensed_regular.db6d916952fb988edac1.ttf)}::-webkit-scrollbar{height:5px;width:5px}::-webkit-scrollbar-track{background:#333;border-radius:10px}::-webkit-scrollbar-thumb{background:var(--accentColor);border-radius:10px}::-webkit-scrollbar-corner{background:none}input[type=range]{-webkit-appearance:none;background:#0000}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#eee;border:none;border-radius:10px;cursor:pointer;height:16px;margin-top:-4px;width:16px}input[type=range]::-moz-range-thumb{background:#eee;border:none;border-radius:10px;cursor:pointer;height:16px;width:16px}input[type=range]::-webkit-slider-runnable-track{background:var(--accentColor);border-radius:10px;cursor:pointer;height:8.4px;width:100%}input[type=range]::-moz-range-track{background:var(--accentColor);border-radius:10px;cursor:pointer;height:8.4px;width:100%}*{box-sizing:border-box;font-weight:400;margin:0;padding:0}#root,body,html{height:100%;width:100%}body{-webkit-font-smoothing:antialiased;background:var(--primaryColor);font-family:Roboto Regular,Arial;scroll-behavior:smooth;scrollbar-color:var(--accentColor) #333;scrollbar-width:thin;transition:background .1s ease-in-out}a{color:var(--primaryTextColor);outline:none;text-decoration:none}img{background:var(--secondaryColor)}img:-moz-loading{visibility:hidden}svg{fill:#eee;overflow:visible;overflow:initial;width:1em}.showAfter100ms{animation:appear .3s ease-in-out forwards;animation-delay:.1s;opacity:0}.horizontal-err{grid-gap:5px;align-items:center;animation:appear .4s ease-in-out;background:var(--accentColor);border-radius:10px;color:var(--primaryTextColor);display:grid;font-family:Roboto Condensed Regular,Arial;gap:5px;grid-template-columns:auto 1fr;overflow:hidden;padding:3px 5px;text-overflow:ellipsis;white-space:nowrap}.horizontal-err svg{animation:shake .5s ease-in-out;animation-delay:.5s;font-size:.8em}.vertical-err{align-items:center;animation:appear .4s ease-in-out;display:flex;flex-direction:column;font-family:Roboto Condensed Regular,Arial;height:100%;justify-content:center;text-align:center}.vertical-err svg{animation:shake .5s ease-in-out;animation-delay:.5s;color:#f39c12;height:1.5em!important;margin-bottom:15px;width:1.5em!important}.vertical-err p{color:#bfbfbf}button{border:none;cursor:pointer;outline:none}input{font-family:Roboto Regular,Arial}.separator{background:var(--quaternaryColor);border-radius:2px;height:2px;margin:0 auto;width:100%}.placeholder{animation:appear .5s ease-in-out;height:100%;position:relative}.placeholder,.placeholder-text{background:var(--secondaryColor);border-radius:10px}.placeholder-text{height:30px;transition:width .3s ease-in-out;width:150px}.spinner{animation:appear .5s ease-in-out;height:40px;left:50%;max-height:40px;max-width:40px;position:absolute;top:50%;transform:translate(-50%,-50%);width:40px}.spinner:after{animation:spinner .6s linear infinite;background:#0003;border:2px solid #3a3a3a;border-radius:50%;border-top:2px solid var(--primaryTextColor);content:"";height:100%;left:0;position:absolute;top:0;width:100%}.popupOverlay{animation:appear .3s ease-in-out;background:rgba(0,0,0,.667);bottom:0;left:0;position:fixed;right:0;top:0;z-index:2}main{color:var(--primaryTextColor);margin-left:150px;position:relative;transition:margin-left .3s ease-in-out}main.full{margin-left:0}main.shrunk{margin-left:150px}@keyframes spinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes appear{0%{opacity:0}to{opacity:1}}@keyframes shake{0%{transform:translateX(0)}20%{transform:translateX(-10%)}40%{transform:translateX(10%)}60%{transform:translateX(-10%)}80%{transform:translateX(10%)}to{transform:translateX(0)}}@media only screen and (min-width:1080px){main,main.shrunk{margin-left:300px}}
/*# sourceMappingURL=main.783ee1e7.css.map*/