:root{--border-radius-size: 7px;--app-bg-hsl: 0, 0%, 8%;--app-bg: hsl(var(--app-bg-hsl));--app-bg-complement-hsl: 352, 59%, 28%;--app-bg-complement: hsl(var(--app-bg-complement-hsl));--app-text-hsl: 0, 0%, 93%;--app-text: hsl(var(--app-text-hsl));--bg-container: hsl(221, 20%, 16%);--bg-container-light: hsl(221, 20%, 35%);--tooltip-background: hsl(0, 0%, 0%);--btn-hover-brightness: .85;--color-info-400: hsl(226, 99%, 50%);--color-info: hsl(226, 99%, 36%);--color-error: hsl(346, 99%, 36%);--color-error-600: hsl(346, 99%, 30%);--color-success: hsl(106, 99%, 36%);--color-success-600: hsl(106, 99%, 30%);--color-warning: hsl(55, 99%, 36%);--color-warning-700: hsl(55, 99%, 27%)}html,body{background-color:var(--app-bg);color:var(--app-text);font-family:Montserrat,sans-serif!important}html{margin:0;padding:0}body{margin:60px 0 0;padding:0}p{margin:10px 0}nav.top-nav{z-index:9999;--padding-y: 20px;background-color:var(--bg-container);position:fixed;top:0;left:0;width:calc(100vw - (var(--padding-y) * 2));height:55px;padding:0 var(--padding-y);display:flex;justify-items:center}nav.top-nav>div{display:flex;height:100%;justify-items:center;transition:all .35s}nav.top-nav>div.nav-item>a{color:var(--app-text);text-decoration:none;font-weight:400}nav.top-nav>div.nav-item:not(:has(a.dropdown-link)){padding:0 7px}nav.top-nav a{display:inline-flex;height:100%;align-items:center}nav.top-nav>:not(.nav-brand):hover{background-color:#0003}.dropdown-wrapper-position-abs{position:absolute}.dropdown-wrapper-position-rel{position:relative}.dropdown-wrapper{z-index:9999;top:100%;right:27px;background:var(--app-bg-complement);width:max-content;display:flex;flex-direction:column}.dropdown-wrapper *{display:block;padding:15px 30px}.dropdown-wrapper a{color:var(--app-text);text-decoration:none;font-weight:400;align-self:center}.dropdown-backdrop{z-index:99;background-color:transparent;display:block;position:absolute;top:0;left:0;width:100vw;height:100vh}.dropdown-link{padding:0 7px;gap:1px}#app-container{padding:10px 30px}.d-flex{display:flex}.d-flex-grow{flex-grow:1}.d-flex-column{flex-direction:column}.d-flex-row{flex-direction:row}.tooltip[data-tooltip]{position:relative}.tooltip[data-tooltip]:after{transition:all .35s;position:absolute;display:block;content:attr(data-tooltip);top:0;right:0;transform:translate(50%,calc(-100% - 5px));font-size:12px;opacity:0;background-color:var(--tooltip-background);padding:7px 15px;z-index:-5;border-radius:var(--border-radius-size);font-weight:400;max-width:300px;width:max-content;color:var(--app-text)}:is():hover{opacity:0!important;z-index:-5}.tooltip[data-tooltip]:hover:after{opacity:1;z-index:100000}.btn{padding:10px 15px;border-radius:var(--border-radius-size);border:none;transition:.35s all}.btn:hover{cursor:pointer}.btn.btn-primary{color:var(--app-text);background-color:var(--app-bg-complement)}.btn.btn-primary:hover{background-color:hsla(var(--app-bg-complement-hsl),.7)}.btn.btn-secondary{color:var(--app-text);background-color:var(--bg-container)}.btn.btn-secondary:hover{background-color:var(--bg-container-light)}.toast-container{display:flex;flex-direction:column;gap:15px;position:absolute;bottom:0;right:0;width:fit-content;margin:30px}.toast-container .toast{padding:20px;border-radius:var(--border-radius-size);border:2px solid #fff;max-width:400px;display:flex;flex-direction:row;align-items:center;gap:10px}.toast-container .toast span:nth-last-child(2){flex:1}.toast-container .toast span:last-child{align-self:start}.toast-container .toast span:last-child:hover{cursor:pointer}.toast-container .toast.toast-info{background:var(--color-info);border-color:var(--color-info-400)}.toast-container .toast.toast-error{background:var(--color-error);border-color:var(--color-error-600)}.toast-container .toast.toast-success{background:var(--color-success);border-color:var(--color-success-600)}.toast-container .toast.toast-warning{background:var(--color-warning);border-color:var(--color-warning-700)}