@charset "UTF-8"; /*! * Bootstrap v6.0.0-alpha.1 (https://getbootstrap.com/) * Copyright 2011-2026 The Bootstrap Authors * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) */ :root, :host { --blue-025: color-mix(in oklch, var(--white) 94%, oklch(60% 0.24 240deg)); --blue-050: color-mix(in oklch, var(--white) 90%, oklch(60% 0.24 240deg)); --blue-100: color-mix(in oklch, var(--white) 80%, oklch(60% 0.24 240deg)); --blue-200: color-mix(in oklch, var(--white) 60%, oklch(60% 0.24 240deg)); --blue-300: color-mix(in oklch, var(--white) 40%, oklch(60% 0.24 240deg)); --blue-400: color-mix(in oklch, var(--white) 20%, oklch(60% 0.24 240deg)); --blue-500: oklch(60% 0.24 240deg); --blue-600: color-mix(in oklch, var(--black) 16%, oklch(60% 0.24 240deg)); --blue-700: color-mix(in oklch, var(--black) 32%, oklch(60% 0.24 240deg)); --blue-800: color-mix(in oklch, var(--black) 48%, oklch(60% 0.24 240deg)); --blue-900: color-mix(in oklch, var(--black) 64%, oklch(60% 0.24 240deg)); --blue-950: color-mix(in oklch, var(--black) 70%, oklch(60% 0.24 240deg)); --blue-975: color-mix(in oklch, var(--black) 76%, oklch(60% 0.24 240deg)); --indigo-025: color-mix(in oklch, var(--white) 94%, oklch(56% 0.26 288deg)); --indigo-050: color-mix(in oklch, var(--white) 90%, oklch(56% 0.26 288deg)); --indigo-100: color-mix(in oklch, var(--white) 80%, oklch(56% 0.26 288deg)); --indigo-200: color-mix(in oklch, var(--white) 60%, oklch(56% 0.26 288deg)); --indigo-300: color-mix(in oklch, var(--white) 40%, oklch(56% 0.26 288deg)); --indigo-400: color-mix(in oklch, var(--white) 20%, oklch(56% 0.26 288deg)); --indigo-500: oklch(56% 0.26 288deg); --indigo-600: color-mix(in oklch, var(--black) 16%, oklch(56% 0.26 288deg)); --indigo-700: color-mix(in oklch, var(--black) 32%, oklch(56% 0.26 288deg)); --indigo-800: color-mix(in oklch, var(--black) 48%, oklch(56% 0.26 288deg)); --indigo-900: color-mix(in oklch, var(--black) 64%, oklch(56% 0.26 288deg)); --indigo-950: color-mix(in oklch, var(--black) 70%, oklch(56% 0.26 288deg)); --indigo-975: color-mix(in oklch, var(--black) 76%, oklch(56% 0.26 288deg)); --violet-025: color-mix(in oklch, var(--white) 94%, oklch(56% 0.24 300deg)); --violet-050: color-mix(in oklch, var(--white) 90%, oklch(56% 0.24 300deg)); --violet-100: color-mix(in oklch, var(--white) 80%, oklch(56% 0.24 300deg)); --violet-200: color-mix(in oklch, var(--white) 60%, oklch(56% 0.24 300deg)); --violet-300: color-mix(in oklch, var(--white) 40%, oklch(56% 0.24 300deg)); --violet-400: color-mix(in oklch, var(--white) 20%, oklch(56% 0.24 300deg)); --violet-500: oklch(56% 0.24 300deg); --violet-600: color-mix(in oklch, var(--black) 16%, oklch(56% 0.24 300deg)); --violet-700: color-mix(in oklch, var(--black) 32%, oklch(56% 0.24 300deg)); --violet-800: color-mix(in oklch, var(--black) 48%, oklch(56% 0.24 300deg)); --violet-900: color-mix(in oklch, var(--black) 64%, oklch(56% 0.24 300deg)); --violet-950: color-mix(in oklch, var(--black) 70%, oklch(56% 0.24 300deg)); --violet-975: color-mix(in oklch, var(--black) 76%, oklch(56% 0.24 300deg)); --purple-025: color-mix(in oklch, var(--white) 94%, oklch(56% 0.24 320deg)); --purple-050: color-mix(in oklch, var(--white) 90%, oklch(56% 0.24 320deg)); --purple-100: color-mix(in oklch, var(--white) 80%, oklch(56% 0.24 320deg)); --purple-200: color-mix(in oklch, var(--white) 60%, oklch(56% 0.24 320deg)); --purple-300: color-mix(in oklch, var(--white) 40%, oklch(56% 0.24 320deg)); --purple-400: color-mix(in oklch, var(--white) 20%, oklch(56% 0.24 320deg)); --purple-500: oklch(56% 0.24 320deg); --purple-600: color-mix(in oklch, var(--black) 16%, oklch(56% 0.24 320deg)); --purple-700: color-mix(in oklch, var(--black) 32%, oklch(56% 0.24 320deg)); --purple-800: color-mix(in oklch, var(--black) 48%, oklch(56% 0.24 320deg)); --purple-900: color-mix(in oklch, var(--black) 64%, oklch(56% 0.24 320deg)); --purple-950: color-mix(in oklch, var(--black) 70%, oklch(56% 0.24 320deg)); --purple-975: color-mix(in oklch, var(--black) 76%, oklch(56% 0.24 320deg)); --pink-025: color-mix(in oklch, var(--white) 94%, oklch(60% 0.22 4deg)); --pink-050: color-mix(in oklch, var(--white) 90%, oklch(60% 0.22 4deg)); --pink-100: color-mix(in oklch, var(--white) 80%, oklch(60% 0.22 4deg)); --pink-200: color-mix(in oklch, var(--white) 60%, oklch(60% 0.22 4deg)); --pink-300: color-mix(in oklch, var(--white) 40%, oklch(60% 0.22 4deg)); --pink-400: color-mix(in oklch, var(--white) 20%, oklch(60% 0.22 4deg)); --pink-500: oklch(60% 0.22 4deg); --pink-600: color-mix(in oklch, var(--black) 16%, oklch(60% 0.22 4deg)); --pink-700: color-mix(in oklch, var(--black) 32%, oklch(60% 0.22 4deg)); --pink-800: color-mix(in oklch, var(--black) 48%, oklch(60% 0.22 4deg)); --pink-900: color-mix(in oklch, var(--black) 64%, oklch(60% 0.22 4deg)); --pink-950: color-mix(in oklch, var(--black) 70%, oklch(60% 0.22 4deg)); --pink-975: color-mix(in oklch, var(--black) 76%, oklch(60% 0.22 4deg)); --red-025: color-mix(in oklch, var(--white) 94%, oklch(60% 0.22 20deg)); --red-050: color-mix(in oklch, var(--white) 90%, oklch(60% 0.22 20deg)); --red-100: color-mix(in oklch, var(--white) 80%, oklch(60% 0.22 20deg)); --red-200: color-mix(in oklch, var(--white) 60%, oklch(60% 0.22 20deg)); --red-300: color-mix(in oklch, var(--white) 40%, oklch(60% 0.22 20deg)); --red-400: color-mix(in oklch, var(--white) 20%, oklch(60% 0.22 20deg)); --red-500: oklch(60% 0.22 20deg); --red-600: color-mix(in oklch, var(--black) 16%, oklch(60% 0.22 20deg)); --red-700: color-mix(in oklch, var(--black) 32%, oklch(60% 0.22 20deg)); --red-800: color-mix(in oklch, var(--black) 48%, oklch(60% 0.22 20deg)); --red-900: color-mix(in oklch, var(--black) 64%, oklch(60% 0.22 20deg)); --red-950: color-mix(in oklch, var(--black) 70%, oklch(60% 0.22 20deg)); --red-975: color-mix(in oklch, var(--black) 76%, oklch(60% 0.22 20deg)); --orange-025: color-mix(in oklch, var(--white) 94%, oklch(70% 0.22 52deg)); --orange-050: color-mix(in oklch, var(--white) 90%, oklch(70% 0.22 52deg)); --orange-100: color-mix(in oklch, var(--white) 80%, oklch(70% 0.22 52deg)); --orange-200: color-mix(in oklch, var(--white) 60%, oklch(70% 0.22 52deg)); --orange-300: color-mix(in oklch, var(--white) 40%, oklch(70% 0.22 52deg)); --orange-400: color-mix(in oklch, var(--white) 20%, oklch(70% 0.22 52deg)); --orange-500: oklch(70% 0.22 52deg); --orange-600: color-mix(in oklch, var(--black) 16%, oklch(70% 0.22 52deg)); --orange-700: color-mix(in oklch, var(--black) 32%, oklch(70% 0.22 52deg)); --orange-800: color-mix(in oklch, var(--black) 48%, oklch(70% 0.22 52deg)); --orange-900: color-mix(in oklch, var(--black) 64%, oklch(70% 0.22 52deg)); --orange-950: color-mix(in oklch, var(--black) 70%, oklch(70% 0.22 52deg)); --orange-975: color-mix(in oklch, var(--black) 76%, oklch(70% 0.22 52deg)); --amber-025: color-mix(in oklch, var(--white) 94%, oklch(79% 0.2 78deg)); --amber-050: color-mix(in oklch, var(--white) 90%, oklch(79% 0.2 78deg)); --amber-100: color-mix(in oklch, var(--white) 80%, oklch(79% 0.2 78deg)); --amber-200: color-mix(in oklch, var(--white) 60%, oklch(79% 0.2 78deg)); --amber-300: color-mix(in oklch, var(--white) 40%, oklch(79% 0.2 78deg)); --amber-400: color-mix(in oklch, var(--white) 20%, oklch(79% 0.2 78deg)); --amber-500: oklch(79% 0.2 78deg); --amber-600: color-mix(in oklch, var(--black) 16%, oklch(79% 0.2 78deg)); --amber-700: color-mix(in oklch, var(--black) 32%, oklch(79% 0.2 78deg)); --amber-800: color-mix(in oklch, var(--black) 48%, oklch(79% 0.2 78deg)); --amber-900: color-mix(in oklch, var(--black) 64%, oklch(79% 0.2 78deg)); --amber-950: color-mix(in oklch, var(--black) 70%, oklch(79% 0.2 78deg)); --amber-975: color-mix(in oklch, var(--black) 76%, oklch(79% 0.2 78deg)); --yellow-025: color-mix(in oklch, var(--white) 94%, oklch(88% 0.24 88deg)); --yellow-050: color-mix(in oklch, var(--white) 90%, oklch(88% 0.24 88deg)); --yellow-100: color-mix(in oklch, var(--white) 80%, oklch(88% 0.24 88deg)); --yellow-200: color-mix(in oklch, var(--white) 60%, oklch(88% 0.24 88deg)); --yellow-300: color-mix(in oklch, var(--white) 40%, oklch(88% 0.24 88deg)); --yellow-400: color-mix(in oklch, var(--white) 20%, oklch(88% 0.24 88deg)); --yellow-500: oklch(88% 0.24 88deg); --yellow-600: color-mix(in oklch, var(--black) 16%, oklch(88% 0.24 88deg)); --yellow-700: color-mix(in oklch, var(--black) 32%, oklch(88% 0.24 88deg)); --yellow-800: color-mix(in oklch, var(--black) 48%, oklch(88% 0.24 88deg)); --yellow-900: color-mix(in oklch, var(--black) 64%, oklch(88% 0.24 88deg)); --yellow-950: color-mix(in oklch, var(--black) 70%, oklch(88% 0.24 88deg)); --yellow-975: color-mix(in oklch, var(--black) 76%, oklch(88% 0.24 88deg)); --lime-025: color-mix(in oklch, var(--white) 94%, oklch(65% 0.24 135deg)); --lime-050: color-mix(in oklch, var(--white) 90%, oklch(65% 0.24 135deg)); --lime-100: color-mix(in oklch, var(--white) 80%, oklch(65% 0.24 135deg)); --lime-200: color-mix(in oklch, var(--white) 60%, oklch(65% 0.24 135deg)); --lime-300: color-mix(in oklch, var(--white) 40%, oklch(65% 0.24 135deg)); --lime-400: color-mix(in oklch, var(--white) 20%, oklch(65% 0.24 135deg)); --lime-500: oklch(65% 0.24 135deg); --lime-600: color-mix(in oklch, var(--black) 16%, oklch(65% 0.24 135deg)); --lime-700: color-mix(in oklch, var(--black) 32%, oklch(65% 0.24 135deg)); --lime-800: color-mix(in oklch, var(--black) 48%, oklch(65% 0.24 135deg)); --lime-900: color-mix(in oklch, var(--black) 64%, oklch(65% 0.24 135deg)); --lime-950: color-mix(in oklch, var(--black) 70%, oklch(65% 0.24 135deg)); --lime-975: color-mix(in oklch, var(--black) 76%, oklch(65% 0.24 135deg)); --green-025: color-mix(in oklch, var(--white) 94%, oklch(64% 0.22 160deg)); --green-050: color-mix(in oklch, var(--white) 90%, oklch(64% 0.22 160deg)); --green-100: color-mix(in oklch, var(--white) 80%, oklch(64% 0.22 160deg)); --green-200: color-mix(in oklch, var(--white) 60%, oklch(64% 0.22 160deg)); --green-300: color-mix(in oklch, var(--white) 40%, oklch(64% 0.22 160deg)); --green-400: color-mix(in oklch, var(--white) 20%, oklch(64% 0.22 160deg)); --green-500: oklch(64% 0.22 160deg); --green-600: color-mix(in oklch, var(--black) 16%, oklch(64% 0.22 160deg)); --green-700: color-mix(in oklch, var(--black) 32%, oklch(64% 0.22 160deg)); --green-800: color-mix(in oklch, var(--black) 48%, oklch(64% 0.22 160deg)); --green-900: color-mix(in oklch, var(--black) 64%, oklch(64% 0.22 160deg)); --green-950: color-mix(in oklch, var(--black) 70%, oklch(64% 0.22 160deg)); --green-975: color-mix(in oklch, var(--black) 76%, oklch(64% 0.22 160deg)); --teal-025: color-mix(in oklch, var(--white) 94%, oklch(68% 0.22 190deg)); --teal-050: color-mix(in oklch, var(--white) 90%, oklch(68% 0.22 190deg)); --teal-100: color-mix(in oklch, var(--white) 80%, oklch(68% 0.22 190deg)); --teal-200: color-mix(in oklch, var(--white) 60%, oklch(68% 0.22 190deg)); --teal-300: color-mix(in oklch, var(--white) 40%, oklch(68% 0.22 190deg)); --teal-400: color-mix(in oklch, var(--white) 20%, oklch(68% 0.22 190deg)); --teal-500: oklch(68% 0.22 190deg); --teal-600: color-mix(in oklch, var(--black) 16%, oklch(68% 0.22 190deg)); --teal-700: color-mix(in oklch, var(--black) 32%, oklch(68% 0.22 190deg)); --teal-800: color-mix(in oklch, var(--black) 48%, oklch(68% 0.22 190deg)); --teal-900: color-mix(in oklch, var(--black) 64%, oklch(68% 0.22 190deg)); --teal-950: color-mix(in oklch, var(--black) 70%, oklch(68% 0.22 190deg)); --teal-975: color-mix(in oklch, var(--black) 76%, oklch(68% 0.22 190deg)); --cyan-025: color-mix(in oklch, var(--white) 94%, oklch(69% 0.22 220deg)); --cyan-050: color-mix(in oklch, var(--white) 90%, oklch(69% 0.22 220deg)); --cyan-100: color-mix(in oklch, var(--white) 80%, oklch(69% 0.22 220deg)); --cyan-200: color-mix(in oklch, var(--white) 60%, oklch(69% 0.22 220deg)); --cyan-300: color-mix(in oklch, var(--white) 40%, oklch(69% 0.22 220deg)); --cyan-400: color-mix(in oklch, var(--white) 20%, oklch(69% 0.22 220deg)); --cyan-500: oklch(69% 0.22 220deg); --cyan-600: color-mix(in oklch, var(--black) 16%, oklch(69% 0.22 220deg)); --cyan-700: color-mix(in oklch, var(--black) 32%, oklch(69% 0.22 220deg)); --cyan-800: color-mix(in oklch, var(--black) 48%, oklch(69% 0.22 220deg)); --cyan-900: color-mix(in oklch, var(--black) 64%, oklch(69% 0.22 220deg)); --cyan-950: color-mix(in oklch, var(--black) 70%, oklch(69% 0.22 220deg)); --cyan-975: color-mix(in oklch, var(--black) 76%, oklch(69% 0.22 220deg)); --brown-025: color-mix(in oklch, var(--white) 94%, oklch(60% 0.12 54deg)); --brown-050: color-mix(in oklch, var(--white) 90%, oklch(60% 0.12 54deg)); --brown-100: color-mix(in oklch, var(--white) 80%, oklch(60% 0.12 54deg)); --brown-200: color-mix(in oklch, var(--white) 60%, oklch(60% 0.12 54deg)); --brown-300: color-mix(in oklch, var(--white) 40%, oklch(60% 0.12 54deg)); --brown-400: color-mix(in oklch, var(--white) 20%, oklch(60% 0.12 54deg)); --brown-500: oklch(60% 0.12 54deg); --brown-600: color-mix(in oklch, var(--black) 16%, oklch(60% 0.12 54deg)); --brown-700: color-mix(in oklch, var(--black) 32%, oklch(60% 0.12 54deg)); --brown-800: color-mix(in oklch, var(--black) 48%, oklch(60% 0.12 54deg)); --brown-900: color-mix(in oklch, var(--black) 64%, oklch(60% 0.12 54deg)); --brown-950: color-mix(in oklch, var(--black) 70%, oklch(60% 0.12 54deg)); --brown-975: color-mix(in oklch, var(--black) 76%, oklch(60% 0.12 54deg)); --gray-025: color-mix(in oklch, var(--white) 94%, oklch(60% 0.02 245deg)); --gray-050: color-mix(in oklch, var(--white) 90%, oklch(60% 0.02 245deg)); --gray-100: color-mix(in oklch, var(--white) 80%, oklch(60% 0.02 245deg)); --gray-200: color-mix(in oklch, var(--white) 60%, oklch(60% 0.02 245deg)); --gray-300: color-mix(in oklch, var(--white) 40%, oklch(60% 0.02 245deg)); --gray-400: color-mix(in oklch, var(--white) 20%, oklch(60% 0.02 245deg)); --gray-500: oklch(60% 0.02 245deg); --gray-600: color-mix(in oklch, var(--black) 16%, oklch(60% 0.02 245deg)); --gray-700: color-mix(in oklch, var(--black) 32%, oklch(60% 0.02 245deg)); --gray-800: color-mix(in oklch, var(--black) 48%, oklch(60% 0.02 245deg)); --gray-900: color-mix(in oklch, var(--black) 64%, oklch(60% 0.02 245deg)); --gray-950: color-mix(in oklch, var(--black) 70%, oklch(60% 0.02 245deg)); --gray-975: color-mix(in oklch, var(--black) 76%, oklch(60% 0.02 245deg)); --pewter-025: color-mix(in oklch, var(--white) 94%, oklch(65% 0.01 290deg)); --pewter-050: color-mix(in oklch, var(--white) 90%, oklch(65% 0.01 290deg)); --pewter-100: color-mix(in oklch, var(--white) 80%, oklch(65% 0.01 290deg)); --pewter-200: color-mix(in oklch, var(--white) 60%, oklch(65% 0.01 290deg)); --pewter-300: color-mix(in oklch, var(--white) 40%, oklch(65% 0.01 290deg)); --pewter-400: color-mix(in oklch, var(--white) 20%, oklch(65% 0.01 290deg)); --pewter-500: oklch(65% 0.01 290deg); --pewter-600: color-mix(in oklch, var(--black) 16%, oklch(65% 0.01 290deg)); --pewter-700: color-mix(in oklch, var(--black) 32%, oklch(65% 0.01 290deg)); --pewter-800: color-mix(in oklch, var(--black) 48%, oklch(65% 0.01 290deg)); --pewter-900: color-mix(in oklch, var(--black) 64%, oklch(65% 0.01 290deg)); --pewter-950: color-mix(in oklch, var(--black) 70%, oklch(65% 0.01 290deg)); --pewter-975: color-mix(in oklch, var(--black) 76%, oklch(65% 0.01 290deg)); } @layer colors, config, root, reboot, layout, content, forms, components, custom, helpers, utilities; :root, :host { --black: #000; --white: #fff; --gradient: linear-gradient(180deg, color-mix(var(--white) 15%, transparent), color-mix(var(--white) 0%, transparent)); --body-font-family: Lato, 'Helvetica Neue', Arial, sans-serif; --body-font-size: 1rem; --body-font-weight: var(--font-weight-normal); --body-line-height: 1.5; --heading-color: inherit; --hr-border-color: rgba(0, 0, 0, 0.1); --link-color: #184e84; --link-decoration: none; --link-underline-offset: 0.2em; --link-hover-color: color-mix(in oklch, var(--link-color) 90%, #000); --font-mono: ui-monospace, 'SF Mono', SFMono-Regular, Menlo, Monaco, 'Cascadia Mono', Consolas, 'Liberation Mono', monospace; --code-font-size: 95%; --code-color: var(--fg-2); --border-width: 1px; --border-width-keyline: 0.5px; --border-style: solid; --border-color: light-dark(var(--gray-200), var(--gray-700)); --border-color-translucent: color-mix(in oklch, var(--fg-body) 15%, transparent); --shadow-color: #000; --shadow-strength: 1; --transition-timing-overlay: cubic-bezier(0.22, 1, 0.36, 1); --spacer: 1rem; --focus-ring-width: 3px; --focus-ring-offset: 1px; --focus-ring-color: var(--primary-focus-ring); --focus-ring: var(--focus-ring-width) solid var(--focus-ring-color); --control-checked-bg: var(--primary-base); --control-checked-border-color: var(--control-checked-bg); --control-active-bg: var(--primary-base); --control-active-border-color: var(--control-active-bg); --control-disabled-bg: var(--bg-3); --control-disabled-opacity: 0.65; --control-transition-duration: 0.15s; --control-transition-timing: cubic-bezier(0.34, 1.56, 0.64, 1); --btn-input-fg: var(--fg-body); --btn-input-bg: var(--bg-body); --btn-input-gap: 0.375rem; --btn-input-min-height: 2.375rem; --btn-input-padding-y: 0.375rem; --btn-input-padding-x: 0.75rem; --btn-input-font-size: var(--body-font-size); --btn-input-font-weight: var(--font-weight-normal); --btn-input-line-height: var(--body-line-height); --btn-input-border-radius: var(--radius-5); --btn-input-xs-gap: var(--spacer-1); --btn-input-xs-min-height: 1.5rem; --btn-input-xs-padding-y: 0.125rem; --btn-input-xs-padding-x: 0.5rem; --btn-input-xs-font-size: var(--font-size-xs); --btn-input-xs-line-height: 1.125; --btn-input-xs-border-radius: var(--radius-5); --btn-input-sm-gap: 0.375rem; --btn-input-sm-min-height: 2rem; --btn-input-sm-padding-y: 0.25rem; --btn-input-sm-padding-x: 0.625rem; --btn-input-sm-font-size: var(--font-size-sm); --btn-input-sm-line-height: var(--line-height-sm); --btn-input-sm-border-radius: var(--radius-5); --btn-input-lg-gap: 0.375rem; --btn-input-lg-min-height: 2.75rem; --btn-input-lg-padding-y: 0.5rem; --btn-input-lg-padding-x: 1rem; --btn-input-lg-font-size: var(--font-size-md); --btn-input-lg-line-height: var(--line-height-md); --btn-input-lg-border-radius: var(--radius-7); --link-hover-decoration: underline; --font-size-xs: 0.75rem; --line-height-xs: 1.25; --font-size-sm: 0.875rem; --line-height-sm: 1.5; --font-size-md: 1rem; --line-height-md: 1.5; --font-size-lg: clamp(1.125rem, 1rem + 0.625vw, 1.25rem); --line-height-lg: 1.5; --font-size-xl: clamp(1.5rem, 1.1rem + 0.75vw, 1.75rem); --line-height-xl: 1.4285714286; --font-size-2xl: clamp(1.75rem, 1.3rem + 1vw, 2rem); --line-height-2xl: 1.3333333333; --font-size-3xl: clamp(2rem, 1.5rem + 1.875vw, 2.5rem); --line-height-3xl: 1.2; --font-size-4xl: clamp(2.25rem, 1.75rem + 2.5vw, 3rem); --line-height-4xl: 1.1; --font-size-5xl: clamp(3rem, 2rem + 5vw, 4rem); --line-height-5xl: 1.1; --font-size-6xl: clamp(3.75rem, 2.5rem + 6.25vw, 5rem); --line-height-6xl: 1; --font-weight-lighter: lighter; --font-weight-light: 300; --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --font-weight-bolder: bolder; --primary-base: #184e84; --primary-fg: #184e84; --primary-fg-emphasis: color-mix(in srgb, #000 60%, #184e84); --primary-bg: #184e84; --primary-bg-subtle: color-mix(in srgb, #fff 80%, #184e84); --primary-bg-muted: color-mix(in srgb, #fff 70%, #184e84); --primary-border: color-mix(in srgb, #fff 70%, #184e84); --primary-focus-ring: color-mix(in srgb, #fff 50%, #184e84); --primary-contrast: #fff; --accent-base: var(--indigo-500); --accent-fg: light-dark(var(--indigo-600), color-mix(in oklch, var(--indigo-400), var(--indigo-300))); --accent-fg-emphasis: light-dark(var(--indigo-800), var(--indigo-300)); --accent-bg: var(--indigo-500); --accent-bg-subtle: light-dark(var(--indigo-100), var(--indigo-900)); --accent-bg-muted: light-dark(var(--indigo-200), var(--indigo-800)); --accent-border: light-dark(var(--indigo-300), var(--indigo-600)); --accent-focus-ring: light-dark(color-mix(in oklch, var(--indigo-500) 50%, var(--bg-body)), color-mix(in oklch, var(--indigo-500) 75%, var(--bg-body))); --accent-contrast: var(--white); --success-base: #72a94e; --success-fg: #72a94e; --success-fg-emphasis: color-mix(in srgb, #000 60%, #72a94e); --success-bg: #72a94e; --success-bg-subtle: color-mix(in srgb, #fff 80%, #72a94e); --success-bg-muted: color-mix(in srgb, #fff 70%, #72a94e); --success-border: color-mix(in srgb, #fff 70%, #72a94e); --success-focus-ring: color-mix(in srgb, #fff 50%, #72a94e); --success-contrast: #fff; --danger-base: #E87352; --danger-fg: #E87352; --danger-fg-emphasis: color-mix(in srgb, #000 60%, #E87352); --danger-bg: #E87352; --danger-bg-subtle: color-mix(in srgb, #fff 80%, #E87352); --danger-bg-muted: color-mix(in srgb, #fff 70%, #E87352); --danger-border: color-mix(in srgb, #fff 70%, #E87352); --danger-focus-ring: color-mix(in srgb, #fff 50%, #E87352); --danger-contrast: #fff; --warning-base: #EEC95A; --warning-fg: #EEC95A; --warning-fg-emphasis: color-mix(in srgb, #000 60%, #EEC95A); --warning-bg: #EEC95A; --warning-bg-subtle: color-mix(in srgb, #fff 80%, #EEC95A); --warning-bg-muted: color-mix(in srgb, #fff 70%, #EEC95A); --warning-border: color-mix(in srgb, #fff 70%, #EEC95A); --warning-focus-ring: color-mix(in srgb, #fff 50%, #EEC95A); --warning-contrast: #212529; --info-base: #17a2b8; --info-fg: #17a2b8; --info-fg-emphasis: color-mix(in srgb, #000 60%, #17a2b8); --info-bg: #17a2b8; --info-bg-subtle: color-mix(in srgb, #fff 80%, #17a2b8); --info-bg-muted: color-mix(in srgb, #fff 70%, #17a2b8); --info-border: color-mix(in srgb, #fff 70%, #17a2b8); --info-focus-ring: color-mix(in srgb, #fff 50%, #17a2b8); --info-contrast: #fff; --inverse-base: var(--gray-900); --inverse-fg: light-dark(var(--gray-900), var(--gray-200)); --inverse-fg-emphasis: light-dark(var(--gray-975), var(--white)); --inverse-bg: light-dark(var(--gray-900), var(--gray-025)); --inverse-bg-subtle: light-dark(var(--gray-100), var(--gray-900)); --inverse-bg-muted: light-dark(var(--gray-200), var(--gray-300)); --inverse-border: light-dark(var(--gray-400), var(--gray-100)); --inverse-focus-ring: color-mix(in oklch, light-dark(var(--gray-900), var(--gray-100)) 50%, var(--bg-body)); --inverse-contrast: light-dark(var(--white), var(--gray-900)); --secondary-base: #6c757d; --secondary-fg: #6c757d; --secondary-fg-emphasis: #2b2f32; --secondary-bg: #6c757d; --secondary-bg-subtle: #e2e3e5; --secondary-bg-muted: #d3d6d8; --secondary-border: #c4c8cb; --secondary-focus-ring: #a6abb0; --secondary-contrast: #fff; --bg-body: light-dark(var(--white), var(--gray-975)); --bg-1: light-dark(var(--gray-025), var(--gray-950)); --bg-2: light-dark(var(--gray-050), var(--gray-900)); --bg-3: light-dark(var(--gray-100), var(--gray-800)); --bg-4: light-dark(var(--gray-200), var(--gray-700)); --bg-fg: var(--fg-body); --bg-white: var(--white); --bg-black: var(--black); --bg-transparent: transparent; --bg-inherit: inherit; --fg-body: #212529; --fg-1: light-dark(var(--gray-800), var(--gray-200)); --fg-2: #6c757d; --fg-3: light-dark(var(--gray-600), var(--gray-500)); --fg-4: light-dark(var(--gray-500), var(--gray-600)); --fg-bg: var(--bg-body); --fg-white: var(--white); --fg-black: var(--black); --fg-inherit: inherit; --border-bg: var(--bg-body); --border-body: light-dark(var(--gray-300), var(--gray-800)); --border-muted: light-dark(var(--gray-200), var(--gray-800)); --border-subtle: light-dark(color-mix(in oklch, var(--gray-100), var(--gray-200)), color-mix(in oklch, var(--gray-800), var(--gray-900))); --border-emphasized: light-dark(var(--gray-400), var(--gray-600)); --border-white: var(--white); --border-black: var(--black); --breakpoint-xs: 0; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; --breakpoint-xl: 1200px; --breakpoint-2xl: 1400px; --spacer-0: 0; --spacer-1: 0.25rem; --spacer-2: 0.375rem; --spacer-3: 0.5rem; --spacer-4: 0.75rem; --spacer-5: 1rem; --spacer-6: 1.25rem; --spacer-7: 1.5rem; --spacer-8: 1.75rem; --spacer-9: 2rem; --spacer-10: 2.25rem; --spacer-11: 2.5rem; --spacer-12: 3rem; --radius-0: 0; --radius-1: 0.125rem; --radius-2: 0.1875rem; --radius-3: 0.25rem; --radius-4: 0.375rem; --radius-5: 0.5rem; --radius-6: 0.625rem; --radius-7: 0.75rem; --radius-8: 0.875rem; --radius-9: 1rem; --radius-pill: 50rem; --box-shadow: 0 .125rem .25rem -.0625rem oklch(from var(--sc, var(--shadow-color)) l c h / calc(.04 * var(--shadow-strength) * var(--so, 1))), 0 .375rem .75rem -.125rem oklch(from var(--sc, var(--shadow-color)) l c h / calc(.05 * var(--shadow-strength) * var(--so, 1))), 0 .75rem 1.5rem -.25rem oklch(from var(--sc, var(--shadow-color)) l c h / calc(.06 * var(--shadow-strength) * var(--so, 1))); --box-shadow-xs: 0 0.0625rem 0.125rem oklch(from var(--sc, var(--shadow-color)) l c h/calc(0.04 * var(--shadow-strength) * var(--so, 1))); --box-shadow-sm: 0 .0625rem .125rem oklch(from var(--sc, var(--shadow-color)) l c h / calc(.04 * var(--shadow-strength) * var(--so, 1))), 0 .125rem .375rem -.0625rem oklch(from var(--sc, var(--shadow-color)) l c h / calc(.05 * var(--shadow-strength) * var(--so, 1))); --box-shadow-lg: 0 .125rem .375rem -.0625rem oklch(from var(--sc, var(--shadow-color)) l c h / calc(.05 * var(--shadow-strength) * var(--so, 1))), 0 .375rem 1rem -.1875rem oklch(from var(--sc, var(--shadow-color)) l c h / calc(.06 * var(--shadow-strength) * var(--so, 1))), 0 .75rem 2rem -.375rem oklch(from var(--sc, var(--shadow-color)) l c h / calc(.07 * var(--shadow-strength) * var(--so, 1))), 0 1.5rem 3.5rem -.75rem oklch(from var(--sc, var(--shadow-color)) l c h / calc(.08 * var(--shadow-strength) * var(--so, 1))); --box-shadow-xl: 0 .1875rem .5rem -.0625rem oklch(from var(--sc, var(--shadow-color)) l c h / calc(.05 * var(--shadow-strength) * var(--so, 1))), 0 .5rem 1.25rem -.1875rem oklch(from var(--sc, var(--shadow-color)) l c h / calc(.06 * var(--shadow-strength) * var(--so, 1))), 0 1rem 2.5rem -.375rem oklch(from var(--sc, var(--shadow-color)) l c h / calc(.07 * var(--shadow-strength) * var(--so, 1))), 0 2rem 5rem -.75rem oklch(from var(--sc, var(--shadow-color)) l c h / calc(.09 * var(--shadow-strength) * var(--so, 1))); --box-shadow-inset: inset 0 1px 2px light-dark(oklch(from var(--sc, var(--shadow-color)) l c h/calc(8% * var(--so, 1))), oklch(from var(--sc, var(--shadow-color)) l c h/calc(26% * var(--so, 1)))); --z-n1: -1; --z-0: 0; --z-1: 1; --z-2: 2; --z-3: 3; --z-menu: 1000; --z-sticky: 1010; --z-fixed: 1020; --z-drawer: 1030; --z-dialog: 1040; --z-popover: 1050; --z-tooltip: 1060; --z-toast: 1070; color-scheme: light dark; scrollbar-gutter: stable; } @media (prefers-color-scheme: dark) { :root, :host { --shadow-strength: 2.4; } } [data-bs-theme=dark] { --shadow-strength: 2.4; color-scheme: dark; } [data-bs-theme=light] { --shadow-strength: 1; color-scheme: light; } :root, :host { --heading-margin-bottom: var(--spacer-2); --heading-line-height: 1.2; --paragraph-margin-bottom: var(--spacer); --legend-margin-bottom: var(--spacer-2); --legend-font-size: 1.5rem; --list-padding-x: var(--spacer-7); } @layer reboot { *, *::before, *::after { box-sizing: border-box; } :root, :host { accent-color: var(--primary-base); } iframe { color-scheme: light dark; border: 0; } body { margin: 0; font-family: var(--body-font-family); font-size: var(--body-font-size); font-weight: var(--body-font-weight); line-height: var(--body-line-height); color: var(--fg-body); text-align: var(--body-text-align); background-color: var(--bg-body); -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; } hr { margin: var(--hr-margin-y, var(--spacer)) 0; border: 0; border-block-start: var(--border-width) solid var(--hr-border-color); } h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 { margin-top: 0; margin-bottom: var(--heading-margin-bottom); font-family: var(--heading-font-family); font-style: var(--heading-font-style); font-weight: var(--heading-font-weight, var(--font-weight-medium)); line-height: var(--heading-line-height); color: var(--heading-color); } h1, .h1 { font-size: var(--font-size-3xl); } h2, .h2 { font-size: var(--font-size-2xl); } h3, .h3 { font-size: var(--font-size-xl); } h4, .h4 { font-size: var(--font-size-lg); } h5, .h5 { font-size: var(--font-size-md); } h6, .h6 { font-size: var(--font-size-sm); } p { margin-top: 0; margin-bottom: var(--paragraph-margin-bottom); } abbr[title] { text-decoration: underline dotted; cursor: help; text-decoration-skip-ink: none; } .initialism { font-size: var(--initialism-font-size, var(--font-size-xs)); text-transform: uppercase; } address { margin-bottom: var(--spacer); font-style: normal; line-height: inherit; } ol, ul { padding-inline-start: var(--list-padding-x); } ol, ul, dl { margin-top: 0; margin-bottom: var(--spacer); } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: var(--dt-font-weight, var(--font-weight-bold)); } dd { margin-inline-start: 0; margin-bottom: var(--spacer-2); } blockquote { margin: 0 0 var(--spacer); } blockquote > * { margin-block: 0; } b, strong { font-weight: var(--font-weight-bolder); } small, .small { font-size: var(--small-font-size, 87.5%); } mark, .mark { --mark-padding: 0.1875em; --mark-color: var(--fg-body); --mark-bg: light-dark(var(--yellow-100), var(--yellow-900)); padding: var(--mark-padding); color: var(--mark-color); background-color: var(--mark-bg); } sub, sup { position: relative; font-size: var(--sub-sup-font-size, 0.75em); line-height: 0; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } a { color: var(--theme-fg, var(--link-color)); text-decoration: var(--link-decoration); text-underline-offset: var(--link-underline-offset); } a:hover { color: var(--theme-fg-emphasis, var(--link-hover-color)); text-decoration: var(--link-hover-decoration, var(--link-decoration)); } a:not([href], [class]), a:not([href], [class]):hover { color: inherit; text-decoration: none; } pre, code, kbd, samp { font-family: var(--font-mono); font-size: 1em; } pre { display: block; margin-top: 0; margin-bottom: var(--spacer); overflow: auto; font-size: var(--code-font-size); color: var(--code-color, inherit); scrollbar-gutter: stable; } pre code { font-size: inherit; color: inherit; word-break: normal; } code { font-size: var(--code-font-size); color: var(--code-color); word-wrap: break-word; } a > code { color: inherit; } kbd { --kbd-padding-y: 0.125rem; --kbd-padding-x: var(--spacer-1); --kbd-font-size: var(--font-size-xs); --kbd-color: var(--bg-body); --kbd-bg: var(--fg-2); --kbd-border-radius: var(--radius-3); padding: var(--kbd-padding-y) var(--kbd-padding-x); font-size: var(--kbd-font-size); color: var(--kbd-color); background-color: var(--kbd-bg); border-radius: var(--kbd-border-radius); } kbd kbd { padding: 0; font-size: 1em; } figure { margin: 0 0 var(--spacer); } img, svg { vertical-align: middle; } table { caption-side: bottom; border-collapse: collapse; } caption { padding-block: var(--spacer-2); color: var(--fg-3); text-align: start; } th { text-align: inherit; text-align: -webkit-match-parent; } thead, tbody, tfoot, tr, td, th { border-color: inherit; border-style: solid; border-width: 0; } label { display: inline-block; } button { border-radius: 0; } button:focus:not(:focus-visible) { outline: 0; } input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } [role=button] { cursor: pointer; } select { word-wrap: normal; } select:disabled { opacity: 1; } [list]:not([type=date], [type=datetime-local], [type=month], [type=week], [type=time])::-webkit-calendar-picker-indicator { display: none !important; } button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button; } button:not(:disabled), [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled) { cursor: pointer; } textarea { resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { float: inline-start; width: 100%; padding: 0; margin-bottom: var(--legend-margin-bottom); font-size: var(--legend-font-size); font-weight: var(--legend-font-weight); line-height: inherit; } legend + * { clear: inline-start; } ::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-meridiem-field, ::-webkit-datetime-edit-ampm-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-week-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-year-field { padding: 0; } ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } [type=search] { -webkit-appearance: textfield; outline-offset: -2px; } [type=search]::-webkit-search-cancel-button { cursor: pointer; filter: grayscale(1); } [type=tel], [type=url], [type=email], [type=number] { direction: ltr; } ::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-color-swatch-wrapper { padding: 0; } ::file-selector-button { font: inherit; -webkit-appearance: button; } output { display: inline-block; } summary { display: list-item; cursor: pointer; } progress { vertical-align: baseline; } [hidden] { display: none !important; } } @layer content { .list-unstyled { padding-inline-start: 0; list-style-type: ""; } .list-inline { padding-inline-start: 0; list-style-type: ""; } .list-inline-item { display: inline-block; } .list-inline-item:not(:last-child) { margin-inline-end: var(--list-inline-padding, var(--spacer)/2); } } @layer content { .blockquote { --blockquote-gap: calc(var(--spacer) / 2); --blockquote-padding-x: var(--spacer); --blockquote-margin-y: var(--spacer); --blockquote-font-size: var(--font-size-md); --blockquote-border-width: 0.25rem; --blockquote-border-color: var(--border-color); --blockquote-footer-font-size: var(--font-size-sm); --blockquote-footer-color: var(--fg-3); display: flex; flex-direction: column; gap: var(--blockquote-gap); padding-inline-start: var(--blockquote-padding-x); margin-bottom: var(--blockquote-margin-y); font-size: var(--blockquote-font-size); border-inline-start: var(--blockquote-border-width) solid var(--blockquote-border-color); } .blockquote > * { margin-bottom: 0; } figure.blockquote blockquote { margin-bottom: 0; } .blockquote-footer { font-size: var(--blockquote-footer-font-size); color: var(--blockquote-footer-color); } .blockquote-footer::before { content: "— "; } } @layer content { .table { --table-cell-padding-y: 0.5rem; --table-cell-padding-x: 0.5rem; --table-cell-vertical-align: top; --table-color: var(--fg-body); --table-bg: var(--bg-body); --table-accent-bg: transparent; --table-border-width: var(--border-width); --table-border-color: var(--border-color); --table-group-separator-color: currentcolor; --table-striped-color: var(--table-color); --table-striped-bg-factor: 5%; --table-striped-bg: color-mix(in srgb, var(--table-color) var(--table-striped-bg-factor), transparent); --table-active-color: var(--table-color); --table-active-bg-factor: 10%; --table-active-bg: color-mix(in srgb, var(--table-color) var(--table-active-bg-factor), transparent); --table-hover-color: var(--table-color); --table-hover-bg-factor: 7.5%; --table-hover-bg: color-mix(in srgb, var(--table-color) var(--table-hover-bg-factor), transparent); --table-color-type: initial; --table-bg-type: initial; --table-color-state: initial; --table-bg-state: initial; width: 100%; margin-bottom: var(--spacer); vertical-align: var(--table-cell-vertical-align); border-color: var(--theme-border, var(--table-border-color)); } .table > :not(caption) > * > * { padding: var(--table-cell-padding-y) var(--table-cell-padding-x); color: var(--table-color-state, var(--table-color-type, var(--theme-fg, var(--table-color)))); background-color: var(--theme-bg-subtle, var(--table-bg)); border-block-end-width: var(--table-border-width); box-shadow: inset 0 0 0 9999px var(--table-bg-state, var(--table-bg-type, var(--theme-bg-subtle, var(--table-accent-bg)))); } .table > tbody { vertical-align: inherit; } .table > thead { vertical-align: bottom; } .table-group-divider { border-block-start: calc(var(--table-border-width) * 2) solid var(--table-group-separator-color); } .caption-top { caption-side: top; } .table-sm > :not(caption) > * > * { --table-cell-padding-y: .25rem; --table-cell-padding-x: .25rem; } .table-bordered > :not(caption) > * { border-width: var(--table-border-width) 0; } .table-bordered > :not(caption) > * > * { border-width: 0 var(--table-border-width); } .table-borderless > :not(caption) > * > * { border-block-end-width: 0; } .table-borderless > :not(:first-child) { border-block-start-width: 0; } .table-striped > tbody > tr:nth-of-type(odd) > * { --table-color-type: var(--theme-fg, var(--table-striped-color)); --table-bg-type: color-mix(in srgb, var(--theme-fg, var(--table-color)) var(--table-striped-bg-factor), transparent); } .table-striped-columns > :not(caption) > tr > :nth-child(even) { --table-color-type: var(--theme-fg, var(--table-striped-color)); --table-bg-type: color-mix(in srgb, var(--theme-fg, var(--table-color)) var(--table-striped-bg-factor), transparent); } .table-active { --table-color-state: var(--theme-fg, var(--table-active-color)); --table-bg-state: color-mix(in srgb, var(--theme-fg, var(--table-color)) var(--table-active-bg-factor), transparent); } .table-hover > tbody > tr:hover > * { --table-color-state: var(--theme-fg, var(--table-hover-color)); --table-bg-state: color-mix(in srgb, var(--theme-fg, var(--table-color)) var(--table-hover-bg-factor), transparent); } .table-card { margin-bottom: var(--spacer); overflow: hidden; border: var(--border-width) solid var(--border-color-translucent); border-radius: var(--radius-7); } .table-card > .table, .table-card > [class*=table-responsive] > .table { margin-bottom: 0; } .table-card > .table > :not(caption):last-child > *:last-child > *, .table-card > [class*=table-responsive] > .table > :not(caption):last-child > *:last-child > * { border-block-end-width: 0; } .table-responsive { container-type: inline-size; overflow-x: auto; -webkit-overflow-scrolling: touch; } .sm\:table-responsive { container-type: inline-size; } @media (width < 576px) { .sm\:table-responsive { overflow-x: auto; -webkit-overflow-scrolling: touch; } } .md\:table-responsive { container-type: inline-size; } @media (width < 768px) { .md\:table-responsive { overflow-x: auto; -webkit-overflow-scrolling: touch; } } .lg\:table-responsive { container-type: inline-size; } @media (width < 992px) { .lg\:table-responsive { overflow-x: auto; -webkit-overflow-scrolling: touch; } } .xl\:table-responsive { container-type: inline-size; } @media (width < 1200px) { .xl\:table-responsive { overflow-x: auto; -webkit-overflow-scrolling: touch; } } .\32 xl\:table-responsive { container-type: inline-size; } @media (width < 1400px) { .\32 xl\:table-responsive { overflow-x: auto; -webkit-overflow-scrolling: touch; } } .table-stacked > thead { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .table-stacked > tbody > tr { display: block; padding-block: var(--table-cell-padding-y); } .table-stacked > tbody > tr + tr { border-block-start: var(--table-border-width) solid var(--table-border-color); } .table-stacked > tbody > tr > td { display: block; padding: calc(var(--table-cell-padding-y) * 0.25) calc(var(--table-cell-padding-x) * 2); border: 0; } .table-stacked > tbody > tr > td:first-child { font-weight: var(--font-weight-bold); } .table-stacked > tbody > tr > td[data-cell]:not(:first-child)::before { display: block; font-weight: var(--font-weight-semibold); content: attr(data-cell); } .table-stacked > tbody > tr > td:not(:first-child) + td::before { margin-block-start: 0.25rem; } @container (width < 576px) { .sm\:table-stacked > thead { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .sm\:table-stacked > tbody > tr { display: block; padding-block: var(--table-cell-padding-y); } .sm\:table-stacked > tbody > tr + tr { border-block-start: var(--table-border-width) solid var(--table-border-color); } .sm\:table-stacked > tbody > tr > td { display: block; padding: calc(var(--table-cell-padding-y) * 0.25) calc(var(--table-cell-padding-x) * 2); border: 0; } .sm\:table-stacked > tbody > tr > td:first-child { font-weight: var(--font-weight-bold); } .sm\:table-stacked > tbody > tr > td[data-cell]:not(:first-child)::before { display: block; font-weight: var(--font-weight-semibold); content: attr(data-cell); } .sm\:table-stacked > tbody > tr > td:not(:first-child) + td::before { margin-block-start: 0.25rem; } } @container (width < 768px) { .md\:table-stacked > thead { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .md\:table-stacked > tbody > tr { display: block; padding-block: var(--table-cell-padding-y); } .md\:table-stacked > tbody > tr + tr { border-block-start: var(--table-border-width) solid var(--table-border-color); } .md\:table-stacked > tbody > tr > td { display: block; padding: calc(var(--table-cell-padding-y) * 0.25) calc(var(--table-cell-padding-x) * 2); border: 0; } .md\:table-stacked > tbody > tr > td:first-child { font-weight: var(--font-weight-bold); } .md\:table-stacked > tbody > tr > td[data-cell]:not(:first-child)::before { display: block; font-weight: var(--font-weight-semibold); content: attr(data-cell); } .md\:table-stacked > tbody > tr > td:not(:first-child) + td::before { margin-block-start: 0.25rem; } } @container (width < 992px) { .lg\:table-stacked > thead { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .lg\:table-stacked > tbody > tr { display: block; padding-block: var(--table-cell-padding-y); } .lg\:table-stacked > tbody > tr + tr { border-block-start: var(--table-border-width) solid var(--table-border-color); } .lg\:table-stacked > tbody > tr > td { display: block; padding: calc(var(--table-cell-padding-y) * 0.25) calc(var(--table-cell-padding-x) * 2); border: 0; } .lg\:table-stacked > tbody > tr > td:first-child { font-weight: var(--font-weight-bold); } .lg\:table-stacked > tbody > tr > td[data-cell]:not(:first-child)::before { display: block; font-weight: var(--font-weight-semibold); content: attr(data-cell); } .lg\:table-stacked > tbody > tr > td:not(:first-child) + td::before { margin-block-start: 0.25rem; } } @container (width < 1200px) { .xl\:table-stacked > thead { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .xl\:table-stacked > tbody > tr { display: block; padding-block: var(--table-cell-padding-y); } .xl\:table-stacked > tbody > tr + tr { border-block-start: var(--table-border-width) solid var(--table-border-color); } .xl\:table-stacked > tbody > tr > td { display: block; padding: calc(var(--table-cell-padding-y) * 0.25) calc(var(--table-cell-padding-x) * 2); border: 0; } .xl\:table-stacked > tbody > tr > td:first-child { font-weight: var(--font-weight-bold); } .xl\:table-stacked > tbody > tr > td[data-cell]:not(:first-child)::before { display: block; font-weight: var(--font-weight-semibold); content: attr(data-cell); } .xl\:table-stacked > tbody > tr > td:not(:first-child) + td::before { margin-block-start: 0.25rem; } } @container (width < 1400px) { .\32 xl\:table-stacked > thead { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .\32 xl\:table-stacked > tbody > tr { display: block; padding-block: var(--table-cell-padding-y); } .\32 xl\:table-stacked > tbody > tr + tr { border-block-start: var(--table-border-width) solid var(--table-border-color); } .\32 xl\:table-stacked > tbody > tr > td { display: block; padding: calc(var(--table-cell-padding-y) * 0.25) calc(var(--table-cell-padding-x) * 2); border: 0; } .\32 xl\:table-stacked > tbody > tr > td:first-child { font-weight: var(--font-weight-bold); } .\32 xl\:table-stacked > tbody > tr > td[data-cell]:not(:first-child)::before { display: block; font-weight: var(--font-weight-semibold); content: attr(data-cell); } .\32 xl\:table-stacked > tbody > tr > td:not(:first-child) + td::before { margin-block-start: 0.25rem; } } } @layer content { .img-fluid { max-width: 100%; height: auto; } .img-thumbnail { --thumbnail-padding: 0.25rem; --thumbnail-bg: var(--bg-body); --thumbnail-border-width: var(--border-width); --thumbnail-border-color: var(--border-color); --thumbnail-border-radius: var(--radius-5); --thumbnail-box-shadow: var(--box-shadow-sm); padding: var(--thumbnail-padding); background-color: var(--thumbnail-bg); border: var(--thumbnail-border-width) solid var(--thumbnail-border-color); border-radius: var(--thumbnail-border-radius); box-shadow: var(--thumbnail-box-shadow); max-width: 100%; height: auto; } .figure { --figure-gap: calc(var(--spacer) * 0.5); --figure-caption-font-size: var(--font-size-sm); --figure-caption-color: var(--fg-3); display: flex; flex-direction: column; gap: var(--figure-gap); } .figure-caption { font-size: var(--figure-caption-font-size); color: var(--figure-caption-color); } } @layer content { .prose { --content-font-size: 1rem; --content-line-height: 1.5; --content-gap: calc(var(--content-font-size) * var(--content-line-height)); --heading-color: light-dark(var(--gray-900), var(--white)); position: relative; display: flex; flex-direction: column; gap: var(--content-gap); max-width: 1000px; margin-inline: auto; font-size: var(--content-font-size); line-height: var(--content-line-height); } @media (width >= 1024px) { .prose { --content-font-size: var(--font-size-md); --content-line-height: 1.625; } } .prose :where(p, ul, ol, dl, pre, table, blockquote):not(:where(.not-prose, .not-prose *)) { margin-block: 0; } .prose :where(ul, ol):not([class], :where(.not-prose, .not-prose *)) li:not(:last-child) { margin-bottom: calc(var(--content-gap) / 4); } .prose :where(li ul, li ol):not(:where(.not-prose, .not-prose *)) { margin-top: calc(var(--content-gap) / 4); } .prose :where(hr):not(:where(.not-prose, .not-prose *)) { margin: calc(var(--content-gap) * 1.5) 0; border: 0; border-block-start: var(--border-width) solid var(--hr-border-color); } .prose :where(h1, h2, h3, h4, h5, h6):not([class], :where(.not-prose, .not-prose *)) { margin-top: 0; margin-bottom: calc(var(--content-gap) / -2); font-weight: 500; line-height: 1.25; } .prose :where(h1, h2, h3, h4, h5, h6):not([class], :where(.not-prose, .not-prose *)) code { font-weight: 600; color: inherit; } .prose :where(h1, h2):not(:first-child, :where(.not-prose, .not-prose *)) { margin-top: calc(var(--content-gap) * 0.75); } .prose :where(h3, h4, h5, h6):not(:first-child, :where(.not-prose, .not-prose *)) { margin-top: calc(var(--content-gap) * 0.5); } .prose :where(h1):not(:where(.not-prose, .not-prose *)) { font-size: 2.25em; line-height: 1.1; } .prose :where(h2):not(:where(.not-prose, .not-prose *)) { font-size: 1.75em; } .prose :where(h3):not(:where(.not-prose, .not-prose *)) { font-size: 1.5em; } .prose :where(h4):not(:where(.not-prose, .not-prose *)) { font-size: 1.25em; } .prose :where(h5):not(:where(.not-prose, .not-prose *)) { font-size: 1.125em; } .prose :where(h6):not(:where(.not-prose, .not-prose *)) { font-size: 1em; } .prose :where(a:not([class])):not(:where(.not-prose, .not-prose *)) { color: var(--link-color); text-decoration: underline; text-decoration-color: color-mix(in srgb, var(--link-color) 25%, transparent); text-underline-offset: 4px; } @media (prefers-reduced-motion: no-preference) { .prose :where(a:not([class])):not(:where(.not-prose, .not-prose *)) { transition: 0.1s text-decoration-color ease-in-out; } } .prose :where(a:not([class])):not(:where(.not-prose, .not-prose *)):hover { color: var(--link-hover-color); text-decoration-color: var(--link-hover-color); } .prose :where(img):not(:where(.not-prose, .not-prose *)) { max-width: 100%; } .prose :where(blockquote):not(:where(.not-prose, .not-prose *)) { padding-inline-start: calc(var(--content-gap) / 2); margin: 0; border-inline-start: 4px solid var(--border-color); } .prose :where(table):not(:where(.not-prose, .not-prose *)) { width: 100%; border-spacing: 0; border-collapse: collapse; } .prose :where(table:not([class])):not(:where(.not-prose, .not-prose *)) td, .prose :where(table:not([class])):not(:where(.not-prose, .not-prose *)) th { padding: 6px 12px; text-align: inherit; border: 1px solid var(--border-color); } .prose :where(dt):not(:where(.not-prose, .not-prose *)) { font-weight: 500; } .prose :where(video, img):not(:where(.not-prose, .not-prose *)) { max-width: 100%; } } @layer layout { .container, .container-fluid, .xl\:container, .lg\:container, .md\:container, .sm\:container { --gutter-x: 30px; --gutter-y: 0; width: 100%; padding-inline: calc(var(--gutter-x) * 0.5); margin-inline: auto; } @media (width >= 576px) { .sm\:container, .container { max-width: 540px; } } @media (width >= 768px) { .md\:container, .sm\:container, .container { max-width: 720px; } } @media (width >= 992px) { .lg\:container, .md\:container, .sm\:container, .container { max-width: 960px; } } @media (width >= 1200px) { .xl\:container, .lg\:container, .md\:container, .sm\:container, .container { max-width: 1140px; } } } @layer layout { .row { --gutter-x: 30px; --gutter-y: 0; display: flex; flex-wrap: wrap; margin-inline: calc(-0.5 * var(--gutter-x)); margin-top: calc(-1 * var(--gutter-y)); } .row > * { flex-shrink: 0; width: 100%; max-width: 100%; padding-inline: calc(var(--gutter-x) * 0.5); margin-top: var(--gutter-y); } .col { flex: 1 0 0; } .row-cols-auto > * { flex: 0 0 auto; width: auto; } .row-cols-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-3 > * { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-6 > * { flex: 0 0 auto; width: 16.6666666667%; } .col-auto { flex: 0 0 auto; width: auto; } .col-1 { flex: 0 0 auto; width: 8.3333333333%; } .col-2 { flex: 0 0 auto; width: 16.6666666667%; } .col-3 { flex: 0 0 auto; width: 25%; } .col-4 { flex: 0 0 auto; width: 33.3333333333%; } .col-5 { flex: 0 0 auto; width: 41.6666666667%; } .col-6 { flex: 0 0 auto; width: 50%; } .col-7 { flex: 0 0 auto; width: 58.3333333333%; } .col-8 { flex: 0 0 auto; width: 66.6666666667%; } .col-9 { flex: 0 0 auto; width: 75%; } .col-10 { flex: 0 0 auto; width: 83.3333333333%; } .col-11 { flex: 0 0 auto; width: 91.6666666667%; } .col-12 { flex: 0 0 auto; width: 100%; } .offset-1 { margin-inline-start: 8.3333333333%; } .offset-2 { margin-inline-start: 16.6666666667%; } .offset-3 { margin-inline-start: 25%; } .offset-4 { margin-inline-start: 33.3333333333%; } .offset-5 { margin-inline-start: 41.6666666667%; } .offset-6 { margin-inline-start: 50%; } .offset-7 { margin-inline-start: 58.3333333333%; } .offset-8 { margin-inline-start: 66.6666666667%; } .offset-9 { margin-inline-start: 75%; } .offset-10 { margin-inline-start: 83.3333333333%; } .offset-11 { margin-inline-start: 91.6666666667%; } .g-0, .gx-0 { --gutter-x: 0; } .g-0, .gy-0 { --gutter-y: 0; } .g-1, .gx-1 { --gutter-x: 0.25rem; } .g-1, .gy-1 { --gutter-y: 0.25rem; } .g-2, .gx-2 { --gutter-x: 0.375rem; } .g-2, .gy-2 { --gutter-y: 0.375rem; } .g-3, .gx-3 { --gutter-x: 0.5rem; } .g-3, .gy-3 { --gutter-y: 0.5rem; } .g-4, .gx-4 { --gutter-x: 0.75rem; } .g-4, .gy-4 { --gutter-y: 0.75rem; } .g-5, .gx-5 { --gutter-x: 1rem; } .g-5, .gy-5 { --gutter-y: 1rem; } .g-6, .gx-6 { --gutter-x: 1.25rem; } .g-6, .gy-6 { --gutter-y: 1.25rem; } .g-7, .gx-7 { --gutter-x: 1.5rem; } .g-7, .gy-7 { --gutter-y: 1.5rem; } .g-8, .gx-8 { --gutter-x: 1.75rem; } .g-8, .gy-8 { --gutter-y: 1.75rem; } .g-9, .gx-9 { --gutter-x: 2rem; } .g-9, .gy-9 { --gutter-y: 2rem; } .g-10, .gx-10 { --gutter-x: 2.25rem; } .g-10, .gy-10 { --gutter-y: 2.25rem; } .g-11, .gx-11 { --gutter-x: 2.5rem; } .g-11, .gy-11 { --gutter-y: 2.5rem; } .g-12, .gx-12 { --gutter-x: 3rem; } .g-12, .gy-12 { --gutter-y: 3rem; } @media (width >= 576px) { .sm\:col { flex: 1 0 0; } .sm\:row-cols-auto > * { flex: 0 0 auto; width: auto; } .sm\:row-cols-1 > * { flex: 0 0 auto; width: 100%; } .sm\:row-cols-2 > * { flex: 0 0 auto; width: 50%; } .sm\:row-cols-3 > * { flex: 0 0 auto; width: 33.3333333333%; } .sm\:row-cols-4 > * { flex: 0 0 auto; width: 25%; } .sm\:row-cols-5 > * { flex: 0 0 auto; width: 20%; } .sm\:row-cols-6 > * { flex: 0 0 auto; width: 16.6666666667%; } .sm\:col-auto { flex: 0 0 auto; width: auto; } .sm\:col-1 { flex: 0 0 auto; width: 8.3333333333%; } .sm\:col-2 { flex: 0 0 auto; width: 16.6666666667%; } .sm\:col-3 { flex: 0 0 auto; width: 25%; } .sm\:col-4 { flex: 0 0 auto; width: 33.3333333333%; } .sm\:col-5 { flex: 0 0 auto; width: 41.6666666667%; } .sm\:col-6 { flex: 0 0 auto; width: 50%; } .sm\:col-7 { flex: 0 0 auto; width: 58.3333333333%; } .sm\:col-8 { flex: 0 0 auto; width: 66.6666666667%; } .sm\:col-9 { flex: 0 0 auto; width: 75%; } .sm\:col-10 { flex: 0 0 auto; width: 83.3333333333%; } .sm\:col-11 { flex: 0 0 auto; width: 91.6666666667%; } .sm\:col-12 { flex: 0 0 auto; width: 100%; } .sm\:offset-0 { margin-inline-start: 0; } .sm\:offset-1 { margin-inline-start: 8.3333333333%; } .sm\:offset-2 { margin-inline-start: 16.6666666667%; } .sm\:offset-3 { margin-inline-start: 25%; } .sm\:offset-4 { margin-inline-start: 33.3333333333%; } .sm\:offset-5 { margin-inline-start: 41.6666666667%; } .sm\:offset-6 { margin-inline-start: 50%; } .sm\:offset-7 { margin-inline-start: 58.3333333333%; } .sm\:offset-8 { margin-inline-start: 66.6666666667%; } .sm\:offset-9 { margin-inline-start: 75%; } .sm\:offset-10 { margin-inline-start: 83.3333333333%; } .sm\:offset-11 { margin-inline-start: 91.6666666667%; } .sm\:g-0, .sm\:gx-0 { --gutter-x: 0; } .sm\:g-0, .sm\:gy-0 { --gutter-y: 0; } .sm\:g-1, .sm\:gx-1 { --gutter-x: 0.25rem; } .sm\:g-1, .sm\:gy-1 { --gutter-y: 0.25rem; } .sm\:g-2, .sm\:gx-2 { --gutter-x: 0.375rem; } .sm\:g-2, .sm\:gy-2 { --gutter-y: 0.375rem; } .sm\:g-3, .sm\:gx-3 { --gutter-x: 0.5rem; } .sm\:g-3, .sm\:gy-3 { --gutter-y: 0.5rem; } .sm\:g-4, .sm\:gx-4 { --gutter-x: 0.75rem; } .sm\:g-4, .sm\:gy-4 { --gutter-y: 0.75rem; } .sm\:g-5, .sm\:gx-5 { --gutter-x: 1rem; } .sm\:g-5, .sm\:gy-5 { --gutter-y: 1rem; } .sm\:g-6, .sm\:gx-6 { --gutter-x: 1.25rem; } .sm\:g-6, .sm\:gy-6 { --gutter-y: 1.25rem; } .sm\:g-7, .sm\:gx-7 { --gutter-x: 1.5rem; } .sm\:g-7, .sm\:gy-7 { --gutter-y: 1.5rem; } .sm\:g-8, .sm\:gx-8 { --gutter-x: 1.75rem; } .sm\:g-8, .sm\:gy-8 { --gutter-y: 1.75rem; } .sm\:g-9, .sm\:gx-9 { --gutter-x: 2rem; } .sm\:g-9, .sm\:gy-9 { --gutter-y: 2rem; } .sm\:g-10, .sm\:gx-10 { --gutter-x: 2.25rem; } .sm\:g-10, .sm\:gy-10 { --gutter-y: 2.25rem; } .sm\:g-11, .sm\:gx-11 { --gutter-x: 2.5rem; } .sm\:g-11, .sm\:gy-11 { --gutter-y: 2.5rem; } .sm\:g-12, .sm\:gx-12 { --gutter-x: 3rem; } .sm\:g-12, .sm\:gy-12 { --gutter-y: 3rem; } } @media (width >= 768px) { .md\:col { flex: 1 0 0; } .md\:row-cols-auto > * { flex: 0 0 auto; width: auto; } .md\:row-cols-1 > * { flex: 0 0 auto; width: 100%; } .md\:row-cols-2 > * { flex: 0 0 auto; width: 50%; } .md\:row-cols-3 > * { flex: 0 0 auto; width: 33.3333333333%; } .md\:row-cols-4 > * { flex: 0 0 auto; width: 25%; } .md\:row-cols-5 > * { flex: 0 0 auto; width: 20%; } .md\:row-cols-6 > * { flex: 0 0 auto; width: 16.6666666667%; } .md\:col-auto { flex: 0 0 auto; width: auto; } .md\:col-1 { flex: 0 0 auto; width: 8.3333333333%; } .md\:col-2 { flex: 0 0 auto; width: 16.6666666667%; } .md\:col-3 { flex: 0 0 auto; width: 25%; } .md\:col-4 { flex: 0 0 auto; width: 33.3333333333%; } .md\:col-5 { flex: 0 0 auto; width: 41.6666666667%; } .md\:col-6 { flex: 0 0 auto; width: 50%; } .md\:col-7 { flex: 0 0 auto; width: 58.3333333333%; } .md\:col-8 { flex: 0 0 auto; width: 66.6666666667%; } .md\:col-9 { flex: 0 0 auto; width: 75%; } .md\:col-10 { flex: 0 0 auto; width: 83.3333333333%; } .md\:col-11 { flex: 0 0 auto; width: 91.6666666667%; } .md\:col-12 { flex: 0 0 auto; width: 100%; } .md\:offset-0 { margin-inline-start: 0; } .md\:offset-1 { margin-inline-start: 8.3333333333%; } .md\:offset-2 { margin-inline-start: 16.6666666667%; } .md\:offset-3 { margin-inline-start: 25%; } .md\:offset-4 { margin-inline-start: 33.3333333333%; } .md\:offset-5 { margin-inline-start: 41.6666666667%; } .md\:offset-6 { margin-inline-start: 50%; } .md\:offset-7 { margin-inline-start: 58.3333333333%; } .md\:offset-8 { margin-inline-start: 66.6666666667%; } .md\:offset-9 { margin-inline-start: 75%; } .md\:offset-10 { margin-inline-start: 83.3333333333%; } .md\:offset-11 { margin-inline-start: 91.6666666667%; } .md\:g-0, .md\:gx-0 { --gutter-x: 0; } .md\:g-0, .md\:gy-0 { --gutter-y: 0; } .md\:g-1, .md\:gx-1 { --gutter-x: 0.25rem; } .md\:g-1, .md\:gy-1 { --gutter-y: 0.25rem; } .md\:g-2, .md\:gx-2 { --gutter-x: 0.375rem; } .md\:g-2, .md\:gy-2 { --gutter-y: 0.375rem; } .md\:g-3, .md\:gx-3 { --gutter-x: 0.5rem; } .md\:g-3, .md\:gy-3 { --gutter-y: 0.5rem; } .md\:g-4, .md\:gx-4 { --gutter-x: 0.75rem; } .md\:g-4, .md\:gy-4 { --gutter-y: 0.75rem; } .md\:g-5, .md\:gx-5 { --gutter-x: 1rem; } .md\:g-5, .md\:gy-5 { --gutter-y: 1rem; } .md\:g-6, .md\:gx-6 { --gutter-x: 1.25rem; } .md\:g-6, .md\:gy-6 { --gutter-y: 1.25rem; } .md\:g-7, .md\:gx-7 { --gutter-x: 1.5rem; } .md\:g-7, .md\:gy-7 { --gutter-y: 1.5rem; } .md\:g-8, .md\:gx-8 { --gutter-x: 1.75rem; } .md\:g-8, .md\:gy-8 { --gutter-y: 1.75rem; } .md\:g-9, .md\:gx-9 { --gutter-x: 2rem; } .md\:g-9, .md\:gy-9 { --gutter-y: 2rem; } .md\:g-10, .md\:gx-10 { --gutter-x: 2.25rem; } .md\:g-10, .md\:gy-10 { --gutter-y: 2.25rem; } .md\:g-11, .md\:gx-11 { --gutter-x: 2.5rem; } .md\:g-11, .md\:gy-11 { --gutter-y: 2.5rem; } .md\:g-12, .md\:gx-12 { --gutter-x: 3rem; } .md\:g-12, .md\:gy-12 { --gutter-y: 3rem; } } @media (width >= 992px) { .lg\:col { flex: 1 0 0; } .lg\:row-cols-auto > * { flex: 0 0 auto; width: auto; } .lg\:row-cols-1 > * { flex: 0 0 auto; width: 100%; } .lg\:row-cols-2 > * { flex: 0 0 auto; width: 50%; } .lg\:row-cols-3 > * { flex: 0 0 auto; width: 33.3333333333%; } .lg\:row-cols-4 > * { flex: 0 0 auto; width: 25%; } .lg\:row-cols-5 > * { flex: 0 0 auto; width: 20%; } .lg\:row-cols-6 > * { flex: 0 0 auto; width: 16.6666666667%; } .lg\:col-auto { flex: 0 0 auto; width: auto; } .lg\:col-1 { flex: 0 0 auto; width: 8.3333333333%; } .lg\:col-2 { flex: 0 0 auto; width: 16.6666666667%; } .lg\:col-3 { flex: 0 0 auto; width: 25%; } .lg\:col-4 { flex: 0 0 auto; width: 33.3333333333%; } .lg\:col-5 { flex: 0 0 auto; width: 41.6666666667%; } .lg\:col-6 { flex: 0 0 auto; width: 50%; } .lg\:col-7 { flex: 0 0 auto; width: 58.3333333333%; } .lg\:col-8 { flex: 0 0 auto; width: 66.6666666667%; } .lg\:col-9 { flex: 0 0 auto; width: 75%; } .lg\:col-10 { flex: 0 0 auto; width: 83.3333333333%; } .lg\:col-11 { flex: 0 0 auto; width: 91.6666666667%; } .lg\:col-12 { flex: 0 0 auto; width: 100%; } .lg\:offset-0 { margin-inline-start: 0; } .lg\:offset-1 { margin-inline-start: 8.3333333333%; } .lg\:offset-2 { margin-inline-start: 16.6666666667%; } .lg\:offset-3 { margin-inline-start: 25%; } .lg\:offset-4 { margin-inline-start: 33.3333333333%; } .lg\:offset-5 { margin-inline-start: 41.6666666667%; } .lg\:offset-6 { margin-inline-start: 50%; } .lg\:offset-7 { margin-inline-start: 58.3333333333%; } .lg\:offset-8 { margin-inline-start: 66.6666666667%; } .lg\:offset-9 { margin-inline-start: 75%; } .lg\:offset-10 { margin-inline-start: 83.3333333333%; } .lg\:offset-11 { margin-inline-start: 91.6666666667%; } .lg\:g-0, .lg\:gx-0 { --gutter-x: 0; } .lg\:g-0, .lg\:gy-0 { --gutter-y: 0; } .lg\:g-1, .lg\:gx-1 { --gutter-x: 0.25rem; } .lg\:g-1, .lg\:gy-1 { --gutter-y: 0.25rem; } .lg\:g-2, .lg\:gx-2 { --gutter-x: 0.375rem; } .lg\:g-2, .lg\:gy-2 { --gutter-y: 0.375rem; } .lg\:g-3, .lg\:gx-3 { --gutter-x: 0.5rem; } .lg\:g-3, .lg\:gy-3 { --gutter-y: 0.5rem; } .lg\:g-4, .lg\:gx-4 { --gutter-x: 0.75rem; } .lg\:g-4, .lg\:gy-4 { --gutter-y: 0.75rem; } .lg\:g-5, .lg\:gx-5 { --gutter-x: 1rem; } .lg\:g-5, .lg\:gy-5 { --gutter-y: 1rem; } .lg\:g-6, .lg\:gx-6 { --gutter-x: 1.25rem; } .lg\:g-6, .lg\:gy-6 { --gutter-y: 1.25rem; } .lg\:g-7, .lg\:gx-7 { --gutter-x: 1.5rem; } .lg\:g-7, .lg\:gy-7 { --gutter-y: 1.5rem; } .lg\:g-8, .lg\:gx-8 { --gutter-x: 1.75rem; } .lg\:g-8, .lg\:gy-8 { --gutter-y: 1.75rem; } .lg\:g-9, .lg\:gx-9 { --gutter-x: 2rem; } .lg\:g-9, .lg\:gy-9 { --gutter-y: 2rem; } .lg\:g-10, .lg\:gx-10 { --gutter-x: 2.25rem; } .lg\:g-10, .lg\:gy-10 { --gutter-y: 2.25rem; } .lg\:g-11, .lg\:gx-11 { --gutter-x: 2.5rem; } .lg\:g-11, .lg\:gy-11 { --gutter-y: 2.5rem; } .lg\:g-12, .lg\:gx-12 { --gutter-x: 3rem; } .lg\:g-12, .lg\:gy-12 { --gutter-y: 3rem; } } @media (width >= 1200px) { .xl\:col { flex: 1 0 0; } .xl\:row-cols-auto > * { flex: 0 0 auto; width: auto; } .xl\:row-cols-1 > * { flex: 0 0 auto; width: 100%; } .xl\:row-cols-2 > * { flex: 0 0 auto; width: 50%; } .xl\:row-cols-3 > * { flex: 0 0 auto; width: 33.3333333333%; } .xl\:row-cols-4 > * { flex: 0 0 auto; width: 25%; } .xl\:row-cols-5 > * { flex: 0 0 auto; width: 20%; } .xl\:row-cols-6 > * { flex: 0 0 auto; width: 16.6666666667%; } .xl\:col-auto { flex: 0 0 auto; width: auto; } .xl\:col-1 { flex: 0 0 auto; width: 8.3333333333%; } .xl\:col-2 { flex: 0 0 auto; width: 16.6666666667%; } .xl\:col-3 { flex: 0 0 auto; width: 25%; } .xl\:col-4 { flex: 0 0 auto; width: 33.3333333333%; } .xl\:col-5 { flex: 0 0 auto; width: 41.6666666667%; } .xl\:col-6 { flex: 0 0 auto; width: 50%; } .xl\:col-7 { flex: 0 0 auto; width: 58.3333333333%; } .xl\:col-8 { flex: 0 0 auto; width: 66.6666666667%; } .xl\:col-9 { flex: 0 0 auto; width: 75%; } .xl\:col-10 { flex: 0 0 auto; width: 83.3333333333%; } .xl\:col-11 { flex: 0 0 auto; width: 91.6666666667%; } .xl\:col-12 { flex: 0 0 auto; width: 100%; } .xl\:offset-0 { margin-inline-start: 0; } .xl\:offset-1 { margin-inline-start: 8.3333333333%; } .xl\:offset-2 { margin-inline-start: 16.6666666667%; } .xl\:offset-3 { margin-inline-start: 25%; } .xl\:offset-4 { margin-inline-start: 33.3333333333%; } .xl\:offset-5 { margin-inline-start: 41.6666666667%; } .xl\:offset-6 { margin-inline-start: 50%; } .xl\:offset-7 { margin-inline-start: 58.3333333333%; } .xl\:offset-8 { margin-inline-start: 66.6666666667%; } .xl\:offset-9 { margin-inline-start: 75%; } .xl\:offset-10 { margin-inline-start: 83.3333333333%; } .xl\:offset-11 { margin-inline-start: 91.6666666667%; } .xl\:g-0, .xl\:gx-0 { --gutter-x: 0; } .xl\:g-0, .xl\:gy-0 { --gutter-y: 0; } .xl\:g-1, .xl\:gx-1 { --gutter-x: 0.25rem; } .xl\:g-1, .xl\:gy-1 { --gutter-y: 0.25rem; } .xl\:g-2, .xl\:gx-2 { --gutter-x: 0.375rem; } .xl\:g-2, .xl\:gy-2 { --gutter-y: 0.375rem; } .xl\:g-3, .xl\:gx-3 { --gutter-x: 0.5rem; } .xl\:g-3, .xl\:gy-3 { --gutter-y: 0.5rem; } .xl\:g-4, .xl\:gx-4 { --gutter-x: 0.75rem; } .xl\:g-4, .xl\:gy-4 { --gutter-y: 0.75rem; } .xl\:g-5, .xl\:gx-5 { --gutter-x: 1rem; } .xl\:g-5, .xl\:gy-5 { --gutter-y: 1rem; } .xl\:g-6, .xl\:gx-6 { --gutter-x: 1.25rem; } .xl\:g-6, .xl\:gy-6 { --gutter-y: 1.25rem; } .xl\:g-7, .xl\:gx-7 { --gutter-x: 1.5rem; } .xl\:g-7, .xl\:gy-7 { --gutter-y: 1.5rem; } .xl\:g-8, .xl\:gx-8 { --gutter-x: 1.75rem; } .xl\:g-8, .xl\:gy-8 { --gutter-y: 1.75rem; } .xl\:g-9, .xl\:gx-9 { --gutter-x: 2rem; } .xl\:g-9, .xl\:gy-9 { --gutter-y: 2rem; } .xl\:g-10, .xl\:gx-10 { --gutter-x: 2.25rem; } .xl\:g-10, .xl\:gy-10 { --gutter-y: 2.25rem; } .xl\:g-11, .xl\:gx-11 { --gutter-x: 2.5rem; } .xl\:g-11, .xl\:gy-11 { --gutter-y: 2.5rem; } .xl\:g-12, .xl\:gx-12 { --gutter-x: 3rem; } .xl\:g-12, .xl\:gy-12 { --gutter-y: 3rem; } } @media (width >= 1400px) { .\32 xl\:col { flex: 1 0 0; } .\32 xl\:row-cols-auto > * { flex: 0 0 auto; width: auto; } .\32 xl\:row-cols-1 > * { flex: 0 0 auto; width: 100%; } .\32 xl\:row-cols-2 > * { flex: 0 0 auto; width: 50%; } .\32 xl\:row-cols-3 > * { flex: 0 0 auto; width: 33.3333333333%; } .\32 xl\:row-cols-4 > * { flex: 0 0 auto; width: 25%; } .\32 xl\:row-cols-5 > * { flex: 0 0 auto; width: 20%; } .\32 xl\:row-cols-6 > * { flex: 0 0 auto; width: 16.6666666667%; } .\32 xl\:col-auto { flex: 0 0 auto; width: auto; } .\32 xl\:col-1 { flex: 0 0 auto; width: 8.3333333333%; } .\32 xl\:col-2 { flex: 0 0 auto; width: 16.6666666667%; } .\32 xl\:col-3 { flex: 0 0 auto; width: 25%; } .\32 xl\:col-4 { flex: 0 0 auto; width: 33.3333333333%; } .\32 xl\:col-5 { flex: 0 0 auto; width: 41.6666666667%; } .\32 xl\:col-6 { flex: 0 0 auto; width: 50%; } .\32 xl\:col-7 { flex: 0 0 auto; width: 58.3333333333%; } .\32 xl\:col-8 { flex: 0 0 auto; width: 66.6666666667%; } .\32 xl\:col-9 { flex: 0 0 auto; width: 75%; } .\32 xl\:col-10 { flex: 0 0 auto; width: 83.3333333333%; } .\32 xl\:col-11 { flex: 0 0 auto; width: 91.6666666667%; } .\32 xl\:col-12 { flex: 0 0 auto; width: 100%; } .\32 xl\:offset-0 { margin-inline-start: 0; } .\32 xl\:offset-1 { margin-inline-start: 8.3333333333%; } .\32 xl\:offset-2 { margin-inline-start: 16.6666666667%; } .\32 xl\:offset-3 { margin-inline-start: 25%; } .\32 xl\:offset-4 { margin-inline-start: 33.3333333333%; } .\32 xl\:offset-5 { margin-inline-start: 41.6666666667%; } .\32 xl\:offset-6 { margin-inline-start: 50%; } .\32 xl\:offset-7 { margin-inline-start: 58.3333333333%; } .\32 xl\:offset-8 { margin-inline-start: 66.6666666667%; } .\32 xl\:offset-9 { margin-inline-start: 75%; } .\32 xl\:offset-10 { margin-inline-start: 83.3333333333%; } .\32 xl\:offset-11 { margin-inline-start: 91.6666666667%; } .\32 xl\:g-0, .\32 xl\:gx-0 { --gutter-x: 0; } .\32 xl\:g-0, .\32 xl\:gy-0 { --gutter-y: 0; } .\32 xl\:g-1, .\32 xl\:gx-1 { --gutter-x: 0.25rem; } .\32 xl\:g-1, .\32 xl\:gy-1 { --gutter-y: 0.25rem; } .\32 xl\:g-2, .\32 xl\:gx-2 { --gutter-x: 0.375rem; } .\32 xl\:g-2, .\32 xl\:gy-2 { --gutter-y: 0.375rem; } .\32 xl\:g-3, .\32 xl\:gx-3 { --gutter-x: 0.5rem; } .\32 xl\:g-3, .\32 xl\:gy-3 { --gutter-y: 0.5rem; } .\32 xl\:g-4, .\32 xl\:gx-4 { --gutter-x: 0.75rem; } .\32 xl\:g-4, .\32 xl\:gy-4 { --gutter-y: 0.75rem; } .\32 xl\:g-5, .\32 xl\:gx-5 { --gutter-x: 1rem; } .\32 xl\:g-5, .\32 xl\:gy-5 { --gutter-y: 1rem; } .\32 xl\:g-6, .\32 xl\:gx-6 { --gutter-x: 1.25rem; } .\32 xl\:g-6, .\32 xl\:gy-6 { --gutter-y: 1.25rem; } .\32 xl\:g-7, .\32 xl\:gx-7 { --gutter-x: 1.5rem; } .\32 xl\:g-7, .\32 xl\:gy-7 { --gutter-y: 1.5rem; } .\32 xl\:g-8, .\32 xl\:gx-8 { --gutter-x: 1.75rem; } .\32 xl\:g-8, .\32 xl\:gy-8 { --gutter-y: 1.75rem; } .\32 xl\:g-9, .\32 xl\:gx-9 { --gutter-x: 2rem; } .\32 xl\:g-9, .\32 xl\:gy-9 { --gutter-y: 2rem; } .\32 xl\:g-10, .\32 xl\:gx-10 { --gutter-x: 2.25rem; } .\32 xl\:g-10, .\32 xl\:gy-10 { --gutter-y: 2.25rem; } .\32 xl\:g-11, .\32 xl\:gx-11 { --gutter-x: 2.5rem; } .\32 xl\:g-11, .\32 xl\:gy-11 { --gutter-y: 2.5rem; } .\32 xl\:g-12, .\32 xl\:gx-12 { --gutter-x: 3rem; } .\32 xl\:g-12, .\32 xl\:gy-12 { --gutter-y: 3rem; } } .grid { --columns: 12; --rows: 1; --gap: 30px; container-type: inline-size; display: grid; grid-template-rows: repeat(var(--rows), 1fr); grid-template-columns: repeat(var(--columns), 1fr); gap: var(--gap); } .g-col-1 { grid-column: auto/span 1; } .g-col-2 { grid-column: auto/span 2; } .g-col-3 { grid-column: auto/span 3; } .g-col-4 { grid-column: auto/span 4; } .g-col-5 { grid-column: auto/span 5; } .g-col-6 { grid-column: auto/span 6; } .g-col-7 { grid-column: auto/span 7; } .g-col-8 { grid-column: auto/span 8; } .g-col-9 { grid-column: auto/span 9; } .g-col-10 { grid-column: auto/span 10; } .g-col-11 { grid-column: auto/span 11; } .g-col-12 { grid-column: auto/span 12; } .g-start-1 { grid-column-start: 1; } .g-start-2 { grid-column-start: 2; } .g-start-3 { grid-column-start: 3; } .g-start-4 { grid-column-start: 4; } .g-start-5 { grid-column-start: 5; } .g-start-6 { grid-column-start: 6; } .g-start-7 { grid-column-start: 7; } .g-start-8 { grid-column-start: 8; } .g-start-9 { grid-column-start: 9; } .g-start-10 { grid-column-start: 10; } .g-start-11 { grid-column-start: 11; } @container (width >= 576px) { .sm\:g-col-1 { grid-column: auto/span 1; } .sm\:g-col-2 { grid-column: auto/span 2; } .sm\:g-col-3 { grid-column: auto/span 3; } .sm\:g-col-4 { grid-column: auto/span 4; } .sm\:g-col-5 { grid-column: auto/span 5; } .sm\:g-col-6 { grid-column: auto/span 6; } .sm\:g-col-7 { grid-column: auto/span 7; } .sm\:g-col-8 { grid-column: auto/span 8; } .sm\:g-col-9 { grid-column: auto/span 9; } .sm\:g-col-10 { grid-column: auto/span 10; } .sm\:g-col-11 { grid-column: auto/span 11; } .sm\:g-col-12 { grid-column: auto/span 12; } .sm\:g-start-1 { grid-column-start: 1; } .sm\:g-start-2 { grid-column-start: 2; } .sm\:g-start-3 { grid-column-start: 3; } .sm\:g-start-4 { grid-column-start: 4; } .sm\:g-start-5 { grid-column-start: 5; } .sm\:g-start-6 { grid-column-start: 6; } .sm\:g-start-7 { grid-column-start: 7; } .sm\:g-start-8 { grid-column-start: 8; } .sm\:g-start-9 { grid-column-start: 9; } .sm\:g-start-10 { grid-column-start: 10; } .sm\:g-start-11 { grid-column-start: 11; } } @container (width >= 768px) { .md\:g-col-1 { grid-column: auto/span 1; } .md\:g-col-2 { grid-column: auto/span 2; } .md\:g-col-3 { grid-column: auto/span 3; } .md\:g-col-4 { grid-column: auto/span 4; } .md\:g-col-5 { grid-column: auto/span 5; } .md\:g-col-6 { grid-column: auto/span 6; } .md\:g-col-7 { grid-column: auto/span 7; } .md\:g-col-8 { grid-column: auto/span 8; } .md\:g-col-9 { grid-column: auto/span 9; } .md\:g-col-10 { grid-column: auto/span 10; } .md\:g-col-11 { grid-column: auto/span 11; } .md\:g-col-12 { grid-column: auto/span 12; } .md\:g-start-1 { grid-column-start: 1; } .md\:g-start-2 { grid-column-start: 2; } .md\:g-start-3 { grid-column-start: 3; } .md\:g-start-4 { grid-column-start: 4; } .md\:g-start-5 { grid-column-start: 5; } .md\:g-start-6 { grid-column-start: 6; } .md\:g-start-7 { grid-column-start: 7; } .md\:g-start-8 { grid-column-start: 8; } .md\:g-start-9 { grid-column-start: 9; } .md\:g-start-10 { grid-column-start: 10; } .md\:g-start-11 { grid-column-start: 11; } } @container (width >= 992px) { .lg\:g-col-1 { grid-column: auto/span 1; } .lg\:g-col-2 { grid-column: auto/span 2; } .lg\:g-col-3 { grid-column: auto/span 3; } .lg\:g-col-4 { grid-column: auto/span 4; } .lg\:g-col-5 { grid-column: auto/span 5; } .lg\:g-col-6 { grid-column: auto/span 6; } .lg\:g-col-7 { grid-column: auto/span 7; } .lg\:g-col-8 { grid-column: auto/span 8; } .lg\:g-col-9 { grid-column: auto/span 9; } .lg\:g-col-10 { grid-column: auto/span 10; } .lg\:g-col-11 { grid-column: auto/span 11; } .lg\:g-col-12 { grid-column: auto/span 12; } .lg\:g-start-1 { grid-column-start: 1; } .lg\:g-start-2 { grid-column-start: 2; } .lg\:g-start-3 { grid-column-start: 3; } .lg\:g-start-4 { grid-column-start: 4; } .lg\:g-start-5 { grid-column-start: 5; } .lg\:g-start-6 { grid-column-start: 6; } .lg\:g-start-7 { grid-column-start: 7; } .lg\:g-start-8 { grid-column-start: 8; } .lg\:g-start-9 { grid-column-start: 9; } .lg\:g-start-10 { grid-column-start: 10; } .lg\:g-start-11 { grid-column-start: 11; } } @container (width >= 1200px) { .xl\:g-col-1 { grid-column: auto/span 1; } .xl\:g-col-2 { grid-column: auto/span 2; } .xl\:g-col-3 { grid-column: auto/span 3; } .xl\:g-col-4 { grid-column: auto/span 4; } .xl\:g-col-5 { grid-column: auto/span 5; } .xl\:g-col-6 { grid-column: auto/span 6; } .xl\:g-col-7 { grid-column: auto/span 7; } .xl\:g-col-8 { grid-column: auto/span 8; } .xl\:g-col-9 { grid-column: auto/span 9; } .xl\:g-col-10 { grid-column: auto/span 10; } .xl\:g-col-11 { grid-column: auto/span 11; } .xl\:g-col-12 { grid-column: auto/span 12; } .xl\:g-start-1 { grid-column-start: 1; } .xl\:g-start-2 { grid-column-start: 2; } .xl\:g-start-3 { grid-column-start: 3; } .xl\:g-start-4 { grid-column-start: 4; } .xl\:g-start-5 { grid-column-start: 5; } .xl\:g-start-6 { grid-column-start: 6; } .xl\:g-start-7 { grid-column-start: 7; } .xl\:g-start-8 { grid-column-start: 8; } .xl\:g-start-9 { grid-column-start: 9; } .xl\:g-start-10 { grid-column-start: 10; } .xl\:g-start-11 { grid-column-start: 11; } } @container (width >= 1400px) { .\32 xl\:g-col-1 { grid-column: auto/span 1; } .\32 xl\:g-col-2 { grid-column: auto/span 2; } .\32 xl\:g-col-3 { grid-column: auto/span 3; } .\32 xl\:g-col-4 { grid-column: auto/span 4; } .\32 xl\:g-col-5 { grid-column: auto/span 5; } .\32 xl\:g-col-6 { grid-column: auto/span 6; } .\32 xl\:g-col-7 { grid-column: auto/span 7; } .\32 xl\:g-col-8 { grid-column: auto/span 8; } .\32 xl\:g-col-9 { grid-column: auto/span 9; } .\32 xl\:g-col-10 { grid-column: auto/span 10; } .\32 xl\:g-col-11 { grid-column: auto/span 11; } .\32 xl\:g-col-12 { grid-column: auto/span 12; } .\32 xl\:g-start-1 { grid-column-start: 1; } .\32 xl\:g-start-2 { grid-column-start: 2; } .\32 xl\:g-start-3 { grid-column-start: 3; } .\32 xl\:g-start-4 { grid-column-start: 4; } .\32 xl\:g-start-5 { grid-column-start: 5; } .\32 xl\:g-start-6 { grid-column-start: 6; } .\32 xl\:g-start-7 { grid-column-start: 7; } .\32 xl\:g-start-8 { grid-column-start: 8; } .\32 xl\:g-start-9 { grid-column-start: 9; } .\32 xl\:g-start-10 { grid-column-start: 10; } .\32 xl\:g-start-11 { grid-column-start: 11; } } } @layer forms { .form-label, .col-form-label { font-size: var(--label-font-size, inherit); font-style: var(--label-font-style, inherit); font-weight: var(--label-font-weight, 500); color: var(--label-color, var(--fg-body)); } .form-label { margin-bottom: var(--label-margin-bottom, calc(var(--spacer) / 2)); } .col-form-label { --label-padding-y: calc(var(--btn-input-padding-y) + var(--border-width)); padding-block: var(--label-padding-y); margin-bottom: 0; } .col-form-label-lg { --label-padding-y: calc(var(--btn-input-lg-padding-y) + var(--border-width)); font-size: var(--btn-input-lg-font-size); } .col-form-label-sm { --label-padding-y: calc(var(--btn-input-sm-padding-y) + var(--border-width)); font-size: var(--btn-input-sm-font-size); } } @layer forms { .form-text { --form-text-margin-top: 0.25rem; --form-text-font-size: var(--font-size-sm); --form-text-color: var(--fg-2); font-size: var(--form-text-font-size); font-style: var(--form-text-font-style); font-weight: var(--form-text-font-weight); color: var(--form-text-color); } } @layer forms { .form-control { --control-min-height: var(--btn-input-min-height); --control-padding-y: var(--btn-input-padding-y); --control-padding-x: var(--btn-input-padding-x); --control-font-size: var(--btn-input-font-size); --control-line-height: var(--btn-input-line-height); --control-fg: var(--btn-input-fg); --control-bg: var(--btn-input-bg); --control-border-width: var(--border-width); --control-border-color: var(--border-color); --control-border-radius: var(--radius-5); --control-box-shadow: var(--box-shadow-inset); --control-action-bg: var(--bg-1); --control-action-hover-bg: var(--bg-2); --control-transition-property: border-color, box-shadow; --control-transition-duration: 0.15s; --control-transition-timing: ease-in-out; --control-placeholder-color: var(--fg-3); --control-disabled-color: var(--control-fg); --control-disabled-bg: var(--bg-2); --control-disabled-border-color: var(--control-border-color); --control-select-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%2300000080' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); --control-select-bg-position: right 0.75rem center; --control-select-bg-size: 16px 12px; --control-select-bg-dark: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff80' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); display: flex; width: 100%; min-height: var(--control-min-height); padding: var(--control-padding-y) var(--control-padding-x); font-size: var(--control-font-size); line-height: var(--control-line-height); color: var(--control-fg); appearance: none; background-color: var(--control-bg); background-clip: padding-box; border: var(--control-border-width) solid var(--control-border-color); border-radius: var(--control-border-radius); box-shadow: var(--control-box-shadow); } @media (prefers-reduced-motion: no-preference) { .form-control { transition-timing-function: var(--control-transition-timing); transition-duration: var(--control-transition-duration); transition-property: var(--control-transition-property); } } .form-control:focus-visible, .form-control:focus-within { --focus-ring-offset: -1px; outline: var(--focus-ring); outline-offset: var(--focus-ring-offset); } .form-control::placeholder { color: var(--control-placeholder-color); opacity: 1; } .form-control:disabled { color: var(--control-disabled-color); background-color: var(--control-disabled-bg); border-color: var(--control-disabled-border-color); opacity: 1; } .form-control::-webkit-datetime-edit { display: block; padding: 0; } .form-control::-webkit-datetime-edit-text { color: var(--control-placeholder-color); } .form-control[type=file] { overflow: hidden; } .form-control[type=file]:not(:disabled, [readonly]) { cursor: pointer; } .form-control::file-selector-button { min-height: var(--control-min-height); padding: var(--control-padding-y) var(--control-padding-x); margin: calc(var(--control-padding-y) * -1) calc(var(--control-padding-x) * -1); margin-inline-end: var(--control-padding-x); color: var(--control-fg); pointer-events: none; background-color: var(--control-action-bg); border-color: inherit; border-style: solid; border-width: 0; border-inline-end-width: var(--control-border-width); border-radius: 0; } @media (prefers-reduced-motion: no-preference) { .form-control::file-selector-button { transition-timing-function: var(--control-transition-timing); transition-duration: var(--control-transition-duration); transition-property: var(--control-transition-property); } } .form-control:hover:not(:disabled, [readonly])::file-selector-button { background-color: var(--control-action-hover-bg); } .form-control-plaintext { --control-min-height: var(--btn-input-min-height); --control-padding-y: var(--btn-input-padding-y); --control-padding-x: var(--btn-input-padding-x); --control-font-size: var(--btn-input-font-size); --control-line-height: var(--btn-input-line-height); --control-fg: var(--btn-input-fg); --control-bg: var(--btn-input-bg); --control-border-width: var(--border-width); --control-border-color: var(--border-color); --control-border-radius: var(--radius-5); --control-box-shadow: var(--box-shadow-inset); --control-action-bg: var(--bg-1); --control-action-hover-bg: var(--bg-2); --control-transition-property: border-color, box-shadow; --control-transition-duration: 0.15s; --control-transition-timing: ease-in-out; --control-placeholder-color: var(--fg-3); --control-disabled-color: var(--control-fg); --control-disabled-bg: var(--bg-2); --control-disabled-border-color: var(--control-border-color); --control-select-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%2300000080' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); --control-select-bg-position: right 0.75rem center; --control-select-bg-size: 16px 12px; --control-select-bg-dark: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff80' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); display: block; width: 100%; padding: var(--control-padding-y) 0; margin-bottom: 0; line-height: var(--control-line-height); color: var(--control-fg); background-color: transparent; border: solid transparent; border-width: var(--control-border-width) 0; } .form-control-plaintext:focus { outline: 0; } .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { padding-inline: 0; } select.form-control, .form-control-caret { padding-inline-end: calc(var(--control-padding-x) * 3); background-image: var(--control-select-bg); background-repeat: no-repeat; background-position: var(--control-select-bg-position); background-size: var(--control-select-bg-size); } select.form-control[multiple], select.form-control[size]:not([size="1"]), .form-control-caret[multiple], .form-control-caret[size]:not([size="1"]) { padding-inline-end: var(--control-padding-x); background-image: none; } [data-bs-theme=dark] select.form-control, [data-bs-theme=dark] .form-control-caret { background-image: var(--control-select-bg-dark); } .form-control-sm { --control-min-height: var(--btn-input-sm-min-height); --control-padding-y: var(--btn-input-sm-padding-y); --control-padding-x: var(--btn-input-sm-padding-x); --control-font-size: var(--btn-input-sm-font-size); --control-line-height: var(--btn-input-sm-line-height); --control-border-radius: var(--btn-input-sm-border-radius); } .form-control-lg { --control-min-height: var(--btn-input-lg-min-height); --control-padding-y: var(--btn-input-lg-padding-y); --control-padding-x: var(--btn-input-lg-padding-x); --control-font-size: var(--btn-input-lg-font-size); --control-line-height: var(--btn-input-lg-line-height); --control-border-radius: var(--btn-input-lg-border-radius); } .form-control-color { width: var(--control-min-height); padding: var(--control-padding-y); } .form-control-color:not(:disabled, [readonly]) { cursor: pointer; } .form-control-color::-moz-color-swatch { border: 0 !important; border-radius: var(--radius-5); } .form-control-color::-webkit-color-swatch { border: 0 !important; border-radius: var(--radius-5); } .form-ghost { display: block; width: 100%; padding: 0; font: inherit; color: inherit; appearance: none; background: transparent; border: 0; } .form-ghost:focus { outline: 0; } .form-ghost::placeholder { color: var(--fg-3); opacity: 1; } .form-ghost:disabled { color: var(--fg-4); cursor: not-allowed; } } @layer forms { .check { --check-size: 1.25rem; --check-margin-block: 0.125rem; --check-bg: var(--bg-body); --check-border-color: var(--border-color); --check-border-radius: var(--radius-5); --check-icon-checked: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m5.5 10 3 3 6-6'/%3e%3c/svg%3e"); --check-icon-indeterminate: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 10h8'/%3e%3c/svg%3e"); --check-checked-bg: var(--control-checked-bg); --check-checked-border-color: var(--control-checked-border-color); --check-indeterminate-bg: var(--control-checked-bg); --check-indeterminate-border-color: var(--control-checked-border-color); --check-active-bg: var(--control-active-bg); --check-active-border-color: var(--control-active-border-color); --check-disabled-bg: var(--control-disabled-bg); --check-disabled-opacity: var(--control-disabled-opacity); position: relative; flex-shrink: 0; width: var(--check-size); height: var(--check-size); margin-block: var(--check-margin-block); appearance: none; background-color: var(--theme-bg, var(--check-bg)); border: 1px solid var(--theme-bg, var(--check-border-color)); border-radius: 33%; } @media (prefers-reduced-motion: no-preference) { .check { transition: background-color var(--control-transition-duration) var(--control-transition-timing), border-color var(--control-transition-duration) var(--control-transition-timing); } } .check::before { position: absolute; inset: 0; pointer-events: none; content: ""; background-color: var(--theme-contrast, var(--primary-contrast)); opacity: 0; transform: scale(0); mask-image: var(--check-icon-checked); mask-repeat: no-repeat; mask-position: center; mask-size: contain; } @media (prefers-reduced-motion: no-preference) { .check::before { transition: opacity var(--control-transition-duration) var(--control-transition-timing), transform var(--control-transition-duration) var(--control-transition-timing); } } .check:checked, .check:indeterminate { background-color: var(--theme-bg, var(--check-checked-bg)); border-color: var(--theme-bg, var(--check-checked-border-color)); } .check:checked::before, .check:indeterminate::before { opacity: 1; transform: scale(1); } .check:indeterminate::before { mask-image: var(--check-icon-indeterminate); } .check:focus-visible { outline: var(--focus-ring); outline-offset: var(--focus-ring-offset); --focus-ring-offset: -1px; } .check:disabled { --check-bg: var(--check-disabled-bg); } .check:disabled ~ label { color: var(--fg-3); cursor: default; } .check:disabled:checked { opacity: var(--check-disabled-opacity); } .check-sm { --check-size: 1rem; } .check-sm + label { font-size: var(--font-size-sm); } .check-lg { --check-size: 1.5rem; --check-margin-block: .375rem; } .check-lg + label { font-size: var(--font-size-lg); } } @layer forms { .radio { --radio-size: 1.25rem; --radio-margin-block: 0.125rem; --radio-bg: var(--bg-body); --radio-border-color: var(--border-color); --radio-checked-bg: var(--control-checked-bg); --radio-checked-border-color: var(--control-checked-border-color); --radio-disabled-bg: var(--control-disabled-bg); --radio-disabled-opacity: var(--control-disabled-opacity); position: relative; flex-shrink: 0; width: var(--radio-size); height: var(--radio-size); margin-block: var(--radio-margin-block); appearance: none; background-color: var(--theme-bg, var(--radio-bg)); border: 1px solid var(--theme-bg, var(--radio-border-color)); border-radius: 50%; } @media (prefers-reduced-motion: no-preference) { .radio { transition: color var(--control-transition-duration) var(--control-transition-timing), background-color var(--control-transition-duration) var(--control-transition-timing), border-color var(--control-transition-duration) var(--control-transition-timing); } } .radio::before { position: absolute; inset: calc(var(--radio-size) * 0.25); content: ""; background-color: currentcolor; border-radius: 50%; opacity: 0; transform: scale(0); } @media (prefers-reduced-motion: no-preference) { .radio::before { transition: opacity var(--control-transition-duration) var(--control-transition-timing), transform var(--control-transition-duration) var(--control-transition-timing); } } .radio:checked { color: var(--theme-contrast, var(--primary-contrast)); background-color: var(--theme-bg, var(--radio-checked-bg)); border-color: var(--theme-bg, var(--radio-checked-border-color)); } .radio:checked::before { opacity: 1; transform: scale(1); } .radio:disabled { --radio-bg: var(--radio-disabled-bg); } .radio:disabled ~ label { color: var(--secondary-fg); cursor: default; } .radio:disabled:checked { opacity: var(--radio-disabled-opacity); } .radio:focus-visible { outline: var(--focus-ring); outline-offset: var(--focus-ring-offset); } .radio-sm { --radio-size: 1rem; } .radio-sm + label { font-size: var(--font-size-sm); } .radio-lg { --radio-size: 1.5rem; --radio-margin-block: .375rem; } .radio-lg + label { font-size: var(--font-size-lg); } } @layer forms { .switch { --switch-height: 1.25rem; --switch-width: calc(var(--switch-height) * 1.75); --switch-padding: 0.0625rem; --switch-margin-block: 0.125rem; --switch-transition-duration: var(--control-transition-duration); --switch-transition-timing: var(--control-transition-timing); --switch-bg: var(--bg-3); --switch-border-width: var(--border-width); --switch-border-color: var(--border-color); --switch-indicator-bg: var(--white); --switch-indicator-width: calc(var(--switch-height) - var(--switch-padding) * 2 - var(--switch-border-width) * 2); --switch-indicator-height: calc(var(--switch-height) - var(--switch-padding) * 2 - var(--switch-border-width) * 2); --switch-checked-bg: var(--control-checked-bg); --switch-checked-border-color: var(--switch-checked-bg); --switch-checked-indicator-bg: var(--white); --switch-disabled-bg: var(--control-disabled-bg); --switch-disabled-indicator-bg: var(--fg-3); position: relative; flex-shrink: 0; width: var(--switch-width); height: var(--switch-height); padding: var(--switch-padding); margin-block: var(--switch-margin-block); background-color: var(--switch-bg); border: var(--switch-border-width) solid var(--switch-border-color); border-radius: 10rem; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05); } @media (prefers-reduced-motion: no-preference) { .switch { transition: background-color var(--switch-transition-duration) var(--switch-transition-timing); } } .switch::before { position: absolute; inset-block: var(--switch-padding); inset-inline-start: var(--switch-padding); width: var(--switch-indicator-width); height: var(--switch-indicator-height); content: ""; background-color: var(--theme-contrast, var(--switch-indicator-bg)); border-radius: 10rem; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); } @media (prefers-reduced-motion: no-preference) { .switch::before { transition: inset-inline-start var(--switch-transition-duration) var(--switch-transition-timing); } } .switch input { position: absolute; inset: 0; appearance: none; background-color: transparent; outline: 0; } .switch:focus-within { outline: var(--focus-ring); outline-offset: var(--focus-ring-offset); } .switch:has(input:disabled:not(:checked)) { --switch-bg: var(--switch-disabled-bg); --switch-indicator-bg: var(--switch-disabled-indicator-bg); } .switch:has(input:disabled:not(:checked))::before { opacity: 0.4; } .switch:has(input:disabled:not(:checked)) ~ label { color: var(--fg-3); cursor: default; } .switch:has(input:checked) { background-color: var(--theme-bg, var(--switch-checked-bg)); border-color: var(--theme-bg, var(--switch-checked-border-color)); } .switch:has(input:checked)::before { inset-inline-start: calc(100% - var(--switch-indicator-width) - var(--switch-padding)); } .switch:has(input:checked:disabled) { opacity: 0.65; } .switch:has(input:checked:disabled) ~ label { color: var(--fg-3); cursor: default; } .switch-sm { --switch-height: 1rem; } .switch-sm + label { font-size: var(--font-size-sm); } .switch-lg { --switch-height: 1.5rem; --switch-margin-block: .375rem; } .switch-lg + label { font-size: var(--font-size-lg); } } @layer forms { .form-range { --range-track-width: 100%; --range-track-height: 0.5rem; --range-track-cursor: pointer; --range-track-bg: var(--bg-3); --range-track-border-radius: 1rem; --range-track-fill-bg: var(--theme-bg, var(--primary-base)); --range-track-disabled-bg: color-mix(in oklch, var(--bg-4), var(--fg-3)); --range-thumb-width: 1rem; --range-thumb-height: var(--range-thumb-width); --range-thumb-bg: var(--theme-bg, var(--primary-base)); --range-thumb-border: var(--range-thumb-bg) solid var(--border-color); --range-thumb-border-radius: 1rem; --range-thumb-box-shadow: 0 1px 2px rgb(0 0 0 / 7.5%), 0 2px 4px rgb(0 0 0 / 7.5%); --range-thumb-active-bg: color-mix(in oklch, var(--theme-bg, var(--primary-base)) 70%, var(--bg-body)); --range-thumb-disabled-bg: var(--fg-3); --range-thumb-transition-property: background-color, border-color, box-shadow; --range-thumb-transition-duration: 0.15s; --range-thumb-transition-timing: ease-in-out; --range-tick-width: var(--border-width); --range-tick-height: 0.5rem; --range-tick-bg: var(--border-color); position: relative; display: block; width: 100%; } .form-range-input { display: block; width: 100%; height: calc(var(--range-thumb-height) + var(--focus-ring-width) * 2); padding: 0; appearance: none; background-color: transparent; } .form-range-input:hover::-webkit-slider-thumb { outline: var(--focus-ring-width) solid color-mix(in oklch, var(--theme-focus-ring, var(--primary-focus-ring)), transparent); } .form-range-input:hover::-moz-range-thumb { outline: var(--focus-ring-width) solid color-mix(in oklch, var(--theme-focus-ring, var(--primary-focus-ring)), transparent); } .form-range-input:focus-visible { outline: 0; } .form-range-input:focus-visible::-webkit-slider-thumb { outline: var(--focus-ring); outline-offset: var(--focus-ring-offset); --focus-ring-offset: 0; } .form-range-input:focus-visible::-moz-range-thumb { outline: var(--focus-ring); outline-offset: var(--focus-ring-offset); --focus-ring-offset: 0; } .form-range-input::-moz-focus-outer { border: 0; } .form-range-input::-webkit-slider-thumb { width: var(--range-thumb-width); height: var(--range-thumb-height); appearance: none; background-color: var(--range-thumb-bg); background-image: var(--gradient); border: var(--range-thumb-border); border-radius: var(--range-thumb-border-radius); box-shadow: var(--range-thumb-box-shadow); } @media (prefers-reduced-motion: no-preference) { .form-range-input::-webkit-slider-thumb { transition-timing-function: var(--range-thumb-transition-timing); transition-duration: var(--range-thumb-transition-duration); transition-property: var(--range-thumb-transition-property); } } .form-range-input::-webkit-slider-thumb:active { background-color: var(--range-thumb-active-bg); background-image: var(--gradient); } .form-range-input::-webkit-slider-thumb { margin-top: calc((var(--range-track-height) - var(--range-thumb-height)) * 0.5); } .form-range-input::-moz-range-thumb { width: var(--range-thumb-width); height: var(--range-thumb-height); appearance: none; background-color: var(--range-thumb-bg); background-image: var(--gradient); border: var(--range-thumb-border); border-radius: var(--range-thumb-border-radius); box-shadow: var(--range-thumb-box-shadow); } @media (prefers-reduced-motion: no-preference) { .form-range-input::-moz-range-thumb { transition-timing-function: var(--range-thumb-transition-timing); transition-duration: var(--range-thumb-transition-duration); transition-property: var(--range-thumb-transition-property); } } .form-range-input::-moz-range-thumb:active { background-color: var(--range-thumb-active-bg); background-image: var(--gradient); } .form-range-input::-webkit-slider-runnable-track { width: var(--range-track-width); height: var(--range-track-height); color: transparent; cursor: var(--range-track-cursor); background-color: var(--range-track-bg); background-image: linear-gradient(to right, var(--range-track-fill-bg) calc(var(--range-fill, 0) * 100%), transparent calc(var(--range-fill, 0) * 100%)); border-color: transparent; border-radius: var(--range-track-border-radius); box-shadow: var(--range-track-box-shadow); } .form-range-input::-moz-range-track { width: var(--range-track-width); height: var(--range-track-height); color: transparent; cursor: var(--range-track-cursor); background-color: var(--range-track-bg); background-image: linear-gradient(to right, var(--range-track-fill-bg) calc(var(--range-fill, 0) * 100%), transparent calc(var(--range-fill, 0) * 100%)); border-color: transparent; border-radius: var(--range-track-border-radius); box-shadow: var(--range-track-box-shadow); } .form-range-input:disabled { pointer-events: none; } .form-range-input:disabled::-webkit-slider-thumb { background-color: var(--range-thumb-disabled-bg); } .form-range-input:disabled::-moz-range-thumb { background-color: var(--range-thumb-disabled-bg); } .form-range-input:disabled::-webkit-slider-runnable-track { --range-track-fill-bg: var(--range-track-disabled-bg); } .form-range-input:disabled::-moz-range-track { --range-track-fill-bg: var(--range-track-disabled-bg); } .form-range-bubble { position: absolute; bottom: 100%; left: calc(var(--range-thumb-width) * 0.5 + var(--range-fill, 0) * (100% - var(--range-thumb-width))); margin-bottom: var(--tooltip-arrow-height); pointer-events: none; transform: translateX(-50%); } .form-range-bubble .tooltip-arrow { position: absolute; bottom: calc(-1 * var(--tooltip-arrow-height)); left: 50%; transform: translateX(-50%); } .form-range-ticks { display: grid; padding-inline: calc(var(--range-thumb-width) * 0.25); } .form-range-tick { display: flex; flex-direction: column; align-items: center; justify-self: start; width: 0; } .form-range-tick::before { width: var(--range-tick-width); height: var(--range-tick-height); content: ""; background-color: var(--range-tick-bg); } .form-range-tick:first-child { align-items: flex-start; } .form-range-tick:last-child { align-items: flex-end; } .form-range-tick-label { margin-top: 0.125rem; font-size: var(--font-size-sm); color: var(--fg-2); white-space: nowrap; } } @layer forms { .form-floating { --form-floating-height: calc(3.75rem + var(--border-width) * 2); --form-floating-line-height: 1.25; --form-floating-padding-x: calc(var(--btn-input-padding-x) * 1.25); --form-floating-padding-y: 1rem; --form-floating-input-padding-t: 1.625rem; --form-floating-input-padding-b: 0.625rem; --form-floating-label-height: 1.5em; --form-floating-label-bg: var(--btn-input-bg); --form-floating-label-disabled-bg: var(--bg-2); --form-floating-label-opacity: 0.65; --form-floating-label-transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); --form-floating-label-disabled-color: var(--fg-3); --form-floating-transition-property: opacity, transform; --form-floating-transition-duration: 0.1s; --form-floating-transition-timing: ease-in-out; position: relative; } .form-floating > label { position: absolute; inset-block-start: 0; inset-inline-start: 0; z-index: 2; display: flex; align-items: center; max-width: 100%; height: 100%; padding: var(--form-floating-padding-y) var(--form-floating-padding-x); overflow: hidden; color: color-mix(in oklch, var(--fg-body) var(--form-floating-label-opacity), transparent); text-align: start; text-overflow: ellipsis; white-space: nowrap; pointer-events: none; border: var(--border-width) solid transparent; transform-origin: 0 0; } @media (prefers-reduced-motion: no-preference) { .form-floating > label { transition-timing-function: var(--form-floating-transition-timing); transition-duration: var(--form-floating-transition-duration); transition-property: var(--form-floating-transition-property); } } .form-floating > label:has(~ textarea) { align-items: flex-start; } .form-floating > .form-control, .form-floating > .form-control-plaintext { height: var(--form-floating-height); min-height: var(--form-floating-height); padding: var(--form-floating-padding-y) var(--form-floating-padding-x); line-height: var(--form-floating-line-height); } .form-floating > .form-control::placeholder, .form-floating > .form-control-plaintext::placeholder { color: transparent; } .form-floating > .form-control:focus::placeholder, .form-floating > .form-control-plaintext:focus::placeholder { color: var(--control-placeholder-color); } .form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown), .form-floating > .form-control-plaintext:focus, .form-floating > .form-control-plaintext:not(:placeholder-shown) { padding-top: var(--form-floating-input-padding-t); padding-bottom: var(--form-floating-input-padding-b); } .form-floating > .form-control:-webkit-autofill, .form-floating > .form-control-plaintext:-webkit-autofill { padding-top: var(--form-floating-input-padding-t); padding-bottom: var(--form-floating-input-padding-b); } .form-floating > .form-control[type=date], .form-floating > .form-control[type=month], .form-floating > .form-control[type=week], .form-floating > .form-control[type=time], .form-floating > .form-control[type=datetime-local], .form-floating > .form-control:is(select) { padding-top: var(--form-floating-input-padding-t); padding-bottom: var(--form-floating-input-padding-b); } .form-floating > label:has(~ .form-control:focus), .form-floating > label:has(~ .form-control:not(:placeholder-shown)), .form-floating > label:has(~ .form-control-plaintext), .form-floating > label:has(~ .form-control[type=date]), .form-floating > label:has(~ .form-control[type=month]), .form-floating > label:has(~ .form-control[type=week]), .form-floating > label:has(~ .form-control[type=time]), .form-floating > label:has(~ .form-control[type=datetime-local]), .form-floating > label:has(~ .form-control:is(select)) { transform: var(--form-floating-label-transform); } .form-floating > label:has(~ .form-control:-webkit-autofill) { transform: var(--form-floating-label-transform); } .form-floating > label:has(~ textarea:focus)::after, .form-floating > label:has(~ textarea:not(:placeholder-shown))::after { position: absolute; inset: var(--form-floating-padding-y) calc(var(--form-floating-padding-x) * 0.5); z-index: -1; height: var(--form-floating-label-height); content: ""; background-color: var(--form-floating-label-bg); border-radius: var(--btn-input-border-radius); } .form-floating > label:has(~ textarea:disabled)::after { background-color: var(--form-floating-label-disabled-bg); } .form-floating > label:has(~ .form-control-plaintext) { border-width: var(--control-border-width) 0; } .form-floating > label:has(~ :disabled), .form-floating > label:has(~ .form-control:disabled) { color: var(--form-floating-label-disabled-color); } .form-floating-always.form-floating > .form-control, .form-floating-always .form-floating > .form-control { padding-top: var(--form-floating-input-padding-t); padding-bottom: var(--form-floating-input-padding-b); } .form-floating-always.form-floating > .form-control::placeholder, .form-floating-always.form-floating > .form-control:focus::placeholder, .form-floating-always .form-floating > .form-control::placeholder, .form-floating-always .form-floating > .form-control:focus::placeholder { color: var(--control-placeholder-color); } .form-floating-always.form-floating > label, .form-floating-always .form-floating > label { transform: var(--form-floating-label-transform); } .form-floating-always.form-floating > label:has(~ textarea)::after, .form-floating-always .form-floating > label:has(~ textarea)::after { position: absolute; inset: var(--form-floating-padding-y) calc(var(--form-floating-padding-x) * 0.5); z-index: -1; height: var(--form-floating-label-height); content: ""; background-color: var(--form-floating-label-bg); border-radius: var(--btn-input-border-radius); } .form-floating-always.form-floating > label:has(~ textarea:disabled)::after, .form-floating-always .form-floating > label:has(~ textarea:disabled)::after { background-color: var(--form-floating-label-disabled-bg); } } @layer components { .input-group { --input-group-addon-padding-y: var(--btn-input-padding-y); --input-group-addon-padding-x: var(--btn-input-padding-x); --input-group-addon-font-size: var(--btn-input-font-size); --input-group-addon-line-height: var(--btn-input-line-height); --input-group-addon-color: var(--fg-body); --input-group-addon-bg: var(--bg-2); --input-group-addon-border-color: var(--border-color); position: relative; display: flex; align-items: stretch; width: 100%; } .input-group > .form-control, .input-group > .form-floating { position: relative; flex: 1 1 auto; width: 1%; min-width: 0; } .input-group > .form-control:focus, .input-group > .form-floating:focus-within { z-index: 5; } .input-group > .input-group-btn { position: relative; z-index: 2; } .input-group > .input-group-btn:focus { z-index: 5; } .input-group-text { display: flex; align-items: center; padding: var(--input-group-addon-padding-y) var(--input-group-addon-padding-x); font-size: var(--input-group-addon-font-size); line-height: var(--input-group-addon-line-height); color: var(--input-group-addon-color); text-align: center; white-space: nowrap; background-color: var(--input-group-addon-bg); border: var(--border-width) solid var(--input-group-addon-border-color); border-radius: var(--btn-input-border-radius); } .input-group-sm > .form-control, .input-group-sm > .input-group-text, .input-group-sm > .btn { min-height: var(--btn-input-sm-min-height); padding: var(--btn-input-sm-padding-y) var(--btn-input-sm-padding-x); font-size: var(--btn-input-sm-font-size); border-radius: var(--btn-input-sm-border-radius); } .input-group-lg > .form-control, .input-group-lg > .input-group-text, .input-group-lg > .btn { min-height: var(--btn-input-lg-min-height); padding: var(--btn-input-lg-padding-y) var(--btn-input-lg-padding-x); font-size: var(--btn-input-lg-font-size); border-radius: var(--btn-input-lg-border-radius); } .input-group > :not(:last-child, .menu-toggle-split, .menu, .input-group-ignore, .form-floating, :has(+ :is(.menu, .input-group-ignore):last-child)), .input-group > .menu-toggle-split:nth-last-child(n+3), .input-group > .form-floating:not(:last-child) > .form-control { border-start-end-radius: 0; border-end-end-radius: 0; } .input-group > :not(:first-child, .menu, .input-group-ignore) { margin-inline-start: calc(-1 * var(--border-width)); border-start-start-radius: 0; border-end-start-radius: 0; } .input-group > :first-child:is(.input-group-ignore) + :not(.menu, .input-group-ignore) { border-start-start-radius: var(--btn-input-border-radius); border-end-start-radius: var(--btn-input-border-radius); } .input-group > .form-floating:not(:first-child) > .form-control { border-start-start-radius: 0; border-end-start-radius: 0; } } @layer forms { .strength { --strength-height: 0.375rem; --strength-gap: 0.25rem; --strength-margin-top: 0.25rem; --strength-border-radius: var(--radius-pill); --strength-bg: var(--bg-2); --strength-color: var(--bg-2); --strength-weak-color: var(--danger-bg); --strength-fair-color: var(--warning-bg); --strength-good-color: var(--info-bg); --strength-strong-color: var(--success-bg); display: flex; gap: var(--strength-gap); width: 100%; margin-top: var(--strength-margin-top); } .strength-segment { flex: 1; height: var(--strength-height); background-color: var(--strength-bg); border-radius: var(--strength-border-radius); } @media (prefers-reduced-motion: no-preference) { .strength-segment { transition: background-color 0.2s ease-in-out, width 0.3s ease-in-out; } } .strength-segment.active { background-color: var(--strength-color); } .strength[data-bs-strength=weak] { --strength-color: var(--strength-weak-color); } .strength[data-bs-strength=fair] { --strength-color: var(--strength-fair-color); } .strength[data-bs-strength=good] { --strength-color: var(--strength-good-color); } .strength[data-bs-strength=strong] { --strength-color: var(--strength-strong-color); } .strength-text { display: block; margin-top: var(--strength-margin-top); font-size: var(--font-size-xs); color: var(--strength-color, var(--fg-3)); } @media (prefers-reduced-motion: no-preference) { .strength-text { transition: color 0.2s ease-in-out; } } .strength-text:empty { display: none; } .strength-bar { --strength-height: 0.375rem; --strength-gap: 0.25rem; --strength-margin-top: 0.25rem; --strength-border-radius: var(--radius-pill); --strength-bg: var(--bg-2); --strength-color: var(--bg-2); --strength-weak-color: var(--danger-bg); --strength-fair-color: var(--warning-bg); --strength-good-color: var(--info-bg); --strength-strong-color: var(--success-bg); --strength-color: transparent; --strength-width: 0%; width: 100%; height: var(--strength-height); margin-top: var(--strength-margin-top); overflow: hidden; background-color: var(--strength-bg); border-radius: var(--strength-border-radius); } .strength-bar::after { display: block; width: var(--strength-width); height: 100%; content: ""; background-color: var(--strength-color); border-radius: var(--strength-border-radius); } @media (prefers-reduced-motion: no-preference) { .strength-bar::after { transition: background-color 0.2s ease-in-out, width 0.3s ease-in-out; } } .strength-bar[data-bs-strength=weak] { --strength-color: var(--strength-weak-color); --strength-width: 25%; } .strength-bar[data-bs-strength=fair] { --strength-color: var(--strength-fair-color); --strength-width: 50%; } .strength-bar[data-bs-strength=good] { --strength-color: var(--strength-good-color); --strength-width: 75%; } .strength-bar[data-bs-strength=strong] { --strength-color: var(--strength-strong-color); --strength-width: 100%; } } @layer components { .otp { --otp-size: var(--btn-input-lg-min-height); --otp-font-size: var(--btn-input-font-size); --otp-gap: 0.5rem; --otp-slot-fg: var(--btn-input-fg); --otp-slot-bg: var(--btn-input-bg); --otp-slot-border-width: var(--border-width); --otp-slot-border-color: var(--border-color); --otp-slot-border-radius: var(--radius-5); position: relative; display: flex; } .otp-rendered .otp-input { position: absolute; inset: 0; width: 100%; height: 100%; padding: 0; color: transparent; pointer-events: auto; cursor: default; caret-color: transparent; background-color: transparent; border: 0; outline: 0; box-shadow: none; } .otp-rendered .otp-input::selection { color: transparent; background-color: transparent; } .otp-slots { display: inline-flex; gap: var(--otp-gap); pointer-events: none; } .otp-slot { display: flex; align-items: center; justify-content: center; width: var(--otp-size); min-height: var(--otp-size); font-size: var(--otp-font-size); font-weight: 500; line-height: 1; color: var(--otp-slot-fg); user-select: none; background-color: var(--otp-slot-bg); border: var(--otp-slot-border-width) solid var(--otp-slot-border-color); border-radius: var(--otp-slot-border-radius); box-shadow: var(--box-shadow-inset); } @media (prefers-reduced-motion: no-preference) { .otp-slot { transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } } .otp-slot-active { --focus-ring-offset: -1px; z-index: 1; outline: var(--focus-ring); outline-offset: var(--focus-ring-offset); } .otp-slot-active:not(.otp-slot-filled)::after { width: 1px; height: 50%; content: ""; background-color: var(--otp-slot-fg); animation: otp-caret-blink 1s step-end infinite; } .otp-input:disabled ~ .otp-slots .otp-slot { background-color: var(--bg-2); } .otp-connected .otp-slots { gap: 0; } .otp-connected .otp-slot { border-radius: 0; } .otp-connected .otp-slot:not(:first-child) { margin-inline-start: calc(var(--otp-slot-border-width) * -1); } .otp-connected .otp-slot:first-child { border-start-start-radius: var(--otp-slot-border-radius); border-end-start-radius: var(--otp-slot-border-radius); } .otp-connected .otp-slot:last-child { border-start-end-radius: var(--otp-slot-border-radius); border-end-end-radius: var(--otp-slot-border-radius); } .otp-separator { display: flex; align-items: center; padding-inline: var(--otp-gap); font-size: var(--otp-font-size); color: var(--fg-4); user-select: none; } .otp-sm { --otp-size: var(--btn-input-sm-min-height); --otp-font-size: var(--btn-input-sm-font-size); } .otp-lg { --otp-size: var(--btn-input-lg-min-height); --otp-font-size: var(--btn-input-lg-font-size); } } @keyframes otp-caret-blink { 0%, 100% { opacity: 1; } 50% { opacity: 0; } } @layer forms { .form-adorn { --form-adorn-gap: 0.375rem; --form-adorn-icon-size: 1rem; --form-adorn-icon-color: var(--fg-2); gap: var(--form-adorn-gap); align-items: center; cursor: text; } .form-adorn:focus-visible { outline: 0; } .form-adorn > .form-ghost { flex: 1; min-width: 0; } .form-adorn.form-adorn-end > .form-ghost { order: -1; } .form-adorn-icon { display: flex; flex-shrink: 0; align-items: center; justify-content: center; color: var(--form-adorn-icon-color); pointer-events: none; } .form-adorn-icon > svg { width: var(--form-adorn-icon-size); height: var(--form-adorn-icon-size); } .form-adorn-text { flex-shrink: 0; color: var(--form-adorn-icon-color); pointer-events: none; user-select: none; } } @layer forms { .chip-input { --chip-input-padding-y: 0.75rem; --chip-input-padding-x: 0.75rem; --chip-input-gap: 0.375rem; --chip-input-ghost-min-width: 5rem; --control-fg: var(--btn-input-fg); --control-bg: var(--btn-input-bg); --control-border-width: var(--border-width); --control-border-color: var(--border-color); --control-border-radius: var(--radius-5); display: flex; flex-wrap: wrap; gap: var(--chip-input-gap); align-items: center; padding: var(--chip-input-padding-y) var(--chip-input-padding-x); color: var(--control-fg); background-color: var(--control-bg); border: var(--control-border-width) solid var(--control-border-color); border-radius: var(--control-border-radius); } .chip-input:focus-within { --focus-ring-offset: -1px; border-color: var(--focus-ring-color); outline: var(--focus-ring); outline-offset: var(--focus-ring-offset); } .chip-input > .form-ghost { flex: 1 1 0; min-width: var(--chip-input-ghost-min-width); min-height: 1.75rem; } .chip-input.disabled, .chip-input:has(.form-ghost:disabled) { cursor: not-allowed; background-color: var(--bg-2); opacity: 1; } .chip-input.disabled:focus-within, .chip-input:has(.form-ghost:disabled):focus-within { border-color: var(--control-border-color); outline: 0; } .chip-input.disabled > .chip, .chip-input:has(.form-ghost:disabled) > .chip { pointer-events: none; opacity: var(--control-disabled-opacity); } } @layer components { .combobox-toggle { display: inline-flex; gap: 0.5rem; align-items: center; justify-content: space-between; width: 100%; padding-inline-end: var(--control-padding-x); text-align: start; cursor: pointer; } .combobox-toggle.show { background-color: var(--bg-1); } .combobox-toggle:disabled, .combobox-toggle.disabled { cursor: not-allowed; opacity: 0.65; } .combobox-value { display: flex; flex: 1; gap: 0.5rem; align-items: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .combobox-placeholder { color: color-mix(in oklch, currentcolor 65%, transparent); } .combobox-caret { flex-shrink: 0; } @media (prefers-reduced-motion: no-preference) { .combobox-caret { transition: transform 0.2s ease-in-out; } } .show > .combobox-caret { transform: rotate(180deg); } .combobox-toggle + .menu { --menu-max-height: 300px; --menu-overflow-y: auto; } .combobox-search { position: sticky; top: 0; z-index: 1; padding: var(--menu-padding-x, 0.25rem); background-color: var(--menu-bg, var(--bg-body)); } .combobox-search-input { width: 100%; } .combobox-no-results { padding: 1rem; font-size: var(--font-size-sm); color: var(--fg-3); text-align: center; } } @layer forms { .form-field { position: relative; display: grid; gap: 0.5rem; } .form-field > label, .form-field > .form-label { justify-self: start; margin-bottom: 0; } .form-field:has(> .check, > .radio, > .switch) { grid-template-columns: auto 1fr; column-gap: 0.5rem; align-items: start; } .form-field:has(> .check, > .radio, > .switch) > .check, .form-field:has(> .check, > .radio, > .switch) > .radio, .form-field:has(> .check, > .radio, > .switch) > .switch { grid-column: 1; } .form-field:has(> .check, > .radio, > .switch) > :not(.check, .radio, .switch) { grid-column: 2; } .form-field:has(> .check, > .radio, > .switch) > .form-label { grid-column: 1/-1; } .form-field-content { display: flex; flex-direction: column; align-items: flex-start; } .form-field-card { position: relative; padding: calc(var(--spacer) * 0.75); cursor: pointer; border: var(--border-width) solid transparent; border-radius: var(--radius-7); } .form-field-card:hover { background-color: var(--bg-1); } .form-field-card:has(:checked) { background-color: var(--bg-1); border-color: var(--border-color); } .form-field-card label::before { position: absolute; inset: 0; content: ""; } .form-group { display: grid; gap: 0.5rem; } .form-group > label, .form-group > .form-label, .form-group > legend { justify-self: start; margin-bottom: 0; } } @layer components { .valid-feedback { display: none; width: 100%; font-size: var(--font-size-sm); color: var(--success-fg); } .tooltip.valid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: var(--tooltip-padding-y) var(--tooltip-padding-x); margin-top: 0.1rem; color: var(--success-contrast); text-align: center; background-color: var(--success-bg); opacity: 1; border-radius: var(--tooltip-border-radius); } .is-valid ~ .valid-feedback, .is-valid ~ .valid-tooltip { display: block; } [data-bs-validate~=valid] :user-valid ~ .valid-feedback, [data-bs-validate~=valid] :user-valid ~ .valid-tooltip { display: block; } .form-control.is-valid { --control-border-color: var(--success-border); } .form-control.is-valid:focus-visible { outline: var(--focus-ring-width) solid var(--success-focus-ring); outline-offset: var(--focus-ring-offset); --control-border-color: var(--success-border); } [data-bs-validate~=valid] .form-control:user-valid { --control-border-color: var(--success-border); } [data-bs-validate~=valid] .form-control:user-valid:focus-visible { outline: var(--focus-ring-width) solid var(--success-focus-ring); outline-offset: var(--focus-ring-offset); --control-border-color: var(--success-border); } .check.is-valid { --check-border-color: var(--success-border); --check-checked-bg: var(--success-bg); --check-checked-border-color: var(--success-bg); } .check.is-valid:focus-visible { outline: var(--focus-ring-width) solid var(--success-focus-ring); outline-offset: var(--focus-ring-offset); } [data-bs-validate~=valid] .check:user-valid { --check-border-color: var(--success-border); --check-checked-bg: var(--success-bg); --check-checked-border-color: var(--success-bg); } [data-bs-validate~=valid] .check:user-valid:focus-visible { outline: var(--focus-ring-width) solid var(--success-focus-ring); outline-offset: var(--focus-ring-offset); } .form-field:has(.check.is-valid) label { color: var(--success-fg); } .form-field:has(.check.is-valid) .valid-feedback, .form-field:has(.check.is-valid) .valid-tooltip { display: block; } [data-bs-validate~=valid] .form-field:has(.check:user-valid) label { color: var(--success-fg); } [data-bs-validate~=valid] .form-field:has(.check:user-valid) .valid-feedback, [data-bs-validate~=valid] .form-field:has(.check:user-valid) .valid-tooltip { display: block; } .radio.is-valid { --radio-border-color: var(--success-border); --radio-checked-bg: var(--success-bg); --radio-checked-border-color: var(--success-bg); } .radio.is-valid:focus-visible { outline: var(--focus-ring-width) solid var(--success-focus-ring); outline-offset: var(--focus-ring-offset); } [data-bs-validate~=valid] .radio:user-valid { --radio-border-color: var(--success-border); --radio-checked-bg: var(--success-bg); --radio-checked-border-color: var(--success-bg); } [data-bs-validate~=valid] .radio:user-valid:focus-visible { outline: var(--focus-ring-width) solid var(--success-focus-ring); outline-offset: var(--focus-ring-offset); } .form-field:has(.radio.is-valid) label { color: var(--success-fg); } .form-field:has(.radio.is-valid) .valid-feedback, .form-field:has(.radio.is-valid) .valid-tooltip { display: block; } [data-bs-validate~=valid] .form-field:has(.radio:user-valid) label { color: var(--success-fg); } [data-bs-validate~=valid] .form-field:has(.radio:user-valid) .valid-feedback, [data-bs-validate~=valid] .form-field:has(.radio:user-valid) .valid-tooltip { display: block; } .switch:has(input.is-valid) { --switch-border-color: var(--success-border); --switch-checked-bg: var(--success-bg); --switch-checked-border-color: var(--success-bg); } .switch:has(input.is-valid):focus-within { outline: var(--focus-ring-width) solid var(--success-focus-ring); outline-offset: var(--focus-ring-offset); } [data-bs-validate~=valid] .switch:has(input:user-valid) { --switch-border-color: var(--success-border); --switch-checked-bg: var(--success-bg); --switch-checked-border-color: var(--success-bg); } [data-bs-validate~=valid] .switch:has(input:user-valid):focus-within { outline: var(--focus-ring-width) solid var(--success-focus-ring); outline-offset: var(--focus-ring-offset); } .form-field:has(.switch input.is-valid) label { color: var(--success-fg); } .form-field:has(.switch input.is-valid) .valid-feedback, .form-field:has(.switch input.is-valid) .valid-tooltip { display: block; } [data-bs-validate~=valid] .form-field:has(.switch input:user-valid) label { color: var(--success-fg); } [data-bs-validate~=valid] .form-field:has(.switch input:user-valid) .valid-feedback, [data-bs-validate~=valid] .form-field:has(.switch input:user-valid) .valid-tooltip { display: block; } .chip-input:has(.form-ghost.is-valid) { border-color: var(--success-border); } .chip-input:has(.form-ghost.is-valid):focus-within { outline: var(--focus-ring-width) solid var(--success-focus-ring); outline-offset: var(--focus-ring-offset); border-color: var(--success-border); } .chip-input:has(.form-ghost.is-valid) ~ .valid-feedback, .chip-input:has(.form-ghost.is-valid) ~ .valid-tooltip { display: block; } [data-bs-validate~=valid] .chip-input:has(.form-ghost:user-valid) { border-color: var(--success-border); } [data-bs-validate~=valid] .chip-input:has(.form-ghost:user-valid):focus-within { outline: var(--focus-ring-width) solid var(--success-focus-ring); outline-offset: var(--focus-ring-offset); border-color: var(--success-border); } [data-bs-validate~=valid] .chip-input:has(.form-ghost:user-valid) ~ .valid-feedback, [data-bs-validate~=valid] .chip-input:has(.form-ghost:user-valid) ~ .valid-tooltip { display: block; } .form-adorn:has(.form-ghost.is-valid) { border-color: var(--success-border); } .form-adorn:has(.form-ghost.is-valid):focus-within { outline: var(--focus-ring-width) solid var(--success-focus-ring); outline-offset: var(--focus-ring-offset); border-color: var(--success-border); } .form-adorn:has(.form-ghost.is-valid) ~ .valid-feedback, .form-adorn:has(.form-ghost.is-valid) ~ .valid-tooltip { display: block; } [data-bs-validate~=valid] .form-adorn:has(.form-ghost:user-valid) { border-color: var(--success-border); } [data-bs-validate~=valid] .form-adorn:has(.form-ghost:user-valid):focus-within { outline: var(--focus-ring-width) solid var(--success-focus-ring); outline-offset: var(--focus-ring-offset); border-color: var(--success-border); } [data-bs-validate~=valid] .form-adorn:has(.form-ghost:user-valid) ~ .valid-feedback, [data-bs-validate~=valid] .form-adorn:has(.form-ghost:user-valid) ~ .valid-tooltip { display: block; } .form-range-input.is-valid::-webkit-slider-thumb { background: var(--success-bg); } .form-range-input.is-valid::-moz-range-thumb { background: var(--success-bg); } .form-range-input.is-valid:focus-visible::-webkit-slider-thumb { outline: var(--focus-ring-width) solid var(--success-focus-ring); outline-offset: var(--focus-ring-offset); } .form-range-input.is-valid:focus-visible::-moz-range-thumb { outline: var(--focus-ring-width) solid var(--success-focus-ring); outline-offset: var(--focus-ring-offset); } [data-bs-validate~=valid] .form-range-input:user-valid::-webkit-slider-thumb { background: var(--success-bg); } [data-bs-validate~=valid] .form-range-input:user-valid::-moz-range-thumb { background: var(--success-bg); } [data-bs-validate~=valid] .form-range-input:user-valid:focus-visible::-webkit-slider-thumb { outline: var(--focus-ring-width) solid var(--success-focus-ring); outline-offset: var(--focus-ring-offset); } [data-bs-validate~=valid] .form-range-input:user-valid:focus-visible::-moz-range-thumb { outline: var(--focus-ring-width) solid var(--success-focus-ring); outline-offset: var(--focus-ring-offset); } .form-range:has(.form-range-input.is-valid) ~ .valid-feedback, .form-range:has(.form-range-input.is-valid) ~ .valid-tooltip { display: block; } .form-field:has(.input-group .form-control.is-valid) .valid-feedback, .form-field:has(.input-group .form-control.is-valid) .valid-tooltip { display: block; } [data-bs-validate~=valid] .form-field:has(.input-group .form-control:user-valid) .valid-feedback, [data-bs-validate~=valid] .form-field:has(.input-group .form-control:user-valid) .valid-tooltip { display: block; } .input-group > .form-control:not(:focus).is-valid, .input-group > .form-floating:not(:focus-within).is-valid { z-index: 3; } [data-bs-validate~=valid] .input-group > .form-control:not(:focus), .input-group > .form-floating:not(:focus-within):user-valid { z-index: 3; } .otp.is-valid .otp-slot { --otp-slot-border-color: var(--success-border); } .otp.is-valid .otp-slot-active { outline: var(--focus-ring-width) solid var(--success-focus-ring); outline-offset: var(--focus-ring-offset); } [data-bs-validate~=valid] .otp:user-valid .otp-slot { --otp-slot-border-color: var(--success-border); } [data-bs-validate~=valid] .otp:user-valid .otp-slot-active { outline: var(--focus-ring-width) solid var(--success-focus-ring); outline-offset: var(--focus-ring-offset); } .invalid-feedback { display: none; width: 100%; font-size: var(--font-size-sm); color: var(--danger-fg); } .tooltip.invalid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: var(--tooltip-padding-y) var(--tooltip-padding-x); margin-top: 0.1rem; color: var(--danger-contrast); text-align: center; background-color: var(--danger-bg); opacity: 1; border-radius: var(--tooltip-border-radius); } .is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip { display: block; } [data-bs-validate] :user-invalid ~ .invalid-feedback, [data-bs-validate] :user-invalid ~ .invalid-tooltip { display: block; } .form-control.is-invalid { --control-border-color: var(--danger-border); } .form-control.is-invalid:focus-visible { outline: var(--focus-ring-width) solid var(--danger-focus-ring); outline-offset: var(--focus-ring-offset); --control-border-color: var(--danger-border); } [data-bs-validate] .form-control:user-invalid { --control-border-color: var(--danger-border); } [data-bs-validate] .form-control:user-invalid:focus-visible { outline: var(--focus-ring-width) solid var(--danger-focus-ring); outline-offset: var(--focus-ring-offset); --control-border-color: var(--danger-border); } .check.is-invalid { --check-border-color: var(--danger-border); --check-checked-bg: var(--danger-bg); --check-checked-border-color: var(--danger-bg); } .check.is-invalid:focus-visible { outline: var(--focus-ring-width) solid var(--danger-focus-ring); outline-offset: var(--focus-ring-offset); } [data-bs-validate] .check:user-invalid { --check-border-color: var(--danger-border); --check-checked-bg: var(--danger-bg); --check-checked-border-color: var(--danger-bg); } [data-bs-validate] .check:user-invalid:focus-visible { outline: var(--focus-ring-width) solid var(--danger-focus-ring); outline-offset: var(--focus-ring-offset); } .form-field:has(.check.is-invalid) label { color: var(--danger-fg); } .form-field:has(.check.is-invalid) .invalid-feedback, .form-field:has(.check.is-invalid) .invalid-tooltip { display: block; } [data-bs-validate] .form-field:has(.check:user-invalid) label { color: var(--danger-fg); } [data-bs-validate] .form-field:has(.check:user-invalid) .invalid-feedback, [data-bs-validate] .form-field:has(.check:user-invalid) .invalid-tooltip { display: block; } .radio.is-invalid { --radio-border-color: var(--danger-border); --radio-checked-bg: var(--danger-bg); --radio-checked-border-color: var(--danger-bg); } .radio.is-invalid:focus-visible { outline: var(--focus-ring-width) solid var(--danger-focus-ring); outline-offset: var(--focus-ring-offset); } [data-bs-validate] .radio:user-invalid { --radio-border-color: var(--danger-border); --radio-checked-bg: var(--danger-bg); --radio-checked-border-color: var(--danger-bg); } [data-bs-validate] .radio:user-invalid:focus-visible { outline: var(--focus-ring-width) solid var(--danger-focus-ring); outline-offset: var(--focus-ring-offset); } .form-field:has(.radio.is-invalid) label { color: var(--danger-fg); } .form-field:has(.radio.is-invalid) .invalid-feedback, .form-field:has(.radio.is-invalid) .invalid-tooltip { display: block; } [data-bs-validate] .form-field:has(.radio:user-invalid) label { color: var(--danger-fg); } [data-bs-validate] .form-field:has(.radio:user-invalid) .invalid-feedback, [data-bs-validate] .form-field:has(.radio:user-invalid) .invalid-tooltip { display: block; } .switch:has(input.is-invalid) { --switch-border-color: var(--danger-border); --switch-checked-bg: var(--danger-bg); --switch-checked-border-color: var(--danger-bg); } .switch:has(input.is-invalid):focus-within { outline: var(--focus-ring-width) solid var(--danger-focus-ring); outline-offset: var(--focus-ring-offset); } [data-bs-validate] .switch:has(input:user-invalid) { --switch-border-color: var(--danger-border); --switch-checked-bg: var(--danger-bg); --switch-checked-border-color: var(--danger-bg); } [data-bs-validate] .switch:has(input:user-invalid):focus-within { outline: var(--focus-ring-width) solid var(--danger-focus-ring); outline-offset: var(--focus-ring-offset); } .form-field:has(.switch input.is-invalid) label { color: var(--danger-fg); } .form-field:has(.switch input.is-invalid) .invalid-feedback, .form-field:has(.switch input.is-invalid) .invalid-tooltip { display: block; } [data-bs-validate] .form-field:has(.switch input:user-invalid) label { color: var(--danger-fg); } [data-bs-validate] .form-field:has(.switch input:user-invalid) .invalid-feedback, [data-bs-validate] .form-field:has(.switch input:user-invalid) .invalid-tooltip { display: block; } .chip-input:has(.form-ghost.is-invalid) { border-color: var(--danger-border); } .chip-input:has(.form-ghost.is-invalid):focus-within { outline: var(--focus-ring-width) solid var(--danger-focus-ring); outline-offset: var(--focus-ring-offset); border-color: var(--danger-border); } .chip-input:has(.form-ghost.is-invalid) ~ .invalid-feedback, .chip-input:has(.form-ghost.is-invalid) ~ .invalid-tooltip { display: block; } [data-bs-validate] .chip-input:has(.form-ghost:user-invalid) { border-color: var(--danger-border); } [data-bs-validate] .chip-input:has(.form-ghost:user-invalid):focus-within { outline: var(--focus-ring-width) solid var(--danger-focus-ring); outline-offset: var(--focus-ring-offset); border-color: var(--danger-border); } [data-bs-validate] .chip-input:has(.form-ghost:user-invalid) ~ .invalid-feedback, [data-bs-validate] .chip-input:has(.form-ghost:user-invalid) ~ .invalid-tooltip { display: block; } .form-adorn:has(.form-ghost.is-invalid) { border-color: var(--danger-border); } .form-adorn:has(.form-ghost.is-invalid):focus-within { outline: var(--focus-ring-width) solid var(--danger-focus-ring); outline-offset: var(--focus-ring-offset); border-color: var(--danger-border); } .form-adorn:has(.form-ghost.is-invalid) ~ .invalid-feedback, .form-adorn:has(.form-ghost.is-invalid) ~ .invalid-tooltip { display: block; } [data-bs-validate] .form-adorn:has(.form-ghost:user-invalid) { border-color: var(--danger-border); } [data-bs-validate] .form-adorn:has(.form-ghost:user-invalid):focus-within { outline: var(--focus-ring-width) solid var(--danger-focus-ring); outline-offset: var(--focus-ring-offset); border-color: var(--danger-border); } [data-bs-validate] .form-adorn:has(.form-ghost:user-invalid) ~ .invalid-feedback, [data-bs-validate] .form-adorn:has(.form-ghost:user-invalid) ~ .invalid-tooltip { display: block; } .form-range-input.is-invalid::-webkit-slider-thumb { background: var(--danger-bg); } .form-range-input.is-invalid::-moz-range-thumb { background: var(--danger-bg); } .form-range-input.is-invalid:focus-visible::-webkit-slider-thumb { outline: var(--focus-ring-width) solid var(--danger-focus-ring); outline-offset: var(--focus-ring-offset); } .form-range-input.is-invalid:focus-visible::-moz-range-thumb { outline: var(--focus-ring-width) solid var(--danger-focus-ring); outline-offset: var(--focus-ring-offset); } [data-bs-validate] .form-range-input:user-invalid::-webkit-slider-thumb { background: var(--danger-bg); } [data-bs-validate] .form-range-input:user-invalid::-moz-range-thumb { background: var(--danger-bg); } [data-bs-validate] .form-range-input:user-invalid:focus-visible::-webkit-slider-thumb { outline: var(--focus-ring-width) solid var(--danger-focus-ring); outline-offset: var(--focus-ring-offset); } [data-bs-validate] .form-range-input:user-invalid:focus-visible::-moz-range-thumb { outline: var(--focus-ring-width) solid var(--danger-focus-ring); outline-offset: var(--focus-ring-offset); } .form-range:has(.form-range-input.is-invalid) ~ .invalid-feedback, .form-range:has(.form-range-input.is-invalid) ~ .invalid-tooltip { display: block; } .form-field:has(.input-group .form-control.is-invalid) .invalid-feedback, .form-field:has(.input-group .form-control.is-invalid) .invalid-tooltip { display: block; } [data-bs-validate] .form-field:has(.input-group .form-control:user-invalid) .invalid-feedback, [data-bs-validate] .form-field:has(.input-group .form-control:user-invalid) .invalid-tooltip { display: block; } .input-group > .form-control:not(:focus).is-invalid, .input-group > .form-floating:not(:focus-within).is-invalid { z-index: 4; } [data-bs-validate] .input-group > .form-control:not(:focus), .input-group > .form-floating:not(:focus-within):user-invalid { z-index: 4; } .otp.is-invalid .otp-slot { --otp-slot-border-color: var(--danger-border); } .otp.is-invalid .otp-slot-active { outline: var(--focus-ring-width) solid var(--danger-focus-ring); outline-offset: var(--focus-ring-offset); } [data-bs-validate] .otp:user-invalid .otp-slot { --otp-slot-border-color: var(--danger-border); } [data-bs-validate] .otp:user-invalid .otp-slot-active { outline: var(--focus-ring-width) solid var(--danger-focus-ring); outline-offset: var(--focus-ring-offset); } } @layer components { .btn, .btn-link, .btn-icon, .btn-solid, .btn-outline, .btn-subtle, .btn-text { --btn-gap: var(--btn-input-gap); --btn-min-height: var(--btn-input-min-height); --btn-padding-x: var(--btn-input-padding-x); --btn-padding-y: var(--btn-input-padding-y); --btn-font-size: var(--btn-input-font-size); --btn-font-weight: var(--btn-input-font-weight); --btn-line-height: var(--btn-input-line-height); --btn-color: var(--fg-body); --btn-white-space: nowrap; --btn-border-width: var(--border-width); --btn-border-color: transparent; --btn-border-radius: var(--radius-5); --btn-hover-border-color: transparent; --btn-disabled-opacity: 0.65; --btn-transition-property: color, background-color, border-color, box-shadow; --btn-transition-duration: 0.15s; --btn-transition-timing: ease-in-out; display: inline-flex; gap: var(--btn-gap); align-items: center; justify-content: center; min-height: var(--btn-min-height); padding: var(--btn-padding-y) var(--btn-padding-x); font-size: var(--btn-font-size); font-weight: var(--btn-font-weight); line-height: var(--btn-line-height); color: var(--btn-color); text-decoration: none; white-space: var(--btn-white-space); vertical-align: middle; cursor: pointer; user-select: none; background-color: var(--btn-bg, var(--bg-2)); border: var(--btn-border-width) solid var(--btn-border-color); border-radius: var(--btn-border-radius); } @media (prefers-reduced-motion: no-preference) { .btn, .btn-link, .btn-icon, .btn-solid, .btn-outline, .btn-subtle, .btn-text { transition-timing-function: var(--btn-transition-timing); transition-duration: var(--btn-transition-duration); transition-property: var(--btn-transition-property); } } .btn:hover, .btn-link:hover, .btn-icon:hover, .btn-solid:hover, .btn-outline:hover, .btn-subtle:hover, .btn-text:hover { color: var(--btn-hover-color); background-color: var(--btn-hover-bg, var(--bg-3)); border-color: var(--btn-hover-border-color); } .btn:focus-visible, .btn-link:focus-visible, .btn-icon:focus-visible, .btn-solid:focus-visible, .btn-outline:focus-visible, .btn-subtle:focus-visible, .btn-text:focus-visible { outline: var(--focus-ring); outline-offset: var(--focus-ring-offset); --focus-ring-offset: 1px; } .btn.active, .btn.show, .btn-link.active, .btn-link.show, .btn-icon.active, .btn-icon.show, .btn-solid.active, .btn-solid.show, .btn-outline.active, .btn-outline.show, .btn-subtle.active, .btn-subtle.show, .btn-text.active, .btn-text.show { color: var(--btn-active-color); background-color: var(--btn-active-bg, var(--bg-3)); border-color: var(--btn-active-border-color); } .btn.active:focus-visible, .btn.show:focus-visible, .btn-link.active:focus-visible, .btn-link.show:focus-visible, .btn-icon.active:focus-visible, .btn-icon.show:focus-visible, .btn-solid.active:focus-visible, .btn-solid.show:focus-visible, .btn-outline.active:focus-visible, .btn-outline.show:focus-visible, .btn-subtle.active:focus-visible, .btn-subtle.show:focus-visible, .btn-text.active:focus-visible, .btn-text.show:focus-visible { outline: var(--focus-ring); outline-offset: var(--focus-ring-offset); } .btn:disabled, .btn.disabled, fieldset:disabled .btn, .btn-link:disabled, .btn-link.disabled, fieldset:disabled .btn-link, .btn-icon:disabled, .btn-icon.disabled, fieldset:disabled .btn-icon, .btn-solid:disabled, .btn-solid.disabled, fieldset:disabled .btn-solid, .btn-outline:disabled, .btn-outline.disabled, fieldset:disabled .btn-outline, .btn-subtle:disabled, .btn-subtle.disabled, fieldset:disabled .btn-subtle, .btn-text:disabled, .btn-text.disabled, fieldset:disabled .btn-text { color: var(--btn-disabled-color); pointer-events: none; background-color: var(--btn-disabled-bg, var(--bg-1)); background-image: none; border-color: var(--btn-disabled-border-color); opacity: var(--btn-disabled-opacity); } .btn-solid { --btn-bg: var(--theme-bg); --btn-color: var(--theme-contrast); --btn-border-color: var(--theme-bg); --btn-active-bg: oklch(from var(--theme-bg) calc(l * .9) calc(c * 1.15) h); --btn-active-border-color: oklch(from var(--theme-bg) calc(l * .9) calc(c * 1.15) h); --btn-active-color: oklch(from var(--theme-contrast) calc(l * .9) calc(c * 1.15) h); --btn-disabled-bg: var(--theme-bg); --btn-disabled-color: var(--theme-contrast); --btn-disabled-border-color: var(--theme-bg); } .btn-solid:hover { --btn-hover-bg: oklch(from var(--theme-bg) calc(l * .95) calc(c * 1.1) h); --btn-hover-border-color: oklch(from var(--theme-bg) calc(l * .95) calc(c * 1.1) h); --btn-hover-color: oklch(from var(--theme-contrast) calc(l * .95) calc(c * 1.1) h); } .btn-solid:focus-visible { outline-color: var(--theme-focus-ring); } .btn-solid:active, .btn-solid.active, .btn-solid.btn-check:has(input:checked) { --btn-active-bg: oklch(from var(--theme-bg) calc(l * .9) calc(c * 1.15) h); --btn-active-border-color: oklch(from var(--theme-bg) calc(l * .9) calc(c * 1.15) h); --btn-active-color: oklch(from var(--theme-contrast) calc(l * .9) calc(c * 1.15) h); } .btn-solid:disabled, .btn-solid.disabled, .btn-solid.btn-check:has(input:disabled) { --btn-disabled-bg: var(--theme-bg); --btn-disabled-color: var(--theme-contrast); --btn-disabled-border-color: var(--theme-bg); } .btn-outline { --btn-bg: transparent; --btn-color: var(--theme-fg); --btn-border-color: var(--theme-border); --btn-active-bg: oklch(from var(--theme-bg) calc(l * .9) calc(c * 1.15) h); --btn-active-color: oklch(from var(--theme-contrast) calc(l * .9) calc(c * 1.15) h); --btn-active-border-color: oklch(from var(--theme-bg) calc(l * .9) calc(c * 1.15) h); --btn-disabled-bg: transparent; --btn-disabled-color: var(--theme-fg); --btn-disabled-border-color: var(--theme-border); } .btn-outline:hover { --btn-hover-bg: oklch(from var(--theme-bg) calc(l * .95) calc(c * 1.1) h); --btn-hover-color: oklch(from var(--theme-contrast) calc(l * .95) calc(c * 1.1) h); --btn-hover-border-color: oklch(from var(--theme-bg) calc(l * .95) calc(c * 1.1) h); } .btn-outline:focus-visible { outline-color: var(--theme-focus-ring); } .btn-outline:active, .btn-outline.active, .btn-outline.btn-check:has(input:checked) { --btn-active-bg: oklch(from var(--theme-bg) calc(l * .9) calc(c * 1.15) h); --btn-active-color: oklch(from var(--theme-contrast) calc(l * .9) calc(c * 1.15) h); --btn-active-border-color: oklch(from var(--theme-bg) calc(l * .9) calc(c * 1.15) h); } .btn-outline:disabled, .btn-outline.disabled, .btn-outline.btn-check:has(input:disabled) { --btn-disabled-bg: transparent; --btn-disabled-color: var(--theme-fg); --btn-disabled-border-color: var(--theme-border); } .btn-subtle { --btn-bg: var(--theme-bg-subtle); --btn-color: var(--theme-fg); --btn-border-color: transparent; --btn-active-bg: var(--theme-bg-subtle); --btn-active-color: oklch(from var(--theme-fg-emphasis) calc(l * .9) calc(c * 1.15) h); --btn-disabled-bg: var(--theme-bg-subtle); --btn-disabled-color: var(--theme-fg); --btn-disabled-border-color: transparent; } .btn-subtle:hover { --btn-hover-bg: color-mix(in oklch, var(--theme-bg-muted) 50%, var(--theme-bg-subtle)); --btn-hover-color: oklch(from var(--theme-fg-emphasis) calc(l * .95) calc(c * 1.1) h); } .btn-subtle:focus-visible { outline-color: var(--theme-focus-ring); } .btn-subtle:active, .btn-subtle.active, .btn-subtle.btn-check:has(input:checked) { --btn-active-bg: var(--theme-bg-subtle); --btn-active-color: oklch(from var(--theme-fg-emphasis) calc(l * .9) calc(c * 1.15) h); } .btn-subtle:disabled, .btn-subtle.disabled, .btn-subtle.btn-check:has(input:disabled) { --btn-disabled-bg: var(--theme-bg-subtle); --btn-disabled-color: var(--theme-fg); --btn-disabled-border-color: transparent; } .btn-text { --btn-color: var(--theme-fg); --btn-bg: transparent; --btn-border-color: transparent; --btn-active-color: oklch(from var(--theme-fg) calc(l * .9) calc(c * 1.15) h); --btn-active-bg: var(--theme-bg-subtle); --btn-disabled-color: var(--theme-fg); --btn-disabled-bg: transparent; --btn-disabled-border-color: transparent; } .btn-text:hover { --btn-hover-color: oklch(from var(--theme-fg) calc(l * .95) calc(c * 1.1) h); --btn-hover-bg: var(--theme-bg-subtle); } .btn-text:focus-visible { outline-color: var(--theme-focus-ring); } .btn-text:active, .btn-text.active, .btn-text.btn-check:has(input:checked) { --btn-active-color: oklch(from var(--theme-fg) calc(l * .9) calc(c * 1.15) h); --btn-active-bg: var(--theme-bg-subtle); } .btn-text:disabled, .btn-text.disabled, .btn-text.btn-check:has(input:disabled) { --btn-disabled-color: var(--theme-fg); --btn-disabled-bg: transparent; --btn-disabled-border-color: transparent; } .btn-link { --btn-font-weight: var(--font-weight-normal); --btn-color: var(--link-color); --btn-bg: transparent; --btn-border-color: transparent; --btn-hover-color: var(--link-hover-color); --btn-hover-bg: transparent; --btn-hover-border-color: transparent; --btn-active-color: var(--link-hover-color); --btn-active-bg: transparent; --btn-active-border-color: transparent; --btn-disabled-color: var(--fg-3); --btn-disabled-border-color: transparent; color: var(--theme-fg, var(--btn-color)); text-decoration: var(--link-decoration); background-image: none; } .btn-link:focus-visible { color: var(--theme-fg, var(--btn-color)); } .btn-link:hover { color: var(--theme-fg-emphasis, var(--btn-hover-color)); } .btn-xs, .btn-group-xs > [class*=btn-] { --btn-gap: var(--btn-input-xs-gap); --btn-min-height: var(--btn-input-xs-min-height); --btn-padding-y: var(--btn-input-xs-padding-y); --btn-padding-x: var(--btn-input-xs-padding-x); --btn-font-size: var(--btn-input-xs-font-size); --btn-line-height: var(--btn-input-xs-line-height); --btn-border-radius: var(--btn-input-xs-border-radius); } .btn-sm, .btn-group-sm > [class*=btn-] { --btn-gap: var(--btn-input-sm-gap); --btn-min-height: var(--btn-input-sm-min-height); --btn-padding-y: var(--btn-input-sm-padding-y); --btn-padding-x: var(--btn-input-sm-padding-x); --btn-font-size: var(--btn-input-sm-font-size); --btn-line-height: var(--btn-input-sm-line-height); --btn-border-radius: var(--btn-input-sm-border-radius); } .btn-lg, .btn-group-lg > [class*=btn-] { --btn-gap: var(--btn-input-lg-gap); --btn-min-height: var(--btn-input-lg-min-height); --btn-padding-y: var(--btn-input-lg-padding-y); --btn-padding-x: var(--btn-input-lg-padding-x); --btn-font-size: var(--btn-input-lg-font-size); --btn-line-height: var(--btn-input-lg-line-height); --btn-border-radius: var(--btn-input-lg-border-radius); } .btn-icon { align-items: center; justify-content: center; aspect-ratio: 1; padding: 0; } .btn-check > input { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .btn-check:has(input:checked) { color: var(--btn-active-color); background-color: var(--btn-active-bg, var(--bg-3)); background-image: none; border-color: var(--btn-active-border-color); box-shadow: var(--btn-active-shadow); } .btn-check:has(input:focus-visible) { outline: var(--focus-ring); outline-offset: var(--focus-ring-offset); --focus-ring-offset: 1px; } .btn-check:has(input:disabled) { color: var(--btn-disabled-color); pointer-events: none; background-color: var(--btn-disabled-bg, var(--bg-1)); background-image: none; border-color: var(--btn-disabled-border-color); opacity: var(--btn-disabled-opacity); box-shadow: none; } .btn-styled { --btn-gradient-start: rgba(255, 255, 255, 0.125); --btn-gradient-end: rgba(0, 0, 0, 0.075); --btn-border-mix-color: #000; --btn-border-mix-amount: 10%; --btn-border-hover-mix-amount: 12.5%; --btn-border-active-mix-amount: 20%; --btn-shadow: 0 1px 2px rgb(0 0 0 / 15%), inset 0 1px 0 rgb(255 255 255 / 10%); --btn-active-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15); background-image: linear-gradient(to bottom, var(--btn-gradient-start), var(--btn-gradient-end)); border-color: color-mix(in lab, var(--theme-bg), var(--btn-border-mix-color) var(--btn-border-mix-amount)); box-shadow: var(--btn-shadow); } .btn-styled:hover { background-image: linear-gradient(to bottom, var(--btn-gradient-start), var(--btn-gradient-end)); border-color: color-mix(in lab, var(--theme-bg), var(--btn-border-mix-color) var(--btn-border-hover-mix-amount)); } .btn-styled:active, .btn-styled.active, .btn-styled.show { background-image: none; border-color: color-mix(in lab, var(--theme-bg), var(--btn-border-mix-color) var(--btn-border-active-mix-amount)); box-shadow: var(--btn-active-shadow); } .btn-styled:disabled, .btn-styled.disabled { background-image: none; box-shadow: none; } } @layer components { .btn-group, .btn-group-vertical { position: relative; display: inline-flex; vertical-align: middle; } .btn-group > [class*=btn-], .btn-group-vertical > [class*=btn-] { position: relative; flex: 1 1 auto; } .btn-group > [class*=btn-]:hover, .btn-group-vertical > [class*=btn-]:hover { z-index: 1; } .btn-group > .btn-check:has(input:checked), .btn-group > [class*=btn-]:active, .btn-group > [class*=btn-].active, .btn-group-vertical > .btn-check:has(input:checked), .btn-group-vertical > [class*=btn-]:active, .btn-group-vertical > [class*=btn-].active { z-index: 2; } .btn-group > .btn-check:has(input:focus), .btn-group > [class*=btn-]:focus, .btn-group-vertical > .btn-check:has(input:focus), .btn-group-vertical > [class*=btn-]:focus { z-index: 3; } .btn-group-divider > [class*=btn-] + [class*=btn-]::before { position: absolute; z-index: 3; content: ""; background-color: var(--btn-color); opacity: 0.25; } .btn-group:where(.btn-group-divider) > [class*=btn-] + [class*=btn-]::before { inset-inline-start: calc(var(--btn-border-width) * -1); top: 25%; bottom: 25%; width: var(--btn-border-width); } .btn-group-vertical:where(.btn-group-divider) > [class*=btn-] + [class*=btn-]::before { top: calc(var(--btn-border-width) * -1); right: var(--btn-padding-x); left: var(--btn-padding-x); height: var(--btn-border-width); } .btn-toolbar { display: flex; flex-wrap: wrap; gap: 0.5rem; justify-content: flex-start; } .btn-toolbar .input-group { width: auto; } .btn-group { border-radius: var(--btn-border-radius); } .btn-group > [class*=btn-]:not(:first-child), .btn-group > .btn-group:not(:first-child) { margin-inline-start: calc(-1 * var(--btn-border-width)); } .btn-group > [class*=btn-]:not(:last-child, :has(+ .menu)), .btn-group > .btn-group:not(:last-child) > [class*=btn-] { border-start-end-radius: 0; border-end-end-radius: 0; } .btn-group > [class*=btn-]:not(:first-child), .btn-group > .btn-group:not(:first-child) > [class*=btn-] { border-start-start-radius: 0; border-end-start-radius: 0; } .btn-group-vertical { flex-direction: column; align-items: flex-start; justify-content: center; } .btn-group-vertical > [class*=btn-], .btn-group-vertical > .btn-group { width: 100%; } .btn-group-vertical > [class*=btn-]:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) { margin-top: calc(-1 * var(--btn-border-width)); } .btn-group-vertical > [class*=btn-]:not(:last-child, :has(+ .menu)), .btn-group-vertical > .btn-group:not(:last-child) > [class*=btn-] { border-end-start-radius: 0; border-end-end-radius: 0; } .btn-group-vertical > [class*=btn-]:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) > [class*=btn-] { border-start-start-radius: 0; border-start-end-radius: 0; } } @layer components { .btn-close { --btn-close-size: 1.25rem; --btn-close-color: inherit; --btn-close-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath d='M12 0a4 4 0 0 1 4 4v8a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4zm-.646 4.646a.5.5 0 0 0-.707 0L8 7.293 5.354 4.646a.5.5 0 1 0-.708.708L7.293 8l-2.647 2.647a.5.5 0 1 0 .708.707L8 8.707l2.647 2.646a.5.5 0 1 0 .707-.707L8.707 8l2.646-2.646a.5.5 0 0 0 0-.708z'/%3e%3c/svg%3e"); --btn-close-opacity: 0.5; --btn-close-hover-opacity: 0.75; --btn-close-focus-opacity: 0.85; --btn-close-disabled-opacity: 0.25; box-sizing: content-box; min-width: var(--btn-close-size); min-height: var(--btn-close-size); padding: 0; color: var(--btn-close-color); background-color: currentcolor; border: 0; border-radius: var(--radius-4); opacity: var(--btn-close-opacity); mask-image: var(--btn-close-icon); mask-repeat: no-repeat; mask-position: center; mask-size: contain; } .btn-close:hover { color: var(--btn-close-color); text-decoration: none; opacity: var(--btn-close-hover-opacity); } .btn-close:focus-visible { opacity: var(--btn-close-focus-opacity); outline: var(--focus-ring); } .btn-close:disabled, .btn-close.disabled { pointer-events: none; user-select: none; opacity: var(--btn-close-disabled-opacity); } } @layer components { .accordion { --accordion-padding-x: 1.25rem; --accordion-padding-y: 1rem; --accordion-color: var(--fg-body); --accordion-bg: var(--bg-body); --accordion-transition-property: color, background-color, border-radius; --accordion-transition-duration: 0.15s; --accordion-transition-timing: ease-in-out; --accordion-panel-transition-property: content-visibility, block-size; --accordion-panel-transition-duration: 0.2s; --accordion-panel-transition-timing: ease; --accordion-border-color: var(--border-color); --accordion-border-width: var(--border-width); --accordion-border-radius: var(--accordion-radius, var(--radius-7)); --accordion-gap: 0; --accordion-btn-color: var(--fg-2); --accordion-btn-bg: var(--bg-body); --accordion-btn-icon-width: 1rem; --accordion-btn-icon-transform: rotate(-180deg); --accordion-btn-icon-transition: transform 0.2s ease-in-out; --accordion-active-color: var(--fg-body); --accordion-active-bg: var(--bg-2); } .accordion-header { display: flex; align-items: center; width: 100%; padding: var(--accordion-btn-padding-y, var(--accordion-padding-y)) var(--accordion-btn-padding-x, var(--accordion-padding-x)); font-size: var(--accordion-font-size, var(--body-font-size)); color: var(--accordion-btn-color); text-align: start; list-style: none; cursor: pointer; background-color: var(--accordion-btn-bg); } @media (prefers-reduced-motion: no-preference) { .accordion-header { transition-timing-function: var(--accordion-transition-timing); transition-duration: var(--accordion-transition-duration); transition-property: var(--accordion-transition-property); } } .accordion-header::-webkit-details-marker { display: none; } .accordion-header .accordion-icon { flex-shrink: 0; width: var(--accordion-btn-icon-width); height: var(--accordion-btn-icon-width); margin-inline-start: auto; color: currentcolor; } @media (prefers-reduced-motion: no-preference) { .accordion-header .accordion-icon { transition: var(--accordion-btn-icon-transition); } } .accordion-header:hover { z-index: 2; } .accordion-header:focus-visible { position: relative; z-index: 3; outline: var(--focus-ring); outline-offset: var(--focus-ring-offset); outline-offset: -1px; } .accordion-item { position: relative; color: var(--accordion-color); background-color: var(--accordion-bg); border: var(--accordion-border-width) solid var(--accordion-border-color); } @media (prefers-reduced-motion: no-preference) { .accordion-item { interpolate-size: allow-keywords; } } .accordion-item::details-content { block-size: 0; overflow-y: clip; } @media (prefers-reduced-motion: no-preference) { .accordion-item::details-content { transition-timing-function: var(--accordion-panel-transition-timing); transition-duration: var(--accordion-panel-transition-duration); transition-property: var(--accordion-panel-transition-property); transition-behavior: allow-discrete; } } .accordion-item:first-of-type { border-start-start-radius: var(--accordion-border-radius); border-start-end-radius: var(--accordion-border-radius); } .accordion-item:first-of-type > .accordion-header { border-start-start-radius: calc(var(--accordion-border-radius) - var(--accordion-border-width)); border-start-end-radius: calc(var(--accordion-border-radius) - var(--accordion-border-width)); } .accordion-item:not(:first-of-type) { margin-block-start: calc(-1 * var(--accordion-border-width)); } .accordion-item:last-of-type { border-end-start-radius: var(--accordion-border-radius); border-end-end-radius: var(--accordion-border-radius); } .accordion-item:last-of-type > .accordion-header { border-end-start-radius: calc(var(--accordion-border-radius) - var(--accordion-border-width)); border-end-end-radius: calc(var(--accordion-border-radius) - var(--accordion-border-width)); } .accordion-item:last-of-type > .accordion-body { border-end-start-radius: var(--accordion-border-radius); border-end-end-radius: var(--accordion-border-radius); } .accordion-item[open] { z-index: 2; border-color: var(--theme-border, var(--accordion-border-color)); } .accordion-item[open]::details-content { block-size: auto; } .accordion-item[open] > .accordion-header { color: var(--theme-fg, var(--accordion-active-color)); background-color: var(--theme-bg-subtle, var(--accordion-active-bg)); box-shadow: inset 0 calc(-1 * var(--accordion-border-width)) 0 var(--theme-border, var(--accordion-border-color)); } .accordion-item[open] > .accordion-header .accordion-icon { transform: var(--accordion-btn-icon-transform); } .accordion-item[open]:last-of-type > .accordion-header { border-end-start-radius: 0; border-end-end-radius: 0; } .accordion-body { padding: var(--accordion-body-padding-y, var(--accordion-padding-y)) var(--accordion-body-padding-x, var(--accordion-padding-x)); font-size: var(--accordion-font-size, var(--body-font-size)); } .accordion-sm { --accordion-padding-x: .875rem; --accordion-padding-y: .625rem; --accordion-border-radius: var(--radius-5); --accordion-font-size: var(--font-size-sm); } .accordion-gap { --accordion-gap: var(--spacer-2); display: flex; flex-direction: column; gap: var(--accordion-gap); } .accordion-gap > .accordion-item { margin-block-start: 0; overflow: clip; border-radius: var(--accordion-border-radius); } .accordion-gap > .accordion-item > .accordion-header, .accordion-gap > .accordion-item > .accordion-body { border-radius: 0; } .accordion-flush > .accordion-item { border-inline: 0; border-radius: 0; } .accordion-flush > .accordion-item:first-child { border-block-start: 0; } .accordion-flush > .accordion-item:last-child { border-block-end: 0; } .accordion-flush > .accordion-item > .accordion-header, .accordion-flush > .accordion-item > .accordion-body { border-radius: 0; } } @layer components { .alert { --alert-gap: var(--spacer-3); --alert-bg: var(--bg-1); --alert-padding-x: var(--spacer); --alert-padding-y: var(--spacer); --alert-color: inherit; --alert-border-color: var(--border-color); --alert-border-radius: var(--radius-7); --alert-link-color: inherit; --alert-transition-property: opacity; --alert-transition-duration: 0.15s; --alert-transition-timing: linear; --hr-border-color: var(--theme-border, var(--alert-border-color)); display: flex; gap: var(--alert-gap); align-items: start; padding: var(--alert-padding-y) var(--alert-padding-x); color: var(--theme-fg, var(--alert-color)); background-color: var(--theme-bg-subtle, var(--alert-bg)); border: var(--border-width) solid var(--theme-border, var(--alert-border-color)); border-radius: var(--alert-border-radius); } @media (prefers-reduced-motion: no-preference) { .alert:not(.alert-instant) { transition-timing-function: var(--alert-transition-timing); transition-duration: var(--alert-transition-duration); transition-property: var(--alert-transition-property); } } .alert.hiding { opacity: 0; } .alert > p { margin-bottom: 0; } .alert-heading { color: inherit; } .alert-link { font-weight: var(--font-weight-semibold); color: var(--alert-link-color); } } @layer components { .avatar { --avatar-size: 2.5rem; --avatar-border-radius: 50%; --avatar-border-width: 2px; --avatar-border-color: var(--bg-body); --avatar-bg: var(--bg-2); --avatar-color: var(--fg-body); --avatar-status-size: 0.75rem; --avatar-status-border-width: 2px; --avatar-status-border-color: var(--bg-body); --avatar-stack-spacing: -0.3; --avatar-stack-transition: transform .2s ease-in-out; position: relative; display: inline-flex; align-items: center; justify-content: center; width: var(--avatar-size); height: var(--avatar-size); font-size: calc(var(--avatar-size) * 0.4); font-weight: var(--avatar-font-weight, var(--font-weight-medium)); line-height: 1; color: var(--theme-contrast, var(--avatar-color)); text-transform: uppercase; vertical-align: middle; background-color: var(--theme-bg, var(--avatar-bg)); border-radius: var(--avatar-border-radius); } .avatar > .avatar-img { width: 100%; height: 100%; object-fit: cover; } .avatar-subtle { color: var(--theme-fg, var(--avatar-color)); background-color: var(--theme-bg-subtle, var(--avatar-bg)); } .avatar-img { border-radius: var(--avatar-border-radius, 50%); } .avatar-status { position: absolute; right: calc(var(--avatar-status-border-width) * -1); bottom: calc(var(--avatar-status-border-width) * -1); width: var(--avatar-status-size); height: var(--avatar-status-size); background-color: var(--gray-400); border: var(--avatar-status-border-width) solid var(--avatar-status-border-color); border-radius: 50%; } .avatar-status.status-online { background-color: var(--green-500); } .avatar-status.status-offline { background-color: var(--gray-400); border-radius: 20%; } .avatar-status.status-busy { background-color: var(--red-500); border-radius: 20%; } .avatar-status.status-away { background-color: var(--yellow-500); } .avatar-stack { display: inline-flex; flex-direction: row-reverse; } .avatar-stack .avatar { margin-left: calc(var(--avatar-size) * var(--avatar-stack-spacing)); border: var(--avatar-border-width) solid var(--avatar-border-color); mask-image: none; } @media (prefers-reduced-motion: no-preference) { .avatar-stack .avatar { transition: var(--avatar-stack-transition); } } .avatar-stack .avatar:last-child { margin-left: 0; } .avatar-stack .avatar:hover { z-index: 1; transform: translateY(-2px); } .avatar-xs, .avatar-stack-xs > .avatar { --avatar-size: 1.5rem; --avatar-status-size: 0.625rem; } .avatar-sm, .avatar-stack-sm > .avatar { --avatar-size: 2rem; } .avatar-lg, .avatar-stack-lg > .avatar { --avatar-size: 3rem; --avatar-status-size: 1rem; --avatar-border-width: 3px; } .avatar-xl, .avatar-stack-xl > .avatar { --avatar-size: 4rem; --avatar-status-size: 1.25rem; --avatar-border-width: 4px; } } @layer components { .badge { --badge-gap: 0.375em; --badge-padding-x: 0.625em; --badge-padding-y: 0.25em; --badge-font-size: clamp(12px, 0.75em, 0.75em); --badge-font-weight: var(--font-weight-semibold); --badge-color: inherit; --badge-bg: var(--bg-2); --badge-border-width: var(--border-width); --badge-border-color: transparent; --badge-border-radius: var(--radius-7); display: inline-flex; gap: var(--badge-gap); align-items: center; justify-content: center; min-height: 1.375rem; padding: var(--badge-padding-y) var(--badge-padding-x); font-size: var(--badge-font-size); font-weight: var(--badge-font-weight); line-height: 1; color: var(--theme-contrast, var(--badge-color)); text-align: center; white-space: nowrap; vertical-align: baseline; background-color: var(--theme-bg, var(--badge-bg)); border: var(--badge-border-width) solid var(--badge-border-color); border-radius: var(--badge-border-radius); } .badge:empty { display: none; } a.badge { text-decoration: none; } .btn .badge { position: relative; top: -1px; } .badge-subtle { --badge-color: var(--theme-fg); --badge-bg: var(--theme-bg-subtle); --badge-border-color: transparent; color: var(--badge-color); background-color: var(--badge-bg); border-color: var(--badge-border-color); } .badge-outline { --badge-color: var(--theme-fg); --badge-bg: transparent; --badge-border-color: var(--theme-border); color: var(--badge-color); background-color: var(--badge-bg); border-color: var(--badge-border-color); } .badge-lg { --badge-padding-x: 1rem; --badge-padding-y: .5rem; } } @layer components { .breadcrumb { --breadcrumb-font-size: inherit; --breadcrumb-bg: transparent; --breadcrumb-border-radius: var(--radius-5); --breadcrumb-divider-color: var(--fg-4); --breadcrumb-divider-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 16'%3e%3cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M2 2l4 6-4 6'/%3e%3c/svg%3e"); --breadcrumb-divider-width: 0.375rem; --breadcrumb-divider-height: 0.75rem; --breadcrumb-link-padding-x: 0.75rem; --breadcrumb-link-padding-y: 0.25rem; --breadcrumb-link-color: var(--fg-3); --breadcrumb-link-hover-color: var(--fg-2); --breadcrumb-link-hover-bg: var(--bg-1); --breadcrumb-link-active-color: var(--fg-1); --breadcrumb-link-border-radius: var(--radius-7); display: flex; flex-wrap: wrap; align-items: center; padding: var(--breadcrumb-padding-y, 0) var(--breadcrumb-padding-x, 0); margin-bottom: 0; font-size: var(--breadcrumb-font-size); list-style-type: ""; background-color: var(--breadcrumb-bg); border-radius: var(--breadcrumb-border-radius); } .breadcrumb-item { display: flex; } .breadcrumb-divider { margin-inline: calc(var(--breadcrumb-link-padding-x) / 4); color: var(--breadcrumb-divider-color); } .breadcrumb-divider:empty::before { display: block; width: var(--breadcrumb-divider-width); height: var(--breadcrumb-divider-height); content: ""; background-color: currentcolor; mask-image: var(--breadcrumb-divider-icon); mask-repeat: no-repeat; mask-position: center; mask-size: contain; } .breadcrumb-link { position: relative; display: flex; align-items: center; justify-content: center; min-height: 2.25rem; padding: var(--breadcrumb-link-padding-y) var(--breadcrumb-link-padding-x); color: var(--breadcrumb-link-color); text-decoration: none; border-radius: var(--breadcrumb-link-border-radius); } @media (prefers-reduced-motion: no-preference) { .breadcrumb-link { transition: 0.1s text-decoration-color ease-in-out; } } .breadcrumb-link:hover { z-index: 2; color: var(--breadcrumb-link-hover-color); background-color: var(--breadcrumb-link-hover-bg); } .breadcrumb-link.active { color: var(--breadcrumb-link-active-color); } } @layer components { .chip { --chip-height: 1.75rem; --chip-padding-x: 0.625rem; --chip-gap: 0.3125rem; --chip-border-radius: var(--radius-pill); --chip-img-size: 1.25rem; --chip-icon-size: 1rem; --chip-dismiss-size: 1rem; --chip-dismiss-opacity: 0.65; --chip-dismiss-hover-opacity: 1; --chip-color: var(--theme-fg, var(--fg-body)); --chip-bg: var(--theme-bg-subtle, var(--bg-2)); --chip-border-color: transparent; --chip-selected-color: var(--theme-contrast, var(--primary-contrast)); --chip-selected-bg: var(--theme-bg, var(--primary-bg)); --chip-selected-border-color: var(--theme-bg, var(--primary-bg)); display: inline-flex; gap: var(--chip-gap); align-items: center; height: var(--chip-height); padding-inline: var(--chip-padding-x); font-size: var(--chip-font-size, var(--font-size-sm)); font-weight: var(--chip-font-weight, var(--font-weight-base)); line-height: var(--chip-line-height, 1.25rem); color: var(--chip-color); text-decoration: none; white-space: nowrap; vertical-align: middle; cursor: pointer; background-color: var(--chip-bg); border: var(--border-width) solid var(--chip-border-color); border-radius: var(--chip-border-radius); } .chip:hover { --chip-bg: var(--theme-bg-muted, var(--bg-3)); } .chip:focus-visible { outline: 0; } .chip.active { --chip-color: var(--chip-selected-color); --chip-bg: var(--chip-selected-bg); --chip-border-color: var(--chip-selected-border-color); } .chip.active:hover { --chip-bg: var(--chip-selected-bg); opacity: 0.9; } .chip.disabled, .chip:disabled { pointer-events: none; opacity: 0.65; } .chip-img { width: var(--chip-img-size); height: var(--chip-img-size); border-radius: 50%; } .chip-img:first-child { margin-inline-start: -0.375rem; } .chip-icon { display: flex; flex-shrink: 0; align-items: center; justify-content: center; margin-inline-start: calc(var(--chip-gap) * -0.25); } .chip-icon > svg { display: block; width: var(--chip-icon-size); height: var(--chip-icon-size); } .chip-icon > img { width: var(--chip-icon-size); height: var(--chip-icon-size); object-fit: cover; border-radius: 50%; } .chip-dismiss { display: flex; flex-shrink: 0; align-items: center; justify-content: center; width: var(--chip-dismiss-size); height: var(--chip-dismiss-size); padding: 0; margin-inline-end: calc(var(--chip-padding-x) * -0.25); color: inherit; cursor: pointer; background: transparent; border: 0; opacity: var(--chip-dismiss-opacity); } .chip-dismiss:hover { opacity: var(--chip-dismiss-hover-opacity); } .chip-dismiss:focus-visible { outline: 0; opacity: 1; outline: var(--focus-ring); } .chip-dismiss > svg { display: block; width: var(--chip-dismiss-size); height: var(--chip-dismiss-size); } } @layer components { .card { --card-spacer-y: var(--spacer-6); --card-spacer-x: var(--spacer-6); --card-subtitle-color: inherit; --card-border-width: var(--border-width); --card-border-color: var(--border-color); --card-border-radius: var(--radius-7); --card-box-shadow: none; --card-inner-border-radius: calc(var(--card-border-radius) - var(--border-width)); --card-cap-padding-y: var(--spacer-3); --card-cap-padding-x: var(--spacer-5); --card-cap-bg: var(--bg-1); --card-cap-color: inherit; --card-height: auto; --card-color: inherit; --card-bg: var(--bg-body); --card-img-overlay-padding: var(--card-spacer-y); --card-group-margin: 15px; --card-body-gap: calc(var(--card-spacer-y) * 0.5); position: relative; display: flex; flex-direction: column; min-width: 0; height: var(--card-height); color: var(--fg-body); word-wrap: break-word; background-color: var(--card-bg); border: var(--card-border-width) solid var(--theme-bg, var(--card-border-color)); border-radius: var(--card-border-radius); box-shadow: var(--card-box-shadow); } .card > hr { margin-inline: 0; } .card > :is(.card-img-top, .card-img-bottom, .card-body, .list-group) + :is(.card-body, .card-img-bottom, .list-group) { border-block-start: var(--card-border-width) solid var(--theme-bg, var(--card-border-color)); } .card > .list-group:first-child { border-start-start-radius: var(--card-inner-border-radius); border-start-end-radius: var(--card-inner-border-radius); } .card > .list-group:last-child { border-end-start-radius: var(--card-inner-border-radius); border-end-end-radius: var(--card-inner-border-radius); } .card-body { display: flex; flex: 1 1 auto; flex-direction: column; gap: var(--card-body-gap); align-items: stretch; padding: var(--card-spacer-y) var(--card-spacer-x); color: var(--card-color); } .card-body > * { margin-block: 0; } .card-body > [class*=btn-] { align-self: start; } .card-subtitle { margin-top: calc(var(--card-body-gap) * -0.5); } .card-header { display: flex; flex-direction: column; padding: var(--card-cap-padding-y) var(--card-cap-padding-x); margin-bottom: 0; color: var(--theme-contrast, var(--card-cap-color)); background-color: var(--theme-bg, var(--card-cap-bg)); border-bottom: var(--card-border-width) solid var(--theme-bg, var(--card-border-color)); } .card-header:first-child { border-radius: var(--card-inner-border-radius) var(--card-inner-border-radius) 0 0; } .card-footer { padding: var(--card-cap-padding-y) var(--card-cap-padding-x); color: var(--card-cap-color); background-color: var(--theme-bg, var(--card-cap-bg)); border-top: var(--card-border-width) solid var(--theme-bg, var(--card-border-color)); } .card-footer:last-child { border-radius: 0 0 var(--card-inner-border-radius) var(--card-inner-border-radius); } .card-translucent { background-color: color-mix(in oklch, var(--card-bg) 80%, transparent); backdrop-filter: blur(5px) saturate(180%); } .card-translucent .card-header, .card-translucent .card-footer { background-color: color-mix(in oklch, var(--card-cap-bg) 60%, transparent); } .card-subtle { border-color: var(--theme-border, var(--card-border-color)); } .card-subtle .card-header { color: var(--theme-fg-emphasis, currentcolor); background-color: var(--theme-bg-subtle, var(--card-cap-bg)); border-color: var(--theme-border, var(--card-border-color)); } .card-subtle .card-footer { color: var(--theme-fg-emphasis, currentcolor); background-color: var(--theme-bg-subtle, var(--card-cap-bg)); border-color: var(--theme-border, var(--card-border-color)); } .card-subtle > :is(.card-body, .list-group) { border-color: var(--theme-border, var(--card-border-color)); } .nav.card-header-tabs { margin-inline: calc(-0.5 * var(--card-cap-padding-x)); margin-bottom: calc(-1 * var(--card-cap-padding-y) - var(--nav-tabs-border-width)); border-block-end: 0; } .nav.card-header-tabs .nav-link.active { background-color: var(--card-bg); border-block-end-color: var(--card-bg); } .card-img-overlay { position: absolute; inset: 0; padding: var(--card-img-overlay-padding); border-radius: var(--card-inner-border-radius); } .card-img, .card-img-top, .card-img-bottom { width: 100%; } .card-img { border-radius: var(--radius-5); outline: var(--card-border-width) solid var(--card-border-color); outline-offset: calc(var(--card-border-width) * -1); } .card-img-top { border-start-start-radius: var(--card-inner-border-radius); border-start-end-radius: var(--card-inner-border-radius); } .card-img-bottom { border-end-start-radius: var(--card-inner-border-radius); border-end-end-radius: var(--card-inner-border-radius); } .card-row { flex-direction: row; } .card-row > :is(.card-img-start, .card-img-end, .card-body, .list-group) + :is(.card-body, .card-img-end, .list-group) { border-block-start: 0; border-inline-start: var(--card-border-width) solid var(--theme-bg, var(--card-border-color)); } .card-row > .list-group:first-child { border-start-start-radius: var(--card-inner-border-radius); border-end-start-radius: var(--card-inner-border-radius); } .card-row > .list-group:last-child { border-start-end-radius: var(--card-inner-border-radius); border-end-end-radius: var(--card-inner-border-radius); } .card-img-start { border-start-start-radius: var(--card-inner-border-radius); border-end-start-radius: var(--card-inner-border-radius); } .card-img-end { border-start-end-radius: var(--card-inner-border-radius); border-end-end-radius: var(--card-inner-border-radius); } .card-group > .card { margin-bottom: var(--card-group-margin); } @container (width >= 576px) { .card-group { display: flex; flex-flow: row wrap; } .card-group > .card { flex: 1 0 0; margin-bottom: 0; } .card-group > .card + .card { border-inline-start-width: 0; } .card-group > .card:not(:last-child) { border-start-end-radius: 0; border-end-end-radius: 0; } .card-group > .card:not(:last-child) > .card-img-top, .card-group > .card:not(:last-child) > .card-header, .card-group > .card:not(:last-child) > .list-group { border-start-end-radius: 0; } .card-group > .card:not(:last-child) > .card-img-bottom, .card-group > .card:not(:last-child) > .card-footer, .card-group > .card:not(:last-child) > .list-group { border-end-end-radius: 0; } .card-group > .card:not(:first-child) { border-start-start-radius: 0; border-end-start-radius: 0; } .card-group > .card:not(:first-child) > .card-img-top, .card-group > .card:not(:first-child) > .card-header, .card-group > .card:not(:first-child) > .list-group { border-start-start-radius: 0; } .card-group > .card:not(:first-child) > .card-img-bottom, .card-group > .card:not(:first-child) > .card-footer, .card-group > .card:not(:first-child) > .list-group { border-end-start-radius: 0; } } } @layer components { .carousel { --carousel-gap: 0.75rem; --carousel-indicator-bg: var(--fg-3); --carousel-indicator-width: 0.75rem; --carousel-indicator-height: 0.75rem; --carousel-indicator-spacer: 0.25rem; --carousel-indicator-opacity-duration: 0.6s; --carousel-indicator-opacity-timing: ease; --carousel-indicator-width-duration: 0.3s; --carousel-indicator-width-timing: ease; --carousel-indicator-progress-bg: var(--carousel-indicator-bg); --carousel-control-icon-width: 1rem; --carousel-control-prev-icon: url("data:image/svg+xml,"); --carousel-control-next-icon: url("data:image/svg+xml,"); --carousel-control-pause-icon: url("data:image/svg+xml,"); --carousel-control-play-icon: url("data:image/svg+xml,"); --carousel-items: 1; --carousel-items-gap: 0px; --carousel-items-peek: 0px; --carousel-fade-duration: 0.6s; --carousel-fade-timing: ease; position: relative; display: flex; flex-direction: column; gap: var(--carousel-gap); } .carousel-inner { display: flex; gap: var(--carousel-items-gap); width: 100%; padding-inline: var(--carousel-items-peek); overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scroll-padding-inline: var(--carousel-items-peek); scrollbar-width: none; } .carousel-inner::-webkit-scrollbar { display: none; } @media (prefers-reduced-motion: no-preference) { .carousel-inner { scroll-behavior: smooth; } } .carousel-item { flex: 0 0 calc((100% - (var(--carousel-items) - 1) * var(--carousel-items-gap)) / var(--carousel-items)); min-width: 0; scroll-snap-align: start; scroll-snap-stop: always; } .carousel-center .carousel-item { scroll-snap-align: center; } .carousel-auto .carousel-item { flex-basis: auto; } .carousel-fade .carousel-inner { display: grid; overflow: hidden; scroll-snap-type: none; } .carousel-fade .carousel-item { grid-area: 1/1; width: 100%; visibility: hidden; opacity: 0; } @media (prefers-reduced-motion: no-preference) { .carousel-fade .carousel-item { transition: opacity var(--carousel-fade-duration) var(--carousel-fade-timing), visibility 0s linear var(--carousel-fade-duration); } } .carousel-fade .carousel-item.active { visibility: visible; opacity: 1; } @media (prefers-reduced-motion: no-preference) { .carousel-fade .carousel-item.active { transition: opacity var(--carousel-fade-duration) var(--carousel-fade-timing); } } .carousel-icon-prev, .carousel-icon-next, .carousel-icon-pause, .carousel-icon-play { display: inline-block; width: var(--carousel-control-icon-width); height: var(--carousel-control-icon-width); background-color: currentcolor; mask-repeat: no-repeat; mask-position: 50%; mask-size: 100% 100%; } .carousel-icon-prev { mask-image: var(--carousel-control-prev-icon); } .carousel-icon-next { mask-image: var(--carousel-control-next-icon); } [dir=rtl] .carousel-icon-prev, [dir=rtl] .carousel-icon-next { transform: scaleX(-1); } .carousel-icon-pause { mask-image: var(--carousel-control-pause-icon); } .carousel-icon-play { mask-image: var(--carousel-control-play-icon); } .carousel-control-play-pause .carousel-icon-play { display: none; } .carousel-control-play-pause.paused .carousel-icon-pause { display: none; } .carousel-control-play-pause.paused .carousel-icon-play { display: inline-block; } .carousel-indicators { display: flex; gap: var(--carousel-indicator-spacer); justify-content: center; } .carousel-indicators [data-bs-target] { flex: 0 1 auto; width: var(--carousel-indicator-width); height: var(--carousel-indicator-height); padding: 0; cursor: pointer; background-color: transparent; border: 1px solid var(--carousel-indicator-bg); border-radius: var(--carousel-indicator-width); } @media (prefers-reduced-motion: no-preference) { .carousel-indicators [data-bs-target] { transition: opacity var(--carousel-indicator-opacity-duration) var(--carousel-indicator-opacity-timing), width var(--carousel-indicator-width-duration) var(--carousel-indicator-width-timing); } } .carousel-indicators .active { width: calc(var(--carousel-indicator-width) * 2.5); background-color: var(--carousel-indicator-bg); border-color: var(--carousel-indicator-bg); } @keyframes carousel-indicator-progress { from { inline-size: 0; } to { inline-size: 100%; } } @media (prefers-reduced-motion: no-preference) { .carousel-playing .carousel-indicators .active { position: relative; overflow: hidden; background-color: transparent; } .carousel-playing .carousel-indicators .active::after { position: absolute; inset-block: 0; inset-inline-start: 0; inline-size: 0; content: ""; background-color: var(--carousel-indicator-progress-bg); animation: carousel-indicator-progress var(--carousel-interval, 5000ms) linear forwards; } } .carousel-overlay { --carousel-indicator-bg: light-dark(var(--white), var(--black)); } .carousel-overlay .carousel-overlay-controls { position: absolute; inset-block-end: 1rem; inset-inline: 1rem; z-index: 1; display: flex; align-items: center; justify-content: space-between; } } @layer components { [data-vc=calendar] { --datepicker-padding: 1rem; --datepicker-bg: var(--bg-body); --datepicker-color: var(--fg-body); --datepicker-border-color: var(--border-color-translucent); --datepicker-border-width: var(--border-width); --datepicker-border-radius: var(--radius-7); --datepicker-box-shadow: var(--box-shadow); --datepicker-font-size: var(--font-size-sm); --datepicker-min-width: 280px; --datepicker-zindex: var(--z-menu); --datepicker-header-font-weight: 600; --datepicker-weekday-color: var(--fg-3); --datepicker-day-hover-bg: var(--bg-1); --datepicker-day-selected-bg: var(--primary-bg); --datepicker-day-selected-color: var(--primary-contrast); --datepicker-day-today-bg: var(--bg-2); --datepicker-day-today-color: var(--fg-1); --datepicker-day-disabled-color: var(--fg-4); position: absolute; z-index: var(--datepicker-zindex); box-sizing: border-box; display: flex; flex-direction: column; min-width: var(--datepicker-min-width); padding: var(--datepicker-padding); font-family: var(--body-font-family); font-size: var(--datepicker-font-size); color: var(--datepicker-color); color-scheme: light dark; background-color: var(--datepicker-bg); border: var(--datepicker-border-width) solid var(--datepicker-border-color); box-shadow: var(--datepicker-box-shadow); opacity: 1; border-radius: var(--datepicker-border-radius); } [data-vc=calendar][data-bs-theme=light] { color-scheme: light; } [data-vc=calendar][data-bs-theme=dark] { color-scheme: dark; } [data-vc=calendar] button:focus-visible { position: relative; z-index: 1; outline: var(--focus-ring); } [data-vc-calendar-hidden] { pointer-events: none; opacity: 0; } [data-vc=calendar]:not([data-vc-input]) { position: relative; width: fit-content; padding: 0; border: 0; box-shadow: none; } [data-vc-position=bottom] { margin-block-start: 0.25rem; } [data-vc-position=top] { margin-block-end: -0.25rem; } [data-vc-arrow] { position: relative; display: block; width: 2rem; height: 2rem; color: var(--datepicker-color); pointer-events: auto; cursor: pointer; background-color: transparent; border: 0; border-radius: var(--radius-5); } [data-vc-arrow]::before { position: absolute; inset: 0.25rem; content: ""; background-color: var(--datepicker-color); mask-image: url("data:image/svg+xml,"); mask-repeat: no-repeat; mask-position: center; } [data-vc-arrow]:hover { background-color: var(--datepicker-day-hover-bg); } [data-vc-arrow=prev]::before { transform: rotate(90deg); } [data-vc-arrow=next]::before { transform: rotate(-90deg); } [data-vc=controls] { position: absolute; top: 0; right: 0; left: 0; z-index: 20; display: flex; align-items: center; justify-content: space-between; padding-top: 1rem; padding-right: 1rem; padding-left: 1rem; pointer-events: none; } [data-vc=grid] { display: flex; flex-grow: 1; flex-wrap: wrap; gap: 1.75rem; } [data-vc=column] { display: flex; flex-grow: 1; flex-direction: column; min-width: 240px; } [data-vc=header] { position: relative; display: flex; align-items: center; margin-bottom: 0.75rem; } [data-vc-header=content] { display: inline-flex; flex-grow: 1; align-items: center; justify-content: center; white-space: pre-wrap; } [data-vc=month], [data-vc=year] { padding: 0.25rem 0.5rem; margin-inline: -0.125rem; font-size: 1rem; font-weight: var(--datepicker-header-font-weight); color: var(--datepicker-color); background-color: transparent; border: 0; border-radius: var(--radius-5); } [data-vc=month]:disabled, [data-vc=year]:disabled { color: var(--datepicker-day-disabled-color); pointer-events: none; } [data-vc=month]:hover:not(:disabled), [data-vc=year]:hover:not(:disabled) { background-color: var(--datepicker-day-hover-bg); } [data-vc=content] { display: flex; flex-grow: 1; flex-direction: column; } [data-vc=months], [data-vc=years] { display: flex; flex-grow: 1; flex-direction: column; row-gap: 1rem; } [data-vc-months=row], [data-vc-years=row] { display: grid; grid-template-columns: repeat(var(--vc-columns, 4), minmax(0, 1fr)); column-gap: 0.25rem; align-items: center; } [data-vc=years] { --vc-columns: 5; } [data-vc-months=cell], [data-vc-years=cell] { display: flex; } [data-vc-months-month], [data-vc-years-year] { display: flex; align-items: center; justify-content: center; width: 100%; height: 2.5rem; padding: 0.25rem; font-size: 0.75rem; font-weight: 600; line-height: 1rem; color: var(--datepicker-weekday-color); text-align: center; word-break: break-all; cursor: pointer; background-color: transparent; border: 0; border-radius: var(--radius-5); } [data-vc-months-month]:disabled, [data-vc-years-year]:disabled { color: var(--datepicker-day-disabled-color); pointer-events: none; } [data-vc-months-month]:hover:not(:disabled), [data-vc-years-year]:hover:not(:disabled) { background-color: var(--datepicker-day-hover-bg); } [data-vc-months-month][data-vc-months-month-selected], [data-vc-months-month][data-vc-years-year-selected], [data-vc-years-year][data-vc-months-month-selected], [data-vc-years-year][data-vc-years-year-selected] { color: var(--datepicker-day-selected-color); background-color: var(--datepicker-day-selected-bg); } [data-vc-months-month][data-vc-months-month-selected]:hover, [data-vc-months-month][data-vc-years-year-selected]:hover, [data-vc-years-year][data-vc-months-month-selected]:hover, [data-vc-years-year][data-vc-years-year-selected]:hover { color: var(--datepicker-day-selected-color); background-color: var(--datepicker-day-selected-bg); } [data-vc=week] { display: grid; grid-template-columns: repeat(7, 1fr); justify-items: center; margin-bottom: 0.5rem; } [data-vc-week-day] { display: flex; align-items: center; justify-content: center; width: 100%; min-width: 1.875rem; padding: 0; margin: 0; font-size: 0.75rem; font-weight: 600; line-height: 1rem; color: var(--datepicker-weekday-color); background-color: transparent; border: 0; } button[data-vc-week-day] { cursor: pointer; } [data-vc=dates] { pointer-events: none; } [data-vc-dates=row] { display: grid; grid-template-columns: repeat(7, 1fr); align-items: center; justify-items: center; width: 100%; } [data-vc-date] { position: relative; display: flex; align-items: center; justify-content: center; width: 100%; padding-top: 0.125rem; padding-bottom: 0.125rem; pointer-events: auto; } [data-vc-date]:not(:has([data-vc-date-btn])), [data-vc-date][data-vc-date-disabled], [data-vc-date][data-vc-date-disabled] [data-vc-date-btn] { pointer-events: none; } [data-vc-date-btn] { display: flex; align-items: center; justify-content: center; width: 100%; min-width: 1.875rem; height: 100%; min-height: 1.875rem; padding: 0; font-size: 0.75rem; font-weight: 400; line-height: 1rem; color: var(--datepicker-color); cursor: pointer; background-color: transparent; border: 0; border-radius: var(--radius-5); } [data-vc-date-btn]:hover { background-color: var(--datepicker-day-hover-bg); } [data-vc-date-today] [data-vc-date-btn] { font-weight: 600; color: var(--datepicker-day-today-color); background-color: var(--datepicker-day-today-bg); } [data-vc-date-month=next] [data-vc-date-btn], [data-vc-date-month=prev] [data-vc-date-btn] { opacity: 0.5; } [data-vc-date-disabled] [data-vc-date-btn] { color: var(--datepicker-day-disabled-color); } [data-vc-date-hover] [data-vc-date-btn] { background-color: var(--datepicker-day-hover-bg); border-radius: 0; } [data-vc-date-hover=first] [data-vc-date-btn] { border-start-start-radius: var(--radius-5); border-end-start-radius: var(--radius-5); } [data-vc-date-hover=last] [data-vc-date-btn] { border-start-end-radius: var(--radius-5); border-end-end-radius: var(--radius-5); } [data-vc-date-hover=first-and-last] [data-vc-date-btn] { border-radius: var(--radius-5); } [data-vc-date-selected=middle] [data-vc-date-btn] { border-radius: 0; opacity: 0.8; } [data-vc-date-selected] [data-vc-date-btn] { color: var(--datepicker-day-selected-color); background-color: var(--datepicker-day-selected-bg); } [data-vc-date-selected=first] [data-vc-date-btn] { border-top-left-radius: var(--radius-5); border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: var(--radius-5); } [data-vc-date-selected=last] [data-vc-date-btn] { border-top-left-radius: 0; border-top-right-radius: var(--radius-5); border-bottom-right-radius: var(--radius-5); border-bottom-left-radius: 0; } [data-vc-date-selected=first-and-last] [data-vc-date-btn] { border-radius: var(--radius-5); } } @layer components { :root.dialog-open { overflow: hidden; } .dialog { --dialog-padding: 1rem; --dialog-width: 500px; --dialog-margin: 1.75rem; --dialog-color: var(--fg-body); --dialog-bg: var(--bg-body); --dialog-border-color: var(--border-color-translucent); --dialog-border-width: var(--border-width); --dialog-border-radius: var(--radius-7); --dialog-box-shadow: var(--box-shadow-xl); --dialog-transition-property: opacity, transform, visibility; --dialog-transition-duration: 0.3s; --dialog-transition-timing: var(--transition-timing-overlay); --dialog-backdrop-bg: light-dark(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.65)); --dialog-backdrop-blur: 8px; --dialog-header-padding: 1rem; --dialog-header-border-color: var(--border-color-translucent); --dialog-header-border-width: var(--border-width); --dialog-footer-padding: 1rem; --dialog-footer-border-color: var(--border-color-translucent); --dialog-footer-border-width: var(--border-width); --dialog-footer-gap: 0.5rem; display: flex; flex-direction: column; width: var(--dialog-width); max-width: calc(100% - var(--dialog-margin) * 2); max-height: calc(100% - var(--dialog-margin) * 2); padding: 0; margin: auto; overflow: visible; color: var(--dialog-color); visibility: hidden; background-color: var(--dialog-bg); background-clip: padding-box; border: var(--dialog-border-width) solid var(--dialog-border-color); border-radius: var(--dialog-border-radius); box-shadow: var(--dialog-box-shadow); } .dialog:not(.dialog-instant) { opacity: 0; } @media (prefers-reduced-motion: no-preference) { .dialog:not(.dialog-instant) { transition-timing-function: var(--dialog-transition-timing); transition-duration: var(--dialog-transition-duration); transition-property: var(--dialog-transition-property); } } .dialog:not(.dialog-instant).dialog-slide-down { transform: translateY(-3rem); } .dialog:not(.dialog-instant).dialog-slide-up { transform: translateY(3rem); } .dialog:not(.dialog-instant)[open]:not(.hiding) { overflow: visible; visibility: visible; opacity: 1; transform: none; } .dialog:not(.dialog-instant)[open].dialog-static:not(.hiding) { transform: scale(1.02); } .dialog:not(.dialog-instant)::backdrop { background-color: var(--dialog-backdrop-bg); backdrop-filter: blur(var(--dialog-backdrop-blur)); } @media (prefers-reduced-motion: no-preference) { .dialog:not(.dialog-instant)::backdrop { transition: background-color var(--dialog-transition-duration) var(--dialog-transition-timing), backdrop-filter var(--dialog-transition-duration) var(--dialog-transition-timing), display var(--dialog-transition-duration) allow-discrete, overlay var(--dialog-transition-duration) allow-discrete; } } .dialog:not(.dialog-instant).hiding::backdrop { background-color: transparent; backdrop-filter: blur(0); } .dialog.dialog-instant::backdrop { background-color: var(--dialog-backdrop-bg); backdrop-filter: blur(var(--dialog-backdrop-blur)); } .dialog[open]:not(.hiding) { overflow: visible; visibility: visible; opacity: 1; transform: none; } .dialog.dialog-nonmodal { position: fixed; inset: 0; z-index: var(--z-dialog); height: fit-content; } .dialog.dialog-scrollable[open] { max-height: calc(100% - var(--dialog-margin) * 2); } .dialog.dialog-scrollable[open] .dialog-body { overflow-y: auto; } @starting-style { .dialog:not(.dialog-instant)::backdrop { background-color: transparent; backdrop-filter: blur(0); } .dialog.dialog-swap-in:not(.dialog-instant)::backdrop { background-color: var(--dialog-backdrop-bg); backdrop-filter: blur(var(--dialog-backdrop-blur)); } } .dialog-sm { --dialog-width: 280px; } .dialog-lg { --dialog-width: 800px; } .dialog-xl { --dialog-width: 1140px; } .dialog-fullscreen { --dialog-width: 100vw; --dialog-margin: 0; --dialog-border-radius: 0; --dialog-border-width: 0; width: 100%; max-width: none; height: 100%; max-height: none; } @media (width < 576px) { .sm-down\:dialog-fullscreen { --dialog-width: 100vw; --dialog-margin: 0; --dialog-border-radius: 0; width: 100%; max-width: none; height: 100%; max-height: none; } } @media (width < 768px) { .md-down\:dialog-fullscreen { --dialog-width: 100vw; --dialog-margin: 0; --dialog-border-radius: 0; width: 100%; max-width: none; height: 100%; max-height: none; } } @media (width < 992px) { .lg-down\:dialog-fullscreen { --dialog-width: 100vw; --dialog-margin: 0; --dialog-border-radius: 0; width: 100%; max-width: none; height: 100%; max-height: none; } } @media (width < 1200px) { .xl-down\:dialog-fullscreen { --dialog-width: 100vw; --dialog-margin: 0; --dialog-border-radius: 0; width: 100%; max-width: none; height: 100%; max-height: none; } } @media (width < 1400px) { .\32 xl-down\:dialog-fullscreen { --dialog-width: 100vw; --dialog-margin: 0; --dialog-border-radius: 0; width: 100%; max-width: none; height: 100%; max-height: none; } } .dialog-header { display: flex; flex-shrink: 0; align-items: center; padding: var(--dialog-header-padding); border-block-end: var(--dialog-header-border-width) solid var(--dialog-header-border-color); } .dialog-header .btn-close { margin-inline-start: auto; } .dialog-title { margin-bottom: 0; line-height: 1.25; font-size: var(--font-size-md); } .dialog-body { position: relative; flex: 1 1 auto; padding: var(--dialog-padding); } .dialog-footer { display: flex; flex-shrink: 0; flex-wrap: wrap; gap: var(--dialog-footer-gap); align-items: center; justify-content: flex-end; padding: var(--dialog-footer-padding); border-block-start: var(--dialog-footer-border-width) solid var(--dialog-footer-border-color); } } @layer components { .menu { --menu-zindex: var(--z-menu); --menu-gap: 0.125rem; --menu-min-width: 10rem; --menu-padding-x: 0.25rem; --menu-padding-y: 0.25rem; --menu-spacer: 0.125rem; --menu-font-size: var(--font-size-sm); --menu-color: var(--fg-body); --menu-bg: var(--bg-body); --menu-box-shadow: var(--box-shadow-lg); --menu-divider-bg: var(--border-color-translucent); --menu-divider-margin-y: 0.125rem; --menu-divider-margin-x: 0.25rem; --menu-item-color: var(--menu-color, var(--fg-body)); --menu-item-hover-color: var(--menu-color, var(--fg-body)); --menu-item-hover-bg: var(--bg-1); --menu-item-active-color: var(--primary-contrast); --menu-item-active-bg: var(--primary-bg); --menu-item-disabled-color: var(--fg-3); --menu-item-gap: 0.5rem; --menu-item-padding-x: 0.75rem; --menu-item-padding-y: 0.25rem; --menu-item-border-radius: var(--radius-5); --menu-icon-size: 1rem; --menu-description-font-size: var(--font-size-xs); --menu-check-color: currentcolor; --menu-header-color: var(--fg-3); --menu-header-padding-x: 0.75rem; --menu-header-padding-y: 0.25rem; --menu-transition-property: opacity, transform, display; --menu-transition-duration: 0.15s; --menu-transition-timing: var(--transition-timing-overlay); position: absolute; z-index: var(--menu-zindex); display: none; flex-direction: column; gap: var(--menu-gap); min-width: var(--menu-min-width); max-height: var(--menu-max-height, none); padding: var(--menu-padding-y) var(--menu-padding-x); margin: 0; overflow-y: var(--menu-overflow-y, initial); overscroll-behavior: contain; font-size: var(--menu-font-size); color: var(--menu-color); text-align: start; list-style-type: ""; background-color: var(--menu-bg); background-clip: padding-box; border: var(--menu-border-width, var(--border-width)) solid var(--menu-border-color, var(--border-color-translucent)); border-radius: var(--menu-border-radius, var(--radius-7)); box-shadow: var(--menu-box-shadow); opacity: 0; transform: scale(0.95); transform-origin: top start; } .menu[data-bs-placement^=top] { transform-origin: bottom start; } .menu[data-bs-placement=bottom-end] { transform-origin: top end; } .menu[data-bs-placement=top-end] { transform-origin: bottom end; } .menu[data-bs-placement^=left] { transform-origin: top end; } @media (prefers-reduced-motion: no-preference) { .menu { transition-timing-function: var(--menu-transition-timing); transition-duration: var(--menu-transition-duration); transition-property: var(--menu-transition-property); transition-behavior: allow-discrete; } } .menu.show { display: flex; opacity: 1; transform: none; } @starting-style { .menu.show { opacity: 0; transform: scale(0.95); } } .menu-scrollable { --menu-max-height: 80dvh; --menu-overflow-y: auto; } .menu-translucent { --menu-item-hover-bg-light: color-mix(in oklch, var(--bg-1) 90%, transparent); --menu-item-hover-bg-dark: color-mix(in oklch, var(--bg-1) 80%, transparent); --menu-item-active-bg-light: color-mix(in oklch, var(--primary-bg) 80%, transparent); --menu-item-active-bg-dark: color-mix(in oklch, var(--primary-bg) 70%, transparent); --menu-item-active-bg: light-dark(var(--menu-item-active-bg-light), var(--menu-item-active-bg-dark)); --menu-item-hover-bg: light-dark(var(--menu-item-hover-bg-light), var(--menu-item-hover-bg-dark)); background-color: color-mix(in oklch, var(--menu-bg) 80%, transparent); backdrop-filter: blur(5px) saturate(180%); } .menu-divider { height: 0; margin: var(--menu-divider-margin-y) var(--menu-divider-margin-x); overflow: hidden; border-block-start: 1px solid var(--menu-divider-bg); opacity: 1; } .menu-item { display: flex; gap: var(--menu-item-gap); align-items: center; width: 100%; padding: var(--menu-item-padding-y) var(--menu-item-padding-x); font-weight: var(--menu-item-font-weight, var(--font-weight-normal)); color: var(--theme-fg, var(--menu-item-color)); text-align: inherit; text-decoration: none; white-space: nowrap; cursor: pointer; background-color: transparent; border: 0; outline: 0; border-radius: var(--menu-item-border-radius, 0); } .menu-item:hover, .menu-item:focus { color: var(--theme-fg-emphasis, var(--menu-item-hover-color)); background-color: var(--theme-bg-subtle, var(--menu-item-hover-bg)); } .menu-item.active, .menu-item:active { color: var(--theme-contrast, var(--menu-item-active-color)); background-color: var(--theme-bg, var(--menu-item-active-bg)); } .menu-item.active .menu-item-icon, .menu-item:active .menu-item-icon { color: inherit !important; } .menu-item.selected { font-weight: var(--font-weight-semibold); } .menu-item.disabled, .menu-item:disabled { color: var(--menu-item-disabled-color); pointer-events: none; background-color: transparent; background-image: none; } .menu-item-icon { flex-shrink: 0; align-self: flex-start; width: var(--menu-icon-size); height: auto; margin-top: 0.125rem; } .menu-item-content { display: flex; flex: 1; flex-direction: column; min-width: fit-content; } .menu-item-description { font-size: var(--menu-description-font-size); font-weight: var(--font-weight-normal); color: color-mix(in oklch, currentcolor 65%, transparent); } .menu-item-check { flex-shrink: 0; align-self: flex-start; margin-block-start: 0.125rem; margin-inline-start: auto; color: var(--menu-check-color); visibility: hidden; } .selected > .menu-item-check { visibility: visible; } .menu-header { display: block; padding: var(--menu-header-padding-y) var(--menu-header-padding-x); margin-bottom: 0; font-size: var(--font-size-sm); color: var(--menu-header-color); white-space: nowrap; } .menu-text { display: block; padding: var(--menu-item-padding-y) var(--menu-item-padding-x); color: var(--fg-2); } .submenu { position: relative; } .submenu > .menu-item { display: flex; align-items: center; justify-content: space-between; } .submenu > .menu-item::after { display: inline-block; flex-shrink: 0; width: 0.375em; height: 0.375em; margin-inline-start: auto; content: ""; border-color: currentcolor; border-style: solid; border-width: 0 0.125em 0.125em 0; transform: rotate(-45deg); } [dir=rtl] .submenu > .menu-item::after { transform: rotate(135deg); } .submenu > .menu { top: 0; margin-top: calc(-1 * var(--menu-padding-y)); } .submenu:hover > .menu-item, .submenu:focus-within > .menu-item { color: var(--menu-item-hover-color); background-color: var(--menu-item-hover-bg); } .submenu.show > .menu-item { color: var(--menu-item-hover-color); background-color: var(--menu-item-hover-bg); } } @layer components { .list-group { --list-group-color: var(--fg-body); --list-group-bg: var(--bg-body); --list-group-border-color: var(--border-color); --list-group-border-width: var(--border-width); --list-group-border-radius: var(--radius-5); --list-group-item-padding-x: var(--spacer); --list-group-item-padding-y: var(--spacer-2); --list-group-action-color: var(--fg-2); --list-group-action-hover-color: var(--fg-1); --list-group-action-hover-bg: var(--bg-1); --list-group-action-active-color: var(--fg-body); --list-group-action-active-bg: var(--bg-2); --list-group-disabled-color: var(--fg-3); --list-group-disabled-bg: var(--bg-body); --list-group-active-color: var(--primary-contrast); --list-group-active-bg: var(--primary-bg); --list-group-active-border-color: var(--primary-bg); display: flex; flex-direction: column; padding-inline-start: 0; margin-bottom: 0; border-radius: var(--list-group-border-radius); } .list-group-numbered { list-style-type: none; counter-reset: section; } .list-group-numbered > .list-group-item::before { content: counters(section, ".") ". "; counter-increment: section; } .list-group-item { position: relative; display: block; padding: var(--list-group-item-padding-y) var(--list-group-item-padding-x); color: var(--theme-fg, var(--list-group-color)); text-decoration: none; background-color: var(--theme-bg-subtle, var(--list-group-bg)); border: var(--list-group-border-width) solid var(--theme-border, var(--list-group-border-color)); } .list-group-item:first-child { border-start-start-radius: inherit; border-start-end-radius: inherit; } .list-group-item:last-child { border-end-start-radius: inherit; border-end-end-radius: inherit; } .list-group-item.disabled, .list-group-item:disabled { color: var(--list-group-disabled-color); pointer-events: none; background-color: var(--list-group-disabled-bg); } .list-group-item.active { z-index: 2; color: var(--list-group-active-color); background-color: var(--list-group-active-bg); border-color: var(--list-group-active-border-color); } .list-group-item + .list-group-item { border-block-start-width: 0; } .list-group-item + .list-group-item.active { margin-top: calc(-1 * var(--list-group-border-width)); border-block-start-width: var(--list-group-border-width); } .list-group-item-action { width: 100%; color: var(--theme-fg, var(--list-group-action-color)); text-align: inherit; text-decoration: none; } .list-group-item-action:not(.active):hover, .list-group-item-action:not(.active):focus { z-index: 1; color: var(--theme-fg-emphasis, var(--list-group-action-hover-color)); text-decoration: none; background-color: var(--theme-bg-muted, var(--list-group-action-hover-bg)); } .list-group-item-action:not(.active):active { color: var(--theme-fg-emphasis, var(--list-group-action-active-color)); background-color: var(--theme-bg-muted, var(--list-group-action-active-bg)); } .list-group-horizontal { flex-direction: row; } .list-group-horizontal > .list-group-item:first-child:not(:last-child) { border-end-start-radius: var(--list-group-border-radius); border-start-end-radius: 0; } .list-group-horizontal > .list-group-item:last-child:not(:first-child) { border-start-end-radius: var(--list-group-border-radius); border-end-start-radius: 0; } .list-group-horizontal > .list-group-item.active { margin-top: 0; } .list-group-horizontal > .list-group-item + .list-group-item { border-block-start-width: var(--list-group-border-width); border-inline-start-width: 0; } .list-group-horizontal > .list-group-item + .list-group-item.active { margin-inline-start: calc(-1 * var(--list-group-border-width)); border-inline-start-width: var(--list-group-border-width); } @container (width >= 576px) { .sm\:list-group-horizontal { flex-direction: row; } .sm\:list-group-horizontal > .list-group-item:first-child:not(:last-child) { border-end-start-radius: var(--list-group-border-radius); border-start-end-radius: 0; } .sm\:list-group-horizontal > .list-group-item:last-child:not(:first-child) { border-start-end-radius: var(--list-group-border-radius); border-end-start-radius: 0; } .sm\:list-group-horizontal > .list-group-item.active { margin-top: 0; } .sm\:list-group-horizontal > .list-group-item + .list-group-item { border-block-start-width: var(--list-group-border-width); border-inline-start-width: 0; } .sm\:list-group-horizontal > .list-group-item + .list-group-item.active { margin-inline-start: calc(-1 * var(--list-group-border-width)); border-inline-start-width: var(--list-group-border-width); } } @container (width >= 768px) { .md\:list-group-horizontal { flex-direction: row; } .md\:list-group-horizontal > .list-group-item:first-child:not(:last-child) { border-end-start-radius: var(--list-group-border-radius); border-start-end-radius: 0; } .md\:list-group-horizontal > .list-group-item:last-child:not(:first-child) { border-start-end-radius: var(--list-group-border-radius); border-end-start-radius: 0; } .md\:list-group-horizontal > .list-group-item.active { margin-top: 0; } .md\:list-group-horizontal > .list-group-item + .list-group-item { border-block-start-width: var(--list-group-border-width); border-inline-start-width: 0; } .md\:list-group-horizontal > .list-group-item + .list-group-item.active { margin-inline-start: calc(-1 * var(--list-group-border-width)); border-inline-start-width: var(--list-group-border-width); } } @container (width >= 992px) { .lg\:list-group-horizontal { flex-direction: row; } .lg\:list-group-horizontal > .list-group-item:first-child:not(:last-child) { border-end-start-radius: var(--list-group-border-radius); border-start-end-radius: 0; } .lg\:list-group-horizontal > .list-group-item:last-child:not(:first-child) { border-start-end-radius: var(--list-group-border-radius); border-end-start-radius: 0; } .lg\:list-group-horizontal > .list-group-item.active { margin-top: 0; } .lg\:list-group-horizontal > .list-group-item + .list-group-item { border-block-start-width: var(--list-group-border-width); border-inline-start-width: 0; } .lg\:list-group-horizontal > .list-group-item + .list-group-item.active { margin-inline-start: calc(-1 * var(--list-group-border-width)); border-inline-start-width: var(--list-group-border-width); } } @container (width >= 1200px) { .xl\:list-group-horizontal { flex-direction: row; } .xl\:list-group-horizontal > .list-group-item:first-child:not(:last-child) { border-end-start-radius: var(--list-group-border-radius); border-start-end-radius: 0; } .xl\:list-group-horizontal > .list-group-item:last-child:not(:first-child) { border-start-end-radius: var(--list-group-border-radius); border-end-start-radius: 0; } .xl\:list-group-horizontal > .list-group-item.active { margin-top: 0; } .xl\:list-group-horizontal > .list-group-item + .list-group-item { border-block-start-width: var(--list-group-border-width); border-inline-start-width: 0; } .xl\:list-group-horizontal > .list-group-item + .list-group-item.active { margin-inline-start: calc(-1 * var(--list-group-border-width)); border-inline-start-width: var(--list-group-border-width); } } @container (width >= 1400px) { .\32 xl\:list-group-horizontal { flex-direction: row; } .\32 xl\:list-group-horizontal > .list-group-item:first-child:not(:last-child) { border-end-start-radius: var(--list-group-border-radius); border-start-end-radius: 0; } .\32 xl\:list-group-horizontal > .list-group-item:last-child:not(:first-child) { border-start-end-radius: var(--list-group-border-radius); border-end-start-radius: 0; } .\32 xl\:list-group-horizontal > .list-group-item.active { margin-top: 0; } .\32 xl\:list-group-horizontal > .list-group-item + .list-group-item { border-block-start-width: var(--list-group-border-width); border-inline-start-width: 0; } .\32 xl\:list-group-horizontal > .list-group-item + .list-group-item.active { margin-inline-start: calc(-1 * var(--list-group-border-width)); border-inline-start-width: var(--list-group-border-width); } } .list-group-flush { border-radius: 0; } .list-group-flush > .list-group-item { border-width: 0 0 var(--list-group-border-width); } .list-group-flush > .list-group-item:last-child { border-block-end-width: 0; } } @layer components { .nav { --nav-gap: 0.125rem; --nav-link-gap: 0.5rem; --nav-link-align: center; --nav-link-justify: center; --nav-link-padding-x: 0.75rem; --nav-link-padding-y: 0.375rem; --nav-link-color: var(--fg-2); --nav-link-hover-color: var(--fg-1); --nav-link-hover-bg: var(--bg-1); --nav-link-active-color: var(--fg-body); --nav-link-active-bg: var(--bg-2); --nav-link-disabled-color: var(--fg-4); --nav-link-border-width: var(--border-width); --nav-link-transition-property: color, background-color, border-color; --nav-link-transition-duration: 0.15s; --nav-link-transition-timing: ease-in-out; display: flex; flex-wrap: wrap; gap: var(--nav-gap); padding-inline-start: 0; margin-bottom: 0; list-style-type: ""; } .nav-item { display: flex; } .nav-link { display: flex; gap: var(--nav-link-gap); align-items: var(--nav-link-align); justify-content: var(--nav-link-justify); padding: var(--nav-link-padding-y) var(--nav-link-padding-x); font-weight: var(--nav-link-font-weight); color: var(--theme-fg, var(--nav-link-color)); text-decoration: none; white-space: nowrap; background: none; border: var(--nav-link-border-width) solid transparent; border-radius: var(--radius-5); } @media (prefers-reduced-motion: no-preference) { .nav-link { transition-timing-function: var(--nav-link-transition-timing); transition-duration: var(--nav-link-transition-duration); transition-property: var(--nav-link-transition-property); } } .nav-link:hover, .nav-link:focus { color: var(--theme-fg-emphasis, var(--nav-link-hover-color)); background-color: var(--theme-bg-muted, var(--nav-link-hover-bg)); } .nav-link:focus-visible { --focus-ring-offset: 1px; color: var(--theme-fg-emphasis, var(--nav-link-hover-color)); outline: var(--focus-ring); outline-offset: var(--focus-ring-offset); } .nav-link.active, .nav-link:active { color: var(--theme-fg, var(--nav-link-active-color)); background-color: var(--theme-bg-subtle, var(--nav-link-active-bg)); } .nav-link.disabled, .nav-link:disabled { color: var(--nav-link-disabled-color); pointer-events: none; cursor: default; } .nav-tabs { --nav-tabs-border-width: var(--border-width); --nav-tabs-border-color: var(--border-color); --nav-tabs-border-radius: var(--radius-5); --nav-tabs-link-hover-border-color: var(--border-subtle); --nav-tabs-link-active-color: var(--fg-body); --nav-tabs-link-active-bg: var(--bg-body); --nav-tabs-link-active-border-color: var(--border-color) var(--border-color) var(--bg-body); box-shadow: inset 0 calc(-1 * var(--nav-tabs-border-width)) 0 var(--nav-tabs-border-color); } .nav-tabs .nav-link { border: var(--nav-tabs-border-width) solid transparent; border-bottom-color: var(--nav-tabs-border-color); border-end-start-radius: 0; border-end-end-radius: 0; } .nav-tabs .nav-link:hover { isolation: isolate; border-color: var(--nav-tabs-link-hover-border-color); border-bottom-color: var(--nav-tabs-border-color); } .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: var(--nav-tabs-link-active-color); background-color: var(--nav-tabs-link-active-bg); border-color: var(--nav-tabs-link-active-border-color); border-bottom-color: var(--nav-tabs-link-active-bg); } .nav-tabs .menu { margin-top: calc(-1 * var(--nav-tabs-border-width)); border-start-start-radius: 0; border-start-end-radius: 0; } .nav-pills { --nav-pills-bg: var(--bg-1); --nav-pills-padding: 0.25rem; --nav-pills-border-radius: 3rem; --nav-pills-link-active-color: var(--primary-contrast); --nav-pills-link-active-bg: var(--primary-bg); --nav-pills-link-border-radius: 3rem; display: inline-flex; padding: var(--nav-pills-padding); background-color: var(--nav-pills-bg); border-radius: var(--nav-pills-border-radius); } .nav-pills .nav-link { border-radius: var(--nav-pills-link-border-radius); } .nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: var(--theme-contrast, var(--nav-pills-link-active-color)); background-color: var(--theme-bg, var(--nav-pills-link-active-bg)); background-image: var(--gradient); } .nav-pills-vertical { flex-direction: column; align-items: stretch; } .nav-pills-vertical .nav-item, .nav-pills-vertical .nav-link { width: 100%; } .nav-underline { --nav-gap: 1rem; --nav-link-active-bg: transparent; --nav-underline-border-width: 0.125rem; --nav-underline-link-active-color: var(--fg-body); } .nav-underline .nav-link { padding-inline: 0; border: 0; border-block-end: var(--nav-underline-border-width) solid transparent; border-radius: 0; } .nav-underline .nav-link:hover, .nav-underline .nav-link:focus { border-block-end-color: currentcolor; } .nav-underline .nav-link.active, .nav-underline .show > .nav-link { font-weight: var(--font-weight-bold); color: var(--nav-underline-link-active-color); border-block-end-color: currentcolor; } .nav-fill > .nav-link, .nav-fill .nav-item { flex: 1 1 auto; text-align: center; } .nav-justified > .nav-link, .nav-justified .nav-item { flex-grow: 1; flex-basis: 0; text-align: center; } .nav-fill .nav-item .nav-link, .nav-justified .nav-item .nav-link { width: 100%; } .tab-content > .tab-pane { --tab-pane-transition-property: opacity; --tab-pane-transition-duration: 0.15s; --tab-pane-transition-timing: linear; display: none; } @media (prefers-reduced-motion: no-preference) { .tab-content > .tab-pane:not(.tab-pane-instant) { transition-timing-function: var(--tab-pane-transition-timing); transition-duration: var(--tab-pane-transition-duration); transition-property: var(--tab-pane-transition-property); } } .tab-content > .active { display: block; } @starting-style { .tab-content > .tab-pane:not(.tab-pane-instant).active { opacity: 0; } } } @layer components { .nav-overflow { container-type: inline-size; flex: 1 1 0; min-width: 0; } .nav-overflow:not(.nav-overflow-initialized) { overflow: clip; } .nav-overflow:not(.nav-overflow-initialized) > .nav { visibility: hidden; } .nav-overflow > .nav { display: flex; flex-wrap: nowrap; min-width: 0; } .nav-overflow > .nav > .nav-item { flex-shrink: 0; } .nav-overflow-item { margin-inline-start: auto; } .nav-overflow-icon { display: flex; } .nav-overflow [data-bs-nav-overflow=true] { display: none; } } @layer components { .navbar { --navbar-padding-x: 0; --navbar-padding-y: 0.5rem; --navbar-min-height: 3.5rem; --navbar-color: var(--fg-2); --navbar-hover-color: var(--fg-1); --navbar-disabled-color: var(--fg-3); --navbar-active-color: var(--fg-body); --navbar-brand-padding-y: 0.375rem; --navbar-brand-margin-end: 1rem; --navbar-brand-font-size: var(--font-size-md); --navbar-brand-font-weight: var(--font-weight-medium); --navbar-brand-color: var(--fg-body); --navbar-brand-hover-color: var(--fg-body); --navbar-nav-link-padding-x: 0.75rem; --navbar-toggler-width: 2rem; --navbar-toggler-padding-y: 0.25rem; --navbar-toggler-padding-x: 0.75rem; --navbar-toggler-font-size: var(--font-size-lg); --navbar-toggler-border-color: color-mix(in oklch, var(--fg-body) 15%, transparent); --navbar-toggler-border-radius: var(--radius-5); --navbar-toggler-transition: box-shadow 0.15s ease-in-out; --navbar-toggler-icon-size: 1.25rem; --navbar-toggler-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath stroke='black' stroke-linecap='round' stroke-width='1' d='M1 3.5h14M1 8h14M1 12.5h14'/%3e%3c/svg%3e"); position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; min-height: var(--navbar-min-height); padding: var(--navbar-padding-y) var(--navbar-padding-x); container-type: inline-size; color: var(--navbar-color, var(--fg-body)); background-color: var(--navbar-bg, var(--bg-body)); } .navbar > .xl\:container, .navbar > .lg\:container, .navbar > .md\:container, .navbar > .sm\:container, .navbar > .container, .navbar > .container-fluid { display: flex; flex-wrap: inherit; align-items: center; justify-content: space-between; } .navbar-brand { padding-top: var(--navbar-brand-padding-y); padding-bottom: var(--navbar-brand-padding-y); margin-inline-end: var(--navbar-brand-margin-end); font-size: var(--navbar-brand-font-size); font-weight: var(--navbar-brand-font-weight); color: var(--theme-fg, var(--navbar-brand-color)); text-decoration: none; white-space: nowrap; } .navbar-brand:hover, .navbar-brand:focus { color: var(--theme-fg-emphasis, var(--navbar-brand-hover-color)); } .navbar-nav { --nav-gap: 0.25rem; --nav-link-gap: 0.5rem; --nav-link-padding-x: 0.5rem; --nav-link-padding-y: 0.375rem; --nav-link-color: var(--navbar-color); --nav-link-border-width: var(--border-width); --nav-link-hover-color: var(--navbar-hover-color); --nav-link-hover-bg: transparent; --nav-link-active-color: var(--navbar-active-color); --nav-link-active-bg: transparent; --nav-link-disabled-color: var(--navbar-disabled-color); display: flex; flex-direction: column; gap: var(--nav-gap); padding-inline-start: 0; margin-bottom: 0; list-style-type: ""; } .navbar-nav .nav-link.active, .navbar-nav .nav-link.show { color: var(--theme-fg, var(--navbar-active-color)); border: var(--nav-link-border-width) solid var(--nav-link-border-color, transparent); } .navbar-text { padding-top: var(--navbar-brand-padding-y); padding-bottom: var(--navbar-brand-padding-y); color: var(--navbar-color); } .navbar-text a, .navbar-text a:hover, .navbar-text a:focus { color: var(--theme-fg, var(--navbar-active-color)); } .navbar-toggler { --btn-bg: transparent; --btn-hover-bg: var(--bg-2); } @media (prefers-reduced-motion: no-preference) { .navbar-toggler { transition: var(--navbar-toggler-transition); } } .navbar-toggler-icon { display: inline-block; width: var(--navbar-toggler-icon-size); height: var(--navbar-toggler-icon-size); background-color: currentcolor; mask-image: var(--navbar-toggler-icon); mask-repeat: no-repeat; mask-position: center; mask-size: contain; } .navbar-expand > .container, .navbar-expand > .container-fluid { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand .navbar-nav { --nav-link-padding-x: var(--navbar-nav-link-padding-x); flex-direction: row; } .navbar-expand .navbar-toggler { display: none !important; } .navbar-expand [class*=drawer] { position: static !important; inset: auto !important; z-index: auto; display: flex !important; flex-grow: 1; width: auto !important; max-width: none !important; height: auto !important; max-height: none !important; padding: 0; margin: 0; overflow: visible !important; visibility: visible !important; background-color: transparent !important; border: 0 !important; transform: none !important; box-shadow: none; transition: none; } .navbar-expand [class*=drawer] .drawer-header { display: none !important; } .navbar-expand [class*=drawer] .drawer-body { display: flex; flex-grow: 1; flex-direction: row; align-items: center; padding: 0; overflow-y: visible; } .navbar-expand { flex-wrap: nowrap; justify-content: flex-start; } @container (width >= 576px) { .sm\:navbar-expand > .container, .sm\:navbar-expand > .container-fluid { flex-wrap: nowrap; justify-content: flex-start; } .sm\:navbar-expand .navbar-nav { --nav-link-padding-x: var(--navbar-nav-link-padding-x); flex-direction: row; } .sm\:navbar-expand .navbar-toggler { display: none !important; } .sm\:navbar-expand [class*=drawer] { position: static !important; inset: auto !important; z-index: auto; display: flex !important; flex-grow: 1; width: auto !important; max-width: none !important; height: auto !important; max-height: none !important; padding: 0; margin: 0; overflow: visible !important; visibility: visible !important; background-color: transparent !important; border: 0 !important; transform: none !important; box-shadow: none; transition: none; } .sm\:navbar-expand [class*=drawer] .drawer-header { display: none !important; } .sm\:navbar-expand [class*=drawer] .drawer-body { display: flex; flex-grow: 1; flex-direction: row; align-items: center; padding: 0; overflow-y: visible; } } @container (width >= 768px) { .md\:navbar-expand > .container, .md\:navbar-expand > .container-fluid { flex-wrap: nowrap; justify-content: flex-start; } .md\:navbar-expand .navbar-nav { --nav-link-padding-x: var(--navbar-nav-link-padding-x); flex-direction: row; } .md\:navbar-expand .navbar-toggler { display: none !important; } .md\:navbar-expand [class*=drawer] { position: static !important; inset: auto !important; z-index: auto; display: flex !important; flex-grow: 1; width: auto !important; max-width: none !important; height: auto !important; max-height: none !important; padding: 0; margin: 0; overflow: visible !important; visibility: visible !important; background-color: transparent !important; border: 0 !important; transform: none !important; box-shadow: none; transition: none; } .md\:navbar-expand [class*=drawer] .drawer-header { display: none !important; } .md\:navbar-expand [class*=drawer] .drawer-body { display: flex; flex-grow: 1; flex-direction: row; align-items: center; padding: 0; overflow-y: visible; } } @container (width >= 992px) { .lg\:navbar-expand > .container, .lg\:navbar-expand > .container-fluid { flex-wrap: nowrap; justify-content: flex-start; } .lg\:navbar-expand .navbar-nav { --nav-link-padding-x: var(--navbar-nav-link-padding-x); flex-direction: row; } .lg\:navbar-expand .navbar-toggler { display: none !important; } .lg\:navbar-expand [class*=drawer] { position: static !important; inset: auto !important; z-index: auto; display: flex !important; flex-grow: 1; width: auto !important; max-width: none !important; height: auto !important; max-height: none !important; padding: 0; margin: 0; overflow: visible !important; visibility: visible !important; background-color: transparent !important; border: 0 !important; transform: none !important; box-shadow: none; transition: none; } .lg\:navbar-expand [class*=drawer] .drawer-header { display: none !important; } .lg\:navbar-expand [class*=drawer] .drawer-body { display: flex; flex-grow: 1; flex-direction: row; align-items: center; padding: 0; overflow-y: visible; } } @container (width >= 1200px) { .xl\:navbar-expand > .container, .xl\:navbar-expand > .container-fluid { flex-wrap: nowrap; justify-content: flex-start; } .xl\:navbar-expand .navbar-nav { --nav-link-padding-x: var(--navbar-nav-link-padding-x); flex-direction: row; } .xl\:navbar-expand .navbar-toggler { display: none !important; } .xl\:navbar-expand [class*=drawer] { position: static !important; inset: auto !important; z-index: auto; display: flex !important; flex-grow: 1; width: auto !important; max-width: none !important; height: auto !important; max-height: none !important; padding: 0; margin: 0; overflow: visible !important; visibility: visible !important; background-color: transparent !important; border: 0 !important; transform: none !important; box-shadow: none; transition: none; } .xl\:navbar-expand [class*=drawer] .drawer-header { display: none !important; } .xl\:navbar-expand [class*=drawer] .drawer-body { display: flex; flex-grow: 1; flex-direction: row; align-items: center; padding: 0; overflow-y: visible; } } @container (width >= 1400px) { .\32 xl\:navbar-expand > .container, .\32 xl\:navbar-expand > .container-fluid { flex-wrap: nowrap; justify-content: flex-start; } .\32 xl\:navbar-expand .navbar-nav { --nav-link-padding-x: var(--navbar-nav-link-padding-x); flex-direction: row; } .\32 xl\:navbar-expand .navbar-toggler { display: none !important; } .\32 xl\:navbar-expand [class*=drawer] { position: static !important; inset: auto !important; z-index: auto; display: flex !important; flex-grow: 1; width: auto !important; max-width: none !important; height: auto !important; max-height: none !important; padding: 0; margin: 0; overflow: visible !important; visibility: visible !important; background-color: transparent !important; border: 0 !important; transform: none !important; box-shadow: none; transition: none; } .\32 xl\:navbar-expand [class*=drawer] .drawer-header { display: none !important; } .\32 xl\:navbar-expand [class*=drawer] .drawer-body { display: flex; flex-grow: 1; flex-direction: row; align-items: center; padding: 0; overflow-y: visible; } } .navbar [class*=drawer]:not([open], .hiding) { transition: none !important; } .navbar-translucent { position: relative; background-color: transparent; } .navbar-translucent::before { position: absolute; inset: 0; z-index: -1; content: ""; background-color: color-mix(in oklch, var(--navbar-bg, var(--bg-body)) 80%, transparent); background-image: none; backdrop-filter: blur(5px) saturate(180%); } .navbar[data-bs-theme=dark] { --navbar-color: color-mix(in oklch, var(--white) 55%, transparent); --navbar-hover-color: color-mix(in oklch, var(--white) 75%, transparent); --navbar-disabled-color: color-mix(in oklch, var(--white) 25%, transparent); --navbar-active-color: var(--white); --navbar-brand-color: var(--white); --navbar-brand-hover-color: var(--white); --navbar-toggler-border-color: color-mix(in oklch, var(--white) 10%, transparent); } } .drawer, .\32 xl\:drawer, .xl\:drawer, .lg\:drawer, .md\:drawer, .sm\:drawer { --drawer-inset: var(--spacer); --drawer-zindex: var(--z-drawer); --drawer-width: 400px; --drawer-height: 30vh; --drawer-padding-x: var(--spacer); --drawer-padding-y: var(--spacer); --drawer-color: var(--fg-body); --drawer-bg: var(--bg-body); --drawer-border-width: var(--border-width); --drawer-border-color: var(--border-color-translucent); --drawer-border-radius: var(--radius-7); --drawer-box-shadow: var(--box-shadow-xl); --drawer-transition-property: transform, visibility; --drawer-transition-duration: 0.3s; --drawer-transition-timing: var(--transition-timing-overlay); --drawer-title-line-height: 1.5; --drawer-backdrop-bg: color-mix(in oklch, var(--bg-body) 25%, transparent); --drawer-backdrop-blur: 8px; } @layer components { @media (width < 576px) { .sm\:drawer { position: fixed; inset: auto; z-index: var(--drawer-zindex); display: flex; flex-direction: column; width: auto; max-width: calc(100% - var(--drawer-inset) * 2); height: auto; max-height: calc(100% - var(--drawer-inset) * 2); padding: 0; margin: 0; overflow: hidden; color: var(--drawer-color); visibility: hidden; background-color: var(--drawer-bg); background-clip: padding-box; border: var(--drawer-border-width) solid var(--drawer-border-color); outline: 0; border-radius: var(--drawer-border-radius); box-shadow: var(--drawer-box-shadow); } .sm\:drawer:where(.drawer-start) { inset-block: var(--drawer-inset); inset-inline-start: var(--drawer-inset); width: var(--drawer-width); } .sm\:drawer:where(.drawer-end) { inset-block: var(--drawer-inset); inset-inline-end: var(--drawer-inset); width: var(--drawer-width); } .sm\:drawer:where(.drawer-top) { inset: var(--drawer-inset) var(--drawer-inset) auto; height: var(--drawer-height); } .sm\:drawer:where(.drawer-bottom) { inset: auto var(--drawer-inset) var(--drawer-inset); height: var(--drawer-height); } .sm\:drawer:where(.drawer-fullscreen) { inset: var(--drawer-inset); width: auto; max-width: none; height: auto; max-height: none; } } @media (width < 576px) and (prefers-reduced-motion: no-preference) { .sm\:drawer:not(.drawer-instant) { transition-timing-function: var(--drawer-transition-timing); transition-duration: var(--drawer-transition-duration); transition-property: var(--drawer-transition-property); } } @media (width < 576px) { .sm\:drawer:not(.drawer-instant):where(.drawer-start) { transform: translateX(calc(-100% - var(--drawer-inset))); } :root:dir(rtl) .sm\:drawer:not(.drawer-instant):where(.drawer-start) { transform: translateX(calc(100% + var(--drawer-inset))); } .sm\:drawer:not(.drawer-instant):where(.drawer-end) { transform: translateX(calc(100% + var(--drawer-inset))); } :root:dir(rtl) .sm\:drawer:not(.drawer-instant):where(.drawer-end) { transform: translateX(calc(-100% - var(--drawer-inset))); } .sm\:drawer:not(.drawer-instant):where(.drawer-top) { transform: translateY(calc(-100% - var(--drawer-inset))); } .sm\:drawer:not(.drawer-instant):where(.drawer-bottom) { transform: translateY(calc(100% + var(--drawer-inset))); } .sm\:drawer:not(.drawer-instant):where(.drawer-fullscreen) { transform: translateY(calc(100% + var(--drawer-inset))); } .sm\:drawer:not(.drawer-instant)[open] { visibility: visible; transform: none; } .sm\:drawer[open] { visibility: visible; transform: none; } } @media (width >= 576px) { .sm\:drawer { --drawer-height: auto; --drawer-border-width: 0; position: static !important; inset: auto; z-index: auto; display: flex !important; flex-grow: 1; width: auto !important; max-width: none; height: auto !important; max-height: none; padding: 0; margin: 0; visibility: visible !important; background-color: transparent !important; border: 0 !important; transform: none !important; transition: none !important; } .sm\:drawer .drawer-header { display: none; } .sm\:drawer .drawer-body { display: flex; flex-grow: 0; flex-direction: row; width: 100%; padding: 0; overflow-y: visible; background-color: transparent !important; } .sm\:drawer { border-radius: 0; box-shadow: none; } } @media (width < 768px) { .md\:drawer { position: fixed; inset: auto; z-index: var(--drawer-zindex); display: flex; flex-direction: column; width: auto; max-width: calc(100% - var(--drawer-inset) * 2); height: auto; max-height: calc(100% - var(--drawer-inset) * 2); padding: 0; margin: 0; overflow: hidden; color: var(--drawer-color); visibility: hidden; background-color: var(--drawer-bg); background-clip: padding-box; border: var(--drawer-border-width) solid var(--drawer-border-color); outline: 0; border-radius: var(--drawer-border-radius); box-shadow: var(--drawer-box-shadow); } .md\:drawer:where(.drawer-start) { inset-block: var(--drawer-inset); inset-inline-start: var(--drawer-inset); width: var(--drawer-width); } .md\:drawer:where(.drawer-end) { inset-block: var(--drawer-inset); inset-inline-end: var(--drawer-inset); width: var(--drawer-width); } .md\:drawer:where(.drawer-top) { inset: var(--drawer-inset) var(--drawer-inset) auto; height: var(--drawer-height); } .md\:drawer:where(.drawer-bottom) { inset: auto var(--drawer-inset) var(--drawer-inset); height: var(--drawer-height); } .md\:drawer:where(.drawer-fullscreen) { inset: var(--drawer-inset); width: auto; max-width: none; height: auto; max-height: none; } } @media (width < 768px) and (prefers-reduced-motion: no-preference) { .md\:drawer:not(.drawer-instant) { transition-timing-function: var(--drawer-transition-timing); transition-duration: var(--drawer-transition-duration); transition-property: var(--drawer-transition-property); } } @media (width < 768px) { .md\:drawer:not(.drawer-instant):where(.drawer-start) { transform: translateX(calc(-100% - var(--drawer-inset))); } :root:dir(rtl) .md\:drawer:not(.drawer-instant):where(.drawer-start) { transform: translateX(calc(100% + var(--drawer-inset))); } .md\:drawer:not(.drawer-instant):where(.drawer-end) { transform: translateX(calc(100% + var(--drawer-inset))); } :root:dir(rtl) .md\:drawer:not(.drawer-instant):where(.drawer-end) { transform: translateX(calc(-100% - var(--drawer-inset))); } .md\:drawer:not(.drawer-instant):where(.drawer-top) { transform: translateY(calc(-100% - var(--drawer-inset))); } .md\:drawer:not(.drawer-instant):where(.drawer-bottom) { transform: translateY(calc(100% + var(--drawer-inset))); } .md\:drawer:not(.drawer-instant):where(.drawer-fullscreen) { transform: translateY(calc(100% + var(--drawer-inset))); } .md\:drawer:not(.drawer-instant)[open] { visibility: visible; transform: none; } .md\:drawer[open] { visibility: visible; transform: none; } } @media (width >= 768px) { .md\:drawer { --drawer-height: auto; --drawer-border-width: 0; position: static !important; inset: auto; z-index: auto; display: flex !important; flex-grow: 1; width: auto !important; max-width: none; height: auto !important; max-height: none; padding: 0; margin: 0; visibility: visible !important; background-color: transparent !important; border: 0 !important; transform: none !important; transition: none !important; } .md\:drawer .drawer-header { display: none; } .md\:drawer .drawer-body { display: flex; flex-grow: 0; flex-direction: row; width: 100%; padding: 0; overflow-y: visible; background-color: transparent !important; } .md\:drawer { border-radius: 0; box-shadow: none; } } @media (width < 992px) { .lg\:drawer { position: fixed; inset: auto; z-index: var(--drawer-zindex); display: flex; flex-direction: column; width: auto; max-width: calc(100% - var(--drawer-inset) * 2); height: auto; max-height: calc(100% - var(--drawer-inset) * 2); padding: 0; margin: 0; overflow: hidden; color: var(--drawer-color); visibility: hidden; background-color: var(--drawer-bg); background-clip: padding-box; border: var(--drawer-border-width) solid var(--drawer-border-color); outline: 0; border-radius: var(--drawer-border-radius); box-shadow: var(--drawer-box-shadow); } .lg\:drawer:where(.drawer-start) { inset-block: var(--drawer-inset); inset-inline-start: var(--drawer-inset); width: var(--drawer-width); } .lg\:drawer:where(.drawer-end) { inset-block: var(--drawer-inset); inset-inline-end: var(--drawer-inset); width: var(--drawer-width); } .lg\:drawer:where(.drawer-top) { inset: var(--drawer-inset) var(--drawer-inset) auto; height: var(--drawer-height); } .lg\:drawer:where(.drawer-bottom) { inset: auto var(--drawer-inset) var(--drawer-inset); height: var(--drawer-height); } .lg\:drawer:where(.drawer-fullscreen) { inset: var(--drawer-inset); width: auto; max-width: none; height: auto; max-height: none; } } @media (width < 992px) and (prefers-reduced-motion: no-preference) { .lg\:drawer:not(.drawer-instant) { transition-timing-function: var(--drawer-transition-timing); transition-duration: var(--drawer-transition-duration); transition-property: var(--drawer-transition-property); } } @media (width < 992px) { .lg\:drawer:not(.drawer-instant):where(.drawer-start) { transform: translateX(calc(-100% - var(--drawer-inset))); } :root:dir(rtl) .lg\:drawer:not(.drawer-instant):where(.drawer-start) { transform: translateX(calc(100% + var(--drawer-inset))); } .lg\:drawer:not(.drawer-instant):where(.drawer-end) { transform: translateX(calc(100% + var(--drawer-inset))); } :root:dir(rtl) .lg\:drawer:not(.drawer-instant):where(.drawer-end) { transform: translateX(calc(-100% - var(--drawer-inset))); } .lg\:drawer:not(.drawer-instant):where(.drawer-top) { transform: translateY(calc(-100% - var(--drawer-inset))); } .lg\:drawer:not(.drawer-instant):where(.drawer-bottom) { transform: translateY(calc(100% + var(--drawer-inset))); } .lg\:drawer:not(.drawer-instant):where(.drawer-fullscreen) { transform: translateY(calc(100% + var(--drawer-inset))); } .lg\:drawer:not(.drawer-instant)[open] { visibility: visible; transform: none; } .lg\:drawer[open] { visibility: visible; transform: none; } } @media (width >= 992px) { .lg\:drawer { --drawer-height: auto; --drawer-border-width: 0; position: static !important; inset: auto; z-index: auto; display: flex !important; flex-grow: 1; width: auto !important; max-width: none; height: auto !important; max-height: none; padding: 0; margin: 0; visibility: visible !important; background-color: transparent !important; border: 0 !important; transform: none !important; transition: none !important; } .lg\:drawer .drawer-header { display: none; } .lg\:drawer .drawer-body { display: flex; flex-grow: 0; flex-direction: row; width: 100%; padding: 0; overflow-y: visible; background-color: transparent !important; } .lg\:drawer { border-radius: 0; box-shadow: none; } } @media (width < 1200px) { .xl\:drawer { position: fixed; inset: auto; z-index: var(--drawer-zindex); display: flex; flex-direction: column; width: auto; max-width: calc(100% - var(--drawer-inset) * 2); height: auto; max-height: calc(100% - var(--drawer-inset) * 2); padding: 0; margin: 0; overflow: hidden; color: var(--drawer-color); visibility: hidden; background-color: var(--drawer-bg); background-clip: padding-box; border: var(--drawer-border-width) solid var(--drawer-border-color); outline: 0; border-radius: var(--drawer-border-radius); box-shadow: var(--drawer-box-shadow); } .xl\:drawer:where(.drawer-start) { inset-block: var(--drawer-inset); inset-inline-start: var(--drawer-inset); width: var(--drawer-width); } .xl\:drawer:where(.drawer-end) { inset-block: var(--drawer-inset); inset-inline-end: var(--drawer-inset); width: var(--drawer-width); } .xl\:drawer:where(.drawer-top) { inset: var(--drawer-inset) var(--drawer-inset) auto; height: var(--drawer-height); } .xl\:drawer:where(.drawer-bottom) { inset: auto var(--drawer-inset) var(--drawer-inset); height: var(--drawer-height); } .xl\:drawer:where(.drawer-fullscreen) { inset: var(--drawer-inset); width: auto; max-width: none; height: auto; max-height: none; } } @media (width < 1200px) and (prefers-reduced-motion: no-preference) { .xl\:drawer:not(.drawer-instant) { transition-timing-function: var(--drawer-transition-timing); transition-duration: var(--drawer-transition-duration); transition-property: var(--drawer-transition-property); } } @media (width < 1200px) { .xl\:drawer:not(.drawer-instant):where(.drawer-start) { transform: translateX(calc(-100% - var(--drawer-inset))); } :root:dir(rtl) .xl\:drawer:not(.drawer-instant):where(.drawer-start) { transform: translateX(calc(100% + var(--drawer-inset))); } .xl\:drawer:not(.drawer-instant):where(.drawer-end) { transform: translateX(calc(100% + var(--drawer-inset))); } :root:dir(rtl) .xl\:drawer:not(.drawer-instant):where(.drawer-end) { transform: translateX(calc(-100% - var(--drawer-inset))); } .xl\:drawer:not(.drawer-instant):where(.drawer-top) { transform: translateY(calc(-100% - var(--drawer-inset))); } .xl\:drawer:not(.drawer-instant):where(.drawer-bottom) { transform: translateY(calc(100% + var(--drawer-inset))); } .xl\:drawer:not(.drawer-instant):where(.drawer-fullscreen) { transform: translateY(calc(100% + var(--drawer-inset))); } .xl\:drawer:not(.drawer-instant)[open] { visibility: visible; transform: none; } .xl\:drawer[open] { visibility: visible; transform: none; } } @media (width >= 1200px) { .xl\:drawer { --drawer-height: auto; --drawer-border-width: 0; position: static !important; inset: auto; z-index: auto; display: flex !important; flex-grow: 1; width: auto !important; max-width: none; height: auto !important; max-height: none; padding: 0; margin: 0; visibility: visible !important; background-color: transparent !important; border: 0 !important; transform: none !important; transition: none !important; } .xl\:drawer .drawer-header { display: none; } .xl\:drawer .drawer-body { display: flex; flex-grow: 0; flex-direction: row; width: 100%; padding: 0; overflow-y: visible; background-color: transparent !important; } .xl\:drawer { border-radius: 0; box-shadow: none; } } @media (width < 1400px) { .\32 xl\:drawer { position: fixed; inset: auto; z-index: var(--drawer-zindex); display: flex; flex-direction: column; width: auto; max-width: calc(100% - var(--drawer-inset) * 2); height: auto; max-height: calc(100% - var(--drawer-inset) * 2); padding: 0; margin: 0; overflow: hidden; color: var(--drawer-color); visibility: hidden; background-color: var(--drawer-bg); background-clip: padding-box; border: var(--drawer-border-width) solid var(--drawer-border-color); outline: 0; border-radius: var(--drawer-border-radius); box-shadow: var(--drawer-box-shadow); } .\32 xl\:drawer:where(.drawer-start) { inset-block: var(--drawer-inset); inset-inline-start: var(--drawer-inset); width: var(--drawer-width); } .\32 xl\:drawer:where(.drawer-end) { inset-block: var(--drawer-inset); inset-inline-end: var(--drawer-inset); width: var(--drawer-width); } .\32 xl\:drawer:where(.drawer-top) { inset: var(--drawer-inset) var(--drawer-inset) auto; height: var(--drawer-height); } .\32 xl\:drawer:where(.drawer-bottom) { inset: auto var(--drawer-inset) var(--drawer-inset); height: var(--drawer-height); } .\32 xl\:drawer:where(.drawer-fullscreen) { inset: var(--drawer-inset); width: auto; max-width: none; height: auto; max-height: none; } } @media (width < 1400px) and (prefers-reduced-motion: no-preference) { .\32 xl\:drawer:not(.drawer-instant) { transition-timing-function: var(--drawer-transition-timing); transition-duration: var(--drawer-transition-duration); transition-property: var(--drawer-transition-property); } } @media (width < 1400px) { .\32 xl\:drawer:not(.drawer-instant):where(.drawer-start) { transform: translateX(calc(-100% - var(--drawer-inset))); } :root:dir(rtl) .\32 xl\:drawer:not(.drawer-instant):where(.drawer-start) { transform: translateX(calc(100% + var(--drawer-inset))); } .\32 xl\:drawer:not(.drawer-instant):where(.drawer-end) { transform: translateX(calc(100% + var(--drawer-inset))); } :root:dir(rtl) .\32 xl\:drawer:not(.drawer-instant):where(.drawer-end) { transform: translateX(calc(-100% - var(--drawer-inset))); } .\32 xl\:drawer:not(.drawer-instant):where(.drawer-top) { transform: translateY(calc(-100% - var(--drawer-inset))); } .\32 xl\:drawer:not(.drawer-instant):where(.drawer-bottom) { transform: translateY(calc(100% + var(--drawer-inset))); } .\32 xl\:drawer:not(.drawer-instant):where(.drawer-fullscreen) { transform: translateY(calc(100% + var(--drawer-inset))); } .\32 xl\:drawer:not(.drawer-instant)[open] { visibility: visible; transform: none; } .\32 xl\:drawer[open] { visibility: visible; transform: none; } } @media (width >= 1400px) { .\32 xl\:drawer { --drawer-height: auto; --drawer-border-width: 0; position: static !important; inset: auto; z-index: auto; display: flex !important; flex-grow: 1; width: auto !important; max-width: none; height: auto !important; max-height: none; padding: 0; margin: 0; visibility: visible !important; background-color: transparent !important; border: 0 !important; transform: none !important; transition: none !important; } .\32 xl\:drawer .drawer-header { display: none; } .\32 xl\:drawer .drawer-body { display: flex; flex-grow: 0; flex-direction: row; width: 100%; padding: 0; overflow-y: visible; background-color: transparent !important; } .\32 xl\:drawer { border-radius: 0; box-shadow: none; } } .drawer { position: fixed; inset: auto; z-index: var(--drawer-zindex); display: flex; flex-direction: column; width: auto; max-width: calc(100% - var(--drawer-inset) * 2); height: auto; max-height: calc(100% - var(--drawer-inset) * 2); padding: 0; margin: 0; overflow: hidden; color: var(--drawer-color); visibility: hidden; background-color: var(--drawer-bg); background-clip: padding-box; border: var(--drawer-border-width) solid var(--drawer-border-color); outline: 0; border-radius: var(--drawer-border-radius); box-shadow: var(--drawer-box-shadow); } .drawer:where(.drawer-start) { inset-block: var(--drawer-inset); inset-inline-start: var(--drawer-inset); width: var(--drawer-width); } .drawer:where(.drawer-end) { inset-block: var(--drawer-inset); inset-inline-end: var(--drawer-inset); width: var(--drawer-width); } .drawer:where(.drawer-top) { inset: var(--drawer-inset) var(--drawer-inset) auto; height: var(--drawer-height); } .drawer:where(.drawer-bottom) { inset: auto var(--drawer-inset) var(--drawer-inset); height: var(--drawer-height); } .drawer:where(.drawer-fullscreen) { inset: var(--drawer-inset); width: auto; max-width: none; height: auto; max-height: none; } @media (prefers-reduced-motion: no-preference) { .drawer:not(.drawer-instant) { transition-timing-function: var(--drawer-transition-timing); transition-duration: var(--drawer-transition-duration); transition-property: var(--drawer-transition-property); } } .drawer:not(.drawer-instant):where(.drawer-start) { transform: translateX(calc(-100% - var(--drawer-inset))); } :root:dir(rtl) .drawer:not(.drawer-instant):where(.drawer-start) { transform: translateX(calc(100% + var(--drawer-inset))); } .drawer:not(.drawer-instant):where(.drawer-end) { transform: translateX(calc(100% + var(--drawer-inset))); } :root:dir(rtl) .drawer:not(.drawer-instant):where(.drawer-end) { transform: translateX(calc(-100% - var(--drawer-inset))); } .drawer:not(.drawer-instant):where(.drawer-top) { transform: translateY(calc(-100% - var(--drawer-inset))); } .drawer:not(.drawer-instant):where(.drawer-bottom) { transform: translateY(calc(100% + var(--drawer-inset))); } .drawer:not(.drawer-instant):where(.drawer-fullscreen) { transform: translateY(calc(100% + var(--drawer-inset))); } .drawer:not(.drawer-instant)[open] { visibility: visible; transform: none; } .drawer[open] { visibility: visible; transform: none; } .sm\:drawer::backdrop { background-color: var(--drawer-backdrop-bg); backdrop-filter: blur(var(--drawer-backdrop-blur)); } @media (prefers-reduced-motion: no-preference) { .sm\:drawer::backdrop { transition: background-color var(--drawer-transition-duration) var(--drawer-transition-timing), backdrop-filter var(--drawer-transition-duration) var(--drawer-transition-timing), display var(--drawer-transition-duration) allow-discrete, overlay var(--drawer-transition-duration) allow-discrete; } } .md\:drawer::backdrop { background-color: var(--drawer-backdrop-bg); backdrop-filter: blur(var(--drawer-backdrop-blur)); } @media (prefers-reduced-motion: no-preference) { .md\:drawer::backdrop { transition: background-color var(--drawer-transition-duration) var(--drawer-transition-timing), backdrop-filter var(--drawer-transition-duration) var(--drawer-transition-timing), display var(--drawer-transition-duration) allow-discrete, overlay var(--drawer-transition-duration) allow-discrete; } } .lg\:drawer::backdrop { background-color: var(--drawer-backdrop-bg); backdrop-filter: blur(var(--drawer-backdrop-blur)); } @media (prefers-reduced-motion: no-preference) { .lg\:drawer::backdrop { transition: background-color var(--drawer-transition-duration) var(--drawer-transition-timing), backdrop-filter var(--drawer-transition-duration) var(--drawer-transition-timing), display var(--drawer-transition-duration) allow-discrete, overlay var(--drawer-transition-duration) allow-discrete; } } .xl\:drawer::backdrop { background-color: var(--drawer-backdrop-bg); backdrop-filter: blur(var(--drawer-backdrop-blur)); } @media (prefers-reduced-motion: no-preference) { .xl\:drawer::backdrop { transition: background-color var(--drawer-transition-duration) var(--drawer-transition-timing), backdrop-filter var(--drawer-transition-duration) var(--drawer-transition-timing), display var(--drawer-transition-duration) allow-discrete, overlay var(--drawer-transition-duration) allow-discrete; } } .\32 xl\:drawer::backdrop { background-color: var(--drawer-backdrop-bg); backdrop-filter: blur(var(--drawer-backdrop-blur)); } @media (prefers-reduced-motion: no-preference) { .\32 xl\:drawer::backdrop { transition: background-color var(--drawer-transition-duration) var(--drawer-transition-timing), backdrop-filter var(--drawer-transition-duration) var(--drawer-transition-timing), display var(--drawer-transition-duration) allow-discrete, overlay var(--drawer-transition-duration) allow-discrete; } } .drawer::backdrop { background-color: var(--drawer-backdrop-bg); backdrop-filter: blur(var(--drawer-backdrop-blur)); } @media (prefers-reduced-motion: no-preference) { .drawer::backdrop { transition: background-color var(--drawer-transition-duration) var(--drawer-transition-timing), backdrop-filter var(--drawer-transition-duration) var(--drawer-transition-timing), display var(--drawer-transition-duration) allow-discrete, overlay var(--drawer-transition-duration) allow-discrete; } } @starting-style { .sm\:drawer::backdrop { background-color: transparent; backdrop-filter: blur(0); } .md\:drawer::backdrop { background-color: transparent; backdrop-filter: blur(0); } .lg\:drawer::backdrop { background-color: transparent; backdrop-filter: blur(0); } .xl\:drawer::backdrop { background-color: transparent; backdrop-filter: blur(0); } .\32 xl\:drawer::backdrop { background-color: transparent; backdrop-filter: blur(0); } .drawer::backdrop { background-color: transparent; backdrop-filter: blur(0); } } .drawer-static { transform: scale(1.02); } .drawer-translucent { background-color: color-mix(in oklch, var(--drawer-bg) 80%, transparent); backdrop-filter: blur(5px) saturate(180%); } .drawer-sheet { right: 0; bottom: 0; left: 0; width: 100vw; margin-inline: auto; margin-bottom: calc(-1 * var(--drawer-border-width)); border-end-start-radius: 0; border-end-end-radius: 0; } @media (width >= 992px) { .drawer-sheet { max-width: var(--drawer-sheet-width, 760px); } } .drawer-header { display: flex; flex-shrink: 0; align-items: center; padding: var(--drawer-padding-y) var(--drawer-padding-x); } .drawer-header .btn-close { margin-block: calc(-0.5 * var(--drawer-padding-y)); margin-inline-start: auto; } .drawer-title { margin-bottom: 0; line-height: var(--drawer-title-line-height); } .drawer-body { position: relative; display: flex; flex-direction: column; gap: var(--drawer-padding-y); flex: 1 1 auto; padding: var(--drawer-padding-y) var(--drawer-padding-x); min-height: 0; overflow-y: auto; } .drawer-footer { display: flex; flex-shrink: 0; flex-wrap: wrap; gap: 0.5rem; align-items: center; justify-content: flex-end; padding: var(--drawer-padding-y) var(--drawer-padding-x); border-block-start: var(--drawer-border-width) solid var(--drawer-border-color); } .drawer-fit-content { inset-block-end: auto; } } @layer components { .pagination { --pagination-min-height: var(--btn-input-min-height); --pagination-padding-x: var(--btn-input-padding-x); --pagination-padding-y: var(--btn-input-padding-y); --pagination-font-size: var(--btn-input-font-size); --pagination-color: var(--link-color); --pagination-bg: var(--bg-body); --pagination-border-width: var(--border-width); --pagination-border-color: var(--border-color); --pagination-border-radius: var(--btn-input-border-radius); --pagination-hover-color: var(--link-hover-color); --pagination-hover-bg: var(--bg-1); --pagination-hover-border-color: var(--border-color); --pagination-active-color: var(--theme-contrast, var(--primary-contrast)); --pagination-active-bg: var(--theme-bg, var(--primary-bg)); --pagination-active-border-color: var(--theme-bg, var(--primary-bg)); --pagination-disabled-color: var(--fg-3); --pagination-disabled-bg: var(--bg-2); --pagination-disabled-border-color: var(--border-color); display: flex; padding-inline-start: 0; list-style-type: ""; } .page-link { position: relative; display: flex; align-items: center; justify-content: center; min-height: var(--pagination-min-height); padding: var(--pagination-padding-y) var(--pagination-padding-x); font-size: var(--pagination-font-size); color: var(--theme-fg, var(--pagination-color)); text-decoration: none; background-color: var(--pagination-bg); border: var(--pagination-border-width) solid var(--pagination-border-color); } @media (prefers-reduced-motion: no-preference) { .page-link { transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } } .page-link:hover { z-index: 2; color: var(--theme-fg-emphasis, var(--pagination-hover-color)); background-color: var(--theme-bg-subtle, var(--pagination-hover-bg)); border-color: var(--theme-border, var(--pagination-hover-border-color)); } .page-link:focus-visible { z-index: 3; outline: var(--focus-ring-width) solid var(--theme-focus-ring, var(--focus-ring-color)); outline-offset: var(--focus-ring-offset); } .page-link.active, .active > .page-link { z-index: 3; color: var(--theme-contrast, var(--pagination-active-color)); background-color: var(--theme-bg, var(--pagination-active-bg)); border-color: var(--theme-bg, var(--pagination-active-border-color)); } .page-link.disabled, .disabled > .page-link { color: var(--pagination-disabled-color); pointer-events: none; background-color: var(--pagination-disabled-bg); border-color: var(--pagination-disabled-border-color); } .page-item:not(:first-child) .page-link { margin-inline-start: calc(-1 * var(--pagination-border-width)); } .page-item:first-child .page-link { border-start-start-radius: var(--pagination-border-radius); border-end-start-radius: var(--pagination-border-radius); } .page-item:last-child .page-link { border-start-end-radius: var(--pagination-border-radius); border-end-end-radius: var(--pagination-border-radius); } .pagination-sm { --pagination-min-height: var(--btn-input-sm-min-height); --pagination-padding-y: var(--btn-input-sm-padding-y); --pagination-padding-x: var(--btn-input-sm-padding-x); --pagination-font-size: var(--btn-input-sm-font-size); --pagination-border-radius: var(--btn-input-sm-border-radius); } .pagination-lg { --pagination-min-height: var(--btn-input-lg-min-height); --pagination-padding-y: var(--btn-input-lg-padding-y); --pagination-padding-x: var(--btn-input-lg-padding-x); --pagination-font-size: var(--btn-input-lg-font-size); --pagination-border-radius: var(--btn-input-lg-border-radius); } } @layer components { .placeholder { --placeholder-opacity-max: 0.18; --placeholder-opacity-min: 0.1; display: inline-block; min-height: 1.25em; vertical-align: middle; cursor: wait; background-color: currentcolor; border-radius: var(--radius-3); opacity: var(--placeholder-opacity-max); } .placeholder.btn::before { display: inline-block; content: ""; } .placeholder-xs { min-height: 0.75em; } .placeholder-sm { min-height: 1em; } .placeholder-lg { min-height: 1.75em; } .placeholder-pulse .placeholder, .placeholder-glow .placeholder { animation: placeholder-pulse 2s ease-in-out infinite; } @media (prefers-reduced-motion: reduce) { .placeholder-pulse .placeholder, .placeholder-glow .placeholder { animation: none; } } @keyframes placeholder-pulse { 50% { opacity: var(--placeholder-opacity-min); } } .placeholder-wave { --placeholder-wave-opacity-max: 1; --placeholder-wave-opacity-min: 0.4; mask-image: linear-gradient(110deg, rgb(0, 0, 0, var(--placeholder-wave-opacity-min)) 35%, rgb(0, 0, 0, var(--placeholder-wave-opacity-max)) 50%, rgb(0, 0, 0, var(--placeholder-wave-opacity-min)) 65%); mask-repeat: no-repeat; mask-position: 100% 0%; mask-size: 250% 100%; animation: placeholder-wave 1.6s linear infinite; } @media (prefers-reduced-motion: reduce) { .placeholder-wave { mask-image: none; animation: none; } } @keyframes placeholder-wave { 100% { mask-position: 0% 0%; } } } @layer components { .popover { --popover-zindex: var(--z-popover); --popover-max-width: 280px; --popover-font-size: var(--font-size-sm); --popover-bg: var(--bg-body); --popover-border-width: var(--border-width); --popover-border-color: var(--border-color-translucent); --popover-border-radius: var(--radius-7); --popover-inner-border-radius: calc(var(--radius-7) - var(--border-width)); --popover-box-shadow: var(--box-shadow); --popover-header-padding-x: var(--spacer); --popover-header-padding-y: var(--spacer-3); --popover-header-font-size: var(--font-size-sm); --popover-header-color: inherit; --popover-header-bg: var(--bg-1); --popover-body-padding-x: var(--spacer); --popover-body-padding-y: var(--spacer-3); --popover-body-color: var(--fg-body); --popover-arrow-width: 1rem; --popover-arrow-height: 0.5rem; --popover-arrow-border: var(--popover-border-color); --popover-transition-property: opacity; --popover-transition-duration: 0.15s; --popover-transition-timing: linear; z-index: var(--popover-zindex); display: block; max-width: var(--popover-max-width); font-family: var(--body-font-family); font-style: normal; font-weight: var(--body-font-weight); line-height: var(--body-line-height); text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; white-space: normal; word-spacing: normal; line-break: auto; font-size: var(--popover-font-size); word-wrap: break-word; background-color: var(--popover-bg); background-clip: padding-box; border: var(--popover-border-width) solid var(--popover-border-color); border-radius: var(--popover-border-radius); box-shadow: var(--popover-box-shadow); opacity: 0; } @media (prefers-reduced-motion: no-preference) { .popover:not(.popover-instant) { transition-timing-function: var(--popover-transition-timing); transition-duration: var(--popover-transition-duration); transition-property: var(--popover-transition-property); } } .popover.show { opacity: 1; } .popover .popover-arrow { display: block; width: var(--popover-arrow-width); height: var(--popover-arrow-height); } .popover .popover-arrow::before, .popover .popover-arrow::after { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid; border-width: 0; } @starting-style { .popover:not(.popover-instant).show { opacity: 0; } } .bs-popover-top > .popover-arrow, .bs-popover-auto[data-bs-placement^=top] > .popover-arrow { bottom: calc(-1 * (var(--popover-arrow-height)) - var(--popover-border-width)); } .bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-bs-placement^=top] > .popover-arrow::before, .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-bs-placement^=top] > .popover-arrow::after { border-width: var(--popover-arrow-height) calc(var(--popover-arrow-width) * 0.5) 0; } .bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-bs-placement^=top] > .popover-arrow::before { bottom: 0; border-block-start-color: var(--popover-arrow-border); } .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-bs-placement^=top] > .popover-arrow::after { bottom: var(--popover-border-width); border-block-start-color: var(--popover-bg); } .bs-popover-end > .popover-arrow, .bs-popover-auto[data-bs-placement^=right] > .popover-arrow { left: calc(-1 * (var(--popover-arrow-height)) - var(--popover-border-width)); width: var(--popover-arrow-height); height: var(--popover-arrow-width); } .bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-bs-placement^=right] > .popover-arrow::before, .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-bs-placement^=right] > .popover-arrow::after { border-width: calc(var(--popover-arrow-width) * 0.5) var(--popover-arrow-height) calc(var(--popover-arrow-width) * 0.5) 0; } .bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-bs-placement^=right] > .popover-arrow::before { left: 0; border-inline-end-color: var(--popover-arrow-border); } .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-bs-placement^=right] > .popover-arrow::after { left: var(--popover-border-width); border-inline-end-color: var(--popover-bg); } .bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-bs-placement^=bottom] > .popover-arrow { top: calc(-1 * (var(--popover-arrow-height)) - var(--popover-border-width)); } .bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-bs-placement^=bottom] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-bs-placement^=bottom] > .popover-arrow::after { border-width: 0 calc(var(--popover-arrow-width) * 0.5) var(--popover-arrow-height); } .bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-bs-placement^=bottom] > .popover-arrow::before { top: 0; border-block-end-color: var(--popover-arrow-border); } .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-bs-placement^=bottom] > .popover-arrow::after { top: var(--popover-border-width); border-block-end-color: var(--popover-bg); } .bs-popover-bottom > .popover-arrow:has(+ .popover-header)::after, .bs-popover-auto[data-bs-placement^=bottom] > .popover-arrow:has(+ .popover-header)::after { border-block-end-color: var(--popover-header-bg); } .bs-popover-bottom .popover-header::before, .bs-popover-auto[data-bs-placement^=bottom] .popover-header::before { position: absolute; top: 0; left: 50%; display: block; width: var(--popover-arrow-width); margin-inline-start: calc(-0.5 * var(--popover-arrow-width)); content: ""; border-block-end: var(--popover-border-width) solid var(--popover-header-bg); } .bs-popover-start > .popover-arrow, .bs-popover-auto[data-bs-placement^=left] > .popover-arrow { right: calc(-1 * (var(--popover-arrow-height)) - var(--popover-border-width)); width: var(--popover-arrow-height); height: var(--popover-arrow-width); } .bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-bs-placement^=left] > .popover-arrow::before, .bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-bs-placement^=left] > .popover-arrow::after { border-width: calc(var(--popover-arrow-width) * 0.5) 0 calc(var(--popover-arrow-width) * 0.5) var(--popover-arrow-height); } .bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-bs-placement^=left] > .popover-arrow::before { right: 0; border-inline-start-color: var(--popover-arrow-border); } .bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-bs-placement^=left] > .popover-arrow::after { right: var(--popover-border-width); border-inline-start-color: var(--popover-bg); } .popover-header { padding: var(--popover-header-padding-y) var(--popover-header-padding-x); margin-bottom: 0; font-size: var(--popover-header-font-size); color: var(--popover-header-color); background-color: var(--popover-header-bg); border-block-end: var(--popover-border-width) solid var(--popover-border-color); border-start-start-radius: var(--popover-inner-border-radius); border-start-end-radius: var(--popover-inner-border-radius); } .popover-header:empty { display: none; } .popover-body { padding: var(--popover-body-padding-y) var(--popover-body-padding-x); color: var(--popover-body-color); } } @layer components { @keyframes progress-bar-stripes { 0% { background-position-x: var(--progress-height); } } .progress, .progress-stacked { --progress-height: 1rem; --progress-font-size: var(--font-size-sm); --progress-bg: var(--bg-2); --progress-border-radius: var(--radius-5); --progress-box-shadow: var(--box-shadow-inset); --progress-bar-color: var(--white); --progress-bar-bg: var(--primary-bg); --progress-bar-transition: width 0.6s ease; --progress-bar-animation: progress-bar-stripes 1s linear infinite; display: flex; height: var(--progress-height); overflow: hidden; font-size: var(--progress-font-size); background-color: var(--progress-bg); border-radius: var(--progress-border-radius); box-shadow: var(--progress-box-shadow); } .progress-bar { display: flex; flex-direction: column; justify-content: center; overflow: hidden; color: var(--theme-contrast, var(--progress-bar-color)); text-align: center; white-space: nowrap; background-color: var(--theme-bg, var(--progress-bar-bg)); } @media (prefers-reduced-motion: no-preference) { .progress-bar { transition: var(--progress-bar-transition); } } .progress-bar-striped { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: var(--progress-height) var(--progress-height); } .progress-stacked > .progress { overflow: visible; } .progress-stacked > .progress > .progress-bar { width: 100%; } .progress-bar-animated { animation: var(--progress-bar-animation); } @media (prefers-reduced-motion: reduce) { .progress-bar-animated { animation: none; } } } @layer components { .spinner-grow, .spinner-border { display: inline-flex; flex-shrink: 0; width: var(--spinner-width); height: var(--spinner-height); border-radius: 50%; animation: var(--spinner-animation-speed) var(--spinner-animation-timing-function) infinite var(--spinner-animation-name); } @keyframes spinner-border { to { transform: rotate(360deg); } } .spinner-border { --spinner-width: 1em; --spinner-height: 1em; --spinner-border-width: 0.125em; --spinner-animation-speed: 1s; --spinner-animation-timing-function: linear; --spinner-animation-name: spinner-border; border: var(--spinner-border-width) solid currentcolor; border-inline-end-color: transparent; } .spinner-sm { --spinner-width: .75em; --spinner-height: .75em; } @keyframes spinner-grow { 0% { transform: scale(0); } 50% { opacity: 1; transform: none; } } .spinner-grow { --spinner-width: 1em; --spinner-height: 1em; --spinner-animation-speed: 1s; --spinner-animation-timing-function: ease-in-out; --spinner-animation-name: spinner-grow; background-color: currentcolor; opacity: 0; } .spinner-rotate { animation: 1s linear infinite spinner-border; } @media (prefers-reduced-motion: reduce) { .spinner-border, .spinner-grow { --spinner-animation-speed: 1.5s; } } } @layer components { .stepper { --stepper-size: 2rem; --stepper-gap: 1rem; --stepper-font-size: var(--font-size-sm); --stepper-text-gap: 0.5rem; --stepper-track-size: 0.125rem; --stepper-bg: var(--bg-2); --stepper-active-color: var(--primary-contrast); --stepper-active-bg: var(--primary-bg); display: grid; grid-auto-rows: 1fr; grid-auto-flow: row; gap: var(--stepper-gap); padding-inline-start: 0; list-style-type: ""; counter-reset: stepper; } .stepper-item { position: relative; display: grid; grid-template-rows: auto; grid-template-columns: var(--stepper-size) auto; gap: var(--stepper-text-gap); align-items: var(--stepper-align-items, center); text-decoration: none; } .stepper-item::before { position: relative; z-index: 1; display: flex; flex-shrink: 0; align-items: center; justify-content: center; width: var(--stepper-size); height: var(--stepper-size); padding: 0.5rem; font-size: var(--stepper-font-size); font-weight: 600; line-height: 1; text-align: center; content: counter(stepper); counter-increment: stepper; background-color: var(--stepper-bg); border-radius: 50%; } .stepper-item::after { position: absolute; inset-block-start: 50%; inset-block-end: 100%; inset-inline-start: calc(var(--stepper-size) * 0.5 - var(--stepper-track-size) * 0.5); width: var(--stepper-track-size); height: calc(100% + var(--stepper-gap)); content: ""; background-color: var(--stepper-bg); } .stepper-item:last-child::after { display: none; } .stepper-item.active::before, .stepper-item.active::after { color: var(--theme-contrast, var(--stepper-active-color)); background-color: var(--theme-bg, var(--stepper-active-bg)); } .stepper-item.active:not(:has(+ .stepper-item.active))::after { background-color: var(--stepper-bg); } .stepper-horizontal { display: inline-grid; grid-auto-columns: 1fr; grid-auto-flow: column; } .stepper-horizontal .stepper-item { grid-template-rows: var(--stepper-size) auto; grid-template-columns: auto; align-items: start; justify-items: center; text-align: center; } .stepper-horizontal .stepper-item::after { inset-block-start: calc(var(--stepper-size) * 0.5 - var(--stepper-track-size) * 0.5); inset-block-end: auto; inset-inline-start: 50%; inset-inline-end: 100%; width: calc(100% + var(--stepper-gap)); height: var(--stepper-track-size); } .stepper-horizontal .stepper-item:last-child::after { right: 100%; } @container (width >= 576px) { .sm\:stepper-horizontal { display: inline-grid; grid-auto-columns: 1fr; grid-auto-flow: column; } .sm\:stepper-horizontal .stepper-item { grid-template-rows: var(--stepper-size) auto; grid-template-columns: auto; align-items: start; justify-items: center; text-align: center; } .sm\:stepper-horizontal .stepper-item::after { inset-block-start: calc(var(--stepper-size) * 0.5 - var(--stepper-track-size) * 0.5); inset-block-end: auto; inset-inline-start: 50%; inset-inline-end: 100%; width: calc(100% + var(--stepper-gap)); height: var(--stepper-track-size); } .sm\:stepper-horizontal .stepper-item:last-child::after { right: 100%; } } @container (width >= 768px) { .md\:stepper-horizontal { display: inline-grid; grid-auto-columns: 1fr; grid-auto-flow: column; } .md\:stepper-horizontal .stepper-item { grid-template-rows: var(--stepper-size) auto; grid-template-columns: auto; align-items: start; justify-items: center; text-align: center; } .md\:stepper-horizontal .stepper-item::after { inset-block-start: calc(var(--stepper-size) * 0.5 - var(--stepper-track-size) * 0.5); inset-block-end: auto; inset-inline-start: 50%; inset-inline-end: 100%; width: calc(100% + var(--stepper-gap)); height: var(--stepper-track-size); } .md\:stepper-horizontal .stepper-item:last-child::after { right: 100%; } } @container (width >= 992px) { .lg\:stepper-horizontal { display: inline-grid; grid-auto-columns: 1fr; grid-auto-flow: column; } .lg\:stepper-horizontal .stepper-item { grid-template-rows: var(--stepper-size) auto; grid-template-columns: auto; align-items: start; justify-items: center; text-align: center; } .lg\:stepper-horizontal .stepper-item::after { inset-block-start: calc(var(--stepper-size) * 0.5 - var(--stepper-track-size) * 0.5); inset-block-end: auto; inset-inline-start: 50%; inset-inline-end: 100%; width: calc(100% + var(--stepper-gap)); height: var(--stepper-track-size); } .lg\:stepper-horizontal .stepper-item:last-child::after { right: 100%; } } @container (width >= 1200px) { .xl\:stepper-horizontal { display: inline-grid; grid-auto-columns: 1fr; grid-auto-flow: column; } .xl\:stepper-horizontal .stepper-item { grid-template-rows: var(--stepper-size) auto; grid-template-columns: auto; align-items: start; justify-items: center; text-align: center; } .xl\:stepper-horizontal .stepper-item::after { inset-block-start: calc(var(--stepper-size) * 0.5 - var(--stepper-track-size) * 0.5); inset-block-end: auto; inset-inline-start: 50%; inset-inline-end: 100%; width: calc(100% + var(--stepper-gap)); height: var(--stepper-track-size); } .xl\:stepper-horizontal .stepper-item:last-child::after { right: 100%; } } @container (width >= 1400px) { .\32 xl\:stepper-horizontal { display: inline-grid; grid-auto-columns: 1fr; grid-auto-flow: column; } .\32 xl\:stepper-horizontal .stepper-item { grid-template-rows: var(--stepper-size) auto; grid-template-columns: auto; align-items: start; justify-items: center; text-align: center; } .\32 xl\:stepper-horizontal .stepper-item::after { inset-block-start: calc(var(--stepper-size) * 0.5 - var(--stepper-track-size) * 0.5); inset-block-end: auto; inset-inline-start: 50%; inset-inline-end: 100%; width: calc(100% + var(--stepper-gap)); height: var(--stepper-track-size); } .\32 xl\:stepper-horizontal .stepper-item:last-child::after { right: 100%; } } .stepper-overflow { container-type: inline-size; overflow-x: auto; overscroll-behavior-x: contain; -webkit-overflow-scrolling: touch; } .stepper-overflow > .stepper { width: max-content; min-width: 100%; } } @layer components { .toast { --toast-zindex: var(--z-toast); --toast-padding-x: 1rem; --toast-padding-y: 0.75rem; --toast-spacing: 30px; --toast-max-width: 350px; --toast-font-size: var(--font-size-sm); --toast-bg: var(--bg-body); --toast-border-width: var(--border-width); --toast-border-color: var(--border-color-translucent); --toast-box-shadow: var(--box-shadow); --toast-header-color: var(--fg-3); --toast-header-bg: var(--bg-1); --toast-header-border-color: var(--border-color-translucent); --toast-transition-property: opacity, display; --toast-transition-duration: 0.15s; --toast-transition-timing: linear; display: none; flex-direction: column; width: var(--toast-max-width); max-width: 100%; overflow: hidden; font-size: var(--toast-font-size); color: var(--toast-color, var(--fg-body)); pointer-events: auto; background-color: var(--toast-bg); background-clip: padding-box; border: var(--toast-border-width) solid var(--theme-border, var(--toast-border-color)); box-shadow: var(--toast-box-shadow); border-radius: var(--toast-border-radius, var(--radius-7)); } .toast:not(.toast-instant) { opacity: 0; } @media (prefers-reduced-motion: no-preference) { .toast:not(.toast-instant) { transition-timing-function: var(--toast-transition-timing); transition-duration: var(--toast-transition-duration); transition-property: var(--toast-transition-property); transition-behavior: allow-discrete; } } .toast.show { display: flex; opacity: 1; } @starting-style { .toast:not(.toast-instant).show { opacity: 0; } } .toast-container { --toast-zindex: var(--z-toast); position: absolute; z-index: var(--toast-zindex); width: max-content; max-width: 100%; pointer-events: none; } .toast-container > :not(:last-child) { margin-bottom: var(--toast-spacing); } .toast-header { display: flex; align-items: center; padding: var(--toast-padding-y) var(--toast-padding-x); color: var(--theme-fg-emphasis, var(--toast-header-color)); background-color: var(--theme-bg-subtle, var(--toast-header-bg)); border-block-end: var(--toast-border-width, var(--border-width)) solid var(--theme-border, var(--toast-header-border-color, var(--border-color-translucent))); } .toast-header .btn-close { margin-inline-start: calc(0.5 * var(--toast-padding-x)); margin-inline-end: calc(-0.25 * var(--toast-padding-x)); color: inherit; } .toast-translucent { backdrop-filter: blur(5px) saturate(180%); } .toast-body { padding: var(--toast-padding-x); word-wrap: break-word; } } @layer components { .tooltip { --tooltip-zindex: var(--z-tooltip); --tooltip-max-width: 200px; --tooltip-padding-x: var(--spacer-3); --tooltip-padding-y: calc(var(--spacer) * 0.375); --tooltip-font-size: var(--font-size-sm); --tooltip-color: var(--bg-body); --tooltip-bg: var(--fg-body); --tooltip-border-radius: var(--radius-5); --tooltip-opacity: 0.95; --tooltip-arrow-width: 0.8rem; --tooltip-arrow-height: 0.4rem; --tooltip-transition-property: opacity; --tooltip-transition-duration: 0.15s; --tooltip-transition-timing: linear; z-index: var(--tooltip-zindex); display: block; font-family: var(--body-font-family); font-style: normal; font-weight: var(--body-font-weight); line-height: var(--body-line-height); text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; white-space: normal; word-spacing: normal; line-break: auto; font-size: var(--tooltip-font-size); word-wrap: break-word; opacity: 0; } @media (prefers-reduced-motion: no-preference) { .tooltip:not(.tooltip-instant) { transition-timing-function: var(--tooltip-transition-timing); transition-duration: var(--tooltip-transition-duration); transition-property: var(--tooltip-transition-property); } } .tooltip.show { opacity: var(--tooltip-opacity); } .tooltip .tooltip-arrow { display: block; width: var(--tooltip-arrow-width); height: var(--tooltip-arrow-height); } .tooltip .tooltip-arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid; } @starting-style { .tooltip:not(.tooltip-instant).show { opacity: 0; } } .bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-bs-placement^=top] .tooltip-arrow { bottom: calc(-1 * var(--tooltip-arrow-height)); } .bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-bs-placement^=top] .tooltip-arrow::before { top: -1px; border-width: var(--tooltip-arrow-height) calc(var(--tooltip-arrow-width) * 0.5) 0; border-block-start-color: var(--tooltip-bg); } .bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-bs-placement^=right] .tooltip-arrow { left: calc(-1 * var(--tooltip-arrow-height)); width: var(--tooltip-arrow-height); height: var(--tooltip-arrow-width); } .bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-bs-placement^=right] .tooltip-arrow::before { right: -1px; border-width: calc(var(--tooltip-arrow-width) * 0.5) var(--tooltip-arrow-height) calc(var(--tooltip-arrow-width) * 0.5) 0; border-inline-end-color: var(--tooltip-bg); } .bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-bs-placement^=bottom] .tooltip-arrow { top: calc(-1 * var(--tooltip-arrow-height)); } .bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-bs-placement^=bottom] .tooltip-arrow::before { bottom: -1px; border-width: 0 calc(var(--tooltip-arrow-width) * 0.5) var(--tooltip-arrow-height); border-block-end-color: var(--tooltip-bg); } .bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-bs-placement^=left] .tooltip-arrow { right: calc(-1 * var(--tooltip-arrow-height)); width: var(--tooltip-arrow-height); height: var(--tooltip-arrow-width); } .bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-bs-placement^=left] .tooltip-arrow::before { left: -1px; border-width: calc(var(--tooltip-arrow-width) * 0.5) 0 calc(var(--tooltip-arrow-width) * 0.5) var(--tooltip-arrow-height); border-inline-start-color: var(--tooltip-bg); } .tooltip-inner { max-width: var(--tooltip-max-width); padding: var(--tooltip-padding-y) var(--tooltip-padding-x); color: var(--tooltip-color); text-align: center; background-color: var(--tooltip-bg); border-radius: var(--tooltip-border-radius); } } .fade { --transition-fade-duration: 0.15s; --transition-fade-timing: linear; } @media (prefers-reduced-motion: no-preference) { .fade { transition: opacity var(--transition-fade-duration) var(--transition-fade-timing); } } .fade:not(.show) { opacity: 0; } .collapse { --transition-collapse-property: block-size, display; --transition-collapse-duration: 0.35s; --transition-collapse-timing: ease; overflow-y: clip; } @media (prefers-reduced-motion: no-preference) { .collapse { transition-timing-function: var(--transition-collapse-timing); transition-duration: var(--transition-collapse-duration); transition-property: var(--transition-collapse-property); transition-behavior: allow-discrete; } } @media (prefers-reduced-motion: no-preference) { .collapse { interpolate-size: allow-keywords; } } .collapse:not(.show) { display: none; block-size: 0; } @starting-style { .collapse.show { block-size: 0; } } .collapse.collapse-horizontal { --transition-collapse-property: inline-size, display; inline-size: fit-content; overflow-x: clip; overflow-y: visible; } .collapse.collapse-horizontal:not(.show) { inline-size: 0; block-size: auto; } @starting-style { .collapse.collapse-horizontal.show { inline-size: 0; } } @layer helpers { .focus-ring:focus-visible { outline: var(--focus-ring-width) solid var(--theme-focus-ring, var(--focus-ring-color)); } } @layer helpers { .hover-lift { --hover-lift-transition-duration: 0.2s; --hover-lift-transition-timing: ease; --hover-lift-transform: translateY(-0.25rem); --hover-lift-box-shadow: var(--box-shadow-lg); } @media (prefers-reduced-motion: no-preference) { .hover-lift { transition: transform var(--hover-lift-transition-duration) var(--hover-lift-transition-timing), box-shadow var(--hover-lift-transition-duration) var(--hover-lift-transition-timing); } } .hover-lift:hover, .hover-lift:focus-visible { transform: var(--hover-lift-transform); box-shadow: var(--hover-lift-box-shadow); } } @layer helpers { .icon-link { --icon-link-gap: 0.375rem; --icon-link-underline-offset: 0.25em; --icon-link-icon-size: 1em; --icon-link-icon-transition: 0.2s ease-in-out transform; --icon-link-icon-transform: translate3d(0.25em, 0, 0); display: inline-flex; gap: var(--icon-link-gap); align-items: center; text-decoration-color: color-mix(in oklch, var(--link-color) 50%, transparent); text-underline-offset: var(--icon-link-underline-offset); backface-visibility: hidden; } .icon-link > .bi { flex-shrink: 0; width: var(--icon-link-icon-size); height: var(--icon-link-icon-size); fill: currentcolor; } @media (prefers-reduced-motion: no-preference) { .icon-link > .bi { transition: var(--icon-link-icon-transition); } } .icon-link-hover:hover > .bi, .icon-link-hover:focus-visible > .bi { transform: var(--icon-link-transform, var(--icon-link-icon-transform)); } } @layer helpers { .fixed-top { position: fixed; inset: 0 0 auto; z-index: var(--z-fixed); } .fixed-bottom { position: fixed; inset: auto 0 0; z-index: var(--z-fixed); } .sticky-top { position: sticky; top: 0; z-index: var(--z-sticky); } .sticky-bottom { position: sticky; bottom: 0; z-index: var(--z-sticky); } @media (width >= 576px) { .sm\:sticky-top { position: sticky; top: 0; z-index: var(--z-sticky); } .sm\:sticky-bottom { position: sticky; bottom: 0; z-index: var(--z-sticky); } } @media (width >= 768px) { .md\:sticky-top { position: sticky; top: 0; z-index: var(--z-sticky); } .md\:sticky-bottom { position: sticky; bottom: 0; z-index: var(--z-sticky); } } @media (width >= 992px) { .lg\:sticky-top { position: sticky; top: 0; z-index: var(--z-sticky); } .lg\:sticky-bottom { position: sticky; bottom: 0; z-index: var(--z-sticky); } } @media (width >= 1200px) { .xl\:sticky-top { position: sticky; top: 0; z-index: var(--z-sticky); } .xl\:sticky-bottom { position: sticky; bottom: 0; z-index: var(--z-sticky); } } @media (width >= 1400px) { .\32 xl\:sticky-top { position: sticky; top: 0; z-index: var(--z-sticky); } .\32 xl\:sticky-bottom { position: sticky; bottom: 0; z-index: var(--z-sticky); } } } @layer helpers { .stack-container { container-type: inline-size; } [class*=hstack], [class*=vstack] { display: flex; flex: var(--stack-flex, 1 1 auto); flex-direction: var(--stack-direction, row); align-items: var(--stack-align-items, center); align-self: var(--stack-align-self, stretch); } .vstack { --stack-direction: column; --stack-align-items: stretch; } .hstack { --stack-direction: row; --stack-align-items: flex-start; } @container (width >= 576px) { .sm\:vstack { --stack-direction: column; --stack-align-items: stretch; } } @container (width >= 576px) { .sm\:hstack { --stack-direction: row; --stack-align-items: flex-start; } } @container (width >= 768px) { .md\:vstack { --stack-direction: column; --stack-align-items: stretch; } } @container (width >= 768px) { .md\:hstack { --stack-direction: row; --stack-align-items: flex-start; } } @container (width >= 992px) { .lg\:vstack { --stack-direction: column; --stack-align-items: stretch; } } @container (width >= 992px) { .lg\:hstack { --stack-direction: row; --stack-align-items: flex-start; } } @container (width >= 1200px) { .xl\:vstack { --stack-direction: column; --stack-align-items: stretch; } } @container (width >= 1200px) { .xl\:hstack { --stack-direction: row; --stack-align-items: flex-start; } } @container (width >= 1400px) { .\32 xl\:vstack { --stack-direction: column; --stack-align-items: stretch; } } @container (width >= 1400px) { .\32 xl\:hstack { --stack-direction: row; --stack-align-items: flex-start; } } } @layer helpers { .theme-primary { --theme-base: var(--primary-base); --theme-fg: var(--primary-fg); --theme-fg-emphasis: var(--primary-fg-emphasis); --theme-bg: var(--primary-bg); --theme-bg-subtle: var(--primary-bg-subtle); --theme-bg-muted: var(--primary-bg-muted); --theme-border: var(--primary-border); --theme-focus-ring: var(--primary-focus-ring); --theme-contrast: var(--primary-contrast); } .theme-accent { --theme-base: var(--accent-base); --theme-fg: var(--accent-fg); --theme-fg-emphasis: var(--accent-fg-emphasis); --theme-bg: var(--accent-bg); --theme-bg-subtle: var(--accent-bg-subtle); --theme-bg-muted: var(--accent-bg-muted); --theme-border: var(--accent-border); --theme-focus-ring: var(--accent-focus-ring); --theme-contrast: var(--accent-contrast); } .theme-success { --theme-base: var(--success-base); --theme-fg: var(--success-fg); --theme-fg-emphasis: var(--success-fg-emphasis); --theme-bg: var(--success-bg); --theme-bg-subtle: var(--success-bg-subtle); --theme-bg-muted: var(--success-bg-muted); --theme-border: var(--success-border); --theme-focus-ring: var(--success-focus-ring); --theme-contrast: var(--success-contrast); } .theme-danger { --theme-base: var(--danger-base); --theme-fg: var(--danger-fg); --theme-fg-emphasis: var(--danger-fg-emphasis); --theme-bg: var(--danger-bg); --theme-bg-subtle: var(--danger-bg-subtle); --theme-bg-muted: var(--danger-bg-muted); --theme-border: var(--danger-border); --theme-focus-ring: var(--danger-focus-ring); --theme-contrast: var(--danger-contrast); } .theme-warning { --theme-base: var(--warning-base); --theme-fg: var(--warning-fg); --theme-fg-emphasis: var(--warning-fg-emphasis); --theme-bg: var(--warning-bg); --theme-bg-subtle: var(--warning-bg-subtle); --theme-bg-muted: var(--warning-bg-muted); --theme-border: var(--warning-border); --theme-focus-ring: var(--warning-focus-ring); --theme-contrast: var(--warning-contrast); } .theme-info { --theme-base: var(--info-base); --theme-fg: var(--info-fg); --theme-fg-emphasis: var(--info-fg-emphasis); --theme-bg: var(--info-bg); --theme-bg-subtle: var(--info-bg-subtle); --theme-bg-muted: var(--info-bg-muted); --theme-border: var(--info-border); --theme-focus-ring: var(--info-focus-ring); --theme-contrast: var(--info-contrast); } .theme-inverse { --theme-base: var(--inverse-base); --theme-fg: var(--inverse-fg); --theme-fg-emphasis: var(--inverse-fg-emphasis); --theme-bg: var(--inverse-bg); --theme-bg-subtle: var(--inverse-bg-subtle); --theme-bg-muted: var(--inverse-bg-muted); --theme-border: var(--inverse-border); --theme-focus-ring: var(--inverse-focus-ring); --theme-contrast: var(--inverse-contrast); } .theme-secondary { --theme-base: var(--secondary-base); --theme-fg: var(--secondary-fg); --theme-fg-emphasis: var(--secondary-fg-emphasis); --theme-bg: var(--secondary-bg); --theme-bg-subtle: var(--secondary-bg-subtle); --theme-bg-muted: var(--secondary-bg-muted); --theme-border: var(--secondary-border); --theme-focus-ring: var(--secondary-focus-ring); --theme-contrast: var(--secondary-contrast); } .theme-reset { --theme-base: initial; --theme-fg: initial; --theme-fg-emphasis: initial; --theme-bg: initial; --theme-bg-subtle: initial; --theme-bg-muted: initial; --theme-border: initial; --theme-focus-ring: initial; --theme-contrast: initial; } .theme-contrast { --theme-fg: var(--theme-contrast); --theme-fg-emphasis: var(--theme-contrast); } .theme-muted { --theme-fg: var(--theme-fg-emphasis); } } @layer helpers { .visually-hidden, .visually-hidden-focusable:not(:focus, :focus-within) { width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } .visually-hidden:not(caption), .visually-hidden-focusable:not(:focus, :focus-within):not(caption) { position: absolute !important; } .visually-hidden *, .visually-hidden-focusable:not(:focus, :focus-within) * { overflow: hidden !important; } } @layer helpers { .stretched-link { --stretched-link-z-index: 1; } .stretched-link::after { position: absolute; inset: 0; z-index: var(--stretched-link-z-index); content: ""; } } @layer helpers { .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } } @layer helpers { .vr { display: inline-block; align-self: stretch; width: var(--vr-border-width, var(--border-width)); min-height: 1em; background-color: var(--border-color); } } @property --ratio { syntax: "*"; inherits: false; } @property --sc { syntax: "*"; inherits: false; } @property --so { syntax: "*"; inherits: false; } @property --bc { syntax: "*"; inherits: false; } @property --fg { syntax: "*"; inherits: false; } @property --underline-color { syntax: "*"; inherits: false; } @property --bg { syntax: "*"; inherits: false; } @property --rounded-size { syntax: "*"; inherits: false; } @layer utilities { .align-baseline { vertical-align: baseline; } .align-top { vertical-align: top; } .align-middle { vertical-align: middle; } .align-bottom { vertical-align: bottom; } .align-text-bottom { vertical-align: text-bottom; } .align-text-top { vertical-align: text-top; } [class*=ratio-] { aspect-ratio: var(--ratio); } .ratio-auto { --ratio: auto; } .ratio-1x1 { --ratio: 1 / 1; } .ratio-4x3 { --ratio: 4 / 3; } .ratio-16x9 { --ratio: 16 / 9; } .ratio-21x9 { --ratio: 21 / 9; } .float-start { float: inline-start; } .float-end { float: inline-end; } .float-none { float: none; } .object-fit-contain { object-fit: contain; } .object-fit-cover { object-fit: cover; } .object-fit-fill { object-fit: fill; } .object-fit-scale { object-fit: scale-down; } .object-fit-none { object-fit: none; } .opacity-0 { opacity: 0; } .opacity-25 { opacity: 0.25; } .opacity-50 { opacity: 0.5; } .opacity-75 { opacity: 0.75; } .opacity-100 { opacity: 1; } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .overflow-visible { overflow: visible; } .overflow-scroll { overflow: scroll; } .overflow-x-auto { overflow-x: auto; } .overflow-x-hidden { overflow-x: hidden; } .overflow-x-visible { overflow-x: visible; } .overflow-x-scroll { overflow-x: scroll; } .overflow-y-auto { overflow-y: auto; } .overflow-y-hidden { overflow-y: hidden; } .overflow-y-visible { overflow-y: visible; } .overflow-y-scroll { overflow-y: scroll; } .contains-inline { container-type: inline-size; } .contains-size { container-type: size; } .d-inline { display: inline; } .d-inline-block { display: inline-block; } .d-block { display: block; } .d-grid { display: grid; } .d-inline-grid { display: inline-grid; } .d-table { display: table; } .d-table-row { display: table-row; } .d-table-cell { display: table-cell; } .d-flex { display: flex; } .d-inline-flex { display: inline-flex; } .d-contents { display: contents; } .d-flow-root { display: flow-root; } .d-none { display: none; } .shadow { box-shadow: 0 .125rem .25rem -.0625rem oklch(from var(--sc, var(--shadow-color)) l c h / calc(.04 * var(--shadow-strength) * var(--so, 1))), 0 .375rem .75rem -.125rem oklch(from var(--sc, var(--shadow-color)) l c h / calc(.05 * var(--shadow-strength) * var(--so, 1))), 0 .75rem 1.5rem -.25rem oklch(from var(--sc, var(--shadow-color)) l c h / calc(.06 * var(--shadow-strength) * var(--so, 1))); } .shadow-xs { box-shadow: 0 0.0625rem 0.125rem oklch(from var(--sc, var(--shadow-color)) l c h/calc(0.04 * var(--shadow-strength) * var(--so, 1))); } .shadow-sm { box-shadow: 0 .0625rem .125rem oklch(from var(--sc, var(--shadow-color)) l c h / calc(.04 * var(--shadow-strength) * var(--so, 1))), 0 .125rem .375rem -.0625rem oklch(from var(--sc, var(--shadow-color)) l c h / calc(.05 * var(--shadow-strength) * var(--so, 1))); } .shadow-lg { box-shadow: 0 .125rem .375rem -.0625rem oklch(from var(--sc, var(--shadow-color)) l c h / calc(.05 * var(--shadow-strength) * var(--so, 1))), 0 .375rem 1rem -.1875rem oklch(from var(--sc, var(--shadow-color)) l c h / calc(.06 * var(--shadow-strength) * var(--so, 1))), 0 .75rem 2rem -.375rem oklch(from var(--sc, var(--shadow-color)) l c h / calc(.07 * var(--shadow-strength) * var(--so, 1))), 0 1.5rem 3.5rem -.75rem oklch(from var(--sc, var(--shadow-color)) l c h / calc(.08 * var(--shadow-strength) * var(--so, 1))); } .shadow-xl { box-shadow: 0 .1875rem .5rem -.0625rem oklch(from var(--sc, var(--shadow-color)) l c h / calc(.05 * var(--shadow-strength) * var(--so, 1))), 0 .5rem 1.25rem -.1875rem oklch(from var(--sc, var(--shadow-color)) l c h / calc(.06 * var(--shadow-strength) * var(--so, 1))), 0 1rem 2.5rem -.375rem oklch(from var(--sc, var(--shadow-color)) l c h / calc(.07 * var(--shadow-strength) * var(--so, 1))), 0 2rem 5rem -.75rem oklch(from var(--sc, var(--shadow-color)) l c h / calc(.09 * var(--shadow-strength) * var(--so, 1))); } .shadow-none { box-shadow: none; } .shadow-primary { --sc: var(--primary-base); } .shadow-accent { --sc: var(--accent-base); } .shadow-success { --sc: var(--success-base); } .shadow-danger { --sc: var(--danger-base); } .shadow-warning { --sc: var(--warning-base); } .shadow-info { --sc: var(--info-base); } .shadow-inverse { --sc: var(--inverse-base); } .shadow-secondary { --sc: var(--secondary-base); } .shadow-current { --sc: currentcolor; } .shadow-black { --sc: var(--black); } .shadow-white { --sc: var(--white); } .shadow-opacity-10 { --so: 0.2; } .shadow-opacity-20 { --so: 0.4; } .shadow-opacity-30 { --so: 0.6; } .shadow-opacity-40 { --so: 0.8; } .shadow-opacity-50 { --so: 1; } .shadow-opacity-60 { --so: 1.2; } .shadow-opacity-70 { --so: 1.4; } .shadow-opacity-80 { --so: 1.6; } .shadow-opacity-90 { --so: 1.8; } .shadow-opacity-100 { --so: 2; } .position-static { position: static; } .position-relative { position: relative; } .position-absolute { position: absolute; } .position-fixed { position: fixed; } .position-sticky { position: sticky; } .top-0 { top: 0; } .top-50 { top: 50%; } .top-100 { top: 100%; } .bottom-0 { bottom: 0; } .bottom-50 { bottom: 50%; } .bottom-100 { bottom: 100%; } .start-0 { inset-inline-start: 0; } .start-50 { inset-inline-start: 50%; } .start-100 { inset-inline-start: 100%; } .end-0 { inset-inline-end: 0; } .end-50 { inset-inline-end: 50%; } .end-100 { inset-inline-end: 100%; } .translate-middle { transform: translate(-50%, -50%); } .translate-middle-x { transform: translateX(-50%); } .translate-middle-y { transform: translateY(-50%); } .border { border: var(--border-width) var(--border-style) var(--border-color); } .border-0 { border: 0; } .border-top { border-block-start: var(--border-width) var(--border-style) var(--border-color); } .border-top-0 { border-block-start: 0; } .border-end { border-inline-end: var(--border-width) var(--border-style) var(--border-color); } .border-end-0 { border-inline-end: 0; } .border-bottom { border-block-end: var(--border-width) var(--border-style) var(--border-color); } .border-bottom-0 { border-block-end: 0; } .border-start { border-inline-start: var(--border-width) var(--border-style) var(--border-color); } .border-start-0 { border-inline-start: 0; } .border-y { border-block: var(--border-width) var(--border-style) var(--border-color); } .border-y-0 { border-block: 0; } .border-x { border-inline: var(--border-width) var(--border-style) var(--border-color); } .border-x-0 { border-inline: 0; } .border-primary { --bc: var(--primary-bg); border-color: var(--bc); } .border-accent { --bc: var(--accent-bg); border-color: var(--bc); } .border-success { --bc: var(--success-bg); border-color: var(--bc); } .border-danger { --bc: var(--danger-bg); border-color: var(--bc); } .border-warning { --bc: var(--warning-bg); border-color: var(--bc); } .border-info { --bc: var(--info-bg); border-color: var(--bc); } .border-inverse { --bc: var(--inverse-bg); border-color: var(--bc); } .border-secondary { --bc: var(--secondary-bg); border-color: var(--bc); } .border-bg { --bc: var(--border-bg); border-color: var(--bc); } .border-body { --bc: var(--border-body); border-color: var(--bc); } .border-muted { --bc: var(--border-muted); border-color: var(--bc); } .border-subtle { --bc: var(--border-subtle); border-color: var(--bc); } .border-emphasized { --bc: var(--border-emphasized); border-color: var(--bc); } .border-white { --bc: var(--border-white); border-color: var(--bc); } .border-black { --bc: var(--border-black); border-color: var(--bc); } .border-subtle-primary { --bc: var(--primary-border); border-color: var(--bc); } .border-subtle-accent { --bc: var(--accent-border); border-color: var(--bc); } .border-subtle-success { --bc: var(--success-border); border-color: var(--bc); } .border-subtle-danger { --bc: var(--danger-border); border-color: var(--bc); } .border-subtle-warning { --bc: var(--warning-border); border-color: var(--bc); } .border-subtle-info { --bc: var(--info-border); border-color: var(--bc); } .border-subtle-inverse { --bc: var(--inverse-border); border-color: var(--bc); } .border-subtle-secondary { --bc: var(--secondary-border); border-color: var(--bc); } .border-keyline { border-width: var(--border-width-keyline); } .border-1 { border-width: 1px; } .border-2 { border-width: 2px; } .border-3 { border-width: 3px; } .border-4 { border-width: 4px; } .border-5 { border-width: 5px; } .border-10 { border-color: color-mix(in oklch, var(--bc) 10%, transparent); } .border-20 { border-color: color-mix(in oklch, var(--bc) 20%, transparent); } .border-30 { border-color: color-mix(in oklch, var(--bc) 30%, transparent); } .border-40 { border-color: color-mix(in oklch, var(--bc) 40%, transparent); } .border-50 { border-color: color-mix(in oklch, var(--bc) 50%, transparent); } .border-60 { border-color: color-mix(in oklch, var(--bc) 60%, transparent); } .border-70 { border-color: color-mix(in oklch, var(--bc) 70%, transparent); } .border-80 { border-color: color-mix(in oklch, var(--bc) 80%, transparent); } .border-90 { border-color: color-mix(in oklch, var(--bc) 90%, transparent); } .border-100 { border-color: var(--bc); } .w-1 { width: 1rem; } .w-2 { width: 2rem; } .w-3 { width: 3rem; } .w-4 { width: 4rem; } .w-5 { width: 5rem; } .w-6 { width: 6rem; } .w-7 { width: 7rem; } .w-8 { width: 8rem; } .w-9 { width: 9rem; } .w-10 { width: 10rem; } .w-11 { width: 11rem; } .w-12 { width: 12rem; } .w-25 { width: 25%; } .w-50 { width: 50%; } .w-75 { width: 75%; } .w-100 { width: 100%; } .w-auto { width: auto; } .w-min { width: min-content; } .w-max { width: max-content; } .w-fit { width: fit-content; } .max-w-100 { max-width: 100%; } .min-w-0 { min-width: 0; } .min-w-100 { min-width: 100%; } .vw-100 { width: 100vw; } .min-vw-100 { min-width: 100vw; } .dvw-100 { width: 100dvw; } .min-dvw-100 { min-width: 100dvw; } .h-25 { height: 25%; } .h-50 { height: 50%; } .h-75 { height: 75%; } .h-100 { height: 100%; } .h-auto { height: auto; } .h-min { height: min-content; } .h-max { height: max-content; } .h-fit { height: fit-content; } .max-h-100 { max-height: 100%; } .min-h-0 { min-height: 0; } .min-h-100 { min-height: 100%; } .vh-100 { height: 100vh; } .min-vh-100 { min-height: 100vh; } .dvh-100 { height: 100dvh; } .min-dvh-100 { min-height: 100dvh; } .flex-fill { flex: 1 1 auto; } .flex-row { flex-direction: row; } .flex-column { flex-direction: column; } .flex-row-reverse { flex-direction: row-reverse; } .flex-column-reverse { flex-direction: column-reverse; } .flex-grow-0 { flex-grow: 0; } .flex-grow-1 { flex-grow: 1; } .flex-shrink-0 { flex-shrink: 0; } .flex-shrink-1 { flex-shrink: 1; } .flex-wrap { flex-wrap: wrap; } .flex-nowrap { flex-wrap: nowrap; } .flex-wrap-reverse { flex-wrap: wrap-reverse; } .justify-content-start { justify-content: flex-start; } .justify-content-end { justify-content: flex-end; } .justify-content-center { justify-content: center; } .justify-content-between { justify-content: space-between; } .justify-content-around { justify-content: space-around; } .justify-content-evenly { justify-content: space-evenly; } .justify-items-start { justify-items: start; } .justify-items-end { justify-items: end; } .justify-items-center { justify-items: center; } .justify-items-stretch { justify-items: stretch; } .justify-self-start { justify-self: start; } .justify-self-end { justify-self: end; } .justify-self-center { justify-self: center; } .align-items-start { align-items: flex-start; } .align-items-end { align-items: flex-end; } .align-items-center { align-items: center; } .align-items-baseline { align-items: baseline; } .align-items-stretch { align-items: stretch; } .align-content-start { align-content: flex-start; } .align-content-end { align-content: flex-end; } .align-content-center { align-content: center; } .align-content-between { align-content: space-between; } .align-content-around { align-content: space-around; } .align-content-stretch { align-content: stretch; } .align-self-auto { align-self: auto; } .align-self-start { align-self: flex-start; } .align-self-end { align-self: flex-end; } .align-self-center { align-self: center; } .align-self-baseline { align-self: baseline; } .align-self-stretch { align-self: stretch; } .place-items-start { place-items: start; } .place-items-end { place-items: end; } .place-items-center { place-items: center; } .place-items-stretch { place-items: stretch; } .grid-cols-1 { grid-template-columns: 1fr; } .grid-cols-2 { grid-template-columns: repeat(2, 1fr); } .grid-cols-3 { grid-template-columns: repeat(3, 1fr); } .grid-cols-4 { grid-template-columns: repeat(4, 1fr); } .grid-cols-6 { grid-template-columns: repeat(6, 1fr); } .grid-cols-subgrid { grid-template-columns: subgrid; } .grid-cols-fill { grid-column: 1 / -1; } .grid-auto-flow-row { grid-auto-flow: row; } .grid-auto-flow-column { grid-auto-flow: column; } .grid-auto-flow-dense { grid-auto-flow: dense; } .order-first { order: -1; } .order-0 { order: 0; } .order-1 { order: 1; } .order-2 { order: 2; } .order-3 { order: 3; } .order-4 { order: 4; } .order-5 { order: 5; } .order-last { order: 6; } .m-0 { margin: 0; } .m-1 { margin: 0.25rem; } .m-2 { margin: 0.375rem; } .m-3 { margin: 0.5rem; } .m-4 { margin: 0.75rem; } .m-5 { margin: 1rem; } .m-6 { margin: 1.25rem; } .m-7 { margin: 1.5rem; } .m-8 { margin: 1.75rem; } .m-9 { margin: 2rem; } .m-10 { margin: 2.25rem; } .m-11 { margin: 2.5rem; } .m-12 { margin: 3rem; } .m-auto { margin: auto; } .mx-0 { margin-inline: 0; } .mx-1 { margin-inline: 0.25rem; } .mx-2 { margin-inline: 0.375rem; } .mx-3 { margin-inline: 0.5rem; } .mx-4 { margin-inline: 0.75rem; } .mx-5 { margin-inline: 1rem; } .mx-6 { margin-inline: 1.25rem; } .mx-7 { margin-inline: 1.5rem; } .mx-8 { margin-inline: 1.75rem; } .mx-9 { margin-inline: 2rem; } .mx-10 { margin-inline: 2.25rem; } .mx-11 { margin-inline: 2.5rem; } .mx-12 { margin-inline: 3rem; } .mx-auto { margin-inline: auto; } .my-0 { margin-block: 0; } .my-1 { margin-block: 0.25rem; } .my-2 { margin-block: 0.375rem; } .my-3 { margin-block: 0.5rem; } .my-4 { margin-block: 0.75rem; } .my-5 { margin-block: 1rem; } .my-6 { margin-block: 1.25rem; } .my-7 { margin-block: 1.5rem; } .my-8 { margin-block: 1.75rem; } .my-9 { margin-block: 2rem; } .my-10 { margin-block: 2.25rem; } .my-11 { margin-block: 2.5rem; } .my-12 { margin-block: 3rem; } .my-auto { margin-block: auto; } .mt-0 { margin-block-start: 0; } .mt-1 { margin-block-start: 0.25rem; } .mt-2 { margin-block-start: 0.375rem; } .mt-3 { margin-block-start: 0.5rem; } .mt-4 { margin-block-start: 0.75rem; } .mt-5 { margin-block-start: 1rem; } .mt-6 { margin-block-start: 1.25rem; } .mt-7 { margin-block-start: 1.5rem; } .mt-8 { margin-block-start: 1.75rem; } .mt-9 { margin-block-start: 2rem; } .mt-10 { margin-block-start: 2.25rem; } .mt-11 { margin-block-start: 2.5rem; } .mt-12 { margin-block-start: 3rem; } .mt-auto { margin-block-start: auto; } .me-0 { margin-inline-end: 0; } .me-1 { margin-inline-end: 0.25rem; } .me-2 { margin-inline-end: 0.375rem; } .me-3 { margin-inline-end: 0.5rem; } .me-4 { margin-inline-end: 0.75rem; } .me-5 { margin-inline-end: 1rem; } .me-6 { margin-inline-end: 1.25rem; } .me-7 { margin-inline-end: 1.5rem; } .me-8 { margin-inline-end: 1.75rem; } .me-9 { margin-inline-end: 2rem; } .me-10 { margin-inline-end: 2.25rem; } .me-11 { margin-inline-end: 2.5rem; } .me-12 { margin-inline-end: 3rem; } .me--1 { margin-inline-end: -0.25rem; } .me--2 { margin-inline-end: -0.5rem; } .me-auto { margin-inline-end: auto; } .mb-0 { margin-block-end: 0; } .mb-1 { margin-block-end: 0.25rem; } .mb-2 { margin-block-end: 0.375rem; } .mb-3 { margin-block-end: 0.5rem; } .mb-4 { margin-block-end: 0.75rem; } .mb-5 { margin-block-end: 1rem; } .mb-6 { margin-block-end: 1.25rem; } .mb-7 { margin-block-end: 1.5rem; } .mb-8 { margin-block-end: 1.75rem; } .mb-9 { margin-block-end: 2rem; } .mb-10 { margin-block-end: 2.25rem; } .mb-11 { margin-block-end: 2.5rem; } .mb-12 { margin-block-end: 3rem; } .mb-auto { margin-block-end: auto; } .ms-0 { margin-inline-start: 0; } .ms-1 { margin-inline-start: 0.25rem; } .ms-2 { margin-inline-start: 0.375rem; } .ms-3 { margin-inline-start: 0.5rem; } .ms-4 { margin-inline-start: 0.75rem; } .ms-5 { margin-inline-start: 1rem; } .ms-6 { margin-inline-start: 1.25rem; } .ms-7 { margin-inline-start: 1.5rem; } .ms-8 { margin-inline-start: 1.75rem; } .ms-9 { margin-inline-start: 2rem; } .ms-10 { margin-inline-start: 2.25rem; } .ms-11 { margin-inline-start: 2.5rem; } .ms-12 { margin-inline-start: 3rem; } .ms--1 { margin-inline-start: -0.25rem; } .ms--2 { margin-inline-start: -0.5rem; } .ms-auto { margin-inline-start: auto; } .p-0 { padding: 0; } .p-1 { padding: 0.25rem; } .p-2 { padding: 0.375rem; } .p-3 { padding: 0.5rem; } .p-4 { padding: 0.75rem; } .p-5 { padding: 1rem; } .p-6 { padding: 1.25rem; } .p-7 { padding: 1.5rem; } .p-8 { padding: 1.75rem; } .p-9 { padding: 2rem; } .p-10 { padding: 2.25rem; } .p-11 { padding: 2.5rem; } .p-12 { padding: 3rem; } .px-0 { padding-inline: 0; } .px-1 { padding-inline: 0.25rem; } .px-2 { padding-inline: 0.375rem; } .px-3 { padding-inline: 0.5rem; } .px-4 { padding-inline: 0.75rem; } .px-5 { padding-inline: 1rem; } .px-6 { padding-inline: 1.25rem; } .px-7 { padding-inline: 1.5rem; } .px-8 { padding-inline: 1.75rem; } .px-9 { padding-inline: 2rem; } .px-10 { padding-inline: 2.25rem; } .px-11 { padding-inline: 2.5rem; } .px-12 { padding-inline: 3rem; } .py-0 { padding-block: 0; } .py-1 { padding-block: 0.25rem; } .py-2 { padding-block: 0.375rem; } .py-3 { padding-block: 0.5rem; } .py-4 { padding-block: 0.75rem; } .py-5 { padding-block: 1rem; } .py-6 { padding-block: 1.25rem; } .py-7 { padding-block: 1.5rem; } .py-8 { padding-block: 1.75rem; } .py-9 { padding-block: 2rem; } .py-10 { padding-block: 2.25rem; } .py-11 { padding-block: 2.5rem; } .py-12 { padding-block: 3rem; } .pt-0 { padding-block-start: 0; } .pt-1 { padding-block-start: 0.25rem; } .pt-2 { padding-block-start: 0.375rem; } .pt-3 { padding-block-start: 0.5rem; } .pt-4 { padding-block-start: 0.75rem; } .pt-5 { padding-block-start: 1rem; } .pt-6 { padding-block-start: 1.25rem; } .pt-7 { padding-block-start: 1.5rem; } .pt-8 { padding-block-start: 1.75rem; } .pt-9 { padding-block-start: 2rem; } .pt-10 { padding-block-start: 2.25rem; } .pt-11 { padding-block-start: 2.5rem; } .pt-12 { padding-block-start: 3rem; } .pe-0 { padding-inline-end: 0; } .pe-1 { padding-inline-end: 0.25rem; } .pe-2 { padding-inline-end: 0.375rem; } .pe-3 { padding-inline-end: 0.5rem; } .pe-4 { padding-inline-end: 0.75rem; } .pe-5 { padding-inline-end: 1rem; } .pe-6 { padding-inline-end: 1.25rem; } .pe-7 { padding-inline-end: 1.5rem; } .pe-8 { padding-inline-end: 1.75rem; } .pe-9 { padding-inline-end: 2rem; } .pe-10 { padding-inline-end: 2.25rem; } .pe-11 { padding-inline-end: 2.5rem; } .pe-12 { padding-inline-end: 3rem; } .pb-0 { padding-block-end: 0; } .pb-1 { padding-block-end: 0.25rem; } .pb-2 { padding-block-end: 0.375rem; } .pb-3 { padding-block-end: 0.5rem; } .pb-4 { padding-block-end: 0.75rem; } .pb-5 { padding-block-end: 1rem; } .pb-6 { padding-block-end: 1.25rem; } .pb-7 { padding-block-end: 1.5rem; } .pb-8 { padding-block-end: 1.75rem; } .pb-9 { padding-block-end: 2rem; } .pb-10 { padding-block-end: 2.25rem; } .pb-11 { padding-block-end: 2.5rem; } .pb-12 { padding-block-end: 3rem; } .ps-0 { padding-inline-start: 0; } .ps-1 { padding-inline-start: 0.25rem; } .ps-2 { padding-inline-start: 0.375rem; } .ps-3 { padding-inline-start: 0.5rem; } .ps-4 { padding-inline-start: 0.75rem; } .ps-5 { padding-inline-start: 1rem; } .ps-6 { padding-inline-start: 1.25rem; } .ps-7 { padding-inline-start: 1.5rem; } .ps-8 { padding-inline-start: 1.75rem; } .ps-9 { padding-inline-start: 2rem; } .ps-10 { padding-inline-start: 2.25rem; } .ps-11 { padding-inline-start: 2.5rem; } .ps-12 { padding-inline-start: 3rem; } .gap-0 { gap: 0; } .gap-1 { gap: 0.25rem; } .gap-2 { gap: 0.375rem; } .gap-3 { gap: 0.5rem; } .gap-4 { gap: 0.75rem; } .gap-5 { gap: 1rem; } .gap-6 { gap: 1.25rem; } .gap-7 { gap: 1.5rem; } .gap-8 { gap: 1.75rem; } .gap-9 { gap: 2rem; } .gap-10 { gap: 2.25rem; } .gap-11 { gap: 2.5rem; } .gap-12 { gap: 3rem; } .row-gap-0 { row-gap: 0; } .row-gap-1 { row-gap: 0.25rem; } .row-gap-2 { row-gap: 0.375rem; } .row-gap-3 { row-gap: 0.5rem; } .row-gap-4 { row-gap: 0.75rem; } .row-gap-5 { row-gap: 1rem; } .row-gap-6 { row-gap: 1.25rem; } .row-gap-7 { row-gap: 1.5rem; } .row-gap-8 { row-gap: 1.75rem; } .row-gap-9 { row-gap: 2rem; } .row-gap-10 { row-gap: 2.25rem; } .row-gap-11 { row-gap: 2.5rem; } .row-gap-12 { row-gap: 3rem; } .column-gap-0 { column-gap: 0; } .column-gap-1 { column-gap: 0.25rem; } .column-gap-2 { column-gap: 0.375rem; } .column-gap-3 { column-gap: 0.5rem; } .column-gap-4 { column-gap: 0.75rem; } .column-gap-5 { column-gap: 1rem; } .column-gap-6 { column-gap: 1.25rem; } .column-gap-7 { column-gap: 1.5rem; } .column-gap-8 { column-gap: 1.75rem; } .column-gap-9 { column-gap: 2rem; } .column-gap-10 { column-gap: 2.25rem; } .column-gap-11 { column-gap: 2.5rem; } .column-gap-12 { column-gap: 3rem; } :where(.space-x-0 > :not(:last-child)) { margin-inline-end: 0; } :where(.space-x-1 > :not(:last-child)) { margin-inline-end: 0.25rem; } :where(.space-x-2 > :not(:last-child)) { margin-inline-end: 0.375rem; } :where(.space-x-3 > :not(:last-child)) { margin-inline-end: 0.5rem; } :where(.space-x-4 > :not(:last-child)) { margin-inline-end: 0.75rem; } :where(.space-x-5 > :not(:last-child)) { margin-inline-end: 1rem; } :where(.space-x-6 > :not(:last-child)) { margin-inline-end: 1.25rem; } :where(.space-x-7 > :not(:last-child)) { margin-inline-end: 1.5rem; } :where(.space-x-8 > :not(:last-child)) { margin-inline-end: 1.75rem; } :where(.space-x-9 > :not(:last-child)) { margin-inline-end: 2rem; } :where(.space-x-10 > :not(:last-child)) { margin-inline-end: 2.25rem; } :where(.space-x-11 > :not(:last-child)) { margin-inline-end: 2.5rem; } :where(.space-x-12 > :not(:last-child)) { margin-inline-end: 3rem; } :where(.space-y-0 > :not(:last-child)) { margin-block-end: 0; } :where(.space-y-1 > :not(:last-child)) { margin-block-end: 0.25rem; } :where(.space-y-2 > :not(:last-child)) { margin-block-end: 0.375rem; } :where(.space-y-3 > :not(:last-child)) { margin-block-end: 0.5rem; } :where(.space-y-4 > :not(:last-child)) { margin-block-end: 0.75rem; } :where(.space-y-5 > :not(:last-child)) { margin-block-end: 1rem; } :where(.space-y-6 > :not(:last-child)) { margin-block-end: 1.25rem; } :where(.space-y-7 > :not(:last-child)) { margin-block-end: 1.5rem; } :where(.space-y-8 > :not(:last-child)) { margin-block-end: 1.75rem; } :where(.space-y-9 > :not(:last-child)) { margin-block-end: 2rem; } :where(.space-y-10 > :not(:last-child)) { margin-block-end: 2.25rem; } :where(.space-y-11 > :not(:last-child)) { margin-block-end: 2.5rem; } :where(.space-y-12 > :not(:last-child)) { margin-block-end: 3rem; } :where(.divide-x > :not(:first-child)) { border-inline-start: var(--border-width) var(--border-style) var(--border-color); } :where(.divide-x-0 > :not(:first-child)) { border-inline-start: 0; } :where(.divide-y > :not(:first-child)) { border-block-start: var(--border-width) var(--border-style) var(--border-color); } :where(.divide-y-0 > :not(:first-child)) { border-block-start: 0; } .font-monospace { font-family: var(--font-mono); } .font-body { font-family: var(--body-font-family); } .fs-xs { font-size: 0.75rem; } .fs-sm { font-size: 0.875rem; } .fs-md { font-size: 1rem; } .fs-lg { font-size: clamp(1.125rem, 1rem + 0.625vw, 1.25rem); } .fs-xl { font-size: clamp(1.5rem, 1.1rem + 0.75vw, 1.75rem); } .fs-2xl { font-size: clamp(1.75rem, 1.3rem + 1vw, 2rem); } .fs-3xl { font-size: clamp(2rem, 1.5rem + 1.875vw, 2.5rem); } .fs-4xl { font-size: clamp(2.25rem, 1.75rem + 2.5vw, 3rem); } .fs-5xl { font-size: clamp(3rem, 2rem + 5vw, 4rem); } .fs-6xl { font-size: clamp(3.75rem, 2.5rem + 6.25vw, 5rem); } .text-xs { font-size: 0.75rem; line-height: 1.25; } .text-sm { font-size: 0.875rem; line-height: 1.5; } .text-md { font-size: 1rem; line-height: 1.5; } .text-lg { font-size: clamp(1.125rem, 1rem + 0.625vw, 1.25rem); line-height: 1.5; } .text-xl { font-size: clamp(1.5rem, 1.1rem + 0.75vw, 1.75rem); line-height: 1.4285714286; } .text-2xl { font-size: clamp(1.75rem, 1.3rem + 1vw, 2rem); line-height: 1.3333333333; } .text-3xl { font-size: clamp(2rem, 1.5rem + 1.875vw, 2.5rem); line-height: 1.2; } .text-4xl { font-size: clamp(2.25rem, 1.75rem + 2.5vw, 3rem); line-height: 1.1; } .text-5xl { font-size: clamp(3rem, 2rem + 5vw, 4rem); line-height: 1.1; } .text-6xl { font-size: clamp(3.75rem, 2.5rem + 6.25vw, 5rem); line-height: 1; } .fst-italic { font-style: italic; } .fst-normal { font-style: normal; } .fw-lighter { font-weight: lighter; } .fw-light { font-weight: 300; } .fw-normal { font-weight: 400; } .fw-medium { font-weight: 500; } .fw-semibold { font-weight: 600; } .fw-bold { font-weight: 700; } .fw-bolder { font-weight: bolder; } .lh-1 { line-height: 1; } .lh-sm { line-height: var(--line-height-sm); } .lh-md { line-height: var(--line-height-md); } .lh-lg { line-height: var(--line-height-lg); } .text-start { text-align: start; } .text-end { text-align: end; } .text-center { text-align: center; } .text-decoration-none { text-decoration: none; } .text-decoration-underline { text-decoration: underline; } .text-decoration-line-through { text-decoration: line-through; } .text-lowercase { text-transform: lowercase; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-wrap { text-wrap: wrap; } .text-nowrap { text-wrap: nowrap; } .text-balance { text-wrap: balance; } .text-pretty { text-wrap: pretty; } .text-break { word-wrap: break-word; word-break: break-word; } .fg-primary { --fg: var(--primary-fg); color: var(--fg); } .fg-accent { --fg: var(--accent-fg); color: var(--fg); } .fg-success { --fg: var(--success-fg); color: var(--fg); } .fg-danger { --fg: var(--danger-fg); color: var(--fg); } .fg-warning { --fg: var(--warning-fg); color: var(--fg); } .fg-info { --fg: var(--info-fg); color: var(--fg); } .fg-inverse { --fg: var(--inverse-fg); color: var(--fg); } .fg-secondary { --fg: var(--secondary-fg); color: var(--fg); } .fg-body { --fg: var(--fg-body); color: var(--fg); } .fg-1 { --fg: var(--fg-1); color: var(--fg); } .fg-2 { --fg: var(--fg-2); color: var(--fg); } .fg-3 { --fg: var(--fg-3); color: var(--fg); } .fg-4 { --fg: var(--fg-4); color: var(--fg); } .fg-bg { --fg: var(--fg-bg); color: var(--fg); } .fg-white { --fg: var(--fg-white); color: var(--fg); } .fg-black { --fg: var(--fg-black); color: var(--fg); } .fg-reset { --fg: inherit; color: var(--fg); } .fg-emphasis-primary { --fg: var(--primary-fg-emphasis); color: var(--fg); } .fg-emphasis-accent { --fg: var(--accent-fg-emphasis); color: var(--fg); } .fg-emphasis-success { --fg: var(--success-fg-emphasis); color: var(--fg); } .fg-emphasis-danger { --fg: var(--danger-fg-emphasis); color: var(--fg); } .fg-emphasis-warning { --fg: var(--warning-fg-emphasis); color: var(--fg); } .fg-emphasis-info { --fg: var(--info-fg-emphasis); color: var(--fg); } .fg-emphasis-inverse { --fg: var(--inverse-fg-emphasis); color: var(--fg); } .fg-emphasis-secondary { --fg: var(--secondary-fg-emphasis); color: var(--fg); } .fg-contrast-primary { --fg: var(--primary-contrast); color: var(--fg); } .fg-contrast-accent { --fg: var(--accent-contrast); color: var(--fg); } .fg-contrast-success { --fg: var(--success-contrast); color: var(--fg); } .fg-contrast-danger { --fg: var(--danger-contrast); color: var(--fg); } .fg-contrast-warning { --fg: var(--warning-contrast); color: var(--fg); } .fg-contrast-info { --fg: var(--info-contrast); color: var(--fg); } .fg-contrast-inverse { --fg: var(--inverse-contrast); color: var(--fg); } .fg-contrast-secondary { --fg: var(--secondary-contrast); color: var(--fg); } .fg-10 { color: color-mix(in oklch, var(--fg) 10%, transparent); } .fg-20 { color: color-mix(in oklch, var(--fg) 20%, transparent); } .fg-30 { color: color-mix(in oklch, var(--fg) 30%, transparent); } .fg-40 { color: color-mix(in oklch, var(--fg) 40%, transparent); } .fg-50 { color: color-mix(in oklch, var(--fg) 50%, transparent); } .fg-60 { color: color-mix(in oklch, var(--fg) 60%, transparent); } .fg-70 { color: color-mix(in oklch, var(--fg) 70%, transparent); } .fg-80 { color: color-mix(in oklch, var(--fg) 80%, transparent); } .fg-90 { color: color-mix(in oklch, var(--fg) 90%, transparent); } .fg-100 { color: var(--fg); } .link-10 { color: color-mix(in oklch, var(--link-color) 10%, transparent); } .hover\:link-10:hover { color: color-mix(in oklch, var(--link-color) 10%, transparent); } .link-20 { color: color-mix(in oklch, var(--link-color) 20%, transparent); } .hover\:link-20:hover { color: color-mix(in oklch, var(--link-color) 20%, transparent); } .link-30 { color: color-mix(in oklch, var(--link-color) 30%, transparent); } .hover\:link-30:hover { color: color-mix(in oklch, var(--link-color) 30%, transparent); } .link-40 { color: color-mix(in oklch, var(--link-color) 40%, transparent); } .hover\:link-40:hover { color: color-mix(in oklch, var(--link-color) 40%, transparent); } .link-50 { color: color-mix(in oklch, var(--link-color) 50%, transparent); } .hover\:link-50:hover { color: color-mix(in oklch, var(--link-color) 50%, transparent); } .link-60 { color: color-mix(in oklch, var(--link-color) 60%, transparent); } .hover\:link-60:hover { color: color-mix(in oklch, var(--link-color) 60%, transparent); } .link-70 { color: color-mix(in oklch, var(--link-color) 70%, transparent); } .hover\:link-70:hover { color: color-mix(in oklch, var(--link-color) 70%, transparent); } .link-80 { color: color-mix(in oklch, var(--link-color) 80%, transparent); } .hover\:link-80:hover { color: color-mix(in oklch, var(--link-color) 80%, transparent); } .link-90 { color: color-mix(in oklch, var(--link-color) 90%, transparent); } .hover\:link-90:hover { color: color-mix(in oklch, var(--link-color) 90%, transparent); } .link-100 { color: var(--link-color); } .hover\:link-100:hover { color: var(--link-color); } .underline-offset-1 { text-underline-offset: 0.125em; } .hover\:underline-offset-1:hover { text-underline-offset: 0.125em; } .underline-offset-2 { text-underline-offset: 0.25em; } .hover\:underline-offset-2:hover { text-underline-offset: 0.25em; } .underline-offset-3 { text-underline-offset: 0.375em; } .hover\:underline-offset-3:hover { text-underline-offset: 0.375em; } .underline-primary { --underline-color: #184e84; text-decoration-color: var(--underline-color); } .underline-accent { --underline-color: light-dark(var(--indigo-600), color-mix(in oklch, var(--indigo-400), var(--indigo-300))); text-decoration-color: var(--underline-color); } .underline-success { --underline-color: #72a94e; text-decoration-color: var(--underline-color); } .underline-danger { --underline-color: #E87352; text-decoration-color: var(--underline-color); } .underline-warning { --underline-color: #EEC95A; text-decoration-color: var(--underline-color); } .underline-info { --underline-color: #17a2b8; text-decoration-color: var(--underline-color); } .underline-inverse { --underline-color: light-dark(var(--gray-900), var(--gray-200)); text-decoration-color: var(--underline-color); } .underline-secondary { --underline-color: #6c757d; text-decoration-color: var(--underline-color); } .underline-10 { text-decoration-color: color-mix(in oklch, var(--underline-color, currentcolor) 10%, transparent); } .hover\:underline-10:hover { text-decoration-color: color-mix(in oklch, var(--underline-color, currentcolor) 10%, transparent); } .underline-20 { text-decoration-color: color-mix(in oklch, var(--underline-color, currentcolor) 20%, transparent); } .hover\:underline-20:hover { text-decoration-color: color-mix(in oklch, var(--underline-color, currentcolor) 20%, transparent); } .underline-30 { text-decoration-color: color-mix(in oklch, var(--underline-color, currentcolor) 30%, transparent); } .hover\:underline-30:hover { text-decoration-color: color-mix(in oklch, var(--underline-color, currentcolor) 30%, transparent); } .underline-40 { text-decoration-color: color-mix(in oklch, var(--underline-color, currentcolor) 40%, transparent); } .hover\:underline-40:hover { text-decoration-color: color-mix(in oklch, var(--underline-color, currentcolor) 40%, transparent); } .underline-50 { text-decoration-color: color-mix(in oklch, var(--underline-color, currentcolor) 50%, transparent); } .hover\:underline-50:hover { text-decoration-color: color-mix(in oklch, var(--underline-color, currentcolor) 50%, transparent); } .underline-60 { text-decoration-color: color-mix(in oklch, var(--underline-color, currentcolor) 60%, transparent); } .hover\:underline-60:hover { text-decoration-color: color-mix(in oklch, var(--underline-color, currentcolor) 60%, transparent); } .underline-70 { text-decoration-color: color-mix(in oklch, var(--underline-color, currentcolor) 70%, transparent); } .hover\:underline-70:hover { text-decoration-color: color-mix(in oklch, var(--underline-color, currentcolor) 70%, transparent); } .underline-80 { text-decoration-color: color-mix(in oklch, var(--underline-color, currentcolor) 80%, transparent); } .hover\:underline-80:hover { text-decoration-color: color-mix(in oklch, var(--underline-color, currentcolor) 80%, transparent); } .underline-90 { text-decoration-color: color-mix(in oklch, var(--underline-color, currentcolor) 90%, transparent); } .hover\:underline-90:hover { text-decoration-color: color-mix(in oklch, var(--underline-color, currentcolor) 90%, transparent); } .underline-100 { text-decoration-color: var(--underline-color, currentcolor); } .hover\:underline-100:hover { text-decoration-color: var(--underline-color, currentcolor); } .underline-thickness-1 { text-decoration-thickness: 1px; } .hover\:underline-thickness-1:hover { text-decoration-thickness: 1px; } .underline-thickness-2 { text-decoration-thickness: 2px; } .hover\:underline-thickness-2:hover { text-decoration-thickness: 2px; } .underline-thickness-3 { text-decoration-thickness: 3px; } .hover\:underline-thickness-3:hover { text-decoration-thickness: 3px; } .underline-thickness-4 { text-decoration-thickness: 4px; } .hover\:underline-thickness-4:hover { text-decoration-thickness: 4px; } .underline-thickness-5 { text-decoration-thickness: 5px; } .hover\:underline-thickness-5:hover { text-decoration-thickness: 5px; } .bg-primary { --bg: var(--primary-bg); background-color: var(--bg); } .bg-accent { --bg: var(--accent-bg); background-color: var(--bg); } .bg-success { --bg: var(--success-bg); background-color: var(--bg); } .bg-danger { --bg: var(--danger-bg); background-color: var(--bg); } .bg-warning { --bg: var(--warning-bg); background-color: var(--bg); } .bg-info { --bg: var(--info-bg); background-color: var(--bg); } .bg-inverse { --bg: var(--inverse-bg); background-color: var(--bg); } .bg-secondary { --bg: var(--secondary-bg); background-color: var(--bg); } .bg-body { --bg: var(--bg-body); background-color: var(--bg); } .bg-1 { --bg: var(--bg-1); background-color: var(--bg); } .bg-2 { --bg: var(--bg-2); background-color: var(--bg); } .bg-3 { --bg: var(--bg-3); background-color: var(--bg); } .bg-4 { --bg: var(--bg-4); background-color: var(--bg); } .bg-fg { --bg: var(--bg-fg); background-color: var(--bg); } .bg-white { --bg: var(--bg-white); background-color: var(--bg); } .bg-black { --bg: var(--bg-black); background-color: var(--bg); } .bg-transparent { --bg: var(--bg-transparent); background-color: var(--bg); } .bg-subtle-primary { --bg: var(--primary-bg-subtle); background-color: var(--bg); } .bg-subtle-accent { --bg: var(--accent-bg-subtle); background-color: var(--bg); } .bg-subtle-success { --bg: var(--success-bg-subtle); background-color: var(--bg); } .bg-subtle-danger { --bg: var(--danger-bg-subtle); background-color: var(--bg); } .bg-subtle-warning { --bg: var(--warning-bg-subtle); background-color: var(--bg); } .bg-subtle-info { --bg: var(--info-bg-subtle); background-color: var(--bg); } .bg-subtle-inverse { --bg: var(--inverse-bg-subtle); background-color: var(--bg); } .bg-subtle-secondary { --bg: var(--secondary-bg-subtle); background-color: var(--bg); } .bg-muted-primary { --bg: var(--primary-bg-muted); background-color: var(--bg); } .bg-muted-accent { --bg: var(--accent-bg-muted); background-color: var(--bg); } .bg-muted-success { --bg: var(--success-bg-muted); background-color: var(--bg); } .bg-muted-danger { --bg: var(--danger-bg-muted); background-color: var(--bg); } .bg-muted-warning { --bg: var(--warning-bg-muted); background-color: var(--bg); } .bg-muted-info { --bg: var(--info-bg-muted); background-color: var(--bg); } .bg-muted-inverse { --bg: var(--inverse-bg-muted); background-color: var(--bg); } .bg-muted-secondary { --bg: var(--secondary-bg-muted); background-color: var(--bg); } .bg-10 { background-color: color-mix(in oklch, var(--bg) 10%, transparent); } .bg-20 { background-color: color-mix(in oklch, var(--bg) 20%, transparent); } .bg-30 { background-color: color-mix(in oklch, var(--bg) 30%, transparent); } .bg-40 { background-color: color-mix(in oklch, var(--bg) 40%, transparent); } .bg-50 { background-color: color-mix(in oklch, var(--bg) 50%, transparent); } .bg-60 { background-color: color-mix(in oklch, var(--bg) 60%, transparent); } .bg-70 { background-color: color-mix(in oklch, var(--bg) 70%, transparent); } .bg-80 { background-color: color-mix(in oklch, var(--bg) 80%, transparent); } .bg-90 { background-color: color-mix(in oklch, var(--bg) 90%, transparent); } .bg-100 { background-color: var(--bg); } .theme-contrast { background-color: var(--theme-bg); color: var(--theme-contrast); } .theme-subtle { background-color: var(--theme-bg-subtle); color: var(--theme-fg); } .theme-muted { background-color: var(--theme-bg-muted); color: var(--theme-fg-emphasis); } .theme-border { border: var(--border-width) solid var(--theme-border); } .bg-gradient { background-image: var(--gradient); } .color-scheme-light { color-scheme: light; } .color-scheme-dark { color-scheme: dark; } .color-scheme-auto { color-scheme: light dark; } .user-select-all { user-select: all; } .user-select-auto { user-select: auto; } .user-select-text { user-select: text; } .user-select-none { user-select: none; } .pe-none { pointer-events: none; } .pe-auto { pointer-events: auto; } .rounded-0 { --rounded-size: 0; border-radius: var(--rounded-size); } .rounded-1 { --rounded-size: 0.125rem; border-radius: var(--rounded-size); } .rounded-2 { --rounded-size: 0.1875rem; border-radius: var(--rounded-size); } .rounded-3 { --rounded-size: 0.25rem; border-radius: var(--rounded-size); } .rounded-4 { --rounded-size: 0.375rem; border-radius: var(--rounded-size); } .rounded-5 { --rounded-size: 0.5rem; border-radius: var(--rounded-size); } .rounded-6 { --rounded-size: 0.625rem; border-radius: var(--rounded-size); } .rounded-7 { --rounded-size: 0.75rem; border-radius: var(--rounded-size); } .rounded-8 { --rounded-size: 0.875rem; border-radius: var(--rounded-size); } .rounded-9 { --rounded-size: 1rem; border-radius: var(--rounded-size); } .rounded { --rounded-size: 0.5rem; border-radius: var(--rounded-size); } .rounded-circle { --rounded-size: 50%; border-radius: var(--rounded-size); } .rounded-pill { --rounded-size: var(--radius-pill); border-radius: var(--rounded-size); } .rounded-size-0 { --rounded-size: 0; } .rounded-size-1 { --rounded-size: 0.125rem; } .rounded-size-2 { --rounded-size: 0.1875rem; } .rounded-size-3 { --rounded-size: 0.25rem; } .rounded-size-4 { --rounded-size: 0.375rem; } .rounded-size-5 { --rounded-size: 0.5rem; } .rounded-size-6 { --rounded-size: 0.625rem; } .rounded-size-7 { --rounded-size: 0.75rem; } .rounded-size-8 { --rounded-size: 0.875rem; } .rounded-size-9 { --rounded-size: 1rem; } .rounded-size { --rounded-size: 0.5rem; } .rounded-size-circle { --rounded-size: 50%; } .rounded-size-pill { --rounded-size: var(--radius-pill); } .rounded-top-0 { border-start-start-radius: 0; border-start-end-radius: 0; } .rounded-top-1 { border-start-start-radius: 0.125rem; border-start-end-radius: 0.125rem; } .rounded-top-2 { border-start-start-radius: 0.1875rem; border-start-end-radius: 0.1875rem; } .rounded-top-3 { border-start-start-radius: 0.25rem; border-start-end-radius: 0.25rem; } .rounded-top-4 { border-start-start-radius: 0.375rem; border-start-end-radius: 0.375rem; } .rounded-top-5 { border-start-start-radius: 0.5rem; border-start-end-radius: 0.5rem; } .rounded-top-6 { border-start-start-radius: 0.625rem; border-start-end-radius: 0.625rem; } .rounded-top-7 { border-start-start-radius: 0.75rem; border-start-end-radius: 0.75rem; } .rounded-top-8 { border-start-start-radius: 0.875rem; border-start-end-radius: 0.875rem; } .rounded-top-9 { border-start-start-radius: 1rem; border-start-end-radius: 1rem; } .rounded-top { border-start-start-radius: var(--rounded-size, var(--radius-5)); border-start-end-radius: var(--rounded-size, var(--radius-5)); } .rounded-top-circle { border-start-start-radius: 50%; border-start-end-radius: 50%; } .rounded-top-pill { border-start-start-radius: var(--radius-pill); border-start-end-radius: var(--radius-pill); } .rounded-end-0 { border-start-end-radius: 0; border-end-end-radius: 0; } .rounded-end-1 { border-start-end-radius: 0.125rem; border-end-end-radius: 0.125rem; } .rounded-end-2 { border-start-end-radius: 0.1875rem; border-end-end-radius: 0.1875rem; } .rounded-end-3 { border-start-end-radius: 0.25rem; border-end-end-radius: 0.25rem; } .rounded-end-4 { border-start-end-radius: 0.375rem; border-end-end-radius: 0.375rem; } .rounded-end-5 { border-start-end-radius: 0.5rem; border-end-end-radius: 0.5rem; } .rounded-end-6 { border-start-end-radius: 0.625rem; border-end-end-radius: 0.625rem; } .rounded-end-7 { border-start-end-radius: 0.75rem; border-end-end-radius: 0.75rem; } .rounded-end-8 { border-start-end-radius: 0.875rem; border-end-end-radius: 0.875rem; } .rounded-end-9 { border-start-end-radius: 1rem; border-end-end-radius: 1rem; } .rounded-end { border-start-end-radius: var(--rounded-size, var(--radius-5)); border-end-end-radius: var(--rounded-size, var(--radius-5)); } .rounded-end-circle { border-start-end-radius: 50%; border-end-end-radius: 50%; } .rounded-end-pill { border-start-end-radius: var(--radius-pill); border-end-end-radius: var(--radius-pill); } .rounded-bottom-0 { border-end-start-radius: 0; border-end-end-radius: 0; } .rounded-bottom-1 { border-end-start-radius: 0.125rem; border-end-end-radius: 0.125rem; } .rounded-bottom-2 { border-end-start-radius: 0.1875rem; border-end-end-radius: 0.1875rem; } .rounded-bottom-3 { border-end-start-radius: 0.25rem; border-end-end-radius: 0.25rem; } .rounded-bottom-4 { border-end-start-radius: 0.375rem; border-end-end-radius: 0.375rem; } .rounded-bottom-5 { border-end-start-radius: 0.5rem; border-end-end-radius: 0.5rem; } .rounded-bottom-6 { border-end-start-radius: 0.625rem; border-end-end-radius: 0.625rem; } .rounded-bottom-7 { border-end-start-radius: 0.75rem; border-end-end-radius: 0.75rem; } .rounded-bottom-8 { border-end-start-radius: 0.875rem; border-end-end-radius: 0.875rem; } .rounded-bottom-9 { border-end-start-radius: 1rem; border-end-end-radius: 1rem; } .rounded-bottom { border-end-start-radius: var(--rounded-size, var(--radius-5)); border-end-end-radius: var(--rounded-size, var(--radius-5)); } .rounded-bottom-circle { border-end-start-radius: 50%; border-end-end-radius: 50%; } .rounded-bottom-pill { border-end-start-radius: var(--radius-pill); border-end-end-radius: var(--radius-pill); } .rounded-start-0 { border-start-start-radius: 0; border-end-start-radius: 0; } .rounded-start-1 { border-start-start-radius: 0.125rem; border-end-start-radius: 0.125rem; } .rounded-start-2 { border-start-start-radius: 0.1875rem; border-end-start-radius: 0.1875rem; } .rounded-start-3 { border-start-start-radius: 0.25rem; border-end-start-radius: 0.25rem; } .rounded-start-4 { border-start-start-radius: 0.375rem; border-end-start-radius: 0.375rem; } .rounded-start-5 { border-start-start-radius: 0.5rem; border-end-start-radius: 0.5rem; } .rounded-start-6 { border-start-start-radius: 0.625rem; border-end-start-radius: 0.625rem; } .rounded-start-7 { border-start-start-radius: 0.75rem; border-end-start-radius: 0.75rem; } .rounded-start-8 { border-start-start-radius: 0.875rem; border-end-start-radius: 0.875rem; } .rounded-start-9 { border-start-start-radius: 1rem; border-end-start-radius: 1rem; } .rounded-start { border-start-start-radius: var(--rounded-size, var(--radius-5)); border-end-start-radius: var(--rounded-size, var(--radius-5)); } .rounded-start-circle { border-start-start-radius: 50%; border-end-start-radius: 50%; } .rounded-start-pill { border-start-start-radius: var(--radius-pill); border-end-start-radius: var(--radius-pill); } .visible { visibility: visible; } .invisible { visibility: hidden; } .z-n1 { z-index: -1; } .z-0 { z-index: 0; } .z-1 { z-index: 1; } .z-2 { z-index: 2; } .z-3 { z-index: 3; } .z-menu { z-index: 1000; } .z-sticky { z-index: 1010; } .z-fixed { z-index: 1020; } .z-drawer { z-index: 1030; } .z-dialog { z-index: 1040; } .z-popover { z-index: 1050; } .z-tooltip { z-index: 1060; } .z-toast { z-index: 1070; } .transition-none { transition: none; } .animation-none { animation: none; } .animation-shake { animation: animation-shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both; } .animation-pop { animation: animation-pop 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) both; } @media (width >= 576px) { .sm\:float-start { float: inline-start; } .sm\:float-end { float: inline-end; } .sm\:float-none { float: none; } .sm\:object-fit-contain { object-fit: contain; } .sm\:object-fit-cover { object-fit: cover; } .sm\:object-fit-fill { object-fit: fill; } .sm\:object-fit-scale { object-fit: scale-down; } .sm\:object-fit-none { object-fit: none; } .sm\:d-inline { display: inline; } .sm\:d-inline-block { display: inline-block; } .sm\:d-block { display: block; } .sm\:d-grid { display: grid; } .sm\:d-inline-grid { display: inline-grid; } .sm\:d-table { display: table; } .sm\:d-table-row { display: table-row; } .sm\:d-table-cell { display: table-cell; } .sm\:d-flex { display: flex; } .sm\:d-inline-flex { display: inline-flex; } .sm\:d-contents { display: contents; } .sm\:d-flow-root { display: flow-root; } .sm\:d-none { display: none; } .sm\:flex-fill { flex: 1 1 auto; } .sm\:flex-row { flex-direction: row; } .sm\:flex-column { flex-direction: column; } .sm\:flex-row-reverse { flex-direction: row-reverse; } .sm\:flex-column-reverse { flex-direction: column-reverse; } .sm\:flex-grow-0 { flex-grow: 0; } .sm\:flex-grow-1 { flex-grow: 1; } .sm\:flex-shrink-0 { flex-shrink: 0; } .sm\:flex-shrink-1 { flex-shrink: 1; } .sm\:flex-wrap { flex-wrap: wrap; } .sm\:flex-nowrap { flex-wrap: nowrap; } .sm\:flex-wrap-reverse { flex-wrap: wrap-reverse; } .sm\:justify-content-start { justify-content: flex-start; } .sm\:justify-content-end { justify-content: flex-end; } .sm\:justify-content-center { justify-content: center; } .sm\:justify-content-between { justify-content: space-between; } .sm\:justify-content-around { justify-content: space-around; } .sm\:justify-content-evenly { justify-content: space-evenly; } .sm\:justify-items-start { justify-items: start; } .sm\:justify-items-end { justify-items: end; } .sm\:justify-items-center { justify-items: center; } .sm\:justify-items-stretch { justify-items: stretch; } .sm\:justify-self-start { justify-self: start; } .sm\:justify-self-end { justify-self: end; } .sm\:justify-self-center { justify-self: center; } .sm\:align-items-start { align-items: flex-start; } .sm\:align-items-end { align-items: flex-end; } .sm\:align-items-center { align-items: center; } .sm\:align-items-baseline { align-items: baseline; } .sm\:align-items-stretch { align-items: stretch; } .sm\:align-content-start { align-content: flex-start; } .sm\:align-content-end { align-content: flex-end; } .sm\:align-content-center { align-content: center; } .sm\:align-content-between { align-content: space-between; } .sm\:align-content-around { align-content: space-around; } .sm\:align-content-stretch { align-content: stretch; } .sm\:align-self-auto { align-self: auto; } .sm\:align-self-start { align-self: flex-start; } .sm\:align-self-end { align-self: flex-end; } .sm\:align-self-center { align-self: center; } .sm\:align-self-baseline { align-self: baseline; } .sm\:align-self-stretch { align-self: stretch; } .sm\:place-items-start { place-items: start; } .sm\:place-items-end { place-items: end; } .sm\:place-items-center { place-items: center; } .sm\:place-items-stretch { place-items: stretch; } .sm\:grid-cols-1 { grid-template-columns: 1fr; } .sm\:grid-cols-2 { grid-template-columns: repeat(2, 1fr); } .sm\:grid-cols-3 { grid-template-columns: repeat(3, 1fr); } .sm\:grid-cols-4 { grid-template-columns: repeat(4, 1fr); } .sm\:grid-cols-6 { grid-template-columns: repeat(6, 1fr); } .sm\:grid-cols-subgrid { grid-template-columns: subgrid; } .sm\:grid-cols-fill { grid-column: 1 / -1; } .sm\:grid-auto-flow-row { grid-auto-flow: row; } .sm\:grid-auto-flow-column { grid-auto-flow: column; } .sm\:grid-auto-flow-dense { grid-auto-flow: dense; } .sm\:order-first { order: -1; } .sm\:order-0 { order: 0; } .sm\:order-1 { order: 1; } .sm\:order-2 { order: 2; } .sm\:order-3 { order: 3; } .sm\:order-4 { order: 4; } .sm\:order-5 { order: 5; } .sm\:order-last { order: 6; } .sm\:m-0 { margin: 0; } .sm\:m-1 { margin: 0.25rem; } .sm\:m-2 { margin: 0.375rem; } .sm\:m-3 { margin: 0.5rem; } .sm\:m-4 { margin: 0.75rem; } .sm\:m-5 { margin: 1rem; } .sm\:m-6 { margin: 1.25rem; } .sm\:m-7 { margin: 1.5rem; } .sm\:m-8 { margin: 1.75rem; } .sm\:m-9 { margin: 2rem; } .sm\:m-10 { margin: 2.25rem; } .sm\:m-11 { margin: 2.5rem; } .sm\:m-12 { margin: 3rem; } .sm\:m-auto { margin: auto; } .sm\:mx-0 { margin-inline: 0; } .sm\:mx-1 { margin-inline: 0.25rem; } .sm\:mx-2 { margin-inline: 0.375rem; } .sm\:mx-3 { margin-inline: 0.5rem; } .sm\:mx-4 { margin-inline: 0.75rem; } .sm\:mx-5 { margin-inline: 1rem; } .sm\:mx-6 { margin-inline: 1.25rem; } .sm\:mx-7 { margin-inline: 1.5rem; } .sm\:mx-8 { margin-inline: 1.75rem; } .sm\:mx-9 { margin-inline: 2rem; } .sm\:mx-10 { margin-inline: 2.25rem; } .sm\:mx-11 { margin-inline: 2.5rem; } .sm\:mx-12 { margin-inline: 3rem; } .sm\:mx-auto { margin-inline: auto; } .sm\:my-0 { margin-block: 0; } .sm\:my-1 { margin-block: 0.25rem; } .sm\:my-2 { margin-block: 0.375rem; } .sm\:my-3 { margin-block: 0.5rem; } .sm\:my-4 { margin-block: 0.75rem; } .sm\:my-5 { margin-block: 1rem; } .sm\:my-6 { margin-block: 1.25rem; } .sm\:my-7 { margin-block: 1.5rem; } .sm\:my-8 { margin-block: 1.75rem; } .sm\:my-9 { margin-block: 2rem; } .sm\:my-10 { margin-block: 2.25rem; } .sm\:my-11 { margin-block: 2.5rem; } .sm\:my-12 { margin-block: 3rem; } .sm\:my-auto { margin-block: auto; } .sm\:mt-0 { margin-block-start: 0; } .sm\:mt-1 { margin-block-start: 0.25rem; } .sm\:mt-2 { margin-block-start: 0.375rem; } .sm\:mt-3 { margin-block-start: 0.5rem; } .sm\:mt-4 { margin-block-start: 0.75rem; } .sm\:mt-5 { margin-block-start: 1rem; } .sm\:mt-6 { margin-block-start: 1.25rem; } .sm\:mt-7 { margin-block-start: 1.5rem; } .sm\:mt-8 { margin-block-start: 1.75rem; } .sm\:mt-9 { margin-block-start: 2rem; } .sm\:mt-10 { margin-block-start: 2.25rem; } .sm\:mt-11 { margin-block-start: 2.5rem; } .sm\:mt-12 { margin-block-start: 3rem; } .sm\:mt-auto { margin-block-start: auto; } .sm\:me-0 { margin-inline-end: 0; } .sm\:me-1 { margin-inline-end: 0.25rem; } .sm\:me-2 { margin-inline-end: 0.375rem; } .sm\:me-3 { margin-inline-end: 0.5rem; } .sm\:me-4 { margin-inline-end: 0.75rem; } .sm\:me-5 { margin-inline-end: 1rem; } .sm\:me-6 { margin-inline-end: 1.25rem; } .sm\:me-7 { margin-inline-end: 1.5rem; } .sm\:me-8 { margin-inline-end: 1.75rem; } .sm\:me-9 { margin-inline-end: 2rem; } .sm\:me-10 { margin-inline-end: 2.25rem; } .sm\:me-11 { margin-inline-end: 2.5rem; } .sm\:me-12 { margin-inline-end: 3rem; } .sm\:me--1 { margin-inline-end: -0.25rem; } .sm\:me--2 { margin-inline-end: -0.5rem; } .sm\:me-auto { margin-inline-end: auto; } .sm\:mb-0 { margin-block-end: 0; } .sm\:mb-1 { margin-block-end: 0.25rem; } .sm\:mb-2 { margin-block-end: 0.375rem; } .sm\:mb-3 { margin-block-end: 0.5rem; } .sm\:mb-4 { margin-block-end: 0.75rem; } .sm\:mb-5 { margin-block-end: 1rem; } .sm\:mb-6 { margin-block-end: 1.25rem; } .sm\:mb-7 { margin-block-end: 1.5rem; } .sm\:mb-8 { margin-block-end: 1.75rem; } .sm\:mb-9 { margin-block-end: 2rem; } .sm\:mb-10 { margin-block-end: 2.25rem; } .sm\:mb-11 { margin-block-end: 2.5rem; } .sm\:mb-12 { margin-block-end: 3rem; } .sm\:mb-auto { margin-block-end: auto; } .sm\:ms-0 { margin-inline-start: 0; } .sm\:ms-1 { margin-inline-start: 0.25rem; } .sm\:ms-2 { margin-inline-start: 0.375rem; } .sm\:ms-3 { margin-inline-start: 0.5rem; } .sm\:ms-4 { margin-inline-start: 0.75rem; } .sm\:ms-5 { margin-inline-start: 1rem; } .sm\:ms-6 { margin-inline-start: 1.25rem; } .sm\:ms-7 { margin-inline-start: 1.5rem; } .sm\:ms-8 { margin-inline-start: 1.75rem; } .sm\:ms-9 { margin-inline-start: 2rem; } .sm\:ms-10 { margin-inline-start: 2.25rem; } .sm\:ms-11 { margin-inline-start: 2.5rem; } .sm\:ms-12 { margin-inline-start: 3rem; } .sm\:ms--1 { margin-inline-start: -0.25rem; } .sm\:ms--2 { margin-inline-start: -0.5rem; } .sm\:ms-auto { margin-inline-start: auto; } .sm\:p-0 { padding: 0; } .sm\:p-1 { padding: 0.25rem; } .sm\:p-2 { padding: 0.375rem; } .sm\:p-3 { padding: 0.5rem; } .sm\:p-4 { padding: 0.75rem; } .sm\:p-5 { padding: 1rem; } .sm\:p-6 { padding: 1.25rem; } .sm\:p-7 { padding: 1.5rem; } .sm\:p-8 { padding: 1.75rem; } .sm\:p-9 { padding: 2rem; } .sm\:p-10 { padding: 2.25rem; } .sm\:p-11 { padding: 2.5rem; } .sm\:p-12 { padding: 3rem; } .sm\:px-0 { padding-inline: 0; } .sm\:px-1 { padding-inline: 0.25rem; } .sm\:px-2 { padding-inline: 0.375rem; } .sm\:px-3 { padding-inline: 0.5rem; } .sm\:px-4 { padding-inline: 0.75rem; } .sm\:px-5 { padding-inline: 1rem; } .sm\:px-6 { padding-inline: 1.25rem; } .sm\:px-7 { padding-inline: 1.5rem; } .sm\:px-8 { padding-inline: 1.75rem; } .sm\:px-9 { padding-inline: 2rem; } .sm\:px-10 { padding-inline: 2.25rem; } .sm\:px-11 { padding-inline: 2.5rem; } .sm\:px-12 { padding-inline: 3rem; } .sm\:py-0 { padding-block: 0; } .sm\:py-1 { padding-block: 0.25rem; } .sm\:py-2 { padding-block: 0.375rem; } .sm\:py-3 { padding-block: 0.5rem; } .sm\:py-4 { padding-block: 0.75rem; } .sm\:py-5 { padding-block: 1rem; } .sm\:py-6 { padding-block: 1.25rem; } .sm\:py-7 { padding-block: 1.5rem; } .sm\:py-8 { padding-block: 1.75rem; } .sm\:py-9 { padding-block: 2rem; } .sm\:py-10 { padding-block: 2.25rem; } .sm\:py-11 { padding-block: 2.5rem; } .sm\:py-12 { padding-block: 3rem; } .sm\:pt-0 { padding-block-start: 0; } .sm\:pt-1 { padding-block-start: 0.25rem; } .sm\:pt-2 { padding-block-start: 0.375rem; } .sm\:pt-3 { padding-block-start: 0.5rem; } .sm\:pt-4 { padding-block-start: 0.75rem; } .sm\:pt-5 { padding-block-start: 1rem; } .sm\:pt-6 { padding-block-start: 1.25rem; } .sm\:pt-7 { padding-block-start: 1.5rem; } .sm\:pt-8 { padding-block-start: 1.75rem; } .sm\:pt-9 { padding-block-start: 2rem; } .sm\:pt-10 { padding-block-start: 2.25rem; } .sm\:pt-11 { padding-block-start: 2.5rem; } .sm\:pt-12 { padding-block-start: 3rem; } .sm\:pe-0 { padding-inline-end: 0; } .sm\:pe-1 { padding-inline-end: 0.25rem; } .sm\:pe-2 { padding-inline-end: 0.375rem; } .sm\:pe-3 { padding-inline-end: 0.5rem; } .sm\:pe-4 { padding-inline-end: 0.75rem; } .sm\:pe-5 { padding-inline-end: 1rem; } .sm\:pe-6 { padding-inline-end: 1.25rem; } .sm\:pe-7 { padding-inline-end: 1.5rem; } .sm\:pe-8 { padding-inline-end: 1.75rem; } .sm\:pe-9 { padding-inline-end: 2rem; } .sm\:pe-10 { padding-inline-end: 2.25rem; } .sm\:pe-11 { padding-inline-end: 2.5rem; } .sm\:pe-12 { padding-inline-end: 3rem; } .sm\:pb-0 { padding-block-end: 0; } .sm\:pb-1 { padding-block-end: 0.25rem; } .sm\:pb-2 { padding-block-end: 0.375rem; } .sm\:pb-3 { padding-block-end: 0.5rem; } .sm\:pb-4 { padding-block-end: 0.75rem; } .sm\:pb-5 { padding-block-end: 1rem; } .sm\:pb-6 { padding-block-end: 1.25rem; } .sm\:pb-7 { padding-block-end: 1.5rem; } .sm\:pb-8 { padding-block-end: 1.75rem; } .sm\:pb-9 { padding-block-end: 2rem; } .sm\:pb-10 { padding-block-end: 2.25rem; } .sm\:pb-11 { padding-block-end: 2.5rem; } .sm\:pb-12 { padding-block-end: 3rem; } .sm\:ps-0 { padding-inline-start: 0; } .sm\:ps-1 { padding-inline-start: 0.25rem; } .sm\:ps-2 { padding-inline-start: 0.375rem; } .sm\:ps-3 { padding-inline-start: 0.5rem; } .sm\:ps-4 { padding-inline-start: 0.75rem; } .sm\:ps-5 { padding-inline-start: 1rem; } .sm\:ps-6 { padding-inline-start: 1.25rem; } .sm\:ps-7 { padding-inline-start: 1.5rem; } .sm\:ps-8 { padding-inline-start: 1.75rem; } .sm\:ps-9 { padding-inline-start: 2rem; } .sm\:ps-10 { padding-inline-start: 2.25rem; } .sm\:ps-11 { padding-inline-start: 2.5rem; } .sm\:ps-12 { padding-inline-start: 3rem; } .sm\:gap-0 { gap: 0; } .sm\:gap-1 { gap: 0.25rem; } .sm\:gap-2 { gap: 0.375rem; } .sm\:gap-3 { gap: 0.5rem; } .sm\:gap-4 { gap: 0.75rem; } .sm\:gap-5 { gap: 1rem; } .sm\:gap-6 { gap: 1.25rem; } .sm\:gap-7 { gap: 1.5rem; } .sm\:gap-8 { gap: 1.75rem; } .sm\:gap-9 { gap: 2rem; } .sm\:gap-10 { gap: 2.25rem; } .sm\:gap-11 { gap: 2.5rem; } .sm\:gap-12 { gap: 3rem; } .sm\:row-gap-0 { row-gap: 0; } .sm\:row-gap-1 { row-gap: 0.25rem; } .sm\:row-gap-2 { row-gap: 0.375rem; } .sm\:row-gap-3 { row-gap: 0.5rem; } .sm\:row-gap-4 { row-gap: 0.75rem; } .sm\:row-gap-5 { row-gap: 1rem; } .sm\:row-gap-6 { row-gap: 1.25rem; } .sm\:row-gap-7 { row-gap: 1.5rem; } .sm\:row-gap-8 { row-gap: 1.75rem; } .sm\:row-gap-9 { row-gap: 2rem; } .sm\:row-gap-10 { row-gap: 2.25rem; } .sm\:row-gap-11 { row-gap: 2.5rem; } .sm\:row-gap-12 { row-gap: 3rem; } .sm\:column-gap-0 { column-gap: 0; } .sm\:column-gap-1 { column-gap: 0.25rem; } .sm\:column-gap-2 { column-gap: 0.375rem; } .sm\:column-gap-3 { column-gap: 0.5rem; } .sm\:column-gap-4 { column-gap: 0.75rem; } .sm\:column-gap-5 { column-gap: 1rem; } .sm\:column-gap-6 { column-gap: 1.25rem; } .sm\:column-gap-7 { column-gap: 1.5rem; } .sm\:column-gap-8 { column-gap: 1.75rem; } .sm\:column-gap-9 { column-gap: 2rem; } .sm\:column-gap-10 { column-gap: 2.25rem; } .sm\:column-gap-11 { column-gap: 2.5rem; } .sm\:column-gap-12 { column-gap: 3rem; } :where(.sm\:space-x-0 > :not(:last-child)) { margin-inline-end: 0; } :where(.sm\:space-x-1 > :not(:last-child)) { margin-inline-end: 0.25rem; } :where(.sm\:space-x-2 > :not(:last-child)) { margin-inline-end: 0.375rem; } :where(.sm\:space-x-3 > :not(:last-child)) { margin-inline-end: 0.5rem; } :where(.sm\:space-x-4 > :not(:last-child)) { margin-inline-end: 0.75rem; } :where(.sm\:space-x-5 > :not(:last-child)) { margin-inline-end: 1rem; } :where(.sm\:space-x-6 > :not(:last-child)) { margin-inline-end: 1.25rem; } :where(.sm\:space-x-7 > :not(:last-child)) { margin-inline-end: 1.5rem; } :where(.sm\:space-x-8 > :not(:last-child)) { margin-inline-end: 1.75rem; } :where(.sm\:space-x-9 > :not(:last-child)) { margin-inline-end: 2rem; } :where(.sm\:space-x-10 > :not(:last-child)) { margin-inline-end: 2.25rem; } :where(.sm\:space-x-11 > :not(:last-child)) { margin-inline-end: 2.5rem; } :where(.sm\:space-x-12 > :not(:last-child)) { margin-inline-end: 3rem; } :where(.sm\:space-y-0 > :not(:last-child)) { margin-block-end: 0; } :where(.sm\:space-y-1 > :not(:last-child)) { margin-block-end: 0.25rem; } :where(.sm\:space-y-2 > :not(:last-child)) { margin-block-end: 0.375rem; } :where(.sm\:space-y-3 > :not(:last-child)) { margin-block-end: 0.5rem; } :where(.sm\:space-y-4 > :not(:last-child)) { margin-block-end: 0.75rem; } :where(.sm\:space-y-5 > :not(:last-child)) { margin-block-end: 1rem; } :where(.sm\:space-y-6 > :not(:last-child)) { margin-block-end: 1.25rem; } :where(.sm\:space-y-7 > :not(:last-child)) { margin-block-end: 1.5rem; } :where(.sm\:space-y-8 > :not(:last-child)) { margin-block-end: 1.75rem; } :where(.sm\:space-y-9 > :not(:last-child)) { margin-block-end: 2rem; } :where(.sm\:space-y-10 > :not(:last-child)) { margin-block-end: 2.25rem; } :where(.sm\:space-y-11 > :not(:last-child)) { margin-block-end: 2.5rem; } :where(.sm\:space-y-12 > :not(:last-child)) { margin-block-end: 3rem; } :where(.sm\:divide-x > :not(:first-child)) { border-inline-start: var(--border-width) var(--border-style) var(--border-color); } :where(.sm\:divide-x-0 > :not(:first-child)) { border-inline-start: 0; } :where(.sm\:divide-y > :not(:first-child)) { border-block-start: var(--border-width) var(--border-style) var(--border-color); } :where(.sm\:divide-y-0 > :not(:first-child)) { border-block-start: 0; } .sm\:text-start { text-align: start; } .sm\:text-end { text-align: end; } .sm\:text-center { text-align: center; } } @media (width >= 768px) { .md\:float-start { float: inline-start; } .md\:float-end { float: inline-end; } .md\:float-none { float: none; } .md\:object-fit-contain { object-fit: contain; } .md\:object-fit-cover { object-fit: cover; } .md\:object-fit-fill { object-fit: fill; } .md\:object-fit-scale { object-fit: scale-down; } .md\:object-fit-none { object-fit: none; } .md\:d-inline { display: inline; } .md\:d-inline-block { display: inline-block; } .md\:d-block { display: block; } .md\:d-grid { display: grid; } .md\:d-inline-grid { display: inline-grid; } .md\:d-table { display: table; } .md\:d-table-row { display: table-row; } .md\:d-table-cell { display: table-cell; } .md\:d-flex { display: flex; } .md\:d-inline-flex { display: inline-flex; } .md\:d-contents { display: contents; } .md\:d-flow-root { display: flow-root; } .md\:d-none { display: none; } .md\:flex-fill { flex: 1 1 auto; } .md\:flex-row { flex-direction: row; } .md\:flex-column { flex-direction: column; } .md\:flex-row-reverse { flex-direction: row-reverse; } .md\:flex-column-reverse { flex-direction: column-reverse; } .md\:flex-grow-0 { flex-grow: 0; } .md\:flex-grow-1 { flex-grow: 1; } .md\:flex-shrink-0 { flex-shrink: 0; } .md\:flex-shrink-1 { flex-shrink: 1; } .md\:flex-wrap { flex-wrap: wrap; } .md\:flex-nowrap { flex-wrap: nowrap; } .md\:flex-wrap-reverse { flex-wrap: wrap-reverse; } .md\:justify-content-start { justify-content: flex-start; } .md\:justify-content-end { justify-content: flex-end; } .md\:justify-content-center { justify-content: center; } .md\:justify-content-between { justify-content: space-between; } .md\:justify-content-around { justify-content: space-around; } .md\:justify-content-evenly { justify-content: space-evenly; } .md\:justify-items-start { justify-items: start; } .md\:justify-items-end { justify-items: end; } .md\:justify-items-center { justify-items: center; } .md\:justify-items-stretch { justify-items: stretch; } .md\:justify-self-start { justify-self: start; } .md\:justify-self-end { justify-self: end; } .md\:justify-self-center { justify-self: center; } .md\:align-items-start { align-items: flex-start; } .md\:align-items-end { align-items: flex-end; } .md\:align-items-center { align-items: center; } .md\:align-items-baseline { align-items: baseline; } .md\:align-items-stretch { align-items: stretch; } .md\:align-content-start { align-content: flex-start; } .md\:align-content-end { align-content: flex-end; } .md\:align-content-center { align-content: center; } .md\:align-content-between { align-content: space-between; } .md\:align-content-around { align-content: space-around; } .md\:align-content-stretch { align-content: stretch; } .md\:align-self-auto { align-self: auto; } .md\:align-self-start { align-self: flex-start; } .md\:align-self-end { align-self: flex-end; } .md\:align-self-center { align-self: center; } .md\:align-self-baseline { align-self: baseline; } .md\:align-self-stretch { align-self: stretch; } .md\:place-items-start { place-items: start; } .md\:place-items-end { place-items: end; } .md\:place-items-center { place-items: center; } .md\:place-items-stretch { place-items: stretch; } .md\:grid-cols-1 { grid-template-columns: 1fr; } .md\:grid-cols-2 { grid-template-columns: repeat(2, 1fr); } .md\:grid-cols-3 { grid-template-columns: repeat(3, 1fr); } .md\:grid-cols-4 { grid-template-columns: repeat(4, 1fr); } .md\:grid-cols-6 { grid-template-columns: repeat(6, 1fr); } .md\:grid-cols-subgrid { grid-template-columns: subgrid; } .md\:grid-cols-fill { grid-column: 1 / -1; } .md\:grid-auto-flow-row { grid-auto-flow: row; } .md\:grid-auto-flow-column { grid-auto-flow: column; } .md\:grid-auto-flow-dense { grid-auto-flow: dense; } .md\:order-first { order: -1; } .md\:order-0 { order: 0; } .md\:order-1 { order: 1; } .md\:order-2 { order: 2; } .md\:order-3 { order: 3; } .md\:order-4 { order: 4; } .md\:order-5 { order: 5; } .md\:order-last { order: 6; } .md\:m-0 { margin: 0; } .md\:m-1 { margin: 0.25rem; } .md\:m-2 { margin: 0.375rem; } .md\:m-3 { margin: 0.5rem; } .md\:m-4 { margin: 0.75rem; } .md\:m-5 { margin: 1rem; } .md\:m-6 { margin: 1.25rem; } .md\:m-7 { margin: 1.5rem; } .md\:m-8 { margin: 1.75rem; } .md\:m-9 { margin: 2rem; } .md\:m-10 { margin: 2.25rem; } .md\:m-11 { margin: 2.5rem; } .md\:m-12 { margin: 3rem; } .md\:m-auto { margin: auto; } .md\:mx-0 { margin-inline: 0; } .md\:mx-1 { margin-inline: 0.25rem; } .md\:mx-2 { margin-inline: 0.375rem; } .md\:mx-3 { margin-inline: 0.5rem; } .md\:mx-4 { margin-inline: 0.75rem; } .md\:mx-5 { margin-inline: 1rem; } .md\:mx-6 { margin-inline: 1.25rem; } .md\:mx-7 { margin-inline: 1.5rem; } .md\:mx-8 { margin-inline: 1.75rem; } .md\:mx-9 { margin-inline: 2rem; } .md\:mx-10 { margin-inline: 2.25rem; } .md\:mx-11 { margin-inline: 2.5rem; } .md\:mx-12 { margin-inline: 3rem; } .md\:mx-auto { margin-inline: auto; } .md\:my-0 { margin-block: 0; } .md\:my-1 { margin-block: 0.25rem; } .md\:my-2 { margin-block: 0.375rem; } .md\:my-3 { margin-block: 0.5rem; } .md\:my-4 { margin-block: 0.75rem; } .md\:my-5 { margin-block: 1rem; } .md\:my-6 { margin-block: 1.25rem; } .md\:my-7 { margin-block: 1.5rem; } .md\:my-8 { margin-block: 1.75rem; } .md\:my-9 { margin-block: 2rem; } .md\:my-10 { margin-block: 2.25rem; } .md\:my-11 { margin-block: 2.5rem; } .md\:my-12 { margin-block: 3rem; } .md\:my-auto { margin-block: auto; } .md\:mt-0 { margin-block-start: 0; } .md\:mt-1 { margin-block-start: 0.25rem; } .md\:mt-2 { margin-block-start: 0.375rem; } .md\:mt-3 { margin-block-start: 0.5rem; } .md\:mt-4 { margin-block-start: 0.75rem; } .md\:mt-5 { margin-block-start: 1rem; } .md\:mt-6 { margin-block-start: 1.25rem; } .md\:mt-7 { margin-block-start: 1.5rem; } .md\:mt-8 { margin-block-start: 1.75rem; } .md\:mt-9 { margin-block-start: 2rem; } .md\:mt-10 { margin-block-start: 2.25rem; } .md\:mt-11 { margin-block-start: 2.5rem; } .md\:mt-12 { margin-block-start: 3rem; } .md\:mt-auto { margin-block-start: auto; } .md\:me-0 { margin-inline-end: 0; } .md\:me-1 { margin-inline-end: 0.25rem; } .md\:me-2 { margin-inline-end: 0.375rem; } .md\:me-3 { margin-inline-end: 0.5rem; } .md\:me-4 { margin-inline-end: 0.75rem; } .md\:me-5 { margin-inline-end: 1rem; } .md\:me-6 { margin-inline-end: 1.25rem; } .md\:me-7 { margin-inline-end: 1.5rem; } .md\:me-8 { margin-inline-end: 1.75rem; } .md\:me-9 { margin-inline-end: 2rem; } .md\:me-10 { margin-inline-end: 2.25rem; } .md\:me-11 { margin-inline-end: 2.5rem; } .md\:me-12 { margin-inline-end: 3rem; } .md\:me--1 { margin-inline-end: -0.25rem; } .md\:me--2 { margin-inline-end: -0.5rem; } .md\:me-auto { margin-inline-end: auto; } .md\:mb-0 { margin-block-end: 0; } .md\:mb-1 { margin-block-end: 0.25rem; } .md\:mb-2 { margin-block-end: 0.375rem; } .md\:mb-3 { margin-block-end: 0.5rem; } .md\:mb-4 { margin-block-end: 0.75rem; } .md\:mb-5 { margin-block-end: 1rem; } .md\:mb-6 { margin-block-end: 1.25rem; } .md\:mb-7 { margin-block-end: 1.5rem; } .md\:mb-8 { margin-block-end: 1.75rem; } .md\:mb-9 { margin-block-end: 2rem; } .md\:mb-10 { margin-block-end: 2.25rem; } .md\:mb-11 { margin-block-end: 2.5rem; } .md\:mb-12 { margin-block-end: 3rem; } .md\:mb-auto { margin-block-end: auto; } .md\:ms-0 { margin-inline-start: 0; } .md\:ms-1 { margin-inline-start: 0.25rem; } .md\:ms-2 { margin-inline-start: 0.375rem; } .md\:ms-3 { margin-inline-start: 0.5rem; } .md\:ms-4 { margin-inline-start: 0.75rem; } .md\:ms-5 { margin-inline-start: 1rem; } .md\:ms-6 { margin-inline-start: 1.25rem; } .md\:ms-7 { margin-inline-start: 1.5rem; } .md\:ms-8 { margin-inline-start: 1.75rem; } .md\:ms-9 { margin-inline-start: 2rem; } .md\:ms-10 { margin-inline-start: 2.25rem; } .md\:ms-11 { margin-inline-start: 2.5rem; } .md\:ms-12 { margin-inline-start: 3rem; } .md\:ms--1 { margin-inline-start: -0.25rem; } .md\:ms--2 { margin-inline-start: -0.5rem; } .md\:ms-auto { margin-inline-start: auto; } .md\:p-0 { padding: 0; } .md\:p-1 { padding: 0.25rem; } .md\:p-2 { padding: 0.375rem; } .md\:p-3 { padding: 0.5rem; } .md\:p-4 { padding: 0.75rem; } .md\:p-5 { padding: 1rem; } .md\:p-6 { padding: 1.25rem; } .md\:p-7 { padding: 1.5rem; } .md\:p-8 { padding: 1.75rem; } .md\:p-9 { padding: 2rem; } .md\:p-10 { padding: 2.25rem; } .md\:p-11 { padding: 2.5rem; } .md\:p-12 { padding: 3rem; } .md\:px-0 { padding-inline: 0; } .md\:px-1 { padding-inline: 0.25rem; } .md\:px-2 { padding-inline: 0.375rem; } .md\:px-3 { padding-inline: 0.5rem; } .md\:px-4 { padding-inline: 0.75rem; } .md\:px-5 { padding-inline: 1rem; } .md\:px-6 { padding-inline: 1.25rem; } .md\:px-7 { padding-inline: 1.5rem; } .md\:px-8 { padding-inline: 1.75rem; } .md\:px-9 { padding-inline: 2rem; } .md\:px-10 { padding-inline: 2.25rem; } .md\:px-11 { padding-inline: 2.5rem; } .md\:px-12 { padding-inline: 3rem; } .md\:py-0 { padding-block: 0; } .md\:py-1 { padding-block: 0.25rem; } .md\:py-2 { padding-block: 0.375rem; } .md\:py-3 { padding-block: 0.5rem; } .md\:py-4 { padding-block: 0.75rem; } .md\:py-5 { padding-block: 1rem; } .md\:py-6 { padding-block: 1.25rem; } .md\:py-7 { padding-block: 1.5rem; } .md\:py-8 { padding-block: 1.75rem; } .md\:py-9 { padding-block: 2rem; } .md\:py-10 { padding-block: 2.25rem; } .md\:py-11 { padding-block: 2.5rem; } .md\:py-12 { padding-block: 3rem; } .md\:pt-0 { padding-block-start: 0; } .md\:pt-1 { padding-block-start: 0.25rem; } .md\:pt-2 { padding-block-start: 0.375rem; } .md\:pt-3 { padding-block-start: 0.5rem; } .md\:pt-4 { padding-block-start: 0.75rem; } .md\:pt-5 { padding-block-start: 1rem; } .md\:pt-6 { padding-block-start: 1.25rem; } .md\:pt-7 { padding-block-start: 1.5rem; } .md\:pt-8 { padding-block-start: 1.75rem; } .md\:pt-9 { padding-block-start: 2rem; } .md\:pt-10 { padding-block-start: 2.25rem; } .md\:pt-11 { padding-block-start: 2.5rem; } .md\:pt-12 { padding-block-start: 3rem; } .md\:pe-0 { padding-inline-end: 0; } .md\:pe-1 { padding-inline-end: 0.25rem; } .md\:pe-2 { padding-inline-end: 0.375rem; } .md\:pe-3 { padding-inline-end: 0.5rem; } .md\:pe-4 { padding-inline-end: 0.75rem; } .md\:pe-5 { padding-inline-end: 1rem; } .md\:pe-6 { padding-inline-end: 1.25rem; } .md\:pe-7 { padding-inline-end: 1.5rem; } .md\:pe-8 { padding-inline-end: 1.75rem; } .md\:pe-9 { padding-inline-end: 2rem; } .md\:pe-10 { padding-inline-end: 2.25rem; } .md\:pe-11 { padding-inline-end: 2.5rem; } .md\:pe-12 { padding-inline-end: 3rem; } .md\:pb-0 { padding-block-end: 0; } .md\:pb-1 { padding-block-end: 0.25rem; } .md\:pb-2 { padding-block-end: 0.375rem; } .md\:pb-3 { padding-block-end: 0.5rem; } .md\:pb-4 { padding-block-end: 0.75rem; } .md\:pb-5 { padding-block-end: 1rem; } .md\:pb-6 { padding-block-end: 1.25rem; } .md\:pb-7 { padding-block-end: 1.5rem; } .md\:pb-8 { padding-block-end: 1.75rem; } .md\:pb-9 { padding-block-end: 2rem; } .md\:pb-10 { padding-block-end: 2.25rem; } .md\:pb-11 { padding-block-end: 2.5rem; } .md\:pb-12 { padding-block-end: 3rem; } .md\:ps-0 { padding-inline-start: 0; } .md\:ps-1 { padding-inline-start: 0.25rem; } .md\:ps-2 { padding-inline-start: 0.375rem; } .md\:ps-3 { padding-inline-start: 0.5rem; } .md\:ps-4 { padding-inline-start: 0.75rem; } .md\:ps-5 { padding-inline-start: 1rem; } .md\:ps-6 { padding-inline-start: 1.25rem; } .md\:ps-7 { padding-inline-start: 1.5rem; } .md\:ps-8 { padding-inline-start: 1.75rem; } .md\:ps-9 { padding-inline-start: 2rem; } .md\:ps-10 { padding-inline-start: 2.25rem; } .md\:ps-11 { padding-inline-start: 2.5rem; } .md\:ps-12 { padding-inline-start: 3rem; } .md\:gap-0 { gap: 0; } .md\:gap-1 { gap: 0.25rem; } .md\:gap-2 { gap: 0.375rem; } .md\:gap-3 { gap: 0.5rem; } .md\:gap-4 { gap: 0.75rem; } .md\:gap-5 { gap: 1rem; } .md\:gap-6 { gap: 1.25rem; } .md\:gap-7 { gap: 1.5rem; } .md\:gap-8 { gap: 1.75rem; } .md\:gap-9 { gap: 2rem; } .md\:gap-10 { gap: 2.25rem; } .md\:gap-11 { gap: 2.5rem; } .md\:gap-12 { gap: 3rem; } .md\:row-gap-0 { row-gap: 0; } .md\:row-gap-1 { row-gap: 0.25rem; } .md\:row-gap-2 { row-gap: 0.375rem; } .md\:row-gap-3 { row-gap: 0.5rem; } .md\:row-gap-4 { row-gap: 0.75rem; } .md\:row-gap-5 { row-gap: 1rem; } .md\:row-gap-6 { row-gap: 1.25rem; } .md\:row-gap-7 { row-gap: 1.5rem; } .md\:row-gap-8 { row-gap: 1.75rem; } .md\:row-gap-9 { row-gap: 2rem; } .md\:row-gap-10 { row-gap: 2.25rem; } .md\:row-gap-11 { row-gap: 2.5rem; } .md\:row-gap-12 { row-gap: 3rem; } .md\:column-gap-0 { column-gap: 0; } .md\:column-gap-1 { column-gap: 0.25rem; } .md\:column-gap-2 { column-gap: 0.375rem; } .md\:column-gap-3 { column-gap: 0.5rem; } .md\:column-gap-4 { column-gap: 0.75rem; } .md\:column-gap-5 { column-gap: 1rem; } .md\:column-gap-6 { column-gap: 1.25rem; } .md\:column-gap-7 { column-gap: 1.5rem; } .md\:column-gap-8 { column-gap: 1.75rem; } .md\:column-gap-9 { column-gap: 2rem; } .md\:column-gap-10 { column-gap: 2.25rem; } .md\:column-gap-11 { column-gap: 2.5rem; } .md\:column-gap-12 { column-gap: 3rem; } :where(.md\:space-x-0 > :not(:last-child)) { margin-inline-end: 0; } :where(.md\:space-x-1 > :not(:last-child)) { margin-inline-end: 0.25rem; } :where(.md\:space-x-2 > :not(:last-child)) { margin-inline-end: 0.375rem; } :where(.md\:space-x-3 > :not(:last-child)) { margin-inline-end: 0.5rem; } :where(.md\:space-x-4 > :not(:last-child)) { margin-inline-end: 0.75rem; } :where(.md\:space-x-5 > :not(:last-child)) { margin-inline-end: 1rem; } :where(.md\:space-x-6 > :not(:last-child)) { margin-inline-end: 1.25rem; } :where(.md\:space-x-7 > :not(:last-child)) { margin-inline-end: 1.5rem; } :where(.md\:space-x-8 > :not(:last-child)) { margin-inline-end: 1.75rem; } :where(.md\:space-x-9 > :not(:last-child)) { margin-inline-end: 2rem; } :where(.md\:space-x-10 > :not(:last-child)) { margin-inline-end: 2.25rem; } :where(.md\:space-x-11 > :not(:last-child)) { margin-inline-end: 2.5rem; } :where(.md\:space-x-12 > :not(:last-child)) { margin-inline-end: 3rem; } :where(.md\:space-y-0 > :not(:last-child)) { margin-block-end: 0; } :where(.md\:space-y-1 > :not(:last-child)) { margin-block-end: 0.25rem; } :where(.md\:space-y-2 > :not(:last-child)) { margin-block-end: 0.375rem; } :where(.md\:space-y-3 > :not(:last-child)) { margin-block-end: 0.5rem; } :where(.md\:space-y-4 > :not(:last-child)) { margin-block-end: 0.75rem; } :where(.md\:space-y-5 > :not(:last-child)) { margin-block-end: 1rem; } :where(.md\:space-y-6 > :not(:last-child)) { margin-block-end: 1.25rem; } :where(.md\:space-y-7 > :not(:last-child)) { margin-block-end: 1.5rem; } :where(.md\:space-y-8 > :not(:last-child)) { margin-block-end: 1.75rem; } :where(.md\:space-y-9 > :not(:last-child)) { margin-block-end: 2rem; } :where(.md\:space-y-10 > :not(:last-child)) { margin-block-end: 2.25rem; } :where(.md\:space-y-11 > :not(:last-child)) { margin-block-end: 2.5rem; } :where(.md\:space-y-12 > :not(:last-child)) { margin-block-end: 3rem; } :where(.md\:divide-x > :not(:first-child)) { border-inline-start: var(--border-width) var(--border-style) var(--border-color); } :where(.md\:divide-x-0 > :not(:first-child)) { border-inline-start: 0; } :where(.md\:divide-y > :not(:first-child)) { border-block-start: var(--border-width) var(--border-style) var(--border-color); } :where(.md\:divide-y-0 > :not(:first-child)) { border-block-start: 0; } .md\:text-start { text-align: start; } .md\:text-end { text-align: end; } .md\:text-center { text-align: center; } } @media (width >= 992px) { .lg\:float-start { float: inline-start; } .lg\:float-end { float: inline-end; } .lg\:float-none { float: none; } .lg\:object-fit-contain { object-fit: contain; } .lg\:object-fit-cover { object-fit: cover; } .lg\:object-fit-fill { object-fit: fill; } .lg\:object-fit-scale { object-fit: scale-down; } .lg\:object-fit-none { object-fit: none; } .lg\:d-inline { display: inline; } .lg\:d-inline-block { display: inline-block; } .lg\:d-block { display: block; } .lg\:d-grid { display: grid; } .lg\:d-inline-grid { display: inline-grid; } .lg\:d-table { display: table; } .lg\:d-table-row { display: table-row; } .lg\:d-table-cell { display: table-cell; } .lg\:d-flex { display: flex; } .lg\:d-inline-flex { display: inline-flex; } .lg\:d-contents { display: contents; } .lg\:d-flow-root { display: flow-root; } .lg\:d-none { display: none; } .lg\:flex-fill { flex: 1 1 auto; } .lg\:flex-row { flex-direction: row; } .lg\:flex-column { flex-direction: column; } .lg\:flex-row-reverse { flex-direction: row-reverse; } .lg\:flex-column-reverse { flex-direction: column-reverse; } .lg\:flex-grow-0 { flex-grow: 0; } .lg\:flex-grow-1 { flex-grow: 1; } .lg\:flex-shrink-0 { flex-shrink: 0; } .lg\:flex-shrink-1 { flex-shrink: 1; } .lg\:flex-wrap { flex-wrap: wrap; } .lg\:flex-nowrap { flex-wrap: nowrap; } .lg\:flex-wrap-reverse { flex-wrap: wrap-reverse; } .lg\:justify-content-start { justify-content: flex-start; } .lg\:justify-content-end { justify-content: flex-end; } .lg\:justify-content-center { justify-content: center; } .lg\:justify-content-between { justify-content: space-between; } .lg\:justify-content-around { justify-content: space-around; } .lg\:justify-content-evenly { justify-content: space-evenly; } .lg\:justify-items-start { justify-items: start; } .lg\:justify-items-end { justify-items: end; } .lg\:justify-items-center { justify-items: center; } .lg\:justify-items-stretch { justify-items: stretch; } .lg\:justify-self-start { justify-self: start; } .lg\:justify-self-end { justify-self: end; } .lg\:justify-self-center { justify-self: center; } .lg\:align-items-start { align-items: flex-start; } .lg\:align-items-end { align-items: flex-end; } .lg\:align-items-center { align-items: center; } .lg\:align-items-baseline { align-items: baseline; } .lg\:align-items-stretch { align-items: stretch; } .lg\:align-content-start { align-content: flex-start; } .lg\:align-content-end { align-content: flex-end; } .lg\:align-content-center { align-content: center; } .lg\:align-content-between { align-content: space-between; } .lg\:align-content-around { align-content: space-around; } .lg\:align-content-stretch { align-content: stretch; } .lg\:align-self-auto { align-self: auto; } .lg\:align-self-start { align-self: flex-start; } .lg\:align-self-end { align-self: flex-end; } .lg\:align-self-center { align-self: center; } .lg\:align-self-baseline { align-self: baseline; } .lg\:align-self-stretch { align-self: stretch; } .lg\:place-items-start { place-items: start; } .lg\:place-items-end { place-items: end; } .lg\:place-items-center { place-items: center; } .lg\:place-items-stretch { place-items: stretch; } .lg\:grid-cols-1 { grid-template-columns: 1fr; } .lg\:grid-cols-2 { grid-template-columns: repeat(2, 1fr); } .lg\:grid-cols-3 { grid-template-columns: repeat(3, 1fr); } .lg\:grid-cols-4 { grid-template-columns: repeat(4, 1fr); } .lg\:grid-cols-6 { grid-template-columns: repeat(6, 1fr); } .lg\:grid-cols-subgrid { grid-template-columns: subgrid; } .lg\:grid-cols-fill { grid-column: 1 / -1; } .lg\:grid-auto-flow-row { grid-auto-flow: row; } .lg\:grid-auto-flow-column { grid-auto-flow: column; } .lg\:grid-auto-flow-dense { grid-auto-flow: dense; } .lg\:order-first { order: -1; } .lg\:order-0 { order: 0; } .lg\:order-1 { order: 1; } .lg\:order-2 { order: 2; } .lg\:order-3 { order: 3; } .lg\:order-4 { order: 4; } .lg\:order-5 { order: 5; } .lg\:order-last { order: 6; } .lg\:m-0 { margin: 0; } .lg\:m-1 { margin: 0.25rem; } .lg\:m-2 { margin: 0.375rem; } .lg\:m-3 { margin: 0.5rem; } .lg\:m-4 { margin: 0.75rem; } .lg\:m-5 { margin: 1rem; } .lg\:m-6 { margin: 1.25rem; } .lg\:m-7 { margin: 1.5rem; } .lg\:m-8 { margin: 1.75rem; } .lg\:m-9 { margin: 2rem; } .lg\:m-10 { margin: 2.25rem; } .lg\:m-11 { margin: 2.5rem; } .lg\:m-12 { margin: 3rem; } .lg\:m-auto { margin: auto; } .lg\:mx-0 { margin-inline: 0; } .lg\:mx-1 { margin-inline: 0.25rem; } .lg\:mx-2 { margin-inline: 0.375rem; } .lg\:mx-3 { margin-inline: 0.5rem; } .lg\:mx-4 { margin-inline: 0.75rem; } .lg\:mx-5 { margin-inline: 1rem; } .lg\:mx-6 { margin-inline: 1.25rem; } .lg\:mx-7 { margin-inline: 1.5rem; } .lg\:mx-8 { margin-inline: 1.75rem; } .lg\:mx-9 { margin-inline: 2rem; } .lg\:mx-10 { margin-inline: 2.25rem; } .lg\:mx-11 { margin-inline: 2.5rem; } .lg\:mx-12 { margin-inline: 3rem; } .lg\:mx-auto { margin-inline: auto; } .lg\:my-0 { margin-block: 0; } .lg\:my-1 { margin-block: 0.25rem; } .lg\:my-2 { margin-block: 0.375rem; } .lg\:my-3 { margin-block: 0.5rem; } .lg\:my-4 { margin-block: 0.75rem; } .lg\:my-5 { margin-block: 1rem; } .lg\:my-6 { margin-block: 1.25rem; } .lg\:my-7 { margin-block: 1.5rem; } .lg\:my-8 { margin-block: 1.75rem; } .lg\:my-9 { margin-block: 2rem; } .lg\:my-10 { margin-block: 2.25rem; } .lg\:my-11 { margin-block: 2.5rem; } .lg\:my-12 { margin-block: 3rem; } .lg\:my-auto { margin-block: auto; } .lg\:mt-0 { margin-block-start: 0; } .lg\:mt-1 { margin-block-start: 0.25rem; } .lg\:mt-2 { margin-block-start: 0.375rem; } .lg\:mt-3 { margin-block-start: 0.5rem; } .lg\:mt-4 { margin-block-start: 0.75rem; } .lg\:mt-5 { margin-block-start: 1rem; } .lg\:mt-6 { margin-block-start: 1.25rem; } .lg\:mt-7 { margin-block-start: 1.5rem; } .lg\:mt-8 { margin-block-start: 1.75rem; } .lg\:mt-9 { margin-block-start: 2rem; } .lg\:mt-10 { margin-block-start: 2.25rem; } .lg\:mt-11 { margin-block-start: 2.5rem; } .lg\:mt-12 { margin-block-start: 3rem; } .lg\:mt-auto { margin-block-start: auto; } .lg\:me-0 { margin-inline-end: 0; } .lg\:me-1 { margin-inline-end: 0.25rem; } .lg\:me-2 { margin-inline-end: 0.375rem; } .lg\:me-3 { margin-inline-end: 0.5rem; } .lg\:me-4 { margin-inline-end: 0.75rem; } .lg\:me-5 { margin-inline-end: 1rem; } .lg\:me-6 { margin-inline-end: 1.25rem; } .lg\:me-7 { margin-inline-end: 1.5rem; } .lg\:me-8 { margin-inline-end: 1.75rem; } .lg\:me-9 { margin-inline-end: 2rem; } .lg\:me-10 { margin-inline-end: 2.25rem; } .lg\:me-11 { margin-inline-end: 2.5rem; } .lg\:me-12 { margin-inline-end: 3rem; } .lg\:me--1 { margin-inline-end: -0.25rem; } .lg\:me--2 { margin-inline-end: -0.5rem; } .lg\:me-auto { margin-inline-end: auto; } .lg\:mb-0 { margin-block-end: 0; } .lg\:mb-1 { margin-block-end: 0.25rem; } .lg\:mb-2 { margin-block-end: 0.375rem; } .lg\:mb-3 { margin-block-end: 0.5rem; } .lg\:mb-4 { margin-block-end: 0.75rem; } .lg\:mb-5 { margin-block-end: 1rem; } .lg\:mb-6 { margin-block-end: 1.25rem; } .lg\:mb-7 { margin-block-end: 1.5rem; } .lg\:mb-8 { margin-block-end: 1.75rem; } .lg\:mb-9 { margin-block-end: 2rem; } .lg\:mb-10 { margin-block-end: 2.25rem; } .lg\:mb-11 { margin-block-end: 2.5rem; } .lg\:mb-12 { margin-block-end: 3rem; } .lg\:mb-auto { margin-block-end: auto; } .lg\:ms-0 { margin-inline-start: 0; } .lg\:ms-1 { margin-inline-start: 0.25rem; } .lg\:ms-2 { margin-inline-start: 0.375rem; } .lg\:ms-3 { margin-inline-start: 0.5rem; } .lg\:ms-4 { margin-inline-start: 0.75rem; } .lg\:ms-5 { margin-inline-start: 1rem; } .lg\:ms-6 { margin-inline-start: 1.25rem; } .lg\:ms-7 { margin-inline-start: 1.5rem; } .lg\:ms-8 { margin-inline-start: 1.75rem; } .lg\:ms-9 { margin-inline-start: 2rem; } .lg\:ms-10 { margin-inline-start: 2.25rem; } .lg\:ms-11 { margin-inline-start: 2.5rem; } .lg\:ms-12 { margin-inline-start: 3rem; } .lg\:ms--1 { margin-inline-start: -0.25rem; } .lg\:ms--2 { margin-inline-start: -0.5rem; } .lg\:ms-auto { margin-inline-start: auto; } .lg\:p-0 { padding: 0; } .lg\:p-1 { padding: 0.25rem; } .lg\:p-2 { padding: 0.375rem; } .lg\:p-3 { padding: 0.5rem; } .lg\:p-4 { padding: 0.75rem; } .lg\:p-5 { padding: 1rem; } .lg\:p-6 { padding: 1.25rem; } .lg\:p-7 { padding: 1.5rem; } .lg\:p-8 { padding: 1.75rem; } .lg\:p-9 { padding: 2rem; } .lg\:p-10 { padding: 2.25rem; } .lg\:p-11 { padding: 2.5rem; } .lg\:p-12 { padding: 3rem; } .lg\:px-0 { padding-inline: 0; } .lg\:px-1 { padding-inline: 0.25rem; } .lg\:px-2 { padding-inline: 0.375rem; } .lg\:px-3 { padding-inline: 0.5rem; } .lg\:px-4 { padding-inline: 0.75rem; } .lg\:px-5 { padding-inline: 1rem; } .lg\:px-6 { padding-inline: 1.25rem; } .lg\:px-7 { padding-inline: 1.5rem; } .lg\:px-8 { padding-inline: 1.75rem; } .lg\:px-9 { padding-inline: 2rem; } .lg\:px-10 { padding-inline: 2.25rem; } .lg\:px-11 { padding-inline: 2.5rem; } .lg\:px-12 { padding-inline: 3rem; } .lg\:py-0 { padding-block: 0; } .lg\:py-1 { padding-block: 0.25rem; } .lg\:py-2 { padding-block: 0.375rem; } .lg\:py-3 { padding-block: 0.5rem; } .lg\:py-4 { padding-block: 0.75rem; } .lg\:py-5 { padding-block: 1rem; } .lg\:py-6 { padding-block: 1.25rem; } .lg\:py-7 { padding-block: 1.5rem; } .lg\:py-8 { padding-block: 1.75rem; } .lg\:py-9 { padding-block: 2rem; } .lg\:py-10 { padding-block: 2.25rem; } .lg\:py-11 { padding-block: 2.5rem; } .lg\:py-12 { padding-block: 3rem; } .lg\:pt-0 { padding-block-start: 0; } .lg\:pt-1 { padding-block-start: 0.25rem; } .lg\:pt-2 { padding-block-start: 0.375rem; } .lg\:pt-3 { padding-block-start: 0.5rem; } .lg\:pt-4 { padding-block-start: 0.75rem; } .lg\:pt-5 { padding-block-start: 1rem; } .lg\:pt-6 { padding-block-start: 1.25rem; } .lg\:pt-7 { padding-block-start: 1.5rem; } .lg\:pt-8 { padding-block-start: 1.75rem; } .lg\:pt-9 { padding-block-start: 2rem; } .lg\:pt-10 { padding-block-start: 2.25rem; } .lg\:pt-11 { padding-block-start: 2.5rem; } .lg\:pt-12 { padding-block-start: 3rem; } .lg\:pe-0 { padding-inline-end: 0; } .lg\:pe-1 { padding-inline-end: 0.25rem; } .lg\:pe-2 { padding-inline-end: 0.375rem; } .lg\:pe-3 { padding-inline-end: 0.5rem; } .lg\:pe-4 { padding-inline-end: 0.75rem; } .lg\:pe-5 { padding-inline-end: 1rem; } .lg\:pe-6 { padding-inline-end: 1.25rem; } .lg\:pe-7 { padding-inline-end: 1.5rem; } .lg\:pe-8 { padding-inline-end: 1.75rem; } .lg\:pe-9 { padding-inline-end: 2rem; } .lg\:pe-10 { padding-inline-end: 2.25rem; } .lg\:pe-11 { padding-inline-end: 2.5rem; } .lg\:pe-12 { padding-inline-end: 3rem; } .lg\:pb-0 { padding-block-end: 0; } .lg\:pb-1 { padding-block-end: 0.25rem; } .lg\:pb-2 { padding-block-end: 0.375rem; } .lg\:pb-3 { padding-block-end: 0.5rem; } .lg\:pb-4 { padding-block-end: 0.75rem; } .lg\:pb-5 { padding-block-end: 1rem; } .lg\:pb-6 { padding-block-end: 1.25rem; } .lg\:pb-7 { padding-block-end: 1.5rem; } .lg\:pb-8 { padding-block-end: 1.75rem; } .lg\:pb-9 { padding-block-end: 2rem; } .lg\:pb-10 { padding-block-end: 2.25rem; } .lg\:pb-11 { padding-block-end: 2.5rem; } .lg\:pb-12 { padding-block-end: 3rem; } .lg\:ps-0 { padding-inline-start: 0; } .lg\:ps-1 { padding-inline-start: 0.25rem; } .lg\:ps-2 { padding-inline-start: 0.375rem; } .lg\:ps-3 { padding-inline-start: 0.5rem; } .lg\:ps-4 { padding-inline-start: 0.75rem; } .lg\:ps-5 { padding-inline-start: 1rem; } .lg\:ps-6 { padding-inline-start: 1.25rem; } .lg\:ps-7 { padding-inline-start: 1.5rem; } .lg\:ps-8 { padding-inline-start: 1.75rem; } .lg\:ps-9 { padding-inline-start: 2rem; } .lg\:ps-10 { padding-inline-start: 2.25rem; } .lg\:ps-11 { padding-inline-start: 2.5rem; } .lg\:ps-12 { padding-inline-start: 3rem; } .lg\:gap-0 { gap: 0; } .lg\:gap-1 { gap: 0.25rem; } .lg\:gap-2 { gap: 0.375rem; } .lg\:gap-3 { gap: 0.5rem; } .lg\:gap-4 { gap: 0.75rem; } .lg\:gap-5 { gap: 1rem; } .lg\:gap-6 { gap: 1.25rem; } .lg\:gap-7 { gap: 1.5rem; } .lg\:gap-8 { gap: 1.75rem; } .lg\:gap-9 { gap: 2rem; } .lg\:gap-10 { gap: 2.25rem; } .lg\:gap-11 { gap: 2.5rem; } .lg\:gap-12 { gap: 3rem; } .lg\:row-gap-0 { row-gap: 0; } .lg\:row-gap-1 { row-gap: 0.25rem; } .lg\:row-gap-2 { row-gap: 0.375rem; } .lg\:row-gap-3 { row-gap: 0.5rem; } .lg\:row-gap-4 { row-gap: 0.75rem; } .lg\:row-gap-5 { row-gap: 1rem; } .lg\:row-gap-6 { row-gap: 1.25rem; } .lg\:row-gap-7 { row-gap: 1.5rem; } .lg\:row-gap-8 { row-gap: 1.75rem; } .lg\:row-gap-9 { row-gap: 2rem; } .lg\:row-gap-10 { row-gap: 2.25rem; } .lg\:row-gap-11 { row-gap: 2.5rem; } .lg\:row-gap-12 { row-gap: 3rem; } .lg\:column-gap-0 { column-gap: 0; } .lg\:column-gap-1 { column-gap: 0.25rem; } .lg\:column-gap-2 { column-gap: 0.375rem; } .lg\:column-gap-3 { column-gap: 0.5rem; } .lg\:column-gap-4 { column-gap: 0.75rem; } .lg\:column-gap-5 { column-gap: 1rem; } .lg\:column-gap-6 { column-gap: 1.25rem; } .lg\:column-gap-7 { column-gap: 1.5rem; } .lg\:column-gap-8 { column-gap: 1.75rem; } .lg\:column-gap-9 { column-gap: 2rem; } .lg\:column-gap-10 { column-gap: 2.25rem; } .lg\:column-gap-11 { column-gap: 2.5rem; } .lg\:column-gap-12 { column-gap: 3rem; } :where(.lg\:space-x-0 > :not(:last-child)) { margin-inline-end: 0; } :where(.lg\:space-x-1 > :not(:last-child)) { margin-inline-end: 0.25rem; } :where(.lg\:space-x-2 > :not(:last-child)) { margin-inline-end: 0.375rem; } :where(.lg\:space-x-3 > :not(:last-child)) { margin-inline-end: 0.5rem; } :where(.lg\:space-x-4 > :not(:last-child)) { margin-inline-end: 0.75rem; } :where(.lg\:space-x-5 > :not(:last-child)) { margin-inline-end: 1rem; } :where(.lg\:space-x-6 > :not(:last-child)) { margin-inline-end: 1.25rem; } :where(.lg\:space-x-7 > :not(:last-child)) { margin-inline-end: 1.5rem; } :where(.lg\:space-x-8 > :not(:last-child)) { margin-inline-end: 1.75rem; } :where(.lg\:space-x-9 > :not(:last-child)) { margin-inline-end: 2rem; } :where(.lg\:space-x-10 > :not(:last-child)) { margin-inline-end: 2.25rem; } :where(.lg\:space-x-11 > :not(:last-child)) { margin-inline-end: 2.5rem; } :where(.lg\:space-x-12 > :not(:last-child)) { margin-inline-end: 3rem; } :where(.lg\:space-y-0 > :not(:last-child)) { margin-block-end: 0; } :where(.lg\:space-y-1 > :not(:last-child)) { margin-block-end: 0.25rem; } :where(.lg\:space-y-2 > :not(:last-child)) { margin-block-end: 0.375rem; } :where(.lg\:space-y-3 > :not(:last-child)) { margin-block-end: 0.5rem; } :where(.lg\:space-y-4 > :not(:last-child)) { margin-block-end: 0.75rem; } :where(.lg\:space-y-5 > :not(:last-child)) { margin-block-end: 1rem; } :where(.lg\:space-y-6 > :not(:last-child)) { margin-block-end: 1.25rem; } :where(.lg\:space-y-7 > :not(:last-child)) { margin-block-end: 1.5rem; } :where(.lg\:space-y-8 > :not(:last-child)) { margin-block-end: 1.75rem; } :where(.lg\:space-y-9 > :not(:last-child)) { margin-block-end: 2rem; } :where(.lg\:space-y-10 > :not(:last-child)) { margin-block-end: 2.25rem; } :where(.lg\:space-y-11 > :not(:last-child)) { margin-block-end: 2.5rem; } :where(.lg\:space-y-12 > :not(:last-child)) { margin-block-end: 3rem; } :where(.lg\:divide-x > :not(:first-child)) { border-inline-start: var(--border-width) var(--border-style) var(--border-color); } :where(.lg\:divide-x-0 > :not(:first-child)) { border-inline-start: 0; } :where(.lg\:divide-y > :not(:first-child)) { border-block-start: var(--border-width) var(--border-style) var(--border-color); } :where(.lg\:divide-y-0 > :not(:first-child)) { border-block-start: 0; } .lg\:text-start { text-align: start; } .lg\:text-end { text-align: end; } .lg\:text-center { text-align: center; } } @media (width >= 1200px) { .xl\:float-start { float: inline-start; } .xl\:float-end { float: inline-end; } .xl\:float-none { float: none; } .xl\:object-fit-contain { object-fit: contain; } .xl\:object-fit-cover { object-fit: cover; } .xl\:object-fit-fill { object-fit: fill; } .xl\:object-fit-scale { object-fit: scale-down; } .xl\:object-fit-none { object-fit: none; } .xl\:d-inline { display: inline; } .xl\:d-inline-block { display: inline-block; } .xl\:d-block { display: block; } .xl\:d-grid { display: grid; } .xl\:d-inline-grid { display: inline-grid; } .xl\:d-table { display: table; } .xl\:d-table-row { display: table-row; } .xl\:d-table-cell { display: table-cell; } .xl\:d-flex { display: flex; } .xl\:d-inline-flex { display: inline-flex; } .xl\:d-contents { display: contents; } .xl\:d-flow-root { display: flow-root; } .xl\:d-none { display: none; } .xl\:flex-fill { flex: 1 1 auto; } .xl\:flex-row { flex-direction: row; } .xl\:flex-column { flex-direction: column; } .xl\:flex-row-reverse { flex-direction: row-reverse; } .xl\:flex-column-reverse { flex-direction: column-reverse; } .xl\:flex-grow-0 { flex-grow: 0; } .xl\:flex-grow-1 { flex-grow: 1; } .xl\:flex-shrink-0 { flex-shrink: 0; } .xl\:flex-shrink-1 { flex-shrink: 1; } .xl\:flex-wrap { flex-wrap: wrap; } .xl\:flex-nowrap { flex-wrap: nowrap; } .xl\:flex-wrap-reverse { flex-wrap: wrap-reverse; } .xl\:justify-content-start { justify-content: flex-start; } .xl\:justify-content-end { justify-content: flex-end; } .xl\:justify-content-center { justify-content: center; } .xl\:justify-content-between { justify-content: space-between; } .xl\:justify-content-around { justify-content: space-around; } .xl\:justify-content-evenly { justify-content: space-evenly; } .xl\:justify-items-start { justify-items: start; } .xl\:justify-items-end { justify-items: end; } .xl\:justify-items-center { justify-items: center; } .xl\:justify-items-stretch { justify-items: stretch; } .xl\:justify-self-start { justify-self: start; } .xl\:justify-self-end { justify-self: end; } .xl\:justify-self-center { justify-self: center; } .xl\:align-items-start { align-items: flex-start; } .xl\:align-items-end { align-items: flex-end; } .xl\:align-items-center { align-items: center; } .xl\:align-items-baseline { align-items: baseline; } .xl\:align-items-stretch { align-items: stretch; } .xl\:align-content-start { align-content: flex-start; } .xl\:align-content-end { align-content: flex-end; } .xl\:align-content-center { align-content: center; } .xl\:align-content-between { align-content: space-between; } .xl\:align-content-around { align-content: space-around; } .xl\:align-content-stretch { align-content: stretch; } .xl\:align-self-auto { align-self: auto; } .xl\:align-self-start { align-self: flex-start; } .xl\:align-self-end { align-self: flex-end; } .xl\:align-self-center { align-self: center; } .xl\:align-self-baseline { align-self: baseline; } .xl\:align-self-stretch { align-self: stretch; } .xl\:place-items-start { place-items: start; } .xl\:place-items-end { place-items: end; } .xl\:place-items-center { place-items: center; } .xl\:place-items-stretch { place-items: stretch; } .xl\:grid-cols-1 { grid-template-columns: 1fr; } .xl\:grid-cols-2 { grid-template-columns: repeat(2, 1fr); } .xl\:grid-cols-3 { grid-template-columns: repeat(3, 1fr); } .xl\:grid-cols-4 { grid-template-columns: repeat(4, 1fr); } .xl\:grid-cols-6 { grid-template-columns: repeat(6, 1fr); } .xl\:grid-cols-subgrid { grid-template-columns: subgrid; } .xl\:grid-cols-fill { grid-column: 1 / -1; } .xl\:grid-auto-flow-row { grid-auto-flow: row; } .xl\:grid-auto-flow-column { grid-auto-flow: column; } .xl\:grid-auto-flow-dense { grid-auto-flow: dense; } .xl\:order-first { order: -1; } .xl\:order-0 { order: 0; } .xl\:order-1 { order: 1; } .xl\:order-2 { order: 2; } .xl\:order-3 { order: 3; } .xl\:order-4 { order: 4; } .xl\:order-5 { order: 5; } .xl\:order-last { order: 6; } .xl\:m-0 { margin: 0; } .xl\:m-1 { margin: 0.25rem; } .xl\:m-2 { margin: 0.375rem; } .xl\:m-3 { margin: 0.5rem; } .xl\:m-4 { margin: 0.75rem; } .xl\:m-5 { margin: 1rem; } .xl\:m-6 { margin: 1.25rem; } .xl\:m-7 { margin: 1.5rem; } .xl\:m-8 { margin: 1.75rem; } .xl\:m-9 { margin: 2rem; } .xl\:m-10 { margin: 2.25rem; } .xl\:m-11 { margin: 2.5rem; } .xl\:m-12 { margin: 3rem; } .xl\:m-auto { margin: auto; } .xl\:mx-0 { margin-inline: 0; } .xl\:mx-1 { margin-inline: 0.25rem; } .xl\:mx-2 { margin-inline: 0.375rem; } .xl\:mx-3 { margin-inline: 0.5rem; } .xl\:mx-4 { margin-inline: 0.75rem; } .xl\:mx-5 { margin-inline: 1rem; } .xl\:mx-6 { margin-inline: 1.25rem; } .xl\:mx-7 { margin-inline: 1.5rem; } .xl\:mx-8 { margin-inline: 1.75rem; } .xl\:mx-9 { margin-inline: 2rem; } .xl\:mx-10 { margin-inline: 2.25rem; } .xl\:mx-11 { margin-inline: 2.5rem; } .xl\:mx-12 { margin-inline: 3rem; } .xl\:mx-auto { margin-inline: auto; } .xl\:my-0 { margin-block: 0; } .xl\:my-1 { margin-block: 0.25rem; } .xl\:my-2 { margin-block: 0.375rem; } .xl\:my-3 { margin-block: 0.5rem; } .xl\:my-4 { margin-block: 0.75rem; } .xl\:my-5 { margin-block: 1rem; } .xl\:my-6 { margin-block: 1.25rem; } .xl\:my-7 { margin-block: 1.5rem; } .xl\:my-8 { margin-block: 1.75rem; } .xl\:my-9 { margin-block: 2rem; } .xl\:my-10 { margin-block: 2.25rem; } .xl\:my-11 { margin-block: 2.5rem; } .xl\:my-12 { margin-block: 3rem; } .xl\:my-auto { margin-block: auto; } .xl\:mt-0 { margin-block-start: 0; } .xl\:mt-1 { margin-block-start: 0.25rem; } .xl\:mt-2 { margin-block-start: 0.375rem; } .xl\:mt-3 { margin-block-start: 0.5rem; } .xl\:mt-4 { margin-block-start: 0.75rem; } .xl\:mt-5 { margin-block-start: 1rem; } .xl\:mt-6 { margin-block-start: 1.25rem; } .xl\:mt-7 { margin-block-start: 1.5rem; } .xl\:mt-8 { margin-block-start: 1.75rem; } .xl\:mt-9 { margin-block-start: 2rem; } .xl\:mt-10 { margin-block-start: 2.25rem; } .xl\:mt-11 { margin-block-start: 2.5rem; } .xl\:mt-12 { margin-block-start: 3rem; } .xl\:mt-auto { margin-block-start: auto; } .xl\:me-0 { margin-inline-end: 0; } .xl\:me-1 { margin-inline-end: 0.25rem; } .xl\:me-2 { margin-inline-end: 0.375rem; } .xl\:me-3 { margin-inline-end: 0.5rem; } .xl\:me-4 { margin-inline-end: 0.75rem; } .xl\:me-5 { margin-inline-end: 1rem; } .xl\:me-6 { margin-inline-end: 1.25rem; } .xl\:me-7 { margin-inline-end: 1.5rem; } .xl\:me-8 { margin-inline-end: 1.75rem; } .xl\:me-9 { margin-inline-end: 2rem; } .xl\:me-10 { margin-inline-end: 2.25rem; } .xl\:me-11 { margin-inline-end: 2.5rem; } .xl\:me-12 { margin-inline-end: 3rem; } .xl\:me--1 { margin-inline-end: -0.25rem; } .xl\:me--2 { margin-inline-end: -0.5rem; } .xl\:me-auto { margin-inline-end: auto; } .xl\:mb-0 { margin-block-end: 0; } .xl\:mb-1 { margin-block-end: 0.25rem; } .xl\:mb-2 { margin-block-end: 0.375rem; } .xl\:mb-3 { margin-block-end: 0.5rem; } .xl\:mb-4 { margin-block-end: 0.75rem; } .xl\:mb-5 { margin-block-end: 1rem; } .xl\:mb-6 { margin-block-end: 1.25rem; } .xl\:mb-7 { margin-block-end: 1.5rem; } .xl\:mb-8 { margin-block-end: 1.75rem; } .xl\:mb-9 { margin-block-end: 2rem; } .xl\:mb-10 { margin-block-end: 2.25rem; } .xl\:mb-11 { margin-block-end: 2.5rem; } .xl\:mb-12 { margin-block-end: 3rem; } .xl\:mb-auto { margin-block-end: auto; } .xl\:ms-0 { margin-inline-start: 0; } .xl\:ms-1 { margin-inline-start: 0.25rem; } .xl\:ms-2 { margin-inline-start: 0.375rem; } .xl\:ms-3 { margin-inline-start: 0.5rem; } .xl\:ms-4 { margin-inline-start: 0.75rem; } .xl\:ms-5 { margin-inline-start: 1rem; } .xl\:ms-6 { margin-inline-start: 1.25rem; } .xl\:ms-7 { margin-inline-start: 1.5rem; } .xl\:ms-8 { margin-inline-start: 1.75rem; } .xl\:ms-9 { margin-inline-start: 2rem; } .xl\:ms-10 { margin-inline-start: 2.25rem; } .xl\:ms-11 { margin-inline-start: 2.5rem; } .xl\:ms-12 { margin-inline-start: 3rem; } .xl\:ms--1 { margin-inline-start: -0.25rem; } .xl\:ms--2 { margin-inline-start: -0.5rem; } .xl\:ms-auto { margin-inline-start: auto; } .xl\:p-0 { padding: 0; } .xl\:p-1 { padding: 0.25rem; } .xl\:p-2 { padding: 0.375rem; } .xl\:p-3 { padding: 0.5rem; } .xl\:p-4 { padding: 0.75rem; } .xl\:p-5 { padding: 1rem; } .xl\:p-6 { padding: 1.25rem; } .xl\:p-7 { padding: 1.5rem; } .xl\:p-8 { padding: 1.75rem; } .xl\:p-9 { padding: 2rem; } .xl\:p-10 { padding: 2.25rem; } .xl\:p-11 { padding: 2.5rem; } .xl\:p-12 { padding: 3rem; } .xl\:px-0 { padding-inline: 0; } .xl\:px-1 { padding-inline: 0.25rem; } .xl\:px-2 { padding-inline: 0.375rem; } .xl\:px-3 { padding-inline: 0.5rem; } .xl\:px-4 { padding-inline: 0.75rem; } .xl\:px-5 { padding-inline: 1rem; } .xl\:px-6 { padding-inline: 1.25rem; } .xl\:px-7 { padding-inline: 1.5rem; } .xl\:px-8 { padding-inline: 1.75rem; } .xl\:px-9 { padding-inline: 2rem; } .xl\:px-10 { padding-inline: 2.25rem; } .xl\:px-11 { padding-inline: 2.5rem; } .xl\:px-12 { padding-inline: 3rem; } .xl\:py-0 { padding-block: 0; } .xl\:py-1 { padding-block: 0.25rem; } .xl\:py-2 { padding-block: 0.375rem; } .xl\:py-3 { padding-block: 0.5rem; } .xl\:py-4 { padding-block: 0.75rem; } .xl\:py-5 { padding-block: 1rem; } .xl\:py-6 { padding-block: 1.25rem; } .xl\:py-7 { padding-block: 1.5rem; } .xl\:py-8 { padding-block: 1.75rem; } .xl\:py-9 { padding-block: 2rem; } .xl\:py-10 { padding-block: 2.25rem; } .xl\:py-11 { padding-block: 2.5rem; } .xl\:py-12 { padding-block: 3rem; } .xl\:pt-0 { padding-block-start: 0; } .xl\:pt-1 { padding-block-start: 0.25rem; } .xl\:pt-2 { padding-block-start: 0.375rem; } .xl\:pt-3 { padding-block-start: 0.5rem; } .xl\:pt-4 { padding-block-start: 0.75rem; } .xl\:pt-5 { padding-block-start: 1rem; } .xl\:pt-6 { padding-block-start: 1.25rem; } .xl\:pt-7 { padding-block-start: 1.5rem; } .xl\:pt-8 { padding-block-start: 1.75rem; } .xl\:pt-9 { padding-block-start: 2rem; } .xl\:pt-10 { padding-block-start: 2.25rem; } .xl\:pt-11 { padding-block-start: 2.5rem; } .xl\:pt-12 { padding-block-start: 3rem; } .xl\:pe-0 { padding-inline-end: 0; } .xl\:pe-1 { padding-inline-end: 0.25rem; } .xl\:pe-2 { padding-inline-end: 0.375rem; } .xl\:pe-3 { padding-inline-end: 0.5rem; } .xl\:pe-4 { padding-inline-end: 0.75rem; } .xl\:pe-5 { padding-inline-end: 1rem; } .xl\:pe-6 { padding-inline-end: 1.25rem; } .xl\:pe-7 { padding-inline-end: 1.5rem; } .xl\:pe-8 { padding-inline-end: 1.75rem; } .xl\:pe-9 { padding-inline-end: 2rem; } .xl\:pe-10 { padding-inline-end: 2.25rem; } .xl\:pe-11 { padding-inline-end: 2.5rem; } .xl\:pe-12 { padding-inline-end: 3rem; } .xl\:pb-0 { padding-block-end: 0; } .xl\:pb-1 { padding-block-end: 0.25rem; } .xl\:pb-2 { padding-block-end: 0.375rem; } .xl\:pb-3 { padding-block-end: 0.5rem; } .xl\:pb-4 { padding-block-end: 0.75rem; } .xl\:pb-5 { padding-block-end: 1rem; } .xl\:pb-6 { padding-block-end: 1.25rem; } .xl\:pb-7 { padding-block-end: 1.5rem; } .xl\:pb-8 { padding-block-end: 1.75rem; } .xl\:pb-9 { padding-block-end: 2rem; } .xl\:pb-10 { padding-block-end: 2.25rem; } .xl\:pb-11 { padding-block-end: 2.5rem; } .xl\:pb-12 { padding-block-end: 3rem; } .xl\:ps-0 { padding-inline-start: 0; } .xl\:ps-1 { padding-inline-start: 0.25rem; } .xl\:ps-2 { padding-inline-start: 0.375rem; } .xl\:ps-3 { padding-inline-start: 0.5rem; } .xl\:ps-4 { padding-inline-start: 0.75rem; } .xl\:ps-5 { padding-inline-start: 1rem; } .xl\:ps-6 { padding-inline-start: 1.25rem; } .xl\:ps-7 { padding-inline-start: 1.5rem; } .xl\:ps-8 { padding-inline-start: 1.75rem; } .xl\:ps-9 { padding-inline-start: 2rem; } .xl\:ps-10 { padding-inline-start: 2.25rem; } .xl\:ps-11 { padding-inline-start: 2.5rem; } .xl\:ps-12 { padding-inline-start: 3rem; } .xl\:gap-0 { gap: 0; } .xl\:gap-1 { gap: 0.25rem; } .xl\:gap-2 { gap: 0.375rem; } .xl\:gap-3 { gap: 0.5rem; } .xl\:gap-4 { gap: 0.75rem; } .xl\:gap-5 { gap: 1rem; } .xl\:gap-6 { gap: 1.25rem; } .xl\:gap-7 { gap: 1.5rem; } .xl\:gap-8 { gap: 1.75rem; } .xl\:gap-9 { gap: 2rem; } .xl\:gap-10 { gap: 2.25rem; } .xl\:gap-11 { gap: 2.5rem; } .xl\:gap-12 { gap: 3rem; } .xl\:row-gap-0 { row-gap: 0; } .xl\:row-gap-1 { row-gap: 0.25rem; } .xl\:row-gap-2 { row-gap: 0.375rem; } .xl\:row-gap-3 { row-gap: 0.5rem; } .xl\:row-gap-4 { row-gap: 0.75rem; } .xl\:row-gap-5 { row-gap: 1rem; } .xl\:row-gap-6 { row-gap: 1.25rem; } .xl\:row-gap-7 { row-gap: 1.5rem; } .xl\:row-gap-8 { row-gap: 1.75rem; } .xl\:row-gap-9 { row-gap: 2rem; } .xl\:row-gap-10 { row-gap: 2.25rem; } .xl\:row-gap-11 { row-gap: 2.5rem; } .xl\:row-gap-12 { row-gap: 3rem; } .xl\:column-gap-0 { column-gap: 0; } .xl\:column-gap-1 { column-gap: 0.25rem; } .xl\:column-gap-2 { column-gap: 0.375rem; } .xl\:column-gap-3 { column-gap: 0.5rem; } .xl\:column-gap-4 { column-gap: 0.75rem; } .xl\:column-gap-5 { column-gap: 1rem; } .xl\:column-gap-6 { column-gap: 1.25rem; } .xl\:column-gap-7 { column-gap: 1.5rem; } .xl\:column-gap-8 { column-gap: 1.75rem; } .xl\:column-gap-9 { column-gap: 2rem; } .xl\:column-gap-10 { column-gap: 2.25rem; } .xl\:column-gap-11 { column-gap: 2.5rem; } .xl\:column-gap-12 { column-gap: 3rem; } :where(.xl\:space-x-0 > :not(:last-child)) { margin-inline-end: 0; } :where(.xl\:space-x-1 > :not(:last-child)) { margin-inline-end: 0.25rem; } :where(.xl\:space-x-2 > :not(:last-child)) { margin-inline-end: 0.375rem; } :where(.xl\:space-x-3 > :not(:last-child)) { margin-inline-end: 0.5rem; } :where(.xl\:space-x-4 > :not(:last-child)) { margin-inline-end: 0.75rem; } :where(.xl\:space-x-5 > :not(:last-child)) { margin-inline-end: 1rem; } :where(.xl\:space-x-6 > :not(:last-child)) { margin-inline-end: 1.25rem; } :where(.xl\:space-x-7 > :not(:last-child)) { margin-inline-end: 1.5rem; } :where(.xl\:space-x-8 > :not(:last-child)) { margin-inline-end: 1.75rem; } :where(.xl\:space-x-9 > :not(:last-child)) { margin-inline-end: 2rem; } :where(.xl\:space-x-10 > :not(:last-child)) { margin-inline-end: 2.25rem; } :where(.xl\:space-x-11 > :not(:last-child)) { margin-inline-end: 2.5rem; } :where(.xl\:space-x-12 > :not(:last-child)) { margin-inline-end: 3rem; } :where(.xl\:space-y-0 > :not(:last-child)) { margin-block-end: 0; } :where(.xl\:space-y-1 > :not(:last-child)) { margin-block-end: 0.25rem; } :where(.xl\:space-y-2 > :not(:last-child)) { margin-block-end: 0.375rem; } :where(.xl\:space-y-3 > :not(:last-child)) { margin-block-end: 0.5rem; } :where(.xl\:space-y-4 > :not(:last-child)) { margin-block-end: 0.75rem; } :where(.xl\:space-y-5 > :not(:last-child)) { margin-block-end: 1rem; } :where(.xl\:space-y-6 > :not(:last-child)) { margin-block-end: 1.25rem; } :where(.xl\:space-y-7 > :not(:last-child)) { margin-block-end: 1.5rem; } :where(.xl\:space-y-8 > :not(:last-child)) { margin-block-end: 1.75rem; } :where(.xl\:space-y-9 > :not(:last-child)) { margin-block-end: 2rem; } :where(.xl\:space-y-10 > :not(:last-child)) { margin-block-end: 2.25rem; } :where(.xl\:space-y-11 > :not(:last-child)) { margin-block-end: 2.5rem; } :where(.xl\:space-y-12 > :not(:last-child)) { margin-block-end: 3rem; } :where(.xl\:divide-x > :not(:first-child)) { border-inline-start: var(--border-width) var(--border-style) var(--border-color); } :where(.xl\:divide-x-0 > :not(:first-child)) { border-inline-start: 0; } :where(.xl\:divide-y > :not(:first-child)) { border-block-start: var(--border-width) var(--border-style) var(--border-color); } :where(.xl\:divide-y-0 > :not(:first-child)) { border-block-start: 0; } .xl\:text-start { text-align: start; } .xl\:text-end { text-align: end; } .xl\:text-center { text-align: center; } } @media (width >= 1400px) { .\32 xl\:float-start { float: inline-start; } .\32 xl\:float-end { float: inline-end; } .\32 xl\:float-none { float: none; } .\32 xl\:object-fit-contain { object-fit: contain; } .\32 xl\:object-fit-cover { object-fit: cover; } .\32 xl\:object-fit-fill { object-fit: fill; } .\32 xl\:object-fit-scale { object-fit: scale-down; } .\32 xl\:object-fit-none { object-fit: none; } .\32 xl\:d-inline { display: inline; } .\32 xl\:d-inline-block { display: inline-block; } .\32 xl\:d-block { display: block; } .\32 xl\:d-grid { display: grid; } .\32 xl\:d-inline-grid { display: inline-grid; } .\32 xl\:d-table { display: table; } .\32 xl\:d-table-row { display: table-row; } .\32 xl\:d-table-cell { display: table-cell; } .\32 xl\:d-flex { display: flex; } .\32 xl\:d-inline-flex { display: inline-flex; } .\32 xl\:d-contents { display: contents; } .\32 xl\:d-flow-root { display: flow-root; } .\32 xl\:d-none { display: none; } .\32 xl\:flex-fill { flex: 1 1 auto; } .\32 xl\:flex-row { flex-direction: row; } .\32 xl\:flex-column { flex-direction: column; } .\32 xl\:flex-row-reverse { flex-direction: row-reverse; } .\32 xl\:flex-column-reverse { flex-direction: column-reverse; } .\32 xl\:flex-grow-0 { flex-grow: 0; } .\32 xl\:flex-grow-1 { flex-grow: 1; } .\32 xl\:flex-shrink-0 { flex-shrink: 0; } .\32 xl\:flex-shrink-1 { flex-shrink: 1; } .\32 xl\:flex-wrap { flex-wrap: wrap; } .\32 xl\:flex-nowrap { flex-wrap: nowrap; } .\32 xl\:flex-wrap-reverse { flex-wrap: wrap-reverse; } .\32 xl\:justify-content-start { justify-content: flex-start; } .\32 xl\:justify-content-end { justify-content: flex-end; } .\32 xl\:justify-content-center { justify-content: center; } .\32 xl\:justify-content-between { justify-content: space-between; } .\32 xl\:justify-content-around { justify-content: space-around; } .\32 xl\:justify-content-evenly { justify-content: space-evenly; } .\32 xl\:justify-items-start { justify-items: start; } .\32 xl\:justify-items-end { justify-items: end; } .\32 xl\:justify-items-center { justify-items: center; } .\32 xl\:justify-items-stretch { justify-items: stretch; } .\32 xl\:justify-self-start { justify-self: start; } .\32 xl\:justify-self-end { justify-self: end; } .\32 xl\:justify-self-center { justify-self: center; } .\32 xl\:align-items-start { align-items: flex-start; } .\32 xl\:align-items-end { align-items: flex-end; } .\32 xl\:align-items-center { align-items: center; } .\32 xl\:align-items-baseline { align-items: baseline; } .\32 xl\:align-items-stretch { align-items: stretch; } .\32 xl\:align-content-start { align-content: flex-start; } .\32 xl\:align-content-end { align-content: flex-end; } .\32 xl\:align-content-center { align-content: center; } .\32 xl\:align-content-between { align-content: space-between; } .\32 xl\:align-content-around { align-content: space-around; } .\32 xl\:align-content-stretch { align-content: stretch; } .\32 xl\:align-self-auto { align-self: auto; } .\32 xl\:align-self-start { align-self: flex-start; } .\32 xl\:align-self-end { align-self: flex-end; } .\32 xl\:align-self-center { align-self: center; } .\32 xl\:align-self-baseline { align-self: baseline; } .\32 xl\:align-self-stretch { align-self: stretch; } .\32 xl\:place-items-start { place-items: start; } .\32 xl\:place-items-end { place-items: end; } .\32 xl\:place-items-center { place-items: center; } .\32 xl\:place-items-stretch { place-items: stretch; } .\32 xl\:grid-cols-1 { grid-template-columns: 1fr; } .\32 xl\:grid-cols-2 { grid-template-columns: repeat(2, 1fr); } .\32 xl\:grid-cols-3 { grid-template-columns: repeat(3, 1fr); } .\32 xl\:grid-cols-4 { grid-template-columns: repeat(4, 1fr); } .\32 xl\:grid-cols-6 { grid-template-columns: repeat(6, 1fr); } .\32 xl\:grid-cols-subgrid { grid-template-columns: subgrid; } .\32 xl\:grid-cols-fill { grid-column: 1 / -1; } .\32 xl\:grid-auto-flow-row { grid-auto-flow: row; } .\32 xl\:grid-auto-flow-column { grid-auto-flow: column; } .\32 xl\:grid-auto-flow-dense { grid-auto-flow: dense; } .\32 xl\:order-first { order: -1; } .\32 xl\:order-0 { order: 0; } .\32 xl\:order-1 { order: 1; } .\32 xl\:order-2 { order: 2; } .\32 xl\:order-3 { order: 3; } .\32 xl\:order-4 { order: 4; } .\32 xl\:order-5 { order: 5; } .\32 xl\:order-last { order: 6; } .\32 xl\:m-0 { margin: 0; } .\32 xl\:m-1 { margin: 0.25rem; } .\32 xl\:m-2 { margin: 0.375rem; } .\32 xl\:m-3 { margin: 0.5rem; } .\32 xl\:m-4 { margin: 0.75rem; } .\32 xl\:m-5 { margin: 1rem; } .\32 xl\:m-6 { margin: 1.25rem; } .\32 xl\:m-7 { margin: 1.5rem; } .\32 xl\:m-8 { margin: 1.75rem; } .\32 xl\:m-9 { margin: 2rem; } .\32 xl\:m-10 { margin: 2.25rem; } .\32 xl\:m-11 { margin: 2.5rem; } .\32 xl\:m-12 { margin: 3rem; } .\32 xl\:m-auto { margin: auto; } .\32 xl\:mx-0 { margin-inline: 0; } .\32 xl\:mx-1 { margin-inline: 0.25rem; } .\32 xl\:mx-2 { margin-inline: 0.375rem; } .\32 xl\:mx-3 { margin-inline: 0.5rem; } .\32 xl\:mx-4 { margin-inline: 0.75rem; } .\32 xl\:mx-5 { margin-inline: 1rem; } .\32 xl\:mx-6 { margin-inline: 1.25rem; } .\32 xl\:mx-7 { margin-inline: 1.5rem; } .\32 xl\:mx-8 { margin-inline: 1.75rem; } .\32 xl\:mx-9 { margin-inline: 2rem; } .\32 xl\:mx-10 { margin-inline: 2.25rem; } .\32 xl\:mx-11 { margin-inline: 2.5rem; } .\32 xl\:mx-12 { margin-inline: 3rem; } .\32 xl\:mx-auto { margin-inline: auto; } .\32 xl\:my-0 { margin-block: 0; } .\32 xl\:my-1 { margin-block: 0.25rem; } .\32 xl\:my-2 { margin-block: 0.375rem; } .\32 xl\:my-3 { margin-block: 0.5rem; } .\32 xl\:my-4 { margin-block: 0.75rem; } .\32 xl\:my-5 { margin-block: 1rem; } .\32 xl\:my-6 { margin-block: 1.25rem; } .\32 xl\:my-7 { margin-block: 1.5rem; } .\32 xl\:my-8 { margin-block: 1.75rem; } .\32 xl\:my-9 { margin-block: 2rem; } .\32 xl\:my-10 { margin-block: 2.25rem; } .\32 xl\:my-11 { margin-block: 2.5rem; } .\32 xl\:my-12 { margin-block: 3rem; } .\32 xl\:my-auto { margin-block: auto; } .\32 xl\:mt-0 { margin-block-start: 0; } .\32 xl\:mt-1 { margin-block-start: 0.25rem; } .\32 xl\:mt-2 { margin-block-start: 0.375rem; } .\32 xl\:mt-3 { margin-block-start: 0.5rem; } .\32 xl\:mt-4 { margin-block-start: 0.75rem; } .\32 xl\:mt-5 { margin-block-start: 1rem; } .\32 xl\:mt-6 { margin-block-start: 1.25rem; } .\32 xl\:mt-7 { margin-block-start: 1.5rem; } .\32 xl\:mt-8 { margin-block-start: 1.75rem; } .\32 xl\:mt-9 { margin-block-start: 2rem; } .\32 xl\:mt-10 { margin-block-start: 2.25rem; } .\32 xl\:mt-11 { margin-block-start: 2.5rem; } .\32 xl\:mt-12 { margin-block-start: 3rem; } .\32 xl\:mt-auto { margin-block-start: auto; } .\32 xl\:me-0 { margin-inline-end: 0; } .\32 xl\:me-1 { margin-inline-end: 0.25rem; } .\32 xl\:me-2 { margin-inline-end: 0.375rem; } .\32 xl\:me-3 { margin-inline-end: 0.5rem; } .\32 xl\:me-4 { margin-inline-end: 0.75rem; } .\32 xl\:me-5 { margin-inline-end: 1rem; } .\32 xl\:me-6 { margin-inline-end: 1.25rem; } .\32 xl\:me-7 { margin-inline-end: 1.5rem; } .\32 xl\:me-8 { margin-inline-end: 1.75rem; } .\32 xl\:me-9 { margin-inline-end: 2rem; } .\32 xl\:me-10 { margin-inline-end: 2.25rem; } .\32 xl\:me-11 { margin-inline-end: 2.5rem; } .\32 xl\:me-12 { margin-inline-end: 3rem; } .\32 xl\:me--1 { margin-inline-end: -0.25rem; } .\32 xl\:me--2 { margin-inline-end: -0.5rem; } .\32 xl\:me-auto { margin-inline-end: auto; } .\32 xl\:mb-0 { margin-block-end: 0; } .\32 xl\:mb-1 { margin-block-end: 0.25rem; } .\32 xl\:mb-2 { margin-block-end: 0.375rem; } .\32 xl\:mb-3 { margin-block-end: 0.5rem; } .\32 xl\:mb-4 { margin-block-end: 0.75rem; } .\32 xl\:mb-5 { margin-block-end: 1rem; } .\32 xl\:mb-6 { margin-block-end: 1.25rem; } .\32 xl\:mb-7 { margin-block-end: 1.5rem; } .\32 xl\:mb-8 { margin-block-end: 1.75rem; } .\32 xl\:mb-9 { margin-block-end: 2rem; } .\32 xl\:mb-10 { margin-block-end: 2.25rem; } .\32 xl\:mb-11 { margin-block-end: 2.5rem; } .\32 xl\:mb-12 { margin-block-end: 3rem; } .\32 xl\:mb-auto { margin-block-end: auto; } .\32 xl\:ms-0 { margin-inline-start: 0; } .\32 xl\:ms-1 { margin-inline-start: 0.25rem; } .\32 xl\:ms-2 { margin-inline-start: 0.375rem; } .\32 xl\:ms-3 { margin-inline-start: 0.5rem; } .\32 xl\:ms-4 { margin-inline-start: 0.75rem; } .\32 xl\:ms-5 { margin-inline-start: 1rem; } .\32 xl\:ms-6 { margin-inline-start: 1.25rem; } .\32 xl\:ms-7 { margin-inline-start: 1.5rem; } .\32 xl\:ms-8 { margin-inline-start: 1.75rem; } .\32 xl\:ms-9 { margin-inline-start: 2rem; } .\32 xl\:ms-10 { margin-inline-start: 2.25rem; } .\32 xl\:ms-11 { margin-inline-start: 2.5rem; } .\32 xl\:ms-12 { margin-inline-start: 3rem; } .\32 xl\:ms--1 { margin-inline-start: -0.25rem; } .\32 xl\:ms--2 { margin-inline-start: -0.5rem; } .\32 xl\:ms-auto { margin-inline-start: auto; } .\32 xl\:p-0 { padding: 0; } .\32 xl\:p-1 { padding: 0.25rem; } .\32 xl\:p-2 { padding: 0.375rem; } .\32 xl\:p-3 { padding: 0.5rem; } .\32 xl\:p-4 { padding: 0.75rem; } .\32 xl\:p-5 { padding: 1rem; } .\32 xl\:p-6 { padding: 1.25rem; } .\32 xl\:p-7 { padding: 1.5rem; } .\32 xl\:p-8 { padding: 1.75rem; } .\32 xl\:p-9 { padding: 2rem; } .\32 xl\:p-10 { padding: 2.25rem; } .\32 xl\:p-11 { padding: 2.5rem; } .\32 xl\:p-12 { padding: 3rem; } .\32 xl\:px-0 { padding-inline: 0; } .\32 xl\:px-1 { padding-inline: 0.25rem; } .\32 xl\:px-2 { padding-inline: 0.375rem; } .\32 xl\:px-3 { padding-inline: 0.5rem; } .\32 xl\:px-4 { padding-inline: 0.75rem; } .\32 xl\:px-5 { padding-inline: 1rem; } .\32 xl\:px-6 { padding-inline: 1.25rem; } .\32 xl\:px-7 { padding-inline: 1.5rem; } .\32 xl\:px-8 { padding-inline: 1.75rem; } .\32 xl\:px-9 { padding-inline: 2rem; } .\32 xl\:px-10 { padding-inline: 2.25rem; } .\32 xl\:px-11 { padding-inline: 2.5rem; } .\32 xl\:px-12 { padding-inline: 3rem; } .\32 xl\:py-0 { padding-block: 0; } .\32 xl\:py-1 { padding-block: 0.25rem; } .\32 xl\:py-2 { padding-block: 0.375rem; } .\32 xl\:py-3 { padding-block: 0.5rem; } .\32 xl\:py-4 { padding-block: 0.75rem; } .\32 xl\:py-5 { padding-block: 1rem; } .\32 xl\:py-6 { padding-block: 1.25rem; } .\32 xl\:py-7 { padding-block: 1.5rem; } .\32 xl\:py-8 { padding-block: 1.75rem; } .\32 xl\:py-9 { padding-block: 2rem; } .\32 xl\:py-10 { padding-block: 2.25rem; } .\32 xl\:py-11 { padding-block: 2.5rem; } .\32 xl\:py-12 { padding-block: 3rem; } .\32 xl\:pt-0 { padding-block-start: 0; } .\32 xl\:pt-1 { padding-block-start: 0.25rem; } .\32 xl\:pt-2 { padding-block-start: 0.375rem; } .\32 xl\:pt-3 { padding-block-start: 0.5rem; } .\32 xl\:pt-4 { padding-block-start: 0.75rem; } .\32 xl\:pt-5 { padding-block-start: 1rem; } .\32 xl\:pt-6 { padding-block-start: 1.25rem; } .\32 xl\:pt-7 { padding-block-start: 1.5rem; } .\32 xl\:pt-8 { padding-block-start: 1.75rem; } .\32 xl\:pt-9 { padding-block-start: 2rem; } .\32 xl\:pt-10 { padding-block-start: 2.25rem; } .\32 xl\:pt-11 { padding-block-start: 2.5rem; } .\32 xl\:pt-12 { padding-block-start: 3rem; } .\32 xl\:pe-0 { padding-inline-end: 0; } .\32 xl\:pe-1 { padding-inline-end: 0.25rem; } .\32 xl\:pe-2 { padding-inline-end: 0.375rem; } .\32 xl\:pe-3 { padding-inline-end: 0.5rem; } .\32 xl\:pe-4 { padding-inline-end: 0.75rem; } .\32 xl\:pe-5 { padding-inline-end: 1rem; } .\32 xl\:pe-6 { padding-inline-end: 1.25rem; } .\32 xl\:pe-7 { padding-inline-end: 1.5rem; } .\32 xl\:pe-8 { padding-inline-end: 1.75rem; } .\32 xl\:pe-9 { padding-inline-end: 2rem; } .\32 xl\:pe-10 { padding-inline-end: 2.25rem; } .\32 xl\:pe-11 { padding-inline-end: 2.5rem; } .\32 xl\:pe-12 { padding-inline-end: 3rem; } .\32 xl\:pb-0 { padding-block-end: 0; } .\32 xl\:pb-1 { padding-block-end: 0.25rem; } .\32 xl\:pb-2 { padding-block-end: 0.375rem; } .\32 xl\:pb-3 { padding-block-end: 0.5rem; } .\32 xl\:pb-4 { padding-block-end: 0.75rem; } .\32 xl\:pb-5 { padding-block-end: 1rem; } .\32 xl\:pb-6 { padding-block-end: 1.25rem; } .\32 xl\:pb-7 { padding-block-end: 1.5rem; } .\32 xl\:pb-8 { padding-block-end: 1.75rem; } .\32 xl\:pb-9 { padding-block-end: 2rem; } .\32 xl\:pb-10 { padding-block-end: 2.25rem; } .\32 xl\:pb-11 { padding-block-end: 2.5rem; } .\32 xl\:pb-12 { padding-block-end: 3rem; } .\32 xl\:ps-0 { padding-inline-start: 0; } .\32 xl\:ps-1 { padding-inline-start: 0.25rem; } .\32 xl\:ps-2 { padding-inline-start: 0.375rem; } .\32 xl\:ps-3 { padding-inline-start: 0.5rem; } .\32 xl\:ps-4 { padding-inline-start: 0.75rem; } .\32 xl\:ps-5 { padding-inline-start: 1rem; } .\32 xl\:ps-6 { padding-inline-start: 1.25rem; } .\32 xl\:ps-7 { padding-inline-start: 1.5rem; } .\32 xl\:ps-8 { padding-inline-start: 1.75rem; } .\32 xl\:ps-9 { padding-inline-start: 2rem; } .\32 xl\:ps-10 { padding-inline-start: 2.25rem; } .\32 xl\:ps-11 { padding-inline-start: 2.5rem; } .\32 xl\:ps-12 { padding-inline-start: 3rem; } .\32 xl\:gap-0 { gap: 0; } .\32 xl\:gap-1 { gap: 0.25rem; } .\32 xl\:gap-2 { gap: 0.375rem; } .\32 xl\:gap-3 { gap: 0.5rem; } .\32 xl\:gap-4 { gap: 0.75rem; } .\32 xl\:gap-5 { gap: 1rem; } .\32 xl\:gap-6 { gap: 1.25rem; } .\32 xl\:gap-7 { gap: 1.5rem; } .\32 xl\:gap-8 { gap: 1.75rem; } .\32 xl\:gap-9 { gap: 2rem; } .\32 xl\:gap-10 { gap: 2.25rem; } .\32 xl\:gap-11 { gap: 2.5rem; } .\32 xl\:gap-12 { gap: 3rem; } .\32 xl\:row-gap-0 { row-gap: 0; } .\32 xl\:row-gap-1 { row-gap: 0.25rem; } .\32 xl\:row-gap-2 { row-gap: 0.375rem; } .\32 xl\:row-gap-3 { row-gap: 0.5rem; } .\32 xl\:row-gap-4 { row-gap: 0.75rem; } .\32 xl\:row-gap-5 { row-gap: 1rem; } .\32 xl\:row-gap-6 { row-gap: 1.25rem; } .\32 xl\:row-gap-7 { row-gap: 1.5rem; } .\32 xl\:row-gap-8 { row-gap: 1.75rem; } .\32 xl\:row-gap-9 { row-gap: 2rem; } .\32 xl\:row-gap-10 { row-gap: 2.25rem; } .\32 xl\:row-gap-11 { row-gap: 2.5rem; } .\32 xl\:row-gap-12 { row-gap: 3rem; } .\32 xl\:column-gap-0 { column-gap: 0; } .\32 xl\:column-gap-1 { column-gap: 0.25rem; } .\32 xl\:column-gap-2 { column-gap: 0.375rem; } .\32 xl\:column-gap-3 { column-gap: 0.5rem; } .\32 xl\:column-gap-4 { column-gap: 0.75rem; } .\32 xl\:column-gap-5 { column-gap: 1rem; } .\32 xl\:column-gap-6 { column-gap: 1.25rem; } .\32 xl\:column-gap-7 { column-gap: 1.5rem; } .\32 xl\:column-gap-8 { column-gap: 1.75rem; } .\32 xl\:column-gap-9 { column-gap: 2rem; } .\32 xl\:column-gap-10 { column-gap: 2.25rem; } .\32 xl\:column-gap-11 { column-gap: 2.5rem; } .\32 xl\:column-gap-12 { column-gap: 3rem; } :where(.\32 xl\:space-x-0 > :not(:last-child)) { margin-inline-end: 0; } :where(.\32 xl\:space-x-1 > :not(:last-child)) { margin-inline-end: 0.25rem; } :where(.\32 xl\:space-x-2 > :not(:last-child)) { margin-inline-end: 0.375rem; } :where(.\32 xl\:space-x-3 > :not(:last-child)) { margin-inline-end: 0.5rem; } :where(.\32 xl\:space-x-4 > :not(:last-child)) { margin-inline-end: 0.75rem; } :where(.\32 xl\:space-x-5 > :not(:last-child)) { margin-inline-end: 1rem; } :where(.\32 xl\:space-x-6 > :not(:last-child)) { margin-inline-end: 1.25rem; } :where(.\32 xl\:space-x-7 > :not(:last-child)) { margin-inline-end: 1.5rem; } :where(.\32 xl\:space-x-8 > :not(:last-child)) { margin-inline-end: 1.75rem; } :where(.\32 xl\:space-x-9 > :not(:last-child)) { margin-inline-end: 2rem; } :where(.\32 xl\:space-x-10 > :not(:last-child)) { margin-inline-end: 2.25rem; } :where(.\32 xl\:space-x-11 > :not(:last-child)) { margin-inline-end: 2.5rem; } :where(.\32 xl\:space-x-12 > :not(:last-child)) { margin-inline-end: 3rem; } :where(.\32 xl\:space-y-0 > :not(:last-child)) { margin-block-end: 0; } :where(.\32 xl\:space-y-1 > :not(:last-child)) { margin-block-end: 0.25rem; } :where(.\32 xl\:space-y-2 > :not(:last-child)) { margin-block-end: 0.375rem; } :where(.\32 xl\:space-y-3 > :not(:last-child)) { margin-block-end: 0.5rem; } :where(.\32 xl\:space-y-4 > :not(:last-child)) { margin-block-end: 0.75rem; } :where(.\32 xl\:space-y-5 > :not(:last-child)) { margin-block-end: 1rem; } :where(.\32 xl\:space-y-6 > :not(:last-child)) { margin-block-end: 1.25rem; } :where(.\32 xl\:space-y-7 > :not(:last-child)) { margin-block-end: 1.5rem; } :where(.\32 xl\:space-y-8 > :not(:last-child)) { margin-block-end: 1.75rem; } :where(.\32 xl\:space-y-9 > :not(:last-child)) { margin-block-end: 2rem; } :where(.\32 xl\:space-y-10 > :not(:last-child)) { margin-block-end: 2.25rem; } :where(.\32 xl\:space-y-11 > :not(:last-child)) { margin-block-end: 2.5rem; } :where(.\32 xl\:space-y-12 > :not(:last-child)) { margin-block-end: 3rem; } :where(.\32 xl\:divide-x > :not(:first-child)) { border-inline-start: var(--border-width) var(--border-style) var(--border-color); } :where(.\32 xl\:divide-x-0 > :not(:first-child)) { border-inline-start: 0; } :where(.\32 xl\:divide-y > :not(:first-child)) { border-block-start: var(--border-width) var(--border-style) var(--border-color); } :where(.\32 xl\:divide-y-0 > :not(:first-child)) { border-block-start: 0; } .\32 xl\:text-start { text-align: start; } .\32 xl\:text-end { text-align: end; } .\32 xl\:text-center { text-align: center; } } @media (prefers-reduced-motion: reduce) { .animation-shake, .animation-pop { animation: none; } } } @keyframes animation-shake { 10%, 90% { transform: translate3d(-1px, 0, 0); } 20%, 80% { transform: translate3d(2px, 0, 0); } 30%, 50%, 70% { transform: translate3d(-4px, 0, 0); } 40%, 60% { transform: translate3d(4px, 0, 0); } } @keyframes animation-pop { from { transform: scale(0); } to { transform: scale(1); } } /*! * Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) * Copyright 2024 Fonticons, Inc. */ :root, :host { --fa-style-family-classic: 'Font Awesome 6 Free'; --fa-font-solid: normal 900 1em/1 'Font Awesome 6 Free'; } @font-face { font-family: "Font Awesome 6 Free"; font-style: normal; font-weight: 900; font-display: block; src: url("/assets/fa-solid-900-48915711.woff2") format("woff2"), url("/assets/fa-solid-900-56bbfd1c.ttf") format("truetype"); } .fas, .fa-solid { font-weight: 900; } /*! * Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) * Copyright 2024 Fonticons, Inc. */ .fa { font-family: var(--fa-style-family, "Font Awesome 6 Free"); font-weight: var(--fa-style, 900); } .fas, .far, .fab, .fa-solid, .fa-regular, .fa-brands, .fa { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: var(--fa-display, inline-block); font-style: normal; font-variant: normal; line-height: 1; text-rendering: auto; } .fas::before, .far::before, .fab::before, .fa-solid::before, .fa-regular::before, .fa-brands::before, .fa::before { content: var(--fa); } .fa-classic, .fas, .fa-solid, .far, .fa-regular { font-family: "Font Awesome 6 Free"; } .fa-brands, .fab { font-family: "Font Awesome 6 Brands"; } .fa-1x { font-size: 1em; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-6x { font-size: 6em; } .fa-7x { font-size: 7em; } .fa-8x { font-size: 8em; } .fa-9x { font-size: 9em; } .fa-10x { font-size: 10em; } .fa-2xs { font-size: 0.625em; line-height: 0.1em; vertical-align: 0.225em; } .fa-xs { font-size: 0.75em; line-height: 0.0833333337em; vertical-align: 0.125em; } .fa-sm { font-size: 0.875em; line-height: 0.0714285718em; vertical-align: 0.0535714295em; } .fa-lg { font-size: 1.25em; line-height: 0.05em; vertical-align: -0.075em; } .fa-xl { font-size: 1.5em; line-height: 0.0416666682em; vertical-align: -0.125em; } .fa-2xl { font-size: 2em; line-height: 0.03125em; vertical-align: -0.1875em; } .fa-fw { text-align: center; width: 1.25em; } .fa-ul { list-style-type: none; margin-left: var(--fa-li-margin, 2.5em); padding-left: 0; } .fa-ul > li { position: relative; } .fa-li { left: calc(-1 * var(--fa-li-width, 2em)); position: absolute; text-align: center; width: var(--fa-li-width, 2em); line-height: inherit; } .fa-border { border-color: var(--fa-border-color, #eee); border-radius: var(--fa-border-radius, 0.1em); border-style: var(--fa-border-style, solid); border-width: var(--fa-border-width, 0.08em); padding: var(--fa-border-padding, 0.2em 0.25em 0.15em); } .fa-pull-left { float: left; margin-right: var(--fa-pull-margin, 0.3em); } .fa-pull-right { float: right; margin-left: var(--fa-pull-margin, 0.3em); } .fa-beat { animation-name: fa-beat; animation-delay: var(--fa-animation-delay, 0s); animation-direction: var(--fa-animation-direction, normal); animation-duration: var(--fa-animation-duration, 1s); animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-timing-function: var(--fa-animation-timing, ease-in-out); } .fa-bounce { animation-name: fa-bounce; animation-delay: var(--fa-animation-delay, 0s); animation-direction: var(--fa-animation-direction, normal); animation-duration: var(--fa-animation-duration, 1s); animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1)); } .fa-fade { animation-name: fa-fade; animation-delay: var(--fa-animation-delay, 0s); animation-direction: var(--fa-animation-direction, normal); animation-duration: var(--fa-animation-duration, 1s); animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1)); } .fa-beat-fade { animation-name: fa-beat-fade; animation-delay: var(--fa-animation-delay, 0s); animation-direction: var(--fa-animation-direction, normal); animation-duration: var(--fa-animation-duration, 1s); animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1)); } .fa-flip { animation-name: fa-flip; animation-delay: var(--fa-animation-delay, 0s); animation-direction: var(--fa-animation-direction, normal); animation-duration: var(--fa-animation-duration, 1s); animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-timing-function: var(--fa-animation-timing, ease-in-out); } .fa-shake { animation-name: fa-shake; animation-delay: var(--fa-animation-delay, 0s); animation-direction: var(--fa-animation-direction, normal); animation-duration: var(--fa-animation-duration, 1s); animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-timing-function: var(--fa-animation-timing, linear); } .fa-spin { animation-name: fa-spin; animation-delay: var(--fa-animation-delay, 0s); animation-direction: var(--fa-animation-direction, normal); animation-duration: var(--fa-animation-duration, 2s); animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-timing-function: var(--fa-animation-timing, linear); } .fa-spin-reverse { --fa-animation-direction: reverse; } .fa-pulse, .fa-spin-pulse { animation-name: fa-spin; animation-direction: var(--fa-animation-direction, normal); animation-duration: var(--fa-animation-duration, 1s); animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-timing-function: var(--fa-animation-timing, steps(8)); } @media (prefers-reduced-motion: reduce) { .fa-beat, .fa-bounce, .fa-fade, .fa-beat-fade, .fa-flip, .fa-pulse, .fa-shake, .fa-spin, .fa-spin-pulse { animation-delay: -1ms; animation-duration: 1ms; animation-iteration-count: 1; transition-delay: 0s; transition-duration: 0s; } } @keyframes fa-beat { 0%, 90% { transform: scale(1); } 45% { transform: scale(var(--fa-beat-scale, 1.25)); } } @keyframes fa-bounce { 0% { transform: scale(1, 1) translateY(0); } 10% { transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0); } 30% { transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em)); } 50% { transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0); } 57% { transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em)); } 64% { transform: scale(1, 1) translateY(0); } 100% { transform: scale(1, 1) translateY(0); } } @keyframes fa-fade { 50% { opacity: var(--fa-fade-opacity, 0.4); } } @keyframes fa-beat-fade { 0%, 100% { opacity: var(--fa-beat-fade-opacity, 0.4); transform: scale(1); } 50% { opacity: 1; transform: scale(var(--fa-beat-fade-scale, 1.125)); } } @keyframes fa-flip { 50% { transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg)); } } @keyframes fa-shake { 0% { transform: rotate(-15deg); } 4% { transform: rotate(15deg); } 8%, 24% { transform: rotate(-18deg); } 12%, 28% { transform: rotate(18deg); } 16% { transform: rotate(-22deg); } 20% { transform: rotate(22deg); } 32% { transform: rotate(-12deg); } 36% { transform: rotate(12deg); } 40%, 100% { transform: rotate(0deg); } } @keyframes fa-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .fa-rotate-90 { transform: rotate(90deg); } .fa-rotate-180 { transform: rotate(180deg); } .fa-rotate-270 { transform: rotate(270deg); } .fa-flip-horizontal { transform: scale(-1, 1); } .fa-flip-vertical { transform: scale(1, -1); } .fa-flip-both, .fa-flip-horizontal.fa-flip-vertical { transform: scale(-1, -1); } .fa-rotate-by { transform: rotate(var(--fa-rotate-angle, 0)); } .fa-stack { display: inline-block; height: 2em; line-height: 2em; position: relative; vertical-align: middle; width: 2.5em; } .fa-stack-1x, .fa-stack-2x { left: 0; position: absolute; text-align: center; width: 100%; z-index: var(--fa-stack-z-index, auto); } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: var(--fa-inverse, #fff); } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-0 { --fa: "\30 "; } .fa-1 { --fa: "\31 "; } .fa-2 { --fa: "\32 "; } .fa-3 { --fa: "\33 "; } .fa-4 { --fa: "\34 "; } .fa-5 { --fa: "\35 "; } .fa-6 { --fa: "\36 "; } .fa-7 { --fa: "\37 "; } .fa-8 { --fa: "\38 "; } .fa-9 { --fa: "\39 "; } .fa-fill-drip { --fa: "\f576"; } .fa-arrows-to-circle { --fa: "\e4bd"; } .fa-circle-chevron-right { --fa: "\f138"; } .fa-chevron-circle-right { --fa: "\f138"; } .fa-at { --fa: "\@"; } .fa-trash-can { --fa: "\f2ed"; } .fa-trash-alt { --fa: "\f2ed"; } .fa-text-height { --fa: "\f034"; } .fa-user-xmark { --fa: "\f235"; } .fa-user-times { --fa: "\f235"; } .fa-stethoscope { --fa: "\f0f1"; } .fa-message { --fa: "\f27a"; } .fa-comment-alt { --fa: "\f27a"; } .fa-info { --fa: "\f129"; } .fa-down-left-and-up-right-to-center { --fa: "\f422"; } .fa-compress-alt { --fa: "\f422"; } .fa-explosion { --fa: "\e4e9"; } .fa-file-lines { --fa: "\f15c"; } .fa-file-alt { --fa: "\f15c"; } .fa-file-text { --fa: "\f15c"; } .fa-wave-square { --fa: "\f83e"; } .fa-ring { --fa: "\f70b"; } .fa-building-un { --fa: "\e4d9"; } .fa-dice-three { --fa: "\f527"; } .fa-calendar-days { --fa: "\f073"; } .fa-calendar-alt { --fa: "\f073"; } .fa-anchor-circle-check { --fa: "\e4aa"; } .fa-building-circle-arrow-right { --fa: "\e4d1"; } .fa-volleyball { --fa: "\f45f"; } .fa-volleyball-ball { --fa: "\f45f"; } .fa-arrows-up-to-line { --fa: "\e4c2"; } .fa-sort-down { --fa: "\f0dd"; } .fa-sort-desc { --fa: "\f0dd"; } .fa-circle-minus { --fa: "\f056"; } .fa-minus-circle { --fa: "\f056"; } .fa-door-open { --fa: "\f52b"; } .fa-right-from-bracket { --fa: "\f2f5"; } .fa-sign-out-alt { --fa: "\f2f5"; } .fa-atom { --fa: "\f5d2"; } .fa-soap { --fa: "\e06e"; } .fa-icons { --fa: "\f86d"; } .fa-heart-music-camera-bolt { --fa: "\f86d"; } .fa-microphone-lines-slash { --fa: "\f539"; } .fa-microphone-alt-slash { --fa: "\f539"; } .fa-bridge-circle-check { --fa: "\e4c9"; } .fa-pump-medical { --fa: "\e06a"; } .fa-fingerprint { --fa: "\f577"; } .fa-hand-point-right { --fa: "\f0a4"; } .fa-magnifying-glass-location { --fa: "\f689"; } .fa-search-location { --fa: "\f689"; } .fa-forward-step { --fa: "\f051"; } .fa-step-forward { --fa: "\f051"; } .fa-face-smile-beam { --fa: "\f5b8"; } .fa-smile-beam { --fa: "\f5b8"; } .fa-flag-checkered { --fa: "\f11e"; } .fa-football { --fa: "\f44e"; } .fa-football-ball { --fa: "\f44e"; } .fa-school-circle-exclamation { --fa: "\e56c"; } .fa-crop { --fa: "\f125"; } .fa-angles-down { --fa: "\f103"; } .fa-angle-double-down { --fa: "\f103"; } .fa-users-rectangle { --fa: "\e594"; } .fa-people-roof { --fa: "\e537"; } .fa-people-line { --fa: "\e534"; } .fa-beer-mug-empty { --fa: "\f0fc"; } .fa-beer { --fa: "\f0fc"; } .fa-diagram-predecessor { --fa: "\e477"; } .fa-arrow-up-long { --fa: "\f176"; } .fa-long-arrow-up { --fa: "\f176"; } .fa-fire-flame-simple { --fa: "\f46a"; } .fa-burn { --fa: "\f46a"; } .fa-person { --fa: "\f183"; } .fa-male { --fa: "\f183"; } .fa-laptop { --fa: "\f109"; } .fa-file-csv { --fa: "\f6dd"; } .fa-menorah { --fa: "\f676"; } .fa-truck-plane { --fa: "\e58f"; } .fa-record-vinyl { --fa: "\f8d9"; } .fa-face-grin-stars { --fa: "\f587"; } .fa-grin-stars { --fa: "\f587"; } .fa-bong { --fa: "\f55c"; } .fa-spaghetti-monster-flying { --fa: "\f67b"; } .fa-pastafarianism { --fa: "\f67b"; } .fa-arrow-down-up-across-line { --fa: "\e4af"; } .fa-spoon { --fa: "\f2e5"; } .fa-utensil-spoon { --fa: "\f2e5"; } .fa-jar-wheat { --fa: "\e517"; } .fa-envelopes-bulk { --fa: "\f674"; } .fa-mail-bulk { --fa: "\f674"; } .fa-file-circle-exclamation { --fa: "\e4eb"; } .fa-circle-h { --fa: "\f47e"; } .fa-hospital-symbol { --fa: "\f47e"; } .fa-pager { --fa: "\f815"; } .fa-address-book { --fa: "\f2b9"; } .fa-contact-book { --fa: "\f2b9"; } .fa-strikethrough { --fa: "\f0cc"; } .fa-k { --fa: "K"; } .fa-landmark-flag { --fa: "\e51c"; } .fa-pencil { --fa: "\f303"; } .fa-pencil-alt { --fa: "\f303"; } .fa-backward { --fa: "\f04a"; } .fa-caret-right { --fa: "\f0da"; } .fa-comments { --fa: "\f086"; } .fa-paste { --fa: "\f0ea"; } .fa-file-clipboard { --fa: "\f0ea"; } .fa-code-pull-request { --fa: "\e13c"; } .fa-clipboard-list { --fa: "\f46d"; } .fa-truck-ramp-box { --fa: "\f4de"; } .fa-truck-loading { --fa: "\f4de"; } .fa-user-check { --fa: "\f4fc"; } .fa-vial-virus { --fa: "\e597"; } .fa-sheet-plastic { --fa: "\e571"; } .fa-blog { --fa: "\f781"; } .fa-user-ninja { --fa: "\f504"; } .fa-person-arrow-up-from-line { --fa: "\e539"; } .fa-scroll-torah { --fa: "\f6a0"; } .fa-torah { --fa: "\f6a0"; } .fa-broom-ball { --fa: "\f458"; } .fa-quidditch { --fa: "\f458"; } .fa-quidditch-broom-ball { --fa: "\f458"; } .fa-toggle-off { --fa: "\f204"; } .fa-box-archive { --fa: "\f187"; } .fa-archive { --fa: "\f187"; } .fa-person-drowning { --fa: "\e545"; } .fa-arrow-down-9-1 { --fa: "\f886"; } .fa-sort-numeric-desc { --fa: "\f886"; } .fa-sort-numeric-down-alt { --fa: "\f886"; } .fa-face-grin-tongue-squint { --fa: "\f58a"; } .fa-grin-tongue-squint { --fa: "\f58a"; } .fa-spray-can { --fa: "\f5bd"; } .fa-truck-monster { --fa: "\f63b"; } .fa-w { --fa: "W"; } .fa-earth-africa { --fa: "\f57c"; } .fa-globe-africa { --fa: "\f57c"; } .fa-rainbow { --fa: "\f75b"; } .fa-circle-notch { --fa: "\f1ce"; } .fa-tablet-screen-button { --fa: "\f3fa"; } .fa-tablet-alt { --fa: "\f3fa"; } .fa-paw { --fa: "\f1b0"; } .fa-cloud { --fa: "\f0c2"; } .fa-trowel-bricks { --fa: "\e58a"; } .fa-face-flushed { --fa: "\f579"; } .fa-flushed { --fa: "\f579"; } .fa-hospital-user { --fa: "\f80d"; } .fa-tent-arrow-left-right { --fa: "\e57f"; } .fa-gavel { --fa: "\f0e3"; } .fa-legal { --fa: "\f0e3"; } .fa-binoculars { --fa: "\f1e5"; } .fa-microphone-slash { --fa: "\f131"; } .fa-box-tissue { --fa: "\e05b"; } .fa-motorcycle { --fa: "\f21c"; } .fa-bell-concierge { --fa: "\f562"; } .fa-concierge-bell { --fa: "\f562"; } .fa-pen-ruler { --fa: "\f5ae"; } .fa-pencil-ruler { --fa: "\f5ae"; } .fa-people-arrows { --fa: "\e068"; } .fa-people-arrows-left-right { --fa: "\e068"; } .fa-mars-and-venus-burst { --fa: "\e523"; } .fa-square-caret-right { --fa: "\f152"; } .fa-caret-square-right { --fa: "\f152"; } .fa-scissors { --fa: "\f0c4"; } .fa-cut { --fa: "\f0c4"; } .fa-sun-plant-wilt { --fa: "\e57a"; } .fa-toilets-portable { --fa: "\e584"; } .fa-hockey-puck { --fa: "\f453"; } .fa-table { --fa: "\f0ce"; } .fa-magnifying-glass-arrow-right { --fa: "\e521"; } .fa-tachograph-digital { --fa: "\f566"; } .fa-digital-tachograph { --fa: "\f566"; } .fa-users-slash { --fa: "\e073"; } .fa-clover { --fa: "\e139"; } .fa-reply { --fa: "\f3e5"; } .fa-mail-reply { --fa: "\f3e5"; } .fa-star-and-crescent { --fa: "\f699"; } .fa-house-fire { --fa: "\e50c"; } .fa-square-minus { --fa: "\f146"; } .fa-minus-square { --fa: "\f146"; } .fa-helicopter { --fa: "\f533"; } .fa-compass { --fa: "\f14e"; } .fa-square-caret-down { --fa: "\f150"; } .fa-caret-square-down { --fa: "\f150"; } .fa-file-circle-question { --fa: "\e4ef"; } .fa-laptop-code { --fa: "\f5fc"; } .fa-swatchbook { --fa: "\f5c3"; } .fa-prescription-bottle { --fa: "\f485"; } .fa-bars { --fa: "\f0c9"; } .fa-navicon { --fa: "\f0c9"; } .fa-people-group { --fa: "\e533"; } .fa-hourglass-end { --fa: "\f253"; } .fa-hourglass-3 { --fa: "\f253"; } .fa-heart-crack { --fa: "\f7a9"; } .fa-heart-broken { --fa: "\f7a9"; } .fa-square-up-right { --fa: "\f360"; } .fa-external-link-square-alt { --fa: "\f360"; } .fa-face-kiss-beam { --fa: "\f597"; } .fa-kiss-beam { --fa: "\f597"; } .fa-film { --fa: "\f008"; } .fa-ruler-horizontal { --fa: "\f547"; } .fa-people-robbery { --fa: "\e536"; } .fa-lightbulb { --fa: "\f0eb"; } .fa-caret-left { --fa: "\f0d9"; } .fa-circle-exclamation { --fa: "\f06a"; } .fa-exclamation-circle { --fa: "\f06a"; } .fa-school-circle-xmark { --fa: "\e56d"; } .fa-arrow-right-from-bracket { --fa: "\f08b"; } .fa-sign-out { --fa: "\f08b"; } .fa-circle-chevron-down { --fa: "\f13a"; } .fa-chevron-circle-down { --fa: "\f13a"; } .fa-unlock-keyhole { --fa: "\f13e"; } .fa-unlock-alt { --fa: "\f13e"; } .fa-cloud-showers-heavy { --fa: "\f740"; } .fa-headphones-simple { --fa: "\f58f"; } .fa-headphones-alt { --fa: "\f58f"; } .fa-sitemap { --fa: "\f0e8"; } .fa-circle-dollar-to-slot { --fa: "\f4b9"; } .fa-donate { --fa: "\f4b9"; } .fa-memory { --fa: "\f538"; } .fa-road-spikes { --fa: "\e568"; } .fa-fire-burner { --fa: "\e4f1"; } .fa-flag { --fa: "\f024"; } .fa-hanukiah { --fa: "\f6e6"; } .fa-feather { --fa: "\f52d"; } .fa-volume-low { --fa: "\f027"; } .fa-volume-down { --fa: "\f027"; } .fa-comment-slash { --fa: "\f4b3"; } .fa-cloud-sun-rain { --fa: "\f743"; } .fa-compress { --fa: "\f066"; } .fa-wheat-awn { --fa: "\e2cd"; } .fa-wheat-alt { --fa: "\e2cd"; } .fa-ankh { --fa: "\f644"; } .fa-hands-holding-child { --fa: "\e4fa"; } .fa-asterisk { --fa: "\*"; } .fa-square-check { --fa: "\f14a"; } .fa-check-square { --fa: "\f14a"; } .fa-peseta-sign { --fa: "\e221"; } .fa-heading { --fa: "\f1dc"; } .fa-header { --fa: "\f1dc"; } .fa-ghost { --fa: "\f6e2"; } .fa-list { --fa: "\f03a"; } .fa-list-squares { --fa: "\f03a"; } .fa-square-phone-flip { --fa: "\f87b"; } .fa-phone-square-alt { --fa: "\f87b"; } .fa-cart-plus { --fa: "\f217"; } .fa-gamepad { --fa: "\f11b"; } .fa-circle-dot { --fa: "\f192"; } .fa-dot-circle { --fa: "\f192"; } .fa-face-dizzy { --fa: "\f567"; } .fa-dizzy { --fa: "\f567"; } .fa-egg { --fa: "\f7fb"; } .fa-house-medical-circle-xmark { --fa: "\e513"; } .fa-campground { --fa: "\f6bb"; } .fa-folder-plus { --fa: "\f65e"; } .fa-futbol { --fa: "\f1e3"; } .fa-futbol-ball { --fa: "\f1e3"; } .fa-soccer-ball { --fa: "\f1e3"; } .fa-paintbrush { --fa: "\f1fc"; } .fa-paint-brush { --fa: "\f1fc"; } .fa-lock { --fa: "\f023"; } .fa-gas-pump { --fa: "\f52f"; } .fa-hot-tub-person { --fa: "\f593"; } .fa-hot-tub { --fa: "\f593"; } .fa-map-location { --fa: "\f59f"; } .fa-map-marked { --fa: "\f59f"; } .fa-house-flood-water { --fa: "\e50e"; } .fa-tree { --fa: "\f1bb"; } .fa-bridge-lock { --fa: "\e4cc"; } .fa-sack-dollar { --fa: "\f81d"; } .fa-pen-to-square { --fa: "\f044"; } .fa-edit { --fa: "\f044"; } .fa-car-side { --fa: "\f5e4"; } .fa-share-nodes { --fa: "\f1e0"; } .fa-share-alt { --fa: "\f1e0"; } .fa-heart-circle-minus { --fa: "\e4ff"; } .fa-hourglass-half { --fa: "\f252"; } .fa-hourglass-2 { --fa: "\f252"; } .fa-microscope { --fa: "\f610"; } .fa-sink { --fa: "\e06d"; } .fa-bag-shopping { --fa: "\f290"; } .fa-shopping-bag { --fa: "\f290"; } .fa-arrow-down-z-a { --fa: "\f881"; } .fa-sort-alpha-desc { --fa: "\f881"; } .fa-sort-alpha-down-alt { --fa: "\f881"; } .fa-mitten { --fa: "\f7b5"; } .fa-person-rays { --fa: "\e54d"; } .fa-users { --fa: "\f0c0"; } .fa-eye-slash { --fa: "\f070"; } .fa-flask-vial { --fa: "\e4f3"; } .fa-hand { --fa: "\f256"; } .fa-hand-paper { --fa: "\f256"; } .fa-om { --fa: "\f679"; } .fa-worm { --fa: "\e599"; } .fa-house-circle-xmark { --fa: "\e50b"; } .fa-plug { --fa: "\f1e6"; } .fa-chevron-up { --fa: "\f077"; } .fa-hand-spock { --fa: "\f259"; } .fa-stopwatch { --fa: "\f2f2"; } .fa-face-kiss { --fa: "\f596"; } .fa-kiss { --fa: "\f596"; } .fa-bridge-circle-xmark { --fa: "\e4cb"; } .fa-face-grin-tongue { --fa: "\f589"; } .fa-grin-tongue { --fa: "\f589"; } .fa-chess-bishop { --fa: "\f43a"; } .fa-face-grin-wink { --fa: "\f58c"; } .fa-grin-wink { --fa: "\f58c"; } .fa-ear-deaf { --fa: "\f2a4"; } .fa-deaf { --fa: "\f2a4"; } .fa-deafness { --fa: "\f2a4"; } .fa-hard-of-hearing { --fa: "\f2a4"; } .fa-road-circle-check { --fa: "\e564"; } .fa-dice-five { --fa: "\f523"; } .fa-square-rss { --fa: "\f143"; } .fa-rss-square { --fa: "\f143"; } .fa-land-mine-on { --fa: "\e51b"; } .fa-i-cursor { --fa: "\f246"; } .fa-stamp { --fa: "\f5bf"; } .fa-stairs { --fa: "\e289"; } .fa-i { --fa: "I"; } .fa-hryvnia-sign { --fa: "\f6f2"; } .fa-hryvnia { --fa: "\f6f2"; } .fa-pills { --fa: "\f484"; } .fa-face-grin-wide { --fa: "\f581"; } .fa-grin-alt { --fa: "\f581"; } .fa-tooth { --fa: "\f5c9"; } .fa-v { --fa: "V"; } .fa-bangladeshi-taka-sign { --fa: "\e2e6"; } .fa-bicycle { --fa: "\f206"; } .fa-staff-snake { --fa: "\e579"; } .fa-rod-asclepius { --fa: "\e579"; } .fa-rod-snake { --fa: "\e579"; } .fa-staff-aesculapius { --fa: "\e579"; } .fa-head-side-cough-slash { --fa: "\e062"; } .fa-truck-medical { --fa: "\f0f9"; } .fa-ambulance { --fa: "\f0f9"; } .fa-wheat-awn-circle-exclamation { --fa: "\e598"; } .fa-snowman { --fa: "\f7d0"; } .fa-mortar-pestle { --fa: "\f5a7"; } .fa-road-barrier { --fa: "\e562"; } .fa-school { --fa: "\f549"; } .fa-igloo { --fa: "\f7ae"; } .fa-joint { --fa: "\f595"; } .fa-angle-right { --fa: "\f105"; } .fa-horse { --fa: "\f6f0"; } .fa-q { --fa: "Q"; } .fa-g { --fa: "G"; } .fa-notes-medical { --fa: "\f481"; } .fa-temperature-half { --fa: "\f2c9"; } .fa-temperature-2 { --fa: "\f2c9"; } .fa-thermometer-2 { --fa: "\f2c9"; } .fa-thermometer-half { --fa: "\f2c9"; } .fa-dong-sign { --fa: "\e169"; } .fa-capsules { --fa: "\f46b"; } .fa-poo-storm { --fa: "\f75a"; } .fa-poo-bolt { --fa: "\f75a"; } .fa-face-frown-open { --fa: "\f57a"; } .fa-frown-open { --fa: "\f57a"; } .fa-hand-point-up { --fa: "\f0a6"; } .fa-money-bill { --fa: "\f0d6"; } .fa-bookmark { --fa: "\f02e"; } .fa-align-justify { --fa: "\f039"; } .fa-umbrella-beach { --fa: "\f5ca"; } .fa-helmet-un { --fa: "\e503"; } .fa-bullseye { --fa: "\f140"; } .fa-bacon { --fa: "\f7e5"; } .fa-hand-point-down { --fa: "\f0a7"; } .fa-arrow-up-from-bracket { --fa: "\e09a"; } .fa-folder { --fa: "\f07b"; } .fa-folder-blank { --fa: "\f07b"; } .fa-file-waveform { --fa: "\f478"; } .fa-file-medical-alt { --fa: "\f478"; } .fa-radiation { --fa: "\f7b9"; } .fa-chart-simple { --fa: "\e473"; } .fa-mars-stroke { --fa: "\f229"; } .fa-vial { --fa: "\f492"; } .fa-gauge { --fa: "\f624"; } .fa-dashboard { --fa: "\f624"; } .fa-gauge-med { --fa: "\f624"; } .fa-tachometer-alt-average { --fa: "\f624"; } .fa-wand-magic-sparkles { --fa: "\e2ca"; } .fa-magic-wand-sparkles { --fa: "\e2ca"; } .fa-e { --fa: "E"; } .fa-pen-clip { --fa: "\f305"; } .fa-pen-alt { --fa: "\f305"; } .fa-bridge-circle-exclamation { --fa: "\e4ca"; } .fa-user { --fa: "\f007"; } .fa-school-circle-check { --fa: "\e56b"; } .fa-dumpster { --fa: "\f793"; } .fa-van-shuttle { --fa: "\f5b6"; } .fa-shuttle-van { --fa: "\f5b6"; } .fa-building-user { --fa: "\e4da"; } .fa-square-caret-left { --fa: "\f191"; } .fa-caret-square-left { --fa: "\f191"; } .fa-highlighter { --fa: "\f591"; } .fa-key { --fa: "\f084"; } .fa-bullhorn { --fa: "\f0a1"; } .fa-globe { --fa: "\f0ac"; } .fa-synagogue { --fa: "\f69b"; } .fa-person-half-dress { --fa: "\e548"; } .fa-road-bridge { --fa: "\e563"; } .fa-location-arrow { --fa: "\f124"; } .fa-c { --fa: "C"; } .fa-tablet-button { --fa: "\f10a"; } .fa-building-lock { --fa: "\e4d6"; } .fa-pizza-slice { --fa: "\f818"; } .fa-money-bill-wave { --fa: "\f53a"; } .fa-chart-area { --fa: "\f1fe"; } .fa-area-chart { --fa: "\f1fe"; } .fa-house-flag { --fa: "\e50d"; } .fa-person-circle-minus { --fa: "\e540"; } .fa-ban { --fa: "\f05e"; } .fa-cancel { --fa: "\f05e"; } .fa-camera-rotate { --fa: "\e0d8"; } .fa-spray-can-sparkles { --fa: "\f5d0"; } .fa-air-freshener { --fa: "\f5d0"; } .fa-star { --fa: "\f005"; } .fa-repeat { --fa: "\f363"; } .fa-cross { --fa: "\f654"; } .fa-box { --fa: "\f466"; } .fa-venus-mars { --fa: "\f228"; } .fa-arrow-pointer { --fa: "\f245"; } .fa-mouse-pointer { --fa: "\f245"; } .fa-maximize { --fa: "\f31e"; } .fa-expand-arrows-alt { --fa: "\f31e"; } .fa-charging-station { --fa: "\f5e7"; } .fa-shapes { --fa: "\f61f"; } .fa-triangle-circle-square { --fa: "\f61f"; } .fa-shuffle { --fa: "\f074"; } .fa-random { --fa: "\f074"; } .fa-person-running { --fa: "\f70c"; } .fa-running { --fa: "\f70c"; } .fa-mobile-retro { --fa: "\e527"; } .fa-grip-lines-vertical { --fa: "\f7a5"; } .fa-spider { --fa: "\f717"; } .fa-hands-bound { --fa: "\e4f9"; } .fa-file-invoice-dollar { --fa: "\f571"; } .fa-plane-circle-exclamation { --fa: "\e556"; } .fa-x-ray { --fa: "\f497"; } .fa-spell-check { --fa: "\f891"; } .fa-slash { --fa: "\f715"; } .fa-computer-mouse { --fa: "\f8cc"; } .fa-mouse { --fa: "\f8cc"; } .fa-arrow-right-to-bracket { --fa: "\f090"; } .fa-sign-in { --fa: "\f090"; } .fa-shop-slash { --fa: "\e070"; } .fa-store-alt-slash { --fa: "\e070"; } .fa-server { --fa: "\f233"; } .fa-virus-covid-slash { --fa: "\e4a9"; } .fa-shop-lock { --fa: "\e4a5"; } .fa-hourglass-start { --fa: "\f251"; } .fa-hourglass-1 { --fa: "\f251"; } .fa-blender-phone { --fa: "\f6b6"; } .fa-building-wheat { --fa: "\e4db"; } .fa-person-breastfeeding { --fa: "\e53a"; } .fa-right-to-bracket { --fa: "\f2f6"; } .fa-sign-in-alt { --fa: "\f2f6"; } .fa-venus { --fa: "\f221"; } .fa-passport { --fa: "\f5ab"; } .fa-thumbtack-slash { --fa: "\e68f"; } .fa-thumb-tack-slash { --fa: "\e68f"; } .fa-heart-pulse { --fa: "\f21e"; } .fa-heartbeat { --fa: "\f21e"; } .fa-people-carry-box { --fa: "\f4ce"; } .fa-people-carry { --fa: "\f4ce"; } .fa-temperature-high { --fa: "\f769"; } .fa-microchip { --fa: "\f2db"; } .fa-crown { --fa: "\f521"; } .fa-weight-hanging { --fa: "\f5cd"; } .fa-xmarks-lines { --fa: "\e59a"; } .fa-file-prescription { --fa: "\f572"; } .fa-weight-scale { --fa: "\f496"; } .fa-weight { --fa: "\f496"; } .fa-user-group { --fa: "\f500"; } .fa-user-friends { --fa: "\f500"; } .fa-arrow-up-a-z { --fa: "\f15e"; } .fa-sort-alpha-up { --fa: "\f15e"; } .fa-chess-knight { --fa: "\f441"; } .fa-face-laugh-squint { --fa: "\f59b"; } .fa-laugh-squint { --fa: "\f59b"; } .fa-wheelchair { --fa: "\f193"; } .fa-circle-arrow-up { --fa: "\f0aa"; } .fa-arrow-circle-up { --fa: "\f0aa"; } .fa-toggle-on { --fa: "\f205"; } .fa-person-walking { --fa: "\f554"; } .fa-walking { --fa: "\f554"; } .fa-l { --fa: "L"; } .fa-fire { --fa: "\f06d"; } .fa-bed-pulse { --fa: "\f487"; } .fa-procedures { --fa: "\f487"; } .fa-shuttle-space { --fa: "\f197"; } .fa-space-shuttle { --fa: "\f197"; } .fa-face-laugh { --fa: "\f599"; } .fa-laugh { --fa: "\f599"; } .fa-folder-open { --fa: "\f07c"; } .fa-heart-circle-plus { --fa: "\e500"; } .fa-code-fork { --fa: "\e13b"; } .fa-city { --fa: "\f64f"; } .fa-microphone-lines { --fa: "\f3c9"; } .fa-microphone-alt { --fa: "\f3c9"; } .fa-pepper-hot { --fa: "\f816"; } .fa-unlock { --fa: "\f09c"; } .fa-colon-sign { --fa: "\e140"; } .fa-headset { --fa: "\f590"; } .fa-store-slash { --fa: "\e071"; } .fa-road-circle-xmark { --fa: "\e566"; } .fa-user-minus { --fa: "\f503"; } .fa-mars-stroke-up { --fa: "\f22a"; } .fa-mars-stroke-v { --fa: "\f22a"; } .fa-champagne-glasses { --fa: "\f79f"; } .fa-glass-cheers { --fa: "\f79f"; } .fa-clipboard { --fa: "\f328"; } .fa-house-circle-exclamation { --fa: "\e50a"; } .fa-file-arrow-up { --fa: "\f574"; } .fa-file-upload { --fa: "\f574"; } .fa-wifi { --fa: "\f1eb"; } .fa-wifi-3 { --fa: "\f1eb"; } .fa-wifi-strong { --fa: "\f1eb"; } .fa-bath { --fa: "\f2cd"; } .fa-bathtub { --fa: "\f2cd"; } .fa-underline { --fa: "\f0cd"; } .fa-user-pen { --fa: "\f4ff"; } .fa-user-edit { --fa: "\f4ff"; } .fa-signature { --fa: "\f5b7"; } .fa-stroopwafel { --fa: "\f551"; } .fa-bold { --fa: "\f032"; } .fa-anchor-lock { --fa: "\e4ad"; } .fa-building-ngo { --fa: "\e4d7"; } .fa-manat-sign { --fa: "\e1d5"; } .fa-not-equal { --fa: "\f53e"; } .fa-border-top-left { --fa: "\f853"; } .fa-border-style { --fa: "\f853"; } .fa-map-location-dot { --fa: "\f5a0"; } .fa-map-marked-alt { --fa: "\f5a0"; } .fa-jedi { --fa: "\f669"; } .fa-square-poll-vertical { --fa: "\f681"; } .fa-poll { --fa: "\f681"; } .fa-mug-hot { --fa: "\f7b6"; } .fa-car-battery { --fa: "\f5df"; } .fa-battery-car { --fa: "\f5df"; } .fa-gift { --fa: "\f06b"; } .fa-dice-two { --fa: "\f528"; } .fa-chess-queen { --fa: "\f445"; } .fa-glasses { --fa: "\f530"; } .fa-chess-board { --fa: "\f43c"; } .fa-building-circle-check { --fa: "\e4d2"; } .fa-person-chalkboard { --fa: "\e53d"; } .fa-mars-stroke-right { --fa: "\f22b"; } .fa-mars-stroke-h { --fa: "\f22b"; } .fa-hand-back-fist { --fa: "\f255"; } .fa-hand-rock { --fa: "\f255"; } .fa-square-caret-up { --fa: "\f151"; } .fa-caret-square-up { --fa: "\f151"; } .fa-cloud-showers-water { --fa: "\e4e4"; } .fa-chart-bar { --fa: "\f080"; } .fa-bar-chart { --fa: "\f080"; } .fa-hands-bubbles { --fa: "\e05e"; } .fa-hands-wash { --fa: "\e05e"; } .fa-less-than-equal { --fa: "\f537"; } .fa-train { --fa: "\f238"; } .fa-eye-low-vision { --fa: "\f2a8"; } .fa-low-vision { --fa: "\f2a8"; } .fa-crow { --fa: "\f520"; } .fa-sailboat { --fa: "\e445"; } .fa-window-restore { --fa: "\f2d2"; } .fa-square-plus { --fa: "\f0fe"; } .fa-plus-square { --fa: "\f0fe"; } .fa-torii-gate { --fa: "\f6a1"; } .fa-frog { --fa: "\f52e"; } .fa-bucket { --fa: "\e4cf"; } .fa-image { --fa: "\f03e"; } .fa-microphone { --fa: "\f130"; } .fa-cow { --fa: "\f6c8"; } .fa-caret-up { --fa: "\f0d8"; } .fa-screwdriver { --fa: "\f54a"; } .fa-folder-closed { --fa: "\e185"; } .fa-house-tsunami { --fa: "\e515"; } .fa-square-nfi { --fa: "\e576"; } .fa-arrow-up-from-ground-water { --fa: "\e4b5"; } .fa-martini-glass { --fa: "\f57b"; } .fa-glass-martini-alt { --fa: "\f57b"; } .fa-square-binary { --fa: "\e69b"; } .fa-rotate-left { --fa: "\f2ea"; } .fa-rotate-back { --fa: "\f2ea"; } .fa-rotate-backward { --fa: "\f2ea"; } .fa-undo-alt { --fa: "\f2ea"; } .fa-table-columns { --fa: "\f0db"; } .fa-columns { --fa: "\f0db"; } .fa-lemon { --fa: "\f094"; } .fa-head-side-mask { --fa: "\e063"; } .fa-handshake { --fa: "\f2b5"; } .fa-gem { --fa: "\f3a5"; } .fa-dolly { --fa: "\f472"; } .fa-dolly-box { --fa: "\f472"; } .fa-smoking { --fa: "\f48d"; } .fa-minimize { --fa: "\f78c"; } .fa-compress-arrows-alt { --fa: "\f78c"; } .fa-monument { --fa: "\f5a6"; } .fa-snowplow { --fa: "\f7d2"; } .fa-angles-right { --fa: "\f101"; } .fa-angle-double-right { --fa: "\f101"; } .fa-cannabis { --fa: "\f55f"; } .fa-circle-play { --fa: "\f144"; } .fa-play-circle { --fa: "\f144"; } .fa-tablets { --fa: "\f490"; } .fa-ethernet { --fa: "\f796"; } .fa-euro-sign { --fa: "\f153"; } .fa-eur { --fa: "\f153"; } .fa-euro { --fa: "\f153"; } .fa-chair { --fa: "\f6c0"; } .fa-circle-check { --fa: "\f058"; } .fa-check-circle { --fa: "\f058"; } .fa-circle-stop { --fa: "\f28d"; } .fa-stop-circle { --fa: "\f28d"; } .fa-compass-drafting { --fa: "\f568"; } .fa-drafting-compass { --fa: "\f568"; } .fa-plate-wheat { --fa: "\e55a"; } .fa-icicles { --fa: "\f7ad"; } .fa-person-shelter { --fa: "\e54f"; } .fa-neuter { --fa: "\f22c"; } .fa-id-badge { --fa: "\f2c1"; } .fa-marker { --fa: "\f5a1"; } .fa-face-laugh-beam { --fa: "\f59a"; } .fa-laugh-beam { --fa: "\f59a"; } .fa-helicopter-symbol { --fa: "\e502"; } .fa-universal-access { --fa: "\f29a"; } .fa-circle-chevron-up { --fa: "\f139"; } .fa-chevron-circle-up { --fa: "\f139"; } .fa-lari-sign { --fa: "\e1c8"; } .fa-volcano { --fa: "\f770"; } .fa-person-walking-dashed-line-arrow-right { --fa: "\e553"; } .fa-sterling-sign { --fa: "\f154"; } .fa-gbp { --fa: "\f154"; } .fa-pound-sign { --fa: "\f154"; } .fa-viruses { --fa: "\e076"; } .fa-square-person-confined { --fa: "\e577"; } .fa-user-tie { --fa: "\f508"; } .fa-arrow-down-long { --fa: "\f175"; } .fa-long-arrow-down { --fa: "\f175"; } .fa-tent-arrow-down-to-line { --fa: "\e57e"; } .fa-certificate { --fa: "\f0a3"; } .fa-reply-all { --fa: "\f122"; } .fa-mail-reply-all { --fa: "\f122"; } .fa-suitcase { --fa: "\f0f2"; } .fa-person-skating { --fa: "\f7c5"; } .fa-skating { --fa: "\f7c5"; } .fa-filter-circle-dollar { --fa: "\f662"; } .fa-funnel-dollar { --fa: "\f662"; } .fa-camera-retro { --fa: "\f083"; } .fa-circle-arrow-down { --fa: "\f0ab"; } .fa-arrow-circle-down { --fa: "\f0ab"; } .fa-file-import { --fa: "\f56f"; } .fa-arrow-right-to-file { --fa: "\f56f"; } .fa-square-arrow-up-right { --fa: "\f14c"; } .fa-external-link-square { --fa: "\f14c"; } .fa-box-open { --fa: "\f49e"; } .fa-scroll { --fa: "\f70e"; } .fa-spa { --fa: "\f5bb"; } .fa-location-pin-lock { --fa: "\e51f"; } .fa-pause { --fa: "\f04c"; } .fa-hill-avalanche { --fa: "\e507"; } .fa-temperature-empty { --fa: "\f2cb"; } .fa-temperature-0 { --fa: "\f2cb"; } .fa-thermometer-0 { --fa: "\f2cb"; } .fa-thermometer-empty { --fa: "\f2cb"; } .fa-bomb { --fa: "\f1e2"; } .fa-registered { --fa: "\f25d"; } .fa-address-card { --fa: "\f2bb"; } .fa-contact-card { --fa: "\f2bb"; } .fa-vcard { --fa: "\f2bb"; } .fa-scale-unbalanced-flip { --fa: "\f516"; } .fa-balance-scale-right { --fa: "\f516"; } .fa-subscript { --fa: "\f12c"; } .fa-diamond-turn-right { --fa: "\f5eb"; } .fa-directions { --fa: "\f5eb"; } .fa-burst { --fa: "\e4dc"; } .fa-house-laptop { --fa: "\e066"; } .fa-laptop-house { --fa: "\e066"; } .fa-face-tired { --fa: "\f5c8"; } .fa-tired { --fa: "\f5c8"; } .fa-money-bills { --fa: "\e1f3"; } .fa-smog { --fa: "\f75f"; } .fa-crutch { --fa: "\f7f7"; } .fa-cloud-arrow-up { --fa: "\f0ee"; } .fa-cloud-upload { --fa: "\f0ee"; } .fa-cloud-upload-alt { --fa: "\f0ee"; } .fa-palette { --fa: "\f53f"; } .fa-arrows-turn-right { --fa: "\e4c0"; } .fa-vest { --fa: "\e085"; } .fa-ferry { --fa: "\e4ea"; } .fa-arrows-down-to-people { --fa: "\e4b9"; } .fa-seedling { --fa: "\f4d8"; } .fa-sprout { --fa: "\f4d8"; } .fa-left-right { --fa: "\f337"; } .fa-arrows-alt-h { --fa: "\f337"; } .fa-boxes-packing { --fa: "\e4c7"; } .fa-circle-arrow-left { --fa: "\f0a8"; } .fa-arrow-circle-left { --fa: "\f0a8"; } .fa-group-arrows-rotate { --fa: "\e4f6"; } .fa-bowl-food { --fa: "\e4c6"; } .fa-candy-cane { --fa: "\f786"; } .fa-arrow-down-wide-short { --fa: "\f160"; } .fa-sort-amount-asc { --fa: "\f160"; } .fa-sort-amount-down { --fa: "\f160"; } .fa-cloud-bolt { --fa: "\f76c"; } .fa-thunderstorm { --fa: "\f76c"; } .fa-text-slash { --fa: "\f87d"; } .fa-remove-format { --fa: "\f87d"; } .fa-face-smile-wink { --fa: "\f4da"; } .fa-smile-wink { --fa: "\f4da"; } .fa-file-word { --fa: "\f1c2"; } .fa-file-powerpoint { --fa: "\f1c4"; } .fa-arrows-left-right { --fa: "\f07e"; } .fa-arrows-h { --fa: "\f07e"; } .fa-house-lock { --fa: "\e510"; } .fa-cloud-arrow-down { --fa: "\f0ed"; } .fa-cloud-download { --fa: "\f0ed"; } .fa-cloud-download-alt { --fa: "\f0ed"; } .fa-children { --fa: "\e4e1"; } .fa-chalkboard { --fa: "\f51b"; } .fa-blackboard { --fa: "\f51b"; } .fa-user-large-slash { --fa: "\f4fa"; } .fa-user-alt-slash { --fa: "\f4fa"; } .fa-envelope-open { --fa: "\f2b6"; } .fa-handshake-simple-slash { --fa: "\e05f"; } .fa-handshake-alt-slash { --fa: "\e05f"; } .fa-mattress-pillow { --fa: "\e525"; } .fa-guarani-sign { --fa: "\e19a"; } .fa-arrows-rotate { --fa: "\f021"; } .fa-refresh { --fa: "\f021"; } .fa-sync { --fa: "\f021"; } .fa-fire-extinguisher { --fa: "\f134"; } .fa-cruzeiro-sign { --fa: "\e152"; } .fa-greater-than-equal { --fa: "\f532"; } .fa-shield-halved { --fa: "\f3ed"; } .fa-shield-alt { --fa: "\f3ed"; } .fa-book-atlas { --fa: "\f558"; } .fa-atlas { --fa: "\f558"; } .fa-virus { --fa: "\e074"; } .fa-envelope-circle-check { --fa: "\e4e8"; } .fa-layer-group { --fa: "\f5fd"; } .fa-arrows-to-dot { --fa: "\e4be"; } .fa-archway { --fa: "\f557"; } .fa-heart-circle-check { --fa: "\e4fd"; } .fa-house-chimney-crack { --fa: "\f6f1"; } .fa-house-damage { --fa: "\f6f1"; } .fa-file-zipper { --fa: "\f1c6"; } .fa-file-archive { --fa: "\f1c6"; } .fa-square { --fa: "\f0c8"; } .fa-martini-glass-empty { --fa: "\f000"; } .fa-glass-martini { --fa: "\f000"; } .fa-couch { --fa: "\f4b8"; } .fa-cedi-sign { --fa: "\e0df"; } .fa-italic { --fa: "\f033"; } .fa-table-cells-column-lock { --fa: "\e678"; } .fa-church { --fa: "\f51d"; } .fa-comments-dollar { --fa: "\f653"; } .fa-democrat { --fa: "\f747"; } .fa-z { --fa: "Z"; } .fa-person-skiing { --fa: "\f7c9"; } .fa-skiing { --fa: "\f7c9"; } .fa-road-lock { --fa: "\e567"; } .fa-a { --fa: "A"; } .fa-temperature-arrow-down { --fa: "\e03f"; } .fa-temperature-down { --fa: "\e03f"; } .fa-feather-pointed { --fa: "\f56b"; } .fa-feather-alt { --fa: "\f56b"; } .fa-p { --fa: "P"; } .fa-snowflake { --fa: "\f2dc"; } .fa-newspaper { --fa: "\f1ea"; } .fa-rectangle-ad { --fa: "\f641"; } .fa-ad { --fa: "\f641"; } .fa-circle-arrow-right { --fa: "\f0a9"; } .fa-arrow-circle-right { --fa: "\f0a9"; } .fa-filter-circle-xmark { --fa: "\e17b"; } .fa-locust { --fa: "\e520"; } .fa-sort { --fa: "\f0dc"; } .fa-unsorted { --fa: "\f0dc"; } .fa-list-ol { --fa: "\f0cb"; } .fa-list-1-2 { --fa: "\f0cb"; } .fa-list-numeric { --fa: "\f0cb"; } .fa-person-dress-burst { --fa: "\e544"; } .fa-money-check-dollar { --fa: "\f53d"; } .fa-money-check-alt { --fa: "\f53d"; } .fa-vector-square { --fa: "\f5cb"; } .fa-bread-slice { --fa: "\f7ec"; } .fa-language { --fa: "\f1ab"; } .fa-face-kiss-wink-heart { --fa: "\f598"; } .fa-kiss-wink-heart { --fa: "\f598"; } .fa-filter { --fa: "\f0b0"; } .fa-question { --fa: "\?"; } .fa-file-signature { --fa: "\f573"; } .fa-up-down-left-right { --fa: "\f0b2"; } .fa-arrows-alt { --fa: "\f0b2"; } .fa-house-chimney-user { --fa: "\e065"; } .fa-hand-holding-heart { --fa: "\f4be"; } .fa-puzzle-piece { --fa: "\f12e"; } .fa-money-check { --fa: "\f53c"; } .fa-star-half-stroke { --fa: "\f5c0"; } .fa-star-half-alt { --fa: "\f5c0"; } .fa-code { --fa: "\f121"; } .fa-whiskey-glass { --fa: "\f7a0"; } .fa-glass-whiskey { --fa: "\f7a0"; } .fa-building-circle-exclamation { --fa: "\e4d3"; } .fa-magnifying-glass-chart { --fa: "\e522"; } .fa-arrow-up-right-from-square { --fa: "\f08e"; } .fa-external-link { --fa: "\f08e"; } .fa-cubes-stacked { --fa: "\e4e6"; } .fa-won-sign { --fa: "\f159"; } .fa-krw { --fa: "\f159"; } .fa-won { --fa: "\f159"; } .fa-virus-covid { --fa: "\e4a8"; } .fa-austral-sign { --fa: "\e0a9"; } .fa-f { --fa: "F"; } .fa-leaf { --fa: "\f06c"; } .fa-road { --fa: "\f018"; } .fa-taxi { --fa: "\f1ba"; } .fa-cab { --fa: "\f1ba"; } .fa-person-circle-plus { --fa: "\e541"; } .fa-chart-pie { --fa: "\f200"; } .fa-pie-chart { --fa: "\f200"; } .fa-bolt-lightning { --fa: "\e0b7"; } .fa-sack-xmark { --fa: "\e56a"; } .fa-file-excel { --fa: "\f1c3"; } .fa-file-contract { --fa: "\f56c"; } .fa-fish-fins { --fa: "\e4f2"; } .fa-building-flag { --fa: "\e4d5"; } .fa-face-grin-beam { --fa: "\f582"; } .fa-grin-beam { --fa: "\f582"; } .fa-object-ungroup { --fa: "\f248"; } .fa-poop { --fa: "\f619"; } .fa-location-pin { --fa: "\f041"; } .fa-map-marker { --fa: "\f041"; } .fa-kaaba { --fa: "\f66b"; } .fa-toilet-paper { --fa: "\f71e"; } .fa-helmet-safety { --fa: "\f807"; } .fa-hard-hat { --fa: "\f807"; } .fa-hat-hard { --fa: "\f807"; } .fa-eject { --fa: "\f052"; } .fa-circle-right { --fa: "\f35a"; } .fa-arrow-alt-circle-right { --fa: "\f35a"; } .fa-plane-circle-check { --fa: "\e555"; } .fa-face-rolling-eyes { --fa: "\f5a5"; } .fa-meh-rolling-eyes { --fa: "\f5a5"; } .fa-object-group { --fa: "\f247"; } .fa-chart-line { --fa: "\f201"; } .fa-line-chart { --fa: "\f201"; } .fa-mask-ventilator { --fa: "\e524"; } .fa-arrow-right { --fa: "\f061"; } .fa-signs-post { --fa: "\f277"; } .fa-map-signs { --fa: "\f277"; } .fa-cash-register { --fa: "\f788"; } .fa-person-circle-question { --fa: "\e542"; } .fa-h { --fa: "H"; } .fa-tarp { --fa: "\e57b"; } .fa-screwdriver-wrench { --fa: "\f7d9"; } .fa-tools { --fa: "\f7d9"; } .fa-arrows-to-eye { --fa: "\e4bf"; } .fa-plug-circle-bolt { --fa: "\e55b"; } .fa-heart { --fa: "\f004"; } .fa-mars-and-venus { --fa: "\f224"; } .fa-house-user { --fa: "\e1b0"; } .fa-home-user { --fa: "\e1b0"; } .fa-dumpster-fire { --fa: "\f794"; } .fa-house-crack { --fa: "\e3b1"; } .fa-martini-glass-citrus { --fa: "\f561"; } .fa-cocktail { --fa: "\f561"; } .fa-face-surprise { --fa: "\f5c2"; } .fa-surprise { --fa: "\f5c2"; } .fa-bottle-water { --fa: "\e4c5"; } .fa-circle-pause { --fa: "\f28b"; } .fa-pause-circle { --fa: "\f28b"; } .fa-toilet-paper-slash { --fa: "\e072"; } .fa-apple-whole { --fa: "\f5d1"; } .fa-apple-alt { --fa: "\f5d1"; } .fa-kitchen-set { --fa: "\e51a"; } .fa-r { --fa: "R"; } .fa-temperature-quarter { --fa: "\f2ca"; } .fa-temperature-1 { --fa: "\f2ca"; } .fa-thermometer-1 { --fa: "\f2ca"; } .fa-thermometer-quarter { --fa: "\f2ca"; } .fa-cube { --fa: "\f1b2"; } .fa-bitcoin-sign { --fa: "\e0b4"; } .fa-shield-dog { --fa: "\e573"; } .fa-solar-panel { --fa: "\f5ba"; } .fa-lock-open { --fa: "\f3c1"; } .fa-elevator { --fa: "\e16d"; } .fa-money-bill-transfer { --fa: "\e528"; } .fa-money-bill-trend-up { --fa: "\e529"; } .fa-house-flood-water-circle-arrow-right { --fa: "\e50f"; } .fa-square-poll-horizontal { --fa: "\f682"; } .fa-poll-h { --fa: "\f682"; } .fa-circle { --fa: "\f111"; } .fa-backward-fast { --fa: "\f049"; } .fa-fast-backward { --fa: "\f049"; } .fa-recycle { --fa: "\f1b8"; } .fa-user-astronaut { --fa: "\f4fb"; } .fa-plane-slash { --fa: "\e069"; } .fa-trademark { --fa: "\f25c"; } .fa-basketball { --fa: "\f434"; } .fa-basketball-ball { --fa: "\f434"; } .fa-satellite-dish { --fa: "\f7c0"; } .fa-circle-up { --fa: "\f35b"; } .fa-arrow-alt-circle-up { --fa: "\f35b"; } .fa-mobile-screen-button { --fa: "\f3cd"; } .fa-mobile-alt { --fa: "\f3cd"; } .fa-volume-high { --fa: "\f028"; } .fa-volume-up { --fa: "\f028"; } .fa-users-rays { --fa: "\e593"; } .fa-wallet { --fa: "\f555"; } .fa-clipboard-check { --fa: "\f46c"; } .fa-file-audio { --fa: "\f1c7"; } .fa-burger { --fa: "\f805"; } .fa-hamburger { --fa: "\f805"; } .fa-wrench { --fa: "\f0ad"; } .fa-bugs { --fa: "\e4d0"; } .fa-rupee-sign { --fa: "\f156"; } .fa-rupee { --fa: "\f156"; } .fa-file-image { --fa: "\f1c5"; } .fa-circle-question { --fa: "\f059"; } .fa-question-circle { --fa: "\f059"; } .fa-plane-departure { --fa: "\f5b0"; } .fa-handshake-slash { --fa: "\e060"; } .fa-book-bookmark { --fa: "\e0bb"; } .fa-code-branch { --fa: "\f126"; } .fa-hat-cowboy { --fa: "\f8c0"; } .fa-bridge { --fa: "\e4c8"; } .fa-phone-flip { --fa: "\f879"; } .fa-phone-alt { --fa: "\f879"; } .fa-truck-front { --fa: "\e2b7"; } .fa-cat { --fa: "\f6be"; } .fa-anchor-circle-exclamation { --fa: "\e4ab"; } .fa-truck-field { --fa: "\e58d"; } .fa-route { --fa: "\f4d7"; } .fa-clipboard-question { --fa: "\e4e3"; } .fa-panorama { --fa: "\e209"; } .fa-comment-medical { --fa: "\f7f5"; } .fa-teeth-open { --fa: "\f62f"; } .fa-file-circle-minus { --fa: "\e4ed"; } .fa-tags { --fa: "\f02c"; } .fa-wine-glass { --fa: "\f4e3"; } .fa-forward-fast { --fa: "\f050"; } .fa-fast-forward { --fa: "\f050"; } .fa-face-meh-blank { --fa: "\f5a4"; } .fa-meh-blank { --fa: "\f5a4"; } .fa-square-parking { --fa: "\f540"; } .fa-parking { --fa: "\f540"; } .fa-house-signal { --fa: "\e012"; } .fa-bars-progress { --fa: "\f828"; } .fa-tasks-alt { --fa: "\f828"; } .fa-faucet-drip { --fa: "\e006"; } .fa-cart-flatbed { --fa: "\f474"; } .fa-dolly-flatbed { --fa: "\f474"; } .fa-ban-smoking { --fa: "\f54d"; } .fa-smoking-ban { --fa: "\f54d"; } .fa-terminal { --fa: "\f120"; } .fa-mobile-button { --fa: "\f10b"; } .fa-house-medical-flag { --fa: "\e514"; } .fa-basket-shopping { --fa: "\f291"; } .fa-shopping-basket { --fa: "\f291"; } .fa-tape { --fa: "\f4db"; } .fa-bus-simple { --fa: "\f55e"; } .fa-bus-alt { --fa: "\f55e"; } .fa-eye { --fa: "\f06e"; } .fa-face-sad-cry { --fa: "\f5b3"; } .fa-sad-cry { --fa: "\f5b3"; } .fa-audio-description { --fa: "\f29e"; } .fa-person-military-to-person { --fa: "\e54c"; } .fa-file-shield { --fa: "\e4f0"; } .fa-user-slash { --fa: "\f506"; } .fa-pen { --fa: "\f304"; } .fa-tower-observation { --fa: "\e586"; } .fa-file-code { --fa: "\f1c9"; } .fa-signal { --fa: "\f012"; } .fa-signal-5 { --fa: "\f012"; } .fa-signal-perfect { --fa: "\f012"; } .fa-bus { --fa: "\f207"; } .fa-heart-circle-xmark { --fa: "\e501"; } .fa-house-chimney { --fa: "\e3af"; } .fa-home-lg { --fa: "\e3af"; } .fa-window-maximize { --fa: "\f2d0"; } .fa-face-frown { --fa: "\f119"; } .fa-frown { --fa: "\f119"; } .fa-prescription { --fa: "\f5b1"; } .fa-shop { --fa: "\f54f"; } .fa-store-alt { --fa: "\f54f"; } .fa-floppy-disk { --fa: "\f0c7"; } .fa-save { --fa: "\f0c7"; } .fa-vihara { --fa: "\f6a7"; } .fa-scale-unbalanced { --fa: "\f515"; } .fa-balance-scale-left { --fa: "\f515"; } .fa-sort-up { --fa: "\f0de"; } .fa-sort-asc { --fa: "\f0de"; } .fa-comment-dots { --fa: "\f4ad"; } .fa-commenting { --fa: "\f4ad"; } .fa-plant-wilt { --fa: "\e5aa"; } .fa-diamond { --fa: "\f219"; } .fa-face-grin-squint { --fa: "\f585"; } .fa-grin-squint { --fa: "\f585"; } .fa-hand-holding-dollar { --fa: "\f4c0"; } .fa-hand-holding-usd { --fa: "\f4c0"; } .fa-chart-diagram { --fa: "\e695"; } .fa-bacterium { --fa: "\e05a"; } .fa-hand-pointer { --fa: "\f25a"; } .fa-drum-steelpan { --fa: "\f56a"; } .fa-hand-scissors { --fa: "\f257"; } .fa-hands-praying { --fa: "\f684"; } .fa-praying-hands { --fa: "\f684"; } .fa-arrow-rotate-right { --fa: "\f01e"; } .fa-arrow-right-rotate { --fa: "\f01e"; } .fa-arrow-rotate-forward { --fa: "\f01e"; } .fa-redo { --fa: "\f01e"; } .fa-biohazard { --fa: "\f780"; } .fa-location-crosshairs { --fa: "\f601"; } .fa-location { --fa: "\f601"; } .fa-mars-double { --fa: "\f227"; } .fa-child-dress { --fa: "\e59c"; } .fa-users-between-lines { --fa: "\e591"; } .fa-lungs-virus { --fa: "\e067"; } .fa-face-grin-tears { --fa: "\f588"; } .fa-grin-tears { --fa: "\f588"; } .fa-phone { --fa: "\f095"; } .fa-calendar-xmark { --fa: "\f273"; } .fa-calendar-times { --fa: "\f273"; } .fa-child-reaching { --fa: "\e59d"; } .fa-head-side-virus { --fa: "\e064"; } .fa-user-gear { --fa: "\f4fe"; } .fa-user-cog { --fa: "\f4fe"; } .fa-arrow-up-1-9 { --fa: "\f163"; } .fa-sort-numeric-up { --fa: "\f163"; } .fa-door-closed { --fa: "\f52a"; } .fa-shield-virus { --fa: "\e06c"; } .fa-dice-six { --fa: "\f526"; } .fa-mosquito-net { --fa: "\e52c"; } .fa-file-fragment { --fa: "\e697"; } .fa-bridge-water { --fa: "\e4ce"; } .fa-person-booth { --fa: "\f756"; } .fa-text-width { --fa: "\f035"; } .fa-hat-wizard { --fa: "\f6e8"; } .fa-pen-fancy { --fa: "\f5ac"; } .fa-person-digging { --fa: "\f85e"; } .fa-digging { --fa: "\f85e"; } .fa-trash { --fa: "\f1f8"; } .fa-gauge-simple { --fa: "\f629"; } .fa-gauge-simple-med { --fa: "\f629"; } .fa-tachometer-average { --fa: "\f629"; } .fa-book-medical { --fa: "\f7e6"; } .fa-poo { --fa: "\f2fe"; } .fa-quote-right { --fa: "\f10e"; } .fa-quote-right-alt { --fa: "\f10e"; } .fa-shirt { --fa: "\f553"; } .fa-t-shirt { --fa: "\f553"; } .fa-tshirt { --fa: "\f553"; } .fa-cubes { --fa: "\f1b3"; } .fa-divide { --fa: "\f529"; } .fa-tenge-sign { --fa: "\f7d7"; } .fa-tenge { --fa: "\f7d7"; } .fa-headphones { --fa: "\f025"; } .fa-hands-holding { --fa: "\f4c2"; } .fa-hands-clapping { --fa: "\e1a8"; } .fa-republican { --fa: "\f75e"; } .fa-arrow-left { --fa: "\f060"; } .fa-person-circle-xmark { --fa: "\e543"; } .fa-ruler { --fa: "\f545"; } .fa-align-left { --fa: "\f036"; } .fa-dice-d6 { --fa: "\f6d1"; } .fa-restroom { --fa: "\f7bd"; } .fa-j { --fa: "J"; } .fa-users-viewfinder { --fa: "\e595"; } .fa-file-video { --fa: "\f1c8"; } .fa-up-right-from-square { --fa: "\f35d"; } .fa-external-link-alt { --fa: "\f35d"; } .fa-table-cells { --fa: "\f00a"; } .fa-th { --fa: "\f00a"; } .fa-file-pdf { --fa: "\f1c1"; } .fa-book-bible { --fa: "\f647"; } .fa-bible { --fa: "\f647"; } .fa-o { --fa: "O"; } .fa-suitcase-medical { --fa: "\f0fa"; } .fa-medkit { --fa: "\f0fa"; } .fa-user-secret { --fa: "\f21b"; } .fa-otter { --fa: "\f700"; } .fa-person-dress { --fa: "\f182"; } .fa-female { --fa: "\f182"; } .fa-comment-dollar { --fa: "\f651"; } .fa-business-time { --fa: "\f64a"; } .fa-briefcase-clock { --fa: "\f64a"; } .fa-table-cells-large { --fa: "\f009"; } .fa-th-large { --fa: "\f009"; } .fa-book-tanakh { --fa: "\f827"; } .fa-tanakh { --fa: "\f827"; } .fa-phone-volume { --fa: "\f2a0"; } .fa-volume-control-phone { --fa: "\f2a0"; } .fa-hat-cowboy-side { --fa: "\f8c1"; } .fa-clipboard-user { --fa: "\f7f3"; } .fa-child { --fa: "\f1ae"; } .fa-lira-sign { --fa: "\f195"; } .fa-satellite { --fa: "\f7bf"; } .fa-plane-lock { --fa: "\e558"; } .fa-tag { --fa: "\f02b"; } .fa-comment { --fa: "\f075"; } .fa-cake-candles { --fa: "\f1fd"; } .fa-birthday-cake { --fa: "\f1fd"; } .fa-cake { --fa: "\f1fd"; } .fa-envelope { --fa: "\f0e0"; } .fa-angles-up { --fa: "\f102"; } .fa-angle-double-up { --fa: "\f102"; } .fa-paperclip { --fa: "\f0c6"; } .fa-arrow-right-to-city { --fa: "\e4b3"; } .fa-ribbon { --fa: "\f4d6"; } .fa-lungs { --fa: "\f604"; } .fa-arrow-up-9-1 { --fa: "\f887"; } .fa-sort-numeric-up-alt { --fa: "\f887"; } .fa-litecoin-sign { --fa: "\e1d3"; } .fa-border-none { --fa: "\f850"; } .fa-circle-nodes { --fa: "\e4e2"; } .fa-parachute-box { --fa: "\f4cd"; } .fa-indent { --fa: "\f03c"; } .fa-truck-field-un { --fa: "\e58e"; } .fa-hourglass { --fa: "\f254"; } .fa-hourglass-empty { --fa: "\f254"; } .fa-mountain { --fa: "\f6fc"; } .fa-user-doctor { --fa: "\f0f0"; } .fa-user-md { --fa: "\f0f0"; } .fa-circle-info { --fa: "\f05a"; } .fa-info-circle { --fa: "\f05a"; } .fa-cloud-meatball { --fa: "\f73b"; } .fa-camera { --fa: "\f030"; } .fa-camera-alt { --fa: "\f030"; } .fa-square-virus { --fa: "\e578"; } .fa-meteor { --fa: "\f753"; } .fa-car-on { --fa: "\e4dd"; } .fa-sleigh { --fa: "\f7cc"; } .fa-arrow-down-1-9 { --fa: "\f162"; } .fa-sort-numeric-asc { --fa: "\f162"; } .fa-sort-numeric-down { --fa: "\f162"; } .fa-hand-holding-droplet { --fa: "\f4c1"; } .fa-hand-holding-water { --fa: "\f4c1"; } .fa-water { --fa: "\f773"; } .fa-calendar-check { --fa: "\f274"; } .fa-braille { --fa: "\f2a1"; } .fa-prescription-bottle-medical { --fa: "\f486"; } .fa-prescription-bottle-alt { --fa: "\f486"; } .fa-landmark { --fa: "\f66f"; } .fa-truck { --fa: "\f0d1"; } .fa-crosshairs { --fa: "\f05b"; } .fa-person-cane { --fa: "\e53c"; } .fa-tent { --fa: "\e57d"; } .fa-vest-patches { --fa: "\e086"; } .fa-check-double { --fa: "\f560"; } .fa-arrow-down-a-z { --fa: "\f15d"; } .fa-sort-alpha-asc { --fa: "\f15d"; } .fa-sort-alpha-down { --fa: "\f15d"; } .fa-money-bill-wheat { --fa: "\e52a"; } .fa-cookie { --fa: "\f563"; } .fa-arrow-rotate-left { --fa: "\f0e2"; } .fa-arrow-left-rotate { --fa: "\f0e2"; } .fa-arrow-rotate-back { --fa: "\f0e2"; } .fa-arrow-rotate-backward { --fa: "\f0e2"; } .fa-undo { --fa: "\f0e2"; } .fa-hard-drive { --fa: "\f0a0"; } .fa-hdd { --fa: "\f0a0"; } .fa-face-grin-squint-tears { --fa: "\f586"; } .fa-grin-squint-tears { --fa: "\f586"; } .fa-dumbbell { --fa: "\f44b"; } .fa-rectangle-list { --fa: "\f022"; } .fa-list-alt { --fa: "\f022"; } .fa-tarp-droplet { --fa: "\e57c"; } .fa-house-medical-circle-check { --fa: "\e511"; } .fa-person-skiing-nordic { --fa: "\f7ca"; } .fa-skiing-nordic { --fa: "\f7ca"; } .fa-calendar-plus { --fa: "\f271"; } .fa-plane-arrival { --fa: "\f5af"; } .fa-circle-left { --fa: "\f359"; } .fa-arrow-alt-circle-left { --fa: "\f359"; } .fa-train-subway { --fa: "\f239"; } .fa-subway { --fa: "\f239"; } .fa-chart-gantt { --fa: "\e0e4"; } .fa-indian-rupee-sign { --fa: "\e1bc"; } .fa-indian-rupee { --fa: "\e1bc"; } .fa-inr { --fa: "\e1bc"; } .fa-crop-simple { --fa: "\f565"; } .fa-crop-alt { --fa: "\f565"; } .fa-money-bill-1 { --fa: "\f3d1"; } .fa-money-bill-alt { --fa: "\f3d1"; } .fa-left-long { --fa: "\f30a"; } .fa-long-arrow-alt-left { --fa: "\f30a"; } .fa-dna { --fa: "\f471"; } .fa-virus-slash { --fa: "\e075"; } .fa-minus { --fa: "\f068"; } .fa-subtract { --fa: "\f068"; } .fa-chess { --fa: "\f439"; } .fa-arrow-left-long { --fa: "\f177"; } .fa-long-arrow-left { --fa: "\f177"; } .fa-plug-circle-check { --fa: "\e55c"; } .fa-street-view { --fa: "\f21d"; } .fa-franc-sign { --fa: "\e18f"; } .fa-volume-off { --fa: "\f026"; } .fa-hands-asl-interpreting { --fa: "\f2a3"; } .fa-american-sign-language-interpreting { --fa: "\f2a3"; } .fa-asl-interpreting { --fa: "\f2a3"; } .fa-hands-american-sign-language-interpreting { --fa: "\f2a3"; } .fa-gear { --fa: "\f013"; } .fa-cog { --fa: "\f013"; } .fa-droplet-slash { --fa: "\f5c7"; } .fa-tint-slash { --fa: "\f5c7"; } .fa-mosque { --fa: "\f678"; } .fa-mosquito { --fa: "\e52b"; } .fa-star-of-david { --fa: "\f69a"; } .fa-person-military-rifle { --fa: "\e54b"; } .fa-cart-shopping { --fa: "\f07a"; } .fa-shopping-cart { --fa: "\f07a"; } .fa-vials { --fa: "\f493"; } .fa-plug-circle-plus { --fa: "\e55f"; } .fa-place-of-worship { --fa: "\f67f"; } .fa-grip-vertical { --fa: "\f58e"; } .fa-hexagon-nodes { --fa: "\e699"; } .fa-arrow-turn-up { --fa: "\f148"; } .fa-level-up { --fa: "\f148"; } .fa-u { --fa: "U"; } .fa-square-root-variable { --fa: "\f698"; } .fa-square-root-alt { --fa: "\f698"; } .fa-clock { --fa: "\f017"; } .fa-clock-four { --fa: "\f017"; } .fa-backward-step { --fa: "\f048"; } .fa-step-backward { --fa: "\f048"; } .fa-pallet { --fa: "\f482"; } .fa-faucet { --fa: "\e005"; } .fa-baseball-bat-ball { --fa: "\f432"; } .fa-s { --fa: "S"; } .fa-timeline { --fa: "\e29c"; } .fa-keyboard { --fa: "\f11c"; } .fa-caret-down { --fa: "\f0d7"; } .fa-house-chimney-medical { --fa: "\f7f2"; } .fa-clinic-medical { --fa: "\f7f2"; } .fa-temperature-three-quarters { --fa: "\f2c8"; } .fa-temperature-3 { --fa: "\f2c8"; } .fa-thermometer-3 { --fa: "\f2c8"; } .fa-thermometer-three-quarters { --fa: "\f2c8"; } .fa-mobile-screen { --fa: "\f3cf"; } .fa-mobile-android-alt { --fa: "\f3cf"; } .fa-plane-up { --fa: "\e22d"; } .fa-piggy-bank { --fa: "\f4d3"; } .fa-battery-half { --fa: "\f242"; } .fa-battery-3 { --fa: "\f242"; } .fa-mountain-city { --fa: "\e52e"; } .fa-coins { --fa: "\f51e"; } .fa-khanda { --fa: "\f66d"; } .fa-sliders { --fa: "\f1de"; } .fa-sliders-h { --fa: "\f1de"; } .fa-folder-tree { --fa: "\f802"; } .fa-network-wired { --fa: "\f6ff"; } .fa-map-pin { --fa: "\f276"; } .fa-hamsa { --fa: "\f665"; } .fa-cent-sign { --fa: "\e3f5"; } .fa-flask { --fa: "\f0c3"; } .fa-person-pregnant { --fa: "\e31e"; } .fa-wand-sparkles { --fa: "\f72b"; } .fa-ellipsis-vertical { --fa: "\f142"; } .fa-ellipsis-v { --fa: "\f142"; } .fa-ticket { --fa: "\f145"; } .fa-power-off { --fa: "\f011"; } .fa-right-long { --fa: "\f30b"; } .fa-long-arrow-alt-right { --fa: "\f30b"; } .fa-flag-usa { --fa: "\f74d"; } .fa-laptop-file { --fa: "\e51d"; } .fa-tty { --fa: "\f1e4"; } .fa-teletype { --fa: "\f1e4"; } .fa-diagram-next { --fa: "\e476"; } .fa-person-rifle { --fa: "\e54e"; } .fa-house-medical-circle-exclamation { --fa: "\e512"; } .fa-closed-captioning { --fa: "\f20a"; } .fa-person-hiking { --fa: "\f6ec"; } .fa-hiking { --fa: "\f6ec"; } .fa-venus-double { --fa: "\f226"; } .fa-images { --fa: "\f302"; } .fa-calculator { --fa: "\f1ec"; } .fa-people-pulling { --fa: "\e535"; } .fa-n { --fa: "N"; } .fa-cable-car { --fa: "\f7da"; } .fa-tram { --fa: "\f7da"; } .fa-cloud-rain { --fa: "\f73d"; } .fa-building-circle-xmark { --fa: "\e4d4"; } .fa-ship { --fa: "\f21a"; } .fa-arrows-down-to-line { --fa: "\e4b8"; } .fa-download { --fa: "\f019"; } .fa-face-grin { --fa: "\f580"; } .fa-grin { --fa: "\f580"; } .fa-delete-left { --fa: "\f55a"; } .fa-backspace { --fa: "\f55a"; } .fa-eye-dropper { --fa: "\f1fb"; } .fa-eye-dropper-empty { --fa: "\f1fb"; } .fa-eyedropper { --fa: "\f1fb"; } .fa-file-circle-check { --fa: "\e5a0"; } .fa-forward { --fa: "\f04e"; } .fa-mobile { --fa: "\f3ce"; } .fa-mobile-android { --fa: "\f3ce"; } .fa-mobile-phone { --fa: "\f3ce"; } .fa-face-meh { --fa: "\f11a"; } .fa-meh { --fa: "\f11a"; } .fa-align-center { --fa: "\f037"; } .fa-book-skull { --fa: "\f6b7"; } .fa-book-dead { --fa: "\f6b7"; } .fa-id-card { --fa: "\f2c2"; } .fa-drivers-license { --fa: "\f2c2"; } .fa-outdent { --fa: "\f03b"; } .fa-dedent { --fa: "\f03b"; } .fa-heart-circle-exclamation { --fa: "\e4fe"; } .fa-house { --fa: "\f015"; } .fa-home { --fa: "\f015"; } .fa-home-alt { --fa: "\f015"; } .fa-home-lg-alt { --fa: "\f015"; } .fa-calendar-week { --fa: "\f784"; } .fa-laptop-medical { --fa: "\f812"; } .fa-b { --fa: "B"; } .fa-file-medical { --fa: "\f477"; } .fa-dice-one { --fa: "\f525"; } .fa-kiwi-bird { --fa: "\f535"; } .fa-arrow-right-arrow-left { --fa: "\f0ec"; } .fa-exchange { --fa: "\f0ec"; } .fa-rotate-right { --fa: "\f2f9"; } .fa-redo-alt { --fa: "\f2f9"; } .fa-rotate-forward { --fa: "\f2f9"; } .fa-utensils { --fa: "\f2e7"; } .fa-cutlery { --fa: "\f2e7"; } .fa-arrow-up-wide-short { --fa: "\f161"; } .fa-sort-amount-up { --fa: "\f161"; } .fa-mill-sign { --fa: "\e1ed"; } .fa-bowl-rice { --fa: "\e2eb"; } .fa-skull { --fa: "\f54c"; } .fa-tower-broadcast { --fa: "\f519"; } .fa-broadcast-tower { --fa: "\f519"; } .fa-truck-pickup { --fa: "\f63c"; } .fa-up-long { --fa: "\f30c"; } .fa-long-arrow-alt-up { --fa: "\f30c"; } .fa-stop { --fa: "\f04d"; } .fa-code-merge { --fa: "\f387"; } .fa-upload { --fa: "\f093"; } .fa-hurricane { --fa: "\f751"; } .fa-mound { --fa: "\e52d"; } .fa-toilet-portable { --fa: "\e583"; } .fa-compact-disc { --fa: "\f51f"; } .fa-file-arrow-down { --fa: "\f56d"; } .fa-file-download { --fa: "\f56d"; } .fa-caravan { --fa: "\f8ff"; } .fa-shield-cat { --fa: "\e572"; } .fa-bolt { --fa: "\f0e7"; } .fa-zap { --fa: "\f0e7"; } .fa-glass-water { --fa: "\e4f4"; } .fa-oil-well { --fa: "\e532"; } .fa-vault { --fa: "\e2c5"; } .fa-mars { --fa: "\f222"; } .fa-toilet { --fa: "\f7d8"; } .fa-plane-circle-xmark { --fa: "\e557"; } .fa-yen-sign { --fa: "\f157"; } .fa-cny { --fa: "\f157"; } .fa-jpy { --fa: "\f157"; } .fa-rmb { --fa: "\f157"; } .fa-yen { --fa: "\f157"; } .fa-ruble-sign { --fa: "\f158"; } .fa-rouble { --fa: "\f158"; } .fa-rub { --fa: "\f158"; } .fa-ruble { --fa: "\f158"; } .fa-sun { --fa: "\f185"; } .fa-guitar { --fa: "\f7a6"; } .fa-face-laugh-wink { --fa: "\f59c"; } .fa-laugh-wink { --fa: "\f59c"; } .fa-horse-head { --fa: "\f7ab"; } .fa-bore-hole { --fa: "\e4c3"; } .fa-industry { --fa: "\f275"; } .fa-circle-down { --fa: "\f358"; } .fa-arrow-alt-circle-down { --fa: "\f358"; } .fa-arrows-turn-to-dots { --fa: "\e4c1"; } .fa-florin-sign { --fa: "\e184"; } .fa-arrow-down-short-wide { --fa: "\f884"; } .fa-sort-amount-desc { --fa: "\f884"; } .fa-sort-amount-down-alt { --fa: "\f884"; } .fa-less-than { --fa: "\<"; } .fa-angle-down { --fa: "\f107"; } .fa-car-tunnel { --fa: "\e4de"; } .fa-head-side-cough { --fa: "\e061"; } .fa-grip-lines { --fa: "\f7a4"; } .fa-thumbs-down { --fa: "\f165"; } .fa-user-lock { --fa: "\f502"; } .fa-arrow-right-long { --fa: "\f178"; } .fa-long-arrow-right { --fa: "\f178"; } .fa-anchor-circle-xmark { --fa: "\e4ac"; } .fa-ellipsis { --fa: "\f141"; } .fa-ellipsis-h { --fa: "\f141"; } .fa-chess-pawn { --fa: "\f443"; } .fa-kit-medical { --fa: "\f479"; } .fa-first-aid { --fa: "\f479"; } .fa-person-through-window { --fa: "\e5a9"; } .fa-toolbox { --fa: "\f552"; } .fa-hands-holding-circle { --fa: "\e4fb"; } .fa-bug { --fa: "\f188"; } .fa-credit-card { --fa: "\f09d"; } .fa-credit-card-alt { --fa: "\f09d"; } .fa-car { --fa: "\f1b9"; } .fa-automobile { --fa: "\f1b9"; } .fa-hand-holding-hand { --fa: "\e4f7"; } .fa-book-open-reader { --fa: "\f5da"; } .fa-book-reader { --fa: "\f5da"; } .fa-mountain-sun { --fa: "\e52f"; } .fa-arrows-left-right-to-line { --fa: "\e4ba"; } .fa-dice-d20 { --fa: "\f6cf"; } .fa-truck-droplet { --fa: "\e58c"; } .fa-file-circle-xmark { --fa: "\e5a1"; } .fa-temperature-arrow-up { --fa: "\e040"; } .fa-temperature-up { --fa: "\e040"; } .fa-medal { --fa: "\f5a2"; } .fa-bed { --fa: "\f236"; } .fa-square-h { --fa: "\f0fd"; } .fa-h-square { --fa: "\f0fd"; } .fa-podcast { --fa: "\f2ce"; } .fa-temperature-full { --fa: "\f2c7"; } .fa-temperature-4 { --fa: "\f2c7"; } .fa-thermometer-4 { --fa: "\f2c7"; } .fa-thermometer-full { --fa: "\f2c7"; } .fa-bell { --fa: "\f0f3"; } .fa-superscript { --fa: "\f12b"; } .fa-plug-circle-xmark { --fa: "\e560"; } .fa-star-of-life { --fa: "\f621"; } .fa-phone-slash { --fa: "\f3dd"; } .fa-paint-roller { --fa: "\f5aa"; } .fa-handshake-angle { --fa: "\f4c4"; } .fa-hands-helping { --fa: "\f4c4"; } .fa-location-dot { --fa: "\f3c5"; } .fa-map-marker-alt { --fa: "\f3c5"; } .fa-file { --fa: "\f15b"; } .fa-greater-than { --fa: "\>"; } .fa-person-swimming { --fa: "\f5c4"; } .fa-swimmer { --fa: "\f5c4"; } .fa-arrow-down { --fa: "\f063"; } .fa-droplet { --fa: "\f043"; } .fa-tint { --fa: "\f043"; } .fa-eraser { --fa: "\f12d"; } .fa-earth-americas { --fa: "\f57d"; } .fa-earth { --fa: "\f57d"; } .fa-earth-america { --fa: "\f57d"; } .fa-globe-americas { --fa: "\f57d"; } .fa-person-burst { --fa: "\e53b"; } .fa-dove { --fa: "\f4ba"; } .fa-battery-empty { --fa: "\f244"; } .fa-battery-0 { --fa: "\f244"; } .fa-socks { --fa: "\f696"; } .fa-inbox { --fa: "\f01c"; } .fa-section { --fa: "\e447"; } .fa-gauge-high { --fa: "\f625"; } .fa-tachometer-alt { --fa: "\f625"; } .fa-tachometer-alt-fast { --fa: "\f625"; } .fa-envelope-open-text { --fa: "\f658"; } .fa-hospital { --fa: "\f0f8"; } .fa-hospital-alt { --fa: "\f0f8"; } .fa-hospital-wide { --fa: "\f0f8"; } .fa-wine-bottle { --fa: "\f72f"; } .fa-chess-rook { --fa: "\f447"; } .fa-bars-staggered { --fa: "\f550"; } .fa-reorder { --fa: "\f550"; } .fa-stream { --fa: "\f550"; } .fa-dharmachakra { --fa: "\f655"; } .fa-hotdog { --fa: "\f80f"; } .fa-person-walking-with-cane { --fa: "\f29d"; } .fa-blind { --fa: "\f29d"; } .fa-drum { --fa: "\f569"; } .fa-ice-cream { --fa: "\f810"; } .fa-heart-circle-bolt { --fa: "\e4fc"; } .fa-fax { --fa: "\f1ac"; } .fa-paragraph { --fa: "\f1dd"; } .fa-check-to-slot { --fa: "\f772"; } .fa-vote-yea { --fa: "\f772"; } .fa-star-half { --fa: "\f089"; } .fa-boxes-stacked { --fa: "\f468"; } .fa-boxes { --fa: "\f468"; } .fa-boxes-alt { --fa: "\f468"; } .fa-link { --fa: "\f0c1"; } .fa-chain { --fa: "\f0c1"; } .fa-ear-listen { --fa: "\f2a2"; } .fa-assistive-listening-systems { --fa: "\f2a2"; } .fa-tree-city { --fa: "\e587"; } .fa-play { --fa: "\f04b"; } .fa-font { --fa: "\f031"; } .fa-table-cells-row-lock { --fa: "\e67a"; } .fa-rupiah-sign { --fa: "\e23d"; } .fa-magnifying-glass { --fa: "\f002"; } .fa-search { --fa: "\f002"; } .fa-table-tennis-paddle-ball { --fa: "\f45d"; } .fa-ping-pong-paddle-ball { --fa: "\f45d"; } .fa-table-tennis { --fa: "\f45d"; } .fa-person-dots-from-line { --fa: "\f470"; } .fa-diagnoses { --fa: "\f470"; } .fa-trash-can-arrow-up { --fa: "\f82a"; } .fa-trash-restore-alt { --fa: "\f82a"; } .fa-naira-sign { --fa: "\e1f6"; } .fa-cart-arrow-down { --fa: "\f218"; } .fa-walkie-talkie { --fa: "\f8ef"; } .fa-file-pen { --fa: "\f31c"; } .fa-file-edit { --fa: "\f31c"; } .fa-receipt { --fa: "\f543"; } .fa-square-pen { --fa: "\f14b"; } .fa-pen-square { --fa: "\f14b"; } .fa-pencil-square { --fa: "\f14b"; } .fa-suitcase-rolling { --fa: "\f5c1"; } .fa-person-circle-exclamation { --fa: "\e53f"; } .fa-chevron-down { --fa: "\f078"; } .fa-battery-full { --fa: "\f240"; } .fa-battery { --fa: "\f240"; } .fa-battery-5 { --fa: "\f240"; } .fa-skull-crossbones { --fa: "\f714"; } .fa-code-compare { --fa: "\e13a"; } .fa-list-ul { --fa: "\f0ca"; } .fa-list-dots { --fa: "\f0ca"; } .fa-school-lock { --fa: "\e56f"; } .fa-tower-cell { --fa: "\e585"; } .fa-down-long { --fa: "\f309"; } .fa-long-arrow-alt-down { --fa: "\f309"; } .fa-ranking-star { --fa: "\e561"; } .fa-chess-king { --fa: "\f43f"; } .fa-person-harassing { --fa: "\e549"; } .fa-brazilian-real-sign { --fa: "\e46c"; } .fa-landmark-dome { --fa: "\f752"; } .fa-landmark-alt { --fa: "\f752"; } .fa-arrow-up { --fa: "\f062"; } .fa-tv { --fa: "\f26c"; } .fa-television { --fa: "\f26c"; } .fa-tv-alt { --fa: "\f26c"; } .fa-shrimp { --fa: "\e448"; } .fa-list-check { --fa: "\f0ae"; } .fa-tasks { --fa: "\f0ae"; } .fa-jug-detergent { --fa: "\e519"; } .fa-circle-user { --fa: "\f2bd"; } .fa-user-circle { --fa: "\f2bd"; } .fa-user-shield { --fa: "\f505"; } .fa-wind { --fa: "\f72e"; } .fa-car-burst { --fa: "\f5e1"; } .fa-car-crash { --fa: "\f5e1"; } .fa-y { --fa: "Y"; } .fa-person-snowboarding { --fa: "\f7ce"; } .fa-snowboarding { --fa: "\f7ce"; } .fa-truck-fast { --fa: "\f48b"; } .fa-shipping-fast { --fa: "\f48b"; } .fa-fish { --fa: "\f578"; } .fa-user-graduate { --fa: "\f501"; } .fa-circle-half-stroke { --fa: "\f042"; } .fa-adjust { --fa: "\f042"; } .fa-clapperboard { --fa: "\e131"; } .fa-circle-radiation { --fa: "\f7ba"; } .fa-radiation-alt { --fa: "\f7ba"; } .fa-baseball { --fa: "\f433"; } .fa-baseball-ball { --fa: "\f433"; } .fa-jet-fighter-up { --fa: "\e518"; } .fa-diagram-project { --fa: "\f542"; } .fa-project-diagram { --fa: "\f542"; } .fa-copy { --fa: "\f0c5"; } .fa-volume-xmark { --fa: "\f6a9"; } .fa-volume-mute { --fa: "\f6a9"; } .fa-volume-times { --fa: "\f6a9"; } .fa-hand-sparkles { --fa: "\e05d"; } .fa-grip { --fa: "\f58d"; } .fa-grip-horizontal { --fa: "\f58d"; } .fa-share-from-square { --fa: "\f14d"; } .fa-share-square { --fa: "\f14d"; } .fa-child-combatant { --fa: "\e4e0"; } .fa-child-rifle { --fa: "\e4e0"; } .fa-gun { --fa: "\e19b"; } .fa-square-phone { --fa: "\f098"; } .fa-phone-square { --fa: "\f098"; } .fa-plus { --fa: "\+"; } .fa-add { --fa: "\+"; } .fa-expand { --fa: "\f065"; } .fa-computer { --fa: "\e4e5"; } .fa-xmark { --fa: "\f00d"; } .fa-close { --fa: "\f00d"; } .fa-multiply { --fa: "\f00d"; } .fa-remove { --fa: "\f00d"; } .fa-times { --fa: "\f00d"; } .fa-arrows-up-down-left-right { --fa: "\f047"; } .fa-arrows { --fa: "\f047"; } .fa-chalkboard-user { --fa: "\f51c"; } .fa-chalkboard-teacher { --fa: "\f51c"; } .fa-peso-sign { --fa: "\e222"; } .fa-building-shield { --fa: "\e4d8"; } .fa-baby { --fa: "\f77c"; } .fa-users-line { --fa: "\e592"; } .fa-quote-left { --fa: "\f10d"; } .fa-quote-left-alt { --fa: "\f10d"; } .fa-tractor { --fa: "\f722"; } .fa-trash-arrow-up { --fa: "\f829"; } .fa-trash-restore { --fa: "\f829"; } .fa-arrow-down-up-lock { --fa: "\e4b0"; } .fa-lines-leaning { --fa: "\e51e"; } .fa-ruler-combined { --fa: "\f546"; } .fa-copyright { --fa: "\f1f9"; } .fa-equals { --fa: "\="; } .fa-blender { --fa: "\f517"; } .fa-teeth { --fa: "\f62e"; } .fa-shekel-sign { --fa: "\f20b"; } .fa-ils { --fa: "\f20b"; } .fa-shekel { --fa: "\f20b"; } .fa-sheqel { --fa: "\f20b"; } .fa-sheqel-sign { --fa: "\f20b"; } .fa-map { --fa: "\f279"; } .fa-rocket { --fa: "\f135"; } .fa-photo-film { --fa: "\f87c"; } .fa-photo-video { --fa: "\f87c"; } .fa-folder-minus { --fa: "\f65d"; } .fa-hexagon-nodes-bolt { --fa: "\e69a"; } .fa-store { --fa: "\f54e"; } .fa-arrow-trend-up { --fa: "\e098"; } .fa-plug-circle-minus { --fa: "\e55e"; } .fa-sign-hanging { --fa: "\f4d9"; } .fa-sign { --fa: "\f4d9"; } .fa-bezier-curve { --fa: "\f55b"; } .fa-bell-slash { --fa: "\f1f6"; } .fa-tablet { --fa: "\f3fb"; } .fa-tablet-android { --fa: "\f3fb"; } .fa-school-flag { --fa: "\e56e"; } .fa-fill { --fa: "\f575"; } .fa-angle-up { --fa: "\f106"; } .fa-drumstick-bite { --fa: "\f6d7"; } .fa-holly-berry { --fa: "\f7aa"; } .fa-chevron-left { --fa: "\f053"; } .fa-bacteria { --fa: "\e059"; } .fa-hand-lizard { --fa: "\f258"; } .fa-notdef { --fa: "\e1fe"; } .fa-disease { --fa: "\f7fa"; } .fa-briefcase-medical { --fa: "\f469"; } .fa-genderless { --fa: "\f22d"; } .fa-chevron-right { --fa: "\f054"; } .fa-retweet { --fa: "\f079"; } .fa-car-rear { --fa: "\f5de"; } .fa-car-alt { --fa: "\f5de"; } .fa-pump-soap { --fa: "\e06b"; } .fa-video-slash { --fa: "\f4e2"; } .fa-battery-quarter { --fa: "\f243"; } .fa-battery-2 { --fa: "\f243"; } .fa-radio { --fa: "\f8d7"; } .fa-baby-carriage { --fa: "\f77d"; } .fa-carriage-baby { --fa: "\f77d"; } .fa-traffic-light { --fa: "\f637"; } .fa-thermometer { --fa: "\f491"; } .fa-vr-cardboard { --fa: "\f729"; } .fa-hand-middle-finger { --fa: "\f806"; } .fa-percent { --fa: "\%"; } .fa-percentage { --fa: "\%"; } .fa-truck-moving { --fa: "\f4df"; } .fa-glass-water-droplet { --fa: "\e4f5"; } .fa-display { --fa: "\e163"; } .fa-face-smile { --fa: "\f118"; } .fa-smile { --fa: "\f118"; } .fa-thumbtack { --fa: "\f08d"; } .fa-thumb-tack { --fa: "\f08d"; } .fa-trophy { --fa: "\f091"; } .fa-person-praying { --fa: "\f683"; } .fa-pray { --fa: "\f683"; } .fa-hammer { --fa: "\f6e3"; } .fa-hand-peace { --fa: "\f25b"; } .fa-rotate { --fa: "\f2f1"; } .fa-sync-alt { --fa: "\f2f1"; } .fa-spinner { --fa: "\f110"; } .fa-robot { --fa: "\f544"; } .fa-peace { --fa: "\f67c"; } .fa-gears { --fa: "\f085"; } .fa-cogs { --fa: "\f085"; } .fa-warehouse { --fa: "\f494"; } .fa-arrow-up-right-dots { --fa: "\e4b7"; } .fa-splotch { --fa: "\f5bc"; } .fa-face-grin-hearts { --fa: "\f584"; } .fa-grin-hearts { --fa: "\f584"; } .fa-dice-four { --fa: "\f524"; } .fa-sim-card { --fa: "\f7c4"; } .fa-transgender { --fa: "\f225"; } .fa-transgender-alt { --fa: "\f225"; } .fa-mercury { --fa: "\f223"; } .fa-arrow-turn-down { --fa: "\f149"; } .fa-level-down { --fa: "\f149"; } .fa-person-falling-burst { --fa: "\e547"; } .fa-award { --fa: "\f559"; } .fa-ticket-simple { --fa: "\f3ff"; } .fa-ticket-alt { --fa: "\f3ff"; } .fa-building { --fa: "\f1ad"; } .fa-angles-left { --fa: "\f100"; } .fa-angle-double-left { --fa: "\f100"; } .fa-qrcode { --fa: "\f029"; } .fa-clock-rotate-left { --fa: "\f1da"; } .fa-history { --fa: "\f1da"; } .fa-face-grin-beam-sweat { --fa: "\f583"; } .fa-grin-beam-sweat { --fa: "\f583"; } .fa-file-export { --fa: "\f56e"; } .fa-arrow-right-from-file { --fa: "\f56e"; } .fa-shield { --fa: "\f132"; } .fa-shield-blank { --fa: "\f132"; } .fa-arrow-up-short-wide { --fa: "\f885"; } .fa-sort-amount-up-alt { --fa: "\f885"; } .fa-comment-nodes { --fa: "\e696"; } .fa-house-medical { --fa: "\e3b2"; } .fa-golf-ball-tee { --fa: "\f450"; } .fa-golf-ball { --fa: "\f450"; } .fa-circle-chevron-left { --fa: "\f137"; } .fa-chevron-circle-left { --fa: "\f137"; } .fa-house-chimney-window { --fa: "\e00d"; } .fa-pen-nib { --fa: "\f5ad"; } .fa-tent-arrow-turn-left { --fa: "\e580"; } .fa-tents { --fa: "\e582"; } .fa-wand-magic { --fa: "\f0d0"; } .fa-magic { --fa: "\f0d0"; } .fa-dog { --fa: "\f6d3"; } .fa-carrot { --fa: "\f787"; } .fa-moon { --fa: "\f186"; } .fa-wine-glass-empty { --fa: "\f5ce"; } .fa-wine-glass-alt { --fa: "\f5ce"; } .fa-cheese { --fa: "\f7ef"; } .fa-yin-yang { --fa: "\f6ad"; } .fa-music { --fa: "\f001"; } .fa-code-commit { --fa: "\f386"; } .fa-temperature-low { --fa: "\f76b"; } .fa-person-biking { --fa: "\f84a"; } .fa-biking { --fa: "\f84a"; } .fa-broom { --fa: "\f51a"; } .fa-shield-heart { --fa: "\e574"; } .fa-gopuram { --fa: "\f664"; } .fa-earth-oceania { --fa: "\e47b"; } .fa-globe-oceania { --fa: "\e47b"; } .fa-square-xmark { --fa: "\f2d3"; } .fa-times-square { --fa: "\f2d3"; } .fa-xmark-square { --fa: "\f2d3"; } .fa-hashtag { --fa: "\#"; } .fa-up-right-and-down-left-from-center { --fa: "\f424"; } .fa-expand-alt { --fa: "\f424"; } .fa-oil-can { --fa: "\f613"; } .fa-t { --fa: "T"; } .fa-hippo { --fa: "\f6ed"; } .fa-chart-column { --fa: "\e0e3"; } .fa-infinity { --fa: "\f534"; } .fa-vial-circle-check { --fa: "\e596"; } .fa-person-arrow-down-to-line { --fa: "\e538"; } .fa-voicemail { --fa: "\f897"; } .fa-fan { --fa: "\f863"; } .fa-person-walking-luggage { --fa: "\e554"; } .fa-up-down { --fa: "\f338"; } .fa-arrows-alt-v { --fa: "\f338"; } .fa-cloud-moon-rain { --fa: "\f73c"; } .fa-calendar { --fa: "\f133"; } .fa-trailer { --fa: "\e041"; } .fa-bahai { --fa: "\f666"; } .fa-haykal { --fa: "\f666"; } .fa-sd-card { --fa: "\f7c2"; } .fa-dragon { --fa: "\f6d5"; } .fa-shoe-prints { --fa: "\f54b"; } .fa-circle-plus { --fa: "\f055"; } .fa-plus-circle { --fa: "\f055"; } .fa-face-grin-tongue-wink { --fa: "\f58b"; } .fa-grin-tongue-wink { --fa: "\f58b"; } .fa-hand-holding { --fa: "\f4bd"; } .fa-plug-circle-exclamation { --fa: "\e55d"; } .fa-link-slash { --fa: "\f127"; } .fa-chain-broken { --fa: "\f127"; } .fa-chain-slash { --fa: "\f127"; } .fa-unlink { --fa: "\f127"; } .fa-clone { --fa: "\f24d"; } .fa-person-walking-arrow-loop-left { --fa: "\e551"; } .fa-arrow-up-z-a { --fa: "\f882"; } .fa-sort-alpha-up-alt { --fa: "\f882"; } .fa-fire-flame-curved { --fa: "\f7e4"; } .fa-fire-alt { --fa: "\f7e4"; } .fa-tornado { --fa: "\f76f"; } .fa-file-circle-plus { --fa: "\e494"; } .fa-book-quran { --fa: "\f687"; } .fa-quran { --fa: "\f687"; } .fa-anchor { --fa: "\f13d"; } .fa-border-all { --fa: "\f84c"; } .fa-face-angry { --fa: "\f556"; } .fa-angry { --fa: "\f556"; } .fa-cookie-bite { --fa: "\f564"; } .fa-arrow-trend-down { --fa: "\e097"; } .fa-rss { --fa: "\f09e"; } .fa-feed { --fa: "\f09e"; } .fa-draw-polygon { --fa: "\f5ee"; } .fa-scale-balanced { --fa: "\f24e"; } .fa-balance-scale { --fa: "\f24e"; } .fa-gauge-simple-high { --fa: "\f62a"; } .fa-tachometer { --fa: "\f62a"; } .fa-tachometer-fast { --fa: "\f62a"; } .fa-shower { --fa: "\f2cc"; } .fa-desktop { --fa: "\f390"; } .fa-desktop-alt { --fa: "\f390"; } .fa-m { --fa: "M"; } .fa-table-list { --fa: "\f00b"; } .fa-th-list { --fa: "\f00b"; } .fa-comment-sms { --fa: "\f7cd"; } .fa-sms { --fa: "\f7cd"; } .fa-book { --fa: "\f02d"; } .fa-user-plus { --fa: "\f234"; } .fa-check { --fa: "\f00c"; } .fa-battery-three-quarters { --fa: "\f241"; } .fa-battery-4 { --fa: "\f241"; } .fa-house-circle-check { --fa: "\e509"; } .fa-angle-left { --fa: "\f104"; } .fa-diagram-successor { --fa: "\e47a"; } .fa-truck-arrow-right { --fa: "\e58b"; } .fa-arrows-split-up-and-left { --fa: "\e4bc"; } .fa-hand-fist { --fa: "\f6de"; } .fa-fist-raised { --fa: "\f6de"; } .fa-cloud-moon { --fa: "\f6c3"; } .fa-briefcase { --fa: "\f0b1"; } .fa-person-falling { --fa: "\e546"; } .fa-image-portrait { --fa: "\f3e0"; } .fa-portrait { --fa: "\f3e0"; } .fa-user-tag { --fa: "\f507"; } .fa-rug { --fa: "\e569"; } .fa-earth-europe { --fa: "\f7a2"; } .fa-globe-europe { --fa: "\f7a2"; } .fa-cart-flatbed-suitcase { --fa: "\f59d"; } .fa-luggage-cart { --fa: "\f59d"; } .fa-rectangle-xmark { --fa: "\f410"; } .fa-rectangle-times { --fa: "\f410"; } .fa-times-rectangle { --fa: "\f410"; } .fa-window-close { --fa: "\f410"; } .fa-baht-sign { --fa: "\e0ac"; } .fa-book-open { --fa: "\f518"; } .fa-book-journal-whills { --fa: "\f66a"; } .fa-journal-whills { --fa: "\f66a"; } .fa-handcuffs { --fa: "\e4f8"; } .fa-triangle-exclamation { --fa: "\f071"; } .fa-exclamation-triangle { --fa: "\f071"; } .fa-warning { --fa: "\f071"; } .fa-database { --fa: "\f1c0"; } .fa-share { --fa: "\f064"; } .fa-mail-forward { --fa: "\f064"; } .fa-bottle-droplet { --fa: "\e4c4"; } .fa-mask-face { --fa: "\e1d7"; } .fa-hill-rockslide { --fa: "\e508"; } .fa-right-left { --fa: "\f362"; } .fa-exchange-alt { --fa: "\f362"; } .fa-paper-plane { --fa: "\f1d8"; } .fa-road-circle-exclamation { --fa: "\e565"; } .fa-dungeon { --fa: "\f6d9"; } .fa-align-right { --fa: "\f038"; } .fa-money-bill-1-wave { --fa: "\f53b"; } .fa-money-bill-wave-alt { --fa: "\f53b"; } .fa-life-ring { --fa: "\f1cd"; } .fa-hands { --fa: "\f2a7"; } .fa-sign-language { --fa: "\f2a7"; } .fa-signing { --fa: "\f2a7"; } .fa-calendar-day { --fa: "\f783"; } .fa-water-ladder { --fa: "\f5c5"; } .fa-ladder-water { --fa: "\f5c5"; } .fa-swimming-pool { --fa: "\f5c5"; } .fa-arrows-up-down { --fa: "\f07d"; } .fa-arrows-v { --fa: "\f07d"; } .fa-face-grimace { --fa: "\f57f"; } .fa-grimace { --fa: "\f57f"; } .fa-wheelchair-move { --fa: "\e2ce"; } .fa-wheelchair-alt { --fa: "\e2ce"; } .fa-turn-down { --fa: "\f3be"; } .fa-level-down-alt { --fa: "\f3be"; } .fa-person-walking-arrow-right { --fa: "\e552"; } .fa-square-envelope { --fa: "\f199"; } .fa-envelope-square { --fa: "\f199"; } .fa-dice { --fa: "\f522"; } .fa-bowling-ball { --fa: "\f436"; } .fa-brain { --fa: "\f5dc"; } .fa-bandage { --fa: "\f462"; } .fa-band-aid { --fa: "\f462"; } .fa-calendar-minus { --fa: "\f272"; } .fa-circle-xmark { --fa: "\f057"; } .fa-times-circle { --fa: "\f057"; } .fa-xmark-circle { --fa: "\f057"; } .fa-gifts { --fa: "\f79c"; } .fa-hotel { --fa: "\f594"; } .fa-earth-asia { --fa: "\f57e"; } .fa-globe-asia { --fa: "\f57e"; } .fa-id-card-clip { --fa: "\f47f"; } .fa-id-card-alt { --fa: "\f47f"; } .fa-magnifying-glass-plus { --fa: "\f00e"; } .fa-search-plus { --fa: "\f00e"; } .fa-thumbs-up { --fa: "\f164"; } .fa-user-clock { --fa: "\f4fd"; } .fa-hand-dots { --fa: "\f461"; } .fa-allergies { --fa: "\f461"; } .fa-file-invoice { --fa: "\f570"; } .fa-window-minimize { --fa: "\f2d1"; } .fa-mug-saucer { --fa: "\f0f4"; } .fa-coffee { --fa: "\f0f4"; } .fa-brush { --fa: "\f55d"; } .fa-file-half-dashed { --fa: "\e698"; } .fa-mask { --fa: "\f6fa"; } .fa-magnifying-glass-minus { --fa: "\f010"; } .fa-search-minus { --fa: "\f010"; } .fa-ruler-vertical { --fa: "\f548"; } .fa-user-large { --fa: "\f406"; } .fa-user-alt { --fa: "\f406"; } .fa-train-tram { --fa: "\e5b4"; } .fa-user-nurse { --fa: "\f82f"; } .fa-syringe { --fa: "\f48e"; } .fa-cloud-sun { --fa: "\f6c4"; } .fa-stopwatch-20 { --fa: "\e06f"; } .fa-square-full { --fa: "\f45c"; } .fa-magnet { --fa: "\f076"; } .fa-jar { --fa: "\e516"; } .fa-note-sticky { --fa: "\f249"; } .fa-sticky-note { --fa: "\f249"; } .fa-bug-slash { --fa: "\e490"; } .fa-arrow-up-from-water-pump { --fa: "\e4b6"; } .fa-bone { --fa: "\f5d7"; } .fa-table-cells-row-unlock { --fa: "\e691"; } .fa-user-injured { --fa: "\f728"; } .fa-face-sad-tear { --fa: "\f5b4"; } .fa-sad-tear { --fa: "\f5b4"; } .fa-plane { --fa: "\f072"; } .fa-tent-arrows-down { --fa: "\e581"; } .fa-exclamation { --fa: "\!"; } .fa-arrows-spin { --fa: "\e4bb"; } .fa-print { --fa: "\f02f"; } .fa-turkish-lira-sign { --fa: "\e2bb"; } .fa-try { --fa: "\e2bb"; } .fa-turkish-lira { --fa: "\e2bb"; } .fa-dollar-sign { --fa: "\$"; } .fa-dollar { --fa: "\$"; } .fa-usd { --fa: "\$"; } .fa-x { --fa: "X"; } .fa-magnifying-glass-dollar { --fa: "\f688"; } .fa-search-dollar { --fa: "\f688"; } .fa-users-gear { --fa: "\f509"; } .fa-users-cog { --fa: "\f509"; } .fa-person-military-pointing { --fa: "\e54a"; } .fa-building-columns { --fa: "\f19c"; } .fa-bank { --fa: "\f19c"; } .fa-institution { --fa: "\f19c"; } .fa-museum { --fa: "\f19c"; } .fa-university { --fa: "\f19c"; } .fa-umbrella { --fa: "\f0e9"; } .fa-trowel { --fa: "\e589"; } .fa-d { --fa: "D"; } .fa-stapler { --fa: "\e5af"; } .fa-masks-theater { --fa: "\f630"; } .fa-theater-masks { --fa: "\f630"; } .fa-kip-sign { --fa: "\e1c4"; } .fa-hand-point-left { --fa: "\f0a5"; } .fa-handshake-simple { --fa: "\f4c6"; } .fa-handshake-alt { --fa: "\f4c6"; } .fa-jet-fighter { --fa: "\f0fb"; } .fa-fighter-jet { --fa: "\f0fb"; } .fa-square-share-nodes { --fa: "\f1e1"; } .fa-share-alt-square { --fa: "\f1e1"; } .fa-barcode { --fa: "\f02a"; } .fa-plus-minus { --fa: "\e43c"; } .fa-video { --fa: "\f03d"; } .fa-video-camera { --fa: "\f03d"; } .fa-graduation-cap { --fa: "\f19d"; } .fa-mortar-board { --fa: "\f19d"; } .fa-hand-holding-medical { --fa: "\e05c"; } .fa-person-circle-check { --fa: "\e53e"; } .fa-turn-up { --fa: "\f3bf"; } .fa-level-up-alt { --fa: "\f3bf"; } .sr-only, .fa-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; } .sr-only-focusable:not(:focus), .fa-sr-only-focusable:not(:focus) { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; } /* All a user has to do to change the calendar size is change the font-size on the container and everything magically resizes accordingly. Relative units ftw! */ .qs-datepicker-container { font-size: 1rem; font-family: sans-serif; color: black; position: absolute; width: 15.625em; display: flex; flex-direction: column; z-index: 9001; user-select: none; border: 1px solid gray; border-radius: 0.263921875em; overflow: hidden; background: white; box-shadow: 0 1.25em 1.25em -0.9375em rgba(0, 0, 0, 0.3); } .qs-datepicker-container * { box-sizing: border-box; } .qs-centered { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); } .qs-hidden { display: none; } .qs-overlay { position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.75); color: white; width: 100%; height: 100%; padding: 0.5em; z-index: 1; opacity: 1; transition: opacity 0.3s; display: flex; flex-direction: column; } .qs-overlay.qs-hidden { opacity: 0; z-index: -1; } .qs-overlay .qs-overlay-year { border: none; background: transparent; border-bottom: 1px solid white; border-radius: 0; color: white; font-size: 0.875em; padding: 0.25em 0; width: 80%; text-align: center; margin: 0 auto; display: block; } .qs-overlay .qs-overlay-year::-webkit-inner-spin-button { -webkit-appearance: none; } .qs-overlay .qs-close { padding: 0.5em; cursor: pointer; position: absolute; top: 0; right: 0; } .qs-overlay .qs-submit { border: 1px solid white; border-radius: 0.263921875em; padding: 0.5em; margin: 0 auto auto; cursor: pointer; background: rgba(128, 128, 128, 0.4); } .qs-overlay .qs-submit.qs-disabled { color: gray; border-color: gray; cursor: not-allowed; } .qs-overlay .qs-overlay-month-container { display: flex; flex-wrap: wrap; flex-grow: 1; } .qs-overlay .qs-overlay-month { display: flex; justify-content: center; align-items: center; width: calc(100% / 3); cursor: pointer; opacity: 0.5; transition: opacity 0.15s; } .qs-overlay .qs-overlay-month.active, .qs-overlay .qs-overlay-month:hover { opacity: 1; } .qs-controls { width: 100%; display: flex; justify-content: space-between; align-items: center; flex-grow: 1; flex-shrink: 0; background: lightgray; filter: blur(0px); transition: filter 0.3s; } .qs-controls.qs-blur { filter: blur(5px); } .qs-arrow { height: 1.5625em; width: 1.5625em; position: relative; cursor: pointer; border-radius: 0.263921875em; transition: background 0.15s; } .qs-arrow:hover.qs-left:after { border-right-color: black; } .qs-arrow:hover.qs-right:after { border-left-color: black; } .qs-arrow:hover { background: rgba(0, 0, 0, 0.1); } .qs-arrow:after { content: ""; border: 0.390625em solid transparent; position: absolute; top: 50%; transition: border 0.2s; } .qs-arrow.qs-left:after { border-right-color: gray; right: 50%; transform: translate(25%, -50%); } .qs-arrow.qs-right:after { border-left-color: gray; left: 50%; transform: translate(-25%, -50%); } .qs-month-year { font-weight: bold; transition: border 0.2s; border-bottom: 1px solid transparent; } .qs-month-year:not(.qs-disabled-year-overlay) { cursor: pointer; } .qs-month-year:not(.qs-disabled-year-overlay):hover { border-bottom: 1px solid gray; } .qs-month-year:focus, .qs-month-year:active:focus { outline: none; } .qs-month { padding-right: 0.5ex; } .qs-year { padding-left: 0.5ex; } .qs-squares { display: flex; flex-wrap: wrap; padding: 0.3125em; filter: blur(0px); transition: filter 0.3s; } .qs-squares.qs-blur { filter: blur(5px); } .qs-square { width: calc(100% / 7); height: 1.5625em; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: background 0.1s; border-radius: 0.263921875em; } .qs-square:not(.qs-empty):not(.qs-disabled):not(.qs-day):not(.qs-active):hover { background: orange; } .qs-current { font-weight: bold; text-decoration: underline; } /* 3 possibilities: 1. Single, active date. 2. Daterange start selection. 3. Daterange end selection. */ .qs-active, .qs-range-start, .qs-range-end { background: lightblue; } .qs-range-start:not(.qs-range-6) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .qs-range-middle { background: rgb(83.1702400586%, 91.9956019791%, 94.8689756276%); } .qs-range-middle:not(.qs-range-0):not(.qs-range-6) { border-radius: 0; } .qs-range-middle.qs-range-0 { border-top-right-radius: 0; border-bottom-right-radius: 0; } .qs-range-middle.qs-range-6 { border-top-left-radius: 0; border-bottom-left-radius: 0; } .qs-range-end:not(.qs-range-0) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .qs-disabled, .qs-outside-current-month { opacity: 0.2; } .qs-disabled { cursor: not-allowed; } .qs-empty { cursor: default; } .qs-day { cursor: default; font-weight: bold; color: gray; } .qs-event { position: relative; } .qs-event:after { content: ""; position: absolute; width: 0.46875em; height: 0.46875em; border-radius: 50%; background: #07f; bottom: 0; right: 0; } :root { color-scheme: light; scrollbar-gutter: auto; --border-color: #dee2e6; --label-font-weight: 400; --list-padding-x: 2.5rem; --heading-margin-bottom: .5rem; --font-size-lg: 1.25rem; } body { background-color: #F3F3F3; } @media (min-width: 1440px) { .container { max-width: calc(100% - 80px); } } .form-control[readonly] { background-color: #e9ecef; } select.form-control[readonly] { background-color: #fff; } .btn, .btn-link, .btn-icon, .btn-solid, .btn-outline, .btn-subtle, .btn-text, .btn-styled { --btn-border-radius: 0; --btn-gap: .27em; } .form-control, .input-group-text { --control-border-radius: 0; } .form-control { --control-border-color: #dee2e6; --control-placeholder-color: #6c757d; --control-box-shadow: none; } .card { --card-border-radius: 0; --card-border-color: #d5d5d5; --card-cap-bg: #f6f6f6; --card-cap-color: #767676; --card-cap-padding-y: 10px; --card-cap-padding-x: 15px; --card-spacer-y: 10px; --card-spacer-x: 10px; margin-bottom: 10px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); } .card-header { flex-direction: row; align-items: center; text-transform: uppercase; font-size: 1.1em; } .alert { --alert-border-radius: .25rem; --alert-padding-y: .75rem; --alert-padding-x: 1.25rem; margin-bottom: 1rem; color: var(--theme-fg-emphasis, inherit); } .menu { --menu-font-size: 1rem; --menu-padding-x: 0; --menu-padding-y: .5rem; --menu-gap: 0; --menu-box-shadow: none; --menu-border-color: rgba(0, 0, 0, .15); --menu-item-padding-x: 1rem; --menu-item-hover-bg: #e9ecef; --menu-item-active-bg: #184e84; } .btn-close { --btn-close-size: 1em; --btn-close-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e"); --btn-close-color: #000; padding: 0.25em; background-clip: content-box; mask-clip: content-box; mask-origin: content-box; border-radius: 0.25rem; } .dialog { --dialog-border-radius: .3rem; } .list-group { --list-group-border-radius: .25rem; --list-group-bg: #fff; --list-group-border-color: rgba(0, 0, 0, .125); --list-group-item-padding-y: .75rem; --list-group-item-padding-x: 1.25rem; } .menu { --menu-border-radius: .25rem; --menu-item-border-radius: 0; } h1, .h1 { font-size: 2.5rem; } h2, .h2 { font-size: 2rem; } h3, .h3 { font-size: 1.75rem; } h4, .h4 { font-size: 1.5rem; } h5, .h5 { font-size: 1.25rem; } h6, .h6 { font-size: 1rem; } .dialog:not([open]) { position: fixed; pointer-events: none; } small, .small { font-weight: 400; } .table { --table-bg: transparent; --table-cell-padding-y: .75rem; --table-cell-padding-x: .75rem; --table-group-separator-color: #dee2e6; } .table-sm > :not(caption) > * > * { --table-cell-padding-y: .3rem; --table-cell-padding-x: .3rem; } .table:not(.table-bordered) > :not(caption) > * > * { border-top-width: var(--border-width); border-bottom-width: 0; } .table:not(.table-bordered) > thead > tr > * { border-bottom-width: 2px; } .table > :not(:first-child) { border-top-width: 0; } .table-bordered > thead > tr { border-bottom-width: 2px; } .form-control:is(:focus, :focus-visible, :focus-within) { --control-border-color: color-mix(in srgb, #fff 50%, #184e84); outline: 0; box-shadow: 0 0 0 0.25rem rgba(24, 78, 132, 0.25); } .form-control-lg, .input-group-lg > .form-control { --control-padding-y: .5rem; --control-padding-x: 1rem; --control-font-size: 1.25rem; --control-line-height: 1.5; --control-min-height: calc(1.5 * 1.25rem + 1rem + 2px); } select.form-control { --control-select-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); } .form-control.is-invalid:is(:focus, :focus-visible, :focus-within) { box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25); } .form-control.is-invalid { --control-border-color: #dc3545; --focus-ring-color: rgba(220, 53, 69, 0.25); padding-right: calc(1.5em + 0.75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.375em + 0.1875rem) center; background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } textarea.form-control.is-invalid { background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); } select.form-control.is-invalid:not([multiple], [size]) { padding-right: 4.125rem; background-image: var(--control-select-bg), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); background-position: right 0.75rem center, center right 2.25rem; background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .invalid-feedback { color: #dc3545; font-size: 0.875em; } .form-field > :is(.form-text, .invalid-feedback) { margin-top: -0.25rem; } .form-field:has(.check.is-invalid, .radio.is-invalid, .switch input.is-invalid) label { color: #dc3545; } .btn-solid.theme-primary { --btn-bg: #184e84; --btn-border-color: rgb(8.1809954751%, 26.5882352941%, 44.9954751131%); --btn-color: #fff; --btn-hover-bg: rgb(7.1040723982%, 23.0882352941%, 39.07239819%); --btn-hover-border-color: rgb(6.334841629%, 20.5882352941%, 34.8416289593%); --btn-hover-color: #fff; --btn-active-bg: rgb(7.1040723982%, 23.0882352941%, 39.07239819%); --btn-active-border-color: rgb(6.334841629%, 20.5882352941%, 34.8416289593%); --btn-active-color: #fff; --btn-disabled-bg: #184e84; --btn-disabled-border-color: rgb(8.1809954751%, 26.5882352941%, 44.9954751131%); --btn-disabled-color: #fff; } .btn-solid.theme-primary:hover { --btn-hover-bg: rgb(7.1040723982%, 23.0882352941%, 39.07239819%); --btn-hover-border-color: rgb(6.334841629%, 20.5882352941%, 34.8416289593%); --btn-hover-color: #fff; } .btn-solid.theme-primary:active, .btn-solid.theme-primary.active, .btn-solid.theme-primary.btn-check:has(input:checked) { --btn-active-bg: rgb(7.1040723982%, 23.0882352941%, 39.07239819%); --btn-active-border-color: rgb(6.334841629%, 20.5882352941%, 34.8416289593%); --btn-active-color: #fff; } .btn-solid.theme-info { --btn-bg: #184e84; --btn-border-color: rgb(8.1809954751%, 26.5882352941%, 44.9954751131%); --btn-color: #fff; --btn-hover-bg: rgb(7.1040723982%, 23.0882352941%, 39.07239819%); --btn-hover-border-color: rgb(6.334841629%, 20.5882352941%, 34.8416289593%); --btn-hover-color: #fff; --btn-active-bg: rgb(7.1040723982%, 23.0882352941%, 39.07239819%); --btn-active-border-color: rgb(6.334841629%, 20.5882352941%, 34.8416289593%); --btn-active-color: #fff; --btn-disabled-bg: #184e84; --btn-disabled-border-color: rgb(8.1809954751%, 26.5882352941%, 44.9954751131%); --btn-disabled-color: #fff; } .btn-solid.theme-info:hover { --btn-hover-bg: rgb(7.1040723982%, 23.0882352941%, 39.07239819%); --btn-hover-border-color: rgb(6.334841629%, 20.5882352941%, 34.8416289593%); --btn-hover-color: #fff; } .btn-solid.theme-info:active, .btn-solid.theme-info.active, .btn-solid.theme-info.btn-check:has(input:checked) { --btn-active-bg: rgb(7.1040723982%, 23.0882352941%, 39.07239819%); --btn-active-border-color: rgb(6.334841629%, 20.5882352941%, 34.8416289593%); --btn-active-color: #fff; } .btn-solid.theme-warning { --btn-bg: #EEC95A; --btn-border-color: #ecc143; --btn-color: #212529; --btn-hover-bg: #e9ba2c; --btn-hover-border-color: #dbaa17; --btn-hover-color: #212529; --btn-active-bg: #e9ba2c; --btn-active-border-color: #dbaa17; --btn-active-color: #212529; --btn-disabled-bg: #EEC95A; --btn-disabled-border-color: #ecc143; --btn-disabled-color: #212529; } .btn-solid.theme-warning:hover { --btn-hover-bg: #e9ba2c; --btn-hover-border-color: #dbaa17; --btn-hover-color: #212529; } .btn-solid.theme-warning:active, .btn-solid.theme-warning.active, .btn-solid.theme-warning.btn-check:has(input:checked) { --btn-active-bg: #e9ba2c; --btn-active-border-color: #dbaa17; --btn-active-color: #212529; } .btn-solid.theme-success { --btn-bg: #72a94e; --btn-border-color: #669846; --btn-color: #fff; --btn-hover-bg: #5a863e; --btn-hover-border-color: #4a6e33; --btn-hover-color: #fff; --btn-active-bg: #5a863e; --btn-active-border-color: #4a6e33; --btn-active-color: #fff; --btn-disabled-bg: #72a94e; --btn-disabled-border-color: #669846; --btn-disabled-color: #fff; } .btn-solid.theme-success:hover { --btn-hover-bg: #5a863e; --btn-hover-border-color: #4a6e33; --btn-hover-color: #fff; } .btn-solid.theme-success:active, .btn-solid.theme-success.active, .btn-solid.theme-success.btn-check:has(input:checked) { --btn-active-bg: #5a863e; --btn-active-border-color: #4a6e33; --btn-active-color: #fff; } .btn-solid.theme-danger { --btn-bg: #E87352; --btn-border-color: #e5613b; --btn-color: #fff; --btn-hover-bg: #e24f25; --btn-hover-border-color: #c9411b; --btn-hover-color: #fff; --btn-active-bg: #e24f25; --btn-active-border-color: #c9411b; --btn-active-color: #fff; --btn-disabled-bg: #E87352; --btn-disabled-border-color: #e5613b; --btn-disabled-color: #fff; } .btn-solid.theme-danger:hover { --btn-hover-bg: #e24f25; --btn-hover-border-color: #c9411b; --btn-hover-color: #fff; } .btn-solid.theme-danger:active, .btn-solid.theme-danger.active, .btn-solid.theme-danger.btn-check:has(input:checked) { --btn-active-bg: #e24f25; --btn-active-border-color: #c9411b; --btn-active-color: #fff; } .btn-solid.theme-secondary { --btn-bg: #6c757d; --btn-border-color: #6c757d; --btn-color: #fff; --btn-hover-bg: #5c636a; --btn-hover-border-color: #565e64; --btn-hover-color: #fff; --btn-active-bg: #565e64; --btn-active-border-color: #51585e; --btn-active-color: #fff; --btn-disabled-bg: #6c757d; --btn-disabled-border-color: #6c757d; --btn-disabled-color: #fff; } .btn-solid.theme-secondary:hover { --btn-hover-bg: #5c636a; --btn-hover-border-color: #565e64; --btn-hover-color: #fff; } .btn-solid.theme-secondary:active, .btn-solid.theme-secondary.active, .btn-solid.theme-secondary.btn-check:has(input:checked) { --btn-active-bg: #565e64; --btn-active-border-color: #51585e; --btn-active-color: #fff; } .btn-text:not([class*=theme-]) { --btn-color: #212529; --btn-bg: transparent; --btn-border-color: transparent; --btn-hover-color: #212529; --btn-hover-bg: transparent; --btn-hover-border-color: transparent; --btn-active-color: #212529; --btn-active-bg: transparent; --btn-active-border-color: transparent; } .btn-lg { --btn-padding-y: .5rem; --btn-padding-x: 1rem; --btn-font-size: 1.25rem; --btn-line-height: 1.5; } .navbar { --navbar-bg: #f8f9fa; --navbar-color: rgba(0, 0, 0, .5); --navbar-hover-color: rgba(0, 0, 0, .7); --navbar-active-color: rgba(0, 0, 0, .9); --navbar-disabled-color: rgba(0, 0, 0, .3); --navbar-padding-x: 1rem; --navbar-padding-y: .5rem; --navbar-nav-link-padding-x: .5rem; margin-bottom: 40px; } .navbar .navbar-nav { --nav-gap: 0; --nav-link-padding-y: .5rem; --nav-link-border-width: 0; } .text-thin { font-weight: 300; } .pagination { --pagination-padding-y: 6px; --pagination-padding-x: 12px; --pagination-bg: #f6f6f6; --pagination-border-width: 0; --pagination-border-radius: 0; --pagination-active-color: #fff; --pagination-active-bg: #184e84; gap: 1px; } .callout-info { background-color: color-mix(in srgb, #fff 92%, #184e84); border-color: #A5C6DB; } .callout { margin: 10px 0; padding: 10px; border-left: 3px solid #eee; } .truncate { width: 150px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .truncate:hover { white-space: normal; overflow: visible; width: initial; background: #f5f5f5; position: absolute; z-index: 10; padding: 12px; border: 1px solid #ced4da; border-radius: 0.25rem; } .form-field:has(> .check, > .radio, > .switch) { padding-top: 6px; } .callout-danger { background-color: #fdf7f7; border-color: #E87352; } .callout-danger h4 { color: #E87352; } .list-info li { padding: 5px; border-bottom: 1px solid #eee; } .list-info li:last-child { border-bottom: none; } .list-info li .icon { margin-right: 10px; color: #184e84; } .clearfix::after { display: block; clear: both; content: ""; } .btn-w-lg { min-width: 150px; } .warning-text { font-size: 0.9em; color: #6c757d; }