/* node_modules/@taiga-ui/core/styles/taiga-ui-theme.less */ :root { --tui-font-heading: "Manrope", -apple-system, "BlinkMacSystemFont", system-ui, "Roboto", "Segoe UI", "Helvetica Neue", sans-serif; --tui-font-text: "Manrope", -apple-system, "BlinkMacSystemFont", system-ui, "Roboto", "Segoe UI", "Helvetica Neue", sans-serif; --tui-font-offset: 0rem; --tui-font-heading-1: bold calc(var(--tui-font-offset) + 3.125rem) / 3.5rem var(--tui-font-heading); --tui-font-heading-2: bold calc(var(--tui-font-offset) + 2.75rem) / 3rem var(--tui-font-heading); --tui-font-heading-3: bold calc(var(--tui-font-offset) + 2.25rem) / 2.5rem var(--tui-font-heading); --tui-font-heading-4: bold calc(var(--tui-font-offset) + 1.75rem) / 2rem var(--tui-font-heading); --tui-font-heading-5: bold calc(var(--tui-font-offset) + 1.5rem) / 1.75rem var(--tui-font-heading); --tui-font-heading-6: bold calc(var(--tui-font-offset) + 1.25rem) / 1.5rem var(--tui-font-heading); --tui-font-text-xl: normal calc(var(--tui-font-offset) + 1.1875rem) / 1.75rem var(--tui-font-text); --tui-font-text-l: normal calc(var(--tui-font-offset) + 1.0625rem) / 1.75rem var(--tui-font-text); --tui-font-text-m: normal calc(var(--tui-font-offset) + 1rem) / 1.5rem var(--tui-font-text); --tui-font-text-s: normal calc(var(--tui-font-offset) + 0.8125rem) / 1.25rem var(--tui-font-text); --tui-font-text-xs: normal calc(var(--tui-font-offset) + 0.6875rem) / 1rem var(--tui-font-text); --tui-font-text-ui-l: normal calc(var(--tui-font-offset) + 1.0625rem) / 1.5rem var(--tui-font-text); --tui-font-text-ui-m: normal calc(var(--tui-font-offset) + 1rem) / 1.25rem var(--tui-font-text); --tui-font-text-ui-s: normal calc(var(--tui-font-offset) + 0.8125rem) / 1rem var(--tui-font-text); --tui-font-text-ui-xs: normal calc(var(--tui-font-offset) + 0.6875rem) / 0.8125rem var(--tui-font-text); --tui-radius-xs: 0.25rem; --tui-radius-s: 0.5rem; --tui-radius-m: 0.625rem; --tui-radius-l: 0.75rem; --tui-radius-xl: 1.5rem; --tui-height-xs: 1.5rem; --tui-height-s: 2rem; --tui-height-m: 2.75rem; --tui-height-l: 3.5rem; --tui-padding-s: 0.625rem; --tui-padding-m: 0.75rem; --tui-padding-l: 1rem; --tui-duration: 0.3s; --tui-disabled-opacity: 0.56; } @media screen { [tuiTheme=dark] { color-scheme: dark; --tui-background-base: #222; --tui-background-base-alt: #333; --tui-background-neutral-1: rgba(255, 255, 255, 0.08); --tui-background-neutral-1-hover: rgba(255, 255, 255, 0.16); --tui-background-neutral-1-pressed: rgba(255, 255, 255, 0.24); --tui-background-neutral-2: rgba(255, 255, 255, 0.24); --tui-background-neutral-2-hover: rgba(255, 255, 255, 0.32); --tui-background-neutral-2-pressed: rgba(255, 255, 255, 0.4); --tui-background-accent-opposite: #fff; --tui-background-accent-opposite-hover: #f6f6f6; --tui-background-accent-opposite-pressed: #ededed; --tui-background-elevation-1: #292929; --tui-background-elevation-2: #2f2f2f; --tui-background-elevation-3: #373737; --tui-service-autofill-background: #554a2a; --tui-border-normal: rgba(255, 255, 255, 0.14); --tui-border-hover: rgba(255, 255, 255, 0.6); --tui-border-focus: rgba(255, 255, 255, 0.64); --tui-status-negative: #ff8c67; --tui-status-negative-pale: rgba(244, 87, 37, 0.32); --tui-status-negative-pale-hover: rgba(244, 87, 37, 0.4); --tui-status-positive: #4ac99b; --tui-status-positive-pale: rgba(74, 201, 155, 0.32); --tui-status-positive-pale-hover: rgba(74, 201, 155, 0.4); --tui-status-warning: #ffc700; --tui-status-warning-pale: rgba(255, 199, 0, 0.32); --tui-status-warning-pale-hover: rgba(255, 199, 0, 0.4); --tui-status-info: #70b6f6; --tui-status-info-pale: rgba(112, 182, 246, 0.32); --tui-status-info-pale-hover: rgba(112, 182, 246, 0.4); --tui-status-neutral: #959ba4; --tui-text-primary: #ffffff; --tui-text-secondary: rgba(255, 255, 255, 0.72); --tui-text-tertiary: rgba(255, 255, 255, 0.6); --tui-text-action: #6788ff; --tui-text-action-hover: #526ed3; --tui-text-positive: #44c596; --tui-text-positive-hover: #3aa981; --tui-text-negative: #ff8c67; --tui-text-negative-hover: #bb593a; } [tuiTheme=light] { color-scheme: light; } :root, [tuiTheme=light] { --tui-background-base: #fff; --tui-background-base-alt: #f6f6f6; --tui-background-neutral-1: rgba(0, 0, 0, 0.04); --tui-background-neutral-1-hover: rgba(0, 0, 0, 0.08); --tui-background-neutral-1-pressed: rgba(0, 0, 0, 0.12); --tui-background-neutral-2: rgba(0, 0, 0, 0.08); --tui-background-neutral-2-hover: rgba(0, 0, 0, 0.1); --tui-background-neutral-2-pressed: rgba(0, 0, 0, 0.14); --tui-background-accent-1: #526ed3; --tui-background-accent-1-hover: #6c86e2; --tui-background-accent-1-pressed: #314692; --tui-background-accent-2: #ff7043; --tui-background-accent-2-hover: #ff9a94; --tui-background-accent-2-pressed: #e7716a; --tui-background-accent-opposite: #000; --tui-background-accent-opposite-hover: #333; --tui-background-accent-opposite-pressed: #808080; --tui-background-elevation-1: #fff; --tui-background-elevation-2: #fff; --tui-background-elevation-3: #fff; --tui-service-autofill-background: #fff5c0; --tui-service-selection-background: rgba(112, 182, 246, 0.12); --tui-service-backdrop: rgba(0, 0, 0, 0.75); --tui-border-normal: rgba(0, 0, 0, 0.1); --tui-border-hover: rgba(0, 0, 0, 0.16); --tui-border-focus: rgba(51, 51, 51, 0.64); --tui-status-negative: #f45725; --tui-status-negative-pale: rgba(244, 87, 37, 0.12); --tui-status-negative-pale-hover: rgba(244, 87, 37, 0.24); --tui-status-positive: #4ac99b; --tui-status-positive-pale: rgba(74, 201, 155, 0.12); --tui-status-positive-pale-hover: rgba(74, 201, 155, 0.24); --tui-status-warning: #ffc700; --tui-status-warning-pale: rgba(255, 199, 0, 0.12); --tui-status-warning-pale-hover: rgba(255, 199, 0, 0.24); --tui-status-info: #70b6f6; --tui-status-info-pale: rgba(112, 182, 246, 0.12); --tui-status-info-pale-hover: rgba(112, 182, 246, 0.24); --tui-status-neutral: #79818c; --tui-text-primary: #1b1f3b; --tui-text-secondary: rgba(27, 31, 59, 0.65); --tui-text-tertiary: rgba(27, 31, 59, 0.4); --tui-text-primary-on-accent-1: #fff; --tui-text-primary-on-accent-2: #fff; --tui-text-action: #4c66c3; --tui-text-action-hover: #6c86e2; --tui-text-positive: #3aa981; --tui-text-positive-hover: #7ac5aa; --tui-text-negative: #dd4c1e; --tui-text-negative-hover: #e38163; --tui-chart-categorical-00: var(--tui-background-accent-1); --tui-chart-categorical-01: #ea97c4; --tui-chart-categorical-02: #a0c5df; --tui-chart-categorical-03: #fee797; --tui-chart-categorical-04: #b0b0b0; --tui-chart-categorical-05: #e29398; --tui-chart-categorical-06: #b8474e; --tui-chart-categorical-07: #fcc068; --tui-chart-categorical-08: #ff8a00; --tui-chart-categorical-09: #dab3f9; --tui-chart-categorical-10: #7b439e; --tui-chart-categorical-11: #8dda71; --tui-chart-categorical-12: #fcbb14; --tui-chart-categorical-13: #a8cef1; --tui-chart-categorical-14: #bd65a4; --tui-chart-categorical-15: #7fd7cc; --tui-chart-categorical-16: #2fad96; --tui-chart-categorical-17: #d4aca2; --tui-chart-categorical-18: #9d6f64; --tui-chart-categorical-19: #d2e9a2; --tui-chart-categorical-20: #aadc42; --tui-chart-categorical-21: #3682db; --tui-chart-categorical-22: #34b41f; --tui-shadow-small: 0 0.25rem 1.25rem rgba(0, 0, 0, 0.1); --tui-shadow-small-hover: 0 1rem 2.5rem rgba(0, 0, 0, 0.14); --tui-shadow-medium: 0 0.375rem 2rem rgba(0, 0, 0, 0.12); --tui-shadow-medium-hover: 0 1.25rem 4rem rgba(0, 0, 0, 0.18); --tui-shadow-popup: 0 1.25rem 3rem rgba(0, 0, 0, 0.2); } } @media print { :root, [tuiTheme] { color-scheme: light; --tui-background-base: #fff; --tui-background-base-alt: #f6f6f6; --tui-background-neutral-1: rgba(0, 0, 0, 0.04); --tui-background-neutral-1-hover: rgba(0, 0, 0, 0.08); --tui-background-neutral-1-pressed: rgba(0, 0, 0, 0.12); --tui-background-neutral-2: rgba(0, 0, 0, 0.08); --tui-background-neutral-2-hover: rgba(0, 0, 0, 0.1); --tui-background-neutral-2-pressed: rgba(0, 0, 0, 0.14); --tui-background-accent-1: #526ed3; --tui-background-accent-1-hover: #6c86e2; --tui-background-accent-1-pressed: #314692; --tui-background-accent-2: #ff7043; --tui-background-accent-2-hover: #ff9a94; --tui-background-accent-2-pressed: #e7716a; --tui-background-accent-opposite: #000; --tui-background-accent-opposite-hover: #333; --tui-background-accent-opposite-pressed: #808080; --tui-background-elevation-1: #fff; --tui-background-elevation-2: #fff; --tui-background-elevation-3: #fff; --tui-service-autofill-background: #fff5c0; --tui-service-selection-background: rgba(112, 182, 246, 0.12); --tui-service-backdrop: rgba(0, 0, 0, 0.75); --tui-border-normal: rgba(0, 0, 0, 0.1); --tui-border-hover: rgba(0, 0, 0, 0.16); --tui-border-focus: rgba(51, 51, 51, 0.64); --tui-status-negative: #f45725; --tui-status-negative-pale: rgba(244, 87, 37, 0.12); --tui-status-negative-pale-hover: rgba(244, 87, 37, 0.24); --tui-status-positive: #4ac99b; --tui-status-positive-pale: rgba(74, 201, 155, 0.12); --tui-status-positive-pale-hover: rgba(74, 201, 155, 0.24); --tui-status-warning: #ffc700; --tui-status-warning-pale: rgba(255, 199, 0, 0.12); --tui-status-warning-pale-hover: rgba(255, 199, 0, 0.24); --tui-status-info: #70b6f6; --tui-status-info-pale: rgba(112, 182, 246, 0.12); --tui-status-info-pale-hover: rgba(112, 182, 246, 0.24); --tui-status-neutral: #79818c; --tui-text-primary: #1b1f3b; --tui-text-secondary: rgba(27, 31, 59, 0.65); --tui-text-tertiary: rgba(27, 31, 59, 0.4); --tui-text-primary-on-accent-1: #fff; --tui-text-primary-on-accent-2: #fff; --tui-text-action: #4c66c3; --tui-text-action-hover: #6c86e2; --tui-text-positive: #3aa981; --tui-text-positive-hover: #7ac5aa; --tui-text-negative: #dd4c1e; --tui-text-negative-hover: #e38163; --tui-chart-categorical-00: var(--tui-background-accent-1); --tui-chart-categorical-01: #ea97c4; --tui-chart-categorical-02: #a0c5df; --tui-chart-categorical-03: #fee797; --tui-chart-categorical-04: #b0b0b0; --tui-chart-categorical-05: #e29398; --tui-chart-categorical-06: #b8474e; --tui-chart-categorical-07: #fcc068; --tui-chart-categorical-08: #ff8a00; --tui-chart-categorical-09: #dab3f9; --tui-chart-categorical-10: #7b439e; --tui-chart-categorical-11: #8dda71; --tui-chart-categorical-12: #fcbb14; --tui-chart-categorical-13: #a8cef1; --tui-chart-categorical-14: #bd65a4; --tui-chart-categorical-15: #7fd7cc; --tui-chart-categorical-16: #2fad96; --tui-chart-categorical-17: #d4aca2; --tui-chart-categorical-18: #9d6f64; --tui-chart-categorical-19: #d2e9a2; --tui-chart-categorical-20: #aadc42; --tui-chart-categorical-21: #3682db; --tui-chart-categorical-22: #34b41f; --tui-shadow-small: 0 0.25rem 1.25rem rgba(0, 0, 0, 0.1); --tui-shadow-small-hover: 0 1rem 2.5rem rgba(0, 0, 0, 0.14); --tui-shadow-medium: 0 0.375rem 2rem rgba(0, 0, 0, 0.12); --tui-shadow-medium-hover: 0 1.25rem 4rem rgba(0, 0, 0, 0.18); --tui-shadow-popup: 0 1.25rem 3rem rgba(0, 0, 0, 0.2); } } [tuiAppearance][data-appearance=accent] { background: var(--tui-background-accent-2); color: var(--tui-text-primary-on-accent-2); } @media (hover: hover) and (pointer: fine) { [tuiAppearance][data-appearance=accent]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]) { background: var(--tui-background-accent-2-hover); } } @media (hover: hover) and (pointer: fine) { [tuiAppearance][data-appearance=accent]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]) { background: var(--tui-background-accent-2-hover); } } [tuiAppearance][data-appearance=accent][data-state=hover] { background: var(--tui-background-accent-2-hover); } @media (hover: hover) and (pointer: fine) { [tuiAppearance][data-appearance=accent][tuiWrapper]:hover:not(._no-hover), [tuiAppearance][data-appearance=accent][tuiWrapper][data-state=hover] { background: var(--tui-background-accent-2-hover); } } [tuiAppearance][data-appearance=accent]:matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]) { background: var(--tui-background-accent-2-pressed); } [tuiAppearance][data-appearance=accent]:is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]) { background: var(--tui-background-accent-2-pressed); } [tuiAppearance][data-appearance=accent][data-state=active] { background: var(--tui-background-accent-2-pressed); } [tuiAppearance][data-appearance=accent][tuiWrapper]:active:not(._no-active), [tuiAppearance][data-appearance=accent][tuiWrapper][data-state=active], [tuiAppearance][data-appearance=accent][tuiWrapper][data-state=active]:hover { background: var(--tui-background-accent-2-pressed); } [tuiAppearance][data-appearance=link] { color: var(--tui-text-action); background: transparent; } @media (hover: hover) and (pointer: fine) { [tuiAppearance][data-appearance=link]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]) { color: var(--tui-text-action-hover); } } @media (hover: hover) and (pointer: fine) { [tuiAppearance][data-appearance=link]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]) { color: var(--tui-text-action-hover); } } [tuiAppearance][data-appearance=link][data-state=hover] { color: var(--tui-text-action-hover); } @media (hover: hover) and (pointer: fine) { [tuiAppearance][data-appearance=link][tuiWrapper]:hover:not(._no-hover), [tuiAppearance][data-appearance=link][tuiWrapper][data-state=hover] { color: var(--tui-text-action-hover); } } [tuiAppearance][data-appearance=link]:matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]) { color: var(--tui-text-action-hover); } [tuiAppearance][data-appearance=link]:is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]) { color: var(--tui-text-action-hover); } [tuiAppearance][data-appearance=link][data-state=active] { color: var(--tui-text-action-hover); } [tuiAppearance][data-appearance=link][tuiWrapper]:active:not(._no-active), [tuiAppearance][data-appearance=link][tuiWrapper][data-state=active], [tuiAppearance][data-appearance=link][tuiWrapper][data-state=active]:hover { color: var(--tui-text-action-hover); } [tuiAppearance][data-appearance=action] { color: var(--tui-text-action); background: transparent; } @media (hover: hover) and (pointer: fine) { [tuiAppearance][data-appearance=action]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]) { color: var(--tui-text-action-hover); } } @media (hover: hover) and (pointer: fine) { [tuiAppearance][data-appearance=action]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]) { color: var(--tui-text-action-hover); } } [tuiAppearance][data-appearance=action][data-state=hover] { color: var(--tui-text-action-hover); } @media (hover: hover) and (pointer: fine) { [tuiAppearance][data-appearance=action][tuiWrapper]:hover:not(._no-hover), [tuiAppearance][data-appearance=action][tuiWrapper][data-state=hover] { color: var(--tui-text-action-hover); } } [tuiAppearance][data-appearance=action]:matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]) { color: var(--tui-text-action-hover); } [tuiAppearance][data-appearance=action]:is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]) { color: var(--tui-text-action-hover); } [tuiAppearance][data-appearance=action][data-state=active] { color: var(--tui-text-action-hover); } [tuiAppearance][data-appearance=action][tuiWrapper]:active:not(._no-active), [tuiAppearance][data-appearance=action][tuiWrapper][data-state=active], [tuiAppearance][data-appearance=action][tuiWrapper][data-state=active]:hover { color: var(--tui-text-action-hover); } [tuiAppearance][data-appearance=action-destructive] { color: var(--tui-text-negative); background: transparent; } @media (hover: hover) and (pointer: fine) { [tuiAppearance][data-appearance=action-destructive]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]) { color: var(--tui-text-negative-hover); } } @media (hover: hover) and (pointer: fine) { [tuiAppearance][data-appearance=action-destructive]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]) { color: var(--tui-text-negative-hover); } } [tuiAppearance][data-appearance=action-destructive][data-state=hover] { color: var(--tui-text-negative-hover); } @media (hover: hover) and (pointer: fine) { [tuiAppearance][data-appearance=action-destructive][tuiWrapper]:hover:not(._no-hover), [tuiAppearance][data-appearance=action-destructive][tuiWrapper][data-state=hover] { color: var(--tui-text-negative-hover); } } [tuiAppearance][data-appearance=action-destructive]:matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]) { color: var(--tui-text-negative-hover); } [tuiAppearance][data-appearance=action-destructive]:is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]) { color: var(--tui-text-negative-hover); } [tuiAppearance][data-appearance=action-destructive][data-state=active] { color: var(--tui-text-negative-hover); } [tuiAppearance][data-appearance=action-destructive][tuiWrapper]:active:not(._no-active), [tuiAppearance][data-appearance=action-destructive][tuiWrapper][data-state=active], [tuiAppearance][data-appearance=action-destructive][tuiWrapper][data-state=active]:hover { color: var(--tui-text-negative-hover); } [tuiAppearance][data-appearance=action-grayscale] { color: var(--tui-text-secondary); background: transparent; } @media (hover: hover) and (pointer: fine) { [tuiAppearance][data-appearance=action-grayscale]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]) { color: var(--tui-text-primary); } } @media (hover: hover) and (pointer: fine) { [tuiAppearance][data-appearance=action-grayscale]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]) { color: var(--tui-text-primary); } } [tuiAppearance][data-appearance=action-grayscale][data-state=hover] { color: var(--tui-text-primary); } @media (hover: hover) and (pointer: fine) { [tuiAppearance][data-appearance=action-grayscale][tuiWrapper]:hover:not(._no-hover), [tuiAppearance][data-appearance=action-grayscale][tuiWrapper][data-state=hover] { color: var(--tui-text-primary); } } [tuiAppearance][data-appearance=action-grayscale]:matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]) { color: var(--tui-text-primary); } [tuiAppearance][data-appearance=action-grayscale]:is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]) { color: var(--tui-text-primary); } [tuiAppearance][data-appearance=action-grayscale][data-state=active] { color: var(--tui-text-primary); } [tuiAppearance][data-appearance=action-grayscale][tuiWrapper]:active:not(._no-active), [tuiAppearance][data-appearance=action-grayscale][tuiWrapper][data-state=active], [tuiAppearance][data-appearance=action-grayscale][tuiWrapper][data-state=active]:hover { color: var(--tui-text-primary); } [tuiAppearance][data-appearance=flat], [tuiAppearance][data-appearance=flat-destructive], [tuiAppearance][data-appearance=flat-grayscale] { color: var(--tui-text-action); } @media (hover: hover) and (pointer: fine) { [tuiAppearance][data-appearance=flat]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=flat-destructive]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=flat-grayscale]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]) { background: var(--tui-background-neutral-1-hover); } } @media (hover: hover) and (pointer: fine) { [tuiAppearance][data-appearance=flat]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=flat-destructive]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=flat-grayscale]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]) { background: var(--tui-background-neutral-1-hover); } } [tuiAppearance][data-appearance=flat][data-state=hover], [tuiAppearance][data-appearance=flat-destructive][data-state=hover], [tuiAppearance][data-appearance=flat-grayscale][data-state=hover] { background: var(--tui-background-neutral-1-hover); } @media (hover: hover) and (pointer: fine) { [tuiAppearance][data-appearance=flat][tuiWrapper]:hover:not(._no-hover), [tuiAppearance][data-appearance=flat-destructive][tuiWrapper]:hover:not(._no-hover), [tuiAppearance][data-appearance=flat-grayscale][tuiWrapper]:hover:not(._no-hover), [tuiAppearance][data-appearance=flat][tuiWrapper][data-state=hover], [tuiAppearance][data-appearance=flat-destructive][tuiWrapper][data-state=hover], [tuiAppearance][data-appearance=flat-grayscale][tuiWrapper][data-state=hover] { background: var(--tui-background-neutral-1-hover); } } [tuiAppearance][data-appearance=flat]:matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=flat-destructive]:matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=flat-grayscale]:matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]) { background: var(--tui-background-neutral-1-pressed); } [tuiAppearance][data-appearance=flat]:is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=flat-destructive]:is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=flat-grayscale]:is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]) { background: var(--tui-background-neutral-1-pressed); } [tuiAppearance][data-appearance=flat][data-state=active], [tuiAppearance][data-appearance=flat-destructive][data-state=active], [tuiAppearance][data-appearance=flat-grayscale][data-state=active] { background: var(--tui-background-neutral-1-pressed); } [tuiAppearance][data-appearance=flat][tuiWrapper]:active:not(._no-active), [tuiAppearance][data-appearance=flat-destructive][tuiWrapper]:active:not(._no-active), [tuiAppearance][data-appearance=flat-grayscale][tuiWrapper]:active:not(._no-active), [tuiAppearance][data-appearance=flat][tuiWrapper][data-state=active], [tuiAppearance][data-appearance=flat-destructive][tuiWrapper][data-state=active], [tuiAppearance][data-appearance=flat-grayscale][tuiWrapper][data-state=active], [tuiAppearance][data-appearance=flat][tuiWrapper][data-state=active]:hover, [tuiAppearance][data-appearance=flat-destructive][tuiWrapper][data-state=active]:hover, [tuiAppearance][data-appearance=flat-grayscale][tuiWrapper][data-state=active]:hover { background: var(--tui-background-neutral-1-pressed); } [tuiAppearance][data-appearance=flat-destructive] { color: var(--tui-text-negative); } [tuiAppearance][data-appearance=flat-grayscale] { color: var(--tui-text-primary); } [tuiAppearance][data-appearance=floating] { background: var(--tui-background-elevation-2); color: var(--tui-text-primary); box-shadow: 0 0.25rem 1.25rem rgba(0, 0, 0, 0.1); } @media (hover: hover) and (pointer: fine) { [tuiAppearance][data-appearance=floating]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]) { box-shadow: 0 0.875rem 2.625rem rgba(0, 0, 0, 0.14); } } @media (hover: hover) and (pointer: fine) { [tuiAppearance][data-appearance=floating]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]) { box-shadow: 0 0.875rem 2.625rem rgba(0, 0, 0, 0.14); } } [tuiAppearance][data-appearance=floating][data-state=hover] { box-shadow: 0 0.875rem 2.625rem rgba(0, 0, 0, 0.14); } @media (hover: hover) and (pointer: fine) { [tuiAppearance][data-appearance=floating][tuiWrapper]:hover:not(._no-hover), [tuiAppearance][data-appearance=floating][tuiWrapper][data-state=hover] { box-shadow: 0 0.875rem 2.625rem rgba(0, 0, 0, 0.14); } } [tuiAppearance][data-appearance=floating]:matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]) { background: var(--tui-background-base-alt); box-shadow: 0 0.25rem 1.25rem rgba(0, 0, 0, 0.1); } [tuiAppearance][data-appearance=floating]:is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]) { background: var(--tui-background-base-alt); box-shadow: 0 0.25rem 1.25rem rgba(0, 0, 0, 0.1); } [tuiAppearance][data-appearance=floating][data-state=active] { background: var(--tui-background-base-alt); box-shadow: 0 0.25rem 1.25rem rgba(0, 0, 0, 0.1); } [tuiAppearance][data-appearance=floating][tuiWrapper]:active:not(._no-active), [tuiAppearance][data-appearance=floating][tuiWrapper][data-state=active], [tuiAppearance][data-appearance=floating][tuiWrapper][data-state=active]:hover { background: var(--tui-background-base-alt); box-shadow: 0 0.25rem 1.25rem rgba(0, 0, 0, 0.1); } [tuiAppearance][data-appearance=glass] { background: rgba(0, 0, 0, 0.4); color: #fff; -webkit-backdrop-filter: blur(1rem); backdrop-filter: blur(1rem); --tui-border-focus: rgba(255, 255, 255, 0.64); } @media (hover: hover) and (pointer: fine) { [tuiAppearance][data-appearance=glass]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]) { background: rgba(0, 0, 0, 0.48); } } @media (hover: hover) and (pointer: fine) { [tuiAppearance][data-appearance=glass]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]) { background: rgba(0, 0, 0, 0.48); } } [tuiAppearance][data-appearance=glass][data-state=hover] { background: rgba(0, 0, 0, 0.48); } @media (hover: hover) and (pointer: fine) { [tuiAppearance][data-appearance=glass][tuiWrapper]:hover:not(._no-hover), [tuiAppearance][data-appearance=glass][tuiWrapper][data-state=hover] { background: rgba(0, 0, 0, 0.48); } } [tuiAppearance][data-appearance=glass]:matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]) { background: rgba(0, 0, 0, 0.6); } [tuiAppearance][data-appearance=glass]:is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]) { background: rgba(0, 0, 0, 0.6); } [tuiAppearance][data-appearance=glass][data-state=active] { background: rgba(0, 0, 0, 0.6); } [tuiAppearance][data-appearance=glass][tuiWrapper]:active:not(._no-active), [tuiAppearance][data-appearance=glass][tuiWrapper][data-state=active], [tuiAppearance][data-appearance=glass][tuiWrapper][data-state=active]:hover { background: rgba(0, 0, 0, 0.6); } [tuiTheme=dark] [tuiAppearance][data-appearance=glass], [tuiTheme=dark][tuiAppearance][data-appearance=glass] { background: rgba(255, 255, 255, 0.3); } @media (hover: hover) and (pointer: fine) { [tuiTheme=dark] [tuiAppearance][data-appearance=glass]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]), [tuiTheme=dark][tuiAppearance][data-appearance=glass]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]) { background: rgba(255, 255, 255, 0.4); } } @media (hover: hover) and (pointer: fine) { [tuiTheme=dark] [tuiAppearance][data-appearance=glass]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]), [tuiTheme=dark][tuiAppearance][data-appearance=glass]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]) { background: rgba(255, 255, 255, 0.4); } } [tuiTheme=dark] [tuiAppearance][data-appearance=glass][data-state=hover], [tuiTheme=dark][tuiAppearance][data-appearance=glass][data-state=hover] { background: rgba(255, 255, 255, 0.4); } @media (hover: hover) and (pointer: fine) { [tuiTheme=dark] [tuiAppearance][data-appearance=glass][tuiWrapper]:hover:not(._no-hover), [tuiTheme=dark][tuiAppearance][data-appearance=glass][tuiWrapper]:hover:not(._no-hover), [tuiTheme=dark] [tuiAppearance][data-appearance=glass][tuiWrapper][data-state=hover], [tuiTheme=dark][tuiAppearance][data-appearance=glass][tuiWrapper][data-state=hover] { background: rgba(255, 255, 255, 0.4); } } [tuiTheme=dark] [tuiAppearance][data-appearance=glass]:matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]), [tuiTheme=dark][tuiAppearance][data-appearance=glass]:matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]) { background: rgba(255, 255, 255, 0.5); } [tuiTheme=dark] [tuiAppearance][data-appearance=glass]:is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]), [tuiTheme=dark][tuiAppearance][data-appearance=glass]:is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]) { background: rgba(255, 255, 255, 0.5); } [tuiTheme=dark] [tuiAppearance][data-appearance=glass][data-state=active], [tuiTheme=dark][tuiAppearance][data-appearance=glass][data-state=active] { background: rgba(255, 255, 255, 0.5); } [tuiTheme=dark] [tuiAppearance][data-appearance=glass][tuiWrapper]:active:not(._no-active), [tuiTheme=dark][tuiAppearance][data-appearance=glass][tuiWrapper]:active:not(._no-active), [tuiTheme=dark] [tuiAppearance][data-appearance=glass][tuiWrapper][data-state=active], [tuiTheme=dark][tuiAppearance][data-appearance=glass][tuiWrapper][data-state=active], [tuiTheme=dark] [tuiAppearance][data-appearance=glass][tuiWrapper][data-state=active]:hover, [tuiTheme=dark][tuiAppearance][data-appearance=glass][tuiWrapper][data-state=active]:hover { background: rgba(255, 255, 255, 0.5); } [tuiAppearance][data-appearance=opposite] { --tui-border-focus: #979797; background: var(--tui-background-accent-opposite); color: var(--tui-background-base); } @media (hover: hover) and (pointer: fine) { [tuiAppearance][data-appearance=opposite]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]) { background: var(--tui-background-accent-opposite-hover); } } @media (hover: hover) and (pointer: fine) { [tuiAppearance][data-appearance=opposite]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]) { background: var(--tui-background-accent-opposite-hover); } } [tuiAppearance][data-appearance=opposite][data-state=hover] { background: var(--tui-background-accent-opposite-hover); } @media (hover: hover) and (pointer: fine) { [tuiAppearance][data-appearance=opposite][tuiWrapper]:hover:not(._no-hover), [tuiAppearance][data-appearance=opposite][tuiWrapper][data-state=hover] { background: var(--tui-background-accent-opposite-hover); } } [tuiAppearance][data-appearance=opposite]:matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]) { background: var(--tui-background-accent-opposite-pressed); } [tuiAppearance][data-appearance=opposite]:is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]) { background: var(--tui-background-accent-opposite-pressed); } [tuiAppearance][data-appearance=opposite][data-state=active] { background: var(--tui-background-accent-opposite-pressed); } [tuiAppearance][data-appearance=opposite][tuiWrapper]:active:not(._no-active), [tuiAppearance][data-appearance=opposite][tuiWrapper][data-state=active], [tuiAppearance][data-appearance=opposite][tuiWrapper][data-state=active]:hover { background: var(--tui-background-accent-opposite-pressed); } [tuiAppearance][data-appearance=outline], [tuiAppearance][data-appearance=outline-destructive], [tuiAppearance][data-appearance=outline-grayscale], [tuiAppearance][data-appearance=whiteblock] { --t-bs: var(--tui-border-normal); color: var(--tui-text-action); box-shadow: inset 0 0 0 1px var(--t-bs); } [tuiAppearance][data-appearance=outline]:checked:not([data-mode]), [tuiAppearance][data-appearance=outline-destructive]:checked:not([data-mode]), [tuiAppearance][data-appearance=outline-grayscale]:checked:not([data-mode]), [tuiAppearance][data-appearance=whiteblock]:checked:not([data-mode]), [tuiAppearance][data-appearance=outline][data-mode~=checked], [tuiAppearance][data-appearance=outline-destructive][data-mode~=checked], [tuiAppearance][data-appearance=outline-grayscale][data-mode~=checked], [tuiAppearance][data-appearance=whiteblock][data-mode~=checked] { --t-bs: var(--tui-background-accent-1); box-shadow: inset 0 0 0 2px var(--t-bs); } @media (hover: hover) and (pointer: fine) { [tuiAppearance][data-appearance=outline]:checked:not([data-mode]):matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=outline-destructive]:checked:not([data-mode]):matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=outline-grayscale]:checked:not([data-mode]):matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=whiteblock]:checked:not([data-mode]):matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=outline][data-mode~=checked]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=outline-destructive][data-mode~=checked]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=outline-grayscale][data-mode~=checked]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=whiteblock][data-mode~=checked]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]) { --t-bs: var(--tui-background-accent-1-hover); } } @media (hover: hover) and (pointer: fine) { [tuiAppearance][data-appearance=outline]:checked:not([data-mode]):is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=outline-destructive]:checked:not([data-mode]):is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=outline-grayscale]:checked:not([data-mode]):is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=whiteblock]:checked:not([data-mode]):is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=outline][data-mode~=checked]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=outline-destructive][data-mode~=checked]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=outline-grayscale][data-mode~=checked]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=whiteblock][data-mode~=checked]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]) { --t-bs: var(--tui-background-accent-1-hover); } } [tuiAppearance][data-appearance=outline]:checked:not([data-mode])[data-state=hover], [tuiAppearance][data-appearance=outline-destructive]:checked:not([data-mode])[data-state=hover], [tuiAppearance][data-appearance=outline-grayscale]:checked:not([data-mode])[data-state=hover], [tuiAppearance][data-appearance=whiteblock]:checked:not([data-mode])[data-state=hover], [tuiAppearance][data-appearance=outline][data-mode~=checked][data-state=hover], [tuiAppearance][data-appearance=outline-destructive][data-mode~=checked][data-state=hover], [tuiAppearance][data-appearance=outline-grayscale][data-mode~=checked][data-state=hover], [tuiAppearance][data-appearance=whiteblock][data-mode~=checked][data-state=hover] { --t-bs: var(--tui-background-accent-1-hover); } @media (hover: hover) and (pointer: fine) { [tuiAppearance][data-appearance=outline]:checked:not([data-mode])[tuiWrapper]:hover:not(._no-hover), [tuiAppearance][data-appearance=outline-destructive]:checked:not([data-mode])[tuiWrapper]:hover:not(._no-hover), [tuiAppearance][data-appearance=outline-grayscale]:checked:not([data-mode])[tuiWrapper]:hover:not(._no-hover), [tuiAppearance][data-appearance=whiteblock]:checked:not([data-mode])[tuiWrapper]:hover:not(._no-hover), [tuiAppearance][data-appearance=outline][data-mode~=checked][tuiWrapper]:hover:not(._no-hover), [tuiAppearance][data-appearance=outline-destructive][data-mode~=checked][tuiWrapper]:hover:not(._no-hover), [tuiAppearance][data-appearance=outline-grayscale][data-mode~=checked][tuiWrapper]:hover:not(._no-hover), [tuiAppearance][data-appearance=whiteblock][data-mode~=checked][tuiWrapper]:hover:not(._no-hover), [tuiAppearance][data-appearance=outline]:checked:not([data-mode])[tuiWrapper][data-state=hover], [tuiAppearance][data-appearance=outline-destructive]:checked:not([data-mode])[tuiWrapper][data-state=hover], [tuiAppearance][data-appearance=outline-grayscale]:checked:not([data-mode])[tuiWrapper][data-state=hover], [tuiAppearance][data-appearance=whiteblock]:checked:not([data-mode])[tuiWrapper][data-state=hover], [tuiAppearance][data-appearance=outline][data-mode~=checked][tuiWrapper][data-state=hover], [tuiAppearance][data-appearance=outline-destructive][data-mode~=checked][tuiWrapper][data-state=hover], [tuiAppearance][data-appearance=outline-grayscale][data-mode~=checked][tuiWrapper][data-state=hover], [tuiAppearance][data-appearance=whiteblock][data-mode~=checked][tuiWrapper][data-state=hover] { --t-bs: var(--tui-background-accent-1-hover); } } [tuiAppearance][data-appearance=outline]:checked:not([data-mode]):matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=outline-destructive]:checked:not([data-mode]):matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=outline-grayscale]:checked:not([data-mode]):matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=whiteblock]:checked:not([data-mode]):matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=outline][data-mode~=checked]:matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=outline-destructive][data-mode~=checked]:matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=outline-grayscale][data-mode~=checked]:matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=whiteblock][data-mode~=checked]:matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]) { --t-bs: var(--tui-background-accent-1-pressed); } [tuiAppearance][data-appearance=outline]:checked:not([data-mode]):is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=outline-destructive]:checked:not([data-mode]):is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=outline-grayscale]:checked:not([data-mode]):is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=whiteblock]:checked:not([data-mode]):is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=outline][data-mode~=checked]:is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=outline-destructive][data-mode~=checked]:is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=outline-grayscale][data-mode~=checked]:is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=whiteblock][data-mode~=checked]:is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]) { --t-bs: var(--tui-background-accent-1-pressed); } [tuiAppearance][data-appearance=outline]:checked:not([data-mode])[data-state=active], [tuiAppearance][data-appearance=outline-destructive]:checked:not([data-mode])[data-state=active], [tuiAppearance][data-appearance=outline-grayscale]:checked:not([data-mode])[data-state=active], [tuiAppearance][data-appearance=whiteblock]:checked:not([data-mode])[data-state=active], [tuiAppearance][data-appearance=outline][data-mode~=checked][data-state=active], [tuiAppearance][data-appearance=outline-destructive][data-mode~=checked][data-state=active], [tuiAppearance][data-appearance=outline-grayscale][data-mode~=checked][data-state=active], [tuiAppearance][data-appearance=whiteblock][data-mode~=checked][data-state=active] { --t-bs: var(--tui-background-accent-1-pressed); } [tuiAppearance][data-appearance=outline]:checked:not([data-mode])[tuiWrapper]:active:not(._no-active), [tuiAppearance][data-appearance=outline-destructive]:checked:not([data-mode])[tuiWrapper]:active:not(._no-active), [tuiAppearance][data-appearance=outline-grayscale]:checked:not([data-mode])[tuiWrapper]:active:not(._no-active), [tuiAppearance][data-appearance=whiteblock]:checked:not([data-mode])[tuiWrapper]:active:not(._no-active), [tuiAppearance][data-appearance=outline][data-mode~=checked][tuiWrapper]:active:not(._no-active), [tuiAppearance][data-appearance=outline-destructive][data-mode~=checked][tuiWrapper]:active:not(._no-active), [tuiAppearance][data-appearance=outline-grayscale][data-mode~=checked][tuiWrapper]:active:not(._no-active), [tuiAppearance][data-appearance=whiteblock][data-mode~=checked][tuiWrapper]:active:not(._no-active), [tuiAppearance][data-appearance=outline]:checked:not([data-mode])[tuiWrapper][data-state=active], [tuiAppearance][data-appearance=outline-destructive]:checked:not([data-mode])[tuiWrapper][data-state=active], [tuiAppearance][data-appearance=outline-grayscale]:checked:not([data-mode])[tuiWrapper][data-state=active], [tuiAppearance][data-appearance=whiteblock]:checked:not([data-mode])[tuiWrapper][data-state=active], [tuiAppearance][data-appearance=outline][data-mode~=checked][tuiWrapper][data-state=active], [tuiAppearance][data-appearance=outline-destructive][data-mode~=checked][tuiWrapper][data-state=active], [tuiAppearance][data-appearance=outline-grayscale][data-mode~=checked][tuiWrapper][data-state=active], [tuiAppearance][data-appearance=whiteblock][data-mode~=checked][tuiWrapper][data-state=active], [tuiAppearance][data-appearance=outline]:checked:not([data-mode])[tuiWrapper][data-state=active]:hover, [tuiAppearance][data-appearance=outline-destructive]:checked:not([data-mode])[tuiWrapper][data-state=active]:hover, [tuiAppearance][data-appearance=outline-grayscale]:checked:not([data-mode])[tuiWrapper][data-state=active]:hover, [tuiAppearance][data-appearance=whiteblock]:checked:not([data-mode])[tuiWrapper][data-state=active]:hover, [tuiAppearance][data-appearance=outline][data-mode~=checked][tuiWrapper][data-state=active]:hover, [tuiAppearance][data-appearance=outline-destructive][data-mode~=checked][tuiWrapper][data-state=active]:hover, [tuiAppearance][data-appearance=outline-grayscale][data-mode~=checked][tuiWrapper][data-state=active]:hover, [tuiAppearance][data-appearance=whiteblock][data-mode~=checked][tuiWrapper][data-state=active]:hover { --t-bs: var(--tui-background-accent-1-pressed); } [tuiAppearance][data-appearance=outline]:invalid:not([data-mode]), [tuiAppearance][data-appearance=outline-destructive]:invalid:not([data-mode]), [tuiAppearance][data-appearance=outline-grayscale]:invalid:not([data-mode]), [tuiAppearance][data-appearance=whiteblock]:invalid:not([data-mode]), [tuiAppearance][data-appearance=outline][data-mode~=invalid], [tuiAppearance][data-appearance=outline-destructive][data-mode~=invalid], [tuiAppearance][data-appearance=outline-grayscale][data-mode~=invalid], [tuiAppearance][data-appearance=whiteblock][data-mode~=invalid] { box-shadow: inset 0 0 0 1px var(--tui-status-negative-pale-hover); } [tuiAppearance][data-appearance=outline]:checked:invalid:not([data-mode]), [tuiAppearance][data-appearance=outline-destructive]:checked:invalid:not([data-mode]), [tuiAppearance][data-appearance=outline-grayscale]:checked:invalid:not([data-mode]), [tuiAppearance][data-appearance=whiteblock]:checked:invalid:not([data-mode]), [tuiAppearance][data-appearance=outline][data-mode~=checked][data-mode~=invalid], [tuiAppearance][data-appearance=outline-destructive][data-mode~=checked][data-mode~=invalid], [tuiAppearance][data-appearance=outline-grayscale][data-mode~=checked][data-mode~=invalid], [tuiAppearance][data-appearance=whiteblock][data-mode~=checked][data-mode~=invalid] { box-shadow: inset 0 0 0 2px var(--tui-status-negative); } @media (hover: hover) and (pointer: fine) { [tuiAppearance][data-appearance=outline]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=outline-destructive]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=outline-grayscale]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=whiteblock]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]) { background: var(--tui-background-neutral-1); cursor: pointer; --t-bs: var(--tui-border-hover); } } @media (hover: hover) and (pointer: fine) { [tuiAppearance][data-appearance=outline]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=outline-destructive]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=outline-grayscale]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=whiteblock]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]) { background: var(--tui-background-neutral-1); cursor: pointer; --t-bs: var(--tui-border-hover); } } [tuiAppearance][data-appearance=outline][data-state=hover], [tuiAppearance][data-appearance=outline-destructive][data-state=hover], [tuiAppearance][data-appearance=outline-grayscale][data-state=hover], [tuiAppearance][data-appearance=whiteblock][data-state=hover] { background: var(--tui-background-neutral-1); cursor: pointer; --t-bs: var(--tui-border-hover); } @media (hover: hover) and (pointer: fine) { [tuiAppearance][data-appearance=outline][tuiWrapper]:hover:not(._no-hover), [tuiAppearance][data-appearance=outline-destructive][tuiWrapper]:hover:not(._no-hover), [tuiAppearance][data-appearance=outline-grayscale][tuiWrapper]:hover:not(._no-hover), [tuiAppearance][data-appearance=whiteblock][tuiWrapper]:hover:not(._no-hover), [tuiAppearance][data-appearance=outline][tuiWrapper][data-state=hover], [tuiAppearance][data-appearance=outline-destructive][tuiWrapper][data-state=hover], [tuiAppearance][data-appearance=outline-grayscale][tuiWrapper][data-state=hover], [tuiAppearance][data-appearance=whiteblock][tuiWrapper][data-state=hover] { background: var(--tui-background-neutral-1); cursor: pointer; --t-bs: var(--tui-border-hover); } } [tuiAppearance][data-appearance=outline]:matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=outline-destructive]:matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=outline-grayscale]:matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=whiteblock]:matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]) { background: var(--tui-background-neutral-1); --t-bs: var(--tui-border-hover); } [tuiAppearance][data-appearance=outline]:is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=outline-destructive]:is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=outline-grayscale]:is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=whiteblock]:is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]) { background: var(--tui-background-neutral-1); --t-bs: var(--tui-border-hover); } [tuiAppearance][data-appearance=outline][data-state=active], [tuiAppearance][data-appearance=outline-destructive][data-state=active], [tuiAppearance][data-appearance=outline-grayscale][data-state=active], [tuiAppearance][data-appearance=whiteblock][data-state=active] { background: var(--tui-background-neutral-1); --t-bs: var(--tui-border-hover); } [tuiAppearance][data-appearance=outline][tuiWrapper]:active:not(._no-active), [tuiAppearance][data-appearance=outline-destructive][tuiWrapper]:active:not(._no-active), [tuiAppearance][data-appearance=outline-grayscale][tuiWrapper]:active:not(._no-active), [tuiAppearance][data-appearance=whiteblock][tuiWrapper]:active:not(._no-active), [tuiAppearance][data-appearance=outline][tuiWrapper][data-state=active], [tuiAppearance][data-appearance=outline-destructive][tuiWrapper][data-state=active], [tuiAppearance][data-appearance=outline-grayscale][tuiWrapper][data-state=active], [tuiAppearance][data-appearance=whiteblock][tuiWrapper][data-state=active], [tuiAppearance][data-appearance=outline][tuiWrapper][data-state=active]:hover, [tuiAppearance][data-appearance=outline-destructive][tuiWrapper][data-state=active]:hover, [tuiAppearance][data-appearance=outline-grayscale][tuiWrapper][data-state=active]:hover, [tuiAppearance][data-appearance=whiteblock][tuiWrapper][data-state=active]:hover { background: var(--tui-background-neutral-1); --t-bs: var(--tui-border-hover); } [tuiAppearance][data-appearance=outline-grayscale], [tuiAppearance][data-appearance=whiteblock] { color: var(--tui-text-primary); } [tuiAppearance][data-appearance=outline-destructive] { color: var(--tui-text-negative); } [tuiAppearance][data-appearance=icon], [tuiAppearance][data-appearance=outline-grayscale], [tuiAppearance][data-appearance=floating], [tuiAppearance][data-appearance=whiteblock] { color: var(--tui-text-primary); } [tuiAppearance][data-appearance=icon]::before, [tuiAppearance][data-appearance=outline-grayscale]::before, [tuiAppearance][data-appearance=floating]::before, [tuiAppearance][data-appearance=whiteblock]::before, [tuiAppearance][data-appearance=icon]::after, [tuiAppearance][data-appearance=outline-grayscale]::after, [tuiAppearance][data-appearance=floating]::after, [tuiAppearance][data-appearance=whiteblock]::after { transition-property: color, transform; transition-duration: var(--tui-duration, 300ms); transition-timing-function: ease-in-out; color: var(--tui-text-tertiary); } @media (hover: hover) and (pointer: fine) { [tuiAppearance][data-appearance=icon]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]):before, [tuiAppearance][data-appearance=outline-grayscale]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]):before, [tuiAppearance][data-appearance=floating]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]):before, [tuiAppearance][data-appearance=whiteblock]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]):before, [tuiAppearance][data-appearance=icon]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]):after, [tuiAppearance][data-appearance=outline-grayscale]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]):after, [tuiAppearance][data-appearance=floating]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]):after, [tuiAppearance][data-appearance=whiteblock]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]):after { color: var(--tui-text-secondary); } } @media (hover: hover) and (pointer: fine) { [tuiAppearance][data-appearance=icon]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]):before, [tuiAppearance][data-appearance=outline-grayscale]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]):before, [tuiAppearance][data-appearance=floating]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]):before, [tuiAppearance][data-appearance=whiteblock]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]):before, [tuiAppearance][data-appearance=icon]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]):after, [tuiAppearance][data-appearance=outline-grayscale]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]):after, [tuiAppearance][data-appearance=floating]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]):after, [tuiAppearance][data-appearance=whiteblock]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]):after { color: var(--tui-text-secondary); } } [tuiAppearance][data-appearance=icon][data-state=hover]:before, [tuiAppearance][data-appearance=outline-grayscale][data-state=hover]:before, [tuiAppearance][data-appearance=floating][data-state=hover]:before, [tuiAppearance][data-appearance=whiteblock][data-state=hover]:before, [tuiAppearance][data-appearance=icon][data-state=hover]:after, [tuiAppearance][data-appearance=outline-grayscale][data-state=hover]:after, [tuiAppearance][data-appearance=floating][data-state=hover]:after, [tuiAppearance][data-appearance=whiteblock][data-state=hover]:after { color: var(--tui-text-secondary); } @media (hover: hover) and (pointer: fine) { [tuiAppearance][data-appearance=icon][tuiWrapper]:hover:not(._no-hover):before, [tuiAppearance][data-appearance=outline-grayscale][tuiWrapper]:hover:not(._no-hover):before, [tuiAppearance][data-appearance=floating][tuiWrapper]:hover:not(._no-hover):before, [tuiAppearance][data-appearance=whiteblock][tuiWrapper]:hover:not(._no-hover):before, [tuiAppearance][data-appearance=icon][tuiWrapper][data-state=hover]:before, [tuiAppearance][data-appearance=outline-grayscale][tuiWrapper][data-state=hover]:before, [tuiAppearance][data-appearance=floating][tuiWrapper][data-state=hover]:before, [tuiAppearance][data-appearance=whiteblock][tuiWrapper][data-state=hover]:before, [tuiAppearance][data-appearance=icon][tuiWrapper]:hover:not(._no-hover):after, [tuiAppearance][data-appearance=outline-grayscale][tuiWrapper]:hover:not(._no-hover):after, [tuiAppearance][data-appearance=floating][tuiWrapper]:hover:not(._no-hover):after, [tuiAppearance][data-appearance=whiteblock][tuiWrapper]:hover:not(._no-hover):after, [tuiAppearance][data-appearance=icon][tuiWrapper][data-state=hover]:after, [tuiAppearance][data-appearance=outline-grayscale][tuiWrapper][data-state=hover]:after, [tuiAppearance][data-appearance=floating][tuiWrapper][data-state=hover]:after, [tuiAppearance][data-appearance=whiteblock][tuiWrapper][data-state=hover]:after { color: var(--tui-text-secondary); } } [tuiAppearance][data-appearance=icon]:matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]):before, [tuiAppearance][data-appearance=outline-grayscale]:matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]):before, [tuiAppearance][data-appearance=floating]:matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]):before, [tuiAppearance][data-appearance=whiteblock]:matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]):before, [tuiAppearance][data-appearance=icon]:matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]):after, [tuiAppearance][data-appearance=outline-grayscale]:matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]):after, [tuiAppearance][data-appearance=floating]:matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]):after, [tuiAppearance][data-appearance=whiteblock]:matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]):after { color: var(--tui-text-primary); } [tuiAppearance][data-appearance=icon]:is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]):before, [tuiAppearance][data-appearance=outline-grayscale]:is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]):before, [tuiAppearance][data-appearance=floating]:is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]):before, [tuiAppearance][data-appearance=whiteblock]:is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]):before, [tuiAppearance][data-appearance=icon]:is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]):after, [tuiAppearance][data-appearance=outline-grayscale]:is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]):after, [tuiAppearance][data-appearance=floating]:is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]):after, [tuiAppearance][data-appearance=whiteblock]:is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]):after { color: var(--tui-text-primary); } [tuiAppearance][data-appearance=icon][data-state=active]:before, [tuiAppearance][data-appearance=outline-grayscale][data-state=active]:before, [tuiAppearance][data-appearance=floating][data-state=active]:before, [tuiAppearance][data-appearance=whiteblock][data-state=active]:before, [tuiAppearance][data-appearance=icon][data-state=active]:after, [tuiAppearance][data-appearance=outline-grayscale][data-state=active]:after, [tuiAppearance][data-appearance=floating][data-state=active]:after, [tuiAppearance][data-appearance=whiteblock][data-state=active]:after { color: var(--tui-text-primary); } [tuiAppearance][data-appearance=icon][tuiWrapper]:active:not(._no-active):before, [tuiAppearance][data-appearance=outline-grayscale][tuiWrapper]:active:not(._no-active):before, [tuiAppearance][data-appearance=floating][tuiWrapper]:active:not(._no-active):before, [tuiAppearance][data-appearance=whiteblock][tuiWrapper]:active:not(._no-active):before, [tuiAppearance][data-appearance=icon][tuiWrapper][data-state=active]:before, [tuiAppearance][data-appearance=outline-grayscale][tuiWrapper][data-state=active]:before, [tuiAppearance][data-appearance=floating][tuiWrapper][data-state=active]:before, [tuiAppearance][data-appearance=whiteblock][tuiWrapper][data-state=active]:before, [tuiAppearance][data-appearance=icon][tuiWrapper][data-state=active]:hover:before, [tuiAppearance][data-appearance=outline-grayscale][tuiWrapper][data-state=active]:hover:before, [tuiAppearance][data-appearance=floating][tuiWrapper][data-state=active]:hover:before, [tuiAppearance][data-appearance=whiteblock][tuiWrapper][data-state=active]:hover:before, [tuiAppearance][data-appearance=icon][tuiWrapper]:active:not(._no-active):after, [tuiAppearance][data-appearance=outline-grayscale][tuiWrapper]:active:not(._no-active):after, [tuiAppearance][data-appearance=floating][tuiWrapper]:active:not(._no-active):after, [tuiAppearance][data-appearance=whiteblock][tuiWrapper]:active:not(._no-active):after, [tuiAppearance][data-appearance=icon][tuiWrapper][data-state=active]:after, [tuiAppearance][data-appearance=outline-grayscale][tuiWrapper][data-state=active]:after, [tuiAppearance][data-appearance=floating][tuiWrapper][data-state=active]:after, [tuiAppearance][data-appearance=whiteblock][tuiWrapper][data-state=active]:after, [tuiAppearance][data-appearance=icon][tuiWrapper][data-state=active]:hover:after, [tuiAppearance][data-appearance=outline-grayscale][tuiWrapper][data-state=active]:hover:after, [tuiAppearance][data-appearance=floating][tuiWrapper][data-state=active]:hover:after, [tuiAppearance][data-appearance=whiteblock][tuiWrapper][data-state=active]:hover:after { color: var(--tui-text-primary); } [tuiAppearance][data-appearance=primary] { --t-bg: var(--tui-background-accent-1); background: var(--t-bg); color: var(--tui-text-primary-on-accent-1); } [tuiAppearance][data-appearance=primary]:invalid:not([data-mode]), [tuiAppearance][data-appearance=primary][data-mode~=invalid] { background: var(--tui-status-negative); } @media (hover: hover) and (pointer: fine) { [tuiAppearance][data-appearance=primary]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]) { --t-bg: var(--tui-background-accent-1-hover); } } @media (hover: hover) and (pointer: fine) { [tuiAppearance][data-appearance=primary]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]) { --t-bg: var(--tui-background-accent-1-hover); } } [tuiAppearance][data-appearance=primary][data-state=hover] { --t-bg: var(--tui-background-accent-1-hover); } @media (hover: hover) and (pointer: fine) { [tuiAppearance][data-appearance=primary][tuiWrapper]:hover:not(._no-hover), [tuiAppearance][data-appearance=primary][tuiWrapper][data-state=hover] { --t-bg: var(--tui-background-accent-1-hover); } } [tuiAppearance][data-appearance=primary]:matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]) { --t-bg: var(--tui-background-accent-1-pressed); } [tuiAppearance][data-appearance=primary]:is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]) { --t-bg: var(--tui-background-accent-1-pressed); } [tuiAppearance][data-appearance=primary][data-state=active] { --t-bg: var(--tui-background-accent-1-pressed); } [tuiAppearance][data-appearance=primary][tuiWrapper]:active:not(._no-active), [tuiAppearance][data-appearance=primary][tuiWrapper][data-state=active], [tuiAppearance][data-appearance=primary][tuiWrapper][data-state=active]:hover { --t-bg: var(--tui-background-accent-1-pressed); } [tuiAppearance][data-appearance=primary-destructive] { color: #fff; background: var(--tui-status-negative); } @media (hover: hover) and (pointer: fine) { [tuiAppearance][data-appearance=primary-destructive]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]) { filter: saturate(1) brightness(1.3); } } @media (hover: hover) and (pointer: fine) { [tuiAppearance][data-appearance=primary-destructive]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]) { filter: saturate(1) brightness(1.3); } } [tuiAppearance][data-appearance=primary-destructive][data-state=hover] { filter: saturate(1) brightness(1.3); } @media (hover: hover) and (pointer: fine) { [tuiAppearance][data-appearance=primary-destructive][tuiWrapper]:hover:not(._no-hover), [tuiAppearance][data-appearance=primary-destructive][tuiWrapper][data-state=hover] { filter: saturate(1) brightness(1.3); } } [tuiAppearance][data-appearance=primary-destructive]:matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]) { filter: saturate(0.8) brightness(1); } [tuiAppearance][data-appearance=primary-destructive]:is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]) { filter: saturate(0.8) brightness(1); } [tuiAppearance][data-appearance=primary-destructive][data-state=active] { filter: saturate(0.8) brightness(1); } [tuiAppearance][data-appearance=primary-destructive][tuiWrapper]:active:not(._no-active), [tuiAppearance][data-appearance=primary-destructive][tuiWrapper][data-state=active], [tuiAppearance][data-appearance=primary-destructive][tuiWrapper][data-state=active]:hover { filter: saturate(0.8) brightness(1); } [tuiAppearance][data-appearance=primary-grayscale] { --tui-border-focus: #979797; background: var(--tui-background-accent-opposite); color: var(--tui-background-base); } @media (hover: hover) and (pointer: fine) { [tuiAppearance][data-appearance=primary-grayscale]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]) { background: var(--tui-background-accent-opposite-hover); } } @media (hover: hover) and (pointer: fine) { [tuiAppearance][data-appearance=primary-grayscale]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]) { background: var(--tui-background-accent-opposite-hover); } } [tuiAppearance][data-appearance=primary-grayscale][data-state=hover] { background: var(--tui-background-accent-opposite-hover); } @media (hover: hover) and (pointer: fine) { [tuiAppearance][data-appearance=primary-grayscale][tuiWrapper]:hover:not(._no-hover), [tuiAppearance][data-appearance=primary-grayscale][tuiWrapper][data-state=hover] { background: var(--tui-background-accent-opposite-hover); } } [tuiAppearance][data-appearance=primary-grayscale]:matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]) { background: var(--tui-background-accent-opposite-pressed); } [tuiAppearance][data-appearance=primary-grayscale]:is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]) { background: var(--tui-background-accent-opposite-pressed); } [tuiAppearance][data-appearance=primary-grayscale][data-state=active] { background: var(--tui-background-accent-opposite-pressed); } [tuiAppearance][data-appearance=primary-grayscale][tuiWrapper]:active:not(._no-active), [tuiAppearance][data-appearance=primary-grayscale][tuiWrapper][data-state=active], [tuiAppearance][data-appearance=primary-grayscale][tuiWrapper][data-state=active]:hover { background: var(--tui-background-accent-opposite-pressed); } [tuiAppearance][data-appearance=secondary], [tuiAppearance][data-appearance=secondary-destructive], [tuiAppearance][data-appearance=secondary-grayscale], [tuiAppearance][data-appearance=destructive] { background: var(--tui-background-neutral-1); color: var(--tui-text-action); } @media (hover: hover) and (pointer: fine) { [tuiAppearance][data-appearance=secondary]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=secondary-destructive]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=secondary-grayscale]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=destructive]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]) { background: var(--tui-background-neutral-1-hover); } } @media (hover: hover) and (pointer: fine) { [tuiAppearance][data-appearance=secondary]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=secondary-destructive]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=secondary-grayscale]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=destructive]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]) { background: var(--tui-background-neutral-1-hover); } } [tuiAppearance][data-appearance=secondary][data-state=hover], [tuiAppearance][data-appearance=secondary-destructive][data-state=hover], [tuiAppearance][data-appearance=secondary-grayscale][data-state=hover], [tuiAppearance][data-appearance=destructive][data-state=hover] { background: var(--tui-background-neutral-1-hover); } @media (hover: hover) and (pointer: fine) { [tuiAppearance][data-appearance=secondary][tuiWrapper]:hover:not(._no-hover), [tuiAppearance][data-appearance=secondary-destructive][tuiWrapper]:hover:not(._no-hover), [tuiAppearance][data-appearance=secondary-grayscale][tuiWrapper]:hover:not(._no-hover), [tuiAppearance][data-appearance=destructive][tuiWrapper]:hover:not(._no-hover), [tuiAppearance][data-appearance=secondary][tuiWrapper][data-state=hover], [tuiAppearance][data-appearance=secondary-destructive][tuiWrapper][data-state=hover], [tuiAppearance][data-appearance=secondary-grayscale][tuiWrapper][data-state=hover], [tuiAppearance][data-appearance=destructive][tuiWrapper][data-state=hover] { background: var(--tui-background-neutral-1-hover); } } [tuiAppearance][data-appearance=secondary]:matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=secondary-destructive]:matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=secondary-grayscale]:matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=destructive]:matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]) { background: var(--tui-background-neutral-1-pressed); } [tuiAppearance][data-appearance=secondary]:is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=secondary-destructive]:is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=secondary-grayscale]:is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=destructive]:is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]) { background: var(--tui-background-neutral-1-pressed); } [tuiAppearance][data-appearance=secondary][data-state=active], [tuiAppearance][data-appearance=secondary-destructive][data-state=active], [tuiAppearance][data-appearance=secondary-grayscale][data-state=active], [tuiAppearance][data-appearance=destructive][data-state=active] { background: var(--tui-background-neutral-1-pressed); } [tuiAppearance][data-appearance=secondary][tuiWrapper]:active:not(._no-active), [tuiAppearance][data-appearance=secondary-destructive][tuiWrapper]:active:not(._no-active), [tuiAppearance][data-appearance=secondary-grayscale][tuiWrapper]:active:not(._no-active), [tuiAppearance][data-appearance=destructive][tuiWrapper]:active:not(._no-active), [tuiAppearance][data-appearance=secondary][tuiWrapper][data-state=active], [tuiAppearance][data-appearance=secondary-destructive][tuiWrapper][data-state=active], [tuiAppearance][data-appearance=secondary-grayscale][tuiWrapper][data-state=active], [tuiAppearance][data-appearance=destructive][tuiWrapper][data-state=active], [tuiAppearance][data-appearance=secondary][tuiWrapper][data-state=active]:hover, [tuiAppearance][data-appearance=secondary-destructive][tuiWrapper][data-state=active]:hover, [tuiAppearance][data-appearance=secondary-grayscale][tuiWrapper][data-state=active]:hover, [tuiAppearance][data-appearance=destructive][tuiWrapper][data-state=active]:hover { background: var(--tui-background-neutral-1-pressed); } [tuiAppearance][data-appearance=secondary]:checked:not([data-mode]), [tuiAppearance][data-appearance=secondary-destructive]:checked:not([data-mode]), [tuiAppearance][data-appearance=secondary-grayscale]:checked:not([data-mode]), [tuiAppearance][data-appearance=destructive]:checked:not([data-mode]), [tuiAppearance][data-appearance=secondary][data-mode~=checked], [tuiAppearance][data-appearance=secondary-destructive][data-mode~=checked], [tuiAppearance][data-appearance=secondary-grayscale][data-mode~=checked], [tuiAppearance][data-appearance=destructive][data-mode~=checked], [tuiAppearance][data-appearance=secondary][type=checkbox]:indeterminate:not([data-mode]), [tuiAppearance][data-appearance=secondary-destructive][type=checkbox]:indeterminate:not([data-mode]), [tuiAppearance][data-appearance=secondary-grayscale][type=checkbox]:indeterminate:not([data-mode]), [tuiAppearance][data-appearance=destructive][type=checkbox]:indeterminate:not([data-mode]) { background: var(--tui-background-accent-1); color: var(--tui-text-primary-on-accent-1); } @media (hover: hover) and (pointer: fine) { [tuiAppearance][data-appearance=secondary]:checked:not([data-mode]):matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=secondary-destructive]:checked:not([data-mode]):matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=secondary-grayscale]:checked:not([data-mode]):matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=destructive]:checked:not([data-mode]):matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=secondary][data-mode~=checked]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=secondary-destructive][data-mode~=checked]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=secondary-grayscale][data-mode~=checked]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=destructive][data-mode~=checked]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=secondary][type=checkbox]:indeterminate:not([data-mode]):matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=secondary-destructive][type=checkbox]:indeterminate:not([data-mode]):matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=secondary-grayscale][type=checkbox]:indeterminate:not([data-mode]):matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=destructive][type=checkbox]:indeterminate:not([data-mode]):matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]) { background: var(--tui-background-accent-1-hover); } } @media (hover: hover) and (pointer: fine) { [tuiAppearance][data-appearance=secondary]:checked:not([data-mode]):is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=secondary-destructive]:checked:not([data-mode]):is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=secondary-grayscale]:checked:not([data-mode]):is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=destructive]:checked:not([data-mode]):is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=secondary][data-mode~=checked]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=secondary-destructive][data-mode~=checked]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=secondary-grayscale][data-mode~=checked]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=destructive][data-mode~=checked]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=secondary][type=checkbox]:indeterminate:not([data-mode]):is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=secondary-destructive][type=checkbox]:indeterminate:not([data-mode]):is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=secondary-grayscale][type=checkbox]:indeterminate:not([data-mode]):is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=destructive][type=checkbox]:indeterminate:not([data-mode]):is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]) { background: var(--tui-background-accent-1-hover); } } [tuiAppearance][data-appearance=secondary]:checked:not([data-mode])[data-state=hover], [tuiAppearance][data-appearance=secondary-destructive]:checked:not([data-mode])[data-state=hover], [tuiAppearance][data-appearance=secondary-grayscale]:checked:not([data-mode])[data-state=hover], [tuiAppearance][data-appearance=destructive]:checked:not([data-mode])[data-state=hover], [tuiAppearance][data-appearance=secondary][data-mode~=checked][data-state=hover], [tuiAppearance][data-appearance=secondary-destructive][data-mode~=checked][data-state=hover], [tuiAppearance][data-appearance=secondary-grayscale][data-mode~=checked][data-state=hover], [tuiAppearance][data-appearance=destructive][data-mode~=checked][data-state=hover], [tuiAppearance][data-appearance=secondary][type=checkbox]:indeterminate:not([data-mode])[data-state=hover], [tuiAppearance][data-appearance=secondary-destructive][type=checkbox]:indeterminate:not([data-mode])[data-state=hover], [tuiAppearance][data-appearance=secondary-grayscale][type=checkbox]:indeterminate:not([data-mode])[data-state=hover], [tuiAppearance][data-appearance=destructive][type=checkbox]:indeterminate:not([data-mode])[data-state=hover] { background: var(--tui-background-accent-1-hover); } @media (hover: hover) and (pointer: fine) { [tuiAppearance][data-appearance=secondary]:checked:not([data-mode])[tuiWrapper]:hover:not(._no-hover), [tuiAppearance][data-appearance=secondary-destructive]:checked:not([data-mode])[tuiWrapper]:hover:not(._no-hover), [tuiAppearance][data-appearance=secondary-grayscale]:checked:not([data-mode])[tuiWrapper]:hover:not(._no-hover), [tuiAppearance][data-appearance=destructive]:checked:not([data-mode])[tuiWrapper]:hover:not(._no-hover), [tuiAppearance][data-appearance=secondary][data-mode~=checked][tuiWrapper]:hover:not(._no-hover), [tuiAppearance][data-appearance=secondary-destructive][data-mode~=checked][tuiWrapper]:hover:not(._no-hover), [tuiAppearance][data-appearance=secondary-grayscale][data-mode~=checked][tuiWrapper]:hover:not(._no-hover), [tuiAppearance][data-appearance=destructive][data-mode~=checked][tuiWrapper]:hover:not(._no-hover), [tuiAppearance][data-appearance=secondary][type=checkbox]:indeterminate:not([data-mode])[tuiWrapper]:hover:not(._no-hover), [tuiAppearance][data-appearance=secondary-destructive][type=checkbox]:indeterminate:not([data-mode])[tuiWrapper]:hover:not(._no-hover), [tuiAppearance][data-appearance=secondary-grayscale][type=checkbox]:indeterminate:not([data-mode])[tuiWrapper]:hover:not(._no-hover), [tuiAppearance][data-appearance=destructive][type=checkbox]:indeterminate:not([data-mode])[tuiWrapper]:hover:not(._no-hover), [tuiAppearance][data-appearance=secondary]:checked:not([data-mode])[tuiWrapper][data-state=hover], [tuiAppearance][data-appearance=secondary-destructive]:checked:not([data-mode])[tuiWrapper][data-state=hover], [tuiAppearance][data-appearance=secondary-grayscale]:checked:not([data-mode])[tuiWrapper][data-state=hover], [tuiAppearance][data-appearance=destructive]:checked:not([data-mode])[tuiWrapper][data-state=hover], [tuiAppearance][data-appearance=secondary][data-mode~=checked][tuiWrapper][data-state=hover], [tuiAppearance][data-appearance=secondary-destructive][data-mode~=checked][tuiWrapper][data-state=hover], [tuiAppearance][data-appearance=secondary-grayscale][data-mode~=checked][tuiWrapper][data-state=hover], [tuiAppearance][data-appearance=destructive][data-mode~=checked][tuiWrapper][data-state=hover], [tuiAppearance][data-appearance=secondary][type=checkbox]:indeterminate:not([data-mode])[tuiWrapper][data-state=hover], [tuiAppearance][data-appearance=secondary-destructive][type=checkbox]:indeterminate:not([data-mode])[tuiWrapper][data-state=hover], [tuiAppearance][data-appearance=secondary-grayscale][type=checkbox]:indeterminate:not([data-mode])[tuiWrapper][data-state=hover], [tuiAppearance][data-appearance=destructive][type=checkbox]:indeterminate:not([data-mode])[tuiWrapper][data-state=hover] { background: var(--tui-background-accent-1-hover); } } [tuiAppearance][data-appearance=secondary]:checked:not([data-mode]):matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=secondary-destructive]:checked:not([data-mode]):matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=secondary-grayscale]:checked:not([data-mode]):matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=destructive]:checked:not([data-mode]):matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=secondary][data-mode~=checked]:matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=secondary-destructive][data-mode~=checked]:matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=secondary-grayscale][data-mode~=checked]:matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=destructive][data-mode~=checked]:matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=secondary][type=checkbox]:indeterminate:not([data-mode]):matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=secondary-destructive][type=checkbox]:indeterminate:not([data-mode]):matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=secondary-grayscale][type=checkbox]:indeterminate:not([data-mode]):matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=destructive][type=checkbox]:indeterminate:not([data-mode]):matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]) { background: var(--tui-background-accent-1-pressed); } [tuiAppearance][data-appearance=secondary]:checked:not([data-mode]):is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=secondary-destructive]:checked:not([data-mode]):is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=secondary-grayscale]:checked:not([data-mode]):is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=destructive]:checked:not([data-mode]):is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=secondary][data-mode~=checked]:is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=secondary-destructive][data-mode~=checked]:is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=secondary-grayscale][data-mode~=checked]:is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=destructive][data-mode~=checked]:is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=secondary][type=checkbox]:indeterminate:not([data-mode]):is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=secondary-destructive][type=checkbox]:indeterminate:not([data-mode]):is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=secondary-grayscale][type=checkbox]:indeterminate:not([data-mode]):is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=destructive][type=checkbox]:indeterminate:not([data-mode]):is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]) { background: var(--tui-background-accent-1-pressed); } [tuiAppearance][data-appearance=secondary]:checked:not([data-mode])[data-state=active], [tuiAppearance][data-appearance=secondary-destructive]:checked:not([data-mode])[data-state=active], [tuiAppearance][data-appearance=secondary-grayscale]:checked:not([data-mode])[data-state=active], [tuiAppearance][data-appearance=destructive]:checked:not([data-mode])[data-state=active], [tuiAppearance][data-appearance=secondary][data-mode~=checked][data-state=active], [tuiAppearance][data-appearance=secondary-destructive][data-mode~=checked][data-state=active], [tuiAppearance][data-appearance=secondary-grayscale][data-mode~=checked][data-state=active], [tuiAppearance][data-appearance=destructive][data-mode~=checked][data-state=active], [tuiAppearance][data-appearance=secondary][type=checkbox]:indeterminate:not([data-mode])[data-state=active], [tuiAppearance][data-appearance=secondary-destructive][type=checkbox]:indeterminate:not([data-mode])[data-state=active], [tuiAppearance][data-appearance=secondary-grayscale][type=checkbox]:indeterminate:not([data-mode])[data-state=active], [tuiAppearance][data-appearance=destructive][type=checkbox]:indeterminate:not([data-mode])[data-state=active] { background: var(--tui-background-accent-1-pressed); } [tuiAppearance][data-appearance=secondary]:checked:not([data-mode])[tuiWrapper]:active:not(._no-active), [tuiAppearance][data-appearance=secondary-destructive]:checked:not([data-mode])[tuiWrapper]:active:not(._no-active), [tuiAppearance][data-appearance=secondary-grayscale]:checked:not([data-mode])[tuiWrapper]:active:not(._no-active), [tuiAppearance][data-appearance=destructive]:checked:not([data-mode])[tuiWrapper]:active:not(._no-active), [tuiAppearance][data-appearance=secondary][data-mode~=checked][tuiWrapper]:active:not(._no-active), [tuiAppearance][data-appearance=secondary-destructive][data-mode~=checked][tuiWrapper]:active:not(._no-active), [tuiAppearance][data-appearance=secondary-grayscale][data-mode~=checked][tuiWrapper]:active:not(._no-active), [tuiAppearance][data-appearance=destructive][data-mode~=checked][tuiWrapper]:active:not(._no-active), [tuiAppearance][data-appearance=secondary][type=checkbox]:indeterminate:not([data-mode])[tuiWrapper]:active:not(._no-active), [tuiAppearance][data-appearance=secondary-destructive][type=checkbox]:indeterminate:not([data-mode])[tuiWrapper]:active:not(._no-active), [tuiAppearance][data-appearance=secondary-grayscale][type=checkbox]:indeterminate:not([data-mode])[tuiWrapper]:active:not(._no-active), [tuiAppearance][data-appearance=destructive][type=checkbox]:indeterminate:not([data-mode])[tuiWrapper]:active:not(._no-active), [tuiAppearance][data-appearance=secondary]:checked:not([data-mode])[tuiWrapper][data-state=active], [tuiAppearance][data-appearance=secondary-destructive]:checked:not([data-mode])[tuiWrapper][data-state=active], [tuiAppearance][data-appearance=secondary-grayscale]:checked:not([data-mode])[tuiWrapper][data-state=active], [tuiAppearance][data-appearance=destructive]:checked:not([data-mode])[tuiWrapper][data-state=active], [tuiAppearance][data-appearance=secondary][data-mode~=checked][tuiWrapper][data-state=active], [tuiAppearance][data-appearance=secondary-destructive][data-mode~=checked][tuiWrapper][data-state=active], [tuiAppearance][data-appearance=secondary-grayscale][data-mode~=checked][tuiWrapper][data-state=active], [tuiAppearance][data-appearance=destructive][data-mode~=checked][tuiWrapper][data-state=active], [tuiAppearance][data-appearance=secondary][type=checkbox]:indeterminate:not([data-mode])[tuiWrapper][data-state=active], [tuiAppearance][data-appearance=secondary-destructive][type=checkbox]:indeterminate:not([data-mode])[tuiWrapper][data-state=active], [tuiAppearance][data-appearance=secondary-grayscale][type=checkbox]:indeterminate:not([data-mode])[tuiWrapper][data-state=active], [tuiAppearance][data-appearance=destructive][type=checkbox]:indeterminate:not([data-mode])[tuiWrapper][data-state=active], [tuiAppearance][data-appearance=secondary]:checked:not([data-mode])[tuiWrapper][data-state=active]:hover, [tuiAppearance][data-appearance=secondary-destructive]:checked:not([data-mode])[tuiWrapper][data-state=active]:hover, [tuiAppearance][data-appearance=secondary-grayscale]:checked:not([data-mode])[tuiWrapper][data-state=active]:hover, [tuiAppearance][data-appearance=destructive]:checked:not([data-mode])[tuiWrapper][data-state=active]:hover, [tuiAppearance][data-appearance=secondary][data-mode~=checked][tuiWrapper][data-state=active]:hover, [tuiAppearance][data-appearance=secondary-destructive][data-mode~=checked][tuiWrapper][data-state=active]:hover, [tuiAppearance][data-appearance=secondary-grayscale][data-mode~=checked][tuiWrapper][data-state=active]:hover, [tuiAppearance][data-appearance=destructive][data-mode~=checked][tuiWrapper][data-state=active]:hover, [tuiAppearance][data-appearance=secondary][type=checkbox]:indeterminate:not([data-mode])[tuiWrapper][data-state=active]:hover, [tuiAppearance][data-appearance=secondary-destructive][type=checkbox]:indeterminate:not([data-mode])[tuiWrapper][data-state=active]:hover, [tuiAppearance][data-appearance=secondary-grayscale][type=checkbox]:indeterminate:not([data-mode])[tuiWrapper][data-state=active]:hover, [tuiAppearance][data-appearance=destructive][type=checkbox]:indeterminate:not([data-mode])[tuiWrapper][data-state=active]:hover { background: var(--tui-background-accent-1-pressed); } [tuiAppearance][data-appearance=secondary]:checked:not([data-mode]):invalid:not([data-mode]), [tuiAppearance][data-appearance=secondary-destructive]:checked:not([data-mode]):invalid:not([data-mode]), [tuiAppearance][data-appearance=secondary-grayscale]:checked:not([data-mode]):invalid:not([data-mode]), [tuiAppearance][data-appearance=destructive]:checked:not([data-mode]):invalid:not([data-mode]), [tuiAppearance][data-appearance=secondary][data-mode~=checked]:invalid:not([data-mode]), [tuiAppearance][data-appearance=secondary-destructive][data-mode~=checked]:invalid:not([data-mode]), [tuiAppearance][data-appearance=secondary-grayscale][data-mode~=checked]:invalid:not([data-mode]), [tuiAppearance][data-appearance=destructive][data-mode~=checked]:invalid:not([data-mode]), [tuiAppearance][data-appearance=secondary][type=checkbox]:indeterminate:not([data-mode]):invalid:not([data-mode]), [tuiAppearance][data-appearance=secondary-destructive][type=checkbox]:indeterminate:not([data-mode]):invalid:not([data-mode]), [tuiAppearance][data-appearance=secondary-grayscale][type=checkbox]:indeterminate:not([data-mode]):invalid:not([data-mode]), [tuiAppearance][data-appearance=destructive][type=checkbox]:indeterminate:not([data-mode]):invalid:not([data-mode]), [tuiAppearance][data-appearance=secondary]:checked:not([data-mode])[data-mode~=invalid], [tuiAppearance][data-appearance=secondary-destructive]:checked:not([data-mode])[data-mode~=invalid], [tuiAppearance][data-appearance=secondary-grayscale]:checked:not([data-mode])[data-mode~=invalid], [tuiAppearance][data-appearance=destructive]:checked:not([data-mode])[data-mode~=invalid], [tuiAppearance][data-appearance=secondary][data-mode~=checked][data-mode~=invalid], [tuiAppearance][data-appearance=secondary-destructive][data-mode~=checked][data-mode~=invalid], [tuiAppearance][data-appearance=secondary-grayscale][data-mode~=checked][data-mode~=invalid], [tuiAppearance][data-appearance=destructive][data-mode~=checked][data-mode~=invalid], [tuiAppearance][data-appearance=secondary][type=checkbox]:indeterminate:not([data-mode])[data-mode~=invalid], [tuiAppearance][data-appearance=secondary-destructive][type=checkbox]:indeterminate:not([data-mode])[data-mode~=invalid], [tuiAppearance][data-appearance=secondary-grayscale][type=checkbox]:indeterminate:not([data-mode])[data-mode~=invalid], [tuiAppearance][data-appearance=destructive][type=checkbox]:indeterminate:not([data-mode])[data-mode~=invalid] { background: var(--tui-status-negative); color: #fff; } @media (hover: hover) and (pointer: fine) { [tuiAppearance][data-appearance=secondary]:checked:not([data-mode]):invalid:not([data-mode]):matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=secondary-destructive]:checked:not([data-mode]):invalid:not([data-mode]):matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=secondary-grayscale]:checked:not([data-mode]):invalid:not([data-mode]):matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=destructive]:checked:not([data-mode]):invalid:not([data-mode]):matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=secondary][data-mode~=checked]:invalid:not([data-mode]):matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=secondary-destructive][data-mode~=checked]:invalid:not([data-mode]):matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=secondary-grayscale][data-mode~=checked]:invalid:not([data-mode]):matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=destructive][data-mode~=checked]:invalid:not([data-mode]):matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=secondary][type=checkbox]:indeterminate:not([data-mode]):invalid:not([data-mode]):matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=secondary-destructive][type=checkbox]:indeterminate:not([data-mode]):invalid:not([data-mode]):matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=secondary-grayscale][type=checkbox]:indeterminate:not([data-mode]):invalid:not([data-mode]):matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=destructive][type=checkbox]:indeterminate:not([data-mode]):invalid:not([data-mode]):matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=secondary]:checked:not([data-mode])[data-mode~=invalid]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=secondary-destructive]:checked:not([data-mode])[data-mode~=invalid]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=secondary-grayscale]:checked:not([data-mode])[data-mode~=invalid]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=destructive]:checked:not([data-mode])[data-mode~=invalid]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=secondary][data-mode~=checked][data-mode~=invalid]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=secondary-destructive][data-mode~=checked][data-mode~=invalid]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=secondary-grayscale][data-mode~=checked][data-mode~=invalid]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=destructive][data-mode~=checked][data-mode~=invalid]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=secondary][type=checkbox]:indeterminate:not([data-mode])[data-mode~=invalid]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=secondary-destructive][type=checkbox]:indeterminate:not([data-mode])[data-mode~=invalid]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=secondary-grayscale][type=checkbox]:indeterminate:not([data-mode])[data-mode~=invalid]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=destructive][type=checkbox]:indeterminate:not([data-mode])[data-mode~=invalid]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]) { background: var(--tui-status-negative); color: #fff; } } @media (hover: hover) and (pointer: fine) { [tuiAppearance][data-appearance=secondary]:checked:not([data-mode]):invalid:not([data-mode]):is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=secondary-destructive]:checked:not([data-mode]):invalid:not([data-mode]):is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=secondary-grayscale]:checked:not([data-mode]):invalid:not([data-mode]):is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=destructive]:checked:not([data-mode]):invalid:not([data-mode]):is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=secondary][data-mode~=checked]:invalid:not([data-mode]):is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=secondary-destructive][data-mode~=checked]:invalid:not([data-mode]):is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=secondary-grayscale][data-mode~=checked]:invalid:not([data-mode]):is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=destructive][data-mode~=checked]:invalid:not([data-mode]):is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=secondary][type=checkbox]:indeterminate:not([data-mode]):invalid:not([data-mode]):is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=secondary-destructive][type=checkbox]:indeterminate:not([data-mode]):invalid:not([data-mode]):is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=secondary-grayscale][type=checkbox]:indeterminate:not([data-mode]):invalid:not([data-mode]):is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=destructive][type=checkbox]:indeterminate:not([data-mode]):invalid:not([data-mode]):is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=secondary]:checked:not([data-mode])[data-mode~=invalid]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=secondary-destructive]:checked:not([data-mode])[data-mode~=invalid]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=secondary-grayscale]:checked:not([data-mode])[data-mode~=invalid]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=destructive]:checked:not([data-mode])[data-mode~=invalid]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=secondary][data-mode~=checked][data-mode~=invalid]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=secondary-destructive][data-mode~=checked][data-mode~=invalid]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=secondary-grayscale][data-mode~=checked][data-mode~=invalid]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=destructive][data-mode~=checked][data-mode~=invalid]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=secondary][type=checkbox]:indeterminate:not([data-mode])[data-mode~=invalid]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=secondary-destructive][type=checkbox]:indeterminate:not([data-mode])[data-mode~=invalid]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=secondary-grayscale][type=checkbox]:indeterminate:not([data-mode])[data-mode~=invalid]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=destructive][type=checkbox]:indeterminate:not([data-mode])[data-mode~=invalid]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]) { background: var(--tui-status-negative); color: #fff; } } [tuiAppearance][data-appearance=secondary]:checked:not([data-mode]):invalid:not([data-mode])[data-state=hover], [tuiAppearance][data-appearance=secondary-destructive]:checked:not([data-mode]):invalid:not([data-mode])[data-state=hover], [tuiAppearance][data-appearance=secondary-grayscale]:checked:not([data-mode]):invalid:not([data-mode])[data-state=hover], [tuiAppearance][data-appearance=destructive]:checked:not([data-mode]):invalid:not([data-mode])[data-state=hover], [tuiAppearance][data-appearance=secondary][data-mode~=checked]:invalid:not([data-mode])[data-state=hover], [tuiAppearance][data-appearance=secondary-destructive][data-mode~=checked]:invalid:not([data-mode])[data-state=hover], [tuiAppearance][data-appearance=secondary-grayscale][data-mode~=checked]:invalid:not([data-mode])[data-state=hover], [tuiAppearance][data-appearance=destructive][data-mode~=checked]:invalid:not([data-mode])[data-state=hover], [tuiAppearance][data-appearance=secondary][type=checkbox]:indeterminate:not([data-mode]):invalid:not([data-mode])[data-state=hover], [tuiAppearance][data-appearance=secondary-destructive][type=checkbox]:indeterminate:not([data-mode]):invalid:not([data-mode])[data-state=hover], [tuiAppearance][data-appearance=secondary-grayscale][type=checkbox]:indeterminate:not([data-mode]):invalid:not([data-mode])[data-state=hover], [tuiAppearance][data-appearance=destructive][type=checkbox]:indeterminate:not([data-mode]):invalid:not([data-mode])[data-state=hover], [tuiAppearance][data-appearance=secondary]:checked:not([data-mode])[data-mode~=invalid][data-state=hover], [tuiAppearance][data-appearance=secondary-destructive]:checked:not([data-mode])[data-mode~=invalid][data-state=hover], [tuiAppearance][data-appearance=secondary-grayscale]:checked:not([data-mode])[data-mode~=invalid][data-state=hover], [tuiAppearance][data-appearance=destructive]:checked:not([data-mode])[data-mode~=invalid][data-state=hover], [tuiAppearance][data-appearance=secondary][data-mode~=checked][data-mode~=invalid][data-state=hover], [tuiAppearance][data-appearance=secondary-destructive][data-mode~=checked][data-mode~=invalid][data-state=hover], [tuiAppearance][data-appearance=secondary-grayscale][data-mode~=checked][data-mode~=invalid][data-state=hover], [tuiAppearance][data-appearance=destructive][data-mode~=checked][data-mode~=invalid][data-state=hover], [tuiAppearance][data-appearance=secondary][type=checkbox]:indeterminate:not([data-mode])[data-mode~=invalid][data-state=hover], [tuiAppearance][data-appearance=secondary-destructive][type=checkbox]:indeterminate:not([data-mode])[data-mode~=invalid][data-state=hover], [tuiAppearance][data-appearance=secondary-grayscale][type=checkbox]:indeterminate:not([data-mode])[data-mode~=invalid][data-state=hover], [tuiAppearance][data-appearance=destructive][type=checkbox]:indeterminate:not([data-mode])[data-mode~=invalid][data-state=hover] { background: var(--tui-status-negative); color: #fff; } @media (hover: hover) and (pointer: fine) { [tuiAppearance][data-appearance=secondary]:checked:not([data-mode]):invalid:not([data-mode])[tuiWrapper]:hover:not(._no-hover), [tuiAppearance][data-appearance=secondary-destructive]:checked:not([data-mode]):invalid:not([data-mode])[tuiWrapper]:hover:not(._no-hover), [tuiAppearance][data-appearance=secondary-grayscale]:checked:not([data-mode]):invalid:not([data-mode])[tuiWrapper]:hover:not(._no-hover), [tuiAppearance][data-appearance=destructive]:checked:not([data-mode]):invalid:not([data-mode])[tuiWrapper]:hover:not(._no-hover), [tuiAppearance][data-appearance=secondary][data-mode~=checked]:invalid:not([data-mode])[tuiWrapper]:hover:not(._no-hover), [tuiAppearance][data-appearance=secondary-destructive][data-mode~=checked]:invalid:not([data-mode])[tuiWrapper]:hover:not(._no-hover), [tuiAppearance][data-appearance=secondary-grayscale][data-mode~=checked]:invalid:not([data-mode])[tuiWrapper]:hover:not(._no-hover), [tuiAppearance][data-appearance=destructive][data-mode~=checked]:invalid:not([data-mode])[tuiWrapper]:hover:not(._no-hover), [tuiAppearance][data-appearance=secondary][type=checkbox]:indeterminate:not([data-mode]):invalid:not([data-mode])[tuiWrapper]:hover:not(._no-hover), [tuiAppearance][data-appearance=secondary-destructive][type=checkbox]:indeterminate:not([data-mode]):invalid:not([data-mode])[tuiWrapper]:hover:not(._no-hover), [tuiAppearance][data-appearance=secondary-grayscale][type=checkbox]:indeterminate:not([data-mode]):invalid:not([data-mode])[tuiWrapper]:hover:not(._no-hover), [tuiAppearance][data-appearance=destructive][type=checkbox]:indeterminate:not([data-mode]):invalid:not([data-mode])[tuiWrapper]:hover:not(._no-hover), [tuiAppearance][data-appearance=secondary]:checked:not([data-mode])[data-mode~=invalid][tuiWrapper]:hover:not(._no-hover), [tuiAppearance][data-appearance=secondary-destructive]:checked:not([data-mode])[data-mode~=invalid][tuiWrapper]:hover:not(._no-hover), [tuiAppearance][data-appearance=secondary-grayscale]:checked:not([data-mode])[data-mode~=invalid][tuiWrapper]:hover:not(._no-hover), [tuiAppearance][data-appearance=destructive]:checked:not([data-mode])[data-mode~=invalid][tuiWrapper]:hover:not(._no-hover), [tuiAppearance][data-appearance=secondary][data-mode~=checked][data-mode~=invalid][tuiWrapper]:hover:not(._no-hover), [tuiAppearance][data-appearance=secondary-destructive][data-mode~=checked][data-mode~=invalid][tuiWrapper]:hover:not(._no-hover), [tuiAppearance][data-appearance=secondary-grayscale][data-mode~=checked][data-mode~=invalid][tuiWrapper]:hover:not(._no-hover), [tuiAppearance][data-appearance=destructive][data-mode~=checked][data-mode~=invalid][tuiWrapper]:hover:not(._no-hover), [tuiAppearance][data-appearance=secondary][type=checkbox]:indeterminate:not([data-mode])[data-mode~=invalid][tuiWrapper]:hover:not(._no-hover), [tuiAppearance][data-appearance=secondary-destructive][type=checkbox]:indeterminate:not([data-mode])[data-mode~=invalid][tuiWrapper]:hover:not(._no-hover), [tuiAppearance][data-appearance=secondary-grayscale][type=checkbox]:indeterminate:not([data-mode])[data-mode~=invalid][tuiWrapper]:hover:not(._no-hover), [tuiAppearance][data-appearance=destructive][type=checkbox]:indeterminate:not([data-mode])[data-mode~=invalid][tuiWrapper]:hover:not(._no-hover), [tuiAppearance][data-appearance=secondary]:checked:not([data-mode]):invalid:not([data-mode])[tuiWrapper][data-state=hover], [tuiAppearance][data-appearance=secondary-destructive]:checked:not([data-mode]):invalid:not([data-mode])[tuiWrapper][data-state=hover], [tuiAppearance][data-appearance=secondary-grayscale]:checked:not([data-mode]):invalid:not([data-mode])[tuiWrapper][data-state=hover], [tuiAppearance][data-appearance=destructive]:checked:not([data-mode]):invalid:not([data-mode])[tuiWrapper][data-state=hover], [tuiAppearance][data-appearance=secondary][data-mode~=checked]:invalid:not([data-mode])[tuiWrapper][data-state=hover], [tuiAppearance][data-appearance=secondary-destructive][data-mode~=checked]:invalid:not([data-mode])[tuiWrapper][data-state=hover], [tuiAppearance][data-appearance=secondary-grayscale][data-mode~=checked]:invalid:not([data-mode])[tuiWrapper][data-state=hover], [tuiAppearance][data-appearance=destructive][data-mode~=checked]:invalid:not([data-mode])[tuiWrapper][data-state=hover], [tuiAppearance][data-appearance=secondary][type=checkbox]:indeterminate:not([data-mode]):invalid:not([data-mode])[tuiWrapper][data-state=hover], [tuiAppearance][data-appearance=secondary-destructive][type=checkbox]:indeterminate:not([data-mode]):invalid:not([data-mode])[tuiWrapper][data-state=hover], [tuiAppearance][data-appearance=secondary-grayscale][type=checkbox]:indeterminate:not([data-mode]):invalid:not([data-mode])[tuiWrapper][data-state=hover], [tuiAppearance][data-appearance=destructive][type=checkbox]:indeterminate:not([data-mode]):invalid:not([data-mode])[tuiWrapper][data-state=hover], [tuiAppearance][data-appearance=secondary]:checked:not([data-mode])[data-mode~=invalid][tuiWrapper][data-state=hover], [tuiAppearance][data-appearance=secondary-destructive]:checked:not([data-mode])[data-mode~=invalid][tuiWrapper][data-state=hover], [tuiAppearance][data-appearance=secondary-grayscale]:checked:not([data-mode])[data-mode~=invalid][tuiWrapper][data-state=hover], [tuiAppearance][data-appearance=destructive]:checked:not([data-mode])[data-mode~=invalid][tuiWrapper][data-state=hover], [tuiAppearance][data-appearance=secondary][data-mode~=checked][data-mode~=invalid][tuiWrapper][data-state=hover], [tuiAppearance][data-appearance=secondary-destructive][data-mode~=checked][data-mode~=invalid][tuiWrapper][data-state=hover], [tuiAppearance][data-appearance=secondary-grayscale][data-mode~=checked][data-mode~=invalid][tuiWrapper][data-state=hover], [tuiAppearance][data-appearance=destructive][data-mode~=checked][data-mode~=invalid][tuiWrapper][data-state=hover], [tuiAppearance][data-appearance=secondary][type=checkbox]:indeterminate:not([data-mode])[data-mode~=invalid][tuiWrapper][data-state=hover], [tuiAppearance][data-appearance=secondary-destructive][type=checkbox]:indeterminate:not([data-mode])[data-mode~=invalid][tuiWrapper][data-state=hover], [tuiAppearance][data-appearance=secondary-grayscale][type=checkbox]:indeterminate:not([data-mode])[data-mode~=invalid][tuiWrapper][data-state=hover], [tuiAppearance][data-appearance=destructive][type=checkbox]:indeterminate:not([data-mode])[data-mode~=invalid][tuiWrapper][data-state=hover] { background: var(--tui-status-negative); color: #fff; } } [tuiAppearance][data-appearance=secondary]:checked:not([data-mode]):invalid:not([data-mode]):matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=secondary-destructive]:checked:not([data-mode]):invalid:not([data-mode]):matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=secondary-grayscale]:checked:not([data-mode]):invalid:not([data-mode]):matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=destructive]:checked:not([data-mode]):invalid:not([data-mode]):matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=secondary][data-mode~=checked]:invalid:not([data-mode]):matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=secondary-destructive][data-mode~=checked]:invalid:not([data-mode]):matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=secondary-grayscale][data-mode~=checked]:invalid:not([data-mode]):matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=destructive][data-mode~=checked]:invalid:not([data-mode]):matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=secondary][type=checkbox]:indeterminate:not([data-mode]):invalid:not([data-mode]):matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=secondary-destructive][type=checkbox]:indeterminate:not([data-mode]):invalid:not([data-mode]):matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=secondary-grayscale][type=checkbox]:indeterminate:not([data-mode]):invalid:not([data-mode]):matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=destructive][type=checkbox]:indeterminate:not([data-mode]):invalid:not([data-mode]):matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=secondary]:checked:not([data-mode])[data-mode~=invalid]:matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=secondary-destructive]:checked:not([data-mode])[data-mode~=invalid]:matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=secondary-grayscale]:checked:not([data-mode])[data-mode~=invalid]:matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=destructive]:checked:not([data-mode])[data-mode~=invalid]:matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=secondary][data-mode~=checked][data-mode~=invalid]:matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=secondary-destructive][data-mode~=checked][data-mode~=invalid]:matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=secondary-grayscale][data-mode~=checked][data-mode~=invalid]:matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=destructive][data-mode~=checked][data-mode~=invalid]:matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=secondary][type=checkbox]:indeterminate:not([data-mode])[data-mode~=invalid]:matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=secondary-destructive][type=checkbox]:indeterminate:not([data-mode])[data-mode~=invalid]:matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=secondary-grayscale][type=checkbox]:indeterminate:not([data-mode])[data-mode~=invalid]:matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=destructive][type=checkbox]:indeterminate:not([data-mode])[data-mode~=invalid]:matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]) { background: var(--tui-status-negative); color: #fff; } [tuiAppearance][data-appearance=secondary]:checked:not([data-mode]):invalid:not([data-mode]):is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=secondary-destructive]:checked:not([data-mode]):invalid:not([data-mode]):is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=secondary-grayscale]:checked:not([data-mode]):invalid:not([data-mode]):is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=destructive]:checked:not([data-mode]):invalid:not([data-mode]):is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=secondary][data-mode~=checked]:invalid:not([data-mode]):is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=secondary-destructive][data-mode~=checked]:invalid:not([data-mode]):is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=secondary-grayscale][data-mode~=checked]:invalid:not([data-mode]):is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=destructive][data-mode~=checked]:invalid:not([data-mode]):is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=secondary][type=checkbox]:indeterminate:not([data-mode]):invalid:not([data-mode]):is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=secondary-destructive][type=checkbox]:indeterminate:not([data-mode]):invalid:not([data-mode]):is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=secondary-grayscale][type=checkbox]:indeterminate:not([data-mode]):invalid:not([data-mode]):is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=destructive][type=checkbox]:indeterminate:not([data-mode]):invalid:not([data-mode]):is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=secondary]:checked:not([data-mode])[data-mode~=invalid]:is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=secondary-destructive]:checked:not([data-mode])[data-mode~=invalid]:is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=secondary-grayscale]:checked:not([data-mode])[data-mode~=invalid]:is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=destructive]:checked:not([data-mode])[data-mode~=invalid]:is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=secondary][data-mode~=checked][data-mode~=invalid]:is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=secondary-destructive][data-mode~=checked][data-mode~=invalid]:is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=secondary-grayscale][data-mode~=checked][data-mode~=invalid]:is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=destructive][data-mode~=checked][data-mode~=invalid]:is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=secondary][type=checkbox]:indeterminate:not([data-mode])[data-mode~=invalid]:is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=secondary-destructive][type=checkbox]:indeterminate:not([data-mode])[data-mode~=invalid]:is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=secondary-grayscale][type=checkbox]:indeterminate:not([data-mode])[data-mode~=invalid]:is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=destructive][type=checkbox]:indeterminate:not([data-mode])[data-mode~=invalid]:is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]) { background: var(--tui-status-negative); color: #fff; } [tuiAppearance][data-appearance=secondary]:checked:not([data-mode]):invalid:not([data-mode])[data-state=active], [tuiAppearance][data-appearance=secondary-destructive]:checked:not([data-mode]):invalid:not([data-mode])[data-state=active], [tuiAppearance][data-appearance=secondary-grayscale]:checked:not([data-mode]):invalid:not([data-mode])[data-state=active], [tuiAppearance][data-appearance=destructive]:checked:not([data-mode]):invalid:not([data-mode])[data-state=active], [tuiAppearance][data-appearance=secondary][data-mode~=checked]:invalid:not([data-mode])[data-state=active], [tuiAppearance][data-appearance=secondary-destructive][data-mode~=checked]:invalid:not([data-mode])[data-state=active], [tuiAppearance][data-appearance=secondary-grayscale][data-mode~=checked]:invalid:not([data-mode])[data-state=active], [tuiAppearance][data-appearance=destructive][data-mode~=checked]:invalid:not([data-mode])[data-state=active], [tuiAppearance][data-appearance=secondary][type=checkbox]:indeterminate:not([data-mode]):invalid:not([data-mode])[data-state=active], [tuiAppearance][data-appearance=secondary-destructive][type=checkbox]:indeterminate:not([data-mode]):invalid:not([data-mode])[data-state=active], [tuiAppearance][data-appearance=secondary-grayscale][type=checkbox]:indeterminate:not([data-mode]):invalid:not([data-mode])[data-state=active], [tuiAppearance][data-appearance=destructive][type=checkbox]:indeterminate:not([data-mode]):invalid:not([data-mode])[data-state=active], [tuiAppearance][data-appearance=secondary]:checked:not([data-mode])[data-mode~=invalid][data-state=active], [tuiAppearance][data-appearance=secondary-destructive]:checked:not([data-mode])[data-mode~=invalid][data-state=active], [tuiAppearance][data-appearance=secondary-grayscale]:checked:not([data-mode])[data-mode~=invalid][data-state=active], [tuiAppearance][data-appearance=destructive]:checked:not([data-mode])[data-mode~=invalid][data-state=active], [tuiAppearance][data-appearance=secondary][data-mode~=checked][data-mode~=invalid][data-state=active], [tuiAppearance][data-appearance=secondary-destructive][data-mode~=checked][data-mode~=invalid][data-state=active], [tuiAppearance][data-appearance=secondary-grayscale][data-mode~=checked][data-mode~=invalid][data-state=active], [tuiAppearance][data-appearance=destructive][data-mode~=checked][data-mode~=invalid][data-state=active], [tuiAppearance][data-appearance=secondary][type=checkbox]:indeterminate:not([data-mode])[data-mode~=invalid][data-state=active], [tuiAppearance][data-appearance=secondary-destructive][type=checkbox]:indeterminate:not([data-mode])[data-mode~=invalid][data-state=active], [tuiAppearance][data-appearance=secondary-grayscale][type=checkbox]:indeterminate:not([data-mode])[data-mode~=invalid][data-state=active], [tuiAppearance][data-appearance=destructive][type=checkbox]:indeterminate:not([data-mode])[data-mode~=invalid][data-state=active] { background: var(--tui-status-negative); color: #fff; } [tuiAppearance][data-appearance=secondary]:checked:not([data-mode]):invalid:not([data-mode])[tuiWrapper]:active:not(._no-active), [tuiAppearance][data-appearance=secondary-destructive]:checked:not([data-mode]):invalid:not([data-mode])[tuiWrapper]:active:not(._no-active), [tuiAppearance][data-appearance=secondary-grayscale]:checked:not([data-mode]):invalid:not([data-mode])[tuiWrapper]:active:not(._no-active), [tuiAppearance][data-appearance=destructive]:checked:not([data-mode]):invalid:not([data-mode])[tuiWrapper]:active:not(._no-active), [tuiAppearance][data-appearance=secondary][data-mode~=checked]:invalid:not([data-mode])[tuiWrapper]:active:not(._no-active), [tuiAppearance][data-appearance=secondary-destructive][data-mode~=checked]:invalid:not([data-mode])[tuiWrapper]:active:not(._no-active), [tuiAppearance][data-appearance=secondary-grayscale][data-mode~=checked]:invalid:not([data-mode])[tuiWrapper]:active:not(._no-active), [tuiAppearance][data-appearance=destructive][data-mode~=checked]:invalid:not([data-mode])[tuiWrapper]:active:not(._no-active), [tuiAppearance][data-appearance=secondary][type=checkbox]:indeterminate:not([data-mode]):invalid:not([data-mode])[tuiWrapper]:active:not(._no-active), [tuiAppearance][data-appearance=secondary-destructive][type=checkbox]:indeterminate:not([data-mode]):invalid:not([data-mode])[tuiWrapper]:active:not(._no-active), [tuiAppearance][data-appearance=secondary-grayscale][type=checkbox]:indeterminate:not([data-mode]):invalid:not([data-mode])[tuiWrapper]:active:not(._no-active), [tuiAppearance][data-appearance=destructive][type=checkbox]:indeterminate:not([data-mode]):invalid:not([data-mode])[tuiWrapper]:active:not(._no-active), [tuiAppearance][data-appearance=secondary]:checked:not([data-mode])[data-mode~=invalid][tuiWrapper]:active:not(._no-active), [tuiAppearance][data-appearance=secondary-destructive]:checked:not([data-mode])[data-mode~=invalid][tuiWrapper]:active:not(._no-active), [tuiAppearance][data-appearance=secondary-grayscale]:checked:not([data-mode])[data-mode~=invalid][tuiWrapper]:active:not(._no-active), [tuiAppearance][data-appearance=destructive]:checked:not([data-mode])[data-mode~=invalid][tuiWrapper]:active:not(._no-active), [tuiAppearance][data-appearance=secondary][data-mode~=checked][data-mode~=invalid][tuiWrapper]:active:not(._no-active), [tuiAppearance][data-appearance=secondary-destructive][data-mode~=checked][data-mode~=invalid][tuiWrapper]:active:not(._no-active), [tuiAppearance][data-appearance=secondary-grayscale][data-mode~=checked][data-mode~=invalid][tuiWrapper]:active:not(._no-active), [tuiAppearance][data-appearance=destructive][data-mode~=checked][data-mode~=invalid][tuiWrapper]:active:not(._no-active), [tuiAppearance][data-appearance=secondary][type=checkbox]:indeterminate:not([data-mode])[data-mode~=invalid][tuiWrapper]:active:not(._no-active), [tuiAppearance][data-appearance=secondary-destructive][type=checkbox]:indeterminate:not([data-mode])[data-mode~=invalid][tuiWrapper]:active:not(._no-active), [tuiAppearance][data-appearance=secondary-grayscale][type=checkbox]:indeterminate:not([data-mode])[data-mode~=invalid][tuiWrapper]:active:not(._no-active), [tuiAppearance][data-appearance=destructive][type=checkbox]:indeterminate:not([data-mode])[data-mode~=invalid][tuiWrapper]:active:not(._no-active), [tuiAppearance][data-appearance=secondary]:checked:not([data-mode]):invalid:not([data-mode])[tuiWrapper][data-state=active], [tuiAppearance][data-appearance=secondary-destructive]:checked:not([data-mode]):invalid:not([data-mode])[tuiWrapper][data-state=active], [tuiAppearance][data-appearance=secondary-grayscale]:checked:not([data-mode]):invalid:not([data-mode])[tuiWrapper][data-state=active], [tuiAppearance][data-appearance=destructive]:checked:not([data-mode]):invalid:not([data-mode])[tuiWrapper][data-state=active], [tuiAppearance][data-appearance=secondary][data-mode~=checked]:invalid:not([data-mode])[tuiWrapper][data-state=active], [tuiAppearance][data-appearance=secondary-destructive][data-mode~=checked]:invalid:not([data-mode])[tuiWrapper][data-state=active], [tuiAppearance][data-appearance=secondary-grayscale][data-mode~=checked]:invalid:not([data-mode])[tuiWrapper][data-state=active], [tuiAppearance][data-appearance=destructive][data-mode~=checked]:invalid:not([data-mode])[tuiWrapper][data-state=active], [tuiAppearance][data-appearance=secondary][type=checkbox]:indeterminate:not([data-mode]):invalid:not([data-mode])[tuiWrapper][data-state=active], [tuiAppearance][data-appearance=secondary-destructive][type=checkbox]:indeterminate:not([data-mode]):invalid:not([data-mode])[tuiWrapper][data-state=active], [tuiAppearance][data-appearance=secondary-grayscale][type=checkbox]:indeterminate:not([data-mode]):invalid:not([data-mode])[tuiWrapper][data-state=active], [tuiAppearance][data-appearance=destructive][type=checkbox]:indeterminate:not([data-mode]):invalid:not([data-mode])[tuiWrapper][data-state=active], [tuiAppearance][data-appearance=secondary]:checked:not([data-mode])[data-mode~=invalid][tuiWrapper][data-state=active], [tuiAppearance][data-appearance=secondary-destructive]:checked:not([data-mode])[data-mode~=invalid][tuiWrapper][data-state=active], [tuiAppearance][data-appearance=secondary-grayscale]:checked:not([data-mode])[data-mode~=invalid][tuiWrapper][data-state=active], [tuiAppearance][data-appearance=destructive]:checked:not([data-mode])[data-mode~=invalid][tuiWrapper][data-state=active], [tuiAppearance][data-appearance=secondary][data-mode~=checked][data-mode~=invalid][tuiWrapper][data-state=active], [tuiAppearance][data-appearance=secondary-destructive][data-mode~=checked][data-mode~=invalid][tuiWrapper][data-state=active], [tuiAppearance][data-appearance=secondary-grayscale][data-mode~=checked][data-mode~=invalid][tuiWrapper][data-state=active], [tuiAppearance][data-appearance=destructive][data-mode~=checked][data-mode~=invalid][tuiWrapper][data-state=active], [tuiAppearance][data-appearance=secondary][type=checkbox]:indeterminate:not([data-mode])[data-mode~=invalid][tuiWrapper][data-state=active], [tuiAppearance][data-appearance=secondary-destructive][type=checkbox]:indeterminate:not([data-mode])[data-mode~=invalid][tuiWrapper][data-state=active], [tuiAppearance][data-appearance=secondary-grayscale][type=checkbox]:indeterminate:not([data-mode])[data-mode~=invalid][tuiWrapper][data-state=active], [tuiAppearance][data-appearance=destructive][type=checkbox]:indeterminate:not([data-mode])[data-mode~=invalid][tuiWrapper][data-state=active], [tuiAppearance][data-appearance=secondary]:checked:not([data-mode]):invalid:not([data-mode])[tuiWrapper][data-state=active]:hover, [tuiAppearance][data-appearance=secondary-destructive]:checked:not([data-mode]):invalid:not([data-mode])[tuiWrapper][data-state=active]:hover, [tuiAppearance][data-appearance=secondary-grayscale]:checked:not([data-mode]):invalid:not([data-mode])[tuiWrapper][data-state=active]:hover, [tuiAppearance][data-appearance=destructive]:checked:not([data-mode]):invalid:not([data-mode])[tuiWrapper][data-state=active]:hover, [tuiAppearance][data-appearance=secondary][data-mode~=checked]:invalid:not([data-mode])[tuiWrapper][data-state=active]:hover, [tuiAppearance][data-appearance=secondary-destructive][data-mode~=checked]:invalid:not([data-mode])[tuiWrapper][data-state=active]:hover, [tuiAppearance][data-appearance=secondary-grayscale][data-mode~=checked]:invalid:not([data-mode])[tuiWrapper][data-state=active]:hover, [tuiAppearance][data-appearance=destructive][data-mode~=checked]:invalid:not([data-mode])[tuiWrapper][data-state=active]:hover, [tuiAppearance][data-appearance=secondary][type=checkbox]:indeterminate:not([data-mode]):invalid:not([data-mode])[tuiWrapper][data-state=active]:hover, [tuiAppearance][data-appearance=secondary-destructive][type=checkbox]:indeterminate:not([data-mode]):invalid:not([data-mode])[tuiWrapper][data-state=active]:hover, [tuiAppearance][data-appearance=secondary-grayscale][type=checkbox]:indeterminate:not([data-mode]):invalid:not([data-mode])[tuiWrapper][data-state=active]:hover, [tuiAppearance][data-appearance=destructive][type=checkbox]:indeterminate:not([data-mode]):invalid:not([data-mode])[tuiWrapper][data-state=active]:hover, [tuiAppearance][data-appearance=secondary]:checked:not([data-mode])[data-mode~=invalid][tuiWrapper][data-state=active]:hover, [tuiAppearance][data-appearance=secondary-destructive]:checked:not([data-mode])[data-mode~=invalid][tuiWrapper][data-state=active]:hover, [tuiAppearance][data-appearance=secondary-grayscale]:checked:not([data-mode])[data-mode~=invalid][tuiWrapper][data-state=active]:hover, [tuiAppearance][data-appearance=destructive]:checked:not([data-mode])[data-mode~=invalid][tuiWrapper][data-state=active]:hover, [tuiAppearance][data-appearance=secondary][data-mode~=checked][data-mode~=invalid][tuiWrapper][data-state=active]:hover, [tuiAppearance][data-appearance=secondary-destructive][data-mode~=checked][data-mode~=invalid][tuiWrapper][data-state=active]:hover, [tuiAppearance][data-appearance=secondary-grayscale][data-mode~=checked][data-mode~=invalid][tuiWrapper][data-state=active]:hover, [tuiAppearance][data-appearance=destructive][data-mode~=checked][data-mode~=invalid][tuiWrapper][data-state=active]:hover, [tuiAppearance][data-appearance=secondary][type=checkbox]:indeterminate:not([data-mode])[data-mode~=invalid][tuiWrapper][data-state=active]:hover, [tuiAppearance][data-appearance=secondary-destructive][type=checkbox]:indeterminate:not([data-mode])[data-mode~=invalid][tuiWrapper][data-state=active]:hover, [tuiAppearance][data-appearance=secondary-grayscale][type=checkbox]:indeterminate:not([data-mode])[data-mode~=invalid][tuiWrapper][data-state=active]:hover, [tuiAppearance][data-appearance=destructive][type=checkbox]:indeterminate:not([data-mode])[data-mode~=invalid][tuiWrapper][data-state=active]:hover { background: var(--tui-status-negative); color: #fff; } [tuiAppearance][data-appearance=secondary]:invalid:not([data-mode]), [tuiAppearance][data-appearance=secondary-destructive]:invalid:not([data-mode]), [tuiAppearance][data-appearance=secondary-grayscale]:invalid:not([data-mode]), [tuiAppearance][data-appearance=destructive]:invalid:not([data-mode]), [tuiAppearance][data-appearance=secondary][data-mode~=invalid], [tuiAppearance][data-appearance=secondary-destructive][data-mode~=invalid], [tuiAppearance][data-appearance=secondary-grayscale][data-mode~=invalid], [tuiAppearance][data-appearance=destructive][data-mode~=invalid] { color: var(--tui-text-negative); background: var(--tui-status-negative-pale); } @media (hover: hover) and (pointer: fine) { [tuiAppearance][data-appearance=secondary]:invalid:not([data-mode]):matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=secondary-destructive]:invalid:not([data-mode]):matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=secondary-grayscale]:invalid:not([data-mode]):matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=destructive]:invalid:not([data-mode]):matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=secondary][data-mode~=invalid]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=secondary-destructive][data-mode~=invalid]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=secondary-grayscale][data-mode~=invalid]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=destructive][data-mode~=invalid]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]) { color: var(--tui-text-negative-hover); background: var(--tui-status-negative-pale-hover); } } @media (hover: hover) and (pointer: fine) { [tuiAppearance][data-appearance=secondary]:invalid:not([data-mode]):is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=secondary-destructive]:invalid:not([data-mode]):is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=secondary-grayscale]:invalid:not([data-mode]):is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=destructive]:invalid:not([data-mode]):is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=secondary][data-mode~=invalid]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=secondary-destructive][data-mode~=invalid]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=secondary-grayscale][data-mode~=invalid]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=destructive][data-mode~=invalid]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]) { color: var(--tui-text-negative-hover); background: var(--tui-status-negative-pale-hover); } } [tuiAppearance][data-appearance=secondary]:invalid:not([data-mode])[data-state=hover], [tuiAppearance][data-appearance=secondary-destructive]:invalid:not([data-mode])[data-state=hover], [tuiAppearance][data-appearance=secondary-grayscale]:invalid:not([data-mode])[data-state=hover], [tuiAppearance][data-appearance=destructive]:invalid:not([data-mode])[data-state=hover], [tuiAppearance][data-appearance=secondary][data-mode~=invalid][data-state=hover], [tuiAppearance][data-appearance=secondary-destructive][data-mode~=invalid][data-state=hover], [tuiAppearance][data-appearance=secondary-grayscale][data-mode~=invalid][data-state=hover], [tuiAppearance][data-appearance=destructive][data-mode~=invalid][data-state=hover] { color: var(--tui-text-negative-hover); background: var(--tui-status-negative-pale-hover); } @media (hover: hover) and (pointer: fine) { [tuiAppearance][data-appearance=secondary]:invalid:not([data-mode])[tuiWrapper]:hover:not(._no-hover), [tuiAppearance][data-appearance=secondary-destructive]:invalid:not([data-mode])[tuiWrapper]:hover:not(._no-hover), [tuiAppearance][data-appearance=secondary-grayscale]:invalid:not([data-mode])[tuiWrapper]:hover:not(._no-hover), [tuiAppearance][data-appearance=destructive]:invalid:not([data-mode])[tuiWrapper]:hover:not(._no-hover), [tuiAppearance][data-appearance=secondary][data-mode~=invalid][tuiWrapper]:hover:not(._no-hover), [tuiAppearance][data-appearance=secondary-destructive][data-mode~=invalid][tuiWrapper]:hover:not(._no-hover), [tuiAppearance][data-appearance=secondary-grayscale][data-mode~=invalid][tuiWrapper]:hover:not(._no-hover), [tuiAppearance][data-appearance=destructive][data-mode~=invalid][tuiWrapper]:hover:not(._no-hover), [tuiAppearance][data-appearance=secondary]:invalid:not([data-mode])[tuiWrapper][data-state=hover], [tuiAppearance][data-appearance=secondary-destructive]:invalid:not([data-mode])[tuiWrapper][data-state=hover], [tuiAppearance][data-appearance=secondary-grayscale]:invalid:not([data-mode])[tuiWrapper][data-state=hover], [tuiAppearance][data-appearance=destructive]:invalid:not([data-mode])[tuiWrapper][data-state=hover], [tuiAppearance][data-appearance=secondary][data-mode~=invalid][tuiWrapper][data-state=hover], [tuiAppearance][data-appearance=secondary-destructive][data-mode~=invalid][tuiWrapper][data-state=hover], [tuiAppearance][data-appearance=secondary-grayscale][data-mode~=invalid][tuiWrapper][data-state=hover], [tuiAppearance][data-appearance=destructive][data-mode~=invalid][tuiWrapper][data-state=hover] { color: var(--tui-text-negative-hover); background: var(--tui-status-negative-pale-hover); } } [tuiAppearance][data-appearance=secondary]:invalid:not([data-mode]):matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=secondary-destructive]:invalid:not([data-mode]):matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=secondary-grayscale]:invalid:not([data-mode]):matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=destructive]:invalid:not([data-mode]):matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=secondary][data-mode~=invalid]:matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=secondary-destructive][data-mode~=invalid]:matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=secondary-grayscale][data-mode~=invalid]:matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=destructive][data-mode~=invalid]:matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]) { color: var(--tui-text-negative-hover); background: var(--tui-status-negative-pale-hover); } [tuiAppearance][data-appearance=secondary]:invalid:not([data-mode]):is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=secondary-destructive]:invalid:not([data-mode]):is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=secondary-grayscale]:invalid:not([data-mode]):is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=destructive]:invalid:not([data-mode]):is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=secondary][data-mode~=invalid]:is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=secondary-destructive][data-mode~=invalid]:is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=secondary-grayscale][data-mode~=invalid]:is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=destructive][data-mode~=invalid]:is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]) { color: var(--tui-text-negative-hover); background: var(--tui-status-negative-pale-hover); } [tuiAppearance][data-appearance=secondary]:invalid:not([data-mode])[data-state=active], [tuiAppearance][data-appearance=secondary-destructive]:invalid:not([data-mode])[data-state=active], [tuiAppearance][data-appearance=secondary-grayscale]:invalid:not([data-mode])[data-state=active], [tuiAppearance][data-appearance=destructive]:invalid:not([data-mode])[data-state=active], [tuiAppearance][data-appearance=secondary][data-mode~=invalid][data-state=active], [tuiAppearance][data-appearance=secondary-destructive][data-mode~=invalid][data-state=active], [tuiAppearance][data-appearance=secondary-grayscale][data-mode~=invalid][data-state=active], [tuiAppearance][data-appearance=destructive][data-mode~=invalid][data-state=active] { color: var(--tui-text-negative-hover); background: var(--tui-status-negative-pale-hover); } [tuiAppearance][data-appearance=secondary]:invalid:not([data-mode])[tuiWrapper]:active:not(._no-active), [tuiAppearance][data-appearance=secondary-destructive]:invalid:not([data-mode])[tuiWrapper]:active:not(._no-active), [tuiAppearance][data-appearance=secondary-grayscale]:invalid:not([data-mode])[tuiWrapper]:active:not(._no-active), [tuiAppearance][data-appearance=destructive]:invalid:not([data-mode])[tuiWrapper]:active:not(._no-active), [tuiAppearance][data-appearance=secondary][data-mode~=invalid][tuiWrapper]:active:not(._no-active), [tuiAppearance][data-appearance=secondary-destructive][data-mode~=invalid][tuiWrapper]:active:not(._no-active), [tuiAppearance][data-appearance=secondary-grayscale][data-mode~=invalid][tuiWrapper]:active:not(._no-active), [tuiAppearance][data-appearance=destructive][data-mode~=invalid][tuiWrapper]:active:not(._no-active), [tuiAppearance][data-appearance=secondary]:invalid:not([data-mode])[tuiWrapper][data-state=active], [tuiAppearance][data-appearance=secondary-destructive]:invalid:not([data-mode])[tuiWrapper][data-state=active], [tuiAppearance][data-appearance=secondary-grayscale]:invalid:not([data-mode])[tuiWrapper][data-state=active], [tuiAppearance][data-appearance=destructive]:invalid:not([data-mode])[tuiWrapper][data-state=active], [tuiAppearance][data-appearance=secondary][data-mode~=invalid][tuiWrapper][data-state=active], [tuiAppearance][data-appearance=secondary-destructive][data-mode~=invalid][tuiWrapper][data-state=active], [tuiAppearance][data-appearance=secondary-grayscale][data-mode~=invalid][tuiWrapper][data-state=active], [tuiAppearance][data-appearance=destructive][data-mode~=invalid][tuiWrapper][data-state=active], [tuiAppearance][data-appearance=secondary]:invalid:not([data-mode])[tuiWrapper][data-state=active]:hover, [tuiAppearance][data-appearance=secondary-destructive]:invalid:not([data-mode])[tuiWrapper][data-state=active]:hover, [tuiAppearance][data-appearance=secondary-grayscale]:invalid:not([data-mode])[tuiWrapper][data-state=active]:hover, [tuiAppearance][data-appearance=destructive]:invalid:not([data-mode])[tuiWrapper][data-state=active]:hover, [tuiAppearance][data-appearance=secondary][data-mode~=invalid][tuiWrapper][data-state=active]:hover, [tuiAppearance][data-appearance=secondary-destructive][data-mode~=invalid][tuiWrapper][data-state=active]:hover, [tuiAppearance][data-appearance=secondary-grayscale][data-mode~=invalid][tuiWrapper][data-state=active]:hover, [tuiAppearance][data-appearance=destructive][data-mode~=invalid][tuiWrapper][data-state=active]:hover { color: var(--tui-text-negative-hover); background: var(--tui-status-negative-pale-hover); } [tuiAppearance][data-appearance=secondary-destructive], [tuiAppearance][data-appearance=destructive] { color: var(--tui-text-negative); } [tuiAppearance][data-appearance=secondary-grayscale] { color: var(--tui-text-primary); } input[type=checkbox][data-appearance=secondary], input[type=radio][data-appearance=secondary] { --tui-background-neutral-1: var(--tui-background-neutral-2); --tui-background-neutral-1-hover: var(--tui-background-neutral-2-hover); --tui-background-neutral-1-pressed: var(--tui-background-neutral-2-pressed); } [tuiAppearance][data-appearance=error], [tuiAppearance][data-appearance=success], [tuiAppearance][data-appearance=negative], [tuiAppearance][data-appearance=positive], [tuiAppearance][data-appearance=warning], [tuiAppearance][data-appearance=info], [tuiAppearance][data-appearance=neutral] { background: var(--t-bg); color: var(--tui-text-primary); } [tuiAppearance][data-appearance=error]:checked:not([data-mode]), [tuiAppearance][data-appearance=success]:checked:not([data-mode]), [tuiAppearance][data-appearance=negative]:checked:not([data-mode]), [tuiAppearance][data-appearance=positive]:checked:not([data-mode]), [tuiAppearance][data-appearance=warning]:checked:not([data-mode]), [tuiAppearance][data-appearance=info]:checked:not([data-mode]), [tuiAppearance][data-appearance=neutral]:checked:not([data-mode]), [tuiAppearance][data-appearance=error][data-mode~=checked], [tuiAppearance][data-appearance=success][data-mode~=checked], [tuiAppearance][data-appearance=negative][data-mode~=checked], [tuiAppearance][data-appearance=positive][data-mode~=checked], [tuiAppearance][data-appearance=warning][data-mode~=checked], [tuiAppearance][data-appearance=info][data-mode~=checked], [tuiAppearance][data-appearance=neutral][data-mode~=checked] { color: #fff; } [tuiAppearance][data-appearance=error], [tuiAppearance][data-appearance=negative] { --t-bg: var(--tui-status-negative-pale); } [tuiAppearance][data-appearance=error]::before, [tuiAppearance][data-appearance=negative]::before, [tuiAppearance][data-appearance=error]::after, [tuiAppearance][data-appearance=negative]::after { color: var(--tui-status-negative); } @media (hover: hover) and (pointer: fine) { [tuiAppearance][data-appearance=error]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=negative]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]) { --t-bg: var(--tui-status-negative-pale-hover); } } @media (hover: hover) and (pointer: fine) { [tuiAppearance][data-appearance=error]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=negative]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]) { --t-bg: var(--tui-status-negative-pale-hover); } } [tuiAppearance][data-appearance=error][data-state=hover], [tuiAppearance][data-appearance=negative][data-state=hover] { --t-bg: var(--tui-status-negative-pale-hover); } @media (hover: hover) and (pointer: fine) { [tuiAppearance][data-appearance=error][tuiWrapper]:hover:not(._no-hover), [tuiAppearance][data-appearance=negative][tuiWrapper]:hover:not(._no-hover), [tuiAppearance][data-appearance=error][tuiWrapper][data-state=hover], [tuiAppearance][data-appearance=negative][tuiWrapper][data-state=hover] { --t-bg: var(--tui-status-negative-pale-hover); } } [tuiAppearance][data-appearance=error]:matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=negative]:matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]) { --t-bg: var(--tui-status-negative-pale-hover); } [tuiAppearance][data-appearance=error]:is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=negative]:is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]) { --t-bg: var(--tui-status-negative-pale-hover); } [tuiAppearance][data-appearance=error][data-state=active], [tuiAppearance][data-appearance=negative][data-state=active] { --t-bg: var(--tui-status-negative-pale-hover); } [tuiAppearance][data-appearance=error][tuiWrapper]:active:not(._no-active), [tuiAppearance][data-appearance=negative][tuiWrapper]:active:not(._no-active), [tuiAppearance][data-appearance=error][tuiWrapper][data-state=active], [tuiAppearance][data-appearance=negative][tuiWrapper][data-state=active], [tuiAppearance][data-appearance=error][tuiWrapper][data-state=active]:hover, [tuiAppearance][data-appearance=negative][tuiWrapper][data-state=active]:hover { --t-bg: var(--tui-status-negative-pale-hover); } [tuiAppearance][data-appearance=error]:checked:not([data-mode]), [tuiAppearance][data-appearance=negative]:checked:not([data-mode]), [tuiAppearance][data-appearance=error][data-mode~=checked], [tuiAppearance][data-appearance=negative][data-mode~=checked] { background: var(--tui-status-negative); } [tuiAppearance][data-appearance=success], [tuiAppearance][data-appearance=positive] { --t-bg: var(--tui-status-positive-pale); } [tuiAppearance][data-appearance=success]::before, [tuiAppearance][data-appearance=positive]::before, [tuiAppearance][data-appearance=success]::after, [tuiAppearance][data-appearance=positive]::after { color: var(--tui-status-positive); } @media (hover: hover) and (pointer: fine) { [tuiAppearance][data-appearance=success]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=positive]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]) { --t-bg: var(--tui-status-positive-pale-hover); } } @media (hover: hover) and (pointer: fine) { [tuiAppearance][data-appearance=success]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=positive]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]) { --t-bg: var(--tui-status-positive-pale-hover); } } [tuiAppearance][data-appearance=success][data-state=hover], [tuiAppearance][data-appearance=positive][data-state=hover] { --t-bg: var(--tui-status-positive-pale-hover); } @media (hover: hover) and (pointer: fine) { [tuiAppearance][data-appearance=success][tuiWrapper]:hover:not(._no-hover), [tuiAppearance][data-appearance=positive][tuiWrapper]:hover:not(._no-hover), [tuiAppearance][data-appearance=success][tuiWrapper][data-state=hover], [tuiAppearance][data-appearance=positive][tuiWrapper][data-state=hover] { --t-bg: var(--tui-status-positive-pale-hover); } } [tuiAppearance][data-appearance=success]:matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=positive]:matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]) { --t-bg: var(--tui-status-positive-pale-hover); } [tuiAppearance][data-appearance=success]:is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]), [tuiAppearance][data-appearance=positive]:is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]) { --t-bg: var(--tui-status-positive-pale-hover); } [tuiAppearance][data-appearance=success][data-state=active], [tuiAppearance][data-appearance=positive][data-state=active] { --t-bg: var(--tui-status-positive-pale-hover); } [tuiAppearance][data-appearance=success][tuiWrapper]:active:not(._no-active), [tuiAppearance][data-appearance=positive][tuiWrapper]:active:not(._no-active), [tuiAppearance][data-appearance=success][tuiWrapper][data-state=active], [tuiAppearance][data-appearance=positive][tuiWrapper][data-state=active], [tuiAppearance][data-appearance=success][tuiWrapper][data-state=active]:hover, [tuiAppearance][data-appearance=positive][tuiWrapper][data-state=active]:hover { --t-bg: var(--tui-status-positive-pale-hover); } [tuiAppearance][data-appearance=success]:checked:not([data-mode]), [tuiAppearance][data-appearance=positive]:checked:not([data-mode]), [tuiAppearance][data-appearance=success][data-mode~=checked], [tuiAppearance][data-appearance=positive][data-mode~=checked] { background: var(--tui-status-positive); } [tuiAppearance][data-appearance=warning] { --t-bg: var(--tui-status-warning-pale); } [tuiAppearance][data-appearance=warning]::before, [tuiAppearance][data-appearance=warning]::after { color: var(--tui-status-warning); } @media (hover: hover) and (pointer: fine) { [tuiAppearance][data-appearance=warning]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]) { --t-bg: var(--tui-status-warning-pale-hover); } } @media (hover: hover) and (pointer: fine) { [tuiAppearance][data-appearance=warning]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]) { --t-bg: var(--tui-status-warning-pale-hover); } } [tuiAppearance][data-appearance=warning][data-state=hover] { --t-bg: var(--tui-status-warning-pale-hover); } @media (hover: hover) and (pointer: fine) { [tuiAppearance][data-appearance=warning][tuiWrapper]:hover:not(._no-hover), [tuiAppearance][data-appearance=warning][tuiWrapper][data-state=hover] { --t-bg: var(--tui-status-warning-pale-hover); } } [tuiAppearance][data-appearance=warning]:matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]) { --t-bg: var(--tui-status-warning-pale-hover); } [tuiAppearance][data-appearance=warning]:is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]) { --t-bg: var(--tui-status-warning-pale-hover); } [tuiAppearance][data-appearance=warning][data-state=active] { --t-bg: var(--tui-status-warning-pale-hover); } [tuiAppearance][data-appearance=warning][tuiWrapper]:active:not(._no-active), [tuiAppearance][data-appearance=warning][tuiWrapper][data-state=active], [tuiAppearance][data-appearance=warning][tuiWrapper][data-state=active]:hover { --t-bg: var(--tui-status-warning-pale-hover); } [tuiAppearance][data-appearance=warning]:checked:not([data-mode]), [tuiAppearance][data-appearance=warning][data-mode~=checked] { background: var(--tui-status-warning); } [tuiAppearance][data-appearance=info] { --t-bg: var(--tui-status-info-pale); } [tuiAppearance][data-appearance=info]::before, [tuiAppearance][data-appearance=info]::after { color: var(--tui-status-info); } @media (hover: hover) and (pointer: fine) { [tuiAppearance][data-appearance=info]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]) { --t-bg: var(--tui-status-info-pale-hover); } } @media (hover: hover) and (pointer: fine) { [tuiAppearance][data-appearance=info]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]) { --t-bg: var(--tui-status-info-pale-hover); } } [tuiAppearance][data-appearance=info][data-state=hover] { --t-bg: var(--tui-status-info-pale-hover); } @media (hover: hover) and (pointer: fine) { [tuiAppearance][data-appearance=info][tuiWrapper]:hover:not(._no-hover), [tuiAppearance][data-appearance=info][tuiWrapper][data-state=hover] { --t-bg: var(--tui-status-info-pale-hover); } } [tuiAppearance][data-appearance=info]:matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]) { --t-bg: var(--tui-status-info-pale-hover); } [tuiAppearance][data-appearance=info]:is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]) { --t-bg: var(--tui-status-info-pale-hover); } [tuiAppearance][data-appearance=info][data-state=active] { --t-bg: var(--tui-status-info-pale-hover); } [tuiAppearance][data-appearance=info][tuiWrapper]:active:not(._no-active), [tuiAppearance][data-appearance=info][tuiWrapper][data-state=active], [tuiAppearance][data-appearance=info][tuiWrapper][data-state=active]:hover { --t-bg: var(--tui-status-info-pale-hover); } [tuiAppearance][data-appearance=info]:checked:not([data-mode]), [tuiAppearance][data-appearance=info][data-mode~=checked] { background: var(--tui-status-info); } [tuiAppearance][data-appearance=neutral] { --t-bg: var(--tui-background-neutral-1); } [tuiAppearance][data-appearance=neutral]::before, [tuiAppearance][data-appearance=neutral]::after { color: var(--tui-status-neutral); } @media (hover: hover) and (pointer: fine) { [tuiAppearance][data-appearance=neutral]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]) { --t-bg: var(--tui-background-neutral-1-hover); } } @media (hover: hover) and (pointer: fine) { [tuiAppearance][data-appearance=neutral]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]) { --t-bg: var(--tui-background-neutral-1-hover); } } [tuiAppearance][data-appearance=neutral][data-state=hover] { --t-bg: var(--tui-background-neutral-1-hover); } @media (hover: hover) and (pointer: fine) { [tuiAppearance][data-appearance=neutral][tuiWrapper]:hover:not(._no-hover), [tuiAppearance][data-appearance=neutral][tuiWrapper][data-state=hover] { --t-bg: var(--tui-background-neutral-1-hover); } } [tuiAppearance][data-appearance=neutral]:matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]) { --t-bg: var(--tui-background-neutral-1-pressed); } [tuiAppearance][data-appearance=neutral]:is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]) { --t-bg: var(--tui-background-neutral-1-pressed); } [tuiAppearance][data-appearance=neutral][data-state=active] { --t-bg: var(--tui-background-neutral-1-pressed); } [tuiAppearance][data-appearance=neutral][tuiWrapper]:active:not(._no-active), [tuiAppearance][data-appearance=neutral][tuiWrapper][data-state=active], [tuiAppearance][data-appearance=neutral][tuiWrapper][data-state=active]:hover { --t-bg: var(--tui-background-neutral-1-pressed); } [tuiAppearance][data-appearance=neutral]:checked:not([data-mode]), [tuiAppearance][data-appearance=neutral][data-mode~=checked] { background: var(--tui-status-neutral); } [tuiAppearance][data-appearance=table]:not([tuiWrapper]) { content: ""; position: fixed; top: -1px; bottom: -1px; left: -1px; right: -1px; inline-size: auto; block-size: auto; border-radius: 0; background: transparent; border: none; outline: none; border-bottom: calc(var(--t-row-height) - var(--t-height)) solid transparent; } [tuiAppearance][data-appearance=table]:not([tuiWrapper]):not(._empty) { color: var(--tui-text-primary); } @media (hover: hover) and (pointer: fine) { [tuiAppearance][data-appearance=table]:not([tuiWrapper]):matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state])[data-focus=false] { background-color: var(--tui-background-neutral-1); } } @media (hover: hover) and (pointer: fine) { [tuiAppearance][data-appearance=table]:not([tuiWrapper]):is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state])[data-focus=false] { background-color: var(--tui-background-neutral-1); } } [tuiAppearance][data-appearance=table]:not([tuiWrapper])[data-state=hover][data-focus=false] { background-color: var(--tui-background-neutral-1); } @media (hover: hover) and (pointer: fine) { [tuiAppearance][data-appearance=table]:not([tuiWrapper])[tuiWrapper]:hover:not(._no-hover)[data-focus=false], [tuiAppearance][data-appearance=table]:not([tuiWrapper])[tuiWrapper][data-state=hover][data-focus=false] { background-color: var(--tui-background-neutral-1); } } [tuiAppearance][data-appearance=table]:not([tuiWrapper]):focus-visible:not([data-focus=false]) { outline-offset: -0.125rem; outline: 0.125rem solid var(--tui-border-focus); } [tuiAppearance][data-appearance=table]:not([tuiWrapper])[data-focus=true] { outline-offset: -0.125rem; outline: 0.125rem solid var(--tui-border-focus); } [tuiAppearance][data-appearance=table]:not([tuiWrapper])[tuiWrapper]:not(._focused):has(:focus-visible), [tuiAppearance][data-appearance=table]:not([tuiWrapper])[tuiWrapper]._focused { outline-offset: -0.125rem; outline: 0.125rem solid var(--tui-border-focus); } [tuiAppearance][data-appearance=table]:not([tuiWrapper]):invalid, [tuiAppearance][data-appearance=table]:not([tuiWrapper])[data-mode~=invalid] { background-origin: border-box; background-position: top right; background-repeat: no-repeat; background-image: linear-gradient( to top right, transparent 0% 50%, var(--tui-status-negative) 50% 100%); background-size: 0.5rem 0.5rem; } [tuiAppearance][data-appearance=table]:not([tuiWrapper]):invalid[data-focus=false], [tuiAppearance][data-appearance=table]:not([tuiWrapper])[data-mode~=invalid][data-focus=false] { background-color: var(--tui-status-negative-pale); } @media (hover: hover) and (pointer: fine) { [tuiAppearance][data-appearance=table]:not([tuiWrapper]):invalid:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state])[data-focus=false], [tuiAppearance][data-appearance=table]:not([tuiWrapper])[data-mode~=invalid]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state])[data-focus=false] { background-color: var(--tui-status-negative-pale-hover); } } @media (hover: hover) and (pointer: fine) { [tuiAppearance][data-appearance=table]:not([tuiWrapper]):invalid:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state])[data-focus=false], [tuiAppearance][data-appearance=table]:not([tuiWrapper])[data-mode~=invalid]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state])[data-focus=false] { background-color: var(--tui-status-negative-pale-hover); } } [tuiAppearance][data-appearance=table]:not([tuiWrapper]):invalid[data-state=hover][data-focus=false], [tuiAppearance][data-appearance=table]:not([tuiWrapper])[data-mode~=invalid][data-state=hover][data-focus=false] { background-color: var(--tui-status-negative-pale-hover); } @media (hover: hover) and (pointer: fine) { [tuiAppearance][data-appearance=table]:not([tuiWrapper]):invalid[tuiWrapper]:hover:not(._no-hover)[data-focus=false], [tuiAppearance][data-appearance=table]:not([tuiWrapper])[data-mode~=invalid][tuiWrapper]:hover:not(._no-hover)[data-focus=false], [tuiAppearance][data-appearance=table]:not([tuiWrapper]):invalid[tuiWrapper][data-state=hover][data-focus=false], [tuiAppearance][data-appearance=table]:not([tuiWrapper])[data-mode~=invalid][tuiWrapper][data-state=hover][data-focus=false] { background-color: var(--tui-status-negative-pale-hover); } } [tuiAppearance][data-appearance=table]:not([tuiWrapper]):invalid:disabled:not([data-state]), [tuiAppearance][data-appearance=table]:not([tuiWrapper])[data-mode~=invalid]:disabled:not([data-state]), [tuiAppearance][data-appearance=table]:not([tuiWrapper]):invalid[data-state=disabled], [tuiAppearance][data-appearance=table]:not([tuiWrapper])[data-mode~=invalid][data-state=disabled] { background: transparent; outline: none; } [tuiAppearance][data-appearance=table]:not([tuiWrapper]):invalid[tuiWrapper]:disabled:not([data-state]), [tuiAppearance][data-appearance=table]:not([tuiWrapper])[data-mode~=invalid][tuiWrapper]:disabled:not([data-state]), [tuiAppearance][data-appearance=table]:not([tuiWrapper]):invalid[tuiWrapper][data-state=disabled], [tuiAppearance][data-appearance=table]:not([tuiWrapper])[data-mode~=invalid][tuiWrapper][data-state=disabled] { background: transparent; outline: none; } [tuiAppearance][data-appearance=table]:not([tuiWrapper]):invalid:focus-visible:not([data-focus=false]), [tuiAppearance][data-appearance=table]:not([tuiWrapper])[data-mode~=invalid]:focus-visible:not([data-focus=false]) { background-color: transparent; outline-offset: -0.0625rem; outline: 0.0625rem solid var(--tui-status-negative); } [tuiAppearance][data-appearance=table]:not([tuiWrapper]):invalid[data-focus=true], [tuiAppearance][data-appearance=table]:not([tuiWrapper])[data-mode~=invalid][data-focus=true] { background-color: transparent; outline-offset: -0.0625rem; outline: 0.0625rem solid var(--tui-status-negative); } [tuiAppearance][data-appearance=table]:not([tuiWrapper]):invalid[tuiWrapper]:not(._focused):has(:focus-visible), [tuiAppearance][data-appearance=table]:not([tuiWrapper])[data-mode~=invalid][tuiWrapper]:not(._focused):has(:focus-visible), [tuiAppearance][data-appearance=table]:not([tuiWrapper]):invalid[tuiWrapper]._focused, [tuiAppearance][data-appearance=table]:not([tuiWrapper])[data-mode~=invalid][tuiWrapper]._focused { background-color: transparent; outline-offset: -0.0625rem; outline: 0.0625rem solid var(--tui-status-negative); } [tuiWrapper] { transition-property: color, background, opacity; transition-duration: var(--tui-duration, 300ms); transition-timing-function: ease-in-out; position: relative; display: block; block-size: 100%; inline-size: 100%; appearance: none; border-radius: inherit; } [tuiWrapper]:disabled:disabled, [tuiWrapper][data-state=disabled][data-state=disabled] { pointer-events: none; opacity: var(--tui-disabled-opacity); } [tuiWrapper][data-appearance=textfield] { transition-property: box-shadow, background; transition-duration: var(--tui-duration, 300ms); transition-timing-function: ease-in-out; background: var(--tui-background-base); color: var(--tui-text-primary); outline: none !important; box-shadow: 0 0.125rem 0.1875rem rgba(0, 0, 0, 0.1); } [tuiWrapper][data-appearance=textfield]::after { transition-property: color; transition-duration: var(--tui-duration, 300ms); transition-timing-function: ease-in-out; position: absolute; top: 0; left: 0; bottom: 0; right: 0; content: ""; border-radius: inherit; border: 1px solid currentColor; pointer-events: none; color: var(--tui-border-normal); } @media (hover: hover) and (pointer: fine) { [tuiWrapper][data-appearance=textfield]:hover:not(._no-hover), [tuiWrapper][data-appearance=textfield][data-state=hover] { box-shadow: 0 0.125rem 0.3125rem rgba(0, 0, 0, 0.16); } } [tuiWrapper][data-appearance=textfield]:focus-visible:focus-visible { box-shadow: none; } [tuiWrapper][data-appearance=textfield]:focus-visible:focus-visible:after { border-width: 2px; color: var(--tui-background-accent-1); } [tuiWrapper][data-appearance=textfield]:has(:focus-visible) { box-shadow: none; } [tuiWrapper][data-appearance=textfield]:has(:focus-visible):after { border-width: 2px; color: var(--tui-background-accent-1); } [tuiWrapper][data-appearance=textfield]._focused._focused { box-shadow: none; } [tuiWrapper][data-appearance=textfield]._focused._focused:after { border-width: 2px; color: var(--tui-background-accent-1); } [tuiWrapper][data-appearance=textfield][data-state=readonly][data-state=readonly] { box-shadow: none; background: transparent; } [tuiWrapper][data-appearance=textfield][data-state=readonly][data-state=readonly]:after { color: var(--tui-border-normal); } [tuiWrapper][data-appearance=textfield]:disabled:disabled, [tuiWrapper][data-appearance=textfield][data-state=disabled][data-state=disabled] { box-shadow: none; } [tuiWrapper][data-appearance=textfield]:invalid:invalid:after, [tuiWrapper][data-appearance=textfield]._invalid._invalid:after { color: var(--tui-text-negative); } [tuiTheme=dark][tuiWrapper][data-appearance=textfield], [tuiTheme=dark] [tuiWrapper][data-appearance=textfield] { background: var(--tui-background-neutral-1); } @media (hover: hover) and (pointer: fine) { [tuiTheme=dark][tuiWrapper][data-appearance=textfield]:hover:not(._no-hover), [tuiTheme=dark] [tuiWrapper][data-appearance=textfield]:hover:not(._no-hover), [tuiTheme=dark][tuiWrapper][data-appearance=textfield][data-state=hover], [tuiTheme=dark] [tuiWrapper][data-appearance=textfield][data-state=hover] { background: var(--tui-background-neutral-1-hover); } } [tuiTheme=dark][tuiWrapper][data-appearance=textfield]:focus-visible:focus-visible, [tuiTheme=dark] [tuiWrapper][data-appearance=textfield]:focus-visible:focus-visible { background: transparent; } [tuiTheme=dark][tuiWrapper][data-appearance=textfield]:has(:focus-visible), [tuiTheme=dark] [tuiWrapper][data-appearance=textfield]:has(:focus-visible) { background: transparent; } [tuiTheme=dark][tuiWrapper][data-appearance=textfield]._focused._focused, [tuiTheme=dark] [tuiWrapper][data-appearance=textfield]._focused._focused { background: transparent; } [tuiWrapper][data-appearance=table] { border-radius: 0; background: transparent; color: var(--tui-text-primary); outline: none !important; } [tuiWrapper][data-appearance=table]::before, [tuiWrapper][data-appearance=table][data-appearance=table]::after { content: ""; position: fixed; top: -0.03125rem; left: -1px; right: -0.03125rem; bottom: -1px; } [tuiWrapper][data-appearance=table]::before { transition-property: background; transition-duration: var(--tui-duration, 300ms); transition-timing-function: ease-in-out; z-index: -1; background-repeat: no-repeat; background-position: top right; background-size: 0.5rem 0.5rem; } [tuiWrapper][data-appearance=table][data-appearance=table]::after { border: 1px solid currentColor; border-radius: inherit; pointer-events: none; color: var(--tui-border-normal); } @media (hover: hover) and (pointer: fine) { [tuiWrapper][data-appearance=table]:hover:not(._no-hover):not(._focused):before, [tuiWrapper][data-appearance=table][data-state=hover]:not(._focused):before { background-color: var(--tui-background-neutral-1); } } [tuiWrapper][data-appearance=table]:focus-visible:focus-visible { background: transparent; } [tuiWrapper][data-appearance=table]:focus-visible:focus-visible:after { border-width: 2px; color: var(--tui-border-focus); } [tuiWrapper][data-appearance=table]:has(:focus-visible) { background: transparent; } [tuiWrapper][data-appearance=table]:has(:focus-visible):after { border-width: 2px; color: var(--tui-border-focus); } [tuiWrapper][data-appearance=table]._focused._focused { background: transparent; } [tuiWrapper][data-appearance=table]._focused._focused:after { border-width: 2px; color: var(--tui-border-focus); } [tuiWrapper][data-appearance=table]:invalid:invalid:before, [tuiWrapper][data-appearance=table]._invalid._invalid:before { background-image: linear-gradient( to top right, transparent 0%, transparent 50%, var(--tui-status-negative) 50%, var(--tui-status-negative) 100%); } [tuiWrapper][data-appearance=table]:invalid:invalid:not(._focused):before, [tuiWrapper][data-appearance=table]._invalid._invalid:not(._focused):before { background-color: var(--tui-status-negative-pale); } @media (hover: hover) and (pointer: fine) { [tuiWrapper][data-appearance=table]:invalid:invalid:hover:not(._no-hover):not(._focused):before, [tuiWrapper][data-appearance=table]._invalid._invalid:hover:not(._no-hover):not(._focused):before, [tuiWrapper][data-appearance=table]:invalid:invalid[data-state=hover]:not(._focused):before, [tuiWrapper][data-appearance=table]._invalid._invalid[data-state=hover]:not(._focused):before { background-color: var(--tui-status-negative-pale-hover); } } [tuiWrapper][data-appearance=table]:invalid:invalid:disabled:disabled, [tuiWrapper][data-appearance=table]._invalid._invalid:disabled:disabled, [tuiWrapper][data-appearance=table]:invalid:invalid[data-state=disabled][data-state=disabled], [tuiWrapper][data-appearance=table]._invalid._invalid[data-state=disabled][data-state=disabled] { background: transparent; } [tuiWrapper][data-appearance=table]:invalid:invalid:focus-visible:focus-visible, [tuiWrapper][data-appearance=table]._invalid._invalid:focus-visible:focus-visible { background: transparent; --tui-border-focus: var(--tui-status-negative); } [tuiWrapper][data-appearance=table]:invalid:invalid:focus-visible:focus-visible:after, [tuiWrapper][data-appearance=table]._invalid._invalid:focus-visible:focus-visible:after { border-width: 1px; } [tuiWrapper][data-appearance=table]:invalid:invalid:has(:focus-visible), [tuiWrapper][data-appearance=table]._invalid._invalid:has(:focus-visible) { background: transparent; --tui-border-focus: var(--tui-status-negative); } [tuiWrapper][data-appearance=table]:invalid:invalid:has(:focus-visible):after, [tuiWrapper][data-appearance=table]._invalid._invalid:has(:focus-visible):after { border-width: 1px; } [tuiWrapper][data-appearance=table]:invalid:invalid._focused._focused, [tuiWrapper][data-appearance=table]._invalid._invalid._focused._focused { background: transparent; --tui-border-focus: var(--tui-status-negative); } [tuiWrapper][data-appearance=table]:invalid:invalid._focused._focused:after, [tuiWrapper][data-appearance=table]._invalid._invalid._focused._focused:after { border-width: 1px; } table [tuiWrapper][data-appearance=table][data-appearance=table]:not(._focused)::after { border-width: 0; } table [tuiWrapper][data-appearance=table]._focused { z-index: 1; } [tuiWrapper][data-appearance=icon] { color: var(--tui-text-tertiary); } [tuiWrapper]:not([data-state=readonly]):hover .t-textfield-icon [tuiWrapper][data-appearance=icon]:not([data-state=disabled]) { color: var(--tui-text-secondary); } @media (hover: hover) and (pointer: fine) { [tuiWrapper][data-appearance=icon]:hover:not(._no-hover), [tuiWrapper][data-appearance=icon][data-state=hover] { color: var(--tui-text-secondary); } } [tuiWrapper][data-appearance=icon]:active:not(._no-active), [tuiWrapper][data-appearance=icon][data-state=active], [tuiWrapper][data-appearance=icon][data-state=active]:hover { color: var(--tui-text-primary); } tui-primitive-textfield:hover:not(._disabled) [tuiAppearance][data-appearance=icon], tui-textarea:hover:not(._disabled) [tuiAppearance][data-appearance=icon], tui-input-tag:hover:not(._disabled) [tuiAppearance][data-appearance=icon] { color: var(--tui-text-secondary); } tui-primitive-textfield:hover:not(._disabled) [tuiAppearance][data-appearance=icon]:active:not(._no-active), tui-textarea:hover:not(._disabled) [tuiAppearance][data-appearance=icon]:active:not(._no-active), tui-input-tag:hover:not(._disabled) [tuiAppearance][data-appearance=icon]:active:not(._no-active), tui-primitive-textfield:hover:not(._disabled) [tuiAppearance][data-appearance=icon][data-state=active], tui-textarea:hover:not(._disabled) [tuiAppearance][data-appearance=icon][data-state=active], tui-input-tag:hover:not(._disabled) [tuiAppearance][data-appearance=icon][data-state=active], tui-primitive-textfield:hover:not(._disabled) [tuiAppearance][data-appearance=icon][data-state=active]:hover, tui-textarea:hover:not(._disabled) [tuiAppearance][data-appearance=icon][data-state=active]:hover, tui-input-tag:hover:not(._disabled) [tuiAppearance][data-appearance=icon][data-state=active]:hover { color: var(--tui-text-primary); } [tuiWrapper][data-appearance=none] { outline: none; } [tuiWrapper][data-appearance=none]::after { border: none; } [tuiAppearance][data-appearance=textfield] { transition-property: box-shadow, background-color, outline-color, border-color; transition-duration: var(--tui-duration, 300ms); transition-timing-function: ease-in-out; --t-shadow: 0 0.125rem 0.1875rem rgba(0, 0, 0, 0.1); background-color: var(--tui-background-base); color: var(--tui-text-primary); box-shadow: var(--t-shadow); outline: 1px solid var(--tui-border-normal); outline-offset: -1px; border-width: 0; } [tuiAppearance][data-appearance=textfield]:not([tuiWrapper])::before, [tuiAppearance][data-appearance=textfield]:not([tuiWrapper])::after { transition-property: color, transform; transition-duration: var(--tui-duration, 300ms); transition-timing-function: ease-in-out; color: var(--tui-text-tertiary); } @media (hover: hover) and (pointer: fine) { [tuiAppearance][data-appearance=textfield]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]) { --t-shadow: 0 0.125rem 0.3125rem rgba(0, 0, 0, 0.16); } [tuiAppearance][data-appearance=textfield]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]):not([tuiWrapper]):before, [tuiAppearance][data-appearance=textfield]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]):not([tuiWrapper]):after { color: var(--tui-text-secondary); } } @media (hover: hover) and (pointer: fine) { [tuiAppearance][data-appearance=textfield]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]) { --t-shadow: 0 0.125rem 0.3125rem rgba(0, 0, 0, 0.16); } [tuiAppearance][data-appearance=textfield]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]):not([tuiWrapper]):before, [tuiAppearance][data-appearance=textfield]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]):not([tuiWrapper]):after { color: var(--tui-text-secondary); } } [tuiAppearance][data-appearance=textfield][data-state=hover] { --t-shadow: 0 0.125rem 0.3125rem rgba(0, 0, 0, 0.16); } [tuiAppearance][data-appearance=textfield][data-state=hover]:not([tuiWrapper]):before, [tuiAppearance][data-appearance=textfield][data-state=hover]:not([tuiWrapper]):after { color: var(--tui-text-secondary); } @media (hover: hover) and (pointer: fine) { [tuiAppearance][data-appearance=textfield][tuiWrapper]:hover:not(._no-hover), [tuiAppearance][data-appearance=textfield][tuiWrapper][data-state=hover] { --t-shadow: 0 0.125rem 0.3125rem rgba(0, 0, 0, 0.16); } [tuiAppearance][data-appearance=textfield][tuiWrapper]:hover:not(._no-hover):not([tuiWrapper]):before, [tuiAppearance][data-appearance=textfield][tuiWrapper][data-state=hover]:not([tuiWrapper]):before, [tuiAppearance][data-appearance=textfield][tuiWrapper]:hover:not(._no-hover):not([tuiWrapper]):after, [tuiAppearance][data-appearance=textfield][tuiWrapper][data-state=hover]:not([tuiWrapper]):after { color: var(--tui-text-secondary); } } [tuiAppearance][data-appearance=textfield]:matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]):not([tuiWrapper]):before, [tuiAppearance][data-appearance=textfield]:matches(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]):not([tuiWrapper]):after { color: var(--tui-text-primary); } [tuiAppearance][data-appearance=textfield]:is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]):not([tuiWrapper]):before, [tuiAppearance][data-appearance=textfield]:is(a, button, select, textarea, input, label):not(:disabled):active:not(:disabled):not([data-state]):not([tuiWrapper]):after { color: var(--tui-text-primary); } [tuiAppearance][data-appearance=textfield][data-state=active]:not([tuiWrapper]):before, [tuiAppearance][data-appearance=textfield][data-state=active]:not([tuiWrapper]):after { color: var(--tui-text-primary); } [tuiAppearance][data-appearance=textfield][tuiWrapper]:active:not(._no-active):not([tuiWrapper]):before, [tuiAppearance][data-appearance=textfield][tuiWrapper][data-state=active]:not([tuiWrapper]):before, [tuiAppearance][data-appearance=textfield][tuiWrapper][data-state=active]:hover:not([tuiWrapper]):before, [tuiAppearance][data-appearance=textfield][tuiWrapper]:active:not(._no-active):not([tuiWrapper]):after, [tuiAppearance][data-appearance=textfield][tuiWrapper][data-state=active]:not([tuiWrapper]):after, [tuiAppearance][data-appearance=textfield][tuiWrapper][data-state=active]:hover:not([tuiWrapper]):after { color: var(--tui-text-primary); } [tuiAppearance][data-appearance=textfield]:focus-visible:not([data-focus=false]) { box-shadow: none; outline: 0.125rem solid var(--tui-background-accent-1); outline-offset: -0.125rem; } [tuiAppearance][data-appearance=textfield][data-focus=true] { box-shadow: none; outline: 0.125rem solid var(--tui-background-accent-1); outline-offset: -0.125rem; } [tuiAppearance][data-appearance=textfield][tuiWrapper]:not(._focused):has(:focus-visible), [tuiAppearance][data-appearance=textfield][tuiWrapper]._focused { box-shadow: none; outline: 0.125rem solid var(--tui-background-accent-1); outline-offset: -0.125rem; } [tuiAppearance][data-appearance=textfield]:disabled:not([data-state]), [tuiAppearance][data-appearance=textfield][data-state=disabled] { box-shadow: none; } [tuiAppearance][data-appearance=textfield][tuiWrapper]:disabled:not([data-state]), [tuiAppearance][data-appearance=textfield][tuiWrapper][data-state=disabled] { box-shadow: none; } [tuiAppearance][data-appearance=textfield][data-mode~=invalid][data-mode~=invalid], [tuiAppearance][data-appearance=textfield]:invalid:not([data-mode]) { outline-color: var(--tui-status-negative); } [tuiAppearance][data-appearance=textfield][data-mode~=readonly], input[tuiAppearance][data-appearance=textfield]:read-only:not([data-mode]) { background: transparent !important; box-shadow: none !important; outline-color: var(--tui-border-normal) !important; } [tuiAppearance][data-appearance=textfield][chrome-autofilled], [tuiAppearance][data-appearance=textfield]:-webkit-autofill { -webkit-text-fill-color: var(--tui-text-primary) !important; caret-color: var(--tui-text-primary) !important; box-shadow: 0 0 0 100rem var(--tui-service-autofill-background) inset !important; transition: background-color 600000s 0s; } [tuiTheme=dark] [tuiAppearance][data-appearance=textfield], [tuiTheme=dark][tuiAppearance][data-appearance=textfield] { background-color: var(--tui-background-neutral-1); } @media (hover: hover) and (pointer: fine) { [tuiTheme=dark] [tuiAppearance][data-appearance=textfield]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]), [tuiTheme=dark][tuiAppearance][data-appearance=textfield]:matches(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]) { background-color: var(--tui-background-neutral-1-hover); } } @media (hover: hover) and (pointer: fine) { [tuiTheme=dark] [tuiAppearance][data-appearance=textfield]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]), [tuiTheme=dark][tuiAppearance][data-appearance=textfield]:is(a, button, select, textarea, input, label):not(:disabled):hover:not(:disabled):not([data-state]) { background-color: var(--tui-background-neutral-1-hover); } } [tuiTheme=dark] [tuiAppearance][data-appearance=textfield][data-state=hover], [tuiTheme=dark][tuiAppearance][data-appearance=textfield][data-state=hover] { background-color: var(--tui-background-neutral-1-hover); } @media (hover: hover) and (pointer: fine) { [tuiTheme=dark] [tuiAppearance][data-appearance=textfield][tuiWrapper]:hover:not(._no-hover), [tuiTheme=dark][tuiAppearance][data-appearance=textfield][tuiWrapper]:hover:not(._no-hover), [tuiTheme=dark] [tuiAppearance][data-appearance=textfield][tuiWrapper][data-state=hover], [tuiTheme=dark][tuiAppearance][data-appearance=textfield][tuiWrapper][data-state=hover] { background-color: var(--tui-background-neutral-1-hover); } } [tuiTheme=dark] [tuiAppearance][data-appearance=textfield]:focus-visible:not([data-focus=false]), [tuiTheme=dark][tuiAppearance][data-appearance=textfield]:focus-visible:not([data-focus=false]) { background-color: transparent !important; } [tuiTheme=dark] [tuiAppearance][data-appearance=textfield][data-focus=true], [tuiTheme=dark][tuiAppearance][data-appearance=textfield][data-focus=true] { background-color: transparent !important; } [tuiTheme=dark] [tuiAppearance][data-appearance=textfield][tuiWrapper]:not(._focused):has(:focus-visible), [tuiTheme=dark][tuiAppearance][data-appearance=textfield][tuiWrapper]:not(._focused):has(:focus-visible), [tuiTheme=dark] [tuiAppearance][data-appearance=textfield][tuiWrapper]._focused, [tuiTheme=dark][tuiAppearance][data-appearance=textfield][tuiWrapper]._focused { background-color: transparent !important; } /* node_modules/@taiga-ui/core/styles/taiga-ui-fonts.less */ /* node_modules/@taiga-ui/styles/taiga-ui-global.less */ @keyframes tuiReveal { from { transform: scale(0); } to { transform: scale(1); } } @keyframes tuiFadeIn { from { opacity: var(--tui-fade-start, 0); } to { opacity: var(--tui-fade-end, 1); } } html { block-size: 100%; font-size: 16px; } body { block-size: 100%; min-block-size: 100%; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } html, body { -webkit-overflow-scrolling: touch; } ul, ol { list-style: none; padding: 0; margin: 0; } table { border-collapse: collapse; border-spacing: 0; } input, button, select, textarea { font-family: inherit; color: inherit; } hr { margin: 0; block-size: 1px; border: none; background: var(--tui-border-normal); } iframe { border: none; } svg use { pointer-events: none; } ::selection { background-color: var(--tui-service-selection-background); } ::-ms-clear { display: none; } ::-ms-reveal { display: none; } @supports (-webkit-hyphens: none) and (text-align-last: right) { ::after { content: none; } } .tui-container { margin-right: auto; margin-left: auto; } @media screen and (min-width: 80em) { .tui-container.tui-container_adaptive { inline-size: 69rem; } } @media screen and (max-width: 79.9625em) { .tui-container.tui-container_adaptive { inline-size: 51.5rem; } } @media screen and (max-width: 47.9625em) { .tui-container.tui-container_adaptive { inline-size: 100%; padding: 0 1rem; box-sizing: border-box; } } @media screen and (min-width: 80em) { .tui-container { inline-size: 69rem; } } @media screen and (max-width: 79.9625em) { .tui-container { inline-size: 51.5rem; padding: 0 3rem; } } @media screen and (min-width: 80em) { .tui-container_menu { inline-size: 69rem; } } @media (min-width: 64em) and (max-width: 79.9625em) { .tui-container_menu { inline-size: 51.5rem; } } @media screen and (max-width: 47.9625em) { .tui-container_menu { inline-size: auto; padding: 0 1rem; box-sizing: border-box; } } .tui-container_fullwidth { inline-size: auto; padding: 0 1.5rem; } @media screen and (max-width: 47.9625em) { .tui-container_fullwidth { padding: 0 1rem; box-sizing: border-box; } } @media screen and (max-width: 79.9625em) { .tui-container_fixed { inline-size: 69rem; } } .tui-form { } .tui-form__header { font: var(--tui-font-heading-5); margin-top: 2rem; margin-bottom: 1.25rem; } @media screen and (max-width: 47.9625em) { .tui-form__header { font: var(--tui-font-text-l); font-weight: bold; margin-bottom: 1rem; } } .tui-form__header_margin-top_none { margin-top: 0; } .tui-form__header_margin-bottom_none { margin-bottom: 0; } .tui-form__header_margin-bottom_small { margin-bottom: 1rem; } @media screen and (max-width: 47.9625em) { .tui-form__header_margin-bottom_small { margin-bottom: 0.75rem; } } .tui-form__row { margin-top: 1.25rem; } .tui-form__row:first-child { margin-top: 0; } .tui-form__row_multi-fields { display: flex; } @media screen and (max-width: 47.9625em) { .tui-form__row_multi-fields { flex-wrap: wrap; } } .tui-form__row_half-width { inline-size: calc(50% - (1.25rem / 2)); } @media screen and (max-width: 47.9625em) { .tui-form__row_half-width { inline-size: 100%; } } .tui-form__row_checkboxes { display: flex; flex-wrap: wrap; } @media screen and (max-width: 47.9625em) { .tui-form__row { margin-top: 1rem; } } .tui-form__multi-field { flex: 1 1 0; min-inline-size: 0; margin-left: 1.25rem; } .tui-form__multi-field:first-child { margin-left: 0; } @media screen and (max-width: 47.9625em) { .tui-form__multi-field { flex-basis: 100%; margin-top: 1rem; margin-left: 0; } .tui-form__multi-field:first-child { margin-top: 0; } } .tui-form__field-note { font: var(--tui-font-text-s); margin-top: 0.25rem; color: var(--tui-text-secondary); } .tui-form__field-checkbox { margin-top: 0.5rem; } .tui-form__checkbox { flex: 1 1 calc(50% - 0.625rem); } .tui-form__checkbox:nth-child(even) { margin-left: 1.25rem; } .tui-form__checkbox:nth-child(n+3) { margin-top: 1rem; } .tui-form__buttons { display: flex; margin-top: 2rem; } .tui-form__buttons_align_end { justify-content: flex-end; } .tui-form__buttons_align_center { justify-content: center; } @media screen and (max-width: 47.9625em) { .tui-form__buttons { flex-direction: column; margin-top: 1.5rem; } } .tui-form__button { margin-left: 0.75rem; } .tui-form__button:first-child { margin-left: 0; } @media screen and (max-width: 47.9625em) { .tui-form__button { margin-top: 0.5rem; margin-left: 0; } } .tui-island { position: relative; display: block; border-radius: var(--tui-radius-xl); background-color: var(--tui-background-base); overflow-wrap: break-word; text-decoration: none; color: var(--tui-text-primary); outline: none; box-sizing: content-box; } .tui-island:not(.tui-island_hoverable)::before { position: absolute; top: 0; left: 0; inline-size: 100%; block-size: 100%; content: ""; box-sizing: border-box; border: 1px solid var(--tui-border-normal); border-radius: inherit; pointer-events: none; } .tui-island:focus::before, .tui-island:hover:focus::before { border-color: var(--tui-border-focus); } .tui-island_hoverable { transition-property: all; transition-duration: var(--tui-duration, 300ms); transition-timing-function: ease-in-out; background: var(--tui-background-elevation-2); box-shadow: var(--tui-shadow-small); cursor: pointer; transition-property: transform, box-shadow; will-change: transform, box-shadow; } .tui-island_hoverable:hover { box-shadow: var(--tui-shadow-small-hover); transform: translateY(-0.25rem); } .tui-island_transparent { background-color: transparent; } .tui-island_size_s { --tui-radius-xl: calc(4 * var(--tui-radius-l) / 3); font: var(--tui-font-text-s); padding: 1rem; } .tui-island_size_m { --tui-radius-xl: calc(5 * var(--tui-radius-l) / 3); font: var(--tui-font-text-m); padding: 1rem; } .tui-island_size_l { font: var(--tui-font-text-m); padding: 1.25rem; } .tui-island_text-align_left { text-align: start; } .tui-island_text-align_center { text-align: center; } .tui-island_text-align_right { text-align: end; } .tui-island__content { display: flex; justify-content: space-between; } .tui-island_text-align_center .tui-island__content { display: block; } .tui-island__content > * { min-inline-size: 0; } .tui-island__category { font-size: 0.6875rem; line-height: 1rem; text-transform: uppercase; letter-spacing: 0.075em; margin: 0 0 0.5rem; color: var(--tui-text-secondary); } .tui-island_size_l .tui-island__category { margin: 0 0 0.75rem; } .tui-island__title { font: var(--tui-font-text-m); margin: 0 0 0.5rem; } .tui-island_size_m .tui-island__title { font: var(--tui-font-heading-6); margin: 0 0 0.75rem; } .tui-island_size_l .tui-island__title { font: var(--tui-font-heading-6); } .tui-island__paragraph { margin: 0; color: var(--tui-text-secondary); } .tui-island__paragraph_link.tui-island__paragraph { margin-top: 1rem; } .tui-island_size_l .tui-island__paragraph_link.tui-island__paragraph { margin: 1rem 0 0; } .tui-island__paragraph_button.tui-island__paragraph { margin-top: 1.25rem; } .tui-island_size_l .tui-island__paragraph_button.tui-island__paragraph { margin: 1.25rem 0 0; } .tui-island__figure { display: flex; justify-content: center; order: 1; flex-shrink: 0; margin: 0 0 0 1rem; } .tui-island_size_l .tui-island__figure { margin-left: 2.25rem; } .tui-island_text-align_center .tui-island__figure { margin: 0 0 0.75rem; } .tui-island__carousel-controls { display: flex; padding-bottom: 1rem; margin-bottom: 1rem; border-block-end: 1px solid var(--tui-border-normal); white-space: nowrap; } .tui-island__carousel-pages { margin-left: auto; color: var(--tui-text-secondary); } .tui-island__carousel-button { margin-right: 0.5rem; } .tui-island .tui-island__footer-button { display: block; max-inline-size: unset; inline-size: calc(100% + 1.875rem); margin: 1rem calc(-1rem + 1px) calc(-1rem + 1px); border-block-start: 1px solid var(--tui-border-normal); border-radius: 0 0 var(--tui-radius-xl) var(--tui-radius-xl); } .tui-island_size_l .tui-island__footer-button { inline-size: calc(100% + 2.375rem); margin: 1.25rem calc(-1.25rem + 1px) calc(-1.25rem + 1px); } .tui-island__marker:first-child:not(:only-child) { margin-right: 1.25rem; } .tui-island__marker:not(:first-child), .tui-island__marker:only-child { margin-left: 1.25rem; } .tui-list { font: var(--tui-font-text-m); line-height: 1.5rem; list-style-type: none; color: var(--tui-text-primary); } .tui-list_large { font: var(--tui-font-text-l); line-height: 1.75rem; } .tui-list_small, .tui-list_extra-small { font: var(--tui-font-text-s); line-height: 1.25rem; } .tui-list_nested { margin: 0.75rem 0 0.75rem 1.25rem; color: var(--tui-text-secondary); } .tui-list_large .tui-list_nested { margin-left: 0.75rem; } .tui-list_small .tui-list_nested { margin-top: 0.5rem; margin-bottom: 0.5rem; } .tui-list_ordered { counter-reset: counter; } .tui-list__item { position: relative; padding-left: 1.5rem; overflow-wrap: break-word; margin-top: 0.75rem; } .tui-list__item:first-child { margin-top: 0; } .tui-list__item::before { content: ""; position: absolute; left: 0; top: 0.5rem; inline-size: 0.5rem; block-size: 0.5rem; border-radius: 100%; background-color: var(--tui-background-accent-1); } .tui-list_large > .tui-list__item::before { top: 0.625rem; } .tui-list_small > .tui-list__item::before { top: 0.325rem; } .tui-list_extra-small > .tui-list__item { margin-top: 0.5rem; } .tui-list_linear .tui-list__item { padding-left: 1.75rem; } .tui-list_linear .tui-list__item::before { content: "\2014"; left: 0; top: auto; inline-size: auto; block-size: auto; background-color: transparent; } .tui-list_ordered .tui-list__item { padding-left: 1.25rem; } .tui-list_ordered .tui-list__item::before { content: counter(counter) "."; left: 0; top: auto; counter-increment: counter; inline-size: auto; block-size: auto; color: var(--tui-text-tertiary); background-color: transparent; } .tui-list_triangle > .tui-list__item { padding-left: 1.75rem; } .tui-list_triangle > .tui-list__item::before { content: "\25e4"; left: 0; top: 1px; inline-size: auto; block-size: auto; background-color: transparent; color: var(--tui-text-tertiary); font-size: 0.75rem; } .tui-list__item-title { font: var(--tui-font-heading-5); margin: 0; } .tui-list_small .tui-list__item-title { line-height: 1.25rem; font-weight: bold; } .tui-list__description { margin: 0.5rem 0 0; color: var(--tui-text-secondary); } .tui-list_small .tui-list__description { margin-top: 0.25rem; } .tui-list_large .tui-list__description { line-height: 1.75rem; margin-top: 0.75rem; } @media not screen and (max-width: 47.9625em) { .tui-mobile-only { display: none !important; } } .tui-required::after { content: "*"; } .tui-required_float::after { position: absolute; } .tui-required_spacing::after { content: "\a0*"; } .tui-row { display: flex; flex-wrap: wrap; } .tui-row_align_center { align-items: center; } .tui-row_align_start { align-items: flex-start; } .tui-row_align_end { align-items: flex-end; } @media screen and (min-width: 80em) { .tui-row_adaptive.tui-row { margin-left: -1.5rem; margin-right: -1.5rem; } } @media screen and (max-width: 79.9625em) { .tui-row_adaptive.tui-row { margin-left: -1.25rem; margin-right: -1.25rem; } } @media screen and (max-width: 47.9625em) { .tui-row_adaptive.tui-row { margin-left: -0.5rem; margin-right: -0.5rem; } } .tui-row_temporary.tui-row { margin-left: -1.25rem; margin-right: -1.25rem; } @media screen and (min-width: 80em) { .tui-row { margin-left: -1.5rem; margin-right: -1.5rem; } } @media screen and (max-width: 79.9625em) { .tui-row { margin-left: -1.25rem; margin-right: -1.25rem; } } .tui-col_1 { inline-size: 8.33333333%; padding-left: 1.25rem; padding-right: 1.25rem; box-sizing: border-box; } .tui-col_2 { inline-size: 16.66666667%; padding-left: 1.25rem; padding-right: 1.25rem; box-sizing: border-box; } .tui-col_3 { inline-size: 25%; padding-left: 1.25rem; padding-right: 1.25rem; box-sizing: border-box; } .tui-col_4 { inline-size: 33.33333333%; padding-left: 1.25rem; padding-right: 1.25rem; box-sizing: border-box; } .tui-col_5 { inline-size: 41.66666667%; padding-left: 1.25rem; padding-right: 1.25rem; box-sizing: border-box; } .tui-col_6 { inline-size: 50%; padding-left: 1.25rem; padding-right: 1.25rem; box-sizing: border-box; } .tui-col_7 { inline-size: 58.33333333%; padding-left: 1.25rem; padding-right: 1.25rem; box-sizing: border-box; } .tui-col_8 { inline-size: 66.66666667%; padding-left: 1.25rem; padding-right: 1.25rem; box-sizing: border-box; } .tui-col_9 { inline-size: 75%; padding-left: 1.25rem; padding-right: 1.25rem; box-sizing: border-box; } .tui-col_10 { inline-size: 83.33333333%; padding-left: 1.25rem; padding-right: 1.25rem; box-sizing: border-box; } .tui-col_11 { inline-size: 91.66666667%; padding-left: 1.25rem; padding-right: 1.25rem; box-sizing: border-box; } .tui-col_12 { inline-size: 100%; padding-left: 1.25rem; padding-right: 1.25rem; box-sizing: border-box; } .tui-col_md-1 { inline-size: 8.33333333%; padding-left: 1.25rem; padding-right: 1.25rem; box-sizing: border-box; } .tui-col_md-2 { inline-size: 16.66666667%; padding-left: 1.25rem; padding-right: 1.25rem; box-sizing: border-box; } .tui-col_md-3 { inline-size: 25%; padding-left: 1.25rem; padding-right: 1.25rem; box-sizing: border-box; } .tui-col_md-4 { inline-size: 33.33333333%; padding-left: 1.25rem; padding-right: 1.25rem; box-sizing: border-box; } .tui-col_md-5 { inline-size: 41.66666667%; padding-left: 1.25rem; padding-right: 1.25rem; box-sizing: border-box; } .tui-col_md-6 { inline-size: 50%; padding-left: 1.25rem; padding-right: 1.25rem; box-sizing: border-box; } .tui-col_md-7 { inline-size: 58.33333333%; padding-left: 1.25rem; padding-right: 1.25rem; box-sizing: border-box; } .tui-col_md-8 { inline-size: 66.66666667%; padding-left: 1.25rem; padding-right: 1.25rem; box-sizing: border-box; } .tui-col_md-9 { inline-size: 75%; padding-left: 1.25rem; padding-right: 1.25rem; box-sizing: border-box; } .tui-col_md-10 { inline-size: 83.33333333%; padding-left: 1.25rem; padding-right: 1.25rem; box-sizing: border-box; } .tui-col_md-11 { inline-size: 91.66666667%; padding-left: 1.25rem; padding-right: 1.25rem; box-sizing: border-box; } .tui-col_md-12 { inline-size: 100%; padding-left: 1.25rem; padding-right: 1.25rem; box-sizing: border-box; } .tui-col_stretch { display: flex; } @media screen and (min-width: 80em) { .tui-row_adaptive .tui-col_lg-1 { inline-size: 8.33333333%; padding-left: 1.5rem; padding-right: 1.5rem; box-sizing: border-box; } .tui-row_adaptive .tui-col_lg-2 { inline-size: 16.66666667%; padding-left: 1.5rem; padding-right: 1.5rem; box-sizing: border-box; } .tui-row_adaptive .tui-col_lg-3 { inline-size: 25%; padding-left: 1.5rem; padding-right: 1.5rem; box-sizing: border-box; } .tui-row_adaptive .tui-col_lg-4 { inline-size: 33.33333333%; padding-left: 1.5rem; padding-right: 1.5rem; box-sizing: border-box; } .tui-row_adaptive .tui-col_lg-5 { inline-size: 41.66666667%; padding-left: 1.5rem; padding-right: 1.5rem; box-sizing: border-box; } .tui-row_adaptive .tui-col_lg-6 { inline-size: 50%; padding-left: 1.5rem; padding-right: 1.5rem; box-sizing: border-box; } .tui-row_adaptive .tui-col_lg-7 { inline-size: 58.33333333%; padding-left: 1.5rem; padding-right: 1.5rem; box-sizing: border-box; } .tui-row_adaptive .tui-col_lg-8 { inline-size: 66.66666667%; padding-left: 1.5rem; padding-right: 1.5rem; box-sizing: border-box; } .tui-row_adaptive .tui-col_lg-9 { inline-size: 75%; padding-left: 1.5rem; padding-right: 1.5rem; box-sizing: border-box; } .tui-row_adaptive .tui-col_lg-10 { inline-size: 83.33333333%; padding-left: 1.5rem; padding-right: 1.5rem; box-sizing: border-box; } .tui-row_adaptive .tui-col_lg-11 { inline-size: 91.66666667%; padding-left: 1.5rem; padding-right: 1.5rem; box-sizing: border-box; } .tui-row_adaptive .tui-col_lg-12 { inline-size: 100%; padding-left: 1.5rem; padding-right: 1.5rem; box-sizing: border-box; } } @media screen and (max-width: 79.9625em) { .tui-row_adaptive .tui-col_md-1 { inline-size: 8.33333333%; padding-left: 1.25rem; padding-right: 1.25rem; box-sizing: border-box; } .tui-row_adaptive .tui-col_md-2 { inline-size: 16.66666667%; padding-left: 1.25rem; padding-right: 1.25rem; box-sizing: border-box; } .tui-row_adaptive .tui-col_md-3 { inline-size: 25%; padding-left: 1.25rem; padding-right: 1.25rem; box-sizing: border-box; } .tui-row_adaptive .tui-col_md-4 { inline-size: 33.33333333%; padding-left: 1.25rem; padding-right: 1.25rem; box-sizing: border-box; } .tui-row_adaptive .tui-col_md-5 { inline-size: 41.66666667%; padding-left: 1.25rem; padding-right: 1.25rem; box-sizing: border-box; } .tui-row_adaptive .tui-col_md-6 { inline-size: 50%; padding-left: 1.25rem; padding-right: 1.25rem; box-sizing: border-box; } .tui-row_adaptive .tui-col_md-7 { inline-size: 58.33333333%; padding-left: 1.25rem; padding-right: 1.25rem; box-sizing: border-box; } .tui-row_adaptive .tui-col_md-8 { inline-size: 66.66666667%; padding-left: 1.25rem; padding-right: 1.25rem; box-sizing: border-box; } .tui-row_adaptive .tui-col_md-9 { inline-size: 75%; padding-left: 1.25rem; padding-right: 1.25rem; box-sizing: border-box; } .tui-row_adaptive .tui-col_md-10 { inline-size: 83.33333333%; padding-left: 1.25rem; padding-right: 1.25rem; box-sizing: border-box; } .tui-row_adaptive .tui-col_md-11 { inline-size: 91.66666667%; padding-left: 1.25rem; padding-right: 1.25rem; box-sizing: border-box; } .tui-row_adaptive .tui-col_md-12 { inline-size: 100%; padding-left: 1.25rem; padding-right: 1.25rem; box-sizing: border-box; } } @media screen and (max-width: 47.9625em) { .tui-row_adaptive .tui-col_xs-1 { inline-size: 8.33333333%; padding-left: 0.5rem; padding-right: 0.5rem; box-sizing: border-box; } .tui-row_adaptive .tui-col_xs-2 { inline-size: 16.66666667%; padding-left: 0.5rem; padding-right: 0.5rem; box-sizing: border-box; } .tui-row_adaptive .tui-col_xs-3 { inline-size: 25%; padding-left: 0.5rem; padding-right: 0.5rem; box-sizing: border-box; } .tui-row_adaptive .tui-col_xs-4 { inline-size: 33.33333333%; padding-left: 0.5rem; padding-right: 0.5rem; box-sizing: border-box; } .tui-row_adaptive .tui-col_xs-5 { inline-size: 41.66666667%; padding-left: 0.5rem; padding-right: 0.5rem; box-sizing: border-box; } .tui-row_adaptive .tui-col_xs-6 { inline-size: 50%; padding-left: 0.5rem; padding-right: 0.5rem; box-sizing: border-box; } .tui-row_adaptive .tui-col_xs-7 { inline-size: 58.33333333%; padding-left: 0.5rem; padding-right: 0.5rem; box-sizing: border-box; } .tui-row_adaptive .tui-col_xs-8 { inline-size: 66.66666667%; padding-left: 0.5rem; padding-right: 0.5rem; box-sizing: border-box; } .tui-row_adaptive .tui-col_xs-9 { inline-size: 75%; padding-left: 0.5rem; padding-right: 0.5rem; box-sizing: border-box; } .tui-row_adaptive .tui-col_xs-10 { inline-size: 83.33333333%; padding-left: 0.5rem; padding-right: 0.5rem; box-sizing: border-box; } .tui-row_adaptive .tui-col_xs-11 { inline-size: 91.66666667%; padding-left: 0.5rem; padding-right: 0.5rem; box-sizing: border-box; } .tui-row_adaptive .tui-col_xs-12 { inline-size: 100%; padding-left: 0.5rem; padding-right: 0.5rem; box-sizing: border-box; } } .tui-row_temporary .tui-col_1 { inline-size: 8.33333333%; padding-left: 1.25rem; padding-right: 1.25rem; box-sizing: border-box; } .tui-row_temporary .tui-col_2 { inline-size: 16.66666667%; padding-left: 1.25rem; padding-right: 1.25rem; box-sizing: border-box; } .tui-row_temporary .tui-col_3 { inline-size: 25%; padding-left: 1.25rem; padding-right: 1.25rem; box-sizing: border-box; } .tui-row_temporary .tui-col_4 { inline-size: 33.33333333%; padding-left: 1.25rem; padding-right: 1.25rem; box-sizing: border-box; } .tui-row_temporary .tui-col_5 { inline-size: 41.66666667%; padding-left: 1.25rem; padding-right: 1.25rem; box-sizing: border-box; } .tui-row_temporary .tui-col_6 { inline-size: 50%; padding-left: 1.25rem; padding-right: 1.25rem; box-sizing: border-box; } .tui-row_temporary .tui-col_7 { inline-size: 58.33333333%; padding-left: 1.25rem; padding-right: 1.25rem; box-sizing: border-box; } .tui-row_temporary .tui-col_8 { inline-size: 66.66666667%; padding-left: 1.25rem; padding-right: 1.25rem; box-sizing: border-box; } .tui-row_temporary .tui-col_9 { inline-size: 75%; padding-left: 1.25rem; padding-right: 1.25rem; box-sizing: border-box; } .tui-row_temporary .tui-col_10 { inline-size: 83.33333333%; padding-left: 1.25rem; padding-right: 1.25rem; box-sizing: border-box; } .tui-row_temporary .tui-col_11 { inline-size: 91.66666667%; padding-left: 1.25rem; padding-right: 1.25rem; box-sizing: border-box; } .tui-row_temporary .tui-col_12 { inline-size: 100%; padding-left: 1.25rem; padding-right: 1.25rem; box-sizing: border-box; } @media screen and (min-width: 80em) { .tui-col_1 { inline-size: 8.33333333%; padding-left: 1.5rem; padding-right: 1.5rem; box-sizing: border-box; } .tui-col_2 { inline-size: 16.66666667%; padding-left: 1.5rem; padding-right: 1.5rem; box-sizing: border-box; } .tui-col_3 { inline-size: 25%; padding-left: 1.5rem; padding-right: 1.5rem; box-sizing: border-box; } .tui-col_4 { inline-size: 33.33333333%; padding-left: 1.5rem; padding-right: 1.5rem; box-sizing: border-box; } .tui-col_5 { inline-size: 41.66666667%; padding-left: 1.5rem; padding-right: 1.5rem; box-sizing: border-box; } .tui-col_6 { inline-size: 50%; padding-left: 1.5rem; padding-right: 1.5rem; box-sizing: border-box; } .tui-col_7 { inline-size: 58.33333333%; padding-left: 1.5rem; padding-right: 1.5rem; box-sizing: border-box; } .tui-col_8 { inline-size: 66.66666667%; padding-left: 1.5rem; padding-right: 1.5rem; box-sizing: border-box; } .tui-col_9 { inline-size: 75%; padding-left: 1.5rem; padding-right: 1.5rem; box-sizing: border-box; } .tui-col_10 { inline-size: 83.33333333%; padding-left: 1.5rem; padding-right: 1.5rem; box-sizing: border-box; } .tui-col_11 { inline-size: 91.66666667%; padding-left: 1.5rem; padding-right: 1.5rem; box-sizing: border-box; } .tui-col_12 { inline-size: 100%; padding-left: 1.5rem; padding-right: 1.5rem; box-sizing: border-box; } } .tui-col-offset_1 { margin-left: 8.33333333%; } .tui-col-offset_2 { margin-left: 16.66666667%; } .tui-col-offset_3 { margin-left: 25%; } .tui-col-offset_4 { margin-left: 33.33333333%; } .tui-col-offset_5 { margin-left: 41.66666667%; } .tui-col-offset_6 { margin-left: 50%; } .tui-col-offset_7 { margin-left: 58.33333333%; } .tui-col-offset_8 { margin-left: 66.66666667%; } .tui-col-offset_9 { margin-left: 75%; } .tui-col-offset_10 { margin-left: 83.33333333%; } .tui-col-offset_11 { margin-left: 91.66666667%; } .tui-col-offset_12 { margin-left: 100%; } @media (min-width: 22.5em) and (max-width: 47.9625em) { .tui-col-offset_xs-1 { margin-left: 8.33333333%; } .tui-col-offset_xs-2 { margin-left: 16.66666667%; } .tui-col-offset_xs-3 { margin-left: 25%; } .tui-col-offset_xs-4 { margin-left: 33.33333333%; } .tui-col-offset_xs-5 { margin-left: 41.66666667%; } .tui-col-offset_xs-6 { margin-left: 50%; } .tui-col-offset_xs-7 { margin-left: 58.33333333%; } .tui-col-offset_xs-8 { margin-left: 66.66666667%; } .tui-col-offset_xs-9 { margin-left: 75%; } .tui-col-offset_xs-10 { margin-left: 83.33333333%; } .tui-col-offset_xs-11 { margin-left: 91.66666667%; } .tui-col-offset_xs-12 { margin-left: 100%; } } @media screen and (max-width: 79.9625em) { .tui-col-offset_md-1 { margin-left: 8.33333333%; } .tui-col-offset_md-2 { margin-left: 16.66666667%; } .tui-col-offset_md-3 { margin-left: 25%; } .tui-col-offset_md-4 { margin-left: 33.33333333%; } .tui-col-offset_md-5 { margin-left: 41.66666667%; } .tui-col-offset_md-6 { margin-left: 50%; } .tui-col-offset_md-7 { margin-left: 58.33333333%; } .tui-col-offset_md-8 { margin-left: 66.66666667%; } .tui-col-offset_md-9 { margin-left: 75%; } .tui-col-offset_md-10 { margin-left: 83.33333333%; } .tui-col-offset_md-11 { margin-left: 91.66666667%; } .tui-col-offset_md-12 { margin-left: 100%; } } @media screen and (min-width: 80em) { .tui-col-offset_lg-1 { margin-left: 8.33333333%; } .tui-col-offset_lg-2 { margin-left: 16.66666667%; } .tui-col-offset_lg-3 { margin-left: 25%; } .tui-col-offset_lg-4 { margin-left: 33.33333333%; } .tui-col-offset_lg-5 { margin-left: 41.66666667%; } .tui-col-offset_lg-6 { margin-left: 50%; } .tui-col-offset_lg-7 { margin-left: 58.33333333%; } .tui-col-offset_lg-8 { margin-left: 66.66666667%; } .tui-col-offset_lg-9 { margin-left: 75%; } .tui-col-offset_lg-10 { margin-left: 83.33333333%; } .tui-col-offset_lg-11 { margin-left: 91.66666667%; } .tui-col-offset_lg-12 { margin-left: 100%; } } .tui-skeleton { position: relative; color: transparent !important; background: transparent !important; pointer-events: none; -webkit-user-select: none; user-select: none; } .tui-skeleton::after { position: absolute; top: 0; left: 0; inline-size: 100%; block-size: 100%; content: ""; background-color: var(--tui-background-neutral-2); animation: tuiSkeletonVibe ease-in-out 1s infinite alternate; border-radius: var(--tui-skeleton-radius, 0); } .tui-skeleton_light::after { background-color: rgba(255, 255, 255, 0.24); } .tui-skeleton_rounded::after { border-radius: inherit; } .tui-skeleton_short::after { inline-size: 40%; } .tui-skeleton_center::after { position: absolute; left: 50%; transform: translate(-50%, 0); inline-size: 40%; } .tui-skeleton_text::before { content: "\a0"; } .tui-skeleton * { opacity: 0; visibility: hidden; } .tui-space_all-16.tui-space_all-16 { margin: 4rem; } .tui-space_all-15.tui-space_all-15 { margin: 3.75rem; } .tui-space_all-14.tui-space_all-14 { margin: 3.5rem; } .tui-space_all-13.tui-space_all-13 { margin: 3.25rem; } .tui-space_all-12.tui-space_all-12 { margin: 3rem; } .tui-space_all-11.tui-space_all-11 { margin: 2.75rem; } .tui-space_all-10.tui-space_all-10 { margin: 2.5rem; } .tui-space_all-9.tui-space_all-9 { margin: 2.25rem; } .tui-space_all-8.tui-space_all-8 { margin: 2rem; } .tui-space_all-7.tui-space_all-7 { margin: 1.75rem; } .tui-space_all-6.tui-space_all-6 { margin: 1.5rem; } .tui-space_all-5.tui-space_all-5 { margin: 1.25rem; } .tui-space_all-4.tui-space_all-4 { margin: 1rem; } .tui-space_all-3.tui-space_all-3 { margin: 0.75rem; } .tui-space_all-2.tui-space_all-2 { margin: 0.5rem; } .tui-space_all-1.tui-space_all-1 { margin: 0.25rem; } .tui-space_all-0.tui-space_all-0 { margin: 0rem; } .tui-space_top-16.tui-space_top-16 { margin-top: 4rem; } .tui-space_top-15.tui-space_top-15 { margin-top: 3.75rem; } .tui-space_top-14.tui-space_top-14 { margin-top: 3.5rem; } .tui-space_top-13.tui-space_top-13 { margin-top: 3.25rem; } .tui-space_top-12.tui-space_top-12 { margin-top: 3rem; } .tui-space_top-11.tui-space_top-11 { margin-top: 2.75rem; } .tui-space_top-10.tui-space_top-10 { margin-top: 2.5rem; } .tui-space_top-9.tui-space_top-9 { margin-top: 2.25rem; } .tui-space_top-8.tui-space_top-8 { margin-top: 2rem; } .tui-space_top-7.tui-space_top-7 { margin-top: 1.75rem; } .tui-space_top-6.tui-space_top-6 { margin-top: 1.5rem; } .tui-space_top-5.tui-space_top-5 { margin-top: 1.25rem; } .tui-space_top-4.tui-space_top-4 { margin-top: 1rem; } .tui-space_top-3.tui-space_top-3 { margin-top: 0.75rem; } .tui-space_top-2.tui-space_top-2 { margin-top: 0.5rem; } .tui-space_top-1.tui-space_top-1 { margin-top: 0.25rem; } .tui-space_top-0.tui-space_top-0 { margin-top: 0rem; } .tui-space_bottom-16.tui-space_bottom-16 { margin-bottom: 4rem; } .tui-space_bottom-15.tui-space_bottom-15 { margin-bottom: 3.75rem; } .tui-space_bottom-14.tui-space_bottom-14 { margin-bottom: 3.5rem; } .tui-space_bottom-13.tui-space_bottom-13 { margin-bottom: 3.25rem; } .tui-space_bottom-12.tui-space_bottom-12 { margin-bottom: 3rem; } .tui-space_bottom-11.tui-space_bottom-11 { margin-bottom: 2.75rem; } .tui-space_bottom-10.tui-space_bottom-10 { margin-bottom: 2.5rem; } .tui-space_bottom-9.tui-space_bottom-9 { margin-bottom: 2.25rem; } .tui-space_bottom-8.tui-space_bottom-8 { margin-bottom: 2rem; } .tui-space_bottom-7.tui-space_bottom-7 { margin-bottom: 1.75rem; } .tui-space_bottom-6.tui-space_bottom-6 { margin-bottom: 1.5rem; } .tui-space_bottom-5.tui-space_bottom-5 { margin-bottom: 1.25rem; } .tui-space_bottom-4.tui-space_bottom-4 { margin-bottom: 1rem; } .tui-space_bottom-3.tui-space_bottom-3 { margin-bottom: 0.75rem; } .tui-space_bottom-2.tui-space_bottom-2 { margin-bottom: 0.5rem; } .tui-space_bottom-1.tui-space_bottom-1 { margin-bottom: 0.25rem; } .tui-space_bottom-0.tui-space_bottom-0 { margin-bottom: 0rem; } .tui-space_vertical-16.tui-space_vertical-16 { margin-top: 4rem; margin-bottom: 4rem; } .tui-space_vertical-15.tui-space_vertical-15 { margin-top: 3.75rem; margin-bottom: 3.75rem; } .tui-space_vertical-14.tui-space_vertical-14 { margin-top: 3.5rem; margin-bottom: 3.5rem; } .tui-space_vertical-13.tui-space_vertical-13 { margin-top: 3.25rem; margin-bottom: 3.25rem; } .tui-space_vertical-12.tui-space_vertical-12 { margin-top: 3rem; margin-bottom: 3rem; } .tui-space_vertical-11.tui-space_vertical-11 { margin-top: 2.75rem; margin-bottom: 2.75rem; } .tui-space_vertical-10.tui-space_vertical-10 { margin-top: 2.5rem; margin-bottom: 2.5rem; } .tui-space_vertical-9.tui-space_vertical-9 { margin-top: 2.25rem; margin-bottom: 2.25rem; } .tui-space_vertical-8.tui-space_vertical-8 { margin-top: 2rem; margin-bottom: 2rem; } .tui-space_vertical-7.tui-space_vertical-7 { margin-top: 1.75rem; margin-bottom: 1.75rem; } .tui-space_vertical-6.tui-space_vertical-6 { margin-top: 1.5rem; margin-bottom: 1.5rem; } .tui-space_vertical-5.tui-space_vertical-5 { margin-top: 1.25rem; margin-bottom: 1.25rem; } .tui-space_vertical-4.tui-space_vertical-4 { margin-top: 1rem; margin-bottom: 1rem; } .tui-space_vertical-3.tui-space_vertical-3 { margin-top: 0.75rem; margin-bottom: 0.75rem; } .tui-space_vertical-2.tui-space_vertical-2 { margin-top: 0.5rem; margin-bottom: 0.5rem; } .tui-space_vertical-1.tui-space_vertical-1 { margin-top: 0.25rem; margin-bottom: 0.25rem; } .tui-space_vertical-0.tui-space_vertical-0 { margin-top: 0rem; margin-bottom: 0rem; } .tui-space_left-16.tui-space_left-16 { margin-left: 4rem; } .tui-space_left-15.tui-space_left-15 { margin-left: 3.75rem; } .tui-space_left-14.tui-space_left-14 { margin-left: 3.5rem; } .tui-space_left-13.tui-space_left-13 { margin-left: 3.25rem; } .tui-space_left-12.tui-space_left-12 { margin-left: 3rem; } .tui-space_left-11.tui-space_left-11 { margin-left: 2.75rem; } .tui-space_left-10.tui-space_left-10 { margin-left: 2.5rem; } .tui-space_left-9.tui-space_left-9 { margin-left: 2.25rem; } .tui-space_left-8.tui-space_left-8 { margin-left: 2rem; } .tui-space_left-7.tui-space_left-7 { margin-left: 1.75rem; } .tui-space_left-6.tui-space_left-6 { margin-left: 1.5rem; } .tui-space_left-5.tui-space_left-5 { margin-left: 1.25rem; } .tui-space_left-4.tui-space_left-4 { margin-left: 1rem; } .tui-space_left-3.tui-space_left-3 { margin-left: 0.75rem; } .tui-space_left-2.tui-space_left-2 { margin-left: 0.5rem; } .tui-space_left-1.tui-space_left-1 { margin-left: 0.25rem; } .tui-space_left-0.tui-space_left-0 { margin-left: 0rem; } .tui-space_right-16.tui-space_right-16 { margin-right: 4rem; } .tui-space_right-15.tui-space_right-15 { margin-right: 3.75rem; } .tui-space_right-14.tui-space_right-14 { margin-right: 3.5rem; } .tui-space_right-13.tui-space_right-13 { margin-right: 3.25rem; } .tui-space_right-12.tui-space_right-12 { margin-right: 3rem; } .tui-space_right-11.tui-space_right-11 { margin-right: 2.75rem; } .tui-space_right-10.tui-space_right-10 { margin-right: 2.5rem; } .tui-space_right-9.tui-space_right-9 { margin-right: 2.25rem; } .tui-space_right-8.tui-space_right-8 { margin-right: 2rem; } .tui-space_right-7.tui-space_right-7 { margin-right: 1.75rem; } .tui-space_right-6.tui-space_right-6 { margin-right: 1.5rem; } .tui-space_right-5.tui-space_right-5 { margin-right: 1.25rem; } .tui-space_right-4.tui-space_right-4 { margin-right: 1rem; } .tui-space_right-3.tui-space_right-3 { margin-right: 0.75rem; } .tui-space_right-2.tui-space_right-2 { margin-right: 0.5rem; } .tui-space_right-1.tui-space_right-1 { margin-right: 0.25rem; } .tui-space_right-0.tui-space_right-0 { margin-right: 0rem; } .tui-space_horizontal-16.tui-space_horizontal-16 { margin-right: 4rem; margin-left: 4rem; } .tui-space_horizontal-15.tui-space_horizontal-15 { margin-right: 3.75rem; margin-left: 3.75rem; } .tui-space_horizontal-14.tui-space_horizontal-14 { margin-right: 3.5rem; margin-left: 3.5rem; } .tui-space_horizontal-13.tui-space_horizontal-13 { margin-right: 3.25rem; margin-left: 3.25rem; } .tui-space_horizontal-12.tui-space_horizontal-12 { margin-right: 3rem; margin-left: 3rem; } .tui-space_horizontal-11.tui-space_horizontal-11 { margin-right: 2.75rem; margin-left: 2.75rem; } .tui-space_horizontal-10.tui-space_horizontal-10 { margin-right: 2.5rem; margin-left: 2.5rem; } .tui-space_horizontal-9.tui-space_horizontal-9 { margin-right: 2.25rem; margin-left: 2.25rem; } .tui-space_horizontal-8.tui-space_horizontal-8 { margin-right: 2rem; margin-left: 2rem; } .tui-space_horizontal-7.tui-space_horizontal-7 { margin-right: 1.75rem; margin-left: 1.75rem; } .tui-space_horizontal-6.tui-space_horizontal-6 { margin-right: 1.5rem; margin-left: 1.5rem; } .tui-space_horizontal-5.tui-space_horizontal-5 { margin-right: 1.25rem; margin-left: 1.25rem; } .tui-space_horizontal-4.tui-space_horizontal-4 { margin-right: 1rem; margin-left: 1rem; } .tui-space_horizontal-3.tui-space_horizontal-3 { margin-right: 0.75rem; margin-left: 0.75rem; } .tui-space_horizontal-2.tui-space_horizontal-2 { margin-right: 0.5rem; margin-left: 0.5rem; } .tui-space_horizontal-1.tui-space_horizontal-1 { margin-right: 0.25rem; margin-left: 0.25rem; } .tui-space_horizontal-0.tui-space_horizontal-0 { margin-right: 0rem; margin-left: 0rem; } .tui-space_auto { margin-left: auto; margin-right: auto; } .tui-table { inline-size: 100%; } .tui-table_layout_fixed { table-layout: fixed; } .tui-table__tr { transition-property: background; transition-duration: var(--tui-duration, 300ms); transition-timing-function: ease-in-out; outline: none; } .tui-table__tr:not(.tui-table__tr_hover_disabled):hover { background: var(--tui-background-base-alt); } .tui-table__tr:not(.tui-table__tr_border_none) { border-block-end: 1px solid var(--tui-border-normal); } .tui-table__tr_border_top { border-block-start: 1px solid var(--tui-border-normal); } .tui-table__tr_cursor_pointer { cursor: pointer; } .tui-table__th { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font: var(--tui-font-text-s); padding: 0.5rem 1rem; vertical-align: middle; block-size: 2.5rem; color: var(--tui-text-secondary); background: inherit; } .tui-table__th_font-size_l, .tui-table_font-size_l .tui-table__th { font: var(--tui-font-text-m); } .tui-table__td { font: var(--tui-font-text-m); padding: 1rem 1rem 0.875rem; vertical-align: top; overflow-wrap: break-word; block-size: 3.4375rem; color: var(--tui-text-primary); background: inherit; } .tui-table__td_size_l, .tui-table_size_l .tui-table__td { block-size: 4.9375rem; } .tui-table__td_font-size_l, .tui-table_font-size_l .tui-table__td { font: var(--tui-font-text-l); } .tui-table__td_font-size_s, .tui-table_font-size_s .tui-table__td { font: var(--tui-font-text-s); } .tui-table__td_align_center { vertical-align: middle; } .tui-table__td, .tui-table__th { box-sizing: border-box; text-align: start; } .tui-table_size_l .tui-table__td::before, .tui-table_size_l .tui-table__th::before { inline-size: 1rem; border-top-left-radius: 1rem; border-bottom-left-radius: 1rem; } .tui-table__td_first::before, .tui-table__th_first::before, .tui-table__td_last::before, .tui-table__th_last::before { content: ""; position: absolute; top: 0; inline-size: 0.75rem; block-size: 100%; background: inherit; border-top-left-radius: 0.75rem; border-bottom-left-radius: 0.75rem; } .tui-table__td_first, .tui-table__th_first { position: relative; padding-left: 0; overflow: visible; } .tui-table__td_first::before, .tui-table__th_first::before { right: 100%; } .tui-table__td_last, .tui-table__th_last { position: relative; padding-right: 0; overflow: visible; } .tui-table__td_last::before, .tui-table__th_last::before { left: 100%; transform: scaleX(-1); } .tui-table__td_text_center, .tui-table__th_text_center { text-align: center; } .tui-table__td_text_right, .tui-table__th_text_right { text-align: end; } .tui-table__td_text_overflow, .tui-table__th_text_overflow { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tui-table__subtext { font: var(--tui-font-text-s); margin: 0.25rem 0 0; color: var(--tui-text-tertiary); } .tui-table__sort { appearance: none; padding: 0; border: 0; background: none; font: inherit; line-height: inherit; text-decoration: none; transition-property: color; transition-duration: var(--tui-duration, 300ms); transition-timing-function: ease-in-out; position: relative; display: inline-flex; align-items: center; outline: none; cursor: pointer; } .tui-table__sort:hover { color: var(--tui-text-primary); } .tui-table__sort_active { color: var(--tui-text-action); } .tui-table__sort_active:hover { color: var(--tui-text-action-hover); } .tui-table__sort-icon { position: absolute; top: 50%; transform: translate(0, -50%); left: 100%; margin-left: 0.125rem; inline-size: 1rem; block-size: 1rem; flex-shrink: 0; opacity: 0; } .tui-table__sort_active .tui-table__sort-icon, .tui-table__sort:hover .tui-table__sort-icon { transition-property: transform; transition-duration: var(--tui-duration, 300ms); transition-timing-function: ease-in-out; opacity: 1; } .tui-table__sort_active.tui-table__sort_up .tui-table__sort-icon { transform: rotate(180deg) translateY(50%); } .tui-text_h1 { font: var(--tui-font-heading-1); } .tui-text_h2 { font: var(--tui-font-heading-2); } .tui-text_h3 { font: var(--tui-font-heading-3); } .tui-text_h4 { font: var(--tui-font-heading-4); } .tui-text_h5 { font: var(--tui-font-heading-5); } .tui-text_h6 { font: var(--tui-font-heading-6); } .tui-text_body-xl { font: var(--tui-font-text-xl); } .tui-text_body-l { font: var(--tui-font-text-l); } .tui-text_body-l-2 { font: var(--tui-font-text-ui-l); } .tui-text_body-m { font: var(--tui-font-text-m); } .tui-text_body-m-2 { font: var(--tui-font-text-ui-m); } .tui-text_body-s { font: var(--tui-font-text-s); } .tui-text_body-s-2 { font: var(--tui-font-text-ui-s); } .tui-text_body-xs { font: var(--tui-font-text-xs); } .tui-text_bold { font-weight: bold; } /* node_modules/@angular/material/prebuilt-themes/indigo-pink.css */ html { --mat-sys-on-surface: initial; } .mat-app-background { background-color: var(--mat-app-background-color, var(--mat-sys-background, transparent)); color: var(--mat-app-text-color, var(--mat-sys-on-background, inherit)); } .mat-elevation-z0, .mat-mdc-elevation-specific.mat-elevation-z0 { box-shadow: var(--mat-app-elevation-shadow-level-0, none); } .mat-elevation-z1, .mat-mdc-elevation-specific.mat-elevation-z1 { box-shadow: var(--mat-app-elevation-shadow-level-1, none); } .mat-elevation-z2, .mat-mdc-elevation-specific.mat-elevation-z2 { box-shadow: var(--mat-app-elevation-shadow-level-2, none); } .mat-elevation-z3, .mat-mdc-elevation-specific.mat-elevation-z3 { box-shadow: var(--mat-app-elevation-shadow-level-3, none); } .mat-elevation-z4, .mat-mdc-elevation-specific.mat-elevation-z4 { box-shadow: var(--mat-app-elevation-shadow-level-4, none); } .mat-elevation-z5, .mat-mdc-elevation-specific.mat-elevation-z5 { box-shadow: var(--mat-app-elevation-shadow-level-5, none); } .mat-elevation-z6, .mat-mdc-elevation-specific.mat-elevation-z6 { box-shadow: var(--mat-app-elevation-shadow-level-6, none); } .mat-elevation-z7, .mat-mdc-elevation-specific.mat-elevation-z7 { box-shadow: var(--mat-app-elevation-shadow-level-7, none); } .mat-elevation-z8, .mat-mdc-elevation-specific.mat-elevation-z8 { box-shadow: var(--mat-app-elevation-shadow-level-8, none); } .mat-elevation-z9, .mat-mdc-elevation-specific.mat-elevation-z9 { box-shadow: var(--mat-app-elevation-shadow-level-9, none); } .mat-elevation-z10, .mat-mdc-elevation-specific.mat-elevation-z10 { box-shadow: var(--mat-app-elevation-shadow-level-10, none); } .mat-elevation-z11, .mat-mdc-elevation-specific.mat-elevation-z11 { box-shadow: var(--mat-app-elevation-shadow-level-11, none); } .mat-elevation-z12, .mat-mdc-elevation-specific.mat-elevation-z12 { box-shadow: var(--mat-app-elevation-shadow-level-12, none); } .mat-elevation-z13, .mat-mdc-elevation-specific.mat-elevation-z13 { box-shadow: var(--mat-app-elevation-shadow-level-13, none); } .mat-elevation-z14, .mat-mdc-elevation-specific.mat-elevation-z14 { box-shadow: var(--mat-app-elevation-shadow-level-14, none); } .mat-elevation-z15, .mat-mdc-elevation-specific.mat-elevation-z15 { box-shadow: var(--mat-app-elevation-shadow-level-15, none); } .mat-elevation-z16, .mat-mdc-elevation-specific.mat-elevation-z16 { box-shadow: var(--mat-app-elevation-shadow-level-16, none); } .mat-elevation-z17, .mat-mdc-elevation-specific.mat-elevation-z17 { box-shadow: var(--mat-app-elevation-shadow-level-17, none); } .mat-elevation-z18, .mat-mdc-elevation-specific.mat-elevation-z18 { box-shadow: var(--mat-app-elevation-shadow-level-18, none); } .mat-elevation-z19, .mat-mdc-elevation-specific.mat-elevation-z19 { box-shadow: var(--mat-app-elevation-shadow-level-19, none); } .mat-elevation-z20, .mat-mdc-elevation-specific.mat-elevation-z20 { box-shadow: var(--mat-app-elevation-shadow-level-20, none); } .mat-elevation-z21, .mat-mdc-elevation-specific.mat-elevation-z21 { box-shadow: var(--mat-app-elevation-shadow-level-21, none); } .mat-elevation-z22, .mat-mdc-elevation-specific.mat-elevation-z22 { box-shadow: var(--mat-app-elevation-shadow-level-22, none); } .mat-elevation-z23, .mat-mdc-elevation-specific.mat-elevation-z23 { box-shadow: var(--mat-app-elevation-shadow-level-23, none); } .mat-elevation-z24, .mat-mdc-elevation-specific.mat-elevation-z24 { box-shadow: var(--mat-app-elevation-shadow-level-24, none); } html { --mat-ripple-color:rgba(0, 0, 0, 0.1); } html { --mat-option-selected-state-label-text-color:#3f51b5; --mat-option-label-text-color:rgba(0, 0, 0, 0.87); --mat-option-hover-state-layer-color:rgba(0, 0, 0, 0.04); --mat-option-focus-state-layer-color:rgba(0, 0, 0, 0.04); --mat-option-selected-state-layer-color:rgba(0, 0, 0, 0.04); } .mat-accent { --mat-option-selected-state-label-text-color:#ff4081; --mat-option-label-text-color:rgba(0, 0, 0, 0.87); --mat-option-hover-state-layer-color:rgba(0, 0, 0, 0.04); --mat-option-focus-state-layer-color:rgba(0, 0, 0, 0.04); --mat-option-selected-state-layer-color:rgba(0, 0, 0, 0.04); } .mat-warn { --mat-option-selected-state-label-text-color:#f44336; --mat-option-label-text-color:rgba(0, 0, 0, 0.87); --mat-option-hover-state-layer-color:rgba(0, 0, 0, 0.04); --mat-option-focus-state-layer-color:rgba(0, 0, 0, 0.04); --mat-option-selected-state-layer-color:rgba(0, 0, 0, 0.04); } html { --mat-optgroup-label-text-color:rgba(0, 0, 0, 0.87); } html { --mat-full-pseudo-checkbox-selected-icon-color:#ff4081; --mat-full-pseudo-checkbox-selected-checkmark-color:#fafafa; --mat-full-pseudo-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54); --mat-full-pseudo-checkbox-disabled-selected-checkmark-color:#fafafa; --mat-full-pseudo-checkbox-disabled-unselected-icon-color:#b0b0b0; --mat-full-pseudo-checkbox-disabled-selected-icon-color:#b0b0b0; } html { --mat-minimal-pseudo-checkbox-selected-checkmark-color:#ff4081; --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color:#b0b0b0; } .mat-primary { --mat-full-pseudo-checkbox-selected-icon-color:#3f51b5; --mat-full-pseudo-checkbox-selected-checkmark-color:#fafafa; --mat-full-pseudo-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54); --mat-full-pseudo-checkbox-disabled-selected-checkmark-color:#fafafa; --mat-full-pseudo-checkbox-disabled-unselected-icon-color:#b0b0b0; --mat-full-pseudo-checkbox-disabled-selected-icon-color:#b0b0b0; } .mat-primary { --mat-minimal-pseudo-checkbox-selected-checkmark-color:#3f51b5; --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color:#b0b0b0; } .mat-accent { --mat-full-pseudo-checkbox-selected-icon-color:#ff4081; --mat-full-pseudo-checkbox-selected-checkmark-color:#fafafa; --mat-full-pseudo-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54); --mat-full-pseudo-checkbox-disabled-selected-checkmark-color:#fafafa; --mat-full-pseudo-checkbox-disabled-unselected-icon-color:#b0b0b0; --mat-full-pseudo-checkbox-disabled-selected-icon-color:#b0b0b0; } .mat-accent { --mat-minimal-pseudo-checkbox-selected-checkmark-color:#ff4081; --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color:#b0b0b0; } .mat-warn { --mat-full-pseudo-checkbox-selected-icon-color:#f44336; --mat-full-pseudo-checkbox-selected-checkmark-color:#fafafa; --mat-full-pseudo-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54); --mat-full-pseudo-checkbox-disabled-selected-checkmark-color:#fafafa; --mat-full-pseudo-checkbox-disabled-unselected-icon-color:#b0b0b0; --mat-full-pseudo-checkbox-disabled-selected-icon-color:#b0b0b0; } .mat-warn { --mat-minimal-pseudo-checkbox-selected-checkmark-color:#f44336; --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color:#b0b0b0; } html { --mat-app-background-color:#fafafa; --mat-app-text-color:rgba(0, 0, 0, 0.87); --mat-app-elevation-shadow-level-0: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-app-elevation-shadow-level-1: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-app-elevation-shadow-level-2:0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-3: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-app-elevation-shadow-level-4:0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-5:0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-6: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-app-elevation-shadow-level-7:0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-8: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-app-elevation-shadow-level-9:0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-10:0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-11:0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-12: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-app-elevation-shadow-level-13:0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-14:0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-15:0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-16:0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-17:0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-18:0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-19:0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-20:0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-21:0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-22:0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-23:0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-24:0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); } html { --mat-option-label-text-font:Roboto, sans-serif; --mat-option-label-text-line-height:24px; --mat-option-label-text-size:16px; --mat-option-label-text-tracking:0.03125em; --mat-option-label-text-weight:400; } html { --mat-optgroup-label-text-font:Roboto, sans-serif; --mat-optgroup-label-text-line-height:24px; --mat-optgroup-label-text-size:16px; --mat-optgroup-label-text-tracking:0.03125em; --mat-optgroup-label-text-weight:400; } html { --mdc-elevated-card-container-shape:4px; } html { --mdc-outlined-card-container-shape:4px; --mdc-outlined-card-outline-width:1px; } html { --mdc-elevated-card-container-color:white; --mdc-elevated-card-container-elevation: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); } html { --mdc-outlined-card-container-color:white; --mdc-outlined-card-outline-color:rgba(0, 0, 0, 0.12); --mdc-outlined-card-container-elevation: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); } html { --mat-card-subtitle-text-color:rgba(0, 0, 0, 0.54); } html { --mat-card-title-text-font:Roboto, sans-serif; --mat-card-title-text-line-height:32px; --mat-card-title-text-size:20px; --mat-card-title-text-tracking:0.0125em; --mat-card-title-text-weight:500; --mat-card-subtitle-text-font:Roboto, sans-serif; --mat-card-subtitle-text-line-height:22px; --mat-card-subtitle-text-size:14px; --mat-card-subtitle-text-tracking:0.0071428571em; --mat-card-subtitle-text-weight:500; } html { --mdc-linear-progress-active-indicator-height:4px; --mdc-linear-progress-track-height:4px; --mdc-linear-progress-track-shape:0; } .mat-mdc-progress-bar { --mdc-linear-progress-active-indicator-color:#3f51b5; --mdc-linear-progress-track-color:rgba(63, 81, 181, 0.25); } .mat-mdc-progress-bar.mat-accent { --mdc-linear-progress-active-indicator-color:#ff4081; --mdc-linear-progress-track-color:rgba(255, 64, 129, 0.25); } .mat-mdc-progress-bar.mat-warn { --mdc-linear-progress-active-indicator-color:#f44336; --mdc-linear-progress-track-color:rgba(244, 67, 54, 0.25); } html { --mdc-plain-tooltip-container-shape:4px; --mdc-plain-tooltip-supporting-text-line-height:16px; } html { --mdc-plain-tooltip-container-color:#616161; --mdc-plain-tooltip-supporting-text-color:#fff; } html { --mdc-plain-tooltip-supporting-text-font:Roboto, sans-serif; --mdc-plain-tooltip-supporting-text-size:12px; --mdc-plain-tooltip-supporting-text-weight:400; --mdc-plain-tooltip-supporting-text-tracking:0.0333333333em; } html { --mdc-filled-text-field-active-indicator-height:1px; --mdc-filled-text-field-focus-active-indicator-height:2px; --mdc-filled-text-field-container-shape:4px; } html { --mdc-outlined-text-field-outline-width:1px; --mdc-outlined-text-field-focus-outline-width:2px; --mdc-outlined-text-field-container-shape:4px; } html { --mdc-filled-text-field-caret-color:#3f51b5; --mdc-filled-text-field-focus-active-indicator-color:#3f51b5; --mdc-filled-text-field-focus-label-text-color:rgba(63, 81, 181, 0.87); --mdc-filled-text-field-container-color:rgb(244.8, 244.8, 244.8); --mdc-filled-text-field-disabled-container-color:rgb(249.9, 249.9, 249.9); --mdc-filled-text-field-label-text-color:rgba(0, 0, 0, 0.6); --mdc-filled-text-field-hover-label-text-color:rgba(0, 0, 0, 0.6); --mdc-filled-text-field-disabled-label-text-color:rgba(0, 0, 0, 0.38); --mdc-filled-text-field-input-text-color:rgba(0, 0, 0, 0.87); --mdc-filled-text-field-disabled-input-text-color:rgba(0, 0, 0, 0.38); --mdc-filled-text-field-input-text-placeholder-color:rgba(0, 0, 0, 0.6); --mdc-filled-text-field-error-hover-label-text-color:#f44336; --mdc-filled-text-field-error-focus-label-text-color:#f44336; --mdc-filled-text-field-error-label-text-color:#f44336; --mdc-filled-text-field-error-caret-color:#f44336; --mdc-filled-text-field-active-indicator-color:rgba(0, 0, 0, 0.42); --mdc-filled-text-field-disabled-active-indicator-color:rgba(0, 0, 0, 0.06); --mdc-filled-text-field-hover-active-indicator-color:rgba(0, 0, 0, 0.87); --mdc-filled-text-field-error-active-indicator-color:#f44336; --mdc-filled-text-field-error-focus-active-indicator-color:#f44336; --mdc-filled-text-field-error-hover-active-indicator-color:#f44336; } html { --mdc-outlined-text-field-caret-color:#3f51b5; --mdc-outlined-text-field-focus-outline-color:#3f51b5; --mdc-outlined-text-field-focus-label-text-color:rgba(63, 81, 181, 0.87); --mdc-outlined-text-field-label-text-color:rgba(0, 0, 0, 0.6); --mdc-outlined-text-field-hover-label-text-color:rgba(0, 0, 0, 0.6); --mdc-outlined-text-field-disabled-label-text-color:rgba(0, 0, 0, 0.38); --mdc-outlined-text-field-input-text-color:rgba(0, 0, 0, 0.87); --mdc-outlined-text-field-disabled-input-text-color:rgba(0, 0, 0, 0.38); --mdc-outlined-text-field-input-text-placeholder-color:rgba(0, 0, 0, 0.6); --mdc-outlined-text-field-error-caret-color:#f44336; --mdc-outlined-text-field-error-focus-label-text-color:#f44336; --mdc-outlined-text-field-error-label-text-color:#f44336; --mdc-outlined-text-field-error-hover-label-text-color:#f44336; --mdc-outlined-text-field-outline-color:rgba(0, 0, 0, 0.38); --mdc-outlined-text-field-disabled-outline-color:rgba(0, 0, 0, 0.06); --mdc-outlined-text-field-hover-outline-color:rgba(0, 0, 0, 0.87); --mdc-outlined-text-field-error-focus-outline-color:#f44336; --mdc-outlined-text-field-error-hover-outline-color:#f44336; --mdc-outlined-text-field-error-outline-color:#f44336; } html { --mat-form-field-focus-select-arrow-color:rgba(63, 81, 181, 0.87); --mat-form-field-disabled-input-text-placeholder-color:rgba(0, 0, 0, 0.38); --mat-form-field-state-layer-color:rgba(0, 0, 0, 0.87); --mat-form-field-error-text-color:#f44336; --mat-form-field-select-option-text-color:inherit; --mat-form-field-select-disabled-option-text-color:GrayText; --mat-form-field-leading-icon-color:unset; --mat-form-field-disabled-leading-icon-color:unset; --mat-form-field-trailing-icon-color:unset; --mat-form-field-disabled-trailing-icon-color:unset; --mat-form-field-error-focus-trailing-icon-color:unset; --mat-form-field-error-hover-trailing-icon-color:unset; --mat-form-field-error-trailing-icon-color:unset; --mat-form-field-enabled-select-arrow-color:rgba(0, 0, 0, 0.54); --mat-form-field-disabled-select-arrow-color:rgba(0, 0, 0, 0.38); --mat-form-field-hover-state-layer-opacity:0.04; --mat-form-field-focus-state-layer-opacity:0.08; } .mat-mdc-form-field.mat-accent { --mdc-filled-text-field-caret-color:#ff4081; --mdc-filled-text-field-focus-active-indicator-color:#ff4081; --mdc-filled-text-field-focus-label-text-color:rgba(255, 64, 129, 0.87); } .mat-mdc-form-field.mat-accent { --mdc-outlined-text-field-caret-color:#ff4081; --mdc-outlined-text-field-focus-outline-color:#ff4081; --mdc-outlined-text-field-focus-label-text-color:rgba(255, 64, 129, 0.87); } .mat-mdc-form-field.mat-accent { --mat-form-field-focus-select-arrow-color:rgba(255, 64, 129, 0.87); } .mat-mdc-form-field.mat-warn { --mdc-filled-text-field-caret-color:#f44336; --mdc-filled-text-field-focus-active-indicator-color:#f44336; --mdc-filled-text-field-focus-label-text-color:rgba(244, 67, 54, 0.87); } .mat-mdc-form-field.mat-warn { --mdc-outlined-text-field-caret-color:#f44336; --mdc-outlined-text-field-focus-outline-color:#f44336; --mdc-outlined-text-field-focus-label-text-color:rgba(244, 67, 54, 0.87); } .mat-mdc-form-field.mat-warn { --mat-form-field-focus-select-arrow-color:rgba(244, 67, 54, 0.87); } html { --mat-form-field-container-height:56px; --mat-form-field-filled-label-display:block; --mat-form-field-container-vertical-padding:16px; --mat-form-field-filled-with-label-container-padding-top:24px; --mat-form-field-filled-with-label-container-padding-bottom:8px; } html { --mdc-filled-text-field-label-text-font:Roboto, sans-serif; --mdc-filled-text-field-label-text-size:16px; --mdc-filled-text-field-label-text-tracking:0.03125em; --mdc-filled-text-field-label-text-weight:400; } html { --mdc-outlined-text-field-label-text-font:Roboto, sans-serif; --mdc-outlined-text-field-label-text-size:16px; --mdc-outlined-text-field-label-text-tracking:0.03125em; --mdc-outlined-text-field-label-text-weight:400; } html { --mat-form-field-container-text-font:Roboto, sans-serif; --mat-form-field-container-text-line-height:24px; --mat-form-field-container-text-size:16px; --mat-form-field-container-text-tracking:0.03125em; --mat-form-field-container-text-weight:400; --mat-form-field-outlined-label-text-populated-size:16px; --mat-form-field-subscript-text-font:Roboto, sans-serif; --mat-form-field-subscript-text-line-height:20px; --mat-form-field-subscript-text-size:12px; --mat-form-field-subscript-text-tracking:0.0333333333em; --mat-form-field-subscript-text-weight:400; } html { --mat-select-container-elevation-shadow: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); } html { --mat-select-panel-background-color:white; --mat-select-enabled-trigger-text-color:rgba(0, 0, 0, 0.87); --mat-select-disabled-trigger-text-color:rgba(0, 0, 0, 0.38); --mat-select-placeholder-text-color:rgba(0, 0, 0, 0.6); --mat-select-enabled-arrow-color:rgba(0, 0, 0, 0.54); --mat-select-disabled-arrow-color:rgba(0, 0, 0, 0.38); --mat-select-focused-arrow-color:rgba(63, 81, 181, 0.87); --mat-select-invalid-arrow-color:rgba(244, 67, 54, 0.87); } html .mat-mdc-form-field.mat-accent { --mat-select-panel-background-color:white; --mat-select-enabled-trigger-text-color:rgba(0, 0, 0, 0.87); --mat-select-disabled-trigger-text-color:rgba(0, 0, 0, 0.38); --mat-select-placeholder-text-color:rgba(0, 0, 0, 0.6); --mat-select-enabled-arrow-color:rgba(0, 0, 0, 0.54); --mat-select-disabled-arrow-color:rgba(0, 0, 0, 0.38); --mat-select-focused-arrow-color:rgba(255, 64, 129, 0.87); --mat-select-invalid-arrow-color:rgba(244, 67, 54, 0.87); } html .mat-mdc-form-field.mat-warn { --mat-select-panel-background-color:white; --mat-select-enabled-trigger-text-color:rgba(0, 0, 0, 0.87); --mat-select-disabled-trigger-text-color:rgba(0, 0, 0, 0.38); --mat-select-placeholder-text-color:rgba(0, 0, 0, 0.6); --mat-select-enabled-arrow-color:rgba(0, 0, 0, 0.54); --mat-select-disabled-arrow-color:rgba(0, 0, 0, 0.38); --mat-select-focused-arrow-color:rgba(244, 67, 54, 0.87); --mat-select-invalid-arrow-color:rgba(244, 67, 54, 0.87); } html { --mat-select-arrow-transform:translateY(-8px); } html { --mat-select-trigger-text-font:Roboto, sans-serif; --mat-select-trigger-text-line-height:24px; --mat-select-trigger-text-size:16px; --mat-select-trigger-text-tracking:0.03125em; --mat-select-trigger-text-weight:400; } html { --mat-autocomplete-container-shape:4px; --mat-autocomplete-container-elevation-shadow: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); } html { --mat-autocomplete-background-color:white; } html { --mdc-dialog-container-shape:4px; } html { --mat-dialog-container-elevation-shadow:0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); --mat-dialog-container-max-width:80vw; --mat-dialog-container-small-max-width:80vw; --mat-dialog-container-min-width:0; --mat-dialog-actions-alignment:start; --mat-dialog-actions-padding:8px; --mat-dialog-content-padding:20px 24px; --mat-dialog-with-actions-content-padding:20px 24px; --mat-dialog-headline-padding:0 24px 9px; } html { --mdc-dialog-container-color:white; --mdc-dialog-subhead-color:rgba(0, 0, 0, 0.87); --mdc-dialog-supporting-text-color:rgba(0, 0, 0, 0.6); } html { --mdc-dialog-subhead-font:Roboto, sans-serif; --mdc-dialog-subhead-line-height:32px; --mdc-dialog-subhead-size:20px; --mdc-dialog-subhead-weight:500; --mdc-dialog-subhead-tracking:0.0125em; --mdc-dialog-supporting-text-font:Roboto, sans-serif; --mdc-dialog-supporting-text-line-height:24px; --mdc-dialog-supporting-text-size:16px; --mdc-dialog-supporting-text-weight:400; --mdc-dialog-supporting-text-tracking:0.03125em; } .mat-mdc-standard-chip { --mdc-chip-container-shape-radius:16px; --mdc-chip-with-avatar-avatar-shape-radius:14px; --mdc-chip-with-avatar-avatar-size:28px; --mdc-chip-with-icon-icon-size:18px; --mdc-chip-outline-width:0; --mdc-chip-outline-color:transparent; --mdc-chip-disabled-outline-color:transparent; --mdc-chip-focus-outline-color:transparent; --mdc-chip-hover-state-layer-opacity:0.04; --mdc-chip-with-avatar-disabled-avatar-opacity:1; --mdc-chip-flat-selected-outline-width:0; --mdc-chip-selected-hover-state-layer-opacity:0.04; --mdc-chip-with-trailing-icon-disabled-trailing-icon-opacity:1; --mdc-chip-with-icon-disabled-icon-opacity:1; } .mat-mdc-standard-chip { --mat-chip-disabled-container-opacity:0.4; --mat-chip-trailing-action-opacity:0.54; --mat-chip-trailing-action-focus-opacity:1; --mat-chip-trailing-action-state-layer-color:transparent; --mat-chip-selected-trailing-action-state-layer-color:transparent; --mat-chip-trailing-action-hover-state-layer-opacity:0; --mat-chip-trailing-action-focus-state-layer-opacity:0; } .mat-mdc-standard-chip { --mdc-chip-disabled-label-text-color:#212121; --mdc-chip-elevated-container-color:rgb(224.4, 224.4, 224.4); --mdc-chip-elevated-selected-container-color:rgb(224.4, 224.4, 224.4); --mdc-chip-elevated-disabled-container-color:rgb(224.4, 224.4, 224.4); --mdc-chip-flat-disabled-selected-container-color:rgb(224.4, 224.4, 224.4); --mdc-chip-focus-state-layer-color:black; --mdc-chip-hover-state-layer-color:black; --mdc-chip-selected-hover-state-layer-color:black; --mdc-chip-focus-state-layer-opacity:0.12; --mdc-chip-selected-focus-state-layer-color:black; --mdc-chip-selected-focus-state-layer-opacity:0.12; --mdc-chip-label-text-color:#212121; --mdc-chip-selected-label-text-color:#212121; --mdc-chip-with-icon-icon-color:#212121; --mdc-chip-with-icon-disabled-icon-color:#212121; --mdc-chip-with-icon-selected-icon-color:#212121; --mdc-chip-with-trailing-icon-disabled-trailing-icon-color:#212121; --mdc-chip-with-trailing-icon-trailing-icon-color:#212121; } .mat-mdc-standard-chip { --mat-chip-selected-disabled-trailing-icon-color:#212121; --mat-chip-selected-trailing-icon-color:#212121; } .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary { --mdc-chip-disabled-label-text-color:white; --mdc-chip-elevated-container-color:#3f51b5; --mdc-chip-elevated-selected-container-color:#3f51b5; --mdc-chip-elevated-disabled-container-color:#3f51b5; --mdc-chip-flat-disabled-selected-container-color:#3f51b5; --mdc-chip-focus-state-layer-color:black; --mdc-chip-hover-state-layer-color:black; --mdc-chip-selected-hover-state-layer-color:black; --mdc-chip-focus-state-layer-opacity:0.12; --mdc-chip-selected-focus-state-layer-color:black; --mdc-chip-selected-focus-state-layer-opacity:0.12; --mdc-chip-label-text-color:white; --mdc-chip-selected-label-text-color:white; --mdc-chip-with-icon-icon-color:white; --mdc-chip-with-icon-disabled-icon-color:white; --mdc-chip-with-icon-selected-icon-color:white; --mdc-chip-with-trailing-icon-disabled-trailing-icon-color:white; --mdc-chip-with-trailing-icon-trailing-icon-color:white; } .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary { --mat-chip-selected-disabled-trailing-icon-color:white; --mat-chip-selected-trailing-icon-color:white; } .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent { --mdc-chip-disabled-label-text-color:white; --mdc-chip-elevated-container-color:#ff4081; --mdc-chip-elevated-selected-container-color:#ff4081; --mdc-chip-elevated-disabled-container-color:#ff4081; --mdc-chip-flat-disabled-selected-container-color:#ff4081; --mdc-chip-focus-state-layer-color:black; --mdc-chip-hover-state-layer-color:black; --mdc-chip-selected-hover-state-layer-color:black; --mdc-chip-focus-state-layer-opacity:0.12; --mdc-chip-selected-focus-state-layer-color:black; --mdc-chip-selected-focus-state-layer-opacity:0.12; --mdc-chip-label-text-color:white; --mdc-chip-selected-label-text-color:white; --mdc-chip-with-icon-icon-color:white; --mdc-chip-with-icon-disabled-icon-color:white; --mdc-chip-with-icon-selected-icon-color:white; --mdc-chip-with-trailing-icon-disabled-trailing-icon-color:white; --mdc-chip-with-trailing-icon-trailing-icon-color:white; } .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent { --mat-chip-selected-disabled-trailing-icon-color:white; --mat-chip-selected-trailing-icon-color:white; } .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn { --mdc-chip-disabled-label-text-color:white; --mdc-chip-elevated-container-color:#f44336; --mdc-chip-elevated-selected-container-color:#f44336; --mdc-chip-elevated-disabled-container-color:#f44336; --mdc-chip-flat-disabled-selected-container-color:#f44336; --mdc-chip-focus-state-layer-color:black; --mdc-chip-hover-state-layer-color:black; --mdc-chip-selected-hover-state-layer-color:black; --mdc-chip-focus-state-layer-opacity:0.12; --mdc-chip-selected-focus-state-layer-color:black; --mdc-chip-selected-focus-state-layer-opacity:0.12; --mdc-chip-label-text-color:white; --mdc-chip-selected-label-text-color:white; --mdc-chip-with-icon-icon-color:white; --mdc-chip-with-icon-disabled-icon-color:white; --mdc-chip-with-icon-selected-icon-color:white; --mdc-chip-with-trailing-icon-disabled-trailing-icon-color:white; --mdc-chip-with-trailing-icon-trailing-icon-color:white; } .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn { --mat-chip-selected-disabled-trailing-icon-color:white; --mat-chip-selected-trailing-icon-color:white; } .mat-mdc-chip.mat-mdc-standard-chip { --mdc-chip-container-height:32px; } .mat-mdc-standard-chip { --mdc-chip-label-text-font:Roboto, sans-serif; --mdc-chip-label-text-line-height:20px; --mdc-chip-label-text-size:14px; --mdc-chip-label-text-tracking:0.0178571429em; --mdc-chip-label-text-weight:400; } html { --mdc-switch-disabled-selected-icon-opacity:0.38; --mdc-switch-disabled-track-opacity:0.12; --mdc-switch-disabled-unselected-icon-opacity:0.38; --mdc-switch-handle-height:20px; --mdc-switch-handle-shape:10px; --mdc-switch-handle-width:20px; --mdc-switch-selected-icon-size:18px; --mdc-switch-track-height:14px; --mdc-switch-track-shape:7px; --mdc-switch-track-width:36px; --mdc-switch-unselected-icon-size:18px; --mdc-switch-selected-focus-state-layer-opacity:0.12; --mdc-switch-selected-hover-state-layer-opacity:0.04; --mdc-switch-selected-pressed-state-layer-opacity:0.1; --mdc-switch-unselected-focus-state-layer-opacity:0.12; --mdc-switch-unselected-hover-state-layer-opacity:0.04; --mdc-switch-unselected-pressed-state-layer-opacity:0.1; } html .mat-mdc-slide-toggle { --mat-switch-disabled-selected-handle-opacity:0.38; --mat-switch-disabled-unselected-handle-opacity:0.38; --mat-switch-unselected-handle-size:20px; --mat-switch-selected-handle-size:20px; --mat-switch-pressed-handle-size:20px; --mat-switch-with-icon-handle-size:20px; --mat-switch-selected-handle-horizontal-margin:0; --mat-switch-selected-with-icon-handle-horizontal-margin:0; --mat-switch-selected-pressed-handle-horizontal-margin:0; --mat-switch-unselected-handle-horizontal-margin:0; --mat-switch-unselected-with-icon-handle-horizontal-margin:0; --mat-switch-unselected-pressed-handle-horizontal-margin:0; --mat-switch-visible-track-opacity:1; --mat-switch-hidden-track-opacity:1; --mat-switch-visible-track-transition:transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1); --mat-switch-hidden-track-transition:transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1); --mat-switch-track-outline-width:1px; --mat-switch-track-outline-color:transparent; --mat-switch-selected-track-outline-width:1px; --mat-switch-selected-track-outline-color:transparent; --mat-switch-disabled-unselected-track-outline-width:1px; --mat-switch-disabled-unselected-track-outline-color:transparent; } html { --mdc-switch-selected-focus-state-layer-color:#3949ab; --mdc-switch-selected-handle-color:#3949ab; --mdc-switch-selected-hover-state-layer-color:#3949ab; --mdc-switch-selected-pressed-state-layer-color:#3949ab; --mdc-switch-selected-focus-handle-color:#1a237e; --mdc-switch-selected-hover-handle-color:#1a237e; --mdc-switch-selected-pressed-handle-color:#1a237e; --mdc-switch-selected-focus-track-color:#7986cb; --mdc-switch-selected-hover-track-color:#7986cb; --mdc-switch-selected-pressed-track-color:#7986cb; --mdc-switch-selected-track-color:#7986cb; --mdc-switch-disabled-selected-handle-color:#424242; --mdc-switch-disabled-selected-icon-color:#fff; --mdc-switch-disabled-selected-track-color:#424242; --mdc-switch-disabled-unselected-handle-color:#424242; --mdc-switch-disabled-unselected-icon-color:#fff; --mdc-switch-disabled-unselected-track-color:#424242; --mdc-switch-handle-surface-color:#fff; --mdc-switch-selected-icon-color:#fff; --mdc-switch-unselected-focus-handle-color:#212121; --mdc-switch-unselected-focus-state-layer-color:#424242; --mdc-switch-unselected-focus-track-color:#e0e0e0; --mdc-switch-unselected-handle-color:#616161; --mdc-switch-unselected-hover-handle-color:#212121; --mdc-switch-unselected-hover-state-layer-color:#424242; --mdc-switch-unselected-hover-track-color:#e0e0e0; --mdc-switch-unselected-icon-color:#fff; --mdc-switch-unselected-pressed-handle-color:#212121; --mdc-switch-unselected-pressed-state-layer-color:#424242; --mdc-switch-unselected-pressed-track-color:#e0e0e0; --mdc-switch-unselected-track-color:#e0e0e0; --mdc-switch-handle-elevation-shadow: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); --mdc-switch-disabled-handle-elevation-shadow: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); } html { --mdc-switch-disabled-label-text-color: rgba(0, 0, 0, 0.38); } html .mat-mdc-slide-toggle { --mat-switch-label-text-color:rgba(0, 0, 0, 0.87); } html .mat-mdc-slide-toggle.mat-accent { --mdc-switch-selected-focus-state-layer-color:#d81b60; --mdc-switch-selected-handle-color:#d81b60; --mdc-switch-selected-hover-state-layer-color:#d81b60; --mdc-switch-selected-pressed-state-layer-color:#d81b60; --mdc-switch-selected-focus-handle-color:#880e4f; --mdc-switch-selected-hover-handle-color:#880e4f; --mdc-switch-selected-pressed-handle-color:#880e4f; --mdc-switch-selected-focus-track-color:#f06292; --mdc-switch-selected-hover-track-color:#f06292; --mdc-switch-selected-pressed-track-color:#f06292; --mdc-switch-selected-track-color:#f06292; } html .mat-mdc-slide-toggle.mat-warn { --mdc-switch-selected-focus-state-layer-color:#e53935; --mdc-switch-selected-handle-color:#e53935; --mdc-switch-selected-hover-state-layer-color:#e53935; --mdc-switch-selected-pressed-state-layer-color:#e53935; --mdc-switch-selected-focus-handle-color:#b71c1c; --mdc-switch-selected-hover-handle-color:#b71c1c; --mdc-switch-selected-pressed-handle-color:#b71c1c; --mdc-switch-selected-focus-track-color:#e57373; --mdc-switch-selected-hover-track-color:#e57373; --mdc-switch-selected-pressed-track-color:#e57373; --mdc-switch-selected-track-color:#e57373; } html { --mdc-switch-state-layer-size:40px; } html .mat-mdc-slide-toggle { --mat-switch-label-text-font:Roboto, sans-serif; --mat-switch-label-text-line-height:20px; --mat-switch-label-text-size:14px; --mat-switch-label-text-tracking:0.0178571429em; --mat-switch-label-text-weight:400; } html { --mdc-radio-disabled-selected-icon-opacity:0.38; --mdc-radio-disabled-unselected-icon-opacity:0.38; --mdc-radio-state-layer-size:40px; } .mat-mdc-radio-button.mat-primary { --mdc-radio-disabled-selected-icon-color:black; --mdc-radio-disabled-unselected-icon-color:black; --mdc-radio-unselected-hover-icon-color:#212121; --mdc-radio-unselected-focus-icon-color:#212121; --mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54); --mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54); --mdc-radio-selected-focus-icon-color:#3f51b5; --mdc-radio-selected-hover-icon-color:#3f51b5; --mdc-radio-selected-icon-color:#3f51b5; --mdc-radio-selected-pressed-icon-color:#3f51b5; } .mat-mdc-radio-button.mat-primary { --mat-radio-ripple-color:black; --mat-radio-checked-ripple-color:#3f51b5; --mat-radio-disabled-label-color:rgba(0, 0, 0, 0.38); --mat-radio-label-text-color:rgba(0, 0, 0, 0.87); } .mat-mdc-radio-button.mat-accent { --mdc-radio-disabled-selected-icon-color:black; --mdc-radio-disabled-unselected-icon-color:black; --mdc-radio-unselected-hover-icon-color:#212121; --mdc-radio-unselected-focus-icon-color:#212121; --mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54); --mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54); --mdc-radio-selected-focus-icon-color:#ff4081; --mdc-radio-selected-hover-icon-color:#ff4081; --mdc-radio-selected-icon-color:#ff4081; --mdc-radio-selected-pressed-icon-color:#ff4081; } .mat-mdc-radio-button.mat-accent { --mat-radio-ripple-color:black; --mat-radio-checked-ripple-color:#ff4081; --mat-radio-disabled-label-color:rgba(0, 0, 0, 0.38); --mat-radio-label-text-color:rgba(0, 0, 0, 0.87); } .mat-mdc-radio-button.mat-warn { --mdc-radio-disabled-selected-icon-color:black; --mdc-radio-disabled-unselected-icon-color:black; --mdc-radio-unselected-hover-icon-color:#212121; --mdc-radio-unselected-focus-icon-color:#212121; --mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54); --mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54); --mdc-radio-selected-focus-icon-color:#f44336; --mdc-radio-selected-hover-icon-color:#f44336; --mdc-radio-selected-icon-color:#f44336; --mdc-radio-selected-pressed-icon-color:#f44336; } .mat-mdc-radio-button.mat-warn { --mat-radio-ripple-color:black; --mat-radio-checked-ripple-color:#f44336; --mat-radio-disabled-label-color:rgba(0, 0, 0, 0.38); --mat-radio-label-text-color:rgba(0, 0, 0, 0.87); } html { --mdc-radio-state-layer-size:40px; } html { --mat-radio-touch-target-display:block; } html { --mat-radio-label-text-font:Roboto, sans-serif; --mat-radio-label-text-line-height:20px; --mat-radio-label-text-size:14px; --mat-radio-label-text-tracking:0.0178571429em; --mat-radio-label-text-weight:400; } html { --mdc-slider-active-track-height:6px; --mdc-slider-active-track-shape:9999px; --mdc-slider-handle-height:20px; --mdc-slider-handle-shape:50%; --mdc-slider-handle-width:20px; --mdc-slider-inactive-track-height:4px; --mdc-slider-inactive-track-shape:9999px; --mdc-slider-with-overlap-handle-outline-width:1px; --mdc-slider-with-tick-marks-active-container-opacity:0.6; --mdc-slider-with-tick-marks-container-shape:50%; --mdc-slider-with-tick-marks-container-size:2px; --mdc-slider-with-tick-marks-inactive-container-opacity:0.6; --mdc-slider-handle-elevation: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); } html { --mat-slider-value-indicator-width:auto; --mat-slider-value-indicator-height:32px; --mat-slider-value-indicator-caret-display:block; --mat-slider-value-indicator-border-radius:4px; --mat-slider-value-indicator-padding:0 12px; --mat-slider-value-indicator-text-transform:none; --mat-slider-value-indicator-container-transform:translateX(-50%); } html { --mdc-slider-handle-color:#3f51b5; --mdc-slider-focus-handle-color:#3f51b5; --mdc-slider-hover-handle-color:#3f51b5; --mdc-slider-active-track-color:#3f51b5; --mdc-slider-inactive-track-color:#3f51b5; --mdc-slider-with-tick-marks-inactive-container-color:#3f51b5; --mdc-slider-with-tick-marks-active-container-color:white; --mdc-slider-disabled-active-track-color:#000; --mdc-slider-disabled-handle-color:#000; --mdc-slider-disabled-inactive-track-color:#000; --mdc-slider-label-container-color:#000; --mdc-slider-label-label-text-color:#fff; --mdc-slider-with-overlap-handle-outline-color:#fff; --mdc-slider-with-tick-marks-disabled-container-color:#000; } html { --mat-slider-ripple-color:#3f51b5; --mat-slider-hover-state-layer-color:rgba(63, 81, 181, 0.05); --mat-slider-focus-state-layer-color:rgba(63, 81, 181, 0.2); --mat-slider-value-indicator-opacity:0.6; } html .mat-accent { --mdc-slider-handle-color:#ff4081; --mdc-slider-focus-handle-color:#ff4081; --mdc-slider-hover-handle-color:#ff4081; --mdc-slider-active-track-color:#ff4081; --mdc-slider-inactive-track-color:#ff4081; --mdc-slider-with-tick-marks-inactive-container-color:#ff4081; --mdc-slider-with-tick-marks-active-container-color:white; } html .mat-accent { --mat-slider-ripple-color:#ff4081; --mat-slider-hover-state-layer-color:rgba(255, 64, 129, 0.05); --mat-slider-focus-state-layer-color:rgba(255, 64, 129, 0.2); } html .mat-warn { --mdc-slider-handle-color:#f44336; --mdc-slider-focus-handle-color:#f44336; --mdc-slider-hover-handle-color:#f44336; --mdc-slider-active-track-color:#f44336; --mdc-slider-inactive-track-color:#f44336; --mdc-slider-with-tick-marks-inactive-container-color:#f44336; --mdc-slider-with-tick-marks-active-container-color:white; } html .mat-warn { --mat-slider-ripple-color:#f44336; --mat-slider-hover-state-layer-color:rgba(244, 67, 54, 0.05); --mat-slider-focus-state-layer-color:rgba(244, 67, 54, 0.2); } html { --mdc-slider-label-label-text-font:Roboto, sans-serif; --mdc-slider-label-label-text-size:14px; --mdc-slider-label-label-text-line-height:22px; --mdc-slider-label-label-text-tracking:0.0071428571em; --mdc-slider-label-label-text-weight:500; } html { --mat-menu-container-shape:4px; --mat-menu-divider-bottom-spacing:0; --mat-menu-divider-top-spacing:0; --mat-menu-item-spacing:16px; --mat-menu-item-icon-size:24px; --mat-menu-item-leading-spacing:16px; --mat-menu-item-trailing-spacing:16px; --mat-menu-item-with-icon-leading-spacing:16px; --mat-menu-item-with-icon-trailing-spacing:16px; --mat-menu-container-elevation-shadow: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); } html { --mat-menu-item-label-text-color:rgba(0, 0, 0, 0.87); --mat-menu-item-icon-color:rgba(0, 0, 0, 0.87); --mat-menu-item-hover-state-layer-color:rgba(0, 0, 0, 0.04); --mat-menu-item-focus-state-layer-color:rgba(0, 0, 0, 0.04); --mat-menu-container-color:white; --mat-menu-divider-color:rgba(0, 0, 0, 0.12); } html { --mat-menu-item-label-text-font:Roboto, sans-serif; --mat-menu-item-label-text-size:16px; --mat-menu-item-label-text-tracking:0.03125em; --mat-menu-item-label-text-line-height:24px; --mat-menu-item-label-text-weight:400; } html { --mdc-list-list-item-container-shape:0; --mdc-list-list-item-leading-avatar-shape:50%; --mdc-list-list-item-container-color:transparent; --mdc-list-list-item-selected-container-color:transparent; --mdc-list-list-item-leading-avatar-color:transparent; --mdc-list-list-item-leading-icon-size:24px; --mdc-list-list-item-leading-avatar-size:40px; --mdc-list-list-item-trailing-icon-size:24px; --mdc-list-list-item-disabled-state-layer-color:transparent; --mdc-list-list-item-disabled-state-layer-opacity:0; --mdc-list-list-item-disabled-label-text-opacity:0.38; --mdc-list-list-item-disabled-leading-icon-opacity:0.38; --mdc-list-list-item-disabled-trailing-icon-opacity:0.38; } html { --mat-list-active-indicator-color:transparent; --mat-list-active-indicator-shape:4px; } html { --mdc-list-list-item-label-text-color:rgba(0, 0, 0, 0.87); --mdc-list-list-item-supporting-text-color:rgba(0, 0, 0, 0.54); --mdc-list-list-item-leading-icon-color:rgba(0, 0, 0, 0.38); --mdc-list-list-item-trailing-supporting-text-color:rgba(0, 0, 0, 0.38); --mdc-list-list-item-trailing-icon-color:rgba(0, 0, 0, 0.38); --mdc-list-list-item-selected-trailing-icon-color:rgba(0, 0, 0, 0.38); --mdc-list-list-item-disabled-label-text-color:black; --mdc-list-list-item-disabled-leading-icon-color:black; --mdc-list-list-item-disabled-trailing-icon-color:black; --mdc-list-list-item-hover-label-text-color:rgba(0, 0, 0, 0.87); --mdc-list-list-item-hover-leading-icon-color:rgba(0, 0, 0, 0.38); --mdc-list-list-item-hover-trailing-icon-color:rgba(0, 0, 0, 0.38); --mdc-list-list-item-focus-label-text-color:rgba(0, 0, 0, 0.87); --mdc-list-list-item-hover-state-layer-color:black; --mdc-list-list-item-hover-state-layer-opacity:0.04; --mdc-list-list-item-focus-state-layer-color:black; --mdc-list-list-item-focus-state-layer-opacity:0.12; } .mdc-list-item__start, .mdc-list-item__end { --mdc-radio-disabled-selected-icon-color:black; --mdc-radio-disabled-unselected-icon-color:black; --mdc-radio-unselected-hover-icon-color:#212121; --mdc-radio-unselected-focus-icon-color:#212121; --mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54); --mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54); --mdc-radio-selected-focus-icon-color:#3f51b5; --mdc-radio-selected-hover-icon-color:#3f51b5; --mdc-radio-selected-icon-color:#3f51b5; --mdc-radio-selected-pressed-icon-color:#3f51b5; } .mat-accent .mdc-list-item__start, .mat-accent .mdc-list-item__end { --mdc-radio-disabled-selected-icon-color:black; --mdc-radio-disabled-unselected-icon-color:black; --mdc-radio-unselected-hover-icon-color:#212121; --mdc-radio-unselected-focus-icon-color:#212121; --mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54); --mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54); --mdc-radio-selected-focus-icon-color:#ff4081; --mdc-radio-selected-hover-icon-color:#ff4081; --mdc-radio-selected-icon-color:#ff4081; --mdc-radio-selected-pressed-icon-color:#ff4081; } .mat-warn .mdc-list-item__start, .mat-warn .mdc-list-item__end { --mdc-radio-disabled-selected-icon-color:black; --mdc-radio-disabled-unselected-icon-color:black; --mdc-radio-unselected-hover-icon-color:#212121; --mdc-radio-unselected-focus-icon-color:#212121; --mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54); --mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54); --mdc-radio-selected-focus-icon-color:#f44336; --mdc-radio-selected-hover-icon-color:#f44336; --mdc-radio-selected-icon-color:#f44336; --mdc-radio-selected-pressed-icon-color:#f44336; } .mat-mdc-list-option { --mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38); --mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38); --mdc-checkbox-selected-checkmark-color:white; --mdc-checkbox-selected-focus-icon-color:#3f51b5; --mdc-checkbox-selected-hover-icon-color:#3f51b5; --mdc-checkbox-selected-icon-color:#3f51b5; --mdc-checkbox-selected-pressed-icon-color:#3f51b5; --mdc-checkbox-unselected-focus-icon-color:#212121; --mdc-checkbox-unselected-hover-icon-color:#212121; --mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54); --mdc-checkbox-selected-focus-state-layer-color:#3f51b5; --mdc-checkbox-selected-hover-state-layer-color:#3f51b5; --mdc-checkbox-selected-pressed-state-layer-color:#3f51b5; --mdc-checkbox-unselected-focus-state-layer-color:black; --mdc-checkbox-unselected-hover-state-layer-color:black; --mdc-checkbox-unselected-pressed-state-layer-color:black; } .mat-mdc-list-option.mat-accent { --mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38); --mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38); --mdc-checkbox-selected-checkmark-color:white; --mdc-checkbox-selected-focus-icon-color:#ff4081; --mdc-checkbox-selected-hover-icon-color:#ff4081; --mdc-checkbox-selected-icon-color:#ff4081; --mdc-checkbox-selected-pressed-icon-color:#ff4081; --mdc-checkbox-unselected-focus-icon-color:#212121; --mdc-checkbox-unselected-hover-icon-color:#212121; --mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54); --mdc-checkbox-selected-focus-state-layer-color:#ff4081; --mdc-checkbox-selected-hover-state-layer-color:#ff4081; --mdc-checkbox-selected-pressed-state-layer-color:#ff4081; --mdc-checkbox-unselected-focus-state-layer-color:black; --mdc-checkbox-unselected-hover-state-layer-color:black; --mdc-checkbox-unselected-pressed-state-layer-color:black; } .mat-mdc-list-option.mat-warn { --mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38); --mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38); --mdc-checkbox-selected-checkmark-color:white; --mdc-checkbox-selected-focus-icon-color:#f44336; --mdc-checkbox-selected-hover-icon-color:#f44336; --mdc-checkbox-selected-icon-color:#f44336; --mdc-checkbox-selected-pressed-icon-color:#f44336; --mdc-checkbox-unselected-focus-icon-color:#212121; --mdc-checkbox-unselected-hover-icon-color:#212121; --mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54); --mdc-checkbox-selected-focus-state-layer-color:#f44336; --mdc-checkbox-selected-hover-state-layer-color:#f44336; --mdc-checkbox-selected-pressed-state-layer-color:#f44336; --mdc-checkbox-unselected-focus-state-layer-color:black; --mdc-checkbox-unselected-hover-state-layer-color:black; --mdc-checkbox-unselected-pressed-state-layer-color:black; } .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text, .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start, .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text, .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start { color: #3f51b5; } .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start, .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content, .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end { opacity: 1; } html { --mdc-list-list-item-one-line-container-height:48px; --mdc-list-list-item-two-line-container-height:64px; --mdc-list-list-item-three-line-container-height:88px; } html { --mat-list-list-item-leading-icon-start-space:16px; --mat-list-list-item-leading-icon-end-space:32px; } .mdc-list-item__start, .mdc-list-item__end { --mdc-radio-state-layer-size:40px; } .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line, .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line, .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line { height: 56px; } .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines, .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines, .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines { height: 72px; } html { --mdc-list-list-item-label-text-font:Roboto, sans-serif; --mdc-list-list-item-label-text-line-height:24px; --mdc-list-list-item-label-text-size:16px; --mdc-list-list-item-label-text-tracking:0.03125em; --mdc-list-list-item-label-text-weight:400; --mdc-list-list-item-supporting-text-font:Roboto, sans-serif; --mdc-list-list-item-supporting-text-line-height:20px; --mdc-list-list-item-supporting-text-size:14px; --mdc-list-list-item-supporting-text-tracking:0.0178571429em; --mdc-list-list-item-supporting-text-weight:400; --mdc-list-list-item-trailing-supporting-text-font:Roboto, sans-serif; --mdc-list-list-item-trailing-supporting-text-line-height:20px; --mdc-list-list-item-trailing-supporting-text-size:12px; --mdc-list-list-item-trailing-supporting-text-tracking:0.0333333333em; --mdc-list-list-item-trailing-supporting-text-weight:400; } .mdc-list-group__subheader { font: 400 16px/28px Roboto, sans-serif; letter-spacing: .009375em; } html { --mat-paginator-container-text-color:rgba(0, 0, 0, 0.87); --mat-paginator-container-background-color:white; --mat-paginator-enabled-icon-color:rgba(0, 0, 0, 0.54); --mat-paginator-disabled-icon-color:rgba(0, 0, 0, 0.12); } html { --mat-paginator-container-size:56px; --mat-paginator-form-field-container-height:40px; --mat-paginator-form-field-container-vertical-padding:8px; --mat-paginator-touch-target-display:block; } html { --mat-paginator-container-text-font:Roboto, sans-serif; --mat-paginator-container-text-line-height:20px; --mat-paginator-container-text-size:12px; --mat-paginator-container-text-tracking:0.0333333333em; --mat-paginator-container-text-weight:400; --mat-paginator-select-trigger-text-size:12px; } html { --mdc-secondary-navigation-tab-container-height:48px; } html { --mdc-tab-indicator-active-indicator-height:2px; --mdc-tab-indicator-active-indicator-shape:0; } html { --mat-tab-header-divider-color:transparent; --mat-tab-header-divider-height:0; } .mat-mdc-tab-group, .mat-mdc-tab-nav-bar { --mdc-tab-indicator-active-indicator-color:#3f51b5; } .mat-mdc-tab-group, .mat-mdc-tab-nav-bar { --mat-tab-header-disabled-ripple-color:rgba(0, 0, 0, 0.38); --mat-tab-header-pagination-icon-color:black; --mat-tab-header-inactive-label-text-color:rgba(0, 0, 0, 0.6); --mat-tab-header-active-label-text-color:#3f51b5; --mat-tab-header-active-ripple-color:#3f51b5; --mat-tab-header-inactive-ripple-color:#3f51b5; --mat-tab-header-inactive-focus-label-text-color:rgba(0, 0, 0, 0.6); --mat-tab-header-inactive-hover-label-text-color:rgba(0, 0, 0, 0.6); --mat-tab-header-active-focus-label-text-color:#3f51b5; --mat-tab-header-active-hover-label-text-color:#3f51b5; --mat-tab-header-active-focus-indicator-color:#3f51b5; --mat-tab-header-active-hover-indicator-color:#3f51b5; } .mat-mdc-tab-group.mat-accent, .mat-mdc-tab-nav-bar.mat-accent { --mdc-tab-indicator-active-indicator-color:#ff4081; } .mat-mdc-tab-group.mat-accent, .mat-mdc-tab-nav-bar.mat-accent { --mat-tab-header-disabled-ripple-color:rgba(0, 0, 0, 0.38); --mat-tab-header-pagination-icon-color:black; --mat-tab-header-inactive-label-text-color:rgba(0, 0, 0, 0.6); --mat-tab-header-active-label-text-color:#ff4081; --mat-tab-header-active-ripple-color:#ff4081; --mat-tab-header-inactive-ripple-color:#ff4081; --mat-tab-header-inactive-focus-label-text-color:rgba(0, 0, 0, 0.6); --mat-tab-header-inactive-hover-label-text-color:rgba(0, 0, 0, 0.6); --mat-tab-header-active-focus-label-text-color:#ff4081; --mat-tab-header-active-hover-label-text-color:#ff4081; --mat-tab-header-active-focus-indicator-color:#ff4081; --mat-tab-header-active-hover-indicator-color:#ff4081; } .mat-mdc-tab-group.mat-warn, .mat-mdc-tab-nav-bar.mat-warn { --mdc-tab-indicator-active-indicator-color:#f44336; } .mat-mdc-tab-group.mat-warn, .mat-mdc-tab-nav-bar.mat-warn { --mat-tab-header-disabled-ripple-color:rgba(0, 0, 0, 0.38); --mat-tab-header-pagination-icon-color:black; --mat-tab-header-inactive-label-text-color:rgba(0, 0, 0, 0.6); --mat-tab-header-active-label-text-color:#f44336; --mat-tab-header-active-ripple-color:#f44336; --mat-tab-header-inactive-ripple-color:#f44336; --mat-tab-header-inactive-focus-label-text-color:rgba(0, 0, 0, 0.6); --mat-tab-header-inactive-hover-label-text-color:rgba(0, 0, 0, 0.6); --mat-tab-header-active-focus-label-text-color:#f44336; --mat-tab-header-active-hover-label-text-color:#f44336; --mat-tab-header-active-focus-indicator-color:#f44336; --mat-tab-header-active-hover-indicator-color:#f44336; } .mat-mdc-tab-group.mat-background-primary, .mat-mdc-tab-nav-bar.mat-background-primary { --mat-tab-header-with-background-background-color:#3f51b5; --mat-tab-header-with-background-foreground-color:white; } .mat-mdc-tab-group.mat-background-accent, .mat-mdc-tab-nav-bar.mat-background-accent { --mat-tab-header-with-background-background-color:#ff4081; --mat-tab-header-with-background-foreground-color:white; } .mat-mdc-tab-group.mat-background-warn, .mat-mdc-tab-nav-bar.mat-background-warn { --mat-tab-header-with-background-background-color:#f44336; --mat-tab-header-with-background-foreground-color:white; } .mat-mdc-tab-header { --mdc-secondary-navigation-tab-container-height:48px; } .mat-mdc-tab-header { --mat-tab-header-label-text-font:Roboto, sans-serif; --mat-tab-header-label-text-size:14px; --mat-tab-header-label-text-tracking:0.0892857143em; --mat-tab-header-label-text-line-height:36px; --mat-tab-header-label-text-weight:500; } html { --mdc-checkbox-disabled-selected-checkmark-color:#fff; --mdc-checkbox-selected-focus-state-layer-opacity:0.16; --mdc-checkbox-selected-hover-state-layer-opacity:0.04; --mdc-checkbox-selected-pressed-state-layer-opacity:0.16; --mdc-checkbox-unselected-focus-state-layer-opacity:0.16; --mdc-checkbox-unselected-hover-state-layer-opacity:0.04; --mdc-checkbox-unselected-pressed-state-layer-opacity:0.16; } html { --mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38); --mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38); --mdc-checkbox-selected-checkmark-color:white; --mdc-checkbox-selected-focus-icon-color:#ff4081; --mdc-checkbox-selected-hover-icon-color:#ff4081; --mdc-checkbox-selected-icon-color:#ff4081; --mdc-checkbox-selected-pressed-icon-color:#ff4081; --mdc-checkbox-unselected-focus-icon-color:#212121; --mdc-checkbox-unselected-hover-icon-color:#212121; --mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54); --mdc-checkbox-selected-focus-state-layer-color:#ff4081; --mdc-checkbox-selected-hover-state-layer-color:#ff4081; --mdc-checkbox-selected-pressed-state-layer-color:#ff4081; --mdc-checkbox-unselected-focus-state-layer-color:black; --mdc-checkbox-unselected-hover-state-layer-color:black; --mdc-checkbox-unselected-pressed-state-layer-color:black; } html { --mat-checkbox-disabled-label-color:rgba(0, 0, 0, 0.38); --mat-checkbox-label-text-color:rgba(0, 0, 0, 0.87); } .mat-mdc-checkbox.mat-primary { --mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38); --mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38); --mdc-checkbox-selected-checkmark-color:white; --mdc-checkbox-selected-focus-icon-color:#3f51b5; --mdc-checkbox-selected-hover-icon-color:#3f51b5; --mdc-checkbox-selected-icon-color:#3f51b5; --mdc-checkbox-selected-pressed-icon-color:#3f51b5; --mdc-checkbox-unselected-focus-icon-color:#212121; --mdc-checkbox-unselected-hover-icon-color:#212121; --mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54); --mdc-checkbox-selected-focus-state-layer-color:#3f51b5; --mdc-checkbox-selected-hover-state-layer-color:#3f51b5; --mdc-checkbox-selected-pressed-state-layer-color:#3f51b5; --mdc-checkbox-unselected-focus-state-layer-color:black; --mdc-checkbox-unselected-hover-state-layer-color:black; --mdc-checkbox-unselected-pressed-state-layer-color:black; } .mat-mdc-checkbox.mat-warn { --mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38); --mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38); --mdc-checkbox-selected-checkmark-color:white; --mdc-checkbox-selected-focus-icon-color:#f44336; --mdc-checkbox-selected-hover-icon-color:#f44336; --mdc-checkbox-selected-icon-color:#f44336; --mdc-checkbox-selected-pressed-icon-color:#f44336; --mdc-checkbox-unselected-focus-icon-color:#212121; --mdc-checkbox-unselected-hover-icon-color:#212121; --mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54); --mdc-checkbox-selected-focus-state-layer-color:#f44336; --mdc-checkbox-selected-hover-state-layer-color:#f44336; --mdc-checkbox-selected-pressed-state-layer-color:#f44336; --mdc-checkbox-unselected-focus-state-layer-color:black; --mdc-checkbox-unselected-hover-state-layer-color:black; --mdc-checkbox-unselected-pressed-state-layer-color:black; } html { --mdc-checkbox-state-layer-size:40px; } html { --mat-checkbox-touch-target-display:block; } html { --mat-checkbox-label-text-font:Roboto, sans-serif; --mat-checkbox-label-text-line-height:20px; --mat-checkbox-label-text-size:14px; --mat-checkbox-label-text-tracking:0.0178571429em; --mat-checkbox-label-text-weight:400; } html { --mdc-text-button-container-shape:4px; --mdc-text-button-keep-touch-target:false; } html { --mdc-filled-button-container-shape:4px; --mdc-filled-button-keep-touch-target:false; } html { --mdc-protected-button-container-shape:4px; --mdc-protected-button-container-elevation-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); --mdc-protected-button-disabled-container-elevation-shadow: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); --mdc-protected-button-focus-container-elevation-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); --mdc-protected-button-hover-container-elevation-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); --mdc-protected-button-pressed-container-elevation-shadow: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); } html { --mdc-outlined-button-keep-touch-target:false; --mdc-outlined-button-outline-width:1px; --mdc-outlined-button-container-shape:4px; } html { --mat-text-button-horizontal-padding:8px; --mat-text-button-with-icon-horizontal-padding:8px; --mat-text-button-icon-spacing:8px; --mat-text-button-icon-offset:0; } html { --mat-filled-button-horizontal-padding:16px; --mat-filled-button-icon-spacing:8px; --mat-filled-button-icon-offset:-4px; } html { --mat-protected-button-horizontal-padding:16px; --mat-protected-button-icon-spacing:8px; --mat-protected-button-icon-offset:-4px; } html { --mat-outlined-button-horizontal-padding:15px; --mat-outlined-button-icon-spacing:8px; --mat-outlined-button-icon-offset:-4px; } html { --mdc-text-button-label-text-color:black; --mdc-text-button-disabled-label-text-color:rgba(0, 0, 0, 0.38); } html { --mat-text-button-state-layer-color:black; --mat-text-button-disabled-state-layer-color:black; --mat-text-button-ripple-color:rgba(0, 0, 0, 0.1); --mat-text-button-hover-state-layer-opacity:0.04; --mat-text-button-focus-state-layer-opacity:0.12; --mat-text-button-pressed-state-layer-opacity:0.12; } html { --mdc-filled-button-container-color:white; --mdc-filled-button-label-text-color:black; --mdc-filled-button-disabled-container-color:rgba(0, 0, 0, 0.12); --mdc-filled-button-disabled-label-text-color:rgba(0, 0, 0, 0.38); } html { --mat-filled-button-state-layer-color:black; --mat-filled-button-disabled-state-layer-color:black; --mat-filled-button-ripple-color:rgba(0, 0, 0, 0.1); --mat-filled-button-hover-state-layer-opacity:0.04; --mat-filled-button-focus-state-layer-opacity:0.12; --mat-filled-button-pressed-state-layer-opacity:0.12; } html { --mdc-protected-button-container-color:white; --mdc-protected-button-label-text-color:black; --mdc-protected-button-disabled-container-color:rgba(0, 0, 0, 0.12); --mdc-protected-button-disabled-label-text-color:rgba(0, 0, 0, 0.38); } html { --mat-protected-button-state-layer-color:black; --mat-protected-button-disabled-state-layer-color:black; --mat-protected-button-ripple-color:rgba(0, 0, 0, 0.1); --mat-protected-button-hover-state-layer-opacity:0.04; --mat-protected-button-focus-state-layer-opacity:0.12; --mat-protected-button-pressed-state-layer-opacity:0.12; } html { --mdc-outlined-button-disabled-outline-color:rgba(0, 0, 0, 0.12); --mdc-outlined-button-disabled-label-text-color:rgba(0, 0, 0, 0.38); --mdc-outlined-button-label-text-color:black; --mdc-outlined-button-outline-color:rgba(0, 0, 0, 0.12); } html { --mat-outlined-button-state-layer-color:black; --mat-outlined-button-disabled-state-layer-color:black; --mat-outlined-button-ripple-color:rgba(0, 0, 0, 0.1); --mat-outlined-button-hover-state-layer-opacity:0.04; --mat-outlined-button-focus-state-layer-opacity:0.12; --mat-outlined-button-pressed-state-layer-opacity:0.12; } .mat-mdc-button.mat-primary { --mdc-text-button-label-text-color:#3f51b5; } .mat-mdc-button.mat-primary { --mat-text-button-state-layer-color:#3f51b5; --mat-text-button-ripple-color:rgba(63, 81, 181, 0.1); } .mat-mdc-button.mat-accent { --mdc-text-button-label-text-color:#ff4081; } .mat-mdc-button.mat-accent { --mat-text-button-state-layer-color:#ff4081; --mat-text-button-ripple-color:rgba(255, 64, 129, 0.1); } .mat-mdc-button.mat-warn { --mdc-text-button-label-text-color:#f44336; } .mat-mdc-button.mat-warn { --mat-text-button-state-layer-color:#f44336; --mat-text-button-ripple-color:rgba(244, 67, 54, 0.1); } .mat-mdc-unelevated-button.mat-primary { --mdc-filled-button-container-color:#3f51b5; --mdc-filled-button-label-text-color:white; } .mat-mdc-unelevated-button.mat-primary { --mat-filled-button-state-layer-color:white; --mat-filled-button-ripple-color:rgba(255, 255, 255, 0.1); } .mat-mdc-unelevated-button.mat-accent { --mdc-filled-button-container-color:#ff4081; --mdc-filled-button-label-text-color:white; } .mat-mdc-unelevated-button.mat-accent { --mat-filled-button-state-layer-color:white; --mat-filled-button-ripple-color:rgba(255, 255, 255, 0.1); } .mat-mdc-unelevated-button.mat-warn { --mdc-filled-button-container-color:#f44336; --mdc-filled-button-label-text-color:white; } .mat-mdc-unelevated-button.mat-warn { --mat-filled-button-state-layer-color:white; --mat-filled-button-ripple-color:rgba(255, 255, 255, 0.1); } .mat-mdc-raised-button.mat-primary { --mdc-protected-button-container-color:#3f51b5; --mdc-protected-button-label-text-color:white; } .mat-mdc-raised-button.mat-primary { --mat-protected-button-state-layer-color:white; --mat-protected-button-ripple-color:rgba(255, 255, 255, 0.1); } .mat-mdc-raised-button.mat-accent { --mdc-protected-button-container-color:#ff4081; --mdc-protected-button-label-text-color:white; } .mat-mdc-raised-button.mat-accent { --mat-protected-button-state-layer-color:white; --mat-protected-button-ripple-color:rgba(255, 255, 255, 0.1); } .mat-mdc-raised-button.mat-warn { --mdc-protected-button-container-color:#f44336; --mdc-protected-button-label-text-color:white; } .mat-mdc-raised-button.mat-warn { --mat-protected-button-state-layer-color:white; --mat-protected-button-ripple-color:rgba(255, 255, 255, 0.1); } .mat-mdc-outlined-button.mat-primary { --mdc-outlined-button-label-text-color:#3f51b5; --mdc-outlined-button-outline-color:rgba(0, 0, 0, 0.12); } .mat-mdc-outlined-button.mat-primary { --mat-outlined-button-state-layer-color:#3f51b5; --mat-outlined-button-ripple-color:rgba(63, 81, 181, 0.1); } .mat-mdc-outlined-button.mat-accent { --mdc-outlined-button-label-text-color:#ff4081; --mdc-outlined-button-outline-color:rgba(0, 0, 0, 0.12); } .mat-mdc-outlined-button.mat-accent { --mat-outlined-button-state-layer-color:#ff4081; --mat-outlined-button-ripple-color:rgba(255, 64, 129, 0.1); } .mat-mdc-outlined-button.mat-warn { --mdc-outlined-button-label-text-color:#f44336; --mdc-outlined-button-outline-color:rgba(0, 0, 0, 0.12); } .mat-mdc-outlined-button.mat-warn { --mat-outlined-button-state-layer-color:#f44336; --mat-outlined-button-ripple-color:rgba(244, 67, 54, 0.1); } html { --mdc-text-button-container-height:36px; } html { --mdc-filled-button-container-height:36px; } html { --mdc-protected-button-container-height:36px; } html { --mdc-outlined-button-container-height:36px; } html { --mat-text-button-touch-target-display:block; } html { --mat-filled-button-touch-target-display:block; } html { --mat-protected-button-touch-target-display:block; } html { --mat-outlined-button-touch-target-display:block; } html { --mdc-text-button-label-text-font:Roboto, sans-serif; --mdc-text-button-label-text-size:14px; --mdc-text-button-label-text-tracking:0.0892857143em; --mdc-text-button-label-text-weight:500; --mdc-text-button-label-text-transform:none; } html { --mdc-filled-button-label-text-font:Roboto, sans-serif; --mdc-filled-button-label-text-size:14px; --mdc-filled-button-label-text-tracking:0.0892857143em; --mdc-filled-button-label-text-weight:500; --mdc-filled-button-label-text-transform:none; } html { --mdc-protected-button-label-text-font:Roboto, sans-serif; --mdc-protected-button-label-text-size:14px; --mdc-protected-button-label-text-tracking:0.0892857143em; --mdc-protected-button-label-text-weight:500; --mdc-protected-button-label-text-transform:none; } html { --mdc-outlined-button-label-text-font:Roboto, sans-serif; --mdc-outlined-button-label-text-size:14px; --mdc-outlined-button-label-text-tracking:0.0892857143em; --mdc-outlined-button-label-text-weight:500; --mdc-outlined-button-label-text-transform:none; } html { --mdc-icon-button-icon-size:24px; } html { --mdc-icon-button-icon-color:inherit; --mdc-icon-button-disabled-icon-color:rgba(0, 0, 0, 0.38); } html { --mat-icon-button-state-layer-color:black; --mat-icon-button-disabled-state-layer-color:black; --mat-icon-button-ripple-color:rgba(0, 0, 0, 0.1); --mat-icon-button-hover-state-layer-opacity:0.04; --mat-icon-button-focus-state-layer-opacity:0.12; --mat-icon-button-pressed-state-layer-opacity:0.12; } html .mat-mdc-icon-button.mat-primary { --mdc-icon-button-icon-color:#3f51b5; } html .mat-mdc-icon-button.mat-primary { --mat-icon-button-state-layer-color:#3f51b5; --mat-icon-button-ripple-color:rgba(63, 81, 181, 0.1); } html .mat-mdc-icon-button.mat-accent { --mdc-icon-button-icon-color:#ff4081; } html .mat-mdc-icon-button.mat-accent { --mat-icon-button-state-layer-color:#ff4081; --mat-icon-button-ripple-color:rgba(255, 64, 129, 0.1); } html .mat-mdc-icon-button.mat-warn { --mdc-icon-button-icon-color:#f44336; } html .mat-mdc-icon-button.mat-warn { --mat-icon-button-state-layer-color:#f44336; --mat-icon-button-ripple-color:rgba(244, 67, 54, 0.1); } html { --mat-icon-button-touch-target-display:block; } .mat-mdc-icon-button.mat-mdc-button-base { --mdc-icon-button-state-layer-size: 48px; width: var(--mdc-icon-button-state-layer-size); height: var(--mdc-icon-button-state-layer-size); padding: 12px; } html { --mdc-fab-container-shape:50%; --mdc-fab-container-elevation-shadow: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); --mdc-fab-focus-container-elevation-shadow: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); --mdc-fab-hover-container-elevation-shadow: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); --mdc-fab-pressed-container-elevation-shadow: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); } html { --mdc-fab-small-container-shape:50%; --mdc-fab-small-container-elevation-shadow: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); --mdc-fab-small-focus-container-elevation-shadow: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); --mdc-fab-small-hover-container-elevation-shadow: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); --mdc-fab-small-pressed-container-elevation-shadow: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); } html { --mdc-extended-fab-container-height:48px; --mdc-extended-fab-container-shape:24px; --mdc-extended-fab-container-elevation-shadow: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); --mdc-extended-fab-focus-container-elevation-shadow: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); --mdc-extended-fab-hover-container-elevation-shadow: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); --mdc-extended-fab-pressed-container-elevation-shadow: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); } html { --mdc-fab-container-color:white; } html { --mat-fab-foreground-color:black; --mat-fab-state-layer-color:black; --mat-fab-disabled-state-layer-color:black; --mat-fab-ripple-color:rgba(0, 0, 0, 0.1); --mat-fab-hover-state-layer-opacity:0.04; --mat-fab-focus-state-layer-opacity:0.12; --mat-fab-pressed-state-layer-opacity:0.12; --mat-fab-disabled-state-container-color:rgba(0, 0, 0, 0.12); --mat-fab-disabled-state-foreground-color:rgba(0, 0, 0, 0.38); } html { --mdc-fab-small-container-color:white; } html { --mat-fab-small-foreground-color:black; --mat-fab-small-state-layer-color:black; --mat-fab-small-disabled-state-layer-color:black; --mat-fab-small-ripple-color:rgba(0, 0, 0, 0.1); --mat-fab-small-hover-state-layer-opacity:0.04; --mat-fab-small-focus-state-layer-opacity:0.12; --mat-fab-small-pressed-state-layer-opacity:0.12; --mat-fab-small-disabled-state-container-color:rgba(0, 0, 0, 0.12); --mat-fab-small-disabled-state-foreground-color:rgba(0, 0, 0, 0.38); } html .mat-mdc-fab.mat-primary { --mdc-fab-container-color:#3f51b5; } html .mat-mdc-fab.mat-primary { --mat-fab-foreground-color:white; --mat-fab-state-layer-color:white; --mat-fab-ripple-color:rgba(255, 255, 255, 0.1); } html .mat-mdc-fab.mat-accent { --mdc-fab-container-color:#ff4081; } html .mat-mdc-fab.mat-accent { --mat-fab-foreground-color:white; --mat-fab-state-layer-color:white; --mat-fab-ripple-color:rgba(255, 255, 255, 0.1); } html .mat-mdc-fab.mat-warn { --mdc-fab-container-color:#f44336; } html .mat-mdc-fab.mat-warn { --mat-fab-foreground-color:white; --mat-fab-state-layer-color:white; --mat-fab-ripple-color:rgba(255, 255, 255, 0.1); } html .mat-mdc-mini-fab.mat-primary { --mdc-fab-small-container-color:#3f51b5; } html .mat-mdc-mini-fab.mat-primary { --mat-fab-small-foreground-color:white; --mat-fab-small-state-layer-color:white; --mat-fab-small-ripple-color:rgba(255, 255, 255, 0.1); } html .mat-mdc-mini-fab.mat-accent { --mdc-fab-small-container-color:#ff4081; } html .mat-mdc-mini-fab.mat-accent { --mat-fab-small-foreground-color:white; --mat-fab-small-state-layer-color:white; --mat-fab-small-ripple-color:rgba(255, 255, 255, 0.1); } html .mat-mdc-mini-fab.mat-warn { --mdc-fab-small-container-color:#f44336; } html .mat-mdc-mini-fab.mat-warn { --mat-fab-small-foreground-color:white; --mat-fab-small-state-layer-color:white; --mat-fab-small-ripple-color:rgba(255, 255, 255, 0.1); } html { --mat-fab-touch-target-display:block; } html { --mat-fab-small-touch-target-display:block; } html { --mdc-extended-fab-label-text-font:Roboto, sans-serif; --mdc-extended-fab-label-text-size:14px; --mdc-extended-fab-label-text-tracking:0.0892857143em; --mdc-extended-fab-label-text-weight:500; } html { --mdc-snackbar-container-shape:4px; } html { --mdc-snackbar-container-color:#333333; --mdc-snackbar-supporting-text-color:rgba(255, 255, 255, 0.87); } html { --mat-snack-bar-button-color:#c5cae9; } html { --mdc-snackbar-supporting-text-font:Roboto, sans-serif; --mdc-snackbar-supporting-text-line-height:20px; --mdc-snackbar-supporting-text-size:14px; --mdc-snackbar-supporting-text-weight:400; } html { --mat-table-row-item-outline-width:1px; } html { --mat-table-background-color:white; --mat-table-header-headline-color:rgba(0, 0, 0, 0.87); --mat-table-row-item-label-text-color:rgba(0, 0, 0, 0.87); --mat-table-row-item-outline-color:rgba(0, 0, 0, 0.12); } html { --mat-table-header-container-height:56px; --mat-table-footer-container-height:52px; --mat-table-row-item-container-height:52px; } html { --mat-table-header-headline-font:Roboto, sans-serif; --mat-table-header-headline-line-height:22px; --mat-table-header-headline-size:14px; --mat-table-header-headline-weight:500; --mat-table-header-headline-tracking:0.0071428571em; --mat-table-row-item-label-text-font:Roboto, sans-serif; --mat-table-row-item-label-text-line-height:20px; --mat-table-row-item-label-text-size:14px; --mat-table-row-item-label-text-weight:400; --mat-table-row-item-label-text-tracking:0.0178571429em; --mat-table-footer-supporting-text-font:Roboto, sans-serif; --mat-table-footer-supporting-text-line-height:20px; --mat-table-footer-supporting-text-size:14px; --mat-table-footer-supporting-text-weight:400; --mat-table-footer-supporting-text-tracking:0.0178571429em; } html { --mdc-circular-progress-active-indicator-width:4px; --mdc-circular-progress-size:48px; } html { --mdc-circular-progress-active-indicator-color:#3f51b5; } html .mat-accent { --mdc-circular-progress-active-indicator-color:#ff4081; } html .mat-warn { --mdc-circular-progress-active-indicator-color:#f44336; } html { --mat-badge-container-shape:50%; --mat-badge-container-size:unset; --mat-badge-small-size-container-size:unset; --mat-badge-large-size-container-size:unset; --mat-badge-legacy-container-size:22px; --mat-badge-legacy-small-size-container-size:16px; --mat-badge-legacy-large-size-container-size:28px; --mat-badge-container-offset:-11px 0; --mat-badge-small-size-container-offset:-8px 0; --mat-badge-large-size-container-offset:-14px 0; --mat-badge-container-overlap-offset:-11px; --mat-badge-small-size-container-overlap-offset:-8px; --mat-badge-large-size-container-overlap-offset:-14px; --mat-badge-container-padding:0; --mat-badge-small-size-container-padding:0; --mat-badge-large-size-container-padding:0; } html { --mat-badge-background-color:#3f51b5; --mat-badge-text-color:white; --mat-badge-disabled-state-background-color:#b9b9b9; --mat-badge-disabled-state-text-color:rgba(0, 0, 0, 0.38); } .mat-badge-accent { --mat-badge-background-color:#ff4081; --mat-badge-text-color:white; } .mat-badge-warn { --mat-badge-background-color:#f44336; --mat-badge-text-color:white; } html { --mat-badge-text-font:Roboto, sans-serif; --mat-badge-line-height:22px; --mat-badge-text-size:12px; --mat-badge-text-weight:600; --mat-badge-small-size-text-size:9px; --mat-badge-small-size-line-height:16px; --mat-badge-large-size-text-size:24px; --mat-badge-large-size-line-height:28px; } html { --mat-bottom-sheet-container-shape:4px; } html { --mat-bottom-sheet-container-text-color:rgba(0, 0, 0, 0.87); --mat-bottom-sheet-container-background-color:white; } html { --mat-bottom-sheet-container-text-font:Roboto, sans-serif; --mat-bottom-sheet-container-text-line-height:20px; --mat-bottom-sheet-container-text-size:14px; --mat-bottom-sheet-container-text-tracking:0.0178571429em; --mat-bottom-sheet-container-text-weight:400; } html { --mat-legacy-button-toggle-height:36px; --mat-legacy-button-toggle-shape:2px; --mat-legacy-button-toggle-focus-state-layer-opacity:1; } html { --mat-standard-button-toggle-shape:4px; --mat-standard-button-toggle-hover-state-layer-opacity:0.04; --mat-standard-button-toggle-focus-state-layer-opacity:0.12; } html { --mat-legacy-button-toggle-text-color:rgba(0, 0, 0, 0.38); --mat-legacy-button-toggle-state-layer-color:rgba(0, 0, 0, 0.12); --mat-legacy-button-toggle-selected-state-text-color:rgba(0, 0, 0, 0.54); --mat-legacy-button-toggle-selected-state-background-color:#e0e0e0; --mat-legacy-button-toggle-disabled-state-text-color:rgba(0, 0, 0, 0.26); --mat-legacy-button-toggle-disabled-state-background-color:#eeeeee; --mat-legacy-button-toggle-disabled-selected-state-background-color:#bdbdbd; } html { --mat-standard-button-toggle-text-color:rgba(0, 0, 0, 0.87); --mat-standard-button-toggle-background-color:white; --mat-standard-button-toggle-state-layer-color:black; --mat-standard-button-toggle-selected-state-background-color:#e0e0e0; --mat-standard-button-toggle-selected-state-text-color:rgba(0, 0, 0, 0.87); --mat-standard-button-toggle-disabled-state-text-color:rgba(0, 0, 0, 0.26); --mat-standard-button-toggle-disabled-state-background-color:white; --mat-standard-button-toggle-disabled-selected-state-text-color:rgba(0, 0, 0, 0.87); --mat-standard-button-toggle-disabled-selected-state-background-color:#bdbdbd; --mat-standard-button-toggle-divider-color:rgb(224.4, 224.4, 224.4); } html { --mat-standard-button-toggle-height:48px; } html { --mat-legacy-button-toggle-label-text-font:Roboto, sans-serif; --mat-legacy-button-toggle-label-text-line-height:24px; --mat-legacy-button-toggle-label-text-size:16px; --mat-legacy-button-toggle-label-text-tracking:0.03125em; --mat-legacy-button-toggle-label-text-weight:400; } html { --mat-standard-button-toggle-label-text-font:Roboto, sans-serif; --mat-standard-button-toggle-label-text-line-height:24px; --mat-standard-button-toggle-label-text-size:16px; --mat-standard-button-toggle-label-text-tracking:0.03125em; --mat-standard-button-toggle-label-text-weight:400; } html { --mat-datepicker-calendar-container-shape:4px; --mat-datepicker-calendar-container-touch-shape:4px; --mat-datepicker-calendar-container-elevation-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); --mat-datepicker-calendar-container-touch-elevation-shadow:0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); } html { --mat-datepicker-calendar-date-selected-state-text-color:white; --mat-datepicker-calendar-date-selected-state-background-color:#3f51b5; --mat-datepicker-calendar-date-selected-disabled-state-background-color:rgba(63, 81, 181, 0.4); --mat-datepicker-calendar-date-today-selected-state-outline-color:white; --mat-datepicker-calendar-date-focus-state-background-color:rgba(63, 81, 181, 0.3); --mat-datepicker-calendar-date-hover-state-background-color:rgba(63, 81, 181, 0.3); --mat-datepicker-toggle-active-state-icon-color:#3f51b5; --mat-datepicker-calendar-date-in-range-state-background-color:rgba(63, 81, 181, 0.2); --mat-datepicker-calendar-date-in-comparison-range-state-background-color:rgba(249, 171, 0, 0.2); --mat-datepicker-calendar-date-in-overlap-range-state-background-color:#a8dab5; --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color:rgb(69.5241935484, 163.4758064516, 93.9516129032); --mat-datepicker-toggle-icon-color:rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-body-label-text-color:rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-period-button-text-color:black; --mat-datepicker-calendar-period-button-icon-color:rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-navigation-button-icon-color:rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-header-divider-color:rgba(0, 0, 0, 0.12); --mat-datepicker-calendar-header-text-color:rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-date-today-outline-color:rgba(0, 0, 0, 0.38); --mat-datepicker-calendar-date-today-disabled-state-outline-color:rgba(0, 0, 0, 0.18); --mat-datepicker-calendar-date-text-color:rgba(0, 0, 0, 0.87); --mat-datepicker-calendar-date-outline-color:transparent; --mat-datepicker-calendar-date-disabled-state-text-color:rgba(0, 0, 0, 0.38); --mat-datepicker-calendar-date-preview-state-outline-color:rgba(0, 0, 0, 0.24); --mat-datepicker-range-input-separator-color:rgba(0, 0, 0, 0.87); --mat-datepicker-range-input-disabled-state-separator-color:rgba(0, 0, 0, 0.38); --mat-datepicker-range-input-disabled-state-text-color:rgba(0, 0, 0, 0.38); --mat-datepicker-calendar-container-background-color:white; --mat-datepicker-calendar-container-text-color:rgba(0, 0, 0, 0.87); } .mat-datepicker-content.mat-accent { --mat-datepicker-calendar-date-selected-state-text-color:white; --mat-datepicker-calendar-date-selected-state-background-color:#ff4081; --mat-datepicker-calendar-date-selected-disabled-state-background-color:rgba(255, 64, 129, 0.4); --mat-datepicker-calendar-date-today-selected-state-outline-color:white; --mat-datepicker-calendar-date-focus-state-background-color:rgba(255, 64, 129, 0.3); --mat-datepicker-calendar-date-hover-state-background-color:rgba(255, 64, 129, 0.3); --mat-datepicker-calendar-date-in-range-state-background-color:rgba(255, 64, 129, 0.2); --mat-datepicker-calendar-date-in-comparison-range-state-background-color:rgba(249, 171, 0, 0.2); --mat-datepicker-calendar-date-in-overlap-range-state-background-color:#a8dab5; --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color:rgb(69.5241935484, 163.4758064516, 93.9516129032); } .mat-datepicker-content.mat-warn { --mat-datepicker-calendar-date-selected-state-text-color:white; --mat-datepicker-calendar-date-selected-state-background-color:#f44336; --mat-datepicker-calendar-date-selected-disabled-state-background-color:rgba(244, 67, 54, 0.4); --mat-datepicker-calendar-date-today-selected-state-outline-color:white; --mat-datepicker-calendar-date-focus-state-background-color:rgba(244, 67, 54, 0.3); --mat-datepicker-calendar-date-hover-state-background-color:rgba(244, 67, 54, 0.3); --mat-datepicker-calendar-date-in-range-state-background-color:rgba(244, 67, 54, 0.2); --mat-datepicker-calendar-date-in-comparison-range-state-background-color:rgba(249, 171, 0, 0.2); --mat-datepicker-calendar-date-in-overlap-range-state-background-color:#a8dab5; --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color:rgb(69.5241935484, 163.4758064516, 93.9516129032); } .mat-datepicker-toggle-active.mat-accent { --mat-datepicker-toggle-active-state-icon-color:#ff4081; } .mat-datepicker-toggle-active.mat-warn { --mat-datepicker-toggle-active-state-icon-color:#f44336; } .mat-calendar-controls { --mat-icon-button-touch-target-display:none; } .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base { --mdc-icon-button-state-layer-size: 40px; width: var(--mdc-icon-button-state-layer-size); height: var(--mdc-icon-button-state-layer-size); padding: 8px; } html { --mat-datepicker-calendar-text-font:Roboto, sans-serif; --mat-datepicker-calendar-text-size:13px; --mat-datepicker-calendar-body-label-text-size:14px; --mat-datepicker-calendar-body-label-text-weight:500; --mat-datepicker-calendar-period-button-text-size:14px; --mat-datepicker-calendar-period-button-text-weight:500; --mat-datepicker-calendar-header-text-size:11px; --mat-datepicker-calendar-header-text-weight:400; } html { --mat-divider-width:1px; } html { --mat-divider-color:rgba(0, 0, 0, 0.12); } html { --mat-expansion-container-shape:4px; --mat-expansion-legacy-header-indicator-display:inline-block; --mat-expansion-header-indicator-display:none; } html { --mat-expansion-container-background-color:white; --mat-expansion-container-text-color:rgba(0, 0, 0, 0.87); --mat-expansion-actions-divider-color:rgba(0, 0, 0, 0.12); --mat-expansion-header-hover-state-layer-color:rgba(0, 0, 0, 0.04); --mat-expansion-header-focus-state-layer-color:rgba(0, 0, 0, 0.04); --mat-expansion-header-disabled-state-text-color:rgba(0, 0, 0, 0.26); --mat-expansion-header-text-color:rgba(0, 0, 0, 0.87); --mat-expansion-header-description-color:rgba(0, 0, 0, 0.54); --mat-expansion-header-indicator-color:rgba(0, 0, 0, 0.54); } html { --mat-expansion-header-collapsed-state-height:48px; --mat-expansion-header-expanded-state-height:64px; } html { --mat-expansion-header-text-font:Roboto, sans-serif; --mat-expansion-header-text-size:14px; --mat-expansion-header-text-weight:500; --mat-expansion-header-text-line-height:inherit; --mat-expansion-header-text-tracking:inherit; --mat-expansion-container-text-font:Roboto, sans-serif; --mat-expansion-container-text-line-height:20px; --mat-expansion-container-text-size:14px; --mat-expansion-container-text-tracking:0.0178571429em; --mat-expansion-container-text-weight:400; } html { --mat-grid-list-tile-header-primary-text-size:14px; --mat-grid-list-tile-header-secondary-text-size:12px; --mat-grid-list-tile-footer-primary-text-size:14px; --mat-grid-list-tile-footer-secondary-text-size:12px; } html { --mat-icon-color:inherit; } .mat-icon.mat-primary { --mat-icon-color:#3f51b5; } .mat-icon.mat-accent { --mat-icon-color:#ff4081; } .mat-icon.mat-warn { --mat-icon-color:#f44336; } html { --mat-sidenav-container-shape:0; --mat-sidenav-container-elevation-shadow:0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); --mat-sidenav-container-width:auto; } html { --mat-sidenav-container-divider-color:rgba(0, 0, 0, 0.12); --mat-sidenav-container-background-color:white; --mat-sidenav-container-text-color:rgba(0, 0, 0, 0.87); --mat-sidenav-content-background-color:#fafafa; --mat-sidenav-content-text-color:rgba(0, 0, 0, 0.87); --mat-sidenav-scrim-color:rgba(0, 0, 0, 0.6); } html { --mat-stepper-header-icon-foreground-color:white; --mat-stepper-header-selected-state-icon-background-color:#3f51b5; --mat-stepper-header-selected-state-icon-foreground-color:white; --mat-stepper-header-done-state-icon-background-color:#3f51b5; --mat-stepper-header-done-state-icon-foreground-color:white; --mat-stepper-header-edit-state-icon-background-color:#3f51b5; --mat-stepper-header-edit-state-icon-foreground-color:white; --mat-stepper-container-color:white; --mat-stepper-line-color:rgba(0, 0, 0, 0.12); --mat-stepper-header-hover-state-layer-color:rgba(0, 0, 0, 0.04); --mat-stepper-header-focus-state-layer-color:rgba(0, 0, 0, 0.04); --mat-stepper-header-label-text-color:rgba(0, 0, 0, 0.54); --mat-stepper-header-optional-label-text-color:rgba(0, 0, 0, 0.54); --mat-stepper-header-selected-state-label-text-color:rgba(0, 0, 0, 0.87); --mat-stepper-header-error-state-label-text-color:#f44336; --mat-stepper-header-icon-background-color:rgba(0, 0, 0, 0.54); --mat-stepper-header-error-state-icon-foreground-color:#f44336; --mat-stepper-header-error-state-icon-background-color:transparent; } html .mat-step-header.mat-accent { --mat-stepper-header-icon-foreground-color:white; --mat-stepper-header-selected-state-icon-background-color:#ff4081; --mat-stepper-header-selected-state-icon-foreground-color:white; --mat-stepper-header-done-state-icon-background-color:#ff4081; --mat-stepper-header-done-state-icon-foreground-color:white; --mat-stepper-header-edit-state-icon-background-color:#ff4081; --mat-stepper-header-edit-state-icon-foreground-color:white; } html .mat-step-header.mat-warn { --mat-stepper-header-icon-foreground-color:white; --mat-stepper-header-selected-state-icon-background-color:#f44336; --mat-stepper-header-selected-state-icon-foreground-color:white; --mat-stepper-header-done-state-icon-background-color:#f44336; --mat-stepper-header-done-state-icon-foreground-color:white; --mat-stepper-header-edit-state-icon-background-color:#f44336; --mat-stepper-header-edit-state-icon-foreground-color:white; } html { --mat-stepper-header-height:72px; } html { --mat-stepper-container-text-font:Roboto, sans-serif; --mat-stepper-header-label-text-font:Roboto, sans-serif; --mat-stepper-header-label-text-size:14px; --mat-stepper-header-label-text-weight:400; --mat-stepper-header-error-state-label-text-size:16px; --mat-stepper-header-selected-state-label-text-size:16px; --mat-stepper-header-selected-state-label-text-weight:400; } html { --mat-sort-arrow-color:rgb(117.3, 117.3, 117.3); } html { --mat-toolbar-container-background-color:whitesmoke; --mat-toolbar-container-text-color:rgba(0, 0, 0, 0.87); } .mat-toolbar.mat-primary { --mat-toolbar-container-background-color:#3f51b5; --mat-toolbar-container-text-color:white; } .mat-toolbar.mat-accent { --mat-toolbar-container-background-color:#ff4081; --mat-toolbar-container-text-color:white; } .mat-toolbar.mat-warn { --mat-toolbar-container-background-color:#f44336; --mat-toolbar-container-text-color:white; } html { --mat-toolbar-standard-height:64px; --mat-toolbar-mobile-height:56px; } html { --mat-toolbar-title-text-font:Roboto, sans-serif; --mat-toolbar-title-text-line-height:32px; --mat-toolbar-title-text-size:20px; --mat-toolbar-title-text-tracking:0.0125em; --mat-toolbar-title-text-weight:500; } html { --mat-tree-container-background-color:white; --mat-tree-node-text-color:rgba(0, 0, 0, 0.87); } html { --mat-tree-node-min-height:48px; } html { --mat-tree-node-text-font:Roboto, sans-serif; --mat-tree-node-text-size:14px; --mat-tree-node-text-weight:400; } html { --mat-timepicker-container-shape:4px; --mat-timepicker-container-elevation-shadow: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); } html { --mat-timepicker-container-background-color:white; } .mat-h1, .mat-headline-5, .mat-typography .mat-h1, .mat-typography .mat-headline-5, .mat-typography h1 { font: 400 24px/32px Roboto, sans-serif; letter-spacing: normal; margin: 0 0 16px; } .mat-h2, .mat-headline-6, .mat-typography .mat-h2, .mat-typography .mat-headline-6, .mat-typography h2 { font: 500 20px/32px Roboto, sans-serif; letter-spacing: .0125em; margin: 0 0 16px; } .mat-h3, .mat-subtitle-1, .mat-typography .mat-h3, .mat-typography .mat-subtitle-1, .mat-typography h3 { font: 400 16px/28px Roboto, sans-serif; letter-spacing: .009375em; margin: 0 0 16px; } .mat-h4, .mat-body-1, .mat-typography .mat-h4, .mat-typography .mat-body-1, .mat-typography h4 { font: 400 16px/24px Roboto, sans-serif; letter-spacing: .03125em; margin: 0 0 16px; } .mat-h5, .mat-typography .mat-h5, .mat-typography h5 { font: 400 calc(14px*.83)/20px Roboto, sans-serif; margin: 0 0 12px; } .mat-h6, .mat-typography .mat-h6, .mat-typography h6 { font: 400 calc(14px*.67)/20px Roboto, sans-serif; margin: 0 0 12px; } .mat-body-strong, .mat-subtitle-2, .mat-typography .mat-body-strong, .mat-typography .mat-subtitle-2 { font: 500 14px/22px Roboto, sans-serif; letter-spacing: .0071428571em; } .mat-body, .mat-body-2, .mat-typography .mat-body, .mat-typography .mat-body-2, .mat-typography { font: 400 14px/20px Roboto, sans-serif; letter-spacing: .0178571429em; } .mat-body p, .mat-body-2 p, .mat-typography .mat-body p, .mat-typography .mat-body-2 p, .mat-typography p { margin: 0 0 12px; } .mat-small, .mat-caption, .mat-typography .mat-small, .mat-typography .mat-caption { font: 400 12px/20px Roboto, sans-serif; letter-spacing: .0333333333em; } .mat-headline-1, .mat-typography .mat-headline-1 { font: 300 96px/96px Roboto, sans-serif; letter-spacing: -0.015625em; margin: 0 0 56px; } .mat-headline-2, .mat-typography .mat-headline-2 { font: 300 60px/60px Roboto, sans-serif; letter-spacing: -.0083333333em; margin: 0 0 64px; } .mat-headline-3, .mat-typography .mat-headline-3 { font: 400 48px/50px Roboto, sans-serif; letter-spacing: normal; margin: 0 0 64px; } .mat-headline-4, .mat-typography .mat-headline-4 { font: 400 34px/40px Roboto, sans-serif; letter-spacing: .0073529412em; margin: 0 0 64px; } /* src/styles/reset.css */ *, *::before, *::after { box-sizing: border-box; } * { margin: 0; } body { line-height: 1.5; -webkit-font-smoothing: antialiased; } img, picture, video, canvas, svg { display: block; max-width: 100%; } input, button, textarea, select { font: inherit; } p, h1, h2, h3, h4, h5, h6 { overflow-wrap: break-word; } #root, #__next { isolation: isolate; } button { background: none; border: none; cursor: pointer; padding: none; } /* node_modules/quill/dist/quill.snow.css */ /*! * Quill Editor v1.3.7 * https://quilljs.com/ * Copyright (c) 2014, Jason Chen * Copyright (c) 2013, salesforce.com */ .ql-container { box-sizing: border-box; font-family: Helvetica, Arial, sans-serif; font-size: 13px; height: 100%; margin: 0px; position: relative; } .ql-container.ql-disabled .ql-tooltip { visibility: hidden; } .ql-container.ql-disabled .ql-editor ul[data-checked] > li::before { pointer-events: none; } .ql-clipboard { left: -100000px; height: 1px; overflow-y: hidden; position: absolute; top: 50%; } .ql-clipboard p { margin: 0; padding: 0; } .ql-editor { box-sizing: border-box; line-height: 1.42; height: 100%; outline: none; overflow-y: auto; padding: 12px 15px; tab-size: 4; -moz-tab-size: 4; text-align: left; white-space: pre-wrap; word-wrap: break-word; } .ql-editor > * { cursor: text; } .ql-editor p, .ql-editor ol, .ql-editor ul, .ql-editor pre, .ql-editor blockquote, .ql-editor h1, .ql-editor h2, .ql-editor h3, .ql-editor h4, .ql-editor h5, .ql-editor h6 { margin: 0; padding: 0; counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; } .ql-editor ol, .ql-editor ul { padding-left: 1.5em; } .ql-editor ol > li, .ql-editor ul > li { list-style-type: none; } .ql-editor ul > li::before { content: "\2022"; } .ql-editor ul[data-checked=true], .ql-editor ul[data-checked=false] { pointer-events: none; } .ql-editor ul[data-checked=true] > li *, .ql-editor ul[data-checked=false] > li * { pointer-events: all; } .ql-editor ul[data-checked=true] > li::before, .ql-editor ul[data-checked=false] > li::before { color: #777; cursor: pointer; pointer-events: all; } .ql-editor ul[data-checked=true] > li::before { content: "\2611"; } .ql-editor ul[data-checked=false] > li::before { content: "\2610"; } .ql-editor li::before { display: inline-block; white-space: nowrap; width: 1.2em; } .ql-editor li:not(.ql-direction-rtl)::before { margin-left: -1.5em; margin-right: 0.3em; text-align: right; } .ql-editor li.ql-direction-rtl::before { margin-left: 0.3em; margin-right: -1.5em; } .ql-editor ol li:not(.ql-direction-rtl), .ql-editor ul li:not(.ql-direction-rtl) { padding-left: 1.5em; } .ql-editor ol li.ql-direction-rtl, .ql-editor ul li.ql-direction-rtl { padding-right: 1.5em; } .ql-editor ol li { counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; counter-increment: list-0; } .ql-editor ol li:before { content: counter(list-0, decimal) ". "; } .ql-editor ol li.ql-indent-1 { counter-increment: list-1; } .ql-editor ol li.ql-indent-1:before { content: counter(list-1, lower-alpha) ". "; } .ql-editor ol li.ql-indent-1 { counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-2 { counter-increment: list-2; } .ql-editor ol li.ql-indent-2:before { content: counter(list-2, lower-roman) ". "; } .ql-editor ol li.ql-indent-2 { counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-3 { counter-increment: list-3; } .ql-editor ol li.ql-indent-3:before { content: counter(list-3, decimal) ". "; } .ql-editor ol li.ql-indent-3 { counter-reset: list-4 list-5 list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-4 { counter-increment: list-4; } .ql-editor ol li.ql-indent-4:before { content: counter(list-4, lower-alpha) ". "; } .ql-editor ol li.ql-indent-4 { counter-reset: list-5 list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-5 { counter-increment: list-5; } .ql-editor ol li.ql-indent-5:before { content: counter(list-5, lower-roman) ". "; } .ql-editor ol li.ql-indent-5 { counter-reset: list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-6 { counter-increment: list-6; } .ql-editor ol li.ql-indent-6:before { content: counter(list-6, decimal) ". "; } .ql-editor ol li.ql-indent-6 { counter-reset: list-7 list-8 list-9; } .ql-editor ol li.ql-indent-7 { counter-increment: list-7; } .ql-editor ol li.ql-indent-7:before { content: counter(list-7, lower-alpha) ". "; } .ql-editor ol li.ql-indent-7 { counter-reset: list-8 list-9; } .ql-editor ol li.ql-indent-8 { counter-increment: list-8; } .ql-editor ol li.ql-indent-8:before { content: counter(list-8, lower-roman) ". "; } .ql-editor ol li.ql-indent-8 { counter-reset: list-9; } .ql-editor ol li.ql-indent-9 { counter-increment: list-9; } .ql-editor ol li.ql-indent-9:before { content: counter(list-9, decimal) ". "; } .ql-editor .ql-indent-1:not(.ql-direction-rtl) { padding-left: 3em; } .ql-editor li.ql-indent-1:not(.ql-direction-rtl) { padding-left: 4.5em; } .ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right { padding-right: 3em; } .ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right { padding-right: 4.5em; } .ql-editor .ql-indent-2:not(.ql-direction-rtl) { padding-left: 6em; } .ql-editor li.ql-indent-2:not(.ql-direction-rtl) { padding-left: 7.5em; } .ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right { padding-right: 6em; } .ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right { padding-right: 7.5em; } .ql-editor .ql-indent-3:not(.ql-direction-rtl) { padding-left: 9em; } .ql-editor li.ql-indent-3:not(.ql-direction-rtl) { padding-left: 10.5em; } .ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right { padding-right: 9em; } .ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right { padding-right: 10.5em; } .ql-editor .ql-indent-4:not(.ql-direction-rtl) { padding-left: 12em; } .ql-editor li.ql-indent-4:not(.ql-direction-rtl) { padding-left: 13.5em; } .ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right { padding-right: 12em; } .ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right { padding-right: 13.5em; } .ql-editor .ql-indent-5:not(.ql-direction-rtl) { padding-left: 15em; } .ql-editor li.ql-indent-5:not(.ql-direction-rtl) { padding-left: 16.5em; } .ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right { padding-right: 15em; } .ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right { padding-right: 16.5em; } .ql-editor .ql-indent-6:not(.ql-direction-rtl) { padding-left: 18em; } .ql-editor li.ql-indent-6:not(.ql-direction-rtl) { padding-left: 19.5em; } .ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right { padding-right: 18em; } .ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right { padding-right: 19.5em; } .ql-editor .ql-indent-7:not(.ql-direction-rtl) { padding-left: 21em; } .ql-editor li.ql-indent-7:not(.ql-direction-rtl) { padding-left: 22.5em; } .ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right { padding-right: 21em; } .ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right { padding-right: 22.5em; } .ql-editor .ql-indent-8:not(.ql-direction-rtl) { padding-left: 24em; } .ql-editor li.ql-indent-8:not(.ql-direction-rtl) { padding-left: 25.5em; } .ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right { padding-right: 24em; } .ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right { padding-right: 25.5em; } .ql-editor .ql-indent-9:not(.ql-direction-rtl) { padding-left: 27em; } .ql-editor li.ql-indent-9:not(.ql-direction-rtl) { padding-left: 28.5em; } .ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right { padding-right: 27em; } .ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right { padding-right: 28.5em; } .ql-editor .ql-video { display: block; max-width: 100%; } .ql-editor .ql-video.ql-align-center { margin: 0 auto; } .ql-editor .ql-video.ql-align-right { margin: 0 0 0 auto; } .ql-editor .ql-bg-black { background-color: #000; } .ql-editor .ql-bg-red { background-color: #e60000; } .ql-editor .ql-bg-orange { background-color: #f90; } .ql-editor .ql-bg-yellow { background-color: #ff0; } .ql-editor .ql-bg-green { background-color: #008a00; } .ql-editor .ql-bg-blue { background-color: #06c; } .ql-editor .ql-bg-purple { background-color: #93f; } .ql-editor .ql-color-white { color: #fff; } .ql-editor .ql-color-red { color: #e60000; } .ql-editor .ql-color-orange { color: #f90; } .ql-editor .ql-color-yellow { color: #ff0; } .ql-editor .ql-color-green { color: #008a00; } .ql-editor .ql-color-blue { color: #06c; } .ql-editor .ql-color-purple { color: #93f; } .ql-editor .ql-font-serif { font-family: Georgia, Times New Roman, serif; } .ql-editor .ql-font-monospace { font-family: Monaco, Courier New, monospace; } .ql-editor .ql-size-small { font-size: 0.75em; } .ql-editor .ql-size-large { font-size: 1.5em; } .ql-editor .ql-size-huge { font-size: 2.5em; } .ql-editor .ql-direction-rtl { direction: rtl; text-align: inherit; } .ql-editor .ql-align-center { text-align: center; } .ql-editor .ql-align-justify { text-align: justify; } .ql-editor .ql-align-right { text-align: right; } .ql-editor.ql-blank::before { color: rgba(0, 0, 0, 0.6); content: attr(data-placeholder); font-style: italic; left: 15px; pointer-events: none; position: absolute; right: 15px; } .ql-snow.ql-toolbar:after, .ql-snow .ql-toolbar:after { clear: both; content: ""; display: table; } .ql-snow.ql-toolbar button, .ql-snow .ql-toolbar button { background: none; border: none; cursor: pointer; display: inline-block; float: left; height: 24px; padding: 3px 5px; width: 28px; } .ql-snow.ql-toolbar button svg, .ql-snow .ql-toolbar button svg { float: left; height: 100%; } .ql-snow.ql-toolbar button:active:hover, .ql-snow .ql-toolbar button:active:hover { outline: none; } .ql-snow.ql-toolbar input.ql-image[type=file], .ql-snow .ql-toolbar input.ql-image[type=file] { display: none; } .ql-snow.ql-toolbar button:hover, .ql-snow .ql-toolbar button:hover, .ql-snow.ql-toolbar button:focus, .ql-snow .ql-toolbar button:focus, .ql-snow.ql-toolbar button.ql-active, .ql-snow .ql-toolbar button.ql-active, .ql-snow.ql-toolbar .ql-picker-label:hover, .ql-snow .ql-toolbar .ql-picker-label:hover, .ql-snow.ql-toolbar .ql-picker-label.ql-active, .ql-snow .ql-toolbar .ql-picker-label.ql-active, .ql-snow.ql-toolbar .ql-picker-item:hover, .ql-snow .ql-toolbar .ql-picker-item:hover, .ql-snow.ql-toolbar .ql-picker-item.ql-selected, .ql-snow .ql-toolbar .ql-picker-item.ql-selected { color: #06c; } .ql-snow.ql-toolbar button:hover .ql-fill, .ql-snow .ql-toolbar button:hover .ql-fill, .ql-snow.ql-toolbar button:focus .ql-fill, .ql-snow .ql-toolbar button:focus .ql-fill, .ql-snow.ql-toolbar button.ql-active .ql-fill, .ql-snow .ql-toolbar button.ql-active .ql-fill, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill, .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill, .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill, .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill, .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill, .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill, .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill { fill: #06c; } .ql-snow.ql-toolbar button:hover .ql-stroke, .ql-snow .ql-toolbar button:hover .ql-stroke, .ql-snow.ql-toolbar button:focus .ql-stroke, .ql-snow .ql-toolbar button:focus .ql-stroke, .ql-snow.ql-toolbar button.ql-active .ql-stroke, .ql-snow .ql-toolbar button.ql-active .ql-stroke, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke, .ql-snow.ql-toolbar button:hover .ql-stroke-miter, .ql-snow .ql-toolbar button:hover .ql-stroke-miter, .ql-snow.ql-toolbar button:focus .ql-stroke-miter, .ql-snow .ql-toolbar button:focus .ql-stroke-miter, .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter, .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter { stroke: #06c; } @media (pointer: coarse) { .ql-snow.ql-toolbar button:hover:not(.ql-active), .ql-snow .ql-toolbar button:hover:not(.ql-active) { color: #444; } .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill, .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill, .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill, .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill { fill: #444; } .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke, .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke, .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter, .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter { stroke: #444; } } .ql-snow { box-sizing: border-box; } .ql-snow * { box-sizing: border-box; } .ql-snow .ql-hidden { display: none; } .ql-snow .ql-out-bottom, .ql-snow .ql-out-top { visibility: hidden; } .ql-snow .ql-tooltip { position: absolute; transform: translateY(10px); } .ql-snow .ql-tooltip a { cursor: pointer; text-decoration: none; } .ql-snow .ql-tooltip.ql-flip { transform: translateY(-10px); } .ql-snow .ql-formats { display: inline-block; vertical-align: middle; } .ql-snow .ql-formats:after { clear: both; content: ""; display: table; } .ql-snow .ql-stroke { fill: none; stroke: #444; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2; } .ql-snow .ql-stroke-miter { fill: none; stroke: #444; stroke-miterlimit: 10; stroke-width: 2; } .ql-snow .ql-fill, .ql-snow .ql-stroke.ql-fill { fill: #444; } .ql-snow .ql-empty { fill: none; } .ql-snow .ql-even { fill-rule: evenodd; } .ql-snow .ql-thin, .ql-snow .ql-stroke.ql-thin { stroke-width: 1; } .ql-snow .ql-transparent { opacity: 0.4; } .ql-snow .ql-direction svg:last-child { display: none; } .ql-snow .ql-direction.ql-active svg:last-child { display: inline; } .ql-snow .ql-direction.ql-active svg:first-child { display: none; } .ql-snow .ql-editor h1 { font-size: 2em; } .ql-snow .ql-editor h2 { font-size: 1.5em; } .ql-snow .ql-editor h3 { font-size: 1.17em; } .ql-snow .ql-editor h4 { font-size: 1em; } .ql-snow .ql-editor h5 { font-size: 0.83em; } .ql-snow .ql-editor h6 { font-size: 0.67em; } .ql-snow .ql-editor a { text-decoration: underline; } .ql-snow .ql-editor blockquote { border-left: 4px solid #ccc; margin-bottom: 5px; margin-top: 5px; padding-left: 16px; } .ql-snow .ql-editor code, .ql-snow .ql-editor pre { background-color: #f0f0f0; border-radius: 3px; } .ql-snow .ql-editor pre { white-space: pre-wrap; margin-bottom: 5px; margin-top: 5px; padding: 5px 10px; } .ql-snow .ql-editor code { font-size: 85%; padding: 2px 4px; } .ql-snow .ql-editor pre.ql-syntax { background-color: #23241f; color: #f8f8f2; overflow: visible; } .ql-snow .ql-editor img { max-width: 100%; } .ql-snow .ql-picker { color: #444; display: inline-block; float: left; font-size: 14px; font-weight: 500; height: 24px; position: relative; vertical-align: middle; } .ql-snow .ql-picker-label { cursor: pointer; display: inline-block; height: 100%; padding-left: 8px; padding-right: 2px; position: relative; width: 100%; } .ql-snow .ql-picker-label::before { display: inline-block; line-height: 22px; } .ql-snow .ql-picker-options { background-color: #fff; display: none; min-width: 100%; padding: 4px 8px; position: absolute; white-space: nowrap; } .ql-snow .ql-picker-options .ql-picker-item { cursor: pointer; display: block; padding-bottom: 5px; padding-top: 5px; } .ql-snow .ql-picker.ql-expanded .ql-picker-label { color: #ccc; z-index: 2; } .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { fill: #ccc; } .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { stroke: #ccc; } .ql-snow .ql-picker.ql-expanded .ql-picker-options { display: block; margin-top: -1px; top: 100%; z-index: 1; } .ql-snow .ql-color-picker, .ql-snow .ql-icon-picker { width: 28px; } .ql-snow .ql-color-picker .ql-picker-label, .ql-snow .ql-icon-picker .ql-picker-label { padding: 2px 4px; } .ql-snow .ql-color-picker .ql-picker-label svg, .ql-snow .ql-icon-picker .ql-picker-label svg { right: 4px; } .ql-snow .ql-icon-picker .ql-picker-options { padding: 4px 0px; } .ql-snow .ql-icon-picker .ql-picker-item { height: 24px; width: 24px; padding: 2px 4px; } .ql-snow .ql-color-picker .ql-picker-options { padding: 3px 5px; width: 152px; } .ql-snow .ql-color-picker .ql-picker-item { border: 1px solid transparent; float: left; height: 16px; margin: 2px; padding: 0px; width: 16px; } .ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg { position: absolute; margin-top: -9px; right: 0; top: 50%; width: 18px; } .ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""])::before, .ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""])::before, .ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""])::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""])::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""])::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""])::before { content: attr(data-label); } .ql-snow .ql-picker.ql-header { width: 98px; } .ql-snow .ql-picker.ql-header .ql-picker-label::before, .ql-snow .ql-picker.ql-header .ql-picker-item::before { content: "Normal"; } .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before { content: "Heading 1"; } .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before { content: "Heading 2"; } .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before { content: "Heading 3"; } .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before { content: "Heading 4"; } .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before { content: "Heading 5"; } .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before { content: "Heading 6"; } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before { font-size: 2em; } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before { font-size: 1.5em; } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before { font-size: 1.17em; } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before { font-size: 1em; } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before { font-size: 0.83em; } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before { font-size: 0.67em; } .ql-snow .ql-picker.ql-font { width: 108px; } .ql-snow .ql-picker.ql-font .ql-picker-label::before, .ql-snow .ql-picker.ql-font .ql-picker-item::before { content: "Sans Serif"; } .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before { content: "Serif"; } .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before { content: "Monospace"; } .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before { font-family: Georgia, Times New Roman, serif; } .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before { font-family: Monaco, Courier New, monospace; } .ql-snow .ql-picker.ql-size { width: 98px; } .ql-snow .ql-picker.ql-size .ql-picker-label::before, .ql-snow .ql-picker.ql-size .ql-picker-item::before { content: "Normal"; } .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before { content: "Small"; } .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before { content: "Large"; } .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before { content: "Huge"; } .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before { font-size: 10px; } .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before { font-size: 18px; } .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before { font-size: 32px; } .ql-snow .ql-color-picker.ql-background .ql-picker-item { background-color: #fff; } .ql-snow .ql-color-picker.ql-color .ql-picker-item { background-color: #000; } .ql-toolbar.ql-snow { border: 1px solid #ccc; box-sizing: border-box; font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif; padding: 8px; } .ql-toolbar.ql-snow .ql-formats { margin-right: 15px; } .ql-toolbar.ql-snow .ql-picker-label { border: 1px solid transparent; } .ql-toolbar.ql-snow .ql-picker-options { border: 1px solid transparent; box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px; } .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { border-color: #ccc; } .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { border-color: #ccc; } .ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected, .ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover { border-color: #000; } .ql-toolbar.ql-snow + .ql-container.ql-snow { border-top: 0px; } .ql-snow .ql-tooltip { background-color: #fff; border: 1px solid #ccc; box-shadow: 0px 0px 5px #ddd; color: #444; padding: 5px 12px; white-space: nowrap; } .ql-snow .ql-tooltip::before { content: "Visit URL:"; line-height: 26px; margin-right: 8px; } .ql-snow .ql-tooltip input[type=text] { display: none; border: 1px solid #ccc; font-size: 13px; height: 26px; margin: 0px; padding: 3px 5px; width: 170px; } .ql-snow .ql-tooltip a.ql-preview { display: inline-block; max-width: 200px; overflow-x: hidden; text-overflow: ellipsis; vertical-align: top; } .ql-snow .ql-tooltip a.ql-action::after { border-right: 1px solid #ccc; content: "Edit"; margin-left: 16px; padding-right: 8px; } .ql-snow .ql-tooltip a.ql-remove::before { content: "Remove"; margin-left: 8px; } .ql-snow .ql-tooltip a { line-height: 26px; } .ql-snow .ql-tooltip.ql-editing a.ql-preview, .ql-snow .ql-tooltip.ql-editing a.ql-remove { display: none; } .ql-snow .ql-tooltip.ql-editing input[type=text] { display: inline-block; } .ql-snow .ql-tooltip.ql-editing a.ql-action::after { border-right: 0px; content: "Save"; padding-right: 0px; } .ql-snow .ql-tooltip[data-mode=link]::before { content: "Enter link:"; } .ql-snow .ql-tooltip[data-mode=formula]::before { content: "Enter formula:"; } .ql-snow .ql-tooltip[data-mode=video]::before { content: "Enter video:"; } .ql-snow a { color: #06c; } .ql-container.ql-snow { border: 1px solid #ccc; } /* src/app/shared/directives/tooltip/esk-tooltip.css */ .esk-tooltip { --tooltip-arrow-size: 5px; --tooltip-arrow-color: rgba(0, 0, 0, 0.7); --tooltip-margin: 8px; z-index: 4000; max-width: 300px; word-wrap: break-word; position: absolute; background-color: rgba(0, 0, 0, 0.7); color: white; padding: 4px 8px; border-radius: 4px; font-size: 12px; pointer-events: none; } .esk-tooltip::after { content: ""; position: absolute; } .esk-tooltip--right::after { left: -10px; top: 50%; transform: translateY(-50%); border-width: var(--tooltip-arrow-size); border-style: solid; border-color: transparent var(--tooltip-arrow-color) transparent transparent; } .esk-tooltip--left::after { right: -10px; top: 50%; transform: translateY(-50%); border-width: var(--tooltip-arrow-size); border-style: solid; border-color: transparent transparent transparent var(--tooltip-arrow-color); } .esk-tooltip--top::after { bottom: -10px; left: 50%; transform: translateX(-50%); border-width: var(--tooltip-arrow-size); border-style: solid; border-color: var(--tooltip-arrow-color) transparent transparent transparent; } .esk-tooltip--bottom::after { top: -10px; left: 50%; transform: translateX(-50%); border-width: var(--tooltip-arrow-size); border-style: solid; border-color: transparent var(--tooltip-arrow-color) transparent transparent; } /* node_modules/@fortawesome/fontawesome-free/css/all.min.css */ /*! * Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) * Copyright 2023 Fonticons, Inc. */ .fa { font-family: var(--fa-style-family,"Font Awesome 6 Free"); font-weight: var(--fa-style,900); } .fa, .fa-brands, .fa-classic, .fa-regular, .fa-sharp, .fa-solid, .fab, .far, .fas { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: var(--fa-display,inline-block); font-style: normal; font-variant: normal; line-height: 1; text-rendering: auto; } .fa-classic, .fa-regular, .fa-solid, .far, .fas { font-family: "Font Awesome 6 Free"; } .fa-brands, .fab { font-family: "Font Awesome 6 Brands"; } .fa-1x { font-size: 1em; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-6x { font-size: 6em; } .fa-7x { font-size: 7em; } .fa-8x { font-size: 8em; } .fa-9x { font-size: 9em; } .fa-10x { font-size: 10em; } .fa-2xs { font-size: .625em; line-height: .1em; vertical-align: .225em; } .fa-xs { font-size: .75em; line-height: .08333em; vertical-align: .125em; } .fa-sm { font-size: .875em; line-height: .07143em; vertical-align: .05357em; } .fa-lg { font-size: 1.25em; line-height: .05em; vertical-align: -.075em; } .fa-xl { font-size: 1.5em; line-height: .04167em; vertical-align: -.125em; } .fa-2xl { font-size: 2em; line-height: .03125em; vertical-align: -.1875em; } .fa-fw { text-align: center; width: 1.25em; } .fa-ul { list-style-type: none; margin-left: var(--fa-li-margin,2.5em); padding-left: 0; } .fa-ul > li { position: relative; } .fa-li { left: calc(var(--fa-li-width, 2em)*-1); position: absolute; text-align: center; width: var(--fa-li-width,2em); line-height: inherit; } .fa-border { border-radius: var(--fa-border-radius,.1em); border: var(--fa-border-width,.08em) var(--fa-border-style,solid) var(--fa-border-color,#eee); padding: var(--fa-border-padding,.2em .25em .15em); } .fa-pull-left { float: left; margin-right: var(--fa-pull-margin,.3em); } .fa-pull-right { float: right; margin-left: var(--fa-pull-margin,.3em); } .fa-beat { -webkit-animation-name: fa-beat; animation-name: fa-beat; -webkit-animation-delay: var(--fa-animation-delay,0s); animation-delay: var(--fa-animation-delay,0s); -webkit-animation-direction: var(--fa-animation-direction,normal); animation-direction: var(--fa-animation-direction,normal); -webkit-animation-duration: var(--fa-animation-duration,1s); animation-duration: var(--fa-animation-duration,1s); -webkit-animation-iteration-count: var(--fa-animation-iteration-count,infinite); animation-iteration-count: var(--fa-animation-iteration-count,infinite); -webkit-animation-timing-function: var(--fa-animation-timing,ease-in-out); animation-timing-function: var(--fa-animation-timing,ease-in-out); } .fa-bounce { -webkit-animation-name: fa-bounce; animation-name: fa-bounce; -webkit-animation-delay: var(--fa-animation-delay,0s); animation-delay: var(--fa-animation-delay,0s); -webkit-animation-direction: var(--fa-animation-direction,normal); animation-direction: var(--fa-animation-direction,normal); -webkit-animation-duration: var(--fa-animation-duration,1s); animation-duration: var(--fa-animation-duration,1s); -webkit-animation-iteration-count: var(--fa-animation-iteration-count,infinite); animation-iteration-count: var(--fa-animation-iteration-count,infinite); -webkit-animation-timing-function: var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1)); animation-timing-function: var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1)); } .fa-fade { -webkit-animation-name: fa-fade; animation-name: fa-fade; -webkit-animation-iteration-count: var(--fa-animation-iteration-count,infinite); animation-iteration-count: var(--fa-animation-iteration-count,infinite); -webkit-animation-timing-function: var(--fa-animation-timing,cubic-bezier(.4,0,.6,1)); animation-timing-function: var(--fa-animation-timing,cubic-bezier(.4,0,.6,1)); } .fa-beat-fade, .fa-fade { -webkit-animation-delay: var(--fa-animation-delay,0s); animation-delay: var(--fa-animation-delay,0s); -webkit-animation-direction: var(--fa-animation-direction,normal); animation-direction: var(--fa-animation-direction,normal); -webkit-animation-duration: var(--fa-animation-duration,1s); animation-duration: var(--fa-animation-duration,1s); } .fa-beat-fade { -webkit-animation-name: fa-beat-fade; animation-name: fa-beat-fade; -webkit-animation-iteration-count: var(--fa-animation-iteration-count,infinite); animation-iteration-count: var(--fa-animation-iteration-count,infinite); -webkit-animation-timing-function: var(--fa-animation-timing,cubic-bezier(.4,0,.6,1)); animation-timing-function: var(--fa-animation-timing,cubic-bezier(.4,0,.6,1)); } .fa-flip { -webkit-animation-name: fa-flip; animation-name: fa-flip; -webkit-animation-delay: var(--fa-animation-delay,0s); animation-delay: var(--fa-animation-delay,0s); -webkit-animation-direction: var(--fa-animation-direction,normal); animation-direction: var(--fa-animation-direction,normal); -webkit-animation-duration: var(--fa-animation-duration,1s); animation-duration: var(--fa-animation-duration,1s); -webkit-animation-iteration-count: var(--fa-animation-iteration-count,infinite); animation-iteration-count: var(--fa-animation-iteration-count,infinite); -webkit-animation-timing-function: var(--fa-animation-timing,ease-in-out); animation-timing-function: var(--fa-animation-timing,ease-in-out); } .fa-shake { -webkit-animation-name: fa-shake; animation-name: fa-shake; -webkit-animation-duration: var(--fa-animation-duration,1s); animation-duration: var(--fa-animation-duration,1s); -webkit-animation-iteration-count: var(--fa-animation-iteration-count,infinite); animation-iteration-count: var(--fa-animation-iteration-count,infinite); -webkit-animation-timing-function: var(--fa-animation-timing,linear); animation-timing-function: var(--fa-animation-timing,linear); } .fa-shake, .fa-spin { -webkit-animation-delay: var(--fa-animation-delay,0s); animation-delay: var(--fa-animation-delay,0s); -webkit-animation-direction: var(--fa-animation-direction,normal); animation-direction: var(--fa-animation-direction,normal); } .fa-spin { -webkit-animation-name: fa-spin; animation-name: fa-spin; -webkit-animation-duration: var(--fa-animation-duration,2s); animation-duration: var(--fa-animation-duration,2s); -webkit-animation-iteration-count: var(--fa-animation-iteration-count,infinite); animation-iteration-count: var(--fa-animation-iteration-count,infinite); -webkit-animation-timing-function: var(--fa-animation-timing,linear); animation-timing-function: var(--fa-animation-timing,linear); } .fa-spin-reverse { --fa-animation-direction:reverse; } .fa-pulse, .fa-spin-pulse { -webkit-animation-name: fa-spin; animation-name: fa-spin; -webkit-animation-direction: var(--fa-animation-direction,normal); animation-direction: var(--fa-animation-direction,normal); -webkit-animation-duration: var(--fa-animation-duration,1s); animation-duration: var(--fa-animation-duration,1s); -webkit-animation-iteration-count: var(--fa-animation-iteration-count,infinite); animation-iteration-count: var(--fa-animation-iteration-count,infinite); -webkit-animation-timing-function: var(--fa-animation-timing,steps(8)); animation-timing-function: var(--fa-animation-timing,steps(8)); } @media (prefers-reduced-motion:reduce) { .fa-beat, .fa-beat-fade, .fa-bounce, .fa-fade, .fa-flip, .fa-pulse, .fa-shake, .fa-spin, .fa-spin-pulse { -webkit-animation-delay: -1ms; animation-delay: -1ms; -webkit-animation-duration: 1ms; animation-duration: 1ms; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-transition-delay: 0s; transition-delay: 0s; -webkit-transition-duration: 0s; transition-duration: 0s; } } @-webkit-keyframes fa-beat { 0%, 90% { -webkit-transform: scale(1); transform: scale(1); } 45% { -webkit-transform: scale(var(--fa-beat-scale,1.25)); transform: scale(var(--fa-beat-scale,1.25)); } } @keyframes fa-beat { 0%, 90% { -webkit-transform: scale(1); transform: scale(1); } 45% { -webkit-transform: scale(var(--fa-beat-scale,1.25)); transform: scale(var(--fa-beat-scale,1.25)); } } @-webkit-keyframes fa-bounce { 0% { -webkit-transform: scale(1) translateY(0); transform: scale(1) translateY(0); } 10% { -webkit-transform: scale(var(--fa-bounce-start-scale-x,1.1), var(--fa-bounce-start-scale-y,.9)) translateY(0); transform: scale(var(--fa-bounce-start-scale-x,1.1), var(--fa-bounce-start-scale-y,.9)) translateY(0); } 30% { -webkit-transform: scale(var(--fa-bounce-jump-scale-x,.9), var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em)); transform: scale(var(--fa-bounce-jump-scale-x,.9), var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em)); } 50% { -webkit-transform: scale(var(--fa-bounce-land-scale-x,1.05), var(--fa-bounce-land-scale-y,.95)) translateY(0); transform: scale(var(--fa-bounce-land-scale-x,1.05), var(--fa-bounce-land-scale-y,.95)) translateY(0); } 57% { -webkit-transform: scale(1) translateY(var(--fa-bounce-rebound,-.125em)); transform: scale(1) translateY(var(--fa-bounce-rebound,-.125em)); } 64% { -webkit-transform: scale(1) translateY(0); transform: scale(1) translateY(0); } to { -webkit-transform: scale(1) translateY(0); transform: scale(1) translateY(0); } } @keyframes fa-bounce { 0% { -webkit-transform: scale(1) translateY(0); transform: scale(1) translateY(0); } 10% { -webkit-transform: scale(var(--fa-bounce-start-scale-x,1.1), var(--fa-bounce-start-scale-y,.9)) translateY(0); transform: scale(var(--fa-bounce-start-scale-x,1.1), var(--fa-bounce-start-scale-y,.9)) translateY(0); } 30% { -webkit-transform: scale(var(--fa-bounce-jump-scale-x,.9), var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em)); transform: scale(var(--fa-bounce-jump-scale-x,.9), var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em)); } 50% { -webkit-transform: scale(var(--fa-bounce-land-scale-x,1.05), var(--fa-bounce-land-scale-y,.95)) translateY(0); transform: scale(var(--fa-bounce-land-scale-x,1.05), var(--fa-bounce-land-scale-y,.95)) translateY(0); } 57% { -webkit-transform: scale(1) translateY(var(--fa-bounce-rebound,-.125em)); transform: scale(1) translateY(var(--fa-bounce-rebound,-.125em)); } 64% { -webkit-transform: scale(1) translateY(0); transform: scale(1) translateY(0); } to { -webkit-transform: scale(1) translateY(0); transform: scale(1) translateY(0); } } @-webkit-keyframes fa-fade { 50% { opacity: var(--fa-fade-opacity,.4); } } @keyframes fa-fade { 50% { opacity: var(--fa-fade-opacity,.4); } } @-webkit-keyframes fa-beat-fade { 0%, to { opacity: var(--fa-beat-fade-opacity,.4); -webkit-transform: scale(1); transform: scale(1); } 50% { opacity: 1; -webkit-transform: scale(var(--fa-beat-fade-scale,1.125)); transform: scale(var(--fa-beat-fade-scale,1.125)); } } @keyframes fa-beat-fade { 0%, to { opacity: var(--fa-beat-fade-opacity,.4); -webkit-transform: scale(1); transform: scale(1); } 50% { opacity: 1; -webkit-transform: scale(var(--fa-beat-fade-scale,1.125)); transform: scale(var(--fa-beat-fade-scale,1.125)); } } @-webkit-keyframes fa-flip { 50% { -webkit-transform: rotate3d(var(--fa-flip-x,0), var(--fa-flip-y,1), var(--fa-flip-z,0), var(--fa-flip-angle,-180deg)); transform: rotate3d(var(--fa-flip-x,0), var(--fa-flip-y,1), var(--fa-flip-z,0), var(--fa-flip-angle,-180deg)); } } @keyframes fa-flip { 50% { -webkit-transform: rotate3d(var(--fa-flip-x,0), var(--fa-flip-y,1), var(--fa-flip-z,0), var(--fa-flip-angle,-180deg)); transform: rotate3d(var(--fa-flip-x,0), var(--fa-flip-y,1), var(--fa-flip-z,0), var(--fa-flip-angle,-180deg)); } } @-webkit-keyframes fa-shake { 0% { -webkit-transform: rotate(-15deg); transform: rotate(-15deg); } 4% { -webkit-transform: rotate(15deg); transform: rotate(15deg); } 8%, 24% { -webkit-transform: rotate(-18deg); transform: rotate(-18deg); } 12%, 28% { -webkit-transform: rotate(18deg); transform: rotate(18deg); } 16% { -webkit-transform: rotate(-22deg); transform: rotate(-22deg); } 20% { -webkit-transform: rotate(22deg); transform: rotate(22deg); } 32% { -webkit-transform: rotate(-12deg); transform: rotate(-12deg); } 36% { -webkit-transform: rotate(12deg); transform: rotate(12deg); } 40%, to { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes fa-shake { 0% { -webkit-transform: rotate(-15deg); transform: rotate(-15deg); } 4% { -webkit-transform: rotate(15deg); transform: rotate(15deg); } 8%, 24% { -webkit-transform: rotate(-18deg); transform: rotate(-18deg); } 12%, 28% { -webkit-transform: rotate(18deg); transform: rotate(18deg); } 16% { -webkit-transform: rotate(-22deg); transform: rotate(-22deg); } 20% { -webkit-transform: rotate(22deg); transform: rotate(22deg); } 32% { -webkit-transform: rotate(-12deg); transform: rotate(-12deg); } 36% { -webkit-transform: rotate(12deg); transform: rotate(12deg); } 40%, to { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(1turn); transform: rotate(1turn); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(1turn); transform: rotate(1turn); } } .fa-rotate-90 { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { -webkit-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { -webkit-transform: scaleX(-1); transform: scaleX(-1); } .fa-flip-vertical { -webkit-transform: scaleY(-1); transform: scaleY(-1); } .fa-flip-both, .fa-flip-horizontal.fa-flip-vertical { -webkit-transform: scale(-1); transform: scale(-1); } .fa-rotate-by { -webkit-transform: rotate(var(--fa-rotate-angle,none)); transform: rotate(var(--fa-rotate-angle,none)); } .fa-stack { display: inline-block; height: 2em; line-height: 2em; position: relative; vertical-align: middle; width: 2.5em; } .fa-stack-1x, .fa-stack-2x { left: 0; position: absolute; text-align: center; width: 100%; z-index: var(--fa-stack-z-index,auto); } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: var(--fa-inverse,#fff); } .fa-0:before { content: "0"; } .fa-1:before { content: "1"; } .fa-2:before { content: "2"; } .fa-3:before { content: "3"; } .fa-4:before { content: "4"; } .fa-5:before { content: "5"; } .fa-6:before { content: "6"; } .fa-7:before { content: "7"; } .fa-8:before { content: "8"; } .fa-9:before { content: "9"; } .fa-fill-drip:before { content: "\f576"; } .fa-arrows-to-circle:before { content: "\e4bd"; } .fa-chevron-circle-right:before, .fa-circle-chevron-right:before { content: "\f138"; } .fa-at:before { content: "@"; } .fa-trash-alt:before, .fa-trash-can:before { content: "\f2ed"; } .fa-text-height:before { content: "\f034"; } .fa-user-times:before, .fa-user-xmark:before { content: "\f235"; } .fa-stethoscope:before { content: "\f0f1"; } .fa-comment-alt:before, .fa-message:before { content: "\f27a"; } .fa-info:before { content: "\f129"; } .fa-compress-alt:before, .fa-down-left-and-up-right-to-center:before { content: "\f422"; } .fa-explosion:before { content: "\e4e9"; } .fa-file-alt:before, .fa-file-lines:before, .fa-file-text:before { content: "\f15c"; } .fa-wave-square:before { content: "\f83e"; } .fa-ring:before { content: "\f70b"; } .fa-building-un:before { content: "\e4d9"; } .fa-dice-three:before { content: "\f527"; } .fa-calendar-alt:before, .fa-calendar-days:before { content: "\f073"; } .fa-anchor-circle-check:before { content: "\e4aa"; } .fa-building-circle-arrow-right:before { content: "\e4d1"; } .fa-volleyball-ball:before, .fa-volleyball:before { content: "\f45f"; } .fa-arrows-up-to-line:before { content: "\e4c2"; } .fa-sort-desc:before, .fa-sort-down:before { content: "\f0dd"; } .fa-circle-minus:before, .fa-minus-circle:before { content: "\f056"; } .fa-door-open:before { content: "\f52b"; } .fa-right-from-bracket:before, .fa-sign-out-alt:before { content: "\f2f5"; } .fa-atom:before { content: "\f5d2"; } .fa-soap:before { content: "\e06e"; } .fa-heart-music-camera-bolt:before, .fa-icons:before { content: "\f86d"; } .fa-microphone-alt-slash:before, .fa-microphone-lines-slash:before { content: "\f539"; } .fa-bridge-circle-check:before { content: "\e4c9"; } .fa-pump-medical:before { content: "\e06a"; } .fa-fingerprint:before { content: "\f577"; } .fa-hand-point-right:before { content: "\f0a4"; } .fa-magnifying-glass-location:before, .fa-search-location:before { content: "\f689"; } .fa-forward-step:before, .fa-step-forward:before { content: "\f051"; } .fa-face-smile-beam:before, .fa-smile-beam:before { content: "\f5b8"; } .fa-flag-checkered:before { content: "\f11e"; } .fa-football-ball:before, .fa-football:before { content: "\f44e"; } .fa-school-circle-exclamation:before { content: "\e56c"; } .fa-crop:before { content: "\f125"; } .fa-angle-double-down:before, .fa-angles-down:before { content: "\f103"; } .fa-users-rectangle:before { content: "\e594"; } .fa-people-roof:before { content: "\e537"; } .fa-people-line:before { content: "\e534"; } .fa-beer-mug-empty:before, .fa-beer:before { content: "\f0fc"; } .fa-diagram-predecessor:before { content: "\e477"; } .fa-arrow-up-long:before, .fa-long-arrow-up:before { content: "\f176"; } .fa-burn:before, .fa-fire-flame-simple:before { content: "\f46a"; } .fa-male:before, .fa-person:before { content: "\f183"; } .fa-laptop:before { content: "\f109"; } .fa-file-csv:before { content: "\f6dd"; } .fa-menorah:before { content: "\f676"; } .fa-truck-plane:before { content: "\e58f"; } .fa-record-vinyl:before { content: "\f8d9"; } .fa-face-grin-stars:before, .fa-grin-stars:before { content: "\f587"; } .fa-bong:before { content: "\f55c"; } .fa-pastafarianism:before, .fa-spaghetti-monster-flying:before { content: "\f67b"; } .fa-arrow-down-up-across-line:before { content: "\e4af"; } .fa-spoon:before, .fa-utensil-spoon:before { content: "\f2e5"; } .fa-jar-wheat:before { content: "\e517"; } .fa-envelopes-bulk:before, .fa-mail-bulk:before { content: "\f674"; } .fa-file-circle-exclamation:before { content: "\e4eb"; } .fa-circle-h:before, .fa-hospital-symbol:before { content: "\f47e"; } .fa-pager:before { content: "\f815"; } .fa-address-book:before, .fa-contact-book:before { content: "\f2b9"; } .fa-strikethrough:before { content: "\f0cc"; } .fa-k:before { content: "K"; } .fa-landmark-flag:before { content: "\e51c"; } .fa-pencil-alt:before, .fa-pencil:before { content: "\f303"; } .fa-backward:before { content: "\f04a"; } .fa-caret-right:before { content: "\f0da"; } .fa-comments:before { content: "\f086"; } .fa-file-clipboard:before, .fa-paste:before { content: "\f0ea"; } .fa-code-pull-request:before { content: "\e13c"; } .fa-clipboard-list:before { content: "\f46d"; } .fa-truck-loading:before, .fa-truck-ramp-box:before { content: "\f4de"; } .fa-user-check:before { content: "\f4fc"; } .fa-vial-virus:before { content: "\e597"; } .fa-sheet-plastic:before { content: "\e571"; } .fa-blog:before { content: "\f781"; } .fa-user-ninja:before { content: "\f504"; } .fa-person-arrow-up-from-line:before { content: "\e539"; } .fa-scroll-torah:before, .fa-torah:before { content: "\f6a0"; } .fa-broom-ball:before, .fa-quidditch-broom-ball:before, .fa-quidditch:before { content: "\f458"; } .fa-toggle-off:before { content: "\f204"; } .fa-archive:before, .fa-box-archive:before { content: "\f187"; } .fa-person-drowning:before { content: "\e545"; } .fa-arrow-down-9-1:before, .fa-sort-numeric-desc:before, .fa-sort-numeric-down-alt:before { content: "\f886"; } .fa-face-grin-tongue-squint:before, .fa-grin-tongue-squint:before { content: "\f58a"; } .fa-spray-can:before { content: "\f5bd"; } .fa-truck-monster:before { content: "\f63b"; } .fa-w:before { content: "W"; } .fa-earth-africa:before, .fa-globe-africa:before { content: "\f57c"; } .fa-rainbow:before { content: "\f75b"; } .fa-circle-notch:before { content: "\f1ce"; } .fa-tablet-alt:before, .fa-tablet-screen-button:before { content: "\f3fa"; } .fa-paw:before { content: "\f1b0"; } .fa-cloud:before { content: "\f0c2"; } .fa-trowel-bricks:before { content: "\e58a"; } .fa-face-flushed:before, .fa-flushed:before { content: "\f579"; } .fa-hospital-user:before { content: "\f80d"; } .fa-tent-arrow-left-right:before { content: "\e57f"; } .fa-gavel:before, .fa-legal:before { content: "\f0e3"; } .fa-binoculars:before { content: "\f1e5"; } .fa-microphone-slash:before { content: "\f131"; } .fa-box-tissue:before { content: "\e05b"; } .fa-motorcycle:before { content: "\f21c"; } .fa-bell-concierge:before, .fa-concierge-bell:before { content: "\f562"; } .fa-pen-ruler:before, .fa-pencil-ruler:before { content: "\f5ae"; } .fa-people-arrows-left-right:before, .fa-people-arrows:before { content: "\e068"; } .fa-mars-and-venus-burst:before { content: "\e523"; } .fa-caret-square-right:before, .fa-square-caret-right:before { content: "\f152"; } .fa-cut:before, .fa-scissors:before { content: "\f0c4"; } .fa-sun-plant-wilt:before { content: "\e57a"; } .fa-toilets-portable:before { content: "\e584"; } .fa-hockey-puck:before { content: "\f453"; } .fa-table:before { content: "\f0ce"; } .fa-magnifying-glass-arrow-right:before { content: "\e521"; } .fa-digital-tachograph:before, .fa-tachograph-digital:before { content: "\f566"; } .fa-users-slash:before { content: "\e073"; } .fa-clover:before { content: "\e139"; } .fa-mail-reply:before, .fa-reply:before { content: "\f3e5"; } .fa-star-and-crescent:before { content: "\f699"; } .fa-house-fire:before { content: "\e50c"; } .fa-minus-square:before, .fa-square-minus:before { content: "\f146"; } .fa-helicopter:before { content: "\f533"; } .fa-compass:before { content: "\f14e"; } .fa-caret-square-down:before, .fa-square-caret-down:before { content: "\f150"; } .fa-file-circle-question:before { content: "\e4ef"; } .fa-laptop-code:before { content: "\f5fc"; } .fa-swatchbook:before { content: "\f5c3"; } .fa-prescription-bottle:before { content: "\f485"; } .fa-bars:before, .fa-navicon:before { content: "\f0c9"; } .fa-people-group:before { content: "\e533"; } .fa-hourglass-3:before, .fa-hourglass-end:before { content: "\f253"; } .fa-heart-broken:before, .fa-heart-crack:before { content: "\f7a9"; } .fa-external-link-square-alt:before, .fa-square-up-right:before { content: "\f360"; } .fa-face-kiss-beam:before, .fa-kiss-beam:before { content: "\f597"; } .fa-film:before { content: "\f008"; } .fa-ruler-horizontal:before { content: "\f547"; } .fa-people-robbery:before { content: "\e536"; } .fa-lightbulb:before { content: "\f0eb"; } .fa-caret-left:before { content: "\f0d9"; } .fa-circle-exclamation:before, .fa-exclamation-circle:before { content: "\f06a"; } .fa-school-circle-xmark:before { content: "\e56d"; } .fa-arrow-right-from-bracket:before, .fa-sign-out:before { content: "\f08b"; } .fa-chevron-circle-down:before, .fa-circle-chevron-down:before { content: "\f13a"; } .fa-unlock-alt:before, .fa-unlock-keyhole:before { content: "\f13e"; } .fa-cloud-showers-heavy:before { content: "\f740"; } .fa-headphones-alt:before, .fa-headphones-simple:before { content: "\f58f"; } .fa-sitemap:before { content: "\f0e8"; } .fa-circle-dollar-to-slot:before, .fa-donate:before { content: "\f4b9"; } .fa-memory:before { content: "\f538"; } .fa-road-spikes:before { content: "\e568"; } .fa-fire-burner:before { content: "\e4f1"; } .fa-flag:before { content: "\f024"; } .fa-hanukiah:before { content: "\f6e6"; } .fa-feather:before { content: "\f52d"; } .fa-volume-down:before, .fa-volume-low:before { content: "\f027"; } .fa-comment-slash:before { content: "\f4b3"; } .fa-cloud-sun-rain:before { content: "\f743"; } .fa-compress:before { content: "\f066"; } .fa-wheat-alt:before, .fa-wheat-awn:before { content: "\e2cd"; } .fa-ankh:before { content: "\f644"; } .fa-hands-holding-child:before { content: "\e4fa"; } .fa-asterisk:before { content: "*"; } .fa-check-square:before, .fa-square-check:before { content: "\f14a"; } .fa-peseta-sign:before { content: "\e221"; } .fa-header:before, .fa-heading:before { content: "\f1dc"; } .fa-ghost:before { content: "\f6e2"; } .fa-list-squares:before, .fa-list:before { content: "\f03a"; } .fa-phone-square-alt:before, .fa-square-phone-flip:before { content: "\f87b"; } .fa-cart-plus:before { content: "\f217"; } .fa-gamepad:before { content: "\f11b"; } .fa-circle-dot:before, .fa-dot-circle:before { content: "\f192"; } .fa-dizzy:before, .fa-face-dizzy:before { content: "\f567"; } .fa-egg:before { content: "\f7fb"; } .fa-house-medical-circle-xmark:before { content: "\e513"; } .fa-campground:before { content: "\f6bb"; } .fa-folder-plus:before { content: "\f65e"; } .fa-futbol-ball:before, .fa-futbol:before, .fa-soccer-ball:before { content: "\f1e3"; } .fa-paint-brush:before, .fa-paintbrush:before { content: "\f1fc"; } .fa-lock:before { content: "\f023"; } .fa-gas-pump:before { content: "\f52f"; } .fa-hot-tub-person:before, .fa-hot-tub:before { content: "\f593"; } .fa-map-location:before, .fa-map-marked:before { content: "\f59f"; } .fa-house-flood-water:before { content: "\e50e"; } .fa-tree:before { content: "\f1bb"; } .fa-bridge-lock:before { content: "\e4cc"; } .fa-sack-dollar:before { content: "\f81d"; } .fa-edit:before, .fa-pen-to-square:before { content: "\f044"; } .fa-car-side:before { content: "\f5e4"; } .fa-share-alt:before, .fa-share-nodes:before { content: "\f1e0"; } .fa-heart-circle-minus:before { content: "\e4ff"; } .fa-hourglass-2:before, .fa-hourglass-half:before { content: "\f252"; } .fa-microscope:before { content: "\f610"; } .fa-sink:before { content: "\e06d"; } .fa-bag-shopping:before, .fa-shopping-bag:before { content: "\f290"; } .fa-arrow-down-z-a:before, .fa-sort-alpha-desc:before, .fa-sort-alpha-down-alt:before { content: "\f881"; } .fa-mitten:before { content: "\f7b5"; } .fa-person-rays:before { content: "\e54d"; } .fa-users:before { content: "\f0c0"; } .fa-eye-slash:before { content: "\f070"; } .fa-flask-vial:before { content: "\e4f3"; } .fa-hand-paper:before, .fa-hand:before { content: "\f256"; } .fa-om:before { content: "\f679"; } .fa-worm:before { content: "\e599"; } .fa-house-circle-xmark:before { content: "\e50b"; } .fa-plug:before { content: "\f1e6"; } .fa-chevron-up:before { content: "\f077"; } .fa-hand-spock:before { content: "\f259"; } .fa-stopwatch:before { content: "\f2f2"; } .fa-face-kiss:before, .fa-kiss:before { content: "\f596"; } .fa-bridge-circle-xmark:before { content: "\e4cb"; } .fa-face-grin-tongue:before, .fa-grin-tongue:before { content: "\f589"; } .fa-chess-bishop:before { content: "\f43a"; } .fa-face-grin-wink:before, .fa-grin-wink:before { content: "\f58c"; } .fa-deaf:before, .fa-deafness:before, .fa-ear-deaf:before, .fa-hard-of-hearing:before { content: "\f2a4"; } .fa-road-circle-check:before { content: "\e564"; } .fa-dice-five:before { content: "\f523"; } .fa-rss-square:before, .fa-square-rss:before { content: "\f143"; } .fa-land-mine-on:before { content: "\e51b"; } .fa-i-cursor:before { content: "\f246"; } .fa-stamp:before { content: "\f5bf"; } .fa-stairs:before { content: "\e289"; } .fa-i:before { content: "I"; } .fa-hryvnia-sign:before, .fa-hryvnia:before { content: "\f6f2"; } .fa-pills:before { content: "\f484"; } .fa-face-grin-wide:before, .fa-grin-alt:before { content: "\f581"; } .fa-tooth:before { content: "\f5c9"; } .fa-v:before { content: "V"; } .fa-bangladeshi-taka-sign:before { content: "\e2e6"; } .fa-bicycle:before { content: "\f206"; } .fa-rod-asclepius:before, .fa-rod-snake:before, .fa-staff-aesculapius:before, .fa-staff-snake:before { content: "\e579"; } .fa-head-side-cough-slash:before { content: "\e062"; } .fa-ambulance:before, .fa-truck-medical:before { content: "\f0f9"; } .fa-wheat-awn-circle-exclamation:before { content: "\e598"; } .fa-snowman:before { content: "\f7d0"; } .fa-mortar-pestle:before { content: "\f5a7"; } .fa-road-barrier:before { content: "\e562"; } .fa-school:before { content: "\f549"; } .fa-igloo:before { content: "\f7ae"; } .fa-joint:before { content: "\f595"; } .fa-angle-right:before { content: "\f105"; } .fa-horse:before { content: "\f6f0"; } .fa-q:before { content: "Q"; } .fa-g:before { content: "G"; } .fa-notes-medical:before { content: "\f481"; } .fa-temperature-2:before, .fa-temperature-half:before, .fa-thermometer-2:before, .fa-thermometer-half:before { content: "\f2c9"; } .fa-dong-sign:before { content: "\e169"; } .fa-capsules:before { content: "\f46b"; } .fa-poo-bolt:before, .fa-poo-storm:before { content: "\f75a"; } .fa-face-frown-open:before, .fa-frown-open:before { content: "\f57a"; } .fa-hand-point-up:before { content: "\f0a6"; } .fa-money-bill:before { content: "\f0d6"; } .fa-bookmark:before { content: "\f02e"; } .fa-align-justify:before { content: "\f039"; } .fa-umbrella-beach:before { content: "\f5ca"; } .fa-helmet-un:before { content: "\e503"; } .fa-bullseye:before { content: "\f140"; } .fa-bacon:before { content: "\f7e5"; } .fa-hand-point-down:before { content: "\f0a7"; } .fa-arrow-up-from-bracket:before { content: "\e09a"; } .fa-folder-blank:before, .fa-folder:before { content: "\f07b"; } .fa-file-medical-alt:before, .fa-file-waveform:before { content: "\f478"; } .fa-radiation:before { content: "\f7b9"; } .fa-chart-simple:before { content: "\e473"; } .fa-mars-stroke:before { content: "\f229"; } .fa-vial:before { content: "\f492"; } .fa-dashboard:before, .fa-gauge-med:before, .fa-gauge:before, .fa-tachometer-alt-average:before { content: "\f624"; } .fa-magic-wand-sparkles:before, .fa-wand-magic-sparkles:before { content: "\e2ca"; } .fa-e:before { content: "E"; } .fa-pen-alt:before, .fa-pen-clip:before { content: "\f305"; } .fa-bridge-circle-exclamation:before { content: "\e4ca"; } .fa-user:before { content: "\f007"; } .fa-school-circle-check:before { content: "\e56b"; } .fa-dumpster:before { content: "\f793"; } .fa-shuttle-van:before, .fa-van-shuttle:before { content: "\f5b6"; } .fa-building-user:before { content: "\e4da"; } .fa-caret-square-left:before, .fa-square-caret-left:before { content: "\f191"; } .fa-highlighter:before { content: "\f591"; } .fa-key:before { content: "\f084"; } .fa-bullhorn:before { content: "\f0a1"; } .fa-globe:before { content: "\f0ac"; } .fa-synagogue:before { content: "\f69b"; } .fa-person-half-dress:before { content: "\e548"; } .fa-road-bridge:before { content: "\e563"; } .fa-location-arrow:before { content: "\f124"; } .fa-c:before { content: "C"; } .fa-tablet-button:before { content: "\f10a"; } .fa-building-lock:before { content: "\e4d6"; } .fa-pizza-slice:before { content: "\f818"; } .fa-money-bill-wave:before { content: "\f53a"; } .fa-area-chart:before, .fa-chart-area:before { content: "\f1fe"; } .fa-house-flag:before { content: "\e50d"; } .fa-person-circle-minus:before { content: "\e540"; } .fa-ban:before, .fa-cancel:before { content: "\f05e"; } .fa-camera-rotate:before { content: "\e0d8"; } .fa-air-freshener:before, .fa-spray-can-sparkles:before { content: "\f5d0"; } .fa-star:before { content: "\f005"; } .fa-repeat:before { content: "\f363"; } .fa-cross:before { content: "\f654"; } .fa-box:before { content: "\f466"; } .fa-venus-mars:before { content: "\f228"; } .fa-arrow-pointer:before, .fa-mouse-pointer:before { content: "\f245"; } .fa-expand-arrows-alt:before, .fa-maximize:before { content: "\f31e"; } .fa-charging-station:before { content: "\f5e7"; } .fa-shapes:before, .fa-triangle-circle-square:before { content: "\f61f"; } .fa-random:before, .fa-shuffle:before { content: "\f074"; } .fa-person-running:before, .fa-running:before { content: "\f70c"; } .fa-mobile-retro:before { content: "\e527"; } .fa-grip-lines-vertical:before { content: "\f7a5"; } .fa-spider:before { content: "\f717"; } .fa-hands-bound:before { content: "\e4f9"; } .fa-file-invoice-dollar:before { content: "\f571"; } .fa-plane-circle-exclamation:before { content: "\e556"; } .fa-x-ray:before { content: "\f497"; } .fa-spell-check:before { content: "\f891"; } .fa-slash:before { content: "\f715"; } .fa-computer-mouse:before, .fa-mouse:before { content: "\f8cc"; } .fa-arrow-right-to-bracket:before, .fa-sign-in:before { content: "\f090"; } .fa-shop-slash:before, .fa-store-alt-slash:before { content: "\e070"; } .fa-server:before { content: "\f233"; } .fa-virus-covid-slash:before { content: "\e4a9"; } .fa-shop-lock:before { content: "\e4a5"; } .fa-hourglass-1:before, .fa-hourglass-start:before { content: "\f251"; } .fa-blender-phone:before { content: "\f6b6"; } .fa-building-wheat:before { content: "\e4db"; } .fa-person-breastfeeding:before { content: "\e53a"; } .fa-right-to-bracket:before, .fa-sign-in-alt:before { content: "\f2f6"; } .fa-venus:before { content: "\f221"; } .fa-passport:before { content: "\f5ab"; } .fa-heart-pulse:before, .fa-heartbeat:before { content: "\f21e"; } .fa-people-carry-box:before, .fa-people-carry:before { content: "\f4ce"; } .fa-temperature-high:before { content: "\f769"; } .fa-microchip:before { content: "\f2db"; } .fa-crown:before { content: "\f521"; } .fa-weight-hanging:before { content: "\f5cd"; } .fa-xmarks-lines:before { content: "\e59a"; } .fa-file-prescription:before { content: "\f572"; } .fa-weight-scale:before, .fa-weight:before { content: "\f496"; } .fa-user-friends:before, .fa-user-group:before { content: "\f500"; } .fa-arrow-up-a-z:before, .fa-sort-alpha-up:before { content: "\f15e"; } .fa-chess-knight:before { content: "\f441"; } .fa-face-laugh-squint:before, .fa-laugh-squint:before { content: "\f59b"; } .fa-wheelchair:before { content: "\f193"; } .fa-arrow-circle-up:before, .fa-circle-arrow-up:before { content: "\f0aa"; } .fa-toggle-on:before { content: "\f205"; } .fa-person-walking:before, .fa-walking:before { content: "\f554"; } .fa-l:before { content: "L"; } .fa-fire:before { content: "\f06d"; } .fa-bed-pulse:before, .fa-procedures:before { content: "\f487"; } .fa-shuttle-space:before, .fa-space-shuttle:before { content: "\f197"; } .fa-face-laugh:before, .fa-laugh:before { content: "\f599"; } .fa-folder-open:before { content: "\f07c"; } .fa-heart-circle-plus:before { content: "\e500"; } .fa-code-fork:before { content: "\e13b"; } .fa-city:before { content: "\f64f"; } .fa-microphone-alt:before, .fa-microphone-lines:before { content: "\f3c9"; } .fa-pepper-hot:before { content: "\f816"; } .fa-unlock:before { content: "\f09c"; } .fa-colon-sign:before { content: "\e140"; } .fa-headset:before { content: "\f590"; } .fa-store-slash:before { content: "\e071"; } .fa-road-circle-xmark:before { content: "\e566"; } .fa-user-minus:before { content: "\f503"; } .fa-mars-stroke-up:before, .fa-mars-stroke-v:before { content: "\f22a"; } .fa-champagne-glasses:before, .fa-glass-cheers:before { content: "\f79f"; } .fa-clipboard:before { content: "\f328"; } .fa-house-circle-exclamation:before { content: "\e50a"; } .fa-file-arrow-up:before, .fa-file-upload:before { content: "\f574"; } .fa-wifi-3:before, .fa-wifi-strong:before, .fa-wifi:before { content: "\f1eb"; } .fa-bath:before, .fa-bathtub:before { content: "\f2cd"; } .fa-underline:before { content: "\f0cd"; } .fa-user-edit:before, .fa-user-pen:before { content: "\f4ff"; } .fa-signature:before { content: "\f5b7"; } .fa-stroopwafel:before { content: "\f551"; } .fa-bold:before { content: "\f032"; } .fa-anchor-lock:before { content: "\e4ad"; } .fa-building-ngo:before { content: "\e4d7"; } .fa-manat-sign:before { content: "\e1d5"; } .fa-not-equal:before { content: "\f53e"; } .fa-border-style:before, .fa-border-top-left:before { content: "\f853"; } .fa-map-location-dot:before, .fa-map-marked-alt:before { content: "\f5a0"; } .fa-jedi:before { content: "\f669"; } .fa-poll:before, .fa-square-poll-vertical:before { content: "\f681"; } .fa-mug-hot:before { content: "\f7b6"; } .fa-battery-car:before, .fa-car-battery:before { content: "\f5df"; } .fa-gift:before { content: "\f06b"; } .fa-dice-two:before { content: "\f528"; } .fa-chess-queen:before { content: "\f445"; } .fa-glasses:before { content: "\f530"; } .fa-chess-board:before { content: "\f43c"; } .fa-building-circle-check:before { content: "\e4d2"; } .fa-person-chalkboard:before { content: "\e53d"; } .fa-mars-stroke-h:before, .fa-mars-stroke-right:before { content: "\f22b"; } .fa-hand-back-fist:before, .fa-hand-rock:before { content: "\f255"; } .fa-caret-square-up:before, .fa-square-caret-up:before { content: "\f151"; } .fa-cloud-showers-water:before { content: "\e4e4"; } .fa-bar-chart:before, .fa-chart-bar:before { content: "\f080"; } .fa-hands-bubbles:before, .fa-hands-wash:before { content: "\e05e"; } .fa-less-than-equal:before { content: "\f537"; } .fa-train:before { content: "\f238"; } .fa-eye-low-vision:before, .fa-low-vision:before { content: "\f2a8"; } .fa-crow:before { content: "\f520"; } .fa-sailboat:before { content: "\e445"; } .fa-window-restore:before { content: "\f2d2"; } .fa-plus-square:before, .fa-square-plus:before { content: "\f0fe"; } .fa-torii-gate:before { content: "\f6a1"; } .fa-frog:before { content: "\f52e"; } .fa-bucket:before { content: "\e4cf"; } .fa-image:before { content: "\f03e"; } .fa-microphone:before { content: "\f130"; } .fa-cow:before { content: "\f6c8"; } .fa-caret-up:before { content: "\f0d8"; } .fa-screwdriver:before { content: "\f54a"; } .fa-folder-closed:before { content: "\e185"; } .fa-house-tsunami:before { content: "\e515"; } .fa-square-nfi:before { content: "\e576"; } .fa-arrow-up-from-ground-water:before { content: "\e4b5"; } .fa-glass-martini-alt:before, .fa-martini-glass:before { content: "\f57b"; } .fa-rotate-back:before, .fa-rotate-backward:before, .fa-rotate-left:before, .fa-undo-alt:before { content: "\f2ea"; } .fa-columns:before, .fa-table-columns:before { content: "\f0db"; } .fa-lemon:before { content: "\f094"; } .fa-head-side-mask:before { content: "\e063"; } .fa-handshake:before { content: "\f2b5"; } .fa-gem:before { content: "\f3a5"; } .fa-dolly-box:before, .fa-dolly:before { content: "\f472"; } .fa-smoking:before { content: "\f48d"; } .fa-compress-arrows-alt:before, .fa-minimize:before { content: "\f78c"; } .fa-monument:before { content: "\f5a6"; } .fa-snowplow:before { content: "\f7d2"; } .fa-angle-double-right:before, .fa-angles-right:before { content: "\f101"; } .fa-cannabis:before { content: "\f55f"; } .fa-circle-play:before, .fa-play-circle:before { content: "\f144"; } .fa-tablets:before { content: "\f490"; } .fa-ethernet:before { content: "\f796"; } .fa-eur:before, .fa-euro-sign:before, .fa-euro:before { content: "\f153"; } .fa-chair:before { content: "\f6c0"; } .fa-check-circle:before, .fa-circle-check:before { content: "\f058"; } .fa-circle-stop:before, .fa-stop-circle:before { content: "\f28d"; } .fa-compass-drafting:before, .fa-drafting-compass:before { content: "\f568"; } .fa-plate-wheat:before { content: "\e55a"; } .fa-icicles:before { content: "\f7ad"; } .fa-person-shelter:before { content: "\e54f"; } .fa-neuter:before { content: "\f22c"; } .fa-id-badge:before { content: "\f2c1"; } .fa-marker:before { content: "\f5a1"; } .fa-face-laugh-beam:before, .fa-laugh-beam:before { content: "\f59a"; } .fa-helicopter-symbol:before { content: "\e502"; } .fa-universal-access:before { content: "\f29a"; } .fa-chevron-circle-up:before, .fa-circle-chevron-up:before { content: "\f139"; } .fa-lari-sign:before { content: "\e1c8"; } .fa-volcano:before { content: "\f770"; } .fa-person-walking-dashed-line-arrow-right:before { content: "\e553"; } .fa-gbp:before, .fa-pound-sign:before, .fa-sterling-sign:before { content: "\f154"; } .fa-viruses:before { content: "\e076"; } .fa-square-person-confined:before { content: "\e577"; } .fa-user-tie:before { content: "\f508"; } .fa-arrow-down-long:before, .fa-long-arrow-down:before { content: "\f175"; } .fa-tent-arrow-down-to-line:before { content: "\e57e"; } .fa-certificate:before { content: "\f0a3"; } .fa-mail-reply-all:before, .fa-reply-all:before { content: "\f122"; } .fa-suitcase:before { content: "\f0f2"; } .fa-person-skating:before, .fa-skating:before { content: "\f7c5"; } .fa-filter-circle-dollar:before, .fa-funnel-dollar:before { content: "\f662"; } .fa-camera-retro:before { content: "\f083"; } .fa-arrow-circle-down:before, .fa-circle-arrow-down:before { content: "\f0ab"; } .fa-arrow-right-to-file:before, .fa-file-import:before { content: "\f56f"; } .fa-external-link-square:before, .fa-square-arrow-up-right:before { content: "\f14c"; } .fa-box-open:before { content: "\f49e"; } .fa-scroll:before { content: "\f70e"; } .fa-spa:before { content: "\f5bb"; } .fa-location-pin-lock:before { content: "\e51f"; } .fa-pause:before { content: "\f04c"; } .fa-hill-avalanche:before { content: "\e507"; } .fa-temperature-0:before, .fa-temperature-empty:before, .fa-thermometer-0:before, .fa-thermometer-empty:before { content: "\f2cb"; } .fa-bomb:before { content: "\f1e2"; } .fa-registered:before { content: "\f25d"; } .fa-address-card:before, .fa-contact-card:before, .fa-vcard:before { content: "\f2bb"; } .fa-balance-scale-right:before, .fa-scale-unbalanced-flip:before { content: "\f516"; } .fa-subscript:before { content: "\f12c"; } .fa-diamond-turn-right:before, .fa-directions:before { content: "\f5eb"; } .fa-burst:before { content: "\e4dc"; } .fa-house-laptop:before, .fa-laptop-house:before { content: "\e066"; } .fa-face-tired:before, .fa-tired:before { content: "\f5c8"; } .fa-money-bills:before { content: "\e1f3"; } .fa-smog:before { content: "\f75f"; } .fa-crutch:before { content: "\f7f7"; } .fa-cloud-arrow-up:before, .fa-cloud-upload-alt:before, .fa-cloud-upload:before { content: "\f0ee"; } .fa-palette:before { content: "\f53f"; } .fa-arrows-turn-right:before { content: "\e4c0"; } .fa-vest:before { content: "\e085"; } .fa-ferry:before { content: "\e4ea"; } .fa-arrows-down-to-people:before { content: "\e4b9"; } .fa-seedling:before, .fa-sprout:before { content: "\f4d8"; } .fa-arrows-alt-h:before, .fa-left-right:before { content: "\f337"; } .fa-boxes-packing:before { content: "\e4c7"; } .fa-arrow-circle-left:before, .fa-circle-arrow-left:before { content: "\f0a8"; } .fa-group-arrows-rotate:before { content: "\e4f6"; } .fa-bowl-food:before { content: "\e4c6"; } .fa-candy-cane:before { content: "\f786"; } .fa-arrow-down-wide-short:before, .fa-sort-amount-asc:before, .fa-sort-amount-down:before { content: "\f160"; } .fa-cloud-bolt:before, .fa-thunderstorm:before { content: "\f76c"; } .fa-remove-format:before, .fa-text-slash:before { content: "\f87d"; } .fa-face-smile-wink:before, .fa-smile-wink:before { content: "\f4da"; } .fa-file-word:before { content: "\f1c2"; } .fa-file-powerpoint:before { content: "\f1c4"; } .fa-arrows-h:before, .fa-arrows-left-right:before { content: "\f07e"; } .fa-house-lock:before { content: "\e510"; } .fa-cloud-arrow-down:before, .fa-cloud-download-alt:before, .fa-cloud-download:before { content: "\f0ed"; } .fa-children:before { content: "\e4e1"; } .fa-blackboard:before, .fa-chalkboard:before { content: "\f51b"; } .fa-user-alt-slash:before, .fa-user-large-slash:before { content: "\f4fa"; } .fa-envelope-open:before { content: "\f2b6"; } .fa-handshake-alt-slash:before, .fa-handshake-simple-slash:before { content: "\e05f"; } .fa-mattress-pillow:before { content: "\e525"; } .fa-guarani-sign:before { content: "\e19a"; } .fa-arrows-rotate:before, .fa-refresh:before, .fa-sync:before { content: "\f021"; } .fa-fire-extinguisher:before { content: "\f134"; } .fa-cruzeiro-sign:before { content: "\e152"; } .fa-greater-than-equal:before { content: "\f532"; } .fa-shield-alt:before, .fa-shield-halved:before { content: "\f3ed"; } .fa-atlas:before, .fa-book-atlas:before { content: "\f558"; } .fa-virus:before { content: "\e074"; } .fa-envelope-circle-check:before { content: "\e4e8"; } .fa-layer-group:before { content: "\f5fd"; } .fa-arrows-to-dot:before { content: "\e4be"; } .fa-archway:before { content: "\f557"; } .fa-heart-circle-check:before { content: "\e4fd"; } .fa-house-chimney-crack:before, .fa-house-damage:before { content: "\f6f1"; } .fa-file-archive:before, .fa-file-zipper:before { content: "\f1c6"; } .fa-square:before { content: "\f0c8"; } .fa-glass-martini:before, .fa-martini-glass-empty:before { content: "\f000"; } .fa-couch:before { content: "\f4b8"; } .fa-cedi-sign:before { content: "\e0df"; } .fa-italic:before { content: "\f033"; } .fa-church:before { content: "\f51d"; } .fa-comments-dollar:before { content: "\f653"; } .fa-democrat:before { content: "\f747"; } .fa-z:before { content: "Z"; } .fa-person-skiing:before, .fa-skiing:before { content: "\f7c9"; } .fa-road-lock:before { content: "\e567"; } .fa-a:before { content: "A"; } .fa-temperature-arrow-down:before, .fa-temperature-down:before { content: "\e03f"; } .fa-feather-alt:before, .fa-feather-pointed:before { content: "\f56b"; } .fa-p:before { content: "P"; } .fa-snowflake:before { content: "\f2dc"; } .fa-newspaper:before { content: "\f1ea"; } .fa-ad:before, .fa-rectangle-ad:before { content: "\f641"; } .fa-arrow-circle-right:before, .fa-circle-arrow-right:before { content: "\f0a9"; } .fa-filter-circle-xmark:before { content: "\e17b"; } .fa-locust:before { content: "\e520"; } .fa-sort:before, .fa-unsorted:before { content: "\f0dc"; } .fa-list-1-2:before, .fa-list-numeric:before, .fa-list-ol:before { content: "\f0cb"; } .fa-person-dress-burst:before { content: "\e544"; } .fa-money-check-alt:before, .fa-money-check-dollar:before { content: "\f53d"; } .fa-vector-square:before { content: "\f5cb"; } .fa-bread-slice:before { content: "\f7ec"; } .fa-language:before { content: "\f1ab"; } .fa-face-kiss-wink-heart:before, .fa-kiss-wink-heart:before { content: "\f598"; } .fa-filter:before { content: "\f0b0"; } .fa-question:before { content: "?"; } .fa-file-signature:before { content: "\f573"; } .fa-arrows-alt:before, .fa-up-down-left-right:before { content: "\f0b2"; } .fa-house-chimney-user:before { content: "\e065"; } .fa-hand-holding-heart:before { content: "\f4be"; } .fa-puzzle-piece:before { content: "\f12e"; } .fa-money-check:before { content: "\f53c"; } .fa-star-half-alt:before, .fa-star-half-stroke:before { content: "\f5c0"; } .fa-code:before { content: "\f121"; } .fa-glass-whiskey:before, .fa-whiskey-glass:before { content: "\f7a0"; } .fa-building-circle-exclamation:before { content: "\e4d3"; } .fa-magnifying-glass-chart:before { content: "\e522"; } .fa-arrow-up-right-from-square:before, .fa-external-link:before { content: "\f08e"; } .fa-cubes-stacked:before { content: "\e4e6"; } .fa-krw:before, .fa-won-sign:before, .fa-won:before { content: "\f159"; } .fa-virus-covid:before { content: "\e4a8"; } .fa-austral-sign:before { content: "\e0a9"; } .fa-f:before { content: "F"; } .fa-leaf:before { content: "\f06c"; } .fa-road:before { content: "\f018"; } .fa-cab:before, .fa-taxi:before { content: "\f1ba"; } .fa-person-circle-plus:before { content: "\e541"; } .fa-chart-pie:before, .fa-pie-chart:before { content: "\f200"; } .fa-bolt-lightning:before { content: "\e0b7"; } .fa-sack-xmark:before { content: "\e56a"; } .fa-file-excel:before { content: "\f1c3"; } .fa-file-contract:before { content: "\f56c"; } .fa-fish-fins:before { content: "\e4f2"; } .fa-building-flag:before { content: "\e4d5"; } .fa-face-grin-beam:before, .fa-grin-beam:before { content: "\f582"; } .fa-object-ungroup:before { content: "\f248"; } .fa-poop:before { content: "\f619"; } .fa-location-pin:before, .fa-map-marker:before { content: "\f041"; } .fa-kaaba:before { content: "\f66b"; } .fa-toilet-paper:before { content: "\f71e"; } .fa-hard-hat:before, .fa-hat-hard:before, .fa-helmet-safety:before { content: "\f807"; } .fa-eject:before { content: "\f052"; } .fa-arrow-alt-circle-right:before, .fa-circle-right:before { content: "\f35a"; } .fa-plane-circle-check:before { content: "\e555"; } .fa-face-rolling-eyes:before, .fa-meh-rolling-eyes:before { content: "\f5a5"; } .fa-object-group:before { content: "\f247"; } .fa-chart-line:before, .fa-line-chart:before { content: "\f201"; } .fa-mask-ventilator:before { content: "\e524"; } .fa-arrow-right:before { content: "\f061"; } .fa-map-signs:before, .fa-signs-post:before { content: "\f277"; } .fa-cash-register:before { content: "\f788"; } .fa-person-circle-question:before { content: "\e542"; } .fa-h:before { content: "H"; } .fa-tarp:before { content: "\e57b"; } .fa-screwdriver-wrench:before, .fa-tools:before { content: "\f7d9"; } .fa-arrows-to-eye:before { content: "\e4bf"; } .fa-plug-circle-bolt:before { content: "\e55b"; } .fa-heart:before { content: "\f004"; } .fa-mars-and-venus:before { content: "\f224"; } .fa-home-user:before, .fa-house-user:before { content: "\e1b0"; } .fa-dumpster-fire:before { content: "\f794"; } .fa-house-crack:before { content: "\e3b1"; } .fa-cocktail:before, .fa-martini-glass-citrus:before { content: "\f561"; } .fa-face-surprise:before, .fa-surprise:before { content: "\f5c2"; } .fa-bottle-water:before { content: "\e4c5"; } .fa-circle-pause:before, .fa-pause-circle:before { content: "\f28b"; } .fa-toilet-paper-slash:before { content: "\e072"; } .fa-apple-alt:before, .fa-apple-whole:before { content: "\f5d1"; } .fa-kitchen-set:before { content: "\e51a"; } .fa-r:before { content: "R"; } .fa-temperature-1:before, .fa-temperature-quarter:before, .fa-thermometer-1:before, .fa-thermometer-quarter:before { content: "\f2ca"; } .fa-cube:before { content: "\f1b2"; } .fa-bitcoin-sign:before { content: "\e0b4"; } .fa-shield-dog:before { content: "\e573"; } .fa-solar-panel:before { content: "\f5ba"; } .fa-lock-open:before { content: "\f3c1"; } .fa-elevator:before { content: "\e16d"; } .fa-money-bill-transfer:before { content: "\e528"; } .fa-money-bill-trend-up:before { content: "\e529"; } .fa-house-flood-water-circle-arrow-right:before { content: "\e50f"; } .fa-poll-h:before, .fa-square-poll-horizontal:before { content: "\f682"; } .fa-circle:before { content: "\f111"; } .fa-backward-fast:before, .fa-fast-backward:before { content: "\f049"; } .fa-recycle:before { content: "\f1b8"; } .fa-user-astronaut:before { content: "\f4fb"; } .fa-plane-slash:before { content: "\e069"; } .fa-trademark:before { content: "\f25c"; } .fa-basketball-ball:before, .fa-basketball:before { content: "\f434"; } .fa-satellite-dish:before { content: "\f7c0"; } .fa-arrow-alt-circle-up:before, .fa-circle-up:before { content: "\f35b"; } .fa-mobile-alt:before, .fa-mobile-screen-button:before { content: "\f3cd"; } .fa-volume-high:before, .fa-volume-up:before { content: "\f028"; } .fa-users-rays:before { content: "\e593"; } .fa-wallet:before { content: "\f555"; } .fa-clipboard-check:before { content: "\f46c"; } .fa-file-audio:before { content: "\f1c7"; } .fa-burger:before, .fa-hamburger:before { content: "\f805"; } .fa-wrench:before { content: "\f0ad"; } .fa-bugs:before { content: "\e4d0"; } .fa-rupee-sign:before, .fa-rupee:before { content: "\f156"; } .fa-file-image:before { content: "\f1c5"; } .fa-circle-question:before, .fa-question-circle:before { content: "\f059"; } .fa-plane-departure:before { content: "\f5b0"; } .fa-handshake-slash:before { content: "\e060"; } .fa-book-bookmark:before { content: "\e0bb"; } .fa-code-branch:before { content: "\f126"; } .fa-hat-cowboy:before { content: "\f8c0"; } .fa-bridge:before { content: "\e4c8"; } .fa-phone-alt:before, .fa-phone-flip:before { content: "\f879"; } .fa-truck-front:before { content: "\e2b7"; } .fa-cat:before { content: "\f6be"; } .fa-anchor-circle-exclamation:before { content: "\e4ab"; } .fa-truck-field:before { content: "\e58d"; } .fa-route:before { content: "\f4d7"; } .fa-clipboard-question:before { content: "\e4e3"; } .fa-panorama:before { content: "\e209"; } .fa-comment-medical:before { content: "\f7f5"; } .fa-teeth-open:before { content: "\f62f"; } .fa-file-circle-minus:before { content: "\e4ed"; } .fa-tags:before { content: "\f02c"; } .fa-wine-glass:before { content: "\f4e3"; } .fa-fast-forward:before, .fa-forward-fast:before { content: "\f050"; } .fa-face-meh-blank:before, .fa-meh-blank:before { content: "\f5a4"; } .fa-parking:before, .fa-square-parking:before { content: "\f540"; } .fa-house-signal:before { content: "\e012"; } .fa-bars-progress:before, .fa-tasks-alt:before { content: "\f828"; } .fa-faucet-drip:before { content: "\e006"; } .fa-cart-flatbed:before, .fa-dolly-flatbed:before { content: "\f474"; } .fa-ban-smoking:before, .fa-smoking-ban:before { content: "\f54d"; } .fa-terminal:before { content: "\f120"; } .fa-mobile-button:before { content: "\f10b"; } .fa-house-medical-flag:before { content: "\e514"; } .fa-basket-shopping:before, .fa-shopping-basket:before { content: "\f291"; } .fa-tape:before { content: "\f4db"; } .fa-bus-alt:before, .fa-bus-simple:before { content: "\f55e"; } .fa-eye:before { content: "\f06e"; } .fa-face-sad-cry:before, .fa-sad-cry:before { content: "\f5b3"; } .fa-audio-description:before { content: "\f29e"; } .fa-person-military-to-person:before { content: "\e54c"; } .fa-file-shield:before { content: "\e4f0"; } .fa-user-slash:before { content: "\f506"; } .fa-pen:before { content: "\f304"; } .fa-tower-observation:before { content: "\e586"; } .fa-file-code:before { content: "\f1c9"; } .fa-signal-5:before, .fa-signal-perfect:before, .fa-signal:before { content: "\f012"; } .fa-bus:before { content: "\f207"; } .fa-heart-circle-xmark:before { content: "\e501"; } .fa-home-lg:before, .fa-house-chimney:before { content: "\e3af"; } .fa-window-maximize:before { content: "\f2d0"; } .fa-face-frown:before, .fa-frown:before { content: "\f119"; } .fa-prescription:before { content: "\f5b1"; } .fa-shop:before, .fa-store-alt:before { content: "\f54f"; } .fa-floppy-disk:before, .fa-save:before { content: "\f0c7"; } .fa-vihara:before { content: "\f6a7"; } .fa-balance-scale-left:before, .fa-scale-unbalanced:before { content: "\f515"; } .fa-sort-asc:before, .fa-sort-up:before { content: "\f0de"; } .fa-comment-dots:before, .fa-commenting:before { content: "\f4ad"; } .fa-plant-wilt:before { content: "\e5aa"; } .fa-diamond:before { content: "\f219"; } .fa-face-grin-squint:before, .fa-grin-squint:before { content: "\f585"; } .fa-hand-holding-dollar:before, .fa-hand-holding-usd:before { content: "\f4c0"; } .fa-bacterium:before { content: "\e05a"; } .fa-hand-pointer:before { content: "\f25a"; } .fa-drum-steelpan:before { content: "\f56a"; } .fa-hand-scissors:before { content: "\f257"; } .fa-hands-praying:before, .fa-praying-hands:before { content: "\f684"; } .fa-arrow-right-rotate:before, .fa-arrow-rotate-forward:before, .fa-arrow-rotate-right:before, .fa-redo:before { content: "\f01e"; } .fa-biohazard:before { content: "\f780"; } .fa-location-crosshairs:before, .fa-location:before { content: "\f601"; } .fa-mars-double:before { content: "\f227"; } .fa-child-dress:before { content: "\e59c"; } .fa-users-between-lines:before { content: "\e591"; } .fa-lungs-virus:before { content: "\e067"; } .fa-face-grin-tears:before, .fa-grin-tears:before { content: "\f588"; } .fa-phone:before { content: "\f095"; } .fa-calendar-times:before, .fa-calendar-xmark:before { content: "\f273"; } .fa-child-reaching:before { content: "\e59d"; } .fa-head-side-virus:before { content: "\e064"; } .fa-user-cog:before, .fa-user-gear:before { content: "\f4fe"; } .fa-arrow-up-1-9:before, .fa-sort-numeric-up:before { content: "\f163"; } .fa-door-closed:before { content: "\f52a"; } .fa-shield-virus:before { content: "\e06c"; } .fa-dice-six:before { content: "\f526"; } .fa-mosquito-net:before { content: "\e52c"; } .fa-bridge-water:before { content: "\e4ce"; } .fa-person-booth:before { content: "\f756"; } .fa-text-width:before { content: "\f035"; } .fa-hat-wizard:before { content: "\f6e8"; } .fa-pen-fancy:before { content: "\f5ac"; } .fa-digging:before, .fa-person-digging:before { content: "\f85e"; } .fa-trash:before { content: "\f1f8"; } .fa-gauge-simple-med:before, .fa-gauge-simple:before, .fa-tachometer-average:before { content: "\f629"; } .fa-book-medical:before { content: "\f7e6"; } .fa-poo:before { content: "\f2fe"; } .fa-quote-right-alt:before, .fa-quote-right:before { content: "\f10e"; } .fa-shirt:before, .fa-t-shirt:before, .fa-tshirt:before { content: "\f553"; } .fa-cubes:before { content: "\f1b3"; } .fa-divide:before { content: "\f529"; } .fa-tenge-sign:before, .fa-tenge:before { content: "\f7d7"; } .fa-headphones:before { content: "\f025"; } .fa-hands-holding:before { content: "\f4c2"; } .fa-hands-clapping:before { content: "\e1a8"; } .fa-republican:before { content: "\f75e"; } .fa-arrow-left:before { content: "\f060"; } .fa-person-circle-xmark:before { content: "\e543"; } .fa-ruler:before { content: "\f545"; } .fa-align-left:before { content: "\f036"; } .fa-dice-d6:before { content: "\f6d1"; } .fa-restroom:before { content: "\f7bd"; } .fa-j:before { content: "J"; } .fa-users-viewfinder:before { content: "\e595"; } .fa-file-video:before { content: "\f1c8"; } .fa-external-link-alt:before, .fa-up-right-from-square:before { content: "\f35d"; } .fa-table-cells:before, .fa-th:before { content: "\f00a"; } .fa-file-pdf:before { content: "\f1c1"; } .fa-bible:before, .fa-book-bible:before { content: "\f647"; } .fa-o:before { content: "O"; } .fa-medkit:before, .fa-suitcase-medical:before { content: "\f0fa"; } .fa-user-secret:before { content: "\f21b"; } .fa-otter:before { content: "\f700"; } .fa-female:before, .fa-person-dress:before { content: "\f182"; } .fa-comment-dollar:before { content: "\f651"; } .fa-briefcase-clock:before, .fa-business-time:before { content: "\f64a"; } .fa-table-cells-large:before, .fa-th-large:before { content: "\f009"; } .fa-book-tanakh:before, .fa-tanakh:before { content: "\f827"; } .fa-phone-volume:before, .fa-volume-control-phone:before { content: "\f2a0"; } .fa-hat-cowboy-side:before { content: "\f8c1"; } .fa-clipboard-user:before { content: "\f7f3"; } .fa-child:before { content: "\f1ae"; } .fa-lira-sign:before { content: "\f195"; } .fa-satellite:before { content: "\f7bf"; } .fa-plane-lock:before { content: "\e558"; } .fa-tag:before { content: "\f02b"; } .fa-comment:before { content: "\f075"; } .fa-birthday-cake:before, .fa-cake-candles:before, .fa-cake:before { content: "\f1fd"; } .fa-envelope:before { content: "\f0e0"; } .fa-angle-double-up:before, .fa-angles-up:before { content: "\f102"; } .fa-paperclip:before { content: "\f0c6"; } .fa-arrow-right-to-city:before { content: "\e4b3"; } .fa-ribbon:before { content: "\f4d6"; } .fa-lungs:before { content: "\f604"; } .fa-arrow-up-9-1:before, .fa-sort-numeric-up-alt:before { content: "\f887"; } .fa-litecoin-sign:before { content: "\e1d3"; } .fa-border-none:before { content: "\f850"; } .fa-circle-nodes:before { content: "\e4e2"; } .fa-parachute-box:before { content: "\f4cd"; } .fa-indent:before { content: "\f03c"; } .fa-truck-field-un:before { content: "\e58e"; } .fa-hourglass-empty:before, .fa-hourglass:before { content: "\f254"; } .fa-mountain:before { content: "\f6fc"; } .fa-user-doctor:before, .fa-user-md:before { content: "\f0f0"; } .fa-circle-info:before, .fa-info-circle:before { content: "\f05a"; } .fa-cloud-meatball:before { content: "\f73b"; } .fa-camera-alt:before, .fa-camera:before { content: "\f030"; } .fa-square-virus:before { content: "\e578"; } .fa-meteor:before { content: "\f753"; } .fa-car-on:before { content: "\e4dd"; } .fa-sleigh:before { content: "\f7cc"; } .fa-arrow-down-1-9:before, .fa-sort-numeric-asc:before, .fa-sort-numeric-down:before { content: "\f162"; } .fa-hand-holding-droplet:before, .fa-hand-holding-water:before { content: "\f4c1"; } .fa-water:before { content: "\f773"; } .fa-calendar-check:before { content: "\f274"; } .fa-braille:before { content: "\f2a1"; } .fa-prescription-bottle-alt:before, .fa-prescription-bottle-medical:before { content: "\f486"; } .fa-landmark:before { content: "\f66f"; } .fa-truck:before { content: "\f0d1"; } .fa-crosshairs:before { content: "\f05b"; } .fa-person-cane:before { content: "\e53c"; } .fa-tent:before { content: "\e57d"; } .fa-vest-patches:before { content: "\e086"; } .fa-check-double:before { content: "\f560"; } .fa-arrow-down-a-z:before, .fa-sort-alpha-asc:before, .fa-sort-alpha-down:before { content: "\f15d"; } .fa-money-bill-wheat:before { content: "\e52a"; } .fa-cookie:before { content: "\f563"; } .fa-arrow-left-rotate:before, .fa-arrow-rotate-back:before, .fa-arrow-rotate-backward:before, .fa-arrow-rotate-left:before, .fa-undo:before { content: "\f0e2"; } .fa-hard-drive:before, .fa-hdd:before { content: "\f0a0"; } .fa-face-grin-squint-tears:before, .fa-grin-squint-tears:before { content: "\f586"; } .fa-dumbbell:before { content: "\f44b"; } .fa-list-alt:before, .fa-rectangle-list:before { content: "\f022"; } .fa-tarp-droplet:before { content: "\e57c"; } .fa-house-medical-circle-check:before { content: "\e511"; } .fa-person-skiing-nordic:before, .fa-skiing-nordic:before { content: "\f7ca"; } .fa-calendar-plus:before { content: "\f271"; } .fa-plane-arrival:before { content: "\f5af"; } .fa-arrow-alt-circle-left:before, .fa-circle-left:before { content: "\f359"; } .fa-subway:before, .fa-train-subway:before { content: "\f239"; } .fa-chart-gantt:before { content: "\e0e4"; } .fa-indian-rupee-sign:before, .fa-indian-rupee:before, .fa-inr:before { content: "\e1bc"; } .fa-crop-alt:before, .fa-crop-simple:before { content: "\f565"; } .fa-money-bill-1:before, .fa-money-bill-alt:before { content: "\f3d1"; } .fa-left-long:before, .fa-long-arrow-alt-left:before { content: "\f30a"; } .fa-dna:before { content: "\f471"; } .fa-virus-slash:before { content: "\e075"; } .fa-minus:before, .fa-subtract:before { content: "\f068"; } .fa-chess:before { content: "\f439"; } .fa-arrow-left-long:before, .fa-long-arrow-left:before { content: "\f177"; } .fa-plug-circle-check:before { content: "\e55c"; } .fa-street-view:before { content: "\f21d"; } .fa-franc-sign:before { content: "\e18f"; } .fa-volume-off:before { content: "\f026"; } .fa-american-sign-language-interpreting:before, .fa-asl-interpreting:before, .fa-hands-american-sign-language-interpreting:before, .fa-hands-asl-interpreting:before { content: "\f2a3"; } .fa-cog:before, .fa-gear:before { content: "\f013"; } .fa-droplet-slash:before, .fa-tint-slash:before { content: "\f5c7"; } .fa-mosque:before { content: "\f678"; } .fa-mosquito:before { content: "\e52b"; } .fa-star-of-david:before { content: "\f69a"; } .fa-person-military-rifle:before { content: "\e54b"; } .fa-cart-shopping:before, .fa-shopping-cart:before { content: "\f07a"; } .fa-vials:before { content: "\f493"; } .fa-plug-circle-plus:before { content: "\e55f"; } .fa-place-of-worship:before { content: "\f67f"; } .fa-grip-vertical:before { content: "\f58e"; } .fa-arrow-turn-up:before, .fa-level-up:before { content: "\f148"; } .fa-u:before { content: "U"; } .fa-square-root-alt:before, .fa-square-root-variable:before { content: "\f698"; } .fa-clock-four:before, .fa-clock:before { content: "\f017"; } .fa-backward-step:before, .fa-step-backward:before { content: "\f048"; } .fa-pallet:before { content: "\f482"; } .fa-faucet:before { content: "\e005"; } .fa-baseball-bat-ball:before { content: "\f432"; } .fa-s:before { content: "S"; } .fa-timeline:before { content: "\e29c"; } .fa-keyboard:before { content: "\f11c"; } .fa-caret-down:before { content: "\f0d7"; } .fa-clinic-medical:before, .fa-house-chimney-medical:before { content: "\f7f2"; } .fa-temperature-3:before, .fa-temperature-three-quarters:before, .fa-thermometer-3:before, .fa-thermometer-three-quarters:before { content: "\f2c8"; } .fa-mobile-android-alt:before, .fa-mobile-screen:before { content: "\f3cf"; } .fa-plane-up:before { content: "\e22d"; } .fa-piggy-bank:before { content: "\f4d3"; } .fa-battery-3:before, .fa-battery-half:before { content: "\f242"; } .fa-mountain-city:before { content: "\e52e"; } .fa-coins:before { content: "\f51e"; } .fa-khanda:before { content: "\f66d"; } .fa-sliders-h:before, .fa-sliders:before { content: "\f1de"; } .fa-folder-tree:before { content: "\f802"; } .fa-network-wired:before { content: "\f6ff"; } .fa-map-pin:before { content: "\f276"; } .fa-hamsa:before { content: "\f665"; } .fa-cent-sign:before { content: "\e3f5"; } .fa-flask:before { content: "\f0c3"; } .fa-person-pregnant:before { content: "\e31e"; } .fa-wand-sparkles:before { content: "\f72b"; } .fa-ellipsis-v:before, .fa-ellipsis-vertical:before { content: "\f142"; } .fa-ticket:before { content: "\f145"; } .fa-power-off:before { content: "\f011"; } .fa-long-arrow-alt-right:before, .fa-right-long:before { content: "\f30b"; } .fa-flag-usa:before { content: "\f74d"; } .fa-laptop-file:before { content: "\e51d"; } .fa-teletype:before, .fa-tty:before { content: "\f1e4"; } .fa-diagram-next:before { content: "\e476"; } .fa-person-rifle:before { content: "\e54e"; } .fa-house-medical-circle-exclamation:before { content: "\e512"; } .fa-closed-captioning:before { content: "\f20a"; } .fa-hiking:before, .fa-person-hiking:before { content: "\f6ec"; } .fa-venus-double:before { content: "\f226"; } .fa-images:before { content: "\f302"; } .fa-calculator:before { content: "\f1ec"; } .fa-people-pulling:before { content: "\e535"; } .fa-n:before { content: "N"; } .fa-cable-car:before, .fa-tram:before { content: "\f7da"; } .fa-cloud-rain:before { content: "\f73d"; } .fa-building-circle-xmark:before { content: "\e4d4"; } .fa-ship:before { content: "\f21a"; } .fa-arrows-down-to-line:before { content: "\e4b8"; } .fa-download:before { content: "\f019"; } .fa-face-grin:before, .fa-grin:before { content: "\f580"; } .fa-backspace:before, .fa-delete-left:before { content: "\f55a"; } .fa-eye-dropper-empty:before, .fa-eye-dropper:before, .fa-eyedropper:before { content: "\f1fb"; } .fa-file-circle-check:before { content: "\e5a0"; } .fa-forward:before { content: "\f04e"; } .fa-mobile-android:before, .fa-mobile-phone:before, .fa-mobile:before { content: "\f3ce"; } .fa-face-meh:before, .fa-meh:before { content: "\f11a"; } .fa-align-center:before { content: "\f037"; } .fa-book-dead:before, .fa-book-skull:before { content: "\f6b7"; } .fa-drivers-license:before, .fa-id-card:before { content: "\f2c2"; } .fa-dedent:before, .fa-outdent:before { content: "\f03b"; } .fa-heart-circle-exclamation:before { content: "\e4fe"; } .fa-home-alt:before, .fa-home-lg-alt:before, .fa-home:before, .fa-house:before { content: "\f015"; } .fa-calendar-week:before { content: "\f784"; } .fa-laptop-medical:before { content: "\f812"; } .fa-b:before { content: "B"; } .fa-file-medical:before { content: "\f477"; } .fa-dice-one:before { content: "\f525"; } .fa-kiwi-bird:before { content: "\f535"; } .fa-arrow-right-arrow-left:before, .fa-exchange:before { content: "\f0ec"; } .fa-redo-alt:before, .fa-rotate-forward:before, .fa-rotate-right:before { content: "\f2f9"; } .fa-cutlery:before, .fa-utensils:before { content: "\f2e7"; } .fa-arrow-up-wide-short:before, .fa-sort-amount-up:before { content: "\f161"; } .fa-mill-sign:before { content: "\e1ed"; } .fa-bowl-rice:before { content: "\e2eb"; } .fa-skull:before { content: "\f54c"; } .fa-broadcast-tower:before, .fa-tower-broadcast:before { content: "\f519"; } .fa-truck-pickup:before { content: "\f63c"; } .fa-long-arrow-alt-up:before, .fa-up-long:before { content: "\f30c"; } .fa-stop:before { content: "\f04d"; } .fa-code-merge:before { content: "\f387"; } .fa-upload:before { content: "\f093"; } .fa-hurricane:before { content: "\f751"; } .fa-mound:before { content: "\e52d"; } .fa-toilet-portable:before { content: "\e583"; } .fa-compact-disc:before { content: "\f51f"; } .fa-file-arrow-down:before, .fa-file-download:before { content: "\f56d"; } .fa-caravan:before { content: "\f8ff"; } .fa-shield-cat:before { content: "\e572"; } .fa-bolt:before, .fa-zap:before { content: "\f0e7"; } .fa-glass-water:before { content: "\e4f4"; } .fa-oil-well:before { content: "\e532"; } .fa-vault:before { content: "\e2c5"; } .fa-mars:before { content: "\f222"; } .fa-toilet:before { content: "\f7d8"; } .fa-plane-circle-xmark:before { content: "\e557"; } .fa-cny:before, .fa-jpy:before, .fa-rmb:before, .fa-yen-sign:before, .fa-yen:before { content: "\f157"; } .fa-rouble:before, .fa-rub:before, .fa-ruble-sign:before, .fa-ruble:before { content: "\f158"; } .fa-sun:before { content: "\f185"; } .fa-guitar:before { content: "\f7a6"; } .fa-face-laugh-wink:before, .fa-laugh-wink:before { content: "\f59c"; } .fa-horse-head:before { content: "\f7ab"; } .fa-bore-hole:before { content: "\e4c3"; } .fa-industry:before { content: "\f275"; } .fa-arrow-alt-circle-down:before, .fa-circle-down:before { content: "\f358"; } .fa-arrows-turn-to-dots:before { content: "\e4c1"; } .fa-florin-sign:before { content: "\e184"; } .fa-arrow-down-short-wide:before, .fa-sort-amount-desc:before, .fa-sort-amount-down-alt:before { content: "\f884"; } .fa-less-than:before { content: "<"; } .fa-angle-down:before { content: "\f107"; } .fa-car-tunnel:before { content: "\e4de"; } .fa-head-side-cough:before { content: "\e061"; } .fa-grip-lines:before { content: "\f7a4"; } .fa-thumbs-down:before { content: "\f165"; } .fa-user-lock:before { content: "\f502"; } .fa-arrow-right-long:before, .fa-long-arrow-right:before { content: "\f178"; } .fa-anchor-circle-xmark:before { content: "\e4ac"; } .fa-ellipsis-h:before, .fa-ellipsis:before { content: "\f141"; } .fa-chess-pawn:before { content: "\f443"; } .fa-first-aid:before, .fa-kit-medical:before { content: "\f479"; } .fa-person-through-window:before { content: "\e5a9"; } .fa-toolbox:before { content: "\f552"; } .fa-hands-holding-circle:before { content: "\e4fb"; } .fa-bug:before { content: "\f188"; } .fa-credit-card-alt:before, .fa-credit-card:before { content: "\f09d"; } .fa-automobile:before, .fa-car:before { content: "\f1b9"; } .fa-hand-holding-hand:before { content: "\e4f7"; } .fa-book-open-reader:before, .fa-book-reader:before { content: "\f5da"; } .fa-mountain-sun:before { content: "\e52f"; } .fa-arrows-left-right-to-line:before { content: "\e4ba"; } .fa-dice-d20:before { content: "\f6cf"; } .fa-truck-droplet:before { content: "\e58c"; } .fa-file-circle-xmark:before { content: "\e5a1"; } .fa-temperature-arrow-up:before, .fa-temperature-up:before { content: "\e040"; } .fa-medal:before { content: "\f5a2"; } .fa-bed:before { content: "\f236"; } .fa-h-square:before, .fa-square-h:before { content: "\f0fd"; } .fa-podcast:before { content: "\f2ce"; } .fa-temperature-4:before, .fa-temperature-full:before, .fa-thermometer-4:before, .fa-thermometer-full:before { content: "\f2c7"; } .fa-bell:before { content: "\f0f3"; } .fa-superscript:before { content: "\f12b"; } .fa-plug-circle-xmark:before { content: "\e560"; } .fa-star-of-life:before { content: "\f621"; } .fa-phone-slash:before { content: "\f3dd"; } .fa-paint-roller:before { content: "\f5aa"; } .fa-hands-helping:before, .fa-handshake-angle:before { content: "\f4c4"; } .fa-location-dot:before, .fa-map-marker-alt:before { content: "\f3c5"; } .fa-file:before { content: "\f15b"; } .fa-greater-than:before { content: ">"; } .fa-person-swimming:before, .fa-swimmer:before { content: "\f5c4"; } .fa-arrow-down:before { content: "\f063"; } .fa-droplet:before, .fa-tint:before { content: "\f043"; } .fa-eraser:before { content: "\f12d"; } .fa-earth-america:before, .fa-earth-americas:before, .fa-earth:before, .fa-globe-americas:before { content: "\f57d"; } .fa-person-burst:before { content: "\e53b"; } .fa-dove:before { content: "\f4ba"; } .fa-battery-0:before, .fa-battery-empty:before { content: "\f244"; } .fa-socks:before { content: "\f696"; } .fa-inbox:before { content: "\f01c"; } .fa-section:before { content: "\e447"; } .fa-gauge-high:before, .fa-tachometer-alt-fast:before, .fa-tachometer-alt:before { content: "\f625"; } .fa-envelope-open-text:before { content: "\f658"; } .fa-hospital-alt:before, .fa-hospital-wide:before, .fa-hospital:before { content: "\f0f8"; } .fa-wine-bottle:before { content: "\f72f"; } .fa-chess-rook:before { content: "\f447"; } .fa-bars-staggered:before, .fa-reorder:before, .fa-stream:before { content: "\f550"; } .fa-dharmachakra:before { content: "\f655"; } .fa-hotdog:before { content: "\f80f"; } .fa-blind:before, .fa-person-walking-with-cane:before { content: "\f29d"; } .fa-drum:before { content: "\f569"; } .fa-ice-cream:before { content: "\f810"; } .fa-heart-circle-bolt:before { content: "\e4fc"; } .fa-fax:before { content: "\f1ac"; } .fa-paragraph:before { content: "\f1dd"; } .fa-check-to-slot:before, .fa-vote-yea:before { content: "\f772"; } .fa-star-half:before { content: "\f089"; } .fa-boxes-alt:before, .fa-boxes-stacked:before, .fa-boxes:before { content: "\f468"; } .fa-chain:before, .fa-link:before { content: "\f0c1"; } .fa-assistive-listening-systems:before, .fa-ear-listen:before { content: "\f2a2"; } .fa-tree-city:before { content: "\e587"; } .fa-play:before { content: "\f04b"; } .fa-font:before { content: "\f031"; } .fa-rupiah-sign:before { content: "\e23d"; } .fa-magnifying-glass:before, .fa-search:before { content: "\f002"; } .fa-ping-pong-paddle-ball:before, .fa-table-tennis-paddle-ball:before, .fa-table-tennis:before { content: "\f45d"; } .fa-diagnoses:before, .fa-person-dots-from-line:before { content: "\f470"; } .fa-trash-can-arrow-up:before, .fa-trash-restore-alt:before { content: "\f82a"; } .fa-naira-sign:before { content: "\e1f6"; } .fa-cart-arrow-down:before { content: "\f218"; } .fa-walkie-talkie:before { content: "\f8ef"; } .fa-file-edit:before, .fa-file-pen:before { content: "\f31c"; } .fa-receipt:before { content: "\f543"; } .fa-pen-square:before, .fa-pencil-square:before, .fa-square-pen:before { content: "\f14b"; } .fa-suitcase-rolling:before { content: "\f5c1"; } .fa-person-circle-exclamation:before { content: "\e53f"; } .fa-chevron-down:before { content: "\f078"; } .fa-battery-5:before, .fa-battery-full:before, .fa-battery:before { content: "\f240"; } .fa-skull-crossbones:before { content: "\f714"; } .fa-code-compare:before { content: "\e13a"; } .fa-list-dots:before, .fa-list-ul:before { content: "\f0ca"; } .fa-school-lock:before { content: "\e56f"; } .fa-tower-cell:before { content: "\e585"; } .fa-down-long:before, .fa-long-arrow-alt-down:before { content: "\f309"; } .fa-ranking-star:before { content: "\e561"; } .fa-chess-king:before { content: "\f43f"; } .fa-person-harassing:before { content: "\e549"; } .fa-brazilian-real-sign:before { content: "\e46c"; } .fa-landmark-alt:before, .fa-landmark-dome:before { content: "\f752"; } .fa-arrow-up:before { content: "\f062"; } .fa-television:before, .fa-tv-alt:before, .fa-tv:before { content: "\f26c"; } .fa-shrimp:before { content: "\e448"; } .fa-list-check:before, .fa-tasks:before { content: "\f0ae"; } .fa-jug-detergent:before { content: "\e519"; } .fa-circle-user:before, .fa-user-circle:before { content: "\f2bd"; } .fa-user-shield:before { content: "\f505"; } .fa-wind:before { content: "\f72e"; } .fa-car-burst:before, .fa-car-crash:before { content: "\f5e1"; } .fa-y:before { content: "Y"; } .fa-person-snowboarding:before, .fa-snowboarding:before { content: "\f7ce"; } .fa-shipping-fast:before, .fa-truck-fast:before { content: "\f48b"; } .fa-fish:before { content: "\f578"; } .fa-user-graduate:before { content: "\f501"; } .fa-adjust:before, .fa-circle-half-stroke:before { content: "\f042"; } .fa-clapperboard:before { content: "\e131"; } .fa-circle-radiation:before, .fa-radiation-alt:before { content: "\f7ba"; } .fa-baseball-ball:before, .fa-baseball:before { content: "\f433"; } .fa-jet-fighter-up:before { content: "\e518"; } .fa-diagram-project:before, .fa-project-diagram:before { content: "\f542"; } .fa-copy:before { content: "\f0c5"; } .fa-volume-mute:before, .fa-volume-times:before, .fa-volume-xmark:before { content: "\f6a9"; } .fa-hand-sparkles:before { content: "\e05d"; } .fa-grip-horizontal:before, .fa-grip:before { content: "\f58d"; } .fa-share-from-square:before, .fa-share-square:before { content: "\f14d"; } .fa-child-combatant:before, .fa-child-rifle:before { content: "\e4e0"; } .fa-gun:before { content: "\e19b"; } .fa-phone-square:before, .fa-square-phone:before { content: "\f098"; } .fa-add:before, .fa-plus:before { content: "+"; } .fa-expand:before { content: "\f065"; } .fa-computer:before { content: "\e4e5"; } .fa-close:before, .fa-multiply:before, .fa-remove:before, .fa-times:before, .fa-xmark:before { content: "\f00d"; } .fa-arrows-up-down-left-right:before, .fa-arrows:before { content: "\f047"; } .fa-chalkboard-teacher:before, .fa-chalkboard-user:before { content: "\f51c"; } .fa-peso-sign:before { content: "\e222"; } .fa-building-shield:before { content: "\e4d8"; } .fa-baby:before { content: "\f77c"; } .fa-users-line:before { content: "\e592"; } .fa-quote-left-alt:before, .fa-quote-left:before { content: "\f10d"; } .fa-tractor:before { content: "\f722"; } .fa-trash-arrow-up:before, .fa-trash-restore:before { content: "\f829"; } .fa-arrow-down-up-lock:before { content: "\e4b0"; } .fa-lines-leaning:before { content: "\e51e"; } .fa-ruler-combined:before { content: "\f546"; } .fa-copyright:before { content: "\f1f9"; } .fa-equals:before { content: "="; } .fa-blender:before { content: "\f517"; } .fa-teeth:before { content: "\f62e"; } .fa-ils:before, .fa-shekel-sign:before, .fa-shekel:before, .fa-sheqel-sign:before, .fa-sheqel:before { content: "\f20b"; } .fa-map:before { content: "\f279"; } .fa-rocket:before { content: "\f135"; } .fa-photo-film:before, .fa-photo-video:before { content: "\f87c"; } .fa-folder-minus:before { content: "\f65d"; } .fa-store:before { content: "\f54e"; } .fa-arrow-trend-up:before { content: "\e098"; } .fa-plug-circle-minus:before { content: "\e55e"; } .fa-sign-hanging:before, .fa-sign:before { content: "\f4d9"; } .fa-bezier-curve:before { content: "\f55b"; } .fa-bell-slash:before { content: "\f1f6"; } .fa-tablet-android:before, .fa-tablet:before { content: "\f3fb"; } .fa-school-flag:before { content: "\e56e"; } .fa-fill:before { content: "\f575"; } .fa-angle-up:before { content: "\f106"; } .fa-drumstick-bite:before { content: "\f6d7"; } .fa-holly-berry:before { content: "\f7aa"; } .fa-chevron-left:before { content: "\f053"; } .fa-bacteria:before { content: "\e059"; } .fa-hand-lizard:before { content: "\f258"; } .fa-notdef:before { content: "\e1fe"; } .fa-disease:before { content: "\f7fa"; } .fa-briefcase-medical:before { content: "\f469"; } .fa-genderless:before { content: "\f22d"; } .fa-chevron-right:before { content: "\f054"; } .fa-retweet:before { content: "\f079"; } .fa-car-alt:before, .fa-car-rear:before { content: "\f5de"; } .fa-pump-soap:before { content: "\e06b"; } .fa-video-slash:before { content: "\f4e2"; } .fa-battery-2:before, .fa-battery-quarter:before { content: "\f243"; } .fa-radio:before { content: "\f8d7"; } .fa-baby-carriage:before, .fa-carriage-baby:before { content: "\f77d"; } .fa-traffic-light:before { content: "\f637"; } .fa-thermometer:before { content: "\f491"; } .fa-vr-cardboard:before { content: "\f729"; } .fa-hand-middle-finger:before { content: "\f806"; } .fa-percent:before, .fa-percentage:before { content: "%"; } .fa-truck-moving:before { content: "\f4df"; } .fa-glass-water-droplet:before { content: "\e4f5"; } .fa-display:before { content: "\e163"; } .fa-face-smile:before, .fa-smile:before { content: "\f118"; } .fa-thumb-tack:before, .fa-thumbtack:before { content: "\f08d"; } .fa-trophy:before { content: "\f091"; } .fa-person-praying:before, .fa-pray:before { content: "\f683"; } .fa-hammer:before { content: "\f6e3"; } .fa-hand-peace:before { content: "\f25b"; } .fa-rotate:before, .fa-sync-alt:before { content: "\f2f1"; } .fa-spinner:before { content: "\f110"; } .fa-robot:before { content: "\f544"; } .fa-peace:before { content: "\f67c"; } .fa-cogs:before, .fa-gears:before { content: "\f085"; } .fa-warehouse:before { content: "\f494"; } .fa-arrow-up-right-dots:before { content: "\e4b7"; } .fa-splotch:before { content: "\f5bc"; } .fa-face-grin-hearts:before, .fa-grin-hearts:before { content: "\f584"; } .fa-dice-four:before { content: "\f524"; } .fa-sim-card:before { content: "\f7c4"; } .fa-transgender-alt:before, .fa-transgender:before { content: "\f225"; } .fa-mercury:before { content: "\f223"; } .fa-arrow-turn-down:before, .fa-level-down:before { content: "\f149"; } .fa-person-falling-burst:before { content: "\e547"; } .fa-award:before { content: "\f559"; } .fa-ticket-alt:before, .fa-ticket-simple:before { content: "\f3ff"; } .fa-building:before { content: "\f1ad"; } .fa-angle-double-left:before, .fa-angles-left:before { content: "\f100"; } .fa-qrcode:before { content: "\f029"; } .fa-clock-rotate-left:before, .fa-history:before { content: "\f1da"; } .fa-face-grin-beam-sweat:before, .fa-grin-beam-sweat:before { content: "\f583"; } .fa-arrow-right-from-file:before, .fa-file-export:before { content: "\f56e"; } .fa-shield-blank:before, .fa-shield:before { content: "\f132"; } .fa-arrow-up-short-wide:before, .fa-sort-amount-up-alt:before { content: "\f885"; } .fa-house-medical:before { content: "\e3b2"; } .fa-golf-ball-tee:before, .fa-golf-ball:before { content: "\f450"; } .fa-chevron-circle-left:before, .fa-circle-chevron-left:before { content: "\f137"; } .fa-house-chimney-window:before { content: "\e00d"; } .fa-pen-nib:before { content: "\f5ad"; } .fa-tent-arrow-turn-left:before { content: "\e580"; } .fa-tents:before { content: "\e582"; } .fa-magic:before, .fa-wand-magic:before { content: "\f0d0"; } .fa-dog:before { content: "\f6d3"; } .fa-carrot:before { content: "\f787"; } .fa-moon:before { content: "\f186"; } .fa-wine-glass-alt:before, .fa-wine-glass-empty:before { content: "\f5ce"; } .fa-cheese:before { content: "\f7ef"; } .fa-yin-yang:before { content: "\f6ad"; } .fa-music:before { content: "\f001"; } .fa-code-commit:before { content: "\f386"; } .fa-temperature-low:before { content: "\f76b"; } .fa-biking:before, .fa-person-biking:before { content: "\f84a"; } .fa-broom:before { content: "\f51a"; } .fa-shield-heart:before { content: "\e574"; } .fa-gopuram:before { content: "\f664"; } .fa-earth-oceania:before, .fa-globe-oceania:before { content: "\e47b"; } .fa-square-xmark:before, .fa-times-square:before, .fa-xmark-square:before { content: "\f2d3"; } .fa-hashtag:before { content: "#"; } .fa-expand-alt:before, .fa-up-right-and-down-left-from-center:before { content: "\f424"; } .fa-oil-can:before { content: "\f613"; } .fa-t:before { content: "T"; } .fa-hippo:before { content: "\f6ed"; } .fa-chart-column:before { content: "\e0e3"; } .fa-infinity:before { content: "\f534"; } .fa-vial-circle-check:before { content: "\e596"; } .fa-person-arrow-down-to-line:before { content: "\e538"; } .fa-voicemail:before { content: "\f897"; } .fa-fan:before { content: "\f863"; } .fa-person-walking-luggage:before { content: "\e554"; } .fa-arrows-alt-v:before, .fa-up-down:before { content: "\f338"; } .fa-cloud-moon-rain:before { content: "\f73c"; } .fa-calendar:before { content: "\f133"; } .fa-trailer:before { content: "\e041"; } .fa-bahai:before, .fa-haykal:before { content: "\f666"; } .fa-sd-card:before { content: "\f7c2"; } .fa-dragon:before { content: "\f6d5"; } .fa-shoe-prints:before { content: "\f54b"; } .fa-circle-plus:before, .fa-plus-circle:before { content: "\f055"; } .fa-face-grin-tongue-wink:before, .fa-grin-tongue-wink:before { content: "\f58b"; } .fa-hand-holding:before { content: "\f4bd"; } .fa-plug-circle-exclamation:before { content: "\e55d"; } .fa-chain-broken:before, .fa-chain-slash:before, .fa-link-slash:before, .fa-unlink:before { content: "\f127"; } .fa-clone:before { content: "\f24d"; } .fa-person-walking-arrow-loop-left:before { content: "\e551"; } .fa-arrow-up-z-a:before, .fa-sort-alpha-up-alt:before { content: "\f882"; } .fa-fire-alt:before, .fa-fire-flame-curved:before { content: "\f7e4"; } .fa-tornado:before { content: "\f76f"; } .fa-file-circle-plus:before { content: "\e494"; } .fa-book-quran:before, .fa-quran:before { content: "\f687"; } .fa-anchor:before { content: "\f13d"; } .fa-border-all:before { content: "\f84c"; } .fa-angry:before, .fa-face-angry:before { content: "\f556"; } .fa-cookie-bite:before { content: "\f564"; } .fa-arrow-trend-down:before { content: "\e097"; } .fa-feed:before, .fa-rss:before { content: "\f09e"; } .fa-draw-polygon:before { content: "\f5ee"; } .fa-balance-scale:before, .fa-scale-balanced:before { content: "\f24e"; } .fa-gauge-simple-high:before, .fa-tachometer-fast:before, .fa-tachometer:before { content: "\f62a"; } .fa-shower:before { content: "\f2cc"; } .fa-desktop-alt:before, .fa-desktop:before { content: "\f390"; } .fa-m:before { content: "M"; } .fa-table-list:before, .fa-th-list:before { content: "\f00b"; } .fa-comment-sms:before, .fa-sms:before { content: "\f7cd"; } .fa-book:before { content: "\f02d"; } .fa-user-plus:before { content: "\f234"; } .fa-check:before { content: "\f00c"; } .fa-battery-4:before, .fa-battery-three-quarters:before { content: "\f241"; } .fa-house-circle-check:before { content: "\e509"; } .fa-angle-left:before { content: "\f104"; } .fa-diagram-successor:before { content: "\e47a"; } .fa-truck-arrow-right:before { content: "\e58b"; } .fa-arrows-split-up-and-left:before { content: "\e4bc"; } .fa-fist-raised:before, .fa-hand-fist:before { content: "\f6de"; } .fa-cloud-moon:before { content: "\f6c3"; } .fa-briefcase:before { content: "\f0b1"; } .fa-person-falling:before { content: "\e546"; } .fa-image-portrait:before, .fa-portrait:before { content: "\f3e0"; } .fa-user-tag:before { content: "\f507"; } .fa-rug:before { content: "\e569"; } .fa-earth-europe:before, .fa-globe-europe:before { content: "\f7a2"; } .fa-cart-flatbed-suitcase:before, .fa-luggage-cart:before { content: "\f59d"; } .fa-rectangle-times:before, .fa-rectangle-xmark:before, .fa-times-rectangle:before, .fa-window-close:before { content: "\f410"; } .fa-baht-sign:before { content: "\e0ac"; } .fa-book-open:before { content: "\f518"; } .fa-book-journal-whills:before, .fa-journal-whills:before { content: "\f66a"; } .fa-handcuffs:before { content: "\e4f8"; } .fa-exclamation-triangle:before, .fa-triangle-exclamation:before, .fa-warning:before { content: "\f071"; } .fa-database:before { content: "\f1c0"; } .fa-mail-forward:before, .fa-share:before { content: "\f064"; } .fa-bottle-droplet:before { content: "\e4c4"; } .fa-mask-face:before { content: "\e1d7"; } .fa-hill-rockslide:before { content: "\e508"; } .fa-exchange-alt:before, .fa-right-left:before { content: "\f362"; } .fa-paper-plane:before { content: "\f1d8"; } .fa-road-circle-exclamation:before { content: "\e565"; } .fa-dungeon:before { content: "\f6d9"; } .fa-align-right:before { content: "\f038"; } .fa-money-bill-1-wave:before, .fa-money-bill-wave-alt:before { content: "\f53b"; } .fa-life-ring:before { content: "\f1cd"; } .fa-hands:before, .fa-sign-language:before, .fa-signing:before { content: "\f2a7"; } .fa-calendar-day:before { content: "\f783"; } .fa-ladder-water:before, .fa-swimming-pool:before, .fa-water-ladder:before { content: "\f5c5"; } .fa-arrows-up-down:before, .fa-arrows-v:before { content: "\f07d"; } .fa-face-grimace:before, .fa-grimace:before { content: "\f57f"; } .fa-wheelchair-alt:before, .fa-wheelchair-move:before { content: "\e2ce"; } .fa-level-down-alt:before, .fa-turn-down:before { content: "\f3be"; } .fa-person-walking-arrow-right:before { content: "\e552"; } .fa-envelope-square:before, .fa-square-envelope:before { content: "\f199"; } .fa-dice:before { content: "\f522"; } .fa-bowling-ball:before { content: "\f436"; } .fa-brain:before { content: "\f5dc"; } .fa-band-aid:before, .fa-bandage:before { content: "\f462"; } .fa-calendar-minus:before { content: "\f272"; } .fa-circle-xmark:before, .fa-times-circle:before, .fa-xmark-circle:before { content: "\f057"; } .fa-gifts:before { content: "\f79c"; } .fa-hotel:before { content: "\f594"; } .fa-earth-asia:before, .fa-globe-asia:before { content: "\f57e"; } .fa-id-card-alt:before, .fa-id-card-clip:before { content: "\f47f"; } .fa-magnifying-glass-plus:before, .fa-search-plus:before { content: "\f00e"; } .fa-thumbs-up:before { content: "\f164"; } .fa-user-clock:before { content: "\f4fd"; } .fa-allergies:before, .fa-hand-dots:before { content: "\f461"; } .fa-file-invoice:before { content: "\f570"; } .fa-window-minimize:before { content: "\f2d1"; } .fa-coffee:before, .fa-mug-saucer:before { content: "\f0f4"; } .fa-brush:before { content: "\f55d"; } .fa-mask:before { content: "\f6fa"; } .fa-magnifying-glass-minus:before, .fa-search-minus:before { content: "\f010"; } .fa-ruler-vertical:before { content: "\f548"; } .fa-user-alt:before, .fa-user-large:before { content: "\f406"; } .fa-train-tram:before { content: "\e5b4"; } .fa-user-nurse:before { content: "\f82f"; } .fa-syringe:before { content: "\f48e"; } .fa-cloud-sun:before { content: "\f6c4"; } .fa-stopwatch-20:before { content: "\e06f"; } .fa-square-full:before { content: "\f45c"; } .fa-magnet:before { content: "\f076"; } .fa-jar:before { content: "\e516"; } .fa-note-sticky:before, .fa-sticky-note:before { content: "\f249"; } .fa-bug-slash:before { content: "\e490"; } .fa-arrow-up-from-water-pump:before { content: "\e4b6"; } .fa-bone:before { content: "\f5d7"; } .fa-user-injured:before { content: "\f728"; } .fa-face-sad-tear:before, .fa-sad-tear:before { content: "\f5b4"; } .fa-plane:before { content: "\f072"; } .fa-tent-arrows-down:before { content: "\e581"; } .fa-exclamation:before { content: "!"; } .fa-arrows-spin:before { content: "\e4bb"; } .fa-print:before { content: "\f02f"; } .fa-try:before, .fa-turkish-lira-sign:before, .fa-turkish-lira:before { content: "\e2bb"; } .fa-dollar-sign:before, .fa-dollar:before, .fa-usd:before { content: "$"; } .fa-x:before { content: "X"; } .fa-magnifying-glass-dollar:before, .fa-search-dollar:before { content: "\f688"; } .fa-users-cog:before, .fa-users-gear:before { content: "\f509"; } .fa-person-military-pointing:before { content: "\e54a"; } .fa-bank:before, .fa-building-columns:before, .fa-institution:before, .fa-museum:before, .fa-university:before { content: "\f19c"; } .fa-umbrella:before { content: "\f0e9"; } .fa-trowel:before { content: "\e589"; } .fa-d:before { content: "D"; } .fa-stapler:before { content: "\e5af"; } .fa-masks-theater:before, .fa-theater-masks:before { content: "\f630"; } .fa-kip-sign:before { content: "\e1c4"; } .fa-hand-point-left:before { content: "\f0a5"; } .fa-handshake-alt:before, .fa-handshake-simple:before { content: "\f4c6"; } .fa-fighter-jet:before, .fa-jet-fighter:before { content: "\f0fb"; } .fa-share-alt-square:before, .fa-square-share-nodes:before { content: "\f1e1"; } .fa-barcode:before { content: "\f02a"; } .fa-plus-minus:before { content: "\e43c"; } .fa-video-camera:before, .fa-video:before { content: "\f03d"; } .fa-graduation-cap:before, .fa-mortar-board:before { content: "\f19d"; } .fa-hand-holding-medical:before { content: "\e05c"; } .fa-person-circle-check:before { content: "\e53e"; } .fa-level-up-alt:before, .fa-turn-up:before { content: "\f3bf"; } .fa-sr-only, .fa-sr-only-focusable:not(:focus), .sr-only, .sr-only-focusable:not(:focus) { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; } :host, :root { --fa-style-family-brands:"Font Awesome 6 Brands"; --fa-font-brands:normal 400 1em/1 "Font Awesome 6 Brands"; } @font-face { font-family: "Font Awesome 6 Brands"; font-style: normal; font-weight: 400; font-display: block; src: url("./media/fa-brands-400.woff2") format("woff2"), url("./media/fa-brands-400.ttf") format("truetype"); } .fa-brands, .fab { font-weight: 400; } .fa-monero:before { content: "\f3d0"; } .fa-hooli:before { content: "\f427"; } .fa-yelp:before { content: "\f1e9"; } .fa-cc-visa:before { content: "\f1f0"; } .fa-lastfm:before { content: "\f202"; } .fa-shopware:before { content: "\f5b5"; } .fa-creative-commons-nc:before { content: "\f4e8"; } .fa-aws:before { content: "\f375"; } .fa-redhat:before { content: "\f7bc"; } .fa-yoast:before { content: "\f2b1"; } .fa-cloudflare:before { content: "\e07d"; } .fa-ups:before { content: "\f7e0"; } .fa-pixiv:before { content: "\e640"; } .fa-wpexplorer:before { content: "\f2de"; } .fa-dyalog:before { content: "\f399"; } .fa-bity:before { content: "\f37a"; } .fa-stackpath:before { content: "\f842"; } .fa-buysellads:before { content: "\f20d"; } .fa-first-order:before { content: "\f2b0"; } .fa-modx:before { content: "\f285"; } .fa-guilded:before { content: "\e07e"; } .fa-vnv:before { content: "\f40b"; } .fa-js-square:before, .fa-square-js:before { content: "\f3b9"; } .fa-microsoft:before { content: "\f3ca"; } .fa-qq:before { content: "\f1d6"; } .fa-orcid:before { content: "\f8d2"; } .fa-java:before { content: "\f4e4"; } .fa-invision:before { content: "\f7b0"; } .fa-creative-commons-pd-alt:before { content: "\f4ed"; } .fa-centercode:before { content: "\f380"; } .fa-glide-g:before { content: "\f2a6"; } .fa-drupal:before { content: "\f1a9"; } .fa-hire-a-helper:before { content: "\f3b0"; } .fa-creative-commons-by:before { content: "\f4e7"; } .fa-unity:before { content: "\e049"; } .fa-whmcs:before { content: "\f40d"; } .fa-rocketchat:before { content: "\f3e8"; } .fa-vk:before { content: "\f189"; } .fa-untappd:before { content: "\f405"; } .fa-mailchimp:before { content: "\f59e"; } .fa-css3-alt:before { content: "\f38b"; } .fa-reddit-square:before, .fa-square-reddit:before { content: "\f1a2"; } .fa-vimeo-v:before { content: "\f27d"; } .fa-contao:before { content: "\f26d"; } .fa-square-font-awesome:before { content: "\e5ad"; } .fa-deskpro:before { content: "\f38f"; } .fa-brave:before { content: "\e63c"; } .fa-sistrix:before { content: "\f3ee"; } .fa-instagram-square:before, .fa-square-instagram:before { content: "\e055"; } .fa-battle-net:before { content: "\f835"; } .fa-the-red-yeti:before { content: "\f69d"; } .fa-hacker-news-square:before, .fa-square-hacker-news:before { content: "\f3af"; } .fa-edge:before { content: "\f282"; } .fa-threads:before { content: "\e618"; } .fa-napster:before { content: "\f3d2"; } .fa-snapchat-square:before, .fa-square-snapchat:before { content: "\f2ad"; } .fa-google-plus-g:before { content: "\f0d5"; } .fa-artstation:before { content: "\f77a"; } .fa-markdown:before { content: "\f60f"; } .fa-sourcetree:before { content: "\f7d3"; } .fa-google-plus:before { content: "\f2b3"; } .fa-diaspora:before { content: "\f791"; } .fa-foursquare:before { content: "\f180"; } .fa-stack-overflow:before { content: "\f16c"; } .fa-github-alt:before { content: "\f113"; } .fa-phoenix-squadron:before { content: "\f511"; } .fa-pagelines:before { content: "\f18c"; } .fa-algolia:before { content: "\f36c"; } .fa-red-river:before { content: "\f3e3"; } .fa-creative-commons-sa:before { content: "\f4ef"; } .fa-safari:before { content: "\f267"; } .fa-google:before { content: "\f1a0"; } .fa-font-awesome-alt:before, .fa-square-font-awesome-stroke:before { content: "\f35c"; } .fa-atlassian:before { content: "\f77b"; } .fa-linkedin-in:before { content: "\f0e1"; } .fa-digital-ocean:before { content: "\f391"; } .fa-nimblr:before { content: "\f5a8"; } .fa-chromecast:before { content: "\f838"; } .fa-evernote:before { content: "\f839"; } .fa-hacker-news:before { content: "\f1d4"; } .fa-creative-commons-sampling:before { content: "\f4f0"; } .fa-adversal:before { content: "\f36a"; } .fa-creative-commons:before { content: "\f25e"; } .fa-watchman-monitoring:before { content: "\e087"; } .fa-fonticons:before { content: "\f280"; } .fa-weixin:before { content: "\f1d7"; } .fa-shirtsinbulk:before { content: "\f214"; } .fa-codepen:before { content: "\f1cb"; } .fa-git-alt:before { content: "\f841"; } .fa-lyft:before { content: "\f3c3"; } .fa-rev:before { content: "\f5b2"; } .fa-windows:before { content: "\f17a"; } .fa-wizards-of-the-coast:before { content: "\f730"; } .fa-square-viadeo:before, .fa-viadeo-square:before { content: "\f2aa"; } .fa-meetup:before { content: "\f2e0"; } .fa-centos:before { content: "\f789"; } .fa-adn:before { content: "\f170"; } .fa-cloudsmith:before { content: "\f384"; } .fa-opensuse:before { content: "\e62b"; } .fa-pied-piper-alt:before { content: "\f1a8"; } .fa-dribbble-square:before, .fa-square-dribbble:before { content: "\f397"; } .fa-codiepie:before { content: "\f284"; } .fa-node:before { content: "\f419"; } .fa-mix:before { content: "\f3cb"; } .fa-steam:before { content: "\f1b6"; } .fa-cc-apple-pay:before { content: "\f416"; } .fa-scribd:before { content: "\f28a"; } .fa-debian:before { content: "\e60b"; } .fa-openid:before { content: "\f19b"; } .fa-instalod:before { content: "\e081"; } .fa-expeditedssl:before { content: "\f23e"; } .fa-sellcast:before { content: "\f2da"; } .fa-square-twitter:before, .fa-twitter-square:before { content: "\f081"; } .fa-r-project:before { content: "\f4f7"; } .fa-delicious:before { content: "\f1a5"; } .fa-freebsd:before { content: "\f3a4"; } .fa-vuejs:before { content: "\f41f"; } .fa-accusoft:before { content: "\f369"; } .fa-ioxhost:before { content: "\f208"; } .fa-fonticons-fi:before { content: "\f3a2"; } .fa-app-store:before { content: "\f36f"; } .fa-cc-mastercard:before { content: "\f1f1"; } .fa-itunes-note:before { content: "\f3b5"; } .fa-golang:before { content: "\e40f"; } .fa-kickstarter:before { content: "\f3bb"; } .fa-grav:before { content: "\f2d6"; } .fa-weibo:before { content: "\f18a"; } .fa-uncharted:before { content: "\e084"; } .fa-firstdraft:before { content: "\f3a1"; } .fa-square-youtube:before, .fa-youtube-square:before { content: "\f431"; } .fa-wikipedia-w:before { content: "\f266"; } .fa-rendact:before, .fa-wpressr:before { content: "\f3e4"; } .fa-angellist:before { content: "\f209"; } .fa-galactic-republic:before { content: "\f50c"; } .fa-nfc-directional:before { content: "\e530"; } .fa-skype:before { content: "\f17e"; } .fa-joget:before { content: "\f3b7"; } .fa-fedora:before { content: "\f798"; } .fa-stripe-s:before { content: "\f42a"; } .fa-meta:before { content: "\e49b"; } .fa-laravel:before { content: "\f3bd"; } .fa-hotjar:before { content: "\f3b1"; } .fa-bluetooth-b:before { content: "\f294"; } .fa-square-letterboxd:before { content: "\e62e"; } .fa-sticker-mule:before { content: "\f3f7"; } .fa-creative-commons-zero:before { content: "\f4f3"; } .fa-hips:before { content: "\f452"; } .fa-behance:before { content: "\f1b4"; } .fa-reddit:before { content: "\f1a1"; } .fa-discord:before { content: "\f392"; } .fa-chrome:before { content: "\f268"; } .fa-app-store-ios:before { content: "\f370"; } .fa-cc-discover:before { content: "\f1f2"; } .fa-wpbeginner:before { content: "\f297"; } .fa-confluence:before { content: "\f78d"; } .fa-shoelace:before { content: "\e60c"; } .fa-mdb:before { content: "\f8ca"; } .fa-dochub:before { content: "\f394"; } .fa-accessible-icon:before { content: "\f368"; } .fa-ebay:before { content: "\f4f4"; } .fa-amazon:before { content: "\f270"; } .fa-unsplash:before { content: "\e07c"; } .fa-yarn:before { content: "\f7e3"; } .fa-square-steam:before, .fa-steam-square:before { content: "\f1b7"; } .fa-500px:before { content: "\f26e"; } .fa-square-vimeo:before, .fa-vimeo-square:before { content: "\f194"; } .fa-asymmetrik:before { content: "\f372"; } .fa-font-awesome-flag:before, .fa-font-awesome-logo-full:before, .fa-font-awesome:before { content: "\f2b4"; } .fa-gratipay:before { content: "\f184"; } .fa-apple:before { content: "\f179"; } .fa-hive:before { content: "\e07f"; } .fa-gitkraken:before { content: "\f3a6"; } .fa-keybase:before { content: "\f4f5"; } .fa-apple-pay:before { content: "\f415"; } .fa-padlet:before { content: "\e4a0"; } .fa-amazon-pay:before { content: "\f42c"; } .fa-github-square:before, .fa-square-github:before { content: "\f092"; } .fa-stumbleupon:before { content: "\f1a4"; } .fa-fedex:before { content: "\f797"; } .fa-phoenix-framework:before { content: "\f3dc"; } .fa-shopify:before { content: "\e057"; } .fa-neos:before { content: "\f612"; } .fa-square-threads:before { content: "\e619"; } .fa-hackerrank:before { content: "\f5f7"; } .fa-researchgate:before { content: "\f4f8"; } .fa-swift:before { content: "\f8e1"; } .fa-angular:before { content: "\f420"; } .fa-speakap:before { content: "\f3f3"; } .fa-angrycreative:before { content: "\f36e"; } .fa-y-combinator:before { content: "\f23b"; } .fa-empire:before { content: "\f1d1"; } .fa-envira:before { content: "\f299"; } .fa-google-scholar:before { content: "\e63b"; } .fa-gitlab-square:before, .fa-square-gitlab:before { content: "\e5ae"; } .fa-studiovinari:before { content: "\f3f8"; } .fa-pied-piper:before { content: "\f2ae"; } .fa-wordpress:before { content: "\f19a"; } .fa-product-hunt:before { content: "\f288"; } .fa-firefox:before { content: "\f269"; } .fa-linode:before { content: "\f2b8"; } .fa-goodreads:before { content: "\f3a8"; } .fa-odnoklassniki-square:before, .fa-square-odnoklassniki:before { content: "\f264"; } .fa-jsfiddle:before { content: "\f1cc"; } .fa-sith:before { content: "\f512"; } .fa-themeisle:before { content: "\f2b2"; } .fa-page4:before { content: "\f3d7"; } .fa-hashnode:before { content: "\e499"; } .fa-react:before { content: "\f41b"; } .fa-cc-paypal:before { content: "\f1f4"; } .fa-squarespace:before { content: "\f5be"; } .fa-cc-stripe:before { content: "\f1f5"; } .fa-creative-commons-share:before { content: "\f4f2"; } .fa-bitcoin:before { content: "\f379"; } .fa-keycdn:before { content: "\f3ba"; } .fa-opera:before { content: "\f26a"; } .fa-itch-io:before { content: "\f83a"; } .fa-umbraco:before { content: "\f8e8"; } .fa-galactic-senate:before { content: "\f50d"; } .fa-ubuntu:before { content: "\f7df"; } .fa-draft2digital:before { content: "\f396"; } .fa-stripe:before { content: "\f429"; } .fa-houzz:before { content: "\f27c"; } .fa-gg:before { content: "\f260"; } .fa-dhl:before { content: "\f790"; } .fa-pinterest-square:before, .fa-square-pinterest:before { content: "\f0d3"; } .fa-xing:before { content: "\f168"; } .fa-blackberry:before { content: "\f37b"; } .fa-creative-commons-pd:before { content: "\f4ec"; } .fa-playstation:before { content: "\f3df"; } .fa-quinscape:before { content: "\f459"; } .fa-less:before { content: "\f41d"; } .fa-blogger-b:before { content: "\f37d"; } .fa-opencart:before { content: "\f23d"; } .fa-vine:before { content: "\f1ca"; } .fa-signal-messenger:before { content: "\e663"; } .fa-paypal:before { content: "\f1ed"; } .fa-gitlab:before { content: "\f296"; } .fa-typo3:before { content: "\f42b"; } .fa-reddit-alien:before { content: "\f281"; } .fa-yahoo:before { content: "\f19e"; } .fa-dailymotion:before { content: "\e052"; } .fa-affiliatetheme:before { content: "\f36b"; } .fa-pied-piper-pp:before { content: "\f1a7"; } .fa-bootstrap:before { content: "\f836"; } .fa-odnoklassniki:before { content: "\f263"; } .fa-nfc-symbol:before { content: "\e531"; } .fa-mintbit:before { content: "\e62f"; } .fa-ethereum:before { content: "\f42e"; } .fa-speaker-deck:before { content: "\f83c"; } .fa-creative-commons-nc-eu:before { content: "\f4e9"; } .fa-patreon:before { content: "\f3d9"; } .fa-avianex:before { content: "\f374"; } .fa-ello:before { content: "\f5f1"; } .fa-gofore:before { content: "\f3a7"; } .fa-bimobject:before { content: "\f378"; } .fa-brave-reverse:before { content: "\e63d"; } .fa-facebook-f:before { content: "\f39e"; } .fa-google-plus-square:before, .fa-square-google-plus:before { content: "\f0d4"; } .fa-mandalorian:before { content: "\f50f"; } .fa-first-order-alt:before { content: "\f50a"; } .fa-osi:before { content: "\f41a"; } .fa-google-wallet:before { content: "\f1ee"; } .fa-d-and-d-beyond:before { content: "\f6ca"; } .fa-periscope:before { content: "\f3da"; } .fa-fulcrum:before { content: "\f50b"; } .fa-cloudscale:before { content: "\f383"; } .fa-forumbee:before { content: "\f211"; } .fa-mizuni:before { content: "\f3cc"; } .fa-schlix:before { content: "\f3ea"; } .fa-square-xing:before, .fa-xing-square:before { content: "\f169"; } .fa-bandcamp:before { content: "\f2d5"; } .fa-wpforms:before { content: "\f298"; } .fa-cloudversify:before { content: "\f385"; } .fa-usps:before { content: "\f7e1"; } .fa-megaport:before { content: "\f5a3"; } .fa-magento:before { content: "\f3c4"; } .fa-spotify:before { content: "\f1bc"; } .fa-optin-monster:before { content: "\f23c"; } .fa-fly:before { content: "\f417"; } .fa-aviato:before { content: "\f421"; } .fa-itunes:before { content: "\f3b4"; } .fa-cuttlefish:before { content: "\f38c"; } .fa-blogger:before { content: "\f37c"; } .fa-flickr:before { content: "\f16e"; } .fa-viber:before { content: "\f409"; } .fa-soundcloud:before { content: "\f1be"; } .fa-digg:before { content: "\f1a6"; } .fa-tencent-weibo:before { content: "\f1d5"; } .fa-letterboxd:before { content: "\e62d"; } .fa-symfony:before { content: "\f83d"; } .fa-maxcdn:before { content: "\f136"; } .fa-etsy:before { content: "\f2d7"; } .fa-facebook-messenger:before { content: "\f39f"; } .fa-audible:before { content: "\f373"; } .fa-think-peaks:before { content: "\f731"; } .fa-bilibili:before { content: "\e3d9"; } .fa-erlang:before { content: "\f39d"; } .fa-x-twitter:before { content: "\e61b"; } .fa-cotton-bureau:before { content: "\f89e"; } .fa-dashcube:before { content: "\f210"; } .fa-42-group:before, .fa-innosoft:before { content: "\e080"; } .fa-stack-exchange:before { content: "\f18d"; } .fa-elementor:before { content: "\f430"; } .fa-pied-piper-square:before, .fa-square-pied-piper:before { content: "\e01e"; } .fa-creative-commons-nd:before { content: "\f4eb"; } .fa-palfed:before { content: "\f3d8"; } .fa-superpowers:before { content: "\f2dd"; } .fa-resolving:before { content: "\f3e7"; } .fa-xbox:before { content: "\f412"; } .fa-searchengin:before { content: "\f3eb"; } .fa-tiktok:before { content: "\e07b"; } .fa-facebook-square:before, .fa-square-facebook:before { content: "\f082"; } .fa-renren:before { content: "\f18b"; } .fa-linux:before { content: "\f17c"; } .fa-glide:before { content: "\f2a5"; } .fa-linkedin:before { content: "\f08c"; } .fa-hubspot:before { content: "\f3b2"; } .fa-deploydog:before { content: "\f38e"; } .fa-twitch:before { content: "\f1e8"; } .fa-ravelry:before { content: "\f2d9"; } .fa-mixer:before { content: "\e056"; } .fa-lastfm-square:before, .fa-square-lastfm:before { content: "\f203"; } .fa-vimeo:before { content: "\f40a"; } .fa-mendeley:before { content: "\f7b3"; } .fa-uniregistry:before { content: "\f404"; } .fa-figma:before { content: "\f799"; } .fa-creative-commons-remix:before { content: "\f4ee"; } .fa-cc-amazon-pay:before { content: "\f42d"; } .fa-dropbox:before { content: "\f16b"; } .fa-instagram:before { content: "\f16d"; } .fa-cmplid:before { content: "\e360"; } .fa-upwork:before { content: "\e641"; } .fa-facebook:before { content: "\f09a"; } .fa-gripfire:before { content: "\f3ac"; } .fa-jedi-order:before { content: "\f50e"; } .fa-uikit:before { content: "\f403"; } .fa-fort-awesome-alt:before { content: "\f3a3"; } .fa-phabricator:before { content: "\f3db"; } .fa-ussunnah:before { content: "\f407"; } .fa-earlybirds:before { content: "\f39a"; } .fa-trade-federation:before { content: "\f513"; } .fa-autoprefixer:before { content: "\f41c"; } .fa-whatsapp:before { content: "\f232"; } .fa-slideshare:before { content: "\f1e7"; } .fa-google-play:before { content: "\f3ab"; } .fa-viadeo:before { content: "\f2a9"; } .fa-line:before { content: "\f3c0"; } .fa-google-drive:before { content: "\f3aa"; } .fa-servicestack:before { content: "\f3ec"; } .fa-simplybuilt:before { content: "\f215"; } .fa-bitbucket:before { content: "\f171"; } .fa-imdb:before { content: "\f2d8"; } .fa-deezer:before { content: "\e077"; } .fa-raspberry-pi:before { content: "\f7bb"; } .fa-jira:before { content: "\f7b1"; } .fa-docker:before { content: "\f395"; } .fa-screenpal:before { content: "\e570"; } .fa-bluetooth:before { content: "\f293"; } .fa-gitter:before { content: "\f426"; } .fa-d-and-d:before { content: "\f38d"; } .fa-microblog:before { content: "\e01a"; } .fa-cc-diners-club:before { content: "\f24c"; } .fa-gg-circle:before { content: "\f261"; } .fa-pied-piper-hat:before { content: "\f4e5"; } .fa-kickstarter-k:before { content: "\f3bc"; } .fa-yandex:before { content: "\f413"; } .fa-readme:before { content: "\f4d5"; } .fa-html5:before { content: "\f13b"; } .fa-sellsy:before { content: "\f213"; } .fa-sass:before { content: "\f41e"; } .fa-wirsindhandwerk:before, .fa-wsh:before { content: "\e2d0"; } .fa-buromobelexperte:before { content: "\f37f"; } .fa-salesforce:before { content: "\f83b"; } .fa-octopus-deploy:before { content: "\e082"; } .fa-medapps:before { content: "\f3c6"; } .fa-ns8:before { content: "\f3d5"; } .fa-pinterest-p:before { content: "\f231"; } .fa-apper:before { content: "\f371"; } .fa-fort-awesome:before { content: "\f286"; } .fa-waze:before { content: "\f83f"; } .fa-cc-jcb:before { content: "\f24b"; } .fa-snapchat-ghost:before, .fa-snapchat:before { content: "\f2ab"; } .fa-fantasy-flight-games:before { content: "\f6dc"; } .fa-rust:before { content: "\e07a"; } .fa-wix:before { content: "\f5cf"; } .fa-behance-square:before, .fa-square-behance:before { content: "\f1b5"; } .fa-supple:before { content: "\f3f9"; } .fa-webflow:before { content: "\e65c"; } .fa-rebel:before { content: "\f1d0"; } .fa-css3:before { content: "\f13c"; } .fa-staylinked:before { content: "\f3f5"; } .fa-kaggle:before { content: "\f5fa"; } .fa-space-awesome:before { content: "\e5ac"; } .fa-deviantart:before { content: "\f1bd"; } .fa-cpanel:before { content: "\f388"; } .fa-goodreads-g:before { content: "\f3a9"; } .fa-git-square:before, .fa-square-git:before { content: "\f1d2"; } .fa-square-tumblr:before, .fa-tumblr-square:before { content: "\f174"; } .fa-trello:before { content: "\f181"; } .fa-creative-commons-nc-jp:before { content: "\f4ea"; } .fa-get-pocket:before { content: "\f265"; } .fa-perbyte:before { content: "\e083"; } .fa-grunt:before { content: "\f3ad"; } .fa-weebly:before { content: "\f5cc"; } .fa-connectdevelop:before { content: "\f20e"; } .fa-leanpub:before { content: "\f212"; } .fa-black-tie:before { content: "\f27e"; } .fa-themeco:before { content: "\f5c6"; } .fa-python:before { content: "\f3e2"; } .fa-android:before { content: "\f17b"; } .fa-bots:before { content: "\e340"; } .fa-free-code-camp:before { content: "\f2c5"; } .fa-hornbill:before { content: "\f592"; } .fa-js:before { content: "\f3b8"; } .fa-ideal:before { content: "\e013"; } .fa-git:before { content: "\f1d3"; } .fa-dev:before { content: "\f6cc"; } .fa-sketch:before { content: "\f7c6"; } .fa-yandex-international:before { content: "\f414"; } .fa-cc-amex:before { content: "\f1f3"; } .fa-uber:before { content: "\f402"; } .fa-github:before { content: "\f09b"; } .fa-php:before { content: "\f457"; } .fa-alipay:before { content: "\f642"; } .fa-youtube:before { content: "\f167"; } .fa-skyatlas:before { content: "\f216"; } .fa-firefox-browser:before { content: "\e007"; } .fa-replyd:before { content: "\f3e6"; } .fa-suse:before { content: "\f7d6"; } .fa-jenkins:before { content: "\f3b6"; } .fa-twitter:before { content: "\f099"; } .fa-rockrms:before { content: "\f3e9"; } .fa-pinterest:before { content: "\f0d2"; } .fa-buffer:before { content: "\f837"; } .fa-npm:before { content: "\f3d4"; } .fa-yammer:before { content: "\f840"; } .fa-btc:before { content: "\f15a"; } .fa-dribbble:before { content: "\f17d"; } .fa-stumbleupon-circle:before { content: "\f1a3"; } .fa-internet-explorer:before { content: "\f26b"; } .fa-stubber:before { content: "\e5c7"; } .fa-telegram-plane:before, .fa-telegram:before { content: "\f2c6"; } .fa-old-republic:before { content: "\f510"; } .fa-odysee:before { content: "\e5c6"; } .fa-square-whatsapp:before, .fa-whatsapp-square:before { content: "\f40c"; } .fa-node-js:before { content: "\f3d3"; } .fa-edge-legacy:before { content: "\e078"; } .fa-slack-hash:before, .fa-slack:before { content: "\f198"; } .fa-medrt:before { content: "\f3c8"; } .fa-usb:before { content: "\f287"; } .fa-tumblr:before { content: "\f173"; } .fa-vaadin:before { content: "\f408"; } .fa-quora:before { content: "\f2c4"; } .fa-square-x-twitter:before { content: "\e61a"; } .fa-reacteurope:before { content: "\f75d"; } .fa-medium-m:before, .fa-medium:before { content: "\f23a"; } .fa-amilia:before { content: "\f36d"; } .fa-mixcloud:before { content: "\f289"; } .fa-flipboard:before { content: "\f44d"; } .fa-viacoin:before { content: "\f237"; } .fa-critical-role:before { content: "\f6c9"; } .fa-sitrox:before { content: "\e44a"; } .fa-discourse:before { content: "\f393"; } .fa-joomla:before { content: "\f1aa"; } .fa-mastodon:before { content: "\f4f6"; } .fa-airbnb:before { content: "\f834"; } .fa-wolf-pack-battalion:before { content: "\f514"; } .fa-buy-n-large:before { content: "\f8a6"; } .fa-gulp:before { content: "\f3ae"; } .fa-creative-commons-sampling-plus:before { content: "\f4f1"; } .fa-strava:before { content: "\f428"; } .fa-ember:before { content: "\f423"; } .fa-canadian-maple-leaf:before { content: "\f785"; } .fa-teamspeak:before { content: "\f4f9"; } .fa-pushed:before { content: "\f3e1"; } .fa-wordpress-simple:before { content: "\f411"; } .fa-nutritionix:before { content: "\f3d6"; } .fa-wodu:before { content: "\e088"; } .fa-google-pay:before { content: "\e079"; } .fa-intercom:before { content: "\f7af"; } .fa-zhihu:before { content: "\f63f"; } .fa-korvue:before { content: "\f42f"; } .fa-pix:before { content: "\e43a"; } .fa-steam-symbol:before { content: "\f3f6"; } :host, :root { --fa-font-regular:normal 400 1em/1 "Font Awesome 6 Free"; } @font-face { font-family: "Font Awesome 6 Free"; font-style: normal; font-weight: 400; font-display: block; src: url("./media/fa-regular-400.woff2") format("woff2"), url("./media/fa-regular-400.ttf") format("truetype"); } .fa-regular, .far { font-weight: 400; } :host, :root { --fa-style-family-classic:"Font Awesome 6 Free"; --fa-font-solid:normal 900 1em/1 "Font Awesome 6 Free"; } @font-face { font-family: "Font Awesome 6 Free"; font-style: normal; font-weight: 900; font-display: block; src: url("./media/fa-solid-900.woff2") format("woff2"), url("./media/fa-solid-900.ttf") format("truetype"); } .fa-solid, .fas { font-weight: 900; } @font-face { font-family: "Font Awesome 5 Brands"; font-display: block; font-weight: 400; src: url("./media/fa-brands-400.woff2") format("woff2"), url("./media/fa-brands-400.ttf") format("truetype"); } @font-face { font-family: "Font Awesome 5 Free"; font-display: block; font-weight: 900; src: url("./media/fa-solid-900.woff2") format("woff2"), url("./media/fa-solid-900.ttf") format("truetype"); } @font-face { font-family: "Font Awesome 5 Free"; font-display: block; font-weight: 400; src: url("./media/fa-regular-400.woff2") format("woff2"), url("./media/fa-regular-400.ttf") format("truetype"); } @font-face { font-family: "FontAwesome"; font-display: block; src: url("./media/fa-solid-900.woff2") format("woff2"), url("./media/fa-solid-900.ttf") format("truetype"); } @font-face { font-family: "FontAwesome"; font-display: block; src: url("./media/fa-brands-400.woff2") format("woff2"), url("./media/fa-brands-400.ttf") format("truetype"); } @font-face { font-family: "FontAwesome"; font-display: block; src: url("./media/fa-regular-400.woff2") format("woff2"), url("./media/fa-regular-400.ttf") format("truetype"); unicode-range: u+f003, u+f006, u+f014, u+f016-f017, u+f01a-f01b, u+f01d, u+f022, u+f03e, u+f044, u+f046, u+f05c-f05d, u+f06e, u+f070, u+f087-f088, u+f08a, u+f094, u+f096-f097, u+f09d, u+f0a0, u+f0a2, u+f0a4-f0a7, u+f0c5, u+f0c7, u+f0e5-f0e6, u+f0eb, u+f0f6-f0f8, u+f10c, u+f114-f115, u+f118-f11a, u+f11c-f11d, u+f133, u+f147, u+f14e, u+f150-f152, u+f185-f186, u+f18e, u+f190-f192, u+f196, u+f1c1-f1c9, u+f1d9, u+f1db, u+f1e3, u+f1ea, u+f1f7, u+f1f9, u+f20a, u+f247-f248, u+f24a, u+f24d, u+f255-f25b, u+f25d, u+f271-f274, u+f278, u+f27b, u+f28c, u+f28e, u+f29c, u+f2b5, u+f2b7, u+f2ba, u+f2bc, u+f2be, u+f2c0-f2c1, u+f2c3, u+f2d0, u+f2d2, u+f2d4, u+f2dc; } @font-face { font-family: "FontAwesome"; font-display: block; src: url("./media/fa-v4compatibility.woff2") format("woff2"), url("./media/fa-v4compatibility.ttf") format("truetype"); unicode-range: u+f041, u+f047, u+f065-f066, u+f07d-f07e, u+f080, u+f08b, u+f08e, u+f090, u+f09a, u+f0ac, u+f0ae, u+f0b2, u+f0d0, u+f0d6, u+f0e4, u+f0ec, u+f10a-f10b, u+f123, u+f13e, u+f148-f149, u+f14c, u+f156, u+f15e, u+f160-f161, u+f163, u+f175-f178, u+f195, u+f1f8, u+f219, u+f27a; } /* node_modules/open-props/open-props.min.css */ :where(html) { --font-sans:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif; --font-serif:ui-serif,serif; --font-mono:Dank Mono,Operator Mono,Inconsolata,Fira Mono,ui-monospace,SF Mono,Monaco,Droid Sans Mono,Source Code Pro,monospace; --font-weight-1:100; --font-weight-2:200; --font-weight-3:300; --font-weight-4:400; --font-weight-5:500; --font-weight-6:600; --font-weight-7:700; --font-weight-8:800; --font-weight-9:900; --font-lineheight-00:.95; --font-lineheight-0:1.1; --font-lineheight-1:1.25; --font-lineheight-2:1.375; --font-lineheight-3:1.5; --font-lineheight-4:1.75; --font-lineheight-5:2; --font-letterspacing-0:-.05em; --font-letterspacing-1:.025em; --font-letterspacing-2:.050em; --font-letterspacing-3:.075em; --font-letterspacing-4:.150em; --font-letterspacing-5:.500em; --font-letterspacing-6:.750em; --font-letterspacing-7:1em; --font-size-00:.5rem; --font-size-0:.75rem; --font-size-1:1rem; --font-size-2:1.1rem; --font-size-3:1.25rem; --font-size-4:1.5rem; --font-size-5:2rem; --font-size-6:2.5rem; --font-size-7:3rem; --font-size-8:3.5rem; --font-size-fluid-0:clamp(.75rem,2vw,1rem); --font-size-fluid-1:clamp(1rem,4vw,1.5rem); --font-size-fluid-2:clamp(1.5rem,6vw,2.5rem); --font-size-fluid-3:clamp(2rem,9vw,3.5rem); --size-000:-.5rem; --size-00:-.25rem; --size-1:.25rem; --size-2:.5rem; --size-3:1rem; --size-4:1.25rem; --size-5:1.5rem; --size-6:1.75rem; --size-7:2rem; --size-8:3rem; --size-9:4rem; --size-10:5rem; --size-11:7.5rem; --size-12:10rem; --size-13:15rem; --size-14:20rem; --size-15:30rem; --size-fluid-1:clamp(.5rem,1vw,1rem); --size-fluid-2:clamp(1rem,2vw,1.5rem); --size-fluid-3:clamp(1.5rem,3vw,2rem); --size-fluid-4:clamp(2rem,4vw,3rem); --size-fluid-5:clamp(4rem,5vw,5rem); --size-fluid-6:clamp(5rem,7vw,7.5rem); --size-fluid-7:clamp(7.5rem,10vw,10rem); --size-fluid-8:clamp(10rem,20vw,15rem); --size-fluid-9:clamp(15rem,30vw,20rem); --size-fluid-10:clamp(20rem,40vw,30rem); --size-content-1:20ch; --size-content-2:45ch; --size-content-3:60ch; --size-header-1:20ch; --size-header-2:25ch; --size-header-3:35ch; --size-xxs:240px; --size-xs:360px; --size-sm:480px; --size-md:768px; --size-lg:1024px; --size-xl:1440px; --size-xxl:1920px; --size-relative-000:-.5ch; --size-relative-00:-.25ch; --size-relative-1:.25ch; --size-relative-2:.5ch; --size-relative-3:1ch; --size-relative-4:1.25ch; --size-relative-5:1.5ch; --size-relative-6:1.75ch; --size-relative-7:2ch; --size-relative-8:3ch; --size-relative-9:4ch; --size-relative-10:5ch; --size-relative-11:7.5ch; --size-relative-12:10ch; --size-relative-13:15ch; --size-relative-14:20ch; --size-relative-15:30ch; --ease-1:cubic-bezier(.25,0,.5,1); --ease-2:cubic-bezier(.25,0,.4,1); --ease-3:cubic-bezier(.25,0,.3,1); --ease-4:cubic-bezier(.25,0,.2,1); --ease-5:cubic-bezier(.25,0,.1,1); --ease-in-1:cubic-bezier(.25,0,1,1); --ease-in-2:cubic-bezier(.50,0,1,1); --ease-in-3:cubic-bezier(.70,0,1,1); --ease-in-4:cubic-bezier(.90,0,1,1); --ease-in-5:cubic-bezier(1,0,1,1); --ease-out-1:cubic-bezier(0,0,.75,1); --ease-out-2:cubic-bezier(0,0,.50,1); --ease-out-3:cubic-bezier(0,0,.3,1); --ease-out-4:cubic-bezier(0,0,.1,1); --ease-out-5:cubic-bezier(0,0,0,1); --ease-in-out-1:cubic-bezier(.1,0,.9,1); --ease-in-out-2:cubic-bezier(.3,0,.7,1); --ease-in-out-3:cubic-bezier(.5,0,.5,1); --ease-in-out-4:cubic-bezier(.7,0,.3,1); --ease-in-out-5:cubic-bezier(.9,0,.1,1); --ease-elastic-out-1:cubic-bezier(.5,.75,.75,1.25); --ease-elastic-out-2:cubic-bezier(.5,1,.75,1.25); --ease-elastic-out-3:cubic-bezier(.5,1.25,.75,1.25); --ease-elastic-out-4:cubic-bezier(.5,1.5,.75,1.25); --ease-elastic-out-5:cubic-bezier(.5,1.75,.75,1.25); --ease-elastic-in-1:cubic-bezier(.5,-0.25,.75,1); --ease-elastic-in-2:cubic-bezier(.5,-0.50,.75,1); --ease-elastic-in-3:cubic-bezier(.5,-0.75,.75,1); --ease-elastic-in-4:cubic-bezier(.5,-1.00,.75,1); --ease-elastic-in-5:cubic-bezier(.5,-1.25,.75,1); --ease-elastic-in-out-1:cubic-bezier(.5,-.1,.1,1.5); --ease-elastic-in-out-2:cubic-bezier(.5,-.3,.1,1.5); --ease-elastic-in-out-3:cubic-bezier(.5,-.5,.1,1.5); --ease-elastic-in-out-4:cubic-bezier(.5,-.7,.1,1.5); --ease-elastic-in-out-5:cubic-bezier(.5,-.9,.1,1.5); --ease-step-1:steps(2); --ease-step-2:steps(3); --ease-step-3:steps(4); --ease-step-4:steps(7); --ease-step-5:steps(10); --ease-elastic-1:var(--ease-elastic-out-1); --ease-elastic-2:var(--ease-elastic-out-2); --ease-elastic-3:var(--ease-elastic-out-3); --ease-elastic-4:var(--ease-elastic-out-4); --ease-elastic-5:var(--ease-elastic-out-5); --ease-squish-1:var(--ease-elastic-in-out-1); --ease-squish-2:var(--ease-elastic-in-out-2); --ease-squish-3:var(--ease-elastic-in-out-3); --ease-squish-4:var(--ease-elastic-in-out-4); --ease-squish-5:var(--ease-elastic-in-out-5); --ease-spring-1:linear(0,0.006,0.025 2.8%,0.101 6.1%,0.539 18.9%,0.721 25.3%,0.849 31.5%,0.937 38.1%,0.968 41.8%,0.991 45.7%,1.006 50.1%,1.015 55%,1.017 63.9%,1.001); --ease-spring-2:linear(0,0.007,0.029 2.2%,0.118 4.7%,0.625 14.4%,0.826 19%,0.902,0.962,1.008 26.1%,1.041 28.7%,1.064 32.1%,1.07 36%,1.061 40.5%,1.015 53.4%,0.999 61.6%,0.995 71.2%,1); --ease-spring-3:linear(0,0.009,0.035 2.1%,0.141 4.4%,0.723 12.9%,0.938 16.7%,1.017,1.077,1.121,1.149 24.3%,1.159,1.163,1.161,1.154 29.9%,1.129 32.8%,1.051 39.6%,1.017 43.1%,0.991,0.977 51%,0.974 53.8%,0.975 57.1%,0.997 69.8%,1.003 76.9%,1); --ease-spring-4:linear(0,0.009,0.037 1.7%,0.153 3.6%,0.776 10.3%,1.001,1.142 16%,1.185,1.209 19%,1.215 19.9% 20.8%,1.199,1.165 25%,1.056 30.3%,1.008 33%,0.973,0.955 39.2%,0.953 41.1%,0.957 43.3%,0.998 53.3%,1.009 59.1% 63.7%,0.998 78.9%,1); --ease-spring-5:linear(0,0.01,0.04 1.6%,0.161 3.3%,0.816 9.4%,1.046,1.189 14.4%,1.231,1.254 17%,1.259,1.257 18.6%,1.236,1.194 22.3%,1.057 27%,0.999 29.4%,0.955 32.1%,0.942,0.935 34.9%,0.933,0.939 38.4%,1 47.3%,1.011,1.017 52.6%,1.016 56.4%,1 65.2%,0.996 70.2%,1.001 87.2%,1); --ease-bounce-1:linear(0,0.004,0.016,0.035,0.063,0.098,0.141,0.191,0.25,0.316,0.391 36.8%,0.563,0.766,1 58.8%,0.946,0.908 69.1%,0.895,0.885,0.879,0.878,0.879,0.885,0.895,0.908 89.7%,0.946,1); --ease-bounce-2:linear(0,0.004,0.016,0.035,0.063,0.098,0.141 15.1%,0.25,0.391,0.562,0.765,1,0.892 45.2%,0.849,0.815,0.788,0.769,0.757,0.753,0.757,0.769,0.788,0.815,0.85,0.892 75.2%,1 80.2%,0.973,0.954,0.943,0.939,0.943,0.954,0.973,1); --ease-bounce-3:linear(0,0.004,0.016,0.035,0.062,0.098,0.141 11.4%,0.25,0.39,0.562,0.764,1 30.3%,0.847 34.8%,0.787,0.737,0.699,0.672,0.655,0.65,0.656,0.672,0.699,0.738,0.787,0.847 61.7%,1 66.2%,0.946,0.908,0.885 74.2%,0.879,0.878,0.879,0.885 79.5%,0.908,0.946,1 87.4%,0.981,0.968,0.96,0.957,0.96,0.968,0.981,1); --ease-bounce-4:linear(0,0.004,0.016 3%,0.062,0.141,0.25,0.391,0.562 18.2%,1 24.3%,0.81,0.676 32.3%,0.629,0.595,0.575,0.568,0.575,0.595,0.629,0.676 48.2%,0.811,1 56.2%,0.918,0.86,0.825,0.814,0.825,0.86,0.918,1 77.2%,0.94 80.6%,0.925,0.92,0.925,0.94 87.5%,1 90.9%,0.974,0.965,0.974,1); --ease-bounce-5:linear(0,0.004,0.016 2.5%,0.063,0.141,0.25 10.1%,0.562,1 20.2%,0.783,0.627,0.534 30.9%,0.511,0.503,0.511,0.534 38%,0.627,0.782,1 48.7%,0.892,0.815,0.769 56.3%,0.757,0.753,0.757,0.769 61.3%,0.815,0.892,1 68.8%,0.908 72.4%,0.885,0.878,0.885,0.908 79.4%,1 83%,0.954 85.5%,0.943,0.939,0.943,0.954 90.5%,1 93%,0.977,0.97,0.977,1); --layer-1:1; --layer-2:2; --layer-3:3; --layer-4:4; --layer-5:5; --layer-important:2147483647; --shadow-color:220 3% 15%; --shadow-strength:1%; --inner-shadow-highlight:inset 0 -.5px 0 0 #fff,inset 0 .5px 0 0 rgba(0,0,0,.067); --shadow-1:0 1px 2px -1px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 9%)); --shadow-2:0 3px 5px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)),0 7px 14px -5px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 5%)); --shadow-3:0 -1px 3px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 2%)),0 1px 2px -5px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 2%)),0 2px 5px -5px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 4%)),0 4px 12px -5px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 5%)),0 12px 15px -5px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 7%)); --shadow-4:0 -2px 5px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 2%)),0 1px 1px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)),0 2px 2px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)),0 5px 5px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 4%)),0 9px 9px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 5%)),0 16px 16px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 6%)); --shadow-5:0 -1px 2px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 2%)),0 2px 1px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)),0 5px 5px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)),0 10px 10px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 4%)),0 20px 20px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 5%)),0 40px 40px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 7%)); --shadow-6:0 -1px 2px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 2%)),0 3px 2px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)),0 7px 5px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)),0 12px 10px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 4%)),0 22px 18px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 5%)),0 41px 33px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 6%)),0 100px 80px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 7%)); --inner-shadow-0:inset 0 0 0 1px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 9%)); --inner-shadow-1:inset 0 1px 2px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 9%)),var(--inner-shadow-highlight); --inner-shadow-2:inset 0 1px 4px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 9%)),var(--inner-shadow-highlight); --inner-shadow-3:inset 0 2px 8px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 9%)),var(--inner-shadow-highlight); --inner-shadow-4:inset 0 2px 14px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 9%)),var(--inner-shadow-highlight); --ratio-square:1; --ratio-landscape:4/3; --ratio-portrait:3/4; --ratio-widescreen:16/9; --ratio-ultrawide:18/5; --ratio-golden:1.6180/1; --gray-0:#f8f9fa; --gray-1:#f1f3f5; --gray-2:#e9ecef; --gray-3:#dee2e6; --gray-4:#ced4da; --gray-5:#adb5bd; --gray-6:#868e96; --gray-7:#495057; --gray-8:#343a40; --gray-9:#212529; --gray-10:#16191d; --gray-11:#0d0f12; --gray-12:#030507; --stone-0:#f8fafb; --stone-1:#f2f4f6; --stone-2:#ebedef; --stone-3:#e0e4e5; --stone-4:#d1d6d8; --stone-5:#b1b6b9; --stone-6:#979b9d; --stone-7:#7e8282; --stone-8:#666968; --stone-9:#50514f; --stone-10:#3a3a37; --stone-11:#252521; --stone-12:#121210; --red-0:#fff5f5; --red-1:#ffe3e3; --red-2:#ffc9c9; --red-3:#ffa8a8; --red-4:#ff8787; --red-5:#ff6b6b; --red-6:#fa5252; --red-7:#f03e3e; --red-8:#e03131; --red-9:#c92a2a; --red-10:#b02525; --red-11:#962020; --red-12:#7d1a1a; --pink-0:#fff0f6; --pink-1:#ffdeeb; --pink-2:#fcc2d7; --pink-3:#faa2c1; --pink-4:#f783ac; --pink-5:#f06595; --pink-6:#e64980; --pink-7:#d6336c; --pink-8:#c2255c; --pink-9:#a61e4d; --pink-10:#8c1941; --pink-11:#731536; --pink-12:#59102a; --purple-0:#f8f0fc; --purple-1:#f3d9fa; --purple-2:#eebefa; --purple-3:#e599f7; --purple-4:#da77f2; --purple-5:#cc5de8; --purple-6:#be4bdb; --purple-7:#ae3ec9; --purple-8:#9c36b5; --purple-9:#862e9c; --purple-10:#702682; --purple-11:#5a1e69; --purple-12:#44174f; --violet-0:#f3f0ff; --violet-1:#e5dbff; --violet-2:#d0bfff; --violet-3:#b197fc; --violet-4:#9775fa; --violet-5:#845ef7; --violet-6:#7950f2; --violet-7:#7048e8; --violet-8:#6741d9; --violet-9:#5f3dc4; --violet-10:#5235ab; --violet-11:#462d91; --violet-12:#3a2578; --indigo-0:#edf2ff; --indigo-1:#dbe4ff; --indigo-2:#bac8ff; --indigo-3:#91a7ff; --indigo-4:#748ffc; --indigo-5:#5c7cfa; --indigo-6:#4c6ef5; --indigo-7:#4263eb; --indigo-8:#3b5bdb; --indigo-9:#364fc7; --indigo-10:#2f44ad; --indigo-11:#283a94; --indigo-12:#21307a; --blue-0:#e7f5ff; --blue-1:#d0ebff; --blue-2:#a5d8ff; --blue-3:#74c0fc; --blue-4:#4dabf7; --blue-5:#339af0; --blue-6:#228be6; --blue-7:#1c7ed6; --blue-8:#1971c2; --blue-9:#1864ab; --blue-10:#145591; --blue-11:#114678; --blue-12:#0d375e; --cyan-0:#e3fafc; --cyan-1:#c5f6fa; --cyan-2:#99e9f2; --cyan-3:#66d9e8; --cyan-4:#3bc9db; --cyan-5:#22b8cf; --cyan-6:#15aabf; --cyan-7:#1098ad; --cyan-8:#0c8599; --cyan-9:#0b7285; --cyan-10:#095c6b; --cyan-11:#074652; --cyan-12:#053038; --teal-0:#e6fcf5; --teal-1:#c3fae8; --teal-2:#96f2d7; --teal-3:#63e6be; --teal-4:#38d9a9; --teal-5:#20c997; --teal-6:#12b886; --teal-7:#0ca678; --teal-8:#099268; --teal-9:#087f5b; --teal-10:#066649; --teal-11:#054d37; --teal-12:#033325; --green-0:#ebfbee; --green-1:#d3f9d8; --green-2:#b2f2bb; --green-3:#8ce99a; --green-4:#69db7c; --green-5:#51cf66; --green-6:#40c057; --green-7:#37b24d; --green-8:#2f9e44; --green-9:#2b8a3e; --green-10:#237032; --green-11:#1b5727; --green-12:#133d1b; --lime-0:#f4fce3; --lime-1:#e9fac8; --lime-2:#d8f5a2; --lime-3:#c0eb75; --lime-4:#a9e34b; --lime-5:#94d82d; --lime-6:#82c91e; --lime-7:#74b816; --lime-8:#66a80f; --lime-9:#5c940d; --lime-10:#4c7a0b; --lime-11:#3c6109; --lime-12:#2c4706; --yellow-0:#fff9db; --yellow-1:#fff3bf; --yellow-2:#ffec99; --yellow-3:#ffe066; --yellow-4:#ffd43b; --yellow-5:#fcc419; --yellow-6:#fab005; --yellow-7:#f59f00; --yellow-8:#f08c00; --yellow-9:#e67700; --yellow-10:#b35c00; --yellow-11:#804200; --yellow-12:#663500; --orange-0:#fff4e6; --orange-1:#ffe8cc; --orange-2:#ffd8a8; --orange-3:#ffc078; --orange-4:#ffa94d; --orange-5:#ff922b; --orange-6:#fd7e14; --orange-7:#f76707; --orange-8:#e8590c; --orange-9:#d9480f; --orange-10:#bf400d; --orange-11:#99330b; --orange-12:#802b09; --choco-0:#fff8dc; --choco-1:#fce1bc; --choco-2:#f7ca9e; --choco-3:#f1b280; --choco-4:#e99b62; --choco-5:#df8545; --choco-6:#d46e25; --choco-7:#bd5f1b; --choco-8:#a45117; --choco-9:#8a4513; --choco-10:#703a13; --choco-11:#572f12; --choco-12:#3d210d; --brown-0:#faf4eb; --brown-1:#ede0d1; --brown-2:#e0cab7; --brown-3:#d3b79e; --brown-4:#c5a285; --brown-5:#b78f6d; --brown-6:#a87c56; --brown-7:#956b47; --brown-8:#825b3a; --brown-9:#6f4b2d; --brown-10:#5e3a21; --brown-11:#4e2b15; --brown-12:#422412; --sand-0:#f8fafb; --sand-1:#e6e4dc; --sand-2:#d5cfbd; --sand-3:#c2b9a0; --sand-4:#aea58c; --sand-5:#9a9178; --sand-6:#867c65; --sand-7:#736a53; --sand-8:#5f5746; --sand-9:#4b4639; --sand-10:#38352d; --sand-11:#252521; --sand-12:#121210; --camo-0:#f9fbe7; --camo-1:#e8ed9c; --camo-2:#d2df4e; --camo-3:#c2ce34; --camo-4:#b5bb2e; --camo-5:#a7a827; --camo-6:#999621; --camo-7:#8c851c; --camo-8:#7e7416; --camo-9:#6d6414; --camo-10:#5d5411; --camo-11:#4d460e; --camo-12:#36300a; --jungle-0:#ecfeb0; --jungle-1:#def39a; --jungle-2:#d0e884; --jungle-3:#c2dd6e; --jungle-4:#b5d15b; --jungle-5:#a8c648; --jungle-6:#9bbb36; --jungle-7:#8fb024; --jungle-8:#84a513; --jungle-9:#7a9908; --jungle-10:#658006; --jungle-11:#516605; --jungle-12:#3d4d04; --gradient-1:linear-gradient( to bottom right,#1f005c,#5b0060,#870160,#ac255e,#ca485c,#e16b5c,#f39060,#ffb56b); --gradient-2:linear-gradient( to bottom right,#48005c,#8300e2,#a269ff); --gradient-3:radial-gradient( circle at top right,#0ff,rgba(0,255,255,0)),radial-gradient( circle at bottom left,#ff1492,rgba(255,20,146,0)); --gradient-4:linear-gradient( to bottom right,#00f5a0,#00d9f5); --gradient-5:conic-gradient( from -270deg at 75% 110%,#f0f,#fffaf0); --gradient-6:conic-gradient( from -90deg at top left,#000,#fff); --gradient-7:linear-gradient( to bottom right,#72c6ef,#004e8f); --gradient-8:conic-gradient( from 90deg at 50% 0%,#111,50%,#222,#111); --gradient-9:conic-gradient( from .5turn at bottom center,#add8e6,#fff); --gradient-10:conic-gradient( from 90deg at 40% -25%,gold,#f79d03,#ee6907,#e6390a,#de0d0d,#d61039,#cf1261,#c71585,#cf1261,#d61039,#de0d0d,#ee6907,#f79d03,gold,gold,gold); --gradient-11:conic-gradient( at bottom left,#ff1493,cyan); --gradient-12:conic-gradient( from 90deg at 25% -10%,#ff4500,#d3f340,#7bee85,#afeeee,#7bee85); --gradient-13:radial-gradient( circle at 50% 200%,#000142,#3b0083,#b300c3,#ff059f,#ff4661,#ffad86,#fff3c7); --gradient-14:conic-gradient( at top right,lime,cyan); --gradient-15:linear-gradient( to bottom right,#c7d2fe,#fecaca,#fef3c7); --gradient-16:radial-gradient( circle at 50% -250%,#374151,#111827,#000); --gradient-17:conic-gradient( from -90deg at 50% -25%,blue,#8a2be2); --gradient-18:linear-gradient( 0deg,rgba(255,0,0,.8),rgba(255,0,0,0) 75%),linear-gradient( 60deg,rgba(255,255,0,.8),rgba(255,255,0,0) 75%),linear-gradient( 120deg,rgba(0,255,0,.8),rgba(0,255,0,0) 75%),linear-gradient( 180deg,rgba(0,255,255,.8),rgba(0,255,255,0) 75%),linear-gradient( 240deg,rgba(0,0,255,.8),rgba(0,0,255,0) 75%),linear-gradient( 300deg,rgba(255,0,255,.8),rgba(255,0,255,0) 75%); --gradient-19:linear-gradient( to bottom right,#ffe259,#ffa751); --gradient-20:conic-gradient( from -135deg at -10% center,orange,#ff7715,#ff522a,#ff3f47,#ff5482,#ff69b4); --gradient-21:conic-gradient( from -90deg at 25% 115%,red,#f06,#f0c,#c0f,#60f,#00f,#00f,#00f,#00f); --gradient-22:linear-gradient( to bottom right,#acb6e5,#86fde8); --gradient-23:linear-gradient( to bottom right,#536976,#292e49); --gradient-24:conic-gradient( from .5turn at 0% 0%,#00c476,10%,#82b0ff,90%,#00c476); --gradient-25:conic-gradient( at 125% 50%,#b78cf7,#ff7c94,#ffcf0d,#ff7c94,#b78cf7); --gradient-26:linear-gradient( to bottom right,#9796f0,#fbc7d4); --gradient-27:conic-gradient( from .5turn at bottom left,#ff1493,#639); --gradient-28:conic-gradient( from -90deg at 50% 105%,#fff,orchid); --gradient-29:radial-gradient( circle at top right,#bfb3ff,rgba(191,179,255,0)),radial-gradient( circle at bottom left,#86acf9,rgba(134,172,249,0)); --gradient-30:radial-gradient( circle at top right,#00ff80,rgba(0,255,128,0)),radial-gradient( circle at bottom left,#adffd6,rgba(173,255,214,0)); --noise-1:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.005' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E"); --noise-2:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 300 300' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.05' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E"); --noise-3:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.25' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E"); --noise-4:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 2056 2056' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.5' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E"); --noise-5:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 2056 2056' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E"); --noise-filter-1:contrast(300%) brightness(100%); --noise-filter-2:contrast(200%) brightness(150%); --noise-filter-3:contrast(200%) brightness(250%); --noise-filter-4:contrast(200%) brightness(500%); --noise-filter-5:contrast(200%) brightness(1000%); --animation-fade-in:fade-in .5s var(--ease-3); --animation-fade-in-bloom:fade-in-bloom 2s var(--ease-3); --animation-fade-out:fade-out .5s var(--ease-3); --animation-fade-out-bloom:fade-out-bloom 2s var(--ease-3); --animation-scale-up:scale-up .5s var(--ease-3); --animation-scale-down:scale-down .5s var(--ease-3); --animation-slide-out-up:slide-out-up .5s var(--ease-3); --animation-slide-out-down:slide-out-down .5s var(--ease-3); --animation-slide-out-right:slide-out-right .5s var(--ease-3); --animation-slide-out-left:slide-out-left .5s var(--ease-3); --animation-slide-in-up:slide-in-up .5s var(--ease-3); --animation-slide-in-down:slide-in-down .5s var(--ease-3); --animation-slide-in-right:slide-in-right .5s var(--ease-3); --animation-slide-in-left:slide-in-left .5s var(--ease-3); --animation-shake-x:shake-x .75s var(--ease-out-5); --animation-shake-y:shake-y .75s var(--ease-out-5); --animation-spin:spin 2s linear infinite; --animation-ping:ping 5s var(--ease-out-3) infinite; --animation-blink:blink 1s var(--ease-out-3) infinite; --animation-float:float 3s var(--ease-in-out-3) infinite; --animation-bounce:bounce 2s var(--ease-squish-2) infinite; --animation-pulse:pulse 2s var(--ease-out-3) infinite; --border-size-1:1px; --border-size-2:2px; --border-size-3:5px; --border-size-4:10px; --border-size-5:25px; --radius-1:2px; --radius-2:5px; --radius-3:1rem; --radius-4:2rem; --radius-5:4rem; --radius-6:8rem; --radius-round:1e5px; --radius-blob-1:30% 70% 70% 30%/53% 30% 70% 47%; --radius-blob-2:53% 47% 34% 66%/63% 46% 54% 37%; --radius-blob-3:37% 63% 56% 44%/49% 56% 44% 51%; --radius-blob-4:63% 37% 37% 63%/43% 37% 63% 57%; --radius-blob-5:49% 51% 48% 52%/57% 44% 56% 43%; --radius-conditional-1:clamp(0px,calc(100vw - 100%) * 1e5,var(--radius-1)); --radius-conditional-2:clamp(0px,calc(100vw - 100%) * 1e5,var(--radius-2)); --radius-conditional-3:clamp(0px,calc(100vw - 100%) * 1e5,var(--radius-3)); --radius-conditional-4:clamp(0px,calc(100vw - 100%) * 1e5,var(--radius-4)); --radius-conditional-5:clamp(0px,calc(100vw - 100%) * 1e5,var(--radius-5)); --radius-conditional-6:clamp(0px,calc(100vw - 100%) * 1e5,var(--radius-6)); } @media (prefers-color-scheme:dark) { :where(html) { --shadow-color:220 40% 2%; --shadow-strength:25%; --inner-shadow-highlight:inset 0 -.5px 0 0 hsla(0,0%,100%,.067),inset 0 .5px 0 0 rgba(0,0,0,.467); } } @keyframes fade-in { to { opacity: 1; } } @keyframes fade-in-bloom { 0% { filter: brightness(1) blur(20px); opacity: 0; } 10% { filter: brightness(2) blur(10px); opacity: 1; } to { filter: brightness(1) blur(0); opacity: 1; } } @keyframes fade-out { to { opacity: 0; } } @keyframes fade-out-bloom { to { filter: brightness(1) blur(20px); opacity: 0; } 10% { filter: brightness(2) blur(10px); opacity: 1; } 0% { filter: brightness(1) blur(0); opacity: 1; } } @keyframes scale-up { to { transform: scale(1.25); } } @keyframes scale-down { to { transform: scale(.75); } } @keyframes slide-out-up { to { transform: translateY(-100%); } } @keyframes slide-out-down { to { transform: translateY(100%); } } @keyframes slide-out-right { to { transform: translateX(100%); } } @keyframes slide-out-left { to { transform: translateX(-100%); } } @keyframes slide-in-up { 0% { transform: translateY(100%); } } @keyframes slide-in-down { 0% { transform: translateY(-100%); } } @keyframes slide-in-right { 0% { transform: translateX(-100%); } } @keyframes slide-in-left { 0% { transform: translateX(100%); } } @keyframes shake-x { 0%, to { transform: translateX(0); } 20% { transform: translateX(-5%); } 40% { transform: translateX(5%); } 60% { transform: translateX(-5%); } 80% { transform: translateX(5%); } } @keyframes shake-y { 0%, to { transform: translateY(0); } 20% { transform: translateY(-5%); } 40% { transform: translateY(5%); } 60% { transform: translateY(-5%); } 80% { transform: translateY(5%); } } @keyframes spin { to { transform: rotate(1turn); } } @keyframes ping { 90%, to { opacity: 0; transform: scale(2); } } @keyframes blink { 0%, to { opacity: 1; } 50% { opacity: .5; } } @keyframes float { 50% { transform: translateY(-25%); } } @keyframes bounce { 25% { transform: translateY(-20%); } 40% { transform: translateY(-3%); } 0%, 60%, to { transform: translateY(0); } } @keyframes pulse { 50% { transform: scale(.9); } } @media (prefers-color-scheme:dark) { @keyframes fade-in-bloom { 0% { filter: brightness(1) blur(20px); opacity: 0; } 10% { filter: brightness(.5) blur(10px); opacity: 1; } to { filter: brightness(1) blur(0); opacity: 1; } } } @media (prefers-color-scheme:dark) { @keyframes fade-out-bloom { to { filter: brightness(1) blur(20px); opacity: 0; } 10% { filter: brightness(.5) blur(10px); opacity: 1; } 0% { filter: brightness(1) blur(0); opacity: 1; } } } /* src/app/map/styles/bottom-sheet.css */ .tab { --_tab-bg: #7692FF; position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%); background-color: var(--_tab-bg); width: 200px; padding-block: 0.25rem; padding-inline: 1rem; border-radius: 8px 8px 0 0; display: grid; justify-content: center; } .tab.tab--bottom { bottom: 0; left: 50%; } .tab:not(.tab--bottom)::before, .tab:not(.tab--bottom)::after { content: ""; position: absolute; bottom: 0px; left: 90%; width: 90vw; height: 5px; background-color: var(--_tab-bg); z-index: 1; } .tab:not(.tab--bottom)::after { left: auto; right: 90%; } .tab > button { background-color: unset; width: 50px; cursor: pointer; border: none; } .tab i { color: white; } body .mat-bottom-sheet-container { min-width: 100vw; padding: unset; overflow: unset; border-radius: unset; min-height: 25dvh; } /* src/app/map/features/data-catalogue/styles/data-catalogue.css */ .data-catalogue { --search-input-height:50px; --gap: 0.5rem; display: grid; gap: var(--gap); grid-auto-flow: row; grid-template-rows: var(--search-input-height) calc(65dvh - calc(var(--search-input-height) + (var(--gap) * 2))); } .dc-accordion { --collapsed-height: 70px; --border: solid 1px rgba(204, 204, 204, 1); --padding-size: 1rem; --description-clr: rgba(153, 153, 153, 1); --header-hover-clr: var(--brand-clr-light); --header-bg-clr: var(--brand-clr-light); display: block; width: 100%; margin-bottom: 0.5rem; } .dc-accordion-item { border-top: var(--border); border-left: var(--border); border-bottom: var(--border); border-right: var(--border); display: flex; flex-direction: column; } .dc-accordion-item:has(.dc-accordion-item-header.sticky-header) { border-top: unset; } .dc-accordion-item + .dc-accordion-item { border-top: none; } .dc-accordion-item-header { display: grid; grid-auto-flow: column; align-items: center; justify-content: space-between; height: var(--collapsed-height); } .dc-accordion-item-header.sticky-header { position: sticky; top: 0; z-index: 2; background-color: var(--header-bg-clr, white); color: white; --description-clr:white; border-top: var(--border); } .dc-accordion-item-description { font-size: 0.85em; color: var(--description-clr, black); display: flex; gap: 1rem; justify-content: center; align-items: center; } .dc-accordion-item-header, .dc-accordion-item-body { padding: var(--padding-size, 16px); } .dc-accordion-item-header:hover { cursor: pointer; color: white; --description-clr:white; background-color: var(--header-hover-clr, white); } .dc-accordion-item:first-child { border-top-left-radius: 4px; border-top-right-radius: 4px; } .dc-accordion-item:last-child { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .button--icon { --button-bg: transparent; --button-border-color: unset; --button-hover-bg: unset; --button-hover-border-color: unset; --button-txt-color:rgba(128,128,128,0.15); --button-hover-txt-color:#aaa; } .dc-accordion-item-header.sticky-header > .dc-accordion-item-description > .button--icon, .dc-accordion-item-header:hover > .dc-accordion-item-description > .button--icon { --button-txt-color:rgba(255, 255, 255, 0.15); --button-hover-txt-color:white; } .expanded:not(:first-of-type) { margin-top: 0.5rem; } /* src/app/map/styles/map.css */ .map { height: 100%; width: 100%; } /* node_modules/ol/ol.css */ :root, :host { --ol-background-color: white; --ol-accent-background-color: #F5F5F5; --ol-subtle-background-color: rgba(128, 128, 128, 0.25); --ol-partial-background-color: rgba(255, 255, 255, 0.75); --ol-foreground-color: #333333; --ol-subtle-foreground-color: #666666; --ol-brand-color: #00AAFF; } .ol-box { box-sizing: border-box; border-radius: 2px; border: 1.5px solid var(--ol-background-color); background-color: var(--ol-partial-background-color); } .ol-mouse-position { top: 8px; right: 8px; position: absolute; } .ol-scale-line { background: var(--ol-partial-background-color); border-radius: 4px; bottom: 8px; left: 8px; padding: 2px; position: absolute; } .ol-scale-line-inner { border: 1px solid var(--ol-subtle-foreground-color); border-top: none; color: var(--ol-foreground-color); font-size: 10px; text-align: center; margin: 1px; will-change: contents, width; transition: all 0.25s; } .ol-scale-bar { position: absolute; bottom: 8px; left: 8px; } .ol-scale-bar-inner { display: flex; } .ol-scale-step-marker { width: 1px; height: 15px; background-color: var(--ol-foreground-color); float: right; z-index: 10; } .ol-scale-step-text { position: absolute; bottom: -5px; font-size: 10px; z-index: 11; color: var(--ol-foreground-color); text-shadow: -1.5px 0 var(--ol-partial-background-color), 0 1.5px var(--ol-partial-background-color), 1.5px 0 var(--ol-partial-background-color), 0 -1.5px var(--ol-partial-background-color); } .ol-scale-text { position: absolute; font-size: 12px; text-align: center; bottom: 25px; color: var(--ol-foreground-color); text-shadow: -1.5px 0 var(--ol-partial-background-color), 0 1.5px var(--ol-partial-background-color), 1.5px 0 var(--ol-partial-background-color), 0 -1.5px var(--ol-partial-background-color); } .ol-scale-singlebar { position: relative; height: 10px; z-index: 9; box-sizing: border-box; border: 1px solid var(--ol-foreground-color); } .ol-scale-singlebar-even { background-color: var(--ol-subtle-foreground-color); } .ol-scale-singlebar-odd { background-color: var(--ol-background-color); } .ol-unsupported { display: none; } .ol-viewport, .ol-unselectable { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; } .ol-viewport canvas { all: unset; overflow: hidden; } .ol-viewport { touch-action: none; } .ol-selectable { -webkit-touch-callout: default; -webkit-user-select: text; -moz-user-select: text; user-select: text; } .ol-grabbing { cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: grabbing; } .ol-grab { cursor: move; cursor: -webkit-grab; cursor: -moz-grab; cursor: grab; } .ol-control { position: absolute; background-color: var(--ol-subtle-background-color); border-radius: 4px; } .ol-zoom { top: .5em; left: .5em; } .ol-rotate { top: .5em; right: .5em; transition: opacity .25s linear, visibility 0s linear; } .ol-rotate.ol-hidden { opacity: 0; visibility: hidden; transition: opacity .25s linear, visibility 0s linear .25s; } .ol-zoom-extent { top: 4.643em; left: .5em; } .ol-full-screen { right: .5em; top: .5em; } .ol-control button { display: block; margin: 1px; padding: 0; color: var(--ol-subtle-foreground-color); font-weight: bold; text-decoration: none; font-size: inherit; text-align: center; height: 1.375em; width: 1.375em; line-height: .4em; background-color: var(--ol-background-color); border: none; border-radius: 2px; } .ol-control button::-moz-focus-inner { border: none; padding: 0; } .ol-zoom-extent button { line-height: 1.4em; } .ol-compass { display: block; font-weight: normal; will-change: transform; } .ol-touch .ol-control button { font-size: 1.5em; } .ol-touch .ol-zoom-extent { top: 5.5em; } .ol-control button:hover, .ol-control button:focus { text-decoration: none; outline: 1px solid var(--ol-subtle-foreground-color); color: var(--ol-foreground-color); } .ol-zoom .ol-zoom-in { border-radius: 2px 2px 0 0; } .ol-zoom .ol-zoom-out { border-radius: 0 0 2px 2px; } .ol-attribution { text-align: right; bottom: .5em; right: .5em; max-width: calc(100% - 1.3em); display: flex; flex-flow: row-reverse; align-items: center; } .ol-attribution a { color: var(--ol-subtle-foreground-color); text-decoration: none; } .ol-attribution ul { margin: 0; padding: 1px .5em; color: var(--ol-foreground-color); text-shadow: 0 0 2px var(--ol-background-color); font-size: 12px; } .ol-attribution li { display: inline; list-style: none; } .ol-attribution li:not(:last-child):after { content: " "; } .ol-attribution img { max-height: 2em; max-width: inherit; vertical-align: middle; } .ol-attribution button { flex-shrink: 0; } .ol-attribution.ol-collapsed ul { display: none; } .ol-attribution:not(.ol-collapsed) { background: var(--ol-partial-background-color); } .ol-attribution.ol-uncollapsible { bottom: 0; right: 0; border-radius: 4px 0 0; } .ol-attribution.ol-uncollapsible img { margin-top: -.2em; max-height: 1.6em; } .ol-attribution.ol-uncollapsible button { display: none; } .ol-zoomslider { top: 4.5em; left: .5em; height: 200px; } .ol-zoomslider button { position: relative; height: 10px; } .ol-touch .ol-zoomslider { top: 5.5em; } .ol-overviewmap { left: 0.5em; bottom: 0.5em; } .ol-overviewmap.ol-uncollapsible { bottom: 0; left: 0; border-radius: 0 4px 0 0; } .ol-overviewmap .ol-overviewmap-map, .ol-overviewmap button { display: block; } .ol-overviewmap .ol-overviewmap-map { border: 1px solid var(--ol-subtle-foreground-color); height: 150px; width: 150px; } .ol-overviewmap:not(.ol-collapsed) button { bottom: 0; left: 0; position: absolute; } .ol-overviewmap.ol-collapsed .ol-overviewmap-map, .ol-overviewmap.ol-uncollapsible button { display: none; } .ol-overviewmap:not(.ol-collapsed) { background: var(--ol-subtle-background-color); } .ol-overviewmap-box { border: 1.5px dotted var(--ol-subtle-foreground-color); } .ol-overviewmap .ol-overviewmap-box:hover { cursor: move; } /* src/styles/esk-toolbar.css */ .esk-toolbar-tooltip { color: var(--measure-tool-primary) !important; font-size: 1.25rem; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: rgba(255, 255, 255, 0.5); text-shadow: -1px -1px 0 rgba(255, 255, 255, 0.5), 1px -1px 0 rgba(255, 255, 255, 0.5), -1px 1px 0 rgba(255, 255, 255, 0.5), 1px 1px 0 rgba(255, 255, 255, 0.5); } .esk-toolbar { position: absolute; max-height: calc(100% - 2rem); display: flex; flex-direction: column; gap: var(--size-1); padding-block: var(--size-2); padding-inline: var(--size-2); left: 0.5rem; background-color: rgba(255, 255, 255, 0.8); border-radius: var(--radius-2); box-shadow: var(--shadow-2); top: 75px; z-index: 1; max-width: 3rem; transition: width 300ms ease-in-out; } .esk-tool { position: relative; border-radius: 2px; color: #495057; aspect-ratio: 1; background-color: transparent; transition: background-color 0.1s ease-in-out; border: none; cursor: pointer; width: 100%; } .esk-tool--disabled, .esk-tool:disabled { cursor: not-allowed; pointer-events: none; color: #c0c0c0; } .esk-tool:active { color: var(--blue); } .esk-tool button { width: 100%; background-color: transparent; color: black; cursor: pointer; } .esk-tool:hover, .esk-tool *:hover { color: var(--blue); } .esk-tool button:hover { outline: none; } .esk-tool--active { color: var(--blue); } .measure-type > * { display: block; } .measure-color > * { display: block; } .measure-type--select { display: block; font-size: 16px; font-family: sans-serif; font-weight: 700; color: #444; line-height: 1.3; padding: 0.6em 1.4em 0.5em 0.8em; width: 100%; max-width: 100%; box-sizing: border-box; margin: 0; border: 1px solid #aaa; box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.04); border-radius: 0.5em; -moz-appearance: none; -webkit-appearance: none; appearance: none; background-color: #fff; } .measure-color--input { width: 100px; } .measure-tool-options { width: 80%; padding: 1em; display: grid; } .mat-checkbox { padding: 8px; } .menu-button { padding: 0; padding-inline-end: var(--size-1); background: none; border: none; cursor: pointer; } .chevron-icon { font-size: 12px; } .tool-group { border: 1px solid #495057af; border-radius: var(--radius-2); } /* src/styles/display.helpers.css */ .grid--column { display: grid; grid-auto-flow: column; } .grid--row { display: grid; grid-auto-flow: row; } .gap--xs { gap: 0.25rem; } .gap--sm { gap: 0.5rem; } .gap--md { gap: 1rem; } .gap--lg { gap: 1.5rem; } .gap--xl { gap: 2rem; } .gap--1 { gap: var(--size-1); } .gap--2 { gap: var(--size-2); } .gap--3 { gap: var(--size-3); } .gap--4 { gap: var(--size-4); } .gap--5 { gap: var(--size-5); } .gap--6 { gap: var(--size-6); } .gap--7 { gap: var(--size-7); } .gap--8 { gap: var(--size-8); } .padding-1 { padding: 1rem; } .flex { display: flex; } .flex-row { flex-direction: row; } .flex-row-reverse { flex-direction: row-reverse; } .flex-column { flex-direction: column; } .flex-column-reverse { flex-direction: column-reverse; } .flex-wrap { flex-wrap: wrap; } .flex-nowrap { flex-wrap: nowrap; } .justify-start { justify-content: flex-start; } .justify-end { justify-content: flex-end; } .justify-center { justify-content: center; } .justify-between { justify-content: space-between; } .justify-around { justify-content: space-around; } .justify-self-end { justify-self: end; } .align-start { align-items: flex-start; } .align-end { align-items: flex-end; } .align-center { align-items: center; } .align-baseline { align-items: baseline; } .align-stretch { align-items: stretch; } .align-content-start { align-content: flex-start; } .align-content-end { align-content: flex-end; } .align-content-center { align-content: center; } .align-content-between { align-content: space-between; } .align-content-around { align-content: space-around; } .align-content-stretch { align-content: stretch; } .flex-grow-0 { flex-grow: 0; } .flex-grow-1 { flex-grow: 1; } .flex-shrink-0 { flex-shrink: 0; } .flex-shrink-1 { flex-shrink: 1; } .flex-basis-auto { flex-basis: auto; } .flex-basis-0 { flex-basis: 0; } .flex-basis-full { flex-basis: 100%; } /* src/styles/buttons.css */ :root { --pastel-green: #92CCA6; --pastel-green-border: #81B18F; --pastel-green-hover: #70956A; --pastel-blue: #A2D5F2; --pastel-blue-border: #91B9D3; --pastel-blue-hover: #7E9DB0; --pastel-pink: #F2ACD6; --pastel-pink-border: #D399BD; --pastel-pink-hover: #B585A1; --pastel-purple: #CBA2F2; --pastel-purple-border: #B18FD3; --pastel-purple-hover: #987DB0; --pastel-yellow: #F2E0A2; --pastel-yellow-border: #D3C891; --pastel-yellow-hover: #B6AD7E; --pastel-red: #F2A2A2; --pastel-red-border: #D38F8F; --pastel-red-hover: #B57C7C; --outline-button-main-color: hsl(0, 0%, 50%); --outline-button-hover-text-color: hsl(0, 0%, 40%); --outline-button-hover-border-color: hsl(0, 0%, 30%); --outline-button-active-text-color: hsl(0, 0%, 30%); --outline-button-active-border-color: hsl(0, 0%, 20%); --green: var(--lime-6); --blue: var(--blue-6); --orange: hsl(24, 100%, 60%); --purple: hsl(267, 60%, 55%); --yellow: var(--yellow-6); --red: var(--red-6); --green-hover: var(--lime-7); --blue-hover:var(--blue-7); --orange-hover: hsl(24, 100%, 50%); --purple-hover: hsl(267, 60%, 45%); --yellow-hover: var(--yellow-7); --red-hover: var(--red-7); --green-border: var(--lime-7); --blue-border: var(--blue-7); --orange-border: hsl(24, 100%, 50%); --purple-border: hsl(267, 60%, 45%); --yellow-border: var(--yellow-7); --red-border: var(--red-7); } .button { border: 0.0625rem solid var(--button-border-color); background-color: var(--button-bg); color: var(--button-txt-color); border-radius: 0.5em; cursor: pointer; font-size: 1rem; gap: 0.25rem; padding: 0.75rem 1rem; transition: all 200ms ease-in-out; text-align: center; display: inline-flex; justify-content: center; align-items: center; } .button:hover { background-color: var(--button-hover-bg); border-color: var(--button-hover-border-color); color: var(--button-hover-txt-color); } .button:disabled { background-color: #ddd; border-color: #ddd; color: #999; cursor: not-allowed; } .button--brand { --button-bg: var(--brand-clr); --button-txt-color:white; --button-hover-bg: var(--brand-clr-darken); --button-hover-txt-color:white; } .button--green-fill { --button-border-color: var(--green-border); --button-bg: var(--green); --button-hover-bg: var(--green-hover); --button-txt-color: white; --button-hover-txt-color:white; } .button--yellow-fill { --button-border-color: var(--yellow-border); --button-bg: var(--yellow); --button-hover-bg: var(--yellow-hover); --button-txt-color: white; --button-hover-txt-color:white; } .button--purple-fill { --button-bg: var(--pastel-purple); --button-border-color: var(--pastel-purple); --button-hover-bg: #8461C9; } .button--green { --button-bg: white; --button-border-color: var(--green); --button-txt-color: var(--green); --button-hover-bg: var(--green); --button-hover-txt-color: white ; } .button--orange { --button-bg: var(--pastel-orange); --button-border-color: var(--pastel-orange); --button-hover-bg: #FF8C69; } .button--danger { --button-bg: var(--red-6); --button-border-color: var(--red-border); --button-hover-bg: var(--red-hover); --button-txt-color: white; --button-hover-txt-color:white; } .button--icon { --button-bg: transparent; --button-border-color: unset; --button-hover-bg: unset; --button-hover-border-color: unset; --button-txt-color:rgba(128,128,128,0.15); --button-hover-txt-color:#aaa; padding: 0; } .button--muted { --button-bg: #f0f0f0; --button-border-color: #cccccc; --button-hover-bg: #e0e0e0; --button-hover-border-color: #bbbbbb; --button-txt-color:#666666; } .button--warn { --button-border-color: var(--yellow-border); --button-bg: var(--yellow); --button-hover-bg: var(--yellow-hover); --button-txt-color: white; --button-hover-txt-color:white; } .button--blue { --button-bg: var(--blue); --button-border-color: var(--blue-border); --button-hover-bg: var(--blue-hover); --button-txt-color:white; --button-hover-txt-color:white; } .button--black { --button-txt-color: var(--pastel-white); --button-bg: var(--pastel-black); --button-border-color: var(--pastel-black); --button-hover-bg: #1a1a1a; } .button--black-outline { --button-txt-color: var(--outline-button-main-color); --button-bg: transparent; --button-border-color: var(--outline-button-main-color); --button-hover-txt-color: white; --button-hover-bg: var(--outline-button-hover-border-color); --button-hover-border-color: var(--outline-button-active-border-color); } .button--equal-width { width: 300px; } .button--xs { font-size: 0.75rem; } .button--sm { font-size: 0.875rem; } .button--md { font-size: 1rem; } .button--xl { font-size: 1.25rem; } .button--xxl { font-size: 1.5rem; } .button--full_width { width: 100%; } .button--action { border-radius: 50%; border: unset; width: 30px; aspect-ratio: 1; cursor: pointer; font-size: 1rem; display: flex; justify-content: center; align-items: center; padding: unset; } .button--p-xy-1 { padding: 0.25rem; } /* src/styles/forms.css */ .form-container { display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100vh; gap: 1rem; } .form-container h1 { font-size: 2em; } .form-container form { display: flex; flex-direction: column; justify-content: center; } .form-container .actions { display: flex; flex-direction: column; align-items: center; gap: 0.5rem; } .form-container .button { padding: 10px; border: none; background-color: #555; color: #fff; text-transform: uppercase; border-radius: 5px; cursor: pointer; width: 100%; } .form-container .button:hover { background-color: #333; } .form-container .button:disabled { background-color: #ccc; cursor: not-allowed; } .form-container .error-message { color: #d32f2f; background-color: #ffebee; padding: 10px; margin-top: 1rem; border-radius: 4px; text-align: center; border: 1px solid #ffcdd2; } .form-container footer { color: var(--gray-4); text-align: center; display: flex; flex-direction: column; gap: 0.5rem; justify-content: center; } .p-datatable .p-datatable-thead > tr > th, .p-datatable .p-datatable-tbody > tr > td { border-right: 1px solid #dee2e6; } .p-datatable .p-datatable-thead > tr > th:last-child, .p-datatable .p-datatable-tbody > tr > td:last-child { border-left: 1px solid #dee2e6; } p-table { display: block; } .p-datatable { height: 100%; font-size: 0.6rem; } .p-component { font-size: 0.6rem; } .p-datatable .p-datatable-wrapper { height: 100%; } .p-datatable .p-datatable-thead > tr > th { padding: 0.25rem 0.25rem; } .p-datatable .p-datatable-tbody > tr > td { padding: 0.25rem 0.25rem; text-align: center; } .p-datatable .p-datatable-header { padding: 0.25rem 0.25rem; display: grid; grid-auto-flow: column; justify-content: space-between; } .smaller-fields .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label { transform: unset; } .p-column-filter .p-column-filter-clear-button { display: none; } .p-column-filter .p-inputnumber-button { color: var(--gray-7); } /* src/styles/dialog.css */ body .mat-mdc-dialog-container .mat-mdc-dialog-content { padding-top: 1rem; } mat-dialog-actions footer { display: flex; justify-content: center; align-items: center; gap: 1rem; } @media (max-width: 600px) { .myDialogClass { max-width: 95dvw !important; max-height: 95dvh !important; height: 100% !important; width: 100% !important; } } @media (min-width: 601px) and (max-width: 1024px) { .myDialogClass { max-width: 80dvw !important; max-height: 80dvh !important; height: 100% !important; width: 100% !important; } } @media (min-width: 1025px) { .myDialogClass { max-width: 70dvw !important; max-height: 80dvh !important; height: fit-content !important; width: fit-content !important; } .myDialogClass.map-container { height: 100% !important; width: 100% !important; } } .title-bar { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; } .content { min-height: 200px; } .footer { text-align: right; display: flex; justify-content: end; padding-block: 1rem; gap: 1rem; } .title { font-weight: bold; } .minimize, .maximize, .close { font-size: 14px; } .get-capabilities-layer-content { flex-grow: 1; padding-top: 0.5rem; min-height: 40vh; max-height: calc(60vh - 200px); overflow-y: auto; } .layer-radio-group { display: flex; flex-direction: column; margin: 15px 0; align-items: flex-start; } .layer-radio-button { margin: 5px; } .dialog-titlebar { display: flex; justify-content: space-between; align-items: center; padding-bottom: 1rem; } .dialog-content { padding-bottom: 1.5rem; } .dialog-footer { display: flex; justify-content: flex-end; gap: 1rem; } /* src/styles/toast.css */ .mdc-snackbar.success-snack-bar .mdc-snackbar__surface { background-color: var(--green); border-color: var(--green-border); color: #FFFFFF; } .mdc-snackbar .mat-mdc-snack-bar-label { --mdc-snackbar-supporting-text-size: 1.1rem; text-align: center; } .mdc-snackbar.error-snack-bar .mdc-snackbar__surface { background-color: var(--red); border-color: var(--red-border); color: #FFFFFF; } .mdc-snackbar.notification-snack-bar .mdc-snackbar__surface { background-color: var(--blue); border-color: var(--blue-border); color: #FFFFFF; } /* src/app/@admin/styles/colors.css */ :root { --adm-sidebar-bg: #455a64; --adm-toolbar-bg: #455a64; --adm-table-header-bg: #78909C; } /* src/app/@admin/styles/list-card.css */ .route-container { display: flex; max-height: calc(100dvh - 65px); min-height: calc(100dvh - 65px); padding: 2rem; background-color: #ECEFF1; justify-content: center; } mat-card.list-view-card { max-width: calc(100% - 4rem); width: 100%; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); display: grid; grid-auto-rows: 75px 1fr; } mat-card.list-view-card .list-view_header { display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding-inline: 1rem; } .filter-container mat-form-field { width: 200px; } .table-container { padding-inline: 2rem; display: grid; grid-auto-rows: 1fr 55px; overflow-y: hidden; padding-block-end: 1rem; --mat-table-row-item-outline-width:0px ; } .table-container mat-paginator { align-self: end; } .table-container .scrollable-container { max-height: 900px; min-height: 350px; overflow-y: auto; margin-block: 2rem; position: relative; } .mat-header-row--sticky { position: sticky; top: 0; background: inherit; z-index: 100; } .scrollable-container thead { position: sticky; top: 0; z-index: 1000; } .scrollable-container mat-row:nth-child(even) { background-color: #f5f5f5; } .scrollable-container mat-row:nth-child(odd) { background-color: #ffffff; } .scrollable-container mat-row :last-child:not(button) { margin-left: auto; } .scrollable-container mat-header-row { background-color: var(--adm-table-header-bg, #455a64); color: #ffffff; border: none; } .scrollable-container mat-header-row :last-child { margin-left: auto; } .scrollable-container mat-header-row th { color: #ffffff; border-bottom: none; } .scrollable-container table { width: 100%; } .scrollable-container td, .scrollable-container th { width: 25%; display: flex; align-items: center; justify-content: center; } @media (max-width: 768px) { mat-card.list-view-card { max-width: 100vw; grid-auto-rows: 150px 1fr; } .table-actions { display: flex; flex-direction: row; align-items: center; } .table-container .scrollable-container { margin-block: 0; max-height: 400px; } .table-container { padding-inline: 0; } mat-card.list-view-card .list-view_header { display: flex; flex-direction: column-reverse; align-items: center; justify-content: center; gap: 1rem; } .filter-container { width: 100%; } .filter-container mat-form-field { width: 100%; } .user-management-header_actions { width: 100%; } .user-management-header_actions button { width: 100%; } .route-container { min-height: calc(100dvh - 120px); padding: 1rem; } } /* src/app/@admin/styles/detail-card.css */ mat-card.detail-card { display: grid; grid-auto-rows: 60px 1fr 60px; min-width: 35%; } mat-card.detail-card mat-form-field { display: block; width: 100%; margin-bottom: 1rem; } .detail-card mat-card-header { padding: 0; padding-inline: 1rem; justify-content: space-between; align-items: center; border-bottom: 1px solid whitesmoke; } .detail-card mat-card-content { overflow-y: auto; padding-block: 1rem; } .detail-card mat-card-footer { display: flex; align-items: center; border-top: 1px solid whitesmoke; padding-inline: 1rem; } .checkbox-container { display: flex; align-items: center; gap: 1rem; padding-bottom: 1.34375em; } @media (max-width: 768px) { mat-card.detail-card { max-width: calc(100% - 4rem); min-width: 100%; } } /* src/app/@admin/styles/admin.css */ /* node_modules/@angular/cdk/overlay-prebuilt.css */ .cdk-overlay-container, .cdk-global-overlay-wrapper { pointer-events: none; top: 0; left: 0; height: 100%; width: 100%; } .cdk-overlay-container { position: fixed; z-index: 1000; } .cdk-overlay-container:empty { display: none; } .cdk-global-overlay-wrapper { display: flex; position: absolute; z-index: 1000; } .cdk-overlay-pane { position: absolute; pointer-events: auto; box-sizing: border-box; display: flex; max-width: 100%; max-height: 100%; z-index: 1000; } .cdk-overlay-backdrop { position: absolute; top: 0; bottom: 0; left: 0; right: 0; pointer-events: auto; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); opacity: 0; z-index: 1000; transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1); } .cdk-overlay-backdrop-showing { opacity: 1; } @media (forced-colors: active) { .cdk-overlay-backdrop-showing { opacity: .6; } } .cdk-overlay-dark-backdrop { background: rgba(0, 0, 0, .32); } .cdk-overlay-transparent-backdrop { transition: visibility 1ms linear, opacity 1ms linear; visibility: hidden; opacity: 1; } .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing, .cdk-high-contrast-active .cdk-overlay-transparent-backdrop { opacity: 0; visibility: visible; } .cdk-overlay-backdrop-noop-animation { transition: none; } .cdk-overlay-connected-position-bounding-box { position: absolute; display: flex; flex-direction: column; min-width: 1px; min-height: 1px; z-index: 1000; } .cdk-global-scrollblock { position: fixed; width: 100%; overflow-y: scroll; } /* node_modules/@fontsource/quicksand/400.css */ @font-face { font-family: "Quicksand"; font-style: normal; font-display: swap; font-weight: 400; src: url("./media/quicksand-vietnamese-400-normal.woff2") format("woff2"), url("./media/quicksand-vietnamese-400-normal.woff") format("woff"); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } @font-face { font-family: "Quicksand"; font-style: normal; font-display: swap; font-weight: 400; src: url("./media/quicksand-latin-ext-400-normal.woff2") format("woff2"), url("./media/quicksand-latin-ext-400-normal.woff") format("woff"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: "Quicksand"; font-style: normal; font-display: swap; font-weight: 400; src: url("./media/quicksand-latin-400-normal.woff2") format("woff2"), url("./media/quicksand-latin-400-normal.woff") format("woff"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* node_modules/@fontsource/quicksand/500.css */ @font-face { font-family: "Quicksand"; font-style: normal; font-display: swap; font-weight: 500; src: url("./media/quicksand-vietnamese-500-normal.woff2") format("woff2"), url("./media/quicksand-vietnamese-500-normal.woff") format("woff"); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } @font-face { font-family: "Quicksand"; font-style: normal; font-display: swap; font-weight: 500; src: url("./media/quicksand-latin-ext-500-normal.woff2") format("woff2"), url("./media/quicksand-latin-ext-500-normal.woff") format("woff"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: "Quicksand"; font-style: normal; font-display: swap; font-weight: 500; src: url("./media/quicksand-latin-500-normal.woff2") format("woff2"), url("./media/quicksand-latin-500-normal.woff") format("woff"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* node_modules/@fontsource/quicksand/700.css */ @font-face { font-family: "Quicksand"; font-style: normal; font-display: swap; font-weight: 700; src: url("./media/quicksand-vietnamese-700-normal.woff2") format("woff2"), url("./media/quicksand-vietnamese-700-normal.woff") format("woff"); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } @font-face { font-family: "Quicksand"; font-style: normal; font-display: swap; font-weight: 700; src: url("./media/quicksand-latin-ext-700-normal.woff2") format("woff2"), url("./media/quicksand-latin-ext-700-normal.woff") format("woff"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: "Quicksand"; font-style: normal; font-display: swap; font-weight: 700; src: url("./media/quicksand-latin-700-normal.woff2") format("woff2"), url("./media/quicksand-latin-700-normal.woff") format("woff"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* src/styles.css */ *, ::before, ::after { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; } ::backdrop { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; } *, ::before, ::after { box-sizing: border-box; border-width: 0; border-style: solid; border-color: #e5e7eb; } ::before, ::after { --tw-content: ""; } html, :host { line-height: 1.5; -webkit-text-size-adjust: 100%; -moz-tab-size: 4; tab-size: 4; font-family: var(--font-sans), ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-feature-settings: normal; font-variation-settings: normal; -webkit-tap-highlight-color: transparent; } body { margin: 0; line-height: inherit; } hr { height: 0; color: inherit; border-top-width: 1px; } abbr:where([title]) { text-decoration: underline dotted; } h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } a { color: inherit; text-decoration: inherit; } b, strong { font-weight: bolder; } code, kbd, samp, pre { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-feature-settings: normal; 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; } button, input, optgroup, select, textarea { font-family: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 100%; font-weight: inherit; line-height: inherit; letter-spacing: inherit; color: inherit; margin: 0; padding: 0; } button, select { text-transform: none; } button, input:where([type=button]), input:where([type=reset]), input:where([type=submit]) { -webkit-appearance: button; background-color: transparent; background-image: none; } :-moz-focusring { outline: auto; } :-moz-ui-invalid { box-shadow: none; } progress { vertical-align: baseline; } ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } [type=search] { -webkit-appearance: textfield; outline-offset: -2px; } ::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } summary { display: list-item; } blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre { margin: 0; } fieldset { margin: 0; padding: 0; } legend { padding: 0; } ol, ul, menu { list-style: none; margin: 0; padding: 0; } dialog { padding: 0; } textarea { resize: vertical; } input::placeholder, textarea::placeholder { opacity: 1; color: #9ca3af; } button, [role=button] { cursor: pointer; } :disabled { cursor: default; } img, svg, video, canvas, audio, iframe, embed, object { display: block; vertical-align: middle; } img, video { max-width: 100%; height: auto; } [hidden]:where(:not([hidden=until-found])) { display: none; } .\!container { width: 100% !important; margin-right: auto !important; margin-left: auto !important; padding-right: 2rem !important; padding-left: 2rem !important; } .container { width: 100%; margin-right: auto; margin-left: auto; padding-right: 2rem; padding-left: 2rem; } @media (min-width: 1400px) { .\!container { max-width: 1400px !important; } .container { max-width: 1400px; } } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; } .pointer-events-none { pointer-events: none; } .visible { visibility: visible; } .static { position: static; } .fixed { position: fixed; } .absolute { position: absolute; } .relative { position: relative; } .sticky { position: sticky; } .-inset-x-10 { left: -2.5rem; right: -2.5rem; } .inset-y-0 { top: 0px; bottom: 0px; } .bottom-1 { bottom: 0.25rem; } .bottom-4 { bottom: 1rem; } .bottom-\[50px\] { bottom: 50px; } .left-1 { left: 0.25rem; } .left-1\/2 { left: 50%; } .left-3 { left: 0.75rem; } .left-\[1\%\] { left: 1%; } .right-1 { right: 0.25rem; } .right-3 { right: 0.75rem; } .right-4 { right: 1rem; } .right-5 { right: 1.25rem; } .top-0 { top: 0px; } .top-1 { top: 0.25rem; } .top-1\/2 { top: 50%; } .top-12 { top: 3rem; } .top-20 { top: 5rem; } .top-4 { top: 1rem; } .top-6 { top: 1.5rem; } .top-8 { top: 2rem; } .z-10 { z-index: 10; } .z-50 { z-index: 50; } .z-\[99999\] { z-index: 99999; } .z-\[99\] { z-index: 99; } .col-start-2 { grid-column-start: 2; } .col-start-3 { grid-column-start: 3; } .m-0 { margin: 0px; } .m-2 { margin: 0.5rem; } .mx-auto { margin-left: auto; margin-right: auto; } .mb-1 { margin-bottom: 0.25rem; } .mb-2 { margin-bottom: 0.5rem; } .mb-4 { margin-bottom: 1rem; } .mb-6 { margin-bottom: 1.5rem; } .ml-2 { margin-left: 0.5rem; } .ml-3 { margin-left: 0.75rem; } .mr-2 { margin-right: 0.5rem; } .mt-2 { margin-top: 0.5rem; } .mt-3 { margin-top: 0.75rem; } .mt-4 { margin-top: 1rem; } .block { display: block; } .inline-block { display: inline-block; } .flex { display: flex; } .inline-flex { display: inline-flex; } .table { display: table; } .grid { display: grid; } .hidden { display: none; } .aspect-square { aspect-ratio: 1 / 1; } .h-10 { height: 2.5rem; } .h-4 { height: 1rem; } .h-40 { height: 10rem; } .h-6 { height: 1.5rem; } .h-8 { height: 2rem; } .h-\[50px\] { height: 50px; } .h-\[600px\] { height: 600px; } .h-\[75dvh\] { height: 75dvh; } .h-full { height: 100%; } .max-h-48 { max-height: 12rem; } .max-h-\[300px\] { max-height: 300px; } .max-h-\[400px\] { max-height: 400px; } .max-h-\[800px\] { max-height: 800px; } .min-h-5 { min-height: 1.25rem; } .min-h-\[50px\] { min-height: 50px; } .w-10 { width: 2.5rem; } .w-3 { width: 0.75rem; } .w-4 { width: 1rem; } .w-6 { width: 1.5rem; } .w-72 { width: 18rem; } .w-8 { width: 2rem; } .w-\[250px\] { width: 250px; } .w-\[65dvw\] { width: 65dvw; } .w-auto { width: auto; } .w-full { width: 100%; } .min-w-\[100px\] { min-width: 100px; } .min-w-\[150px\] { min-width: 150px; } .min-w-\[200px\] { min-width: 200px; } .min-w-full { min-width: 100%; } .max-w-3xl { max-width: 48rem; } .max-w-48 { max-width: 12rem; } .max-w-\[50ch\] { max-width: 50ch; } .max-w-lg { max-width: 32rem; } .max-w-md { max-width: 28rem; } .max-w-sm { max-width: 24rem; } .flex-1 { flex: 1 1 0%; } .flex-grow { flex-grow: 1; } .table-auto { table-layout: auto; } .border-collapse { border-collapse: collapse; } .origin-center { transform-origin: center; } .-translate-x-1\/2 { --tw-translate-x: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .-translate-y-1\/2 { --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .rotate-0 { --tw-rotate: 0deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .rotate-45 { --tw-rotate: 45deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .transform { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } @keyframes ping { 75%, 100% { transform: scale(2); opacity: 0; } } .animate-ping { animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; } @keyframes pulse { 50% { opacity: .5; } } .animate-pulse { animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; } .cursor-grab { cursor: grab; } .cursor-pointer { cursor: pointer; } .select-none { -webkit-user-select: none; user-select: none; } .list-inside { list-style-position: inside; } .list-disc { list-style-type: disc; } .grid-flow-row { grid-auto-flow: row; } .grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .grid-cols-\[1fr_0\.25fr\] { grid-template-columns: 1fr 0.25fr; } .grid-cols-\[1fr_96px\] { grid-template-columns: 1fr 96px; } .grid-cols-\[auto\,1fr\] { grid-template-columns: auto 1fr; } .flex-row { flex-direction: row; } .flex-col { flex-direction: column; } .flex-col-reverse { flex-direction: column-reverse; } .place-items-center { place-items: center; } .items-center { align-items: center; } .justify-start { justify-content: flex-start; } .justify-end { justify-content: flex-end; } .justify-center { justify-content: center; } .justify-between { justify-content: space-between; } .gap-1 { gap: 0.25rem; } .gap-2 { gap: 0.5rem; } .gap-2\.5 { gap: 0.625rem; } .gap-4 { gap: 1rem; } .gap-\[var\(--size-2\)\] { gap: var(--size-2); } .space-x-2 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(0.5rem * var(--tw-space-x-reverse)); margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse))); } .space-x-4 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(1rem * var(--tw-space-x-reverse)); margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse))); } .space-y-1\.5 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.375rem * var(--tw-space-y-reverse)); } .space-y-2 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.5rem * var(--tw-space-y-reverse)); } .space-y-4 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1rem * var(--tw-space-y-reverse)); } .self-center { align-self: center; } .justify-self-start { justify-self: start; } .justify-self-end { justify-self: end; } .justify-self-center { justify-self: center; } .overflow-hidden { overflow: hidden; } .overflow-x-auto { overflow-x: auto; } .overflow-y-auto { overflow-y: auto; } .overflow-y-scroll { overflow-y: scroll; } .truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .whitespace-normal { white-space: normal; } .whitespace-nowrap { white-space: nowrap; } .whitespace-pre-wrap { white-space: pre-wrap; } .text-wrap { text-wrap: wrap; } .break-words { overflow-wrap: break-word; } .break-all { word-break: break-all; } .rounded { border-radius: 0.25rem; } .rounded-\[var\(--radius-2\)\] { border-radius: var(--radius-2); } .rounded-full { border-radius: 9999px; } .rounded-lg { border-radius: var(--radius); } .rounded-md { border-radius: calc(var(--radius) - 2px); } .border { border-width: 1px; } .border-b { border-bottom-width: 1px; } .border-l-2 { border-left-width: 2px; } .border-t { border-top-width: 1px; } .border-blue-400 { --tw-border-opacity: 1; border-color: rgb(96 165 250 / var(--tw-border-opacity)); } .border-border { border-color: hsl(var(--border)); } .border-gray-200 { --tw-border-opacity: 1; border-color: rgb(229 231 235 / var(--tw-border-opacity)); } .border-gray-300 { --tw-border-opacity: 1; border-color: rgb(209 213 219 / var(--tw-border-opacity)); } .border-gray-400 { --tw-border-opacity: 1; border-color: rgb(156 163 175 / var(--tw-border-opacity)); } .border-gray-500 { --tw-border-opacity: 1; border-color: rgb(107 114 128 / var(--tw-border-opacity)); } .border-gray-700 { --tw-border-opacity: 1; border-color: rgb(55 65 81 / var(--tw-border-opacity)); } .bg-background { background-color: hsl(var(--background)); } .bg-black\/80 { background-color: rgb(0 0 0 / 0.8); } .bg-blue-100 { --tw-bg-opacity: 1; background-color: rgb(219 234 254 / var(--tw-bg-opacity)); } .bg-blue-500 { --tw-bg-opacity: 1; background-color: rgb(59 130 246 / var(--tw-bg-opacity)); } .bg-gray-100 { --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity)); } .bg-gray-200 { --tw-bg-opacity: 1; background-color: rgb(229 231 235 / var(--tw-bg-opacity)); } .bg-gray-300 { --tw-bg-opacity: 1; background-color: rgb(209 213 219 / var(--tw-bg-opacity)); } .bg-gray-50 { --tw-bg-opacity: 1; background-color: rgb(249 250 251 / var(--tw-bg-opacity)); } .bg-gray-800\/80 { background-color: rgb(31 41 55 / 0.8); } .bg-green-500 { --tw-bg-opacity: 1; background-color: rgb(34 197 94 / var(--tw-bg-opacity)); } .bg-green-600 { --tw-bg-opacity: 1; background-color: rgb(22 163 74 / var(--tw-bg-opacity)); } .bg-red-500 { --tw-bg-opacity: 1; background-color: rgb(239 68 68 / var(--tw-bg-opacity)); } .bg-red-600 { --tw-bg-opacity: 1; background-color: rgb(220 38 38 / var(--tw-bg-opacity)); } .bg-transparent { background-color: transparent; } .bg-white { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } .bg-white\/80 { background-color: rgb(255 255 255 / 0.8); } .bg-yellow-500 { --tw-bg-opacity: 1; background-color: rgb(234 179 8 / var(--tw-bg-opacity)); } .bg-opacity-80 { --tw-bg-opacity: 0.8; } .p-0 { padding: 0px; } .p-1 { padding: 0.25rem; } .p-2 { padding: 0.5rem; } .p-3 { padding: 0.75rem; } .p-4 { padding: 1rem; } .p-6 { padding: 1.5rem; } .px-1 { padding-left: 0.25rem; padding-right: 0.25rem; } .px-2 { padding-left: 0.5rem; padding-right: 0.5rem; } .px-3 { padding-left: 0.75rem; padding-right: 0.75rem; } .px-4 { padding-left: 1rem; padding-right: 1rem; } .px-6 { padding-left: 1.5rem; padding-right: 1.5rem; } .py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; } .py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; } .py-2\.5 { padding-top: 0.625rem; padding-bottom: 0.625rem; } .py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; } .py-4 { padding-top: 1rem; padding-bottom: 1rem; } .pl-10 { padding-left: 2.5rem; } .pr-10 { padding-right: 2.5rem; } .pr-4 { padding-right: 1rem; } .text-left { text-align: left; } .text-center { text-align: center; } .text-justify { text-align: justify; } .text-3xl { font-size: 1.875rem; line-height: 2.25rem; } .text-4xl { font-size: 2.25rem; line-height: 2.5rem; } .text-base { font-size: 1rem; line-height: 1.5rem; } .text-lg { font-size: 1.125rem; line-height: 1.75rem; } .text-sm { font-size: 0.875rem; line-height: 1.25rem; } .text-xl { font-size: 1.25rem; line-height: 1.75rem; } .text-xs { font-size: 0.75rem; line-height: 1rem; } .font-bold { font-weight: 700; } .font-medium { font-weight: 500; } .font-semibold { font-weight: 600; } .uppercase { text-transform: uppercase; } .lowercase { text-transform: lowercase; } .italic { font-style: italic; } .leading-none { line-height: 1; } .leading-relaxed { line-height: 1.625; } .tracking-tight { letter-spacing: -0.025em; } .text-black { --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } .text-blue-600 { --tw-text-opacity: 1; color: rgb(37 99 235 / var(--tw-text-opacity)); } .text-blue-700 { --tw-text-opacity: 1; color: rgb(29 78 216 / var(--tw-text-opacity)); } .text-blue-800 { --tw-text-opacity: 1; color: rgb(30 64 175 / var(--tw-text-opacity)); } .text-emerald-500 { --tw-text-opacity: 1; color: rgb(16 185 129 / var(--tw-text-opacity)); } .text-emerald-600 { --tw-text-opacity: 1; color: rgb(5 150 105 / var(--tw-text-opacity)); } .text-gray-200 { --tw-text-opacity: 1; color: rgb(229 231 235 / var(--tw-text-opacity)); } .text-gray-300 { --tw-text-opacity: 1; color: rgb(209 213 219 / var(--tw-text-opacity)); } .text-gray-400 { --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity)); } .text-gray-500 { --tw-text-opacity: 1; color: rgb(107 114 128 / var(--tw-text-opacity)); } .text-gray-600 { --tw-text-opacity: 1; color: rgb(75 85 99 / var(--tw-text-opacity)); } .text-gray-700 { --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity)); } .text-gray-800 { --tw-text-opacity: 1; color: rgb(31 41 55 / var(--tw-text-opacity)); } .text-green-500 { --tw-text-opacity: 1; color: rgb(34 197 94 / var(--tw-text-opacity)); } .text-green-600 { --tw-text-opacity: 1; color: rgb(22 163 74 / var(--tw-text-opacity)); } .text-muted-foreground { color: hsl(var(--muted-foreground)); } .text-red-500 { --tw-text-opacity: 1; color: rgb(239 68 68 / var(--tw-text-opacity)); } .text-red-600 { --tw-text-opacity: 1; color: rgb(220 38 38 / var(--tw-text-opacity)); } .text-white { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .text-yellow-400 { --tw-text-opacity: 1; color: rgb(250 204 21 / var(--tw-text-opacity)); } .underline { text-decoration-line: underline; } .opacity-70 { opacity: 0.7; } .\!shadow-none { --tw-shadow: 0 0 #0000 !important; --tw-shadow-colored: 0 0 #0000 !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .shadow { --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-inner { --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05); --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-lg { --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-md { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-gray-500\/30 { --tw-shadow-color: rgb(107 114 128 / 0.3); --tw-shadow: var(--tw-shadow-colored); } .outline { outline-style: solid; } .ring-offset-background { --tw-ring-offset-color: hsl(var(--background)); } .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); } .drop-shadow-lg { --tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / 0.04)) drop-shadow(0 4px 3px rgb(0 0 0 / 0.1)); 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); } .transition { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-all { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-colors { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-opacity { transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-transform { transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .duration-1000 { transition-duration: 1000ms; } .duration-200 { transition-duration: 200ms; } .duration-300 { transition-duration: 300ms; } .ease-in { transition-timing-function: cubic-bezier(0.4, 0, 1, 1); } .ease-in-out { transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .ease-out { transition-timing-function: cubic-bezier(0, 0, 0.2, 1); } @keyframes enter { from { opacity: var(--tw-enter-opacity, 1); transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0)); } } @keyframes exit { to { opacity: var(--tw-exit-opacity, 1); transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0)); } } .duration-1000 { animation-duration: 1000ms; } .duration-200 { animation-duration: 200ms; } .duration-300 { animation-duration: 300ms; } .ease-in { animation-timing-function: cubic-bezier(0.4, 0, 1, 1); } .ease-in-out { animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .ease-out { animation-timing-function: cubic-bezier(0, 0, 0.2, 1); } .running { animation-play-state: running; } .\[a-zA-Z0-9\:-\] { a-z-a--z0-9: -; } .\[animation-duration\:200\] { animation-duration: 200; } :root { --font-sans: "Quicksand"; --background: 0 0% 100%; --foreground: 240 10% 3.9%; --card: 0 0% 100%; --card-foreground: 240 10% 3.9%; --popover: 0 0% 100%; --popover-foreground: 240 10% 3.9%; --primary: 240 5.9% 10%; --primary-foreground: 0 0% 98%; --secondary: 240 4.8% 95.9%; --secondary-foreground: 240 5.9% 10%; --muted: 240 4.8% 95.9%; --muted-foreground: 240 3.8% 46.1%; --accent: 240 4.8% 95.9%; --accent-foreground: 240 5.9% 10%; --destructive: 0 84.2% 60.2%; --destructive-foreground: 0 0% 98%; --border: 240 5.9% 90%; --input: 240 5.9% 90%; --ring: 240 5.9% 10%; --radius: 0.5rem; color-scheme: light; --quicksand: "Quicksand", ui-sans-serif, system-ui; --mat-bottom-sheet-container-text-font: var(--quicksand); --tui-font-text: var(--quicksand); --mat-sys-body-large-font: var(--quicksand); --mat-select-trigger-text-font: var(--quicksand); } .mat-bottom-sheet-container { font-family: var(--quicksand); } .mat-dialog-container { font-family: var(--quicksand); } .mat-snack-bar-container { font-family: var(--quicksand); } .mat-menu-content { font-family: var(--quicksand); } .mat-tooltip { font-family: var(--quicksand); } .mat-autocomplete-panel, .mat-select-panel { font-family: var(--quicksand); } html, body { height: 100vh; width: 100vw; font-weight: 400; } body { margin: 0; font-family: "Quicksand", ui-sans-serif, system-ui !important; display: grid; } .mdc-notched-outline__notch { border-style: none; } .ql-container { height: 200px; overflow-y: auto; } :root { --scrollbar-width: 4px; --scrollbar-thumb-border-radius: calc(var(--scrollbar-width) / 2); --brand-h: 93.46; --brand-s: 30.23%; --brand-l: 33.73%; --brand-clr: hsl(var(--brand-h), var(--brand-s), var(--brand-l)); --brand-clr-light: hsl( var(--brand-h), var(--brand-s), calc(var(--brand-l) + 15%) ); --brand-clr-darken: hsl( var(--brand-h), var(--brand-s), calc(var(--brand-l) - 10%) ); --dialog-bg: #fff; } ::-webkit-scrollbar { width: var(--scrollbar-width); } ::-webkit-scrollbar-track { background-color: #f1f1f1; } ::-webkit-scrollbar-thumb { background-color: #888; border-radius: var(--scrollbar-thumb-border-radius); } ::-webkit-scrollbar-thumb:hover { background-color: #555; } * { scrollbar-width: thin; scrollbar-color: #888 #f1f1f1; } *::-webkit-scrollbar { width: var(--scrollbar-width); } *::-webkit-scrollbar-track { background-color: #f1f1f1; } *::-webkit-scrollbar-thumb { background-color: #888; border-radius: var(--scrollbar-thumb-border-radius); } *::-webkit-scrollbar-thumb:hover { background-color: #555; } [data-lastpass-icon-root] { display: none !important; } * { } .d-grid { display: grid; grid-gap: 20px; } .d-flex { display: flex; } @page { margin: 0; } body { margin: 0; } .sheet { margin: 0; overflow: hidden; position: relative; box-sizing: border-box; page-break-after: always; } body.A3 .sheet { width: 297mm; height: 419mm; } body.A3.Landscape .sheet { width: 420mm; height: 296mm; } body.A4 .sheet { width: 210mm; height: 296mm; } body.A4.Landscape .sheet { width: 297mm; height: 209mm; } body.A5 .sheet { width: 148mm; height: 209mm; } body.A5.Landscape .sheet { width: 210mm; height: 147mm; } body.letter .sheet { width: 216mm; height: 279mm; } body.letter.Landscape .sheet { width: 280mm; height: 215mm; } body.legal .sheet { width: 216mm; height: 356mm; } body.legal.Landscape .sheet { width: 357mm; height: 215mm; } .sheet.padding-5mm { padding: 5mm; } .sheet.padding-10mm { padding: 10mm; } .sheet.padding-15mm { padding: 15mm; } .sheet.padding-20mm { padding: 20mm; } .sheet.padding-25mm { padding: 25mm; } @media screen { body:has(.sheet) { background: #e0e0e0; } .sheet { background: white; box-shadow: 0 0.5mm 2mm rgba(0, 0, 0, 0.3); margin: 5mm auto; } .sheet.left { margin: 0; margin-top: 5mm; margin-bottom: 5mm; margin-left: 10mm; } } @media print { body.A3.Landscape { width: 420mm; } body.A3, body.A4.Landscape { width: 297mm; } body.A4, body.A5.Landscape { width: 210mm; } body.A5 { width: 148mm; } body.letter, body.legal { width: 216mm; } body.letter.Landscape { width: 280mm; } body.legal.Landscape { width: 357mm; } } app-root { overflow: hidden; } .basemap-option { --mat-option-label-text-size: 0.9rem; } .basemap-select { --mat-select-trigger-text-size: 0.9rem; } .cdk-overlay-container { z-index: unset; } .test-class { display: grid; padding: 0; padding-left: 1rem; } i.fa.fa-arrow-right-from-bracket { transform: rotate(180deg); } .context-menu { background-color: var(--gray-0); border-radius: var(--radius-2); box-shadow: var(--shadow-2); padding: var(--size-1) 0; list-style: none; min-width: 15rem; font-family: var(--font-sans); } .context-menu li { padding: var(--size-2) var(--size-3); cursor: pointer; transition: background-color 0.2s ease-in-out; color: var(--gray-9); font-size: 1rem; } .context-menu li:hover { background-color: var(--gray-2); } .context-menu li:active { background-color: var(--gray-3); } .context-menu li:not(:last-child) { border-bottom: 1px solid var(--gray-3); } @media (max-width: 600px) { .context-menu { min-width: 15rem; } .context-menu li { font-size: 0.875rem; padding: var(--size-1) var(--size-2); } } .hover\:bg-blue-600:hover { --tw-bg-opacity: 1; background-color: rgb(37 99 235 / var(--tw-bg-opacity)); } .hover\:bg-gray-100:hover { --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity)); } .hover\:bg-gray-200:hover { --tw-bg-opacity: 1; background-color: rgb(229 231 235 / var(--tw-bg-opacity)); } .hover\:bg-gray-300:hover { --tw-bg-opacity: 1; background-color: rgb(209 213 219 / var(--tw-bg-opacity)); } .hover\:bg-gray-400:hover { --tw-bg-opacity: 1; background-color: rgb(156 163 175 / var(--tw-bg-opacity)); } .hover\:bg-gray-50:hover { --tw-bg-opacity: 1; background-color: rgb(249 250 251 / var(--tw-bg-opacity)); } .hover\:bg-green-600:hover { --tw-bg-opacity: 1; background-color: rgb(22 163 74 / var(--tw-bg-opacity)); } .hover\:bg-green-700:hover { --tw-bg-opacity: 1; background-color: rgb(21 128 61 / var(--tw-bg-opacity)); } .hover\:bg-red-600:hover { --tw-bg-opacity: 1; background-color: rgb(220 38 38 / var(--tw-bg-opacity)); } .hover\:bg-red-700:hover { --tw-bg-opacity: 1; background-color: rgb(185 28 28 / var(--tw-bg-opacity)); } .hover\:bg-yellow-600:hover { --tw-bg-opacity: 1; background-color: rgb(202 138 4 / var(--tw-bg-opacity)); } .hover\:text-blue-600:hover { --tw-text-opacity: 1; color: rgb(37 99 235 / var(--tw-text-opacity)); } .hover\:text-gray-600:hover { --tw-text-opacity: 1; color: rgb(75 85 99 / var(--tw-text-opacity)); } .hover\:text-gray-700:hover { --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity)); } .hover\:text-gray-800:hover { --tw-text-opacity: 1; color: rgb(31 41 55 / var(--tw-text-opacity)); } .hover\:text-red-500:hover { --tw-text-opacity: 1; color: rgb(239 68 68 / var(--tw-text-opacity)); } .hover\:text-violet-500:hover { --tw-text-opacity: 1; color: rgb(139 92 246 / var(--tw-text-opacity)); } .hover\:text-white:hover { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .hover\:underline:hover { text-decoration-line: underline; } .hover\:opacity-100:hover { opacity: 1; } .hover\:shadow-lg:hover { --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .focus\:border-blue-500:focus { --tw-border-opacity: 1; border-color: rgb(59 130 246 / var(--tw-border-opacity)); } .focus\:outline-none:focus { outline: 2px solid transparent; outline-offset: 2px; } .focus\:ring-2:focus { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .focus\:ring-blue-300:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(147 197 253 / var(--tw-ring-opacity)); } .focus\:ring-blue-500:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity)); } .focus\:ring-red-500:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity)); } .focus\:ring-ring:focus { --tw-ring-color: hsl(var(--ring)); } .focus\:ring-yellow-500:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(234 179 8 / var(--tw-ring-opacity)); } .focus\:ring-offset-2:focus { --tw-ring-offset-width: 2px; } .disabled\:pointer-events-none:disabled { pointer-events: none; } .disabled\:cursor-not-allowed:disabled { cursor: not-allowed; } .disabled\:bg-blue-300:disabled { --tw-bg-opacity: 1; background-color: rgb(147 197 253 / var(--tw-bg-opacity)); } .disabled\:bg-gray-300:disabled { --tw-bg-opacity: 1; background-color: rgb(209 213 219 / var(--tw-bg-opacity)); } .disabled\:bg-gray-400:disabled { --tw-bg-opacity: 1; background-color: rgb(156 163 175 / var(--tw-bg-opacity)); } .disabled\:text-gray-600:disabled { --tw-text-opacity: 1; color: rgb(75 85 99 / var(--tw-text-opacity)); } .disabled\:opacity-50:disabled { opacity: 0.5; } .data-\[state\=open\]\:bg-accent[data-state=open] { background-color: hsl(var(--accent)); } .data-\[state\=open\]\:text-muted-foreground[data-state=open] { color: hsl(var(--muted-foreground)); } .data-\[state\=open\]\:animate-in[data-state=open] { animation-name: enter; animation-duration: 150ms; --tw-enter-opacity: initial; --tw-enter-scale: initial; --tw-enter-rotate: initial; --tw-enter-translate-x: initial; --tw-enter-translate-y: initial; } .data-\[state\=closed\]\:animate-out[data-state=closed] { animation-name: exit; animation-duration: 150ms; --tw-exit-opacity: initial; --tw-exit-scale: initial; --tw-exit-rotate: initial; --tw-exit-translate-x: initial; --tw-exit-translate-y: initial; } .data-\[state\=closed\]\:fade-out-0[data-state=closed] { --tw-exit-opacity: 0; } .data-\[state\=open\]\:fade-in-0[data-state=open] { --tw-enter-opacity: 0; } .data-\[state\=closed\]\:zoom-out-95[data-state=closed] { --tw-exit-scale: .95; } .data-\[state\=open\]\:zoom-in-95[data-state=open] { --tw-enter-scale: .95; } .data-\[state\=closed\]\:slide-out-to-top-\[2\%\][data-state=closed] { --tw-exit-translate-y: -2%; } .data-\[state\=open\]\:slide-in-from-top-\[2\%\][data-state=open] { --tw-enter-translate-y: -2%; } @media (min-width: 640px) { .sm\:flex-row { flex-direction: row; } .sm\:items-center { align-items: center; } .sm\:justify-end { justify-content: flex-end; } .sm\:justify-between { justify-content: space-between; } .sm\:space-x-2 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(0.5rem * var(--tw-space-x-reverse)); margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse))); } .sm\:rounded-lg { border-radius: var(--radius); } .sm\:text-left { text-align: left; } } @media (min-width: 768px) { .md\:max-h-\[500px\] { max-height: 500px; } .md\:w-full { width: 100%; } } @media (min-width: 1024px) { .lg\:max-h-\[800px\] { max-height: 800px; } } @media (min-width: 1280px) { .xl\:left-16 { left: 4rem; } .xl\:translate-x-0 { --tw-translate-x: 0px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } } /* angular:styles/global:styles */ /*# sourceMappingURL=styles.css.map */