/* src/material-theme.scss */
html {
height: 100%;
--ah-canopy: #1f3d2b;
--ah-canopy-deep: #14261b;
--ah-fern: #3e6b4a;
--ah-sage: #9db09a;
--ah-bark: #5a4232;
--ah-amber: #c7852f;
--ah-ink: #22241f;
--ah-stone: #6b6e68;
--ah-ash: #a8aaa4;
--ah-warm-white: #faf8f4;
--ah-linen: #f1ede4;
--ah-card: #fffdf9;
--ah-error: #8c3b2e;
--ah-bg: var(--ah-warm-white);
--ah-bg-alt: var(--ah-linen);
--ah-surface: var(--ah-card);
--ah-border: #e4ded1;
--ah-text: var(--ah-ink);
--ah-text-muted: var(--ah-stone);
--ah-primary: var(--ah-canopy);
--ah-primary-hover: var(--ah-fern);
--ah-on-primary: var(--ah-warm-white);
--ah-accent: var(--ah-amber);
--ah-on-accent: var(--ah-ink);
--ah-focus-ring: var(--ah-fern);
--ah-success-bg: color-mix(in srgb, var(--ah-fern) 16%, var(--ah-warm-white));
--ah-success-text: var(--ah-canopy);
--ah-info-bg: color-mix(in srgb, var(--ah-sage) 30%, var(--ah-warm-white));
--ah-info-text: var(--ah-canopy);
--ah-warning-bg: color-mix(in srgb, var(--ah-amber) 18%, var(--ah-warm-white));
--ah-warning-text: var(--ah-ink);
--ah-archived-bg: color-mix(in srgb, var(--ah-bark) 14%, var(--ah-warm-white));
--ah-archived-text: var(--ah-bark);
--ah-error-bg: color-mix(in srgb, var(--ah-error) 14%, var(--ah-warm-white));
--ah-error-text: var(--ah-error);
--ah-chart-1: var(--ah-canopy);
--ah-chart-2: var(--ah-fern);
--ah-chart-3: var(--ah-sage);
--ah-chart-4: var(--ah-bark);
--ah-chart-5: var(--ah-stone);
--ah-chart-6: var(--ah-amber);
}
html.dark {
--ah-bg: var(--ah-canopy-deep);
--ah-bg-alt: #1b2f21;
--ah-surface: #1b2f21;
--ah-border: #2c4433;
--ah-text: var(--ah-linen);
--ah-text-muted: var(--ah-sage);
--ah-primary: var(--ah-fern);
--ah-primary-hover: var(--ah-sage);
--ah-on-primary: var(--ah-canopy-deep);
--ah-focus-ring: var(--ah-sage);
--ah-success-bg: color-mix(in srgb, var(--ah-fern) 30%, var(--ah-canopy-deep));
--ah-success-text: var(--ah-sage);
--ah-info-bg: color-mix(in srgb, var(--ah-sage) 22%, var(--ah-canopy-deep));
--ah-info-text: var(--ah-linen);
--ah-warning-bg: color-mix(in srgb, var(--ah-amber) 22%, var(--ah-canopy-deep));
--ah-warning-text: var(--ah-linen);
--ah-archived-bg: color-mix(in srgb, var(--ah-bark) 30%, var(--ah-canopy-deep));
--ah-archived-text: var(--ah-sage);
}
html {
--mat-sys-background: var(--ah-bg);
--mat-sys-error: var(--ah-error);
--mat-sys-error-container: light-dark(#ffdad4, #7a2e22);
--mat-sys-inverse-on-surface: light-dark(#f1f1e9, #2f312c);
--mat-sys-inverse-primary: light-dark(#accfb6, #466551);
--mat-sys-inverse-surface: light-dark(#2f312c, #e3e3db);
--mat-sys-on-background: var(--ah-text);
--mat-sys-on-error: var(--ah-warm-white);
--mat-sys-on-error-container: light-dark(#7a2e22, #ffdad4);
--mat-sys-on-primary: var(--ah-on-primary);
--mat-sys-on-primary-container: light-dark(#2f4d3a, #c8ebd1);
--mat-sys-on-primary-fixed: light-dark(#022111, #022111);
--mat-sys-on-primary-fixed-variant: light-dark(#2f4d3a, #2f4d3a);
--mat-sys-on-secondary: var(--ah-warm-white);
--mat-sys-on-secondary-container: light-dark(#234f31, #bcefc5);
--mat-sys-on-secondary-fixed: light-dark(#00210d, #00210d);
--mat-sys-on-secondary-fixed-variant: light-dark(#234f31, #234f31);
--mat-sys-on-surface: var(--ah-text);
--mat-sys-on-surface-variant: var(--ah-text-muted);
--mat-sys-on-tertiary: var(--ah-on-accent);
--mat-sys-on-tertiary-container: light-dark(#663d00, #ffddba);
--mat-sys-on-tertiary-fixed: light-dark(#2b1700, #2b1700);
--mat-sys-on-tertiary-fixed-variant: light-dark(#663d00, #663d00);
--mat-sys-outline: var(--ah-ash);
--mat-sys-outline-variant: var(--ah-border);
--mat-sys-primary: var(--ah-primary);
--mat-sys-primary-container: light-dark(#c8ebd1, #2f4d3a);
--mat-sys-primary-fixed: light-dark(#c8ebd1, #c8ebd1);
--mat-sys-primary-fixed-dim: light-dark(#accfb6, #accfb6);
--mat-sys-scrim: light-dark(#000000, #000000);
--mat-sys-secondary: var(--ah-fern);
--mat-sys-secondary-container: light-dark(#bcefc5, #234f31);
--mat-sys-secondary-fixed: light-dark(#bcefc5, #bcefc5);
--mat-sys-secondary-fixed-dim: light-dark(#a1d2aa, #a1d2aa);
--mat-sys-shadow: light-dark(#000000, #000000);
--mat-sys-surface: var(--ah-surface);
--mat-sys-surface-bright: light-dark(#fafaf1, #383a34);
--mat-sys-surface-container: light-dark(#eeeee6, #1e201b);
--mat-sys-surface-container-high: light-dark(#e8e9e1, #292b25);
--mat-sys-surface-container-highest: light-dark(#e3e3db, #343530);
--mat-sys-surface-container-low: light-dark(#f4f4ec, #1a1c17);
--mat-sys-surface-container-lowest: light-dark(#ffffff, #0d0f0a);
--mat-sys-surface-dim: light-dark(#dadbd3, #12140f);
--mat-sys-surface-tint: light-dark(#466551, #accfb6);
--mat-sys-surface-variant: var(--ah-bg-alt);
--mat-sys-tertiary: var(--ah-accent);
--mat-sys-tertiary-container: light-dark(#ffddba, #663d00);
--mat-sys-tertiary-fixed: light-dark(#ffddba, #ffddba);
--mat-sys-tertiary-fixed-dim: light-dark(#ffb965, #ffb965);
--mat-sys-neutral-variant20: #2c322d;
--mat-sys-neutral10: #1a1c17;
--mat-sys-level0:
0px 0px 0px 0px rgba(0, 0, 0, 0.2),
0px 0px 0px 0px rgba(0, 0, 0, 0.14),
0px 0px 0px 0px rgba(0, 0, 0, 0.12);
--mat-sys-level1:
0px 2px 1px -1px rgba(0, 0, 0, 0.2),
0px 1px 1px 0px rgba(0, 0, 0, 0.14),
0px 1px 3px 0px rgba(0, 0, 0, 0.12);
--mat-sys-level2:
0px 3px 3px -2px rgba(0, 0, 0, 0.2),
0px 3px 4px 0px rgba(0, 0, 0, 0.14),
0px 1px 8px 0px rgba(0, 0, 0, 0.12);
--mat-sys-level3:
0px 3px 5px -1px rgba(0, 0, 0, 0.2),
0px 6px 10px 0px rgba(0, 0, 0, 0.14),
0px 1px 18px 0px rgba(0, 0, 0, 0.12);
--mat-sys-level4:
0px 5px 5px -3px rgba(0, 0, 0, 0.2),
0px 8px 10px 1px rgba(0, 0, 0, 0.14),
0px 3px 14px 2px rgba(0, 0, 0, 0.12);
--mat-sys-level5:
0px 7px 8px -4px rgba(0, 0, 0, 0.2),
0px 12px 17px 2px rgba(0, 0, 0, 0.14),
0px 5px 22px 4px rgba(0, 0, 0, 0.12);
--mat-sys-body-large:
400 1rem / 1.5rem Noto Sans,
system-ui,
-apple-system,
sans-serif;
--mat-sys-body-large-font:
Noto Sans,
system-ui,
-apple-system,
sans-serif;
--mat-sys-body-large-line-height: 1.5rem;
--mat-sys-body-large-size: 1rem;
--mat-sys-body-large-tracking: 0.031rem;
--mat-sys-body-large-weight: 400;
--mat-sys-body-medium:
400 0.875rem / 1.25rem Noto Sans,
system-ui,
-apple-system,
sans-serif;
--mat-sys-body-medium-font:
Noto Sans,
system-ui,
-apple-system,
sans-serif;
--mat-sys-body-medium-line-height: 1.25rem;
--mat-sys-body-medium-size: 0.875rem;
--mat-sys-body-medium-tracking: 0.016rem;
--mat-sys-body-medium-weight: 400;
--mat-sys-body-small:
400 0.75rem / 1rem Noto Sans,
system-ui,
-apple-system,
sans-serif;
--mat-sys-body-small-font:
Noto Sans,
system-ui,
-apple-system,
sans-serif;
--mat-sys-body-small-line-height: 1rem;
--mat-sys-body-small-size: 0.75rem;
--mat-sys-body-small-tracking: 0.025rem;
--mat-sys-body-small-weight: 400;
--mat-sys-display-large:
400 3.562rem / 4rem Noto Sans,
system-ui,
-apple-system,
sans-serif;
--mat-sys-display-large-font:
Noto Sans,
system-ui,
-apple-system,
sans-serif;
--mat-sys-display-large-line-height: 4rem;
--mat-sys-display-large-size: 3.562rem;
--mat-sys-display-large-tracking: -0.016rem;
--mat-sys-display-large-weight: 400;
--mat-sys-display-medium:
400 2.812rem / 3.25rem Noto Sans,
system-ui,
-apple-system,
sans-serif;
--mat-sys-display-medium-font:
Noto Sans,
system-ui,
-apple-system,
sans-serif;
--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 Noto Sans,
system-ui,
-apple-system,
sans-serif;
--mat-sys-display-small-font:
Noto Sans,
system-ui,
-apple-system,
sans-serif;
--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 Noto Sans,
system-ui,
-apple-system,
sans-serif;
--mat-sys-headline-large-font:
Noto Sans,
system-ui,
-apple-system,
sans-serif;
--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 Noto Sans,
system-ui,
-apple-system,
sans-serif;
--mat-sys-headline-medium-font:
Noto Sans,
system-ui,
-apple-system,
sans-serif;
--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 Noto Sans,
system-ui,
-apple-system,
sans-serif;
--mat-sys-headline-small-font:
Noto Sans,
system-ui,
-apple-system,
sans-serif;
--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 0.875rem / 1.25rem Noto Sans,
system-ui,
-apple-system,
sans-serif;
--mat-sys-label-large-font:
Noto Sans,
system-ui,
-apple-system,
sans-serif;
--mat-sys-label-large-line-height: 1.25rem;
--mat-sys-label-large-size: 0.875rem;
--mat-sys-label-large-tracking: 0.006rem;
--mat-sys-label-large-weight: 500;
--mat-sys-label-large-weight-prominent: 700;
--mat-sys-label-medium:
500 0.75rem / 1rem Noto Sans,
system-ui,
-apple-system,
sans-serif;
--mat-sys-label-medium-font:
Noto Sans,
system-ui,
-apple-system,
sans-serif;
--mat-sys-label-medium-line-height: 1rem;
--mat-sys-label-medium-size: 0.75rem;
--mat-sys-label-medium-tracking: 0.031rem;
--mat-sys-label-medium-weight: 500;
--mat-sys-label-medium-weight-prominent: 700;
--mat-sys-label-small:
500 0.688rem / 1rem Noto Sans,
system-ui,
-apple-system,
sans-serif;
--mat-sys-label-small-font:
Noto Sans,
system-ui,
-apple-system,
sans-serif;
--mat-sys-label-small-line-height: 1rem;
--mat-sys-label-small-size: 0.688rem;
--mat-sys-label-small-tracking: 0.031rem;
--mat-sys-label-small-weight: 500;
--mat-sys-title-large:
400 1.375rem / 1.75rem Noto Sans,
system-ui,
-apple-system,
sans-serif;
--mat-sys-title-large-font:
Noto Sans,
system-ui,
-apple-system,
sans-serif;
--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 Noto Sans,
system-ui,
-apple-system,
sans-serif;
--mat-sys-title-medium-font:
Noto Sans,
system-ui,
-apple-system,
sans-serif;
--mat-sys-title-medium-line-height: 1.5rem;
--mat-sys-title-medium-size: 1rem;
--mat-sys-title-medium-tracking: 0.009rem;
--mat-sys-title-medium-weight: 500;
--mat-sys-title-small:
500 0.875rem / 1.25rem Noto Sans,
system-ui,
-apple-system,
sans-serif;
--mat-sys-title-small-font:
Noto Sans,
system-ui,
-apple-system,
sans-serif;
--mat-sys-title-small-line-height: 1.25rem;
--mat-sys-title-small-size: 0.875rem;
--mat-sys-title-small-tracking: 0.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: 0.16;
--mat-sys-focus-state-layer-opacity: 0.12;
--mat-sys-hover-state-layer-opacity: 0.08;
--mat-sys-pressed-state-layer-opacity: 0.12;
}
body {
color-scheme: light;
background-color: var(--mat-sys-surface);
color: var(--mat-sys-on-surface);
font: var(--mat-sys-body-medium);
margin: 0;
height: 100%;
}
.mat-mdc-select {
display: inline-flex !important;
color: var(--ah-text) !important;
}
.mat-mdc-select .mat-mdc-select-placeholder {
transition: none !important;
color: var(--ah-text-muted) !important;
}
.mat-mdc-select .mat-mdc-select-trigger .mat-mdc-select-value {
position: relative;
display: flex;
max-width: none;
}
.mat-mdc-select .mat-mdc-select-trigger .mat-mdc-select-value .mat-mdc-select-value-text {
display: inline-flex;
}
.mat-mdc-select .mat-mdc-select-trigger .mat-mdc-select-value .mat-mdc-select-value-text > * {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.mat-mdc-select .mat-mdc-select-arrow-wrapper {
transform: translateY(0) !important;
}
.mat-mdc-select .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow {
margin: 0 0 0 8px;
}
.mat-mdc-select-panel {
background-color: var(--ah-surface) !important;
}
.mat-mdc-select-panel .mat-mdc-option.mat-mdc-option-active.mdc-list-item {
background-color: var(--ah-bg-alt) !important;
}
.mat-mdc-select-panel .mat-mdc-option.mat-mdc-option-active.mdc-list-item:focus::before {
background-color: var(--ah-ink) !important;
}
.mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-select-arrow svg {
fill: var(--ah-text-muted);
}
.mat-mdc-form-field.mat-form-field-appearance-fill {
}
.mat-mdc-form-field.mat-form-field-appearance-fill.mat-form-field-disabled {
opacity: 0.7 !important;
}
.mat-mdc-form-field.mat-form-field-appearance-fill {
}
.mat-mdc-form-field.mat-form-field-appearance-fill.mat-form-field-invalid {
}
.mat-mdc-form-field.mat-form-field-appearance-fill.mat-form-field-invalid .mat-mdc-text-field-wrapper,
.mat-mdc-form-field.mat-form-field-appearance-fill.mat-form-field-invalid .mat-mdc-text-field-wrapper.mdc-text-field {
border-color: var(--color-error, var(--ah-error)) !important;
}
.mat-mdc-form-field.mat-form-field-appearance-fill.mat-form-field-invalid {
}
.mat-mdc-form-field.mat-form-field-appearance-fill.mat-form-field-invalid .mat-mdc-select {
}
.mat-mdc-form-field.mat-form-field-appearance-fill.mat-form-field-invalid .mat-mdc-select .mat-mdc-select-placeholder {
color: var(--color-warning-alt, var(--ah-amber)) !important;
}
.mat-mdc-form-field.mat-form-field-appearance-fill {
}
.mat-mdc-form-field.mat-form-field-appearance-fill:hover .mat-mdc-form-field-focus-overlay {
opacity: 0 !important;
}
.mat-mdc-form-field.mat-form-field-appearance-fill {
}
.mat-mdc-form-field.mat-form-field-appearance-fill.mat-focused .mat-mdc-form-field-focus-overlay {
opacity: 0 !important;
}
.mat-mdc-form-field.mat-form-field-appearance-fill.mat-focused .mat-mdc-select-arrow svg {
fill: var(--ah-focus-ring);
}
.mat-mdc-form-field.mat-form-field-appearance-fill {
}
.mat-mdc-form-field.mat-form-field-appearance-fill.mat-focused:not(.mat-form-field-invalid) {
}
.mat-mdc-form-field.mat-form-field-appearance-fill.mat-focused:not(.mat-form-field-invalid) .mat-mdc-text-field-wrapper {
border-color: var(--ah-focus-ring) !important;
}
.mat-mdc-form-field.mat-form-field-appearance-fill {
}
.mat-mdc-form-field.mat-form-field-appearance-fill.mat-mdc-form-field-type-mat-native-select .mat-mdc-form-field-infix select {
top: auto;
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
padding-right: 18px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%236B6E68' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5H7z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right -7px center;
background-size: 24px;
}
.dark .mat-mdc-form-field.mat-form-field-appearance-fill.mat-mdc-form-field-type-mat-native-select .mat-mdc-form-field-infix select {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%239DB09A' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5H7z'/%3E%3C/svg%3E");
}
.mat-mdc-form-field.mat-form-field-appearance-fill.mat-mdc-form-field-type-mat-native-select .mat-mdc-form-field-infix:after {
display: none;
}
.mat-mdc-form-field.mat-form-field-appearance-fill {
}
.mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper {
padding: 0;
border-radius: 6px;
border-width: 1px;
border-style: solid;
box-shadow: 0 1px 2px 0 rgba(34, 36, 31, 0.06) !important;
background-color: var(--ah-surface) !important;
border-color: var(--ah-ash) !important;
}
.mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper:not(.mdc-text-field--no-label) {
margin-top: 24px;
overflow: visible;
}
.mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-focus-overlay {
border-radius: 6px;
}
.mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper {
}
.mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex {
position: relative;
display: flex;
align-items: stretch;
border-radius: 6px;
padding: 0 16px;
}
.mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-prefix,
.mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-prefix {
padding: 0 !important;
}
.mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-prefix > .mat-icon,
.mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-prefix > .mat-icon {
margin-right: 12px;
padding: 0 !important;
}
.mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-prefix > .mat-mdc-icon-button,
.mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-prefix > .mat-mdc-icon-button {
margin: 0 4px 0 -10px;
}
.mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-prefix > .mat-mdc-select,
.mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-prefix > .mat-mdc-select {
margin-right: 10px;
}
.mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-prefix > .mat-datepicker-toggle,
.mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-prefix > .mat-datepicker-toggle {
margin-left: -8px;
}
.mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix,
.mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-suffix {
padding: 0 !important;
}
.mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix > .mat-icon,
.mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-suffix > .mat-icon {
margin-left: 12px;
padding: 0 !important;
}
.mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix > .mat-mdc-icon-button,
.mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-suffix > .mat-mdc-icon-button {
margin: 0 -10px 0 4px;
}
.mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix > .mat-mdc-select,
.mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-suffix > .mat-mdc-select {
margin-left: 10px;
}
.mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix > .mat-datepicker-toggle,
.mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-suffix > .mat-datepicker-toggle {
margin-right: -8px;
}
.mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-prefix,
.mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-prefix,
.mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix,
.mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-suffix {
display: inline-flex;
align-items: center;
justify-content: center;
color: var(--ah-text-muted) !important;
}
.mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-prefix .mat-mdc-icon-button,
.mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-prefix .mat-mdc-icon-button,
.mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button,
.mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-suffix .mat-mdc-icon-button {
width: 40px;
min-width: 40px;
height: 40px;
min-height: 40px;
}
.mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-prefix .mat-icon,
.mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-prefix .mat-mdc-icon-button:not([disabled]),
.mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-prefix .mat-mdc-select-value,
.mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-prefix .mat-icon,
.mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-prefix .mat-mdc-icon-button:not([disabled]),
.mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-prefix .mat-mdc-select-value,
.mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-icon,
.mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button:not([disabled]),
.mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-select-value,
.mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-suffix .mat-icon,
.mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-suffix .mat-mdc-icon-button:not([disabled]),
.mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-suffix .mat-mdc-select-value {
color: var(--ah-text-muted);
}
.mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-prefix,
.mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-prefix,
.mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix,
.mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-suffix {
}
.mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-prefix .mat-datepicker-toggle-default-icon,
.mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-prefix .mat-datepicker-toggle-default-icon,
.mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-datepicker-toggle-default-icon,
.mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-suffix .mat-datepicker-toggle-default-icon {
width: 1.5rem;
height: 1.5rem;
}
.mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-prefix,
.mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-prefix,
.mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix,
.mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-suffix {
}
.mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-prefix .mat-mdc-select,
.mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-prefix .mat-mdc-select,
.mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-select,
.mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-suffix .mat-mdc-select {
display: flex;
align-items: center;
}
.mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-prefix .mat-mdc-select:focus .mat-mdc-select-trigger .mat-mdc-select-value,
.mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-prefix .mat-mdc-select:focus .mat-mdc-select-trigger .mat-mdc-select-value,
.mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-select:focus .mat-mdc-select-trigger .mat-mdc-select-value,
.mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-suffix .mat-mdc-select:focus .mat-mdc-select-trigger .mat-mdc-select-value {
color: var(--ah-focus-ring) !important;
}
.mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-prefix .mat-mdc-select:focus .mat-mdc-select-trigger .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow,
.mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-prefix .mat-mdc-select:focus .mat-mdc-select-trigger .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow,
.mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-select:focus .mat-mdc-select-trigger .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow,
.mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-suffix .mat-mdc-select:focus .mat-mdc-select-trigger .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow {
border-top-color: var(--ah-primary) !important;
}
.mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-prefix .mat-mdc-select .mat-mdc-select-trigger,
.mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-prefix .mat-mdc-select .mat-mdc-select-trigger,
.mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-select .mat-mdc-select-trigger,
.mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-suffix .mat-mdc-select .mat-mdc-select-trigger {
display: flex;
align-items: center;
}
.mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-prefix .mat-mdc-select .mat-mdc-select-trigger .mat-mdc-select-value,
.mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-prefix .mat-mdc-select .mat-mdc-select-trigger .mat-mdc-select-value,
.mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-select .mat-mdc-select-trigger .mat-mdc-select-value,
.mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-suffix .mat-mdc-select .mat-mdc-select-trigger .mat-mdc-select-value {
display: flex;
max-width: none;
}
.mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-prefix .mat-mdc-select .mat-mdc-select-trigger .mat-mdc-select-value mat-mdc-select-trigger .mat-icon,
.mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-prefix .mat-mdc-select .mat-mdc-select-trigger .mat-mdc-select-value mat-mdc-select-trigger .mat-icon,
.mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-select .mat-mdc-select-trigger .mat-mdc-select-value mat-mdc-select-trigger .mat-icon,
.mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-suffix .mat-mdc-select .mat-mdc-select-trigger .mat-mdc-select-value mat-mdc-select-trigger .mat-icon {
margin: 0 !important;
}
.mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-prefix .mat-mdc-select .mat-mdc-select-trigger .mat-mdc-select-arrow-wrapper,
.mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-prefix .mat-mdc-select .mat-mdc-select-trigger .mat-mdc-select-arrow-wrapper,
.mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-select .mat-mdc-select-trigger .mat-mdc-select-arrow-wrapper,
.mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-suffix .mat-mdc-select .mat-mdc-select-trigger .mat-mdc-select-arrow-wrapper {
display: flex;
align-items: center;
transform: none;
margin-left: 4px;
}
.mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-prefix .mat-mdc-select .mat-mdc-select-trigger .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow,
.mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-prefix .mat-mdc-select .mat-mdc-select-trigger .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow,
.mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-select .mat-mdc-select-trigger .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow,
.mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-suffix .mat-mdc-select .mat-mdc-select-trigger .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow {
min-height: 0;
color: var(--ah-text-muted) !important;
}
.mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex {
}
.mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix {
position: static;
display: flex;
align-items: center;
width: 88px;
min-height: 48px;
padding: 0;
border: 0;
}
.mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-floating-label {
top: -25px !important;
left: 0 !important;
width: 100% !important;
transform: none !important;
pointer-events: auto;
font-weight: 500;
color: var(--ah-text) !important;
}
.mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix {
}
.mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix textarea.mat-mdc-input-element {
padding: 0 6px 0 0;
}
.mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix {
}
.mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-chip-set {
width: 100%;
margin: 0 -8px;
}
.mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper {
}
.mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mdc-line-ripple {
display: none;
}
.mat-mdc-form-field.mat-form-field-appearance-fill {
}
.mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-form-field-subscript-wrapper {
font-size: 12px;
font-weight: 500;
}
.mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-hint-wrapper,
.mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-error-wrapper {
padding: 0;
}
.mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-hint {
color: var(--ah-text-muted) !important;
}
.mat-mdc-form-field.mat-form-field-appearance-fill {
}
.mat-mdc-form-field.mat-form-field-appearance-fill:has(textarea.mat-mdc-input-element) .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-prefix,
.mat-mdc-form-field.mat-form-field-appearance-fill:has(textarea.mat-mdc-input-element) .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-prefix,
.mat-mdc-form-field.mat-form-field-appearance-fill:has(textarea.mat-mdc-input-element) .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix,
.mat-mdc-form-field.mat-form-field-appearance-fill:has(textarea.mat-mdc-input-element) .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-suffix {
align-self: flex-start;
padding-top: 14px !important;
}
.mat-mdc-form-field.mat-form-field-appearance-fill {
}
.mat-mdc-form-field.mat-form-field-appearance-fill.fuse-mat-rounded .mat-mdc-text-field-wrapper {
border-radius: 24px;
}
.mat-mdc-form-field.mat-form-field-appearance-fill.fuse-mat-rounded {
}
.mat-mdc-form-field.mat-form-field-appearance-fill.fuse-mat-rounded.fuse-mat-emphasized-affix .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-prefix,
.mat-mdc-form-field.mat-form-field-appearance-fill.fuse-mat-rounded.fuse-mat-emphasized-affix .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-prefix {
border-radius: 24px 0 0 24px;
}
.mat-mdc-form-field.mat-form-field-appearance-fill.fuse-mat-rounded.fuse-mat-emphasized-affix .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-prefix > .mat-icon,
.mat-mdc-form-field.mat-form-field-appearance-fill.fuse-mat-rounded.fuse-mat-emphasized-affix .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-prefix > .mat-icon {
margin-right: 12px;
}
.mat-mdc-form-field.mat-form-field-appearance-fill.fuse-mat-rounded.fuse-mat-emphasized-affix .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-prefix > .mat-mdc-icon-button,
.mat-mdc-form-field.mat-form-field-appearance-fill.fuse-mat-rounded.fuse-mat-emphasized-affix .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-prefix > .mat-mdc-icon-button {
margin: 0 2px 0 -10px !important;
}
.mat-mdc-form-field.mat-form-field-appearance-fill.fuse-mat-rounded.fuse-mat-emphasized-affix .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-prefix > .mat-mdc-select,
.mat-mdc-form-field.mat-form-field-appearance-fill.fuse-mat-rounded.fuse-mat-emphasized-affix .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-prefix > .mat-mdc-select {
margin-right: 8px;
}
.mat-mdc-form-field.mat-form-field-appearance-fill.fuse-mat-rounded.fuse-mat-emphasized-affix .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-prefix > .mat-datepicker-toggle,
.mat-mdc-form-field.mat-form-field-appearance-fill.fuse-mat-rounded.fuse-mat-emphasized-affix .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-prefix > .mat-datepicker-toggle {
margin-right: 4px;
}
.mat-mdc-form-field.mat-form-field-appearance-fill.fuse-mat-rounded.fuse-mat-emphasized-affix .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-prefix > *:not(.mat-icon):not(.mat-mdc-icon-button):not(.mat-mdc-select):not(.mat-datepicker-toggle),
.mat-mdc-form-field.mat-form-field-appearance-fill.fuse-mat-rounded.fuse-mat-emphasized-affix .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-prefix > *:not(.mat-icon):not(.mat-mdc-icon-button):not(.mat-mdc-select):not(.mat-datepicker-toggle) {
margin-right: 12px;
}
.mat-mdc-form-field.mat-form-field-appearance-fill.fuse-mat-rounded.fuse-mat-emphasized-affix .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix,
.mat-mdc-form-field.mat-form-field-appearance-fill.fuse-mat-rounded.fuse-mat-emphasized-affix .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-suffix {
border-radius: 0 24px 24px 0;
}
.mat-mdc-form-field.mat-form-field-appearance-fill.fuse-mat-rounded.fuse-mat-emphasized-affix .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix > .mat-icon,
.mat-mdc-form-field.mat-form-field-appearance-fill.fuse-mat-rounded.fuse-mat-emphasized-affix .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-suffix > .mat-icon {
margin-left: 12px !important;
}
.mat-mdc-form-field.mat-form-field-appearance-fill.fuse-mat-rounded.fuse-mat-emphasized-affix .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix > .mat-mdc-icon-button,
.mat-mdc-form-field.mat-form-field-appearance-fill.fuse-mat-rounded.fuse-mat-emphasized-affix .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-suffix > .mat-mdc-icon-button {
margin: 0 -10px 0 2px !important;
}
.mat-mdc-form-field.mat-form-field-appearance-fill.fuse-mat-rounded.fuse-mat-emphasized-affix .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix > .mat-mdc-select,
.mat-mdc-form-field.mat-form-field-appearance-fill.fuse-mat-rounded.fuse-mat-emphasized-affix .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-suffix > .mat-mdc-select {
margin-left: 12px !important;
}
.mat-mdc-form-field.mat-form-field-appearance-fill.fuse-mat-rounded.fuse-mat-emphasized-affix .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix > .mat-datepicker-toggle,
.mat-mdc-form-field.mat-form-field-appearance-fill.fuse-mat-rounded.fuse-mat-emphasized-affix .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-suffix > .mat-datepicker-toggle {
margin-left: 4px !important;
}
.mat-mdc-form-field.mat-form-field-appearance-fill.fuse-mat-rounded.fuse-mat-emphasized-affix .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix > *:not(.mat-icon):not(.mat-mdc-icon-button):not(.mat-mdc-select):not(.mat-datepicker-toggle),
.mat-mdc-form-field.mat-form-field-appearance-fill.fuse-mat-rounded.fuse-mat-emphasized-affix .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-suffix > *:not(.mat-icon):not(.mat-mdc-icon-button):not(.mat-mdc-select):not(.mat-datepicker-toggle) {
margin-left: 12px !important;
}
/* src/styles.css */
/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
:root,
:host {
--font-sans:
"Noto Sans",
system-ui,
-apple-system,
sans-serif;
--color-amber-500: oklch(76.9% 0.188 70.08);
--color-blue-500: oklch(62.3% 0.214 259.815);
--color-black: #000;
--color-white: #fff;
--spacing: 0.25rem;
--container-xs: 20rem;
--container-sm: 24rem;
--container-md: 28rem;
--container-lg: 32rem;
--container-xl: 36rem;
--container-2xl: 42rem;
--container-5xl: 64rem;
--container-7xl: 80rem;
--text-xs: 0.75rem;
--text-xs--line-height: calc(1 / 0.75);
--text-sm: 0.875rem;
--text-sm--line-height: calc(1.25 / 0.875);
--text-base: 1rem;
--text-base--line-height: calc(1.5 / 1);
--text-lg: 1.125rem;
--text-lg--line-height: calc(1.75 / 1.125);
--text-xl: 1.25rem;
--text-xl--line-height: calc(1.75 / 1.25);
--text-2xl: 1.5rem;
--text-2xl--line-height: calc(2 / 1.5);
--text-3xl: 1.875rem;
--text-3xl--line-height: calc(2.25 / 1.875);
--text-4xl: 2.25rem;
--text-4xl--line-height: calc(2.5 / 2.25);
--text-5xl: 3rem;
--text-5xl--line-height: 1;
--text-6xl: 3.75rem;
--text-6xl--line-height: 1;
--font-weight-normal: 400;
--font-weight-medium: 500;
--font-weight-semibold: 600;
--font-weight-bold: 700;
--tracking-tight: -0.025em;
--tracking-wide: 0.025em;
--tracking-wider: 0.05em;
--leading-snug: 1.375;
--leading-normal: 1.5;
--leading-relaxed: 1.625;
--radius-md: 0.375rem;
--radius-lg: 0.5rem;
--radius-xl: 0.75rem;
--radius-2xl: 1rem;
--radius-3xl: 1.5rem;
--ease-out: cubic-bezier(0, 0, 0.2, 1);
--ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
--animate-spin: spin 1s linear infinite;
--blur-md: 12px;
--blur-3xl: 64px;
--default-transition-duration: 150ms;
--default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
--default-font-family:
"Noto Sans",
system-ui,
-apple-system,
sans-serif;
--default-mono-font-family: "Courier New", monospace;
--color-primary: var(--ah-primary);
--color-primary-dark: var(--ah-canopy-deep);
--color-primary-tint: var(--ah-fern);
--gradient-primary:
linear-gradient(
135deg,
var(--color-primary),
var(--color-primary-dark));
--gradient-primary-deep:
linear-gradient(
135deg,
var(--ah-canopy-deep),
var(--color-primary));
--gradient-primary-tint:
linear-gradient(
135deg,
var(--ah-warm-white),
var(--ah-linen));
--color-error-dark: var(--ah-error);
--color-warning: var(--ah-amber);
--color-info: var(--ah-fern);
--color-accent: var(--ah-accent);
--color-surface-hover: var(--ah-bg-alt);
--color-line: var(--ah-border);
--color-heading: var(--ah-bark);
--color-body: var(--ah-text);
--color-muted: var(--ah-text-muted);
}
@supports (color: color-mix(in lab, red, red)) {
:root,
:host {
--color-primary-tint: color-mix(in srgb, var(--ah-fern) 14%, var(--ah-card));
}
}
@supports (color: color-mix(in lab, red, red)) {
:root,
:host {
--color-error-dark: color-mix(in srgb, var(--ah-error) 80%, black);
}
}
@supports (color: color-mix(in lab, red, red)) {
:root,
:host {
--color-surface-hover: color-mix(in srgb, var(--ah-bg-alt) 60%, var(--ah-surface));
}
}
}
@layer base {
*,
::after,
::before,
::backdrop,
::file-selector-button {
box-sizing: border-box;
margin: 0;
padding: 0;
border: 0 solid;
}
html,
:host {
line-height: 1.5;
-webkit-text-size-adjust: 100%;
tab-size: 4;
font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
font-feature-settings: var(--default-font-feature-settings, normal);
font-variation-settings: var(--default-font-variation-settings, normal);
-webkit-tap-highlight-color: transparent;
}
hr {
height: 0;
color: inherit;
border-top-width: 1px;
}
abbr:where([title]) {
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: inherit;
font-weight: inherit;
}
a {
color: inherit;
-webkit-text-decoration: inherit;
text-decoration: inherit;
}
b,
strong {
font-weight: bolder;
}
code,
kbd,
samp,
pre {
font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
font-feature-settings: var(--default-mono-font-feature-settings, normal);
font-variation-settings: var(--default-mono-font-variation-settings, normal);
font-size: 1em;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
table {
text-indent: 0;
border-color: inherit;
border-collapse: collapse;
}
:-moz-focusring {
outline: auto;
}
progress {
vertical-align: baseline;
}
summary {
display: list-item;
}
ol,
ul,
menu {
list-style: none;
}
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
display: block;
vertical-align: middle;
}
img,
video {
max-width: 100%;
height: auto;
}
button,
input,
select,
optgroup,
textarea,
::file-selector-button {
font: inherit;
font-feature-settings: inherit;
font-variation-settings: inherit;
letter-spacing: inherit;
color: inherit;
border-radius: 0;
background-color: transparent;
opacity: 1;
}
:where(select:is([multiple], [size])) optgroup {
font-weight: bolder;
}
:where(select:is([multiple], [size])) optgroup option {
padding-inline-start: 20px;
}
::file-selector-button {
margin-inline-end: 4px;
}
::placeholder {
opacity: 1;
}
@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
::placeholder {
color: currentcolor;
}
@supports (color: color-mix(in lab, red, red)) {
::placeholder {
color: color-mix(in oklab, currentcolor 50%, transparent);
}
}
}
textarea {
resize: vertical;
}
::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-date-and-time-value {
min-height: 1lh;
text-align: inherit;
}
::-webkit-datetime-edit {
display: inline-flex;
}
::-webkit-datetime-edit-fields-wrapper {
padding: 0;
}
::-webkit-datetime-edit,
::-webkit-datetime-edit-year-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-minute-field,
::-webkit-datetime-edit-second-field,
::-webkit-datetime-edit-millisecond-field,
::-webkit-datetime-edit-meridiem-field {
padding-block: 0;
}
::-webkit-calendar-picker-indicator {
line-height: 1;
}
:-moz-ui-invalid {
box-shadow: none;
}
button,
input:where([type=button], [type=reset], [type=submit]),
::file-selector-button {
appearance: button;
}
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
height: auto;
}
[hidden]:where(:not([hidden=until-found])) {
display: none !important;
}
}
@layer utilities {
.pointer-events-auto {
pointer-events: auto;
}
.pointer-events-none {
pointer-events: none;
}
.collapse {
visibility: collapse;
}
.invisible {
visibility: hidden;
}
.visible {
visibility: visible;
}
.absolute {
position: absolute;
}
.fixed {
position: fixed;
}
.relative {
position: relative;
}
.static {
position: static;
}
.sticky {
position: sticky;
}
.inset-0 {
inset: 0;
}
.-top-12 {
top: calc(var(--spacing) * -12);
}
.-top-24 {
top: calc(var(--spacing) * -24);
}
.-top-40 {
top: calc(var(--spacing) * -40);
}
.top-0 {
top: 0;
}
.top-1\.5 {
top: calc(var(--spacing) * 1.5);
}
.top-1\/2 {
top: calc(1 / 2 * 100%);
}
.top-4 {
top: calc(var(--spacing) * 4);
}
.top-\[4px\] {
top: 4px;
}
.top-\[120px\] {
top: 120px;
}
.top-\[132px\] {
top: 132px;
}
.-right-12 {
right: calc(var(--spacing) * -12);
}
.-right-24 {
right: calc(var(--spacing) * -24);
}
.right-1\.5 {
right: calc(var(--spacing) * 1.5);
}
.right-3\.5 {
right: calc(var(--spacing) * 3.5);
}
.right-4 {
right: calc(var(--spacing) * 4);
}
.right-\[5px\] {
right: 5px;
}
.-bottom-6 {
bottom: calc(var(--spacing) * -6);
}
.-bottom-28 {
bottom: calc(var(--spacing) * -28);
}
.bottom-3 {
bottom: calc(var(--spacing) * 3);
}
.bottom-4 {
bottom: calc(var(--spacing) * 4);
}
.-left-6 {
left: calc(var(--spacing) * -6);
}
.-left-16 {
left: calc(var(--spacing) * -16);
}
.-left-40 {
left: calc(var(--spacing) * -40);
}
.left-1\/2 {
left: calc(1 / 2 * 100%);
}
.left-3 {
left: calc(var(--spacing) * 3);
}
.-z-10 {
z-index: calc(10 * -1);
}
.z-10 {
z-index: 10;
}
.z-30 {
z-index: 30;
}
.z-40 {
z-index: 40;
}
.order-1 {
order: 1;
}
.order-2 {
order: 2;
}
.col-span-2 {
grid-column: span 2 / span 2;
}
.container {
width: 100%;
}
@media (width >= 40rem) {
.container {
max-width: 40rem;
}
}
@media (width >= 48rem) {
.container {
max-width: 48rem;
}
}
@media (width >= 64rem) {
.container {
max-width: 64rem;
}
}
@media (width >= 80rem) {
.container {
max-width: 80rem;
}
}
@media (width >= 96rem) {
.container {
max-width: 96rem;
}
}
.m-0 {
margin: 0;
}
.m-auto {
margin: auto;
}
.-mx-1 {
margin-inline: calc(var(--spacing) * -1);
}
.mx-0 {
margin-inline: 0;
}
.mx-0\.5 {
margin-inline: calc(var(--spacing) * 0.5);
}
.mx-1 {
margin-inline: var(--spacing);
}
.mx-auto {
margin-inline: auto;
}
.mx-auto\! {
margin-inline: auto !important;
}
.-my-0\.5 {
margin-block: calc(var(--spacing) * -0.5);
}
.my-0\.5 {
margin-block: calc(var(--spacing) * 0.5);
}
.my-1 {
margin-block: var(--spacing);
}
.my-6 {
margin-block: calc(var(--spacing) * 6);
}
.-mt-1 {
margin-top: calc(var(--spacing) * -1);
}
.mt-0\! {
margin-top: 0 !important;
}
.mt-0\.5 {
margin-top: calc(var(--spacing) * 0.5);
}
.mt-1 {
margin-top: var(--spacing);
}
.mt-1\.5 {
margin-top: calc(var(--spacing) * 1.5);
}
.mt-2 {
margin-top: calc(var(--spacing) * 2);
}
.mt-2\! {
margin-top: calc(var(--spacing) * 2) !important;
}
.mt-3 {
margin-top: calc(var(--spacing) * 3);
}
.mt-4 {
margin-top: calc(var(--spacing) * 4);
}
.mt-5 {
margin-top: calc(var(--spacing) * 5);
}
.mt-6 {
margin-top: calc(var(--spacing) * 6);
}
.mt-8 {
margin-top: calc(var(--spacing) * 8);
}
.mt-9 {
margin-top: calc(var(--spacing) * 9);
}
.mt-10 {
margin-top: calc(var(--spacing) * 10);
}
.mt-12 {
margin-top: calc(var(--spacing) * 12);
}
.mt-\[7px\] {
margin-top: 7px;
}
.mb-1 {
margin-bottom: var(--spacing);
}
.mb-1\.5 {
margin-bottom: calc(var(--spacing) * 1.5);
}
.mb-2 {
margin-bottom: calc(var(--spacing) * 2);
}
.mb-2\! {
margin-bottom: calc(var(--spacing) * 2) !important;
}
.mb-2\.5 {
margin-bottom: calc(var(--spacing) * 2.5);
}
.mb-3 {
margin-bottom: calc(var(--spacing) * 3);
}
.mb-4 {
margin-bottom: calc(var(--spacing) * 4);
}
.mb-4\! {
margin-bottom: calc(var(--spacing) * 4) !important;
}
.mb-5 {
margin-bottom: calc(var(--spacing) * 5);
}
.mb-6 {
margin-bottom: calc(var(--spacing) * 6);
}
.mb-8 {
margin-bottom: calc(var(--spacing) * 8);
}
.mb-10 {
margin-bottom: calc(var(--spacing) * 10);
}
.ml-0\.5 {
margin-left: calc(var(--spacing) * 0.5);
}
.ml-1\.5 {
margin-left: calc(var(--spacing) * 1.5);
}
.ml-3 {
margin-left: calc(var(--spacing) * 3);
}
.ml-auto {
margin-left: auto;
}
.ml-auto\! {
margin-left: auto !important;
}
.box-border {
box-sizing: border-box;
}
.block {
display: block;
}
.contents {
display: contents;
}
.flex {
display: flex;
}
.flex\! {
display: flex !important;
}
.grid {
display: grid;
}
.hidden {
display: none;
}
.inline {
display: inline;
}
.inline-block {
display: inline-block;
}
.inline-flex {
display: inline-flex;
}
.inline-flex\! {
display: inline-flex !important;
}
.table {
display: table;
}
.aspect-\[4\/5\] {
aspect-ratio: 4/5;
}
.\!h-11 {
height: calc(var(--spacing) * 11) !important;
}
.\!h-\[21px\] {
height: 21px !important;
}
.\!h-\[22px\] {
height: 22px !important;
}
.h-0\.75 {
height: calc(var(--spacing) * 0.75);
}
.h-1 {
height: var(--spacing);
}
.h-1\.5 {
height: calc(var(--spacing) * 1.5);
}
.h-2 {
height: calc(var(--spacing) * 2);
}
.h-3\.5\! {
height: calc(var(--spacing) * 3.5) !important;
}
.h-4 {
height: calc(var(--spacing) * 4);
}
.h-4\! {
height: calc(var(--spacing) * 4) !important;
}
.h-5 {
height: calc(var(--spacing) * 5);
}
.h-5\! {
height: calc(var(--spacing) * 5) !important;
}
.h-6 {
height: calc(var(--spacing) * 6);
}
.h-6\! {
height: calc(var(--spacing) * 6) !important;
}
.h-7 {
height: calc(var(--spacing) * 7);
}
.h-7\! {
height: calc(var(--spacing) * 7) !important;
}
.h-7\.5 {
height: calc(var(--spacing) * 7.5);
}
.h-8 {
height: calc(var(--spacing) * 8);
}
.h-8\! {
height: calc(var(--spacing) * 8) !important;
}
.h-9 {
height: calc(var(--spacing) * 9);
}
.h-10 {
height: calc(var(--spacing) * 10);
}
.h-10\! {
height: calc(var(--spacing) * 10) !important;
}
.h-11 {
height: calc(var(--spacing) * 11);
}
.h-11\! {
height: calc(var(--spacing) * 11) !important;
}
.h-12 {
height: calc(var(--spacing) * 12);
}
.h-12\! {
height: calc(var(--spacing) * 12) !important;
}
.h-14 {
height: calc(var(--spacing) * 14);
}
.h-16 {
height: calc(var(--spacing) * 16);
}
.h-16\! {
height: calc(var(--spacing) * 16) !important;
}
.h-24 {
height: calc(var(--spacing) * 24);
}
.h-48 {
height: calc(var(--spacing) * 48);
}
.h-64 {
height: calc(var(--spacing) * 64);
}
.h-72 {
height: calc(var(--spacing) * 72);
}
.h-\[18px\] {
height: 18px;
}
.h-\[38px\] {
height: 38px;
}
.h-\[75vh\] {
height: 75vh;
}
.h-\[100\%\] {
height: 100%;
}
.h-\[112\%\] {
height: 112%;
}
.h-\[135\%\] {
height: 135%;
}
.h-\[420px\] {
height: 420px;
}
.h-\[560px\] {
height: 560px;
}
.h-auto {
height: auto;
}
.h-full {
height: 100%;
}
.h-px {
height: 1px;
}
.h-screen {
height: 100vh;
}
.max-h-\[60vh\] {
max-height: 60vh;
}
.max-h-\[90vh\] {
max-height: 90vh;
}
.max-h-\[420px\] {
max-height: 420px;
}
.max-h-\[calc\(100vh-4\.25rem\)\] {
max-height: calc(100vh - 4.25rem);
}
.min-h-0 {
min-height: 0;
}
.min-h-6 {
min-height: calc(var(--spacing) * 6);
}
.min-h-9\.5 {
min-height: calc(var(--spacing) * 9.5);
}
.min-h-16 {
min-height: calc(var(--spacing) * 16);
}
.min-h-\[56px\] {
min-height: 56px;
}
.min-h-\[90px\] {
min-height: 90px;
}
.min-h-\[132px\] {
min-height: 132px;
}
.min-h-full {
min-height: 100%;
}
.min-h-screen {
min-height: 100vh;
}
.\!w-\[21px\] {
width: 21px !important;
}
.\!w-\[22px\] {
width: 22px !important;
}
.w-0\.75 {
width: calc(var(--spacing) * 0.75);
}
.w-1 {
width: var(--spacing);
}
.w-1\.5 {
width: calc(var(--spacing) * 1.5);
}
.w-2 {
width: calc(var(--spacing) * 2);
}
.w-3\.5\! {
width: calc(var(--spacing) * 3.5) !important;
}
.w-4 {
width: calc(var(--spacing) * 4);
}
.w-4\! {
width: calc(var(--spacing) * 4) !important;
}
.w-5 {
width: calc(var(--spacing) * 5);
}
.w-5\! {
width: calc(var(--spacing) * 5) !important;
}
.w-5\.5 {
width: calc(var(--spacing) * 5.5);
}
.w-6 {
width: calc(var(--spacing) * 6);
}
.w-6\! {
width: calc(var(--spacing) * 6) !important;
}
.w-7 {
width: calc(var(--spacing) * 7);
}
.w-7\! {
width: calc(var(--spacing) * 7) !important;
}
.w-7\.5 {
width: calc(var(--spacing) * 7.5);
}
.w-8 {
width: calc(var(--spacing) * 8);
}
.w-8\! {
width: calc(var(--spacing) * 8) !important;
}
.w-9 {
width: calc(var(--spacing) * 9);
}
.w-10 {
width: calc(var(--spacing) * 10);
}
.w-10\! {
width: calc(var(--spacing) * 10) !important;
}
.w-11 {
width: calc(var(--spacing) * 11);
}
.w-12 {
width: calc(var(--spacing) * 12);
}
.w-12\.5 {
width: calc(var(--spacing) * 12.5);
}
.w-14 {
width: calc(var(--spacing) * 14);
}
.w-16 {
width: calc(var(--spacing) * 16);
}
.w-16\! {
width: calc(var(--spacing) * 16) !important;
}
.w-20 {
width: calc(var(--spacing) * 20);
}
.w-48 {
width: calc(var(--spacing) * 48);
}
.w-64 {
width: calc(var(--spacing) * 64);
}
.w-72 {
width: calc(var(--spacing) * 72);
}
.w-\[24\%\] {
width: 24%;
}
.w-\[42\%\] {
width: 42%;
}
.w-\[100\%\] {
width: 100%;
}
.w-\[112\%\] {
width: 112%;
}
.w-\[135\%\] {
width: 135%;
}
.w-\[380px\] {
width: 380px;
}
.w-\[420px\] {
width: 420px;
}
.w-\[560px\] {
width: 560px;
}
.w-\[calc\(100\%\+0\.5rem\)\] {
width: calc(100% + 0.5rem);
}
.w-\[min\(320px\,calc\(100vw-1\.5rem\)\)\] {
width: min(320px, calc(100vw - 1.5rem));
}
.w-fit {
width: fit-content;
}
.w-full {
width: 100%;
}
.w-full\! {
width: 100% !important;
}
.w-px {
width: 1px;
}
.max-w-2xl {
max-width: var(--container-2xl);
}
.max-w-5xl {
max-width: var(--container-5xl);
}
.max-w-7xl {
max-width: var(--container-7xl);
}
.max-w-27\.5 {
max-width: calc(var(--spacing) * 27.5);
}
.max-w-27\.5\! {
max-width: calc(var(--spacing) * 27.5) !important;
}
.max-w-35 {
max-width: calc(var(--spacing) * 35);
}
.max-w-65 {
max-width: calc(var(--spacing) * 65);
}
.max-w-70 {
max-width: calc(var(--spacing) * 70);
}
.max-w-125 {
max-width: calc(var(--spacing) * 125);
}
.max-w-140 {
max-width: calc(var(--spacing) * 140);
}
.max-w-150 {
max-width: calc(var(--spacing) * 150);
}
.max-w-\[220px\] {
max-width: 220px;
}
.max-w-\[260px\] {
max-width: 260px;
}
.max-w-full {
max-width: 100%;
}
.max-w-lg {
max-width: var(--container-lg);
}
.max-w-md {
max-width: var(--container-md);
}
.max-w-sm {
max-width: var(--container-sm);
}
.max-w-xl {
max-width: var(--container-xl);
}
.max-w-xs {
max-width: var(--container-xs);
}
.min-w-0 {
min-width: 0;
}
.min-w-5\.5 {
min-width: calc(var(--spacing) * 5.5);
}
.min-w-8 {
min-width: calc(var(--spacing) * 8);
}
.min-w-10 {
min-width: calc(var(--spacing) * 10);
}
.min-w-16\.25 {
min-width: calc(var(--spacing) * 16.25);
}
.min-w-24\! {
min-width: calc(var(--spacing) * 24) !important;
}
.min-w-30\! {
min-width: calc(var(--spacing) * 30) !important;
}
.min-w-125 {
min-width: calc(var(--spacing) * 125);
}
.min-w-\[12px\] {
min-width: 12px;
}
.min-w-\[28px\] {
min-width: 28px;
}
.min-w-full {
min-width: 100%;
}
.flex-1 {
flex: 1;
}
.flex-\[1\.2\] {
flex: 1.2;
}
.flex-none\! {
flex: none !important;
}
.shrink-0 {
flex-shrink: 0;
}
.shrink-0\! {
flex-shrink: 0 !important;
}
.table-fixed {
table-layout: fixed;
}
.border-collapse {
border-collapse: collapse;
}
.-translate-x-1\/2 {
--tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.-translate-y-1\/2 {
--tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.scale-65\! {
--tw-scale-x: 65% !important;
--tw-scale-y: 65% !important;
--tw-scale-z: 65% !important;
scale: var(--tw-scale-x) var(--tw-scale-y) !important;
}
.scale-70\! {
--tw-scale-x: 70% !important;
--tw-scale-y: 70% !important;
--tw-scale-z: 70% !important;
scale: var(--tw-scale-x) var(--tw-scale-y) !important;
}
.scale-75\! {
--tw-scale-x: 75% !important;
--tw-scale-y: 75% !important;
--tw-scale-z: 75% !important;
scale: var(--tw-scale-x) var(--tw-scale-y) !important;
}
.scale-80\! {
--tw-scale-x: 80% !important;
--tw-scale-y: 80% !important;
--tw-scale-z: 80% !important;
scale: var(--tw-scale-x) var(--tw-scale-y) !important;
}
.scale-85\! {
--tw-scale-x: 85% !important;
--tw-scale-y: 85% !important;
--tw-scale-z: 85% !important;
scale: var(--tw-scale-x) var(--tw-scale-y) !important;
}
.scale-90\! {
--tw-scale-x: 90% !important;
--tw-scale-y: 90% !important;
--tw-scale-z: 90% !important;
scale: var(--tw-scale-x) var(--tw-scale-y) !important;
}
.scale-110 {
--tw-scale-x: 110%;
--tw-scale-y: 110%;
--tw-scale-z: 110%;
scale: var(--tw-scale-x) var(--tw-scale-y);
}
.scale-125\! {
--tw-scale-x: 125% !important;
--tw-scale-y: 125% !important;
--tw-scale-z: 125% !important;
scale: var(--tw-scale-x) var(--tw-scale-y) !important;
}
.scale-150\! {
--tw-scale-x: 150% !important;
--tw-scale-y: 150% !important;
--tw-scale-z: 150% !important;
scale: var(--tw-scale-x) var(--tw-scale-y) !important;
}
.scale-\[0\.6\]\! {
scale: 0.6 !important;
}
.scale-\[1\.015\] {
scale: 1.015;
}
.rotate-180 {
rotate: 180deg;
}
.transform {
transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
}
.animate-fade-in-up {
animation: fadeInUp 0.6s ease-out;
}
.animate-slide-down {
animation: slideDown 0.4s ease-out;
}
.animate-slide-down-fast {
animation: slideDown 0.3s ease-out;
}
.animate-spin {
animation: var(--animate-spin);
}
.cursor-grab {
cursor: grab;
}
.cursor-help {
cursor: help;
}
.cursor-move {
cursor: move;
}
.cursor-pointer {
cursor: pointer;
}
.cursor-text {
cursor: text;
}
.touch-none {
touch-action: none;
}
.resize {
resize: both;
}
.resize-none {
resize: none;
}
.resize-y {
resize: vertical;
}
.scroll-mt-6 {
scroll-margin-top: calc(var(--spacing) * 6);
}
.scroll-mt-20 {
scroll-margin-top: calc(var(--spacing) * 20);
}
.appearance-none {
appearance: none;
}
.grid-cols-1 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-\[22px_1fr\] {
grid-template-columns: 22px 1fr;
}
.grid-cols-\[300px_1fr\] {
grid-template-columns: 300px 1fr;
}
.grid-cols-\[minmax\(0\,1fr\)_auto\] {
grid-template-columns: minmax(0, 1fr) auto;
}
.grid-cols-\[repeat\(2\,3px\)\] {
grid-template-columns: repeat(2, 3px);
}
.flex-col {
flex-direction: column;
}
.flex-wrap {
flex-wrap: wrap;
}
.items-center {
align-items: center;
}
.items-center\! {
align-items: center !important;
}
.items-end {
align-items: flex-end;
}
.items-start {
align-items: flex-start;
}
.items-stretch {
align-items: stretch;
}
.justify-between {
justify-content: space-between;
}
.justify-center {
justify-content: center;
}
.justify-center\! {
justify-content: center !important;
}
.justify-end {
justify-content: flex-end;
}
.gap-0 {
gap: 0;
}
.gap-0\.5 {
gap: calc(var(--spacing) * 0.5);
}
.gap-1 {
gap: var(--spacing);
}
.gap-1\.5 {
gap: calc(var(--spacing) * 1.5);
}
.gap-2 {
gap: calc(var(--spacing) * 2);
}
.gap-2\! {
gap: calc(var(--spacing) * 2) !important;
}
.gap-2\.5 {
gap: calc(var(--spacing) * 2.5);
}
.gap-3 {
gap: calc(var(--spacing) * 3);
}
.gap-3\.5 {
gap: calc(var(--spacing) * 3.5);
}
.gap-4 {
gap: calc(var(--spacing) * 4);
}
.gap-4\.5 {
gap: calc(var(--spacing) * 4.5);
}
.gap-5 {
gap: calc(var(--spacing) * 5);
}
.gap-6 {
gap: calc(var(--spacing) * 6);
}
.gap-8 {
gap: calc(var(--spacing) * 8);
}
.gap-10 {
gap: calc(var(--spacing) * 10);
}
.gap-12 {
gap: calc(var(--spacing) * 12);
}
.gap-16 {
gap: calc(var(--spacing) * 16);
}
.gap-\[0\.6rem\] {
gap: 0.6rem;
}
.gap-\[0\.35rem\] {
gap: 0.35rem;
}
.gap-\[0\.65rem\] {
gap: 0.65rem;
}
.gap-\[3px\] {
gap: 3px;
}
:where(.space-y-2\.5 > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));
margin-block-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)));
}
:where(.space-y-6 > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
}
.gap-x-1 {
column-gap: var(--spacing);
}
.gap-y-0\.75 {
row-gap: calc(var(--spacing) * 0.75);
}
.self-start {
align-self: flex-start;
}
.self-start\! {
align-self: flex-start !important;
}
.truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.overflow-auto {
overflow: auto;
}
.overflow-hidden {
overflow: hidden;
}
.overflow-x-auto {
overflow-x: auto;
}
.overflow-y-auto {
overflow-y: auto;
}
.overscroll-x-contain {
overscroll-behavior-x: contain;
}
.\!rounded-xl {
border-radius: var(--radius-xl) !important;
}
.rounded {
border-radius: 0.25rem;
}
.rounded-2xl {
border-radius: var(--radius-2xl);
}
.rounded-3xl {
border-radius: var(--radius-3xl);
}
.rounded-\[0\.65rem\] {
border-radius: 0.65rem;
}
.rounded-\[10px\] {
border-radius: 10px;
}
.rounded-\[10px\]\! {
border-radius: 10px !important;
}
.rounded-card {
border-radius: 0.25rem;
}
.rounded-chip {
border-radius: 0.1875rem;
}
.rounded-full {
border-radius: calc(infinity * 1px);
}
.rounded-full\! {
border-radius: calc(infinity * 1px) !important;
}
.rounded-lg {
border-radius: var(--radius-lg);
}
.rounded-lg\! {
border-radius: var(--radius-lg) !important;
}
.rounded-md {
border-radius: var(--radius-md);
}
.rounded-xl {
border-radius: var(--radius-xl);
}
.rounded-xl\! {
border-radius: var(--radius-xl) !important;
}
.\!border {
border-style: var(--tw-border-style) !important;
border-width: 1px !important;
}
.border {
border-style: var(--tw-border-style);
border-width: 1px;
}
.border\! {
border-style: var(--tw-border-style) !important;
border-width: 1px !important;
}
.border-0 {
border-style: var(--tw-border-style);
border-width: 0px;
}
.border-2 {
border-style: var(--tw-border-style);
border-width: 2px;
}
.border-4 {
border-style: var(--tw-border-style);
border-width: 4px;
}
.border-t {
border-top-style: var(--tw-border-style);
border-top-width: 1px;
}
.border-t-2 {
border-top-style: var(--tw-border-style);
border-top-width: 2px;
}
.border-r {
border-right-style: var(--tw-border-style);
border-right-width: 1px;
}
.border-b {
border-bottom-style: var(--tw-border-style);
border-bottom-width: 1px;
}
.border-b-2 {
border-bottom-style: var(--tw-border-style);
border-bottom-width: 2px;
}
.border-l-2 {
border-left-style: var(--tw-border-style);
border-left-width: 2px;
}
.border-dashed {
--tw-border-style: dashed;
border-style: dashed;
}
.border-none {
--tw-border-style: none;
border-style: none;
}
.\!border-line {
border-color: var(--ah-border) !important;
}
.border-\[\#d8dde0\] {
border-color: #d8dde0;
}
.border-error-text\/30 {
border-color: var(--ah-error-text);
}
@supports (color: color-mix(in lab, red, red)) {
.border-error-text\/30 {
border-color: color-mix(in oklab, var(--ah-error-text) 30%, transparent);
}
}
.border-line {
border-color: var(--ah-border);
}
.border-line-strong {
border-color: var(--ah-ash);
}
.border-line-strong\! {
border-color: var(--ah-ash) !important;
}
.border-line\/70 {
border-color: var(--ah-border);
}
@supports (color: color-mix(in lab, red, red)) {
.border-line\/70 {
border-color: color-mix(in oklab, var(--ah-border) 70%, transparent);
}
}
.border-primary {
border-color: var(--ah-primary);
}
.border-primary\! {
border-color: var(--ah-primary) !important;
}
.border-primary-dark\/20 {
border-color: var(--ah-canopy-deep);
}
@supports (color: color-mix(in lab, red, red)) {
.border-primary-dark\/20 {
border-color: color-mix(in oklab, var(--ah-canopy-deep) 20%, transparent);
}
}
.border-primary-light {
border-color: var(--ah-success-bg);
}
.border-subtle {
border-color: var(--ah-ash);
}
.border-surface-hover {
border-color: var(--ah-bg-alt);
}
@supports (color: color-mix(in lab, red, red)) {
.border-surface-hover {
border-color: color-mix(in srgb, var(--ah-bg-alt) 60%, var(--ah-surface));
}
}
.border-transparent {
border-color: transparent;
}
.border-warning {
border-color: var(--ah-amber);
}
.border-white\! {
border-color: var(--color-white) !important;
}
.border-white\/10 {
border-color: color-mix(in srgb, #fff 10%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.border-white\/10 {
border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
}
}
.border-white\/25 {
border-color: color-mix(in srgb, #fff 25%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.border-white\/25 {
border-color: color-mix(in oklab, var(--color-white) 25%, transparent);
}
}
.border-white\/40 {
border-color: color-mix(in srgb, #fff 40%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.border-white\/40 {
border-color: color-mix(in oklab, var(--color-white) 40%, transparent);
}
}
.border-white\/40\! {
border-color: color-mix(in srgb, #fff 40%, transparent) !important;
}
@supports (color: color-mix(in lab, red, red)) {
.border-white\/40\! {
border-color: color-mix(in oklab, var(--color-white) 40%, transparent) !important;
}
}
.border-white\/50\! {
border-color: color-mix(in srgb, #fff 50%, transparent) !important;
}
@supports (color: color-mix(in lab, red, red)) {
.border-white\/50\! {
border-color: color-mix(in oklab, var(--color-white) 50%, transparent) !important;
}
}
.border-t-primary {
border-top-color: var(--ah-primary);
}
.\!bg-surface {
background-color: var(--ah-surface) !important;
}
.bg-\[\#1f8e53\] {
background-color: #1f8e53;
}
.bg-\[\#b43125\] {
background-color: #b43125;
}
.bg-\[\#e0e3e4\] {
background-color: #e0e3e4;
}
.bg-\[\#e4e9e8\] {
background-color: #e4e9e8;
}
.bg-\[\#e5e6e7\] {
background-color: #e5e6e7;
}
.bg-\[\#eef0f2\] {
background-color: #eef0f2;
}
.bg-\[\#eef5f8\] {
background-color: #eef5f8;
}
.bg-\[\#f7faf8\] {
background-color: #f7faf8;
}
.bg-black\/40 {
background-color: color-mix(in srgb, #000 40%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-black\/40 {
background-color: color-mix(in oklab, var(--color-black) 40%, transparent);
}
}
.bg-error {
background-color: var(--ah-error);
}
.bg-error-bg {
background-color: var(--ah-error-bg);
}
.bg-heading\/20 {
background-color: var(--ah-bark);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-heading\/20 {
background-color: color-mix(in oklab, var(--ah-bark) 20%, transparent);
}
}
.bg-info-bg {
background-color: var(--ah-info-bg);
}
.bg-line {
background-color: var(--ah-border);
}
.bg-line-strong {
background-color: var(--ah-ash);
}
.bg-primary {
background-color: var(--ah-primary);
}
.bg-primary\! {
background-color: var(--ah-primary) !important;
}
.bg-primary-dark {
background-color: var(--ah-canopy-deep);
}
.bg-primary-light {
background-color: var(--ah-success-bg);
}
.bg-primary-tint {
background-color: var(--ah-fern);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-primary-tint {
background-color: color-mix(in srgb, var(--ah-fern) 14%, var(--ah-card));
}
}
.bg-primary-tint-alt {
background-color: var(--ah-fern);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-primary-tint-alt {
background-color: color-mix(in srgb, var(--ah-fern) 35%, var(--ah-card));
}
}
.bg-subtle {
background-color: var(--ah-ash);
}
.bg-success {
background-color: var(--ah-fern);
}
.bg-success-bg {
background-color: var(--ah-success-bg);
}
.bg-surface {
background-color: var(--ah-surface);
}
.bg-surface\! {
background-color: var(--ah-surface) !important;
}
.bg-surface-emphasis {
background-color: var(--ah-stone);
}
.bg-surface-hover {
background-color: var(--ah-bg-alt);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-surface-hover {
background-color: color-mix(in srgb, var(--ah-bg-alt) 60%, var(--ah-surface));
}
}
.bg-surface-muted {
background-color: var(--ah-bg-alt);
}
.bg-surface\/85 {
background-color: var(--ah-surface);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-surface\/85 {
background-color: color-mix(in oklab, var(--ah-surface) 85%, transparent);
}
}
.bg-surface\/95 {
background-color: var(--ah-surface);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-surface\/95 {
background-color: color-mix(in oklab, var(--ah-surface) 95%, transparent);
}
}
.bg-transparent {
background-color: transparent;
}
.bg-warning {
background-color: var(--ah-amber);
}
.bg-warning-bg {
background-color: var(--ah-warning-bg);
}
.bg-white {
background-color: var(--color-white);
}
.bg-white\/10 {
background-color: color-mix(in srgb, #fff 10%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-white\/10 {
background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
}
}
.bg-white\/12\! {
background-color: color-mix(in srgb, #fff 12%, transparent) !important;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-white\/12\! {
background-color: color-mix(in oklab, var(--color-white) 12%, transparent) !important;
}
}
.bg-white\/15\! {
background-color: color-mix(in srgb, #fff 15%, transparent) !important;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-white\/15\! {
background-color: color-mix(in oklab, var(--color-white) 15%, transparent) !important;
}
}
.bg-\[image\:var\(--gradient-primary\)\] {
background-image: var(--gradient-primary);
}
.bg-\[image\:var\(--gradient-primary-deep\)\] {
background-image: var(--gradient-primary-deep);
}
.bg-\[image\:var\(--gradient-primary-deep\)\]\! {
background-image: var(--gradient-primary-deep) !important;
}
.bg-\[image\:var\(--gradient-primary-tint\)\] {
background-image: var(--gradient-primary-tint);
}
.bg-cover {
background-size: cover;
}
.object-contain {
object-fit: contain;
}
.object-cover {
object-fit: cover;
}
.p-0 {
padding: 0;
}
.p-0\! {
padding: 0 !important;
}
.p-0\.5 {
padding: calc(var(--spacing) * 0.5);
}
.p-0\.5\! {
padding: calc(var(--spacing) * 0.5) !important;
}
.p-1 {
padding: var(--spacing);
}
.p-1\.5 {
padding: calc(var(--spacing) * 1.5);
}
.p-2 {
padding: calc(var(--spacing) * 2);
}
.p-2\.5 {
padding: calc(var(--spacing) * 2.5);
}
.p-3 {
padding: calc(var(--spacing) * 3);
}
.p-4 {
padding: calc(var(--spacing) * 4);
}
.p-6 {
padding: calc(var(--spacing) * 6);
}
.p-8 {
padding: calc(var(--spacing) * 8);
}
.p-12 {
padding: calc(var(--spacing) * 12);
}
.\!px-3 {
padding-inline: calc(var(--spacing) * 3) !important;
}
.px-1 {
padding-inline: var(--spacing);
}
.px-1\.5 {
padding-inline: calc(var(--spacing) * 1.5);
}
.px-2 {
padding-inline: calc(var(--spacing) * 2);
}
.px-2\! {
padding-inline: calc(var(--spacing) * 2) !important;
}
.px-2\.5 {
padding-inline: calc(var(--spacing) * 2.5);
}
.px-3 {
padding-inline: calc(var(--spacing) * 3);
}
.px-3\! {
padding-inline: calc(var(--spacing) * 3) !important;
}
.px-3\.5 {
padding-inline: calc(var(--spacing) * 3.5);
}
.px-4 {
padding-inline: calc(var(--spacing) * 4);
}
.px-4\! {
padding-inline: calc(var(--spacing) * 4) !important;
}
.px-4\.5\! {
padding-inline: calc(var(--spacing) * 4.5) !important;
}
.px-5 {
padding-inline: calc(var(--spacing) * 5);
}
.px-6 {
padding-inline: calc(var(--spacing) * 6);
}
.px-6\! {
padding-inline: calc(var(--spacing) * 6) !important;
}
.px-7 {
padding-inline: calc(var(--spacing) * 7);
}
.px-8 {
padding-inline: calc(var(--spacing) * 8);
}
.px-8\! {
padding-inline: calc(var(--spacing) * 8) !important;
}
.px-12 {
padding-inline: calc(var(--spacing) * 12);
}
.px-\[5px\] {
padding-inline: 5px;
}
.py-0 {
padding-block: 0;
}
.py-0\.5 {
padding-block: calc(var(--spacing) * 0.5);
}
.py-1 {
padding-block: var(--spacing);
}
.py-1\.5 {
padding-block: calc(var(--spacing) * 1.5);
}
.py-1\.5\! {
padding-block: calc(var(--spacing) * 1.5) !important;
}
.py-1\.25\! {
padding-block: calc(var(--spacing) * 1.25) !important;
}
.py-2 {
padding-block: calc(var(--spacing) * 2);
}
.py-2\! {
padding-block: calc(var(--spacing) * 2) !important;
}
.py-2\.5 {
padding-block: calc(var(--spacing) * 2.5);
}
.py-2\.5\! {
padding-block: calc(var(--spacing) * 2.5) !important;
}
.py-3 {
padding-block: calc(var(--spacing) * 3);
}
.py-3\.5 {
padding-block: calc(var(--spacing) * 3.5);
}
.py-3\.5\! {
padding-block: calc(var(--spacing) * 3.5) !important;
}
.py-4 {
padding-block: calc(var(--spacing) * 4);
}
.py-6 {
padding-block: calc(var(--spacing) * 6);
}
.py-8 {
padding-block: calc(var(--spacing) * 8);
}
.py-10 {
padding-block: calc(var(--spacing) * 10);
}
.py-12 {
padding-block: calc(var(--spacing) * 12);
}
.py-14 {
padding-block: calc(var(--spacing) * 14);
}
.py-16 {
padding-block: calc(var(--spacing) * 16);
}
.py-24 {
padding-block: calc(var(--spacing) * 24);
}
.py-\[0\.35rem\] {
padding-block: 0.35rem;
}
.py-\[0\.35rem\]\! {
padding-block: 0.35rem !important;
}
.py-\[5px\] {
padding-block: 5px;
}
.pt-1 {
padding-top: var(--spacing);
}
.pt-1\.5 {
padding-top: calc(var(--spacing) * 1.5);
}
.pt-2 {
padding-top: calc(var(--spacing) * 2);
}
.pt-2\.5 {
padding-top: calc(var(--spacing) * 2.5);
}
.pt-3 {
padding-top: calc(var(--spacing) * 3);
}
.pt-3\! {
padding-top: calc(var(--spacing) * 3) !important;
}
.pt-4 {
padding-top: calc(var(--spacing) * 4);
}
.pt-5\.5 {
padding-top: calc(var(--spacing) * 5.5);
}
.pt-6 {
padding-top: calc(var(--spacing) * 6);
}
.pt-8 {
padding-top: calc(var(--spacing) * 8);
}
.pt-12 {
padding-top: calc(var(--spacing) * 12);
}
.pr-1 {
padding-right: var(--spacing);
}
.pr-1\.5 {
padding-right: calc(var(--spacing) * 1.5);
}
.pr-11 {
padding-right: calc(var(--spacing) * 11);
}
.pb-4 {
padding-bottom: calc(var(--spacing) * 4);
}
.pb-5 {
padding-bottom: calc(var(--spacing) * 5);
}
.pb-6 {
padding-bottom: calc(var(--spacing) * 6);
}
.pb-8 {
padding-bottom: calc(var(--spacing) * 8);
}
.pb-12 {
padding-bottom: calc(var(--spacing) * 12);
}
.pb-16 {
padding-bottom: calc(var(--spacing) * 16);
}
.pl-1 {
padding-left: var(--spacing);
}
.pl-3\.5 {
padding-left: calc(var(--spacing) * 3.5);
}
.text-center {
text-align: center;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.align-middle {
vertical-align: middle;
}
.font-\[inherit\] {
font-family: inherit;
}
.font-document {
font-family: Verdana, sans-serif;
}
.font-mono {
font-family: "Courier New", monospace;
}
.\!text-sm {
font-size: var(--text-sm) !important;
line-height: var(--tw-leading, var(--text-sm--line-height)) !important;
}
.text-2xl {
font-size: var(--text-2xl);
line-height: var(--tw-leading, var(--text-2xl--line-height));
}
.text-3xl {
font-size: var(--text-3xl);
line-height: var(--tw-leading, var(--text-3xl--line-height));
}
.text-4xl {
font-size: var(--text-4xl);
line-height: var(--tw-leading, var(--text-4xl--line-height));
}
.text-4xl\! {
font-size: var(--text-4xl) !important;
line-height: var(--tw-leading, var(--text-4xl--line-height)) !important;
}
.text-5xl {
font-size: var(--text-5xl);
line-height: var(--tw-leading, var(--text-5xl--line-height));
}
.text-base {
font-size: var(--text-base);
line-height: var(--tw-leading, var(--text-base--line-height));
}
.text-lg {
font-size: var(--text-lg);
line-height: var(--tw-leading, var(--text-lg--line-height));
}
.text-sm {
font-size: var(--text-sm);
line-height: var(--tw-leading, var(--text-sm--line-height));
}
.text-sm\! {
font-size: var(--text-sm) !important;
line-height: var(--tw-leading, var(--text-sm--line-height)) !important;
}
.text-xl {
font-size: var(--text-xl);
line-height: var(--tw-leading, var(--text-xl--line-height));
}
.text-xl\! {
font-size: var(--text-xl) !important;
line-height: var(--tw-leading, var(--text-xl--line-height)) !important;
}
.text-xs {
font-size: var(--text-xs);
line-height: var(--tw-leading, var(--text-xs--line-height));
}
.text-xs\! {
font-size: var(--text-xs) !important;
line-height: var(--tw-leading, var(--text-xs--line-height)) !important;
}
.text-\[0\.8rem\] {
font-size: 0.8rem;
}
.text-\[0\.55rem\] {
font-size: 0.55rem;
}
.text-\[0\.95rem\] {
font-size: 0.95rem;
}
.text-\[0\.8125rem\] {
font-size: 0.8125rem;
}
.text-\[0\.8125rem\]\! {
font-size: 0.8125rem !important;
}
.text-\[0\.9375rem\] {
font-size: 0.9375rem;
}
.text-\[1\.05rem\] {
font-size: 1.05rem;
}
.text-\[2rem\] {
font-size: 2rem;
}
.text-\[10px\] {
font-size: 10px;
}
.text-\[11px\] {
font-size: 11px;
}
.text-\[11px\]\! {
font-size: 11px !important;
}
.text-\[13px\] {
font-size: 13px;
}
.text-\[13px\]\! {
font-size: 13px !important;
}
.text-\[20px\]\! {
font-size: 20px !important;
}
.leading-\[1\.1\]\! {
--tw-leading: 1.1 !important;
line-height: 1.1 !important;
}
.leading-\[1\.2\] {
--tw-leading: 1.2;
line-height: 1.2;
}
.leading-\[1\.4\] {
--tw-leading: 1.4;
line-height: 1.4;
}
.leading-\[1\.05\] {
--tw-leading: 1.05;
line-height: 1.05;
}
.leading-\[1\.5\] {
--tw-leading: 1.5;
line-height: 1.5;
}
.leading-\[28px\]\! {
--tw-leading: 28px !important;
line-height: 28px !important;
}
.leading-none {
--tw-leading: 1;
line-height: 1;
}
.leading-normal {
--tw-leading: var(--leading-normal);
line-height: var(--leading-normal);
}
.leading-relaxed {
--tw-leading: var(--leading-relaxed);
line-height: var(--leading-relaxed);
}
.leading-snug {
--tw-leading: var(--leading-snug);
line-height: var(--leading-snug);
}
.\!font-semibold {
--tw-font-weight: var(--font-weight-semibold) !important;
font-weight: var(--font-weight-semibold) !important;
}
.font-bold {
--tw-font-weight: var(--font-weight-bold);
font-weight: var(--font-weight-bold);
}
.font-medium {
--tw-font-weight: var(--font-weight-medium);
font-weight: var(--font-weight-medium);
}
.font-medium\! {
--tw-font-weight: var(--font-weight-medium) !important;
font-weight: var(--font-weight-medium) !important;
}
.font-normal {
--tw-font-weight: var(--font-weight-normal);
font-weight: var(--font-weight-normal);
}
.font-semibold {
--tw-font-weight: var(--font-weight-semibold);
font-weight: var(--font-weight-semibold);
}
.font-semibold\! {
--tw-font-weight: var(--font-weight-semibold) !important;
font-weight: var(--font-weight-semibold) !important;
}
.tracking-\[0\.2em\] {
--tw-tracking: 0.2em;
letter-spacing: 0.2em;
}
.tracking-\[0\.3px\] {
--tw-tracking: 0.3px;
letter-spacing: 0.3px;
}
.tracking-\[0\.5px\] {
--tw-tracking: 0.5px;
letter-spacing: 0.5px;
}
.tracking-\[0\.08em\] {
--tw-tracking: 0.08em;
letter-spacing: 0.08em;
}
.tracking-tight {
--tw-tracking: var(--tracking-tight);
letter-spacing: var(--tracking-tight);
}
.tracking-wide {
--tw-tracking: var(--tracking-wide);
letter-spacing: var(--tracking-wide);
}
.tracking-wider {
--tw-tracking: var(--tracking-wider);
letter-spacing: var(--tracking-wider);
}
.break-all {
word-break: break-all;
}
.text-ellipsis {
text-overflow: ellipsis;
}
.whitespace-nowrap {
white-space: nowrap;
}
.\!text-heading {
color: var(--ah-bark) !important;
}
.text-\[\#0f1416\] {
color: #0f1416;
}
.text-\[\#a4aaad\] {
color: #a4aaad;
}
.text-body {
color: var(--ah-text);
}
.text-error {
color: var(--ah-error);
}
.text-error-text {
color: var(--ah-error-text);
}
.text-error-text\! {
color: var(--ah-error-text) !important;
}
.text-heading {
color: var(--ah-bark);
}
.text-heading\! {
color: var(--ah-bark) !important;
}
.text-info-text {
color: var(--ah-info-text);
}
.text-muted {
color: var(--ah-text-muted);
}
.text-muted\! {
color: var(--ah-text-muted) !important;
}
.text-on-primary {
color: var(--ah-on-primary);
}
.text-primary {
color: var(--ah-primary);
}
.text-primary\! {
color: var(--ah-primary) !important;
}
.text-primary-dark {
color: var(--ah-canopy-deep);
}
.text-primary-hover {
color: var(--ah-primary-hover);
}
.text-subtle {
color: var(--ah-ash);
}
.text-subtle\! {
color: var(--ah-ash) !important;
}
.text-success-text {
color: var(--ah-success-text);
}
.text-success-text\! {
color: var(--ah-success-text) !important;
}
.text-warning-text {
color: var(--ah-warning-text);
}
.text-warning-text\! {
color: var(--ah-warning-text) !important;
}
.text-white {
color: var(--color-white);
}
.text-white\! {
color: var(--color-white) !important;
}
.text-white\/70 {
color: color-mix(in srgb, #fff 70%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.text-white\/70 {
color: color-mix(in oklab, var(--color-white) 70%, transparent);
}
}
.text-white\/70\! {
color: color-mix(in srgb, #fff 70%, transparent) !important;
}
@supports (color: color-mix(in lab, red, red)) {
.text-white\/70\! {
color: color-mix(in oklab, var(--color-white) 70%, transparent) !important;
}
}
.text-white\/80 {
color: color-mix(in srgb, #fff 80%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.text-white\/80 {
color: color-mix(in oklab, var(--color-white) 80%, transparent);
}
}
.text-white\/90 {
color: color-mix(in srgb, #fff 90%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.text-white\/90 {
color: color-mix(in oklab, var(--color-white) 90%, transparent);
}
}
.text-white\/90\! {
color: color-mix(in srgb, #fff 90%, transparent) !important;
}
@supports (color: color-mix(in lab, red, red)) {
.text-white\/90\! {
color: color-mix(in oklab, var(--color-white) 90%, transparent) !important;
}
}
.capitalize {
text-transform: capitalize;
}
.uppercase {
text-transform: uppercase;
}
.italic {
font-style: italic;
}
.tabular-nums {
--tw-numeric-spacing: tabular-nums;
font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
}
.line-through {
text-decoration-line: line-through;
}
.overline {
text-decoration-line: overline;
}
.underline {
text-decoration-line: underline;
}
.opacity-0 {
opacity: 0%;
}
.opacity-50\! {
opacity: 50% !important;
}
.opacity-60 {
opacity: 60%;
}
.opacity-80 {
opacity: 80%;
}
.opacity-90 {
opacity: 90%;
}
.opacity-\[0\.05\] {
opacity: 0.05;
}
.opacity-\[0\.06\] {
opacity: 0.06;
}
.\!shadow-card {
--tw-shadow: 0 1px 2px var(--tw-shadow-color, rgba(34, 36, 31, 0.06)) !important;
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow) !important;
}
.shadow {
--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
}
.shadow-\[0_2px_4px_rgba\(34\,36\,31\,0\.2\)\] {
--tw-shadow: 0 2px 4px var(--tw-shadow-color, rgba(34,36,31,0.2));
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
}
.shadow-card {
--tw-shadow: 0 1px 2px var(--tw-shadow-color, rgba(34, 36, 31, 0.06));
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
}
.shadow-card-hover {
--tw-shadow: 0 2px 4px var(--tw-shadow-color, rgba(34, 36, 31, 0.08));
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
}
.shadow-glow-primary {
--tw-shadow: 0 4px 12px var(--tw-shadow-color, var(--color-primary));
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
}
@supports (color: color-mix(in lab, red, red)) {
.shadow-glow-primary {
--tw-shadow: 0 4px 12px var(--tw-shadow-color, color-mix(in srgb, var(--color-primary) 30%, transparent));
}
}
.shadow-glow-primary\! {
--tw-shadow: 0 4px 12px var(--tw-shadow-color, var(--color-primary)) !important;
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow) !important;
}
@supports (color: color-mix(in lab, red, red)) {
.shadow-glow-primary\! {
--tw-shadow: 0 4px 12px var(--tw-shadow-color, color-mix(in srgb, var(--color-primary) 30%, transparent)) !important;
}
}
.shadow-glow-primary-soft {
--tw-shadow: 0 4px 12px var(--tw-shadow-color, var(--color-primary));
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
}
@supports (color: color-mix(in lab, red, red)) {
.shadow-glow-primary-soft {
--tw-shadow: 0 4px 12px var(--tw-shadow-color, color-mix(in srgb, var(--color-primary) 15%, transparent));
}
}
.shadow-glow-primary-soft\! {
--tw-shadow: 0 4px 12px var(--tw-shadow-color, var(--color-primary)) !important;
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow) !important;
}
@supports (color: color-mix(in lab, red, red)) {
.shadow-glow-primary-soft\! {
--tw-shadow: 0 4px 12px var(--tw-shadow-color, color-mix(in srgb, var(--color-primary) 15%, transparent)) !important;
}
}
.shadow-glow-warning {
--tw-shadow: 0 4px 12px var(--tw-shadow-color, var(--color-warning));
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
}
@supports (color: color-mix(in lab, red, red)) {
.shadow-glow-warning {
--tw-shadow: 0 4px 12px var(--tw-shadow-color, color-mix(in srgb, var(--color-warning) 25%, transparent));
}
}
.shadow-hero {
--tw-shadow: 0 8px 16px var(--tw-shadow-color, rgba(34, 36, 31, 0.16));
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
}
.shadow-lg {
--tw-shadow: 0 4px 10px var(--tw-shadow-color, rgba(34, 36, 31, 0.10));
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
}
.shadow-modal {
--tw-shadow: 0 16px 40px var(--tw-shadow-color, rgba(34, 36, 31, 0.22));
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
}
.shadow-sm {
--tw-shadow: 0 1px 2px var(--tw-shadow-color, rgba(34, 36, 31, 0.06));
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
}
.shadow-xs {
--tw-shadow: 0 1px 2px var(--tw-shadow-color, rgba(34, 36, 31, 0.06));
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
}
.ring {
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
}
.ring-2 {
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
}
.ring-4 {
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
}
.ring-surface {
--tw-ring-color: var(--ah-surface);
}
.ring-white {
--tw-ring-color: var(--color-white);
}
.outline {
outline-style: var(--tw-outline-style);
outline-width: 1px;
}
.blur {
--tw-blur: blur(8px);
filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
.blur-3xl {
--tw-blur: blur(var(--blur-3xl));
filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
.filter {
filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
.backdrop-blur {
--tw-backdrop-blur: blur(8px);
-webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
}
.backdrop-blur-\[1px\] {
--tw-backdrop-blur: blur(1px);
-webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
}
.backdrop-blur-md {
--tw-backdrop-blur: blur(var(--blur-md));
-webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
}
.transition {
transition-property:
color,
background-color,
border-color,
outline-color,
text-decoration-color,
fill,
stroke,
--tw-gradient-from,
--tw-gradient-via,
--tw-gradient-to,
opacity,
box-shadow,
transform,
translate,
scale,
rotate,
filter,
-webkit-backdrop-filter,
backdrop-filter,
display,
content-visibility,
overlay,
pointer-events;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-all {
transition-property: all;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-all\! {
transition-property: all !important;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
}
.transition-colors {
transition-property:
color,
background-color,
border-color,
outline-color,
text-decoration-color,
fill,
stroke,
--tw-gradient-from,
--tw-gradient-via,
--tw-gradient-to;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-opacity {
transition-property: opacity;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-shadow {
transition-property: box-shadow;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-transform {
transition-property:
transform,
translate,
scale,
rotate;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.duration-150 {
--tw-duration: 150ms;
transition-duration: 150ms;
}
.duration-200 {
--tw-duration: 200ms;
transition-duration: 200ms;
}
.duration-200\! {
--tw-duration: 200ms !important;
transition-duration: 200ms !important;
}
.duration-300 {
--tw-duration: 300ms;
transition-duration: 300ms;
}
.ease-\[ease\] {
--tw-ease: ease;
transition-timing-function: ease;
}
.ease-\[ease\]\! {
--tw-ease: ease !important;
transition-timing-function: ease !important;
}
.ease-in-out {
--tw-ease: var(--ease-in-out);
transition-timing-function: var(--ease-in-out);
}
.ease-out {
--tw-ease: var(--ease-out);
transition-timing-function: var(--ease-out);
}
.outline-none {
--tw-outline-style: none;
outline-style: none;
}
.select-none {
-webkit-user-select: none;
user-select: none;
}
.\[animation-delay\:150ms\] {
animation-delay: 150ms;
}
@media (hover: hover) {
.group-hover\:flex:is(:where(.group):hover *) {
display: flex;
}
}
@media (hover: hover) {
.group-hover\:opacity-100:is(:where(.group):hover *) {
opacity: 100%;
}
}
.placeholder\:text-subtle::placeholder {
color: var(--ah-ash);
}
.after\:absolute::after {
content: var(--tw-content);
position: absolute;
}
.after\:top-8::after {
content: var(--tw-content);
top: calc(var(--spacing) * 8);
}
.after\:bottom-\[-20px\]::after {
content: var(--tw-content);
bottom: -20px;
}
.after\:left-4::after {
content: var(--tw-content);
left: calc(var(--spacing) * 4);
}
.after\:w-px::after {
content: var(--tw-content);
width: 1px;
}
.after\:bg-line::after {
content: var(--tw-content);
background-color: var(--ah-border);
}
.after\:content-\[\'\'\]::after {
--tw-content: "";
content: var(--tw-content);
}
.last\:mb-0:last-child {
margin-bottom: 0;
}
.last\:border-b-0:last-child {
border-bottom-style: var(--tw-border-style);
border-bottom-width: 0px;
}
.last\:after\:hidden:last-child::after {
content: var(--tw-content);
display: none;
}
.focus-within\:outline-2:focus-within {
outline-style: var(--tw-outline-style);
outline-width: 2px;
}
.focus-within\:-outline-offset-2:focus-within {
outline-offset: calc(2px * -1);
}
.focus-within\:outline-amber-500:focus-within {
outline-color: var(--color-amber-500);
}
@media (hover: hover) {
.hover\:-translate-y-px:hover {
--tw-translate-y: -1px;
translate: var(--tw-translate-x) var(--tw-translate-y);
}
}
@media (hover: hover) {
.hover\:scale-105:hover {
--tw-scale-x: 105%;
--tw-scale-y: 105%;
--tw-scale-z: 105%;
scale: var(--tw-scale-x) var(--tw-scale-y);
}
}
@media (hover: hover) {
.hover\:border-error-text\/30:hover {
border-color: var(--ah-error-text);
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:border-error-text\/30:hover {
border-color: color-mix(in oklab, var(--ah-error-text) 30%, transparent);
}
}
}
@media (hover: hover) {
.hover\:border-line-strong:hover {
border-color: var(--ah-ash);
}
}
@media (hover: hover) {
.hover\:border-primary:hover {
border-color: var(--ah-primary);
}
}
@media (hover: hover) {
.hover\:bg-error-bg:hover {
background-color: var(--ah-error-bg);
}
}
@media (hover: hover) {
.hover\:bg-primary-hover:hover {
background-color: var(--ah-primary-hover);
}
}
@media (hover: hover) {
.hover\:bg-surface-hover:hover {
background-color: var(--ah-bg-alt);
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-surface-hover:hover {
background-color: color-mix(in srgb, var(--ah-bg-alt) 60%, var(--ah-surface));
}
}
}
@media (hover: hover) {
.hover\:bg-surface-muted:hover {
background-color: var(--ah-bg-alt);
}
}
@media (hover: hover) {
.hover\:bg-white\/90:hover {
background-color: color-mix(in srgb, #fff 90%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-white\/90:hover {
background-color: color-mix(in oklab, var(--color-white) 90%, transparent);
}
}
}
@media (hover: hover) {
.hover\:text-body:hover {
color: var(--ah-text);
}
}
@media (hover: hover) {
.hover\:text-error-text:hover {
color: var(--ah-error-text);
}
}
@media (hover: hover) {
.hover\:text-heading:hover {
color: var(--ah-bark);
}
}
@media (hover: hover) {
.hover\:text-primary:hover {
color: var(--ah-primary);
}
}
@media (hover: hover) {
.hover\:text-primary-dark:hover {
color: var(--ah-canopy-deep);
}
}
@media (hover: hover) {
.hover\:underline:hover {
text-decoration-line: underline;
}
}
@media (hover: hover) {
.hover\:shadow-card-hover:hover {
--tw-shadow: 0 2px 4px var(--tw-shadow-color, rgba(34, 36, 31, 0.08));
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
}
}
@media (hover: hover) {
.hover\:shadow-glow-primary-soft:hover {
--tw-shadow: 0 4px 12px var(--tw-shadow-color, var(--color-primary));
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:shadow-glow-primary-soft:hover {
--tw-shadow: 0 4px 12px var(--tw-shadow-color, color-mix(in srgb, var(--color-primary) 15%, transparent));
}
}
}
.focus\:border-b-2:focus {
border-bottom-style: var(--tw-border-style);
border-bottom-width: 2px;
}
.focus\:border-\[var\(--ah-focus-ring\)\]:focus {
border-color: var(--ah-focus-ring);
}
.focus\:border-primary:focus {
border-color: var(--ah-primary);
}
.focus\:bg-surface:focus {
background-color: var(--ah-surface);
}
.focus\:shadow-focus-ring:focus {
--tw-shadow: 0 0 0 3px var(--tw-shadow-color, var(--color-primary));
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
}
@supports (color: color-mix(in lab, red, red)) {
.focus\:shadow-focus-ring:focus {
--tw-shadow: 0 0 0 3px var(--tw-shadow-color, color-mix(in srgb, var(--color-primary) 15%, transparent));
}
}
.focus\:outline-none:focus {
--tw-outline-style: none;
outline-style: none;
}
.active\:cursor-grabbing:active {
cursor: grabbing;
}
.disabled\:cursor-not-allowed:disabled {
cursor: not-allowed;
}
.disabled\:no-underline:disabled {
text-decoration-line: none;
}
.disabled\:opacity-50:disabled {
opacity: 50%;
}
.disabled\:opacity-60:disabled {
opacity: 60%;
}
.disabled\:opacity-60\!:disabled {
opacity: 60% !important;
}
.disabled\:opacity-70:disabled {
opacity: 70%;
}
@media (width < 64rem) {
.max-lg\:mt-4 {
margin-top: calc(var(--spacing) * 4);
}
}
@media (width < 64rem) {
.max-lg\:max-h-none {
max-height: none;
}
}
@media (width < 64rem) {
.max-lg\:w-full {
width: 100%;
}
}
@media (width < 64rem) {
.max-lg\:flex-wrap {
flex-wrap: wrap;
}
}
@media (width < 64rem) {
.max-lg\:justify-start\! {
justify-content: flex-start !important;
}
}
@media (width < 40rem) {
.max-sm\:rounded-lg\! {
border-radius: var(--radius-lg) !important;
}
}
@media (width < 40rem) {
.max-sm\:p-2\! {
padding: calc(var(--spacing) * 2) !important;
}
}
@media (width < 40rem) {
.max-sm\:p-4 {
padding: calc(var(--spacing) * 4);
}
}
@media (width < 40rem) {
.max-sm\:px-3\! {
padding-inline: calc(var(--spacing) * 3) !important;
}
}
@media (width < 40rem) {
.max-sm\:px-\[0\.6rem\]\! {
padding-inline: 0.6rem !important;
}
}
@media (width < 40rem) {
.max-sm\:py-2\! {
padding-block: calc(var(--spacing) * 2) !important;
}
}
@media (width < 40rem) {
.max-sm\:py-\[0\.3rem\]\! {
padding-block: 0.3rem !important;
}
}
@media (width < 40rem) {
.max-sm\:text-xs\! {
font-size: var(--text-xs) !important;
line-height: var(--tw-leading, var(--text-xs--line-height)) !important;
}
}
@media (width >= 480px) {
.min-\[480px\]\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (width >= 40rem) {
.sm\:right-5 {
right: calc(var(--spacing) * 5);
}
}
@media (width >= 40rem) {
.sm\:bottom-5 {
bottom: calc(var(--spacing) * 5);
}
}
@media (width >= 40rem) {
.sm\:inline-flex {
display: inline-flex;
}
}
@media (width >= 40rem) {
.sm\:w-48 {
width: calc(var(--spacing) * 48);
}
}
@media (width >= 40rem) {
.sm\:w-56 {
width: calc(var(--spacing) * 56);
}
}
@media (width >= 40rem) {
.sm\:min-w-\[52px\] {
min-width: 52px;
}
}
@media (width >= 40rem) {
.sm\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (width >= 40rem) {
.sm\:grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (width >= 40rem) {
.sm\:flex-col {
flex-direction: column;
}
}
@media (width >= 40rem) {
.sm\:flex-row {
flex-direction: row;
}
}
@media (width >= 40rem) {
.sm\:items-center {
align-items: center;
}
}
@media (width >= 40rem) {
.sm\:justify-between {
justify-content: space-between;
}
}
@media (width >= 40rem) {
.sm\:gap-3 {
gap: calc(var(--spacing) * 3);
}
}
@media (width >= 40rem) {
.sm\:gap-\[12px\] {
gap: 12px;
}
}
@media (width >= 40rem) {
.sm\:p-4 {
padding: calc(var(--spacing) * 4);
}
}
@media (width >= 40rem) {
.sm\:px-3 {
padding-inline: calc(var(--spacing) * 3);
}
}
@media (width >= 40rem) {
.sm\:px-8 {
padding-inline: calc(var(--spacing) * 8);
}
}
@media (width >= 40rem) {
.sm\:px-10 {
padding-inline: calc(var(--spacing) * 10);
}
}
@media (width >= 40rem) {
.sm\:px-\[18px\] {
padding-inline: 18px;
}
}
@media (width >= 40rem) {
.sm\:py-10 {
padding-block: calc(var(--spacing) * 10);
}
}
@media (width >= 40rem) {
.sm\:text-3xl {
font-size: var(--text-3xl);
line-height: var(--tw-leading, var(--text-3xl--line-height));
}
}
@media (width >= 40rem) {
.sm\:text-5xl {
font-size: var(--text-5xl);
line-height: var(--tw-leading, var(--text-5xl--line-height));
}
}
@media (width >= 40rem) {
.sm\:text-6xl {
font-size: var(--text-6xl);
line-height: var(--tw-leading, var(--text-6xl--line-height));
}
}
@media (width >= 48rem) {
.md\:flex {
display: flex;
}
}
@media (width >= 48rem) {
.md\:grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (width >= 48rem) {
.md\:grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
@media (width >= 64rem) {
.lg\:static {
position: static;
}
}
@media (width >= 64rem) {
.lg\:sticky {
position: sticky;
}
}
@media (width >= 64rem) {
.lg\:top-6 {
top: calc(var(--spacing) * 6);
}
}
@media (width >= 64rem) {
.lg\:z-auto {
z-index: auto;
}
}
@media (width >= 64rem) {
.lg\:order-1 {
order: 1;
}
}
@media (width >= 64rem) {
.lg\:order-2 {
order: 2;
}
}
@media (width >= 64rem) {
.lg\:col-span-2 {
grid-column: span 2 / span 2;
}
}
@media (width >= 64rem) {
.lg\:mx-\[3px\] {
margin-inline: 3px;
}
}
@media (width >= 64rem) {
.lg\:block {
display: block;
}
}
@media (width >= 64rem) {
.lg\:flex {
display: flex;
}
}
@media (width >= 64rem) {
.lg\:hidden {
display: none;
}
}
@media (width >= 64rem) {
.lg\:h-12 {
height: calc(var(--spacing) * 12);
}
}
@media (width >= 64rem) {
.lg\:h-full {
height: 100%;
}
}
@media (width >= 64rem) {
.lg\:min-h-0 {
min-height: 0;
}
}
@media (width >= 64rem) {
.lg\:w-1\/2 {
width: calc(1 / 2 * 100%);
}
}
@media (width >= 64rem) {
.lg\:w-64 {
width: calc(var(--spacing) * 64);
}
}
@media (width >= 64rem) {
.lg\:w-\[270px\] {
width: 270px;
}
}
@media (width >= 64rem) {
.lg\:min-w-\[48px\] {
min-width: 48px;
}
}
@media (width >= 64rem) {
.lg\:min-w-\[104px\] {
min-width: 104px;
}
}
@media (width >= 64rem) {
.lg\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (width >= 64rem) {
.lg\:grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (width >= 64rem) {
.lg\:grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
@media (width >= 64rem) {
.lg\:grid-cols-\[minmax\(220px\,1fr\)_auto_minmax\(160px\,1fr\)\] {
grid-template-columns: minmax(220px, 1fr) auto minmax(160px, 1fr);
}
}
@media (width >= 64rem) {
.lg\:flex-row {
flex-direction: row;
}
}
@media (width >= 64rem) {
.lg\:justify-center {
justify-content: center;
}
}
@media (width >= 64rem) {
.lg\:gap-\[9px\] {
gap: 9px;
}
}
@media (width >= 64rem) {
.lg\:rounded-none {
border-radius: 0;
}
}
@media (width >= 64rem) {
.lg\:border-y-0 {
border-block-style: var(--tw-border-style);
border-block-width: 0px;
}
}
@media (width >= 64rem) {
.lg\:border-l-0 {
border-left-style: var(--tw-border-style);
border-left-width: 0px;
}
}
@media (width >= 64rem) {
.lg\:px-3 {
padding-inline: calc(var(--spacing) * 3);
}
}
@media (width >= 64rem) {
.lg\:px-8 {
padding-inline: calc(var(--spacing) * 8);
}
}
@media (width >= 64rem) {
.lg\:py-16 {
padding-block: calc(var(--spacing) * 16);
}
}
@media (width >= 64rem) {
.lg\:py-20 {
padding-block: calc(var(--spacing) * 20);
}
}
@media (width >= 64rem) {
.lg\:pt-16 {
padding-top: calc(var(--spacing) * 16);
}
}
@media (width >= 64rem) {
.lg\:pb-20 {
padding-bottom: calc(var(--spacing) * 20);
}
}
@media (width >= 64rem) {
.lg\:shadow-none {
--tw-shadow: 0 0 #0000;
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
}
}
@media (width >= 64rem) {
.lg\:backdrop-blur-none {
--tw-backdrop-blur: ;
-webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
}
}
@media (width >= 80rem) {
.xl\:block {
display: block;
}
}
@media (width >= 80rem) {
.xl\:inline {
display: inline;
}
}
@media (width >= 80rem) {
.xl\:grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (width >= 80rem) {
.xl\:grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
.\[\&_a\]\:min-w-0 a {
min-width: 0;
}
.\[\&_a\]\:gap-2 a {
gap: calc(var(--spacing) * 2);
}
@media (width >= 40rem) {
.sm\:\[\&_a\]\:gap-3 a {
gap: calc(var(--spacing) * 3);
}
}
.\[\&_img\]\:h-\[32px\] img {
height: 32px;
}
.\[\&_img\]\:w-\[32px\] img {
width: 32px;
}
@media (width >= 40rem) {
.sm\:\[\&_img\]\:h-\[34px\] img {
height: 34px;
}
}
@media (width >= 40rem) {
.sm\:\[\&_img\]\:w-\[34px\] img {
width: 34px;
}
}
.\[\&_input\]\:h-7 input {
height: calc(var(--spacing) * 7);
}
.\[\&_input\]\:px-2 input {
padding-inline: calc(var(--spacing) * 2);
}
.\[\&_input\]\:text-xs input {
font-size: var(--text-xs);
line-height: var(--tw-leading, var(--text-xs--line-height));
}
.\[\&_span\]\:truncate span {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.\[\&_span\]\:text-\[18px\] span {
font-size: 18px;
}
.\[\&_span\]\:leading-\[22px\] span {
--tw-leading: 22px;
line-height: 22px;
}
.\[\&_span\]\:font-semibold span {
--tw-font-weight: var(--font-weight-semibold);
font-weight: var(--font-weight-semibold);
}
@media (width < 380px) {
.max-\[380px\]\:\[\&_span\]\:hidden span {
display: none;
}
}
@media (width >= 40rem) {
.sm\:\[\&_span\]\:text-\[20px\] span {
font-size: 20px;
}
}
.\[\&\:hover\:not\(\:disabled\)\]\:-translate-y-px\!:hover:not(:disabled) {
--tw-translate-y: -1px !important;
translate: var(--tw-translate-x) var(--tw-translate-y) !important;
}
.\[\&\:hover\:not\(\:disabled\)\]\:shadow-glow-primary\!:hover:not(:disabled) {
--tw-shadow: 0 4px 12px var(--tw-shadow-color, var(--color-primary)) !important;
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow) !important;
}
@supports (color: color-mix(in lab, red, red)) {
.\[\&\:hover\:not\(\:disabled\)\]\:shadow-glow-primary\!:hover:not(:disabled) {
--tw-shadow: 0 4px 12px var(--tw-shadow-color, color-mix(in srgb, var(--color-primary) 30%, transparent)) !important;
}
}
}
@layer components {
.card-panel {
border-radius: 0.25rem;
border-style: var(--tw-border-style);
border-width: 1px;
border-color: var(--ah-success-bg);
background-color: var(--ah-surface);
padding: 0.9rem;
font-family:
"Noto Sans",
system-ui,
-apple-system,
sans-serif;
--tw-shadow: 0 1px 2px var(--tw-shadow-color, rgba(34, 36, 31, 0.06));
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
}
.card-tile {
cursor: pointer;
border-radius: var(--radius-xl);
border-style: var(--tw-border-style);
border-width: 1px;
border-color: var(--ah-border);
background-color: var(--ah-surface);
padding: 0.85rem;
transition-property: all;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
--tw-duration: 200ms;
transition-duration: 200ms;
--tw-ease: ease;
transition-timing-function: ease;
}
@media (hover: hover) {
.card-tile:hover {
border-color: var(--ah-ash);
}
}
@media (hover: hover) {
.card-tile:hover {
--tw-shadow: 0 2px 4px var(--tw-shadow-color, rgba(34, 36, 31, 0.08));
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
}
}
.card-tile--selected {
border-color: var(--ah-primary) !important;
background-image: var(--gradient-primary-tint) !important;
--tw-shadow: 0 4px 12px var(--tw-shadow-color, var(--color-primary)) !important;
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow) !important;
}
@supports (color: color-mix(in lab, red, red)) {
.card-tile--selected {
--tw-shadow: 0 4px 12px var(--tw-shadow-color, color-mix(in srgb, var(--color-primary) 15%, transparent)) !important;
}
}
.badge-circle {
display: flex;
flex-shrink: 0;
align-items: center;
justify-content: center;
border-radius: calc(infinity * 1px);
background-image: var(--gradient-primary);
--tw-font-weight: var(--font-weight-bold);
font-weight: var(--font-weight-bold);
color: var(--color-white);
--tw-shadow: 0 4px 12px var(--tw-shadow-color, var(--color-primary));
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
}
@supports (color: color-mix(in lab, red, red)) {
.badge-circle {
--tw-shadow: 0 4px 12px var(--tw-shadow-color, color-mix(in srgb, var(--color-primary) 30%, transparent));
}
}
.mode-banner {
display: flex;
animation: slideDown 0.3s ease-out;
flex-wrap: wrap;
align-items: center;
gap: calc(var(--spacing) * 3);
border-radius: var(--radius-xl);
border-style: var(--tw-border-style);
border-width: 2px;
padding-inline: calc(var(--spacing) * 4);
padding-block: var(--spacing);
}
.mode-banner--warning {
--tw-shadow: 0 4px 12px var(--tw-shadow-color, var(--color-warning));
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
background-image:
linear-gradient(
to bottom right,
var(--ah-warning-bg),
var(--ah-amber));
border-color: var(--ah-amber);
}
@supports (color: color-mix(in lab, red, red)) {
.mode-banner--warning {
--tw-shadow: 0 4px 12px var(--tw-shadow-color, color-mix(in srgb, var(--color-warning) 25%, transparent));
}
}
@supports (color: color-mix(in lab, red, red)) {
.mode-banner--warning {
background-image:
linear-gradient(
to bottom right,
var(--ah-warning-bg),
color-mix(in srgb, var(--ah-amber) 30%, var(--ah-warm-white)));
}
}
.mode-banner--info {
--tw-shadow: 0 4px 12px var(--tw-shadow-color, var(--color-info));
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
background-image:
linear-gradient(
to bottom right,
var(--ah-info-bg),
var(--ah-sage));
border-color: var(--ah-sage);
}
@supports (color: color-mix(in lab, red, red)) {
.mode-banner--info {
--tw-shadow: 0 4px 12px var(--tw-shadow-color, color-mix(in srgb, var(--color-info) 25%, transparent));
}
}
@supports (color: color-mix(in lab, red, red)) {
.mode-banner--info {
background-image:
linear-gradient(
to bottom right,
var(--ah-info-bg),
color-mix(in srgb, var(--ah-sage) 45%, var(--ah-warm-white)));
}
}
.property-controls {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: calc(var(--spacing) * 3);
border-radius: var(--radius-lg);
background-color: var(--ah-surface);
padding-inline: calc(var(--spacing) * 2);
padding-block: var(--spacing);
--tw-shadow: 0 1px 2px var(--tw-shadow-color, rgba(34, 36, 31, 0.06));
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
}
.property-label {
display: flex;
align-items: center;
gap: calc(var(--spacing) * 1.5);
font-size: var(--text-xs);
line-height: var(--tw-leading, var(--text-xs--line-height));
--tw-font-weight: var(--font-weight-semibold);
font-weight: var(--font-weight-semibold);
white-space: nowrap;
color: var(--ah-text);
}
.property-input-color {
height: calc(var(--spacing) * 8);
width: calc(var(--spacing) * 10);
cursor: pointer;
border-radius: var(--radius-md);
border-style: var(--tw-border-style);
border-width: 2px;
border-color: var(--ah-ash);
transition-property: all;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
--tw-duration: 200ms;
transition-duration: 200ms;
--tw-ease: ease;
transition-timing-function: ease;
}
@media (hover: hover) {
.property-input-color:hover {
--tw-shadow: 0 0 0 3px var(--tw-shadow-color, var(--color-info));
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
}
@supports (color: color-mix(in lab, red, red)) {
.property-input-color:hover {
--tw-shadow: 0 0 0 3px var(--tw-shadow-color, color-mix(in srgb, var(--color-info) 10%, transparent));
}
}
}
.property-input-color:hover {
border-color: var(--ah-focus-ring);
}
.property-input-number {
width: 60px;
border-radius: var(--radius-md);
border-style: var(--tw-border-style);
border-width: 2px;
border-color: var(--ah-ash);
padding-inline: calc(var(--spacing) * 2);
padding-block: calc(var(--spacing) * 1.5);
font-size: var(--text-sm);
line-height: var(--tw-leading, var(--text-sm--line-height));
--tw-font-weight: var(--font-weight-medium);
font-weight: var(--font-weight-medium);
transition-property: all;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
--tw-duration: 200ms;
transition-duration: 200ms;
--tw-ease: ease;
transition-timing-function: ease;
}
.property-input-number:focus {
--tw-shadow: 0 0 0 3px var(--tw-shadow-color, var(--color-info));
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
}
@supports (color: color-mix(in lab, red, red)) {
.property-input-number:focus {
--tw-shadow: 0 0 0 3px var(--tw-shadow-color, color-mix(in srgb, var(--color-info) 10%, transparent));
}
}
.property-input-number:focus {
--tw-outline-style: none;
outline-style: none;
}
.property-input-number:focus {
border-color: var(--ah-focus-ring);
}
.property-select {
cursor: pointer;
border-radius: var(--radius-md);
border-style: var(--tw-border-style);
border-width: 2px;
border-color: var(--ah-ash);
background-color: var(--ah-surface);
padding-inline: calc(var(--spacing) * 2);
padding-block: calc(var(--spacing) * 1.5);
font-size: var(--text-sm);
line-height: var(--tw-leading, var(--text-sm--line-height));
--tw-font-weight: var(--font-weight-medium);
font-weight: var(--font-weight-medium);
transition-property: all;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
--tw-duration: 200ms;
transition-duration: 200ms;
--tw-ease: ease;
transition-timing-function: ease;
}
@media (hover: hover) {
.property-select:hover {
border-color: var(--ah-ash);
}
}
.property-select:focus {
--tw-shadow: 0 0 0 3px var(--tw-shadow-color, var(--color-info));
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
}
@supports (color: color-mix(in lab, red, red)) {
.property-select:focus {
--tw-shadow: 0 0 0 3px var(--tw-shadow-color, color-mix(in srgb, var(--color-info) 10%, transparent));
}
}
.property-select:focus {
--tw-outline-style: none;
outline-style: none;
}
.property-select:focus {
border-color: var(--ah-focus-ring);
}
.property-checkbox-label {
display: flex;
cursor: pointer;
align-items: center;
gap: calc(var(--spacing) * 1.5);
border-radius: var(--radius-md);
background-color: var(--ah-bg-alt);
padding-inline: calc(var(--spacing) * 2);
padding-block: calc(var(--spacing) * 1.5);
font-size: var(--text-xs);
line-height: var(--tw-leading, var(--text-xs--line-height));
--tw-font-weight: var(--font-weight-semibold);
font-weight: var(--font-weight-semibold);
white-space: nowrap;
color: var(--ah-text);
transition-property: background;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
--tw-duration: 200ms;
transition-duration: 200ms;
-webkit-user-select: none;
user-select: none;
}
@media (hover: hover) {
.property-checkbox-label:hover {
background-color: var(--ah-bg-alt);
}
@supports (color: color-mix(in lab, red, red)) {
.property-checkbox-label:hover {
background-color: color-mix(in srgb, var(--ah-bg-alt) 60%, var(--ah-surface));
}
}
}
.property-checkbox {
height: 18px;
width: 18px;
cursor: pointer;
accent-color: var(--color-blue-500);
}
.status-badge {
display: inline-flex;
align-items: center;
gap: calc(var(--spacing) * 1.5);
border-radius: var(--radius-lg);
padding-inline: calc(var(--spacing) * 3);
padding-block: var(--spacing);
font-size: var(--text-xs);
line-height: var(--tw-leading, var(--text-xs--line-height));
--tw-font-weight: var(--font-weight-semibold);
font-weight: var(--font-weight-semibold);
}
.status-badge-block {
display: flex;
align-items: center;
justify-content: center;
gap: calc(var(--spacing) * 2);
border-radius: var(--radius-lg);
padding: calc(var(--spacing) * 3);
font-size: var(--text-sm);
line-height: var(--tw-leading, var(--text-sm--line-height));
--tw-font-weight: var(--font-weight-bold);
font-weight: var(--font-weight-bold);
}
.status-success {
background-color: var(--ah-success-bg);
color: var(--ah-success-text);
}
.status-fail {
background-color: var(--ah-error-bg);
color: var(--ah-error-text);
}
.dialog-hero {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: calc(var(--spacing) * 4);
border-radius: var(--radius-2xl);
background-image: var(--gradient-primary-deep);
padding-inline: calc(var(--spacing) * 5);
padding-block: 18px;
color: var(--color-white);
--tw-shadow: 0 8px 16px var(--tw-shadow-color, rgba(34, 36, 31, 0.16));
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
}
.dialog-hero__kicker {
margin: 0;
font-size: 11px;
--tw-font-weight: var(--font-weight-semibold);
font-weight: var(--font-weight-semibold);
--tw-tracking: 0.2em;
letter-spacing: 0.2em;
text-transform: uppercase;
opacity: 85%;
}
.dialog-hero__title {
margin-block: calc(var(--spacing) * 1.5);
font-size: var(--text-xl);
line-height: var(--tw-leading, var(--text-xl--line-height));
--tw-font-weight: var(--font-weight-bold);
font-weight: var(--font-weight-bold);
}
.dialog-hero__close {
margin-right: -6px !important;
color: var(--color-white) !important;
}
.dialog-section {
border-radius: 0.25rem;
border-style: var(--tw-border-style);
border-width: 1px;
border-color: var(--ah-border);
background-color: var(--ah-surface);
padding: calc(var(--spacing) * 4);
--tw-shadow: 0 1px 2px var(--tw-shadow-color, rgba(34, 36, 31, 0.06));
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
}
.field-input {
border-radius: var(--radius-lg);
border-style: var(--tw-border-style);
border-width: 1px;
border-color: var(--ah-ash);
background-color: var(--ah-surface);
padding-inline: calc(var(--spacing) * 3);
padding-block: calc(var(--spacing) * 2.5);
font-size: var(--text-sm);
line-height: var(--tw-leading, var(--text-sm--line-height));
color: var(--ah-bark);
transition-property: border-color, box-shadow;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
--tw-duration: 200ms;
transition-duration: 200ms;
--tw-ease: ease;
transition-timing-function: ease;
}
.field-input::placeholder {
color: var(--ah-ash);
}
.field-input:focus {
border-color: var(--ah-primary);
}
.field-input:focus {
--tw-shadow: 0 0 0 3px var(--tw-shadow-color, var(--color-primary));
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
}
@supports (color: color-mix(in lab, red, red)) {
.field-input:focus {
--tw-shadow: 0 0 0 3px var(--tw-shadow-color, color-mix(in srgb, var(--color-primary) 15%, transparent));
}
}
.field-input:focus {
--tw-outline-style: none;
outline-style: none;
}
.field-input:hover:not(:focus) {
border-color: var(--ah-ash);
}
.field-input--compact {
flex: 1;
padding-inline: calc(var(--spacing) * 2.5) !important;
padding-block: calc(var(--spacing) * 2) !important;
font-size: 13px !important;
}
.field-input--compact:disabled {
cursor: not-allowed;
}
.field-input--compact:disabled {
background-color: var(--ah-bg-alt);
}
.field-input--compact:disabled {
color: var(--ah-text-muted);
}
.field-input--textarea {
min-height: 60px;
resize: vertical;
}
.toolbar-btn {
display: flex;
height: calc(var(--spacing) * 7);
width: calc(var(--spacing) * 7);
cursor: pointer;
align-items: center;
justify-content: center;
border-radius: 0.1875rem;
border-style: var(--tw-border-style);
border-width: 1px;
border-color: transparent;
background-color: transparent;
font-size: 13px;
color: var(--ah-text-muted);
}
@media (hover: hover) {
.toolbar-btn:hover {
background-color: var(--ah-bg-alt);
}
@supports (color: color-mix(in lab, red, red)) {
.toolbar-btn:hover {
background-color: color-mix(in srgb, var(--ah-bg-alt) 60%, var(--ah-surface));
}
}
}
.toolbar-btn--active {
border-color: var(--ah-primary) !important;
background-image: var(--color-primary-tint) !important;
color: var(--ah-primary) !important;
}
}
@keyframes fadeInUp {
from {
opacity: 0;
transform: translateY(30px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@keyframes slideDown {
from {
opacity: 0;
transform: translateY(-10px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@font-face {
font-family: "Noto Sans";
src: url(/assets/fonts/NotoSans-Light.ttf) format("truetype");
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: "Noto Sans";
src: url(/assets/fonts/NotoSans-Regular.ttf) format("truetype");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "Noto Sans";
src: url(/assets/fonts/NotoSans-Medium.ttf) format("truetype");
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: "Noto Sans";
src: url(/assets/fonts/NotoSans-SemiBold.ttf) format("truetype");
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: "Noto Sans";
src: url(/assets/fonts/NotoSans-Bold.ttf) format("truetype");
font-weight: 700;
font-style: normal;
}
body {
font-family: var(--font-sans);
}
* {
scrollbar-width: thin;
scrollbar-color: var(--ah-ash) var(--ah-bg-alt);
}
::-webkit-scrollbar {
width: 8px;
height: 8px;
}
::-webkit-scrollbar-track {
background: var(--ah-bg-alt);
border-radius: 10px;
}
::-webkit-scrollbar-thumb {
background: var(--ah-ash);
border-radius: 10px;
border: 2px solid var(--ah-bg-alt);
transition: background 0.2s ease;
}
::-webkit-scrollbar-thumb:hover {
background: var(--ah-stone);
border: 2px solid var(--ah-bg-alt);
}
::-webkit-scrollbar-thumb:active {
background: var(--ah-bark);
}
.mat-mdc-dialog-container ::-webkit-scrollbar,
.taf-dialog ::-webkit-scrollbar,
.cdk-overlay-pane ::-webkit-scrollbar {
width: 6px;
height: 6px;
}
.mat-mdc-dialog-container ::-webkit-scrollbar-thumb,
.taf-dialog ::-webkit-scrollbar-thumb,
.cdk-overlay-pane ::-webkit-scrollbar-thumb {
background: var(--ah-ash);
border-radius: 8px;
border: 1px solid var(--ah-bg-alt);
}
.mat-mdc-dialog-container ::-webkit-scrollbar-thumb:hover,
.taf-dialog ::-webkit-scrollbar-thumb:hover,
.cdk-overlay-pane ::-webkit-scrollbar-thumb:hover {
background: var(--ah-stone);
}
.mdc-button {
font-family: var(--font-sans) !important;
}
.mat-icon {
margin-right: 0 !important;
}
.swal2-popup.custom-toast {
border-radius: 0.75rem;
padding: 1rem 1.25rem;
box-shadow: 0 10px 30px rgba(34, 36, 31, 0.15);
min-width: 320px;
font-family: var(--font-sans);
}
.swal2-popup.custom-toast .toast-title {
font-size: 0.9375rem;
font-weight: 600;
color: var(--color-heading);
margin: 0 0 0.25rem 0;
}
.swal2-popup.custom-toast .toast-text {
font-size: 0.875rem;
font-weight: 400;
color: var(--color-muted);
margin: 0;
}
.swal2-popup.custom-toast .swal2-timer-progress-bar {
background: lightgray;
height: 3px;
}
.swal2-popup.custom-toast.swal2-icon-error {
border-left: 4px solid var(--color-error-dark);
background:
linear-gradient(
135deg,
var(--ah-error-bg),
var(--ah-card));
}
.swal2-popup.custom-toast.swal2-icon-error .swal2-icon-content {
color: var(--color-error-dark);
}
.swal2-popup.custom-toast.swal2-icon-success {
border-left: 4px solid var(--color-primary);
background:
linear-gradient(
135deg,
var(--ah-success-bg),
var(--ah-card));
}
.swal2-popup.custom-toast.swal2-icon-success .swal2-success-ring {
border-color: var(--color-primary);
}
.swal2-popup.custom-toast.swal2-icon-success [class^=swal2-success-line] {
background-color: var(--color-primary);
}
.swal2-popup.custom-toast.swal2-icon-info {
border-left: 4px solid var(--color-info);
background:
linear-gradient(
135deg,
var(--ah-info-bg),
var(--ah-card));
}
.swal2-popup.custom-toast.swal2-icon-info .swal2-icon-content {
color: var(--color-info);
}
.swal2-popup.custom-toast.swal2-icon-warning {
border-left: 4px solid var(--ah-bark);
background:
linear-gradient(
135deg,
var(--ah-warning-bg),
var(--ah-card));
}
.swal2-popup.custom-toast.swal2-icon-warning .swal2-icon-content {
color: var(--ah-bark);
}
.scale-submit-button {
background: var(--gradient-primary) !important;
color: white !important;
border: none !important;
}
.scale-submit-button:hover {
opacity: 0.9;
}
.cancel-btn,
.save-btn {
display: inline-flex !important;
align-items: center !important;
gap: 0.5rem !important;
padding: 0.625rem 1.5rem !important;
border-radius: 0.5rem !important;
}
.cancel-btn {
color: var(--color-muted) !important;
}
.save-btn:disabled {
opacity: 0.5;
cursor: not-allowed;
}
.cdk-drag-preview {
box-sizing: border-box;
border-radius: 10px;
box-shadow: 0 10px 20px rgba(34, 36, 31, 0.16);
}
.cdk-drag-placeholder {
opacity: 0.35;
}
.encroachment-sidebar {
transform: translateX(calc(-100% - 1rem));
}
.encroachment-sidebar--open {
transform: translateX(0);
}
@media (min-width: 1024px) {
.encroachment-sidebar {
transform: translateX(0);
}
}
.tpz-cursor-crosshair {
cursor: url('data:image/svg+xml;utf8,') 8 8, crosshair;
}
.mat-mdc-menu-panel {
background-color: var(--ah-surface) !important;
}
.mat-mdc-menu-panel .mat-mdc-menu-content {
padding: 0 !important;
}
.encroachment-accordion .mat-expansion-panel-body {
padding: 0 10px 12px !important;
}
.mat-mdc-menu-panel .mat-mdc-menu-item,
.mat-mdc-menu-panel .mat-mdc-menu-item span,
.mat-mdc-menu-panel .mat-mdc-menu-item .mat-mdc-menu-item-text {
font-family: var(--font-sans) !important;
}
.cdk-overlay-pane .mat-mdc-menu-panel,
.cdk-overlay-pane .mat-mdc-menu-panel * {
font-family: var(--font-sans) !important;
}
.mat-mdc-menu-panel.action-menu-panel {
min-width: 0 !important;
border: 1px solid var(--color-line) !important;
border-radius: 10px !important;
box-shadow: 0 10px 24px rgba(34, 36, 31, 0.16) !important;
overflow: hidden !important;
}
.mat-mdc-menu-panel.action-menu-panel .mat-mdc-menu-content {
padding: 0 !important;
}
.action-menu-item.mat-mdc-menu-item {
min-height: 44px !important;
height: 44px !important;
border-radius: 7px !important;
padding: 0 12px !important;
gap: 14px !important;
}
.action-menu-item.mat-mdc-menu-item:hover {
background: var(--color-surface-hover) !important;
}
.action-menu-item .mat-mdc-menu-item-text {
display: inline-flex !important;
align-items: center !important;
color: var(--color-body) !important;
font-size: 16px !important;
font-weight: 500 !important;
line-height: 1 !important;
}
.action-menu-item__icon.mat-icon {
width: 22px !important;
height: 22px !important;
color: var(--color-muted) !important;
flex: 0 0 22px !important;
}
.action-menu-item__label {
white-space: nowrap;
}
.tpz-main-layout {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: auto auto 1fr;
grid-template-areas: "header" "canvas" "sidebar";
align-items: start;
gap: 1rem;
padding: 0.75rem;
height: auto;
background: var(--color-surface-hover);
}
@media (min-width: 1280px) {
.tpz-main-layout {
grid-template-columns: 320px 1fr;
grid-template-rows: auto 1fr;
grid-template-areas: "header header" "sidebar canvas";
height: 100vh;
overflow: hidden;
}
}
@media (min-width: 1600px) {
.tpz-main-layout {
grid-template-columns: 360px 1fr;
}
}
.tpz-main-layout > app-tpz-header {
grid-area: header;
width: 100%;
display: block;
}
.tpz-main-layout > .tpz-left-panel {
grid-area: sidebar;
}
.tpz-main-layout > .tpz-canvas-section {
grid-area: canvas;
}
.color-picker::-webkit-color-swatch-wrapper {
padding: 2px;
}
.color-picker::-webkit-color-swatch {
border: none;
border-radius: 0.25rem;
}
.color-picker::-moz-color-swatch {
border: none;
border-radius: 0.25rem;
}
.border-slider {
-webkit-appearance: none;
appearance: none;
height: 4px;
border-radius: 999px;
cursor: pointer;
}
.border-slider::-moz-range-track {
height: 4px;
border-radius: 999px;
background: lightgray;
}
.border-slider::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width: 16px;
height: 16px;
border-radius: 50%;
background: var(--color-accent);
cursor: pointer;
border: 2px solid var(--ah-card);
box-shadow: 0 1px 3px rgba(34, 36, 31, 0.2);
transition: transform 0.15s ease;
}
.border-slider::-webkit-slider-thumb:hover {
transform: scale(1.1);
}
.border-slider::-moz-range-thumb {
width: 16px;
height: 16px;
border-radius: 50%;
background: var(--color-accent);
cursor: pointer;
border: 2px solid var(--ah-card);
box-shadow: 0 1px 3px rgba(34, 36, 31, 0.2);
}
.tt-content .ProseMirror {
outline: none;
min-height: 80px;
}
.tt-content p {
margin: 0 0 8px;
}
.tt-content ul,
.tt-content ol {
margin: 0 0 8px;
padding-left: 22px;
}
.tt-mention {
background: var(--color-primary-tint);
color: var(--color-primary);
border: 1px solid var(--ah-sage);
border-radius: 3px;
padding: 0 3px;
font-weight: 500;
white-space: nowrap;
}
.tt-mention-dropdown {
position: fixed;
z-index: 1200;
background: var(--ah-surface);
border: 1px solid var(--ah-border);
border-radius: 4px;
box-shadow: 0 4px 12px rgba(34, 36, 31, 0.15);
max-height: 320px;
overflow-y: auto;
min-width: 260px;
font-size: 13px;
}
.tt-mention-header {
position: sticky;
top: 0;
background: var(--ah-bg-alt);
color: var(--ah-text-muted);
font-size: 11px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.04em;
padding: 4px 10px;
border-bottom: 1px solid var(--ah-border);
}
.tt-mention-item {
display: block;
width: 100%;
border: none;
background: transparent;
text-align: left;
padding: 6px 10px;
cursor: pointer;
font-size: 13px;
}
.tt-mention-item.selected,
.tt-mention-item:hover {
background: var(--color-primary-tint);
}
.tt-mention-empty {
padding: 6px 10px;
color: var(--ah-text-muted);
}
@property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-translate-z { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-scale-x { syntax: "*"; inherits: false; initial-value: 1; }
@property --tw-scale-y { syntax: "*"; inherits: false; initial-value: 1; }
@property --tw-scale-z { syntax: "*"; inherits: false; initial-value: 1; }
@property --tw-rotate-x { syntax: "*"; inherits: false; }
@property --tw-rotate-y { syntax: "*"; inherits: false; }
@property --tw-rotate-z { syntax: "*"; inherits: false; }
@property --tw-skew-x { syntax: "*"; inherits: false; }
@property --tw-skew-y { syntax: "*"; inherits: false; }
@property --tw-space-y-reverse { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; }
@property --tw-leading { syntax: "*"; inherits: false; }
@property --tw-font-weight { syntax: "*"; inherits: false; }
@property --tw-tracking { syntax: "*"; inherits: false; }
@property --tw-ordinal { syntax: "*"; inherits: false; }
@property --tw-slashed-zero { syntax: "*"; inherits: false; }
@property --tw-numeric-figure { syntax: "*"; inherits: false; }
@property --tw-numeric-spacing { syntax: "*"; inherits: false; }
@property --tw-numeric-fraction { syntax: "*"; inherits: false; }
@property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-shadow-color { syntax: "*"; inherits: false; }
@property --tw-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; }
@property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-inset-shadow-color { syntax: "*"; inherits: false; }
@property --tw-inset-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; }
@property --tw-ring-color { syntax: "*"; inherits: false; }
@property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-inset-ring-color { syntax: "*"; inherits: false; }
@property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-ring-inset { syntax: "*"; inherits: false; }
@property --tw-ring-offset-width { syntax: ""; inherits: false; initial-value: 0px; }
@property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; }
@property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-outline-style { syntax: "*"; inherits: false; initial-value: solid; }
@property --tw-blur { syntax: "*"; inherits: false; }
@property --tw-brightness { syntax: "*"; inherits: false; }
@property --tw-contrast { syntax: "*"; inherits: false; }
@property --tw-grayscale { syntax: "*"; inherits: false; }
@property --tw-hue-rotate { syntax: "*"; inherits: false; }
@property --tw-invert { syntax: "*"; inherits: false; }
@property --tw-opacity { syntax: "*"; inherits: false; }
@property --tw-saturate { syntax: "*"; inherits: false; }
@property --tw-sepia { syntax: "*"; inherits: false; }
@property --tw-drop-shadow { syntax: "*"; inherits: false; }
@property --tw-drop-shadow-color { syntax: "*"; inherits: false; }
@property --tw-drop-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; }
@property --tw-drop-shadow-size { syntax: "*"; inherits: false; }
@property --tw-backdrop-blur { syntax: "*"; inherits: false; }
@property --tw-backdrop-brightness { syntax: "*"; inherits: false; }
@property --tw-backdrop-contrast { syntax: "*"; inherits: false; }
@property --tw-backdrop-grayscale { syntax: "*"; inherits: false; }
@property --tw-backdrop-hue-rotate { syntax: "*"; inherits: false; }
@property --tw-backdrop-invert { syntax: "*"; inherits: false; }
@property --tw-backdrop-opacity { syntax: "*"; inherits: false; }
@property --tw-backdrop-saturate { syntax: "*"; inherits: false; }
@property --tw-backdrop-sepia { syntax: "*"; inherits: false; }
@property --tw-duration { syntax: "*"; inherits: false; }
@property --tw-ease { syntax: "*"; inherits: false; }
@property --tw-content { syntax: "*"; initial-value: ""; inherits: false; }
@keyframes spin {
to {
transform: rotate(360deg);
}
}
@layer properties {
@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
*,
::before,
::after,
::backdrop {
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-translate-z: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-scale-z: 1;
--tw-rotate-x: initial;
--tw-rotate-y: initial;
--tw-rotate-z: initial;
--tw-skew-x: initial;
--tw-skew-y: initial;
--tw-space-y-reverse: 0;
--tw-border-style: solid;
--tw-leading: initial;
--tw-font-weight: initial;
--tw-tracking: initial;
--tw-ordinal: initial;
--tw-slashed-zero: initial;
--tw-numeric-figure: initial;
--tw-numeric-spacing: initial;
--tw-numeric-fraction: initial;
--tw-shadow: 0 0 #0000;
--tw-shadow-color: initial;
--tw-shadow-alpha: 100%;
--tw-inset-shadow: 0 0 #0000;
--tw-inset-shadow-color: initial;
--tw-inset-shadow-alpha: 100%;
--tw-ring-color: initial;
--tw-ring-shadow: 0 0 #0000;
--tw-inset-ring-color: initial;
--tw-inset-ring-shadow: 0 0 #0000;
--tw-ring-inset: initial;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-offset-shadow: 0 0 #0000;
--tw-outline-style: solid;
--tw-blur: initial;
--tw-brightness: initial;
--tw-contrast: initial;
--tw-grayscale: initial;
--tw-hue-rotate: initial;
--tw-invert: initial;
--tw-opacity: initial;
--tw-saturate: initial;
--tw-sepia: initial;
--tw-drop-shadow: initial;
--tw-drop-shadow-color: initial;
--tw-drop-shadow-alpha: 100%;
--tw-drop-shadow-size: initial;
--tw-backdrop-blur: initial;
--tw-backdrop-brightness: initial;
--tw-backdrop-contrast: initial;
--tw-backdrop-grayscale: initial;
--tw-backdrop-hue-rotate: initial;
--tw-backdrop-invert: initial;
--tw-backdrop-opacity: initial;
--tw-backdrop-saturate: initial;
--tw-backdrop-sepia: initial;
--tw-duration: initial;
--tw-ease: initial;
--tw-content: "";
}
}
}
/* angular:styles/global:styles */