@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap";@font-face{font-family:Museo Sans;src:url(../assets/fonts/MuseoSans-100.otf) format("opentype");font-weight:100;font-style:normal}@font-face{font-family:Museo Sans;src:url(../assets/fonts/MuseoSans-300.otf) format("opentype");font-weight:300;font-style:normal}@font-face{font-family:Museo Sans;src:url(../assets/fonts/MuseoSans-500.otf) format("opentype");font-weight:500;font-style:normal}@font-face{font-family:Museo Sans;src:url(../assets/fonts/MuseoSans-700.otf) format("opentype");font-weight:700;font-style:normal}*{--as-font-family-base: "Museo Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, sans-serif;--font-family-body: "DM Sans", sans-serif;--font-weight-light: 100;--font-weight-regular: 300;--font-weight-medium: 500;--font-weight-bold: 600;--header-height: 5rem;--footer-height: 3rem;--header-padding-y: .5rem;--header-padding-x: 1.5rem;--default-radius: .5rem;--color-tr-blue: #0084a4;--color-tr-blue-light-desat: hsl(192 43% 76%);--color-tr-blue-desat: #5397a8;--color-tr-blue-light: #57c3e0;--color-tr-grey: #C4C4C4;--color-tr-grey-light: #9BA0AA;--color-bg-primary: rgb(255, 255, 255);--color-bg-secondary: rgb(241, 240, 240);--color-bg-tertiary: rgb(241, 240, 240);--color-text-primary: #444;--color-text-secondary: #666;--color-accent: #007bff;--color-accent-hover: #0056b3;--color-error: #dc3545;--color-success: hsl(146 51% 36%);--color-warning: #ffc107;--color-trinckle-blue: hsl(192 100% 32%);--color-info: #17a2b8;--color-border: hsl(192 43% 76%);--color-border-muted: hsl(240 6% 90%);--color-text-muted: hsl(240 6% 90%);--color-background: hsl(240 100% 99%);--color-foreground: hsl(196 100% 11%);--color-background-neutral-light: hsl(0 0% 89%);--color-background-neutral-mid: hsl(240 1% 78%);--color-background-neutral-dark: hsl(60 2% 23%);--color-text-default: hsl(196 100% 11%);--color-text-muted-alt: hsl(220 9% 46%);--color-text-inverse: hsl(240 100% 99%);--color-text-on-primary: hsl(240 100% 99%);--color-text-on-secondary: hsl(240 100% 99%);--color-success-alt: hsl(146 51% 36%);--color-success-foreground: hsl(146 44% 91%);--color-success-dark: hsl(146 51% 24%);--color-warning-alt: hsl(42 100% 45%);--color-warning-foreground: hsl(42 100% 93%);--color-warning-dark: hsl(42 100% 24%);--color-error-alt: hsl(0 67% 47%);--color-error-foreground: hsl(0 67% 93%);--color-error-dark: hsl(0 67% 30%);--color-border-alt: hsl(192 43% 76%);--color-border-muted-alt: hsl(240 6% 90%);--color-input: hsl(240 6% 90%);--color-ring: hsl(192 43% 76%);--color-card: hsl(240 100% 99%);--color-card-foreground: hsl(196 100% 11%);--color-popover: hsl(240 100% 99%);--color-popover-foreground: hsl(196 100% 11%);--color-muted: hsl(240 6% 90%);--color-muted-foreground: hsl(220 9% 46%);--step-selector-button-border-width: 2px;--step-selector-button-radius: .9375rem;--step-selector-step-padding: .5rem;--step-selector-label-gap: .75rem;--step-selector-label-font-size: .9rem;--step-selector-label-weight: 500;--step-selector-completed-color: var(--color-success);--color-primary: 196 100% 11%;--color-primary-foreground: 240 100% 99%;--color-secondary: 192 100% 32%;--color-secondary-foreground: 240 100% 99%;--color-accent: 192 43% 76%;--color-accent-foreground: 196 100% 11%;--color-workflow-accent: 192 56% 70%;--color-slider-track-active: 196 100% 11%;--color-slider-track-inactive: 0 0% 89%;--color-slider-handle: 196 100% 11%;--background: 240 100% 99%;--foreground: 196 100% 11%;--background-neutral-light: 0 0% 89%;--background-neutral-mid: 240 1% 78%;--background-neutral-dark: 60 2% 23%;--card: 240 100% 99%;--card-foreground: 196 100% 11%;--color-card-background: 255 255 255;--popover: 240 100% 99%;--popover-foreground: 196 100% 11%;--muted: 240 6% 90%;--muted-foreground: 220 9% 46%;--border: 192 43% 76%;--border-muted: 240 6% 90%;--input: 240 6% 90%;--ring: 192 43% 76%;--shadow-low: 0 1px 3px 0 hsl(196 100% 11% / .1), 0 1px 2px 0 hsl(196 100% 11% / .06);--shadow-medium: 0 4px 6px -1px hsl(196 100% 11% / .1), 0 2px 4px -1px hsl(196 100% 11% / .06);--shadow-high: 0 10px 15px -3px hsl(196 100% 11% / .1), 0 4px 6px -2px hsl(196 100% 11% / .05);--radius: .5rem;--radius-sm: .25rem;--radius-lg: .75rem;--radius-xl: 1rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--step-panel-min-width: 200px;--step-panel-min-height: 30vh;--step-panel-max-width: 300px;--step-panel-max-height: 80vh;--step-panel-background-opacity: .75;--step-panel-z-index: 2;--step-panel-group-gap: 1.5rem;--gradient-flower-macro: radial-gradient(ellipse 80% 60% at 20% 80%, hsl(var(--color-primary) / var(--step-panel-background-opacity)) 0%, transparent 70%), radial-gradient(ellipse 70% 80% at 80% 20%, hsl(var(--color-secondary) / calc(.9 * var(--step-panel-background-opacity))) 0%, transparent 80%), radial-gradient(ellipse 90% 40% at 40% 60%, hsl(var(--color-primary) / calc(.8 * var(--step-panel-background-opacity))) 0%, transparent 90%), linear-gradient(145deg, hsl(var(--color-primary) / var(--step-panel-background-opacity)), hsl(var(--color-secondary) / calc(.9 * var(--step-panel-background-opacity))), hsl(var(--color-primary) / calc(.8 * var(--step-panel-background-opacity))));--base-hover-bg-col: var(--color-tr-blue-desat);--tooltip-bg-col: var(--base-hover-bg-col);--icon-btn-hover-bg-col: var(--base-hover-bg-col);--button-confirm-color: var(--color-tr-blue);--button-confirm-color-hover: var(--color-tr-blue-desat);--button-cancel-color: var(--color-tr-grey);--button-cancel-color-hover: var(--color-tr-grey-light);--numbox-label-gap: .25rem;--modal-button-padding-x: 1.5rem;--modal-button-padding-y: .75rem;--modal-button-radius: 4px;--modal-button-bg-col: var(--color-bg-secondary);--modal-button-text-col: var(--color-text-primary);--modal-button-hover-bg-col: var(--color-bg-tertiary);--button-confirm-bg-col: var(--button-confirm-color);--button-confirm-text-col: white;--button-confirm-hover-bg-col: var(--button-confirm-color-hover);--button-cancel-bg-col: var(--button-cancel-color);--button-cancel-text-col: var(--color-text-primary);--button-cancel-hover-bg-col: var(--button-cancel-color-hover);--as-notifications-padding-bottom: 2rem;--icon-btn-img-filter: brightness(0) invert(1);--button-height-sm: 2rem;--button-height-md: 2.5rem;--button-height-lg: 3rem;--button-padding-x: .5rem;--button-padding-y: .5rem;--button-font-size-sm: .875rem;--button-font-size-md: 1rem;--button-font-size-lg: 1.25rem;--button-bg-color: #eaeef090;--shadow-color: 216deg 20% 56%;--shadow-opacity: .1;--shadow-medium: .3px .5px .7px hsl(var(--shadow-color) / var(--shadow-opacity, .36)), .8px 1.6px 2px -.8px hsl(var(--shadow-color) / var(--shadow-opacity, .36)), 2.1px 4.1px 5.2px -1.7px hsl(var(--shadow-color) / var(--shadow-opacity, .36)), 5px 10px 12.6px -2.5px hsl(var(--shadow-color) / var(--shadow-opacity, .36));--button-shadow: var(--shadow-medium) }as-header{--button-shadow: none;--button-bg-color: transparent}.ws-preline{white-space:pre-line}html,body{margin:0;padding:0;height:100%;box-sizing:border-box}as-app:not(:defined){display:none}.as-defaults as-app{box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden;height:100%}.as-defaults #as-main-content{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;flex:1}.as-defaults #as-main-content as-step-selector{margin-left:.5rem;left:0;grid-column:1;grid-row:1}.as-defaults #as-main-content as-viewport{grid-column:1;grid-row:1}.as-defaults .labeled-input{display:flex;flex-direction:row;justify-content:space-between}.as-defaults #as-footer{padding:.5rem 2rem;align-items:center;justify-content:space-between;font-family:var(--as-font-family-base);font-size:.7rem;color:var(--color-footer-text, gray);display:flex;flex-direction:row;height:3rem}.gap-half{gap:.5rem}.gap-10px{gap:10px}.auth-form{display:flex;flex-direction:column;width:100%;max-width:600px;margin:0 auto;padding:1rem 1.5rem;box-sizing:border-box}.auth-form form{width:100%;box-sizing:border-box}@media (max-width: 480px){.auth-form{max-width:95vw;padding:1rem}}@media (min-width: 768px){.auth-form{max-width:600px;padding:1rem 2rem}}.auth-form-description{margin-bottom:1rem}.auth-modal-title{text-align:center;margin-bottom:1rem;color:var(--auth-title-color);font-size:1.75rem;font-family:DM Sans;margin-top:1rem}h2{font-family:DM Sans}.auth-form as-text{-webkit-user-select:none;user-select:none}.auth-form-group{margin-bottom:1.5rem;width:100%;box-sizing:border-box}.auth-form-group.checkbox{display:flex;align-items:center;gap:1rem}.auth-form-group.checkbox input{width:fit-content}.auth-form-group.checkbox label{flex:.9;margin:0;padding:0}.auth-form-group select{background-color:#fff;border:none;font-size:1rem;padding:.5rem;border:1px solid #ccc;border-radius:.25rem}.checkbox-option{display:flex;gap:1rem;align-content:center}.forgot-password-link{display:block;text-align:left;font-size:1rem;color:var(--auth-link-color);text-decoration:none;cursor:pointer}.g-recaptcha{display:flex;justify-content:start;align-items:center}.auth-form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--auth-label-color)}.auth-form-group input{width:100%;padding:.75rem;border:1px solid var(--auth-input-border-color);border-radius:4px;font-size:1rem;transition:border-color .2s ease;box-sizing:border-box}.auth-form-group input:focus{outline:none;border-color:var(--auth-input-focus-color);box-shadow:0 0 0 2px #0084a433}.auth-form-actions{display:flex;justify-content:space-around;margin-top:2rem;width:100%;box-sizing:border-box}.spinner-button{display:flex;align-items:center;justify-content:center}.spinner-button as-spinner{--spinner-width: 1.5rem}.auth-form button{min-width:45%;padding:.75rem 1rem;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:background-color .2s ease}button.fit-child{width:fit-content;height:fit-content;padding:1rem;min-width:0;display:flex;place-content:center;place-items:center}button as-spinner{display:none}button.pending as-spinner{display:flex}button.pending as-text{display:none}.auth-form input[type=text],.auth-form input[type=password],.auth-form input[type=email]{height:2.5rem}.auth-form-actions button[type=button]{background-color:var(--auth-cancel-button-bg);color:#fff}.auth-form-actions button[type=submit],.auth-form-actions button.primary{background-color:var(--auth-submit-button-bg);color:var(--auth-submit-button-text)}.auth-form-actions button[type=button]:hover,.auth-form-actions button[type=submit]:hover,.auth-form-actions button.primary:hover{background-color:var(--icon-btn-hover-bg-col)}button[disabled]{background-color:var(--auth-disabled-button-bg, gray);color:var(--auth-submit-button-text);opacity:.5;pointer-events:none}.auth-links{margin-top:1.5rem;text-align:center;width:100%;box-sizing:border-box;display:flex;flex-direction:row;gap:1rem;justify-content:center}.auth-links a{color:var(--auth-link-color);text-decoration:none;cursor:pointer}.auth-links a:hover{text-decoration:underline}.error-message{display:none;color:var(--auth-error-color);margin-top:1rem;text-align:center;padding:.5rem;border-radius:4px;background-color:var(--auth-error-bg);width:100%;box-sizing:border-box}.success-message{display:none;color:var(--auth-success-color);margin-top:1rem;text-align:center;padding:.5rem;border-radius:4px;background-color:var(--auth-success-bg);width:100%;box-sizing:border-box}.spinner-container{display:none;justify-content:center;align-items:center;padding:2rem;width:100%;box-sizing:border-box}.auth-form.disabled{opacity:.5;pointer-events:none}.auth-success-message{text-align:center;margin:1.5rem 0}.email-highlight{font-weight:700;color:var(--as-primary-color, #0066cc);font-size:1.1em;margin:.5rem 0;word-break:break-all}.auth-form-vertical-inputs{padding-top:2rem;display:flex;flex-direction:column;gap:10px}.error-msg-text{color:var(--auth-error-color);text-align:center;padding:.5rem;animation:none!important;transition:none!important;transform:none!important;opacity:1!important;will-change:auto!important}.strength-text{font-size:.9rem;color:var(--auth-link-color)}.strength-text.invalid,.strength-text.weak{color:var(--auth-error-color)}.strength-text.medium{color:var(--as-base-text-color, black)}.strength-text.strong,.strength-text.very-strong{color:var(--auth-success-color)}button{border-radius:var(--text-btn-radius, .75rem)!important}as-text-button#user-organization-button{--text-btn-bg-col: var(--color-dark-button);--text-btn-text-col: white}a#change-password-link,button#back-to-user-management,button#back-to-members{background-color:var(--color-dark-button);padding:.75rem 1rem;border-radius:var(--text-btn-radius, .75rem);color:#fff;transition:background-color .2s ease;text-decoration:none}a#change-password-link .icon,button#back-to-user-management .icon,button#back-to-members .icon{display:none}a#change-password-link:hover,button#back-to-user-management:hover,button#back-to-members:hover{text-decoration:none;background-color:var(--icon-btn-hover-bg-col)}button#back-to-user-management{padding:.5rem 1rem}.members-section .header-buttons button{border-color:#000!important;border:none;color:#000;background-color:#dfe5ea;transition:background-color .2s ease}.members-section .header-buttons button:hover{background-color:#fff;color:#000}.members-section .member-item{background-color:#fff!important;border:none!important}.organization-info{background:#fff!important}.you-tag{background:#b6c4c8!important}.required{font-weight:600}.required:after{content:"*"}#invite-member-view{@keyframes autofill-detect{0%{opacity:.99}to{opacity:1}}}#invite-member-view input:-webkit-autofill{animation:autofill-detect 1ms}#invite-member-view #invite-member-view{display:flex;flex-direction:column;align-items:center;justify-content:center}#invite-member-view #invite-member-content{width:100%}#invite-member-view .header{display:flex;flex-direction:column;align-items:center;width:100%;margin-bottom:1.5rem}#invite-member-view .header h2{margin:0}#invite-member-view .form-section{background:var(--light-gray, #ffffff);padding:2rem;border-radius:8px;margin-bottom:1.5rem}#invite-member-view .form-group{margin-bottom:1rem}#invite-member-view .form-group label{display:block;margin-bottom:.5rem;font-weight:700;color:var(--text-primary, #333)}#invite-member-view .form-group input{width:100%;padding:.75rem;border:1px solid var(--border-color, #ddd);border-radius:4px;font:inherit;box-sizing:border-box}#invite-member-view .form-group input:focus{outline:none;border-color:var(--petrol-blue);box-shadow:0 0 0 2px var(--petrol-blue-light, rgba(42, 120, 142, .2))}#invite-member-view .form-group input.error{border-color:var(--error-color, #d32f2f)}#invite-member-view .error-message{color:var(--error-color, #d32f2f);font-size:.875rem;margin-top:.25rem}#invite-member-view .submit-button{background:var(--petrol-blue);color:#fff;border:none;padding:.75rem 2rem;border-radius:4px;font:inherit;cursor:pointer;width:100%;margin-top:1rem}#invite-member-view .submit-button:hover:not(:disabled){background:var(--petrol-blue-dark, #1a5f7a)}#invite-member-view .submit-button:disabled{background:var(--disabled-color, #ccc);cursor:not-allowed}#invite-member-view .success-message{background:var(--success-color, #4caf50);color:#fff;padding:1rem;border-radius:4px;margin-bottom:1rem;text-align:center}#invite-member-view .general-error{background:var(--error-color, #d32f2f);color:#fff;padding:1rem;border-radius:4px;margin-bottom:1rem;text-align:center}#invite-member-view .error-content{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap}#invite-member-view .contact-link{color:#fff;text-decoration:underline;font-weight:700;cursor:pointer}#invite-member-view .contact-link:hover{color:var(--light-gray, #f5f5f5)}#invite-member-view .error-suffix{white-space:nowrap}#invite-member-view .form-description{color:var(--text-secondary, #666);margin-bottom:1.5rem;line-height:1.5}:root{--petrol-blue: #0084A4;--petrol-dark-blue: #002738;--petrol-cyber-blue: #00ffff;--grey-light: #e3e3e3;--grey-middle: #c5c5c6;--grey-dark: #3c3c3b;--color-muted-white: #f4f7fd;--color-primary: hsl(196 100% 11%);--color-primary-foreground: hsl(240 100% 99%);--color-secondary: hsl(192 100% 32%);--color-secondary-foreground: hsl(240 100% 99%);--color-accent: hsl(192 43% 76%);--color-accent-foreground: hsl(196 100% 11%);--color-workflow-accent: hsl(192 56% 70%);--color-slider-track-active: hsl(196 100% 11%);--color-slider-track-inactive: hsl(0 0% 89%);--color-slider-handle: hsl(196 100% 11%);--background: hsl(240 100% 99%);--foreground: hsl(196 100% 11%);--background-neutral-light: hsl(0 0% 89%);--background-neutral-mid: hsl(240 1% 78%);--background-neutral-dark: hsl(60 2% 23%);--text-default: hsl(196 100% 11%);--text-muted: hsl(220 9% 46%);--text-inverse: hsl(240 100% 99%);--text-on-primary: hsl(240 100% 99%);--text-on-secondary: hsl(240 100% 99%);--color-success: hsl(146 51% 36%);--color-success-foreground: hsl(146 44% 91%);--color-success-dark: hsl(146 51% 24%);--color-warning: hsl(42 100% 45%);--color-warning-foreground: hsl(42 100% 93%);--color-warning-dark: hsl(42 100% 24%);--color-error: hsl(0 67% 47%);--color-error-foreground: hsl(0 67% 93%);--color-error-dark: hsl(0 67% 30%);--color-dark-button: #222;--auth-title-color: var(--petrol-dark-blue);--auth-label-color: var(--petrol-dark-blue);--auth-input-border-color: var(--grey-middle);--auth-input-focus-color: var(--petrol-blue);--auth-link-color: var(--petrol-blue);--auth-cancel-button-bg: #777;--auth-cancel-button-text: var(--grey-dark);--auth-cancel-button-hover-bg: #b5b5b6;--text-btn-radius: .75rem;--text-btn-hover-color: var(--petrol-blue);--auth-submit-button-bg: var(--color-dark-button);--auth-submit-button-text: white;--auth-submit-button-hover-bg: #006f8a;--auth-error-color: #d32f2f;--auth-error-bg: #ffebee;--auth-success-color: #388e3c;--auth-success-bg: #e8f5e9;--col-text: var(--petrol-dark-blue);--padding-global: 40px;--padding-elem: 3px;--shadow-default: 0px 0px 5px rgba(0, 0, 0, .1);--size-controls: 3em;--size-card-x: 600px;--size-card-y: 410px;--grid-gap: 40px;--main-background-gradient: radial-gradient(1200px 600px at 15% 20%, hsl(192 43% 76% / .22), transparent 60%), radial-gradient(1000px 520px at 85% 25%, hsl(192 100% 32% / .2), transparent 65%), radial-gradient(900px 520px at 60% 85%, hsl(196 100% 11% / .2), transparent 70%), linear-gradient(180deg, hsl(192 43% 76% / .22) 0%, hsl(192 100% 32% / .42) 48%, hsl(196 100% 11% / .88) 100%)}.v{display:flex;flex-direction:column}.hide,.hidden{display:none!important}:not(:defined){display:none;opacity:0}:not(:defined) *{display:none;opacity:0}@keyframes initialFadeIn{0%{opacity:0}to{opacity:1}}:root:not(.js-loaded) :defined{animation:initialFadeIn .1s ease-out forwards}*{box-sizing:border-box}a{cursor:pointer}body{overflow-x:hidden;position:relative;margin:0;overflow-y:auto;display:block;font-family:Museo Sans;color:var(--col-text);min-height:100vh;background-size:100%;background-repeat:no-repeat;width:100vw;height:100vh;display:flex;flex-direction:column;font-family:var(--font-family-body)}as-app{width:100vw;min-height:100%;height:auto;overflow-x:hidden;background-color:var(--color-muted-white)}as-app.no-fouc{display:none}h1{font-family:Museo Bold;font-size:2.8rem;line-height:2}.popout{position:fixed;background-color:#fff;padding:2rem;border-radius:1rem;border:2px solid gray;right:1rem;z-index:1000}#header{position:fixed;top:0;left:0;padding:10px 40px;z-index:1;display:flex;width:100%;height:96px;justify-content:space-between;align-items:start;-webkit-user-select:none;user-select:none;background:linear-gradient(#fff calc(var(--padding-global) + 0px),#fff0)}#header img{height:60px}a{text-decoration:none}#links{display:flex;align-items:center}#links img{height:1.5em}#links a{color:inherit;margin:.5em;pointer-events:all}#header div a:hover{color:var(--petrol-blue)}#banner{margin:14em 0 6em;display:flex;flex-direction:column;align-items:center}#banner h1{margin-bottom:0}#banner span{font-size:22px;color:var(--grey-dark);text-align:center}#apps{transition-property:height;transition-duration:.5s;transition-timing-function:ease-in;min-height:100vh;padding:var(--padding-global)}#categories{position:sticky;position:-webkit-sticky;top:calc(60px - var(--padding-elem));z-index:1;display:flex;flex-wrap:wrap;justify-content:center;max-width:100%;text-transform:uppercase;margin-bottom:6em;pointer-events:none}#categories span{pointer-events:all;margin:0 1.5em;padding:var(--padding-elem) calc(var(--padding-elem) * 2);border-radius:3px;cursor:default}.h{display:flex;flex-direction:row}#manage-user-view{display:flex;flex-direction:column;align-items:center;justify-content:center}#manage-user-view .header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%}#manage-user-view .header button{padding:.5rem;width:2rem;height:2rem;min-width:2rem;background:#e8e8e8;border-radius:50%;border:none;color:var(--grey-dark);cursor:pointer}#manage-user-view .header button .arrow{font-weight:700;font-size:1.5rem;margin-top:.5rem;pointer-events:none;-webkit-user-select:none;user-select:none}#manage-user-view .header h2{margin-top:0;padding-top:0}#manage-user-view .header .dummy{width:10px;height:10px}#manage-user-view #manage-user-view-content{width:100%;height:100%}#manage-user-view ul{list-style:none;padding:1rem;margin:0}#manage-user-view .sidebar{width:200px;height:100%;background:#fff;flex:.2;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;border-right:1px solid var(--grey-light)}#manage-user-view .main{flex:1;width:100%;height:100%;background:#fff}.major-panel{padding:2rem;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;background:#fff;border-radius:15px;border:.5px solid var(--grey-light);box-shadow:var(--shadow-default);flex:1}#categories span.active{background:#add8e6;color:var(--petrol-blue)}#categories span:hover{color:var(--petrol-blue)}#apps{position:relative;z-index:0;display:flex;flex-direction:column;width:100%;height:max-content}.app-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--size-card-x)),1fr));gap:var(--grid-gap);justify-content:center;justify-items:center;max-width:calc(2 * var(--size-card-x) + var(--grid-gap));margin-left:auto;margin-right:auto}.category-row-heading{position:relative;display:flex;align-items:baseline;margin:calc(var(--padding-global) / 2) 0}.category-row-heading-title+span{font-family:Museo Sans;font-weight:400;font-size:22px;padding-left:.5em;margin-left:.5em;border-left:1px solid}.category-row,.category-row-content{position:relative;display:flex;width:100%}.category-row{margin-bottom:3.5em;height:var(--size-card-y);overflow:hidden;padding-bottom:calc(var(--padding-global) / 2)}.category-row-content{padding:calc(var(--padding-global) / 2) 2px;overflow-x:auto;overflow-y:hidden;height:calc(100% + 50px);padding-bottom:50px}.category-row-controls{display:flex;justify-content:space-between;align-items:center;position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.prev-btn,.next-btn{display:flex;justify-content:center;align-items:center;opacity:0;color:var(--grey-light);background:var(--petrol-dark-blue);width:var(--size-controls);height:var(--size-controls);border-radius:50%;border:.5px solid var(--grey-light);box-shadow:var(--shadow-default);pointer-events:none;font-size:1.25em;transition:opacity .5s}.prev-btn.shown,.next-btn.shown{opacity:.75;pointer-events:all}#links{gap:1rem;--text-btn-font-weight: 500}#links .button-dark{--text-btn-font-weight: 600}as-text-button,button{--text-btn-radius: .75rem;--text-btn-padding: .75rem 1rem;--text-btn-font-size: .9rem;gap:1rem}.button-light{--button-bg-color: transparent;--button-shadow: none;--text-btn-hover-bg-col: hsl(var(--color-accent) / .2);--text-btn-hover-text-col: black;--icon-btn-hover-bg-col: hsl(var(--color-accent) / .2);--icon-btn-img-filter: none}.button-dark{--button-bg-color: #222;--text-color: white}.prev-btn:hover,.next-btn:hover{opacity:1}as-app-card{display:flex;position:relative;border-radius:15px;border:.5px solid var(--grey-light);padding:0;background:var(--color-muted-white);box-shadow:var(--shadow-default);margin-right:calc(var(--padding-global));color:var(--grey-dark);overflow:hidden;height:20rem;max-width:40rem;margin-right:0;min-height:250px;width:100%}as-app-card .card-buttons{gap:2rem;display:flex}as-app-card button{background:var(--button-bg-color)!important;height:2.5rem;display:flex;gap:.5rem;padding:.5rem 2rem}as-app-card button img{height:1rem;filter:invert();background-color:transparent}as-app-card button:hover{background:var(--icon-btn-hover-bg-col)!important}as-app-card img{background-color:#cfe8f9}as-app-card .app-sticker{position:absolute;right:2rem;top:2rem;background:var(--petrol-blue);color:#fff;padding:.25rem .5rem;border-radius:.5rem;-webkit-user-select:none;user-select:none;border:1px solid #fff4}as-app-card .app-card-content{position:relative;display:flex;flex-direction:row;height:100%;flex:1}as-app-card .app-card-left{flex:1;display:flex;flex-direction:column;justify-content:space-between;padding:1rem 2rem}as-app-card .app-card-right{flex:0 0 50%;display:flex;align-items:stretch;justify-content:center;overflow:hidden}as-app-card .app-card-thumbnail{width:100%;height:100%;object-fit:cover}as-app-card .app-card-content-header{color:var(--grey-dark)}as-app-card .app-card-content-main{display:flex;flex-direction:column;gap:1em;flex:1}as-app-card .app-card-content-descr{flex:1;color:#777}as-footer{color:#fff}as-filter-buttons{background-color:var(--color-muted-white);padding:.5rem;border-radius:.5rem;width:fit-content;align-self:center;gap:.5rem}as-filter-buttons as-text-button{--text-btn-bg-col: transparent;--text-btn-radius: .5rem;--text-btn-width: 6rem;--text-btn-hover-bg-col: transparent;--text-btn-text-col: #777;--text-btn-hover-text-col: black;--text-btn-hover-border: 1px solid black;--button-bg-color: transparent;--button-shadow: none;border:1px solid transparent;box-sizing:border-box}as-filter-buttons as-text-button:hover{border:1px solid black;border-radius:.5rem}as-filter-buttons as-text-button.selected{--text-btn-bg-col: black;--text-btn-text-col: white;--text-btn-hover-bg-col: black;--text-btn-hover-text-col: white}as-app-card button{position:relative;min-width:100px;display:flex;justify-content:center;align-items:center;border:none;padding:calc(var(--padding-global) / 6);border-radius:calc(var(--padding-global) / 6 + 1em);color:var(--grey-light);background:var(--petrol-dark-blue);cursor:pointer;transition:background-color .3s ease;align-self:flex-start}as-app-card button:hover:not(.disabled){background:var(--petrol-blue)}as-app-card button.disabled{font-style:italic;background-color:#535353;opacity:.8;cursor:not-allowed}.h-flex{display:flex;flex-direction:row}button{position:relative;min-width:100px;display:flex;justify-content:center;align-items:center;border:none;padding:calc(var(--padding-global) / 6);border-radius:calc(var(--padding-global) / 6 + 1em);color:var(--grey-light);background:var(--petrol-dark-blue)}button:hover{background:var(--petrol-blue)}button.disabled{font-style:italic;background-color:#535353;opacity:.8}as-modal-overlay{--modal-padding: 0}as-modal-overlay>*{width:500px}as-app-info{border-radius:.5rem;display:flex;align-content:start;justify-content:start;width:80vw;height:80vh;font-family:var(--as-font-family-body, DM Sans)}as-app-info .content{display:flex;flex-direction:column;height:100%;align-content:start;justify-content:start;display:grid;grid-template-columns:1fr;grid-template-rows:1fr}as-app-info .content .AppInfoHeader{grid-row:1;grid-column:1;height:fit-content;border-bottom:1px solid rgb(204,204,204);display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;width:100%;background-color:#fff}as-app-info .content .AppInfoHeader #details-left-controls{display:flex;justify-items:center;justify-content:center;align-items:center;gap:1rem}as-app-info .content .AppInfoHeader #details-left-controls #app-title{font-size:2rem;font-weight:700}as-app-info .content .AppInfoHeader #launch-app-button{--text-btn-font-weight: bold;--text-btn-padding: .75rem 1.5rem;--text-btn-radius: 2rem;--text-btn-bg-col: black;--text-btn-text-col: white}as-app-info .content #close-modal-button{--text-btn-radius: 50%;--text-btn-bg-col: var(--color-tr-blue-desat);--text-btn-text-col: white;--text-btn-font-size: .7rem;--text-btn-width: 1.5rem;--text-btn-height: 1.5rem;--text-btn-min-width: 1.5rem;--text-btn-max-width: 1.5rem;--text-btn-padding: 0}as-app-info .content iframe{grid-row:1;grid-column:1;width:100%;background-color:#fff;flex:1;height:100%;overflow-y:scroll}canvas#metaball-canvas{position:fixed;top:0;left:0;width:100vw;height:auto;z-index:-1}as-banner{--base-banner-size: 1vw;display:block;display:flex;flex-direction:column;align-items:center;padding:4rem 0 2rem;place-content:center;font-family:var(--font-family-body)}as-banner h1{font-size:2rem;line-height:2;padding:0;margin:0}as-banner #welcome-to{font-size:clamp(18px,calc(2.5 * var(--base-banner-size)),32px);margin-bottom:clamp(-12px,calc(-1 * var(--base-banner-size)),-4px)}as-banner #banner-title{font-family:var(--font-family-body);display:flex;font-size:clamp(48px,calc(8 * var(--base-banner-size)),48px);line-height:clamp(60px,calc(12 * var(--base-banner-size)),120px);font-weight:700}as-banner #banner-subtitle{font-size:clamp(.8rem,calc(2.5 * var(--base-banner-size)),1.4rem);color:var(--grey-dark);text-align:center;color:#777}as-banner .big-signin-buttons{--text-btn-font-size: clamp(16px, calc(2.5 * var(--base-banner-size)), 24px);--text-btn-padding-x: clamp(8px, calc(1 * var(--base-banner-size)), 16px);--text-btn-padding-y: clamp(8px, calc(1 * var(--base-banner-size)), 16px);gap:2rem;margin-top:2rem;align-items:start;font-size:clamp(14px,calc(2 * var(--base-banner-size)),20px)}as-banner .big-signin-buttons #signin-hint{font-size:.75em}as-banner #message-banner{box-shadow:0 0 10px #0000001a;width:70vw;place-content:center;display:flex;padding:1rem 2rem;margin-top:4rem;position:relative;margin-left:2rem;background:#ffffff69;border-radius:10rem;font-size:1rem;white-space:pre;text-align:center;text-wrap:auto}as-banner .h-flex{display:flex;flex-direction:row;align-items:center;justify-content:center}as-banner #contact-section span{text-align:left}as-banner #contact-section a{color:var(--grey-dark);text-decoration:underline;font-weight:700;margin-right:clamp(5px,calc(.9 * var(--base-banner-size)),12px);font-size:inherit}as-banner #contact-section a:hover{color:var(--grey-dark)}as-banner #contact-section as-text{font-size:inherit}as-banner .v-flex{display:flex;flex-direction:column;align-items:center;justify-content:center}as-banner #beta-message{margin-top:2rem}as-banner #contact-section{font-size:clamp(14px,calc(1.2 * var(--base-banner-size)),18px);margin-top:clamp(2rem,calc(2 * var(--base-banner-size)),3rem);gap:clamp(.5rem,calc(.5 * var(--base-banner-size)),1rem)}as-banner #banner-content{max-width:90vw;text-align:center}as-banner #welcome-message{font-size:2.2rem;font-family:Museo Bold;font-weight:300;line-height:1.6;margin-bottom:0rem}as-banner #welcome-message #user-name{font-family:Museo Bold;font-weight:700;font-size:2.2rem}as-banner #logged-in-actions{gap:1rem;margin-top:2rem}as-banner .content-section{opacity:1;transition:opacity .4s ease-in-out;display:flex;flex-direction:column;align-items:center}as-banner .content-section.hidden{display:none}as-banner .content-section.fade-out{opacity:0}as-banner .content-section.fade-in{opacity:1}as-banner #initial-loading-content{text-align:center}as-banner #initial-loading-content h1{font-family:Museo Bold;font-size:2.8rem;line-height:2;margin:0;padding:0}as-banner as-text-button:focus,as-banner as-text-button:active,as-banner button:focus,as-banner button:active{outline:none!important;box-shadow:none!important}#apps{gap:2rem}#cards-container{display:flex;flex-direction:column;gap:3rem;width:100%}@media only screen and (min-width: 1920px){as-app-card{--size-card-x: 800px;--size-card-y: 535px}}as-carousel{display:block;margin-bottom:3.5em;box-sizing:border-box}as-carousel .category-row-heading{position:relative;display:flex;align-items:baseline;margin:calc(var(--padding-global) / 2) 0}as-carousel .category-row-heading-title{font-family:Museo Bold;font-size:1.5rem;line-height:2}as-carousel .category-row-heading-title+span{font-family:Museo Sans;font-weight:400;font-size:1.2rem;padding-left:.5em;margin-left:.5em;border-left:1px solid}as-carousel .category-row{position:relative;display:flex;width:100%;height:calc(var(--size-card-y) + 40px);overflow:hidden;padding:20px 0;box-sizing:border-box}as-carousel .category-row-content{position:relative;display:flex;width:100%;padding:0 2px;overflow-x:hidden;overflow-y:hidden;height:100%;box-sizing:border-box}as-carousel .category-row-controls{display:flex;justify-content:space-between;align-items:center;position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}as-carousel .prev-btn,as-carousel .next-btn{display:flex;justify-content:center;align-items:center;opacity:0;color:var(--grey-light);background:var(--petrol-dark-blue);width:var(--size-controls);height:var(--size-controls);border-radius:50%;border:.5px solid var(--grey-light);filter:var(--shadow-default);pointer-events:none;font-size:1.25em;transition:opacity .5s}as-carousel .prev-btn.shown,as-carousel .next-btn.shown{opacity:.75;pointer-events:all}as-carousel .prev-btn:hover,as-carousel .next-btn:hover{opacity:1}@media only screen and (min-width: 1920px){as-carousel{--size-card-x: 800px;--size-card-y: 535px}as-carousel .category-row-heading-title{font-size:2.8rem}as-carousel .category-row-heading-title+span{font-size:22px}}as-home-header{display:flex;width:100%;position:fixed;top:0;left:0;padding:10px 4rem;z-index:100;height:5rem;justify-content:space-between;align-items:center;-webkit-user-select:none;user-select:none;background:#fffc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.3);box-shadow:0 2px 10px #0000000d}#home-content{background-image:var(--main-background-gradient);background-attachment:fixed;padding-top:6rem;height:fit-content}as-home-header img.logo{height:3rem}as-home-header #links{--link-transparency: 0;display:flex;align-items:center;transition:opacity .2 s ease-in}as-home-header #links img{height:1.5em}as-home-header #links a{color:inherit;margin:.5em;pointer-events:all;text-decoration:none;width:fit-content}as-home-header as-spinner{width:1.5rem;height:1.5rem}as-home-header #links a:hover{color:var(--petrol-blue);cursor:pointer}as-home-header .hidden{display:none!important}as-home-header .fade{transition:opacity .3s ease-in}as-home-header .transparent{opacity:0}as-home-header .transparency{opacity:var(--link-transparency, 0)}as-home-header .opaque{opacity:1}as-home-header .h{display:flex;flex-direction:row}as-home-header .v{display:flex;flex-direction:column}as-home-header #userOptionsPanel{width:15vw;gap:1rem}as-home-header #userOptionsPanel a{padding:0;margin:0;text-decoration:none}as-home-header #userOptionsPanel #userGreeting{font-style:italic;padding-bottom:1rem}as-home-header as-popout-button{--button-bg-color: none;--button-hover-bg-color: none;--button-hover-text-color: var(--as-link-hover-color, var(--petrol-blue, #0084A4))}as-popout-button{--background: #f4f7fdd6}as-home-header as-popout-card{--min-width: 200px;--background: white}as-home-header .user-info-item{display:inline-block;width:fit-content}as-home-header as-text{pointer-events:none}as-home-header #trinckle-logo-link{pointer-events:all;width:fit-content;text-decoration:none;color:inherit}as-modal-overlay{--modal-bg-filter: blur(18px);--modal-bg-col: var(--color-muted-white, #f5faff)}as-footer{position:sticky;position:-webkit-sticky;top:100%;display:flex;justify-content:space-between;padding:var(--padding-global);padding-bottom:1rem;align-items:center}as-footer a{color:#fff;height:fit-content}as-spinner-button button as-text,as-spinner-button button.pending as-spinner{display:flex}as-spinner-button button as-spinner,as-spinner-button button.pending as-text{display:none}as-organization-members #organization-members-view{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;margin:0 auto;box-sizing:border-box;font-family:var(--as-font-family-base, "Museo Sans")}as-organization-members #organization-members-content{width:100%;max-width:none;box-sizing:border-box}as-organization-members .header{display:flex;flex-direction:column;align-items:center;width:100%;margin-bottom:1.5rem}as-organization-members .header h2{margin:0}as-organization-members .back-button{background:none;border:none;color:var(--petrol-blue);cursor:pointer;text-decoration:underline;padding:.5rem 1rem;font:inherit;display:flex;align-items:center;gap:.5rem;margin-top:2rem}as-organization-members .back-button:hover{color:var(--petrol-blue-dark, #1a5f7a)}as-organization-members .organization-info{background:var(--light-gray, #f5f5f5);padding:1rem;border-radius:8px;margin-bottom:1.5rem}as-organization-members .organization-name{font-size:1.2rem;font-weight:700}as-organization-members .members-section{margin-bottom:1rem}as-organization-members .members-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;gap:1rem;min-width:0}as-organization-members .members-title{display:flex;align-items:center;gap:.5rem;margin:0;flex:1;min-width:0}as-organization-members .members-title as-text{width:fit-content}as-organization-members .header-buttons{display:flex;gap:.5rem;flex-shrink:0}as-organization-members .invite-button{background:none;border:1px solid var(--petrol-blue);color:var(--petrol-blue);cursor:pointer;padding:.375rem .75rem;font:inherit;font-size:.875rem;border-radius:6px;height:auto;white-space:nowrap;min-width:fit-content}as-organization-members .invite-button:hover{background:var(--petrol-blue);color:#fff}as-organization-members .members-list{display:flex;flex-direction:column;gap:.75rem;max-height:50vh;overflow-y:auto;overflow-x:hidden}as-organization-members .member-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:var(--light-gray, #f9f9f9);border-radius:8px;border:1px solid var(--border-color, #e0e0e0)}as-organization-members .member-info{display:flex;flex-direction:column;gap:.25rem}as-organization-members .member-name{font-weight:700}as-organization-members .member-email{color:var(--text-secondary, #666);font-size:.9rem}as-organization-members .member-status{background:var(--petrol-blue);color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.8rem;display:inline-block;-webkit-user-select:none;user-select:none}as-organization-members .member-status.inactive{background:var(--warning-color, #d4cec5)}as-organization-members .member-actions{display:flex;align-items:center;gap:.5rem}as-organization-members .status-with-action{display:flex;align-items:center;gap:.5rem}as-organization-members .no-members{text-align:center;color:var(--text-secondary, #666);font-style:italic;padding:1.5rem}as-organization-members .loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;gap:1rem}as-organization-members .spinner{width:32px;height:32px;border:3px solid var(--light-gray, #f3f3f3);border-top:3px solid var(--petrol-blue);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}as-organization-members .error-message{text-align:center;color:var(--error-color, #d32f2f);font-style:italic;padding:1.5rem}as-organization-members .member-count{background:var(--petrol-blue);color:#fff;padding:.25rem .5rem;border-radius:12px;font-size:.8rem;font-weight:700;min-width:1.5rem;text-align:center}as-organization-members .you-tag{color:#fff;background:var(--col-green, #5a5);font-weight:400;font-style:italic;font-size:.8rem;margin-left:.5rem;padding:.2rem .4rem;border-radius:4px;-webkit-user-select:none;user-select:none}as-resend-activation-button{display:inline-block}as-resend-activation-button .resend-button{--text-btn-padding: .3rem;--text-btn-radius: 50%;--text-btn-min-width: 2rem;--text-btn-width: 2rem;font-size:1.2rem;cursor:pointer}as-resend-activation-button .resend-button.default{color:#c63}as-resend-activation-button .resend-button.default:hover{color:#b85529}as-resend-activation-button .resend-button.success{color:#fff;--text-btn-bg-col: #a0b894;--text-btn-hover-bg-col: #8fa082}as-resend-activation-button .resend-button.processing{opacity:.5;pointer-events:none}as-user-management #manage-user-view{display:flex;flex-direction:column;align-items:center;justify-content:center}as-user-management #manage-user-view-content{width:100%}as-user-management .header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%}as-user-management .header h2{margin-top:0;padding-top:0}as-user-management .v{display:flex;flex-direction:column}as-user-management .center{align-items:center;justify-content:center}as-user-management .user-info-item{display:flex;margin-bottom:1rem;justify-content:space-between}as-user-management .user-info-label{width:120px;font-weight:700}as-user-management #user-info-editor{margin-bottom:2rem}as-user-management #no-user-data{display:none}as-user-management a{display:flex;align-items:center;margin-bottom:1rem;text-decoration:none;color:var(--petrol-blue)}as-user-management a:hover{text-decoration:underline}as-user-management .icon{margin-right:.5rem}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{border-radius:6px;background:#11445c80}