You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 line
25 KiB
CSS
1 line
25 KiB
CSS
.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mr-2{margin-right:8px}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.flex-1{flex:1}.d-flex{display:flex}.o-0{opacity:0}.ai-center{align-items:center}.w-100{width:100%}.fs-1{font-size:.75rem}.fs-2{font-size:.875rem}.fs-3{font-size:1rem}.fs-4{font-size:1.3rem}.fs-5{font-size:1.5rem}.fs-6{font-size:1.7rem}.fs-7{font-size:2rem}.fw-600{font-weight:600}.grid-two{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.grid-two .title{grid-column:1/3}html{font-family:Source Sans Pro,Segoe UI,Roboto,Helvetica Neue,Arial,Sans-Serif;height:100vh;overflow-y:hidden;word-spacing:1px;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box}body{color:#fff;padding:0;margin:0;background-color:var(--color-bg);font-size:1.1rem}li,ul li{list-style-type:none}h1,h2,h3,h4,h5,h6{font-family:Sans}svg{width:100%;height:100%}*,:after,:before{box-sizing:border-box}ol[class],ul[class]{padding:0}blockquote,body,dd,dl,figure,h1,h2,h3,h4,ol[class],p,ul[class]{margin:0}body{min-height:100vh;scroll-behavior:smooth;text-rendering:optimizeSpeed;line-height:1.5}ol[class],ul[class]{list-style:none}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}img{max-width:100%;display:block}article>*+*{margin-top:1em}button,input,select,textarea{font:inherit}img:not([alt]){filter:blur(10px)}@media (prefers-reduced-motion:reduce){*{-webkit-animation-duration:.01ms!important;animation-duration:.01ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}section{position:relative;box-sizing:border-box}section h2{margin:0}.title{font-size:1.5rem;line-height:1.2;font-weight:300}.title:first-letter{text-transform:uppercase}.position-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.transition-group{position:relative}.fade-enter-active,.fade-leave-active{transition:opacity .3s}.fade-enter,.fade-leave-to{opacity:0}.fade-menu-enter-active,.fade-menu-leave-active{transition:opacity .1s}.fade-menu-enter,.fade-menu-leave-to{opacity:0}.fade-content-enter-active{transition:opacity .2s}.fade-content-leave-active{transition:opacity .1s}.fade-content-enter,.fade-content-leave-active{opacity:0}.fade-bottom-enter-active,.fade-bottom-leave-active{transition:.3s}.fade-bottom-leave-active{position:absolute}.fade-bottom-enter,.fade-bottom-leave-to{transform:translateY(20px);opacity:0}.fade-bottom-enter-to{transform:translateY(0)}:root{--height-sea:30vh;--animation-time:15s}.osmos{width:100%;height:100vh;overflow:hidden;position:relative;background:radial-gradient(ellipse 249% 104% at bottom,#521350 calc(var(--height-sea)*4),#1a0534 55%,#1a0533 80%,rgba(247,36,148,.4) 86.5%,transparent 0,transparent 87%,rgba(247,36,148,.8) 0,transparent 93%)}.osmos .sun{bottom:calc(var(--height-sea) - var(--height-sea)*1.5/3);left:calc(45vw - var(--height-sea)*0.75)}.osmos .sun,.osmos .sun:after{height:calc(var(--height-sea)*1.5);width:calc(var(--height-sea)*1.5);position:absolute;background:url(../img/sun.4441a111.svg) 50%/contain no-repeat}.osmos .sun:after{content:"";display:block;z-index:1;transform-origin:50% calc(var(--height-sea)*0.5);transform:translateY(calc(100% - var(--height-sea))) scaleY(.7);opacity:.5;filter:blur(4px);clip:rect(calc(var(--height-sea)*0.5),calc(var(--height-sea)*1.5),calc(var(--height-sea)*1.5),0);-webkit-clip-path:polygon(0 calc(var(--height-sea)*0.5),100% calc(var(--height-sea)*0.5),100% 100%,0 100%);clip-path:polygon(0 calc(var(--height-sea)*0.5),100% calc(var(--height-sea)*0.5),100% 100%,0 100%)}.clouds-reflex{bottom:calc(var(--height-sea)/2 - 10vh);opacity:.3}.clouds{bottom:calc(var(--height-sea)*1.5);opacity:.8}.clouds,.clouds-reflex{position:absolute;height:19vh;width:100%;z-index:1}.clouds-reflex>*,.clouds>*{-webkit-animation-name:cloud;animation-name:cloud;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;position:absolute}.clouds-reflex>:first-child,.clouds>:first-child{background:url("data:image/svg+xml;charset=utf-8,%3Csvg style='isolation:isolate' viewBox='153 714 741 238' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M415 834v-2c0-21-17-38-38-38h-11c-21 0-38-17-38-38v-4c0-21 17-38 38-38h490c21 0 38 17 38 38v4c0 21-17 38-38 38h-99c-21 0-38 17-38 38v2c0 21 17 38 38 38h6c21 0 38 17 38 38v4c0 21-17 38-38 38H191c-21 0-38-17-38-38v-4c0-21 17-38 38-38h186c21 0 38-17 38-38z' fill='%23ee81c8'/%3E%3C/svg%3E") no-repeat;height:15vmin;transform:translateX(70vw);width:30vmin;top:5vh;-webkit-animation-duration:100s;animation-duration:100s;-webkit-animation-delay:-60s;animation-delay:-60s;z-index:3}.clouds-reflex>:nth-child(2),.clouds>:nth-child(2){background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' style='isolation:isolate' viewBox='1291 889 402 192' width='402' height='192'%3E%3Cpath d='M1498 889h130c12 0 22 9 22 19 0 11-10 19-22 19h-130c-12 0-22-9-22-19 0-11 10-19 22-19zm90 135v-.964c0-10 8-18 18-18h5c10 0 18-8 18-18v-2c0-10-8-18-18-18h-303c-10 0-18 8-18 18v2c0 10 8 18 18 18h93c10 0 18 8 18 18v.964c0 10-8 18-18 18h-19c-10 0-18 8-18 18v2c0 10 8 18 18 18h292c10 0 18-8 18-18v-2c0-10-8-18-18-18h-68c-10 0-18-8-18-18z' fill-rule='evenodd' fill='%23db67b2'/%3E%3C/svg%3E") 50%/contain no-repeat;height:12vmin;width:20vmin;top:2vh;transform:translateX(2vw);-webkit-animation-duration:200s;animation-duration:200s;-webkit-animation-delay:-40s;animation-delay:-40s;z-index:2}.clouds-reflex>:last-child,.clouds>:last-child{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' style='isolation:isolate' viewBox='1050.315 722.398 212.578 62.843' width='212.578' height='62.843'%3E%3Cpath d='M1068.721 753.26c-10.158 0-18.406 7.166-18.406 15.991s8.962 15.99 20 15.99h172.578c11.039 0 20-7.165 20-15.99s-8.961-15.991-20-15.991h-37.892c-11.038 0-20-6.914-20-15.431 0-8.516-8.962-15.431-20-15.431h-57.874c-11.038 0-20 6.915-20 15.431 0 8.517-8.247 15.431-18.406 15.431z' fill='%23C35EA0'/%3E%3C/svg%3E") 50%/contain no-repeat;height:7vmin;transform:translateX(25vw);width:12vmin;-webkit-animation-delay:-140s;animation-delay:-140s;-webkit-animation-duration:300s;animation-duration:300s;z-index:1}.stars,.stars:before{height:60vh;width:100vw;position:absolute;background:url(../img/stars.3ddbf318.svg) 0 top;background-size:132.5vmin 25vmin}.stars{bottom:var(--height-sea)}.stars:before{content:"";display:block;z-index:1;-webkit-mask-image:-webkit-gradient(linear,left 90%,left bottom,from(#000),to(transparent));filter:blur(.2vmin);transform:translateY(100%)}.sea{height:var(--height-sea);width:100%;bottom:0;background:linear-gradient(180deg,#890f50,#320567 30%,#240366 99%)}.rocks,.sea{position:absolute}.rocks{bottom:var(--height-sea);width:100vw}.rocks .rocks_left,.rocks .rocks_right{position:absolute;top:calc(1px - var(--height-sea));height:var(--height-sea)}.rocks .rocks_left *,.rocks .rocks_right *{position:absolute;bottom:0}.rocks .rocks_left *,.rocks .rocks_left :before,.rocks .rocks_right *,.rocks .rocks_right :before{width:100%;height:100%;z-index:2}.rocks .rocks_left :before,.rocks .rocks_right :before{content:"";display:block;transform:translateY(100%) scaleY(-1)}.rocks .rocks_left :first-child:before,.rocks .rocks_right :first-child:before{opacity:.25;filter:blur(4px)}.rocks .rocks_left :nth-child(2):before,.rocks .rocks_right :nth-child(2):before{opacity:.4;filter:blur(3px)}.rocks .rocks_left :last-child:before,.rocks .rocks_right :last-child:before{width:100%;opacity:.8;filter:blur(1.5px)}.rocks .rocks_left{width:40vw}.rocks .rocks_left :first-child,.rocks .rocks_left :first-child:before{background:url(../img/MountainBack_Left.af649eeb.svg) 50% bottom/contain no-repeat}.rocks .rocks_left :nth-child(2),.rocks .rocks_left :nth-child(2):before{background:url(../img/MountainSecond_Left.3e66df96.svg) 50% bottom/contain no-repeat}.rocks .rocks_left :last-child{width:95%}.rocks .rocks_left :last-child,.rocks .rocks_left :last-child:before{background:url(../img/MountainFront_Left.b3524718.svg) 50% bottom/contain no-repeat}.rocks .rocks_right{width:50vw;right:0}.rocks .rocks_right :first-child{width:95%;right:0}.rocks .rocks_right :first-child,.rocks .rocks_right :first-child:before{background:url(../img/MountainBack_Right.56ccc022.svg) 50% bottom/contain no-repeat}.rocks .rocks_right :nth-child(2),.rocks .rocks_right :nth-child(2):before{background:url(../img/MountainSecond_Right.25d5a525.svg) 50% bottom/contain no-repeat}.rocks .rocks_right :last-child,.rocks .rocks_right :last-child:before{background:url(../img/MountainFront_Right.e5ff1311.svg) 50% bottom/contain no-repeat}.rocks .rocks_right :last-child{width:93%;right:0}@-webkit-keyframes cloud{0%{transform:translateX(100vw)}to{transform:translateX(-100%)}}@keyframes cloud{0%{transform:translateX(100vw)}to{transform:translateX(-100%)}}.space{width:100%;height:100%;overflow:hidden;position:relative}h2.welcome{display:flex;justify-content:center;align-items:center;width:50vmin;height:50vmin;border-radius:50%;background:rgba(0,0,0,.6);text-align:center;margin:0 auto;font-size:6vmin;color:var(--color-blue);filter:drop-shadow(0 0 5px var(--color-blue-light))}h2.welcome:before{display:none}.main-planet{width:80vmin;height:80vmin;background:url(../img/MainPlanet.32fce54c.svg) 50%/contain no-repeat;transform:translate(-45.5%,-47.5%)}.ufo{top:5vh;left:5vw;background:url(../img/UFO.74a12429.svg) 50%/contain no-repeat}.meteor,.ufo{width:25vmin;height:25vmin;position:absolute;transform:rotate(-25deg)}.meteor{top:3vh;right:3vw;background:url(../img/Meteor.0deb8178.svg) 50%/contain no-repeat}.another-planet{width:50vmin;height:50vmin;position:absolute;bottom:-8vh;left:-6vw;background:url(../img/YellowPlanet.15c3b1e5.svg) 50%/contain no-repeat}.hole{width:23vmin;height:23vmin;position:absolute;bottom:1vw;right:1vw;transform:rotate(25deg);filter:drop-shadow(0 0 1vmin #ff1c76);background:url(../img/Hole.5117f30a.svg) 50%/contain no-repeat}.suprematism{position:relative;width:100%;height:100%}.parralax-item-cube{width:27vmin;height:27vmin;background:#000}.parralax-item-bottom-left{bottom:4%;left:5%;width:23vmin;height:35vmin}.parralax-item-bottom-left-pattern{bottom:6%;left:7%;width:23vmin;height:35vmin}.parralax-item-bottom-right{right:3%;bottom:2%;width:30vmax;height:35vmin;background:url(../img/bottom-right.40a34f69.svg) 50%/contain no-repeat}.parralax-item-bottom-right-triangle{right:19%;bottom:7%;width:6.5vmax;height:6.5vmax;transform-origin:50% 30%;-webkit-animation:rotateGear 13s linear infinite;animation:rotateGear 13s linear infinite;background:url(../img/bottom-right-triangle.4a5199ee.svg) 50%/contain no-repeat}.parralax-item-top-left{top:1%;left:3%;width:40vmin;height:40vmin}.parralax-item-top-left-multi{top:5%;left:10%;width:7vmax;height:7vmax;-webkit-animation:rotatePs 20s linear infinite;animation:rotatePs 20s linear infinite;background:url(../img/top-left-multi.c6fb866e.svg) 50%/contain no-repeat}.parralax-item-top-right{width:15vmin;height:15vmin;top:5%;right:8%}.parralax-item-top-right-circle{top:30%;right:18%;width:4vmin;height:4vmin;background:url(../img/top-right-circle.34f7568f.svg) 50%/contain no-repeat}@-webkit-keyframes rotateGear{0%,to{transform:rotate(-15deg)}85%{transform:rotate(370deg)}}@keyframes rotateGear{0%,to{transform:rotate(-15deg)}85%{transform:rotate(370deg)}}@-webkit-keyframes rotatePs{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes rotatePs{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.world,canvas{width:100%;height:100%}.world{background:#000}.index,.world{position:absolute}.index{width:100vw;height:100vh;display:flex;overflow:hidden;background:var(--color-bg)}.p-absolute{position:absolute}.popover-enter,.popover-leave-to{opacity:0;transform:translate(-50%,-50%) perspective(900px) rotate3d(70,0,0,-30deg)}.popover-enter-to,.popover-leave{opacity:1;transform:translate(-50%,-50%) perspective(900px) rotate3d(0,0,0,0deg)}.popover-enter-active{transition:.4s}.popover-leave-active{transition:.2s}.menu{cursor:pointer;position:relative;text-align:left}.menu.active .item_icon:before{transform:translate(3px,7px) rotate(180deg)}.menu-open .menu-icon:before{transform:translate(3px,8px) rotate(-180deg)}.menu-icon{width:20px;height:20px;fill:currentColor}.menu-list{position:absolute;z-index:10;border-radius:7px;overflow:hidden}.menu-list .menu-list-item{display:flex;align-items:center;justify-content:space-between;padding:4px 5px;width:100%;background:rgba(0,0,0,.4)}.menu-list .menu-list-item:hover{text-shadow:0 0 7px currentColor;background:rgba(0,0,0,.5)}.menu-list-top{top:0;transform:translateY(-100%)}.login-transition{width:100%;height:100vh;position:relative}.login-view{--login-width:330px;padding:12px;position:absolute;border-radius:20px;background:var(--background-block);display:flex;flex-direction:column;transition:.25s;width:var(--login-width);min-width:var(--login-width);height:230px;z-index:10}.login-view.login-view--center{transform:translate(calc(50vw - 50%),calc(50vh - 50%))}.login-view.login-view--top{transform:translate(calc(50vw - 50%),12px)}.login-view.login-view--right{transform:translate(calc(100vw - 100% - 12px),calc(50vh - 50%))}.login-view.login-view--bottom{transform:translate(calc(50vw - 50%),calc(100vh - 100% - 12px))}.login-view.login-view--left{transform:translate(12px,calc(50vh - 50%))}.login-view .slash{stroke-dasharray:29;stroke-dashoffset:29;transition:stroke-dashoffset .3s}.login-view .hide .slash{stroke-dashoffset:0}.login-empty-title{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);font-weight:200;font-size:2rem;opacity:.7}.login-content-settings .login-view{transform:translate(calc(50vw - 50%),calc(50vh - 50%));height:50vmin;width:80vmin}.login-content-settings .user-choice{margin-bottom:8px;display:flex}.login-content-settings .user-choice .user-avatar,.login-content-settings .user-choice svg{display:block;width:60px;height:60px;margin:0}.login-content-settings .user-choice .time{position:absolute;transform:translate(74px,32px)}.login-content-settings .user-choice .user-name{margin:8px 12px}.user-choice{width:100%}.user-choice svg{width:50px;height:50px}.time{text-align:center;color:var(--color-unfocus);font-size:.95rem}.user-avatar,.user-choice svg{border-radius:50%;width:100px;height:100px;display:block;transition:.3s;margin:auto;background-repeat:no-repeat;background-size:cover;background-position:50%}.user-name{color:#fff;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-size:1.2rem;margin:8px auto;transition:.3s;text-align:center}.user-input{display:flex;align-items:center}.user-input input{background:none;padding:5px 12px;color:#fff;margin:0 8px;border:1px var(--color-unfocus) solid;transition:border .15s;border-radius:5px;line-height:25px;width:100%}.user-input input:focus{outline:none;border-color:var(--color-active)}.user-input input::-moz-placeholder{color:#fff;opacity:.45}.user-input input:-ms-input-placeholder{color:#fff;opacity:.45}.user-input input::placeholder{color:#fff;opacity:.45}.user-input-login{border-radius:50%;flex-shrink:0;padding:0;background:none;border:none;transition:.2s}.desktop-icon,.icon,.settings-button,.system-icon,.user-input-login{width:25px;min-width:25px;height:25px;cursor:pointer;fill:var(--color-unfocus);color:var(--color-unfocus);transition:.15s}.desktop-icon:focus,.icon:focus,.settings-button:focus,.system-icon:focus,.user-input-login:focus{outline:none}.desktop-icon:hover,.icon:hover,.settings-button:hover,.system-icon:hover,.user-input-login:hover{color:#fff;fill:#fff}.desktop-icon svg,.icon svg,.settings-button svg,.system-icon svg,.user-input-login svg{transition:.15s}.icon-eye{padding:2px;margin-right:8px}.desktop-icon,.system-icon{padding:0;z-index:2;border:0;position:absolute;background:none;border-radius:5px;border:1px solid transparent}.system-icon{right:12px;top:12px}.desktop-icon{top:12px;left:12px}.user-input .password-input--error{border-color:red;-webkit-animation:errorInput .3s linear 2;animation:errorInput .3s linear 2}@-webkit-keyframes errorInput{0%{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}to{transform:translateX(0)}}@keyframes errorInput{0%{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}to{transform:translateX(0)}}.dialog-overlay{width:100%;height:100%;cursor:pointer;z-index:10;position:absolute;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.8)}.dialog-body{padding:24px 36px;border-radius:12px;background:rgba(0,0,0,.8)}.dialog-title{text-align:center;margin:0;font-size:3.25rem}.dialog-text{text-align:center;margin-bottom:24px;font-size:1.5rem}.dialog-buttons{display:flex;gap:12px}.dialog-buttons .app-button{min-width:100px;flex:1}.slider-input{touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:calc(100% - 50px);height:2px;border-radius:1px;background:#cdd9ed;position:relative;margin-bottom:10px}.slider-input .noUi-connects{cursor:pointer}.slider-input .noUi-connects .noUi-connect{background:var(--color-active)}.slider-input .noUi-handle:after,.slider-input .noUi-handle:before{border-radius:20px;transform:scale(var(--s));transition:transform .3s ease,border-radius .3s ease}.slider-input .noUi-handle:before{--s:0.5;background:var(--color-active)}.slider-input .noUi-handle:after{--s:0.2;background:#fff}.slider-input .noUi-handle.noUi-active:before{--s:0.6}.slider-input .noUi-handle.noUi-active:after{--s:0.55}.slider-input *{touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.slider-input.noUi-state-tap .noUi-connect,.slider-input.noUi-state-tap .noUi-origin{transition:transform .3s}.slider-input .noUi-target{position:relative}.slider-input .noUi-base,.slider-input .noUi-connects{position:relative;z-index:1;width:100%;height:100%}.slider-input .noUi-connect,.slider-input .noUi-origin{position:absolute;will-change:transform;transform-origin:0 0;top:0;left:0;z-index:1}.slider-input .noUi-connects{overflow:hidden;z-index:0;border-radius:1px}.slider-input .noUi-connects .noUi-connect{width:100%;height:100%}.slider-input .noUi-handle{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute;outline:none;cursor:pointer;width:30px;height:30px;right:-10px;top:-19px}.slider-input .noUi-handle:after,.slider-input .noUi-handle:before{content:"";position:absolute}.slider-input .noUi-handle:before{left:0;top:0;width:40px;height:40px}.slider-input .noUi-handle:after{left:2px;top:2px;width:36px;height:36px}.slider-input .noUi-origin{left:auto;right:0;height:0;width:10%}.app-slider__content{white-space:nowrap;display:flex;justify-content:space-between;padding:0 3.5%}.app-button{padding:6px 8px;border-radius:8px;border:1px solid transparent;cursor:pointer;background:var(--color-unfocus);display:flex;color:#000;align-items:center;justify-content:center;transition:background .2s,border .2s,color .2s}.app-button:hover{background:var(--color-active)}.app-button:focus{border:1px solid var(--color-active);background:none;outline:none;color:#fff}.app-button--block{display:flex;flex:1 0 auto;width:100%}.app-button--fab{padding:4px;border-radius:12px;cursor:pointer;width:40px;transition:border-radius .15s;height:40px}.app-button--fab,.app-button--fab:hover{background:var(--background-block)}.app-button--fab:hover svg{color:#fff}.app-button--fab svg{color:var(--color-unfocus);display:block;transition:.15s;margin:0}.palette-blocks{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:8px}.palette-block{display:flex;height:50px;max-width:200px;border-radius:8px;overflow:hidden;position:relative}.palette-block:before{content:"";display:block;width:100%;height:100%;background:rgba(0,0,0,.4);transition:background .2s;position:absolute}.palette-block.active:before,.palette-block:hover:before{background:transparent}.palette-block-color{flex:1;height:100%}.shutdown-block{position:absolute;right:12px;bottom:12px}.shutdown-block:hover .shutdown-menu{opacity:1;transform:translateY(-40px)}.shutdown-block:hover .shutdown-button{border-radius:0 0 12px 12px}.github-link{position:absolute;left:12px;bottom:12px}.shutdown-button{padding:12px;border-radius:12px;cursor:pointer;background:var(--background-block);width:40px;transition:border-radius .15s;height:40px}.shutdown-button svg{color:var(--color-unfocus);display:block;transition:.15s;margin:0}.shutdown-button svg:hover{color:#fff}.shutdown-menu{border-radius:12px 12px 0 0;position:absolute;bottom:0;right:0;width:40px;display:flex;background:var(--background-block);transition:.3s;opacity:0;flex-direction:column;transform:translateY(calc(100% + 56px))}.shutdown-item{height:40px;padding:12px;color:var(--color-unfocus);transition:color .2s}.shutdown-item:hover{color:#fff}.selector{padding:4px 8px;border-radius:4px;border:1px solid var(--color-unfocus);color:var(--color-unfocus);display:flex;align-items:center;justify-content:space-between;cursor:pointer}.selector:hover{border-color:hsla(0,0%,100%,.8)}.selector:hover .selector-arrow{fill:hsla(0,0%,100%,.8)}.selector.active{border-color:#fff}.selector.active .selector-arrow{fill:#fff;transform:rotate(-90deg)}.selector-arrow{fill:var(--color-unfocus);transform:rotate(90deg);transition:.2s}.selector-icon{float:left;margin-right:8px}.selector-label{font-size:1rem;font-weight:300;flex:1}.selector-label .widget-user-image{border-radius:50%;background-size:cover;background-position:50%}.selector-label-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:calc(100% - 33px)}.checkbox{display:flex;align-items:flex-end}.checkbox--active .checkbox-control-box,.checkbox:hover .checkbox-control-box{border-color:hsla(0,0%,100%,.8)}.checkbox--active .checkbox-control-box svg{opacity:1}.checkbox-control{margin:4px;cursor:pointer;margin-right:8px;position:relative}.checkbox-control input{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.checkbox-control-box{width:18px;height:18px;border-radius:4px;border:1px solid hsla(0,0%,100%,.6);display:flex;color:var(--color-active);align-items:center;justify-content:center;transition:.2s}.checkbox-control-box svg{width:80%;opacity:0;stroke-width:6;transition:opacity .2s}.input-label{cursor:pointer;line-height:1rem;margin-bottom:3px}.users-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(60px,calc(20% - 12px)))}.settings-user-block{cursor:pointer;display:flex;padding:12px;align-items:center;border-radius:12px;border:1px solid var(--color-unfocus);flex-direction:column;justify-content:center}.settings-user-block.active{border-color:var(--color-active)}.settings-user-name{margin-top:8px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.settings-user-image{border-radius:50%;width:100%;height:100%;background-size:cover;background-position:50%}.settings-hotkey{display:flex;align-items:center;margin-bottom:8px}.settings-hotkey-blocks{display:flex;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.settings-hotkey-block,.settings-hotkey-title{text-transform:uppercase;margin-right:8px}.settings-hotkey-block{padding:4px 9px;font-size:12px;border:1px var(--color-unfocus) solid;border-radius:.4em}.user-settings{height:100%;overflow-y:auto}.user-settings-themes{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(auto-fit,150px);gap:8px}.user-settings-theme{height:150px;border-radius:12px;cursor:pointer;position:relative;border:2px solid transparent;transition:border .2s}.user-settings-theme.active{border-color:var(--color-active)}.user-settings-tabs{display:flex;justify-content:center;align-items:center;margin-bottom:4px;position:sticky;top:0}.user-settings-tab{padding:4px 8px;color:#fff;cursor:pointer;border-bottom:2px solid transparent}.user-settings-tab.active{border-bottom:2px solid var(--color-active)}.user-settings-general{display:grid;overflow:hidden;gap:12px}.user-settings-custom{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}#app .vc-chrome{width:100%}#app .vc-chrome-saturation-wrap{padding-bottom:150px}#app .vc-chrome-body{background:rgba(0,0,0,.9)}#app .vc-chrome-fields .vc-input__input{background:rgba(0,0,0,.9);border:1px solid hsla(0,0%,100%,.4);color:#fff;font-size:.7rem;line-height:2;font-weight:700;height:24px;border-radius:4px;font-family:sans}.background{width:100%;height:100%;background-size:cover;background-position:50%;background-repeat:no-repeat}.background-image{position:absolute;overflow:hidden;width:100%;height:100vh;transition:.5s}.background-bottom,.background-center,.background-top{width:100%}.background-item,.prllx-block{position:absolute}.prllx-block{width:100%;height:100%}.prllx-block *{position:absolute}.icon{width:25px;height:25px}.center-x{display:flex;justify-content:center}.frame-rate-block{top:0;right:0;color:#fff;font-size:1.1rem;padding:6px 12px;z-index:10;position:absolute;background:var(--background-block);border-radius:0 0 0 10px}:root{--color-active:#fa076c;--color-bg:#13111c;--color-green:#91e60a;--color-blue:#04ded4;--color-unfocus:hsla(0,0%,100%,0.5);--color-focus:#fff;--login-height:14vmin;--background-block:rgba(0,0,0,0.45);font-size:16px}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-active)}#app.blur .login-view{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#app.no-transition *{-webkit-animation-duration:.01ms!important;animation-duration:.01ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important} |