:root{--body-background:#f5f6fa;--text-color:#f5f6fa;--active-link-color:#027cff;--theme-color-main:#353a40;--theme-color-secondary:#40474d;--sub-color-main1:#16a2b9;--sub-color-main2:#26a844;--sub-color-main3:#fec009;--sub-color-main4:#dc3546;--main-navigation-height:40px}@media (max-width:860px){:root{--main-navigation-height:100px}}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}body{background-color:var(--body-background);font-family:Nunito,sans-serif;font-size:14px;margin:0;min-height:100vh;padding:0}.app-container{height:100vh;position:fixed;width:100vw}.background-splash{color:#fefefe;display:grid;font-size:80vh;height:100%;left:0;place-items:center;position:fixed;top:0;width:100%;z-index:-5}.main-content{-moz-column-gap:.5rem;column-gap:.5rem;display:grid;grid-template-columns:repeat(5,1fr);height:calc(100% - var(--main-navigation-height));padding-bottom:4rem;row-gap:.5rem;width:100%}.main-content .server-box{background:#999;border-radius:4px;display:grid;font-size:2rem;place-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.main-content .server-box:hover{cursor:pointer}h2{font-size:1.5rem;font-weight:700;margin:0;padding:0}a{color:var(--active-link-color);text-decoration:none}a:hover{cursor:pointer;text-decoration:underline}.content-navigation{-moz-column-gap:1rem;column-gap:1rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(10px,-webkit-max-content));grid-template-columns:repeat(auto-fit,minmax(10px,max-content));place-content:stretch end;width:100%}.modal-window-box-background{color:#393f4544;display:grid;font-size:60vh;height:100%;place-items:center;position:absolute;width:100%;z-index:-1}.main-navigation{background:var(--theme-color-main);bottom:0;box-sizing:border-box;display:grid;grid-template-columns:1fr 1fr;height:var(--main-navigation-height);left:0;position:fixed;width:100vw;z-index:100}.navigation-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(10px,-webkit-max-content));grid-template-columns:repeat(auto-fit,minmax(10px,max-content))}.navigation-links:nth-of-type(2){place-content:stretch end}.navigation-links .navigation-link{color:#fff;-moz-column-gap:.5rem;column-gap:.5rem;display:grid;font-weight:700;grid-template-columns:-webkit-max-content -webkit-max-content;grid-template-columns:max-content max-content;padding-left:1rem;padding-right:1rem;place-content:center;place-items:center;position:relative;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.navigation-links .navigation-link:hover{background-color:#eee;color:var(--theme-color-main);cursor:pointer;z-index:1000}.navigation-links .navigation-link.open{background-color:var(--theme-color-secondary);border-bottom-left-radius:8px;border-bottom-right-radius:8px}.navigation-links .navigation-link.open:hover{color:#fff;cursor:pointer}.navigation-links .navigation-link .unread-notifications{background:var(--active-link-color);border-radius:20px;color:#fff;display:inline-block;padding:4px;text-align:center;width:32px}.navigation-links .navigation-link:not(.open) .corner-piece{display:none}.navigation-links .navigation-link .left-corner{background:var(--theme-color-secondary);height:10px;left:-10px;position:absolute;top:0;width:10px}.navigation-links .navigation-link .left-corner .corner-fill{background:var(--theme-color-main);border-top-right-radius:58px;height:10px;width:10px}.navigation-links .navigation-link .right-corner{background:var(--theme-color-secondary);height:10px;position:absolute;right:-10px;top:0;width:10px}.navigation-links .navigation-link .right-corner .corner-fill{background:var(--theme-color-main);border-top-left-radius:58px;height:10px;width:10px}@media (max-width:860px){.navigation-links{font-size:1.5rem;grid-template-columns:repeat(auto-fit,minmax(10px,1fr));place-items:center}.navigation-links .navigation-link{grid-template-columns:1fr}.navigation-links .navigation-link span{display:none}.navigation-links .navigation-link:hover{background-color:unset;color:unset}.navigation-links .navigation-link.open{background-color:unset}.navigation-links .navigation-link .unread-notifications{font-size:1rem;position:absolute;right:-18px;top:-20px}}.modal-window-background{background:var(--theme-color-secondary);box-sizing:border-box;height:calc(100% - var(--main-navigation-height));left:0;position:fixed;top:100vh;transition:top .1s linear;width:100%}.modal-window-background.open{top:0}.modal-window-background .modal-window-box{height:100%;width:100%}.modal-window-background .modal-window-header{border-bottom:1px solid var(--theme-color-main);color:var(--text-color);display:grid;grid-template-columns:1fr 50px;padding:.5rem}.modal-window-background .modal-window-header h1{margin:0}.modal-window-background .modal-window-header svg{cursor:pointer;font-size:2rem;padding-left:1rem;padding-right:1rem;place-self:center}.modal-window-background .modal-window-header svg:hover{color:var(--theme-color-main)}.modal-window-background .modal-window-content{display:grid;grid-auto-rows:-webkit-min-content;grid-auto-rows:min-content;padding:1rem;row-gap:1rem}@media (max-width:860px){.modal-window-background .modal-window-content{padding:.5rem}}.sub-modal-window-background{background:rgba(0,0,0,.15);box-sizing:border-box;height:100%;position:fixed;right:-100vw;top:0;width:100%}.sub-modal-window-background.open{right:0}.sub-modal-window-background .sub-modal-window-box{background:var(--theme-color-secondary);box-shadow:0 0 10px #000;height:calc(100% - var(--main-navigation-height));margin-left:auto;position:fixed;right:-100vw;top:0;transition:right .25s linear;width:60%}.sub-modal-window-background .sub-modal-window-box.open{right:0}.sub-modal-window-background .sub-modal-window-header{border-bottom:1px solid var(--theme-color-main);color:var(--text-color);display:grid;grid-template-columns:1fr 50px;padding:.5rem}.sub-modal-window-background .sub-modal-window-header h1{margin:0}.sub-modal-window-background .sub-modal-window-header svg{cursor:pointer;font-size:2rem;padding-left:1rem;padding-right:1rem;place-self:center}.sub-modal-window-background .sub-modal-window-header svg:hover{color:var(--theme-color-main)}.sub-modal-window-background .sub-modal-window-content{padding:1rem}@media (max-width:860px){.sub-modal-window-background .sub-modal-window-box{width:90%}}.tw-form .xc-checkbox-box{margin-top:1.25rem;padding-bottom:0}.xc-checkbox-box{display:grid;place-items:center}.xc-checkbox-box label{padding-bottom:0!important}.xc-checkbox-box .checkbox-container{cursor:pointer;display:block;font-size:16px;padding-bottom:22px!important;padding-left:25px;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.checkbox-container input{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.checkmark{background-color:#eee;border-radius:4px;box-shadow:0 0 0 0 transparent,0 0 0 0 transparent,0 1px 1px 0 rgba(0,0,0,.12),0 0 0 1px rgba(60,66,87,.16),0 0 0 0 transparent,0 3px 9px 0 rgba(60,66,87,.12),0 2px 5px 0 rgba(60,66,87,.12);height:23px;left:0;position:absolute;top:0;width:23px}.checkbox-container:hover input~.checkmark{background-color:#fff}.checkbox-container input:checked~.checkmark{background-color:var(--active-link-color)}.checkmark:after{content:"";display:none;position:absolute}.checkbox-container input:checked~.checkmark:after{display:block}.checkbox-container .checkmark:after{border:solid #fff;border-width:0 3px 3px 0;height:10px;left:7px;top:3px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);width:5px}.xc-form .xc-form-control label.checkbox-container{display:inline-block;font-weight:500;margin-bottom:unset}button{background:var(--active-link-color);border:none;border-radius:4px;color:#fff;font-weight:700;padding:.5rem 1rem}button:hover{box-shadow:0 0 5px var(--active-link-color);cursor:pointer}button.danger{background:var(--sub-color-main4)}button.danger:hover{box-shadow:0 0 5px var(--sub-color-main4);cursor:pointer}.xc-form button.disabled,button:active{background:var(--theme-color-secondary)}.xc-form button.disabled{color:var(--theme-color-main)}button.disabled{background:var(--theme-color-main);color:var(--theme-color-secondary)}button.disabled:hover{box-shadow:none;cursor:default}.xc-form{background:var(--theme-color-main);-moz-column-gap:1rem;column-gap:1rem;grid-template-columns:repeat(auto-fit,minmax(10px,-webkit-max-content));grid-template-columns:repeat(auto-fit,minmax(10px,max-content));row-gap:1rem}.form-control,.xc-form{display:grid}.form-control.checkbox{-moz-column-gap:.5rem;column-gap:.5rem;grid-template-columns:-webkit-max-content -webkit-max-content;grid-template-columns:max-content max-content;padding-top:20px;place-items:center}.form-buttons{grid-column-start:1}.form-control input,.form-control select{border:1px solid #eee;border-radius:4px;padding:.25rem}.form-control input:focus{border:1px solid var(--active-link-color);box-shadow:0 0 5px var(--active-link-color);outline:none}.form-control label{margin-bottom:.25rem}@media (max-width:860px){.xc-form{grid-template-columns:1fr}.form-control.checkbox{padding-top:0}.form-control.checkbox label{order:2}}::-webkit-scrollbar{width:.5rem}::-webkit-scrollbar-track{background:#ccc}::-webkit-scrollbar-thumb{background:var(--theme-color-main)}::-webkit-scrollbar-thumb:hover{background:#555}.notification-modal-window-background{background:red;background:var(--theme-color-secondary);border-top-left-radius:4px;bottom:-100%;box-shadow:0 0 10px #000;height:100%;max-height:50vh;max-width:400px;position:absolute;right:0;transition:bottom .1s linear;width:100%}.notification-modal-window-background .notification-window-box-background{font-size:30vh;z-index:0}.notification-modal-window-background .notification-modal-window-content{max-height:calc(50vh - 65px);overflow-y:scroll;padding:1rem;position:relative;z-index:5}.notification-modal-window-background .notification-modal-window-content .options{-moz-column-gap:1rem;column-gap:1rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(10px,-webkit-max-content));grid-template-columns:repeat(auto-fit,minmax(10px,max-content));margin-top:1rem;place-content:stretch end;width:100%}.notification-modal-window-background.open{bottom:var(--main-navigation-height)}.notification-modal-window-background h1{border-bottom:2px solid var(--theme-color-main);margin:0;padding-bottom:.5rem;padding-top:.75rem;text-align:center}.notification-modal-window-background .close-icon{padding:.75rem;position:absolute;right:0;top:0}.notification-modal-window-background .close-icon:hover{color:var(--theme-color-main);cursor:pointer}.notification-modal-window-background .list{border:none;display:grid;row-gap:.25rem}.notification-modal-window-background .list .list-item{background:var(--theme-color-main);grid-template-columns:-webkit-max-content 1fr;grid-template-columns:max-content 1fr;padding:.5rem 1rem}.notification-modal-window-background .list .list-item:hover{box-shadow:0 0 1px #000;cursor:pointer}.notification-modal-window-background .list .list-item.unread .icon{color:var(--active-link-color)}.scene{background-color:#ccc;border-radius:4px;color:#000;position:relative}.scene .title{box-sizing:border-box;font-weight:700;padding-left:.5rem;padding-right:.5rem;padding-top:.25rem;position:absolute;text-align:center;width:100%}.scene .action{display:grid;font-size:3rem;height:100%;left:0;place-items:center;position:absolute;top:0;width:100%}.scene .action:hover{box-shadow:0 0 5px -2px var(--theme-color-main);cursor:pointer}.scene .buffs{bottom:0;left:0;position:absolute}.scene .buffs svg{color:var(--theme-color-secondary);font-size:1rem;padding:.25rem}.scene .options{bottom:0;position:absolute;right:0}.scene .options svg{color:#000;font-size:1rem;padding:.25rem}.scene .options svg:hover{color:var(--theme-color-secondary);cursor:pointer}@media (max-width:860px){.scene .action{font-size:1.5rem}}.list{border:1px solid var(--theme-color-main);border-radius:4px;box-sizing:border-box;margin-bottom:1rem;margin-top:1rem}.list.empty{display:grid;font-size:1rem;font-weight:700;padding:1rem;place-items:center;row-gap:1rem}.list.empty svg{color:var(--theme-color-main);font-size:8rem}.list .list-item{-moz-column-gap:1rem;column-gap:1rem;display:grid;grid-template-columns:[checkbox] -webkit-max-content [description] 1fr [player] 1fr [options] -webkit-max-content;grid-template-columns:[checkbox] max-content [description] 1fr [player] 1fr [options] max-content;place-items:center left}.list .list-item:hover{background:var(--theme-color-main)}.list .list-item .checkbox{padding-left:1rem}.list .list-item .description{display:grid;row-gap:.25rem}.list .list-item .icon-button{background:var(--active-link-color);border-radius:4px;font-size:1.25rem;padding:.5rem}.list .list-item .icon-button:hover{cursor:pointer}.list .list-item .icon-button.no-bg{background:unset}.list .list-item .description .size{font-size:.75rem}.list .list-item .description .size,.list .list-item .player{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.list .list-item .player{-moz-column-gap:1rem;column-gap:1rem;display:grid;grid-template-columns:1fr -webkit-max-content;grid-template-columns:1fr max-content;place-items:center stretch;width:100%}.list .list-item .player .progress svg{cursor:pointer;margin-right:.5rem}.list .list-item .player .volume{-moz-column-gap:.5rem;column-gap:.5rem;display:grid;grid-template-columns:-webkit-max-content -webkit-max-content -webkit-max-content -webkit-max-content;grid-template-columns:max-content max-content max-content max-content}.list .list-item .player .volume input{background:var(--theme-color-secondary);border:none;color:var(--text-color);outline:none;width:45px}.list .list-item .options{display:grid;grid-template-columns:1fr 1fr}.list .list-item .options .action-button{display:grid;font-size:1.5rem;padding:.5rem;place-items:center}.list .list-item .options .action-button:hover{cursor:pointer}.list .list-item .options .action-button.disabled{color:var(--theme-color-main)}.list .list-item:hover .options .action-button.disabled{color:var(--theme-color-secondary)}.progress-bar-container{background:var(--theme-color-main);height:3px;margin-top:3px;width:100%}.list .list-item:hover .progress-bar-container{background:var(--theme-color-secondary)}.xc-container .scene-block .progress-bar-container{bottom:0;left:0;position:absolute}.progress-bar-container .progress-bar{background:var(--active-link-color);height:3px}@media (max-width:860px){.list .list-item{-moz-column-gap:.5rem;column-gap:.5rem;grid-template-columns:[checkbox] -webkit-max-content [description] 1fr [player] 1fr;grid-template-columns:[checkbox] max-content [description] 1fr [player] 1fr;padding-bottom:.5rem;padding-top:.5rem}.list .list-item .description{grid-column:description/options;width:100%}.list .list-item .checkbox{grid-row:1/3;padding-left:.5rem}.list .list-item .player{-moz-column-gap:.5rem;column-gap:.5rem;grid-column:description/options;order:1;width:100%}.list .list-item .player .volume{padding-right:.5rem}.list .list-item .player .volume input{width:25px}.list .list-item .options{grid-template-columns:1fr}}.xc-dropzone{border:2px dashed var(--theme-color-main);box-sizing:border-box;display:grid;height:87vh;padding:1rem;place-items:center}.xc-dropzone:hover{background-color:var(--theme-color-main);border-color:var(--active-link-color)}.xc-dropzone .xc-dropzone-content{display:grid;place-items:center;row-gap:1rem}.xc-dropzone .xc-dropzone-content input#file{background:var(--theme-color-main);border-radius:7px;padding:.5rem}.xc-dropzone:hover .xc-dropzone-content input#file{background:var(--theme-color-secondary)}.xc-dropzone .xc-dropzone-content input#link{border:1px solid #eee;border-radius:4px;padding:.25rem}.xc-dropzone .xc-dropzone-content h2{font-size:4rem;margin:0;padding:0}.xc-dropzone .xc-dropzone-content .link-form{-moz-column-gap:1rem;column-gap:1rem;display:grid;grid-template-columns:-webkit-max-content -webkit-max-content;grid-template-columns:max-content max-content}.Vue-Toastification__toast{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.Vue-Toastification__toast .Vue-Toastification__close-button{padding:0 .5rem}.Vue-Toastification__toast .Vue-Toastification__close-button:hover{box-shadow:none}.box .loading-cover{background:rgba(0,0,0,.1);color:#ddd;display:grid;font-size:5rem;height:100%;left:0;place-items:center;position:relative;position:absolute;top:0;width:100%}.box-wrapper{-moz-column-gap:1rem;column-gap:1rem;display:grid;grid-auto-rows:-webkit-min-content;grid-auto-rows:min-content;row-gap:1rem}.box-wrapper.max-size{grid-auto-rows:unset}.box{background-color:#ddd;border-radius:4px;-moz-column-gap:1rem;column-gap:1rem;display:grid;min-height:20px;padding:1rem;position:relative;row-gap:1rem}.box-wrapper.span-1{grid-column:span 1}.box-wrapper.rowspan-1{grid-row:span 1}.box-wrapper.col-1{grid-template-columns:repeat(1,1fr)}.box-wrapper.row-1{grid-template-rows:repeat(1,1fr)}.box.span-1{grid-column:span 1}.box.rowspan-1{grid-row:span 1}.box.col-1{grid-template-columns:repeat(1,1fr)}.box-wrapper.span-2{grid-column:span 2}.box-wrapper.rowspan-2{grid-row:span 2}.box-wrapper.col-2{grid-template-columns:repeat(2,1fr)}.box-wrapper.row-2{grid-template-rows:repeat(2,1fr)}.box.span-2{grid-column:span 2}.box.rowspan-2{grid-row:span 2}.box.col-2{grid-template-columns:repeat(2,1fr)}.box-wrapper.span-3{grid-column:span 3}.box-wrapper.rowspan-3{grid-row:span 3}.box-wrapper.col-3{grid-template-columns:repeat(3,1fr)}.box-wrapper.row-3{grid-template-rows:repeat(3,1fr)}.box.span-3{grid-column:span 3}.box.rowspan-3{grid-row:span 3}.box.col-3{grid-template-columns:repeat(3,1fr)}.box-wrapper.span-4{grid-column:span 4}.box-wrapper.rowspan-4{grid-row:span 4}.box-wrapper.col-4{grid-template-columns:repeat(4,1fr)}.box-wrapper.row-4{grid-template-rows:repeat(4,1fr)}.box.span-4{grid-column:span 4}.box.rowspan-4{grid-row:span 4}.box.col-4{grid-template-columns:repeat(4,1fr)}.box-wrapper.span-5{grid-column:span 5}.box-wrapper.rowspan-5{grid-row:span 5}.box-wrapper.col-5{grid-template-columns:repeat(5,1fr)}.box-wrapper.row-5{grid-template-rows:repeat(5,1fr)}.box.span-5{grid-column:span 5}.box.rowspan-5{grid-row:span 5}.box.col-5{grid-template-columns:repeat(5,1fr)}.box-wrapper.span-6{grid-column:span 6}.box-wrapper.rowspan-6{grid-row:span 6}.box-wrapper.col-6{grid-template-columns:repeat(6,1fr)}.box-wrapper.row-6{grid-template-rows:repeat(6,1fr)}.box.span-6{grid-column:span 6}.box.rowspan-6{grid-row:span 6}.box.col-6{grid-template-columns:repeat(6,1fr)}.box .box{box-shadow:unset;min-height:20px}.box .box.box-in-box{background:#afafaf}@media (min-width:860px){.mobile-only{display:none!important}}@media (max-width:860px){.hide-mobile{display:none!important}.main-content{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(6,1fr)}}