html{--mat-sys-background: #faf9fd;--mat-sys-error: #ba1a1a;--mat-sys-error-container: #ffdad6;--mat-sys-inverse-on-surface: #f2f0f4;--mat-sys-inverse-primary: #abc7ff;--mat-sys-inverse-surface: #2f3033;--mat-sys-on-background: #1a1b1f;--mat-sys-on-error: #ffffff;--mat-sys-on-error-container: #93000a;--mat-sys-on-primary: #ffffff;--mat-sys-on-primary-container: #00458f;--mat-sys-on-primary-fixed: #001b3f;--mat-sys-on-primary-fixed-variant: #00458f;--mat-sys-on-secondary: #ffffff;--mat-sys-on-secondary-container: #3e4759;--mat-sys-on-secondary-fixed: #131c2b;--mat-sys-on-secondary-fixed-variant: #3e4759;--mat-sys-on-surface: #1a1b1f;--mat-sys-on-surface-variant: #44474e;--mat-sys-on-tertiary: #ffffff;--mat-sys-on-tertiary-container: #0000ef;--mat-sys-on-tertiary-fixed: #00006e;--mat-sys-on-tertiary-fixed-variant: #0000ef;--mat-sys-outline: #74777f;--mat-sys-outline-variant: #c4c6d0;--mat-sys-primary: #005cbb;--mat-sys-primary-container: #d7e3ff;--mat-sys-primary-fixed: #d7e3ff;--mat-sys-primary-fixed-dim: #abc7ff;--mat-sys-scrim: #000000;--mat-sys-secondary: #565e71;--mat-sys-secondary-container: #dae2f9;--mat-sys-secondary-fixed: #dae2f9;--mat-sys-secondary-fixed-dim: #bec6dc;--mat-sys-shadow: #000000;--mat-sys-surface: #faf9fd;--mat-sys-surface-bright: #faf9fd;--mat-sys-surface-container: #efedf0;--mat-sys-surface-container-high: #e9e7eb;--mat-sys-surface-container-highest: #e3e2e6;--mat-sys-surface-container-low: #f4f3f6;--mat-sys-surface-container-lowest: #ffffff;--mat-sys-surface-dim: #dbd9dd;--mat-sys-surface-tint: #005cbb;--mat-sys-surface-variant: #e0e2ec;--mat-sys-tertiary: #343dff;--mat-sys-tertiary-container: #e0e0ff;--mat-sys-tertiary-fixed: #e0e0ff;--mat-sys-tertiary-fixed-dim: #bec2ff;--mat-sys-neutral-variant20: #2d3038;--mat-sys-neutral10: #1a1b1f;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-body-large: 400 1rem / 1.5rem Roboto;--mat-sys-body-large-font: Roboto;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem Roboto;--mat-sys-body-medium-font: Roboto;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem Roboto;--mat-sys-body-small-font: Roboto;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Roboto;--mat-sys-display-large-font: Roboto;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Roboto;--mat-sys-display-medium-font: Roboto;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem Roboto;--mat-sys-display-small-font: Roboto;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem Roboto;--mat-sys-headline-large-font: Roboto;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem Roboto;--mat-sys-headline-medium-font: Roboto;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem Roboto;--mat-sys-headline-small-font: Roboto;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 .875rem / 1.25rem Roboto;--mat-sys-label-large-font: Roboto;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem Roboto;--mat-sys-label-medium-font: Roboto;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem Roboto;--mat-sys-label-small-font: Roboto;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem Roboto;--mat-sys-title-large-font: Roboto;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem Roboto;--mat-sys-title-medium-font: Roboto;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem Roboto;--mat-sys-title-small-font: Roboto;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}html,body{height:100%}:root{--bg-color: #0e0e0e;--card-color: #1a1a1a;--text-color: #f2f2f2;--base-color: rgb(41 52 91);--accent-color: #00ffcc;--error-color: #ff355b;--success-color: #00e676;--brand-success: #00e676;--brand-error: #ff355b;--loader-size: 7em;--check-height: calc(var(--loader-size) / 2);--check-width: calc(var(--check-height) / 2);--check-left: calc(var(--loader-size) / 6 + var(--loader-size) / 12);--check-thickness: 4px}*{box-sizing:border-box;font-family:Roboto,sans-serif;font-weight:400;font-style:normal;scrollbar-width:thin;color:#abbdff;margin:0;padding:0}.fa{color:#29345b}body{margin:0;line-height:1.4em;scrollbar-gutter:stable;font-family:Inter,sans-serif;background-color:var(--bg-color);color:var(--text-color)}p{margin:0}ul,li{margin:0;padding:0;list-style:none}button{border:none;margin:0;padding:0;width:auto;overflow:visible;background:transparent;color:inherit;font:inherit;line-height:normal;cursor:pointer;outline:none;display:flex;align-items:center}button::-moz-focus-inner{padding:0;border:0}.prevent-select{user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.bold{font-weight:700}.mirrored{transform:scaleX(-1);-webkit-transform:scaleX(-1)}.title{line-height:normal;color:#fff;display:flex;font-size:1.24em;font-weight:700}.subtitle{font-weight:300;font-size:small;color:var(--card-color)}.message{font-weight:400;font-size:medium;color:#fff}*::-webkit-scrollbar{width:12px;height:12px;background-color:transparent}*::-webkit-scrollbar-track{background-color:transparent}*::-webkit-scrollbar-thumb{background-color:#045f3c;border-radius:10px;border:3px solid rgba(255,255,255,0)}*::-webkit-scrollbar-thumb:hover{background-color:#555}app-loader,app-pop-up{position:fixed;z-index:11}app-form-input-updated{flex-grow:0!important}.card-container{width:28rem;border-radius:16px;overflow:hidden;box-shadow:0 20px 24px -4px #96afe214;opacity:0;animation:fall-down .55s cubic-bezier(.175,.885,.32,1.275) forwards;z-index:2}.card-container.animate-up{animation:go-up .25s ease-in-out forwards}.card-container .header{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1.25rem;padding:2rem;background-color:#29345b}.card-container .header>img{width:8rem}.card-container .content{width:100%;display:flex;flex-direction:column;gap:.8rem;background-color:#fff;padding:2rem 2.42rem}.card-container .content .title-container{display:flex;flex-direction:column;gap:.8em}.card-container .content .title{color:#29345b}.card-container .content .form-items{display:flex;flex-direction:column;gap:2rem}.card-container .content .error-container{display:flex;align-items:center;gap:1em;border-radius:8px;border:1px solid #ff4040;padding:.8rem 1.24rem;background-color:#ff404010;animation:fall-down .55s cubic-bezier(.175,.885,.32,1.275) forwards}.card-container .content .error-container:hover{cursor:pointer}.card-container .content .error-container.remove-error{animation:go-up .25s ease-in-out forwards}.card-container .content .error-container span{color:#ff4040;font-size:.8em;line-height:1.24rem;text-overflow:ellipsis;overflow:hidden}.card-container .content .error-container i{display:flex;align-items:center;justify-content:center;font-size:.8em;aspect-ratio:1;min-width:1.72rem;color:#fff;background-color:#ff4040;border-radius:50rem}.card-container .content .text-button{color:#304db8;transition:all .25s ease-in-out}.card-container .content .text-button:hover{color:#29345b;text-decoration:underline;cursor:pointer}.card-container .content .contain-bottom{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.74em;color:#556292;font-size:.8em;padding-top:1.25rem}.card-container .content .contain-bottom .create-container{display:flex;gap:.72em}.button{height:44px;width:100%;display:flex;justify-content:center;align-items:center;border:1px solid #29345b;border-radius:8px;background-color:#29345b;color:#fff;padding:1rem;transition:all .25s ease-in-out;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;text-transform:uppercase;gap:.8rem}.button .text{color:var(--bg-color);width:5rem;align-items:start}.button.valid{background-color:var(--brand-success);border:1px solid #51eb10}.button.valid>mat-icon{color:var(--bg-color)}.button.valid .text{display:flex;align-items:center;justify-items:start}.button.valid:hover{border:1px solid #1de886;background-color:#00914b}.button.valid:disabled{border:1px solid #b9bbc3;background-color:#b9bbc3;cursor:not-allowed}.button.valid:disabled .text{color:#ebebeb}.button.valid:disabled>mat-icon{color:#ebebeb}.button.valid:disabled:hover{border:1px solid #9597a0;background-color:#9597a0}.button.error{background-color:var(--brand-error);border:1px solid #ff0000}.button.error .text{color:#fff;display:flex;align-items:center;justify-items:start}.button.error:hover{border:1px solid #d32626;background-color:#b40000}.button.error:disabled{border:1px solid #b9bbc3;background-color:#b9bbc3;cursor:not-allowed}.button.error:disabled .text{color:#ebebeb}.button.error:disabled>mat-icon{color:#ebebeb}.button.error:disabled:hover{border:1px solid #9597a0;background-color:#9597a0}.button.slim{width:max-content;font-size:small}.button.tiny{width:auto;font-size:12px;padding:8px;line-height:12px;height:fit-content}.button.large{height:4em;min-width:12rem}.button .spinner{border:2px solid transparent;border-top:2px solid white;border-radius:50%;width:16px;height:16px;animation:spin .72s linear infinite}.button.secondary{background-color:#fff;border:1px solid #29345b;color:#29345b}.button.secondary:hover{border:1px solid #556292;background-color:#556292;color:#fff}.button:hover{border:1px solid #556292;background-color:#556292}.button:disabled{border:1px solid #b9bbc3;background-color:#b9bbc3;cursor:not-allowed}.button:disabled:hover{border:1px solid #9597a0;background-color:#9597a0}.status-container{position:absolute;top:1.25rem;right:1.25rem;display:flex;width:100vw;justify-content:flex-end;z-index:10;align-items:center;gap:1.25rem}.status-container mat-icon{opacity:.5;cursor:pointer;transition:all .25s ease-in-out}.status-container mat-icon:hover{opacity:1}.status-indicator{width:12px;height:12px;border-radius:50%;display:inline-block;transition:background-color .3s ease}.status-indicator.float{position:relative;right:0;top:0}.status-indicator.online{background-color:#4caf50;animation:glow-green 1.5s infinite alternate}.status-indicator.offline{background-color:#f44336;animation:glow-red 1.5s infinite alternate}.status-indicator.warning{background-color:#ffeb3b;animation:glow-yellow 1.5s infinite alternate}.status-indicator.no-connection{background-color:#b8b8b8;animation:glow-grey 1.5s infinite alternate}.debug-toggle{width:min-content;height:min-content;align-items:center;justify-content:center;position:absolute;bottom:1rem;left:1rem;background-color:var(--card-color);color:var(--text-color);padding:1.25rem;border-radius:1rem;cursor:pointer;z-index:10000;transition:all .25s cubic-bezier(.075,.82,.165,1)}.debug-toggle:hover{scale:1.1}.debug-toggle.top-right{top:1rem;right:1rem;bottom:unset;left:unset}.debug-toggle.disabled,.debug-toggle:disabled{opacity:0;pointer-events:none;cursor:not-allowed;scale:1!important}footer{position:absolute;bottom:0;width:100%;display:flex;align-items:center;justify-content:center;font-size:.8em;padding:1.25rem;z-index:20}app-loader{position:fixed;top:0;left:0;z-index:30000!important;width:100vw;height:100vh;pointer-events:none}strong{font-weight:800;color:#0fc}app-dark-veil{width:100vw;height:100vh;z-index:1;position:fixed;top:0;left:0;pointer-events:none}@keyframes glow-green{0%{box-shadow:0 0 6px 2px #4caf50}to{box-shadow:0 0 16px 4px #4caf50}}@keyframes glow-red{0%{box-shadow:0 0 6px 2px #f44336}to{box-shadow:0 0 16px 4px #f44336}}@keyframes glow-yellow{0%{box-shadow:0 0 6px 2px #ffeb3b}to{box-shadow:0 0 16px 4px #ffeb3b}}@keyframes glow-grey{0%{box-shadow:0 0 6px 2px silver}to{box-shadow:0 0 16px 4px silver}}@keyframes fall-down{0%{transform:translateY(-10%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes go-up{0%{transform:translateY(0);opacity:1}to{transform:translateY(-10%);opacity:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media screen and (max-width: 472px){.card-container{width:100%;height:100vh;border-radius:0;opacity:1;animation:none forwards}.card-container .header{border-radius:0}.card-container .content{height:100%;border-radius:0}}