:root,:root[data-color-mode=light],:root[data-color-mode=system][data-dark-mode=false]{--primary-foreground-color: #2a2a2a;--secondary-foreground-color: #6a6a72;--tertiary-foreground-color: #8a8a8a;--primary-still-foreground-color: #2a2a2a;--secondary-still-foreground-color: #6a6a72;--tertiary-still-foreground-color: #8a8a8a;--primary-foreground-inverted-color: #ffffff;--secondary-foreground-inverted-color: #6a6a72;--tertiary-foreground-inverted-color: #8a8a8a;--primary-still-foreground-inverted-color: #ffffff;--secondary-still-foreground-inverted-color: #6a6a72;--tertiary-still-foreground-inverted-color: #8a8a8a;--primary-background-color: #ffffff;--secondary-background-color: #f8f8f8;--tertiary-background-color: #f0f0f2;--quaternary-background-color: #e4e4e8;--quinary-background-color: #c8c8c8;--primary-still-background-color: #ffffff;--secondary-still-background-color: #f8f8f8;--tertiary-still-background-color: #f0f0f2;--quaternary-still-background-color: #e4e4e8;--quinary-still-background-color: #c8c8c8;--primary-background-inverted-color: #2a2a2a;--secondary-background-inverted-color: #6a6a72;--tertiary-background-inverted-color: #8a8a8a;--quaternary-background-inverted-color: #e4e4e8;--primary-still-background-inverted-color: #2a2a2a;--secondary-still-background-inverted-color: #6a6a72;--tertiary-still-background-inverted-color: #8a8a8a;--quaternary-still-background-inverted-color: #e4e4e8;--primary-border-color: #dbdbdb;--secondary-border-color: #bdbdbd;--tertiary-border-color: #999999;--brand-primary-color: #0ba8e6;--brand-primary-hover-color: #0a87ba;--brand-secondary-color: #b1e6fb;--brand-tertiary-color: #e2f6fe;--brand2-primary-color: #0073f7;--brand2-primary-hover-color: #005ff7;--brand2-secondary-color: #ade8ff;--brand2-tertiary-color: #d6f3ff;--brand-danger-color: #e60000;--brand-danger-hover-color: #ba0a0a;--brand-danger-secondary-color: #ffb1b1;--brand-danger-tertiary-color: #ffe2e2;--brand-success-color: #00b300;--brand-success-hover-color: #0a87ba;--brand-success-secondary-color: #b1ffb1;--brand-success-tertiary-color: #e2ffe2;--brand-warning-color: #ff8c00;--brand-warning-hover-color: #ba6609;--brand-warning-secondary-color: #ffd5b1;--brand-warning-tertiary-color: #fff0e2;--primary-shadow-color: rgba(0, 0, 0, .1);--selection-background-color: hsla(0, 0%, 32%, .15);--selection-foreground-color: var(--primary-foreground-color);--darker-10: hsl(0, 0%, 0%, .05);--darker-20: hsl(0, 0%, 0%, .1);--darker-30: hsl(0, 0%, 0%, .15);--darker-40: hsl(0, 0%, 0%, .2);--darker-50: hsl(0, 0%, 0%, .25);--darker-60: hsl(0, 0%, 0%, .3);--darker-70: hsl(0, 0%, 0%, .35);--darker-80: hsl(0, 0%, 0%, .4);--darker-90: hsl(0, 0%, 0%, .45);--darker-100: hsl(0, 0%, 0%, .5);--lighter-10: hsl(0, 0%, 100%, .05);--lighter-20: hsl(0, 0%, 100%, .1);--lighter-30: hsl(0, 0%, 100%, .15);--lighter-40: hsl(0, 0%, 100%, .2);--lighter-50: hsl(0, 0%, 100%, .25);--lighter-60: hsl(0, 0%, 100%, .3);--lighter-70: hsl(0, 0%, 100%, .35);--lighter-80: hsl(0, 0%, 100%, .4);--lighter-90: hsl(0, 0%, 100%, .45);--lighter-100: hsl(0, 0%, 100%, .5)}:root[data-color-mode=dark],:root[data-color-mode=system][data-dark-mode=true]{--primary-foreground-color: #e6e6e6;--secondary-foreground-color: #999999;--tertiary-foreground-color: #666666;--primary-foreground-inverted-color: #121212;--secondary-foreground-inverted-color: #4d4d4d;--tertiary-foreground-inverted-color: #666666;--primary-background-color: #121212;--secondary-background-color: #1a1a1a;--tertiary-background-color: #212121;--quaternary-background-color: #292929;--quinary-background-color: #303030;--primary-background-inverted-color: #e6e6e6;--secondary-background-inverted-color: #cccccc;--tertiary-background-inverted-color: #b3b3b3;--quaternary-background-inverted-color: #999999;--primary-border-color: #333333;--secondary-border-color: #404040;--tertiary-border-color: #4d4d4d;--brand-primary-color: #0ba8e6;--brand-primary-hover-color: #0a87ba;--brand-secondary-color: #0c5d7d;--brand-tertiary-color: #052d40;--brand-danger-color: #ff3333;--brand-danger-hover-color: #ba0a0a;--brand-danger-secondary-color: #2b0000;--brand-danger-tertiary-color: #2b0000;--brand-success-color: #25d025;--brand-success-hover-color: #0aba0a;--brand-success-secondary-color: #002b00;--brand-success-tertiary-color: #002b00;--brand-warning-color: #ffb133;--brand-warning-hover-color: #ba6609;--brand-warning-secondary-color: #3d2000;--brand-warning-tertiary-color: #3d2000;--primary-shadow-color: rgba(0, 0, 0, .3);--selection-background-color: hsla(0, 0%, 77%, .2);--selection-foreground-color: var(--primary-foreground-color);--darker-10: hsl(0, 0%, 100%, .05);--darker-20: hsl(0, 0%, 100%, .1);--darker-30: hsl(0, 0%, 100%, .15);--darker-40: hsl(0, 0%, 100%, .2);--darker-50: hsl(0, 0%, 100%, .25);--darker-60: hsl(0, 0%, 100%, .3);--darker-70: hsl(0, 0%, 100%, .35);--darker-80: hsl(0, 0%, 100%, .4);--darker-90: hsl(0, 0%, 100%, .45);--darker-100: hsl(0, 0%, 100%, .5);--lighter-10: hsl(0, 0%, 0%, .05);--lighter-20: hsl(0, 0%, 0%, .1);--lighter-30: hsl(0, 0%, 0%, .15);--lighter-40: hsl(0, 0%, 0%, .2);--lighter-50: hsl(0, 0%, 0%, .25);--lighter-60: hsl(0, 0%, 0%, .3);--lighter-70: hsl(0, 0%, 0%, .35);--lighter-80: hsl(0, 0%, 0%, .4);--lighter-90: hsl(0, 0%, 0%, .45);--lighter-100: hsl(0, 0%, 0%, .5)}:root{--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700}:root{--border-radius-xs: 4px;--border-radius-sm: 6px;--border-radius-md: 8px;--border-radius-lg: 12px;--border-radius-xl: 20px;--border-radius-full: 1000px}*{box-sizing:border-box;outline:none}*:focus{outline:none}*:focus-visible{outline:2px solid var(--brand-secondary-color);outline-offset:2px}html{font-size:10px}@media (min-width: 1480px){html{font-size:12px}}body{font-family:Inter,sans-serif;margin:0;padding:0;font-size:1.4rem;background-color:var(--primary-background-color);color:var(--primary-foreground-color)}::selection{background-color:var(--selection-background-color)!important;color:var(--selection-foreground-color)!important}::-moz-selection{background-color:var(--selection-background-color)!important;color:var(--selection-foreground-color)!important}.cdx-marker,mark{background-color:var(--selection-background-color)!important;color:var(--selection-foreground-color)!important;padding:.1em .2em;border-radius:2px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.list{display:flex;flex-direction:column;gap:12px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--secondary-background-color);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--tertiary-background-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--quaternary-background-color)}.container{display:block;position:relative;width:clamp(300px,100%,1010px);margin:40px auto;padding:20px}.section-header{display:flex;justify-content:space-between;gap:4px}.section-header>*:first-child{flex:1}.section-header>*:last-child{width:max-content}.section-header,.section-header.align-start{align-items:flex-start}.section-header.align-center{align-items:center}.section-header.align-end{align-items:flex-end}.section-title-wrap{display:flex;flex-direction:column;gap:8px}.section-title-wrap>h1:first-child,.section-title-wrap>h2:first-child,.section-title-wrap>h3:first-child,.section-title-wrap>h4:first-child,.section-title-wrap>h5:first-child,.section-title-wrap>h6:first-child{color:var(--primary-foreground-color);font-size:2.2rem;line-height:2.7rem;font-weight:var(--font-weight-semibold)}.section-title-wrap>h1:nth-child(2),.section-title-wrap>h2:nth-child(2),.section-title-wrap>h3:nth-child(2),.section-title-wrap>h4:nth-child(2),.section-title-wrap>h5:nth-child(2),.section-title-wrap>h6:nth-child(2){color:var(--secondary-foreground-color);font-size:1.4rem;line-height:1.8rem;font-weight:var(--font-weight-medium)}h1,h2,h3,h4,h5,h6{margin:0}h1{font-size:2.4rem;font-weight:600}h2,h3{font-size:2.2rem;font-weight:600}h4{font-size:1.8rem;font-weight:600}h5{font-size:1.6rem;font-weight:600}h6{font-size:1.4rem;font-weight:600}a:not([class]){color:var(--brand-primary-color);text-decoration:none;transition:color .2s ease}a:not([class]):hover{color:var(--brand-primary-hover-color)}a:not([class]):active{color:var(--brand-primary-hover-color)}a:not([class]):visited{color:var(--brand-secondary-color)}a:not([class]):visited:hover{color:var(--brand-primary-hover-color)}hr{width:100%;border:none;border-bottom:1px solid var(--secondary-border-color);margin:2px 0}.text-brand{color:var(--brand-primary-color)}.text-success{color:var(--brand-success-color)}.text-warning{color:var(--brand-warning-color)}.text-error{color:var(--brand-danger-color)}label{font-size:1.2rem;line-height:1.2rem;font-weight:var(--font-weight-regular)}input[type=checkbox]{width:16px;height:16px;accent-color:var(--brand-primary-hover-color);cursor:pointer}.m-none{margin:0}.mt-none{margin-top:0}.mb-none{margin-bottom:0}.ml-none{margin-left:0}.mr-none{margin-right:0}.mx-none{margin-left:0;margin-right:0}.my-none{margin-top:0;margin-bottom:0}.m-xs{margin:4px}.mt-xs{margin-top:4px}.mb-xs{margin-bottom:4px}.ml-xs{margin-left:4px}.mr-xs{margin-right:4px}.mx-xs{margin-left:4px;margin-right:4px}.my-xs{margin-top:4px;margin-bottom:4px}.m-sm{margin:8px}.mt-sm{margin-top:8px}.mb-sm{margin-bottom:8px}.ml-sm{margin-left:8px}.mr-sm{margin-right:8px}.mx-sm{margin-left:8px;margin-right:8px}.my-sm{margin-top:8px;margin-bottom:8px}.m-md{margin:16px}.mt-md{margin-top:16px}.mb-md{margin-bottom:16px}.ml-md{margin-left:16px}.mr-md{margin-right:16px}.mx-md{margin-left:16px;margin-right:16px}.my-md{margin-top:16px;margin-bottom:16px}.m-lg{margin:24px}.mt-lg{margin-top:24px}.mb-lg{margin-bottom:24px}.ml-lg{margin-left:24px}.mr-lg{margin-right:24px}.mx-lg{margin-left:24px;margin-right:24px}.my-lg{margin-top:24px;margin-bottom:24px}.m-xl{margin:32px}.mt-xl{margin-top:32px}.mb-xl{margin-bottom:32px}.ml-xl{margin-left:32px}.mr-xl{margin-right:32px}.mx-xl{margin-left:32px;margin-right:32px}.my-xl{margin-top:32px;margin-bottom:32px}.m-xxl{margin:40px}.mt-xxl{margin-top:40px}.mb-xxl{margin-bottom:40px}.ml-xxl{margin-left:40px}.mr-xxl{margin-right:40px}.mx-xxl{margin-left:40px;margin-right:40px}.my-xxl{margin-top:40px;margin-bottom:40px}.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;display:flex;max-width:100%;max-height:100%;z-index:1000}.cdk-overlay-backdrop{position:absolute;inset:0;pointer-events:auto;-webkit-tap-highlight-color:rgba(0,0,0,0);opacity:0;z-index:1000;transition:opacity .4s cubic-bezier(.25,.8,.25,1)}@media (prefers-reduced-motion){.cdk-overlay-backdrop{transition-duration:1ms}}.cdk-overlay-backdrop-showing{opacity:1}@media (forced-colors: active){.cdk-overlay-backdrop-showing{opacity:.6}}.cdk-overlay-dark-backdrop{background:#00000052}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing,.cdk-high-contrast-active .cdk-overlay-transparent-backdrop{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;display:flex;flex-direction:column;min-width:1px;min-height:1px;z-index:1000}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}.cdk-overlay-pane.context-menu{padding:initial;background:initial;border-radius:initial;border:1px solid var(--secondary-border-color);border-radius:var(--border-radius-md);overflow:hidden}.cdk-overlay-dark-backdrop{background:#1a1a1acc;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}div.dialog-pane{position:relative;display:flex;flex-direction:column;max-height:90vh;max-height:90dvh;overflow:hidden;background:var(--secondary-background-color);border-radius:var(--border-radius-xl);border:1px solid var(--secondary-border-color);box-shadow:0 0 0 10px #0000001a}div.dialog-pane .dialog-title{padding:16px 20px}div.dialog-pane.dialog-pane-padding{padding:20px}div.dialog-pane.dialog-pane-padding .dialog-title{padding:0 0 16px}.dialog-close-button{cursor:pointer;position:fixed;right:20px;top:20px;z-index:10;width:32px;height:32px;border-radius:50%;border:none;box-shadow:0 0 0 4px #0000001a;background:var(--tertiary-background-color);color:var(--primary-foreground-color);font-size:18px;font-weight:300;transition:background .1s ease-in-out,font-size .2s ease-in,box-shadow .3s ease-in-out}.dialog-close-button:hover,.dialog-close-button:active,.dialog-close-button:focus-visible{font-size:22px;background:var(--quinary-background-color);box-shadow:0 0 0 10px #0000001a}:root,:root[data-color-mode=light],:root[data-color-mode=system][data-dark-mode=false]{--code-comment-color: #6a737d;--code-punctuation-color: #24292e;--code-property-color: #005cc5;--code-string-color: #032f62;--code-operator-color: #d73a49;--code-keyword-color: #d73a49;--code-function-color: #6f42c1;--code-variable-color: #e36209}:root[data-color-mode=dark],:root[data-color-mode=system][data-dark-mode=true]{--code-comment-color: #6a737d;--code-punctuation-color: #e1e4e8;--code-property-color: #79b8ff;--code-string-color: #9ecbff;--code-operator-color: #f97583;--code-keyword-color: #f97583;--code-function-color: #b392f0;--code-variable-color: #ffab70}.app-button.ai-button{--ai-button-accent-position: 45;position:relative;border-radius:var(--border-radius-sm);overflow:hidden;z-index:0;background-color:transparent;color:var(--primary-still-foreground-inverted-color)}.app-button.ai-button:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,var(--brand-primary-color) 0%,var(--brand2-primary-color) calc(var(--ai-button-accent-position) * 1%),var(--brand2-primary-hover-color) 45%,var(--brand2-primary-hover-color) 55%,var(--brand2-primary-color) calc((100 - var(--ai-button-accent-position)) * 1%),var(--brand-primary-color) 100%);z-index:-1;border-radius:var(--border-radius-sm);transition:.2s ease-in-out}.app-button.ai-button:disabled{color:var(--primary-still-foreground-inverted-color)}.app-button.ai-button:hover:before,.app-button.ai-button:focus-visible:before{transform:scale(10)}
