@charset "UTF-8";:root{--grid-color: #3c3c3c;--grid-color-rgb: 60, 60, 60;--background-light: #3c3c3c;--background: #292929;--background-dark: #0a0a0a;--background-dark-rgb: 10, 10, 10;--background-hover: #1c251c;--background-active: #062312;--text: #ffffff;--cropper-overlay-color: rgba(21, 28, 27, .7);--cropper-outline-color: rgba(21, 28, 27, .7);--cropper-resize-square-bg: var(--primary);--white: #fafafa;--black: #1b1b1b;--light-background: #6c8a6a;--light-background-hover: #e8e8e8;--surface: #151c1b;--surface-light: #1e1e1e;--surface-hover: #1c251c;--surface-active: #083018;--text-surface: #a6a6a6;--primary: #20b65a;--primary-rgb: 32, 182, 90;--primary-dark: #164529;--primary-hover: #1c994c;--primary-active: #22bf5f;--primary-focus: rgb(51, 204, 112);--text-primary: #09130c;--secondary: #1cff99;--secondary-hover: #19e58a;--secondary-active: #16cc7a;--secondary-focus: rgba(28, 255, 153, .5);--text-secondary: #0a0d0a;--tertiary: #272727;--tertiary-hover: #2e2e2e;--tertiary-active: #1e1e1e;--tertiary-focus: #2e2e2e;--text-tertiary: #white;--success: #37ff92;--success-hover: #2ae580;--warning: #ffca28;--warning-hover: #e6b524;--error: #d12e29;--error-hover: #d83d3a;--danger: #f83d39;--danger-hover: #cc3330;--border-color: #2f2f2f;--border-color--light: #3f3f3f;--shadow-color: rgb(3, 13, 7);--disabled: #4d4d4d;--disabled-text: #a6a6a6;--info: #17a2b8;--accent: #50ffa7;--viewer-color: #cfcfcf;--text-viewer: #000000;--editor-color: #1cff99;--text-editor: #000000;--admin-color: #f83d39;--text-admin: #000000;--navbar-padding: 0rem 1rem 0rem .5rem;--padding-sm: .5rem;--padding: .75rem 1rem;--padding-lg: 1.5rem;--border-radius: 8px;--font: "Poppins", sans-serif;--drawer-width: 250px;--navbar-height: 64px}.sticky-test{position:sticky;top:50px;background-color:var(--background-dark);padding:8px 16px;box-shadow:0 2px 4px #0000001a}.light-mode{--grid-color: #e8e8e8;--grid-color-rgb: 232, 232, 232;--background-light: #dfdfdf;--background: #ffffff;--background-dark: #ffffff;--background-dark-rgb: 255, 255, 255;--background-hover: #e8e8e8;--background-active: #dddddd;--text: #2e2e2e;--white: #ffffff;--black: #1a1a1a;--light-background: #fafafa;--light-background-hover: #f0f0f0;--surface: #f5f5f5;--surface-hover: #f0f0f0;--surface-active: #e6e6e6;--text-surface: #555555;--primary: #20b65a;--primary-dark: #c4dfcf;--primary-hover: #1c994c;--primary-active: #22bf5f;--primary-focus: rgb(51, 204, 112);--text-primary: #09130c;--secondary: #1cff99;--secondary-hover: #19e58a;--secondary-active: #16cc7a;--secondary-focus: rgba(28, 255, 153, .5);--text-secondary: #0a0d0a;--success: #16a34a;--success-hover: #15803d;--warning: #d97706;--warning-hover: #b45309;--error: #dc2626;--error-hover: #b91c1c;--danger: #b91c1c;--danger-hover: #991b1b;--border-color: #d1d5db;--border-color--light: #e5e7eb;--shadow-color: rgba(0, 0, 0, .1);--disabled: #9ca3af;--disabled-text: #6b7280;--info: #0284c7;--accent: #f472b6;--viewer-color: #e5e7eb;--text-viewer: #1f2937;--editor-color: #a7f3d0;--text-editor: #065f46;--admin-color: #fecaca;--text-admin: #7f1d1d;--navbar-padding: .5rem;--padding-sm: .5rem;--padding: .75rem 1rem;--padding-lg: 1.5rem;--border-radius: 8px;--font: "Poppins", sans-serif;--drawer-width: 250px;--navbar-height: 51px}@font-face{font-family:Material Icons;font-style:normal;font-weight:400;src:url(/material_icons.woff2) format("woff2")}@font-face{font-family:Poppins;font-style:normal;font-weight:400;src:url(/font/Poppins/Poppins-Regular.woff2) format("woff2")}@font-face{font-family:Poppins;font-style:normal;font-weight:300;src:url(/font/Poppins/Poppins-Light.woff2) format("woff2")}@font-face{font-family:Poppins;font-style:normal;font-weight:700;src:url(/font/Poppins/Poppins-Bold.woff2) format("woff2")}@font-face{font-family:Poppins;font-style:italic;font-weight:400;src:url(/font/Poppins/Poppins-Italic.woff2) format("woff2")}@font-face{font-family:Poppins;font-style:italic;font-weight:300;src:url(/font/Poppins/Poppins-LightItalic.woff2) format("woff2")}@font-face{font-family:Poppins;font-style:italic;font-weight:700;src:url(/font/Poppins/Poppins-BoldItalic.woff2) format("woff2")}.icon{font-family:Material Icons}*{margin:0;padding:0;box-sizing:border-box;scrollbar-color:var(--border-color) var(--surface);font-family:var(--font),sans-serif}::-webkit-scrollbar-thumb{background-color:var(--border-color)}::-webkit-scrollbar-thumb:hover{background-color:var(--text-surface)}::-webkit-scrollbar-track{background:var(--surface)}html,body{background-color:var(--background-dark);color:var(--text);font-family:var(--font),sans-serif;margin:0;padding:0;scroll-behavior:auto}h1,h2,h3,h4,h5,h6,p{margin:0}h1{font-size:2.5rem;line-height:1.2;font-weight:700}h2,.h2{font-size:2rem;font-weight:700}h3,.h3{font-size:1.25rem;font-weight:300}h4,.h4{font-size:1.1rem;font-weight:700}hr{border:0;border-top:1px solid var(--border-color);margin:8px auto;width:100%}.border--sm{border:1px solid var(--border-color)}.border--md{border:2px solid var(--border-color)}.border--lg{border:4px solid var(--border-color)}.background{background-color:var(--background);color:var(--text)}.background-dark{background-color:var(--background-dark);color:var(--text)}::-moz-selection{color:var(--text-secondary);background:var(--secondary);-webkit-text-fill-color:var(--text-secondary)!important}::selection{color:var(--text-secondary)!important;background:var(--secondary);-webkit-text-fill-color:var(--text-secondary)!important}.text-center{text-align:center}.page-container{display:flex;flex-direction:column;min-height:80vh}.page-container.centered-hr{align-items:center}.full-width{width:100%}section,section *{transition:opacity .3s ease-in-out,fill .3s ease-in-out,stroke .3s ease-in-out,border-color .3s ease-in-out,color .3s ease-in-out,background-color .3s ease-in-out}.text-section{padding:1.5rem;margin:0 auto;max-width:1200px;width:100%;display:flex;flex-direction:column}.hero{border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding:16px 20px}.hero-content{padding-bottom:var(--navbar-height)}.inline-form{display:flex;flex-direction:row;align-items:center;gap:16px;width:100%}.card{width:100%;display:flex;flex-direction:column;border-radius:var(--border-radius);overflow:hidden}.card.card-horizontal{flex-direction:row;justify-content:stretch;align-items:stretch}.card.card-horizontal>.card-image{flex:1 1 0;width:auto;height:auto}.card.card-horizontal>.card-image>img{display:block;width:100%;height:100%;object-position:center center}.card.card-horizontal>.card-content{flex:1 1 0;width:auto}.card>.card-image{position:relative;width:auto;height:200px;overflow:hidden}.card>.card-image>img{width:100%;height:100%;object-fit:cover;object-position:center center}.card>.card-content{flex-grow:1;display:flex;flex-direction:column;background:var(--surface-light)}.card>.card-content>.card-header{padding:16px 16px 0}.card>.card-content>.card-body{padding:16px 16px 12px;flex:1 1 auto}.card>.card-content>.card-footer{padding:12px 16px 16px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;border-top:1px solid var(--border-color)}.tag{background-color:var(--primary);color:var(--text-primary);border-radius:16px;padding:4px;font-size:.8rem}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;min-height:120px;overflow-y:auto;position:relative}.max-width-centered{max-width:1200px;margin-left:auto;margin-right:auto}.max-width-centered-900{max-width:900px;margin-left:auto;margin-right:auto}.max-width-centered-800{max-width:800px;margin-left:auto;margin-right:auto}.max-width-centered-700{max-width:700px;margin-left:auto;margin-right:auto}.max-width-centered-600{max-width:600px;margin-left:auto;margin-right:auto}.subtext{opacity:.8}.highlight{color:var(--primary)}.brush-highlight{background:url(/images/brushes/brush-light.svg) no-repeat;background-size:100% 100%;margin:-2px -6px;padding:4px 6px 2px;color:var(--text-primary);text-wrap:nowrap}h1.brush-highlight,h1>*.brush-highlight{padding:16px 32px 8px;line-height:1.8}h2.brush-highlight,h2>*.brush-highlight{padding:12px 24px 6px;line-height:1.8}.button.brush-highlight,button.brush-highlight{padding:7px 16px 3px}button.a,a:not(.button){color:var(--primary);text-decoration:none;transition:color .3s ease}a:not(.button):hover,a:not(.button):focus{text-decoration:underline;outline:none}button.a.subtext{color:var(--text);opacity:.6}button.a{background-color:transparent;border:none;cursor:pointer;padding:0;text-align:left;height:auto}button.a:hover{color:var(--primary-hover);background-color:transparent;text-decoration:underline}button.a:focus{background-color:transparent;outline:none!important;text-decoration:underline}button.a:active{color:var(--primary-active);background-color:transparent;text-decoration:none}button.button-big,.button.button-big{height:48px;padding:7px 36px}button,.button{text-wrap:nowrap;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:7px 16px;height:36px;font-size:.925rem;text-align:center;border-radius:var(--border-radius);cursor:pointer;border:1px solid transparent;background-color:transparent;color:var(--text);transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease}button.button-small,.button.button-small{padding:4px 8px;height:28px;font-size:.9rem}button:focus,.button:focus{outline:2px solid var(--primary)!important;outline-offset:2px!important}button:hover,.button:hover{background-color:var(--background-hover)}button:active,.button:active{background-color:var(--background-active)}button:disabled,.button:disabled{cursor:not-allowed;opacity:.5}button.icon-button{padding:0;min-width:36px;min-height:36px;max-width:36px;max-height:36px}button.icon-button.button-big{padding:8px;min-width:48px;min-height:48px;max-width:48px;max-height:48px}button.primary,.button.primary,button.primary:disabled:hover,.button.primary:disabled:hover,button.primary:disabled:active,.button.primary:disabled:active{background-color:var(--primary);border-color:var(--border-color--light);color:var(--text-primary)}button.primary:hover,.button.primary:hover{background-color:var(--primary-hover)}button.primary:active,.button.primary:active{background-color:var(--primary-active)}button.primary:focus,.button.primary:focus{outline:none;border:1px solid var(--primary-focus)}button.primary.outline,.button.primary.outline{background-color:transparent;color:var(--primary);border:1px solid var(--primary)}button.primary.outline:hover,.button.primary.outline:hover{background-color:var(--background-dark);color:var(--primary-hover)}button.primary.outline:active,.button.primary.outline:active{color:var(--primary-hover)}button.primary.outline:focus,.button.primary.outline:focus{outline:2px solid var(--primary-hover)!important;outline-offset:2px!important}button.tertiary,.button.tertiary,button.tertiary:disabled:hover,.button.tertiary:disabled:hover,button.tertiary:disabled:active,.button.tertiary:disabled:active{background-color:var(--tertiary);border-color:var(--border-color--light);color:var(--text-tertiary)}button.tertiary:hover,.button.tertiary:hover{background-color:var(--tertiary-hover);border-color:var(--tertiary-hover)}button.tertiary:active,.button.tertiary:active{background-color:var(--tertiary-active);border-color:var(--tertiary-active)}button.tertiary:focus,.button.tertiary:focus{outline:none;border:1px solid var(--tertiary-focus)}.button-menu{display:flex;flex-direction:column;gap:8px;padding:8px}.button-menu .button,.button-menu button{width:100%;text-transform:none;gap:16px;font-size:1rem;justify-content:start;padding:6px 16px 6px 8px}.context-menu{display:flex;flex-direction:column;background:var(--background);padding:8px 0;border-radius:var(--border-radius);border:1px solid var(--border-color);gap:4px}.context-menu>button{justify-content:start;gap:16px;padding:0 12px;border-radius:0}.context-menu>button:focus{outline:1px solid var(--primary)!important;outline-offset:1px solid var(--primary-hover)!important}.context-menu>button>.shortcut{border-radius:3px;opacity:.3;display:inline-block;font-size:.75em;font-weight:700;line-height:1;padding:4px 8px;white-space:nowrap;margin-left:auto;box-shadow:2px 2px 4px 2px var(--border-color);background-color:var(--background-dark)}.animation{opacity:0;animation:fadeInUp .7s ease-out forwards}.animation-delay-1{animation-delay:.2s}.animation-delay-2{animation-delay:.4s}.animation-delay-3{animation-delay:.6s}.animation-delay-4{animation-delay:.8s}.animation-delay-5{animation-delay:1s}.animation-delay-6{animation-delay:1.2s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}label{display:flex;flex-direction:column;margin:5px 0;color:var(--secondary);font-size:.875rem}label>span{opacity:.8}label:has(input[required])>span:after{position:relative;content:"*";margin-left:2px;color:var(--error);font-weight:700}label>input,label>textarea,label>select{margin-top:2px}input.ng-touched.ng-invalid,textarea.ng-touched.ng-invalid,select.ng-touched.ng-invalid,form.ng-submitted input.ng-invalid,form.ng-submitted textarea.ng-invalid,form.ng-submitted select.ng-invalid{border-color:var(--error)}label.named-checkbox-label{color:var(--text);font-size:1rem;gap:8px;display:flex;flex-direction:row;align-items:center;margin:0;padding:8px;height:36px;width:100%;cursor:pointer}label.checkbox-label{display:flex;align-items:center;justify-content:center;margin:0;padding:8px;height:36px;width:36px;cursor:pointer;border:1px solid var(--border-color);border-radius:var(--border-radius)}input[type=checkbox],input[type=radio]{width:18px;height:18px;margin:0;vertical-align:middle;accent-color:var(--primary);cursor:pointer}input[type=checkbox]:focus{outline:none;border:none}label.checkbox-label:has(input[type=checkbox]:focus){border-color:var(--primary);border:1px solid var(--primary-focus);outline:1px solid var(--primary-focus)}.checkbox-container{display:block;position:relative;padding-left:30px;cursor:pointer;margin:12px 0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}form.ng-submitted .checkbox-container:has(input.ng-invalid)>div{border-color:var(--error)}input[type=checkbox]:focus~.checkmark{outline:1px solid var(--primary-focus);border:1px solid var(--primary-focus)}.checkbox-container>div{color:var(--text);font-size:.875rem;margin-left:8px}.checkbox-container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark{position:absolute;top:50%;left:0;transform:translateY(-50%);height:20px;width:20px;border:1px solid var(--border-color--light);border-radius:4px;transition:background-color .3s ease,border-color .3s ease}.checkbox-container:hover input~.checkmark{background-color:var(--primary-dark)}.checkbox-container input:checked~.checkmark{background-color:var(--primary);border:1px solid var(--primary)}.checkbox-container .checkmark:after{content:"";position:absolute;display:none}.checkbox-container input:checked~.checkmark:after{display:block}.checkbox-container .checkmark:after{top:8px;left:50%;transform:translate(-50%,-50%) rotate(45deg);width:3px;height:9px;border:solid white;border-width:0 3px 3px 0;-ms-transform:rotate(45deg)}textarea.resize-none{resize:none}textarea.resize-vertical{resize:vertical}textarea.resize-horizontal{resize:horizontal}textarea.resize-both{resize:both}textarea{min-height:50px;height:100px;max-height:300px}input{height:36px}input,textarea,select{resize:vertical;font-family:var(--font),sans-serif;width:100%;border:1px solid var(--border-color);border-radius:var(--border-radius);padding:8px;font-size:.9rem;background-color:var(--background-dark);color:var(--text);transition:border-color .3s ease,box-shadow .3s ease}.icon-input{display:flex;gap:8px;align-items:center;font-family:var(--font),sans-serif;width:100%;border:1px solid var(--border-color);border-radius:var(--border-radius);padding-left:8px;font-size:.9rem;background-color:var(--background-dark);color:var(--text);transition:border-color .3s ease,box-shadow .3s ease}.icon-input>app-icon{opacity:.6}.icon-input>input{width:100%;box-sizing:border-box;border:none}.icon-input>input:focus{border:none;outline:none}.icon-input:focus-within,.icon-input:focus,input:focus,textarea:focus,select:focus{border-color:var(--primary);border:1px solid var(--primary-focus);outline:1px solid var(--primary-focus)}input:disabled,textarea:disabled,select:disabled{color:var(--disabled-text);background-color:var(--disabled)}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px var(--shadow-color) inset!important;-webkit-text-fill-color:white!important;transition:background-color 5000s ease-in-out 0s}@media screen and (min-width: 600px){h1{font-size:3.5rem;line-height:1.2;font-weight:700}h2,.h2{font-size:2.5rem;font-weight:700}h3,.h3{font-size:1.5rem;font-weight:300}h4,.h4{font-size:1.1rem;font-weight:700}}