@import"https://fonts.cdnfonts.com/css/geometria";@import"https://fonts.cdnfonts.com/css/inter";:root{--bg-color:#030327;--block-color:#0e0c2d;--item-color:#0b1223;--top-color:#24345d;--main-text:#c2c7cd;--second-text:#bcc4d5;--hover-text:#c4cdda;--yellow:#dd9b39;--btn-text:#d5d5d5;--hover-btn-text:#e4e4e4;--success-color:#22b34966;--warning-color:#dfdc1566;--error-color:red}*,:after,:before{box-sizing:border-box}*{border:none;color:var(--main-text);font-family:Manrope,sans-serif;font-size:1em;font-weight:400;line-height:1;list-style:none;margin:0;outline:none;padding:0;text-decoration:none}i{color:var(--second-text)}body{background-color:var(--bg-color);font-family:Arial,sans-serif;margin:0 0 40px;padding:0;transition:.3s}.wrapper{height:100%;margin:0 auto;max-width:1280px;width:100%}.flex-wrapper{display:flex;flex-wrap:wrap;gap:10px}.gap-5{gap:5px!important}.header{background-color:var(--block-color);padding:10px 25px}.navbar-menu{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}.navbar-menu__items{align-items:center;display:flex;gap:15px}.navbar-menu__logo{display:block;max-height:32px;-o-object-fit:contain;object-fit:contain}.navbar-menu__link{color:var(--second-text);font-family:Inter,sans-serif;font-size:14px;font-weight:500;padding:22px 12px;text-transform:uppercase}.navbar-menu__link--auth{background-color:var(--top-color);border-radius:3px;color:var(--btn-text);padding:16px 24px}.navbar-menu__link:hover{color:var(--hover-text)}.navbar-menu__dropdown{display:inline-block;margin-right:10px;position:relative;z-index:100}.navbar-menu__servers{background-color:var(--block-color);border-radius:5px;box-shadow:0 7px 29px #0003;display:flex;flex-direction:column;position:absolute;top:45px}.navbar-menu__server{background-color:inherit;border-radius:5px;color:var(--second-text);font-size:14px;padding:15px 48px}.navbar-menu__server:hover{background-color:var(--item-color);color:var(--hover-text);cursor:pointer}.navbar-menu__server--selected{color:var(--main-text)}.navbar-menu__btn,.navbar-menu__server--selected{background-color:var(--item-color);border-radius:5px}.navbar-menu__btn{align-items:center;display:flex;gap:6px;justify-content:center;padding:10px 12px; }.navbar-menu__btn:hover{background-color:#1d2330;cursor:pointer}.navbar-menu__btn--selected{background-color:#1d2330;border: solid 1px rgb(33 150 243);background: rgb(33 150 243 / 14%);}.navbar-menu__team{display:block;max-height:24px;-o-object-fit:contain;object-fit:contain;width:100%}.navbar-menu__group{align-items:center;background-color:var(--item-color);border-radius:5px;display:flex;gap:12px;margin-left:10px;padding:10px 12px}.navbar-menu__user{display:flex;flex-direction:column;gap:1px;justify-content:flex-end}.navbar-menu__nickname{font-size:12px}.navbar-menu__exit{background:none;color:var(--second-text);font-size:11px;text-align:end}.navbar-menu__exit:hover{color:var(--hover-text)}.navbar-menu__avatar{display:block;max-height:24px;-o-object-fit:contain;object-fit:contain;width:100%}.m-card{background-color:var(--block-color);height:180px}.m-card:hover{background-color:#161a24;cursor:pointer}.m-card--selected{background-color:var(--item-color)!important;outline:1px solid #ea9709}.s-card{background:var(--item-color);height:150px}.s-card:hover{background-color:#1d2330;cursor:pointer}.s-card--selected,.s-card--selected_item{background-color:#1d2330!important}.s-card--selected_item{outline:1px solid #ea9709}main{display:flex;justify-content:center;margin-top:15px;padding:0 25px}.s-wrapper{display:grid;grid-auto-flow:row;grid-template-columns:1fr 1fr 1fr;grid-gap:5px}.m-wrapper{display:grid;grid-auto-flow:row;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));grid-gap:8px;align-items:center;max-width:100%}.m-wrapper--modalcard{background-color:var(--block-color);grid-template-columns:repeat(auto-fill,minmax(95px,1fr))!important;max-height:435px;min-height:435px;overflow-y:auto;padding:8px;scrollbar-width:none}.fb-100{flex-basis:100%}.skinchanger-sidebar{align-self:flex-start;background-color:var(--block-color);border-radius:5px;display:flex;flex:1;flex-direction:column;gap:10px;max-width:400px;padding:8px}.skinchanger-sidebar__header{display:flex;flex-direction:column;gap:5px}.skinchanger-sidebar__header--bg{background-color:var(--item-color);padding:10px;position:relative}.skinchanger-sidebar__filters{display:flex;flex-wrap:wrap;gap:5px}.skinchanger-sidebar__filter{background-color:var(--item-color);border-radius:3px;color:var(--second-text);flex:1;font-size:12px;font-weight:400;padding:6px 10px;text-align:center;transition:.3s}.skinchanger-sidebar__filter:hover{background-color:#1d2330;color:var(--hover-btn-text);cursor:pointer}.skinchanger-sidebar__filter--selected{background-color:#1d2330;color:var(--hover-text)}.skinchanger-sidebar__body{display:flex;flex-direction:column;flex-wrap:wrap;gap:10px}.skinchanger-sidebar__body--row{flex-direction:row!important}.card{border-radius:5px;display:flex;flex-direction:column;gap:10px;justify-content:center;padding:12px;transition:.3s}.card__body{height:180px;position:relative}.card__body,.card__text{align-items:center;display:flex;justify-content:center}.card__text{background-color:inherit;border-radius:3px;font-size:16px;height:30px;padding:6px;position:absolute;right:-8px;top:-8px;width:30px;z-index:4}.card__text img{filter:invert(45%) sepia(4%) saturate(1906%) hue-rotate(185deg) brightness(94%) contrast(84%);width:15px}.card__text:hover{color:var(--main-text);cursor:pointer}.m-card .card__body{background:url(../img/bg.png) 50% no-repeat}.card__bg{border-radius:100px;display:block;filter:blur(30px);height:60px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:60px;z-index:1}.card__img{display:block;height:auto;max-width:100%;padding:5px 0;z-index:3}.card__footer{gap:5px}.card__footer,.card__info{display:flex;flex-direction:column}.card__info{gap:2px}.card__title{color:var(--main-text);font-size:12px;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card__subtitle{color:var(--second-text);font-size:10.8px;font-weight:400}.skinchanger-sidebar__footer{display:flex;flex-direction:column;gap:5px}.skinchanger-main{display:flex;flex:1;flex-direction:column;gap:8px}.search-form{align-items:center;background-color:var(--block-color);border-radius:5px;display:flex;flex-basis:300px;gap:10px;padding:12px;transition:.3s}.search-input{flex-grow:1;font-size:13px;font-weight:400}.search-button,.search-input{background:none;border:none;outline:none}.search-button{align-items:center;cursor:pointer;display:flex;justify-content:center;padding:3px}.search-icon{color:var(--second-text);font-size:14px}.search-input::-moz-placeholder{color:var(--second-text)}.search-input::placeholder{color:var(--second-text)}.skinchanger-modalcard{align-items:center;background-color:#0f131af2;bottom:0;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;margin:0 auto;min-height:100vh;overflow:hidden;padding:30px;position:fixed;right:0;top:0;width:100%;z-index:101}.skinchanger-modalcard__close{background-color:var(--item-color);border-radius:6px;box-shadow:0 5px 15px #00000059;color:var(--second-text);margin-top:15px;max-width:450px;padding:12px;width:100%}.skinchanger-modalcard__close:hover{background-color:var(--top-color);color:var(--hover-text);cursor:pointer}.skinchanger-sidebar__modalimg{display:block;max-height:125px;-o-object-fit:contain;object-fit:contain;width:auto}.skinchanger-sidebar__group{display:flex;gap:5px}.skinchanger-sidebar__group--gap{gap:10px}.skinchanger-sidebar__title{color:var(--second-text);font-size:12px}.skinchanger-sidebar__stickers{align-items:center;display:flex;flex-wrap:wrap;gap:3px}.stickers{width:80%}.keychain,.stickers{display:flex;flex-direction:column;gap:2px}.keychain{width:20%}.skinchanger-sidebar__sticker{align-items:center;background-color:var(--item-color);border-radius:3px;display:flex;flex:1;font-size:26px;height:42.25px;justify-content:center;padding:12px}.skinchanger-sidebar__sticker:hover i{color:var(--hover-text)}.skinchanger-sidebar__stickerimg{display:block;max-height:35px;max-width:35px;-o-object-fit:contain;object-fit:contain}.skinchanger-sidebar__sticker:hover{background-color:var(--item-color);cursor:pointer}.sticker-sidebar__sticker-selected{outline:1px solid #ea9709}.skinchanger-sidebar__settings{display:flex;flex:1;flex-direction:column;gap:5px}.skinchanger-sidebar__form{align-items:center;background-color:var(--item-color);border-radius:5px;display:flex;flex:1;gap:10px;height:40px;padding:14px;transition:.3s}.skinchanger-sidebar__input{background:none;border:none;font-size:13px;font-weight:400;outline:none;width:100%}.skinchanger-sidebar__input::-moz-placeholder{color:var(--second-text);font-size:12px;margin:0}.skinchanger-sidebar__input::placeholder{color:var(--second-text);font-size:12px;margin:0}.skinchanger-main__buttons{display:flex;justify-content:space-between;width:100%}.skinchanger-sidebar__btn{align-items:center;background-color:var(--item-color);border-radius:3px;color:var(--second-text);display:flex;font-size:12px;justify-content:center;padding:14px}.skinchanger-sidebar__btn--selected{background-color:#1d2330;color:var(--btn-text)}.skinchanger-sidebar__text{align-items:center;background-color:var(--item-color);color:var(--second-text);display:flex;flex:1;font-size:12px;justify-content:center;padding:14px}.skinchanger-sidebar__btn:hover{background-color:#1d2330;color:var(--hover-text);cursor:pointer}.skinchanger-sidebar__btn-arrow{border-radius:3px}.skinchanger-sidebar__btn-arrow:hover i{color:var(--hover-text)}.skinchanger-sidebar__settings--quality{flex-basis:100%}.skinchanger-sidebar__sbtn{border-radius:6px;color:var(--btn-text);flex:1;font-size:12px;margin-top:5px;padding:14px}.skinchanger-sidebar__sbtn--exit{background-color:#a5323b}.skinchanger-sidebar__sbtn--exit:hover{background-color:#c43a46}.skinchanger-sidebar__sbtn--save{background-color:var(--top-color)}.skinchanger-sidebar__sbtn--save:hover{background-color:#4a59e4de}.skinchanger-sidebar__sbtn--saving{background-color:var(--warning-color);text-align:center}.skinchanger-sidebar__sbtn--saved{background-color:var(--success-color);text-align:center}.skinchanger-sidebar__sbtn--error{background-color:var(--error-color);text-align:center}.skinchanger-sidebar__sbtn:hover{color:var(--hover-btn-text);cursor:pointer}.skinchanger-main__servers{display:flex;flex-direction:column;gap:5px}.skinchanger-server{align-items:center;background-color:var(--block-color);border-radius:6px;display:flex;padding:12px}.skinchanger-server__item{color:var(--second-text);font-size:15px}.skinchanger-server__id{flex-basis:10%}.skinchanger-server__name{flex-basis:30%}.skinchanger-server__ip{flex-basis:30%;text-align:center}.skinchanger-server__group{align-items:center;display:flex;flex-basis:30%;gap:8px;justify-content:flex-end}.skinchanger-server__btn{background-color:var(--item-color);border-radius:3px;font-size:12px;height:30px;padding:8px;width:auto}.skinchanger-server__btn i{align-items:center;display:flex;font-size:15px;justify-content:center}.skinchanger-server__btn:hover{cursor:pointer}.skinchanger-server__btn:hover i{color:var(--hover-text)}.skinchanger-server__btn--active i{color:#64b16e}.skinchanger-server__btn--hidden i{color:#b14d55}.skeleton-pulse{animation:skeleton-pulse-animation 2s ease-in-out infinite}@keyframes skeleton-pulse-animation{0%{background-color:var(--block-color)}50%{background-color:var(--item-color)}to{background-color:var(--block-color)}}.auth{align-items:center;background-color:var(--block-color);border-radius:8px;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:15px;position:absolute;top:35%}.auth__text{color:var(--second-text);font-size:12px}.auth__btn{background-color:var(--top-color);border-radius:5px;color:var(--btn-text);padding:12px 32px;transition:.3s}.auth__btn:hover{background-color:#4a59e4de;color:var(--hover-btn-text);cursor:pointer}.trash-icon{filter:invert(45%) sepia(4%) saturate(1906%) hue-rotate(185deg) brightness(94%) contrast(84%);width:45px}