@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap);@import url(https://site-assets.fontawesome.com/releases/v6.2.1/css/all.css);*{--text-section-max-width:640px;--base-pixel-size:12px;--base-rem-size:0.75rem;--half-rem-size:calc(var(--base-rem-size)/2);--twice-rem-size:calc(var(--base-rem-size)*2);--section-margin-bottom:calc(var(--base-rem-size)*4);--header-height:60px;--breadcrumbs-height:calc(var(--base-pixel-size)*3.5);--max-width:1920px;--standard-color:#0073e6;--standard-hovered-color:#005ebd;--standard-focus-color:#004d99;--standard-disabled-color:#3d3d3d;--standard-color-text:#198cff;--color-link:#42a1ff;--color-text:#fff;--color-body:#e8e8e8;--color-bg:#0a0a0a;--card-background-color:#2b2b2b;--card-button-color:#3c4144;--card-button-hovered-color:#545a5f;--border-color:#292929;--header-footer-background:#000;--font:"Montserrat","Arial",sans-serif;box-sizing:border-box;font-family:var(--font)}::-webkit-scrollbar{height:5px;width:5px}::-webkit-scrollbar-thumb{background-color:#555;border-radius:10px}::-webkit-scrollbar-thumb:hover{background-color:#777}#virtualartgames-app{display:flex;flex:1 1 auto;flex-direction:column;justify-items:center;width:100%}body,html{background-color:var(--color-bg);display:flex;flex-direction:column;height:100%;margin:0;width:100%}a{color:var(--color-link);text-decoration:none}a:hover{text-decoration:underline}.MainContentContainer{flex:1 1 auto;width:100%}.pulsingEllipsisItem{-webkit-animation:spinner-pulsing-ellipsis 1.4s ease-in-out infinite;animation:spinner-pulsing-ellipsis 1.4s ease-in-out infinite;background-color:#fff;border-radius:3px;display:inline-block;height:6px;margin-right:2px;opacity:.3;width:6px}.pulsingEllipsisItem:first-of-type{-webkit-animation-delay:.2s;animation-delay:.2s}.pulsingEllipsisItem:nth-of-type(2){-webkit-animation-delay:.4s;animation-delay:.4s}.pulsingEllipsisItem:nth-of-type(3){-webkit-animation-delay:.6s;animation-delay:.6s}#MessageBG{align-items:center;background-color:rgba(0,0,0,.333);bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:1}#MessageBG #Message{background-color:#36393f;border-radius:5px;display:flex;flex-direction:column;gap:20px;margin:25px;max-width:450px;padding:25px;width:100%}#MessageBG #Message #Title{color:#fff;font-family:var(--font);font-size:20px;font-weight:600;margin:0}#MessageBG #Message #Content{color:#ddd;font-family:var(--font);font-size:17px;font-weight:300;margin:0}#MessageBG #Message #Content b{color:#fff}#MessageBG #Message #Confirm{background-color:var(--standard-color);border:transparent;border-radius:3px;color:#fff;cursor:pointer;font-size:1rem;justify-self:flex-end;padding:.7rem 1rem;transition:background .2s;-webkit-user-select:none;user-select:none;width:100%}#MessageBG #Message #Confirm:hover{background-color:var(--standard-hovered-color)}@-webkit-keyframes spinner-pulsing-ellipsis{0%{opacity:.3}50%{opacity:1}to{opacity:.3}}@keyframes spinner-pulsing-ellipsis{0%{opacity:.3}50%{opacity:1}to{opacity:.3}}@media (max-width:485px){#AccountConnect #FormContainer{height:100%;justify-content:center;max-width:none;padding:7%!important;width:100%}}#virtualartgames-titlebar{position:absolute;top:0;width:100%;z-index:1000}#virtualartgames-titlebar #Titlebar-App{-webkit-app-region:drag;display:flex;flex-direction:row-reverse;flex-shrink:0;height:25px;width:100%;z-index:3001}#virtualartgames-titlebar #Titlebar-App button{-webkit-app-region:no-drag;align-items:center;background-color:initial;border:transparent;color:#eee;cursor:pointer;display:flex;height:100%;justify-content:center;width:31px}#virtualartgames-titlebar #Titlebar-App #Titlebar-Maximize:hover,#virtualartgames-titlebar #Titlebar-App #Titlebar-Minimize:hover{background-color:hsla(0,0%,100%,.2);color:#fff}#virtualartgames-titlebar #Titlebar-App #Titlebar-Close:hover{background-color:#f55;color:#fff}@-webkit-keyframes ManageAccountsShow{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes ManageAccountsShow{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes AccountShow{0%{opacity:0;-webkit-transform:translateY(-50px);transform:translateY(-50px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes AccountShow{0%{opacity:0;-webkit-transform:translateY(-50px);transform:translateY(-50px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}#AccountConnect{align-items:center;background-color:#141414;background-size:256px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.75)),linear-gradient(251deg,rgba(0,85,255,.25),rgba(0,0,0,.5)),linear-gradient(106deg,#f0f,rgba(0,0,0,.5));display:flex;flex-direction:column;font-family:var(--font);gap:4rem;height:100%;justify-content:center;position:relative;width:100%}#AccountConnect #AccountLabel{color:#fff;font-size:2rem;text-align:center;-webkit-user-select:none;user-select:none}#AccountConnect #ManageAccounts{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:ManageAccountsShow;animation-name:ManageAccountsShow;-webkit-appearance:none;appearance:none;background-color:initial;border:2px solid #aaa;border-radius:5px;color:#aaa;cursor:pointer;font-size:1rem;justify-self:flex-end;padding:.75rem 1.25rem;transition:border-color .2s,color .2s;-webkit-user-select:none;user-select:none}#AccountConnect #ManageAccounts:focus{border-color:#fff;color:#fff;outline-color:#fff}#AccountConnect #ManageAccounts:hover{border-color:#fff;color:#fff}#AccountConnect #Accounts{display:flex;flex-wrap:wrap;gap:35px;justify-content:center;padding:0 25px;width:100%}#AccountConnect #Accounts>#Account:first-child{-webkit-animation-delay:.1s;animation-delay:.1s}#AccountConnect #Accounts>#Account:nth-child(2){-webkit-animation-delay:.2s;animation-delay:.2s}#AccountConnect #Accounts>#Account:nth-child(3){-webkit-animation-delay:.3s;animation-delay:.3s}#AccountConnect #Accounts #Account{all:unset;align-items:center;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:AccountShow;animation-name:AccountShow;cursor:pointer;display:flex;flex-direction:column;gap:20px;opacity:0}#AccountConnect #Accounts #Account p{margin:0}#AccountConnect #Accounts #Account:focus #avatar{outline-color:#fff}#AccountConnect #Accounts #Account #avatar{align-items:center;aspect-ratio:1/1;background-color:#36393f;border-radius:100%;display:flex;flex-direction:column;justify-content:center;object-fit:cover;outline:5px solid transparent;transition:width .5s,margin .5s,outline-color .5s;-webkit-user-select:none;user-select:none;width:120px}#AccountConnect #Accounts #Account #avatar:hover{outline-color:#fff}#AccountConnect #Accounts #Account #avatar svg{aspect-ratio:1/1;width:48px}#AccountConnect #Accounts #Account[data-banned=true] #avatar:hover,#AccountConnect #Accounts #Account[data-banned=true]:focus #avatar{outline-color:red}#AccountConnect #Accounts #Account #username{align-items:center;color:#fff;display:flex;font-size:22px;gap:5px;justify-content:center;max-width:250px;overflow:hidden;text-overflow:ellipsis;-webkit-user-select:none;user-select:none;white-space:nowrap}#AccountConnect #Accounts #Account #username .fa-ban{color:#e61a1a;font-size:18px;font-weight:400;padding:1px}#AccountConnect #Accounts #Account #ManageButtons{display:flex;gap:10px}#AccountConnect #Accounts #Account #ManageButtons button{border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1rem;transition:background .2s;-webkit-user-select:none;user-select:none}#AccountConnect #Accounts #Account #ManageButtons button:focus{outline-color:#fff}#AccountConnect #Accounts #Account #ManageButtons button:hover{opacity:.9}#AccountConnect #Accounts #Account #ManageButtons #LogOut{background-color:#c00}#AccountConnect #Accounts #Account #ManageButtons #Settings{background-color:#08c}#AccountConnect #logos{display:flex;justify-content:center;width:100%}#AccountConnect #logos svg{fill:#fff;width:4rem}#AccountConnect #logType{color:#fff;display:flex;font-size:.9rem;gap:30px;justify-content:center;width:100%}#AccountConnect #logType .type{all:unset;border-radius:5px;cursor:pointer;display:flex;outline:2px solid transparent;padding:5px 10px;position:relative;text-align:center;-webkit-user-select:none;user-select:none}#AccountConnect #logType .type:after{background-color:transparent;bottom:0;content:" ";height:2px;left:50%;position:absolute;right:50%;transition:right .2s,left .2s,background-color .2s}#AccountConnect #logType .type:not(#AccountConnect #logType .type.selected):focus{outline-color:#fff}#AccountConnect #logType .type.selected:not(#AccountConnect #logType .type.selected:focus):after{background-color:var(--standard-color-text);content:" ";left:0;position:absolute;right:0}#AccountConnect #logType .type.selected:focus{outline-color:var(--standard-color-text)}#AccountConnect #FormContainer{background-color:#36393f;border-radius:3px;display:flex;flex-direction:column;gap:40px;max-width:480px;padding:32px;position:relative;width:100%}#AccountConnect #FormContainer #HeaderTitle{font-size:1.5rem;-webkit-user-select:none;user-select:none}#AccountConnect #FormContainer #LoadingContainer{align-items:center;display:flex;justify-content:center;margin:20px}#AccountConnect #FormContainer #BackButton{all:unset;align-items:center;border-radius:5px;color:#babcbf;cursor:pointer;display:flex;font-size:20px;height:25px;justify-content:center;outline:2px solid transparent;position:absolute;right:15px;top:15px;-webkit-user-select:none;user-select:none;width:25px}#AccountConnect #FormContainer #BackButton:focus{outline-color:#fff}#AccountConnect #FormContainer .fields{display:flex;flex-direction:column;gap:1rem}#AccountConnect #FormContainer .fields .field{display:flex;flex-direction:column;gap:8px}#AccountConnect #FormContainer .fields .field label{color:#babcbf}#AccountConnect #FormContainer .fields .field #ForgotPassword,#AccountConnect #FormContainer .fields .field label{background-color:initial;border:none;font-size:13px;font-weight:700;text-transform:uppercase;-webkit-user-select:none;user-select:none;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}#AccountConnect #FormContainer .fields .field #ForgotPassword:focus,#AccountConnect #FormContainer .fields .field label:focus{outline-color:#fff}#AccountConnect #FormContainer .fields .field #ForgotPassword.error,#AccountConnect #FormContainer .fields .field label.error{color:#ed5e5e}#AccountConnect #FormContainer .fields .field #ForgotPassword{color:var(--standard-color-text);cursor:pointer;transition:color .2s}#AccountConnect #FormContainer .fields .field #ForgotPassword:hover{text-decoration:underline}#AccountConnect #FormContainer .fields .field input{background-color:#212326;border:none;border-radius:3px;color:#fff;font-size:16px;height:40px;outline:1px solid transparent;padding:10px;width:100%}#AccountConnect #FormContainer .fields .field input::-webkit-input-placeholder{color:hsla(0,0%,100%,.333)}#AccountConnect #FormContainer .fields .field input::placeholder{color:hsla(0,0%,100%,.333)}#AccountConnect #FormContainer .fields .field input:focus{outline-color:var(--standard-color-text)}#LoadingCircle{-webkit-animation:lds-dual-ring 1.2s linear infinite;animation:lds-dual-ring 1.2s linear infinite;border-color:#fff transparent;border-radius:50%;border-style:solid;border-width:3px;height:35px;width:35px}@-webkit-keyframes lds-dual-ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes lds-dual-ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}#Loading{align-items:center;background-color:#141414;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}#Loading svg{fill:#fff;position:relative;width:75px}#Loading footer{bottom:75px;position:absolute}.tippy-box{background-color:#000;border-radius:5px;color:#fff;font-size:14px;position:relative;transition-property:visibility,opacity,-webkit-transform;transition-property:transform,visibility,opacity;transition-property:transform,visibility,opacity,-webkit-transform}.tippy-box .tippy-arrow{color:#000;height:14px;width:14px}.tippy-box .tippy-arrow:before{border-color:transparent;border-style:solid;content:"";position:absolute}.tippy-box .tippy-content{font-family:var(--font);padding:7px 13px;position:relative}.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}.tippy-box[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box[data-placement=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement=top]>.tippy-arrow:before{border-top-color:initial;border-width:8px 8px 0;bottom:-7px;left:0;-webkit-transform-origin:center top;transform-origin:center top}.tippy-box[data-placement=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement=bottom]>.tippy-arrow:before{border-bottom-color:initial;border-width:0 8px 8px;left:0;top:-7px;-webkit-transform-origin:center bottom;transform-origin:center bottom}.tippy-box[data-placement=left]>.tippy-arrow{right:0}.tippy-box[data-placement=left]>.tippy-arrow:before{border-left-color:initial;border-width:8px 0 8px 8px;right:-7px;-webkit-transform-origin:center left;transform-origin:center left}.tippy-box[data-placement=right]>.tippy-arrow{left:0}.tippy-box[data-placement=right]>.tippy-arrow:before{border-right-color:initial;border-width:8px 8px 8px 0;left:-7px;-webkit-transform-origin:center right;transform-origin:center right}.tippy-box[data-state=hidden],.tippy-box[data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-box[data-animation=shift-toward-subtle][data-state=hidden]{opacity:0}.tippy-box[data-animation=shift-toward-subtle][data-state=hidden][data-placement^=top][data-state=hidden]{transform:translateY(-5px)}.tippy-box[data-animation=shift-toward-subtle][data-state=hidden][data-placement^=bottom][data-state=hidden]{transform:translateY(5px)}.tippy-box[data-animation=shift-toward-subtle][data-state=hidden][data-placement^=left][data-state=hidden]{transform:translateX(-5px)}.tippy-box[data-animation=shift-toward-subtle][data-state=hidden][data-placement^=right][data-state=hidden]{transform:translateX(5px)}#ComplexButton{background-color:var(--standard-color);border:transparent;border-radius:3px;color:#fff;font-size:1rem;font-weight:500;justify-self:flex-end;padding:10px 25px;transition:opacity .2s;-webkit-user-select:none;user-select:none;width:100%}#ComplexButton:focus{outline-color:#fff}#ComplexButton:disabled{cursor:not-allowed;opacity:.5}#ComplexButton[data-loading=true]{cursor:wait;opacity:.8}#ComplexButton:not(:disabled){cursor:pointer}#ComplexButton:not(:disabled):hover{background-color:var(--standard-hovered-color)}#CheckBox{align-items:center;display:flex;gap:10px}#CheckBox .CheckMark{background-color:#fff;border-radius:3px;cursor:pointer;min-height:20px;min-width:20px;position:relative;transition:background .2s}#CheckBox .CheckMark input{cursor:pointer;opacity:0;position:absolute}#CheckBox .CheckMark:has(>input:checked){-webkit-animation:CheckedAnimation .4s ease;animation:CheckedAnimation .4s ease;background:var(--standard-color)}#CheckBox .Content{color:#fff;font-size:14px}@-webkit-keyframes CheckedAnimation{50%{-webkit-transform:scale(.9);transform:scale(.9)}}@keyframes CheckedAnimation{50%{-webkit-transform:scale(.9);transform:scale(.9)}}#PageHeader{background-color:var(--header-footer-background);border-bottom:2px solid var(--border-color);display:flex;height:var(--header-height);justify-content:center;-webkit-user-select:none;user-select:none}#PageHeader #HeaderElements{align-items:center;display:flex;height:100%;justify-content:space-between;padding:8px 12px;transition:width .2s;width:100%}#PageHeader #HeaderElements #logo{fill:var(--color-text);aspect-ratio:1/1;cursor:pointer;height:100%;padding:4px}#PageHeader #HeaderElements #buttons_container{display:flex;flex-direction:row-reverse}#PageHeader #HeaderElements #buttons_container button{all:unset;color:var(--color-text);cursor:pointer}#PageHeader #HeaderElements #buttons_container button:hover{text-decoration:underline}#PageHeader #HeaderElements #MenuSection{display:flex;gap:15px;height:100%}#PageHeader #HeaderElements #MenuSection #MenuIcon{align-items:center;aspect-ratio:1;background-color:initial;border-radius:100%;color:var(--color-text);cursor:pointer;display:flex;font-size:22px;height:100%;justify-content:center;object-fit:cover;padding:5px;transition:background .2s}#PageHeader #HeaderElements #MenuSection #MenuIcon:hover{background-color:hsla(0,0%,100%,.25)}#PageHeader #HeaderElements #MenuSection #MenuIcon.DefaultAvatar{align-items:center;display:flex;justify-content:center}#PageHeader #HeaderElements #MenuSection #MenuIcon.DefaultAvatar svg{fill:var(--color-text);background-color:#555;border-radius:100%;height:100%;padding:6px;width:100%}#PageHeader #HeaderElements #MenuSection #MenuIcon.NotLoggedAvatar{align-items:center;display:flex;justify-content:center}#PageHeader #HeaderElements #MenuSection #MenuIcon.NotLoggedAvatar svg{fill:var(--color-text);height:60%;width:60%}#PageHeader #HeaderElements #MenuSection #Menu{aspect-ratio:1/1;background-color:initial;border:0;border-radius:100%;display:flex;height:100%;justify-content:center;padding:0;position:relative}#PageHeader #HeaderElements #MenuSection #Menu #MenuPopupGrid,#PageHeader #HeaderElements #MenuSection #Menu #MenuPopupList{background-color:#2a2b2c;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.5);color:var(--color-text);display:flex;gap:10px;padding:12px;position:absolute;right:0;top:calc(100% + 20px);transition:opacity .2s ease-out;z-index:100}#PageHeader #HeaderElements #MenuSection #Menu #MenuPopupList{flex-direction:column;outline:none;width:230px}#PageHeader #HeaderElements #MenuSection #Menu #MenuPopupList .button{align-items:center;background-color:var(--standard-color);border:0;border-radius:3px;color:var(--color-text);cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:10px;padding:8px 12px;text-align:start;transition:background .2s;-webkit-user-select:none;user-select:none}#PageHeader #HeaderElements #MenuSection #Menu #MenuPopupList .button.DefaultAvatar{align-items:center;background-color:#555;display:flex;justify-content:center}#PageHeader #HeaderElements #MenuSection #Menu #MenuPopupList .button.DefaultAvatar svg{fill:var(--color-text);height:40%;width:40%}#PageHeader #HeaderElements #MenuSection #Menu #MenuPopupList .button:hover{background-color:var(--standard-hovered-color)}#PageHeader #HeaderElements #MenuSection #Menu #MenuPopupList .button .text{flex:1 1 auto}#PageHeader #HeaderElements #MenuSection #Menu #MenuPopupGrid{flex-wrap:wrap;max-height:275px;max-width:275px;overflow-y:scroll;padding:15px 10px 15px 15px;width:-webkit-max-content;width:max-content}#PageHeader #HeaderElements #MenuSection #Menu #MenuPopupGrid::-webkit-scrollbar{width:5px}#PageHeader #HeaderElements #MenuSection #Menu #MenuPopupGrid::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.133);border-radius:5px;min-height:50px}#PageHeader #HeaderElements #MenuSection #Menu #MenuPopupGrid .button{align-items:center;background-color:initial;border:0;border-radius:8px;color:var(--color-text);cursor:pointer;display:flex;flex-direction:column;font-size:15px;font-weight:600;height:75px;justify-content:space-around;padding:6px 3px;position:relative;transition:background .2s;-webkit-user-select:none;user-select:none;width:75px}#PageHeader #HeaderElements #MenuSection #Menu #MenuPopupGrid .button:hover{background-color:rgba(0,0,0,.2)}#PageHeader #HeaderElements #MenuSection #Menu #MenuPopupGrid .button img{border-radius:100%;height:40px;object-fit:cover;width:40px}#PageHeader #HeaderElements #MenuSection #Menu #MenuPopupGrid .button .DefaultAvatar{align-items:center;display:flex;justify-content:center}#PageHeader #HeaderElements #MenuSection #Menu #MenuPopupGrid .button .DefaultAvatar svg{fill:var(--color-text);background-color:#555;border-radius:100%;height:40px;padding:6px;width:40px}#PageHeader #HeaderElements #MenuSection #Menu #MenuPopupGrid .button i{align-items:center;aspect-ratio:1;color:var(--color-text);display:flex;font-size:20px;justify-content:center;width:55%}#PageHeader #HeaderElements #MenuSection #Menu #MenuPopupGrid .button p{bottom:0;font-size:13px;font-weight:400;margin:0;overflow:hidden;text-align:center;text-overflow:ellipsis;width:100%}@media (min-width:992px){#PageHeader #HeaderElements{width:970px}}@media (min-width:1200px){#PageHeader #HeaderElements{width:1170px}}#UProfile{background-color:var(--card-background-color);border-radius:10px}#UProfile #BannerContainer{border-radius:10px;display:flex;overflow:hidden;position:relative;-webkit-user-select:none;user-select:none}#UProfile #BannerContainer.no_banner{background-color:rgba(0,0,0,.333);height:125px}#UProfile #BannerContainer #Banner{aspect-ratio:4/1;object-fit:cover;width:100%}#UProfile #AvatarContainer{align-items:center;display:flex;justify-content:space-between;padding:10px 10px 10px 15px;position:relative}#UProfile #AvatarContainer #Avatar{aspect-ratio:1;border-radius:100%;margin-top:-60px;min-width:50px;object-fit:cover;-webkit-user-select:none;user-select:none;width:100px}#UProfile #AvatarContainer #Avatar.DefaultAvatar{align-items:center;background-color:#555;display:flex;justify-content:center}#UProfile #AvatarContainer #Avatar.DefaultAvatar svg{fill:#fff;height:40%;width:40%}#UProfile #AvatarContainer #LeftSide{display:flex;gap:10px}#UProfile #AvatarContainer #LeftSide button{background-color:initial;border:0;color:var(--color-text);cursor:pointer;font-size:17px;height:35px;transition:background .2s;width:25px}#UProfile #AvatarContainer #LeftSide button.button{background-color:var(--card-button-color);border-radius:7px;width:35px}#UProfile #AvatarContainer #LeftSide button.button:disabled{cursor:not-allowed;opacity:.6}#UProfile #AvatarContainer #LeftSide button.button:not(:disabled):hover{background-color:var(--card-button-hovered-color)}#UProfile #AvatarContainer #LeftSide #Flags{align-items:center;background-color:#000;border-radius:7px;display:flex;flex-direction:row-reverse;flex-wrap:wrap;gap:10px;justify-content:end;padding:5px}#UProfile #AvatarContainer #LeftSide #Flags .Flag{align-items:center;cursor:pointer;display:flex;height:25px;justify-content:center;width:25px}#UProfile #AvatarContainer #LeftSide #Flags .Flag .icon{height:19px}#UProfile #AvatarContainer #LeftSide #Flags .Flag .icon.Tester{fill:#20df30}#UProfile #AvatarContainer #LeftSide #Flags .Flag .icon.Developer{fill:#9f20df;height:17px}#UProfile #AvatarContainer #LeftSide #Flags .Flag .icon.VAG{fill:#209fdf;height:17px}#UProfile #AvatarContainer #LeftSide #Flags .Flag .icon.Verified{fill:#209fdf}#UProfile #DetailsOutline{padding:10px}#UProfile #DetailsOutline #Details{background-color:#0c0d0d;border-radius:7px;color:var(--color-text);display:flex;flex-direction:column;gap:15px;margin-top:0;padding:15px}#UProfile #DetailsOutline #Details p{color:var(--color-text);font-size:1rem;margin:0}#UProfile #DetailsOutline #Details #DisplayedName{font-size:17px;font-weight:700}#UProfile #DetailsOutline #Details #DisplayedName,#UProfile #DetailsOutline #Details #Username{-webkit-box-orient:vertical;-webkit-line-clamp:1;align-items:center;display:-webkit-box;display:flex;gap:10px;justify-content:space-between;margin:0;overflow:hidden;padding:0;white-space:break-spaces}#UProfile #DetailsOutline #Details #Username{font-size:15px}#UProfile #DetailsOutline #Details .linedistance{background-color:var(--color-text);height:1px;opacity:.2;width:100%}#UProfile #DetailsOutline #Details #Description{-webkit-box-orient:vertical;-webkit-line-clamp:6;display:-webkit-box;font-size:15px;overflow:hidden;white-space:break-spaces;word-break:break-word}#UProfile #DetailsOutline #Details .EditFields{display:flex;flex-direction:column;gap:15px}#UProfile #DetailsOutline #Details .EditFields .EditField{display:flex;flex-direction:column;gap:5px}#UProfile #DetailsOutline #Details .EditFields .EditField label{color:#bfbfbf;font-size:.8rem;-webkit-user-select:none;user-select:none}#UProfile #DetailsOutline #Details .EditFields .EditField label:not(#UProfile #DetailsOutline #Details .EditFields .EditField label.FieldButton){font-weight:800;text-transform:uppercase}#UProfile #DetailsOutline #Details .EditFields .EditField label .ErrorText{color:#dd3c3c;font-size:.9rem;font-style:italic;text-transform:uppercase}#UProfile #DetailsOutline #Details .EditFields .EditField input{background-color:initial;border:2px solid #787d87;border-radius:5px;color:#fff;font-size:15px;padding:9px 15px}#UProfile #DetailsOutline #Details .EditFields .EditField input:focus{outline:0}#UProfile #DetailsOutline #Details .EditFields .ActionButtons{display:flex;gap:10px;justify-content:end}#UProfile #DetailsOutline #Details .EditFields .ActionButtons button{background-color:var(--standard-color);border:0;border-radius:3px;color:var(--color-text);font-size:15px;font-weight:600;padding:7px 15px}#UProfile #DetailsOutline #Details .EditField{align-items:center;display:flex;justify-content:space-between;width:100%}#UProfile #DetailsOutline #Details .EditField .FieldDetail .FieldLabel{font-size:12px;font-weight:700;margin:0;text-transform:uppercase}#UProfile #DetailsOutline #Details .EditField .FieldDetail .FieldValue{font-size:15px;margin:0}#UProfile #DetailsOutline #Details .EditField .EditButton{background-color:var(--standard-color);border-radius:5px;color:var(--color-text);cursor:pointer;font-weight:500;padding:5px 15px;text-transform:uppercase}#UProfile #DetailsOutline #Details .EditField .EditButton:hover{background-color:var(--standard-hovered-color)}#UProfile #DetailsOutline #Details #LineDistance{background-color:grey;border-radius:2px;height:2px}#UProfile #DetailsOutline #Details .Title{font-size:13px;font-weight:700;margin:0;text-transform:uppercase;-webkit-user-select:none;user-select:none}#UProfile #DetailsOutline #Details .Value{-webkit-box-orient:vertical;-webkit-line-clamp:5;display:-webkit-box;font-size:13px;line-height:15px;margin:0;overflow:hidden;white-space:pre-line}#UProfile #DetailsOutline #Details .ActionButton{background-color:var(--standard-color);border:0;border-radius:3px;color:var(--color-text);cursor:pointer;font-size:15px;font-weight:600;padding:7px;transition:background .2s;-webkit-user-select:none;user-select:none}#UProfile #DetailsOutline #Details .ActionButton:hover{background-color:var(--standard-hovered-color)}@-webkit-keyframes contexify_fadeIn{0%{opacity:0}to{opacity:1}}@keyframes contexify_fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes contexify_fadeOut{0%{opacity:1}to{opacity:0}}@keyframes contexify_fadeOut{0%{opacity:1}to{opacity:0}}.contexify_willEnter-fade{-webkit-animation:contexify_fadeIn .3s ease;animation:contexify_fadeIn .3s ease}.contexify_willLeave-fade{-webkit-animation:contexify_fadeOut .3s ease;animation:contexify_fadeOut .3s ease}.contexify{background-color:var(--card-background-color);border-radius:5px;box-shadow:0 10px 30px rgba(0,0,0,.5);display:flex;flex-direction:column;gap:2px;min-width:200px;opacity:0;padding:10px;position:fixed;-webkit-user-select:none;user-select:none;z-index:50}.contexify .contexify_item{padding:8px 7px}.contexify .contexify_item:not(.contexify_item-disabled):hover{background-color:var(--standard-color);border-radius:3px;cursor:pointer}.contexify .contexify_item:not(.contexify_item-disabled) .contexify_itemContent{color:#fff}.contexify .contexify_item.contexify_item-disabled{color:hsla(0,0%,100%,.533)}.contexify .contexify_separator{background-color:#fff;height:1px;opacity:.2;width:100%}#SearchUser{background-color:var(--card-background-color);border-radius:10px;display:flex;flex-direction:column;gap:5px;height:100%;padding:15px}#SearchUser #SearchBar{background-color:var(--card-button-color);border:2px solid transparent;border-radius:5px;display:flex;padding:7px;transition:border .2s}#SearchUser #SearchBar:has(input:focus){border-color:var(--color-link)}#SearchUser #SearchBar input{background:transparent;border:0;color:var(--color-text);font-size:15px;font-weight:500;width:100%}#SearchUser #SearchBar input:focus{outline:0}#SearchUser #SearchBar #SearchButton{background-color:var(--standard-color);border:0;border-radius:3px;color:#fff;cursor:pointer;padding:7px 12px;transition:opacity .2s}#SearchUser #SearchBar #SearchButton:disabled{cursor:not-allowed;opacity:.5}#SearchUser #UserList{display:flex;flex-direction:column;gap:5px;height:100%}#SearchUser #UserList #InfoContainer{align-items:center;display:flex;height:100%;justify-content:center;width:100%}#UserListIFriend{border-radius:10px;display:flex;justify-content:space-between;padding:10px;-webkit-user-select:none;user-select:none}#UserListIFriend:hover{background-color:rgba(0,0,0,.133)}#UserListIFriend #UserInfo{align-items:center;cursor:pointer;display:flex;gap:10px}#UserListIFriend #UserInfo #Avatar{border-radius:100%;height:35px;width:35px}#UserListIFriend #UserInfo #Avatar.DefaultAvatar{align-items:center;background-color:#555;display:flex;justify-content:center}#UserListIFriend #UserInfo #Avatar.DefaultAvatar svg{fill:var(--color-text);height:15px;width:15px}#UserListIFriend #UserInfo #Text #Name{color:var(--color-text);font-weight:600;margin:0}#UserListIFriend #UserInfo #Text #Description{color:var(--color-text);font-size:12px;margin:0;opacity:.5}#UserListIFriend #UserInfo .fa-badge-check{color:#209fdf}#UserListIFriend #Actions{align-items:center;display:flex;gap:10px}#UserListIFriend #Actions button{background-color:rgba(0,0,0,.333);border:0;border-radius:100%;color:hsla(0,0%,100%,.667);cursor:pointer;font-size:17px;height:35px;transition:color .2s;width:35px}#UserListIFriend #Actions button:hover{color:#fff}#UserListIFriend #Actions button.red:hover{color:red}#UserListIFriend #Actions button.green:hover{color:#0f0}#Blocked,#Friends{background-color:var(--card-background-color);border-radius:10px;gap:5px;height:100%;padding:15px}#Blocked,#Friends,#ProfilePage{display:flex;flex-direction:column}#ProfilePage{gap:15px;margin-left:auto;margin-right:auto;max-width:750px;padding:15px 5px;width:100%}#ProfilePage #UserSubpagesSelector{background-color:var(--card-background-color);border-radius:7px;display:flex;flex-wrap:wrap;gap:7px;padding:7px}#ProfilePage #UserSubpagesSelector .PageButton{align-items:center;border-radius:5px;color:var(--color-text);display:flex;flex:1 1 auto;gap:10px;justify-content:center;padding:8px 10px;position:relative;transition:background .2s;-webkit-user-select:none;user-select:none}#ProfilePage #UserSubpagesSelector .PageButton.Selected{background-color:var(--standard-color)}#ProfilePage #UserSubpagesSelector .PageButton:not(.Selected){cursor:pointer}#ProfilePage #UserSubpagesSelector .PageButton:not(.Selected):hover{background-color:var(--card-button-color)}#ProfilePage #UserSubpagesSelector .PageButton:not(.Selected) #Badge{background-color:var(--standard-color)}#ProfilePage #UserSubpagesSelector .PageButton #Badge{background-color:var(--card-button-color);border-radius:100%;height:10px;left:2px;position:absolute;top:2px;transition:background .2s;width:10px}#ProfilePage #CenterMessage{align-items:center;color:#fff;display:flex;flex-direction:column;gap:35px;height:100%;justify-content:center;text-align:center;width:100%}#ProfilePage #CenterMessage #Icon{color:var(--link-color);font-size:75px;margin:0;max-width:500px}#ProfilePage #CenterMessage #Text{display:flex;flex-direction:column;gap:10px}#ProfilePage #CenterMessage #Text #Title{font-size:25px;margin:0;max-width:500px}#ProfilePage #CenterMessage #Text #Message{display:-webkit-box;font-size:15px;margin:0;max-width:500px;opacity:.5;white-space:break-spaces;word-break:break-word}@media (max-width:700px){#ProfilePage #UProfile #Banner{aspect-ratio:3/1!important}}@media (max-width:500px){#ProfilePage #UProfile #Banner{aspect-ratio:2.5/1!important}}#SettingsPage{align-items:center;display:flex;flex-direction:column}#SettingsPage #PageContainer{display:flex;flex-direction:column;gap:25px;justify-content:center;margin-left:auto;margin-right:auto;width:100%}#SettingsPage #PageContainer #SideBar{display:flex;flex-direction:column;gap:7px;padding:25px 15px}#SettingsPage #PageContainer #SideBar button{align-items:center;background-color:#000;border:0;border-radius:3px;color:#fff;cursor:pointer;display:flex;flex-direction:row;font-size:.85rem;font-size:15px;font-weight:500;gap:20px;padding:10px 15px;text-align:left;transition:background .2s,color .2s;-webkit-user-select:none;user-select:none;width:100%!important}#SettingsPage #PageContainer #SideBar button i{font-weight:600;line-height:0}#SettingsPage #PageContainer #SideBar button:hover{background-color:#303236}#SettingsPage #PageContainer #SideBar button.selected{background-color:#fff;color:#000;cursor:auto}#SettingsPage #PageContainer #Elements{display:flex;flex:1 1;flex-direction:column;gap:25px;padding:25px 15px}#SettingsPage #PageContainer #Elements .LineDistance{background-color:hsla(0,0%,100%,.333);height:1px;width:100%}#SettingsPage #PageContainer #Elements #PageTitleHeader{display:flex;flex-direction:column;gap:5px}#SettingsPage #PageContainer #Elements #PageTitleHeader #PageTitle{color:#fff;font-size:1.25rem;font-weight:500;margin:0;-webkit-user-select:none;user-select:none}#SettingsPage #PageContainer #Elements #PageTitleHeader #PageSubtitle{color:hsla(0,0%,100%,.667);font-size:.9rem;font-weight:400;margin:0;-webkit-user-select:none;user-select:none}#SettingsPage #PageContainer #Elements #UProfile{background-color:#2a2b2c;border-radius:10px}#SettingsPage #PageContainer #Elements #UProfile #BannerContainer{border-radius:10px;display:flex;overflow:hidden;position:relative}#SettingsPage #PageContainer #Elements #UProfile #BannerContainer #Banner{aspect-ratio:5/1;object-fit:cover;width:100%}#SettingsPage #PageContainer #Elements #UProfile #BannerContainer.no_banner{background-color:rgba(0,0,0,.333);height:125px}#SettingsPage #PageContainer #Elements #UProfile #AvatarContainer{align-items:center;display:flex;justify-content:space-between;padding:10px 10px 10px 15px;position:relative}#SettingsPage #PageContainer #Elements #UProfile #AvatarContainer #Avatar{aspect-ratio:1;border-radius:100%;margin-top:-60px;min-width:50px;object-fit:cover;width:100px}#SettingsPage #PageContainer #Elements #UProfile #AvatarContainer #EditProfile{all:unset;background-color:#3c4144;border-radius:25px;color:var(--color-text);cursor:pointer;font-size:.9rem;height:35px;padding:0 15px;transition:background .2s}#SettingsPage #PageContainer #Elements #UProfile #AvatarContainer #EditProfile:hover{background-color:#545a5f}#SettingsPage #PageContainer #Elements #UProfile #Flags{align-items:center;background-color:#000;border-radius:7px;display:flex;flex-direction:row-reverse;flex-wrap:wrap;gap:10px;justify-content:end;padding:5px}#SettingsPage #PageContainer #Elements #UProfile #Flags .Flag{align-items:center;display:flex;height:25px;justify-content:center;width:25px}#SettingsPage #PageContainer #Elements #UProfile #Flags .Flag .icon{height:19px}#SettingsPage #PageContainer #Elements #UProfile #Flags .Flag .icon.Tester{fill:#20df30}#SettingsPage #PageContainer #Elements #UProfile #Flags .Flag .icon.Developer{fill:#9f20df;height:17px}#SettingsPage #PageContainer #Elements #UProfile #Flags .Flag .icon.VAG{fill:#209fdf;height:17px}#SettingsPage #PageContainer #Elements #UProfile #Flags .Flag .icon.Verified{fill:#209fdf}#SettingsPage #PageContainer #Elements #UProfile #DetailsOutline{padding:10px}#SettingsPage #PageContainer #Elements #UProfile #DetailsOutline #Details{background-color:#0c0d0d;border-radius:7px;color:var(--color-text);display:flex;flex-direction:column;gap:15px;margin-top:0;padding:15px}#SettingsPage #PageContainer #Elements #UProfile #DetailsOutline #Details p{color:var(--color-text);font-size:1rem;margin:0}#SettingsPage #PageContainer #Elements #UProfile #DetailsOutline #Details #DisplayedName{font-size:17px;font-weight:700}#SettingsPage #PageContainer #Elements #UProfile #DetailsOutline #Details #DisplayedName,#SettingsPage #PageContainer #Elements #UProfile #DetailsOutline #Details #Username{-webkit-box-orient:vertical;-webkit-line-clamp:1;align-items:center;display:-webkit-box;display:flex;gap:10px;justify-content:space-between;margin:0;overflow:hidden;padding:0;white-space:break-spaces}#SettingsPage #PageContainer #Elements #UProfile #DetailsOutline #Details #Username{font-size:15px}#SettingsPage #PageContainer #Elements #UProfile #DetailsOutline #Details .linedistance{background-color:var(--color-text);height:1px;opacity:.2;width:100%}#SettingsPage #PageContainer #Elements #UProfile #DetailsOutline #Details #Description{-webkit-box-orient:vertical;-webkit-line-clamp:6;display:-webkit-box;font-size:15px;overflow:hidden;white-space:break-spaces;word-break:break-word}#SettingsPage #PageContainer #Elements #UProfile #DetailsOutline #Details .EditFields{display:flex;flex-direction:column;gap:15px}#SettingsPage #PageContainer #Elements #UProfile #DetailsOutline #Details .EditFields .EditField{display:flex;flex-direction:column;gap:5px}#SettingsPage #PageContainer #Elements #UProfile #DetailsOutline #Details .EditFields .EditField label{color:#bfbfbf;font-size:.8rem;-webkit-user-select:none;user-select:none}#SettingsPage #PageContainer #Elements #UProfile #DetailsOutline #Details .EditFields .EditField label:not(#SettingsPage #PageContainer #Elements #UProfile #DetailsOutline #Details .EditFields .EditField label.FieldButton){font-weight:800;text-transform:uppercase}#SettingsPage #PageContainer #Elements #UProfile #DetailsOutline #Details .EditFields .EditField label .ErrorText{color:#dd3c3c;font-size:.9rem;font-style:italic;text-transform:uppercase}#SettingsPage #PageContainer #Elements #UProfile #DetailsOutline #Details .EditFields .EditField input{background-color:initial;border:2px solid #787d87;border-radius:5px;color:#fff;font-size:15px;padding:9px 15px}#SettingsPage #PageContainer #Elements #UProfile #DetailsOutline #Details .EditFields .EditField input:focus{outline:0}#SettingsPage #PageContainer #Elements #UProfile #DetailsOutline #Details .EditFields .ActionButtons{display:flex;gap:10px;justify-content:end}#SettingsPage #PageContainer #Elements #UProfile #DetailsOutline #Details .EditFields .ActionButtons button{background-color:var(--standard-color);border:0;border-radius:3px;color:var(--color-text);font-size:15px;font-weight:600;padding:7px 15px}#SettingsPage #PageContainer #Elements #UProfile #DetailsOutline #Details .EditField{align-items:center;display:flex;justify-content:space-between;width:100%}#SettingsPage #PageContainer #Elements #UProfile #DetailsOutline #Details .EditField .FieldDetail .FieldLabel{font-size:12px;font-weight:700;margin:0;text-transform:uppercase}#SettingsPage #PageContainer #Elements #UProfile #DetailsOutline #Details .EditField .FieldDetail .FieldValue{font-size:15px;margin:0}#SettingsPage #PageContainer #Elements #UProfile #DetailsOutline #Details .EditField .EditButton{background-color:var(--standard-color);border-radius:5px;color:var(--color-text);cursor:pointer;font-weight:500;padding:5px 15px;text-transform:uppercase}#SettingsPage #PageContainer #Elements #UProfile #DetailsOutline #Details .EditField .EditButton:hover{background-color:var(--standard-hovered-color)}#SettingsPage #PageContainer #Elements #UProfile #DetailsOutline #Details #LineDistance{background-color:grey;border-radius:2px;height:2px}#SettingsPage #PageContainer #Elements #UProfile #DetailsOutline #Details .Title{font-size:13px;font-weight:700;margin:0;text-transform:uppercase;-webkit-user-select:none;user-select:none}#SettingsPage #PageContainer #Elements #UProfile #DetailsOutline #Details .Value{-webkit-box-orient:vertical;-webkit-line-clamp:5;display:-webkit-box;font-size:13px;line-height:15px;margin:0;overflow:hidden;white-space:pre-line}#SettingsPage #PageContainer #Elements #UProfile #DetailsOutline #Details .ActionButton{background-color:var(--standard-color);border:0;border-radius:3px;color:var(--color-text);cursor:pointer;font-size:15px;font-weight:600;padding:7px;transition:background .2s;-webkit-user-select:none;user-select:none}#SettingsPage #PageContainer #Elements #UProfile #DetailsOutline #Details .ActionButton:hover{background-color:var(--standard-hovered-color)}#SettingsPage #PageContainer #Elements #Fields{display:flex;flex-direction:column;gap:25px}#SettingsPage #PageContainer #Elements #Fields .FieldError{border-color:#dd3c3c!important}#SettingsPage #PageContainer #Elements #Fields #InputField{display:flex;flex-direction:column;gap:7px}#SettingsPage #PageContainer #Elements #Fields #InputField option{background-color:var(--background-color)}#SettingsPage #PageContainer #Elements #Fields #InputField .FieldNote{color:grey;font-size:.75rem;margin:0}#SettingsPage #PageContainer #Elements #Fields #InputField label{color:#bfbfbf;font-size:.8rem;-webkit-user-select:none;user-select:none}#SettingsPage #PageContainer #Elements #Fields #InputField label:not(#SettingsPage #PageContainer #Elements #Fields #InputField label.FieldButton){font-weight:800;text-transform:uppercase}#SettingsPage #PageContainer #Elements #Fields #InputField label .ErrorText{color:#dd3c3c;font-size:.9rem;font-style:italic;text-transform:uppercase}#SettingsPage #PageContainer #Elements #Fields #InputField .FieldDetails{color:#bfbfbf;font-size:.8rem;margin-bottom:3px;-webkit-user-select:none;user-select:none}#SettingsPage #PageContainer #Elements #Fields #InputField .InputFieldElement{align-items:center;border:2px solid #787d87;border-radius:5px;color:#fff;display:flex;flex:1 1 auto;gap:15px;outline:1px solid transparent;padding:9px 15px;transition:border .2s}#SettingsPage #PageContainer #Elements #Fields #InputField .InputFieldElement:has(>.TextInput:focus){border:2px solid var(--standard-color-text)}#SettingsPage #PageContainer #Elements #Fields #InputField .InputFieldElement .TextInput{background-color:initial;border:0;color:#fff;flex:1 1 auto;font-size:15px}#SettingsPage #PageContainer #Elements #Fields #InputField .InputFieldElement .TextInput:focus{outline:0}#SettingsPage #PageContainer #Elements #Fields #InputField .InputFieldElement .TextInput:disabled{cursor:not-allowed;opacity:.3}#SettingsPage #PageContainer #Elements #Fields #InputField .InputFieldElement textarea{background-color:initial;color:#fff;flex:1 1 auto;font-size:15px;resize:none}#SettingsPage #PageContainer #Elements #Fields #InputField .InputFieldElement textarea::-webkit-scrollbar{width:4px}#SettingsPage #PageContainer #Elements #Fields #InputField .InputFieldElement textarea::-webkit-scrollbar-thumb{background-color:#888;border-radius:5px}#SettingsPage #PageContainer #Elements #Fields #InputField .InputFieldElement textarea:focus{outline:0}#SettingsPage #PageContainer #Elements #Fields #InputField .InputFieldElement .icon{cursor:pointer;font-size:14px;opacity:.8;text-align:center;width:20px}#SettingsPage #PageContainer #Elements #Fields #InputField #MultipleFieldContainer{display:flex;gap:10px}#SettingsPage #PageContainer #Elements #Fields #InputField #MultipleFieldContainer .UploadFile{height:100%;position:relative}#SettingsPage #PageContainer #Elements #Fields #InputField #MultipleFieldContainer .UploadFile .FileInput{bottom:0;display:none;left:0;opacity:0;position:absolute;right:0;top:0;-webkit-user-select:none;user-select:none}#SettingsPage #PageContainer #Elements #Fields #InputField #MultipleFieldContainer .FieldButton{align-items:center;border:0;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:10px;justify-content:center;padding:7px 16px;transition:background .2s}#SettingsPage #PageContainer #Elements #Fields #InputField #MultipleFieldContainer .FieldButton.Blue{background-color:var(--standard-color)}#SettingsPage #PageContainer #Elements #Fields #InputField #MultipleFieldContainer .FieldButton.Blue:hover{background-color:var(--standard-hovered-color)}#SettingsPage #PageContainer #Elements #Fields #InputField #MultipleFieldContainer .FieldButton.Red{background-color:#dd3c3c}#SettingsPage #PageContainer #Elements #Fields #InputField #MultipleFieldContainer .FieldButton.Red:hover{background-color:#b82e2e}#SettingsPage #PageContainer #Elements #Fields #SaveChanges{display:flex;gap:15px;justify-content:end}#SettingsPage #PageContainer #Elements #Fields #SaveChanges #ComplexButton{font-size:.9rem;width:auto}@media (min-width:992px){#SettingsPage{overflow:hidden}#SettingsPage #PageContainer{flex-direction:row;margin-left:auto;margin-right:auto;overflow:hidden;width:970px}#SettingsPage #PageContainer #SideBar{height:auto;overflow-y:scroll}#SettingsPage #PageContainer #SideBar button{width:225px!important}#SettingsPage #PageContainer #Elements{height:100%;overflow-y:scroll}}@media (max-width:700px){#SettingsPage #PageContainer #Elements #UProfile #Banner{aspect-ratio:3/1!important}}#PageFooter{align-items:center;background-color:var(--header-footer-background);border-top:2px solid var(--border-color);color:var(--color-text);display:flex;flex-direction:column;font-size:14px;justify-content:space-between;text-align:center;width:100%}#PageFooter #line-blue{background-color:var(--color-text);height:1px;opacity:.2;width:100%}#PageFooter section{align-items:center;display:flex;flex-direction:row;justify-content:space-between;padding:20px;transition:width .2s;width:100%}#PageFooter section#FirstSection{display:flex;gap:10px}#PageFooter section#FirstSection #Socials{display:flex;gap:20px;padding:20px}#PageFooter section#FirstSection #Socials .Social{color:var(--color-text);cursor:pointer;font-size:20px;opacity:1;text-decoration:initial;transition:opacity .2s}#PageFooter section#FirstSection #Socials .Social:hover{opacity:.7}#PageFooter section#FirstSection #Categories{display:flex;gap:50px}#PageFooter section#FirstSection #Categories .Category{align-items:start;display:flex;flex-direction:column;gap:10px}#PageFooter section#FirstSection #Categories .Category p{color:var(--color-link)}#PageFooter section#FirstSection #Categories .Category a{border-radius:2px;color:var(--color-text);cursor:pointer;opacity:1;transition:opacity .2s}#PageFooter section#FirstSection #Categories .Category a:hover{text-decoration:underline}#PageFooter section #logo{fill:var(--color-text);aspect-ratio:1/1;cursor:pointer;width:30px}#PageFooter section #Copyright{font-size:12px;margin:0;opacity:.7}@media (max-width:700px){#PageFooter #FirstSection{flex-direction:column}}@media (min-width:992px){#PageFooter section{width:970px}}@media (min-width:1200px){#PageFooter section{width:1170px}}#MainPage{gap:50px}#MainPage,#MainPage #FirstSection{align-items:center;display:flex;flex-direction:column}#MainPage #FirstSection{background-color:#131515;color:#fff;gap:10px;height:600px;justify-content:center;overflow:hidden;position:relative;text-align:center;width:100%}#MainPage #FirstSection #Background_1{color:rgba(64,128,191,.2);position:absolute;right:0;top:0}#MainPage #FirstSection #Background_2{bottom:0;color:rgba(64,128,191,.2);left:0;position:absolute}#MainPage #FirstSection #Text{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center;position:absolute;text-align:center;width:100%}#MainPage #FirstSection #Text p{margin:0;max-width:600px;width:80%}#MainPage #FirstSection #Text #Title{color:#fff;font-size:3rem;font-weight:500}#MainPage #FirstSection #Text #SubTitle{color:#ccc;font-size:1.125rem;line-height:1.75rem}#MainPage #AppSection{align-content:center;align-items:center;display:flex;gap:35px;justify-content:space-evenly;max-width:1200px;padding:35px;width:100%}#MainPage #AppSection .App{color:#fff;cursor:pointer;display:flex;flex-direction:column;gap:7px;max-width:400px;-webkit-user-select:none;user-select:none;width:100%}#MainPage #AppSection .App:hover{text-decoration:initial}#MainPage #AppSection .App:hover #ImageBackground svg{width:22%}#MainPage #AppSection .App#Stardust #ImageBackground{background:linear-gradient(45deg,rgba(0,161,186,.75),rgba(72,95,166,.75) 50%,rgba(111,50,126,.75))}#MainPage #AppSection .App#Soundify #ImageBackground{background:rgba(81,101,246,.75)}#MainPage #AppSection .App #ImageBackground{align-items:center;aspect-ratio:2;border-radius:10px;display:flex;justify-content:center;width:100%}#MainPage #AppSection .App #ImageBackground svg{transition:width .2s;width:20%}#MainPage #AppSection .App #AppName{font-size:20px;font-weight:600;margin:0;max-width:270px}#MainPage #AppSection .App #AppDesctiption{font-size:15px;margin:0;max-width:270px;opacity:.5}#MainPage #AboutSection{background-color:#131515;display:flex;justify-content:center;width:100%}#MainPage #AboutSection #Content{align-items:center;display:flex;gap:75px;justify-content:center;max-width:1200px;padding:35px 25px}#MainPage #AboutSection #Content #logo{fill:#fff;width:150px}#MainPage #AboutSection #Content #Text{color:#fff;display:flex;flex-direction:column;gap:15px;width:50%}#MainPage #AboutSection #Content #Text p{margin:0}#MainPage #AboutSection #Content #Text #Title{color:#fff;font-size:2rem;font-weight:500}#MainPage #AboutSection #Content #Text #SubTitle{color:#ccc;font-size:1rem;line-height:1.45rem}@media (max-width:700px){#MainPage #AppSection{flex-direction:column}#AboutSection #Content #logo{display:none}#AboutSection #Content #Text{width:100%!important}#AboutSection #Content #Text #Title{text-align:center}}#StatusPage{background-color:#fff;min-height:100%;-webkit-user-select:none;user-select:none}#StatusPage header{align-items:center;background-color:var(--standard-color);display:flex;height:250px;justify-content:center;margin-bottom:25px}#StatusPage header #Logo{fill:#fff;height:100px}#StatusPage main{display:flex;flex-direction:column;gap:50px;margin:auto;max-width:900px;padding:25px}#StatusPage main #AllSystemsStatus{align-items:center;border-radius:5px;display:flex;gap:15px;padding:17px 20px;width:100%}#StatusPage main #AllSystemsStatus[data-status="0"]{background-color:#3fa662}#StatusPage main #AllSystemsStatus[data-status="1"]{background-color:#bf8a40}#StatusPage main #AllSystemsStatus[data-status="2"]{background-color:#bf4040}#StatusPage main #AllSystemsStatus[data-status="3"]{background-color:grey}#StatusPage main #AllSystemsStatus #icon{fill:#fff;height:20px;width:20px}#StatusPage main #AllSystemsStatus #StatusText{color:#fff;font-size:17px;font-weight:500;margin:0;text-transform:capitalize}#StatusPage main #StatusMonitors{width:100%}#StatusPage main #StatusMonitors .Monitor{border:1px solid #e0e0e0;border-bottom:0;display:flex;flex-direction:column;gap:10px;padding:15px}#StatusPage main #StatusMonitors .Monitor[data-status="0"] .MonitorStatus{background-color:#bf4040}#StatusPage main #StatusMonitors .Monitor[data-status="1"] .MonitorStatus{background-color:#3fa662}#StatusPage main #StatusMonitors .Monitor:first-child{border-radius:5px 5px 0 0}#StatusPage main #StatusMonitors .Monitor:last-child{border:1px solid #e0e0e0;border-radius:0 0 5px 5px}#StatusPage main #StatusMonitors .Monitor:only-child{border-radius:5px}#StatusPage main #StatusMonitors .Monitor .Text{align-items:center;display:flex;gap:10px}#StatusPage main #StatusMonitors .Monitor .Text p{color:#000;font-size:15px;font-weight:500;margin:0;text-transform:capitalize}#StatusPage main #StatusMonitors .Monitor .MonitorStatus{align-items:center;border-radius:5px;display:flex;gap:15px;padding:12px 17px;width:100%}#StatusPage main #StatusMonitors .Monitor .MonitorStatus .icon{fill:#fff;height:17px;width:17px}#StatusPage main #StatusMonitors .Monitor .MonitorStatus .StatusText{color:#fff;font-size:15px;font-weight:500;margin:0;text-transform:capitalize}@media (max-width:485px){#StatusPage header{height:150px;margin-bottom:5px}#StatusPage header #Logo{height:75px}#StatusPage main #AllSystemsStatus{justify-content:center}#StatusPage main #AllSystemsStatus #icon{fill:#fff;height:20px;width:20px}#StatusPage main #AllSystemsStatus #StatusText{display:none}#StatusPage main #StatusMonitors .Monitor .MonitorStatus{justify-content:center}#StatusPage main #StatusMonitors .Monitor .MonitorStatus .icon{fill:#fff;height:20px;width:20px}#StatusPage main #StatusMonitors .Monitor .MonitorStatus .StatusText{display:none}}.InviteButton{background:#0080ff;border:0;border-radius:3px;color:#090909;color:#fff;cursor:pointer;display:inline-block;font-size:15px;overflow:hidden;padding:7px 20px;position:relative;text-align:center;transition:.2s ease-in;z-index:1}.InviteButton:active{color:#000}.InviteButton:before{background-color:rgba(0,0,0,.05);height:180%;left:50%;top:100%;-webkit-transform:translateX(-50%) scaleY(1) scaleX(1.25);transform:translateX(-50%) scaleY(1) scaleX(1.25);width:140%}.InviteButton:after,.InviteButton:before{border-radius:50%;content:"";display:block;position:absolute;transition:1s cubic-bezier(.55,0,.1,1);z-index:-1}.InviteButton:after{background-color:#fff;height:190%;left:55%;top:180%;-webkit-transform:translateX(-50%) scaleY(1) scaleX(1.45);transform:translateX(-50%) scaleY(1) scaleX(1.45);width:160%}.InviteButton:hover{color:#000;text-decoration:initial}.InviteButton:hover:before{top:-35%}.InviteButton:hover:after,.InviteButton:hover:before{background-color:#fff;-webkit-transform:translateX(-50%) scaleY(1.3) scaleX(.8);transform:translateX(-50%) scaleY(1.3) scaleX(.8)}.InviteButton:hover:after{top:-45%}.Button{background:#333;border:0;border-radius:3px;color:#090909;color:#fff;cursor:pointer;display:inline-block;font-size:15px;overflow:hidden;padding:7px 20px;position:relative;text-align:center;transition:.2s ease-in;z-index:1}.Button:hover{background-color:#444;text-decoration:initial}#SoundifyPage{background-color:#1d1e23;display:flex;flex-direction:column;height:100%}#SoundifyPage header{background-color:#17171a;display:flex;justify-content:center;padding:15px 20px}#SoundifyPage header section{display:flex}#SoundifyPage header #HeaderContainer{display:flex;justify-content:space-between;transition:width .2s;width:100%}#SoundifyPage header #Logo{fill:#fff;height:100%}#SoundifyPage main,#SoundifyPage main #MainSection{align-items:center;display:flex;flex-direction:column}#SoundifyPage main #MainSection{gap:2rem;max-width:calc(550px + 1rem);padding:8rem 1rem;width:100%}#SoundifyPage main #MainSection #Text{display:flex;flex-direction:column;gap:1rem}#SoundifyPage main #MainSection #Text p{color:#fff;margin:0;text-align:center}#SoundifyPage main #MainSection #Text .Title{font-size:3rem;font-weight:600}#SoundifyPage main #MainSection #Text .SubTitle{font-size:1.25rem;opacity:.8}#SoundifyPage main #MainSection #Buttons{display:flex;gap:1rem}#SoundifyPage main #MainSection #Buttons .Button,#SoundifyPage main #MainSection #Buttons .InviteButton{border-radius:5px;font-size:1.25rem;padding:17px 30px}#SoundifyPage main #CommandSection{grid-gap:1.25rem;grid-row-gap:1.25rem;grid-column-gap:2rem;background-color:#17171a;display:grid;grid-template-columns:repeat(2,250px);justify-content:center;justify-items:center;padding:3rem;width:100%}#SoundifyPage main #CommandSection .Command{background-color:#1d1e23;border-radius:5px;color:#fff;display:flex;font-size:1.2rem;justify-content:center;max-width:250px;padding:12px;-webkit-user-select:none;user-select:none;width:100%}#SoundifyPage main #InviteBot{align-items:center;background:linear-gradient(135deg,#bf00ff,#1f2f98);display:flex;flex-direction:column;gap:2rem;padding:2rem;width:100%}#SoundifyPage main #InviteBot p{color:#fff;font-size:1.5rem;font-weight:600;margin:0;text-align:center;width:25rem}#SoundifyPage main #InviteBot #Buttons{display:flex;gap:1rem}#SoundifyPage main #InviteBot #Buttons .InviteButton{border-radius:5px;font-size:1.25rem;padding:17px 30px}#SoundifyPage main #InviteBot #Buttons .bot2{background-color:#bf00ff}#SoundifyPage footer{background-color:#17171a;color:hsla(0,0%,100%,.667);display:flex;font-size:.9rem;padding:25px;width:100%}@media (min-width:992px){#SoundifyPage header #HeaderContainer{width:970px}}@media (min-width:1200px){#SoundifyPage header #HeaderContainer{width:1170px}}#Policies{color:var(--color-text);margin-left:auto;margin-right:auto;max-width:780px;padding:40px 0;width:90%}#Policies h1{font-size:40px;font-weight:700;margin:0 0 25px;text-align:center;text-transform:uppercase;width:100%}#Policies h2{font-size:30px;font-weight:500;margin-bottom:20px;margin-top:40px}#Policies #EffectiveDate{padding-top:10px}#Policies #EffectiveDate h4{font-size:20px;font-weight:300;margin:2px 0}#Policies p{font-size:16px;font-weight:300;line-height:28px;margin:0}#Policies p a{color:var(--standard-color-text);font-weight:500;text-decoration:none}#Policies p a:hover{text-decoration:underline}#FlarePageHeader{align-items:center;display:flex;justify-content:space-between;-webkit-user-select:none;user-select:none}#FlarePageHeader #Logo{fill:var(--color-flare);cursor:pointer;width:35px}#FlarePageHeader menu{display:flex;gap:10px;margin:0}#FlarePageHeader menu button{background:transparent;border:0;cursor:pointer;display:flex;font-size:1rem;position:relative;text-transform:uppercase}#FlarePageHeader menu button:after{background-color:var(--color-flare);border-radius:25px;bottom:-2px;content:" ";height:3px;left:5px;opacity:0;position:absolute;right:5px;transition:opacity .2s}#FlarePageHeader menu button:hover:after{opacity:.8}#FlarePageHeader menu button.selected:after{opacity:1}#FlarePageFooter{display:flex;justify-content:space-between;-webkit-user-select:none;user-select:none}#FlarePageFooter p{margin:0}#FlarePageFooter button{all:unset;cursor:pointer;transition:color .2s}#FlarePageFooter button:hover{color:var(--color-flare)}#FlarePage{background-color:#fff;height:100%;min-height:100%;padding:20px}#FlarePage,#FlarePage .FlareMainContentContainer{display:flex;flex-direction:column;position:relative}#FlarePage .FlareMainContentContainer{align-items:center;flex:1 1 auto;justify-content:center}#FlarePage .FlareMainContentContainer #Socials{align-items:center;display:flex;flex-direction:column;font-size:20px;gap:20px;left:0;position:absolute}#FlarePage .FlareMainContentContainer #Socials i{color:#000;cursor:pointer;transition:color .2s}#FlarePage .FlareMainContentContainer #Socials i:hover{color:var(--color-flare)}#FlarePage .FlareMainContentContainer #FlareLogoText #Logo{fill:var(--color-flare);opacity:.35;position:absolute;right:50%;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%);width:300px;z-index:0}#FlarePage .FlareMainContentContainer #FlareLogoText p{font-size:5rem;letter-spacing:25px;margin:0;position:absolute;right:50%;text-align:center;text-transform:uppercase;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%);width:80%;z-index:1}#ErrorPageContent{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center}#ErrorPageContent #ErrorIcon{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='512' height='512' viewBox='0 0 24 24'%3E%3Cpath d='M12 .75C5.787.75.75 5.787.75 12S5.787 23.25 12 23.25 23.25 18.213 23.25 12 18.213.75 12 .75zm6.894 18.144a9.684 9.684 0 0 1-6.859 2.835c-5.365 0-9.715-4.349-9.715-9.715s4.349-9.715 9.715-9.715c5.365 0 9.715 4.349 9.715 9.715a9.688 9.688 0 0 1-.79 3.843l.024-.063a9.768 9.768 0 0 1-2.09 3.099z'/%3E%3Cpath d='M7.875 15h8.25v1.5h-8.25V15zM9.873 10.689 8.746 9.687 9.748 8.56l-1.121-.997L7.625 8.69 6.498 7.688l-.997 1.121 1.127 1.002-1.002 1.127 1.121.997 1.002-1.127 1.127 1.002.997-1.121zM17.998 8.561l-1.121-.997-1.002 1.127-1.127-1.002-.997 1.121 1.127 1.002-1.002 1.127 1.121.997 1.002-1.127 1.127 1.002.997-1.121-1.127-1.002 1.002-1.127z'/%3E%3C/svg%3E") no-repeat 50%;background-size:cover;-webkit-filter:invert(100%);filter:invert(100%);height:100px;width:100px}#ErrorPageContent p{color:#fff;margin:0;text-align:center}#ErrorPageContent #ErrorTitle{font-size:3.5rem;font-weight:300;line-height:3.5rem}#ErrorPageContent #ErrorTitle span{font-weight:900}#ErrorPageContent #ErrorSubTitle{color:hsla(0,0%,100%,.6);font-size:1.4rem}#ErrorPageContent #ErrorHomeButton{background-color:var(--standard-color);border:none;border-radius:5px;color:#fff;cursor:pointer;padding:9px 20px;transition:background .2s}#ErrorPageContent #ErrorHomeButton:hover{background-color:var(--standard-hovered-color)}#Badge{color:var(--color-text);margin-left:auto;margin-right:auto;max-width:780px;padding:40px 0;width:90%}#Badge .Flag{align-items:center;display:flex;height:50px;justify-content:center;margin-bottom:50px;width:100%}#Badge .icon{height:100%}#Badge .icon.Tester{fill:#20df30}#Badge .icon.Developer{fill:#9f20df}#Badge .icon.VAG,#Badge .icon.Verified{fill:#209fdf}#Badge #AvailableBadges{grid-column-gap:10px;grid-row-gap:20px;display:grid;grid-template-columns:repeat(4,1fr);justify-items:center;margin:25px 0;width:100%}#Badge #AvailableBadges button{align-items:center;background-color:initial;border:3px solid var(--border-color);border-radius:10px;cursor:pointer;display:flex;height:200px;justify-content:center;padding:35px;width:150px}#Badge h1{font-size:40px;font-weight:700;margin:0 0 25px;text-align:center;text-transform:uppercase;width:100%}#Badge h2{font-size:30px;font-weight:500;margin-bottom:20px;margin-top:40px}#Badge #EffectiveDate{padding-top:10px}#Badge #EffectiveDate h4{font-size:20px;font-weight:300;margin:2px 0}#Badge p{font-size:16px;font-weight:300;line-height:28px;margin:0}#Badge p a{color:var(--standard-color-text);font-weight:500;text-decoration:none}#Badge p a:hover{text-decoration:underline}@media (max-width:700px){#Badge #AvailableBadges{grid-template-columns:repeat(2,1fr)!important}}@media (min-width:992px){#Policies{width:970px}}@media (min-width:1200px){#Policies{width:1170px}}