@import "https://fonts.googleapis.com/css2?family=Red+Hat+Display:ital,wght@0,300..900;1,300..900&display=swap"; /* node_modules/@taiga-ui/core/styles/taiga-ui-theme.less */ :root { --tui-heading-font: "Manrope", -apple-system, "BlinkMacSystemFont", system-ui, "Roboto", "Segoe UI", "Helvetica Neue", sans-serif; --tui-text-font: "Manrope", -apple-system, "BlinkMacSystemFont", system-ui, "Roboto", "Segoe UI", "Helvetica Neue", sans-serif; --tui-font-heading: var(--tui-heading-font); --tui-font-heading-1: bold 3.125rem/3.5rem var(--tui-font-heading); --tui-font-heading-2: bold 2.75rem/3rem var(--tui-font-heading); --tui-font-heading-3: bold 2.25rem/2.5rem var(--tui-font-heading); --tui-font-heading-4: bold 1.75rem/2rem var(--tui-font-heading); --tui-font-heading-5: bold 1.5rem/1.75rem var(--tui-font-heading); --tui-font-heading-6: bold 1.25rem/1.5rem var(--tui-font-heading); --tui-font-text: var(--tui-text-font); --tui-font-text-xl: normal 1.1875rem/1.75rem var(--tui-font-text); --tui-font-text-l: normal 1.0625rem/1.75rem var(--tui-font-text); --tui-font-text-l-2: normal 1.0625rem/1.5rem var(--tui-font-text); --tui-font-text-m: normal 1rem/1.5rem var(--tui-font-text); --tui-font-text-m-2: normal 1rem/1.25rem var(--tui-font-text); --tui-font-text-s: normal 0.8125rem/1.25rem var(--tui-font-text); --tui-font-text-s-2: normal 0.8125rem/1rem var(--tui-font-text); --tui-font-text-xs: normal 0.6875rem/1rem var(--tui-font-text); --tui-font-text-xs-2: normal 0.6875rem/0.8125rem var(--tui-font-text); --tui-radius-xs: 0.25rem; --tui-radius-s: 0.5rem; --tui-radius-m: 0.75rem; --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.75rem; --tui-padding-m: 0.75rem; --tui-padding-l: 1rem; --tui-duration: 0.3s; --tui-backdrop: none; --tui-disabled-opacity: 0.56; --tui-autofill: #fff5c0; --tui-base-01: #fff; --tui-base-02: #f6f6f6; --tui-base-03: #ededed; --tui-base-04: #d7d7d7; --tui-base-05: #b0b0b0; --tui-base-06: #959595; --tui-base-07: #808080; --tui-base-08: #333; --tui-base-09: #000; --tui-primary: #526ed3; --tui-primary-hover: #6c86e2; --tui-primary-active: #314692; --tui-primary-text: #fff; --tui-secondary: #ebefff; --tui-secondary-hover: #dfe3f3; --tui-secondary-active: #d8ddf2; --tui-accent: #ff7043; --tui-accent-hover: #ff9a94; --tui-accent-active: #e7716a; --tui-accent-text: #fff; --tui-selection: rgba(112, 182, 246, 0.12); --tui-focus: rgba(51, 51, 51, 0.64); --tui-clear: rgba(0, 0, 0, 0.04); --tui-clear-disabled: rgba(0, 0, 0, 0.04); --tui-clear-hover: rgba(0, 0, 0, 0.16); --tui-clear-active: rgba(0, 0, 0, 0.2); --tui-clear-inverse: rgba(255, 255, 255, 0.16); --tui-clear-inverse-hover: rgba(255, 255, 255, 0.24); --tui-clear-inverse-active: rgba(255, 255, 255, 0.4); --tui-elevation-01: #fff; --tui-elevation-02: #fff; --tui-error-fill: #f45725; --tui-error-bg: rgba(244, 87, 37, 0.12); --tui-error-bg-hover: rgba(244, 87, 37, 0.24); --tui-success-fill: #4ac99b; --tui-success-bg: rgba(74, 201, 155, 0.12); --tui-success-bg-hover: rgba(74, 201, 155, 0.24); --tui-warning-fill: #ffc700; --tui-warning-bg: rgba(255, 199, 0, 0.12); --tui-warning-bg-hover: rgba(255, 199, 0, 0.24); --tui-info-fill: #70b6f6; --tui-info-bg: rgba(112, 182, 246, 0.12); --tui-info-bg-hover: rgba(112, 182, 246, 0.24); --tui-neutral-fill: #79818c; --tui-neutral-bg: rgba(121, 129, 140, 0.12); --tui-neutral-bg-hover: rgba(121, 129, 140, 0.24); --tui-text-01: #1b1f3b; --tui-text-02: rgba(27, 31, 59, 0.65); --tui-text-03: rgba(27, 31, 59, 0.4); --tui-link: #526ed3; --tui-link-hover: #6c86e2; --tui-positive: #3aa981; --tui-positive-hover: #7ac5aa; --tui-negative: #dd4c1e; --tui-negative-hover: #e38163; --tui-error-fill-night: #ff8c67; --tui-error-bg-night: rgba(244, 87, 37, 0.32); --tui-error-bg-night-hover: rgba(244, 87, 37, 0.4); --tui-success-fill-night: #4ac99b; --tui-success-bg-night: rgba(74, 201, 155, 0.32); --tui-success-bg-night-hover: rgba(74, 201, 155, 0.4); --tui-warning-fill-night: #ffc700; --tui-warning-bg-night: rgba(255, 199, 0, 0.32); --tui-warning-bg-night-hover: rgba(255, 199, 0, 0.4); --tui-info-fill-night: #70b6f6; --tui-info-bg-night: rgba(112, 182, 246, 0.32); --tui-info-bg-night-hover: rgba(112, 182, 246, 0.4); --tui-neutral-fill-night: #959ba4; --tui-neutral-bg-night: rgba(149, 155, 164, 0.32); --tui-neutral-bg-night-hover: rgba(149, 155, 164, 0.48); --tui-autofill-night: #554a2a; --tui-text-01-night: #ffffff; --tui-text-02-night: rgba(255, 255, 255, 0.72); --tui-text-03-night: rgba(255, 255, 255, 0.6); --tui-link-night: #6788ff; --tui-link-night-hover: #526ed3; --tui-positive-night: #44c596; --tui-positive-night-hover: #3aa981; --tui-negative-night: #ff8c67; --tui-negative-night-hover: #bb593a; --tui-support-01: #a8cef1; --tui-support-02: #3682db; --tui-support-03: #8dda71; --tui-support-04: #34b41f; --tui-support-05: #e29398; --tui-support-06: #b8474e; --tui-support-07: #fcc068; --tui-support-08: #ff8a00; --tui-support-09: #dab3f9; --tui-support-10: #7b439e; --tui-support-11: #fee797; --tui-support-12: #fcbb14; --tui-support-13: #ea97c4; --tui-support-14: #bd65a4; --tui-support-15: #7fd7cc; --tui-support-16: #2fad96; --tui-support-17: #d4aca2; --tui-support-18: #9d6f64; --tui-support-19: #d2e9a2; --tui-support-20: #aadc42; --tui-support-21: #a0c5df; --tui-chart-0: var(--tui-primary); --tui-chart-1: var(--tui-support-13); --tui-chart-2: var(--tui-support-21); --tui-chart-3: var(--tui-support-11); --tui-chart-4: var(--tui-base-05); --tui-shadow: 0 0.25rem 1.5rem rgba(0, 0, 0, 0.12); --tui-shadow-hover: 0 0.75rem 2.25rem rgba(0, 0, 0, 0.2); --tui-shadow-dropdown: 0 1.5rem 1rem rgba(0, 0, 0, 0.03), 0 0.75rem 0.75rem rgba(0, 0, 0, 0.04), 0 0.25rem 0.375rem rgba(0, 0, 0, 0.05); --tui-shadow-modal: 0 1.125rem 1.875rem rgba(0, 0, 0, 0.48); --tui-shadow-sidebar: 0.25rem 0 1.5rem rgba(0, 0, 0, 0.12); --tui-shadow-navigation: 0 0.125rem 1rem rgba(0, 0, 0, 0.08); --tui-shadow-sheet: 0 -1rem 1.75rem rgba(0, 0, 0, 0.24); } [tuiTheme=night] { --tui-base-01: #222; --tui-base-02: #333; --tui-base-03: #808080; --tui-base-04: #959595; --tui-base-05: #b0b0b0; --tui-base-06: #d7d7d7; --tui-base-07: #ededed; --tui-base-08: #f6f6f6; --tui-base-09: #fff; --tui-focus: rgba(51, 51, 51, 0.64); --tui-secondary: rgba(255, 255, 255, 0.16); --tui-secondary-hover: rgba(255, 255, 255, 0.24); --tui-secondary-active: rgba(255, 255, 255, 0.4); --tui-clear: rgba(255, 255, 255, 0.16); --tui-clear-disabled: rgba(255, 255, 255, 0.08); --tui-clear-hover: rgba(255, 255, 255, 0.24); --tui-clear-active: rgba(255, 255, 255, 0.4); --tui-error-fill: #ff8c67; --tui-error-bg: rgba(244, 87, 37, 0.32); --tui-error-bg-hover: rgba(244, 87, 37, 0.4); --tui-success-fill: #4ac99b; --tui-success-bg: rgba(74, 201, 155, 0.32); --tui-success-bg-hover: rgba(74, 201, 155, 0.4); --tui-warning-fill: #ffc700; --tui-warning-bg: rgba(255, 199, 0, 0.32); --tui-warning-bg-hover: rgba(255, 199, 0, 0.4); --tui-info-fill: #70b6f6; --tui-info-bg: rgba(112, 182, 246, 0.32); --tui-info-bg-hover: rgba(112, 182, 246, 0.4); --tui-neutral-fill: #959ba4; --tui-neutral-bg: rgba(149, 155, 164, 0.32); --tui-neutral-bg-hover: rgba(149, 155, 164, 0.48); --tui-text-01: #ffffff; --tui-text-02: rgba(255, 255, 255, 0.72); --tui-text-03: rgba(255, 255, 255, 0.6); --tui-link: #6788ff; --tui-link-hover: #526ed3; --tui-positive: #44c596; --tui-positive-hover: #3aa981; --tui-negative: #ff8c67; --tui-negative-hover: #bb593a; --tui-autofill: var(--tui-autofill-night); --tui-elevation-01: #222; --tui-elevation-02: #222; --tui-shadow: 0 0.25rem 1.5rem rgba(0, 0, 0, 0.12); --tui-shadow-hover: 0 0.75rem 2.25rem rgba(0, 0, 0, 0.2); --tui-shadow-dropdown: 0 1.5rem 1rem rgba(0, 0, 0, 0.03), 0 0.75rem 0.75rem rgba(0, 0, 0, 0.04), 0 0.25rem 0.375rem rgba(0, 0, 0, 0.05); --tui-shadow-modal: 0 1.125rem 1.875rem rgba(0, 0, 0, 0.48); --tui-shadow-sidebar: 0.25rem 0 1.5rem rgba(0, 0, 0, 0.12); --tui-shadow-navigation: 0 0.125rem 1rem rgba(0, 0, 0, 0.08); --tui-shadow-sheet: 0 -1rem 1.75rem rgba(0, 0, 0, 0.24); } [tuiTheme=night] tui-notification { --tui-base-01: #000; } [tuiAppearance] { transition-property: color, background, opacity, box-shadow; transition-duration: var(--tui-duration, 300ms); transition-timing-function: ease-in-out; position: relative; appearance: none; outline: 0.125rem solid transparent; outline-offset: -0.125rem; } [tuiAppearance]:focus-visible:not([data-focus=false]), [tuiAppearance][data-focus=true] { outline-color: var(--tui-focus); } [tuiAppearance]:disabled:not([data-state]), [tuiAppearance][data-state=disabled] { pointer-events: none; opacity: var(--tui-disabled-opacity); } [tuiAppearance][data-appearance=accent] { background: var(--tui-accent); color: var(--tui-accent-text); } @media (hover: hover) { [tuiAppearance][data-appearance=accent]:-webkit-any(a, button, select, textarea, input, label):hover:not([data-state]) { background: var(--tui-accent-hover); } } @media (hover: hover) { [tuiAppearance][data-appearance=accent]:-moz-any(a, button, select, textarea, input, label):hover:not([data-state]) { background: var(--tui-accent-hover); } } [tuiAppearance][data-appearance=accent][data-state=hover] { background: var(--tui-accent-hover); } [tuiAppearance][data-appearance=accent]:-webkit-any(a, button, select, textarea, input, label):active:not([data-state]) { background: var(--tui-accent-active); } [tuiAppearance][data-appearance=accent]:-moz-any(a, button, select, textarea, input, label):active:not([data-state]) { background: var(--tui-accent-active); } [tuiAppearance][data-appearance=accent][data-state=active] { background: var(--tui-accent-active); } [tuiAppearance][data-appearance=floating] { background: #fff; color: rgba(0, 0, 0, 0.8); box-shadow: 0 0.25rem 1.25rem rgba(0, 0, 0, 0.1); } @media (hover: hover) { [tuiAppearance][data-appearance=floating]:-webkit-any(a, button, select, textarea, input, label):hover:not([data-state]) { box-shadow: 0 0.875rem 2.625rem rgba(0, 0, 0, 0.14); } } @media (hover: hover) { [tuiAppearance][data-appearance=floating]:-moz-any(a, button, select, textarea, input, label):hover: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); } [tuiAppearance][data-appearance=floating]:-webkit-any(a, button, select, textarea, input, label):active:not([data-state]) { background: #f6f7f8; box-shadow: 0 0.25rem 1.25rem rgba(0, 0, 0, 0.1); } [tuiAppearance][data-appearance=floating]:-moz-any(a, button, select, textarea, input, label):active:not([data-state]) { background: #f6f7f8; box-shadow: 0 0.25rem 1.25rem rgba(0, 0, 0, 0.1); } [tuiAppearance][data-appearance=floating][data-state=active] { background: #f6f7f8; 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-focus: rgba(255, 255, 255, 0.64); } @media (hover: hover) { [tuiAppearance][data-appearance=glass]:-webkit-any(a, button, select, textarea, input, label):hover:not([data-state]) { background: rgba(0, 0, 0, 0.48); } } @media (hover: hover) { [tuiAppearance][data-appearance=glass]:-moz-any(a, button, select, textarea, input, label):hover:not([data-state]) { background: rgba(0, 0, 0, 0.48); } } [tuiAppearance][data-appearance=glass][data-state=hover] { background: rgba(0, 0, 0, 0.48); } [tuiAppearance][data-appearance=glass]:-webkit-any(a, button, select, textarea, input, label):active:not([data-state]) { background: rgba(0, 0, 0, 0.6); } [tuiAppearance][data-appearance=glass]:-moz-any(a, button, select, textarea, input, label):active:not([data-state]) { background: rgba(0, 0, 0, 0.6); } [tuiAppearance][data-appearance=glass][data-state=active] { background: rgba(0, 0, 0, 0.6); } [tuiTheme=night] [tuiAppearance][data-appearance=glass] { background: rgba(255, 255, 255, 0.3); } @media (hover: hover) { [tuiTheme=night] [tuiAppearance][data-appearance=glass]:-webkit-any(a, button, select, textarea, input, label):hover:not([data-state]) { background: rgba(255, 255, 255, 0.4); } } @media (hover: hover) { [tuiTheme=night] [tuiAppearance][data-appearance=glass]:-moz-any(a, button, select, textarea, input, label):hover:not([data-state]) { background: rgba(255, 255, 255, 0.4); } } [tuiTheme=night] [tuiAppearance][data-appearance=glass][data-state=hover] { background: rgba(255, 255, 255, 0.4); } [tuiTheme=night] [tuiAppearance][data-appearance=glass]:-webkit-any(a, button, select, textarea, input, label):active:not([data-state]) { background: rgba(255, 255, 255, 0.5); } [tuiTheme=night] [tuiAppearance][data-appearance=glass]:-moz-any(a, button, select, textarea, input, label):active:not([data-state]) { background: rgba(255, 255, 255, 0.5); } [tuiTheme=night] [tuiAppearance][data-appearance=glass][data-state=active] { background: rgba(255, 255, 255, 0.5); } [tuiAppearance][data-appearance=icon] { color: var(--tui-text-03); } @media (hover: hover) { [tuiAppearance][data-appearance=icon]:-webkit-any(a, button, select, textarea, input, label):hover:not([data-state]) { color: var(--tui-text-02); } } @media (hover: hover) { [tuiAppearance][data-appearance=icon]:-moz-any(a, button, select, textarea, input, label):hover:not([data-state]) { color: var(--tui-text-02); } } [tuiAppearance][data-appearance=icon][data-state=hover] { color: var(--tui-text-02); } [tuiAppearance][data-appearance=icon]:-webkit-any(a, button, select, textarea, input, label):active:not([data-state]) { color: var(--tui-text-01); } [tuiAppearance][data-appearance=icon]:-moz-any(a, button, select, textarea, input, label):active:not([data-state]) { color: var(--tui-text-01); } [tuiAppearance][data-appearance=icon][data-state=active] { color: var(--tui-text-01); } [tuiAppearance][data-appearance=whiteblock]:before, [tuiAppearance][data-appearance=neutral]:before, [tuiAppearance][data-appearance=floating]:before, [tuiAppearance][data-appearance=whiteblock]:after, [tuiAppearance][data-appearance=neutral]:after, [tuiAppearance][data-appearance=floating]:after { transition-property: color; transition-duration: var(--tui-duration, 300ms); transition-timing-function: ease-in-out; color: var(--tui-text-03); } @media (hover: hover) { [tuiAppearance][data-appearance=whiteblock]:-webkit-any(a, button, select, textarea, input, label):hover:not([data-state]):before, [tuiAppearance][data-appearance=neutral]:-webkit-any(a, button, select, textarea, input, label):hover:not([data-state]):before, [tuiAppearance][data-appearance=floating]:-webkit-any(a, button, select, textarea, input, label):hover:not([data-state]):before, [tuiAppearance][data-appearance=whiteblock]:-webkit-any(a, button, select, textarea, input, label):hover:not([data-state]):after, [tuiAppearance][data-appearance=neutral]:-webkit-any(a, button, select, textarea, input, label):hover:not([data-state]):after, [tuiAppearance][data-appearance=floating]:-webkit-any(a, button, select, textarea, input, label):hover:not([data-state]):after { color: var(--tui-text-02); } } @media (hover: hover) { [tuiAppearance][data-appearance=whiteblock]:-moz-any(a, button, select, textarea, input, label):hover:not([data-state]):before, [tuiAppearance][data-appearance=neutral]:-moz-any(a, button, select, textarea, input, label):hover:not([data-state]):before, [tuiAppearance][data-appearance=floating]:-moz-any(a, button, select, textarea, input, label):hover:not([data-state]):before, [tuiAppearance][data-appearance=whiteblock]:-moz-any(a, button, select, textarea, input, label):hover:not([data-state]):after, [tuiAppearance][data-appearance=neutral]:-moz-any(a, button, select, textarea, input, label):hover:not([data-state]):after, [tuiAppearance][data-appearance=floating]:-moz-any(a, button, select, textarea, input, label):hover:not([data-state]):after { color: var(--tui-text-02); } } [tuiAppearance][data-appearance=whiteblock][data-state=hover]:before, [tuiAppearance][data-appearance=neutral][data-state=hover]:before, [tuiAppearance][data-appearance=floating][data-state=hover]:before, [tuiAppearance][data-appearance=whiteblock][data-state=hover]:after, [tuiAppearance][data-appearance=neutral][data-state=hover]:after, [tuiAppearance][data-appearance=floating][data-state=hover]:after { color: var(--tui-text-02); } [tuiAppearance][data-appearance=whiteblock]:-webkit-any(a, button, select, textarea, input, label):active:not([data-state]):before, [tuiAppearance][data-appearance=neutral]:-webkit-any(a, button, select, textarea, input, label):active:not([data-state]):before, [tuiAppearance][data-appearance=floating]:-webkit-any(a, button, select, textarea, input, label):active:not([data-state]):before, [tuiAppearance][data-appearance=whiteblock]:-webkit-any(a, button, select, textarea, input, label):active:not([data-state]):after, [tuiAppearance][data-appearance=neutral]:-webkit-any(a, button, select, textarea, input, label):active:not([data-state]):after, [tuiAppearance][data-appearance=floating]:-webkit-any(a, button, select, textarea, input, label):active:not([data-state]):after { color: var(--tui-text-01); } [tuiAppearance][data-appearance=whiteblock]:-moz-any(a, button, select, textarea, input, label):active:not([data-state]):before, [tuiAppearance][data-appearance=neutral]:-moz-any(a, button, select, textarea, input, label):active:not([data-state]):before, [tuiAppearance][data-appearance=floating]:-moz-any(a, button, select, textarea, input, label):active:not([data-state]):before, [tuiAppearance][data-appearance=whiteblock]:-moz-any(a, button, select, textarea, input, label):active:not([data-state]):after, [tuiAppearance][data-appearance=neutral]:-moz-any(a, button, select, textarea, input, label):active:not([data-state]):after, [tuiAppearance][data-appearance=floating]:-moz-any(a, button, select, textarea, input, label):active:not([data-state]):after { color: var(--tui-text-01); } [tuiAppearance][data-appearance=whiteblock][data-state=active]:before, [tuiAppearance][data-appearance=neutral][data-state=active]:before, [tuiAppearance][data-appearance=floating][data-state=active]:before, [tuiAppearance][data-appearance=whiteblock][data-state=active]:after, [tuiAppearance][data-appearance=neutral][data-state=active]:after, [tuiAppearance][data-appearance=floating][data-state=active]:after { color: var(--tui-text-01); } [tuiAppearance][data-appearance=link] { color: var(--tui-link); } @media (hover: hover) { [tuiAppearance][data-appearance=link]:-webkit-any(a, button, select, textarea, input, label):hover:not([data-state]) { color: var(--tui-link-hover); } } @media (hover: hover) { [tuiAppearance][data-appearance=link]:-moz-any(a, button, select, textarea, input, label):hover:not([data-state]) { color: var(--tui-link-hover); } } [tuiAppearance][data-appearance=link][data-state=hover] { color: var(--tui-link-hover); } [tuiAppearance][data-appearance=link]:-webkit-any(a, button, select, textarea, input, label):active:not([data-state]) { color: var(--tui-link-hover); } [tuiAppearance][data-appearance=link]:-moz-any(a, button, select, textarea, input, label):active:not([data-state]) { color: var(--tui-link-hover); } [tuiAppearance][data-appearance=link][data-state=active] { color: var(--tui-link-hover); } [tuiAppearance][data-appearance=opposite] { --tui-focus: rgba(255, 255, 255, 0.64); background: #000; color: #fff; } @media (hover: hover) { [tuiAppearance][data-appearance=opposite]:-webkit-any(a, button, select, textarea, input, label):hover:not([data-state]) { background: #333; } } @media (hover: hover) { [tuiAppearance][data-appearance=opposite]:-moz-any(a, button, select, textarea, input, label):hover:not([data-state]) { background: #333; } } [tuiAppearance][data-appearance=opposite][data-state=hover] { background: #333; } [tuiAppearance][data-appearance=opposite]:-webkit-any(a, button, select, textarea, input, label):active:not([data-state]) { background: #5c636b; } [tuiAppearance][data-appearance=opposite]:-moz-any(a, button, select, textarea, input, label):active:not([data-state]) { background: #5c636b; } [tuiAppearance][data-appearance=opposite][data-state=active] { background: #5c636b; } [tuiTheme=night] [tuiAppearance][data-appearance=opposite] { --tui-focus: rgba(51, 51, 51, 0.48); color: rgba(0, 0, 0, 0.8); background: #fff; } @media (hover: hover) { [tuiTheme=night] [tuiAppearance][data-appearance=opposite]:-webkit-any(a, button, select, textarea, input, label):hover:not([data-state]) { background: #f3F4f6; } } @media (hover: hover) { [tuiTheme=night] [tuiAppearance][data-appearance=opposite]:-moz-any(a, button, select, textarea, input, label):hover:not([data-state]) { background: #f3F4f6; } } [tuiTheme=night] [tuiAppearance][data-appearance=opposite][data-state=hover] { background: #f3F4f6; } [tuiTheme=night] [tuiAppearance][data-appearance=opposite]:-webkit-any(a, button, select, textarea, input, label):active:not([data-state]) { background: #eaecee; } [tuiTheme=night] [tuiAppearance][data-appearance=opposite]:-moz-any(a, button, select, textarea, input, label):active:not([data-state]) { background: #eaecee; } [tuiTheme=night] [tuiAppearance][data-appearance=opposite][data-state=active] { background: #eaecee; } [tuiAppearance][data-appearance=outline], [tuiAppearance][data-appearance=whiteblock] { background: transparent; color: var(--tui-link); box-shadow: inset 0 0 0 1px var(--tui-base-04); } @media (hover: hover) { [tuiAppearance][data-appearance=outline]:-webkit-any(a, button, select, textarea, input, label):hover:not([data-state]), [tuiAppearance][data-appearance=whiteblock]:-webkit-any(a, button, select, textarea, input, label):hover:not([data-state]) { background: var(--tui-clear); box-shadow: inset 0 0 0 1px var(--tui-base-05); cursor: pointer; } } @media (hover: hover) { [tuiAppearance][data-appearance=outline]:-moz-any(a, button, select, textarea, input, label):hover:not([data-state]), [tuiAppearance][data-appearance=whiteblock]:-moz-any(a, button, select, textarea, input, label):hover:not([data-state]) { background: var(--tui-clear); box-shadow: inset 0 0 0 1px var(--tui-base-05); cursor: pointer; } } [tuiAppearance][data-appearance=outline][data-state=hover], [tuiAppearance][data-appearance=whiteblock][data-state=hover] { background: var(--tui-clear); box-shadow: inset 0 0 0 1px var(--tui-base-05); cursor: pointer; } [tuiAppearance][data-appearance=outline]:-webkit-any(a, button, select, textarea, input, label):active:not([data-state]), [tuiAppearance][data-appearance=whiteblock]:-webkit-any(a, button, select, textarea, input, label):active:not([data-state]) { background: var(--tui-clear); box-shadow: inset 0 0 0 1px var(--tui-base-06); } [tuiAppearance][data-appearance=outline]:-moz-any(a, button, select, textarea, input, label):active:not([data-state]), [tuiAppearance][data-appearance=whiteblock]:-moz-any(a, button, select, textarea, input, label):active:not([data-state]) { background: var(--tui-clear); box-shadow: inset 0 0 0 1px var(--tui-base-06); } [tuiAppearance][data-appearance=outline][data-state=active], [tuiAppearance][data-appearance=whiteblock][data-state=active] { background: var(--tui-clear); box-shadow: inset 0 0 0 1px var(--tui-base-06); } [tuiAppearance][data-appearance=outline]:checked, [tuiAppearance][data-appearance=whiteblock]:checked { box-shadow: inset 0 0 0 2px var(--tui-primary); } @media (hover: hover) { [tuiAppearance][data-appearance=outline]:checked:-webkit-any(a, button, select, textarea, input, label):hover:not([data-state]), [tuiAppearance][data-appearance=whiteblock]:checked:-webkit-any(a, button, select, textarea, input, label):hover:not([data-state]) { box-shadow: inset 0 0 0 2px var(--tui-primary-hover); } } @media (hover: hover) { [tuiAppearance][data-appearance=outline]:checked:-moz-any(a, button, select, textarea, input, label):hover:not([data-state]), [tuiAppearance][data-appearance=whiteblock]:checked:-moz-any(a, button, select, textarea, input, label):hover:not([data-state]) { box-shadow: inset 0 0 0 2px var(--tui-primary-hover); } } [tuiAppearance][data-appearance=outline]:checked[data-state=hover], [tuiAppearance][data-appearance=whiteblock]:checked[data-state=hover] { box-shadow: inset 0 0 0 2px var(--tui-primary-hover); } [tuiAppearance][data-appearance=outline]:checked:-webkit-any(a, button, select, textarea, input, label):active:not([data-state]), [tuiAppearance][data-appearance=whiteblock]:checked:-webkit-any(a, button, select, textarea, input, label):active:not([data-state]) { box-shadow: inset 0 0 0 2px var(--tui-primary-active); } [tuiAppearance][data-appearance=outline]:checked:-moz-any(a, button, select, textarea, input, label):active:not([data-state]), [tuiAppearance][data-appearance=whiteblock]:checked:-moz-any(a, button, select, textarea, input, label):active:not([data-state]) { box-shadow: inset 0 0 0 2px var(--tui-primary-active); } [tuiAppearance][data-appearance=outline]:checked[data-state=active], [tuiAppearance][data-appearance=whiteblock]:checked[data-state=active] { box-shadow: inset 0 0 0 2px var(--tui-primary-active); } [tuiAppearance][data-appearance=whiteblock] { color: var(--tui-text-01); } [tuiAppearance][data-appearance=primary] { background: var(--tui-primary); color: var(--tui-primary-text); } @media (hover: hover) { [tuiAppearance][data-appearance=primary]:-webkit-any(a, button, select, textarea, input, label):hover:not([data-state]) { background: var(--tui-primary-hover); } } @media (hover: hover) { [tuiAppearance][data-appearance=primary]:-moz-any(a, button, select, textarea, input, label):hover:not([data-state]) { background: var(--tui-primary-hover); } } [tuiAppearance][data-appearance=primary][data-state=hover] { background: var(--tui-primary-hover); } [tuiAppearance][data-appearance=primary]:-webkit-any(a, button, select, textarea, input, label):active:not([data-state]) { background: var(--tui-primary-active); } [tuiAppearance][data-appearance=primary]:-moz-any(a, button, select, textarea, input, label):active:not([data-state]) { background: var(--tui-primary-active); } [tuiAppearance][data-appearance=primary][data-state=active] { background: var(--tui-primary-active); } [tuiAppearance][data-appearance=secondary], [tuiAppearance][data-appearance=flat], [tuiAppearance][data-appearance=destructive] { background: var(--tui-secondary); color: var(--tui-link); } @media (hover: hover) { [tuiAppearance][data-appearance=secondary]:-webkit-any(a, button, select, textarea, input, label):hover:not([data-state]), [tuiAppearance][data-appearance=flat]:-webkit-any(a, button, select, textarea, input, label):hover:not([data-state]), [tuiAppearance][data-appearance=destructive]:-webkit-any(a, button, select, textarea, input, label):hover:not([data-state]) { background: var(--tui-secondary-hover); } } @media (hover: hover) { [tuiAppearance][data-appearance=secondary]:-moz-any(a, button, select, textarea, input, label):hover:not([data-state]), [tuiAppearance][data-appearance=flat]:-moz-any(a, button, select, textarea, input, label):hover:not([data-state]), [tuiAppearance][data-appearance=destructive]:-moz-any(a, button, select, textarea, input, label):hover:not([data-state]) { background: var(--tui-secondary-hover); } } [tuiAppearance][data-appearance=secondary][data-state=hover], [tuiAppearance][data-appearance=flat][data-state=hover], [tuiAppearance][data-appearance=destructive][data-state=hover] { background: var(--tui-secondary-hover); } [tuiAppearance][data-appearance=secondary]:-webkit-any(a, button, select, textarea, input, label):active:not([data-state]), [tuiAppearance][data-appearance=flat]:-webkit-any(a, button, select, textarea, input, label):active:not([data-state]), [tuiAppearance][data-appearance=destructive]:-webkit-any(a, button, select, textarea, input, label):active:not([data-state]) { background: var(--tui-secondary-active); } [tuiAppearance][data-appearance=secondary]:-moz-any(a, button, select, textarea, input, label):active:not([data-state]), [tuiAppearance][data-appearance=flat]:-moz-any(a, button, select, textarea, input, label):active:not([data-state]), [tuiAppearance][data-appearance=destructive]:-moz-any(a, button, select, textarea, input, label):active:not([data-state]) { background: var(--tui-secondary-active); } [tuiAppearance][data-appearance=secondary][data-state=active], [tuiAppearance][data-appearance=flat][data-state=active], [tuiAppearance][data-appearance=destructive][data-state=active] { background: var(--tui-secondary-active); } [tuiAppearance][data-appearance=flat] { background: transparent; } [tuiAppearance][data-appearance=destructive] { color: var(--tui-negative); } [tuiAppearance][data-appearance=error] { color: var(--tui-text-01); background: var(--tui-error-bg); } @media (hover: hover) { [tuiAppearance][data-appearance=error]:-webkit-any(a, button, select, textarea, input, label):hover:not([data-state]) { background: var(--tui-error-bg-hover); } } @media (hover: hover) { [tuiAppearance][data-appearance=error]:-moz-any(a, button, select, textarea, input, label):hover:not([data-state]) { background: var(--tui-error-bg-hover); } } [tuiAppearance][data-appearance=error][data-state=hover] { background: var(--tui-error-bg-hover); } [tuiAppearance][data-appearance=error]:-webkit-any(a, button, select, textarea, input, label):active:not([data-state]) { background: var(--tui-error-bg-hover); } [tuiAppearance][data-appearance=error]:-moz-any(a, button, select, textarea, input, label):active:not([data-state]) { background: var(--tui-error-bg-hover); } [tuiAppearance][data-appearance=error][data-state=active] { background: var(--tui-error-bg-hover); } [tuiAppearance][data-appearance=success] { color: var(--tui-text-01); background: var(--tui-success-bg); } @media (hover: hover) { [tuiAppearance][data-appearance=success]:-webkit-any(a, button, select, textarea, input, label):hover:not([data-state]) { background: var(--tui-success-bg-hover); } } @media (hover: hover) { [tuiAppearance][data-appearance=success]:-moz-any(a, button, select, textarea, input, label):hover:not([data-state]) { background: var(--tui-success-bg-hover); } } [tuiAppearance][data-appearance=success][data-state=hover] { background: var(--tui-success-bg-hover); } [tuiAppearance][data-appearance=success]:-webkit-any(a, button, select, textarea, input, label):active:not([data-state]) { background: var(--tui-success-bg-hover); } [tuiAppearance][data-appearance=success]:-moz-any(a, button, select, textarea, input, label):active:not([data-state]) { background: var(--tui-success-bg-hover); } [tuiAppearance][data-appearance=success][data-state=active] { background: var(--tui-success-bg-hover); } [tuiAppearance][data-appearance=warning] { color: var(--tui-text-01); background: var(--tui-warning-bg); } @media (hover: hover) { [tuiAppearance][data-appearance=warning]:-webkit-any(a, button, select, textarea, input, label):hover:not([data-state]) { background: var(--tui-warning-bg-hover); } } @media (hover: hover) { [tuiAppearance][data-appearance=warning]:-moz-any(a, button, select, textarea, input, label):hover:not([data-state]) { background: var(--tui-warning-bg-hover); } } [tuiAppearance][data-appearance=warning][data-state=hover] { background: var(--tui-warning-bg-hover); } [tuiAppearance][data-appearance=warning]:-webkit-any(a, button, select, textarea, input, label):active:not([data-state]) { background: var(--tui-warning-bg-hover); } [tuiAppearance][data-appearance=warning]:-moz-any(a, button, select, textarea, input, label):active:not([data-state]) { background: var(--tui-warning-bg-hover); } [tuiAppearance][data-appearance=warning][data-state=active] { background: var(--tui-warning-bg-hover); } [tuiAppearance][data-appearance=info] { color: var(--tui-text-01); background: var(--tui-info-bg); } @media (hover: hover) { [tuiAppearance][data-appearance=info]:-webkit-any(a, button, select, textarea, input, label):hover:not([data-state]) { background: var(--tui-info-bg-hover); } } @media (hover: hover) { [tuiAppearance][data-appearance=info]:-moz-any(a, button, select, textarea, input, label):hover:not([data-state]) { background: var(--tui-info-bg-hover); } } [tuiAppearance][data-appearance=info][data-state=hover] { background: var(--tui-info-bg-hover); } [tuiAppearance][data-appearance=info]:-webkit-any(a, button, select, textarea, input, label):active:not([data-state]) { background: var(--tui-info-bg-hover); } [tuiAppearance][data-appearance=info]:-moz-any(a, button, select, textarea, input, label):active:not([data-state]) { background: var(--tui-info-bg-hover); } [tuiAppearance][data-appearance=info][data-state=active] { background: var(--tui-info-bg-hover); } [tuiAppearance][data-appearance=neutral] { color: var(--tui-text-01); background: var(--tui-neutral-bg); } @media (hover: hover) { [tuiAppearance][data-appearance=neutral]:-webkit-any(a, button, select, textarea, input, label):hover:not([data-state]) { background: var(--tui-neutral-bg-hover); } } @media (hover: hover) { [tuiAppearance][data-appearance=neutral]:-moz-any(a, button, select, textarea, input, label):hover:not([data-state]) { background: var(--tui-neutral-bg-hover); } } [tuiAppearance][data-appearance=neutral][data-state=hover] { background: var(--tui-neutral-bg-hover); } [tuiAppearance][data-appearance=neutral]:-webkit-any(a, button, select, textarea, input, label):active:not([data-state]) { background: var(--tui-neutral-bg-hover); } [tuiAppearance][data-appearance=neutral]:-moz-any(a, button, select, textarea, input, label):active:not([data-state]) { background: var(--tui-neutral-bg-hover); } [tuiAppearance][data-appearance=neutral][data-state=active] { background: var(--tui-neutral-bg-hover); } [tuiWrapper][data-appearance=icon][data-appearance=icon] { transition-property: opacity; transition-duration: var(--tui-duration, 300ms); transition-timing-function: ease-in-out; color: var(--tui-text-01); opacity: 0.5; } [tuiWrapper]:not([data-state=readonly]):hover .t-textfield-icon [tuiWrapper][data-appearance=icon][data-appearance=icon]:not([data-state=disabled]) { opacity: 0.65; } [tuiWrapper][data-appearance=icon][data-appearance=icon][data-mode=onDark] { color: var(--tui-text-01-night); } [tuiWrapper]:not([data-state=readonly]):hover .t-textfield-icon [tuiWrapper][data-appearance=icon][data-appearance=icon][data-mode=onDark]:not([data-state=disabled]) { opacity: 1; } :focus-visible:not([data-focused=false]) > [tuiWrapper][data-appearance=icon][data-appearance=icon][data-mode=onDark], [data-focused=true] > [tuiWrapper][data-appearance=icon][data-appearance=icon][data-mode=onDark] { --tui-focus: var(--tui-base-01); } [tuiWrapper][data-appearance=icon][data-appearance=icon][data-mode=onDark]:focus-visible:focus-visible { --tui-focus: var(--tui-base-01); } [tuiWrapper][data-appearance=icon][data-appearance=icon][data-mode=onDark]._focused._focused { --tui-focus: var(--tui-base-01); } @media (hover: hover) { [tuiWrapper][data-appearance=icon][data-appearance=icon][data-mode=onDark]:hover:not(._no-hover), [tuiWrapper][data-appearance=icon][data-appearance=icon][data-mode=onDark][data-state=hover] { opacity: 1; } } @media (hover: hover) { [tuiWrapper][data-appearance=icon][data-appearance=icon]:hover:not(._no-hover), [tuiWrapper][data-appearance=icon][data-appearance=icon][data-state=hover] { opacity: 0.65; } } [tuiWrapper][data-appearance=icon][data-appearance=icon]:active:not(._no-active), [tuiWrapper][data-appearance=icon][data-appearance=icon][data-state=active], [tuiWrapper][data-appearance=icon][data-appearance=icon][data-state=active]:hover { opacity: 1; } [tuiWrapper][data-appearance=icon][data-appearance=icon]:disabled:disabled, [tuiWrapper][data-appearance=icon][data-appearance=icon][data-state=disabled][data-state=disabled] { opacity: calc(0.5 * var(--tui-disabled-opacity)); } [tuiWrapper][data-appearance=outline] { background: transparent; color: var(--tui-text-01); } [tuiWrapper][data-appearance=outline]:after { color: var(--tui-base-04); } [tuiWrapper][data-appearance=outline][data-mode=onDark] { color: var(--tui-text-01-night); } [tuiWrapper][data-appearance=outline][data-mode=onDark]:after { color: var(--tui-text-01-night); } @media (hover: hover) { [tuiWrapper][data-appearance=outline][data-mode=onDark]:hover:not(._no-hover), [tuiWrapper][data-appearance=outline][data-mode=onDark][data-state=hover] { background: var(--tui-clear-inverse-hover); } [tuiWrapper][data-appearance=outline][data-mode=onDark]:hover:not(._no-hover):after, [tuiWrapper][data-appearance=outline][data-mode=onDark][data-state=hover]:after { color: var(--tui-text-03-night); } } [tuiWrapper][data-appearance=outline][data-mode=onDark]:active:not(._no-active), [tuiWrapper][data-appearance=outline][data-mode=onDark][data-state=active], [tuiWrapper][data-appearance=outline][data-mode=onDark][data-state=active]:hover { background: var(--tui-clear-inverse-active); } [tuiWrapper][data-appearance=outline][data-mode=onDark]:active:not(._no-active):after, [tuiWrapper][data-appearance=outline][data-mode=onDark][data-state=active]:after, [tuiWrapper][data-appearance=outline][data-mode=onDark][data-state=active]:hover:after { color: var(--tui-text-03-night); } :focus-visible:not([data-focused=false]) > [tuiWrapper][data-appearance=outline][data-mode=onDark], [data-focused=true] > [tuiWrapper][data-appearance=outline][data-mode=onDark] { --tui-focus: var(--tui-text-01-night); } [tuiWrapper][data-appearance=outline][data-mode=onDark]:focus-visible:focus-visible { --tui-focus: var(--tui-text-01-night); } [tuiWrapper][data-appearance=outline][data-mode=onDark]._focused._focused { --tui-focus: var(--tui-text-01-night); } [tuiWrapper][data-appearance=outline][data-mode=onLight] { color: var(--tui-text-01); } [tuiWrapper][data-appearance=outline][data-mode=onLight]:after { color: var(--tui-text-01); } @media (hover: hover) { [tuiWrapper][data-appearance=outline][data-mode=onLight]:hover:not(._no-hover), [tuiWrapper][data-appearance=outline][data-mode=onLight][data-state=hover] { background: var(--tui-clear-hover); } [tuiWrapper][data-appearance=outline][data-mode=onLight]:hover:not(._no-hover):after, [tuiWrapper][data-appearance=outline][data-mode=onLight][data-state=hover]:after { color: var(--tui-text-03); } } [tuiWrapper][data-appearance=outline][data-mode=onLight]:active:not(._no-active), [tuiWrapper][data-appearance=outline][data-mode=onLight][data-state=active], [tuiWrapper][data-appearance=outline][data-mode=onLight][data-state=active]:hover { background: var(--tui-clear-active); } [tuiWrapper][data-appearance=outline][data-mode=onLight]:active:not(._no-active):after, [tuiWrapper][data-appearance=outline][data-mode=onLight][data-state=active]:after, [tuiWrapper][data-appearance=outline][data-mode=onLight][data-state=active]:hover:after { color: var(--tui-text-03); } @media (hover: hover) { [tuiWrapper][data-appearance=outline]:hover:not(._no-hover):after, [tuiWrapper][data-appearance=outline][data-state=hover]:after { color: var(--tui-base-05); } } [tuiWrapper][data-appearance=outline]:active:not(._no-active):after, [tuiWrapper][data-appearance=outline][data-state=active]:after, [tuiWrapper][data-appearance=outline][data-state=active]:hover:after { color: var(--tui-base-06); } [tuiWrapper][data-appearance=primary] { background: var(--tui-primary); color: var(--tui-primary-text); } @media (hover: hover) { [tuiWrapper][data-appearance=primary]:hover:not(._no-hover), [tuiWrapper][data-appearance=primary][data-state=hover] { background: var(--tui-primary-hover); } } [tuiWrapper][data-appearance=primary]:active:not(._no-active), [tuiWrapper][data-appearance=primary][data-state=active], [tuiWrapper][data-appearance=primary][data-state=active]:hover { background: var(--tui-primary-active); } [tuiWrapper][data-appearance=primary]:invalid:invalid, [tuiWrapper][data-appearance=primary]._invalid._invalid { color: var(--tui-negative-night); background: var(--tui-error-bg); } @media (hover: hover) { [tuiWrapper][data-appearance=primary]:invalid:invalid:hover:not(._no-hover), [tuiWrapper][data-appearance=primary]._invalid._invalid:hover:not(._no-hover), [tuiWrapper][data-appearance=primary]:invalid:invalid[data-state=hover], [tuiWrapper][data-appearance=primary]._invalid._invalid[data-state=hover] { background: var(--tui-error-bg-hover); } } [tuiWrapper][data-appearance=primary]:invalid:invalid:active:not(._no-active), [tuiWrapper][data-appearance=primary]._invalid._invalid:active:not(._no-active), [tuiWrapper][data-appearance=primary]:invalid:invalid[data-state=active], [tuiWrapper][data-appearance=primary]._invalid._invalid[data-state=active], [tuiWrapper][data-appearance=primary]:invalid:invalid[data-state=active]:hover, [tuiWrapper][data-appearance=primary]._invalid._invalid[data-state=active]:hover { background: var(--tui-error-bg-hover); } :focus-visible:not([data-focused=false]) > [tuiWrapper][data-appearance=primary]:invalid:invalid, :focus-visible:not([data-focused=false]) > [tuiWrapper][data-appearance=primary]._invalid._invalid, [data-focused=true] > [tuiWrapper][data-appearance=primary]:invalid:invalid, [data-focused=true] > [tuiWrapper][data-appearance=primary]._invalid._invalid { --tui-focus: var(--tui-error-fill); } [tuiWrapper][data-appearance=primary]:invalid:invalid:focus-visible:focus-visible, [tuiWrapper][data-appearance=primary]._invalid._invalid:focus-visible:focus-visible { --tui-focus: var(--tui-error-fill); } [tuiWrapper][data-appearance=primary]:invalid:invalid._focused._focused, [tuiWrapper][data-appearance=primary]._invalid._invalid._focused._focused { --tui-focus: var(--tui-error-fill); } [tuiWrapper][data-appearance=accent] { background: var(--tui-accent); color: var(--tui-accent-text); } @media (hover: hover) { [tuiWrapper][data-appearance=accent]:hover:not(._no-hover), [tuiWrapper][data-appearance=accent][data-state=hover] { background: var(--tui-accent-hover); } } [tuiWrapper][data-appearance=accent]:active:not(._no-active), [tuiWrapper][data-appearance=accent][data-state=active], [tuiWrapper][data-appearance=accent][data-state=active]:hover { background: var(--tui-accent-active); } [tuiWrapper][data-appearance=accent]:invalid:invalid, [tuiWrapper][data-appearance=accent]._invalid._invalid { color: var(--tui-negative-night); background: var(--tui-error-bg); } @media (hover: hover) { [tuiWrapper][data-appearance=accent]:invalid:invalid:hover:not(._no-hover), [tuiWrapper][data-appearance=accent]._invalid._invalid:hover:not(._no-hover), [tuiWrapper][data-appearance=accent]:invalid:invalid[data-state=hover], [tuiWrapper][data-appearance=accent]._invalid._invalid[data-state=hover] { background: var(--tui-error-bg-hover); } } :focus-visible:not([data-focused=false]) > [tuiWrapper][data-appearance=accent]:invalid:invalid, :focus-visible:not([data-focused=false]) > [tuiWrapper][data-appearance=accent]._invalid._invalid, [data-focused=true] > [tuiWrapper][data-appearance=accent]:invalid:invalid, [data-focused=true] > [tuiWrapper][data-appearance=accent]._invalid._invalid { --tui-focus: var(--tui-error-fill); } [tuiWrapper][data-appearance=accent]:invalid:invalid:focus-visible:focus-visible, [tuiWrapper][data-appearance=accent]._invalid._invalid:focus-visible:focus-visible { --tui-focus: var(--tui-error-fill); } [tuiWrapper][data-appearance=accent]:invalid:invalid._focused._focused, [tuiWrapper][data-appearance=accent]._invalid._invalid._focused._focused { --tui-focus: var(--tui-error-fill); } [tuiWrapper][data-appearance=floating] { transition-property: background, box-shadow; transition-duration: var(--tui-duration, 300ms); transition-timing-function: ease-in-out; background: #fff; color: rgba(0, 0, 0, 0.8); box-shadow: 0 0.25rem 1.25rem rgba(0, 0, 0, 0.1); } @media (hover: hover) { [tuiWrapper][data-appearance=floating]:hover:not(._no-hover), [tuiWrapper][data-appearance=floating][data-state=hover] { box-shadow: 0 0.875rem 2.625rem rgba(0, 0, 0, 0.14); } } [tuiWrapper][data-appearance=floating]:active:not(._no-active), [tuiWrapper][data-appearance=floating][data-state=active], [tuiWrapper][data-appearance=floating][data-state=active]:hover { background: #f6f7f8; box-shadow: 0 0.25rem 1.25rem rgba(0, 0, 0, 0.1); } [tuiWrapper][data-appearance=glass] { background: rgba(0, 0, 0, 0.4); color: #fff; -webkit-backdrop-filter: blur(1rem); backdrop-filter: blur(1rem); --tui-focus: rgba(255, 255, 255, 0.64); } @media (hover: hover) { [tuiWrapper][data-appearance=glass]:hover:not(._no-hover), [tuiWrapper][data-appearance=glass][data-state=hover] { background: rgba(0, 0, 0, 0.48); } } [tuiWrapper][data-appearance=glass]:active:not(._no-active), [tuiWrapper][data-appearance=glass][data-state=active], [tuiWrapper][data-appearance=glass][data-state=active]:hover { background: rgba(0, 0, 0, 0.6); } [tuiWrapper][data-appearance=glass][data-mode=onDark] { background: rgba(255, 255, 255, 0.3); } @media (hover: hover) { [tuiWrapper][data-appearance=glass][data-mode=onDark]:hover:not(._no-hover), [tuiWrapper][data-appearance=glass][data-mode=onDark][data-state=hover] { background: rgba(255, 255, 255, 0.4); } } [tuiWrapper][data-appearance=glass][data-mode=onDark]:active:not(._no-active), [tuiWrapper][data-appearance=glass][data-mode=onDark][data-state=active], [tuiWrapper][data-appearance=glass][data-mode=onDark][data-state=active]:hover { background: rgba(255, 255, 255, 0.5); } [tuiWrapper][data-appearance=secondary], [tuiWrapper][data-appearance=flat], [tuiWrapper][data-appearance=destructive] { background: var(--tui-secondary); color: var(--tui-link); } [tuiWrapper][data-appearance=secondary][data-mode=onDark], [tuiWrapper][data-appearance=flat][data-mode=onDark], [tuiWrapper][data-appearance=destructive][data-mode=onDark] { background: var(--tui-clear-inverse); color: var(--tui-text-01-night); } @media (hover: hover) { [tuiWrapper][data-appearance=secondary][data-mode=onDark]:hover:not(._no-hover), [tuiWrapper][data-appearance=flat][data-mode=onDark]:hover:not(._no-hover), [tuiWrapper][data-appearance=destructive][data-mode=onDark]:hover:not(._no-hover), [tuiWrapper][data-appearance=secondary][data-mode=onDark][data-state=hover], [tuiWrapper][data-appearance=flat][data-mode=onDark][data-state=hover], [tuiWrapper][data-appearance=destructive][data-mode=onDark][data-state=hover] { background: var(--tui-clear-inverse-hover); } } [tuiWrapper][data-appearance=secondary][data-mode=onDark]:active:not(._no-active), [tuiWrapper][data-appearance=flat][data-mode=onDark]:active:not(._no-active), [tuiWrapper][data-appearance=destructive][data-mode=onDark]:active:not(._no-active), [tuiWrapper][data-appearance=secondary][data-mode=onDark][data-state=active], [tuiWrapper][data-appearance=flat][data-mode=onDark][data-state=active], [tuiWrapper][data-appearance=destructive][data-mode=onDark][data-state=active], [tuiWrapper][data-appearance=secondary][data-mode=onDark][data-state=active]:hover, [tuiWrapper][data-appearance=flat][data-mode=onDark][data-state=active]:hover, [tuiWrapper][data-appearance=destructive][data-mode=onDark][data-state=active]:hover { background: var(--tui-clear-inverse-active); } :focus-visible:not([data-focused=false]) > [tuiWrapper][data-appearance=secondary][data-mode=onDark], :focus-visible:not([data-focused=false]) > [tuiWrapper][data-appearance=flat][data-mode=onDark], :focus-visible:not([data-focused=false]) > [tuiWrapper][data-appearance=destructive][data-mode=onDark], [data-focused=true] > [tuiWrapper][data-appearance=secondary][data-mode=onDark], [data-focused=true] > [tuiWrapper][data-appearance=flat][data-mode=onDark], [data-focused=true] > [tuiWrapper][data-appearance=destructive][data-mode=onDark] { --tui-focus: var(--tui-text-01-night); } [tuiWrapper][data-appearance=secondary][data-mode=onDark]:focus-visible:focus-visible, [tuiWrapper][data-appearance=flat][data-mode=onDark]:focus-visible:focus-visible, [tuiWrapper][data-appearance=destructive][data-mode=onDark]:focus-visible:focus-visible { --tui-focus: var(--tui-text-01-night); } [tuiWrapper][data-appearance=secondary][data-mode=onDark]._focused._focused, [tuiWrapper][data-appearance=flat][data-mode=onDark]._focused._focused, [tuiWrapper][data-appearance=destructive][data-mode=onDark]._focused._focused { --tui-focus: var(--tui-text-01-night); } [tuiWrapper][data-appearance=secondary][data-mode=onLight], [tuiWrapper][data-appearance=flat][data-mode=onLight], [tuiWrapper][data-appearance=destructive][data-mode=onLight] { background: var(--tui-clear); color: var(--tui-text-01); } @media (hover: hover) { [tuiWrapper][data-appearance=secondary][data-mode=onLight]:hover:not(._no-hover), [tuiWrapper][data-appearance=flat][data-mode=onLight]:hover:not(._no-hover), [tuiWrapper][data-appearance=destructive][data-mode=onLight]:hover:not(._no-hover), [tuiWrapper][data-appearance=secondary][data-mode=onLight][data-state=hover], [tuiWrapper][data-appearance=flat][data-mode=onLight][data-state=hover], [tuiWrapper][data-appearance=destructive][data-mode=onLight][data-state=hover] { background: var(--tui-clear-hover); } } [tuiWrapper][data-appearance=secondary][data-mode=onLight]:active:not(._no-active), [tuiWrapper][data-appearance=flat][data-mode=onLight]:active:not(._no-active), [tuiWrapper][data-appearance=destructive][data-mode=onLight]:active:not(._no-active), [tuiWrapper][data-appearance=secondary][data-mode=onLight][data-state=active], [tuiWrapper][data-appearance=flat][data-mode=onLight][data-state=active], [tuiWrapper][data-appearance=destructive][data-mode=onLight][data-state=active], [tuiWrapper][data-appearance=secondary][data-mode=onLight][data-state=active]:hover, [tuiWrapper][data-appearance=flat][data-mode=onLight][data-state=active]:hover, [tuiWrapper][data-appearance=destructive][data-mode=onLight][data-state=active]:hover { background: var(--tui-clear-active); } @media (hover: hover) { [tuiWrapper][data-appearance=secondary]:hover:not(._no-hover), [tuiWrapper][data-appearance=flat]:hover:not(._no-hover), [tuiWrapper][data-appearance=destructive]:hover:not(._no-hover), [tuiWrapper][data-appearance=secondary][data-state=hover], [tuiWrapper][data-appearance=flat][data-state=hover], [tuiWrapper][data-appearance=destructive][data-state=hover] { background: var(--tui-secondary-hover); } } [tuiWrapper][data-appearance=secondary]:active:not(._no-active), [tuiWrapper][data-appearance=flat]:active:not(._no-active), [tuiWrapper][data-appearance=destructive]:active:not(._no-active), [tuiWrapper][data-appearance=secondary][data-state=active], [tuiWrapper][data-appearance=flat][data-state=active], [tuiWrapper][data-appearance=destructive][data-state=active], [tuiWrapper][data-appearance=secondary][data-state=active]:hover, [tuiWrapper][data-appearance=flat][data-state=active]:hover, [tuiWrapper][data-appearance=destructive][data-state=active]:hover { background: var(--tui-secondary-active); } [tuiWrapper][data-appearance=secondary]:invalid:invalid, [tuiWrapper][data-appearance=flat]:invalid:invalid, [tuiWrapper][data-appearance=destructive]:invalid:invalid, [tuiWrapper][data-appearance=secondary]._invalid._invalid, [tuiWrapper][data-appearance=flat]._invalid._invalid, [tuiWrapper][data-appearance=destructive]._invalid._invalid { color: var(--tui-negative); background: var(--tui-error-bg); } @media (hover: hover) { [tuiWrapper][data-appearance=secondary]:invalid:invalid:hover:not(._no-hover), [tuiWrapper][data-appearance=flat]:invalid:invalid:hover:not(._no-hover), [tuiWrapper][data-appearance=destructive]:invalid:invalid:hover:not(._no-hover), [tuiWrapper][data-appearance=secondary]._invalid._invalid:hover:not(._no-hover), [tuiWrapper][data-appearance=flat]._invalid._invalid:hover:not(._no-hover), [tuiWrapper][data-appearance=destructive]._invalid._invalid:hover:not(._no-hover), [tuiWrapper][data-appearance=secondary]:invalid:invalid[data-state=hover], [tuiWrapper][data-appearance=flat]:invalid:invalid[data-state=hover], [tuiWrapper][data-appearance=destructive]:invalid:invalid[data-state=hover], [tuiWrapper][data-appearance=secondary]._invalid._invalid[data-state=hover], [tuiWrapper][data-appearance=flat]._invalid._invalid[data-state=hover], [tuiWrapper][data-appearance=destructive]._invalid._invalid[data-state=hover] { background: var(--tui-error-bg-hover); } } :focus-visible:not([data-focused=false]) > [tuiWrapper][data-appearance=secondary]:invalid:invalid, :focus-visible:not([data-focused=false]) > [tuiWrapper][data-appearance=flat]:invalid:invalid, :focus-visible:not([data-focused=false]) > [tuiWrapper][data-appearance=destructive]:invalid:invalid, :focus-visible:not([data-focused=false]) > [tuiWrapper][data-appearance=secondary]._invalid._invalid, :focus-visible:not([data-focused=false]) > [tuiWrapper][data-appearance=flat]._invalid._invalid, :focus-visible:not([data-focused=false]) > [tuiWrapper][data-appearance=destructive]._invalid._invalid, [data-focused=true] > [tuiWrapper][data-appearance=secondary]:invalid:invalid, [data-focused=true] > [tuiWrapper][data-appearance=flat]:invalid:invalid, [data-focused=true] > [tuiWrapper][data-appearance=destructive]:invalid:invalid, [data-focused=true] > [tuiWrapper][data-appearance=secondary]._invalid._invalid, [data-focused=true] > [tuiWrapper][data-appearance=flat]._invalid._invalid, [data-focused=true] > [tuiWrapper][data-appearance=destructive]._invalid._invalid { --tui-focus: var(--tui-negative); } [tuiWrapper][data-appearance=secondary]:invalid:invalid:focus-visible:focus-visible, [tuiWrapper][data-appearance=flat]:invalid:invalid:focus-visible:focus-visible, [tuiWrapper][data-appearance=destructive]:invalid:invalid:focus-visible:focus-visible, [tuiWrapper][data-appearance=secondary]._invalid._invalid:focus-visible:focus-visible, [tuiWrapper][data-appearance=flat]._invalid._invalid:focus-visible:focus-visible, [tuiWrapper][data-appearance=destructive]._invalid._invalid:focus-visible:focus-visible { --tui-focus: var(--tui-negative); } [tuiWrapper][data-appearance=secondary]:invalid:invalid._focused._focused, [tuiWrapper][data-appearance=flat]:invalid:invalid._focused._focused, [tuiWrapper][data-appearance=destructive]:invalid:invalid._focused._focused, [tuiWrapper][data-appearance=secondary]._invalid._invalid._focused._focused, [tuiWrapper][data-appearance=flat]._invalid._invalid._focused._focused, [tuiWrapper][data-appearance=destructive]._invalid._invalid._focused._focused { --tui-focus: var(--tui-negative); } [tuiWrapper][data-appearance=flat] { background: transparent; } [tuiWrapper][data-appearance=flat][data-mode=onDark], [tuiWrapper][data-appearance=flat][data-mode=onLight] { background: transparent; } [tuiWrapper][data-appearance=destructive] { color: var(--tui-negative); background: var(--tui-error-bg); } @media (hover: hover) { [tuiWrapper][data-appearance=destructive]:hover:not(._no-hover), [tuiWrapper][data-appearance=destructive][data-state=hover] { background: var(--tui-error-bg-hover); } } [tuiWrapper][data-appearance=destructive]:active:not(._no-active), [tuiWrapper][data-appearance=destructive][data-state=active], [tuiWrapper][data-appearance=destructive][data-state=active]:hover { background: var(--tui-error-bg-hover); } [tuiWrapper][data-appearance=destructive][data-mode=onDark] { color: var(--tui-negative-night); background: var(--tui-error-bg-night); } @media (hover: hover) { [tuiWrapper][data-appearance=destructive][data-mode=onDark]:hover:not(._no-hover), [tuiWrapper][data-appearance=destructive][data-mode=onDark][data-state=hover] { background: var(--tui-error-bg-night-hover); } } [tuiWrapper][data-appearance=destructive][data-mode=onDark]:active:not(._no-active), [tuiWrapper][data-appearance=destructive][data-mode=onDark][data-state=active], [tuiWrapper][data-appearance=destructive][data-mode=onDark][data-state=active]:hover { background: var(--tui-error-bg-night-hover); } tui-wrapper[data-appearance=secondary-destructive], [tuiWrapper][data-appearance=secondary-destructive] { background: var(--tui-error-bg); color: var(--tui-negative); } tui-wrapper[data-appearance=secondary-destructive][data-mode=onDark], [tuiWrapper][data-appearance=secondary-destructive][data-mode=onDark] { background: var(--tui-error-bg-night); color: var(--tui-negative-night); } @media (hover: hover) { tui-wrapper[data-appearance=secondary-destructive][data-mode=onDark]:hover:not(._no-hover), [tuiWrapper][data-appearance=secondary-destructive][data-mode=onDark]:hover:not(._no-hover), tui-wrapper[data-appearance=secondary-destructive][data-mode=onDark][data-state=hover], [tuiWrapper][data-appearance=secondary-destructive][data-mode=onDark][data-state=hover] { background: var(--tui-error-bg-night-hover); } } tui-wrapper[data-appearance=secondary-destructive][data-mode=onDark]:active:not(._no-active), [tuiWrapper][data-appearance=secondary-destructive][data-mode=onDark]:active:not(._no-active), tui-wrapper[data-appearance=secondary-destructive][data-mode=onDark][data-state=active], [tuiWrapper][data-appearance=secondary-destructive][data-mode=onDark][data-state=active], tui-wrapper[data-appearance=secondary-destructive][data-mode=onDark][data-state=active]:hover, [tuiWrapper][data-appearance=secondary-destructive][data-mode=onDark][data-state=active]:hover { background: var(--tui-error-bg-night-hover); } @media (hover: hover) { tui-wrapper[data-appearance=secondary-destructive]:hover:not(._no-hover), [tuiWrapper][data-appearance=secondary-destructive]:hover:not(._no-hover), tui-wrapper[data-appearance=secondary-destructive][data-state=hover], [tuiWrapper][data-appearance=secondary-destructive][data-state=hover] { background: var(--tui-error-bg-hover); } } tui-wrapper[data-appearance=secondary-destructive]:active:not(._no-active), [tuiWrapper][data-appearance=secondary-destructive]:active:not(._no-active), tui-wrapper[data-appearance=secondary-destructive][data-state=active], [tuiWrapper][data-appearance=secondary-destructive][data-state=active], tui-wrapper[data-appearance=secondary-destructive][data-state=active]:hover, [tuiWrapper][data-appearance=secondary-destructive][data-state=active]:hover { background: var(--tui-error-bg-hover); } [tuiWrapper][data-appearance=table] { border-radius: 0; background: transparent; color: var(--tui-text-01); } [tuiWrapper][data-appearance=table]:before, [tuiWrapper][data-appearance=table][data-appearance=table]:after { position: fixed; top: -0.5px; left: -1px; right: -0.5px; bottom: -1px; } [tuiWrapper][data-appearance=table]:before { transition-property: background; transition-duration: var(--tui-duration, 300ms); transition-timing-function: ease-in-out; content: ""; z-index: -1; background-repeat: no-repeat; background-position: top right; background-size: 0.5rem 0.5rem; } 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=table][data-appearance=table]:after { border-width: 1px; color: var(--tui-base-04); } :focus-visible:not([data-focused=false]) > [tuiWrapper][data-appearance=table][data-mode=onDark], [data-focused=true] > [tuiWrapper][data-appearance=table][data-mode=onDark] { --tui-focus: var(--tui-text-01-night); } [tuiWrapper][data-appearance=table][data-mode=onDark]:focus-visible:focus-visible { --tui-focus: var(--tui-text-01-night); } [tuiWrapper][data-appearance=table][data-mode=onDark]._focused._focused { --tui-focus: var(--tui-text-01-night); } @media (hover: hover) { [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-clear); } } :focus-visible:not([data-focused=false]) > [tuiWrapper][data-appearance=table], [data-focused=true] > [tuiWrapper][data-appearance=table] { background: transparent; } [tuiWrapper][data-appearance=table]:focus-visible:focus-visible { background: transparent; } [tuiWrapper][data-appearance=table]._focused._focused { background: transparent; } [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-error-fill) 50%, var(--tui-error-fill) 100%); } [tuiWrapper][data-appearance=table]:invalid:invalid:not(._focused):before, [tuiWrapper][data-appearance=table]._invalid._invalid:not(._focused):before { background-color: var(--tui-error-bg); } @media (hover: hover) { [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-error-bg-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; } :focus-visible:not([data-focused=false]) > [tuiWrapper][data-appearance=table]:invalid:invalid, :focus-visible:not([data-focused=false]) > [tuiWrapper][data-appearance=table]._invalid._invalid, [data-focused=true] > [tuiWrapper][data-appearance=table]:invalid:invalid, [data-focused=true] > [tuiWrapper][data-appearance=table]._invalid._invalid { background: transparent; --tui-focus: var(--tui-error-fill); } :focus-visible:not([data-focused=false]) > [tuiWrapper][data-appearance=table]:invalid:invalid:after, :focus-visible:not([data-focused=false]) > [tuiWrapper][data-appearance=table]._invalid._invalid:after, [data-focused=true] > [tuiWrapper][data-appearance=table]:invalid:invalid:after, [data-focused=true] > [tuiWrapper][data-appearance=table]._invalid._invalid:after { border-width: 1px; } [tuiWrapper][data-appearance=table]:invalid:invalid:focus-visible:focus-visible, [tuiWrapper][data-appearance=table]._invalid._invalid:focus-visible:focus-visible { background: transparent; --tui-focus: var(--tui-error-fill); } [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._focused._focused, [tuiWrapper][data-appearance=table]._invalid._invalid._focused._focused { background: transparent; --tui-focus: var(--tui-error-fill); } [tuiWrapper][data-appearance=table]:invalid:invalid._focused._focused:after, [tuiWrapper][data-appearance=table]._invalid._invalid._focused._focused:after { border-width: 1px; } [tuiWrapper][data-appearance=textfield] { transition-property: box-shadow, background; transition-duration: var(--tui-duration, 300ms); transition-timing-function: ease-in-out; background: var(--tui-base-01); color: var(--tui-text-01); box-shadow: 0 0.125rem 0.1875rem rgba(0, 0, 0, 0.1); } [tuiWrapper][data-appearance=textfield][data-appearance=textfield]:after { transition-property: color; transition-duration: var(--tui-duration, 300ms); transition-timing-function: ease-in-out; color: var(--tui-base-03); } @media (hover: hover) { [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); } } :focus-visible:not([data-focused=false]) > [tuiWrapper][data-appearance=textfield], [data-focused=true] > [tuiWrapper][data-appearance=textfield] { box-shadow: none; } :focus-visible:not([data-focused=false]) > [tuiWrapper][data-appearance=textfield]:after, [data-focused=true] > [tuiWrapper][data-appearance=textfield]:after { --tui-focus: var(--tui-primary); } [tuiWrapper][data-appearance=textfield]:focus-visible:focus-visible { box-shadow: none; } [tuiWrapper][data-appearance=textfield]:focus-visible:focus-visible:after { --tui-focus: var(--tui-primary); } [tuiWrapper][data-appearance=textfield]._focused._focused { box-shadow: none; } [tuiWrapper][data-appearance=textfield]._focused._focused:after { --tui-focus: var(--tui-primary); } [tuiWrapper][data-appearance=textfield][data-state=readonly][data-state=readonly] { box-shadow: none; } [tuiWrapper][data-appearance=textfield][data-state=readonly][data-state=readonly]:after { color: var(--tui-base-04); } [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-error-fill); --tui-focus: var(--tui-error-fill); } [tuiWrapper][data-appearance=textfield][data-mode=onDark] { background: var(--tui-clear-inverse); color: var(--tui-text-01-night); } [tuiWrapper][data-appearance=textfield][data-mode=onDark]:after { color: var(--tui-text-03-night); opacity: var(--tui-disabled-opacity); } @media (hover: hover) { [tuiWrapper][data-appearance=textfield][data-mode=onDark]:hover:not(._no-hover), [tuiWrapper][data-appearance=textfield][data-mode=onDark][data-state=hover] { background: var(--tui-clear-inverse-hover); } } [tuiWrapper][data-appearance=textfield][data-mode=onDark][data-state=readonly][data-state=readonly] { background: transparent; } :focus-visible:not([data-focused=false]) > [tuiWrapper][data-appearance=textfield][data-mode=onDark], [data-focused=true] > [tuiWrapper][data-appearance=textfield][data-mode=onDark] { background: rgba(255, 255, 255, 0.08); } :focus-visible:not([data-focused=false]) > [tuiWrapper][data-appearance=textfield][data-mode=onDark]:after, [data-focused=true] > [tuiWrapper][data-appearance=textfield][data-mode=onDark]:after { transition: none; opacity: 1; --tui-focus: var(--tui-primary); } [tuiWrapper][data-appearance=textfield][data-mode=onDark]:focus-visible:focus-visible { background: rgba(255, 255, 255, 0.08); } [tuiWrapper][data-appearance=textfield][data-mode=onDark]:focus-visible:focus-visible:after { transition: none; opacity: 1; --tui-focus: var(--tui-primary); } [tuiWrapper][data-appearance=textfield][data-mode=onDark]._focused._focused { background: rgba(255, 255, 255, 0.08); } [tuiWrapper][data-appearance=textfield][data-mode=onDark]._focused._focused:after { transition: none; opacity: 1; --tui-focus: var(--tui-primary); } [tuiWrapper][data-appearance=textfield][data-mode=onDark]:invalid:invalid:after, [tuiWrapper][data-appearance=textfield][data-mode=onDark]._invalid._invalid:after { --tui-focus: var(--tui-error-fill-night); } [tuiWrapper][data-appearance=textfield][data-mode=onLight] { background: var(--tui-clear); } @media (hover: hover) { [tuiWrapper][data-appearance=textfield][data-mode=onLight]:hover:not(._no-hover), [tuiWrapper][data-appearance=textfield][data-mode=onLight][data-state=hover] { background: var(--tui-clear-hover); } } [tuiWrapper][data-appearance=textfield][data-mode=onLight][data-state=readonly][data-state=readonly] { background: transparent; } [tuiWrapper][data-appearance=textfield][data-mode=onLight]:invalid:invalid:after, [tuiWrapper][data-appearance=textfield][data-mode=onLight]._invalid._invalid:after { color: var(--tui-error-fill); } :focus-visible:not([data-focused=false]) > [tuiWrapper][data-appearance=textfield][data-mode=onLight], [data-focused=true] > [tuiWrapper][data-appearance=textfield][data-mode=onLight] { background: transparent; } [tuiWrapper][data-appearance=textfield][data-mode=onLight]:focus-visible:focus-visible { background: transparent; } [tuiWrapper][data-appearance=textfield][data-mode=onLight]._focused._focused { background: transparent; } [tuiWrapper][data-appearance=whiteblock], [tuiWrapper][data-appearance=whiteblock-active] { background: var(--tui-base-01); color: var(--tui-text-01); } [tuiWrapper][data-appearance=whiteblock]:after, [tuiWrapper][data-appearance=whiteblock-active]:after { color: var(--tui-base-04); } @media (hover: hover) { [tuiWrapper][data-appearance=whiteblock]:hover:not(._no-hover), [tuiWrapper][data-appearance=whiteblock-active]:hover:not(._no-hover), [tuiWrapper][data-appearance=whiteblock][data-state=hover], [tuiWrapper][data-appearance=whiteblock-active][data-state=hover] { background: var(--tui-base-02); } [tuiWrapper][data-appearance=whiteblock]:hover:not(._no-hover):after, [tuiWrapper][data-appearance=whiteblock-active]:hover:not(._no-hover):after, [tuiWrapper][data-appearance=whiteblock][data-state=hover]:after, [tuiWrapper][data-appearance=whiteblock-active][data-state=hover]:after { color: var(--tui-base-04); } } [tuiWrapper][data-appearance=whiteblock]:active:not(._no-active), [tuiWrapper][data-appearance=whiteblock-active]:active:not(._no-active), [tuiWrapper][data-appearance=whiteblock][data-state=active], [tuiWrapper][data-appearance=whiteblock-active][data-state=active], [tuiWrapper][data-appearance=whiteblock][data-state=active]:hover, [tuiWrapper][data-appearance=whiteblock-active][data-state=active]:hover { background: var(--tui-base-02); } [tuiWrapper][data-appearance=whiteblock]:active:not(._no-active):after, [tuiWrapper][data-appearance=whiteblock-active]:active:not(._no-active):after, [tuiWrapper][data-appearance=whiteblock][data-state=active]:after, [tuiWrapper][data-appearance=whiteblock-active][data-state=active]:after, [tuiWrapper][data-appearance=whiteblock][data-state=active]:hover:after, [tuiWrapper][data-appearance=whiteblock-active][data-state=active]:hover:after { color: var(--tui-base-04); } [tuiWrapper][data-appearance=whiteblock-active]:after { color: var(--tui-primary); border-width: 2px; } @media (hover: hover) { [tuiWrapper][data-appearance=whiteblock-active]:hover:not(._no-hover):after, [tuiWrapper][data-appearance=whiteblock-active][data-state=hover]:after { color: var(--tui-primary-hover); } } [tuiWrapper][data-appearance=whiteblock-active]:active:not(._no-active):after, [tuiWrapper][data-appearance=whiteblock-active][data-state=active]:after, [tuiWrapper][data-appearance=whiteblock-active][data-state=active]:hover:after { color: var(--tui-primary-active); } [tuiWrapper][data-appearance=none]:after { border: none; } [tuiWrapper][data-appearance=opposite] { background: #000; color: #fff; --tui-focus: rgba(255, 255, 255, 0.64); } @media (hover: hover) { [tuiWrapper][data-appearance=opposite]:hover:not(._no-hover), [tuiWrapper][data-appearance=opposite][data-state=hover] { background: #333; } } [tuiWrapper][data-appearance=opposite]:active:not(._no-active), [tuiWrapper][data-appearance=opposite][data-state=active], [tuiWrapper][data-appearance=opposite][data-state=active]:hover { background: #5c636b; } [tuiWrapper][data-appearance=opposite][data-mode=onDark] { color: rgba(0, 0, 0, 0.8); background: #fff; --tui-focus: rgba(51, 51, 51, 0.48); } @media (hover: hover) { [tuiWrapper][data-appearance=opposite][data-mode=onDark]:hover:not(._no-hover), [tuiWrapper][data-appearance=opposite][data-mode=onDark][data-state=hover] { background: #f3F4f6; } } [tuiWrapper][data-appearance=opposite][data-mode=onDark]:active:not(._no-active), [tuiWrapper][data-appearance=opposite][data-mode=onDark][data-state=active], [tuiWrapper][data-appearance=opposite][data-mode=onDark][data-state=active]:hover { background: #eaecee; } [tuiWrapper] { transition-property: color, background, opacity; transition-duration: var(--tui-duration, 300ms); transition-timing-function: ease-in-out; position: relative; display: block; height: 100%; width: 100%; appearance: none; border-radius: inherit; } [tuiWrapper]:after { transition-property: box-shadow, 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: transparent; } :focus-visible:not([data-focused=false]) > [tuiWrapper]:after, [data-focused=true] > [tuiWrapper]:after { border-width: 2px; color: var(--tui-focus); } [tuiWrapper]:focus-visible:focus-visible:after { border-width: 2px; color: var(--tui-focus); } [tuiWrapper]._focused._focused:after { border-width: 2px; color: var(--tui-focus); } [tuiWrapper]:disabled:disabled, [tuiWrapper][data-state=disabled][data-state=disabled] { pointer-events: none; opacity: var(--tui-disabled-opacity); } @supports (-webkit-hyphens: none) { :focus-visible [tuiWrapper], [tuiWrapper]:focus-visible { --tui-focus: transparent !important; } } tui-wrapper[data-appearance=mono], [tuiWrapper][data-appearance=mono] { background: var(--tui-base-01); color: var(--tui-text-01); } @media (hover: hover) { tui-wrapper[data-appearance=mono]:hover:not(._no-hover), [tuiWrapper][data-appearance=mono]:hover:not(._no-hover), tui-wrapper[data-appearance=mono][data-state=hover], [tuiWrapper][data-appearance=mono][data-state=hover] { color: var(--tui-text-03); } } tui-wrapper[data-appearance=mono]:active:not(._no-active), [tuiWrapper][data-appearance=mono]:active:not(._no-active), tui-wrapper[data-appearance=mono][data-state=active], [tuiWrapper][data-appearance=mono][data-state=active], tui-wrapper[data-appearance=mono][data-state=active]:hover, [tuiWrapper][data-appearance=mono][data-state=active]:hover { color: var(--tui-text-02); } :focus-visible:not([data-focused=false]) > tui-wrapper[data-appearance=mono][data-mode=onDark], :focus-visible:not([data-focused=false]) > [tuiWrapper][data-appearance=mono][data-mode=onDark], [data-focused=true] > tui-wrapper[data-appearance=mono][data-mode=onDark], [data-focused=true] > [tuiWrapper][data-appearance=mono][data-mode=onDark] { --tui-focus: var(--tui-text-01-night); } tui-wrapper[data-appearance=mono][data-mode=onDark]:focus-visible:focus-visible, [tuiWrapper][data-appearance=mono][data-mode=onDark]:focus-visible:focus-visible { --tui-focus: var(--tui-text-01-night); } tui-wrapper[data-appearance=mono][data-mode=onDark]._focused._focused, [tuiWrapper][data-appearance=mono][data-mode=onDark]._focused._focused { --tui-focus: var(--tui-text-01-night); } tui-primitive-calendar [data-type=weekday] { color: var(--tui-text-01); } tui-primitive-calendar [data-type=weekend] { color: var(--tui-negative); } /* 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: 0; } to { opacity: 1; } } html { height: 100%; font-size: 16px; } body { height: 100%; min-height: 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; height: 1px; border: none; background: var(--tui-base-03); } iframe { border: none; } svg use { pointer-events: none; } ::selection { background-color: var(--tui-selection); } ::-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 { width: 69rem; } } @media screen and (max-width: 79.9625em) { .tui-container.tui-container_adaptive { width: 51.5rem; } } @media screen and (max-width: 47.9625em) { .tui-container.tui-container_adaptive { width: 100%; padding: 0 1rem; box-sizing: border-box; } } @media screen and (min-width: 80em) { .tui-container { width: 69rem; } } @media screen and (max-width: 79.9625em) { .tui-container { width: 51.5rem; padding: 0 3rem; } } @media screen and (min-width: 80em) { .tui-container_menu { width: 69rem; } } @media (min-width: 64em) and (max-width: 79.9625em) { .tui-container_menu { width: 51.5rem; } } @media screen and (max-width: 47.9625em) { .tui-container_menu { width: auto; padding: 0 1rem; box-sizing: border-box; } } .tui-container_fullwidth { width: 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 { width: 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 { width: calc(50% - (1.25rem / 2)); } @media screen and (max-width: 47.9625em) { .tui-form__row_half-width { width: 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-width: 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-02); } .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; border-radius: var(--tui-radius-xl); background-color: var(--tui-base-01); word-wrap: break-word; text-decoration: none; color: var(--tui-text-01); outline: none; box-sizing: content-box; } .tui-island:not(.tui-island_hoverable):before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; box-sizing: border-box; border: 1px solid var(--tui-base-03); border-radius: inherit; pointer-events: none; } .tui-island:focus:before, .tui-island:hover:focus:before { border-color: var(--tui-focus); } .tui-island_hoverable { box-shadow: var(--tui-shadow); transition-property: all; transition-duration: var(--tui-duration, 300ms); transition-timing-function: ease-in-out; cursor: pointer; transition-property: transform, box-shadow; will-change: transform, box-shadow; background: var(--tui-elevation-02); } .tui-island_hoverable:hover { box-shadow: var(--tui-shadow-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: left; } .tui-island_text-align_center { text-align: center; } .tui-island_text-align_right { text-align: right; } .tui-island__content { display: flex; justify-content: space-between; } .tui-island_text-align_center .tui-island__content { display: block; } .tui-island__content > * { min-width: 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-02); } .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-02); } .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 0; } .tui-island__carousel-controls { display: flex; padding-bottom: 1rem; margin-bottom: 1rem; border-bottom: 1px solid var(--tui-base-03); white-space: nowrap; } .tui-island__carousel-pages { margin-left: auto; color: var(--tui-text-02); } .tui-island__carousel-button { margin-right: 0.5rem; } .tui-island .tui-island__footer-button { display: block; width: calc(100% + 1.875rem); margin: 1rem calc(-1rem + 1px) calc(-1rem + 1px); border-top: 1px solid var(--tui-base-03); border-radius: 0 0 var(--tui-radius-xl) var(--tui-radius-xl); } .tui-island_size_l .tui-island__footer-button { width: 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-01); } .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-02); } .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; word-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; width: 0.5rem; height: 0.5rem; border-radius: 100%; background-color: var(--tui-primary); } .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; width: auto; height: 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; width: auto; height: auto; color: var(--tui-text-03); 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; width: auto; height: auto; background-color: transparent; color: var(--tui-base-06); 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-02); } .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 { width: 8.33333333%; padding-left: 1.25rem; padding-right: 1.25rem; box-sizing: border-box; } .tui-col_2 { width: 16.66666667%; padding-left: 1.25rem; padding-right: 1.25rem; box-sizing: border-box; } .tui-col_3 { width: 25%; padding-left: 1.25rem; padding-right: 1.25rem; box-sizing: border-box; } .tui-col_4 { width: 33.33333333%; padding-left: 1.25rem; padding-right: 1.25rem; box-sizing: border-box; } .tui-col_5 { width: 41.66666667%; padding-left: 1.25rem; padding-right: 1.25rem; box-sizing: border-box; } .tui-col_6 { width: 50%; padding-left: 1.25rem; padding-right: 1.25rem; box-sizing: border-box; } .tui-col_7 { width: 58.33333333%; padding-left: 1.25rem; padding-right: 1.25rem; box-sizing: border-box; } .tui-col_8 { width: 66.66666667%; padding-left: 1.25rem; padding-right: 1.25rem; box-sizing: border-box; } .tui-col_9 { width: 75%; padding-left: 1.25rem; padding-right: 1.25rem; box-sizing: border-box; } .tui-col_10 { width: 83.33333333%; padding-left: 1.25rem; padding-right: 1.25rem; box-sizing: border-box; } .tui-col_11 { width: 91.66666667%; padding-left: 1.25rem; padding-right: 1.25rem; box-sizing: border-box; } .tui-col_12 { width: 100%; padding-left: 1.25rem; padding-right: 1.25rem; box-sizing: border-box; } .tui-col_md-1 { width: 8.33333333%; padding-left: 1.25rem; padding-right: 1.25rem; box-sizing: border-box; } .tui-col_md-2 { width: 16.66666667%; padding-left: 1.25rem; padding-right: 1.25rem; box-sizing: border-box; } .tui-col_md-3 { width: 25%; padding-left: 1.25rem; padding-right: 1.25rem; box-sizing: border-box; } .tui-col_md-4 { width: 33.33333333%; padding-left: 1.25rem; padding-right: 1.25rem; box-sizing: border-box; } .tui-col_md-5 { width: 41.66666667%; padding-left: 1.25rem; padding-right: 1.25rem; box-sizing: border-box; } .tui-col_md-6 { width: 50%; padding-left: 1.25rem; padding-right: 1.25rem; box-sizing: border-box; } .tui-col_md-7 { width: 58.33333333%; padding-left: 1.25rem; padding-right: 1.25rem; box-sizing: border-box; } .tui-col_md-8 { width: 66.66666667%; padding-left: 1.25rem; padding-right: 1.25rem; box-sizing: border-box; } .tui-col_md-9 { width: 75%; padding-left: 1.25rem; padding-right: 1.25rem; box-sizing: border-box; } .tui-col_md-10 { width: 83.33333333%; padding-left: 1.25rem; padding-right: 1.25rem; box-sizing: border-box; } .tui-col_md-11 { width: 91.66666667%; padding-left: 1.25rem; padding-right: 1.25rem; box-sizing: border-box; } .tui-col_md-12 { width: 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 { width: 8.33333333%; padding-left: 1.5rem; padding-right: 1.5rem; box-sizing: border-box; } .tui-row_adaptive .tui-col_lg-2 { width: 16.66666667%; padding-left: 1.5rem; padding-right: 1.5rem; box-sizing: border-box; } .tui-row_adaptive .tui-col_lg-3 { width: 25%; padding-left: 1.5rem; padding-right: 1.5rem; box-sizing: border-box; } .tui-row_adaptive .tui-col_lg-4 { width: 33.33333333%; padding-left: 1.5rem; padding-right: 1.5rem; box-sizing: border-box; } .tui-row_adaptive .tui-col_lg-5 { width: 41.66666667%; padding-left: 1.5rem; padding-right: 1.5rem; box-sizing: border-box; } .tui-row_adaptive .tui-col_lg-6 { width: 50%; padding-left: 1.5rem; padding-right: 1.5rem; box-sizing: border-box; } .tui-row_adaptive .tui-col_lg-7 { width: 58.33333333%; padding-left: 1.5rem; padding-right: 1.5rem; box-sizing: border-box; } .tui-row_adaptive .tui-col_lg-8 { width: 66.66666667%; padding-left: 1.5rem; padding-right: 1.5rem; box-sizing: border-box; } .tui-row_adaptive .tui-col_lg-9 { width: 75%; padding-left: 1.5rem; padding-right: 1.5rem; box-sizing: border-box; } .tui-row_adaptive .tui-col_lg-10 { width: 83.33333333%; padding-left: 1.5rem; padding-right: 1.5rem; box-sizing: border-box; } .tui-row_adaptive .tui-col_lg-11 { width: 91.66666667%; padding-left: 1.5rem; padding-right: 1.5rem; box-sizing: border-box; } .tui-row_adaptive .tui-col_lg-12 { width: 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 { width: 8.33333333%; padding-left: 1.25rem; padding-right: 1.25rem; box-sizing: border-box; } .tui-row_adaptive .tui-col_md-2 { width: 16.66666667%; padding-left: 1.25rem; padding-right: 1.25rem; box-sizing: border-box; } .tui-row_adaptive .tui-col_md-3 { width: 25%; padding-left: 1.25rem; padding-right: 1.25rem; box-sizing: border-box; } .tui-row_adaptive .tui-col_md-4 { width: 33.33333333%; padding-left: 1.25rem; padding-right: 1.25rem; box-sizing: border-box; } .tui-row_adaptive .tui-col_md-5 { width: 41.66666667%; padding-left: 1.25rem; padding-right: 1.25rem; box-sizing: border-box; } .tui-row_adaptive .tui-col_md-6 { width: 50%; padding-left: 1.25rem; padding-right: 1.25rem; box-sizing: border-box; } .tui-row_adaptive .tui-col_md-7 { width: 58.33333333%; padding-left: 1.25rem; padding-right: 1.25rem; box-sizing: border-box; } .tui-row_adaptive .tui-col_md-8 { width: 66.66666667%; padding-left: 1.25rem; padding-right: 1.25rem; box-sizing: border-box; } .tui-row_adaptive .tui-col_md-9 { width: 75%; padding-left: 1.25rem; padding-right: 1.25rem; box-sizing: border-box; } .tui-row_adaptive .tui-col_md-10 { width: 83.33333333%; padding-left: 1.25rem; padding-right: 1.25rem; box-sizing: border-box; } .tui-row_adaptive .tui-col_md-11 { width: 91.66666667%; padding-left: 1.25rem; padding-right: 1.25rem; box-sizing: border-box; } .tui-row_adaptive .tui-col_md-12 { width: 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 { width: 8.33333333%; padding-left: 0.5rem; padding-right: 0.5rem; box-sizing: border-box; } .tui-row_adaptive .tui-col_xs-2 { width: 16.66666667%; padding-left: 0.5rem; padding-right: 0.5rem; box-sizing: border-box; } .tui-row_adaptive .tui-col_xs-3 { width: 25%; padding-left: 0.5rem; padding-right: 0.5rem; box-sizing: border-box; } .tui-row_adaptive .tui-col_xs-4 { width: 33.33333333%; padding-left: 0.5rem; padding-right: 0.5rem; box-sizing: border-box; } .tui-row_adaptive .tui-col_xs-5 { width: 41.66666667%; padding-left: 0.5rem; padding-right: 0.5rem; box-sizing: border-box; } .tui-row_adaptive .tui-col_xs-6 { width: 50%; padding-left: 0.5rem; padding-right: 0.5rem; box-sizing: border-box; } .tui-row_adaptive .tui-col_xs-7 { width: 58.33333333%; padding-left: 0.5rem; padding-right: 0.5rem; box-sizing: border-box; } .tui-row_adaptive .tui-col_xs-8 { width: 66.66666667%; padding-left: 0.5rem; padding-right: 0.5rem; box-sizing: border-box; } .tui-row_adaptive .tui-col_xs-9 { width: 75%; padding-left: 0.5rem; padding-right: 0.5rem; box-sizing: border-box; } .tui-row_adaptive .tui-col_xs-10 { width: 83.33333333%; padding-left: 0.5rem; padding-right: 0.5rem; box-sizing: border-box; } .tui-row_adaptive .tui-col_xs-11 { width: 91.66666667%; padding-left: 0.5rem; padding-right: 0.5rem; box-sizing: border-box; } .tui-row_adaptive .tui-col_xs-12 { width: 100%; padding-left: 0.5rem; padding-right: 0.5rem; box-sizing: border-box; } } .tui-row_temporary .tui-col_1 { width: 8.33333333%; padding-left: 1.25rem; padding-right: 1.25rem; box-sizing: border-box; } .tui-row_temporary .tui-col_2 { width: 16.66666667%; padding-left: 1.25rem; padding-right: 1.25rem; box-sizing: border-box; } .tui-row_temporary .tui-col_3 { width: 25%; padding-left: 1.25rem; padding-right: 1.25rem; box-sizing: border-box; } .tui-row_temporary .tui-col_4 { width: 33.33333333%; padding-left: 1.25rem; padding-right: 1.25rem; box-sizing: border-box; } .tui-row_temporary .tui-col_5 { width: 41.66666667%; padding-left: 1.25rem; padding-right: 1.25rem; box-sizing: border-box; } .tui-row_temporary .tui-col_6 { width: 50%; padding-left: 1.25rem; padding-right: 1.25rem; box-sizing: border-box; } .tui-row_temporary .tui-col_7 { width: 58.33333333%; padding-left: 1.25rem; padding-right: 1.25rem; box-sizing: border-box; } .tui-row_temporary .tui-col_8 { width: 66.66666667%; padding-left: 1.25rem; padding-right: 1.25rem; box-sizing: border-box; } .tui-row_temporary .tui-col_9 { width: 75%; padding-left: 1.25rem; padding-right: 1.25rem; box-sizing: border-box; } .tui-row_temporary .tui-col_10 { width: 83.33333333%; padding-left: 1.25rem; padding-right: 1.25rem; box-sizing: border-box; } .tui-row_temporary .tui-col_11 { width: 91.66666667%; padding-left: 1.25rem; padding-right: 1.25rem; box-sizing: border-box; } .tui-row_temporary .tui-col_12 { width: 100%; padding-left: 1.25rem; padding-right: 1.25rem; box-sizing: border-box; } @media screen and (min-width: 80em) { .tui-col_1 { width: 8.33333333%; padding-left: 1.5rem; padding-right: 1.5rem; box-sizing: border-box; } .tui-col_2 { width: 16.66666667%; padding-left: 1.5rem; padding-right: 1.5rem; box-sizing: border-box; } .tui-col_3 { width: 25%; padding-left: 1.5rem; padding-right: 1.5rem; box-sizing: border-box; } .tui-col_4 { width: 33.33333333%; padding-left: 1.5rem; padding-right: 1.5rem; box-sizing: border-box; } .tui-col_5 { width: 41.66666667%; padding-left: 1.5rem; padding-right: 1.5rem; box-sizing: border-box; } .tui-col_6 { width: 50%; padding-left: 1.5rem; padding-right: 1.5rem; box-sizing: border-box; } .tui-col_7 { width: 58.33333333%; padding-left: 1.5rem; padding-right: 1.5rem; box-sizing: border-box; } .tui-col_8 { width: 66.66666667%; padding-left: 1.5rem; padding-right: 1.5rem; box-sizing: border-box; } .tui-col_9 { width: 75%; padding-left: 1.5rem; padding-right: 1.5rem; box-sizing: border-box; } .tui-col_10 { width: 83.33333333%; padding-left: 1.5rem; padding-right: 1.5rem; box-sizing: border-box; } .tui-col_11 { width: 91.66666667%; padding-left: 1.5rem; padding-right: 1.5rem; box-sizing: border-box; } .tui-col_12 { width: 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; width: 100%; height: 100%; content: ""; background-color: var(--tui-clear-hover); 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 { width: 40%; } .tui-skeleton_center:after { position: absolute; left: 50%; transform: translate(-50%, 0); width: 40%; } .tui-skeleton_text:before { content: "\a0"; } .tui-skeleton * { opacity: 0; visibility: hidden; } .tui-space_all-16 { margin: 4rem; } .tui-space_all-15 { margin: 3.75rem; } .tui-space_all-14 { margin: 3.5rem; } .tui-space_all-13 { margin: 3.25rem; } .tui-space_all-12 { margin: 3rem; } .tui-space_all-11 { margin: 2.75rem; } .tui-space_all-10 { margin: 2.5rem; } .tui-space_all-9 { margin: 2.25rem; } .tui-space_all-8 { margin: 2rem; } .tui-space_all-7 { margin: 1.75rem; } .tui-space_all-6 { margin: 1.5rem; } .tui-space_all-5 { margin: 1.25rem; } .tui-space_all-4 { margin: 1rem; } .tui-space_all-3 { margin: 0.75rem; } .tui-space_all-2 { margin: 0.5rem; } .tui-space_all-1 { margin: 0.25rem; } .tui-space_all-0 { margin: 0rem; } .tui-space_top-16 { margin-top: 4rem; } .tui-space_top-15 { margin-top: 3.75rem; } .tui-space_top-14 { margin-top: 3.5rem; } .tui-space_top-13 { margin-top: 3.25rem; } .tui-space_top-12 { margin-top: 3rem; } .tui-space_top-11 { margin-top: 2.75rem; } .tui-space_top-10 { margin-top: 2.5rem; } .tui-space_top-9 { margin-top: 2.25rem; } .tui-space_top-8 { margin-top: 2rem; } .tui-space_top-7 { margin-top: 1.75rem; } .tui-space_top-6 { margin-top: 1.5rem; } .tui-space_top-5 { margin-top: 1.25rem; } .tui-space_top-4 { margin-top: 1rem; } .tui-space_top-3 { margin-top: 0.75rem; } .tui-space_top-2 { margin-top: 0.5rem; } .tui-space_top-1 { margin-top: 0.25rem; } .tui-space_top-0 { margin-top: 0rem; } .tui-space_bottom-16 { margin-bottom: 4rem; } .tui-space_bottom-15 { margin-bottom: 3.75rem; } .tui-space_bottom-14 { margin-bottom: 3.5rem; } .tui-space_bottom-13 { margin-bottom: 3.25rem; } .tui-space_bottom-12 { margin-bottom: 3rem; } .tui-space_bottom-11 { margin-bottom: 2.75rem; } .tui-space_bottom-10 { margin-bottom: 2.5rem; } .tui-space_bottom-9 { margin-bottom: 2.25rem; } .tui-space_bottom-8 { margin-bottom: 2rem; } .tui-space_bottom-7 { margin-bottom: 1.75rem; } .tui-space_bottom-6 { margin-bottom: 1.5rem; } .tui-space_bottom-5 { margin-bottom: 1.25rem; } .tui-space_bottom-4 { margin-bottom: 1rem; } .tui-space_bottom-3 { margin-bottom: 0.75rem; } .tui-space_bottom-2 { margin-bottom: 0.5rem; } .tui-space_bottom-1 { margin-bottom: 0.25rem; } .tui-space_bottom-0 { margin-bottom: 0rem; } .tui-space_vertical-16 { margin-top: 4rem; margin-bottom: 4rem; } .tui-space_vertical-15 { margin-top: 3.75rem; margin-bottom: 3.75rem; } .tui-space_vertical-14 { margin-top: 3.5rem; margin-bottom: 3.5rem; } .tui-space_vertical-13 { margin-top: 3.25rem; margin-bottom: 3.25rem; } .tui-space_vertical-12 { margin-top: 3rem; margin-bottom: 3rem; } .tui-space_vertical-11 { margin-top: 2.75rem; margin-bottom: 2.75rem; } .tui-space_vertical-10 { margin-top: 2.5rem; margin-bottom: 2.5rem; } .tui-space_vertical-9 { margin-top: 2.25rem; margin-bottom: 2.25rem; } .tui-space_vertical-8 { margin-top: 2rem; margin-bottom: 2rem; } .tui-space_vertical-7 { margin-top: 1.75rem; margin-bottom: 1.75rem; } .tui-space_vertical-6 { margin-top: 1.5rem; margin-bottom: 1.5rem; } .tui-space_vertical-5 { margin-top: 1.25rem; margin-bottom: 1.25rem; } .tui-space_vertical-4 { margin-top: 1rem; margin-bottom: 1rem; } .tui-space_vertical-3 { margin-top: 0.75rem; margin-bottom: 0.75rem; } .tui-space_vertical-2 { margin-top: 0.5rem; margin-bottom: 0.5rem; } .tui-space_vertical-1 { margin-top: 0.25rem; margin-bottom: 0.25rem; } .tui-space_vertical-0 { margin-top: 0rem; margin-bottom: 0rem; } .tui-space_left-16 { margin-left: 4rem; } .tui-space_left-15 { margin-left: 3.75rem; } .tui-space_left-14 { margin-left: 3.5rem; } .tui-space_left-13 { margin-left: 3.25rem; } .tui-space_left-12 { margin-left: 3rem; } .tui-space_left-11 { margin-left: 2.75rem; } .tui-space_left-10 { margin-left: 2.5rem; } .tui-space_left-9 { margin-left: 2.25rem; } .tui-space_left-8 { margin-left: 2rem; } .tui-space_left-7 { margin-left: 1.75rem; } .tui-space_left-6 { margin-left: 1.5rem; } .tui-space_left-5 { margin-left: 1.25rem; } .tui-space_left-4 { margin-left: 1rem; } .tui-space_left-3 { margin-left: 0.75rem; } .tui-space_left-2 { margin-left: 0.5rem; } .tui-space_left-1 { margin-left: 0.25rem; } .tui-space_left-0 { margin-left: 0rem; } .tui-space_right-16 { margin-right: 4rem; } .tui-space_right-15 { margin-right: 3.75rem; } .tui-space_right-14 { margin-right: 3.5rem; } .tui-space_right-13 { margin-right: 3.25rem; } .tui-space_right-12 { margin-right: 3rem; } .tui-space_right-11 { margin-right: 2.75rem; } .tui-space_right-10 { margin-right: 2.5rem; } .tui-space_right-9 { margin-right: 2.25rem; } .tui-space_right-8 { margin-right: 2rem; } .tui-space_right-7 { margin-right: 1.75rem; } .tui-space_right-6 { margin-right: 1.5rem; } .tui-space_right-5 { margin-right: 1.25rem; } .tui-space_right-4 { margin-right: 1rem; } .tui-space_right-3 { margin-right: 0.75rem; } .tui-space_right-2 { margin-right: 0.5rem; } .tui-space_right-1 { margin-right: 0.25rem; } .tui-space_right-0 { margin-right: 0rem; } .tui-space_horizontal-16 { margin-right: 4rem; margin-left: 4rem; } .tui-space_horizontal-15 { margin-right: 3.75rem; margin-left: 3.75rem; } .tui-space_horizontal-14 { margin-right: 3.5rem; margin-left: 3.5rem; } .tui-space_horizontal-13 { margin-right: 3.25rem; margin-left: 3.25rem; } .tui-space_horizontal-12 { margin-right: 3rem; margin-left: 3rem; } .tui-space_horizontal-11 { margin-right: 2.75rem; margin-left: 2.75rem; } .tui-space_horizontal-10 { margin-right: 2.5rem; margin-left: 2.5rem; } .tui-space_horizontal-9 { margin-right: 2.25rem; margin-left: 2.25rem; } .tui-space_horizontal-8 { margin-right: 2rem; margin-left: 2rem; } .tui-space_horizontal-7 { margin-right: 1.75rem; margin-left: 1.75rem; } .tui-space_horizontal-6 { margin-right: 1.5rem; margin-left: 1.5rem; } .tui-space_horizontal-5 { margin-right: 1.25rem; margin-left: 1.25rem; } .tui-space_horizontal-4 { margin-right: 1rem; margin-left: 1rem; } .tui-space_horizontal-3 { margin-right: 0.75rem; margin-left: 0.75rem; } .tui-space_horizontal-2 { margin-right: 0.5rem; margin-left: 0.5rem; } .tui-space_horizontal-1 { margin-right: 0.25rem; margin-left: 0.25rem; } .tui-space_horizontal-0 { margin-right: 0rem; margin-left: 0rem; } .tui-space_auto { margin-left: auto; margin-right: auto; } .tui-table { width: 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-base-02); } .tui-table__tr:not(.tui-table__tr_border_none) { border-bottom: 1px solid var(--tui-base-03); } .tui-table__tr_border_top { border-top: 1px solid var(--tui-base-03); } .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; height: 2.5rem; color: var(--tui-text-02); 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; word-wrap: break-word; height: 3.4375rem; color: var(--tui-text-01); background: inherit; } .tui-table__td_size_l, .tui-table_size_l .tui-table__td { height: 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: left; } .tui-table_size_l .tui-table__td:before, .tui-table_size_l .tui-table__th:before { width: 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; width: 0.75rem; height: 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: right; } .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 0; color: var(--tui-text-03); } .tui-table__sort { appearance: none; padding: 0; border: 0; background: none; font-size: 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-01); } .tui-table__sort_active { color: var(--tui-link); } .tui-table__sort_active:hover { color: var(--tui-link-hover); } .tui-table__sort-icon { position: absolute; top: 50%; transform: translate(0, -50%); left: 100%; margin-left: 0.125rem; width: 1rem; height: 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-l-2); } .tui-text_body-m { font: var(--tui-font-text-m); } .tui-text_body-m-2 { font: var(--tui-font-text-m-2); } .tui-text_body-s { font: var(--tui-font-text-s); } .tui-text_body-s-2 { font: var(--tui-font-text-s-2); } .tui-text_body-xs { font: var(--tui-font-text-xs); } .tui-text_bold { font-weight: bold; } /* src/styles.scss */ *, ::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: 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; color: inherit; margin: 0; padding: 0; } button, select { text-transform: none; } button, [type=button], [type=reset], [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] { display: none; } *, ::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: ; } ::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: ; } .container { width: 100%; } @media (min-width: 640px) { .container { max-width: 640px; } } @media (min-width: 768px) { .container { max-width: 768px; } } @media (min-width: 1024px) { .container { max-width: 1024px; } } @media (min-width: 1280px) { .container { max-width: 1280px; } } @media (min-width: 1536px) { .container { max-width: 1536px; } } .static { position: static; } .relative { position: relative; } .sticky { position: sticky; } .top-0 { top: 0px; } .z-\[0\] { z-index: 0; } .mx-3 { margin-left: 0.75rem; margin-right: 0.75rem; } .mx-auto { margin-left: auto; margin-right: auto; } .my-2 { margin-top: 0.5rem; margin-bottom: 0.5rem; } .my-3 { margin-top: 0.75rem; margin-bottom: 0.75rem; } .my-4 { margin-top: 1rem; margin-bottom: 1rem; } .mb-16 { margin-bottom: 4rem; } .mb-3 { margin-bottom: 0.75rem; } .mb-4 { margin-bottom: 1rem; } .mb-8 { margin-bottom: 2rem; } .ml-1 { margin-left: 0.25rem; } .ml-1\.5 { margin-left: 0.375rem; } .ml-12 { margin-left: 3rem; } .ml-2 { margin-left: 0.5rem; } .ml-5 { margin-left: 1.25rem; } .mr-1 { margin-right: 0.25rem; } .mr-2 { margin-right: 0.5rem; } .mr-3 { margin-right: 0.75rem; } .mt-1 { margin-top: 0.25rem; } .mt-2 { margin-top: 0.5rem; } .mt-3 { margin-top: 0.75rem; } .mt-4 { margin-top: 1rem; } .mt-5 { margin-top: 1.25rem; } .mt-6 { margin-top: 1.5rem; } .mt-7 { margin-top: 1.75rem; } .mt-8 { margin-top: 2rem; } .flex { display: flex; } .inline-flex { display: inline-flex; } .table { display: table; } .grid { display: grid; } .hidden { display: none; } .h-1\/2 { height: 50%; } .h-10 { height: 2.5rem; } .h-11 { height: 2.75rem; } .h-2 { height: 0.5rem; } .h-32 { height: 8rem; } .h-6 { height: 1.5rem; } .h-8 { height: 2rem; } .h-\[10px\] { height: 10px; } .h-\[24px\] { height: 24px; } .h-\[30px\] { height: 30px; } .h-\[40px\] { height: 40px; } .h-\[73px\] { height: 73px; } .h-\[calc\(100vh-90px\)\] { height: calc(100vh - 90px); } .h-full { height: 100%; } .h-screen { height: 100vh; } .max-h-screen { max-height: 100vh; } .min-h-full { min-height: 100%; } .w-10 { width: 2.5rem; } .w-11 { width: 2.75rem; } .w-2 { width: 0.5rem; } .w-32 { width: 8rem; } .w-6 { width: 1.5rem; } .w-8 { width: 2rem; } .w-\[100px\] { width: 100px; } .w-\[10px\] { width: 10px; } .w-\[150px\] { width: 150px; } .w-\[180px\] { width: 180px; } .w-\[1px\] { width: 1px; } .w-\[260px\] { width: 260px; } .w-\[265px\] { width: 265px; } .w-\[270px\] { width: 270px; } .w-\[3px\] { width: 3px; } .w-\[40px\] { width: 40px; } .w-\[80px\] { width: 80px; } .w-fit { width: fit-content; } .w-full { width: 100%; } .w-screen { width: 100vw; } .min-w-\[140px\] { min-width: 140px; } .min-w-\[30\%\] { min-width: 30%; } .min-w-full { min-width: 100%; } .max-w-full { max-width: 100%; } .flex-1 { flex: 1 1 0%; } .shrink-0 { flex-shrink: 0; } .rotate-180 { --tw-rotate: 180deg; 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-90 { --tw-rotate: 90deg; 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)); } .cursor-help { cursor: help; } .cursor-pointer { cursor: pointer; } .list-disc { list-style-type: disc; } .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .flex-row { flex-direction: row; } .flex-col { flex-direction: column; } .items-start { align-items: flex-start; } .items-end { align-items: flex-end; } .items-center { align-items: center; } .items-stretch { align-items: stretch; } .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-3 { gap: 0.75rem; } .gap-4 { gap: 1rem; } .gap-5 { gap: 1.25rem; } .gap-6 { gap: 1.5rem; } .gap-7 { gap: 1.75rem; } .gap-8 { gap: 2rem; } .overflow-hidden { overflow: hidden; } .overflow-visible { overflow: visible; } .overflow-x-auto { overflow-x: auto; } .overflow-x-scroll { overflow-x: scroll; } .overflow-y-scroll { overflow-y: scroll; } .whitespace-nowrap { white-space: nowrap; } .rounded { border-radius: 0.25rem; } .rounded-full { border-radius: 9999px; } .rounded-lg { border-radius: 0.5rem; } .rounded-xl { border-radius: 0.75rem; } .border { border-width: 1px; } .border-2 { border-width: 2px; } .border-\[1px\] { border-width: 1px; } .border-b { border-bottom-width: 1px; } .border-\[\#D8D8D8\] { --tw-border-opacity: 1; border-color: rgb(216 216 216 / var(--tw-border-opacity)); } .border-\[\#bb0021\] { --tw-border-opacity: 1; border-color: rgb(187 0 33 / var(--tw-border-opacity)); } .border-gray-300 { --tw-border-opacity: 1; border-color: rgb(209 213 219 / var(--tw-border-opacity)); } .border-b-\[\#6A6A6A\] { --tw-border-opacity: 1; border-bottom-color: rgb(106 106 106 / var(--tw-border-opacity)); } .border-b-\[\#bb0021\] { --tw-border-opacity: 1; border-bottom-color: rgb(187 0 33 / var(--tw-border-opacity)); } .border-b-accent { --tw-border-opacity: 1; border-bottom-color: rgb(187 0 33 / var(--tw-border-opacity)); } .bg-\[\#00000014\] { background-color: #00000014; } .bg-\[\#19191A\] { --tw-bg-opacity: 1; background-color: rgb(25 25 26 / var(--tw-bg-opacity)); } .bg-\[\#1F2021\] { --tw-bg-opacity: 1; background-color: rgb(31 32 33 / var(--tw-bg-opacity)); } .bg-\[\#4AC99B\] { --tw-bg-opacity: 1; background-color: rgb(74 201 155 / var(--tw-bg-opacity)); } .bg-\[\#6A6A6A\] { --tw-bg-opacity: 1; background-color: rgb(106 106 106 / var(--tw-bg-opacity)); } .bg-\[\#D8D8D8\] { --tw-bg-opacity: 1; background-color: rgb(216 216 216 / var(--tw-bg-opacity)); } .bg-\[\#FC4761\] { --tw-bg-opacity: 1; background-color: rgb(252 71 97 / var(--tw-bg-opacity)); } .bg-\[\#FF4646\] { --tw-bg-opacity: 1; background-color: rgb(255 70 70 / var(--tw-bg-opacity)); } .bg-\[\#faf0f2\] { --tw-bg-opacity: 1; background-color: rgb(250 240 242 / var(--tw-bg-opacity)); } .bg-background { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } .bg-forground { --tw-bg-opacity: 1; background-color: rgb(237 240 242 / var(--tw-bg-opacity)); } .bg-gray-100 { --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity)); } .bg-gray-800 { --tw-bg-opacity: 1; background-color: rgb(31 41 55 / var(--tw-bg-opacity)); } .bg-gray-900 { --tw-bg-opacity: 1; background-color: rgb(17 24 39 / var(--tw-bg-opacity)); } .bg-gray-950 { --tw-bg-opacity: 1; background-color: rgb(3 7 18 / var(--tw-bg-opacity)); } .bg-slate-100 { --tw-bg-opacity: 1; background-color: rgb(241 245 249 / var(--tw-bg-opacity)); } .bg-white { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } .bg-cover { background-size: cover; } .object-contain { object-fit: contain; } .object-cover { object-fit: cover; } .p-1 { padding: 0.25rem; } .p-2 { padding: 0.5rem; } .p-3 { padding: 0.75rem; } .p-4 { padding: 1rem; } .p-5 { padding: 1.25rem; } .px-1 { padding-left: 0.25rem; padding-right: 0.25rem; } .px-4 { padding-left: 1rem; padding-right: 1rem; } .px-8 { padding-left: 2rem; padding-right: 2rem; } .py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem; } .py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; } .py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; } .py-4 { padding-top: 1rem; padding-bottom: 1rem; } .py-\[4px\] { padding-top: 4px; padding-bottom: 4px; } .pb-2 { padding-bottom: 0.5rem; } .pl-10 { padding-left: 2.5rem; } .pl-2 { padding-left: 0.5rem; } .pl-5 { padding-left: 1.25rem; } .pr-10 { padding-right: 2.5rem; } .pr-2 { padding-right: 0.5rem; } .pr-3 { padding-right: 0.75rem; } .pr-5 { padding-right: 1.25rem; } .pt-2 { padding-top: 0.5rem; } .pt-3 { padding-top: 0.75rem; } .pt-4 { padding-top: 1rem; } .pt-8 { padding-top: 2rem; } .text-center { text-align: center; } .text-right { text-align: right; } .align-top { vertical-align: top; } .text-2xl { font-size: 1.5rem; line-height: 2rem; } .text-4xl { font-size: 2.25rem; line-height: 2.5rem; } .text-\[0\.75rem\] { font-size: 0.75rem; } .text-\[0\.9rem\] { font-size: 0.9rem; } .text-\[1\.25rem\] { font-size: 1.25rem; } .text-\[1\.5rem\] { font-size: 1.5rem; } .text-\[13px\] { font-size: 13px; } .text-\[14px\] { font-size: 14px; } .text-\[15px\] { font-size: 15px; } .text-\[18px\] { font-size: 18px; } .text-\[1rem\] { font-size: 1rem; } .text-\[24px\] { font-size: 24px; } .text-sm { font-size: 0.875rem; line-height: 1.25rem; } .text-xs { font-size: 0.75rem; line-height: 1rem; } .font-\[600\] { font-weight: 600; } .font-bold { font-weight: 700; } .font-semibold { font-weight: 600; } .text-\[\#000000\] { --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } .text-\[\#19191A\] { --tw-text-opacity: 1; color: rgb(25 25 26 / var(--tw-text-opacity)); } .text-\[\#6A6A6A\] { --tw-text-opacity: 1; color: rgb(106 106 106 / var(--tw-text-opacity)); } .text-\[\#A5A5A5\] { --tw-text-opacity: 1; color: rgb(165 165 165 / var(--tw-text-opacity)); } .text-\[\#B3D334\] { --tw-text-opacity: 1; color: rgb(179 211 52 / var(--tw-text-opacity)); } .text-\[\#CECECE\] { --tw-text-opacity: 1; color: rgb(206 206 206 / var(--tw-text-opacity)); } .text-\[\#D8D8D8\] { --tw-text-opacity: 1; color: rgb(216 216 216 / var(--tw-text-opacity)); } .text-\[\#FF0000\] { --tw-text-opacity: 1; color: rgb(255 0 0 / var(--tw-text-opacity)); } .text-\[\#FFFFFFB8\] { color: #FFFFFFB8; } .text-\[\#FFFFFF\] { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .text-\[\#bb0021\] { --tw-text-opacity: 1; color: rgb(187 0 33 / var(--tw-text-opacity)); } .text-\[\#f84061\] { --tw-text-opacity: 1; color: rgb(248 64 97 / var(--tw-text-opacity)); } .text-accent { --tw-text-opacity: 1; color: rgb(187 0 33 / var(--tw-text-opacity)); } .text-black { --tw-text-opacity: 1; color: rgb(0 0 0 / 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-primary { --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } .text-red-500 { --tw-text-opacity: 1; color: rgb(239 68 68 / var(--tw-text-opacity)); } .text-white { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .no-underline { text-decoration-line: none; } .outline { outline-style: solid; } .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; } .duration-100 { transition-duration: 100ms; } .duration-200 { transition-duration: 200ms; } .ease-in-out { transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } * { margin: 0; padding: 0; box-sizing: border-box; } :root { --tui-heading-font: "Red Hat Display", sans-serif; --tui-text-font: "Red Hat Display", sans-serif; } table { font-family: "Manrope", sans-serif; text-indent: 0; border-color: inherit; border-bottom-color: #19191A; border-collapse: collapse; } .tui-table__td { padding: 1rem 1rem 0.875rem; vertical-align: top; word-wrap: break-word; height: 3.4375rem; color: rgba(255, 255, 255, 0.6509803922); background: #242526; } body { position: relative; font-family: "Red Hat Display", sans-serif; background: #242526; color: white; color: #ffffff !important; } ::-webkit-scrollbar { height: 8px; width: 8px; } ::-webkit-scrollbar-thumb { background-color: #333334; border-radius: 20px; } ::-webkit-scrollbar-thumb:hover { background-color: #D8D8D8; } ::-webkit-scrollbar-thumb:not(:hover) { background-color: #D8D8D8; } .tui-table__th { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-family: "Manrope", sans-serif; padding: 0.5rem 1rem; vertical-align: middle; height: 2.5rem; color: #242526; background: inherit; } .tui-table__td { padding: 1rem 1rem 0.875rem; vertical-align: top; word-wrap: break-word; height: 3.4375rem; color: #242526; background: inherit; } .tui-table__td, .tui-table__th { box-sizing: border-box; text-align: left; background: transparent; } .tui-table__tr:not(.tui-table__tr_border_none) { border-bottom: 1px solid #D8D8D8; } table { text-indent: 0; border-color: inherit; border-bottom-color: #19191A; border-collapse: collapse; } [tuiWrapper][data-appearance=outline] { background: white; color: var(--tui-text-01); font: var(--tui-font-text-s); } [data-size=m][_nghost-ng-c1048940235] .t-content[_ngcontent-ng-c1048940235] { margin-left: 0.5rem; color: white; } .tui-table__th { font-weight: bold; } [data-size=l][_nghost-ng-c3926154569] { height: var(--tui-height-l); font: var(--tui-font-text-m); font-weight: normal; border-radius: 8px; } [tuiWrapper][data-appearance=secondary], [tuiWrapper][data-appearance=flat], [tuiWrapper][data-appearance=destructive] { background: var(--tui-secondary); color: #6A6A6A; } [_nghost-ng-c2294440466] { font: var(--tui-font-text-s); color: var(--tui-text-01); position: relative; display: block; text-align: left; border-radius: var(--tui-radius-m); height: var(--tui-height); min-height: var(--tui-height); max-height: var(--tui-height); } .btn-outline { color: #d4d4d4; border: 1px solid #D8D8D8; border-radius: 8px; background-color: #1b1b1b; padding: 0.5rem 0.5rem; font-weight: normal; font-weight: 700; } .btn-outline:hover { border-color: #000000; background-color: #222222; } .t-button[_ngcontent-ng-c1149504821] { margin: 0.375rem; white-space: nowrap; width: 80px; } .t-content[_ngcontent-ng-c1591437670] { border-radius: inherit; padding: 2rem; background: white !important; color: #19191A !important; } .dialog-payment .t-content[_ngcontent-ng-c3926154569] { display: flex; height: 100%; align-items: center; justify-content: center; text-align: center; padding: 20px !important; } [tuiWrapper][data-appearance=primary] { background: #19191A; color: #D8D8D8; font-weight: 800; } .t-item[_ngcontent-ng-c3959805629], .t-content[_ngcontent-ng-c2877806562] { color: #19191A !important; } tui-hint[data-appearance=onDark] { background: #ffffff !important; color: #000000 !important; filter: drop-shadow(0 0 0.125rem rgba(0, 0, 0, 0.08)) drop-shadow(0 0.25rem 0.375rem rgba(0, 0, 0, 0.08)); } tui-hint[data-appearance=onDark]::before { background: #ffffff !important; } .hover\:scale-110:hover { --tw-scale-x: 1.1; --tw-scale-y: 1.1; 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)); } .hover\:border-2:hover { border-width: 2px; } .hover\:border-\[\#bb0021\]:hover { --tw-border-opacity: 1; border-color: rgb(187 0 33 / var(--tw-border-opacity)); } .hover\:bg-\[\#bb0021\]:hover { --tw-bg-opacity: 1; background-color: rgb(187 0 33 / var(--tw-bg-opacity)); } .hover\:bg-\[\#faf0f2\]:hover { --tw-bg-opacity: 1; background-color: rgb(250 240 242 / var(--tw-bg-opacity)); } .hover\:bg-gray-800:hover { --tw-bg-opacity: 1; background-color: rgb(31 41 55 / var(--tw-bg-opacity)); } .hover\:text-\[\#bb0021\]:hover { --tw-text-opacity: 1; color: rgb(187 0 33 / 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\:outline-\[\#bb0021\]:hover { outline-color: #bb0021; } .group:hover .group-hover\:bg-accent { --tw-bg-opacity: 1; background-color: rgb(187 0 33 / var(--tw-bg-opacity)); } .group:hover .group-hover\:text-accent { --tw-text-opacity: 1; color: rgb(187 0 33 / var(--tw-text-opacity)); } .group:hover .group-hover\:text-red-500 { --tw-text-opacity: 1; color: rgb(239 68 68 / var(--tw-text-opacity)); } @media (min-width: 640px) { .sm\:mt-0 { margin-top: 0px; } .sm\:mt-10 { margin-top: 2.5rem; } .sm\:mt-20 { margin-top: 5rem; } .sm\:block { display: block; } .sm\:hidden { display: none; } .sm\:w-1\/2 { width: 50%; } .sm\:w-2\/4 { width: 50%; } .sm\:w-3\/4 { width: 75%; } .sm\:w-40 { width: 10rem; } .sm\:w-60 { width: 15rem; } .sm\:w-\[100px\] { width: 100px; } .sm\:w-\[160px\] { width: 160px; } .sm\:w-\[190px\] { width: 190px; } .sm\:w-\[200px\] { width: 200px; } .sm\:w-\[220px\] { width: 220px; } .sm\:w-\[400px\] { width: 400px; } .sm\:w-\[500px\] { width: 500px; } .sm\:flex-row { flex-direction: row; } .sm\:items-center { align-items: center; } .sm\:justify-between { justify-content: space-between; } .sm\:gap-4 { gap: 1rem; } .sm\:p-0 { padding: 0px; } .sm\:py-\[14px\] { padding-top: 14px; padding-bottom: 14px; } .sm\:pt-3 { padding-top: 0.75rem; } } @media (min-width: 768px) { .md\:mb-8 { margin-bottom: 2rem; } .md\:mt-8 { margin-top: 2rem; } .md\:flex { display: flex; } .md\:w-\[300px\] { width: 300px; } .md\:w-\[400px\] { width: 400px; } .md\:w-\[450px\] { width: 450px; } .md\:p-12 { padding: 3rem; } } @media (min-width: 1024px) { .lg\:ml-10 { margin-left: 2.5rem; } .lg\:w-2\/4 { width: 50%; } .lg\:w-3\/4 { width: 75%; } .lg\:w-60 { width: 15rem; } .lg\:flex-row { flex-direction: row; } } @media (min-width: 1280px) { .xl\:mt-4 { margin-top: 1rem; } .xl\:justify-normal { justify-content: normal; } } @media (min-width: 1536px) { .\32xl\:my-10 { margin-top: 2.5rem; margin-bottom: 2.5rem; } .\32xl\:mb-\[60px\] { margin-bottom: 60px; } .\32xl\:mt-10 { margin-top: 2.5rem; } .\32xl\:gap-4 { gap: 1rem; } .\32xl\:gap-8 { gap: 2rem; } .\32xl\:py-8 { padding-top: 2rem; padding-bottom: 2rem; } .\32xl\:text-\[36px\] { font-size: 36px; } } /* angular:styles/global:styles */ /*# sourceMappingURL=styles.css.map */