mirror of https://github.com/twbs/bootstrap.git
12466 lines
318 KiB
CSS
12466 lines
318 KiB
CSS
@charset "UTF-8";
|
|
/*!
|
|
* Bootstrap v6.0.0-dev (https://getbootstrap.com/)
|
|
* Copyright 2011-2025 The Bootstrap Authors
|
|
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
|
|
*/
|
|
:root {
|
|
--bs-blue-025: color-mix(in lab, #fff 94%, oklch(60% 0.24 240deg));
|
|
--bs-blue-050: color-mix(in lab, #fff 90%, oklch(60% 0.24 240deg));
|
|
--bs-blue-100: color-mix(in lab, #fff 80%, oklch(60% 0.24 240deg));
|
|
--bs-blue-200: color-mix(in lab, #fff 60%, oklch(60% 0.24 240deg));
|
|
--bs-blue-300: color-mix(in lab, #fff 40%, oklch(60% 0.24 240deg));
|
|
--bs-blue-400: color-mix(in lab, #fff 20%, oklch(60% 0.24 240deg));
|
|
--bs-blue-500: oklch(60% 0.24 240deg);
|
|
--bs-blue-600: color-mix(in lab, #000 16%, oklch(60% 0.24 240deg));
|
|
--bs-blue-700: color-mix(in lab, #000 32%, oklch(60% 0.24 240deg));
|
|
--bs-blue-800: color-mix(in lab, #000 48%, oklch(60% 0.24 240deg));
|
|
--bs-blue-900: color-mix(in lab, #000 64%, oklch(60% 0.24 240deg));
|
|
--bs-blue-950: color-mix(in lab, #000 76%, oklch(60% 0.24 240deg));
|
|
--bs-blue-975: color-mix(in lab, #000 88%, oklch(60% 0.24 240deg));
|
|
--bs-indigo-025: color-mix(in lab, #fff 94%, oklch(56% 0.26 288deg));
|
|
--bs-indigo-050: color-mix(in lab, #fff 90%, oklch(56% 0.26 288deg));
|
|
--bs-indigo-100: color-mix(in lab, #fff 80%, oklch(56% 0.26 288deg));
|
|
--bs-indigo-200: color-mix(in lab, #fff 60%, oklch(56% 0.26 288deg));
|
|
--bs-indigo-300: color-mix(in lab, #fff 40%, oklch(56% 0.26 288deg));
|
|
--bs-indigo-400: color-mix(in lab, #fff 20%, oklch(56% 0.26 288deg));
|
|
--bs-indigo-500: oklch(56% 0.26 288deg);
|
|
--bs-indigo-600: color-mix(in lab, #000 16%, oklch(56% 0.26 288deg));
|
|
--bs-indigo-700: color-mix(in lab, #000 32%, oklch(56% 0.26 288deg));
|
|
--bs-indigo-800: color-mix(in lab, #000 48%, oklch(56% 0.26 288deg));
|
|
--bs-indigo-900: color-mix(in lab, #000 64%, oklch(56% 0.26 288deg));
|
|
--bs-indigo-950: color-mix(in lab, #000 76%, oklch(56% 0.26 288deg));
|
|
--bs-indigo-975: color-mix(in lab, #000 88%, oklch(56% 0.26 288deg));
|
|
--bs-violet-025: color-mix(in lab, #fff 94%, oklch(56% 0.24 300deg));
|
|
--bs-violet-050: color-mix(in lab, #fff 90%, oklch(56% 0.24 300deg));
|
|
--bs-violet-100: color-mix(in lab, #fff 80%, oklch(56% 0.24 300deg));
|
|
--bs-violet-200: color-mix(in lab, #fff 60%, oklch(56% 0.24 300deg));
|
|
--bs-violet-300: color-mix(in lab, #fff 40%, oklch(56% 0.24 300deg));
|
|
--bs-violet-400: color-mix(in lab, #fff 20%, oklch(56% 0.24 300deg));
|
|
--bs-violet-500: oklch(56% 0.24 300deg);
|
|
--bs-violet-600: color-mix(in lab, #000 16%, oklch(56% 0.24 300deg));
|
|
--bs-violet-700: color-mix(in lab, #000 32%, oklch(56% 0.24 300deg));
|
|
--bs-violet-800: color-mix(in lab, #000 48%, oklch(56% 0.24 300deg));
|
|
--bs-violet-900: color-mix(in lab, #000 64%, oklch(56% 0.24 300deg));
|
|
--bs-violet-950: color-mix(in lab, #000 76%, oklch(56% 0.24 300deg));
|
|
--bs-violet-975: color-mix(in lab, #000 88%, oklch(56% 0.24 300deg));
|
|
--bs-purple-025: color-mix(in lab, #fff 94%, oklch(56% 0.24 320deg));
|
|
--bs-purple-050: color-mix(in lab, #fff 90%, oklch(56% 0.24 320deg));
|
|
--bs-purple-100: color-mix(in lab, #fff 80%, oklch(56% 0.24 320deg));
|
|
--bs-purple-200: color-mix(in lab, #fff 60%, oklch(56% 0.24 320deg));
|
|
--bs-purple-300: color-mix(in lab, #fff 40%, oklch(56% 0.24 320deg));
|
|
--bs-purple-400: color-mix(in lab, #fff 20%, oklch(56% 0.24 320deg));
|
|
--bs-purple-500: oklch(56% 0.24 320deg);
|
|
--bs-purple-600: color-mix(in lab, #000 16%, oklch(56% 0.24 320deg));
|
|
--bs-purple-700: color-mix(in lab, #000 32%, oklch(56% 0.24 320deg));
|
|
--bs-purple-800: color-mix(in lab, #000 48%, oklch(56% 0.24 320deg));
|
|
--bs-purple-900: color-mix(in lab, #000 64%, oklch(56% 0.24 320deg));
|
|
--bs-purple-950: color-mix(in lab, #000 76%, oklch(56% 0.24 320deg));
|
|
--bs-purple-975: color-mix(in lab, #000 88%, oklch(56% 0.24 320deg));
|
|
--bs-pink-025: color-mix(in lab, #fff 94%, oklch(60% 0.22 4deg));
|
|
--bs-pink-050: color-mix(in lab, #fff 90%, oklch(60% 0.22 4deg));
|
|
--bs-pink-100: color-mix(in lab, #fff 80%, oklch(60% 0.22 4deg));
|
|
--bs-pink-200: color-mix(in lab, #fff 60%, oklch(60% 0.22 4deg));
|
|
--bs-pink-300: color-mix(in lab, #fff 40%, oklch(60% 0.22 4deg));
|
|
--bs-pink-400: color-mix(in lab, #fff 20%, oklch(60% 0.22 4deg));
|
|
--bs-pink-500: oklch(60% 0.22 4deg);
|
|
--bs-pink-600: color-mix(in lab, #000 16%, oklch(60% 0.22 4deg));
|
|
--bs-pink-700: color-mix(in lab, #000 32%, oklch(60% 0.22 4deg));
|
|
--bs-pink-800: color-mix(in lab, #000 48%, oklch(60% 0.22 4deg));
|
|
--bs-pink-900: color-mix(in lab, #000 64%, oklch(60% 0.22 4deg));
|
|
--bs-pink-950: color-mix(in lab, #000 76%, oklch(60% 0.22 4deg));
|
|
--bs-pink-975: color-mix(in lab, #000 88%, oklch(60% 0.22 4deg));
|
|
--bs-red-025: color-mix(in lab, #fff 94%, oklch(60% 0.22 20deg));
|
|
--bs-red-050: color-mix(in lab, #fff 90%, oklch(60% 0.22 20deg));
|
|
--bs-red-100: color-mix(in lab, #fff 80%, oklch(60% 0.22 20deg));
|
|
--bs-red-200: color-mix(in lab, #fff 60%, oklch(60% 0.22 20deg));
|
|
--bs-red-300: color-mix(in lab, #fff 40%, oklch(60% 0.22 20deg));
|
|
--bs-red-400: color-mix(in lab, #fff 20%, oklch(60% 0.22 20deg));
|
|
--bs-red-500: oklch(60% 0.22 20deg);
|
|
--bs-red-600: color-mix(in lab, #000 16%, oklch(60% 0.22 20deg));
|
|
--bs-red-700: color-mix(in lab, #000 32%, oklch(60% 0.22 20deg));
|
|
--bs-red-800: color-mix(in lab, #000 48%, oklch(60% 0.22 20deg));
|
|
--bs-red-900: color-mix(in lab, #000 64%, oklch(60% 0.22 20deg));
|
|
--bs-red-950: color-mix(in lab, #000 76%, oklch(60% 0.22 20deg));
|
|
--bs-red-975: color-mix(in lab, #000 88%, oklch(60% 0.22 20deg));
|
|
--bs-orange-025: color-mix(in lab, #fff 94%, oklch(70% 0.22 52deg));
|
|
--bs-orange-050: color-mix(in lab, #fff 90%, oklch(70% 0.22 52deg));
|
|
--bs-orange-100: color-mix(in lab, #fff 80%, oklch(70% 0.22 52deg));
|
|
--bs-orange-200: color-mix(in lab, #fff 60%, oklch(70% 0.22 52deg));
|
|
--bs-orange-300: color-mix(in lab, #fff 40%, oklch(70% 0.22 52deg));
|
|
--bs-orange-400: color-mix(in lab, #fff 20%, oklch(70% 0.22 52deg));
|
|
--bs-orange-500: oklch(70% 0.22 52deg);
|
|
--bs-orange-600: color-mix(in lab, #000 16%, oklch(70% 0.22 52deg));
|
|
--bs-orange-700: color-mix(in lab, #000 32%, oklch(70% 0.22 52deg));
|
|
--bs-orange-800: color-mix(in lab, #000 48%, oklch(70% 0.22 52deg));
|
|
--bs-orange-900: color-mix(in lab, #000 64%, oklch(70% 0.22 52deg));
|
|
--bs-orange-950: color-mix(in lab, #000 76%, oklch(70% 0.22 52deg));
|
|
--bs-orange-975: color-mix(in lab, #000 88%, oklch(70% 0.22 52deg));
|
|
--bs-amber-025: color-mix(in lab, #fff 94%, oklch(79% 0.2 78deg));
|
|
--bs-amber-050: color-mix(in lab, #fff 90%, oklch(79% 0.2 78deg));
|
|
--bs-amber-100: color-mix(in lab, #fff 80%, oklch(79% 0.2 78deg));
|
|
--bs-amber-200: color-mix(in lab, #fff 60%, oklch(79% 0.2 78deg));
|
|
--bs-amber-300: color-mix(in lab, #fff 40%, oklch(79% 0.2 78deg));
|
|
--bs-amber-400: color-mix(in lab, #fff 20%, oklch(79% 0.2 78deg));
|
|
--bs-amber-500: oklch(79% 0.2 78deg);
|
|
--bs-amber-600: color-mix(in lab, #000 16%, oklch(79% 0.2 78deg));
|
|
--bs-amber-700: color-mix(in lab, #000 32%, oklch(79% 0.2 78deg));
|
|
--bs-amber-800: color-mix(in lab, #000 48%, oklch(79% 0.2 78deg));
|
|
--bs-amber-900: color-mix(in lab, #000 64%, oklch(79% 0.2 78deg));
|
|
--bs-amber-950: color-mix(in lab, #000 76%, oklch(79% 0.2 78deg));
|
|
--bs-amber-975: color-mix(in lab, #000 88%, oklch(79% 0.2 78deg));
|
|
--bs-yellow-025: color-mix(in lab, #fff 94%, oklch(88% 0.24 88deg));
|
|
--bs-yellow-050: color-mix(in lab, #fff 90%, oklch(88% 0.24 88deg));
|
|
--bs-yellow-100: color-mix(in lab, #fff 80%, oklch(88% 0.24 88deg));
|
|
--bs-yellow-200: color-mix(in lab, #fff 60%, oklch(88% 0.24 88deg));
|
|
--bs-yellow-300: color-mix(in lab, #fff 40%, oklch(88% 0.24 88deg));
|
|
--bs-yellow-400: color-mix(in lab, #fff 20%, oklch(88% 0.24 88deg));
|
|
--bs-yellow-500: oklch(88% 0.24 88deg);
|
|
--bs-yellow-600: color-mix(in lab, #000 16%, oklch(88% 0.24 88deg));
|
|
--bs-yellow-700: color-mix(in lab, #000 32%, oklch(88% 0.24 88deg));
|
|
--bs-yellow-800: color-mix(in lab, #000 48%, oklch(88% 0.24 88deg));
|
|
--bs-yellow-900: color-mix(in lab, #000 64%, oklch(88% 0.24 88deg));
|
|
--bs-yellow-950: color-mix(in lab, #000 76%, oklch(88% 0.24 88deg));
|
|
--bs-yellow-975: color-mix(in lab, #000 88%, oklch(88% 0.24 88deg));
|
|
--bs-lime-025: color-mix(in lab, #fff 94%, oklch(65% 0.24 135deg));
|
|
--bs-lime-050: color-mix(in lab, #fff 90%, oklch(65% 0.24 135deg));
|
|
--bs-lime-100: color-mix(in lab, #fff 80%, oklch(65% 0.24 135deg));
|
|
--bs-lime-200: color-mix(in lab, #fff 60%, oklch(65% 0.24 135deg));
|
|
--bs-lime-300: color-mix(in lab, #fff 40%, oklch(65% 0.24 135deg));
|
|
--bs-lime-400: color-mix(in lab, #fff 20%, oklch(65% 0.24 135deg));
|
|
--bs-lime-500: oklch(65% 0.24 135deg);
|
|
--bs-lime-600: color-mix(in lab, #000 16%, oklch(65% 0.24 135deg));
|
|
--bs-lime-700: color-mix(in lab, #000 32%, oklch(65% 0.24 135deg));
|
|
--bs-lime-800: color-mix(in lab, #000 48%, oklch(65% 0.24 135deg));
|
|
--bs-lime-900: color-mix(in lab, #000 64%, oklch(65% 0.24 135deg));
|
|
--bs-lime-950: color-mix(in lab, #000 76%, oklch(65% 0.24 135deg));
|
|
--bs-lime-975: color-mix(in lab, #000 88%, oklch(65% 0.24 135deg));
|
|
--bs-green-025: color-mix(in lab, #fff 94%, oklch(64% 0.22 160deg));
|
|
--bs-green-050: color-mix(in lab, #fff 90%, oklch(64% 0.22 160deg));
|
|
--bs-green-100: color-mix(in lab, #fff 80%, oklch(64% 0.22 160deg));
|
|
--bs-green-200: color-mix(in lab, #fff 60%, oklch(64% 0.22 160deg));
|
|
--bs-green-300: color-mix(in lab, #fff 40%, oklch(64% 0.22 160deg));
|
|
--bs-green-400: color-mix(in lab, #fff 20%, oklch(64% 0.22 160deg));
|
|
--bs-green-500: oklch(64% 0.22 160deg);
|
|
--bs-green-600: color-mix(in lab, #000 16%, oklch(64% 0.22 160deg));
|
|
--bs-green-700: color-mix(in lab, #000 32%, oklch(64% 0.22 160deg));
|
|
--bs-green-800: color-mix(in lab, #000 48%, oklch(64% 0.22 160deg));
|
|
--bs-green-900: color-mix(in lab, #000 64%, oklch(64% 0.22 160deg));
|
|
--bs-green-950: color-mix(in lab, #000 76%, oklch(64% 0.22 160deg));
|
|
--bs-green-975: color-mix(in lab, #000 88%, oklch(64% 0.22 160deg));
|
|
--bs-teal-025: color-mix(in lab, #fff 94%, oklch(68% 0.22 190deg));
|
|
--bs-teal-050: color-mix(in lab, #fff 90%, oklch(68% 0.22 190deg));
|
|
--bs-teal-100: color-mix(in lab, #fff 80%, oklch(68% 0.22 190deg));
|
|
--bs-teal-200: color-mix(in lab, #fff 60%, oklch(68% 0.22 190deg));
|
|
--bs-teal-300: color-mix(in lab, #fff 40%, oklch(68% 0.22 190deg));
|
|
--bs-teal-400: color-mix(in lab, #fff 20%, oklch(68% 0.22 190deg));
|
|
--bs-teal-500: oklch(68% 0.22 190deg);
|
|
--bs-teal-600: color-mix(in lab, #000 16%, oklch(68% 0.22 190deg));
|
|
--bs-teal-700: color-mix(in lab, #000 32%, oklch(68% 0.22 190deg));
|
|
--bs-teal-800: color-mix(in lab, #000 48%, oklch(68% 0.22 190deg));
|
|
--bs-teal-900: color-mix(in lab, #000 64%, oklch(68% 0.22 190deg));
|
|
--bs-teal-950: color-mix(in lab, #000 76%, oklch(68% 0.22 190deg));
|
|
--bs-teal-975: color-mix(in lab, #000 88%, oklch(68% 0.22 190deg));
|
|
--bs-cyan-025: color-mix(in lab, #fff 94%, oklch(69% 0.22 220deg));
|
|
--bs-cyan-050: color-mix(in lab, #fff 90%, oklch(69% 0.22 220deg));
|
|
--bs-cyan-100: color-mix(in lab, #fff 80%, oklch(69% 0.22 220deg));
|
|
--bs-cyan-200: color-mix(in lab, #fff 60%, oklch(69% 0.22 220deg));
|
|
--bs-cyan-300: color-mix(in lab, #fff 40%, oklch(69% 0.22 220deg));
|
|
--bs-cyan-400: color-mix(in lab, #fff 20%, oklch(69% 0.22 220deg));
|
|
--bs-cyan-500: oklch(69% 0.22 220deg);
|
|
--bs-cyan-600: color-mix(in lab, #000 16%, oklch(69% 0.22 220deg));
|
|
--bs-cyan-700: color-mix(in lab, #000 32%, oklch(69% 0.22 220deg));
|
|
--bs-cyan-800: color-mix(in lab, #000 48%, oklch(69% 0.22 220deg));
|
|
--bs-cyan-900: color-mix(in lab, #000 64%, oklch(69% 0.22 220deg));
|
|
--bs-cyan-950: color-mix(in lab, #000 76%, oklch(69% 0.22 220deg));
|
|
--bs-cyan-975: color-mix(in lab, #000 88%, oklch(69% 0.22 220deg));
|
|
--bs-brown-025: color-mix(in lab, #fff 94%, oklch(60% 0.12 54deg));
|
|
--bs-brown-050: color-mix(in lab, #fff 90%, oklch(60% 0.12 54deg));
|
|
--bs-brown-100: color-mix(in lab, #fff 80%, oklch(60% 0.12 54deg));
|
|
--bs-brown-200: color-mix(in lab, #fff 60%, oklch(60% 0.12 54deg));
|
|
--bs-brown-300: color-mix(in lab, #fff 40%, oklch(60% 0.12 54deg));
|
|
--bs-brown-400: color-mix(in lab, #fff 20%, oklch(60% 0.12 54deg));
|
|
--bs-brown-500: oklch(60% 0.12 54deg);
|
|
--bs-brown-600: color-mix(in lab, #000 16%, oklch(60% 0.12 54deg));
|
|
--bs-brown-700: color-mix(in lab, #000 32%, oklch(60% 0.12 54deg));
|
|
--bs-brown-800: color-mix(in lab, #000 48%, oklch(60% 0.12 54deg));
|
|
--bs-brown-900: color-mix(in lab, #000 64%, oklch(60% 0.12 54deg));
|
|
--bs-brown-950: color-mix(in lab, #000 76%, oklch(60% 0.12 54deg));
|
|
--bs-brown-975: color-mix(in lab, #000 88%, oklch(60% 0.12 54deg));
|
|
--bs-gray-025: color-mix(in lab, #fff 94%, oklch(60% 0.02 245deg));
|
|
--bs-gray-050: color-mix(in lab, #fff 90%, oklch(60% 0.02 245deg));
|
|
--bs-gray-100: color-mix(in lab, #fff 80%, oklch(60% 0.02 245deg));
|
|
--bs-gray-200: color-mix(in lab, #fff 60%, oklch(60% 0.02 245deg));
|
|
--bs-gray-300: color-mix(in lab, #fff 40%, oklch(60% 0.02 245deg));
|
|
--bs-gray-400: color-mix(in lab, #fff 20%, oklch(60% 0.02 245deg));
|
|
--bs-gray-500: oklch(60% 0.02 245deg);
|
|
--bs-gray-600: color-mix(in lab, #000 16%, oklch(60% 0.02 245deg));
|
|
--bs-gray-700: color-mix(in lab, #000 32%, oklch(60% 0.02 245deg));
|
|
--bs-gray-800: color-mix(in lab, #000 48%, oklch(60% 0.02 245deg));
|
|
--bs-gray-900: color-mix(in lab, #000 64%, oklch(60% 0.02 245deg));
|
|
--bs-gray-950: color-mix(in lab, #000 76%, oklch(60% 0.02 245deg));
|
|
--bs-gray-975: color-mix(in lab, #000 88%, oklch(60% 0.02 245deg));
|
|
--bs-pewter-025: color-mix(in lab, #fff 94%, oklch(65% 0.01 290deg));
|
|
--bs-pewter-050: color-mix(in lab, #fff 90%, oklch(65% 0.01 290deg));
|
|
--bs-pewter-100: color-mix(in lab, #fff 80%, oklch(65% 0.01 290deg));
|
|
--bs-pewter-200: color-mix(in lab, #fff 60%, oklch(65% 0.01 290deg));
|
|
--bs-pewter-300: color-mix(in lab, #fff 40%, oklch(65% 0.01 290deg));
|
|
--bs-pewter-400: color-mix(in lab, #fff 20%, oklch(65% 0.01 290deg));
|
|
--bs-pewter-500: oklch(65% 0.01 290deg);
|
|
--bs-pewter-600: color-mix(in lab, #000 16%, oklch(65% 0.01 290deg));
|
|
--bs-pewter-700: color-mix(in lab, #000 32%, oklch(65% 0.01 290deg));
|
|
--bs-pewter-800: color-mix(in lab, #000 48%, oklch(65% 0.01 290deg));
|
|
--bs-pewter-900: color-mix(in lab, #000 64%, oklch(65% 0.01 290deg));
|
|
--bs-pewter-950: color-mix(in lab, #000 76%, oklch(65% 0.01 290deg));
|
|
--bs-pewter-975: color-mix(in lab, #000 88%, oklch(65% 0.01 290deg));
|
|
}
|
|
|
|
.theme-primary {
|
|
--bs-theme-base: var(--bs-primary-base);
|
|
--bs-theme-text: var(--bs-primary-text);
|
|
--bs-theme-text-emphasis: var(--bs-primary-text-emphasis);
|
|
--bs-theme-bg: var(--bs-primary-bg);
|
|
--bs-theme-bg-subtle: var(--bs-primary-bg-subtle);
|
|
--bs-theme-bg-muted: var(--bs-primary-bg-muted);
|
|
--bs-theme-border: var(--bs-primary-border);
|
|
--bs-theme-focus-ring: var(--bs-primary-focus-ring);
|
|
--bs-theme-contrast: var(--bs-primary-contrast);
|
|
}
|
|
|
|
.theme-accent {
|
|
--bs-theme-base: var(--bs-accent-base);
|
|
--bs-theme-text: var(--bs-accent-text);
|
|
--bs-theme-text-emphasis: var(--bs-accent-text-emphasis);
|
|
--bs-theme-bg: var(--bs-accent-bg);
|
|
--bs-theme-bg-subtle: var(--bs-accent-bg-subtle);
|
|
--bs-theme-bg-muted: var(--bs-accent-bg-muted);
|
|
--bs-theme-border: var(--bs-accent-border);
|
|
--bs-theme-focus-ring: var(--bs-accent-focus-ring);
|
|
--bs-theme-contrast: var(--bs-accent-contrast);
|
|
}
|
|
|
|
.theme-success {
|
|
--bs-theme-base: var(--bs-success-base);
|
|
--bs-theme-text: var(--bs-success-text);
|
|
--bs-theme-text-emphasis: var(--bs-success-text-emphasis);
|
|
--bs-theme-bg: var(--bs-success-bg);
|
|
--bs-theme-bg-subtle: var(--bs-success-bg-subtle);
|
|
--bs-theme-bg-muted: var(--bs-success-bg-muted);
|
|
--bs-theme-border: var(--bs-success-border);
|
|
--bs-theme-focus-ring: var(--bs-success-focus-ring);
|
|
--bs-theme-contrast: var(--bs-success-contrast);
|
|
}
|
|
|
|
.theme-danger {
|
|
--bs-theme-base: var(--bs-danger-base);
|
|
--bs-theme-text: var(--bs-danger-text);
|
|
--bs-theme-text-emphasis: var(--bs-danger-text-emphasis);
|
|
--bs-theme-bg: var(--bs-danger-bg);
|
|
--bs-theme-bg-subtle: var(--bs-danger-bg-subtle);
|
|
--bs-theme-bg-muted: var(--bs-danger-bg-muted);
|
|
--bs-theme-border: var(--bs-danger-border);
|
|
--bs-theme-focus-ring: var(--bs-danger-focus-ring);
|
|
--bs-theme-contrast: var(--bs-danger-contrast);
|
|
}
|
|
|
|
.theme-warning {
|
|
--bs-theme-base: var(--bs-warning-base);
|
|
--bs-theme-text: var(--bs-warning-text);
|
|
--bs-theme-text-emphasis: var(--bs-warning-text-emphasis);
|
|
--bs-theme-bg: var(--bs-warning-bg);
|
|
--bs-theme-bg-subtle: var(--bs-warning-bg-subtle);
|
|
--bs-theme-bg-muted: var(--bs-warning-bg-muted);
|
|
--bs-theme-border: var(--bs-warning-border);
|
|
--bs-theme-focus-ring: var(--bs-warning-focus-ring);
|
|
--bs-theme-contrast: var(--bs-warning-contrast);
|
|
}
|
|
|
|
.theme-info {
|
|
--bs-theme-base: var(--bs-info-base);
|
|
--bs-theme-text: var(--bs-info-text);
|
|
--bs-theme-text-emphasis: var(--bs-info-text-emphasis);
|
|
--bs-theme-bg: var(--bs-info-bg);
|
|
--bs-theme-bg-subtle: var(--bs-info-bg-subtle);
|
|
--bs-theme-bg-muted: var(--bs-info-bg-muted);
|
|
--bs-theme-border: var(--bs-info-border);
|
|
--bs-theme-focus-ring: var(--bs-info-focus-ring);
|
|
--bs-theme-contrast: var(--bs-info-contrast);
|
|
}
|
|
|
|
.theme-inverse {
|
|
--bs-theme-base: var(--bs-inverse-base);
|
|
--bs-theme-text: var(--bs-inverse-text);
|
|
--bs-theme-text-emphasis: var(--bs-inverse-text-emphasis);
|
|
--bs-theme-bg: var(--bs-inverse-bg);
|
|
--bs-theme-bg-subtle: var(--bs-inverse-bg-subtle);
|
|
--bs-theme-bg-muted: var(--bs-inverse-bg-muted);
|
|
--bs-theme-border: var(--bs-inverse-border);
|
|
--bs-theme-focus-ring: var(--bs-inverse-focus-ring);
|
|
--bs-theme-contrast: var(--bs-inverse-contrast);
|
|
}
|
|
|
|
.theme-secondary {
|
|
--bs-theme-base: var(--bs-secondary-base);
|
|
--bs-theme-text: var(--bs-secondary-text);
|
|
--bs-theme-text-emphasis: var(--bs-secondary-text-emphasis);
|
|
--bs-theme-bg: var(--bs-secondary-bg);
|
|
--bs-theme-bg-subtle: var(--bs-secondary-bg-subtle);
|
|
--bs-theme-bg-muted: var(--bs-secondary-bg-muted);
|
|
--bs-theme-border: var(--bs-secondary-border);
|
|
--bs-theme-focus-ring: var(--bs-secondary-focus-ring);
|
|
--bs-theme-contrast: var(--bs-secondary-contrast);
|
|
}
|
|
|
|
@layer colors, theme, config, root, reboot, layout, content, forms, components, custom, helpers, utilities;
|
|
:root {
|
|
--bs-black: #000;
|
|
--bs-white: #fff;
|
|
--bs-primary-base: var(--bs-blue-500);
|
|
--bs-primary-text: light-dark(var(--bs-blue-600), var(--bs-blue-400));
|
|
--bs-primary-text-emphasis: light-dark(var(--bs-blue-800), var(--bs-blue-200));
|
|
--bs-primary-bg: var(--bs-blue-500);
|
|
--bs-primary-bg-subtle: light-dark(var(--bs-blue-100), var(--bs-blue-900));
|
|
--bs-primary-bg-muted: light-dark(var(--bs-blue-200), var(--bs-blue-800));
|
|
--bs-primary-border: light-dark(var(--bs-blue-300), var(--bs-blue-600));
|
|
--bs-primary-focus-ring: color-mix(in oklch, light-dark(var(--bs-blue-500), var(--bs-blue-400)) 50%, var(--bs-bg-body));
|
|
--bs-primary-contrast: var(--bs-white);
|
|
--bs-accent-base: var(--bs-indigo-500);
|
|
--bs-accent-text: light-dark(var(--bs-indigo-600), color-mix(in oklch, var(--bs-indigo-400), var(--bs-indigo-300)));
|
|
--bs-accent-text-emphasis: light-dark(var(--bs-indigo-800), var(--bs-indigo-300));
|
|
--bs-accent-bg: var(--bs-indigo-500);
|
|
--bs-accent-bg-subtle: light-dark(var(--bs-indigo-100), var(--bs-indigo-900));
|
|
--bs-accent-bg-muted: light-dark(var(--bs-indigo-200), var(--bs-indigo-800));
|
|
--bs-accent-border: light-dark(var(--bs-indigo-300), var(--bs-indigo-600));
|
|
--bs-accent-focus-ring: color-mix(in oklch, light-dark(var(--bs-indigo-500), var(--bs-indigo-400)) 50%, var(--bs-bg-body));
|
|
--bs-accent-contrast: var(--bs-white);
|
|
--bs-success-base: var(--bs-green-500);
|
|
--bs-success-text: light-dark(var(--bs-green-600), var(--bs-green-400));
|
|
--bs-success-text-emphasis: light-dark(var(--bs-green-800), var(--bs-green-300));
|
|
--bs-success-bg: var(--bs-green-500);
|
|
--bs-success-bg-subtle: light-dark(var(--bs-green-100), var(--bs-green-900));
|
|
--bs-success-bg-muted: light-dark(var(--bs-green-200), var(--bs-green-800));
|
|
--bs-success-border: light-dark(var(--bs-green-300), var(--bs-green-600));
|
|
--bs-success-focus-ring: color-mix(in oklch, light-dark(var(--bs-green-500), var(--bs-green-400)) 50%, var(--bs-bg-body));
|
|
--bs-success-contrast: var(--bs-white);
|
|
--bs-danger-base: var(--bs-red-500);
|
|
--bs-danger-text: light-dark(var(--bs-red-600), var(--bs-red-400));
|
|
--bs-danger-text-emphasis: light-dark(var(--bs-red-800), var(--bs-red-300));
|
|
--bs-danger-bg: var(--bs-red-500);
|
|
--bs-danger-bg-subtle: light-dark(var(--bs-red-100), var(--bs-red-900));
|
|
--bs-danger-bg-muted: light-dark(var(--bs-red-200), var(--bs-red-800));
|
|
--bs-danger-border: light-dark(var(--bs-red-300), var(--bs-red-600));
|
|
--bs-danger-focus-ring: color-mix(in oklch, light-dark(var(--bs-red-500), var(--bs-red-400)) 50%, var(--bs-bg-body));
|
|
--bs-danger-contrast: var(--bs-white);
|
|
--bs-warning-base: var(--bs-yellow-500);
|
|
--bs-warning-text: light-dark(var(--bs-yellow-700), var(--bs-yellow-400));
|
|
--bs-warning-text-emphasis: light-dark(var(--bs-yellow-800), var(--bs-yellow-300));
|
|
--bs-warning-bg: var(--bs-yellow-500);
|
|
--bs-warning-bg-subtle: light-dark(var(--bs-yellow-100), var(--bs-yellow-900));
|
|
--bs-warning-bg-muted: light-dark(var(--bs-yellow-200), var(--bs-yellow-800));
|
|
--bs-warning-border: light-dark(var(--bs-yellow-300), var(--bs-yellow-600));
|
|
--bs-warning-focus-ring: color-mix(in oklch, light-dark(var(--bs-yellow-500), var(--bs-yellow-400)) 50%, var(--bs-bg-body));
|
|
--bs-warning-contrast: var(--bs-gray-900);
|
|
--bs-info-base: var(--bs-cyan-500);
|
|
--bs-info-text: light-dark(var(--bs-cyan-600), var(--bs-cyan-400));
|
|
--bs-info-text-emphasis: light-dark(var(--bs-cyan-800), var(--bs-cyan-300));
|
|
--bs-info-bg: var(--bs-cyan-500);
|
|
--bs-info-bg-subtle: light-dark(var(--bs-cyan-100), var(--bs-cyan-900));
|
|
--bs-info-bg-muted: light-dark(var(--bs-cyan-200), var(--bs-cyan-800));
|
|
--bs-info-border: light-dark(var(--bs-cyan-300), var(--bs-cyan-600));
|
|
--bs-info-focus-ring: color-mix(in oklch, light-dark(var(--bs-cyan-500), var(--bs-cyan-400)) 50%, var(--bs-bg-body));
|
|
--bs-info-contrast: var(--bs-gray-900);
|
|
--bs-inverse-base: var(--bs-gray-900);
|
|
--bs-inverse-text: light-dark(var(--bs-gray-900), var(--bs-gray-200));
|
|
--bs-inverse-text-emphasis: light-dark(var(--bs-gray-975), var(--bs-white));
|
|
--bs-inverse-bg: light-dark(var(--bs-gray-900), var(--bs-gray-025));
|
|
--bs-inverse-bg-subtle: light-dark(var(--bs-gray-100), var(--bs-gray-900));
|
|
--bs-inverse-bg-muted: light-dark(var(--bs-gray-200), var(--bs-gray-300));
|
|
--bs-inverse-border: light-dark(var(--bs-gray-400), var(--bs-gray-100));
|
|
--bs-inverse-focus-ring: color-mix(in oklch, light-dark(var(--bs-gray-900), var(--bs-gray-100)) 50%, var(--bs-bg-body));
|
|
--bs-inverse-contrast: light-dark(var(--bs-white), var(--bs-gray-900));
|
|
--bs-secondary-base: var(--bs-gray-200);
|
|
--bs-secondary-text: light-dark(var(--bs-gray-600), var(--bs-gray-400));
|
|
--bs-secondary-text-emphasis: light-dark(var(--bs-gray-800), var(--bs-gray-200));
|
|
--bs-secondary-bg: light-dark(var(--bs-gray-100), var(--bs-gray-600));
|
|
--bs-secondary-bg-subtle: light-dark(var(--bs-gray-050), var(--bs-gray-800));
|
|
--bs-secondary-bg-muted: light-dark(var(--bs-gray-100), var(--bs-gray-700));
|
|
--bs-secondary-border: light-dark(var(--bs-gray-300), var(--bs-gray-600));
|
|
--bs-secondary-focus-ring: color-mix(in oklch, light-dark(var(--bs-gray-500), var(--bs-gray-300)) 50%, var(--bs-bg-body));
|
|
--bs-secondary-contrast: light-dark(var(--bs-gray-900), var(--bs-white));
|
|
--bs-bg-body: light-dark(var(--bs-white), var(--bs-gray-975));
|
|
--bs-bg-1: light-dark(var(--bs-gray-025), var(--bs-gray-950));
|
|
--bs-bg-2: light-dark(var(--bs-gray-050), var(--bs-gray-900));
|
|
--bs-bg-3: light-dark(var(--bs-gray-100), var(--bs-gray-800));
|
|
--bs-bg-4: light-dark(var(--bs-gray-200), var(--bs-gray-700));
|
|
--bs-bg-white: var(--bs-white);
|
|
--bs-bg-black: var(--bs-black);
|
|
--bs-bg-transparent: transparent;
|
|
--bs-bg-inherit: inherit;
|
|
--bs-fg-body: light-dark(var(--bs-gray-900), var(--bs-gray-050));
|
|
--bs-fg-1: light-dark(var(--bs-gray-800), var(--bs-gray-200));
|
|
--bs-fg-2: light-dark(var(--bs-gray-700), var(--bs-gray-300));
|
|
--bs-fg-3: light-dark(var(--bs-gray-600), var(--bs-gray-500));
|
|
--bs-fg-4: light-dark(var(--bs-gray-500), var(--bs-gray-600));
|
|
--bs-fg-white: var(--bs-white);
|
|
--bs-fg-black: var(--bs-black);
|
|
--bs-fg-inherit: inherit;
|
|
--bs-border-bg: var(--bs-bg-body);
|
|
--bs-border-body: light-dark(var(--bs-gray-300), var(--bs-gray-800));
|
|
--bs-border-muted: light-dark(var(--bs-gray-200), var(--bs-gray-800));
|
|
--bs-border-subtle: light-dark(var(--bs-gray-100), var(--bs-gray-900));
|
|
--bs-border-emphasized: light-dark(var(--bs-gray-400), var(--bs-gray-600));
|
|
--bs-border-white: var(--bs-white);
|
|
--bs-border-black: var(--bs-black);
|
|
color-scheme: light dark;
|
|
}
|
|
|
|
:root,
|
|
[data-bs-theme=light] {
|
|
--bs-white-rgb: to-rgb(#fff);
|
|
--bs-black-rgb: to-rgb(#000);
|
|
--bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
|
--bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
|
|
--bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
|
|
--bs-body-font-family: var(--bs-font-sans-serif);
|
|
--bs-font-size-base: 14px;
|
|
--bs-font-size-xs: .75rem;
|
|
--bs-font-size-sm: .875rem;
|
|
--bs-font-size-md: 1rem;
|
|
--bs-font-size-lg: clamp(1.25rem, 1rem + .625vw, 1.5rem);
|
|
--bs-font-size-xl: clamp(1.5rem, 1.1rem + .75vw, 1.75rem);
|
|
--bs-font-size-2xl: clamp(1.75rem, 1.3rem + 1vw, 2rem);
|
|
--bs-font-size-3xl: clamp(2rem, 1.5rem + 1.875vw, 2.5rem);
|
|
--bs-font-size-4xl: clamp(2.25rem, 1.75rem + 2.5vw, 3rem);
|
|
--bs-font-size-5xl: clamp(3rem, 2rem + 5vw, 4rem);
|
|
--bs-font-size-6xl: clamp(3.75rem, 2.5rem + 6.25vw, 5rem);
|
|
--bs-line-height-xs: 1.5;
|
|
--bs-line-height-sm: 1.5;
|
|
--bs-line-height-md: 1.5;
|
|
--bs-line-height-lg: 1.5;
|
|
--bs-line-height-xl: calc(2.5 / 1.75);
|
|
--bs-line-height-2xl: calc(3 / 2.25);
|
|
--bs-line-height-3xl: 1.2;
|
|
--bs-line-height-4xl: 1.1;
|
|
--bs-line-height-5xl: 1.1;
|
|
--bs-line-height-6xl: 1;
|
|
--bs-body-font-size: 14px;
|
|
--bs-body-font-weight: 400;
|
|
--bs-body-line-height: 1.5;
|
|
--bs-body-color-rgb: to-rgb(var(--bs-color-body));
|
|
--bs-body-bg-rgb: to-rgb(var(--bs-bg-body));
|
|
--bs-heading-color: inherit;
|
|
--bs-hr-border-color: var(--bs-border-color);
|
|
--bs-link-color: light-dark(var(--bs-primary-base), var(--bs-primary-text));
|
|
--bs-link-decoration: underline;
|
|
--bs-link-hover-color: color-mix(in oklch, var(--bs-link-color) 90%, #000);
|
|
--bs-code-color: var(--bs-secondary-text);
|
|
--bs-highlight-color: var(--bs-color-body);
|
|
--bs-highlight-bg: var(--bs-yellow-100);
|
|
--bs-border-width: 1px;
|
|
--bs-border-style: solid;
|
|
--bs-border-color: color-mix(in oklch, var(--bs-gray-100), var(--bs-gray-200));
|
|
--bs-border-color-translucent: rgba(0, 0, 0, 0.175);
|
|
--bs-border-radius: 0.5rem;
|
|
--bs-border-radius-sm: 0.375rem;
|
|
--bs-border-radius-lg: 0.75rem;
|
|
--bs-border-radius-xl: 1rem;
|
|
--bs-border-radius-2xl: 2rem;
|
|
--bs-border-radius-pill: 50rem;
|
|
--bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
|
|
--bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
|
|
--bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
|
|
--bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
|
|
--bs-focus-ring-width: 3px;
|
|
--bs-focus-ring-offset: 1px;
|
|
--bs-focus-ring-color: var(--bs-primary-focus-ring);
|
|
--bs-focus-ring: var(--bs-focus-ring-width) solid var(--bs-focus-ring-color);
|
|
--bs-form-valid-color: var(--bs-success);
|
|
--bs-form-valid-border-color: var(--bs-success);
|
|
--bs-form-invalid-color: var(--bs-danger);
|
|
--bs-form-invalid-border-color: var(--bs-danger);
|
|
color-scheme: light;
|
|
--bs-root-font-size: 16px;
|
|
}
|
|
|
|
[data-bs-theme=dark] {
|
|
--bs-emphasis-color: #fff;
|
|
--bs-emphasis-color-rgb: to-rgb(#fff);
|
|
--bs-heading-color: inherit;
|
|
--bs-border-color: var(--bs-gray-700);
|
|
--bs-border-color-translucent: rgba(255, 255, 255, 0.15);
|
|
--bs-form-valid-color: var(--bs-green-300);
|
|
--bs-form-valid-border-color: var(--bs-green-300);
|
|
--bs-form-invalid-color: var(--bs-red-300);
|
|
--bs-form-invalid-border-color: var(--bs-red-300);
|
|
color-scheme: dark;
|
|
}
|
|
|
|
@layer reboot {
|
|
*,
|
|
*::before,
|
|
*::after {
|
|
box-sizing: border-box;
|
|
}
|
|
:root {
|
|
font-size: var(--bs-root-font-size);
|
|
}
|
|
@media (prefers-reduced-motion: no-preference) {
|
|
:root {
|
|
scroll-behavior: smooth;
|
|
}
|
|
}
|
|
body {
|
|
margin: 0;
|
|
font-family: var(--bs-body-font-family);
|
|
font-size: var(--bs-body-font-size);
|
|
font-weight: var(--bs-body-font-weight);
|
|
line-height: var(--bs-body-line-height);
|
|
color: var(--bs-color-body);
|
|
text-align: var(--bs-body-text-align);
|
|
background-color: var(--bs-bg-body);
|
|
-webkit-text-size-adjust: 100%;
|
|
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
|
}
|
|
hr {
|
|
margin: 1rem 0;
|
|
border: 0;
|
|
border-block-start: var(--bs-border-width) solid var(--bs-hr-border-color);
|
|
}
|
|
h6,
|
|
.h6, h5,
|
|
.h5, h4,
|
|
.h4, h3,
|
|
.h3, h2,
|
|
.h2, h1,
|
|
.h1 {
|
|
margin-top: 0;
|
|
margin-bottom: 0.5rem;
|
|
font-weight: 500;
|
|
line-height: 1.2;
|
|
color: var(--bs-heading-color);
|
|
}
|
|
h1,
|
|
.h1 {
|
|
font-size: var(--bs-font-size-3xl);
|
|
}
|
|
h2,
|
|
.h2 {
|
|
font-size: var(--bs-font-size-2xl);
|
|
}
|
|
h3,
|
|
.h3 {
|
|
font-size: var(--bs-font-size-xl);
|
|
}
|
|
h4,
|
|
.h4 {
|
|
font-size: var(--bs-font-size-lg);
|
|
}
|
|
h5,
|
|
.h5 {
|
|
font-size: var(--bs-font-size-md);
|
|
}
|
|
h6,
|
|
.h6 {
|
|
font-size: var(--bs-font-size-sm);
|
|
}
|
|
p {
|
|
margin-top: 0;
|
|
margin-bottom: 1rem;
|
|
}
|
|
abbr[title] {
|
|
-webkit-text-decoration: underline dotted;
|
|
text-decoration: underline dotted;
|
|
cursor: help;
|
|
-webkit-text-decoration-skip-ink: none;
|
|
text-decoration-skip-ink: none;
|
|
}
|
|
address {
|
|
margin-bottom: 1rem;
|
|
font-style: normal;
|
|
line-height: inherit;
|
|
}
|
|
ol,
|
|
ul {
|
|
padding-inline-start: 2rem;
|
|
}
|
|
ol,
|
|
ul,
|
|
dl {
|
|
margin-top: 0;
|
|
margin-bottom: 1rem;
|
|
}
|
|
ol ol,
|
|
ul ul,
|
|
ol ul,
|
|
ul ol {
|
|
margin-bottom: 0;
|
|
}
|
|
dt {
|
|
font-weight: 700;
|
|
}
|
|
dd {
|
|
margin-inline-start: 0;
|
|
margin-bottom: 0.5rem;
|
|
}
|
|
blockquote {
|
|
margin: 0 0 1rem;
|
|
}
|
|
b,
|
|
strong {
|
|
font-weight: bolder;
|
|
}
|
|
small,
|
|
.small {
|
|
font-size: 0.875em;
|
|
}
|
|
mark,
|
|
.mark {
|
|
padding: 0.1875em;
|
|
color: var(--bs-highlight-color);
|
|
background-color: var(--bs-highlight-bg);
|
|
}
|
|
sub,
|
|
sup {
|
|
position: relative;
|
|
font-size: 0.75em;
|
|
line-height: 0;
|
|
vertical-align: baseline;
|
|
}
|
|
sub {
|
|
bottom: -0.25em;
|
|
}
|
|
sup {
|
|
top: -0.5em;
|
|
}
|
|
a {
|
|
color: var(--bs-theme-text, var(--bs-link-color));
|
|
-webkit-text-decoration: var(--bs-link-decoration);
|
|
text-decoration: var(--bs-link-decoration);
|
|
text-underline-offset: 0.2em;
|
|
}
|
|
a:hover {
|
|
color: var(--bs-theme-text-emphasis, var(--bs-link-hover-color));
|
|
-webkit-text-decoration: var(--bs-link-hover-decoration, var(--bs-link-decoration));
|
|
text-decoration: var(--bs-link-hover-decoration, var(--bs-link-decoration));
|
|
}
|
|
a:not([href]):not([class]), a:not([href]):not([class]):hover {
|
|
color: inherit;
|
|
text-decoration: none;
|
|
}
|
|
pre,
|
|
code,
|
|
kbd,
|
|
samp {
|
|
font-family: var(--bs-font-monospace);
|
|
font-size: 1em;
|
|
}
|
|
pre {
|
|
display: block;
|
|
margin-top: 0;
|
|
margin-bottom: 1rem;
|
|
overflow: auto;
|
|
font-size: 95%;
|
|
}
|
|
pre code {
|
|
font-size: inherit;
|
|
color: inherit;
|
|
word-break: normal;
|
|
}
|
|
code {
|
|
font-size: 95%;
|
|
color: var(--bs-code-color);
|
|
word-wrap: break-word;
|
|
}
|
|
a > code {
|
|
color: inherit;
|
|
}
|
|
kbd {
|
|
padding: 0.1875rem 0.375rem;
|
|
font-size: 95%;
|
|
color: var(--bs-bg-body);
|
|
background-color: var(--bs-fg-body);
|
|
border-radius: 0.375rem;
|
|
}
|
|
kbd kbd {
|
|
padding: 0;
|
|
font-size: 1em;
|
|
font-weight: inherit;
|
|
}
|
|
figure {
|
|
margin: 0 0 1rem;
|
|
}
|
|
img,
|
|
svg {
|
|
vertical-align: middle;
|
|
}
|
|
table {
|
|
caption-side: bottom;
|
|
border-collapse: collapse;
|
|
}
|
|
caption {
|
|
padding-block: 0.5rem;
|
|
color: var(--bs-secondary-color);
|
|
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;
|
|
}
|
|
button,
|
|
select {
|
|
text-transform: none;
|
|
}
|
|
[role=button] {
|
|
cursor: pointer;
|
|
}
|
|
select {
|
|
word-wrap: normal;
|
|
}
|
|
select:disabled {
|
|
opacity: 1;
|
|
}
|
|
[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([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;
|
|
}
|
|
::-moz-focus-inner {
|
|
padding: 0;
|
|
border-style: none;
|
|
}
|
|
textarea {
|
|
resize: vertical;
|
|
}
|
|
fieldset {
|
|
min-width: 0;
|
|
padding: 0;
|
|
margin: 0;
|
|
border: 0;
|
|
}
|
|
legend {
|
|
float: inline-start;
|
|
width: 100%;
|
|
padding: 0;
|
|
margin-bottom: 0.5rem;
|
|
font-size: 1.5rem;
|
|
line-height: inherit;
|
|
}
|
|
legend + * {
|
|
clear: inline-start;
|
|
}
|
|
::-webkit-datetime-edit-fields-wrapper,
|
|
::-webkit-datetime-edit-text,
|
|
::-webkit-datetime-edit-minute,
|
|
::-webkit-datetime-edit-hour-field,
|
|
::-webkit-datetime-edit-day-field,
|
|
::-webkit-datetime-edit-month-field,
|
|
::-webkit-datetime-edit-year-field {
|
|
padding: 0;
|
|
}
|
|
::-webkit-inner-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;
|
|
}
|
|
iframe {
|
|
border: 0;
|
|
}
|
|
summary {
|
|
display: list-item;
|
|
cursor: pointer;
|
|
}
|
|
progress {
|
|
vertical-align: baseline;
|
|
}
|
|
[hidden] {
|
|
display: none !important;
|
|
}
|
|
}
|
|
@layer content {
|
|
.list-unstyled {
|
|
padding-inline-start: 0;
|
|
list-style: none;
|
|
}
|
|
.list-inline {
|
|
padding-inline-start: 0;
|
|
list-style: none;
|
|
}
|
|
.list-inline-item {
|
|
display: inline-block;
|
|
}
|
|
.list-inline-item:not(:last-child) {
|
|
margin-inline-end: 0.5rem;
|
|
}
|
|
.initialism {
|
|
font-size: 0.875em;
|
|
text-transform: uppercase;
|
|
}
|
|
.blockquote {
|
|
margin-bottom: 1rem;
|
|
font-size: 17.5px;
|
|
}
|
|
.blockquote > :last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
.blockquote-footer {
|
|
margin-top: -1rem;
|
|
margin-bottom: 1rem;
|
|
font-size: 0.875em;
|
|
color: var(--bs-gray-600);
|
|
}
|
|
.blockquote-footer::before {
|
|
content: "— ";
|
|
}
|
|
}
|
|
@layer content {
|
|
.table {
|
|
--bs-table-color-type: initial;
|
|
--bs-table-bg-type: initial;
|
|
--bs-table-color-state: initial;
|
|
--bs-table-bg-state: initial;
|
|
--bs-table-color: var(--bs-color-body);
|
|
--bs-table-bg: var(--bs-bg-body);
|
|
--bs-table-border-color: var(--bs-border-color);
|
|
--bs-table-accent-bg: transparent;
|
|
--bs-table-striped-color: var(--bs-color-body);
|
|
--bs-table-striped-bg: color-mix(in srgb, var(--bs-table-color) 5%, transparent);
|
|
--bs-table-active-color: var(--bs-color-body);
|
|
--bs-table-active-bg: color-mix(in srgb, var(--bs-table-color) 10%, transparent);
|
|
--bs-table-hover-color: var(--bs-color-body);
|
|
--bs-table-hover-bg: color-mix(in srgb, var(--bs-table-color) 7.5%, transparent);
|
|
width: 100%;
|
|
margin-bottom: 1rem;
|
|
vertical-align: top;
|
|
border-color: var(--bs-theme-border, var(--bs-table-border-color));
|
|
}
|
|
.table > :not(caption) > * > * {
|
|
padding: 0.5rem 0.5rem;
|
|
color: var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-theme-text, var(--bs-table-color))));
|
|
background-color: var(--bs-theme-bg-subtle, var(--bs-table-bg));
|
|
border-block-end-width: var(--bs-border-width);
|
|
box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-theme-bg-subtle, var(--bs-table-accent-bg))));
|
|
}
|
|
.table > tbody {
|
|
vertical-align: inherit;
|
|
}
|
|
.table > thead {
|
|
vertical-align: bottom;
|
|
}
|
|
.table-group-divider {
|
|
border-block-start: calc(var(--bs-border-width) * 2) solid currentcolor;
|
|
}
|
|
.caption-top {
|
|
caption-side: top;
|
|
}
|
|
.table-sm > :not(caption) > * > * {
|
|
padding: 0.25rem 0.25rem;
|
|
}
|
|
.table-bordered > :not(caption) > * {
|
|
border-width: var(--bs-border-width) 0;
|
|
}
|
|
.table-bordered > :not(caption) > * > * {
|
|
border-width: 0 var(--bs-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) > * {
|
|
--bs-table-color-type: var(--bs-theme-text, var(--bs-table-striped-color));
|
|
--bs-table-bg-type: color-mix(in srgb, var(--bs-theme-text, var(--bs-table-color)) 5%, transparent);
|
|
}
|
|
.table-striped-columns > :not(caption) > tr > :nth-child(even) {
|
|
--bs-table-color-type: var(--bs-theme-text, var(--bs-table-striped-color));
|
|
--bs-table-bg-type: color-mix(in srgb, var(--bs-theme-text, var(--bs-table-color)) 5%, transparent);
|
|
}
|
|
.table-active {
|
|
--bs-table-color-state: var(--bs-theme-text, var(--bs-table-active-color));
|
|
--bs-table-bg-state: color-mix(in srgb, var(--bs-theme-text, var(--bs-table-color)) 10%, transparent);
|
|
}
|
|
.table-hover > tbody > tr:hover > * {
|
|
--bs-table-color-state: var(--bs-theme-text, var(--bs-table-hover-color));
|
|
--bs-table-bg-state: color-mix(in srgb, var(--bs-theme-text, var(--bs-table-color)) 7.5%, transparent);
|
|
}
|
|
.table-responsive {
|
|
overflow-x: auto;
|
|
-webkit-overflow-scrolling: touch;
|
|
}
|
|
@media (width < 576px) {
|
|
.table-responsive-sm {
|
|
overflow-x: auto;
|
|
-webkit-overflow-scrolling: touch;
|
|
}
|
|
}
|
|
@media (width < 768px) {
|
|
.table-responsive-md {
|
|
overflow-x: auto;
|
|
-webkit-overflow-scrolling: touch;
|
|
}
|
|
}
|
|
@media (width < 1024px) {
|
|
.table-responsive-lg {
|
|
overflow-x: auto;
|
|
-webkit-overflow-scrolling: touch;
|
|
}
|
|
}
|
|
@media (width < 1280px) {
|
|
.table-responsive-xl {
|
|
overflow-x: auto;
|
|
-webkit-overflow-scrolling: touch;
|
|
}
|
|
}
|
|
@media (width < 1536px) {
|
|
.table-responsive-2xl {
|
|
overflow-x: auto;
|
|
-webkit-overflow-scrolling: touch;
|
|
}
|
|
}
|
|
}
|
|
@layer content {
|
|
.img-fluid {
|
|
max-width: 100%;
|
|
height: auto;
|
|
}
|
|
.img-thumbnail {
|
|
padding: 0.25rem;
|
|
background-color: var(--bs-bg-body);
|
|
border: var(--bs-border-width) solid var(--bs-border-color);
|
|
border-radius: var(--bs-border-radius);
|
|
box-shadow: var(--bs-box-shadow-sm);
|
|
max-width: 100%;
|
|
height: auto;
|
|
}
|
|
.figure {
|
|
display: inline-block;
|
|
}
|
|
.figure-img {
|
|
margin-bottom: 0.5rem;
|
|
line-height: 1;
|
|
}
|
|
.figure-caption {
|
|
font-size: 0.875em;
|
|
color: var(--bs-secondary-color);
|
|
}
|
|
}
|
|
@layer content {
|
|
.prose {
|
|
--bs-content-font-size: var(--bs-font-size-sm);
|
|
--bs-content-gap: 20px;
|
|
--bs-heading-color: light-dark(var(--bs-gray-900), var(--bs-white));
|
|
position: relative;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--bs-content-gap);
|
|
max-width: 1000px;
|
|
margin-inline: auto;
|
|
font-size: var(--bs-content-font-size);
|
|
line-height: 1.5;
|
|
}
|
|
@media (width >= 1024px) {
|
|
.prose {
|
|
--bs-content-font-size: var(--bs-font-size-md);
|
|
--bs-content-gap: 24px;
|
|
}
|
|
}
|
|
.prose p,
|
|
.prose ul,
|
|
.prose ol,
|
|
.prose dl,
|
|
.prose pre,
|
|
.prose table,
|
|
.prose blockquote {
|
|
margin-block: 0;
|
|
}
|
|
.prose :where(ul, ol):not([class]) li:not(:last-child) {
|
|
margin-bottom: calc(var(--bs-content-gap) / 4);
|
|
}
|
|
.prose li ul,
|
|
.prose li ol {
|
|
margin-top: calc(var(--bs-content-gap) / 4);
|
|
}
|
|
.prose hr {
|
|
margin: calc(var(--bs-content-gap) * 1.5) 0;
|
|
border: 0;
|
|
border-block-start: var(--bs-border-width) solid var(--bs-hr-border-color);
|
|
}
|
|
.prose h1:not([class]),
|
|
.prose h2:not([class]),
|
|
.prose h3:not([class]),
|
|
.prose h4:not([class]),
|
|
.prose h5:not([class]),
|
|
.prose h6:not([class]) {
|
|
margin-top: 0;
|
|
margin-bottom: calc(var(--bs-content-gap) / -2);
|
|
font-weight: 500;
|
|
line-height: 1.25;
|
|
}
|
|
.prose h1:not([class]) code,
|
|
.prose h2:not([class]) code,
|
|
.prose h3:not([class]) code,
|
|
.prose h4:not([class]) code,
|
|
.prose h5:not([class]) code,
|
|
.prose h6:not([class]) code {
|
|
font-weight: 600;
|
|
color: inherit;
|
|
}
|
|
.prose h1:not(:first-child),
|
|
.prose h2:not(:first-child) {
|
|
margin-top: calc(var(--bs-content-gap) * 1.5);
|
|
}
|
|
.prose h3:not(:first-child),
|
|
.prose h4:not(:first-child),
|
|
.prose h5:not(:first-child),
|
|
.prose h6:not(:first-child) {
|
|
margin-top: calc(var(--bs-content-gap) * 1.25);
|
|
}
|
|
.prose h1 {
|
|
font-size: 2.25em;
|
|
line-height: 1.1;
|
|
}
|
|
.prose h2 {
|
|
font-size: 1.75em;
|
|
}
|
|
.prose h3 {
|
|
font-size: 1.5em;
|
|
}
|
|
.prose h4 {
|
|
font-size: 1.25em;
|
|
}
|
|
.prose h5 {
|
|
font-size: 1.125em;
|
|
}
|
|
.prose h6 {
|
|
font-size: 1em;
|
|
}
|
|
.prose a:not([class]) {
|
|
color: var(--bs-link-color);
|
|
text-decoration: underline;
|
|
text-decoration-color: color-mix(in srgb, var(--bs-link-color) 25%, transparent);
|
|
text-underline-offset: 4px;
|
|
transition: 0.1s text-decoration-color ease-in-out;
|
|
}
|
|
@media (prefers-reduced-motion: reduce) {
|
|
.prose a:not([class]) {
|
|
transition: none;
|
|
}
|
|
}
|
|
.prose a:not([class]):hover {
|
|
text-decoration-color: var(--bs-link-hover-color);
|
|
}
|
|
.prose img {
|
|
max-width: 100%;
|
|
}
|
|
.prose blockquote {
|
|
padding-inline-start: calc(var(--bs-content-gap) / 2);
|
|
margin: 0;
|
|
border-inline-start: 4px solid var(--bs-border-color);
|
|
}
|
|
.prose table {
|
|
width: 100%;
|
|
border-spacing: 0;
|
|
border-collapse: collapse;
|
|
}
|
|
.prose :where(table:not([class])) td,
|
|
.prose :where(table:not([class])) th {
|
|
padding: 6px 12px;
|
|
text-align: inherit;
|
|
border: 1px solid var(--bs-border-color);
|
|
}
|
|
.prose dt {
|
|
font-weight: 500;
|
|
}
|
|
.prose video,
|
|
.prose img {
|
|
max-width: 100%;
|
|
}
|
|
}
|
|
@layer layout {
|
|
.container,
|
|
.container-fluid,
|
|
.container-2xl,
|
|
.container-xl,
|
|
.container-lg,
|
|
.container-md,
|
|
.container-sm {
|
|
--bs-gutter-x: 1.5rem;
|
|
--bs-gutter-y: 0;
|
|
width: 100%;
|
|
padding-inline: calc(var(--bs-gutter-x) * 0.5);
|
|
margin-inline: auto;
|
|
}
|
|
@media (width >= 576px) {
|
|
.container-sm, .container {
|
|
max-width: 540px;
|
|
}
|
|
}
|
|
@media (width >= 768px) {
|
|
.container-md, .container-sm, .container {
|
|
max-width: 720px;
|
|
}
|
|
}
|
|
@media (width >= 1024px) {
|
|
.container-lg, .container-md, .container-sm, .container {
|
|
max-width: 960px;
|
|
}
|
|
}
|
|
@media (width >= 1280px) {
|
|
.container-xl, .container-lg, .container-md, .container-sm, .container {
|
|
max-width: 1200px;
|
|
}
|
|
}
|
|
@media (width >= 1536px) {
|
|
.container-2xl, .container-xl, .container-lg, .container-md, .container-sm, .container {
|
|
max-width: 1440px;
|
|
}
|
|
}
|
|
}
|
|
:root {
|
|
--bs-breakpoint-xs: 0;
|
|
--bs-breakpoint-sm: 576px;
|
|
--bs-breakpoint-md: 768px;
|
|
--bs-breakpoint-lg: 1024px;
|
|
--bs-breakpoint-xl: 1280px;
|
|
--bs-breakpoint-2xl: 1536px;
|
|
}
|
|
|
|
@layer layout {
|
|
.row {
|
|
--bs-gutter-x: 1.5rem;
|
|
--bs-gutter-y: 0;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
margin-inline: calc(-0.5 * var(--bs-gutter-x));
|
|
margin-top: calc(-1 * var(--bs-gutter-y));
|
|
}
|
|
.row > * {
|
|
flex-shrink: 0;
|
|
width: 100%;
|
|
max-width: 100%;
|
|
padding-inline: calc(var(--bs-gutter-x) * 0.5);
|
|
margin-top: var(--bs-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 {
|
|
--bs-gutter-x: 0;
|
|
}
|
|
.g-0,
|
|
.gy-0 {
|
|
--bs-gutter-y: 0;
|
|
}
|
|
.g-1,
|
|
.gx-1 {
|
|
--bs-gutter-x: 0.25rem;
|
|
}
|
|
.g-1,
|
|
.gy-1 {
|
|
--bs-gutter-y: 0.25rem;
|
|
}
|
|
.g-2,
|
|
.gx-2 {
|
|
--bs-gutter-x: 0.5rem;
|
|
}
|
|
.g-2,
|
|
.gy-2 {
|
|
--bs-gutter-y: 0.5rem;
|
|
}
|
|
.g-3,
|
|
.gx-3 {
|
|
--bs-gutter-x: 1rem;
|
|
}
|
|
.g-3,
|
|
.gy-3 {
|
|
--bs-gutter-y: 1rem;
|
|
}
|
|
.g-4,
|
|
.gx-4 {
|
|
--bs-gutter-x: 1.5rem;
|
|
}
|
|
.g-4,
|
|
.gy-4 {
|
|
--bs-gutter-y: 1.5rem;
|
|
}
|
|
.g-5,
|
|
.gx-5 {
|
|
--bs-gutter-x: 3rem;
|
|
}
|
|
.g-5,
|
|
.gy-5 {
|
|
--bs-gutter-y: 3rem;
|
|
}
|
|
@media (width >= 576px) {
|
|
.col-sm {
|
|
flex: 1 0 0;
|
|
}
|
|
.row-cols-sm-auto > * {
|
|
flex: 0 0 auto;
|
|
width: auto;
|
|
}
|
|
.row-cols-sm-1 > * {
|
|
flex: 0 0 auto;
|
|
width: 100%;
|
|
}
|
|
.row-cols-sm-2 > * {
|
|
flex: 0 0 auto;
|
|
width: 50%;
|
|
}
|
|
.row-cols-sm-3 > * {
|
|
flex: 0 0 auto;
|
|
width: 33.3333333333%;
|
|
}
|
|
.row-cols-sm-4 > * {
|
|
flex: 0 0 auto;
|
|
width: 25%;
|
|
}
|
|
.row-cols-sm-5 > * {
|
|
flex: 0 0 auto;
|
|
width: 20%;
|
|
}
|
|
.row-cols-sm-6 > * {
|
|
flex: 0 0 auto;
|
|
width: 16.6666666667%;
|
|
}
|
|
.col-sm-auto {
|
|
flex: 0 0 auto;
|
|
width: auto;
|
|
}
|
|
.col-sm-1 {
|
|
flex: 0 0 auto;
|
|
width: 8.3333333333%;
|
|
}
|
|
.col-sm-2 {
|
|
flex: 0 0 auto;
|
|
width: 16.6666666667%;
|
|
}
|
|
.col-sm-3 {
|
|
flex: 0 0 auto;
|
|
width: 25%;
|
|
}
|
|
.col-sm-4 {
|
|
flex: 0 0 auto;
|
|
width: 33.3333333333%;
|
|
}
|
|
.col-sm-5 {
|
|
flex: 0 0 auto;
|
|
width: 41.6666666667%;
|
|
}
|
|
.col-sm-6 {
|
|
flex: 0 0 auto;
|
|
width: 50%;
|
|
}
|
|
.col-sm-7 {
|
|
flex: 0 0 auto;
|
|
width: 58.3333333333%;
|
|
}
|
|
.col-sm-8 {
|
|
flex: 0 0 auto;
|
|
width: 66.6666666667%;
|
|
}
|
|
.col-sm-9 {
|
|
flex: 0 0 auto;
|
|
width: 75%;
|
|
}
|
|
.col-sm-10 {
|
|
flex: 0 0 auto;
|
|
width: 83.3333333333%;
|
|
}
|
|
.col-sm-11 {
|
|
flex: 0 0 auto;
|
|
width: 91.6666666667%;
|
|
}
|
|
.col-sm-12 {
|
|
flex: 0 0 auto;
|
|
width: 100%;
|
|
}
|
|
.offset-sm-0 {
|
|
margin-inline-start: 0;
|
|
}
|
|
.offset-sm-1 {
|
|
margin-inline-start: 8.3333333333%;
|
|
}
|
|
.offset-sm-2 {
|
|
margin-inline-start: 16.6666666667%;
|
|
}
|
|
.offset-sm-3 {
|
|
margin-inline-start: 25%;
|
|
}
|
|
.offset-sm-4 {
|
|
margin-inline-start: 33.3333333333%;
|
|
}
|
|
.offset-sm-5 {
|
|
margin-inline-start: 41.6666666667%;
|
|
}
|
|
.offset-sm-6 {
|
|
margin-inline-start: 50%;
|
|
}
|
|
.offset-sm-7 {
|
|
margin-inline-start: 58.3333333333%;
|
|
}
|
|
.offset-sm-8 {
|
|
margin-inline-start: 66.6666666667%;
|
|
}
|
|
.offset-sm-9 {
|
|
margin-inline-start: 75%;
|
|
}
|
|
.offset-sm-10 {
|
|
margin-inline-start: 83.3333333333%;
|
|
}
|
|
.offset-sm-11 {
|
|
margin-inline-start: 91.6666666667%;
|
|
}
|
|
.g-sm-0,
|
|
.gx-sm-0 {
|
|
--bs-gutter-x: 0;
|
|
}
|
|
.g-sm-0,
|
|
.gy-sm-0 {
|
|
--bs-gutter-y: 0;
|
|
}
|
|
.g-sm-1,
|
|
.gx-sm-1 {
|
|
--bs-gutter-x: 0.25rem;
|
|
}
|
|
.g-sm-1,
|
|
.gy-sm-1 {
|
|
--bs-gutter-y: 0.25rem;
|
|
}
|
|
.g-sm-2,
|
|
.gx-sm-2 {
|
|
--bs-gutter-x: 0.5rem;
|
|
}
|
|
.g-sm-2,
|
|
.gy-sm-2 {
|
|
--bs-gutter-y: 0.5rem;
|
|
}
|
|
.g-sm-3,
|
|
.gx-sm-3 {
|
|
--bs-gutter-x: 1rem;
|
|
}
|
|
.g-sm-3,
|
|
.gy-sm-3 {
|
|
--bs-gutter-y: 1rem;
|
|
}
|
|
.g-sm-4,
|
|
.gx-sm-4 {
|
|
--bs-gutter-x: 1.5rem;
|
|
}
|
|
.g-sm-4,
|
|
.gy-sm-4 {
|
|
--bs-gutter-y: 1.5rem;
|
|
}
|
|
.g-sm-5,
|
|
.gx-sm-5 {
|
|
--bs-gutter-x: 3rem;
|
|
}
|
|
.g-sm-5,
|
|
.gy-sm-5 {
|
|
--bs-gutter-y: 3rem;
|
|
}
|
|
}
|
|
@media (width >= 768px) {
|
|
.col-md {
|
|
flex: 1 0 0;
|
|
}
|
|
.row-cols-md-auto > * {
|
|
flex: 0 0 auto;
|
|
width: auto;
|
|
}
|
|
.row-cols-md-1 > * {
|
|
flex: 0 0 auto;
|
|
width: 100%;
|
|
}
|
|
.row-cols-md-2 > * {
|
|
flex: 0 0 auto;
|
|
width: 50%;
|
|
}
|
|
.row-cols-md-3 > * {
|
|
flex: 0 0 auto;
|
|
width: 33.3333333333%;
|
|
}
|
|
.row-cols-md-4 > * {
|
|
flex: 0 0 auto;
|
|
width: 25%;
|
|
}
|
|
.row-cols-md-5 > * {
|
|
flex: 0 0 auto;
|
|
width: 20%;
|
|
}
|
|
.row-cols-md-6 > * {
|
|
flex: 0 0 auto;
|
|
width: 16.6666666667%;
|
|
}
|
|
.col-md-auto {
|
|
flex: 0 0 auto;
|
|
width: auto;
|
|
}
|
|
.col-md-1 {
|
|
flex: 0 0 auto;
|
|
width: 8.3333333333%;
|
|
}
|
|
.col-md-2 {
|
|
flex: 0 0 auto;
|
|
width: 16.6666666667%;
|
|
}
|
|
.col-md-3 {
|
|
flex: 0 0 auto;
|
|
width: 25%;
|
|
}
|
|
.col-md-4 {
|
|
flex: 0 0 auto;
|
|
width: 33.3333333333%;
|
|
}
|
|
.col-md-5 {
|
|
flex: 0 0 auto;
|
|
width: 41.6666666667%;
|
|
}
|
|
.col-md-6 {
|
|
flex: 0 0 auto;
|
|
width: 50%;
|
|
}
|
|
.col-md-7 {
|
|
flex: 0 0 auto;
|
|
width: 58.3333333333%;
|
|
}
|
|
.col-md-8 {
|
|
flex: 0 0 auto;
|
|
width: 66.6666666667%;
|
|
}
|
|
.col-md-9 {
|
|
flex: 0 0 auto;
|
|
width: 75%;
|
|
}
|
|
.col-md-10 {
|
|
flex: 0 0 auto;
|
|
width: 83.3333333333%;
|
|
}
|
|
.col-md-11 {
|
|
flex: 0 0 auto;
|
|
width: 91.6666666667%;
|
|
}
|
|
.col-md-12 {
|
|
flex: 0 0 auto;
|
|
width: 100%;
|
|
}
|
|
.offset-md-0 {
|
|
margin-inline-start: 0;
|
|
}
|
|
.offset-md-1 {
|
|
margin-inline-start: 8.3333333333%;
|
|
}
|
|
.offset-md-2 {
|
|
margin-inline-start: 16.6666666667%;
|
|
}
|
|
.offset-md-3 {
|
|
margin-inline-start: 25%;
|
|
}
|
|
.offset-md-4 {
|
|
margin-inline-start: 33.3333333333%;
|
|
}
|
|
.offset-md-5 {
|
|
margin-inline-start: 41.6666666667%;
|
|
}
|
|
.offset-md-6 {
|
|
margin-inline-start: 50%;
|
|
}
|
|
.offset-md-7 {
|
|
margin-inline-start: 58.3333333333%;
|
|
}
|
|
.offset-md-8 {
|
|
margin-inline-start: 66.6666666667%;
|
|
}
|
|
.offset-md-9 {
|
|
margin-inline-start: 75%;
|
|
}
|
|
.offset-md-10 {
|
|
margin-inline-start: 83.3333333333%;
|
|
}
|
|
.offset-md-11 {
|
|
margin-inline-start: 91.6666666667%;
|
|
}
|
|
.g-md-0,
|
|
.gx-md-0 {
|
|
--bs-gutter-x: 0;
|
|
}
|
|
.g-md-0,
|
|
.gy-md-0 {
|
|
--bs-gutter-y: 0;
|
|
}
|
|
.g-md-1,
|
|
.gx-md-1 {
|
|
--bs-gutter-x: 0.25rem;
|
|
}
|
|
.g-md-1,
|
|
.gy-md-1 {
|
|
--bs-gutter-y: 0.25rem;
|
|
}
|
|
.g-md-2,
|
|
.gx-md-2 {
|
|
--bs-gutter-x: 0.5rem;
|
|
}
|
|
.g-md-2,
|
|
.gy-md-2 {
|
|
--bs-gutter-y: 0.5rem;
|
|
}
|
|
.g-md-3,
|
|
.gx-md-3 {
|
|
--bs-gutter-x: 1rem;
|
|
}
|
|
.g-md-3,
|
|
.gy-md-3 {
|
|
--bs-gutter-y: 1rem;
|
|
}
|
|
.g-md-4,
|
|
.gx-md-4 {
|
|
--bs-gutter-x: 1.5rem;
|
|
}
|
|
.g-md-4,
|
|
.gy-md-4 {
|
|
--bs-gutter-y: 1.5rem;
|
|
}
|
|
.g-md-5,
|
|
.gx-md-5 {
|
|
--bs-gutter-x: 3rem;
|
|
}
|
|
.g-md-5,
|
|
.gy-md-5 {
|
|
--bs-gutter-y: 3rem;
|
|
}
|
|
}
|
|
@media (width >= 1024px) {
|
|
.col-lg {
|
|
flex: 1 0 0;
|
|
}
|
|
.row-cols-lg-auto > * {
|
|
flex: 0 0 auto;
|
|
width: auto;
|
|
}
|
|
.row-cols-lg-1 > * {
|
|
flex: 0 0 auto;
|
|
width: 100%;
|
|
}
|
|
.row-cols-lg-2 > * {
|
|
flex: 0 0 auto;
|
|
width: 50%;
|
|
}
|
|
.row-cols-lg-3 > * {
|
|
flex: 0 0 auto;
|
|
width: 33.3333333333%;
|
|
}
|
|
.row-cols-lg-4 > * {
|
|
flex: 0 0 auto;
|
|
width: 25%;
|
|
}
|
|
.row-cols-lg-5 > * {
|
|
flex: 0 0 auto;
|
|
width: 20%;
|
|
}
|
|
.row-cols-lg-6 > * {
|
|
flex: 0 0 auto;
|
|
width: 16.6666666667%;
|
|
}
|
|
.col-lg-auto {
|
|
flex: 0 0 auto;
|
|
width: auto;
|
|
}
|
|
.col-lg-1 {
|
|
flex: 0 0 auto;
|
|
width: 8.3333333333%;
|
|
}
|
|
.col-lg-2 {
|
|
flex: 0 0 auto;
|
|
width: 16.6666666667%;
|
|
}
|
|
.col-lg-3 {
|
|
flex: 0 0 auto;
|
|
width: 25%;
|
|
}
|
|
.col-lg-4 {
|
|
flex: 0 0 auto;
|
|
width: 33.3333333333%;
|
|
}
|
|
.col-lg-5 {
|
|
flex: 0 0 auto;
|
|
width: 41.6666666667%;
|
|
}
|
|
.col-lg-6 {
|
|
flex: 0 0 auto;
|
|
width: 50%;
|
|
}
|
|
.col-lg-7 {
|
|
flex: 0 0 auto;
|
|
width: 58.3333333333%;
|
|
}
|
|
.col-lg-8 {
|
|
flex: 0 0 auto;
|
|
width: 66.6666666667%;
|
|
}
|
|
.col-lg-9 {
|
|
flex: 0 0 auto;
|
|
width: 75%;
|
|
}
|
|
.col-lg-10 {
|
|
flex: 0 0 auto;
|
|
width: 83.3333333333%;
|
|
}
|
|
.col-lg-11 {
|
|
flex: 0 0 auto;
|
|
width: 91.6666666667%;
|
|
}
|
|
.col-lg-12 {
|
|
flex: 0 0 auto;
|
|
width: 100%;
|
|
}
|
|
.offset-lg-0 {
|
|
margin-inline-start: 0;
|
|
}
|
|
.offset-lg-1 {
|
|
margin-inline-start: 8.3333333333%;
|
|
}
|
|
.offset-lg-2 {
|
|
margin-inline-start: 16.6666666667%;
|
|
}
|
|
.offset-lg-3 {
|
|
margin-inline-start: 25%;
|
|
}
|
|
.offset-lg-4 {
|
|
margin-inline-start: 33.3333333333%;
|
|
}
|
|
.offset-lg-5 {
|
|
margin-inline-start: 41.6666666667%;
|
|
}
|
|
.offset-lg-6 {
|
|
margin-inline-start: 50%;
|
|
}
|
|
.offset-lg-7 {
|
|
margin-inline-start: 58.3333333333%;
|
|
}
|
|
.offset-lg-8 {
|
|
margin-inline-start: 66.6666666667%;
|
|
}
|
|
.offset-lg-9 {
|
|
margin-inline-start: 75%;
|
|
}
|
|
.offset-lg-10 {
|
|
margin-inline-start: 83.3333333333%;
|
|
}
|
|
.offset-lg-11 {
|
|
margin-inline-start: 91.6666666667%;
|
|
}
|
|
.g-lg-0,
|
|
.gx-lg-0 {
|
|
--bs-gutter-x: 0;
|
|
}
|
|
.g-lg-0,
|
|
.gy-lg-0 {
|
|
--bs-gutter-y: 0;
|
|
}
|
|
.g-lg-1,
|
|
.gx-lg-1 {
|
|
--bs-gutter-x: 0.25rem;
|
|
}
|
|
.g-lg-1,
|
|
.gy-lg-1 {
|
|
--bs-gutter-y: 0.25rem;
|
|
}
|
|
.g-lg-2,
|
|
.gx-lg-2 {
|
|
--bs-gutter-x: 0.5rem;
|
|
}
|
|
.g-lg-2,
|
|
.gy-lg-2 {
|
|
--bs-gutter-y: 0.5rem;
|
|
}
|
|
.g-lg-3,
|
|
.gx-lg-3 {
|
|
--bs-gutter-x: 1rem;
|
|
}
|
|
.g-lg-3,
|
|
.gy-lg-3 {
|
|
--bs-gutter-y: 1rem;
|
|
}
|
|
.g-lg-4,
|
|
.gx-lg-4 {
|
|
--bs-gutter-x: 1.5rem;
|
|
}
|
|
.g-lg-4,
|
|
.gy-lg-4 {
|
|
--bs-gutter-y: 1.5rem;
|
|
}
|
|
.g-lg-5,
|
|
.gx-lg-5 {
|
|
--bs-gutter-x: 3rem;
|
|
}
|
|
.g-lg-5,
|
|
.gy-lg-5 {
|
|
--bs-gutter-y: 3rem;
|
|
}
|
|
}
|
|
@media (width >= 1280px) {
|
|
.col-xl {
|
|
flex: 1 0 0;
|
|
}
|
|
.row-cols-xl-auto > * {
|
|
flex: 0 0 auto;
|
|
width: auto;
|
|
}
|
|
.row-cols-xl-1 > * {
|
|
flex: 0 0 auto;
|
|
width: 100%;
|
|
}
|
|
.row-cols-xl-2 > * {
|
|
flex: 0 0 auto;
|
|
width: 50%;
|
|
}
|
|
.row-cols-xl-3 > * {
|
|
flex: 0 0 auto;
|
|
width: 33.3333333333%;
|
|
}
|
|
.row-cols-xl-4 > * {
|
|
flex: 0 0 auto;
|
|
width: 25%;
|
|
}
|
|
.row-cols-xl-5 > * {
|
|
flex: 0 0 auto;
|
|
width: 20%;
|
|
}
|
|
.row-cols-xl-6 > * {
|
|
flex: 0 0 auto;
|
|
width: 16.6666666667%;
|
|
}
|
|
.col-xl-auto {
|
|
flex: 0 0 auto;
|
|
width: auto;
|
|
}
|
|
.col-xl-1 {
|
|
flex: 0 0 auto;
|
|
width: 8.3333333333%;
|
|
}
|
|
.col-xl-2 {
|
|
flex: 0 0 auto;
|
|
width: 16.6666666667%;
|
|
}
|
|
.col-xl-3 {
|
|
flex: 0 0 auto;
|
|
width: 25%;
|
|
}
|
|
.col-xl-4 {
|
|
flex: 0 0 auto;
|
|
width: 33.3333333333%;
|
|
}
|
|
.col-xl-5 {
|
|
flex: 0 0 auto;
|
|
width: 41.6666666667%;
|
|
}
|
|
.col-xl-6 {
|
|
flex: 0 0 auto;
|
|
width: 50%;
|
|
}
|
|
.col-xl-7 {
|
|
flex: 0 0 auto;
|
|
width: 58.3333333333%;
|
|
}
|
|
.col-xl-8 {
|
|
flex: 0 0 auto;
|
|
width: 66.6666666667%;
|
|
}
|
|
.col-xl-9 {
|
|
flex: 0 0 auto;
|
|
width: 75%;
|
|
}
|
|
.col-xl-10 {
|
|
flex: 0 0 auto;
|
|
width: 83.3333333333%;
|
|
}
|
|
.col-xl-11 {
|
|
flex: 0 0 auto;
|
|
width: 91.6666666667%;
|
|
}
|
|
.col-xl-12 {
|
|
flex: 0 0 auto;
|
|
width: 100%;
|
|
}
|
|
.offset-xl-0 {
|
|
margin-inline-start: 0;
|
|
}
|
|
.offset-xl-1 {
|
|
margin-inline-start: 8.3333333333%;
|
|
}
|
|
.offset-xl-2 {
|
|
margin-inline-start: 16.6666666667%;
|
|
}
|
|
.offset-xl-3 {
|
|
margin-inline-start: 25%;
|
|
}
|
|
.offset-xl-4 {
|
|
margin-inline-start: 33.3333333333%;
|
|
}
|
|
.offset-xl-5 {
|
|
margin-inline-start: 41.6666666667%;
|
|
}
|
|
.offset-xl-6 {
|
|
margin-inline-start: 50%;
|
|
}
|
|
.offset-xl-7 {
|
|
margin-inline-start: 58.3333333333%;
|
|
}
|
|
.offset-xl-8 {
|
|
margin-inline-start: 66.6666666667%;
|
|
}
|
|
.offset-xl-9 {
|
|
margin-inline-start: 75%;
|
|
}
|
|
.offset-xl-10 {
|
|
margin-inline-start: 83.3333333333%;
|
|
}
|
|
.offset-xl-11 {
|
|
margin-inline-start: 91.6666666667%;
|
|
}
|
|
.g-xl-0,
|
|
.gx-xl-0 {
|
|
--bs-gutter-x: 0;
|
|
}
|
|
.g-xl-0,
|
|
.gy-xl-0 {
|
|
--bs-gutter-y: 0;
|
|
}
|
|
.g-xl-1,
|
|
.gx-xl-1 {
|
|
--bs-gutter-x: 0.25rem;
|
|
}
|
|
.g-xl-1,
|
|
.gy-xl-1 {
|
|
--bs-gutter-y: 0.25rem;
|
|
}
|
|
.g-xl-2,
|
|
.gx-xl-2 {
|
|
--bs-gutter-x: 0.5rem;
|
|
}
|
|
.g-xl-2,
|
|
.gy-xl-2 {
|
|
--bs-gutter-y: 0.5rem;
|
|
}
|
|
.g-xl-3,
|
|
.gx-xl-3 {
|
|
--bs-gutter-x: 1rem;
|
|
}
|
|
.g-xl-3,
|
|
.gy-xl-3 {
|
|
--bs-gutter-y: 1rem;
|
|
}
|
|
.g-xl-4,
|
|
.gx-xl-4 {
|
|
--bs-gutter-x: 1.5rem;
|
|
}
|
|
.g-xl-4,
|
|
.gy-xl-4 {
|
|
--bs-gutter-y: 1.5rem;
|
|
}
|
|
.g-xl-5,
|
|
.gx-xl-5 {
|
|
--bs-gutter-x: 3rem;
|
|
}
|
|
.g-xl-5,
|
|
.gy-xl-5 {
|
|
--bs-gutter-y: 3rem;
|
|
}
|
|
}
|
|
@media (width >= 1536px) {
|
|
.col-2xl {
|
|
flex: 1 0 0;
|
|
}
|
|
.row-cols-2xl-auto > * {
|
|
flex: 0 0 auto;
|
|
width: auto;
|
|
}
|
|
.row-cols-2xl-1 > * {
|
|
flex: 0 0 auto;
|
|
width: 100%;
|
|
}
|
|
.row-cols-2xl-2 > * {
|
|
flex: 0 0 auto;
|
|
width: 50%;
|
|
}
|
|
.row-cols-2xl-3 > * {
|
|
flex: 0 0 auto;
|
|
width: 33.3333333333%;
|
|
}
|
|
.row-cols-2xl-4 > * {
|
|
flex: 0 0 auto;
|
|
width: 25%;
|
|
}
|
|
.row-cols-2xl-5 > * {
|
|
flex: 0 0 auto;
|
|
width: 20%;
|
|
}
|
|
.row-cols-2xl-6 > * {
|
|
flex: 0 0 auto;
|
|
width: 16.6666666667%;
|
|
}
|
|
.col-2xl-auto {
|
|
flex: 0 0 auto;
|
|
width: auto;
|
|
}
|
|
.col-2xl-1 {
|
|
flex: 0 0 auto;
|
|
width: 8.3333333333%;
|
|
}
|
|
.col-2xl-2 {
|
|
flex: 0 0 auto;
|
|
width: 16.6666666667%;
|
|
}
|
|
.col-2xl-3 {
|
|
flex: 0 0 auto;
|
|
width: 25%;
|
|
}
|
|
.col-2xl-4 {
|
|
flex: 0 0 auto;
|
|
width: 33.3333333333%;
|
|
}
|
|
.col-2xl-5 {
|
|
flex: 0 0 auto;
|
|
width: 41.6666666667%;
|
|
}
|
|
.col-2xl-6 {
|
|
flex: 0 0 auto;
|
|
width: 50%;
|
|
}
|
|
.col-2xl-7 {
|
|
flex: 0 0 auto;
|
|
width: 58.3333333333%;
|
|
}
|
|
.col-2xl-8 {
|
|
flex: 0 0 auto;
|
|
width: 66.6666666667%;
|
|
}
|
|
.col-2xl-9 {
|
|
flex: 0 0 auto;
|
|
width: 75%;
|
|
}
|
|
.col-2xl-10 {
|
|
flex: 0 0 auto;
|
|
width: 83.3333333333%;
|
|
}
|
|
.col-2xl-11 {
|
|
flex: 0 0 auto;
|
|
width: 91.6666666667%;
|
|
}
|
|
.col-2xl-12 {
|
|
flex: 0 0 auto;
|
|
width: 100%;
|
|
}
|
|
.offset-2xl-0 {
|
|
margin-inline-start: 0;
|
|
}
|
|
.offset-2xl-1 {
|
|
margin-inline-start: 8.3333333333%;
|
|
}
|
|
.offset-2xl-2 {
|
|
margin-inline-start: 16.6666666667%;
|
|
}
|
|
.offset-2xl-3 {
|
|
margin-inline-start: 25%;
|
|
}
|
|
.offset-2xl-4 {
|
|
margin-inline-start: 33.3333333333%;
|
|
}
|
|
.offset-2xl-5 {
|
|
margin-inline-start: 41.6666666667%;
|
|
}
|
|
.offset-2xl-6 {
|
|
margin-inline-start: 50%;
|
|
}
|
|
.offset-2xl-7 {
|
|
margin-inline-start: 58.3333333333%;
|
|
}
|
|
.offset-2xl-8 {
|
|
margin-inline-start: 66.6666666667%;
|
|
}
|
|
.offset-2xl-9 {
|
|
margin-inline-start: 75%;
|
|
}
|
|
.offset-2xl-10 {
|
|
margin-inline-start: 83.3333333333%;
|
|
}
|
|
.offset-2xl-11 {
|
|
margin-inline-start: 91.6666666667%;
|
|
}
|
|
.g-2xl-0,
|
|
.gx-2xl-0 {
|
|
--bs-gutter-x: 0;
|
|
}
|
|
.g-2xl-0,
|
|
.gy-2xl-0 {
|
|
--bs-gutter-y: 0;
|
|
}
|
|
.g-2xl-1,
|
|
.gx-2xl-1 {
|
|
--bs-gutter-x: 0.25rem;
|
|
}
|
|
.g-2xl-1,
|
|
.gy-2xl-1 {
|
|
--bs-gutter-y: 0.25rem;
|
|
}
|
|
.g-2xl-2,
|
|
.gx-2xl-2 {
|
|
--bs-gutter-x: 0.5rem;
|
|
}
|
|
.g-2xl-2,
|
|
.gy-2xl-2 {
|
|
--bs-gutter-y: 0.5rem;
|
|
}
|
|
.g-2xl-3,
|
|
.gx-2xl-3 {
|
|
--bs-gutter-x: 1rem;
|
|
}
|
|
.g-2xl-3,
|
|
.gy-2xl-3 {
|
|
--bs-gutter-y: 1rem;
|
|
}
|
|
.g-2xl-4,
|
|
.gx-2xl-4 {
|
|
--bs-gutter-x: 1.5rem;
|
|
}
|
|
.g-2xl-4,
|
|
.gy-2xl-4 {
|
|
--bs-gutter-y: 1.5rem;
|
|
}
|
|
.g-2xl-5,
|
|
.gx-2xl-5 {
|
|
--bs-gutter-x: 3rem;
|
|
}
|
|
.g-2xl-5,
|
|
.gy-2xl-5 {
|
|
--bs-gutter-y: 3rem;
|
|
}
|
|
}
|
|
.grid {
|
|
--bs-columns: 12;
|
|
--bs-rows: 1;
|
|
--bs-gap: 1.5rem;
|
|
display: grid;
|
|
grid-template-rows: repeat(var(--bs-rows), 1fr);
|
|
grid-template-columns: repeat(var(--bs-columns), 1fr);
|
|
gap: var(--bs-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;
|
|
}
|
|
@media (width >= 576px) {
|
|
.g-col-sm-1 {
|
|
grid-column: auto/span 1;
|
|
}
|
|
.g-col-sm-2 {
|
|
grid-column: auto/span 2;
|
|
}
|
|
.g-col-sm-3 {
|
|
grid-column: auto/span 3;
|
|
}
|
|
.g-col-sm-4 {
|
|
grid-column: auto/span 4;
|
|
}
|
|
.g-col-sm-5 {
|
|
grid-column: auto/span 5;
|
|
}
|
|
.g-col-sm-6 {
|
|
grid-column: auto/span 6;
|
|
}
|
|
.g-col-sm-7 {
|
|
grid-column: auto/span 7;
|
|
}
|
|
.g-col-sm-8 {
|
|
grid-column: auto/span 8;
|
|
}
|
|
.g-col-sm-9 {
|
|
grid-column: auto/span 9;
|
|
}
|
|
.g-col-sm-10 {
|
|
grid-column: auto/span 10;
|
|
}
|
|
.g-col-sm-11 {
|
|
grid-column: auto/span 11;
|
|
}
|
|
.g-col-sm-12 {
|
|
grid-column: auto/span 12;
|
|
}
|
|
.g-start-sm-1 {
|
|
grid-column-start: 1;
|
|
}
|
|
.g-start-sm-2 {
|
|
grid-column-start: 2;
|
|
}
|
|
.g-start-sm-3 {
|
|
grid-column-start: 3;
|
|
}
|
|
.g-start-sm-4 {
|
|
grid-column-start: 4;
|
|
}
|
|
.g-start-sm-5 {
|
|
grid-column-start: 5;
|
|
}
|
|
.g-start-sm-6 {
|
|
grid-column-start: 6;
|
|
}
|
|
.g-start-sm-7 {
|
|
grid-column-start: 7;
|
|
}
|
|
.g-start-sm-8 {
|
|
grid-column-start: 8;
|
|
}
|
|
.g-start-sm-9 {
|
|
grid-column-start: 9;
|
|
}
|
|
.g-start-sm-10 {
|
|
grid-column-start: 10;
|
|
}
|
|
.g-start-sm-11 {
|
|
grid-column-start: 11;
|
|
}
|
|
}
|
|
@media (width >= 768px) {
|
|
.g-col-md-1 {
|
|
grid-column: auto/span 1;
|
|
}
|
|
.g-col-md-2 {
|
|
grid-column: auto/span 2;
|
|
}
|
|
.g-col-md-3 {
|
|
grid-column: auto/span 3;
|
|
}
|
|
.g-col-md-4 {
|
|
grid-column: auto/span 4;
|
|
}
|
|
.g-col-md-5 {
|
|
grid-column: auto/span 5;
|
|
}
|
|
.g-col-md-6 {
|
|
grid-column: auto/span 6;
|
|
}
|
|
.g-col-md-7 {
|
|
grid-column: auto/span 7;
|
|
}
|
|
.g-col-md-8 {
|
|
grid-column: auto/span 8;
|
|
}
|
|
.g-col-md-9 {
|
|
grid-column: auto/span 9;
|
|
}
|
|
.g-col-md-10 {
|
|
grid-column: auto/span 10;
|
|
}
|
|
.g-col-md-11 {
|
|
grid-column: auto/span 11;
|
|
}
|
|
.g-col-md-12 {
|
|
grid-column: auto/span 12;
|
|
}
|
|
.g-start-md-1 {
|
|
grid-column-start: 1;
|
|
}
|
|
.g-start-md-2 {
|
|
grid-column-start: 2;
|
|
}
|
|
.g-start-md-3 {
|
|
grid-column-start: 3;
|
|
}
|
|
.g-start-md-4 {
|
|
grid-column-start: 4;
|
|
}
|
|
.g-start-md-5 {
|
|
grid-column-start: 5;
|
|
}
|
|
.g-start-md-6 {
|
|
grid-column-start: 6;
|
|
}
|
|
.g-start-md-7 {
|
|
grid-column-start: 7;
|
|
}
|
|
.g-start-md-8 {
|
|
grid-column-start: 8;
|
|
}
|
|
.g-start-md-9 {
|
|
grid-column-start: 9;
|
|
}
|
|
.g-start-md-10 {
|
|
grid-column-start: 10;
|
|
}
|
|
.g-start-md-11 {
|
|
grid-column-start: 11;
|
|
}
|
|
}
|
|
@media (width >= 1024px) {
|
|
.g-col-lg-1 {
|
|
grid-column: auto/span 1;
|
|
}
|
|
.g-col-lg-2 {
|
|
grid-column: auto/span 2;
|
|
}
|
|
.g-col-lg-3 {
|
|
grid-column: auto/span 3;
|
|
}
|
|
.g-col-lg-4 {
|
|
grid-column: auto/span 4;
|
|
}
|
|
.g-col-lg-5 {
|
|
grid-column: auto/span 5;
|
|
}
|
|
.g-col-lg-6 {
|
|
grid-column: auto/span 6;
|
|
}
|
|
.g-col-lg-7 {
|
|
grid-column: auto/span 7;
|
|
}
|
|
.g-col-lg-8 {
|
|
grid-column: auto/span 8;
|
|
}
|
|
.g-col-lg-9 {
|
|
grid-column: auto/span 9;
|
|
}
|
|
.g-col-lg-10 {
|
|
grid-column: auto/span 10;
|
|
}
|
|
.g-col-lg-11 {
|
|
grid-column: auto/span 11;
|
|
}
|
|
.g-col-lg-12 {
|
|
grid-column: auto/span 12;
|
|
}
|
|
.g-start-lg-1 {
|
|
grid-column-start: 1;
|
|
}
|
|
.g-start-lg-2 {
|
|
grid-column-start: 2;
|
|
}
|
|
.g-start-lg-3 {
|
|
grid-column-start: 3;
|
|
}
|
|
.g-start-lg-4 {
|
|
grid-column-start: 4;
|
|
}
|
|
.g-start-lg-5 {
|
|
grid-column-start: 5;
|
|
}
|
|
.g-start-lg-6 {
|
|
grid-column-start: 6;
|
|
}
|
|
.g-start-lg-7 {
|
|
grid-column-start: 7;
|
|
}
|
|
.g-start-lg-8 {
|
|
grid-column-start: 8;
|
|
}
|
|
.g-start-lg-9 {
|
|
grid-column-start: 9;
|
|
}
|
|
.g-start-lg-10 {
|
|
grid-column-start: 10;
|
|
}
|
|
.g-start-lg-11 {
|
|
grid-column-start: 11;
|
|
}
|
|
}
|
|
@media (width >= 1280px) {
|
|
.g-col-xl-1 {
|
|
grid-column: auto/span 1;
|
|
}
|
|
.g-col-xl-2 {
|
|
grid-column: auto/span 2;
|
|
}
|
|
.g-col-xl-3 {
|
|
grid-column: auto/span 3;
|
|
}
|
|
.g-col-xl-4 {
|
|
grid-column: auto/span 4;
|
|
}
|
|
.g-col-xl-5 {
|
|
grid-column: auto/span 5;
|
|
}
|
|
.g-col-xl-6 {
|
|
grid-column: auto/span 6;
|
|
}
|
|
.g-col-xl-7 {
|
|
grid-column: auto/span 7;
|
|
}
|
|
.g-col-xl-8 {
|
|
grid-column: auto/span 8;
|
|
}
|
|
.g-col-xl-9 {
|
|
grid-column: auto/span 9;
|
|
}
|
|
.g-col-xl-10 {
|
|
grid-column: auto/span 10;
|
|
}
|
|
.g-col-xl-11 {
|
|
grid-column: auto/span 11;
|
|
}
|
|
.g-col-xl-12 {
|
|
grid-column: auto/span 12;
|
|
}
|
|
.g-start-xl-1 {
|
|
grid-column-start: 1;
|
|
}
|
|
.g-start-xl-2 {
|
|
grid-column-start: 2;
|
|
}
|
|
.g-start-xl-3 {
|
|
grid-column-start: 3;
|
|
}
|
|
.g-start-xl-4 {
|
|
grid-column-start: 4;
|
|
}
|
|
.g-start-xl-5 {
|
|
grid-column-start: 5;
|
|
}
|
|
.g-start-xl-6 {
|
|
grid-column-start: 6;
|
|
}
|
|
.g-start-xl-7 {
|
|
grid-column-start: 7;
|
|
}
|
|
.g-start-xl-8 {
|
|
grid-column-start: 8;
|
|
}
|
|
.g-start-xl-9 {
|
|
grid-column-start: 9;
|
|
}
|
|
.g-start-xl-10 {
|
|
grid-column-start: 10;
|
|
}
|
|
.g-start-xl-11 {
|
|
grid-column-start: 11;
|
|
}
|
|
}
|
|
@media (width >= 1536px) {
|
|
.g-col-2xl-1 {
|
|
grid-column: auto/span 1;
|
|
}
|
|
.g-col-2xl-2 {
|
|
grid-column: auto/span 2;
|
|
}
|
|
.g-col-2xl-3 {
|
|
grid-column: auto/span 3;
|
|
}
|
|
.g-col-2xl-4 {
|
|
grid-column: auto/span 4;
|
|
}
|
|
.g-col-2xl-5 {
|
|
grid-column: auto/span 5;
|
|
}
|
|
.g-col-2xl-6 {
|
|
grid-column: auto/span 6;
|
|
}
|
|
.g-col-2xl-7 {
|
|
grid-column: auto/span 7;
|
|
}
|
|
.g-col-2xl-8 {
|
|
grid-column: auto/span 8;
|
|
}
|
|
.g-col-2xl-9 {
|
|
grid-column: auto/span 9;
|
|
}
|
|
.g-col-2xl-10 {
|
|
grid-column: auto/span 10;
|
|
}
|
|
.g-col-2xl-11 {
|
|
grid-column: auto/span 11;
|
|
}
|
|
.g-col-2xl-12 {
|
|
grid-column: auto/span 12;
|
|
}
|
|
.g-start-2xl-1 {
|
|
grid-column-start: 1;
|
|
}
|
|
.g-start-2xl-2 {
|
|
grid-column-start: 2;
|
|
}
|
|
.g-start-2xl-3 {
|
|
grid-column-start: 3;
|
|
}
|
|
.g-start-2xl-4 {
|
|
grid-column-start: 4;
|
|
}
|
|
.g-start-2xl-5 {
|
|
grid-column-start: 5;
|
|
}
|
|
.g-start-2xl-6 {
|
|
grid-column-start: 6;
|
|
}
|
|
.g-start-2xl-7 {
|
|
grid-column-start: 7;
|
|
}
|
|
.g-start-2xl-8 {
|
|
grid-column-start: 8;
|
|
}
|
|
.g-start-2xl-9 {
|
|
grid-column-start: 9;
|
|
}
|
|
.g-start-2xl-10 {
|
|
grid-column-start: 10;
|
|
}
|
|
.g-start-2xl-11 {
|
|
grid-column-start: 11;
|
|
}
|
|
}
|
|
.grid-cols-subgrid {
|
|
grid-template-columns: subgrid;
|
|
}
|
|
.grid-fill {
|
|
--bs-gap: 1.5rem;
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
|
|
grid-auto-flow: row;
|
|
gap: var(--bs-gap);
|
|
}
|
|
}
|
|
@layer forms {
|
|
.form-label {
|
|
margin-bottom: 0.5rem;
|
|
}
|
|
.col-form-label {
|
|
padding-top: add(0.375rem, var(--bs-border-width));
|
|
padding-bottom: add(0.375rem, var(--bs-border-width));
|
|
margin-bottom: 0;
|
|
font-size: inherit;
|
|
line-height: 1.5;
|
|
}
|
|
.col-form-label-lg {
|
|
padding-top: add(0.5rem, var(--bs-border-width));
|
|
padding-bottom: add(0.5rem, var(--bs-border-width));
|
|
font-size: 17.5px;
|
|
}
|
|
.col-form-label-sm {
|
|
padding-top: add(0.25rem, var(--bs-border-width));
|
|
padding-bottom: add(0.25rem, var(--bs-border-width));
|
|
font-size: 12.25px;
|
|
}
|
|
}
|
|
@layer forms {
|
|
.form-text {
|
|
margin-top: 0.25rem;
|
|
font-size: 0.875em;
|
|
color: var(--bs-secondary-color);
|
|
}
|
|
}
|
|
@layer forms {
|
|
.form-control {
|
|
--bs-control-min-height: 2.5rem;
|
|
--bs-control-padding-y: 0.375rem;
|
|
--bs-control-padding-x: 0.75rem;
|
|
--bs-control-font-size: 14px;
|
|
--bs-control-line-height: 1.5;
|
|
--bs-control-color: var(--bs-color-body);
|
|
--bs-control-bg: var(--bs-bg-body);
|
|
--bs-control-border-width: var(--bs-border-width);
|
|
--bs-control-border-color: var(--bs-border-color);
|
|
--bs-control-border-radius: var(--bs-border-radius);
|
|
--bs-control-select-bg-color: var(--bs-gray-600);
|
|
--bs-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='var%28--gray-600%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
|
|
--bs-control-select-bg-position: right 0.75rem center;
|
|
--bs-control-select-bg-size: 16px 12px;
|
|
display: block;
|
|
width: 100%;
|
|
min-height: var(--bs-control-min-height);
|
|
padding: var(--bs-control-padding-y) var(--bs-control-padding-x);
|
|
font-size: var(--bs-control-font-size);
|
|
line-height: var(--bs-control-line-height);
|
|
color: var(--bs-control-color);
|
|
-webkit-appearance: none;
|
|
appearance: none;
|
|
background-color: var(--bs-control-bg);
|
|
background-clip: padding-box;
|
|
border: var(--bs-control-border-width) solid var(--bs-control-border-color);
|
|
border-radius: var(--bs-control-border-radius);
|
|
box-shadow: var(--bs-box-shadow-inset);
|
|
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
|
|
}
|
|
@media (prefers-reduced-motion: reduce) {
|
|
.form-control {
|
|
transition: none;
|
|
}
|
|
}
|
|
.form-control[type=file] {
|
|
overflow: hidden;
|
|
}
|
|
.form-control[type=file]:not(:disabled):not([readonly]) {
|
|
cursor: pointer;
|
|
}
|
|
.form-control:focus-visible {
|
|
--bs-focus-ring-offset: -1px;
|
|
color: var(--bs-color-body);
|
|
background-color: var(--bs-bg-body);
|
|
border-color: var(--bs-primary-border);
|
|
outline: var(--bs-focus-ring);
|
|
outline-offset: var(--bs-focus-ring-offset);
|
|
}
|
|
.form-control::-webkit-date-and-time-value {
|
|
min-width: 85px;
|
|
height: 1.5em;
|
|
margin: 0;
|
|
}
|
|
.form-control::-webkit-datetime-edit {
|
|
display: block;
|
|
padding: 0;
|
|
}
|
|
.form-control::placeholder {
|
|
color: var(--bs-secondary-color);
|
|
opacity: 1;
|
|
}
|
|
.form-control:disabled {
|
|
background-color: var(--bs-secondary-bg);
|
|
opacity: 1;
|
|
}
|
|
.form-control::file-selector-button {
|
|
min-height: var(--bs-control-min-height);
|
|
padding: var(--bs-control-padding-y) var(--bs-control-padding-x);
|
|
margin: calc(var(--bs-control-padding-y) * -1) calc(var(--bs-control-padding-x) * -1);
|
|
margin-inline-end: var(--bs-control-padding-x);
|
|
color: var(--bs-color-body);
|
|
background-color: var(--bs-tertiary-bg);
|
|
pointer-events: none;
|
|
border-color: inherit;
|
|
border-style: solid;
|
|
border-width: 0;
|
|
border-inline-end-width: var(--bs-control-border-width);
|
|
border-radius: 0;
|
|
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;
|
|
}
|
|
@media (prefers-reduced-motion: reduce) {
|
|
.form-control::file-selector-button {
|
|
transition: none;
|
|
}
|
|
}
|
|
.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
|
|
background-color: var(--bs-secondary-bg);
|
|
}
|
|
.form-control-plaintext {
|
|
display: block;
|
|
width: 100%;
|
|
padding: 0.375rem 0;
|
|
margin-bottom: 0;
|
|
line-height: 1.5;
|
|
color: var(--bs-color-body);
|
|
background-color: transparent;
|
|
border: solid transparent;
|
|
border-width: var(--bs-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 {
|
|
padding-inline-end: calc(var(--bs-control-padding-x) * 3);
|
|
background-image: var(--bs-control-select-bg);
|
|
background-repeat: no-repeat;
|
|
background-position: var(--bs-control-select-bg-position);
|
|
background-size: var(--bs-control-select-bg-size);
|
|
}
|
|
select.form-control[multiple], select.form-control[size]:not([size="1"]) {
|
|
padding-inline-end: var(--bs-control-padding-x);
|
|
background-image: none;
|
|
}
|
|
select.form-control [data-bs-theme=dark] {
|
|
--bs-control-select-indicator: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
|
|
}
|
|
.form-control-sm {
|
|
--bs-control-min-height: 2rem;
|
|
--bs-control-padding-y: 0.25rem;
|
|
--bs-control-padding-x: 0.5rem;
|
|
--bs-control-font-size: 12.25px;
|
|
--bs-control-line-height: 1.25;
|
|
--bs-control-border-radius: var(--bs-border-radius-sm);
|
|
}
|
|
.form-control-lg {
|
|
--bs-control-min-height: 3rem;
|
|
--bs-control-padding-y: 0.5rem;
|
|
--bs-control-padding-x: 1rem;
|
|
--bs-control-font-size: 17.5px;
|
|
--bs-control-line-height: 2;
|
|
--bs-control-border-radius: var(--bs-border-radius-lg);
|
|
}
|
|
.form-control-color {
|
|
width: 3rem;
|
|
height: 2.5rem;
|
|
padding: 0.375rem;
|
|
}
|
|
.form-control-color:not(:disabled):not([readonly]) {
|
|
cursor: pointer;
|
|
}
|
|
.form-control-color::-moz-color-swatch {
|
|
border: 0 !important;
|
|
border-radius: var(--bs-border-radius);
|
|
}
|
|
.form-control-color::-webkit-color-swatch {
|
|
border: 0 !important;
|
|
border-radius: var(--bs-border-radius);
|
|
}
|
|
.form-control-color.form-control-sm {
|
|
height: 2rem;
|
|
}
|
|
.form-control-color.form-control-lg {
|
|
height: 3rem;
|
|
}
|
|
.form-ghost {
|
|
display: block;
|
|
width: 100%;
|
|
padding: 0;
|
|
font: inherit;
|
|
color: inherit;
|
|
-webkit-appearance: none;
|
|
appearance: none;
|
|
background: transparent;
|
|
border: 0;
|
|
}
|
|
.form-ghost:focus {
|
|
outline: 0;
|
|
}
|
|
.form-ghost::placeholder {
|
|
color: var(--bs-fg-3);
|
|
opacity: 1;
|
|
}
|
|
.form-ghost:disabled {
|
|
color: var(--bs-fg-4);
|
|
cursor: not-allowed;
|
|
}
|
|
}
|
|
@layer forms {
|
|
b-checkgroup {
|
|
display: flex;
|
|
gap: var(--bs-gap, 0.5rem);
|
|
align-items: var(--bs-align-items, start);
|
|
}
|
|
b-checkgroup .description {
|
|
color: var(--bs-secondary-text);
|
|
}
|
|
.check {
|
|
--bs-check-bg: transparent;
|
|
--bs-check-border-color: var(--bs-border-color);
|
|
--bs-check-checked-bg: var(--bs-primary-base);
|
|
--bs-check-checked-border-color: var(--bs-primary-base);
|
|
--bs-check-indeterminate-bg: var(--bs-primary-base);
|
|
--bs-check-indeterminate-border-color: var(--bs-primary-base);
|
|
--bs-check-disabled-bg: var(--bs-bg-3);
|
|
--bs-check-disabled-opacity: 0.65;
|
|
display: grid;
|
|
grid-template-columns: repeat(1, minmax(0, 1fr));
|
|
margin-block: 0.125rem;
|
|
}
|
|
.check :where(svg, input) {
|
|
flex-shrink: 0;
|
|
grid-row-start: 1;
|
|
grid-column-start: 1;
|
|
width: 1rem;
|
|
height: 1rem;
|
|
}
|
|
.check :where(input) {
|
|
-webkit-appearance: none;
|
|
appearance: none;
|
|
background-color: var(--bs-theme-bg, var(--bs-check-bg));
|
|
border: 1px solid var(--bs-theme-bg, var(--bs-check-border-color));
|
|
border-radius: 0.25em;
|
|
}
|
|
.check :where(input:checked, input:indeterminate) {
|
|
background-color: var(--bs-theme-bg, var(--bs-check-checked-bg));
|
|
border-color: var(--bs-theme-bg, var(--bs-check-checked-border-color));
|
|
}
|
|
.check :where(input:focus-visible) {
|
|
outline: var(--bs-focus-ring);
|
|
outline-offset: var(--bs-focus-ring-offset);
|
|
}
|
|
.check:has(input:checked) .checked, .check:has(input:indeterminate) .indeterminate {
|
|
display: block;
|
|
color: var(--bs-primary-contrast);
|
|
stroke: currentcolor;
|
|
}
|
|
.check:has(input:disabled) {
|
|
--bs-check-bg: var(--bs-check-disabled-bg);
|
|
}
|
|
.check:has(input:disabled) ~ label {
|
|
color: var(--bs-secondary-text);
|
|
cursor: default;
|
|
}
|
|
.check:has(input:disabled:checked) {
|
|
opacity: var(--bs-check-disabled-opacity);
|
|
}
|
|
.check :where(svg) {
|
|
pointer-events: none;
|
|
}
|
|
.check :where(svg path) {
|
|
display: none;
|
|
}
|
|
}
|
|
@layer forms {
|
|
b-radiogroup {
|
|
display: flex;
|
|
gap: var(--bs-gap, 0.5rem);
|
|
align-items: var(--bs-align-items, start);
|
|
}
|
|
b-radiogroup .description {
|
|
color: var(--bs-secondary-text);
|
|
}
|
|
.radio {
|
|
--bs-radio-bg: transparent;
|
|
--bs-radio-border-color: var(--bs-border-color);
|
|
--bs-radio-checked-bg: var(--bs-primary-base);
|
|
--bs-radio-checked-border-color: var(--bs-primary-base);
|
|
--bs-radio-disabled-bg: var(--bs-bg-3);
|
|
--bs-radio-disabled-opacity: 0.65;
|
|
position: relative;
|
|
flex-shrink: 0;
|
|
width: 1rem;
|
|
height: 1rem;
|
|
margin-block: 0.125rem;
|
|
-webkit-appearance: none;
|
|
appearance: none;
|
|
background-color: var(--bs-theme-bg, var(--bs-radio-bg));
|
|
border: 1px solid var(--bs-theme-bg, var(--bs-radio-border-color));
|
|
border-radius: 50%;
|
|
}
|
|
.radio:checked {
|
|
color: var(--bs-theme-contrast, var(--bs-primary-contrast));
|
|
background-color: var(--bs-theme-bg, var(--bs-radio-checked-bg));
|
|
border-color: var(--bs-theme-bg, var(--bs-radio-checked-border-color));
|
|
}
|
|
.radio:checked::before {
|
|
position: absolute;
|
|
inset: 0.25rem;
|
|
content: "";
|
|
background-color: currentcolor;
|
|
border-radius: 50%;
|
|
}
|
|
.radio:disabled {
|
|
--bs-radio-bg: var(--bs-radio-disabled-bg);
|
|
}
|
|
.radio:disabled ~ label {
|
|
color: var(--bs-secondary-text);
|
|
cursor: default;
|
|
}
|
|
.radio:focus-visible {
|
|
outline: var(--bs-focus-ring);
|
|
outline-offset: var(--bs-focus-ring-offset);
|
|
}
|
|
}
|
|
@layer forms {
|
|
.switch {
|
|
--bs-switch-height: 1.25rem;
|
|
--bs-switch-width: calc(var(--bs-switch-height) * 1.5);
|
|
--bs-switch-padding: .0625rem;
|
|
--bs-switch-bg: var(--bs-secondary-bg);
|
|
--bs-switch-border-width: var(--bs-border-width);
|
|
--bs-switch-border-color: var(--bs-border-color);
|
|
--bs-switch-indicator-bg: var(--bs-white);
|
|
--bs-switch-checked-bg: var(--bs-primary-base);
|
|
--bs-switch-checked-border-color: var(--bs-switch-checked-bg);
|
|
--bs-switch-checked-indicator-bg: var(--bs-white);
|
|
--bs-switch-disabled-bg: var(--bs-secondary-bg);
|
|
--bs-switch-disabled-indicator-bg: var(--bs-secondary-text);
|
|
position: relative;
|
|
display: flex;
|
|
flex-shrink: 0;
|
|
align-items: stretch;
|
|
justify-content: flex-start;
|
|
width: var(--bs-switch-width);
|
|
height: var(--bs-switch-height);
|
|
padding: var(--bs-switch-padding);
|
|
background-color: var(--bs-switch-bg);
|
|
border: var(--bs-switch-border-width) solid var(--bs-switch-border-color);
|
|
border-radius: 10rem;
|
|
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05);
|
|
transition: 0.15s ease-in-out;
|
|
transition-property: padding-inline-start, background-color;
|
|
}
|
|
.switch::before {
|
|
flex-shrink: 0;
|
|
width: calc(var(--bs-switch-height) - var(--bs-switch-padding) * 2 - var(--bs-switch-border-width) * 2);
|
|
height: calc(var(--bs-switch-height) - var(--bs-switch-padding) * 2 - var(--bs-switch-border-width) * 2);
|
|
content: "";
|
|
background-color: var(--bs-switch-indicator-bg);
|
|
border-radius: 50%;
|
|
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
|
|
}
|
|
.switch input {
|
|
position: absolute;
|
|
inset: 0;
|
|
-webkit-appearance: none;
|
|
appearance: none;
|
|
background-color: transparent;
|
|
outline: 0;
|
|
}
|
|
.switch:focus-within {
|
|
outline: var(--bs-focus-ring);
|
|
outline-offset: var(--bs-focus-ring-offset);
|
|
}
|
|
.switch:has(input:checked) {
|
|
padding-inline-start: calc(var(--bs-switch-height) / 2 + var(--bs-switch-padding));
|
|
background-color: var(--bs-theme-bg, var(--bs-switch-checked-bg));
|
|
border-color: var(--bs-theme-bg, var(--bs-switch-checked-border-color));
|
|
}
|
|
.switch:has(input:disabled) {
|
|
--bs-switch-bg: var(--bs-switch-disabled-bg);
|
|
--bs-switch-indicator-bg: var(--bs-switch-disabled-indicator-bg);
|
|
}
|
|
.switch:has(input:disabled)::before {
|
|
opacity: 0.4;
|
|
}
|
|
.switch:has(input:disabled) ~ label {
|
|
color: var(--bs-secondary-text);
|
|
cursor: default;
|
|
}
|
|
.switch-sm {
|
|
--bs-switch-height: 1em;
|
|
}
|
|
.switch-lg {
|
|
--bs-switch-height: 2em;
|
|
}
|
|
}
|
|
@layer forms {
|
|
.form-range {
|
|
width: 100%;
|
|
height: calc(1rem + var(--bs-focus-ring-width) * 2);
|
|
padding: 0;
|
|
-webkit-appearance: none;
|
|
appearance: none;
|
|
background-color: transparent;
|
|
}
|
|
.form-range:focus {
|
|
outline: 0;
|
|
}
|
|
.form-range:focus::-webkit-slider-thumb {
|
|
outline: var(--bs-focus-ring);
|
|
outline-offset: var(--bs-focus-ring-offset);
|
|
--bs-focus-ring-offset: 1px;
|
|
}
|
|
.form-range:focus::-moz-range-thumb {
|
|
outline: var(--bs-focus-ring);
|
|
outline-offset: var(--bs-focus-ring-offset);
|
|
--bs-focus-ring-offset: 1px;
|
|
}
|
|
.form-range::-moz-focus-outer {
|
|
border: 0;
|
|
}
|
|
.form-range::-webkit-slider-thumb {
|
|
width: 1rem;
|
|
height: 1rem;
|
|
margin-top: -0.25rem;
|
|
-webkit-appearance: none;
|
|
appearance: none;
|
|
background-color: var(--bs-primary-bg);
|
|
border: 0;
|
|
border-radius: 1rem;
|
|
box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.1);
|
|
-webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
|
|
transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
|
|
}
|
|
@media (prefers-reduced-motion: reduce) {
|
|
.form-range::-webkit-slider-thumb {
|
|
-webkit-transition: none;
|
|
transition: none;
|
|
}
|
|
}
|
|
.form-range::-webkit-slider-thumb:active {
|
|
background-color: tint-color(var(--bs-primary-bg), 70%);
|
|
}
|
|
.form-range::-webkit-slider-runnable-track {
|
|
width: 100%;
|
|
height: 0.5rem;
|
|
color: transparent;
|
|
cursor: pointer;
|
|
background-color: var(--bs-secondary-bg);
|
|
border-color: transparent;
|
|
border-radius: 1rem;
|
|
box-shadow: var(--bs-box-shadow-inset);
|
|
}
|
|
.form-range::-moz-range-thumb {
|
|
width: 1rem;
|
|
height: 1rem;
|
|
appearance: none;
|
|
background-color: var(--bs-primary-bg);
|
|
border: 0;
|
|
border-radius: 1rem;
|
|
box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.1);
|
|
-moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
|
|
transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
|
|
}
|
|
@media (prefers-reduced-motion: reduce) {
|
|
.form-range::-moz-range-thumb {
|
|
-moz-transition: none;
|
|
transition: none;
|
|
}
|
|
}
|
|
.form-range::-moz-range-thumb:active {
|
|
background-color: tint-color(var(--bs-primary-bg), 70%);
|
|
}
|
|
.form-range::-moz-range-track {
|
|
width: 100%;
|
|
height: 0.5rem;
|
|
color: transparent;
|
|
cursor: pointer;
|
|
background-color: var(--bs-secondary-bg);
|
|
border-color: transparent;
|
|
border-radius: 1rem;
|
|
box-shadow: var(--bs-box-shadow-inset);
|
|
}
|
|
.form-range:disabled {
|
|
pointer-events: none;
|
|
}
|
|
.form-range:disabled::-webkit-slider-thumb {
|
|
background-color: var(--bs-secondary-color);
|
|
}
|
|
.form-range:disabled::-moz-range-thumb {
|
|
background-color: var(--bs-secondary-color);
|
|
}
|
|
}
|
|
@layer forms {
|
|
.form-floating {
|
|
position: relative;
|
|
}
|
|
.form-floating > .form-control,
|
|
.form-floating > .form-control-plaintext,
|
|
.form-floating > .form-select {
|
|
height: calc(3.5rem + calc(var(--bs-border-width) * 2));
|
|
min-height: calc(3.5rem + calc(var(--bs-border-width) * 2));
|
|
line-height: 1.25;
|
|
}
|
|
.form-floating > label {
|
|
position: absolute;
|
|
inset-block-start: 0;
|
|
inset-inline-start: 0;
|
|
z-index: 2;
|
|
max-width: 100%;
|
|
height: 100%;
|
|
padding: 1rem 0.75rem;
|
|
overflow: hidden;
|
|
color: rgba(var(--bs-body-color-rgb), 0.65);
|
|
text-align: start;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
pointer-events: none;
|
|
border: var(--bs-border-width) solid transparent;
|
|
transform-origin: 0 0;
|
|
transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
|
|
}
|
|
@media (prefers-reduced-motion: reduce) {
|
|
.form-floating > label {
|
|
transition: none;
|
|
}
|
|
}
|
|
.form-floating > .form-control,
|
|
.form-floating > .form-control-plaintext {
|
|
padding: 1rem 0.75rem;
|
|
}
|
|
.form-floating > .form-control::placeholder,
|
|
.form-floating > .form-control-plaintext::placeholder {
|
|
color: transparent;
|
|
}
|
|
.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: 1.625rem;
|
|
padding-bottom: 0.625rem;
|
|
}
|
|
.form-floating > .form-control:-webkit-autofill,
|
|
.form-floating > .form-control-plaintext:-webkit-autofill {
|
|
padding-top: 1.625rem;
|
|
padding-bottom: 0.625rem;
|
|
}
|
|
.form-floating > .form-select {
|
|
padding-inline-start: 0.75rem;
|
|
padding-top: 1.625rem;
|
|
padding-bottom: 0.625rem;
|
|
}
|
|
.form-floating > .form-control:focus ~ label,
|
|
.form-floating > .form-control:not(:placeholder-shown) ~ label,
|
|
.form-floating > .form-control-plaintext ~ label,
|
|
.form-floating > .form-select ~ label {
|
|
transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
|
|
}
|
|
.form-floating > .form-control:-webkit-autofill ~ label {
|
|
transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
|
|
}
|
|
.form-floating > textarea:focus ~ label::after,
|
|
.form-floating > textarea:not(:placeholder-shown) ~ label::after {
|
|
position: absolute;
|
|
inset: 1rem 0.375rem;
|
|
z-index: -1;
|
|
height: 1.5em;
|
|
content: "";
|
|
background-color: var(--bs-bg-body);
|
|
border-radius: var(--bs-border-radius);
|
|
}
|
|
.form-floating > textarea:disabled ~ label::after {
|
|
background-color: var(--bs-secondary-bg);
|
|
}
|
|
.form-floating > .form-control-plaintext ~ label {
|
|
border-width: var(--bs-border-width) 0;
|
|
}
|
|
.form-floating > :disabled ~ label,
|
|
.form-floating > .form-control:disabled ~ label {
|
|
color: var(--bs-gray-600);
|
|
}
|
|
}
|
|
@layer forms {
|
|
.input-group {
|
|
position: relative;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
align-items: stretch;
|
|
width: 100%;
|
|
}
|
|
.input-group > .form-control,
|
|
.input-group > .form-select,
|
|
.input-group > .form-floating {
|
|
position: relative;
|
|
flex: 1 1 auto;
|
|
width: 1%;
|
|
min-width: 0;
|
|
}
|
|
.input-group > .form-control:focus,
|
|
.input-group > .form-select:focus,
|
|
.input-group > .form-floating:focus-within {
|
|
z-index: 5;
|
|
}
|
|
.input-group .btn {
|
|
position: relative;
|
|
z-index: 2;
|
|
}
|
|
.input-group .btn:focus {
|
|
z-index: 5;
|
|
}
|
|
.input-group-text {
|
|
display: flex;
|
|
align-items: center;
|
|
padding: 0.375rem 0.75rem;
|
|
font-size: 14px;
|
|
line-height: 1.5;
|
|
color: var(--bs-color-body);
|
|
text-align: center;
|
|
white-space: nowrap;
|
|
background-color: var(--bs-tertiary-bg);
|
|
border: var(--bs-border-width) solid var(--bs-border-color);
|
|
border-radius: var(--bs-border-radius);
|
|
}
|
|
.input-group-lg > .form-control,
|
|
.input-group-lg > .form-select,
|
|
.input-group-lg > .input-group-text,
|
|
.input-group-lg > .btn {
|
|
padding: 0.5rem 1rem;
|
|
font-size: 17.5px;
|
|
border-radius: var(--bs-border-radius-lg);
|
|
}
|
|
.input-group-sm > .form-control,
|
|
.input-group-sm > .form-select,
|
|
.input-group-sm > .input-group-text,
|
|
.input-group-sm > .btn {
|
|
padding: 0.25rem 0.5rem;
|
|
font-size: 12.25px;
|
|
border-radius: var(--bs-border-radius-sm);
|
|
}
|
|
.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
|
|
.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3),
|
|
.input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control,
|
|
.input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select {
|
|
border-start-end-radius: 0;
|
|
border-end-end-radius: 0;
|
|
}
|
|
.input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
|
|
.input-group.has-validation > .dropdown-toggle:nth-last-child(n+4),
|
|
.input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-control,
|
|
.input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-select {
|
|
border-start-end-radius: 0;
|
|
border-end-end-radius: 0;
|
|
}
|
|
.input-group > :not(:first-child):not(.dropdown-menu) {
|
|
margin-inline-start: calc(-1 * var(--bs-border-width));
|
|
border-start-start-radius: 0;
|
|
border-end-start-radius: 0;
|
|
}
|
|
.input-group > .form-floating:not(:first-child) > .form-control,
|
|
.input-group > .form-floating:not(:first-child) > .form-select {
|
|
border-start-start-radius: 0;
|
|
border-end-start-radius: 0;
|
|
}
|
|
}
|
|
@layer forms {
|
|
.strength {
|
|
--bs-strength-height: 0.375rem;
|
|
--bs-strength-gap: 0.25rem;
|
|
--bs-strength-bg: var(--bs-bg-2);
|
|
--bs-strength-border-radius: var(--bs-border-radius-pill);
|
|
--bs-strength-color: var(--bs-bg-2);
|
|
display: flex;
|
|
gap: var(--bs-strength-gap);
|
|
width: 100%;
|
|
margin-top: 0.25rem;
|
|
}
|
|
.strength-segment {
|
|
flex: 1;
|
|
height: var(--bs-strength-height);
|
|
background-color: var(--bs-strength-bg);
|
|
border-radius: var(--bs-strength-border-radius);
|
|
transition: background-color 0.2s ease-in-out, width 0.3s ease-in-out;
|
|
}
|
|
@media (prefers-reduced-motion: reduce) {
|
|
.strength-segment {
|
|
transition: none;
|
|
}
|
|
}
|
|
.strength-segment.active {
|
|
background-color: var(--bs-strength-color);
|
|
}
|
|
.strength[data-bs-strength=weak] {
|
|
--bs-strength-color: var(--bs-danger-bg);
|
|
}
|
|
.strength[data-bs-strength=fair] {
|
|
--bs-strength-color: var(--bs-warning-bg);
|
|
}
|
|
.strength[data-bs-strength=good] {
|
|
--bs-strength-color: var(--bs-info-bg);
|
|
}
|
|
.strength[data-bs-strength=strong] {
|
|
--bs-strength-color: var(--bs-success-bg);
|
|
}
|
|
.strength-text {
|
|
display: block;
|
|
margin-top: 0.25rem;
|
|
font-size: 0.875em;
|
|
color: var(--bs-strength-color, var(--bs-secondary-color));
|
|
transition: color 0.2s ease-in-out;
|
|
}
|
|
@media (prefers-reduced-motion: reduce) {
|
|
.strength-text {
|
|
transition: none;
|
|
}
|
|
}
|
|
.strength-text:empty {
|
|
display: none;
|
|
}
|
|
.strength-bar {
|
|
--bs-strength-height: 0.375rem;
|
|
--bs-strength-bg: var(--bs-bg-2);
|
|
--bs-strength-border-radius: var(--bs-border-radius-pill);
|
|
--bs-strength-color: transparent;
|
|
--bs-strength-width: 0%;
|
|
width: 100%;
|
|
height: var(--bs-strength-height);
|
|
margin-top: 0.25rem;
|
|
overflow: hidden;
|
|
background-color: var(--bs-strength-bg);
|
|
border-radius: var(--bs-strength-border-radius);
|
|
}
|
|
.strength-bar::after {
|
|
display: block;
|
|
width: var(--bs-strength-width);
|
|
height: 100%;
|
|
content: "";
|
|
background-color: var(--bs-strength-color);
|
|
border-radius: var(--bs-strength-border-radius);
|
|
transition: background-color 0.2s ease-in-out, width 0.3s ease-in-out;
|
|
}
|
|
@media (prefers-reduced-motion: reduce) {
|
|
.strength-bar::after {
|
|
transition: none;
|
|
}
|
|
}
|
|
.strength-bar[data-bs-strength=weak] {
|
|
--bs-strength-color: var(--bs-danger-bg);
|
|
--bs-strength-width: 25%;
|
|
}
|
|
.strength-bar[data-bs-strength=fair] {
|
|
--bs-strength-color: var(--bs-warning-bg);
|
|
--bs-strength-width: 50%;
|
|
}
|
|
.strength-bar[data-bs-strength=good] {
|
|
--bs-strength-color: var(--bs-info-bg);
|
|
--bs-strength-width: 75%;
|
|
}
|
|
.strength-bar[data-bs-strength=strong] {
|
|
--bs-strength-color: var(--bs-success-bg);
|
|
--bs-strength-width: 100%;
|
|
}
|
|
}
|
|
@layer forms {
|
|
.otp {
|
|
--bs-otp-size: 3rem;
|
|
--bs-otp-font-size: 17.5px;
|
|
--bs-otp-gap: 0.5rem;
|
|
display: inline-flex;
|
|
gap: var(--bs-otp-gap);
|
|
}
|
|
.otp .form-control {
|
|
width: var(--bs-otp-size);
|
|
min-height: var(--bs-otp-size);
|
|
padding: 0;
|
|
font-size: var(--bs-otp-font-size);
|
|
font-weight: 500;
|
|
line-height: 1;
|
|
text-align: center;
|
|
}
|
|
.otp .form-control::-webkit-outer-spin-button, .otp .form-control::-webkit-inner-spin-button {
|
|
margin: 0;
|
|
-webkit-appearance: none;
|
|
appearance: none;
|
|
}
|
|
.otp .form-control[type=number] {
|
|
-webkit-appearance: textfield;
|
|
appearance: textfield;
|
|
}
|
|
.otp .form-control:focus, .otp .form-control:focus-visible {
|
|
z-index: 1;
|
|
}
|
|
.otp.is-valid .form-control, .was-validated .otp:valid .form-control {
|
|
border-color: var(--bs-form-valid-border-color);
|
|
}
|
|
.otp.is-valid .form-control:focus, .was-validated .otp:valid .form-control:focus {
|
|
--bs-focus-ring-color: rgba(var(--bs-success-rgb), .25);
|
|
border-color: var(--bs-form-valid-border-color);
|
|
}
|
|
.otp.is-invalid .form-control, .was-validated .otp:invalid .form-control {
|
|
border-color: var(--bs-form-invalid-border-color);
|
|
}
|
|
.otp.is-invalid .form-control:focus, .was-validated .otp:invalid .form-control:focus {
|
|
--bs-focus-ring-color: rgba(var(--bs-danger-rgb), .25);
|
|
border-color: var(--bs-form-invalid-border-color);
|
|
}
|
|
.otp.input-group {
|
|
gap: 0;
|
|
width: auto;
|
|
}
|
|
.otp.input-group .form-control {
|
|
flex: 0 0 auto;
|
|
}
|
|
.otp-separator {
|
|
display: flex;
|
|
align-items: center;
|
|
padding-inline: var(--bs-otp-gap);
|
|
font-size: var(--bs-otp-font-size);
|
|
color: var(--bs-fg-4);
|
|
-webkit-user-select: none;
|
|
user-select: none;
|
|
}
|
|
.otp-sm {
|
|
--bs-otp-size: 2.25rem;
|
|
--bs-otp-font-size: 14px;
|
|
}
|
|
.otp-lg {
|
|
--bs-otp-size: 3.5rem;
|
|
--bs-otp-font-size: 21.875px;
|
|
}
|
|
}
|
|
@layer forms {
|
|
.form-adorn {
|
|
--bs-control-min-height: 2.5rem;
|
|
--bs-control-padding-y: 0.375rem;
|
|
--bs-control-padding-x: 0.75rem;
|
|
--bs-control-font-size: 14px;
|
|
--bs-control-line-height: 1.5;
|
|
--bs-control-color: var(--bs-color-body);
|
|
--bs-control-bg: var(--bs-bg-body);
|
|
--bs-control-border-width: var(--bs-border-width);
|
|
--bs-control-border-color: var(--bs-border-color);
|
|
--bs-control-border-radius: var(--bs-border-radius);
|
|
--bs-form-adorn-gap: 0.375rem;
|
|
--bs-form-adorn-icon-size: 1rem;
|
|
--bs-form-adorn-icon-color: var(--bs-fg-2);
|
|
display: flex;
|
|
gap: var(--bs-form-adorn-gap);
|
|
align-items: center;
|
|
min-height: var(--bs-control-min-height);
|
|
padding: var(--bs-control-padding-y) var(--bs-control-padding-x);
|
|
font-size: var(--bs-control-font-size);
|
|
line-height: var(--bs-control-line-height);
|
|
color: var(--bs-control-color);
|
|
background-color: var(--bs-control-bg);
|
|
background-clip: padding-box;
|
|
border: var(--bs-control-border-width) solid var(--bs-control-border-color);
|
|
border-radius: var(--bs-control-border-radius);
|
|
box-shadow: var(--bs-box-shadow-inset);
|
|
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
|
|
}
|
|
@media (prefers-reduced-motion: reduce) {
|
|
.form-adorn {
|
|
transition: none;
|
|
}
|
|
}
|
|
.form-adorn:focus-within {
|
|
--bs-focus-ring-offset: -1px;
|
|
border-color: var(--bs-primary-border);
|
|
outline: var(--bs-focus-ring);
|
|
outline-offset: var(--bs-focus-ring-offset);
|
|
}
|
|
.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(--bs-form-adorn-icon-color);
|
|
pointer-events: none;
|
|
}
|
|
.form-adorn-icon > svg {
|
|
width: var(--bs-form-adorn-icon-size);
|
|
height: var(--bs-form-adorn-icon-size);
|
|
}
|
|
.form-adorn-text {
|
|
flex-shrink: 0;
|
|
color: var(--bs-form-adorn-icon-color);
|
|
pointer-events: none;
|
|
-webkit-user-select: none;
|
|
user-select: none;
|
|
}
|
|
.form-adorn-sm {
|
|
--bs-control-min-height: 2rem;
|
|
--bs-control-padding-y: 0.25rem;
|
|
--bs-control-padding-x: 0.5rem;
|
|
--bs-control-font-size: 12.25px;
|
|
--bs-control-line-height: 1.25;
|
|
--bs-control-border-radius: var(--bs-border-radius-sm);
|
|
}
|
|
.form-adorn-lg {
|
|
--bs-control-min-height: 3rem;
|
|
--bs-control-padding-y: 0.5rem;
|
|
--bs-control-padding-x: 1rem;
|
|
--bs-control-font-size: 17.5px;
|
|
--bs-control-line-height: 2;
|
|
--bs-control-border-radius: var(--bs-border-radius-lg);
|
|
}
|
|
}
|
|
@layer components {
|
|
.tooltip {
|
|
--bs-tooltip-zindex: 1080;
|
|
--bs-tooltip-max-width: 200px;
|
|
--bs-tooltip-padding-x: 0.75rem;
|
|
--bs-tooltip-padding-y: 0.375rem;
|
|
--bs-tooltip-font-size: var(--bs-font-size-sm);
|
|
--bs-tooltip-color: var(--bs-bg-body);
|
|
--bs-tooltip-bg: var(--bs-fg-body);
|
|
--bs-tooltip-border-radius: var(--bs-border-radius);
|
|
--bs-tooltip-opacity: 0.95;
|
|
--bs-tooltip-arrow-width: 0.8rem;
|
|
--bs-tooltip-arrow-height: 0.4rem;
|
|
z-index: var(--bs-tooltip-zindex);
|
|
display: block;
|
|
font-family: var(--bs-font-sans-serif);
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
line-height: 1.5;
|
|
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(--bs-tooltip-font-size);
|
|
word-wrap: break-word;
|
|
opacity: 0;
|
|
}
|
|
.tooltip.show {
|
|
opacity: var(--bs-tooltip-opacity);
|
|
}
|
|
.tooltip .tooltip-arrow {
|
|
display: block;
|
|
width: var(--bs-tooltip-arrow-width);
|
|
height: var(--bs-tooltip-arrow-height);
|
|
}
|
|
.tooltip .tooltip-arrow::before {
|
|
position: absolute;
|
|
content: "";
|
|
border-color: transparent;
|
|
border-style: solid;
|
|
}
|
|
.bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-bs-placement^=top] .tooltip-arrow {
|
|
bottom: calc(-1 * var(--bs-tooltip-arrow-height));
|
|
}
|
|
.bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-bs-placement^=top] .tooltip-arrow::before {
|
|
top: -1px;
|
|
border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
|
|
border-block-start-color: var(--bs-tooltip-bg);
|
|
}
|
|
.bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-bs-placement^=right] .tooltip-arrow {
|
|
left: calc(-1 * var(--bs-tooltip-arrow-height));
|
|
width: var(--bs-tooltip-arrow-height);
|
|
height: var(--bs-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(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
|
|
border-inline-end-color: var(--bs-tooltip-bg);
|
|
}
|
|
.bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-bs-placement^=bottom] .tooltip-arrow {
|
|
top: calc(-1 * var(--bs-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(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height);
|
|
border-block-end-color: var(--bs-tooltip-bg);
|
|
}
|
|
.bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-bs-placement^=left] .tooltip-arrow {
|
|
right: calc(-1 * var(--bs-tooltip-arrow-height));
|
|
width: var(--bs-tooltip-arrow-height);
|
|
height: var(--bs-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(--bs-tooltip-arrow-width) * 0.5) 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height);
|
|
border-inline-start-color: var(--bs-tooltip-bg);
|
|
}
|
|
.tooltip-inner {
|
|
max-width: var(--bs-tooltip-max-width);
|
|
padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
|
|
color: var(--bs-tooltip-color);
|
|
text-align: center;
|
|
background-color: var(--bs-tooltip-bg);
|
|
border-radius: var(--bs-tooltip-border-radius);
|
|
}
|
|
}
|
|
@layer forms {
|
|
.valid-feedback {
|
|
display: none;
|
|
width: 100%;
|
|
margin-top: 0.5rem;
|
|
font-size: 12.25px;
|
|
color: var(--bs-form-valid-color);
|
|
}
|
|
.valid-tooltip {
|
|
position: absolute;
|
|
top: 100%;
|
|
z-index: 5;
|
|
display: none;
|
|
max-width: 100%;
|
|
padding: 0.375rem 0.75rem;
|
|
margin-top: 0.1rem;
|
|
font-size: var(--bs-font-size-sm);
|
|
color: #fff;
|
|
background-color: var(--bs-success);
|
|
border-radius: var(--bs-border-radius);
|
|
}
|
|
.was-validated :valid ~ .valid-feedback,
|
|
.was-validated :valid ~ .valid-tooltip,
|
|
.is-valid ~ .valid-feedback,
|
|
.is-valid ~ .valid-tooltip {
|
|
display: block;
|
|
}
|
|
.was-validated .form-control:valid, .form-control.is-valid {
|
|
border-color: var(--bs-form-valid-border-color);
|
|
padding-inline-end: add(1.5em, 0.75rem);
|
|
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='var%28--success%29' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%3e%3c/svg%3e");
|
|
background-repeat: no-repeat;
|
|
background-position: right add(0.375em, 0.1875rem) center;
|
|
background-size: add(0.75em, 0.375rem) add(0.75em, 0.375rem);
|
|
}
|
|
.was-validated .form-control:valid:focus, .form-control.is-valid:focus {
|
|
border-color: var(--bs-form-valid-border-color);
|
|
box-shadow: var(--bs-box-shadow-inset);
|
|
}
|
|
.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
|
|
padding-inline-end: add(1.5em, 0.75rem);
|
|
background-position: top add(0.375em, 0.1875rem) right add(0.375em, 0.1875rem);
|
|
}
|
|
.was-validated .form-control-color:valid, .form-control-color.is-valid {
|
|
width: add(3rem, add(1.5em, 0.75rem));
|
|
}
|
|
.was-validated .form-check-input:valid, .form-check-input.is-valid {
|
|
border-color: var(--bs-form-valid-border-color);
|
|
}
|
|
.was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked {
|
|
background-color: var(--bs-form-valid-color);
|
|
}
|
|
.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
|
|
color: var(--bs-form-valid-color);
|
|
}
|
|
.form-check-inline .form-check-input ~ .valid-feedback {
|
|
margin-inline-start: 0.5em;
|
|
}
|
|
.was-validated .input-group > .form-control:not(:focus):valid, .input-group > .form-control:not(:focus).is-valid,
|
|
.was-validated .input-group > .form-select:not(:focus):valid,
|
|
.input-group > .form-select:not(:focus).is-valid,
|
|
.was-validated .input-group > .form-floating:not(:focus-within):valid,
|
|
.input-group > .form-floating:not(:focus-within).is-valid {
|
|
z-index: 3;
|
|
}
|
|
.invalid-feedback {
|
|
display: none;
|
|
width: 100%;
|
|
margin-top: 0.5rem;
|
|
font-size: 12.25px;
|
|
color: var(--bs-form-invalid-color);
|
|
}
|
|
.invalid-tooltip {
|
|
position: absolute;
|
|
top: 100%;
|
|
z-index: 5;
|
|
display: none;
|
|
max-width: 100%;
|
|
padding: 0.375rem 0.75rem;
|
|
margin-top: 0.1rem;
|
|
font-size: var(--bs-font-size-sm);
|
|
color: #fff;
|
|
background-color: var(--bs-danger);
|
|
border-radius: var(--bs-border-radius);
|
|
}
|
|
.was-validated :invalid ~ .invalid-feedback,
|
|
.was-validated :invalid ~ .invalid-tooltip,
|
|
.is-invalid ~ .invalid-feedback,
|
|
.is-invalid ~ .invalid-tooltip {
|
|
display: block;
|
|
}
|
|
.was-validated .form-control:invalid, .form-control.is-invalid {
|
|
border-color: var(--bs-form-invalid-border-color);
|
|
padding-inline-end: add(1.5em, 0.75rem);
|
|
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='var%28--danger%29'%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='var%28--danger%29' stroke='none'/%3e%3c/svg%3e");
|
|
background-repeat: no-repeat;
|
|
background-position: right add(0.375em, 0.1875rem) center;
|
|
background-size: add(0.75em, 0.375rem) add(0.75em, 0.375rem);
|
|
}
|
|
.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
|
|
border-color: var(--bs-form-invalid-border-color);
|
|
box-shadow: var(--bs-box-shadow-inset);
|
|
}
|
|
.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
|
|
padding-inline-end: add(1.5em, 0.75rem);
|
|
background-position: top add(0.375em, 0.1875rem) right add(0.375em, 0.1875rem);
|
|
}
|
|
.was-validated .form-control-color:invalid, .form-control-color.is-invalid {
|
|
width: add(3rem, add(1.5em, 0.75rem));
|
|
}
|
|
.was-validated .form-check-input:invalid, .form-check-input.is-invalid {
|
|
border-color: var(--bs-form-invalid-border-color);
|
|
}
|
|
.was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked {
|
|
background-color: var(--bs-form-invalid-color);
|
|
}
|
|
.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
|
|
color: var(--bs-form-invalid-color);
|
|
}
|
|
.form-check-inline .form-check-input ~ .invalid-feedback {
|
|
margin-inline-start: 0.5em;
|
|
}
|
|
.was-validated .input-group > .form-control:not(:focus):invalid, .input-group > .form-control:not(:focus).is-invalid,
|
|
.was-validated .input-group > .form-select:not(:focus):invalid,
|
|
.input-group > .form-select:not(:focus).is-invalid,
|
|
.was-validated .input-group > .form-floating:not(:focus-within):invalid,
|
|
.input-group > .form-floating:not(:focus-within).is-invalid {
|
|
z-index: 4;
|
|
}
|
|
}
|
|
@layer components {
|
|
.btn,
|
|
.btn-solid, .btn-outline, .btn-subtle, .btn-text {
|
|
--bs-btn-min-height: 2.25rem;
|
|
--bs-btn-padding-x: 0.75rem;
|
|
--bs-btn-padding-y: 0.375rem;
|
|
--bs-btn-font-size: var(--bs-font-size-base);
|
|
--bs-btn-font-weight: var(--bs-font-weight-normal);
|
|
--bs-btn-line-height: var(--bs-line-height-base);
|
|
--bs-btn-color: var(--bs-fg-body);
|
|
--bs-btn-border-width: var(--bs-border-width);
|
|
--bs-btn-border-color: transparent;
|
|
--bs-btn-border-radius: var(--bs-border-radius);
|
|
--bs-btn-hover-border-color: transparent;
|
|
--bs-btn-disabled-opacity: 0.65;
|
|
display: inline-flex;
|
|
gap: var(--bs-btn-gap, 0.25rem);
|
|
align-items: center;
|
|
justify-content: center;
|
|
min-height: var(--bs-btn-min-height);
|
|
padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
|
|
font-size: var(--bs-btn-font-size);
|
|
font-weight: var(--bs-btn-font-weight);
|
|
line-height: var(--bs-btn-line-height);
|
|
color: var(--bs-btn-color);
|
|
text-decoration: none;
|
|
vertical-align: middle;
|
|
cursor: pointer;
|
|
-webkit-user-select: none;
|
|
user-select: none;
|
|
background-color: var(--bs-btn-bg, var(--bs-bg-2));
|
|
border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
|
|
border-radius: var(--bs-btn-border-radius);
|
|
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;
|
|
}
|
|
@media (prefers-reduced-motion: reduce) {
|
|
.btn,
|
|
.btn-solid, .btn-outline, .btn-subtle, .btn-text {
|
|
transition: none;
|
|
}
|
|
}
|
|
.btn:hover,
|
|
.btn-solid:hover, .btn-outline:hover, .btn-subtle:hover, .btn-text:hover {
|
|
color: var(--bs-btn-hover-color);
|
|
background-color: var(--bs-btn-hover-bg, var(--bs-bg-3));
|
|
border-color: var(--bs-btn-hover-border-color);
|
|
}
|
|
.btn:focus-visible,
|
|
.btn-solid:focus-visible, .btn-outline:focus-visible, .btn-subtle:focus-visible, .btn-text:focus-visible {
|
|
outline: var(--bs-focus-ring);
|
|
outline-offset: var(--bs-focus-ring-offset);
|
|
--bs-focus-ring-offset: 1px;
|
|
}
|
|
.btn.active, .btn.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(--bs-btn-active-color);
|
|
background-color: var(--bs-btn-active-bg, var(--bs-bg-3));
|
|
border-color: var(--bs-btn-active-border-color);
|
|
}
|
|
.btn.active:focus-visible, .btn.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(--bs-focus-ring);
|
|
outline-offset: var(--bs-focus-ring-offset);
|
|
}
|
|
.btn:disabled, .btn.disabled, fieldset:disabled .btn,
|
|
.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(--bs-btn-disabled-color);
|
|
pointer-events: none;
|
|
background-color: var(--bs-btn-disabled-bg, var(--bs-bg-1));
|
|
border-color: var(--bs-btn-disabled-border-color);
|
|
opacity: var(--bs-btn-disabled-opacity);
|
|
}
|
|
.btn-solid {
|
|
--bs-btn-bg: var(--bs-theme-bg);
|
|
--bs-btn-color: var(--bs-theme-contrast);
|
|
--bs-btn-border-color: var(--bs-theme-bg);
|
|
--bs-btn-active-bg: oklch(from var(--bs-theme-bg) calc(l * .9) calc(c * 1.15) h);
|
|
--bs-btn-active-border-color: oklch(from var(--bs-theme-bg) calc(l * .9) calc(c * 1.15) h);
|
|
--bs-btn-active-color: oklch(from var(--bs-theme-contrast) calc(l * .9) calc(c * 1.15) h);
|
|
--bs-btn-disabled-bg: var(--bs-theme-bg);
|
|
--bs-btn-disabled-color: var(--bs-theme-contrast);
|
|
--bs-btn-disabled-border-color: var(--bs-theme-bg);
|
|
}
|
|
.btn-solid:hover {
|
|
--bs-btn-hover-bg: oklch(from var(--bs-theme-bg) calc(l * .95) calc(c * 1.1) h);
|
|
--bs-btn-hover-border-color: oklch(from var(--bs-theme-bg) calc(l * .95) calc(c * 1.1) h);
|
|
--bs-btn-hover-color: oklch(from var(--bs-theme-contrast) calc(l * .95) calc(c * 1.1) h);
|
|
}
|
|
.btn-solid:focus-visible {
|
|
outline-color: var(--bs-theme-focus-ring);
|
|
}
|
|
.btn-solid:active, .btn-solid.active, .btn-solid.btn-check:has(input:checked) {
|
|
--bs-btn-active-bg: oklch(from var(--bs-theme-bg) calc(l * .9) calc(c * 1.15) h);
|
|
--bs-btn-active-border-color: oklch(from var(--bs-theme-bg) calc(l * .9) calc(c * 1.15) h);
|
|
--bs-btn-active-color: oklch(from var(--bs-theme-contrast) calc(l * .9) calc(c * 1.15) h);
|
|
}
|
|
.btn-solid:disabled, .btn-solid.disabled, .btn-solid.btn-check:has(input:disabled) {
|
|
--bs-btn-disabled-bg: var(--bs-theme-bg);
|
|
--bs-btn-disabled-color: var(--bs-theme-contrast);
|
|
--bs-btn-disabled-border-color: var(--bs-theme-bg);
|
|
}
|
|
.btn-outline {
|
|
--bs-btn-bg: transparent;
|
|
--bs-btn-color: var(--bs-theme-text);
|
|
--bs-btn-border-color: var(--bs-theme-border);
|
|
--bs-btn-active-bg: oklch(from var(--bs-theme-bg) calc(l * .9) calc(c * 1.15) h);
|
|
--bs-btn-active-color: oklch(from var(--bs-theme-contrast) calc(l * .9) calc(c * 1.15) h);
|
|
--bs-btn-active-border-color: oklch(from var(--bs-theme-bg) calc(l * .9) calc(c * 1.15) h);
|
|
--bs-btn-disabled-bg: transparent;
|
|
--bs-btn-disabled-color: var(--bs-theme-text);
|
|
--bs-btn-disabled-border-color: var(--bs-theme-border);
|
|
}
|
|
.btn-outline:hover {
|
|
--bs-btn-hover-bg: oklch(from var(--bs-theme-bg) calc(l * .95) calc(c * 1.1) h);
|
|
--bs-btn-hover-color: oklch(from var(--bs-theme-contrast) calc(l * .95) calc(c * 1.1) h);
|
|
--bs-btn-hover-border-color: oklch(from var(--bs-theme-bg) calc(l * .95) calc(c * 1.1) h);
|
|
}
|
|
.btn-outline:focus-visible {
|
|
outline-color: var(--bs-theme-focus-ring);
|
|
}
|
|
.btn-outline:active, .btn-outline.active, .btn-outline.btn-check:has(input:checked) {
|
|
--bs-btn-active-bg: oklch(from var(--bs-theme-bg) calc(l * .9) calc(c * 1.15) h);
|
|
--bs-btn-active-color: oklch(from var(--bs-theme-contrast) calc(l * .9) calc(c * 1.15) h);
|
|
--bs-btn-active-border-color: oklch(from var(--bs-theme-bg) calc(l * .9) calc(c * 1.15) h);
|
|
}
|
|
.btn-outline:disabled, .btn-outline.disabled, .btn-outline.btn-check:has(input:disabled) {
|
|
--bs-btn-disabled-bg: transparent;
|
|
--bs-btn-disabled-color: var(--bs-theme-text);
|
|
--bs-btn-disabled-border-color: var(--bs-theme-border);
|
|
}
|
|
.btn-subtle {
|
|
--bs-btn-bg: var(--bs-theme-bg-subtle);
|
|
--bs-btn-color: var(--bs-theme-text);
|
|
--bs-btn-border-color: transparent;
|
|
--bs-btn-active-bg: var(--bs-theme-bg-subtle);
|
|
--bs-btn-active-color: oklch(from var(--bs-theme-text-emphasis) calc(l * .9) calc(c * 1.15) h);
|
|
--bs-btn-disabled-bg: var(--bs-theme-bg-subtle);
|
|
--bs-btn-disabled-color: var(--bs-theme-text);
|
|
--bs-btn-disabled-border-color: transparent;
|
|
}
|
|
.btn-subtle:hover {
|
|
--bs-btn-hover-bg: color-mix(in oklch, var(--bs-theme-bg-muted) 50%, var(--bs-theme-bg-subtle));
|
|
--bs-btn-hover-color: oklch(from var(--bs-theme-text-emphasis) calc(l * .95) calc(c * 1.1) h);
|
|
}
|
|
.btn-subtle:focus-visible {
|
|
outline-color: var(--bs-theme-focus-ring);
|
|
}
|
|
.btn-subtle:active, .btn-subtle.active, .btn-subtle.btn-check:has(input:checked) {
|
|
--bs-btn-active-bg: var(--bs-theme-bg-subtle);
|
|
--bs-btn-active-color: oklch(from var(--bs-theme-text-emphasis) calc(l * .9) calc(c * 1.15) h);
|
|
}
|
|
.btn-subtle:disabled, .btn-subtle.disabled, .btn-subtle.btn-check:has(input:disabled) {
|
|
--bs-btn-disabled-bg: var(--bs-theme-bg-subtle);
|
|
--bs-btn-disabled-color: var(--bs-theme-text);
|
|
--bs-btn-disabled-border-color: transparent;
|
|
}
|
|
.btn-text {
|
|
--bs-btn-color: var(--bs-theme-text);
|
|
--bs-btn-bg: transparent;
|
|
--bs-btn-border-color: transparent;
|
|
--bs-btn-active-color: oklch(from var(--bs-theme-text) calc(l * .9) calc(c * 1.15) h);
|
|
--bs-btn-active-bg: var(--bs-theme-bg-subtle);
|
|
--bs-btn-disabled-color: var(--bs-theme-text);
|
|
--bs-btn-disabled-bg: transparent;
|
|
--bs-btn-disabled-border-color: transparent;
|
|
}
|
|
.btn-text:hover {
|
|
--bs-btn-hover-color: oklch(from var(--bs-theme-text) calc(l * .95) calc(c * 1.1) h);
|
|
--bs-btn-hover-bg: var(--bs-theme-bg-subtle);
|
|
}
|
|
.btn-text:focus-visible {
|
|
outline-color: var(--bs-theme-focus-ring);
|
|
}
|
|
.btn-text:active, .btn-text.active, .btn-text.btn-check:has(input:checked) {
|
|
--bs-btn-active-color: oklch(from var(--bs-theme-text) calc(l * .9) calc(c * 1.15) h);
|
|
--bs-btn-active-bg: var(--bs-theme-bg-subtle);
|
|
}
|
|
.btn-text:disabled, .btn-text.disabled, .btn-text.btn-check:has(input:disabled) {
|
|
--bs-btn-disabled-color: var(--bs-theme-text);
|
|
--bs-btn-disabled-bg: transparent;
|
|
--bs-btn-disabled-border-color: transparent;
|
|
}
|
|
.btn-link {
|
|
--bs-btn-font-weight: 400;
|
|
--bs-btn-color: var(--bs-link-color);
|
|
--bs-btn-bg: transparent;
|
|
--bs-btn-border-color: transparent;
|
|
--bs-btn-hover-color: var(--bs-link-hover-color);
|
|
--bs-btn-hover-bg: transparent;
|
|
--bs-btn-hover-border-color: transparent;
|
|
--bs-btn-active-color: var(--bs-link-hover-color);
|
|
--bs-btn-active-bg: transparent;
|
|
--bs-btn-active-border-color: transparent;
|
|
--bs-btn-disabled-color: var(--bs-fg-3);
|
|
--bs-btn-disabled-border-color: transparent;
|
|
color: var(--bs-theme-text, var(--bs-btn-color));
|
|
-webkit-text-decoration: var(--bs-link-decoration);
|
|
text-decoration: var(--bs-link-decoration);
|
|
}
|
|
.btn-link:focus-visible {
|
|
color: var(--bs-theme-text, var(--bs-btn-color));
|
|
}
|
|
.btn-link:hover {
|
|
color: var(--bs-theme-text-emphasis, var(--bs-btn-hover-color));
|
|
}
|
|
.btn-xs,
|
|
.btn-group-xs > [class*=btn-] {
|
|
--bs-btn-min-height: 1.5rem;
|
|
--bs-btn-padding-y: 0.125rem;
|
|
--bs-btn-padding-x: 0.375rem;
|
|
--bs-btn-font-size: var(--bs-font-size-xs);
|
|
--bs-btn-line-height: 1.125rem;
|
|
--bs-btn-border-radius: var(--bs-border-radius-sm);
|
|
}
|
|
.btn-sm,
|
|
.btn-group-sm > [class*=btn-] {
|
|
--bs-btn-min-height: 2rem;
|
|
--bs-btn-padding-y: 0.25rem;
|
|
--bs-btn-padding-x: 0.5rem;
|
|
--bs-btn-font-size: var(--bs-font-size-sm);
|
|
--bs-btn-line-height: 1.125rem;
|
|
--bs-btn-border-radius: var(--bs-border-radius-sm);
|
|
}
|
|
.btn-lg,
|
|
.btn-group-lg > [class*=btn-] {
|
|
--bs-btn-min-height: 2.75rem;
|
|
--bs-btn-padding-y: 0.5rem;
|
|
--bs-btn-padding-x: 1rem;
|
|
--bs-btn-font-size: var(--bs-font-size-md);
|
|
--bs-btn-line-height: 1.25rem;
|
|
--bs-btn-border-radius: var(--bs-border-radius-lg);
|
|
}
|
|
.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(--bs-btn-active-color);
|
|
background-color: var(--bs-btn-active-bg, var(--bs-bg-3));
|
|
border-color: var(--bs-btn-active-border-color);
|
|
box-shadow: var(--bs-btn-active-shadow);
|
|
}
|
|
.btn-check:has(input:focus-visible) {
|
|
outline: var(--bs-focus-ring);
|
|
outline-offset: var(--bs-focus-ring-offset);
|
|
--bs-focus-ring-offset: 1px;
|
|
}
|
|
.btn-check:has(input:disabled) {
|
|
color: var(--bs-btn-disabled-color);
|
|
pointer-events: none;
|
|
background-color: var(--bs-btn-disabled-bg, var(--bs-bg-1));
|
|
border-color: var(--bs-btn-disabled-border-color);
|
|
opacity: var(--bs-btn-disabled-opacity);
|
|
box-shadow: none;
|
|
}
|
|
.btn-styled {
|
|
--bs-btn-gradient-start: rgb(255 255 255 / 12.5%);
|
|
--bs-btn-gradient-end: rgb(0 0 0 / 7.5%);
|
|
--bs-btn-border-mix-color: #000;
|
|
--bs-btn-border-mix-amount: 10%;
|
|
--bs-btn-border-hover-mix-amount: 12.5%;
|
|
--bs-btn-border-active-mix-amount: 20%;
|
|
--bs-btn-shadow: 0 1px 2px rgb(0 0 0 / 15%), inset 0 1px 0 rgb(255 255 255 / 10%);
|
|
--bs-btn-active-shadow: inset 0 2px 4px rgba(0, 0, 0, .15);
|
|
background-image: linear-gradient(to bottom, var(--bs-btn-gradient-start), var(--bs-btn-gradient-end));
|
|
border-color: color-mix(in lab, var(--bs-theme-bg), var(--bs-btn-border-mix-color) var(--bs-btn-border-mix-amount));
|
|
box-shadow: var(--bs-btn-shadow);
|
|
}
|
|
.btn-styled:hover {
|
|
background-image: linear-gradient(to bottom, var(--bs-btn-gradient-start), var(--bs-btn-gradient-end));
|
|
border-color: color-mix(in lab, var(--bs-theme-bg), var(--bs-btn-border-mix-color) var(--bs-btn-border-hover-mix-amount));
|
|
}
|
|
.btn-styled:active, .btn-styled.active {
|
|
background-image: none;
|
|
border-color: color-mix(in lab, var(--bs-theme-bg), var(--bs-btn-border-mix-color) var(--bs-btn-border-active-mix-amount));
|
|
box-shadow: var(--bs-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-toolbar {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: 0.5rem;
|
|
justify-content: flex-start;
|
|
}
|
|
.btn-toolbar .input-group {
|
|
width: auto;
|
|
}
|
|
.btn-group {
|
|
border-radius: var(--bs-border-radius);
|
|
}
|
|
.btn-group > [class*=btn-]:not(:first-child),
|
|
.btn-group > .btn-group:not(:first-child) {
|
|
margin-inline-start: calc(-1 * var(--bs-border-width));
|
|
}
|
|
.btn-group > [class*=btn-]:not(:last-child):not(.dropdown-toggle),
|
|
.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;
|
|
}
|
|
.dropdown-toggle-split {
|
|
padding-inline: 0.5625rem;
|
|
}
|
|
.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after {
|
|
margin-inline-start: 0;
|
|
}
|
|
.dropstart .dropdown-toggle-split::before {
|
|
margin-inline-end: 0;
|
|
}
|
|
.btn-sm + .dropdown-toggle-split {
|
|
padding-inline: 0.375rem;
|
|
}
|
|
.btn-lg + .dropdown-toggle-split {
|
|
padding-inline: 0.75rem;
|
|
}
|
|
.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(--bs-border-width));
|
|
}
|
|
.btn-group-vertical > [class*=btn-]:not(:last-child):not(.dropdown-toggle),
|
|
.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 {
|
|
--bs-btn-close-size: 1.25rem;
|
|
--bs-btn-close-color: var(--bs-fg-body);
|
|
--bs-btn-close-opacity: 0.5;
|
|
--bs-btn-close-hover-opacity: 0.75;
|
|
--bs-btn-close-focus-opacity: 0.85;
|
|
--bs-btn-close-disabled-opacity: 0.25;
|
|
box-sizing: content-box;
|
|
width: var(--bs-btn-close-size);
|
|
height: var(--bs-btn-close-size);
|
|
padding: 0;
|
|
color: var(--bs-btn-close-color);
|
|
background: transparent;
|
|
border: 0;
|
|
border-radius: var(--bs-border-radius-sm);
|
|
opacity: var(--bs-btn-close-opacity);
|
|
}
|
|
.btn-close > svg {
|
|
display: block;
|
|
width: 100%;
|
|
height: 100%;
|
|
fill: currentcolor;
|
|
}
|
|
.btn-close:hover {
|
|
color: var(--bs-btn-close-color);
|
|
text-decoration: none;
|
|
opacity: var(--bs-btn-close-hover-opacity);
|
|
}
|
|
.btn-close:focus {
|
|
outline: var(--bs-focus-ring);
|
|
opacity: var(--bs-btn-close-focus-opacity);
|
|
}
|
|
.btn-close:disabled, .btn-close.disabled {
|
|
pointer-events: none;
|
|
-webkit-user-select: none;
|
|
user-select: none;
|
|
opacity: var(--bs-btn-close-disabled-opacity);
|
|
}
|
|
}
|
|
@layer components {
|
|
.accordion {
|
|
--bs-accordion-color: var(--bs-color-body);
|
|
--bs-accordion-bg: var(--bs-bg-body);
|
|
--bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-radius 0.15s ease;
|
|
--bs-accordion-border-color: var(--bs-border-color);
|
|
--bs-accordion-border-width: var(--bs-border-width);
|
|
--bs-accordion-border-radius: var(--bs-accordion-radius, var(--bs-border-radius-lg));
|
|
--bs-accordion-btn-padding-x: 1.25rem;
|
|
--bs-accordion-btn-padding-y: 1rem;
|
|
--bs-accordion-btn-color: var(--bs-fg-2);
|
|
--bs-accordion-btn-bg: var(--bs-accordion-bg);
|
|
--bs-accordion-btn-icon-width: 1rem;
|
|
--bs-accordion-btn-icon-transform: rotate(-180deg);
|
|
--bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
|
|
--bs-accordion-body-padding-x: 1.25rem;
|
|
--bs-accordion-body-padding-y: 1rem;
|
|
--bs-accordion-active-color: var(--bs-fg);
|
|
--bs-accordion-active-bg: var(--bs-bg-2);
|
|
}
|
|
.accordion-header {
|
|
display: flex;
|
|
align-items: center;
|
|
width: 100%;
|
|
padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
|
|
font-size: 14px;
|
|
color: var(--bs-accordion-btn-color);
|
|
text-align: start;
|
|
list-style: none;
|
|
cursor: pointer;
|
|
background-color: var(--bs-accordion-btn-bg);
|
|
transition: var(--bs-accordion-transition);
|
|
}
|
|
@media (prefers-reduced-motion: reduce) {
|
|
.accordion-header {
|
|
transition: none;
|
|
}
|
|
}
|
|
.accordion-header .accordion-icon {
|
|
flex-shrink: 0;
|
|
width: var(--bs-accordion-btn-icon-width);
|
|
height: var(--bs-accordion-btn-icon-width);
|
|
margin-inline-start: auto;
|
|
color: currentcolor;
|
|
transition: var(--bs-accordion-btn-icon-transition);
|
|
}
|
|
@media (prefers-reduced-motion: reduce) {
|
|
.accordion-header .accordion-icon {
|
|
transition: none;
|
|
}
|
|
}
|
|
.accordion-header:hover {
|
|
z-index: 2;
|
|
}
|
|
.accordion-header:focus-visible {
|
|
position: relative;
|
|
z-index: 3;
|
|
outline: var(--bs-focus-ring);
|
|
outline-offset: var(--bs-focus-ring-offset);
|
|
outline-offset: -1px;
|
|
}
|
|
.accordion-item {
|
|
color: var(--bs-accordion-color);
|
|
background-color: var(--bs-accordion-bg);
|
|
border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
|
|
}
|
|
.accordion-item:first-of-type {
|
|
border-start-start-radius: var(--bs-accordion-border-radius);
|
|
border-start-end-radius: var(--bs-accordion-border-radius);
|
|
}
|
|
.accordion-item:first-of-type > .accordion-header {
|
|
border-start-start-radius: calc(var(--bs-accordion-border-radius) - var(--bs-accordion-border-width));
|
|
border-start-end-radius: calc(var(--bs-accordion-border-radius) - var(--bs-accordion-border-width));
|
|
}
|
|
.accordion-item:not(:first-of-type) {
|
|
border-block-start: 0;
|
|
}
|
|
.accordion-item:last-of-type {
|
|
border-end-start-radius: var(--bs-accordion-border-radius);
|
|
border-end-end-radius: var(--bs-accordion-border-radius);
|
|
}
|
|
.accordion-item:last-of-type > .accordion-header {
|
|
border-end-start-radius: calc(var(--bs-accordion-border-radius) - var(--bs-accordion-border-width));
|
|
border-end-end-radius: calc(var(--bs-accordion-border-radius) - var(--bs-accordion-border-width));
|
|
}
|
|
.accordion-item:last-of-type > .accordion-body {
|
|
border-end-start-radius: var(--bs-accordion-border-radius);
|
|
border-end-end-radius: var(--bs-accordion-border-radius);
|
|
}
|
|
.accordion-item[open] {
|
|
border-color: var(--bs-theme-border, var(--bs-accordion-border-color));
|
|
}
|
|
.accordion-item[open] > .accordion-header {
|
|
color: var(--bs-theme-text, var(--bs-accordion-active-color));
|
|
background-color: var(--bs-theme-bg-subtle, var(--bs-accordion-active-bg));
|
|
box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-theme-border, var(--bs-accordion-border-color));
|
|
}
|
|
.accordion-item[open] > .accordion-header .accordion-icon {
|
|
transform: var(--bs-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(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x);
|
|
}
|
|
.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 {
|
|
--bs-alert-gap: 0.75rem;
|
|
--bs-alert-bg: var(--bs-theme-bg-subtle, var(--bs-bg-1));
|
|
--bs-alert-padding-x: 1rem;
|
|
--bs-alert-padding-y: 1rem;
|
|
--bs-alert-color: var(--bs-theme-text, inherit);
|
|
--bs-alert-border-color: var(--bs-theme-border, var(--bs-border-color));
|
|
--bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color);
|
|
--bs-alert-border-radius: var(--bs-border-radius);
|
|
--bs-alert-link-color: inherit;
|
|
--bs-hr-border-color: var(--bs-theme-border, var(--bs-border-color));
|
|
display: flex;
|
|
gap: var(--bs-alert-gap);
|
|
align-items: start;
|
|
padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
|
|
color: var(--bs-alert-color);
|
|
background-color: var(--bs-alert-bg);
|
|
border: var(--bs-alert-border);
|
|
border-radius: var(--bs-alert-border-radius);
|
|
}
|
|
.alert-heading {
|
|
color: inherit;
|
|
}
|
|
.alert-link {
|
|
font-weight: 600;
|
|
color: var(--bs-alert-link-color);
|
|
}
|
|
}
|
|
@layer components {
|
|
.badge {
|
|
--bs-badge-padding-x: 0.625em;
|
|
--bs-badge-padding-y: 0.25em;
|
|
--bs-badge-font-size: clamp(12px, 0.75em, 0.75em);
|
|
--bs-badge-font-weight: 600;
|
|
--bs-badge-color: inherit;
|
|
--bs-badge-bg: var(--bs-bg-2);
|
|
--bs-badge-border-width: 1px;
|
|
--bs-badge-border-color: transparent;
|
|
--bs-badge-border-radius: var(--bs-border-radius-lg);
|
|
display: inline-flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
min-height: 1.375rem;
|
|
padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
|
|
font-size: var(--bs-badge-font-size);
|
|
font-weight: var(--bs-badge-font-weight);
|
|
line-height: 1;
|
|
color: var(--bs-theme-contrast, var(--bs-badge-color));
|
|
text-align: center;
|
|
white-space: nowrap;
|
|
vertical-align: baseline;
|
|
background-color: var(--bs-theme-bg, var(--bs-badge-bg));
|
|
border: var(--bs-badge-border-width) solid var(--bs-badge-border-color);
|
|
border-radius: var(--bs-badge-border-radius);
|
|
}
|
|
.badge:empty {
|
|
display: none;
|
|
}
|
|
.btn .badge {
|
|
position: relative;
|
|
top: -1px;
|
|
}
|
|
.badge-subtle {
|
|
--bs-badge-color: var(--bs-theme-text);
|
|
--bs-badge-bg: var(--bs-theme-bg-subtle);
|
|
--bs-badge-border-color: transparent;
|
|
color: var(--bs-badge-color);
|
|
background-color: var(--bs-badge-bg);
|
|
border-color: var(--bs-badge-border-color);
|
|
}
|
|
.badge-outline {
|
|
--bs-badge-color: var(--bs-theme-text);
|
|
--bs-badge-bg: transparent;
|
|
--bs-badge-border-color: var(--bs-theme-border);
|
|
color: var(--bs-badge-color);
|
|
background-color: var(--bs-badge-bg);
|
|
border-color: var(--bs-badge-border-color);
|
|
}
|
|
}
|
|
@layer components {
|
|
.breadcrumb {
|
|
--bs-breadcrumb-padding-x: 0;
|
|
--bs-breadcrumb-padding-y: 0;
|
|
--bs-breadcrumb-margin-bottom: 1rem;
|
|
--bs-breadcrumb-font-size: ;
|
|
--bs-breadcrumb-bg: ;
|
|
--bs-breadcrumb-border-radius: var(--bs-border-radius);
|
|
--bs-breadcrumb-divider-color: var(--bs-fg-4);
|
|
--bs-breadcrumb-link-padding-x: 0.75rem;
|
|
--bs-breadcrumb-link-padding-y: 0.25rem;
|
|
--bs-breadcrumb-link-color: var(--bs-fg-3);
|
|
--bs-breadcrumb-link-hover-color: var(--bs-fg-2);
|
|
--bs-breadcrumb-link-hover-bg: var(--bs-bg-1);
|
|
--bs-breadcrumb-link-active-color: var(--bs-fg-1);
|
|
--bs-breadcrumb-link-border-radius: var(--bs-border-radius-lg);
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
align-items: center;
|
|
padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
|
|
font-size: var(--bs-breadcrumb-font-size);
|
|
list-style: none;
|
|
background-color: var(--bs-breadcrumb-bg);
|
|
border-radius: var(--bs-breadcrumb-border-radius);
|
|
}
|
|
.breadcrumb-item {
|
|
display: flex;
|
|
}
|
|
.breadcrumb-divider {
|
|
margin-inline: calc(var(--bs-breadcrumb-link-padding-x) / 4);
|
|
color: var(--bs-breadcrumb-divider-color);
|
|
}
|
|
.breadcrumb-link {
|
|
position: relative;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
min-height: 2.25rem;
|
|
padding: var(--bs-breadcrumb-link-padding-y) var(--bs-breadcrumb-link-padding-x);
|
|
color: var(--bs-breadcrumb-link-color);
|
|
text-decoration: none;
|
|
border-radius: var(--bs-breadcrumb-link-border-radius);
|
|
transition: 0.1s text-decoration-color ease-in-out;
|
|
}
|
|
@media (prefers-reduced-motion: reduce) {
|
|
.breadcrumb-link {
|
|
transition: none;
|
|
}
|
|
}
|
|
.breadcrumb-link:hover {
|
|
z-index: 2;
|
|
color: var(--bs-breadcrumb-link-hover-color);
|
|
background-color: var(--bs-breadcrumb-link-hover-bg);
|
|
}
|
|
.breadcrumb-link.active {
|
|
color: var(--bs-breadcrumb-link-active-color);
|
|
}
|
|
}
|
|
@layer components {
|
|
.card {
|
|
--bs-card-spacer-y: 1rem;
|
|
--bs-card-spacer-x: 1rem;
|
|
--bs-card-subtitle-color: ;
|
|
--bs-card-border-width: var(--bs-border-width);
|
|
--bs-card-border-color: var(--bs-border-color-translucent);
|
|
--bs-card-border-radius: var(--bs-border-radius-lg);
|
|
--bs-card-box-shadow: ;
|
|
--bs-card-inner-border-radius: calc(var(--bs-border-radius-lg) - var(--bs-border-width));
|
|
--bs-card-cap-padding-y: 0.75rem;
|
|
--bs-card-cap-padding-x: 1rem;
|
|
--bs-card-cap-bg: var(--bs-bg-1);
|
|
--bs-card-cap-color: ;
|
|
--bs-card-height: ;
|
|
--bs-card-color: ;
|
|
--bs-card-bg: var(--bs-bg-body);
|
|
--bs-card-img-overlay-padding: 1rem;
|
|
--bs-card-group-margin: 0.75rem;
|
|
--bs-card-body-gap: 0.5rem;
|
|
position: relative;
|
|
display: flex;
|
|
flex-direction: column;
|
|
min-width: 0;
|
|
height: var(--bs-card-height);
|
|
color: var(--bs-color-body);
|
|
word-wrap: break-word;
|
|
background-color: var(--bs-card-bg);
|
|
box-shadow: var(--bs-card-box-shadow);
|
|
}
|
|
.card > hr {
|
|
margin-inline: 0;
|
|
}
|
|
.card-body {
|
|
display: flex;
|
|
flex: 1 1 auto;
|
|
flex-direction: column;
|
|
gap: var(--bs-card-body-gap);
|
|
align-items: flex-start;
|
|
padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
|
|
color: var(--bs-card-color);
|
|
border: solid var(--bs-theme-bg, var(--bs-card-border-color));
|
|
border-width: 0 var(--bs-card-border-width);
|
|
}
|
|
.card-body > * {
|
|
margin-block: 0;
|
|
}
|
|
.card-body,
|
|
.card-list {
|
|
border: solid var(--bs-theme-bg, var(--bs-card-border-color));
|
|
border-width: 0 var(--bs-card-border-width);
|
|
}
|
|
.card-body:first-child,
|
|
.card-list:first-child {
|
|
border-start-start-radius: var(--bs-card-border-radius);
|
|
border-start-end-radius: var(--bs-card-border-radius);
|
|
border-top-width: var(--bs-card-border-width);
|
|
}
|
|
.card-body:last-child,
|
|
.card-list:last-child {
|
|
border-end-start-radius: var(--bs-card-border-radius);
|
|
border-end-end-radius: var(--bs-card-border-radius);
|
|
border-bottom-width: var(--bs-card-border-width);
|
|
}
|
|
.card-body:not(:first-child):not(:last-child),
|
|
.card-list:not(:first-child):not(:last-child) {
|
|
border-block-end-width: var(--bs-card-border-width);
|
|
}
|
|
.card-subtitle {
|
|
margin-top: calc(var(--bs-card-body-gap) * -0.5);
|
|
}
|
|
.card-header {
|
|
padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
|
|
margin-bottom: 0;
|
|
color: var(--bs-theme-contrast, var(--bs-card-cap-color));
|
|
background-color: var(--bs-theme-bg, var(--bs-card-cap-bg));
|
|
border: var(--bs-card-border-width) solid var(--bs-theme-bg, var(--bs-card-border-color));
|
|
}
|
|
.card-header:first-child {
|
|
border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0;
|
|
}
|
|
.card-footer {
|
|
padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
|
|
color: var(--bs-card-cap-color);
|
|
background-color: var(--bs-theme-bg, var(--bs-card-cap-bg));
|
|
border: var(--bs-card-border-width) solid var(--bs-theme-bg, var(--bs-card-border-color));
|
|
}
|
|
.card-footer:last-child {
|
|
border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius);
|
|
}
|
|
.card-subtle {
|
|
border-color: var(--bs-theme-border, var(--bs-card-border-color));
|
|
}
|
|
.card-subtle .card-header {
|
|
color: var(--bs-theme-text-emphasis, currentcolor);
|
|
background-color: var(--bs-theme-bg-subtle, var(--bs-card-cap-bg));
|
|
border-color: var(--bs-theme-border, var(--bs-card-border-color));
|
|
}
|
|
.card-subtle .card-footer {
|
|
color: var(--bs-theme-text-emphasis, currentcolor);
|
|
background-color: var(--bs-theme-bg-subtle, var(--bs-card-cap-bg));
|
|
border-color: var(--bs-theme-border, var(--bs-card-border-color));
|
|
}
|
|
.card-subtle .card-body,
|
|
.card-subtle .card-list {
|
|
border-color: var(--bs-theme-border, var(--bs-card-border-color));
|
|
}
|
|
.nav.card-header-tabs {
|
|
margin-inline: calc(-0.5 * var(--bs-card-cap-padding-x));
|
|
margin-bottom: calc(-1 * var(--bs-card-cap-padding-y));
|
|
border-block-end: 0;
|
|
}
|
|
.nav.card-header-tabs .nav-link.active {
|
|
background-color: var(--bs-card-bg);
|
|
border-block-end-color: var(--bs-card-bg);
|
|
}
|
|
.card-img-overlay {
|
|
position: absolute;
|
|
inset: 0;
|
|
padding: var(--bs-card-img-overlay-padding);
|
|
border-radius: var(--bs-card-inner-border-radius);
|
|
}
|
|
.card-img,
|
|
.card-img-top,
|
|
.card-img-bottom {
|
|
width: 100%;
|
|
outline: var(--bs-card-border-width) solid var(--bs-card-border-color);
|
|
outline-offset: calc(var(--bs-card-border-width) * -1);
|
|
}
|
|
.card-img,
|
|
.card-img-top {
|
|
border-start-start-radius: var(--bs-card-inner-border-radius);
|
|
border-start-end-radius: var(--bs-card-inner-border-radius);
|
|
}
|
|
.card-img,
|
|
.card-img-bottom {
|
|
border-end-start-radius: var(--bs-card-inner-border-radius);
|
|
border-end-end-radius: var(--bs-card-inner-border-radius);
|
|
}
|
|
.card-row {
|
|
flex-direction: row;
|
|
}
|
|
.card-row .card-body,
|
|
.card-row .card-list {
|
|
border-width: var(--bs-card-border-width) 0;
|
|
border-radius: 0;
|
|
}
|
|
.card-row .card-body:first-child,
|
|
.card-row .card-list:first-child {
|
|
border-start-start-radius: var(--bs-card-inner-border-radius);
|
|
border-end-start-radius: var(--bs-card-inner-border-radius);
|
|
border-inline-start-width: var(--bs-card-border-width);
|
|
}
|
|
.card-row .card-body:last-child,
|
|
.card-row .card-list:last-child {
|
|
border-start-end-radius: var(--bs-card-inner-border-radius);
|
|
border-end-end-radius: var(--bs-card-inner-border-radius);
|
|
border-inline-end-width: var(--bs-card-border-width);
|
|
}
|
|
.card-row .card-body:not(:first-child):not(:last-child),
|
|
.card-row .card-list:not(:first-child):not(:last-child) {
|
|
border-inline-end-width: var(--bs-card-border-width);
|
|
}
|
|
.card-img-start {
|
|
border-start-start-radius: var(--bs-card-inner-border-radius);
|
|
border-end-start-radius: var(--bs-card-inner-border-radius);
|
|
}
|
|
.card-img-end {
|
|
border-start-end-radius: var(--bs-card-inner-border-radius);
|
|
border-end-end-radius: var(--bs-card-inner-border-radius);
|
|
}
|
|
.card-group > .card {
|
|
margin-bottom: var(--bs-card-group-margin);
|
|
}
|
|
@media (width >= 576px) {
|
|
.card-group {
|
|
display: flex;
|
|
flex-flow: row wrap;
|
|
}
|
|
.card-group > .card {
|
|
flex: 1 0 0;
|
|
margin-bottom: 0;
|
|
}
|
|
.card-group > .card + .card {
|
|
margin-inline-start: 0;
|
|
border-inline-start: 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 {
|
|
border-start-end-radius: 0;
|
|
}
|
|
.card-group > .card:not(:last-child) > .card-img-bottom,
|
|
.card-group > .card:not(:last-child) > .card-footer {
|
|
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 {
|
|
border-start-start-radius: 0;
|
|
}
|
|
.card-group > .card:not(:first-child) > .card-img-bottom,
|
|
.card-group > .card:not(:first-child) > .card-footer {
|
|
border-end-start-radius: 0;
|
|
}
|
|
}
|
|
}
|
|
@layer components {
|
|
.carousel {
|
|
position: relative;
|
|
}
|
|
.carousel.pointer-event {
|
|
touch-action: pan-y;
|
|
}
|
|
.carousel-inner {
|
|
position: relative;
|
|
display: flow-root;
|
|
width: 100%;
|
|
overflow: hidden;
|
|
}
|
|
.carousel-item {
|
|
position: relative;
|
|
display: none;
|
|
float: inline-start;
|
|
width: 100%;
|
|
margin-inline-end: -100%;
|
|
backface-visibility: hidden;
|
|
transition: transform 0.6s ease-in-out;
|
|
}
|
|
@media (prefers-reduced-motion: reduce) {
|
|
.carousel-item {
|
|
transition: none;
|
|
}
|
|
}
|
|
.carousel-item.active,
|
|
.carousel-item-next,
|
|
.carousel-item-prev {
|
|
display: block;
|
|
}
|
|
.carousel-item-next:not(.carousel-item-start),
|
|
.active.carousel-item-end {
|
|
transform: translateX(100%);
|
|
}
|
|
.carousel-item-prev:not(.carousel-item-end),
|
|
.active.carousel-item-start {
|
|
transform: translateX(-100%);
|
|
}
|
|
.carousel-fade .carousel-item {
|
|
opacity: 0;
|
|
transition-property: opacity;
|
|
transform: none;
|
|
}
|
|
.carousel-fade .carousel-item.active,
|
|
.carousel-fade .carousel-item-next.carousel-item-start,
|
|
.carousel-fade .carousel-item-prev.carousel-item-end {
|
|
z-index: 1;
|
|
opacity: 1;
|
|
}
|
|
.carousel-fade .active.carousel-item-start,
|
|
.carousel-fade .active.carousel-item-end {
|
|
z-index: 0;
|
|
opacity: 0;
|
|
transition: opacity 0s 0.6s;
|
|
}
|
|
@media (prefers-reduced-motion: reduce) {
|
|
.carousel-fade .active.carousel-item-start,
|
|
.carousel-fade .active.carousel-item-end {
|
|
transition: none;
|
|
}
|
|
}
|
|
.carousel-control-prev,
|
|
.carousel-control-next {
|
|
position: absolute;
|
|
inset-block: 0;
|
|
z-index: 1;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
width: 15%;
|
|
padding: 0;
|
|
color: #fff;
|
|
text-align: center;
|
|
background: none;
|
|
filter: var(--bs-carousel-control-icon-filter);
|
|
border: 0;
|
|
opacity: 0.5;
|
|
transition: opacity 0.15s ease;
|
|
}
|
|
@media (prefers-reduced-motion: reduce) {
|
|
.carousel-control-prev,
|
|
.carousel-control-next {
|
|
transition: none;
|
|
}
|
|
}
|
|
.carousel-control-prev:hover, .carousel-control-prev:focus,
|
|
.carousel-control-next:hover,
|
|
.carousel-control-next:focus {
|
|
color: #fff;
|
|
text-decoration: none;
|
|
outline: 0;
|
|
opacity: 0.9;
|
|
}
|
|
.carousel-control-prev {
|
|
inset-inline-start: 0;
|
|
}
|
|
.carousel-control-next {
|
|
inset-inline-end: 0;
|
|
}
|
|
.carousel-control-prev-icon,
|
|
.carousel-control-next-icon {
|
|
display: inline-block;
|
|
width: 2rem;
|
|
height: 2rem;
|
|
background-repeat: no-repeat;
|
|
background-position: 50%;
|
|
background-size: 100% 100%;
|
|
}
|
|
.carousel-control-prev-icon {
|
|
background-image: escape-svg(url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#fff'><path d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0'/></svg>"));
|
|
}
|
|
[dir=rtl] .carousel-control-prev-icon {
|
|
background-image: escape-svg(url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#fff'><path d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/></svg>"));
|
|
}
|
|
.carousel-control-next-icon {
|
|
background-image: escape-svg(url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#fff'><path d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/></svg>"));
|
|
}
|
|
[dir=rtl] .carousel-control-next-icon {
|
|
background-image: escape-svg(url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#fff'><path d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0'/></svg>"));
|
|
}
|
|
.carousel-indicators {
|
|
position: absolute;
|
|
inset: auto 0 0;
|
|
z-index: 2;
|
|
display: flex;
|
|
justify-content: center;
|
|
padding: 0;
|
|
margin-inline: 15%;
|
|
margin-bottom: 1rem;
|
|
}
|
|
.carousel-indicators [data-bs-target] {
|
|
box-sizing: content-box;
|
|
flex: 0 1 auto;
|
|
width: 30px;
|
|
height: 3px;
|
|
padding: 0;
|
|
margin-inline: 3px;
|
|
text-indent: -999px;
|
|
cursor: pointer;
|
|
background-color: var(--bs-carousel-indicator-active-bg);
|
|
background-clip: padding-box;
|
|
border: 0;
|
|
border-block: 10px solid transparent;
|
|
opacity: 0.5;
|
|
transition: opacity 0.6s ease;
|
|
}
|
|
@media (prefers-reduced-motion: reduce) {
|
|
.carousel-indicators [data-bs-target] {
|
|
transition: none;
|
|
}
|
|
}
|
|
.carousel-indicators .active {
|
|
opacity: 1;
|
|
}
|
|
.carousel-caption {
|
|
position: absolute;
|
|
right: 15%;
|
|
bottom: 1.25rem;
|
|
left: 15%;
|
|
padding-top: 1.25rem;
|
|
padding-bottom: 1.25rem;
|
|
color: var(--bs-carousel-caption-color);
|
|
text-align: center;
|
|
}
|
|
.carousel-dark {
|
|
--bs-carousel-indicator-active-bg: #000;
|
|
--bs-carousel-caption-color: #000;
|
|
--bs-carousel-control-icon-filter: invert(1) grayscale(100);
|
|
}
|
|
:root,
|
|
[data-bs-theme=light] {
|
|
--bs-carousel-indicator-active-bg: #fff;
|
|
--bs-carousel-caption-color: #fff;
|
|
--bs-carousel-control-icon-filter: ;
|
|
}
|
|
[data-bs-theme=dark] {
|
|
--bs-carousel-indicator-active-bg: #000;
|
|
--bs-carousel-caption-color: #000;
|
|
--bs-carousel-control-icon-filter: invert(1) grayscale(100);
|
|
}
|
|
}
|
|
@layer components {
|
|
[data-vc=calendar] {
|
|
--bs-datepicker-padding: 1rem;
|
|
--bs-datepicker-bg: var(--bs-bg-body);
|
|
--bs-datepicker-color: var(--bs-fg-body);
|
|
--bs-datepicker-border-color: var(--bs-border-color-translucent);
|
|
--bs-datepicker-border-width: var(--bs-border-width);
|
|
--bs-datepicker-border-radius: var(--bs-border-radius-lg);
|
|
--bs-datepicker-box-shadow: var(--bs-box-shadow);
|
|
--bs-datepicker-font-size: var(--bs-font-size-sm);
|
|
--bs-datepicker-min-width: 280px;
|
|
--bs-datepicker-zindex: 1000;
|
|
--bs-datepicker-header-font-weight: 600;
|
|
--bs-datepicker-weekday-color: var(--bs-fg-3);
|
|
--bs-datepicker-day-hover-bg: var(--bs-bg-1);
|
|
--bs-datepicker-day-selected-bg: var(--bs-primary-bg);
|
|
--bs-datepicker-day-selected-color: var(--bs-primary-contrast);
|
|
--bs-datepicker-day-today-bg: var(--bs-bg-2);
|
|
--bs-datepicker-day-today-color: var(--bs-fg-1);
|
|
--bs-datepicker-day-disabled-color: var(--bs-fg-4);
|
|
position: absolute;
|
|
z-index: var(--bs-datepicker-zindex);
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
flex-direction: column;
|
|
min-width: var(--bs-datepicker-min-width);
|
|
padding: var(--bs-datepicker-padding);
|
|
font-family: var(--bs-font-sans-serif);
|
|
font-size: var(--bs-datepicker-font-size);
|
|
color: var(--bs-datepicker-color);
|
|
color-scheme: light dark;
|
|
background-color: var(--bs-datepicker-bg);
|
|
border: var(--bs-datepicker-border-width) solid var(--bs-datepicker-border-color);
|
|
border-radius: var(--bs-datepicker-border-radius);
|
|
box-shadow: var(--bs-datepicker-box-shadow);
|
|
opacity: 1;
|
|
}
|
|
[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(--bs-focus-ring);
|
|
}
|
|
[data-vc-calendar-hidden] {
|
|
pointer-events: none;
|
|
opacity: 0;
|
|
}
|
|
[data-vc=calendar]:not([data-vc-input]) {
|
|
position: relative;
|
|
width: -moz-fit-content;
|
|
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(--bs-datepicker-color);
|
|
pointer-events: auto;
|
|
cursor: pointer;
|
|
background-color: transparent;
|
|
border: 0;
|
|
border-radius: 0.5rem;
|
|
}
|
|
[data-vc-arrow]::before {
|
|
position: absolute;
|
|
inset: 0.25rem;
|
|
content: "";
|
|
background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%236b7280' d='M12 16c-.3 0-.5-.1-.7-.3l-6-6c-.4-.4-.4-1 0-1.4s1-.4 1.4 0l5.3 5.3 5.3-5.3c.4-.4 1-.4 1.4 0s.4 1 0 1.4l-6 6c-.2.2-.4.3-.7.3'/></svg>");
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
}
|
|
[data-vc-arrow]:hover {
|
|
background-color: var(--bs-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(--bs-datepicker-header-font-weight);
|
|
color: var(--bs-datepicker-color);
|
|
background-color: transparent;
|
|
border: 0;
|
|
border-radius: 0.5rem;
|
|
}
|
|
[data-vc=month]:disabled,
|
|
[data-vc=year]:disabled {
|
|
color: var(--bs-datepicker-day-disabled-color);
|
|
pointer-events: none;
|
|
}
|
|
[data-vc=month]:hover:not(:disabled),
|
|
[data-vc=year]:hover:not(:disabled) {
|
|
background-color: var(--bs-datepicker-day-hover-bg);
|
|
}
|
|
[data-vc=content] {
|
|
display: flex;
|
|
flex-grow: 1;
|
|
flex-direction: column;
|
|
}
|
|
[data-vc=months],
|
|
[data-vc=years] {
|
|
display: grid;
|
|
flex-grow: 1;
|
|
grid-template-columns: repeat(var(--bs-vc-columns, 4), minmax(0, 1fr));
|
|
row-gap: 1rem;
|
|
-moz-column-gap: 0.25rem;
|
|
column-gap: 0.25rem;
|
|
align-items: center;
|
|
}
|
|
[data-vc=years] {
|
|
--bs-vc-columns: 5;
|
|
}
|
|
[data-vc-months-month],
|
|
[data-vc-years-year] {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
height: 2.5rem;
|
|
padding: 0.25rem;
|
|
font-size: 0.75rem;
|
|
font-weight: 600;
|
|
line-height: 1rem;
|
|
color: var(--bs-datepicker-weekday-color);
|
|
text-align: center;
|
|
word-break: break-all;
|
|
cursor: pointer;
|
|
background-color: transparent;
|
|
border: 0;
|
|
border-radius: 0.5rem;
|
|
}
|
|
[data-vc-months-month]:disabled,
|
|
[data-vc-years-year]:disabled {
|
|
color: var(--bs-datepicker-day-disabled-color);
|
|
pointer-events: none;
|
|
}
|
|
[data-vc-months-month]:hover:not(:disabled),
|
|
[data-vc-years-year]:hover:not(:disabled) {
|
|
background-color: var(--bs-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(--bs-datepicker-day-selected-color);
|
|
background-color: var(--bs-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(--bs-datepicker-day-selected-color);
|
|
background-color: var(--bs-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(--bs-datepicker-weekday-color);
|
|
background-color: transparent;
|
|
border: 0;
|
|
}
|
|
button[data-vc-week-day] {
|
|
cursor: pointer;
|
|
}
|
|
[data-vc=dates] {
|
|
display: grid;
|
|
flex-grow: 1;
|
|
grid-template-columns: repeat(7, 1fr);
|
|
align-items: center;
|
|
justify-items: center;
|
|
pointer-events: none;
|
|
}
|
|
[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(--bs-datepicker-color);
|
|
cursor: pointer;
|
|
background-color: transparent;
|
|
border: 0;
|
|
border-radius: 0.5rem;
|
|
}
|
|
[data-vc-date-btn]:hover {
|
|
background-color: var(--bs-datepicker-day-hover-bg);
|
|
}
|
|
[data-vc-date-today] [data-vc-date-btn] {
|
|
font-weight: 600;
|
|
color: var(--bs-datepicker-day-today-color);
|
|
background-color: var(--bs-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(--bs-datepicker-day-disabled-color);
|
|
}
|
|
[data-vc-date-hover] [data-vc-date-btn] {
|
|
background-color: var(--bs-datepicker-day-hover-bg);
|
|
border-radius: 0;
|
|
}
|
|
[data-vc-date-hover=first] [data-vc-date-btn] {
|
|
border-start-start-radius: 0.5rem;
|
|
border-end-start-radius: 0.5rem;
|
|
}
|
|
[data-vc-date-hover=last] [data-vc-date-btn] {
|
|
border-start-end-radius: 0.5rem;
|
|
border-end-end-radius: 0.5rem;
|
|
}
|
|
[data-vc-date-hover=first-and-last] [data-vc-date-btn] {
|
|
border-radius: 0.5rem;
|
|
}
|
|
[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(--bs-datepicker-day-selected-color);
|
|
background-color: var(--bs-datepicker-day-selected-bg);
|
|
}
|
|
[data-vc-date-selected=first] [data-vc-date-btn] {
|
|
border-top-left-radius: 0.5rem;
|
|
border-top-right-radius: 0;
|
|
border-bottom-right-radius: 0;
|
|
border-bottom-left-radius: 0.5rem;
|
|
}
|
|
[data-vc-date-selected=last] [data-vc-date-btn] {
|
|
border-top-left-radius: 0;
|
|
border-top-right-radius: 0.5rem;
|
|
border-bottom-right-radius: 0.5rem;
|
|
border-bottom-left-radius: 0;
|
|
}
|
|
[data-vc-date-selected=first-and-last] [data-vc-date-btn] {
|
|
border-radius: 0.5rem;
|
|
}
|
|
}
|
|
@layer components {
|
|
.dialog-open {
|
|
overflow: hidden;
|
|
scrollbar-gutter: stable;
|
|
}
|
|
.dialog {
|
|
--bs-dialog-padding: 1rem;
|
|
--bs-dialog-width: 500px;
|
|
--bs-dialog-margin: 1.75rem;
|
|
--bs-dialog-color: var(--bs-fg-body);
|
|
--bs-dialog-bg: var(--bs-bg-body);
|
|
--bs-dialog-border-color: var(--bs-border-color-translucent);
|
|
--bs-dialog-border-width: var(--bs-border-width);
|
|
--bs-dialog-border-radius: var(--bs-border-radius-lg);
|
|
--bs-dialog-box-shadow: var(--bs-box-shadow-lg);
|
|
--bs-dialog-backdrop-bg: rgba(0, 0, 0, 0.5);
|
|
--bs-dialog-header-padding: 1rem;
|
|
--bs-dialog-header-border-color: var(--bs-border-color);
|
|
--bs-dialog-header-border-width: var(--bs-border-width);
|
|
--bs-dialog-footer-padding: 1rem;
|
|
--bs-dialog-footer-border-color: var(--bs-border-color);
|
|
--bs-dialog-footer-border-width: var(--bs-border-width);
|
|
--bs-dialog-footer-gap: 0.5rem;
|
|
max-width: var(--bs-dialog-width);
|
|
max-height: calc(100% - var(--bs-dialog-margin) * 2);
|
|
padding: 0;
|
|
margin: auto;
|
|
color: var(--bs-dialog-color);
|
|
background-color: var(--bs-dialog-bg);
|
|
background-clip: padding-box;
|
|
border: var(--bs-dialog-border-width) solid var(--bs-dialog-border-color);
|
|
border-radius: var(--bs-dialog-border-radius);
|
|
box-shadow: var(--bs-dialog-box-shadow);
|
|
}
|
|
.dialog::backdrop {
|
|
background-color: var(--bs-dialog-backdrop-bg);
|
|
}
|
|
.dialog.fade {
|
|
opacity: 0;
|
|
transition: opacity 0.15s linear;
|
|
}
|
|
@media (prefers-reduced-motion: reduce) {
|
|
.dialog.fade {
|
|
transition: none;
|
|
}
|
|
}
|
|
.dialog.fade::backdrop {
|
|
opacity: 0;
|
|
transition: opacity 0.15s linear;
|
|
}
|
|
@media (prefers-reduced-motion: reduce) {
|
|
.dialog.fade::backdrop {
|
|
transition: none;
|
|
}
|
|
}
|
|
.dialog.fade[open] {
|
|
opacity: 1;
|
|
}
|
|
.dialog.fade[open]::backdrop {
|
|
opacity: 1;
|
|
}
|
|
.dialog.dialog-static {
|
|
transform: scale(1.02);
|
|
}
|
|
.dialog.dialog-nonmodal {
|
|
position: fixed;
|
|
inset-block-start: 50%;
|
|
inset-inline-start: 50%;
|
|
z-index: 1055;
|
|
margin-inline: 0;
|
|
transform: translate(-50%, -50%);
|
|
}
|
|
.dialog.dialog-overflow {
|
|
position: fixed;
|
|
inset: 0;
|
|
width: 100%;
|
|
max-width: 100%;
|
|
height: 100%;
|
|
max-height: 100%;
|
|
padding: var(--bs-dialog-margin);
|
|
margin: 0;
|
|
overflow-y: auto;
|
|
overscroll-behavior: contain;
|
|
background: transparent;
|
|
border: 0;
|
|
box-shadow: none;
|
|
}
|
|
.dialog.dialog-overflow > .dialog-box {
|
|
max-width: var(--bs-dialog-width);
|
|
margin-block-end: var(--bs-dialog-margin);
|
|
margin-inline: auto;
|
|
color: var(--bs-dialog-color);
|
|
background-color: var(--bs-dialog-bg);
|
|
background-clip: padding-box;
|
|
border: var(--bs-dialog-border-width) solid var(--bs-dialog-border-color);
|
|
border-radius: var(--bs-dialog-border-radius);
|
|
box-shadow: var(--bs-dialog-box-shadow);
|
|
}
|
|
.dialog.dialog-scrollable[open] {
|
|
display: flex;
|
|
flex-direction: column;
|
|
max-height: calc(100% - var(--bs-dialog-margin) * 2);
|
|
}
|
|
.dialog.dialog-scrollable[open] .dialog-body {
|
|
overflow-y: auto;
|
|
}
|
|
.dialog-sm {
|
|
--bs-dialog-width: 280px;
|
|
}
|
|
.dialog-lg {
|
|
--bs-dialog-width: 800px;
|
|
}
|
|
.dialog-xl {
|
|
--bs-dialog-width: 1140px;
|
|
}
|
|
.dialog-fullscreen {
|
|
--bs-dialog-width: 100vw;
|
|
--bs-dialog-margin: 0;
|
|
--bs-dialog-border-radius: 0;
|
|
width: 100%;
|
|
max-width: none;
|
|
height: 100%;
|
|
max-height: none;
|
|
}
|
|
@media (width < 576px) {
|
|
.dialog-fullscreen-sm-down {
|
|
--bs-dialog-width: 100vw;
|
|
--bs-dialog-margin: 0;
|
|
--bs-dialog-border-radius: 0;
|
|
width: 100%;
|
|
max-width: none;
|
|
height: 100%;
|
|
max-height: none;
|
|
}
|
|
}
|
|
@media (width < 768px) {
|
|
.dialog-fullscreen-md-down {
|
|
--bs-dialog-width: 100vw;
|
|
--bs-dialog-margin: 0;
|
|
--bs-dialog-border-radius: 0;
|
|
width: 100%;
|
|
max-width: none;
|
|
height: 100%;
|
|
max-height: none;
|
|
}
|
|
}
|
|
@media (width < 1024px) {
|
|
.dialog-fullscreen-lg-down {
|
|
--bs-dialog-width: 100vw;
|
|
--bs-dialog-margin: 0;
|
|
--bs-dialog-border-radius: 0;
|
|
width: 100%;
|
|
max-width: none;
|
|
height: 100%;
|
|
max-height: none;
|
|
}
|
|
}
|
|
@media (width < 1280px) {
|
|
.dialog-fullscreen-xl-down {
|
|
--bs-dialog-width: 100vw;
|
|
--bs-dialog-margin: 0;
|
|
--bs-dialog-border-radius: 0;
|
|
width: 100%;
|
|
max-width: none;
|
|
height: 100%;
|
|
max-height: none;
|
|
}
|
|
}
|
|
@media (width < 1536px) {
|
|
.dialog-fullscreen-2xl-down {
|
|
--bs-dialog-width: 100vw;
|
|
--bs-dialog-margin: 0;
|
|
--bs-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(--bs-dialog-header-padding);
|
|
border-block-end: var(--bs-dialog-header-border-width) solid var(--bs-dialog-header-border-color);
|
|
}
|
|
.dialog-header .btn-close {
|
|
margin-inline-start: auto;
|
|
}
|
|
.dialog-title {
|
|
margin-bottom: 0;
|
|
font-size: var(--bs-font-size-md);
|
|
line-height: 1.5;
|
|
}
|
|
.dialog-body {
|
|
position: relative;
|
|
flex: 1 1 auto;
|
|
padding: var(--bs-dialog-padding);
|
|
overflow-y: auto;
|
|
}
|
|
.dialog-footer {
|
|
display: flex;
|
|
flex-shrink: 0;
|
|
flex-wrap: wrap;
|
|
gap: var(--bs-dialog-footer-gap);
|
|
align-items: center;
|
|
justify-content: flex-end;
|
|
padding: var(--bs-dialog-footer-padding);
|
|
border-block-start: var(--bs-dialog-footer-border-width) solid var(--bs-dialog-footer-border-color);
|
|
}
|
|
}
|
|
@layer components {
|
|
.dropdown {
|
|
position: relative;
|
|
}
|
|
.dropdown-menu {
|
|
--bs-dropdown-zindex: 1000;
|
|
--bs-dropdown-gap: 0.125rem;
|
|
--bs-dropdown-min-width: 10rem;
|
|
--bs-dropdown-padding-x: 0.25rem;
|
|
--bs-dropdown-padding-y: 0.25rem;
|
|
--bs-dropdown-spacer: 0.125rem;
|
|
--bs-dropdown-font-size: 14px;
|
|
--bs-dropdown-color: var(--bs-fg-body);
|
|
--bs-dropdown-bg: var(--bs-bg-body);
|
|
--bs-dropdown-border-color: var(--bs-border-color-translucent);
|
|
--bs-dropdown-border-radius: var(--bs-border-radius-lg);
|
|
--bs-dropdown-border-width: var(--bs-border-width);
|
|
--bs-dropdown-inner-border-radius: calc(var(--bs-border-radius-lg) - var(--bs-border-width));
|
|
--bs-dropdown-divider-bg: var(--bs-border-color-translucent);
|
|
--bs-dropdown-divider-margin-y: 0.125rem;
|
|
--bs-dropdown-divider-margin-x: 0.25rem;
|
|
--bs-dropdown-box-shadow: var(--bs-box-shadow);
|
|
--bs-dropdown-link-color: var(--bs-fg-body);
|
|
--bs-dropdown-link-hover-color: var(--bs-fg-body);
|
|
--bs-dropdown-link-hover-bg: var(--bs-bg-1);
|
|
--bs-dropdown-link-active-color: var(--bs-primary-contrast);
|
|
--bs-dropdown-link-active-bg: var(--bs-primary-bg);
|
|
--bs-dropdown-link-disabled-color: var(--bs-fg-3);
|
|
--bs-dropdown-item-gap: 0.5rem;
|
|
--bs-dropdown-item-padding-x: 0.75rem;
|
|
--bs-dropdown-item-padding-y: 0.25rem;
|
|
--bs-dropdown-item-border-radius: var(--bs-border-radius);
|
|
--bs-dropdown-header-color: var(--bs-gray-600);
|
|
--bs-dropdown-header-padding-x: 0.75rem;
|
|
--bs-dropdown-header-padding-y: 0.25rem;
|
|
position: absolute;
|
|
z-index: var(--bs-dropdown-zindex);
|
|
display: none;
|
|
flex-direction: column;
|
|
gap: var(--bs-dropdown-gap);
|
|
min-width: var(--bs-dropdown-min-width);
|
|
padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
|
|
margin: 0;
|
|
font-size: var(--bs-dropdown-font-size);
|
|
color: var(--bs-dropdown-color);
|
|
text-align: start;
|
|
list-style: none;
|
|
background-color: var(--bs-dropdown-bg);
|
|
background-clip: padding-box;
|
|
border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
|
|
border-radius: var(--bs-dropdown-border-radius);
|
|
box-shadow: var(--bs-dropdown-box-shadow);
|
|
}
|
|
.dropdown-menu.show {
|
|
display: flex;
|
|
}
|
|
.dropdown-divider {
|
|
height: 0;
|
|
margin: var(--bs-dropdown-divider-margin-y) var(--bs-dropdown-divider-margin-x);
|
|
overflow: hidden;
|
|
border-block-start: 1px solid var(--bs-dropdown-divider-bg);
|
|
opacity: 1;
|
|
}
|
|
.dropdown-item {
|
|
display: flex;
|
|
gap: var(--bs-dropdown-item-gap);
|
|
align-items: center;
|
|
width: 100%;
|
|
padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
|
|
font-weight: 400;
|
|
color: var(--bs-dropdown-link-color);
|
|
text-align: inherit;
|
|
text-decoration: none;
|
|
white-space: nowrap;
|
|
background-color: transparent;
|
|
border: 0;
|
|
border-radius: var(--bs-dropdown-item-border-radius, 0);
|
|
}
|
|
.dropdown-item:hover, .dropdown-item:focus {
|
|
color: var(--bs-dropdown-link-hover-color);
|
|
background-color: var(--bs-dropdown-link-hover-bg);
|
|
}
|
|
.dropdown-item.active, .dropdown-item:active {
|
|
color: var(--bs-dropdown-link-active-color);
|
|
background-color: var(--bs-dropdown-link-active-bg);
|
|
}
|
|
.dropdown-item.disabled, .dropdown-item:disabled {
|
|
color: var(--bs-dropdown-link-disabled-color);
|
|
pointer-events: none;
|
|
background-color: transparent;
|
|
}
|
|
.dropdown-header {
|
|
display: block;
|
|
padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
|
|
margin-bottom: 0;
|
|
font-size: 12.25px;
|
|
color: var(--bs-dropdown-header-color);
|
|
white-space: nowrap;
|
|
}
|
|
.dropdown-item-text {
|
|
display: block;
|
|
padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
|
|
color: var(--bs-fg-2);
|
|
}
|
|
.dropdown-menu-dark {
|
|
--bs-dropdown-color: var(--bs-gray-300);
|
|
--bs-dropdown-bg: var(--bs-gray-900);
|
|
--bs-dropdown-border-color: var(--bs-border-color-translucent);
|
|
--bs-dropdown-box-shadow: ;
|
|
--bs-dropdown-link-color: var(--bs-gray-300);
|
|
--bs-dropdown-link-hover-color: #fff;
|
|
--bs-dropdown-divider-bg: var(--bs-border-color-translucent);
|
|
--bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);
|
|
--bs-dropdown-link-active-color: var(--bs-primary-contrast);
|
|
--bs-dropdown-link-active-bg: var(--bs-primary-bg);
|
|
--bs-dropdown-link-disabled-color: var(--bs-gray-500);
|
|
--bs-dropdown-header-color: var(--bs-gray-500);
|
|
}
|
|
.dropdown-submenu {
|
|
position: relative;
|
|
}
|
|
.dropdown-submenu > .dropdown-item {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
}
|
|
.dropdown-submenu > .dropdown-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] .dropdown-submenu > .dropdown-item::after {
|
|
transform: rotate(135deg);
|
|
}
|
|
.dropdown-submenu > .dropdown-menu {
|
|
top: 0;
|
|
margin-top: calc(-1 * var(--bs-dropdown-padding-y));
|
|
}
|
|
.dropdown-submenu:hover > .dropdown-item, .dropdown-submenu:focus-within > .dropdown-item {
|
|
color: var(--bs-dropdown-link-hover-color);
|
|
background-color: var(--bs-dropdown-link-hover-bg);
|
|
}
|
|
.dropdown-submenu.show > .dropdown-item {
|
|
color: var(--bs-dropdown-link-hover-color);
|
|
background-color: var(--bs-dropdown-link-hover-bg);
|
|
}
|
|
}
|
|
@layer components {
|
|
.list-group {
|
|
--bs-list-group-color: var(--bs-color-body);
|
|
--bs-list-group-bg: var(--bs-bg-body);
|
|
--bs-list-group-border-color: var(--bs-border-color);
|
|
--bs-list-group-border-width: var(--bs-border-width);
|
|
--bs-list-group-border-radius: var(--bs-border-radius);
|
|
--bs-list-group-item-padding-x: 1rem;
|
|
--bs-list-group-item-padding-y: 0.5rem;
|
|
--bs-list-group-action-color: var(--bs-secondary-color);
|
|
--bs-list-group-action-hover-color: var(--bs-emphasis-color);
|
|
--bs-list-group-action-hover-bg: var(--bs-tertiary-bg);
|
|
--bs-list-group-action-active-color: var(--bs-color-body);
|
|
--bs-list-group-action-active-bg: var(--bs-secondary-bg);
|
|
--bs-list-group-disabled-color: var(--bs-secondary-color);
|
|
--bs-list-group-disabled-bg: var(--bs-bg-body);
|
|
--bs-list-group-active-color: var(--bs-primary-contrast);
|
|
--bs-list-group-active-bg: var(--bs-primary-bg);
|
|
--bs-list-group-active-border-color: var(--bs-primary-bg);
|
|
display: flex;
|
|
flex-direction: column;
|
|
padding-inline-start: 0;
|
|
margin-bottom: 0;
|
|
border-radius: var(--bs-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(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
|
|
color: var(--bs-theme-text, var(--bs-list-group-color));
|
|
background-color: var(--bs-theme-bg-subtle, var(--bs-list-group-bg));
|
|
border: var(--bs-list-group-border-width) solid var(--bs-theme-border, var(--bs-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(--bs-list-group-disabled-color);
|
|
pointer-events: none;
|
|
background-color: var(--bs-list-group-disabled-bg);
|
|
}
|
|
.list-group-item.active {
|
|
z-index: 2;
|
|
color: var(--bs-list-group-active-color);
|
|
background-color: var(--bs-list-group-active-bg);
|
|
border-color: var(--bs-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(--bs-list-group-border-width));
|
|
border-block-start-width: var(--bs-list-group-border-width);
|
|
}
|
|
.list-group-item-action {
|
|
width: 100%;
|
|
color: var(--bs-theme-text, var(--bs-list-group-action-color));
|
|
text-align: inherit;
|
|
}
|
|
.list-group-item-action:not(.active):hover, .list-group-item-action:not(.active):focus {
|
|
z-index: 1;
|
|
color: var(--bs-theme-text-emphasis, var(--bs-list-group-action-hover-color));
|
|
text-decoration: none;
|
|
background-color: var(--bs-theme-bg-muted, var(--bs-list-group-action-hover-bg));
|
|
}
|
|
.list-group-item-action:not(.active):active {
|
|
color: var(--bs-theme-text-emphasis, var(--bs-list-group-action-active-color));
|
|
background-color: var(--bs-theme-bg-muted, var(--bs-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(--bs-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(--bs-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(--bs-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(--bs-list-group-border-width));
|
|
border-inline-start-width: var(--bs-list-group-border-width);
|
|
}
|
|
@media (width >= 576px) {
|
|
.list-group-horizontal-sm {
|
|
flex-direction: row;
|
|
}
|
|
.list-group-horizontal-sm > .list-group-item:first-child:not(:last-child) {
|
|
border-end-start-radius: var(--bs-list-group-border-radius);
|
|
border-start-end-radius: 0;
|
|
}
|
|
.list-group-horizontal-sm > .list-group-item:last-child:not(:first-child) {
|
|
border-start-end-radius: var(--bs-list-group-border-radius);
|
|
border-end-start-radius: 0;
|
|
}
|
|
.list-group-horizontal-sm > .list-group-item.active {
|
|
margin-top: 0;
|
|
}
|
|
.list-group-horizontal-sm > .list-group-item + .list-group-item {
|
|
border-block-start-width: var(--bs-list-group-border-width);
|
|
border-inline-start-width: 0;
|
|
}
|
|
.list-group-horizontal-sm > .list-group-item + .list-group-item.active {
|
|
margin-inline-start: calc(-1 * var(--bs-list-group-border-width));
|
|
border-inline-start-width: var(--bs-list-group-border-width);
|
|
}
|
|
}
|
|
@media (width >= 768px) {
|
|
.list-group-horizontal-md {
|
|
flex-direction: row;
|
|
}
|
|
.list-group-horizontal-md > .list-group-item:first-child:not(:last-child) {
|
|
border-end-start-radius: var(--bs-list-group-border-radius);
|
|
border-start-end-radius: 0;
|
|
}
|
|
.list-group-horizontal-md > .list-group-item:last-child:not(:first-child) {
|
|
border-start-end-radius: var(--bs-list-group-border-radius);
|
|
border-end-start-radius: 0;
|
|
}
|
|
.list-group-horizontal-md > .list-group-item.active {
|
|
margin-top: 0;
|
|
}
|
|
.list-group-horizontal-md > .list-group-item + .list-group-item {
|
|
border-block-start-width: var(--bs-list-group-border-width);
|
|
border-inline-start-width: 0;
|
|
}
|
|
.list-group-horizontal-md > .list-group-item + .list-group-item.active {
|
|
margin-inline-start: calc(-1 * var(--bs-list-group-border-width));
|
|
border-inline-start-width: var(--bs-list-group-border-width);
|
|
}
|
|
}
|
|
@media (width >= 1024px) {
|
|
.list-group-horizontal-lg {
|
|
flex-direction: row;
|
|
}
|
|
.list-group-horizontal-lg > .list-group-item:first-child:not(:last-child) {
|
|
border-end-start-radius: var(--bs-list-group-border-radius);
|
|
border-start-end-radius: 0;
|
|
}
|
|
.list-group-horizontal-lg > .list-group-item:last-child:not(:first-child) {
|
|
border-start-end-radius: var(--bs-list-group-border-radius);
|
|
border-end-start-radius: 0;
|
|
}
|
|
.list-group-horizontal-lg > .list-group-item.active {
|
|
margin-top: 0;
|
|
}
|
|
.list-group-horizontal-lg > .list-group-item + .list-group-item {
|
|
border-block-start-width: var(--bs-list-group-border-width);
|
|
border-inline-start-width: 0;
|
|
}
|
|
.list-group-horizontal-lg > .list-group-item + .list-group-item.active {
|
|
margin-inline-start: calc(-1 * var(--bs-list-group-border-width));
|
|
border-inline-start-width: var(--bs-list-group-border-width);
|
|
}
|
|
}
|
|
@media (width >= 1280px) {
|
|
.list-group-horizontal-xl {
|
|
flex-direction: row;
|
|
}
|
|
.list-group-horizontal-xl > .list-group-item:first-child:not(:last-child) {
|
|
border-end-start-radius: var(--bs-list-group-border-radius);
|
|
border-start-end-radius: 0;
|
|
}
|
|
.list-group-horizontal-xl > .list-group-item:last-child:not(:first-child) {
|
|
border-start-end-radius: var(--bs-list-group-border-radius);
|
|
border-end-start-radius: 0;
|
|
}
|
|
.list-group-horizontal-xl > .list-group-item.active {
|
|
margin-top: 0;
|
|
}
|
|
.list-group-horizontal-xl > .list-group-item + .list-group-item {
|
|
border-block-start-width: var(--bs-list-group-border-width);
|
|
border-inline-start-width: 0;
|
|
}
|
|
.list-group-horizontal-xl > .list-group-item + .list-group-item.active {
|
|
margin-inline-start: calc(-1 * var(--bs-list-group-border-width));
|
|
border-inline-start-width: var(--bs-list-group-border-width);
|
|
}
|
|
}
|
|
@media (width >= 1536px) {
|
|
.list-group-horizontal-2xl {
|
|
flex-direction: row;
|
|
}
|
|
.list-group-horizontal-2xl > .list-group-item:first-child:not(:last-child) {
|
|
border-end-start-radius: var(--bs-list-group-border-radius);
|
|
border-start-end-radius: 0;
|
|
}
|
|
.list-group-horizontal-2xl > .list-group-item:last-child:not(:first-child) {
|
|
border-start-end-radius: var(--bs-list-group-border-radius);
|
|
border-end-start-radius: 0;
|
|
}
|
|
.list-group-horizontal-2xl > .list-group-item.active {
|
|
margin-top: 0;
|
|
}
|
|
.list-group-horizontal-2xl > .list-group-item + .list-group-item {
|
|
border-block-start-width: var(--bs-list-group-border-width);
|
|
border-inline-start-width: 0;
|
|
}
|
|
.list-group-horizontal-2xl > .list-group-item + .list-group-item.active {
|
|
margin-inline-start: calc(-1 * var(--bs-list-group-border-width));
|
|
border-inline-start-width: var(--bs-list-group-border-width);
|
|
}
|
|
}
|
|
.list-group-flush {
|
|
border-radius: 0;
|
|
}
|
|
.list-group-flush > .list-group-item {
|
|
border-width: 0 0 var(--bs-list-group-border-width);
|
|
}
|
|
.list-group-flush > .list-group-item:last-child {
|
|
border-block-end-width: 0;
|
|
}
|
|
}
|
|
@layer components {
|
|
.nav {
|
|
--bs-nav-gap: 0.125rem;
|
|
--bs-nav-link-gap: 0.5rem;
|
|
--bs-nav-link-padding-x: 1rem;
|
|
--bs-nav-link-padding-y: 0.5rem;
|
|
--bs-nav-link-color: var(--bs-fg-2);
|
|
--bs-nav-link-hover-color: var(--bs-fg-1);
|
|
--bs-nav-link-hover-bg: var(--bs-bg-1);
|
|
--bs-nav-link-active-color: var(--bs-fg-body);
|
|
--bs-nav-link-active-bg: var(--bs-bg-2);
|
|
--bs-nav-link-disabled-color: var(--bs-fg-4);
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: var(--bs-nav-gap);
|
|
padding-inline-start: 0;
|
|
margin-bottom: 0;
|
|
list-style: none;
|
|
}
|
|
.nav-item {
|
|
display: flex;
|
|
}
|
|
.nav-link {
|
|
display: flex;
|
|
gap: var(--bs-nav-link-gap);
|
|
align-items: center;
|
|
justify-content: center;
|
|
padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
|
|
font-weight: var(--bs-nav-link-font-weight);
|
|
color: var(--bs-nav-link-color);
|
|
text-decoration: none;
|
|
background: none;
|
|
border: 0;
|
|
border-radius: var(--bs-border-radius);
|
|
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
|
|
}
|
|
@media (prefers-reduced-motion: reduce) {
|
|
.nav-link {
|
|
transition: none;
|
|
}
|
|
}
|
|
.nav-link:hover, .nav-link:focus {
|
|
color: var(--bs-nav-link-hover-color);
|
|
background-color: var(--bs-nav-link-hover-bg);
|
|
}
|
|
.nav-link:focus-visible {
|
|
--bs-focus-ring-offset: 1px;
|
|
color: var(--bs-nav-link-hover-color);
|
|
outline: var(--bs-focus-ring);
|
|
outline-offset: var(--bs-focus-ring-offset);
|
|
}
|
|
.nav-link.active, .nav-link:active {
|
|
color: var(--bs-nav-link-active-color);
|
|
background-color: var(--bs-nav-link-active-bg);
|
|
}
|
|
.nav-link.disabled, .nav-link:disabled {
|
|
color: var(--bs-nav-link-disabled-color);
|
|
pointer-events: none;
|
|
cursor: default;
|
|
}
|
|
.nav-tabs {
|
|
--bs-nav-tabs-border-width: var(--bs-border-width);
|
|
--bs-nav-tabs-border-color: var(--bs-border-color);
|
|
--bs-nav-tabs-border-radius: var(--bs-border-radius);
|
|
--bs-nav-tabs-link-hover-border-color: var(--bs-border-subtle);
|
|
--bs-nav-tabs-link-active-color: var(--bs-emphasis-color);
|
|
--bs-nav-tabs-link-active-bg: var(--bs-bg-body);
|
|
--bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) var(--bs-bg-body);
|
|
border-block-end: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);
|
|
}
|
|
.nav-tabs .nav-link {
|
|
margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
|
|
border: var(--bs-nav-tabs-border-width) solid transparent;
|
|
border-end-start-radius: 0;
|
|
border-end-end-radius: 0;
|
|
}
|
|
.nav-tabs .nav-link:hover {
|
|
isolation: isolate;
|
|
border-color: var(--bs-nav-tabs-link-hover-border-color);
|
|
border-bottom-color: var(--bs-nav-tabs-border-color);
|
|
}
|
|
.nav-tabs .nav-link.active,
|
|
.nav-tabs .nav-item.show .nav-link {
|
|
color: var(--bs-nav-tabs-link-active-color);
|
|
background-color: var(--bs-nav-tabs-link-active-bg);
|
|
border-color: var(--bs-nav-tabs-link-active-border-color);
|
|
border-bottom-color: var(--bs-nav-tabs-link-active-bg);
|
|
}
|
|
.nav-tabs .dropdown-menu {
|
|
margin-top: calc(-1 * var(--bs-nav-tabs-border-width));
|
|
border-start-start-radius: 0;
|
|
border-start-end-radius: 0;
|
|
}
|
|
.nav-pills {
|
|
--bs-nav-pills-link-active-color: var(--bs-primary-contrast);
|
|
--bs-nav-pills-link-active-bg: var(--bs-primary-bg);
|
|
}
|
|
.nav-pills .nav-link.active,
|
|
.nav-pills .show > .nav-link {
|
|
color: var(--bs-nav-pills-link-active-color);
|
|
background-color: var(--bs-nav-pills-link-active-bg);
|
|
}
|
|
.nav-underline {
|
|
--bs-nav-gap: 1rem;
|
|
--bs-nav-link-active-bg: transparent;
|
|
--bs-nav-underline-border-width: 0.125rem;
|
|
--bs-nav-underline-link-active-color: var(--bs-emphasis-color);
|
|
}
|
|
.nav-underline .nav-link {
|
|
padding-inline: 0;
|
|
border-block-end: var(--bs-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: 700;
|
|
color: var(--bs-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 {
|
|
display: none;
|
|
}
|
|
.tab-content > .active {
|
|
display: block;
|
|
}
|
|
}
|
|
@layer components {
|
|
.navbar {
|
|
--bs-navbar-padding-x: 0;
|
|
--bs-navbar-padding-y: 0.5rem;
|
|
--bs-navbar-color: var(--bs-fg-2);
|
|
--bs-navbar-hover-color: var(--bs-fg-1);
|
|
--bs-navbar-disabled-color: var(--bs-fg-3);
|
|
--bs-navbar-active-color: var(--bs-fg);
|
|
--bs-navbar-brand-padding-y: 0.75rem;
|
|
--bs-navbar-brand-margin-end: 1rem;
|
|
--bs-navbar-brand-font-size: 17.5px;
|
|
--bs-navbar-brand-color: var(--bs-fg);
|
|
--bs-navbar-brand-hover-color: var(--bs-fg);
|
|
--bs-navbar-nav-link-padding-x: 0.75rem;
|
|
--bs-navbar-toggler-padding-y: 0.25rem;
|
|
--bs-navbar-toggler-padding-x: 0.75rem;
|
|
--bs-navbar-toggler-font-size: 17.5px;
|
|
--bs-navbar-toggler-icon-bg: escape-svg(url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='rgba(var(--color-body), 0.75)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>"));
|
|
--bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15);
|
|
--bs-navbar-toggler-border-radius: var(--bs-border-radius);
|
|
--bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
|
|
position: relative;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x);
|
|
}
|
|
.navbar > .container-2xl, .navbar > .container-xl, .navbar > .container-lg, .navbar > .container-md, .navbar > .container-sm, .navbar > .container,
|
|
.navbar > .container-fluid {
|
|
display: flex;
|
|
flex-wrap: inherit;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
}
|
|
.navbar-brand {
|
|
padding-top: var(--bs-navbar-brand-padding-y);
|
|
padding-bottom: var(--bs-navbar-brand-padding-y);
|
|
margin-inline-end: var(--bs-navbar-brand-margin-end);
|
|
font-size: var(--bs-navbar-brand-font-size);
|
|
color: var(--bs-navbar-brand-color);
|
|
text-decoration: none;
|
|
white-space: nowrap;
|
|
}
|
|
.navbar-brand:hover, .navbar-brand:focus {
|
|
color: var(--bs-navbar-brand-hover-color);
|
|
}
|
|
.navbar-nav {
|
|
--bs-nav-link-color: var(--bs-navbar-color);
|
|
--bs-nav-link-hover-color: var(--bs-navbar-hover-color);
|
|
--bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
|
|
display: flex;
|
|
flex-direction: column;
|
|
padding-inline-start: 0;
|
|
margin-bottom: 0;
|
|
list-style: none;
|
|
}
|
|
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
|
|
color: var(--bs-navbar-active-color);
|
|
}
|
|
.navbar-text {
|
|
color: var(--bs-navbar-color);
|
|
}
|
|
.navbar-text a,
|
|
.navbar-text a:hover,
|
|
.navbar-text a:focus {
|
|
color: var(--bs-navbar-active-color);
|
|
}
|
|
.navbar-collapse {
|
|
flex-grow: 1;
|
|
flex-basis: 100%;
|
|
align-items: center;
|
|
}
|
|
.navbar-toggler {
|
|
padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
|
|
font-size: var(--bs-navbar-toggler-font-size);
|
|
line-height: 1;
|
|
color: var(--bs-navbar-color);
|
|
background-color: transparent;
|
|
border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
|
|
border-radius: var(--bs-navbar-toggler-border-radius);
|
|
transition: var(--bs-navbar-toggler-transition);
|
|
}
|
|
@media (prefers-reduced-motion: reduce) {
|
|
.navbar-toggler {
|
|
transition: none;
|
|
}
|
|
}
|
|
.navbar-toggler:hover {
|
|
text-decoration: none;
|
|
}
|
|
.navbar-toggler:focus-visible {
|
|
text-decoration: none;
|
|
outline: var(--bs-focus-ring);
|
|
outline-offset: var(--bs-focus-ring-offset);
|
|
}
|
|
.navbar-toggler-icon {
|
|
display: inline-block;
|
|
width: 1.5em;
|
|
height: 1.5em;
|
|
vertical-align: middle;
|
|
background-image: var(--bs-navbar-toggler-icon-bg);
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
background-size: 100%;
|
|
}
|
|
.navbar-nav-scroll {
|
|
max-height: var(--bs-scroll-height, 75vh);
|
|
overflow-y: auto;
|
|
}
|
|
@media (width >= 576px) {
|
|
.navbar-expand-sm {
|
|
flex-wrap: nowrap;
|
|
justify-content: flex-start;
|
|
}
|
|
.navbar-expand-sm .navbar-nav {
|
|
--bs-nav-link-padding-x: var(--bs-navbar-nav-link-padding-x);
|
|
flex-direction: row;
|
|
}
|
|
.navbar-expand-sm .navbar-nav-scroll {
|
|
overflow: visible;
|
|
}
|
|
.navbar-expand-sm .navbar-collapse {
|
|
display: flex !important;
|
|
flex-basis: auto;
|
|
}
|
|
.navbar-expand-sm .navbar-toggler {
|
|
display: none !important;
|
|
}
|
|
.navbar-expand-sm .offcanvas {
|
|
position: static;
|
|
z-index: auto;
|
|
flex-grow: 1;
|
|
width: auto !important;
|
|
height: auto !important;
|
|
visibility: visible !important;
|
|
background-color: transparent !important;
|
|
border: 0 !important;
|
|
transform: none !important;
|
|
box-shadow: none;
|
|
transition: none;
|
|
}
|
|
.navbar-expand-sm .offcanvas .offcanvas-header {
|
|
display: none;
|
|
}
|
|
.navbar-expand-sm .offcanvas .offcanvas-body {
|
|
display: flex;
|
|
flex-grow: 0;
|
|
padding: 0;
|
|
overflow-y: visible;
|
|
}
|
|
}
|
|
@media (width >= 768px) {
|
|
.navbar-expand-md {
|
|
flex-wrap: nowrap;
|
|
justify-content: flex-start;
|
|
}
|
|
.navbar-expand-md .navbar-nav {
|
|
--bs-nav-link-padding-x: var(--bs-navbar-nav-link-padding-x);
|
|
flex-direction: row;
|
|
}
|
|
.navbar-expand-md .navbar-nav-scroll {
|
|
overflow: visible;
|
|
}
|
|
.navbar-expand-md .navbar-collapse {
|
|
display: flex !important;
|
|
flex-basis: auto;
|
|
}
|
|
.navbar-expand-md .navbar-toggler {
|
|
display: none !important;
|
|
}
|
|
.navbar-expand-md .offcanvas {
|
|
position: static;
|
|
z-index: auto;
|
|
flex-grow: 1;
|
|
width: auto !important;
|
|
height: auto !important;
|
|
visibility: visible !important;
|
|
background-color: transparent !important;
|
|
border: 0 !important;
|
|
transform: none !important;
|
|
box-shadow: none;
|
|
transition: none;
|
|
}
|
|
.navbar-expand-md .offcanvas .offcanvas-header {
|
|
display: none;
|
|
}
|
|
.navbar-expand-md .offcanvas .offcanvas-body {
|
|
display: flex;
|
|
flex-grow: 0;
|
|
padding: 0;
|
|
overflow-y: visible;
|
|
}
|
|
}
|
|
@media (width >= 1024px) {
|
|
.navbar-expand-lg {
|
|
flex-wrap: nowrap;
|
|
justify-content: flex-start;
|
|
}
|
|
.navbar-expand-lg .navbar-nav {
|
|
--bs-nav-link-padding-x: var(--bs-navbar-nav-link-padding-x);
|
|
flex-direction: row;
|
|
}
|
|
.navbar-expand-lg .navbar-nav-scroll {
|
|
overflow: visible;
|
|
}
|
|
.navbar-expand-lg .navbar-collapse {
|
|
display: flex !important;
|
|
flex-basis: auto;
|
|
}
|
|
.navbar-expand-lg .navbar-toggler {
|
|
display: none !important;
|
|
}
|
|
.navbar-expand-lg .offcanvas {
|
|
position: static;
|
|
z-index: auto;
|
|
flex-grow: 1;
|
|
width: auto !important;
|
|
height: auto !important;
|
|
visibility: visible !important;
|
|
background-color: transparent !important;
|
|
border: 0 !important;
|
|
transform: none !important;
|
|
box-shadow: none;
|
|
transition: none;
|
|
}
|
|
.navbar-expand-lg .offcanvas .offcanvas-header {
|
|
display: none;
|
|
}
|
|
.navbar-expand-lg .offcanvas .offcanvas-body {
|
|
display: flex;
|
|
flex-grow: 0;
|
|
padding: 0;
|
|
overflow-y: visible;
|
|
}
|
|
}
|
|
@media (width >= 1280px) {
|
|
.navbar-expand-xl {
|
|
flex-wrap: nowrap;
|
|
justify-content: flex-start;
|
|
}
|
|
.navbar-expand-xl .navbar-nav {
|
|
--bs-nav-link-padding-x: var(--bs-navbar-nav-link-padding-x);
|
|
flex-direction: row;
|
|
}
|
|
.navbar-expand-xl .navbar-nav-scroll {
|
|
overflow: visible;
|
|
}
|
|
.navbar-expand-xl .navbar-collapse {
|
|
display: flex !important;
|
|
flex-basis: auto;
|
|
}
|
|
.navbar-expand-xl .navbar-toggler {
|
|
display: none !important;
|
|
}
|
|
.navbar-expand-xl .offcanvas {
|
|
position: static;
|
|
z-index: auto;
|
|
flex-grow: 1;
|
|
width: auto !important;
|
|
height: auto !important;
|
|
visibility: visible !important;
|
|
background-color: transparent !important;
|
|
border: 0 !important;
|
|
transform: none !important;
|
|
box-shadow: none;
|
|
transition: none;
|
|
}
|
|
.navbar-expand-xl .offcanvas .offcanvas-header {
|
|
display: none;
|
|
}
|
|
.navbar-expand-xl .offcanvas .offcanvas-body {
|
|
display: flex;
|
|
flex-grow: 0;
|
|
padding: 0;
|
|
overflow-y: visible;
|
|
}
|
|
}
|
|
@media (width >= 1536px) {
|
|
.navbar-expand-2xl {
|
|
flex-wrap: nowrap;
|
|
justify-content: flex-start;
|
|
}
|
|
.navbar-expand-2xl .navbar-nav {
|
|
--bs-nav-link-padding-x: var(--bs-navbar-nav-link-padding-x);
|
|
flex-direction: row;
|
|
}
|
|
.navbar-expand-2xl .navbar-nav-scroll {
|
|
overflow: visible;
|
|
}
|
|
.navbar-expand-2xl .navbar-collapse {
|
|
display: flex !important;
|
|
flex-basis: auto;
|
|
}
|
|
.navbar-expand-2xl .navbar-toggler {
|
|
display: none !important;
|
|
}
|
|
.navbar-expand-2xl .offcanvas {
|
|
position: static;
|
|
z-index: auto;
|
|
flex-grow: 1;
|
|
width: auto !important;
|
|
height: auto !important;
|
|
visibility: visible !important;
|
|
background-color: transparent !important;
|
|
border: 0 !important;
|
|
transform: none !important;
|
|
box-shadow: none;
|
|
transition: none;
|
|
}
|
|
.navbar-expand-2xl .offcanvas .offcanvas-header {
|
|
display: none;
|
|
}
|
|
.navbar-expand-2xl .offcanvas .offcanvas-body {
|
|
display: flex;
|
|
flex-grow: 0;
|
|
padding: 0;
|
|
overflow-y: visible;
|
|
}
|
|
}
|
|
.navbar-expand {
|
|
flex-wrap: nowrap;
|
|
justify-content: flex-start;
|
|
}
|
|
.navbar-expand .navbar-nav {
|
|
--bs-nav-link-padding-x: var(--bs-navbar-nav-link-padding-x);
|
|
flex-direction: row;
|
|
}
|
|
.navbar-expand .navbar-nav-scroll {
|
|
overflow: visible;
|
|
}
|
|
.navbar-expand .navbar-collapse {
|
|
display: flex !important;
|
|
flex-basis: auto;
|
|
}
|
|
.navbar-expand .navbar-toggler {
|
|
display: none !important;
|
|
}
|
|
.navbar-expand .offcanvas {
|
|
position: static;
|
|
z-index: auto;
|
|
flex-grow: 1;
|
|
width: auto !important;
|
|
height: auto !important;
|
|
visibility: visible !important;
|
|
background-color: transparent !important;
|
|
border: 0 !important;
|
|
transform: none !important;
|
|
box-shadow: none;
|
|
transition: none;
|
|
}
|
|
.navbar-expand .offcanvas .offcanvas-header {
|
|
display: none;
|
|
}
|
|
.navbar-expand .offcanvas .offcanvas-body {
|
|
display: flex;
|
|
flex-grow: 0;
|
|
padding: 0;
|
|
overflow-y: visible;
|
|
}
|
|
.navbar-dark,
|
|
.navbar[data-bs-theme=dark] {
|
|
--bs-navbar-color: rgba(255, 255, 255, 0.55);
|
|
--bs-navbar-hover-color: rgba(255, 255, 255, 0.75);
|
|
--bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);
|
|
--bs-navbar-active-color: #fff;
|
|
--bs-navbar-brand-color: #fff;
|
|
--bs-navbar-brand-hover-color: #fff;
|
|
--bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);
|
|
--bs-navbar-toggler-icon-bg: escape-svg(url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='rgba(255, 255, 255, 0.55)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>"));
|
|
}
|
|
[data-bs-theme=dark] .navbar-toggler-icon {
|
|
--bs-navbar-toggler-icon-bg: escape-svg(url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='rgba(255, 255, 255, 0.55)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>"));
|
|
}
|
|
}
|
|
.offcanvas, .offcanvas-2xl, .offcanvas-xl, .offcanvas-lg, .offcanvas-md, .offcanvas-sm {
|
|
--bs-offcanvas-zindex: 1045;
|
|
--bs-offcanvas-width: 400px;
|
|
--bs-offcanvas-height: 30vh;
|
|
--bs-offcanvas-padding-x: 1rem;
|
|
--bs-offcanvas-padding-y: 1rem;
|
|
--bs-offcanvas-color: var(--bs-color-body);
|
|
--bs-offcanvas-bg: var(--bs-bg-body);
|
|
--bs-offcanvas-border-width: var(--bs-border-width);
|
|
--bs-offcanvas-border-color: var(--bs-border-color-translucent);
|
|
--bs-offcanvas-box-shadow: var(--bs-box-shadow-sm);
|
|
--bs-offcanvas-transition: transform 0.3s ease-in-out;
|
|
--bs-offcanvas-title-line-height: 1.5;
|
|
}
|
|
|
|
@layer components {
|
|
@media (width < 576px) {
|
|
.offcanvas-sm {
|
|
position: fixed;
|
|
bottom: 0;
|
|
z-index: var(--bs-offcanvas-zindex);
|
|
display: flex;
|
|
flex-direction: column;
|
|
max-width: 100%;
|
|
color: var(--bs-offcanvas-color);
|
|
visibility: hidden;
|
|
background-color: var(--bs-offcanvas-bg);
|
|
background-clip: padding-box;
|
|
outline: 0;
|
|
box-shadow: var(--bs-offcanvas-box-shadow);
|
|
transition: var(--bs-offcanvas-transition);
|
|
}
|
|
}
|
|
@media (width < 576px) and (prefers-reduced-motion: reduce) {
|
|
.offcanvas-sm {
|
|
transition: none;
|
|
}
|
|
}
|
|
@media (width < 576px) {
|
|
.offcanvas-sm.offcanvas-start {
|
|
inset-block: 0;
|
|
inset-inline-start: 0;
|
|
width: var(--bs-offcanvas-width);
|
|
border-inline-end: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
|
|
transform: translateX(-100%);
|
|
}
|
|
:root:dir(rtl) .offcanvas-sm.offcanvas-start {
|
|
transform: translateX(100%);
|
|
}
|
|
.offcanvas-sm.offcanvas-end {
|
|
inset-block: 0;
|
|
inset-inline-end: 0;
|
|
width: var(--bs-offcanvas-width);
|
|
border-inline-start: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
|
|
transform: translateX(100%);
|
|
}
|
|
:root:dir(rtl) .offcanvas-sm.offcanvas-end {
|
|
transform: translateX(-100%);
|
|
}
|
|
.offcanvas-sm.offcanvas-top {
|
|
inset: 0 0 auto;
|
|
height: var(--bs-offcanvas-height);
|
|
max-height: 100%;
|
|
border-block-end: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
|
|
transform: translateY(-100%);
|
|
}
|
|
.offcanvas-sm.offcanvas-bottom {
|
|
inset: auto 0 0;
|
|
height: var(--bs-offcanvas-height);
|
|
max-height: 100%;
|
|
border-block-start: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
|
|
transform: translateY(100%);
|
|
}
|
|
.offcanvas-sm.showing, .offcanvas-sm.show:not(.hiding) {
|
|
transform: none;
|
|
}
|
|
.offcanvas-sm.showing, .offcanvas-sm.hiding, .offcanvas-sm.show {
|
|
visibility: visible;
|
|
}
|
|
}
|
|
@media (width >= 576px) {
|
|
.offcanvas-sm {
|
|
--bs-offcanvas-height: auto;
|
|
--bs-offcanvas-border-width: 0;
|
|
background-color: transparent !important;
|
|
}
|
|
.offcanvas-sm .offcanvas-header {
|
|
display: none;
|
|
}
|
|
.offcanvas-sm .offcanvas-body {
|
|
display: flex;
|
|
flex-grow: 0;
|
|
padding: 0;
|
|
overflow-y: visible;
|
|
background-color: transparent !important;
|
|
}
|
|
}
|
|
@media (width < 768px) {
|
|
.offcanvas-md {
|
|
position: fixed;
|
|
bottom: 0;
|
|
z-index: var(--bs-offcanvas-zindex);
|
|
display: flex;
|
|
flex-direction: column;
|
|
max-width: 100%;
|
|
color: var(--bs-offcanvas-color);
|
|
visibility: hidden;
|
|
background-color: var(--bs-offcanvas-bg);
|
|
background-clip: padding-box;
|
|
outline: 0;
|
|
box-shadow: var(--bs-offcanvas-box-shadow);
|
|
transition: var(--bs-offcanvas-transition);
|
|
}
|
|
}
|
|
@media (width < 768px) and (prefers-reduced-motion: reduce) {
|
|
.offcanvas-md {
|
|
transition: none;
|
|
}
|
|
}
|
|
@media (width < 768px) {
|
|
.offcanvas-md.offcanvas-start {
|
|
inset-block: 0;
|
|
inset-inline-start: 0;
|
|
width: var(--bs-offcanvas-width);
|
|
border-inline-end: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
|
|
transform: translateX(-100%);
|
|
}
|
|
:root:dir(rtl) .offcanvas-md.offcanvas-start {
|
|
transform: translateX(100%);
|
|
}
|
|
.offcanvas-md.offcanvas-end {
|
|
inset-block: 0;
|
|
inset-inline-end: 0;
|
|
width: var(--bs-offcanvas-width);
|
|
border-inline-start: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
|
|
transform: translateX(100%);
|
|
}
|
|
:root:dir(rtl) .offcanvas-md.offcanvas-end {
|
|
transform: translateX(-100%);
|
|
}
|
|
.offcanvas-md.offcanvas-top {
|
|
inset: 0 0 auto;
|
|
height: var(--bs-offcanvas-height);
|
|
max-height: 100%;
|
|
border-block-end: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
|
|
transform: translateY(-100%);
|
|
}
|
|
.offcanvas-md.offcanvas-bottom {
|
|
inset: auto 0 0;
|
|
height: var(--bs-offcanvas-height);
|
|
max-height: 100%;
|
|
border-block-start: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
|
|
transform: translateY(100%);
|
|
}
|
|
.offcanvas-md.showing, .offcanvas-md.show:not(.hiding) {
|
|
transform: none;
|
|
}
|
|
.offcanvas-md.showing, .offcanvas-md.hiding, .offcanvas-md.show {
|
|
visibility: visible;
|
|
}
|
|
}
|
|
@media (width >= 768px) {
|
|
.offcanvas-md {
|
|
--bs-offcanvas-height: auto;
|
|
--bs-offcanvas-border-width: 0;
|
|
background-color: transparent !important;
|
|
}
|
|
.offcanvas-md .offcanvas-header {
|
|
display: none;
|
|
}
|
|
.offcanvas-md .offcanvas-body {
|
|
display: flex;
|
|
flex-grow: 0;
|
|
padding: 0;
|
|
overflow-y: visible;
|
|
background-color: transparent !important;
|
|
}
|
|
}
|
|
@media (width < 1024px) {
|
|
.offcanvas-lg {
|
|
position: fixed;
|
|
bottom: 0;
|
|
z-index: var(--bs-offcanvas-zindex);
|
|
display: flex;
|
|
flex-direction: column;
|
|
max-width: 100%;
|
|
color: var(--bs-offcanvas-color);
|
|
visibility: hidden;
|
|
background-color: var(--bs-offcanvas-bg);
|
|
background-clip: padding-box;
|
|
outline: 0;
|
|
box-shadow: var(--bs-offcanvas-box-shadow);
|
|
transition: var(--bs-offcanvas-transition);
|
|
}
|
|
}
|
|
@media (width < 1024px) and (prefers-reduced-motion: reduce) {
|
|
.offcanvas-lg {
|
|
transition: none;
|
|
}
|
|
}
|
|
@media (width < 1024px) {
|
|
.offcanvas-lg.offcanvas-start {
|
|
inset-block: 0;
|
|
inset-inline-start: 0;
|
|
width: var(--bs-offcanvas-width);
|
|
border-inline-end: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
|
|
transform: translateX(-100%);
|
|
}
|
|
:root:dir(rtl) .offcanvas-lg.offcanvas-start {
|
|
transform: translateX(100%);
|
|
}
|
|
.offcanvas-lg.offcanvas-end {
|
|
inset-block: 0;
|
|
inset-inline-end: 0;
|
|
width: var(--bs-offcanvas-width);
|
|
border-inline-start: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
|
|
transform: translateX(100%);
|
|
}
|
|
:root:dir(rtl) .offcanvas-lg.offcanvas-end {
|
|
transform: translateX(-100%);
|
|
}
|
|
.offcanvas-lg.offcanvas-top {
|
|
inset: 0 0 auto;
|
|
height: var(--bs-offcanvas-height);
|
|
max-height: 100%;
|
|
border-block-end: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
|
|
transform: translateY(-100%);
|
|
}
|
|
.offcanvas-lg.offcanvas-bottom {
|
|
inset: auto 0 0;
|
|
height: var(--bs-offcanvas-height);
|
|
max-height: 100%;
|
|
border-block-start: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
|
|
transform: translateY(100%);
|
|
}
|
|
.offcanvas-lg.showing, .offcanvas-lg.show:not(.hiding) {
|
|
transform: none;
|
|
}
|
|
.offcanvas-lg.showing, .offcanvas-lg.hiding, .offcanvas-lg.show {
|
|
visibility: visible;
|
|
}
|
|
}
|
|
@media (width >= 1024px) {
|
|
.offcanvas-lg {
|
|
--bs-offcanvas-height: auto;
|
|
--bs-offcanvas-border-width: 0;
|
|
background-color: transparent !important;
|
|
}
|
|
.offcanvas-lg .offcanvas-header {
|
|
display: none;
|
|
}
|
|
.offcanvas-lg .offcanvas-body {
|
|
display: flex;
|
|
flex-grow: 0;
|
|
padding: 0;
|
|
overflow-y: visible;
|
|
background-color: transparent !important;
|
|
}
|
|
}
|
|
@media (width < 1280px) {
|
|
.offcanvas-xl {
|
|
position: fixed;
|
|
bottom: 0;
|
|
z-index: var(--bs-offcanvas-zindex);
|
|
display: flex;
|
|
flex-direction: column;
|
|
max-width: 100%;
|
|
color: var(--bs-offcanvas-color);
|
|
visibility: hidden;
|
|
background-color: var(--bs-offcanvas-bg);
|
|
background-clip: padding-box;
|
|
outline: 0;
|
|
box-shadow: var(--bs-offcanvas-box-shadow);
|
|
transition: var(--bs-offcanvas-transition);
|
|
}
|
|
}
|
|
@media (width < 1280px) and (prefers-reduced-motion: reduce) {
|
|
.offcanvas-xl {
|
|
transition: none;
|
|
}
|
|
}
|
|
@media (width < 1280px) {
|
|
.offcanvas-xl.offcanvas-start {
|
|
inset-block: 0;
|
|
inset-inline-start: 0;
|
|
width: var(--bs-offcanvas-width);
|
|
border-inline-end: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
|
|
transform: translateX(-100%);
|
|
}
|
|
:root:dir(rtl) .offcanvas-xl.offcanvas-start {
|
|
transform: translateX(100%);
|
|
}
|
|
.offcanvas-xl.offcanvas-end {
|
|
inset-block: 0;
|
|
inset-inline-end: 0;
|
|
width: var(--bs-offcanvas-width);
|
|
border-inline-start: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
|
|
transform: translateX(100%);
|
|
}
|
|
:root:dir(rtl) .offcanvas-xl.offcanvas-end {
|
|
transform: translateX(-100%);
|
|
}
|
|
.offcanvas-xl.offcanvas-top {
|
|
inset: 0 0 auto;
|
|
height: var(--bs-offcanvas-height);
|
|
max-height: 100%;
|
|
border-block-end: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
|
|
transform: translateY(-100%);
|
|
}
|
|
.offcanvas-xl.offcanvas-bottom {
|
|
inset: auto 0 0;
|
|
height: var(--bs-offcanvas-height);
|
|
max-height: 100%;
|
|
border-block-start: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
|
|
transform: translateY(100%);
|
|
}
|
|
.offcanvas-xl.showing, .offcanvas-xl.show:not(.hiding) {
|
|
transform: none;
|
|
}
|
|
.offcanvas-xl.showing, .offcanvas-xl.hiding, .offcanvas-xl.show {
|
|
visibility: visible;
|
|
}
|
|
}
|
|
@media (width >= 1280px) {
|
|
.offcanvas-xl {
|
|
--bs-offcanvas-height: auto;
|
|
--bs-offcanvas-border-width: 0;
|
|
background-color: transparent !important;
|
|
}
|
|
.offcanvas-xl .offcanvas-header {
|
|
display: none;
|
|
}
|
|
.offcanvas-xl .offcanvas-body {
|
|
display: flex;
|
|
flex-grow: 0;
|
|
padding: 0;
|
|
overflow-y: visible;
|
|
background-color: transparent !important;
|
|
}
|
|
}
|
|
@media (width < 1536px) {
|
|
.offcanvas-2xl {
|
|
position: fixed;
|
|
bottom: 0;
|
|
z-index: var(--bs-offcanvas-zindex);
|
|
display: flex;
|
|
flex-direction: column;
|
|
max-width: 100%;
|
|
color: var(--bs-offcanvas-color);
|
|
visibility: hidden;
|
|
background-color: var(--bs-offcanvas-bg);
|
|
background-clip: padding-box;
|
|
outline: 0;
|
|
box-shadow: var(--bs-offcanvas-box-shadow);
|
|
transition: var(--bs-offcanvas-transition);
|
|
}
|
|
}
|
|
@media (width < 1536px) and (prefers-reduced-motion: reduce) {
|
|
.offcanvas-2xl {
|
|
transition: none;
|
|
}
|
|
}
|
|
@media (width < 1536px) {
|
|
.offcanvas-2xl.offcanvas-start {
|
|
inset-block: 0;
|
|
inset-inline-start: 0;
|
|
width: var(--bs-offcanvas-width);
|
|
border-inline-end: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
|
|
transform: translateX(-100%);
|
|
}
|
|
:root:dir(rtl) .offcanvas-2xl.offcanvas-start {
|
|
transform: translateX(100%);
|
|
}
|
|
.offcanvas-2xl.offcanvas-end {
|
|
inset-block: 0;
|
|
inset-inline-end: 0;
|
|
width: var(--bs-offcanvas-width);
|
|
border-inline-start: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
|
|
transform: translateX(100%);
|
|
}
|
|
:root:dir(rtl) .offcanvas-2xl.offcanvas-end {
|
|
transform: translateX(-100%);
|
|
}
|
|
.offcanvas-2xl.offcanvas-top {
|
|
inset: 0 0 auto;
|
|
height: var(--bs-offcanvas-height);
|
|
max-height: 100%;
|
|
border-block-end: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
|
|
transform: translateY(-100%);
|
|
}
|
|
.offcanvas-2xl.offcanvas-bottom {
|
|
inset: auto 0 0;
|
|
height: var(--bs-offcanvas-height);
|
|
max-height: 100%;
|
|
border-block-start: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
|
|
transform: translateY(100%);
|
|
}
|
|
.offcanvas-2xl.showing, .offcanvas-2xl.show:not(.hiding) {
|
|
transform: none;
|
|
}
|
|
.offcanvas-2xl.showing, .offcanvas-2xl.hiding, .offcanvas-2xl.show {
|
|
visibility: visible;
|
|
}
|
|
}
|
|
@media (width >= 1536px) {
|
|
.offcanvas-2xl {
|
|
--bs-offcanvas-height: auto;
|
|
--bs-offcanvas-border-width: 0;
|
|
background-color: transparent !important;
|
|
}
|
|
.offcanvas-2xl .offcanvas-header {
|
|
display: none;
|
|
}
|
|
.offcanvas-2xl .offcanvas-body {
|
|
display: flex;
|
|
flex-grow: 0;
|
|
padding: 0;
|
|
overflow-y: visible;
|
|
background-color: transparent !important;
|
|
}
|
|
}
|
|
.offcanvas {
|
|
position: fixed;
|
|
bottom: 0;
|
|
z-index: var(--bs-offcanvas-zindex);
|
|
display: flex;
|
|
flex-direction: column;
|
|
max-width: 100%;
|
|
color: var(--bs-offcanvas-color);
|
|
visibility: hidden;
|
|
background-color: var(--bs-offcanvas-bg);
|
|
background-clip: padding-box;
|
|
outline: 0;
|
|
box-shadow: var(--bs-offcanvas-box-shadow);
|
|
transition: var(--bs-offcanvas-transition);
|
|
}
|
|
@media (prefers-reduced-motion: reduce) {
|
|
.offcanvas {
|
|
transition: none;
|
|
}
|
|
}
|
|
.offcanvas.offcanvas-start {
|
|
inset-block: 0;
|
|
inset-inline-start: 0;
|
|
width: var(--bs-offcanvas-width);
|
|
border-inline-end: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
|
|
transform: translateX(-100%);
|
|
}
|
|
:root:dir(rtl) .offcanvas.offcanvas-start {
|
|
transform: translateX(100%);
|
|
}
|
|
.offcanvas.offcanvas-end {
|
|
inset-block: 0;
|
|
inset-inline-end: 0;
|
|
width: var(--bs-offcanvas-width);
|
|
border-inline-start: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
|
|
transform: translateX(100%);
|
|
}
|
|
:root:dir(rtl) .offcanvas.offcanvas-end {
|
|
transform: translateX(-100%);
|
|
}
|
|
.offcanvas.offcanvas-top {
|
|
inset: 0 0 auto;
|
|
height: var(--bs-offcanvas-height);
|
|
max-height: 100%;
|
|
border-block-end: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
|
|
transform: translateY(-100%);
|
|
}
|
|
.offcanvas.offcanvas-bottom {
|
|
inset: auto 0 0;
|
|
height: var(--bs-offcanvas-height);
|
|
max-height: 100%;
|
|
border-block-start: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
|
|
transform: translateY(100%);
|
|
}
|
|
.offcanvas.showing, .offcanvas.show:not(.hiding) {
|
|
transform: none;
|
|
}
|
|
.offcanvas.showing, .offcanvas.hiding, .offcanvas.show {
|
|
visibility: visible;
|
|
}
|
|
.offcanvas-backdrop {
|
|
position: fixed;
|
|
inset: 0;
|
|
z-index: 1040;
|
|
background-color: #000;
|
|
}
|
|
.offcanvas-backdrop.fade {
|
|
opacity: 0;
|
|
}
|
|
.offcanvas-backdrop.show {
|
|
opacity: 0.5;
|
|
}
|
|
.offcanvas-header {
|
|
display: flex;
|
|
align-items: center;
|
|
padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
|
|
}
|
|
.offcanvas-header .btn-close {
|
|
padding: calc(var(--bs-offcanvas-padding-y) * 0.5) calc(var(--bs-offcanvas-padding-x) * 0.5);
|
|
margin-inline-start: auto;
|
|
margin-inline-end: calc(-0.5 * var(--bs-offcanvas-padding-x));
|
|
margin-top: calc(-0.5 * var(--bs-offcanvas-padding-y));
|
|
margin-bottom: calc(-0.5 * var(--bs-offcanvas-padding-y));
|
|
}
|
|
.offcanvas-title {
|
|
margin-bottom: 0;
|
|
line-height: var(--bs-offcanvas-title-line-height);
|
|
}
|
|
.offcanvas-body {
|
|
flex-grow: 1;
|
|
padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
|
|
overflow-y: auto;
|
|
}
|
|
}
|
|
@layer components {
|
|
.pagination {
|
|
--bs-pagination-padding-x: 0.75rem;
|
|
--bs-pagination-padding-y: 0.375rem;
|
|
--bs-pagination-font-size: 14px;
|
|
--bs-pagination-color: var(--bs-link-color);
|
|
--bs-pagination-bg: var(--bs-bg-body);
|
|
--bs-pagination-border-width: var(--bs-border-width);
|
|
--bs-pagination-border-color: var(--bs-border-color);
|
|
--bs-pagination-border-radius: var(--bs-border-radius);
|
|
--bs-pagination-hover-color: var(--bs-link-hover-color);
|
|
--bs-pagination-hover-bg: var(--bs-tertiary-bg);
|
|
--bs-pagination-hover-border-color: var(--bs-border-color);
|
|
--bs-pagination-focus-color: var(--bs-link-hover-color);
|
|
--bs-pagination-focus-bg: var(--bs-secondary-bg);
|
|
--bs-pagination-active-color: var(--bs-primary-contrast);
|
|
--bs-pagination-active-bg: var(--bs-primary-bg);
|
|
--bs-pagination-active-border-color: var(--bs-primary-bg);
|
|
--bs-pagination-disabled-color: var(--bs-secondary-color);
|
|
--bs-pagination-disabled-bg: var(--bs-secondary-bg);
|
|
--bs-pagination-disabled-border-color: var(--bs-border-color);
|
|
display: flex;
|
|
padding-inline-start: 0;
|
|
list-style: none;
|
|
}
|
|
.page-link {
|
|
position: relative;
|
|
display: block;
|
|
padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
|
|
font-size: var(--bs-pagination-font-size);
|
|
color: var(--bs-pagination-color);
|
|
text-decoration: none;
|
|
background-color: var(--bs-pagination-bg);
|
|
border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
|
|
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;
|
|
}
|
|
@media (prefers-reduced-motion: reduce) {
|
|
.page-link {
|
|
transition: none;
|
|
}
|
|
}
|
|
.page-link:hover {
|
|
z-index: 2;
|
|
color: var(--bs-pagination-hover-color);
|
|
background-color: var(--bs-pagination-hover-bg);
|
|
border-color: var(--bs-pagination-hover-border-color);
|
|
}
|
|
.page-link:focus-visible {
|
|
z-index: 3;
|
|
color: var(--bs-pagination-focus-color);
|
|
background-color: var(--bs-pagination-focus-bg);
|
|
outline: var(--bs-focus-ring);
|
|
outline-offset: var(--bs-focus-ring-offset);
|
|
}
|
|
.page-link.active, .active > .page-link {
|
|
z-index: 3;
|
|
color: var(--bs-pagination-active-color);
|
|
background-color: var(--bs-pagination-active-bg);
|
|
border-color: var(--bs-pagination-active-border-color);
|
|
}
|
|
.page-link.disabled, .disabled > .page-link {
|
|
color: var(--bs-pagination-disabled-color);
|
|
pointer-events: none;
|
|
background-color: var(--bs-pagination-disabled-bg);
|
|
border-color: var(--bs-pagination-disabled-border-color);
|
|
}
|
|
.page-item:not(:first-child) .page-link {
|
|
margin-inline-start: calc(-1 * var(--bs-border-width));
|
|
}
|
|
.page-item:first-child .page-link {
|
|
border-start-start-radius: var(--bs-pagination-border-radius);
|
|
border-end-start-radius: var(--bs-pagination-border-radius);
|
|
}
|
|
.page-item:last-child .page-link {
|
|
border-start-end-radius: var(--bs-pagination-border-radius);
|
|
border-end-end-radius: var(--bs-pagination-border-radius);
|
|
}
|
|
.pagination-lg {
|
|
--bs-pagination-padding-x: 1.5rem;
|
|
--bs-pagination-padding-y: 0.75rem;
|
|
--bs-pagination-font-size: 17.5px;
|
|
--bs-pagination-border-radius: var(--bs-border-radius-lg);
|
|
}
|
|
.pagination-sm {
|
|
--bs-pagination-padding-x: 0.5rem;
|
|
--bs-pagination-padding-y: 0.25rem;
|
|
--bs-pagination-font-size: 12.25px;
|
|
--bs-pagination-border-radius: var(--bs-border-radius-sm);
|
|
}
|
|
}
|
|
@layer components {
|
|
.placeholder {
|
|
display: inline-block;
|
|
min-height: 1em;
|
|
vertical-align: middle;
|
|
cursor: wait;
|
|
background-color: currentcolor;
|
|
opacity: 0.5;
|
|
}
|
|
.placeholder.btn::before {
|
|
display: inline-block;
|
|
content: "";
|
|
}
|
|
.placeholder-xs {
|
|
min-height: 0.6em;
|
|
}
|
|
.placeholder-sm {
|
|
min-height: 0.8em;
|
|
}
|
|
.placeholder-lg {
|
|
min-height: 1.2em;
|
|
}
|
|
.placeholder-glow .placeholder {
|
|
animation: placeholder-glow 2s ease-in-out infinite;
|
|
}
|
|
@keyframes placeholder-glow {
|
|
50% {
|
|
opacity: 0.2;
|
|
}
|
|
}
|
|
.placeholder-wave {
|
|
-webkit-mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
|
|
mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
|
|
-webkit-mask-size: 200% 100%;
|
|
mask-size: 200% 100%;
|
|
animation: placeholder-wave 2s linear infinite;
|
|
}
|
|
@keyframes placeholder-wave {
|
|
100% {
|
|
-webkit-mask-position: -200% 0%;
|
|
mask-position: -200% 0%;
|
|
}
|
|
}
|
|
}
|
|
@layer components {
|
|
.popover {
|
|
--bs-popover-zindex: 1070;
|
|
--bs-popover-max-width: 280px;
|
|
--bs-popover-font-size: var(--bs-font-size-sm);
|
|
--bs-popover-bg: var(--bs-bg-body);
|
|
--bs-popover-border-width: var(--bs-border-width);
|
|
--bs-popover-border-color: var(--bs-border-color-translucent);
|
|
--bs-popover-border-radius: var(--bs-border-radius-lg);
|
|
--bs-popover-inner-border-radius: calc(var(--bs-border-radius-lg) - var(--bs-border-width));
|
|
--bs-popover-box-shadow: var(--bs-box-shadow);
|
|
--bs-popover-header-padding-x: 1rem;
|
|
--bs-popover-header-padding-y: 0.75rem;
|
|
--bs-popover-header-font-size: 14px;
|
|
--bs-popover-header-color: inherit;
|
|
--bs-popover-header-bg: var(--bs-bg-1);
|
|
--bs-popover-body-padding-x: 1rem;
|
|
--bs-popover-body-padding-y: 0.75rem;
|
|
--bs-popover-body-color: var(--bs-color-body);
|
|
--bs-popover-arrow-width: 1rem;
|
|
--bs-popover-arrow-height: 0.5rem;
|
|
--bs-popover-arrow-border: var(--bs-popover-border-color);
|
|
z-index: var(--bs-popover-zindex);
|
|
display: block;
|
|
max-width: var(--bs-popover-max-width);
|
|
font-family: var(--bs-font-sans-serif);
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
line-height: 1.5;
|
|
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(--bs-popover-font-size);
|
|
word-wrap: break-word;
|
|
background-color: var(--bs-popover-bg);
|
|
background-clip: padding-box;
|
|
border: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
|
|
border-radius: var(--bs-popover-border-radius);
|
|
box-shadow: var(--bs-popover-box-shadow);
|
|
}
|
|
.popover .popover-arrow {
|
|
display: block;
|
|
width: var(--bs-popover-arrow-width);
|
|
height: var(--bs-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;
|
|
}
|
|
.bs-popover-top > .popover-arrow, .bs-popover-auto[data-bs-placement^=top] > .popover-arrow {
|
|
bottom: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-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(--bs-popover-arrow-height) calc(var(--bs-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(--bs-popover-arrow-border);
|
|
}
|
|
.bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-bs-placement^=top] > .popover-arrow::after {
|
|
bottom: var(--bs-popover-border-width);
|
|
border-block-start-color: var(--bs-popover-bg);
|
|
}
|
|
.bs-popover-end > .popover-arrow, .bs-popover-auto[data-bs-placement^=right] > .popover-arrow {
|
|
left: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
|
|
width: var(--bs-popover-arrow-height);
|
|
height: var(--bs-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(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height) calc(var(--bs-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(--bs-popover-arrow-border);
|
|
}
|
|
.bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-bs-placement^=right] > .popover-arrow::after {
|
|
left: var(--bs-popover-border-width);
|
|
border-inline-end-color: var(--bs-popover-bg);
|
|
}
|
|
.bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-bs-placement^=bottom] > .popover-arrow {
|
|
top: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-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(--bs-popover-arrow-width) * 0.5) var(--bs-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(--bs-popover-arrow-border);
|
|
}
|
|
.bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-bs-placement^=bottom] > .popover-arrow::after {
|
|
top: var(--bs-popover-border-width);
|
|
border-block-end-color: var(--bs-popover-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(--bs-popover-arrow-width);
|
|
margin-inline-start: calc(-0.5 * var(--bs-popover-arrow-width));
|
|
content: "";
|
|
border-block-end: var(--bs-popover-border-width) solid var(--bs-popover-header-bg);
|
|
}
|
|
.bs-popover-start > .popover-arrow, .bs-popover-auto[data-bs-placement^=left] > .popover-arrow {
|
|
right: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
|
|
width: var(--bs-popover-arrow-height);
|
|
height: var(--bs-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(--bs-popover-arrow-width) * 0.5) 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-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(--bs-popover-arrow-border);
|
|
}
|
|
.bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-bs-placement^=left] > .popover-arrow::after {
|
|
right: var(--bs-popover-border-width);
|
|
border-inline-start-color: var(--bs-popover-bg);
|
|
}
|
|
.popover-header {
|
|
padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);
|
|
margin-bottom: 0;
|
|
font-size: var(--bs-popover-header-font-size);
|
|
color: var(--bs-popover-header-color);
|
|
background-color: var(--bs-popover-header-bg);
|
|
border-block-end: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
|
|
border-start-start-radius: var(--bs-popover-inner-border-radius);
|
|
border-start-end-radius: var(--bs-popover-inner-border-radius);
|
|
}
|
|
.popover-header:empty {
|
|
display: none;
|
|
}
|
|
.popover-body {
|
|
padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);
|
|
color: var(--bs-popover-body-color);
|
|
}
|
|
}
|
|
@layer components {
|
|
@keyframes progress-bar-stripes {
|
|
0% {
|
|
background-position-x: var(--bs-progress-height);
|
|
}
|
|
}
|
|
.progress,
|
|
.progress-stacked {
|
|
--bs-progress-height: 1rem;
|
|
--bs-progress-font-size: 10.5px;
|
|
--bs-progress-bg: var(--bs-secondary-bg);
|
|
--bs-progress-border-radius: var(--bs-border-radius);
|
|
--bs-progress-box-shadow: var(--bs-box-shadow-inset);
|
|
--bs-progress-bar-color: #fff;
|
|
--bs-progress-bar-bg: var(--bs-primary-bg);
|
|
--bs-progress-bar-transition: width 0.6s ease;
|
|
display: flex;
|
|
height: var(--bs-progress-height);
|
|
overflow: hidden;
|
|
font-size: var(--bs-progress-font-size);
|
|
background-color: var(--bs-progress-bg);
|
|
border-radius: var(--bs-progress-border-radius);
|
|
box-shadow: var(--bs-progress-box-shadow);
|
|
}
|
|
.progress-bar {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
overflow: hidden;
|
|
color: var(--bs-theme-contrast, var(--bs-progress-bar-color));
|
|
text-align: center;
|
|
white-space: nowrap;
|
|
background-color: var(--bs-theme-bg, var(--bs-progress-bar-bg));
|
|
transition: var(--bs-progress-bar-transition);
|
|
}
|
|
@media (prefers-reduced-motion: reduce) {
|
|
.progress-bar {
|
|
transition: none;
|
|
}
|
|
}
|
|
.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(--bs-progress-height) var(--bs-progress-height);
|
|
}
|
|
.progress-stacked > .progress {
|
|
overflow: visible;
|
|
}
|
|
.progress-stacked > .progress > .progress-bar {
|
|
width: 100%;
|
|
}
|
|
.progress-bar-animated {
|
|
animation: 1s linear infinite progress-bar-stripes;
|
|
}
|
|
@media (prefers-reduced-motion: reduce) {
|
|
.progress-bar-animated {
|
|
animation: none;
|
|
}
|
|
}
|
|
}
|
|
@layer components {
|
|
.spinner-grow,
|
|
.spinner-border {
|
|
display: inline-block;
|
|
flex-shrink: 0;
|
|
width: var(--bs-spinner-width);
|
|
height: var(--bs-spinner-height);
|
|
vertical-align: var(--bs-spinner-vertical-align);
|
|
border-radius: 50%;
|
|
animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name);
|
|
}
|
|
@keyframes spinner-border {
|
|
to {
|
|
transform: rotate(360deg);
|
|
}
|
|
}
|
|
.spinner-border {
|
|
--bs-spinner-width: 2rem;
|
|
--bs-spinner-height: 2rem;
|
|
--bs-spinner-vertical-align: -0.125em;
|
|
--bs-spinner-border-width: 0.25em;
|
|
--bs-spinner-animation-speed: 0.75s;
|
|
--bs-spinner-animation-name: spinner-border;
|
|
border: var(--bs-spinner-border-width) solid currentcolor;
|
|
border-inline-end-color: transparent;
|
|
}
|
|
.spinner-border-sm {
|
|
--bs-spinner-width: 1rem;
|
|
--bs-spinner-height: 1rem;
|
|
--bs-spinner-border-width: 0.2em;
|
|
}
|
|
@keyframes spinner-grow {
|
|
0% {
|
|
transform: scale(0);
|
|
}
|
|
50% {
|
|
opacity: 1;
|
|
transform: none;
|
|
}
|
|
}
|
|
.spinner-grow {
|
|
--bs-spinner-width: 2rem;
|
|
--bs-spinner-height: 2rem;
|
|
--bs-spinner-vertical-align: -0.125em;
|
|
--bs-spinner-animation-speed: 0.75s;
|
|
--bs-spinner-animation-name: spinner-grow;
|
|
background-color: currentcolor;
|
|
opacity: 0;
|
|
}
|
|
.spinner-grow-sm {
|
|
--bs-spinner-width: 1rem;
|
|
--bs-spinner-height: 1rem;
|
|
}
|
|
@media (prefers-reduced-motion: reduce) {
|
|
.spinner-border,
|
|
.spinner-grow {
|
|
--bs-spinner-animation-speed: 1.5s;
|
|
}
|
|
}
|
|
}
|
|
@layer components {
|
|
.toast {
|
|
--bs-toast-zindex: 1090;
|
|
--bs-toast-padding-x: 0.75rem;
|
|
--bs-toast-padding-y: 0.5rem;
|
|
--bs-toast-spacing: 1.5rem;
|
|
--bs-toast-max-width: 350px;
|
|
--bs-toast-font-size: 0.875rem;
|
|
--bs-toast-color: ;
|
|
--bs-toast-bg: rgba(var(--bs-body-bg-rgb), 0.85);
|
|
--bs-toast-border-width: var(--bs-border-width);
|
|
--bs-toast-border-color: var(--bs-border-color-translucent);
|
|
--bs-toast-border-radius: var(--bs-border-radius);
|
|
--bs-toast-box-shadow: var(--bs-box-shadow);
|
|
--bs-toast-header-color: var(--bs-secondary-color);
|
|
--bs-toast-header-bg: rgba(var(--bs-body-bg-rgb), 0.85);
|
|
--bs-toast-header-border-color: var(--bs-border-color-translucent);
|
|
width: var(--bs-toast-max-width);
|
|
max-width: 100%;
|
|
font-size: var(--bs-toast-font-size);
|
|
color: var(--bs-toast-color);
|
|
pointer-events: auto;
|
|
background-color: var(--bs-toast-bg);
|
|
background-clip: padding-box;
|
|
border: var(--bs-toast-border-width) solid var(--bs-toast-border-color);
|
|
box-shadow: var(--bs-toast-box-shadow);
|
|
border-radius: var(--bs-toast-border-radius);
|
|
}
|
|
.toast.showing {
|
|
opacity: 0;
|
|
}
|
|
.toast:not(.show) {
|
|
display: none;
|
|
}
|
|
.toast-container {
|
|
--bs-toast-zindex: 1090;
|
|
position: absolute;
|
|
z-index: var(--bs-toast-zindex);
|
|
width: max-content;
|
|
max-width: 100%;
|
|
pointer-events: none;
|
|
}
|
|
.toast-container > :not(:last-child) {
|
|
margin-bottom: var(--bs-toast-spacing);
|
|
}
|
|
.toast-header {
|
|
display: flex;
|
|
align-items: center;
|
|
padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x);
|
|
color: var(--bs-toast-header-color);
|
|
background-color: var(--bs-toast-header-bg);
|
|
background-clip: padding-box;
|
|
border-block-end: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);
|
|
border-start-start-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
|
|
border-start-end-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
|
|
}
|
|
.toast-header .btn-close {
|
|
margin-inline-start: var(--bs-toast-padding-x);
|
|
margin-inline-end: calc(-0.5 * var(--bs-toast-padding-x));
|
|
}
|
|
.toast-body {
|
|
padding: var(--bs-toast-padding-x);
|
|
word-wrap: break-word;
|
|
}
|
|
}
|
|
.fade {
|
|
transition: opacity 0.15s linear;
|
|
}
|
|
@media (prefers-reduced-motion: reduce) {
|
|
.fade {
|
|
transition: none;
|
|
}
|
|
}
|
|
.fade:not(.show) {
|
|
opacity: 0;
|
|
}
|
|
|
|
.collapse:not(.show) {
|
|
display: none;
|
|
}
|
|
|
|
.collapsing {
|
|
height: 0;
|
|
overflow: hidden;
|
|
transition: height 0.35s ease;
|
|
}
|
|
@media (prefers-reduced-motion: reduce) {
|
|
.collapsing {
|
|
transition: none;
|
|
}
|
|
}
|
|
.collapsing.collapse-horizontal {
|
|
width: 0;
|
|
height: auto;
|
|
transition: width 0.35s ease;
|
|
}
|
|
@media (prefers-reduced-motion: reduce) {
|
|
.collapsing.collapse-horizontal {
|
|
transition: none;
|
|
}
|
|
}
|
|
|
|
@layer helpers {
|
|
.focus-ring:focus-visible {
|
|
outline: var(--bs-focus-ring);
|
|
}
|
|
}
|
|
@layer helpers {
|
|
.icon-link {
|
|
display: inline-flex;
|
|
gap: 0.375rem;
|
|
align-items: center;
|
|
text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 0.5));
|
|
text-underline-offset: 0.25em;
|
|
backface-visibility: hidden;
|
|
}
|
|
.icon-link > .bi {
|
|
flex-shrink: 0;
|
|
width: 1em;
|
|
height: 1em;
|
|
fill: currentcolor;
|
|
transition: 0.2s ease-in-out transform;
|
|
}
|
|
@media (prefers-reduced-motion: reduce) {
|
|
.icon-link > .bi {
|
|
transition: none;
|
|
}
|
|
}
|
|
.icon-link-hover:hover > .bi, .icon-link-hover:focus-visible > .bi {
|
|
transform: var(--bs-icon-link-transform, translate3d(0.25em, 0, 0));
|
|
}
|
|
}
|
|
@layer helpers {
|
|
.fixed-top {
|
|
position: fixed;
|
|
inset: 0 0 auto;
|
|
z-index: 1030;
|
|
}
|
|
.fixed-bottom {
|
|
position: fixed;
|
|
inset: auto 0 0;
|
|
z-index: 1030;
|
|
}
|
|
.sticky-top {
|
|
position: sticky;
|
|
top: 0;
|
|
z-index: 1020;
|
|
}
|
|
.sticky-bottom {
|
|
position: sticky;
|
|
bottom: 0;
|
|
z-index: 1020;
|
|
}
|
|
@media (width >= 576px) {
|
|
.sticky-sm-top {
|
|
position: sticky;
|
|
top: 0;
|
|
z-index: 1020;
|
|
}
|
|
.sticky-sm-bottom {
|
|
position: sticky;
|
|
bottom: 0;
|
|
z-index: 1020;
|
|
}
|
|
}
|
|
@media (width >= 768px) {
|
|
.sticky-md-top {
|
|
position: sticky;
|
|
top: 0;
|
|
z-index: 1020;
|
|
}
|
|
.sticky-md-bottom {
|
|
position: sticky;
|
|
bottom: 0;
|
|
z-index: 1020;
|
|
}
|
|
}
|
|
@media (width >= 1024px) {
|
|
.sticky-lg-top {
|
|
position: sticky;
|
|
top: 0;
|
|
z-index: 1020;
|
|
}
|
|
.sticky-lg-bottom {
|
|
position: sticky;
|
|
bottom: 0;
|
|
z-index: 1020;
|
|
}
|
|
}
|
|
@media (width >= 1280px) {
|
|
.sticky-xl-top {
|
|
position: sticky;
|
|
top: 0;
|
|
z-index: 1020;
|
|
}
|
|
.sticky-xl-bottom {
|
|
position: sticky;
|
|
bottom: 0;
|
|
z-index: 1020;
|
|
}
|
|
}
|
|
@media (width >= 1536px) {
|
|
.sticky-2xl-top {
|
|
position: sticky;
|
|
top: 0;
|
|
z-index: 1020;
|
|
}
|
|
.sticky-2xl-bottom {
|
|
position: sticky;
|
|
bottom: 0;
|
|
z-index: 1020;
|
|
}
|
|
}
|
|
}
|
|
@layer helpers {
|
|
.hstack,
|
|
b-hstack {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
align-self: stretch;
|
|
}
|
|
.hstack-start,
|
|
b-hstack[align=start] {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: flex-start;
|
|
align-self: stretch;
|
|
}
|
|
.vstack,
|
|
b-vstack {
|
|
display: flex;
|
|
flex: 1 1 auto;
|
|
flex-direction: column;
|
|
align-self: stretch;
|
|
}
|
|
}
|
|
@layer helpers {
|
|
.visually-hidden,
|
|
.visually-hidden-focusable:not(:focus):not(: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):not(:focus-within):not(caption) {
|
|
position: absolute !important;
|
|
}
|
|
.visually-hidden *,
|
|
.visually-hidden-focusable:not(:focus):not(:focus-within) * {
|
|
overflow: hidden !important;
|
|
}
|
|
}
|
|
@layer helpers {
|
|
.stretched-link::after {
|
|
position: absolute;
|
|
inset: 0;
|
|
z-index: 1;
|
|
content: "";
|
|
}
|
|
}
|
|
@layer helpers {
|
|
.text-truncate {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
}
|
|
@layer helpers {
|
|
.vr {
|
|
display: inline-block;
|
|
align-self: stretch;
|
|
width: var(--bs-border-width);
|
|
min-height: 1em;
|
|
background-color: var(--bs-border-color);
|
|
}
|
|
}
|
|
@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(--bs-ratio);
|
|
}
|
|
.ratio-auto {
|
|
--bs-ratio: auto;
|
|
}
|
|
.ratio-1x1 {
|
|
--bs-ratio: 1 / 1;
|
|
}
|
|
.ratio-4x3 {
|
|
--bs-ratio: 4 / 3;
|
|
}
|
|
.ratio-16x9 {
|
|
--bs-ratio: 16 / 9;
|
|
}
|
|
.ratio-21x9 {
|
|
--bs-ratio: 21 / 9;
|
|
}
|
|
.float-start {
|
|
float: inline-start;
|
|
}
|
|
.float-end {
|
|
float: inline-end;
|
|
}
|
|
.float-none {
|
|
float: none;
|
|
}
|
|
.object-fit-contain {
|
|
-o-object-fit: contain;
|
|
object-fit: contain;
|
|
}
|
|
.object-fit-cover {
|
|
-o-object-fit: cover;
|
|
object-fit: cover;
|
|
}
|
|
.object-fit-fill {
|
|
-o-object-fit: fill;
|
|
object-fit: fill;
|
|
}
|
|
.object-fit-scale {
|
|
-o-object-fit: scale-down;
|
|
object-fit: scale-down;
|
|
}
|
|
.object-fit-none {
|
|
-o-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;
|
|
}
|
|
.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: var(--bs-box-shadow);
|
|
}
|
|
.shadow-sm {
|
|
box-shadow: var(--bs-box-shadow-sm);
|
|
}
|
|
.shadow-lg {
|
|
box-shadow: var(--bs-box-shadow-lg);
|
|
}
|
|
.shadow-none {
|
|
box-shadow: none;
|
|
}
|
|
.focus-ring-primary {
|
|
--bs-focus-ring-color: color-mix(in oklch, light-dark(var(--bs-blue-500), var(--bs-blue-400)) 50%, var(--bs-bg-body));
|
|
}
|
|
.focus-ring-accent {
|
|
--bs-focus-ring-color: color-mix(in oklch, light-dark(var(--bs-indigo-500), var(--bs-indigo-400)) 50%, var(--bs-bg-body));
|
|
}
|
|
.focus-ring-success {
|
|
--bs-focus-ring-color: color-mix(in oklch, light-dark(var(--bs-green-500), var(--bs-green-400)) 50%, var(--bs-bg-body));
|
|
}
|
|
.focus-ring-danger {
|
|
--bs-focus-ring-color: color-mix(in oklch, light-dark(var(--bs-red-500), var(--bs-red-400)) 50%, var(--bs-bg-body));
|
|
}
|
|
.focus-ring-warning {
|
|
--bs-focus-ring-color: color-mix(in oklch, light-dark(var(--bs-yellow-500), var(--bs-yellow-400)) 50%, var(--bs-bg-body));
|
|
}
|
|
.focus-ring-info {
|
|
--bs-focus-ring-color: color-mix(in oklch, light-dark(var(--bs-cyan-500), var(--bs-cyan-400)) 50%, var(--bs-bg-body));
|
|
}
|
|
.focus-ring-inverse {
|
|
--bs-focus-ring-color: color-mix(in oklch, light-dark(var(--bs-gray-900), var(--bs-gray-100)) 50%, var(--bs-bg-body));
|
|
}
|
|
.focus-ring-secondary {
|
|
--bs-focus-ring-color: color-mix(in oklch, light-dark(var(--bs-gray-500), var(--bs-gray-300)) 50%, var(--bs-bg-body));
|
|
}
|
|
.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 {
|
|
left: 0;
|
|
}
|
|
.start-50 {
|
|
left: 50%;
|
|
}
|
|
.start-100 {
|
|
left: 100%;
|
|
}
|
|
.end-0 {
|
|
right: 0;
|
|
}
|
|
.end-50 {
|
|
right: 50%;
|
|
}
|
|
.end-100 {
|
|
right: 100%;
|
|
}
|
|
.translate-middle {
|
|
transform: translate(-50%, -50%);
|
|
}
|
|
.translate-middle-x {
|
|
transform: translateX(-50%);
|
|
}
|
|
.translate-middle-y {
|
|
transform: translateY(-50%);
|
|
}
|
|
.border {
|
|
border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
|
|
}
|
|
.border-0 {
|
|
border: 0;
|
|
}
|
|
.border-top {
|
|
border-block-start: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
|
|
}
|
|
.border-top-0 {
|
|
border-block-start: 0;
|
|
}
|
|
.border-end {
|
|
border-inline-end: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
|
|
}
|
|
.border-end-0 {
|
|
border-inline-end: 0;
|
|
}
|
|
.border-bottom {
|
|
border-block-end: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
|
|
}
|
|
.border-bottom-0 {
|
|
border-block-end: 0;
|
|
}
|
|
.border-start {
|
|
border-inline-start: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
|
|
}
|
|
.border-start-0 {
|
|
border-inline-start: 0;
|
|
}
|
|
.border-block {
|
|
border-block: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
|
|
}
|
|
.border-block-0 {
|
|
border-block: 0;
|
|
}
|
|
.border-inline {
|
|
border-inline: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
|
|
}
|
|
.border-inline-0 {
|
|
border-inline: 0;
|
|
}
|
|
.border-primary {
|
|
--bs-border-color: var(--bs-blue-500);
|
|
border-color: var(--bs-border-color);
|
|
}
|
|
.border-accent {
|
|
--bs-border-color: var(--bs-indigo-500);
|
|
border-color: var(--bs-border-color);
|
|
}
|
|
.border-success {
|
|
--bs-border-color: var(--bs-green-500);
|
|
border-color: var(--bs-border-color);
|
|
}
|
|
.border-danger {
|
|
--bs-border-color: var(--bs-red-500);
|
|
border-color: var(--bs-border-color);
|
|
}
|
|
.border-warning {
|
|
--bs-border-color: var(--bs-yellow-500);
|
|
border-color: var(--bs-border-color);
|
|
}
|
|
.border-info {
|
|
--bs-border-color: var(--bs-cyan-500);
|
|
border-color: var(--bs-border-color);
|
|
}
|
|
.border-inverse {
|
|
--bs-border-color: light-dark(var(--bs-gray-900), var(--bs-gray-025));
|
|
border-color: var(--bs-border-color);
|
|
}
|
|
.border-secondary {
|
|
--bs-border-color: light-dark(var(--bs-gray-100), var(--bs-gray-600));
|
|
border-color: var(--bs-border-color);
|
|
}
|
|
.border-bg {
|
|
--bs-border-color: var(--bs-bg-body);
|
|
border-color: var(--bs-border-color);
|
|
}
|
|
.border-body {
|
|
--bs-border-color: light-dark(var(--bs-gray-300), var(--bs-gray-800));
|
|
border-color: var(--bs-border-color);
|
|
}
|
|
.border-muted {
|
|
--bs-border-color: light-dark(var(--bs-gray-200), var(--bs-gray-800));
|
|
border-color: var(--bs-border-color);
|
|
}
|
|
.border-subtle {
|
|
--bs-border-color: light-dark(var(--bs-gray-100), var(--bs-gray-900));
|
|
border-color: var(--bs-border-color);
|
|
}
|
|
.border-emphasized {
|
|
--bs-border-color: light-dark(var(--bs-gray-400), var(--bs-gray-600));
|
|
border-color: var(--bs-border-color);
|
|
}
|
|
.border-white {
|
|
--bs-border-color: var(--bs-white);
|
|
border-color: var(--bs-border-color);
|
|
}
|
|
.border-black {
|
|
--bs-border-color: var(--bs-black);
|
|
border-color: var(--bs-border-color);
|
|
}
|
|
.border-subtle-primary {
|
|
--bs-border-color: light-dark(var(--bs-blue-300), var(--bs-blue-600));
|
|
border-color: var(--bs-border-color);
|
|
}
|
|
.border-subtle-accent {
|
|
--bs-border-color: light-dark(var(--bs-indigo-300), var(--bs-indigo-600));
|
|
border-color: var(--bs-border-color);
|
|
}
|
|
.border-subtle-success {
|
|
--bs-border-color: light-dark(var(--bs-green-300), var(--bs-green-600));
|
|
border-color: var(--bs-border-color);
|
|
}
|
|
.border-subtle-danger {
|
|
--bs-border-color: light-dark(var(--bs-red-300), var(--bs-red-600));
|
|
border-color: var(--bs-border-color);
|
|
}
|
|
.border-subtle-warning {
|
|
--bs-border-color: light-dark(var(--bs-yellow-300), var(--bs-yellow-600));
|
|
border-color: var(--bs-border-color);
|
|
}
|
|
.border-subtle-info {
|
|
--bs-border-color: light-dark(var(--bs-cyan-300), var(--bs-cyan-600));
|
|
border-color: var(--bs-border-color);
|
|
}
|
|
.border-subtle-inverse {
|
|
--bs-border-color: light-dark(var(--bs-gray-400), var(--bs-gray-100));
|
|
border-color: var(--bs-border-color);
|
|
}
|
|
.border-subtle-secondary {
|
|
--bs-border-color: light-dark(var(--bs-gray-300), var(--bs-gray-600));
|
|
border-color: var(--bs-border-color);
|
|
}
|
|
.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(--bs-border-color) 10%, transparent);
|
|
}
|
|
.border-20 {
|
|
border-color: color-mix(in oklch, var(--bs-border-color) 20%, transparent);
|
|
}
|
|
.border-30 {
|
|
border-color: color-mix(in oklch, var(--bs-border-color) 30%, transparent);
|
|
}
|
|
.border-40 {
|
|
border-color: color-mix(in oklch, var(--bs-border-color) 40%, transparent);
|
|
}
|
|
.border-50 {
|
|
border-color: color-mix(in oklch, var(--bs-border-color) 50%, transparent);
|
|
}
|
|
.border-60 {
|
|
border-color: color-mix(in oklch, var(--bs-border-color) 60%, transparent);
|
|
}
|
|
.border-70 {
|
|
border-color: color-mix(in oklch, var(--bs-border-color) 70%, transparent);
|
|
}
|
|
.border-80 {
|
|
border-color: color-mix(in oklch, var(--bs-border-color) 80%, transparent);
|
|
}
|
|
.border-90 {
|
|
border-color: color-mix(in oklch, var(--bs-border-color) 90%, transparent);
|
|
}
|
|
.border-100 {
|
|
border-color: var(--bs-border-color);
|
|
}
|
|
.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: -moz-fit-content;
|
|
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;
|
|
}
|
|
.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: -moz-fit-content;
|
|
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;
|
|
}
|
|
.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: flex-start;
|
|
}
|
|
.justify-self-end {
|
|
justify-self: flex-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-3 {
|
|
--bs-columns: 3;
|
|
}
|
|
.grid-cols-4 {
|
|
--bs-columns: 4;
|
|
}
|
|
.grid-cols-6 {
|
|
--bs-columns: 6;
|
|
}
|
|
.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.5rem;
|
|
}
|
|
.m-3 {
|
|
margin: 1rem;
|
|
}
|
|
.m-4 {
|
|
margin: 1.5rem;
|
|
}
|
|
.m-5 {
|
|
margin: 3rem;
|
|
}
|
|
.m-auto {
|
|
margin: auto;
|
|
}
|
|
.mx-0 {
|
|
margin-inline: 0;
|
|
}
|
|
.mx-1 {
|
|
margin-inline: 0.25rem;
|
|
}
|
|
.mx-2 {
|
|
margin-inline: 0.5rem;
|
|
}
|
|
.mx-3 {
|
|
margin-inline: 1rem;
|
|
}
|
|
.mx-4 {
|
|
margin-inline: 1.5rem;
|
|
}
|
|
.mx-5 {
|
|
margin-inline: 3rem;
|
|
}
|
|
.mx-auto {
|
|
margin-inline: auto;
|
|
}
|
|
.my-0 {
|
|
margin-block: 0;
|
|
}
|
|
.my-1 {
|
|
margin-block: 0.25rem;
|
|
}
|
|
.my-2 {
|
|
margin-block: 0.5rem;
|
|
}
|
|
.my-3 {
|
|
margin-block: 1rem;
|
|
}
|
|
.my-4 {
|
|
margin-block: 1.5rem;
|
|
}
|
|
.my-5 {
|
|
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.5rem;
|
|
}
|
|
.mt-3 {
|
|
margin-block-start: 1rem;
|
|
}
|
|
.mt-4 {
|
|
margin-block-start: 1.5rem;
|
|
}
|
|
.mt-5 {
|
|
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.5rem;
|
|
}
|
|
.me-3 {
|
|
margin-inline-end: 1rem;
|
|
}
|
|
.me-4 {
|
|
margin-inline-end: 1.5rem;
|
|
}
|
|
.me-5 {
|
|
margin-inline-end: 3rem;
|
|
}
|
|
.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.5rem;
|
|
}
|
|
.mb-3 {
|
|
margin-block-end: 1rem;
|
|
}
|
|
.mb-4 {
|
|
margin-block-end: 1.5rem;
|
|
}
|
|
.mb-5 {
|
|
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.5rem;
|
|
}
|
|
.ms-3 {
|
|
margin-inline-start: 1rem;
|
|
}
|
|
.ms-4 {
|
|
margin-inline-start: 1.5rem;
|
|
}
|
|
.ms-5 {
|
|
margin-inline-start: 3rem;
|
|
}
|
|
.ms-auto {
|
|
margin-inline-start: auto;
|
|
}
|
|
.p-0 {
|
|
padding: 0;
|
|
}
|
|
.p-1 {
|
|
padding: 0.25rem;
|
|
}
|
|
.p-2 {
|
|
padding: 0.5rem;
|
|
}
|
|
.p-3 {
|
|
padding: 1rem;
|
|
}
|
|
.p-4 {
|
|
padding: 1.5rem;
|
|
}
|
|
.p-5 {
|
|
padding: 3rem;
|
|
}
|
|
.px-0 {
|
|
padding-inline: 0;
|
|
}
|
|
.px-1 {
|
|
padding-inline: 0.25rem;
|
|
}
|
|
.px-2 {
|
|
padding-inline: 0.5rem;
|
|
}
|
|
.px-3 {
|
|
padding-inline: 1rem;
|
|
}
|
|
.px-4 {
|
|
padding-inline: 1.5rem;
|
|
}
|
|
.px-5 {
|
|
padding-inline: 3rem;
|
|
}
|
|
.py-0 {
|
|
padding-block: 0;
|
|
}
|
|
.py-1 {
|
|
padding-block: 0.25rem;
|
|
}
|
|
.py-2 {
|
|
padding-block: 0.5rem;
|
|
}
|
|
.py-3 {
|
|
padding-block: 1rem;
|
|
}
|
|
.py-4 {
|
|
padding-block: 1.5rem;
|
|
}
|
|
.py-5 {
|
|
padding-block: 3rem;
|
|
}
|
|
.pt-0 {
|
|
padding-block-start: 0;
|
|
}
|
|
.pt-1 {
|
|
padding-block-start: 0.25rem;
|
|
}
|
|
.pt-2 {
|
|
padding-block-start: 0.5rem;
|
|
}
|
|
.pt-3 {
|
|
padding-block-start: 1rem;
|
|
}
|
|
.pt-4 {
|
|
padding-block-start: 1.5rem;
|
|
}
|
|
.pt-5 {
|
|
padding-block-start: 3rem;
|
|
}
|
|
.pe-0 {
|
|
padding-inline-end: 0;
|
|
}
|
|
.pe-1 {
|
|
padding-inline-end: 0.25rem;
|
|
}
|
|
.pe-2 {
|
|
padding-inline-end: 0.5rem;
|
|
}
|
|
.pe-3 {
|
|
padding-inline-end: 1rem;
|
|
}
|
|
.pe-4 {
|
|
padding-inline-end: 1.5rem;
|
|
}
|
|
.pe-5 {
|
|
padding-inline-end: 3rem;
|
|
}
|
|
.pb-0 {
|
|
padding-block-end: 0;
|
|
}
|
|
.pb-1 {
|
|
padding-block-end: 0.25rem;
|
|
}
|
|
.pb-2 {
|
|
padding-block-end: 0.5rem;
|
|
}
|
|
.pb-3 {
|
|
padding-block-end: 1rem;
|
|
}
|
|
.pb-4 {
|
|
padding-block-end: 1.5rem;
|
|
}
|
|
.pb-5 {
|
|
padding-block-end: 3rem;
|
|
}
|
|
.ps-0 {
|
|
padding-inline-start: 0;
|
|
}
|
|
.ps-1 {
|
|
padding-inline-start: 0.25rem;
|
|
}
|
|
.ps-2 {
|
|
padding-inline-start: 0.5rem;
|
|
}
|
|
.ps-3 {
|
|
padding-inline-start: 1rem;
|
|
}
|
|
.ps-4 {
|
|
padding-inline-start: 1.5rem;
|
|
}
|
|
.ps-5 {
|
|
padding-inline-start: 3rem;
|
|
}
|
|
.gap-0 {
|
|
gap: 0;
|
|
}
|
|
.gap-1 {
|
|
gap: 0.25rem;
|
|
}
|
|
.gap-2 {
|
|
gap: 0.5rem;
|
|
}
|
|
.gap-3 {
|
|
gap: 1rem;
|
|
}
|
|
.gap-4 {
|
|
gap: 1.5rem;
|
|
}
|
|
.gap-5 {
|
|
gap: 3rem;
|
|
}
|
|
.row-gap-0 {
|
|
row-gap: 0;
|
|
}
|
|
.row-gap-1 {
|
|
row-gap: 0.25rem;
|
|
}
|
|
.row-gap-2 {
|
|
row-gap: 0.5rem;
|
|
}
|
|
.row-gap-3 {
|
|
row-gap: 1rem;
|
|
}
|
|
.row-gap-4 {
|
|
row-gap: 1.5rem;
|
|
}
|
|
.row-gap-5 {
|
|
row-gap: 3rem;
|
|
}
|
|
.column-gap-0 {
|
|
-moz-column-gap: 0;
|
|
column-gap: 0;
|
|
}
|
|
.column-gap-1 {
|
|
-moz-column-gap: 0.25rem;
|
|
column-gap: 0.25rem;
|
|
}
|
|
.column-gap-2 {
|
|
-moz-column-gap: 0.5rem;
|
|
column-gap: 0.5rem;
|
|
}
|
|
.column-gap-3 {
|
|
-moz-column-gap: 1rem;
|
|
column-gap: 1rem;
|
|
}
|
|
.column-gap-4 {
|
|
-moz-column-gap: 1.5rem;
|
|
column-gap: 1.5rem;
|
|
}
|
|
.column-gap-5 {
|
|
-moz-column-gap: 3rem;
|
|
column-gap: 3rem;
|
|
}
|
|
.font-monospace {
|
|
font-family: var(--bs-font-monospace);
|
|
}
|
|
.font-body {
|
|
font-family: var(--bs-font-sans-serif);
|
|
}
|
|
.fs-xs {
|
|
font-size: var(--bs-font-size-xs);
|
|
}
|
|
.fs-sm {
|
|
font-size: var(--bs-font-size-sm);
|
|
}
|
|
.fs-md {
|
|
font-size: var(--bs-font-size-md);
|
|
}
|
|
.fs-lg {
|
|
font-size: var(--bs-font-size-lg);
|
|
}
|
|
.fs-xl {
|
|
font-size: var(--bs-font-size-xl);
|
|
}
|
|
.fs-2xl {
|
|
font-size: var(--bs-font-size-2xl);
|
|
}
|
|
.fs-3xl {
|
|
font-size: var(--bs-font-size-3xl);
|
|
}
|
|
.fs-4xl {
|
|
font-size: var(--bs-font-size-4xl);
|
|
}
|
|
.fs-5xl {
|
|
font-size: var(--bs-font-size-5xl);
|
|
}
|
|
.fs-6xl {
|
|
font-size: var(--bs-font-size-6xl);
|
|
}
|
|
.text-xs {
|
|
font-size: var(--bs-font-size-xs);
|
|
line-height: var(--bs-line-height-xs);
|
|
}
|
|
.text-sm {
|
|
font-size: var(--bs-font-size-sm);
|
|
line-height: var(--bs-line-height-sm);
|
|
}
|
|
.text-md {
|
|
font-size: var(--bs-font-size-md);
|
|
line-height: var(--bs-line-height-md);
|
|
}
|
|
.text-lg {
|
|
font-size: var(--bs-font-size-lg);
|
|
line-height: var(--bs-line-height-lg);
|
|
}
|
|
.text-xl {
|
|
font-size: var(--bs-font-size-xl);
|
|
line-height: var(--bs-line-height-xl);
|
|
}
|
|
.text-2xl {
|
|
font-size: var(--bs-font-size-2xl);
|
|
line-height: var(--bs-line-height-2xl);
|
|
}
|
|
.text-3xl {
|
|
font-size: var(--bs-font-size-3xl);
|
|
line-height: var(--bs-line-height-3xl);
|
|
}
|
|
.text-4xl {
|
|
font-size: var(--bs-font-size-4xl);
|
|
line-height: var(--bs-line-height-4xl);
|
|
}
|
|
.text-5xl {
|
|
font-size: var(--bs-font-size-5xl);
|
|
line-height: var(--bs-line-height-5xl);
|
|
}
|
|
.text-6xl {
|
|
font-size: var(--bs-font-size-6xl);
|
|
line-height: var(--bs-line-height-6xl);
|
|
}
|
|
.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: 1.25;
|
|
}
|
|
.lh-base {
|
|
line-height: 1.5;
|
|
}
|
|
.lh-lg {
|
|
line-height: 2;
|
|
}
|
|
.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 {
|
|
white-space: wrap;
|
|
}
|
|
.text-nowrap {
|
|
white-space: nowrap;
|
|
}
|
|
.text-balance {
|
|
white-space: balance;
|
|
}
|
|
.text-pretty {
|
|
white-space: pretty;
|
|
}
|
|
.text-break {
|
|
word-wrap: break-word;
|
|
word-break: break-word;
|
|
}
|
|
.fg-primary {
|
|
--bs-fg: light-dark(var(--bs-blue-600), var(--bs-blue-400));
|
|
color: var(--bs-fg);
|
|
}
|
|
.fg-accent {
|
|
--bs-fg: light-dark(var(--bs-indigo-600), color-mix(in oklch, var(--bs-indigo-400), var(--bs-indigo-300)));
|
|
color: var(--bs-fg);
|
|
}
|
|
.fg-success {
|
|
--bs-fg: light-dark(var(--bs-green-600), var(--bs-green-400));
|
|
color: var(--bs-fg);
|
|
}
|
|
.fg-danger {
|
|
--bs-fg: light-dark(var(--bs-red-600), var(--bs-red-400));
|
|
color: var(--bs-fg);
|
|
}
|
|
.fg-warning {
|
|
--bs-fg: light-dark(var(--bs-yellow-700), var(--bs-yellow-400));
|
|
color: var(--bs-fg);
|
|
}
|
|
.fg-info {
|
|
--bs-fg: light-dark(var(--bs-cyan-600), var(--bs-cyan-400));
|
|
color: var(--bs-fg);
|
|
}
|
|
.fg-inverse {
|
|
--bs-fg: light-dark(var(--bs-gray-900), var(--bs-gray-200));
|
|
color: var(--bs-fg);
|
|
}
|
|
.fg-secondary {
|
|
--bs-fg: light-dark(var(--bs-gray-600), var(--bs-gray-400));
|
|
color: var(--bs-fg);
|
|
}
|
|
.fg-body {
|
|
--bs-fg: light-dark(var(--bs-gray-900), var(--bs-gray-050));
|
|
color: var(--bs-fg);
|
|
}
|
|
.fg-1 {
|
|
--bs-fg: light-dark(var(--bs-gray-800), var(--bs-gray-200));
|
|
color: var(--bs-fg);
|
|
}
|
|
.fg-2 {
|
|
--bs-fg: light-dark(var(--bs-gray-700), var(--bs-gray-300));
|
|
color: var(--bs-fg);
|
|
}
|
|
.fg-3 {
|
|
--bs-fg: light-dark(var(--bs-gray-600), var(--bs-gray-500));
|
|
color: var(--bs-fg);
|
|
}
|
|
.fg-4 {
|
|
--bs-fg: light-dark(var(--bs-gray-500), var(--bs-gray-600));
|
|
color: var(--bs-fg);
|
|
}
|
|
.fg-white {
|
|
--bs-fg: var(--bs-white);
|
|
color: var(--bs-fg);
|
|
}
|
|
.fg-black {
|
|
--bs-fg: var(--bs-black);
|
|
color: var(--bs-fg);
|
|
}
|
|
.fg-inherit {
|
|
--bs-fg: inherit;
|
|
color: var(--bs-fg);
|
|
}
|
|
.fg-emphasis-primary {
|
|
--bs-fg: light-dark(var(--bs-blue-800), var(--bs-blue-200));
|
|
color: var(--bs-fg);
|
|
}
|
|
.fg-emphasis-accent {
|
|
--bs-fg: light-dark(var(--bs-indigo-800), var(--bs-indigo-300));
|
|
color: var(--bs-fg);
|
|
}
|
|
.fg-emphasis-success {
|
|
--bs-fg: light-dark(var(--bs-green-800), var(--bs-green-300));
|
|
color: var(--bs-fg);
|
|
}
|
|
.fg-emphasis-danger {
|
|
--bs-fg: light-dark(var(--bs-red-800), var(--bs-red-300));
|
|
color: var(--bs-fg);
|
|
}
|
|
.fg-emphasis-warning {
|
|
--bs-fg: light-dark(var(--bs-yellow-800), var(--bs-yellow-300));
|
|
color: var(--bs-fg);
|
|
}
|
|
.fg-emphasis-info {
|
|
--bs-fg: light-dark(var(--bs-cyan-800), var(--bs-cyan-300));
|
|
color: var(--bs-fg);
|
|
}
|
|
.fg-emphasis-inverse {
|
|
--bs-fg: light-dark(var(--bs-gray-975), var(--bs-white));
|
|
color: var(--bs-fg);
|
|
}
|
|
.fg-emphasis-secondary {
|
|
--bs-fg: light-dark(var(--bs-gray-800), var(--bs-gray-200));
|
|
color: var(--bs-fg);
|
|
}
|
|
.fg-contrast-primary {
|
|
--bs-fg: var(--bs-white);
|
|
color: var(--bs-fg);
|
|
}
|
|
.fg-contrast-accent {
|
|
--bs-fg: var(--bs-white);
|
|
color: var(--bs-fg);
|
|
}
|
|
.fg-contrast-success {
|
|
--bs-fg: var(--bs-white);
|
|
color: var(--bs-fg);
|
|
}
|
|
.fg-contrast-danger {
|
|
--bs-fg: var(--bs-white);
|
|
color: var(--bs-fg);
|
|
}
|
|
.fg-contrast-warning {
|
|
--bs-fg: var(--bs-gray-900);
|
|
color: var(--bs-fg);
|
|
}
|
|
.fg-contrast-info {
|
|
--bs-fg: var(--bs-gray-900);
|
|
color: var(--bs-fg);
|
|
}
|
|
.fg-contrast-inverse {
|
|
--bs-fg: light-dark(var(--bs-white), var(--bs-gray-900));
|
|
color: var(--bs-fg);
|
|
}
|
|
.fg-contrast-secondary {
|
|
--bs-fg: light-dark(var(--bs-gray-900), var(--bs-white));
|
|
color: var(--bs-fg);
|
|
}
|
|
.fg-10 {
|
|
color: color-mix(in oklch, var(--bs-fg) 10%, transparent);
|
|
}
|
|
.fg-20 {
|
|
color: color-mix(in oklch, var(--bs-fg) 20%, transparent);
|
|
}
|
|
.fg-30 {
|
|
color: color-mix(in oklch, var(--bs-fg) 30%, transparent);
|
|
}
|
|
.fg-40 {
|
|
color: color-mix(in oklch, var(--bs-fg) 40%, transparent);
|
|
}
|
|
.fg-50 {
|
|
color: color-mix(in oklch, var(--bs-fg) 50%, transparent);
|
|
}
|
|
.fg-60 {
|
|
color: color-mix(in oklch, var(--bs-fg) 60%, transparent);
|
|
}
|
|
.fg-70 {
|
|
color: color-mix(in oklch, var(--bs-fg) 70%, transparent);
|
|
}
|
|
.fg-80 {
|
|
color: color-mix(in oklch, var(--bs-fg) 80%, transparent);
|
|
}
|
|
.fg-90 {
|
|
color: color-mix(in oklch, var(--bs-fg) 90%, transparent);
|
|
}
|
|
.fg-100 {
|
|
color: var(--bs-fg);
|
|
}
|
|
.link-10 {
|
|
color: color-mix(in oklch, var(--bs-link-color) 10%, transparent);
|
|
}
|
|
.link-10-hover:hover {
|
|
color: color-mix(in oklch, var(--bs-link-color) 10%, transparent);
|
|
}
|
|
.link-20 {
|
|
color: color-mix(in oklch, var(--bs-link-color) 20%, transparent);
|
|
}
|
|
.link-20-hover:hover {
|
|
color: color-mix(in oklch, var(--bs-link-color) 20%, transparent);
|
|
}
|
|
.link-30 {
|
|
color: color-mix(in oklch, var(--bs-link-color) 30%, transparent);
|
|
}
|
|
.link-30-hover:hover {
|
|
color: color-mix(in oklch, var(--bs-link-color) 30%, transparent);
|
|
}
|
|
.link-40 {
|
|
color: color-mix(in oklch, var(--bs-link-color) 40%, transparent);
|
|
}
|
|
.link-40-hover:hover {
|
|
color: color-mix(in oklch, var(--bs-link-color) 40%, transparent);
|
|
}
|
|
.link-50 {
|
|
color: color-mix(in oklch, var(--bs-link-color) 50%, transparent);
|
|
}
|
|
.link-50-hover:hover {
|
|
color: color-mix(in oklch, var(--bs-link-color) 50%, transparent);
|
|
}
|
|
.link-60 {
|
|
color: color-mix(in oklch, var(--bs-link-color) 60%, transparent);
|
|
}
|
|
.link-60-hover:hover {
|
|
color: color-mix(in oklch, var(--bs-link-color) 60%, transparent);
|
|
}
|
|
.link-70 {
|
|
color: color-mix(in oklch, var(--bs-link-color) 70%, transparent);
|
|
}
|
|
.link-70-hover:hover {
|
|
color: color-mix(in oklch, var(--bs-link-color) 70%, transparent);
|
|
}
|
|
.link-80 {
|
|
color: color-mix(in oklch, var(--bs-link-color) 80%, transparent);
|
|
}
|
|
.link-80-hover:hover {
|
|
color: color-mix(in oklch, var(--bs-link-color) 80%, transparent);
|
|
}
|
|
.link-90 {
|
|
color: color-mix(in oklch, var(--bs-link-color) 90%, transparent);
|
|
}
|
|
.link-90-hover:hover {
|
|
color: color-mix(in oklch, var(--bs-link-color) 90%, transparent);
|
|
}
|
|
.link-100 {
|
|
color: var(--bs-link-color);
|
|
}
|
|
.link-100-hover:hover {
|
|
color: var(--bs-link-color);
|
|
}
|
|
.underline-offset-1 {
|
|
text-underline-offset: 0.125em;
|
|
}
|
|
.underline-offset-1-hover:hover {
|
|
text-underline-offset: 0.125em;
|
|
}
|
|
.underline-offset-2 {
|
|
text-underline-offset: 0.25em;
|
|
}
|
|
.underline-offset-2-hover:hover {
|
|
text-underline-offset: 0.25em;
|
|
}
|
|
.underline-offset-3 {
|
|
text-underline-offset: 0.375em;
|
|
}
|
|
.underline-offset-3-hover:hover {
|
|
text-underline-offset: 0.375em;
|
|
}
|
|
.underline-primary {
|
|
text-decoration-color: light-dark(var(--bs-blue-600), var(--bs-blue-400));
|
|
}
|
|
.underline-accent {
|
|
text-decoration-color: light-dark(var(--bs-indigo-600), color-mix(in oklch, var(--bs-indigo-400), var(--bs-indigo-300)));
|
|
}
|
|
.underline-success {
|
|
text-decoration-color: light-dark(var(--bs-green-600), var(--bs-green-400));
|
|
}
|
|
.underline-danger {
|
|
text-decoration-color: light-dark(var(--bs-red-600), var(--bs-red-400));
|
|
}
|
|
.underline-warning {
|
|
text-decoration-color: light-dark(var(--bs-yellow-700), var(--bs-yellow-400));
|
|
}
|
|
.underline-info {
|
|
text-decoration-color: light-dark(var(--bs-cyan-600), var(--bs-cyan-400));
|
|
}
|
|
.underline-inverse {
|
|
text-decoration-color: light-dark(var(--bs-gray-900), var(--bs-gray-200));
|
|
}
|
|
.underline-secondary {
|
|
text-decoration-color: light-dark(var(--bs-gray-600), var(--bs-gray-400));
|
|
}
|
|
.underline-10 {
|
|
text-decoration-color: color-mix(in oklch, var(--bs-link-color) 10%, transparent);
|
|
}
|
|
.underline-10-hover:hover {
|
|
text-decoration-color: color-mix(in oklch, var(--bs-link-color) 10%, transparent);
|
|
}
|
|
.underline-20 {
|
|
text-decoration-color: color-mix(in oklch, var(--bs-link-color) 20%, transparent);
|
|
}
|
|
.underline-20-hover:hover {
|
|
text-decoration-color: color-mix(in oklch, var(--bs-link-color) 20%, transparent);
|
|
}
|
|
.underline-30 {
|
|
text-decoration-color: color-mix(in oklch, var(--bs-link-color) 30%, transparent);
|
|
}
|
|
.underline-30-hover:hover {
|
|
text-decoration-color: color-mix(in oklch, var(--bs-link-color) 30%, transparent);
|
|
}
|
|
.underline-40 {
|
|
text-decoration-color: color-mix(in oklch, var(--bs-link-color) 40%, transparent);
|
|
}
|
|
.underline-40-hover:hover {
|
|
text-decoration-color: color-mix(in oklch, var(--bs-link-color) 40%, transparent);
|
|
}
|
|
.underline-50 {
|
|
text-decoration-color: color-mix(in oklch, var(--bs-link-color) 50%, transparent);
|
|
}
|
|
.underline-50-hover:hover {
|
|
text-decoration-color: color-mix(in oklch, var(--bs-link-color) 50%, transparent);
|
|
}
|
|
.underline-60 {
|
|
text-decoration-color: color-mix(in oklch, var(--bs-link-color) 60%, transparent);
|
|
}
|
|
.underline-60-hover:hover {
|
|
text-decoration-color: color-mix(in oklch, var(--bs-link-color) 60%, transparent);
|
|
}
|
|
.underline-70 {
|
|
text-decoration-color: color-mix(in oklch, var(--bs-link-color) 70%, transparent);
|
|
}
|
|
.underline-70-hover:hover {
|
|
text-decoration-color: color-mix(in oklch, var(--bs-link-color) 70%, transparent);
|
|
}
|
|
.underline-80 {
|
|
text-decoration-color: color-mix(in oklch, var(--bs-link-color) 80%, transparent);
|
|
}
|
|
.underline-80-hover:hover {
|
|
text-decoration-color: color-mix(in oklch, var(--bs-link-color) 80%, transparent);
|
|
}
|
|
.underline-90 {
|
|
text-decoration-color: color-mix(in oklch, var(--bs-link-color) 90%, transparent);
|
|
}
|
|
.underline-90-hover:hover {
|
|
text-decoration-color: color-mix(in oklch, var(--bs-link-color) 90%, transparent);
|
|
}
|
|
.underline-100 {
|
|
text-decoration-color: var(--bs-link-color);
|
|
}
|
|
.underline-100-hover:hover {
|
|
text-decoration-color: var(--bs-link-color);
|
|
}
|
|
.underline-thickness-1 {
|
|
text-decoration-thickness: 1px;
|
|
}
|
|
.underline-thickness-1-hover:hover {
|
|
text-decoration-thickness: 1px;
|
|
}
|
|
.underline-thickness-2 {
|
|
text-decoration-thickness: 2px;
|
|
}
|
|
.underline-thickness-2-hover:hover {
|
|
text-decoration-thickness: 2px;
|
|
}
|
|
.underline-thickness-3 {
|
|
text-decoration-thickness: 3px;
|
|
}
|
|
.underline-thickness-3-hover:hover {
|
|
text-decoration-thickness: 3px;
|
|
}
|
|
.underline-thickness-4 {
|
|
text-decoration-thickness: 4px;
|
|
}
|
|
.underline-thickness-4-hover:hover {
|
|
text-decoration-thickness: 4px;
|
|
}
|
|
.underline-thickness-5 {
|
|
text-decoration-thickness: 5px;
|
|
}
|
|
.underline-thickness-5-hover:hover {
|
|
text-decoration-thickness: 5px;
|
|
}
|
|
.bg-primary {
|
|
--bs-bg: var(--bs-blue-500);
|
|
background-color: var(--bs-bg);
|
|
}
|
|
.bg-accent {
|
|
--bs-bg: var(--bs-indigo-500);
|
|
background-color: var(--bs-bg);
|
|
}
|
|
.bg-success {
|
|
--bs-bg: var(--bs-green-500);
|
|
background-color: var(--bs-bg);
|
|
}
|
|
.bg-danger {
|
|
--bs-bg: var(--bs-red-500);
|
|
background-color: var(--bs-bg);
|
|
}
|
|
.bg-warning {
|
|
--bs-bg: var(--bs-yellow-500);
|
|
background-color: var(--bs-bg);
|
|
}
|
|
.bg-info {
|
|
--bs-bg: var(--bs-cyan-500);
|
|
background-color: var(--bs-bg);
|
|
}
|
|
.bg-inverse {
|
|
--bs-bg: light-dark(var(--bs-gray-900), var(--bs-gray-025));
|
|
background-color: var(--bs-bg);
|
|
}
|
|
.bg-secondary {
|
|
--bs-bg: light-dark(var(--bs-gray-100), var(--bs-gray-600));
|
|
background-color: var(--bs-bg);
|
|
}
|
|
.bg-body {
|
|
--bs-bg: light-dark(var(--bs-white), var(--bs-gray-975));
|
|
background-color: var(--bs-bg);
|
|
}
|
|
.bg-1 {
|
|
--bs-bg: light-dark(var(--bs-gray-025), var(--bs-gray-950));
|
|
background-color: var(--bs-bg);
|
|
}
|
|
.bg-2 {
|
|
--bs-bg: light-dark(var(--bs-gray-050), var(--bs-gray-900));
|
|
background-color: var(--bs-bg);
|
|
}
|
|
.bg-3 {
|
|
--bs-bg: light-dark(var(--bs-gray-100), var(--bs-gray-800));
|
|
background-color: var(--bs-bg);
|
|
}
|
|
.bg-4 {
|
|
--bs-bg: light-dark(var(--bs-gray-200), var(--bs-gray-700));
|
|
background-color: var(--bs-bg);
|
|
}
|
|
.bg-white {
|
|
--bs-bg: var(--bs-white);
|
|
background-color: var(--bs-bg);
|
|
}
|
|
.bg-black {
|
|
--bs-bg: var(--bs-black);
|
|
background-color: var(--bs-bg);
|
|
}
|
|
.bg-transparent {
|
|
--bs-bg: transparent;
|
|
background-color: var(--bs-bg);
|
|
}
|
|
.bg-inherit {
|
|
--bs-bg: inherit;
|
|
background-color: var(--bs-bg);
|
|
}
|
|
.bg-subtle-primary {
|
|
--bs-bg: light-dark(var(--bs-blue-100), var(--bs-blue-900));
|
|
background-color: var(--bs-bg);
|
|
}
|
|
.bg-subtle-accent {
|
|
--bs-bg: light-dark(var(--bs-indigo-100), var(--bs-indigo-900));
|
|
background-color: var(--bs-bg);
|
|
}
|
|
.bg-subtle-success {
|
|
--bs-bg: light-dark(var(--bs-green-100), var(--bs-green-900));
|
|
background-color: var(--bs-bg);
|
|
}
|
|
.bg-subtle-danger {
|
|
--bs-bg: light-dark(var(--bs-red-100), var(--bs-red-900));
|
|
background-color: var(--bs-bg);
|
|
}
|
|
.bg-subtle-warning {
|
|
--bs-bg: light-dark(var(--bs-yellow-100), var(--bs-yellow-900));
|
|
background-color: var(--bs-bg);
|
|
}
|
|
.bg-subtle-info {
|
|
--bs-bg: light-dark(var(--bs-cyan-100), var(--bs-cyan-900));
|
|
background-color: var(--bs-bg);
|
|
}
|
|
.bg-subtle-inverse {
|
|
--bs-bg: light-dark(var(--bs-gray-100), var(--bs-gray-900));
|
|
background-color: var(--bs-bg);
|
|
}
|
|
.bg-subtle-secondary {
|
|
--bs-bg: light-dark(var(--bs-gray-050), var(--bs-gray-800));
|
|
background-color: var(--bs-bg);
|
|
}
|
|
.bg-muted-primary {
|
|
--bs-bg: light-dark(var(--bs-blue-200), var(--bs-blue-800));
|
|
background-color: var(--bs-bg);
|
|
}
|
|
.bg-muted-accent {
|
|
--bs-bg: light-dark(var(--bs-indigo-200), var(--bs-indigo-800));
|
|
background-color: var(--bs-bg);
|
|
}
|
|
.bg-muted-success {
|
|
--bs-bg: light-dark(var(--bs-green-200), var(--bs-green-800));
|
|
background-color: var(--bs-bg);
|
|
}
|
|
.bg-muted-danger {
|
|
--bs-bg: light-dark(var(--bs-red-200), var(--bs-red-800));
|
|
background-color: var(--bs-bg);
|
|
}
|
|
.bg-muted-warning {
|
|
--bs-bg: light-dark(var(--bs-yellow-200), var(--bs-yellow-800));
|
|
background-color: var(--bs-bg);
|
|
}
|
|
.bg-muted-info {
|
|
--bs-bg: light-dark(var(--bs-cyan-200), var(--bs-cyan-800));
|
|
background-color: var(--bs-bg);
|
|
}
|
|
.bg-muted-inverse {
|
|
--bs-bg: light-dark(var(--bs-gray-200), var(--bs-gray-300));
|
|
background-color: var(--bs-bg);
|
|
}
|
|
.bg-muted-secondary {
|
|
--bs-bg: light-dark(var(--bs-gray-100), var(--bs-gray-700));
|
|
background-color: var(--bs-bg);
|
|
}
|
|
.bg-10 {
|
|
background-color: color-mix(in oklch, var(--bs-bg) 10%, transparent);
|
|
}
|
|
.bg-20 {
|
|
background-color: color-mix(in oklch, var(--bs-bg) 20%, transparent);
|
|
}
|
|
.bg-30 {
|
|
background-color: color-mix(in oklch, var(--bs-bg) 30%, transparent);
|
|
}
|
|
.bg-40 {
|
|
background-color: color-mix(in oklch, var(--bs-bg) 40%, transparent);
|
|
}
|
|
.bg-50 {
|
|
background-color: color-mix(in oklch, var(--bs-bg) 50%, transparent);
|
|
}
|
|
.bg-60 {
|
|
background-color: color-mix(in oklch, var(--bs-bg) 60%, transparent);
|
|
}
|
|
.bg-70 {
|
|
background-color: color-mix(in oklch, var(--bs-bg) 70%, transparent);
|
|
}
|
|
.bg-80 {
|
|
background-color: color-mix(in oklch, var(--bs-bg) 80%, transparent);
|
|
}
|
|
.bg-90 {
|
|
background-color: color-mix(in oklch, var(--bs-bg) 90%, transparent);
|
|
}
|
|
.bg-100 {
|
|
background-color: var(--bs-bg);
|
|
}
|
|
.theme-contrast {
|
|
background-color: var(--bs-theme-bg);
|
|
color: var(--bs-theme-contrast);
|
|
}
|
|
.theme-subtle {
|
|
background-color: var(--bs-theme-bg-subtle);
|
|
color: var(--bs-theme-text);
|
|
}
|
|
.theme-muted {
|
|
background-color: var(--bs-theme-bg-muted);
|
|
color: var(--bs-theme-text-emphasis);
|
|
}
|
|
.theme-border {
|
|
border: var(--bs-border-width) solid var(--bs-theme-border);
|
|
}
|
|
.bg-gradient {
|
|
background-image: var(--bs-gradient);
|
|
}
|
|
.user-select-all {
|
|
-webkit-user-select: all;
|
|
user-select: all;
|
|
}
|
|
.user-select-auto {
|
|
-webkit-user-select: auto;
|
|
user-select: auto;
|
|
}
|
|
.user-select-none {
|
|
-webkit-user-select: none;
|
|
user-select: none;
|
|
}
|
|
.pe-none {
|
|
pointer-events: none;
|
|
}
|
|
.pe-auto {
|
|
pointer-events: auto;
|
|
}
|
|
.rounded {
|
|
border-radius: var(--bs-border-radius);
|
|
}
|
|
.rounded-0 {
|
|
border-radius: 0;
|
|
}
|
|
.rounded-1 {
|
|
border-radius: var(--bs-border-radius-sm);
|
|
}
|
|
.rounded-2 {
|
|
border-radius: var(--bs-border-radius);
|
|
}
|
|
.rounded-3 {
|
|
border-radius: var(--bs-border-radius-lg);
|
|
}
|
|
.rounded-4 {
|
|
border-radius: var(--bs-border-radius-xl);
|
|
}
|
|
.rounded-5 {
|
|
border-radius: var(--bs-border-radius-2xl);
|
|
}
|
|
.rounded-circle {
|
|
border-radius: 50%;
|
|
}
|
|
.rounded-pill {
|
|
border-radius: var(--bs-border-radius-pill);
|
|
}
|
|
.rounded-top {
|
|
border-start-start-radius: var(--bs-border-radius);
|
|
border-start-end-radius: var(--bs-border-radius);
|
|
}
|
|
.rounded-top-0 {
|
|
border-start-start-radius: 0;
|
|
border-start-end-radius: 0;
|
|
}
|
|
.rounded-top-1 {
|
|
border-start-start-radius: var(--bs-border-radius-sm);
|
|
border-start-end-radius: var(--bs-border-radius-sm);
|
|
}
|
|
.rounded-top-2 {
|
|
border-start-start-radius: var(--bs-border-radius);
|
|
border-start-end-radius: var(--bs-border-radius);
|
|
}
|
|
.rounded-top-3 {
|
|
border-start-start-radius: var(--bs-border-radius-lg);
|
|
border-start-end-radius: var(--bs-border-radius-lg);
|
|
}
|
|
.rounded-top-4 {
|
|
border-start-start-radius: var(--bs-border-radius-xl);
|
|
border-start-end-radius: var(--bs-border-radius-xl);
|
|
}
|
|
.rounded-top-5 {
|
|
border-start-start-radius: var(--bs-border-radius-2xl);
|
|
border-start-end-radius: var(--bs-border-radius-2xl);
|
|
}
|
|
.rounded-top-circle {
|
|
border-start-start-radius: 50%;
|
|
border-start-end-radius: 50%;
|
|
}
|
|
.rounded-top-pill {
|
|
border-start-start-radius: var(--bs-border-radius-pill);
|
|
border-start-end-radius: var(--bs-border-radius-pill);
|
|
}
|
|
.rounded-end {
|
|
border-end-end-radius: var(--bs-border-radius);
|
|
border-end-start-radius: var(--bs-border-radius);
|
|
}
|
|
.rounded-end-0 {
|
|
border-end-end-radius: 0;
|
|
border-end-start-radius: 0;
|
|
}
|
|
.rounded-end-1 {
|
|
border-end-end-radius: var(--bs-border-radius-sm);
|
|
border-end-start-radius: var(--bs-border-radius-sm);
|
|
}
|
|
.rounded-end-2 {
|
|
border-end-end-radius: var(--bs-border-radius);
|
|
border-end-start-radius: var(--bs-border-radius);
|
|
}
|
|
.rounded-end-3 {
|
|
border-end-end-radius: var(--bs-border-radius-lg);
|
|
border-end-start-radius: var(--bs-border-radius-lg);
|
|
}
|
|
.rounded-end-4 {
|
|
border-end-end-radius: var(--bs-border-radius-xl);
|
|
border-end-start-radius: var(--bs-border-radius-xl);
|
|
}
|
|
.rounded-end-5 {
|
|
border-end-end-radius: var(--bs-border-radius-2xl);
|
|
border-end-start-radius: var(--bs-border-radius-2xl);
|
|
}
|
|
.rounded-end-circle {
|
|
border-end-end-radius: 50%;
|
|
border-end-start-radius: 50%;
|
|
}
|
|
.rounded-end-pill {
|
|
border-end-end-radius: var(--bs-border-radius-pill);
|
|
border-end-start-radius: var(--bs-border-radius-pill);
|
|
}
|
|
.rounded-bottom {
|
|
border-end-end-radius: var(--bs-border-radius);
|
|
border-end-start-radius: var(--bs-border-radius);
|
|
}
|
|
.rounded-bottom-0 {
|
|
border-end-end-radius: 0;
|
|
border-end-start-radius: 0;
|
|
}
|
|
.rounded-bottom-1 {
|
|
border-end-end-radius: var(--bs-border-radius-sm);
|
|
border-end-start-radius: var(--bs-border-radius-sm);
|
|
}
|
|
.rounded-bottom-2 {
|
|
border-end-end-radius: var(--bs-border-radius);
|
|
border-end-start-radius: var(--bs-border-radius);
|
|
}
|
|
.rounded-bottom-3 {
|
|
border-end-end-radius: var(--bs-border-radius-lg);
|
|
border-end-start-radius: var(--bs-border-radius-lg);
|
|
}
|
|
.rounded-bottom-4 {
|
|
border-end-end-radius: var(--bs-border-radius-xl);
|
|
border-end-start-radius: var(--bs-border-radius-xl);
|
|
}
|
|
.rounded-bottom-5 {
|
|
border-end-end-radius: var(--bs-border-radius-2xl);
|
|
border-end-start-radius: var(--bs-border-radius-2xl);
|
|
}
|
|
.rounded-bottom-circle {
|
|
border-end-end-radius: 50%;
|
|
border-end-start-radius: 50%;
|
|
}
|
|
.rounded-bottom-pill {
|
|
border-end-end-radius: var(--bs-border-radius-pill);
|
|
border-end-start-radius: var(--bs-border-radius-pill);
|
|
}
|
|
.rounded-start {
|
|
border-start-start-radius: var(--bs-border-radius);
|
|
border-start-end-radius: var(--bs-border-radius);
|
|
}
|
|
.rounded-start-0 {
|
|
border-start-start-radius: 0;
|
|
border-start-end-radius: 0;
|
|
}
|
|
.rounded-start-1 {
|
|
border-start-start-radius: var(--bs-border-radius-sm);
|
|
border-start-end-radius: var(--bs-border-radius-sm);
|
|
}
|
|
.rounded-start-2 {
|
|
border-start-start-radius: var(--bs-border-radius);
|
|
border-start-end-radius: var(--bs-border-radius);
|
|
}
|
|
.rounded-start-3 {
|
|
border-start-start-radius: var(--bs-border-radius-lg);
|
|
border-start-end-radius: var(--bs-border-radius-lg);
|
|
}
|
|
.rounded-start-4 {
|
|
border-start-start-radius: var(--bs-border-radius-xl);
|
|
border-start-end-radius: var(--bs-border-radius-xl);
|
|
}
|
|
.rounded-start-5 {
|
|
border-start-start-radius: var(--bs-border-radius-2xl);
|
|
border-start-end-radius: var(--bs-border-radius-2xl);
|
|
}
|
|
.rounded-start-circle {
|
|
border-start-start-radius: 50%;
|
|
border-start-end-radius: 50%;
|
|
}
|
|
.rounded-start-pill {
|
|
border-start-start-radius: var(--bs-border-radius-pill);
|
|
border-start-end-radius: var(--bs-border-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;
|
|
}
|
|
@media (width >= 576px) {
|
|
.float-sm-start {
|
|
float: inline-start;
|
|
}
|
|
.float-sm-end {
|
|
float: inline-end;
|
|
}
|
|
.float-sm-none {
|
|
float: none;
|
|
}
|
|
.object-fit-sm-contain {
|
|
-o-object-fit: contain;
|
|
object-fit: contain;
|
|
}
|
|
.object-fit-sm-cover {
|
|
-o-object-fit: cover;
|
|
object-fit: cover;
|
|
}
|
|
.object-fit-sm-fill {
|
|
-o-object-fit: fill;
|
|
object-fit: fill;
|
|
}
|
|
.object-fit-sm-scale {
|
|
-o-object-fit: scale-down;
|
|
object-fit: scale-down;
|
|
}
|
|
.object-fit-sm-none {
|
|
-o-object-fit: none;
|
|
object-fit: none;
|
|
}
|
|
.d-sm-inline {
|
|
display: inline;
|
|
}
|
|
.d-sm-inline-block {
|
|
display: inline-block;
|
|
}
|
|
.d-sm-block {
|
|
display: block;
|
|
}
|
|
.d-sm-grid {
|
|
display: grid;
|
|
}
|
|
.d-sm-inline-grid {
|
|
display: inline-grid;
|
|
}
|
|
.d-sm-table {
|
|
display: table;
|
|
}
|
|
.d-sm-table-row {
|
|
display: table-row;
|
|
}
|
|
.d-sm-table-cell {
|
|
display: table-cell;
|
|
}
|
|
.d-sm-flex {
|
|
display: flex;
|
|
}
|
|
.d-sm-inline-flex {
|
|
display: inline-flex;
|
|
}
|
|
.d-sm-contents {
|
|
display: contents;
|
|
}
|
|
.d-sm-flow-root {
|
|
display: flow-root;
|
|
}
|
|
.d-sm-none {
|
|
display: none;
|
|
}
|
|
.flex-sm-fill {
|
|
flex: 1 1 auto;
|
|
}
|
|
.flex-sm-row {
|
|
flex-direction: row;
|
|
}
|
|
.flex-sm-column {
|
|
flex-direction: column;
|
|
}
|
|
.flex-sm-row-reverse {
|
|
flex-direction: row-reverse;
|
|
}
|
|
.flex-sm-column-reverse {
|
|
flex-direction: column-reverse;
|
|
}
|
|
.flex-sm-grow-0 {
|
|
flex-grow: 0;
|
|
}
|
|
.flex-sm-grow-1 {
|
|
flex-grow: 1;
|
|
}
|
|
.flex-sm-shrink-0 {
|
|
flex-shrink: 0;
|
|
}
|
|
.flex-sm-shrink-1 {
|
|
flex-shrink: 1;
|
|
}
|
|
.flex-sm-wrap {
|
|
flex-wrap: wrap;
|
|
}
|
|
.flex-sm-nowrap {
|
|
flex-wrap: nowrap;
|
|
}
|
|
.flex-sm-wrap-reverse {
|
|
flex-wrap: wrap-reverse;
|
|
}
|
|
.justify-content-sm-start {
|
|
justify-content: flex-start;
|
|
}
|
|
.justify-content-sm-end {
|
|
justify-content: flex-end;
|
|
}
|
|
.justify-content-sm-center {
|
|
justify-content: center;
|
|
}
|
|
.justify-content-sm-between {
|
|
justify-content: space-between;
|
|
}
|
|
.justify-content-sm-around {
|
|
justify-content: space-around;
|
|
}
|
|
.justify-content-sm-evenly {
|
|
justify-content: space-evenly;
|
|
}
|
|
.justify-items-sm-start {
|
|
justify-items: start;
|
|
}
|
|
.justify-items-sm-end {
|
|
justify-items: end;
|
|
}
|
|
.justify-items-sm-center {
|
|
justify-items: center;
|
|
}
|
|
.justify-items-sm-stretch {
|
|
justify-items: stretch;
|
|
}
|
|
.justify-self-sm-start {
|
|
justify-self: flex-start;
|
|
}
|
|
.justify-self-sm-end {
|
|
justify-self: flex-end;
|
|
}
|
|
.justify-self-sm-center {
|
|
justify-self: center;
|
|
}
|
|
.align-items-sm-start {
|
|
align-items: flex-start;
|
|
}
|
|
.align-items-sm-end {
|
|
align-items: flex-end;
|
|
}
|
|
.align-items-sm-center {
|
|
align-items: center;
|
|
}
|
|
.align-items-sm-baseline {
|
|
align-items: baseline;
|
|
}
|
|
.align-items-sm-stretch {
|
|
align-items: stretch;
|
|
}
|
|
.align-content-sm-start {
|
|
align-content: flex-start;
|
|
}
|
|
.align-content-sm-end {
|
|
align-content: flex-end;
|
|
}
|
|
.align-content-sm-center {
|
|
align-content: center;
|
|
}
|
|
.align-content-sm-between {
|
|
align-content: space-between;
|
|
}
|
|
.align-content-sm-around {
|
|
align-content: space-around;
|
|
}
|
|
.align-content-sm-stretch {
|
|
align-content: stretch;
|
|
}
|
|
.align-self-sm-auto {
|
|
align-self: auto;
|
|
}
|
|
.align-self-sm-start {
|
|
align-self: flex-start;
|
|
}
|
|
.align-self-sm-end {
|
|
align-self: flex-end;
|
|
}
|
|
.align-self-sm-center {
|
|
align-self: center;
|
|
}
|
|
.align-self-sm-baseline {
|
|
align-self: baseline;
|
|
}
|
|
.align-self-sm-stretch {
|
|
align-self: stretch;
|
|
}
|
|
.place-items-sm-start {
|
|
place-items: start;
|
|
}
|
|
.place-items-sm-end {
|
|
place-items: end;
|
|
}
|
|
.place-items-sm-center {
|
|
place-items: center;
|
|
}
|
|
.place-items-sm-stretch {
|
|
place-items: stretch;
|
|
}
|
|
.grid-cols-sm-3 {
|
|
--bs-columns: 3;
|
|
}
|
|
.grid-cols-sm-4 {
|
|
--bs-columns: 4;
|
|
}
|
|
.grid-cols-sm-6 {
|
|
--bs-columns: 6;
|
|
}
|
|
.grid-cols-sm-fill {
|
|
grid-column: 1 / -1;
|
|
}
|
|
.grid-auto-flow-sm-row {
|
|
grid-auto-flow: row;
|
|
}
|
|
.grid-auto-flow-sm-column {
|
|
grid-auto-flow: column;
|
|
}
|
|
.grid-auto-flow-sm-dense {
|
|
grid-auto-flow: dense;
|
|
}
|
|
.order-sm-first {
|
|
order: -1;
|
|
}
|
|
.order-sm-0 {
|
|
order: 0;
|
|
}
|
|
.order-sm-1 {
|
|
order: 1;
|
|
}
|
|
.order-sm-2 {
|
|
order: 2;
|
|
}
|
|
.order-sm-3 {
|
|
order: 3;
|
|
}
|
|
.order-sm-4 {
|
|
order: 4;
|
|
}
|
|
.order-sm-5 {
|
|
order: 5;
|
|
}
|
|
.order-sm-last {
|
|
order: 6;
|
|
}
|
|
.m-sm-0 {
|
|
margin: 0;
|
|
}
|
|
.m-sm-1 {
|
|
margin: 0.25rem;
|
|
}
|
|
.m-sm-2 {
|
|
margin: 0.5rem;
|
|
}
|
|
.m-sm-3 {
|
|
margin: 1rem;
|
|
}
|
|
.m-sm-4 {
|
|
margin: 1.5rem;
|
|
}
|
|
.m-sm-5 {
|
|
margin: 3rem;
|
|
}
|
|
.m-sm-auto {
|
|
margin: auto;
|
|
}
|
|
.mx-sm-0 {
|
|
margin-inline: 0;
|
|
}
|
|
.mx-sm-1 {
|
|
margin-inline: 0.25rem;
|
|
}
|
|
.mx-sm-2 {
|
|
margin-inline: 0.5rem;
|
|
}
|
|
.mx-sm-3 {
|
|
margin-inline: 1rem;
|
|
}
|
|
.mx-sm-4 {
|
|
margin-inline: 1.5rem;
|
|
}
|
|
.mx-sm-5 {
|
|
margin-inline: 3rem;
|
|
}
|
|
.mx-sm-auto {
|
|
margin-inline: auto;
|
|
}
|
|
.my-sm-0 {
|
|
margin-block: 0;
|
|
}
|
|
.my-sm-1 {
|
|
margin-block: 0.25rem;
|
|
}
|
|
.my-sm-2 {
|
|
margin-block: 0.5rem;
|
|
}
|
|
.my-sm-3 {
|
|
margin-block: 1rem;
|
|
}
|
|
.my-sm-4 {
|
|
margin-block: 1.5rem;
|
|
}
|
|
.my-sm-5 {
|
|
margin-block: 3rem;
|
|
}
|
|
.my-sm-auto {
|
|
margin-block: auto;
|
|
}
|
|
.mt-sm-0 {
|
|
margin-block-start: 0;
|
|
}
|
|
.mt-sm-1 {
|
|
margin-block-start: 0.25rem;
|
|
}
|
|
.mt-sm-2 {
|
|
margin-block-start: 0.5rem;
|
|
}
|
|
.mt-sm-3 {
|
|
margin-block-start: 1rem;
|
|
}
|
|
.mt-sm-4 {
|
|
margin-block-start: 1.5rem;
|
|
}
|
|
.mt-sm-5 {
|
|
margin-block-start: 3rem;
|
|
}
|
|
.mt-sm-auto {
|
|
margin-block-start: auto;
|
|
}
|
|
.me-sm-0 {
|
|
margin-inline-end: 0;
|
|
}
|
|
.me-sm-1 {
|
|
margin-inline-end: 0.25rem;
|
|
}
|
|
.me-sm-2 {
|
|
margin-inline-end: 0.5rem;
|
|
}
|
|
.me-sm-3 {
|
|
margin-inline-end: 1rem;
|
|
}
|
|
.me-sm-4 {
|
|
margin-inline-end: 1.5rem;
|
|
}
|
|
.me-sm-5 {
|
|
margin-inline-end: 3rem;
|
|
}
|
|
.me-sm-auto {
|
|
margin-inline-end: auto;
|
|
}
|
|
.mb-sm-0 {
|
|
margin-block-end: 0;
|
|
}
|
|
.mb-sm-1 {
|
|
margin-block-end: 0.25rem;
|
|
}
|
|
.mb-sm-2 {
|
|
margin-block-end: 0.5rem;
|
|
}
|
|
.mb-sm-3 {
|
|
margin-block-end: 1rem;
|
|
}
|
|
.mb-sm-4 {
|
|
margin-block-end: 1.5rem;
|
|
}
|
|
.mb-sm-5 {
|
|
margin-block-end: 3rem;
|
|
}
|
|
.mb-sm-auto {
|
|
margin-block-end: auto;
|
|
}
|
|
.ms-sm-0 {
|
|
margin-inline-start: 0;
|
|
}
|
|
.ms-sm-1 {
|
|
margin-inline-start: 0.25rem;
|
|
}
|
|
.ms-sm-2 {
|
|
margin-inline-start: 0.5rem;
|
|
}
|
|
.ms-sm-3 {
|
|
margin-inline-start: 1rem;
|
|
}
|
|
.ms-sm-4 {
|
|
margin-inline-start: 1.5rem;
|
|
}
|
|
.ms-sm-5 {
|
|
margin-inline-start: 3rem;
|
|
}
|
|
.ms-sm-auto {
|
|
margin-inline-start: auto;
|
|
}
|
|
.p-sm-0 {
|
|
padding: 0;
|
|
}
|
|
.p-sm-1 {
|
|
padding: 0.25rem;
|
|
}
|
|
.p-sm-2 {
|
|
padding: 0.5rem;
|
|
}
|
|
.p-sm-3 {
|
|
padding: 1rem;
|
|
}
|
|
.p-sm-4 {
|
|
padding: 1.5rem;
|
|
}
|
|
.p-sm-5 {
|
|
padding: 3rem;
|
|
}
|
|
.px-sm-0 {
|
|
padding-inline: 0;
|
|
}
|
|
.px-sm-1 {
|
|
padding-inline: 0.25rem;
|
|
}
|
|
.px-sm-2 {
|
|
padding-inline: 0.5rem;
|
|
}
|
|
.px-sm-3 {
|
|
padding-inline: 1rem;
|
|
}
|
|
.px-sm-4 {
|
|
padding-inline: 1.5rem;
|
|
}
|
|
.px-sm-5 {
|
|
padding-inline: 3rem;
|
|
}
|
|
.py-sm-0 {
|
|
padding-block: 0;
|
|
}
|
|
.py-sm-1 {
|
|
padding-block: 0.25rem;
|
|
}
|
|
.py-sm-2 {
|
|
padding-block: 0.5rem;
|
|
}
|
|
.py-sm-3 {
|
|
padding-block: 1rem;
|
|
}
|
|
.py-sm-4 {
|
|
padding-block: 1.5rem;
|
|
}
|
|
.py-sm-5 {
|
|
padding-block: 3rem;
|
|
}
|
|
.pt-sm-0 {
|
|
padding-block-start: 0;
|
|
}
|
|
.pt-sm-1 {
|
|
padding-block-start: 0.25rem;
|
|
}
|
|
.pt-sm-2 {
|
|
padding-block-start: 0.5rem;
|
|
}
|
|
.pt-sm-3 {
|
|
padding-block-start: 1rem;
|
|
}
|
|
.pt-sm-4 {
|
|
padding-block-start: 1.5rem;
|
|
}
|
|
.pt-sm-5 {
|
|
padding-block-start: 3rem;
|
|
}
|
|
.pe-sm-0 {
|
|
padding-inline-end: 0;
|
|
}
|
|
.pe-sm-1 {
|
|
padding-inline-end: 0.25rem;
|
|
}
|
|
.pe-sm-2 {
|
|
padding-inline-end: 0.5rem;
|
|
}
|
|
.pe-sm-3 {
|
|
padding-inline-end: 1rem;
|
|
}
|
|
.pe-sm-4 {
|
|
padding-inline-end: 1.5rem;
|
|
}
|
|
.pe-sm-5 {
|
|
padding-inline-end: 3rem;
|
|
}
|
|
.pb-sm-0 {
|
|
padding-block-end: 0;
|
|
}
|
|
.pb-sm-1 {
|
|
padding-block-end: 0.25rem;
|
|
}
|
|
.pb-sm-2 {
|
|
padding-block-end: 0.5rem;
|
|
}
|
|
.pb-sm-3 {
|
|
padding-block-end: 1rem;
|
|
}
|
|
.pb-sm-4 {
|
|
padding-block-end: 1.5rem;
|
|
}
|
|
.pb-sm-5 {
|
|
padding-block-end: 3rem;
|
|
}
|
|
.ps-sm-0 {
|
|
padding-inline-start: 0;
|
|
}
|
|
.ps-sm-1 {
|
|
padding-inline-start: 0.25rem;
|
|
}
|
|
.ps-sm-2 {
|
|
padding-inline-start: 0.5rem;
|
|
}
|
|
.ps-sm-3 {
|
|
padding-inline-start: 1rem;
|
|
}
|
|
.ps-sm-4 {
|
|
padding-inline-start: 1.5rem;
|
|
}
|
|
.ps-sm-5 {
|
|
padding-inline-start: 3rem;
|
|
}
|
|
.gap-sm-0 {
|
|
gap: 0;
|
|
}
|
|
.gap-sm-1 {
|
|
gap: 0.25rem;
|
|
}
|
|
.gap-sm-2 {
|
|
gap: 0.5rem;
|
|
}
|
|
.gap-sm-3 {
|
|
gap: 1rem;
|
|
}
|
|
.gap-sm-4 {
|
|
gap: 1.5rem;
|
|
}
|
|
.gap-sm-5 {
|
|
gap: 3rem;
|
|
}
|
|
.row-gap-sm-0 {
|
|
row-gap: 0;
|
|
}
|
|
.row-gap-sm-1 {
|
|
row-gap: 0.25rem;
|
|
}
|
|
.row-gap-sm-2 {
|
|
row-gap: 0.5rem;
|
|
}
|
|
.row-gap-sm-3 {
|
|
row-gap: 1rem;
|
|
}
|
|
.row-gap-sm-4 {
|
|
row-gap: 1.5rem;
|
|
}
|
|
.row-gap-sm-5 {
|
|
row-gap: 3rem;
|
|
}
|
|
.column-gap-sm-0 {
|
|
-moz-column-gap: 0;
|
|
column-gap: 0;
|
|
}
|
|
.column-gap-sm-1 {
|
|
-moz-column-gap: 0.25rem;
|
|
column-gap: 0.25rem;
|
|
}
|
|
.column-gap-sm-2 {
|
|
-moz-column-gap: 0.5rem;
|
|
column-gap: 0.5rem;
|
|
}
|
|
.column-gap-sm-3 {
|
|
-moz-column-gap: 1rem;
|
|
column-gap: 1rem;
|
|
}
|
|
.column-gap-sm-4 {
|
|
-moz-column-gap: 1.5rem;
|
|
column-gap: 1.5rem;
|
|
}
|
|
.column-gap-sm-5 {
|
|
-moz-column-gap: 3rem;
|
|
column-gap: 3rem;
|
|
}
|
|
.text-sm-start {
|
|
text-align: start;
|
|
}
|
|
.text-sm-end {
|
|
text-align: end;
|
|
}
|
|
.text-sm-center {
|
|
text-align: center;
|
|
}
|
|
}
|
|
@media (width >= 768px) {
|
|
.float-md-start {
|
|
float: inline-start;
|
|
}
|
|
.float-md-end {
|
|
float: inline-end;
|
|
}
|
|
.float-md-none {
|
|
float: none;
|
|
}
|
|
.object-fit-md-contain {
|
|
-o-object-fit: contain;
|
|
object-fit: contain;
|
|
}
|
|
.object-fit-md-cover {
|
|
-o-object-fit: cover;
|
|
object-fit: cover;
|
|
}
|
|
.object-fit-md-fill {
|
|
-o-object-fit: fill;
|
|
object-fit: fill;
|
|
}
|
|
.object-fit-md-scale {
|
|
-o-object-fit: scale-down;
|
|
object-fit: scale-down;
|
|
}
|
|
.object-fit-md-none {
|
|
-o-object-fit: none;
|
|
object-fit: none;
|
|
}
|
|
.d-md-inline {
|
|
display: inline;
|
|
}
|
|
.d-md-inline-block {
|
|
display: inline-block;
|
|
}
|
|
.d-md-block {
|
|
display: block;
|
|
}
|
|
.d-md-grid {
|
|
display: grid;
|
|
}
|
|
.d-md-inline-grid {
|
|
display: inline-grid;
|
|
}
|
|
.d-md-table {
|
|
display: table;
|
|
}
|
|
.d-md-table-row {
|
|
display: table-row;
|
|
}
|
|
.d-md-table-cell {
|
|
display: table-cell;
|
|
}
|
|
.d-md-flex {
|
|
display: flex;
|
|
}
|
|
.d-md-inline-flex {
|
|
display: inline-flex;
|
|
}
|
|
.d-md-contents {
|
|
display: contents;
|
|
}
|
|
.d-md-flow-root {
|
|
display: flow-root;
|
|
}
|
|
.d-md-none {
|
|
display: none;
|
|
}
|
|
.flex-md-fill {
|
|
flex: 1 1 auto;
|
|
}
|
|
.flex-md-row {
|
|
flex-direction: row;
|
|
}
|
|
.flex-md-column {
|
|
flex-direction: column;
|
|
}
|
|
.flex-md-row-reverse {
|
|
flex-direction: row-reverse;
|
|
}
|
|
.flex-md-column-reverse {
|
|
flex-direction: column-reverse;
|
|
}
|
|
.flex-md-grow-0 {
|
|
flex-grow: 0;
|
|
}
|
|
.flex-md-grow-1 {
|
|
flex-grow: 1;
|
|
}
|
|
.flex-md-shrink-0 {
|
|
flex-shrink: 0;
|
|
}
|
|
.flex-md-shrink-1 {
|
|
flex-shrink: 1;
|
|
}
|
|
.flex-md-wrap {
|
|
flex-wrap: wrap;
|
|
}
|
|
.flex-md-nowrap {
|
|
flex-wrap: nowrap;
|
|
}
|
|
.flex-md-wrap-reverse {
|
|
flex-wrap: wrap-reverse;
|
|
}
|
|
.justify-content-md-start {
|
|
justify-content: flex-start;
|
|
}
|
|
.justify-content-md-end {
|
|
justify-content: flex-end;
|
|
}
|
|
.justify-content-md-center {
|
|
justify-content: center;
|
|
}
|
|
.justify-content-md-between {
|
|
justify-content: space-between;
|
|
}
|
|
.justify-content-md-around {
|
|
justify-content: space-around;
|
|
}
|
|
.justify-content-md-evenly {
|
|
justify-content: space-evenly;
|
|
}
|
|
.justify-items-md-start {
|
|
justify-items: start;
|
|
}
|
|
.justify-items-md-end {
|
|
justify-items: end;
|
|
}
|
|
.justify-items-md-center {
|
|
justify-items: center;
|
|
}
|
|
.justify-items-md-stretch {
|
|
justify-items: stretch;
|
|
}
|
|
.justify-self-md-start {
|
|
justify-self: flex-start;
|
|
}
|
|
.justify-self-md-end {
|
|
justify-self: flex-end;
|
|
}
|
|
.justify-self-md-center {
|
|
justify-self: center;
|
|
}
|
|
.align-items-md-start {
|
|
align-items: flex-start;
|
|
}
|
|
.align-items-md-end {
|
|
align-items: flex-end;
|
|
}
|
|
.align-items-md-center {
|
|
align-items: center;
|
|
}
|
|
.align-items-md-baseline {
|
|
align-items: baseline;
|
|
}
|
|
.align-items-md-stretch {
|
|
align-items: stretch;
|
|
}
|
|
.align-content-md-start {
|
|
align-content: flex-start;
|
|
}
|
|
.align-content-md-end {
|
|
align-content: flex-end;
|
|
}
|
|
.align-content-md-center {
|
|
align-content: center;
|
|
}
|
|
.align-content-md-between {
|
|
align-content: space-between;
|
|
}
|
|
.align-content-md-around {
|
|
align-content: space-around;
|
|
}
|
|
.align-content-md-stretch {
|
|
align-content: stretch;
|
|
}
|
|
.align-self-md-auto {
|
|
align-self: auto;
|
|
}
|
|
.align-self-md-start {
|
|
align-self: flex-start;
|
|
}
|
|
.align-self-md-end {
|
|
align-self: flex-end;
|
|
}
|
|
.align-self-md-center {
|
|
align-self: center;
|
|
}
|
|
.align-self-md-baseline {
|
|
align-self: baseline;
|
|
}
|
|
.align-self-md-stretch {
|
|
align-self: stretch;
|
|
}
|
|
.place-items-md-start {
|
|
place-items: start;
|
|
}
|
|
.place-items-md-end {
|
|
place-items: end;
|
|
}
|
|
.place-items-md-center {
|
|
place-items: center;
|
|
}
|
|
.place-items-md-stretch {
|
|
place-items: stretch;
|
|
}
|
|
.grid-cols-md-3 {
|
|
--bs-columns: 3;
|
|
}
|
|
.grid-cols-md-4 {
|
|
--bs-columns: 4;
|
|
}
|
|
.grid-cols-md-6 {
|
|
--bs-columns: 6;
|
|
}
|
|
.grid-cols-md-fill {
|
|
grid-column: 1 / -1;
|
|
}
|
|
.grid-auto-flow-md-row {
|
|
grid-auto-flow: row;
|
|
}
|
|
.grid-auto-flow-md-column {
|
|
grid-auto-flow: column;
|
|
}
|
|
.grid-auto-flow-md-dense {
|
|
grid-auto-flow: dense;
|
|
}
|
|
.order-md-first {
|
|
order: -1;
|
|
}
|
|
.order-md-0 {
|
|
order: 0;
|
|
}
|
|
.order-md-1 {
|
|
order: 1;
|
|
}
|
|
.order-md-2 {
|
|
order: 2;
|
|
}
|
|
.order-md-3 {
|
|
order: 3;
|
|
}
|
|
.order-md-4 {
|
|
order: 4;
|
|
}
|
|
.order-md-5 {
|
|
order: 5;
|
|
}
|
|
.order-md-last {
|
|
order: 6;
|
|
}
|
|
.m-md-0 {
|
|
margin: 0;
|
|
}
|
|
.m-md-1 {
|
|
margin: 0.25rem;
|
|
}
|
|
.m-md-2 {
|
|
margin: 0.5rem;
|
|
}
|
|
.m-md-3 {
|
|
margin: 1rem;
|
|
}
|
|
.m-md-4 {
|
|
margin: 1.5rem;
|
|
}
|
|
.m-md-5 {
|
|
margin: 3rem;
|
|
}
|
|
.m-md-auto {
|
|
margin: auto;
|
|
}
|
|
.mx-md-0 {
|
|
margin-inline: 0;
|
|
}
|
|
.mx-md-1 {
|
|
margin-inline: 0.25rem;
|
|
}
|
|
.mx-md-2 {
|
|
margin-inline: 0.5rem;
|
|
}
|
|
.mx-md-3 {
|
|
margin-inline: 1rem;
|
|
}
|
|
.mx-md-4 {
|
|
margin-inline: 1.5rem;
|
|
}
|
|
.mx-md-5 {
|
|
margin-inline: 3rem;
|
|
}
|
|
.mx-md-auto {
|
|
margin-inline: auto;
|
|
}
|
|
.my-md-0 {
|
|
margin-block: 0;
|
|
}
|
|
.my-md-1 {
|
|
margin-block: 0.25rem;
|
|
}
|
|
.my-md-2 {
|
|
margin-block: 0.5rem;
|
|
}
|
|
.my-md-3 {
|
|
margin-block: 1rem;
|
|
}
|
|
.my-md-4 {
|
|
margin-block: 1.5rem;
|
|
}
|
|
.my-md-5 {
|
|
margin-block: 3rem;
|
|
}
|
|
.my-md-auto {
|
|
margin-block: auto;
|
|
}
|
|
.mt-md-0 {
|
|
margin-block-start: 0;
|
|
}
|
|
.mt-md-1 {
|
|
margin-block-start: 0.25rem;
|
|
}
|
|
.mt-md-2 {
|
|
margin-block-start: 0.5rem;
|
|
}
|
|
.mt-md-3 {
|
|
margin-block-start: 1rem;
|
|
}
|
|
.mt-md-4 {
|
|
margin-block-start: 1.5rem;
|
|
}
|
|
.mt-md-5 {
|
|
margin-block-start: 3rem;
|
|
}
|
|
.mt-md-auto {
|
|
margin-block-start: auto;
|
|
}
|
|
.me-md-0 {
|
|
margin-inline-end: 0;
|
|
}
|
|
.me-md-1 {
|
|
margin-inline-end: 0.25rem;
|
|
}
|
|
.me-md-2 {
|
|
margin-inline-end: 0.5rem;
|
|
}
|
|
.me-md-3 {
|
|
margin-inline-end: 1rem;
|
|
}
|
|
.me-md-4 {
|
|
margin-inline-end: 1.5rem;
|
|
}
|
|
.me-md-5 {
|
|
margin-inline-end: 3rem;
|
|
}
|
|
.me-md-auto {
|
|
margin-inline-end: auto;
|
|
}
|
|
.mb-md-0 {
|
|
margin-block-end: 0;
|
|
}
|
|
.mb-md-1 {
|
|
margin-block-end: 0.25rem;
|
|
}
|
|
.mb-md-2 {
|
|
margin-block-end: 0.5rem;
|
|
}
|
|
.mb-md-3 {
|
|
margin-block-end: 1rem;
|
|
}
|
|
.mb-md-4 {
|
|
margin-block-end: 1.5rem;
|
|
}
|
|
.mb-md-5 {
|
|
margin-block-end: 3rem;
|
|
}
|
|
.mb-md-auto {
|
|
margin-block-end: auto;
|
|
}
|
|
.ms-md-0 {
|
|
margin-inline-start: 0;
|
|
}
|
|
.ms-md-1 {
|
|
margin-inline-start: 0.25rem;
|
|
}
|
|
.ms-md-2 {
|
|
margin-inline-start: 0.5rem;
|
|
}
|
|
.ms-md-3 {
|
|
margin-inline-start: 1rem;
|
|
}
|
|
.ms-md-4 {
|
|
margin-inline-start: 1.5rem;
|
|
}
|
|
.ms-md-5 {
|
|
margin-inline-start: 3rem;
|
|
}
|
|
.ms-md-auto {
|
|
margin-inline-start: auto;
|
|
}
|
|
.p-md-0 {
|
|
padding: 0;
|
|
}
|
|
.p-md-1 {
|
|
padding: 0.25rem;
|
|
}
|
|
.p-md-2 {
|
|
padding: 0.5rem;
|
|
}
|
|
.p-md-3 {
|
|
padding: 1rem;
|
|
}
|
|
.p-md-4 {
|
|
padding: 1.5rem;
|
|
}
|
|
.p-md-5 {
|
|
padding: 3rem;
|
|
}
|
|
.px-md-0 {
|
|
padding-inline: 0;
|
|
}
|
|
.px-md-1 {
|
|
padding-inline: 0.25rem;
|
|
}
|
|
.px-md-2 {
|
|
padding-inline: 0.5rem;
|
|
}
|
|
.px-md-3 {
|
|
padding-inline: 1rem;
|
|
}
|
|
.px-md-4 {
|
|
padding-inline: 1.5rem;
|
|
}
|
|
.px-md-5 {
|
|
padding-inline: 3rem;
|
|
}
|
|
.py-md-0 {
|
|
padding-block: 0;
|
|
}
|
|
.py-md-1 {
|
|
padding-block: 0.25rem;
|
|
}
|
|
.py-md-2 {
|
|
padding-block: 0.5rem;
|
|
}
|
|
.py-md-3 {
|
|
padding-block: 1rem;
|
|
}
|
|
.py-md-4 {
|
|
padding-block: 1.5rem;
|
|
}
|
|
.py-md-5 {
|
|
padding-block: 3rem;
|
|
}
|
|
.pt-md-0 {
|
|
padding-block-start: 0;
|
|
}
|
|
.pt-md-1 {
|
|
padding-block-start: 0.25rem;
|
|
}
|
|
.pt-md-2 {
|
|
padding-block-start: 0.5rem;
|
|
}
|
|
.pt-md-3 {
|
|
padding-block-start: 1rem;
|
|
}
|
|
.pt-md-4 {
|
|
padding-block-start: 1.5rem;
|
|
}
|
|
.pt-md-5 {
|
|
padding-block-start: 3rem;
|
|
}
|
|
.pe-md-0 {
|
|
padding-inline-end: 0;
|
|
}
|
|
.pe-md-1 {
|
|
padding-inline-end: 0.25rem;
|
|
}
|
|
.pe-md-2 {
|
|
padding-inline-end: 0.5rem;
|
|
}
|
|
.pe-md-3 {
|
|
padding-inline-end: 1rem;
|
|
}
|
|
.pe-md-4 {
|
|
padding-inline-end: 1.5rem;
|
|
}
|
|
.pe-md-5 {
|
|
padding-inline-end: 3rem;
|
|
}
|
|
.pb-md-0 {
|
|
padding-block-end: 0;
|
|
}
|
|
.pb-md-1 {
|
|
padding-block-end: 0.25rem;
|
|
}
|
|
.pb-md-2 {
|
|
padding-block-end: 0.5rem;
|
|
}
|
|
.pb-md-3 {
|
|
padding-block-end: 1rem;
|
|
}
|
|
.pb-md-4 {
|
|
padding-block-end: 1.5rem;
|
|
}
|
|
.pb-md-5 {
|
|
padding-block-end: 3rem;
|
|
}
|
|
.ps-md-0 {
|
|
padding-inline-start: 0;
|
|
}
|
|
.ps-md-1 {
|
|
padding-inline-start: 0.25rem;
|
|
}
|
|
.ps-md-2 {
|
|
padding-inline-start: 0.5rem;
|
|
}
|
|
.ps-md-3 {
|
|
padding-inline-start: 1rem;
|
|
}
|
|
.ps-md-4 {
|
|
padding-inline-start: 1.5rem;
|
|
}
|
|
.ps-md-5 {
|
|
padding-inline-start: 3rem;
|
|
}
|
|
.gap-md-0 {
|
|
gap: 0;
|
|
}
|
|
.gap-md-1 {
|
|
gap: 0.25rem;
|
|
}
|
|
.gap-md-2 {
|
|
gap: 0.5rem;
|
|
}
|
|
.gap-md-3 {
|
|
gap: 1rem;
|
|
}
|
|
.gap-md-4 {
|
|
gap: 1.5rem;
|
|
}
|
|
.gap-md-5 {
|
|
gap: 3rem;
|
|
}
|
|
.row-gap-md-0 {
|
|
row-gap: 0;
|
|
}
|
|
.row-gap-md-1 {
|
|
row-gap: 0.25rem;
|
|
}
|
|
.row-gap-md-2 {
|
|
row-gap: 0.5rem;
|
|
}
|
|
.row-gap-md-3 {
|
|
row-gap: 1rem;
|
|
}
|
|
.row-gap-md-4 {
|
|
row-gap: 1.5rem;
|
|
}
|
|
.row-gap-md-5 {
|
|
row-gap: 3rem;
|
|
}
|
|
.column-gap-md-0 {
|
|
-moz-column-gap: 0;
|
|
column-gap: 0;
|
|
}
|
|
.column-gap-md-1 {
|
|
-moz-column-gap: 0.25rem;
|
|
column-gap: 0.25rem;
|
|
}
|
|
.column-gap-md-2 {
|
|
-moz-column-gap: 0.5rem;
|
|
column-gap: 0.5rem;
|
|
}
|
|
.column-gap-md-3 {
|
|
-moz-column-gap: 1rem;
|
|
column-gap: 1rem;
|
|
}
|
|
.column-gap-md-4 {
|
|
-moz-column-gap: 1.5rem;
|
|
column-gap: 1.5rem;
|
|
}
|
|
.column-gap-md-5 {
|
|
-moz-column-gap: 3rem;
|
|
column-gap: 3rem;
|
|
}
|
|
.text-md-start {
|
|
text-align: start;
|
|
}
|
|
.text-md-end {
|
|
text-align: end;
|
|
}
|
|
.text-md-center {
|
|
text-align: center;
|
|
}
|
|
}
|
|
@media (width >= 1024px) {
|
|
.float-lg-start {
|
|
float: inline-start;
|
|
}
|
|
.float-lg-end {
|
|
float: inline-end;
|
|
}
|
|
.float-lg-none {
|
|
float: none;
|
|
}
|
|
.object-fit-lg-contain {
|
|
-o-object-fit: contain;
|
|
object-fit: contain;
|
|
}
|
|
.object-fit-lg-cover {
|
|
-o-object-fit: cover;
|
|
object-fit: cover;
|
|
}
|
|
.object-fit-lg-fill {
|
|
-o-object-fit: fill;
|
|
object-fit: fill;
|
|
}
|
|
.object-fit-lg-scale {
|
|
-o-object-fit: scale-down;
|
|
object-fit: scale-down;
|
|
}
|
|
.object-fit-lg-none {
|
|
-o-object-fit: none;
|
|
object-fit: none;
|
|
}
|
|
.d-lg-inline {
|
|
display: inline;
|
|
}
|
|
.d-lg-inline-block {
|
|
display: inline-block;
|
|
}
|
|
.d-lg-block {
|
|
display: block;
|
|
}
|
|
.d-lg-grid {
|
|
display: grid;
|
|
}
|
|
.d-lg-inline-grid {
|
|
display: inline-grid;
|
|
}
|
|
.d-lg-table {
|
|
display: table;
|
|
}
|
|
.d-lg-table-row {
|
|
display: table-row;
|
|
}
|
|
.d-lg-table-cell {
|
|
display: table-cell;
|
|
}
|
|
.d-lg-flex {
|
|
display: flex;
|
|
}
|
|
.d-lg-inline-flex {
|
|
display: inline-flex;
|
|
}
|
|
.d-lg-contents {
|
|
display: contents;
|
|
}
|
|
.d-lg-flow-root {
|
|
display: flow-root;
|
|
}
|
|
.d-lg-none {
|
|
display: none;
|
|
}
|
|
.flex-lg-fill {
|
|
flex: 1 1 auto;
|
|
}
|
|
.flex-lg-row {
|
|
flex-direction: row;
|
|
}
|
|
.flex-lg-column {
|
|
flex-direction: column;
|
|
}
|
|
.flex-lg-row-reverse {
|
|
flex-direction: row-reverse;
|
|
}
|
|
.flex-lg-column-reverse {
|
|
flex-direction: column-reverse;
|
|
}
|
|
.flex-lg-grow-0 {
|
|
flex-grow: 0;
|
|
}
|
|
.flex-lg-grow-1 {
|
|
flex-grow: 1;
|
|
}
|
|
.flex-lg-shrink-0 {
|
|
flex-shrink: 0;
|
|
}
|
|
.flex-lg-shrink-1 {
|
|
flex-shrink: 1;
|
|
}
|
|
.flex-lg-wrap {
|
|
flex-wrap: wrap;
|
|
}
|
|
.flex-lg-nowrap {
|
|
flex-wrap: nowrap;
|
|
}
|
|
.flex-lg-wrap-reverse {
|
|
flex-wrap: wrap-reverse;
|
|
}
|
|
.justify-content-lg-start {
|
|
justify-content: flex-start;
|
|
}
|
|
.justify-content-lg-end {
|
|
justify-content: flex-end;
|
|
}
|
|
.justify-content-lg-center {
|
|
justify-content: center;
|
|
}
|
|
.justify-content-lg-between {
|
|
justify-content: space-between;
|
|
}
|
|
.justify-content-lg-around {
|
|
justify-content: space-around;
|
|
}
|
|
.justify-content-lg-evenly {
|
|
justify-content: space-evenly;
|
|
}
|
|
.justify-items-lg-start {
|
|
justify-items: start;
|
|
}
|
|
.justify-items-lg-end {
|
|
justify-items: end;
|
|
}
|
|
.justify-items-lg-center {
|
|
justify-items: center;
|
|
}
|
|
.justify-items-lg-stretch {
|
|
justify-items: stretch;
|
|
}
|
|
.justify-self-lg-start {
|
|
justify-self: flex-start;
|
|
}
|
|
.justify-self-lg-end {
|
|
justify-self: flex-end;
|
|
}
|
|
.justify-self-lg-center {
|
|
justify-self: center;
|
|
}
|
|
.align-items-lg-start {
|
|
align-items: flex-start;
|
|
}
|
|
.align-items-lg-end {
|
|
align-items: flex-end;
|
|
}
|
|
.align-items-lg-center {
|
|
align-items: center;
|
|
}
|
|
.align-items-lg-baseline {
|
|
align-items: baseline;
|
|
}
|
|
.align-items-lg-stretch {
|
|
align-items: stretch;
|
|
}
|
|
.align-content-lg-start {
|
|
align-content: flex-start;
|
|
}
|
|
.align-content-lg-end {
|
|
align-content: flex-end;
|
|
}
|
|
.align-content-lg-center {
|
|
align-content: center;
|
|
}
|
|
.align-content-lg-between {
|
|
align-content: space-between;
|
|
}
|
|
.align-content-lg-around {
|
|
align-content: space-around;
|
|
}
|
|
.align-content-lg-stretch {
|
|
align-content: stretch;
|
|
}
|
|
.align-self-lg-auto {
|
|
align-self: auto;
|
|
}
|
|
.align-self-lg-start {
|
|
align-self: flex-start;
|
|
}
|
|
.align-self-lg-end {
|
|
align-self: flex-end;
|
|
}
|
|
.align-self-lg-center {
|
|
align-self: center;
|
|
}
|
|
.align-self-lg-baseline {
|
|
align-self: baseline;
|
|
}
|
|
.align-self-lg-stretch {
|
|
align-self: stretch;
|
|
}
|
|
.place-items-lg-start {
|
|
place-items: start;
|
|
}
|
|
.place-items-lg-end {
|
|
place-items: end;
|
|
}
|
|
.place-items-lg-center {
|
|
place-items: center;
|
|
}
|
|
.place-items-lg-stretch {
|
|
place-items: stretch;
|
|
}
|
|
.grid-cols-lg-3 {
|
|
--bs-columns: 3;
|
|
}
|
|
.grid-cols-lg-4 {
|
|
--bs-columns: 4;
|
|
}
|
|
.grid-cols-lg-6 {
|
|
--bs-columns: 6;
|
|
}
|
|
.grid-cols-lg-fill {
|
|
grid-column: 1 / -1;
|
|
}
|
|
.grid-auto-flow-lg-row {
|
|
grid-auto-flow: row;
|
|
}
|
|
.grid-auto-flow-lg-column {
|
|
grid-auto-flow: column;
|
|
}
|
|
.grid-auto-flow-lg-dense {
|
|
grid-auto-flow: dense;
|
|
}
|
|
.order-lg-first {
|
|
order: -1;
|
|
}
|
|
.order-lg-0 {
|
|
order: 0;
|
|
}
|
|
.order-lg-1 {
|
|
order: 1;
|
|
}
|
|
.order-lg-2 {
|
|
order: 2;
|
|
}
|
|
.order-lg-3 {
|
|
order: 3;
|
|
}
|
|
.order-lg-4 {
|
|
order: 4;
|
|
}
|
|
.order-lg-5 {
|
|
order: 5;
|
|
}
|
|
.order-lg-last {
|
|
order: 6;
|
|
}
|
|
.m-lg-0 {
|
|
margin: 0;
|
|
}
|
|
.m-lg-1 {
|
|
margin: 0.25rem;
|
|
}
|
|
.m-lg-2 {
|
|
margin: 0.5rem;
|
|
}
|
|
.m-lg-3 {
|
|
margin: 1rem;
|
|
}
|
|
.m-lg-4 {
|
|
margin: 1.5rem;
|
|
}
|
|
.m-lg-5 {
|
|
margin: 3rem;
|
|
}
|
|
.m-lg-auto {
|
|
margin: auto;
|
|
}
|
|
.mx-lg-0 {
|
|
margin-inline: 0;
|
|
}
|
|
.mx-lg-1 {
|
|
margin-inline: 0.25rem;
|
|
}
|
|
.mx-lg-2 {
|
|
margin-inline: 0.5rem;
|
|
}
|
|
.mx-lg-3 {
|
|
margin-inline: 1rem;
|
|
}
|
|
.mx-lg-4 {
|
|
margin-inline: 1.5rem;
|
|
}
|
|
.mx-lg-5 {
|
|
margin-inline: 3rem;
|
|
}
|
|
.mx-lg-auto {
|
|
margin-inline: auto;
|
|
}
|
|
.my-lg-0 {
|
|
margin-block: 0;
|
|
}
|
|
.my-lg-1 {
|
|
margin-block: 0.25rem;
|
|
}
|
|
.my-lg-2 {
|
|
margin-block: 0.5rem;
|
|
}
|
|
.my-lg-3 {
|
|
margin-block: 1rem;
|
|
}
|
|
.my-lg-4 {
|
|
margin-block: 1.5rem;
|
|
}
|
|
.my-lg-5 {
|
|
margin-block: 3rem;
|
|
}
|
|
.my-lg-auto {
|
|
margin-block: auto;
|
|
}
|
|
.mt-lg-0 {
|
|
margin-block-start: 0;
|
|
}
|
|
.mt-lg-1 {
|
|
margin-block-start: 0.25rem;
|
|
}
|
|
.mt-lg-2 {
|
|
margin-block-start: 0.5rem;
|
|
}
|
|
.mt-lg-3 {
|
|
margin-block-start: 1rem;
|
|
}
|
|
.mt-lg-4 {
|
|
margin-block-start: 1.5rem;
|
|
}
|
|
.mt-lg-5 {
|
|
margin-block-start: 3rem;
|
|
}
|
|
.mt-lg-auto {
|
|
margin-block-start: auto;
|
|
}
|
|
.me-lg-0 {
|
|
margin-inline-end: 0;
|
|
}
|
|
.me-lg-1 {
|
|
margin-inline-end: 0.25rem;
|
|
}
|
|
.me-lg-2 {
|
|
margin-inline-end: 0.5rem;
|
|
}
|
|
.me-lg-3 {
|
|
margin-inline-end: 1rem;
|
|
}
|
|
.me-lg-4 {
|
|
margin-inline-end: 1.5rem;
|
|
}
|
|
.me-lg-5 {
|
|
margin-inline-end: 3rem;
|
|
}
|
|
.me-lg-auto {
|
|
margin-inline-end: auto;
|
|
}
|
|
.mb-lg-0 {
|
|
margin-block-end: 0;
|
|
}
|
|
.mb-lg-1 {
|
|
margin-block-end: 0.25rem;
|
|
}
|
|
.mb-lg-2 {
|
|
margin-block-end: 0.5rem;
|
|
}
|
|
.mb-lg-3 {
|
|
margin-block-end: 1rem;
|
|
}
|
|
.mb-lg-4 {
|
|
margin-block-end: 1.5rem;
|
|
}
|
|
.mb-lg-5 {
|
|
margin-block-end: 3rem;
|
|
}
|
|
.mb-lg-auto {
|
|
margin-block-end: auto;
|
|
}
|
|
.ms-lg-0 {
|
|
margin-inline-start: 0;
|
|
}
|
|
.ms-lg-1 {
|
|
margin-inline-start: 0.25rem;
|
|
}
|
|
.ms-lg-2 {
|
|
margin-inline-start: 0.5rem;
|
|
}
|
|
.ms-lg-3 {
|
|
margin-inline-start: 1rem;
|
|
}
|
|
.ms-lg-4 {
|
|
margin-inline-start: 1.5rem;
|
|
}
|
|
.ms-lg-5 {
|
|
margin-inline-start: 3rem;
|
|
}
|
|
.ms-lg-auto {
|
|
margin-inline-start: auto;
|
|
}
|
|
.p-lg-0 {
|
|
padding: 0;
|
|
}
|
|
.p-lg-1 {
|
|
padding: 0.25rem;
|
|
}
|
|
.p-lg-2 {
|
|
padding: 0.5rem;
|
|
}
|
|
.p-lg-3 {
|
|
padding: 1rem;
|
|
}
|
|
.p-lg-4 {
|
|
padding: 1.5rem;
|
|
}
|
|
.p-lg-5 {
|
|
padding: 3rem;
|
|
}
|
|
.px-lg-0 {
|
|
padding-inline: 0;
|
|
}
|
|
.px-lg-1 {
|
|
padding-inline: 0.25rem;
|
|
}
|
|
.px-lg-2 {
|
|
padding-inline: 0.5rem;
|
|
}
|
|
.px-lg-3 {
|
|
padding-inline: 1rem;
|
|
}
|
|
.px-lg-4 {
|
|
padding-inline: 1.5rem;
|
|
}
|
|
.px-lg-5 {
|
|
padding-inline: 3rem;
|
|
}
|
|
.py-lg-0 {
|
|
padding-block: 0;
|
|
}
|
|
.py-lg-1 {
|
|
padding-block: 0.25rem;
|
|
}
|
|
.py-lg-2 {
|
|
padding-block: 0.5rem;
|
|
}
|
|
.py-lg-3 {
|
|
padding-block: 1rem;
|
|
}
|
|
.py-lg-4 {
|
|
padding-block: 1.5rem;
|
|
}
|
|
.py-lg-5 {
|
|
padding-block: 3rem;
|
|
}
|
|
.pt-lg-0 {
|
|
padding-block-start: 0;
|
|
}
|
|
.pt-lg-1 {
|
|
padding-block-start: 0.25rem;
|
|
}
|
|
.pt-lg-2 {
|
|
padding-block-start: 0.5rem;
|
|
}
|
|
.pt-lg-3 {
|
|
padding-block-start: 1rem;
|
|
}
|
|
.pt-lg-4 {
|
|
padding-block-start: 1.5rem;
|
|
}
|
|
.pt-lg-5 {
|
|
padding-block-start: 3rem;
|
|
}
|
|
.pe-lg-0 {
|
|
padding-inline-end: 0;
|
|
}
|
|
.pe-lg-1 {
|
|
padding-inline-end: 0.25rem;
|
|
}
|
|
.pe-lg-2 {
|
|
padding-inline-end: 0.5rem;
|
|
}
|
|
.pe-lg-3 {
|
|
padding-inline-end: 1rem;
|
|
}
|
|
.pe-lg-4 {
|
|
padding-inline-end: 1.5rem;
|
|
}
|
|
.pe-lg-5 {
|
|
padding-inline-end: 3rem;
|
|
}
|
|
.pb-lg-0 {
|
|
padding-block-end: 0;
|
|
}
|
|
.pb-lg-1 {
|
|
padding-block-end: 0.25rem;
|
|
}
|
|
.pb-lg-2 {
|
|
padding-block-end: 0.5rem;
|
|
}
|
|
.pb-lg-3 {
|
|
padding-block-end: 1rem;
|
|
}
|
|
.pb-lg-4 {
|
|
padding-block-end: 1.5rem;
|
|
}
|
|
.pb-lg-5 {
|
|
padding-block-end: 3rem;
|
|
}
|
|
.ps-lg-0 {
|
|
padding-inline-start: 0;
|
|
}
|
|
.ps-lg-1 {
|
|
padding-inline-start: 0.25rem;
|
|
}
|
|
.ps-lg-2 {
|
|
padding-inline-start: 0.5rem;
|
|
}
|
|
.ps-lg-3 {
|
|
padding-inline-start: 1rem;
|
|
}
|
|
.ps-lg-4 {
|
|
padding-inline-start: 1.5rem;
|
|
}
|
|
.ps-lg-5 {
|
|
padding-inline-start: 3rem;
|
|
}
|
|
.gap-lg-0 {
|
|
gap: 0;
|
|
}
|
|
.gap-lg-1 {
|
|
gap: 0.25rem;
|
|
}
|
|
.gap-lg-2 {
|
|
gap: 0.5rem;
|
|
}
|
|
.gap-lg-3 {
|
|
gap: 1rem;
|
|
}
|
|
.gap-lg-4 {
|
|
gap: 1.5rem;
|
|
}
|
|
.gap-lg-5 {
|
|
gap: 3rem;
|
|
}
|
|
.row-gap-lg-0 {
|
|
row-gap: 0;
|
|
}
|
|
.row-gap-lg-1 {
|
|
row-gap: 0.25rem;
|
|
}
|
|
.row-gap-lg-2 {
|
|
row-gap: 0.5rem;
|
|
}
|
|
.row-gap-lg-3 {
|
|
row-gap: 1rem;
|
|
}
|
|
.row-gap-lg-4 {
|
|
row-gap: 1.5rem;
|
|
}
|
|
.row-gap-lg-5 {
|
|
row-gap: 3rem;
|
|
}
|
|
.column-gap-lg-0 {
|
|
-moz-column-gap: 0;
|
|
column-gap: 0;
|
|
}
|
|
.column-gap-lg-1 {
|
|
-moz-column-gap: 0.25rem;
|
|
column-gap: 0.25rem;
|
|
}
|
|
.column-gap-lg-2 {
|
|
-moz-column-gap: 0.5rem;
|
|
column-gap: 0.5rem;
|
|
}
|
|
.column-gap-lg-3 {
|
|
-moz-column-gap: 1rem;
|
|
column-gap: 1rem;
|
|
}
|
|
.column-gap-lg-4 {
|
|
-moz-column-gap: 1.5rem;
|
|
column-gap: 1.5rem;
|
|
}
|
|
.column-gap-lg-5 {
|
|
-moz-column-gap: 3rem;
|
|
column-gap: 3rem;
|
|
}
|
|
.text-lg-start {
|
|
text-align: start;
|
|
}
|
|
.text-lg-end {
|
|
text-align: end;
|
|
}
|
|
.text-lg-center {
|
|
text-align: center;
|
|
}
|
|
}
|
|
@media (width >= 1280px) {
|
|
.float-xl-start {
|
|
float: inline-start;
|
|
}
|
|
.float-xl-end {
|
|
float: inline-end;
|
|
}
|
|
.float-xl-none {
|
|
float: none;
|
|
}
|
|
.object-fit-xl-contain {
|
|
-o-object-fit: contain;
|
|
object-fit: contain;
|
|
}
|
|
.object-fit-xl-cover {
|
|
-o-object-fit: cover;
|
|
object-fit: cover;
|
|
}
|
|
.object-fit-xl-fill {
|
|
-o-object-fit: fill;
|
|
object-fit: fill;
|
|
}
|
|
.object-fit-xl-scale {
|
|
-o-object-fit: scale-down;
|
|
object-fit: scale-down;
|
|
}
|
|
.object-fit-xl-none {
|
|
-o-object-fit: none;
|
|
object-fit: none;
|
|
}
|
|
.d-xl-inline {
|
|
display: inline;
|
|
}
|
|
.d-xl-inline-block {
|
|
display: inline-block;
|
|
}
|
|
.d-xl-block {
|
|
display: block;
|
|
}
|
|
.d-xl-grid {
|
|
display: grid;
|
|
}
|
|
.d-xl-inline-grid {
|
|
display: inline-grid;
|
|
}
|
|
.d-xl-table {
|
|
display: table;
|
|
}
|
|
.d-xl-table-row {
|
|
display: table-row;
|
|
}
|
|
.d-xl-table-cell {
|
|
display: table-cell;
|
|
}
|
|
.d-xl-flex {
|
|
display: flex;
|
|
}
|
|
.d-xl-inline-flex {
|
|
display: inline-flex;
|
|
}
|
|
.d-xl-contents {
|
|
display: contents;
|
|
}
|
|
.d-xl-flow-root {
|
|
display: flow-root;
|
|
}
|
|
.d-xl-none {
|
|
display: none;
|
|
}
|
|
.flex-xl-fill {
|
|
flex: 1 1 auto;
|
|
}
|
|
.flex-xl-row {
|
|
flex-direction: row;
|
|
}
|
|
.flex-xl-column {
|
|
flex-direction: column;
|
|
}
|
|
.flex-xl-row-reverse {
|
|
flex-direction: row-reverse;
|
|
}
|
|
.flex-xl-column-reverse {
|
|
flex-direction: column-reverse;
|
|
}
|
|
.flex-xl-grow-0 {
|
|
flex-grow: 0;
|
|
}
|
|
.flex-xl-grow-1 {
|
|
flex-grow: 1;
|
|
}
|
|
.flex-xl-shrink-0 {
|
|
flex-shrink: 0;
|
|
}
|
|
.flex-xl-shrink-1 {
|
|
flex-shrink: 1;
|
|
}
|
|
.flex-xl-wrap {
|
|
flex-wrap: wrap;
|
|
}
|
|
.flex-xl-nowrap {
|
|
flex-wrap: nowrap;
|
|
}
|
|
.flex-xl-wrap-reverse {
|
|
flex-wrap: wrap-reverse;
|
|
}
|
|
.justify-content-xl-start {
|
|
justify-content: flex-start;
|
|
}
|
|
.justify-content-xl-end {
|
|
justify-content: flex-end;
|
|
}
|
|
.justify-content-xl-center {
|
|
justify-content: center;
|
|
}
|
|
.justify-content-xl-between {
|
|
justify-content: space-between;
|
|
}
|
|
.justify-content-xl-around {
|
|
justify-content: space-around;
|
|
}
|
|
.justify-content-xl-evenly {
|
|
justify-content: space-evenly;
|
|
}
|
|
.justify-items-xl-start {
|
|
justify-items: start;
|
|
}
|
|
.justify-items-xl-end {
|
|
justify-items: end;
|
|
}
|
|
.justify-items-xl-center {
|
|
justify-items: center;
|
|
}
|
|
.justify-items-xl-stretch {
|
|
justify-items: stretch;
|
|
}
|
|
.justify-self-xl-start {
|
|
justify-self: flex-start;
|
|
}
|
|
.justify-self-xl-end {
|
|
justify-self: flex-end;
|
|
}
|
|
.justify-self-xl-center {
|
|
justify-self: center;
|
|
}
|
|
.align-items-xl-start {
|
|
align-items: flex-start;
|
|
}
|
|
.align-items-xl-end {
|
|
align-items: flex-end;
|
|
}
|
|
.align-items-xl-center {
|
|
align-items: center;
|
|
}
|
|
.align-items-xl-baseline {
|
|
align-items: baseline;
|
|
}
|
|
.align-items-xl-stretch {
|
|
align-items: stretch;
|
|
}
|
|
.align-content-xl-start {
|
|
align-content: flex-start;
|
|
}
|
|
.align-content-xl-end {
|
|
align-content: flex-end;
|
|
}
|
|
.align-content-xl-center {
|
|
align-content: center;
|
|
}
|
|
.align-content-xl-between {
|
|
align-content: space-between;
|
|
}
|
|
.align-content-xl-around {
|
|
align-content: space-around;
|
|
}
|
|
.align-content-xl-stretch {
|
|
align-content: stretch;
|
|
}
|
|
.align-self-xl-auto {
|
|
align-self: auto;
|
|
}
|
|
.align-self-xl-start {
|
|
align-self: flex-start;
|
|
}
|
|
.align-self-xl-end {
|
|
align-self: flex-end;
|
|
}
|
|
.align-self-xl-center {
|
|
align-self: center;
|
|
}
|
|
.align-self-xl-baseline {
|
|
align-self: baseline;
|
|
}
|
|
.align-self-xl-stretch {
|
|
align-self: stretch;
|
|
}
|
|
.place-items-xl-start {
|
|
place-items: start;
|
|
}
|
|
.place-items-xl-end {
|
|
place-items: end;
|
|
}
|
|
.place-items-xl-center {
|
|
place-items: center;
|
|
}
|
|
.place-items-xl-stretch {
|
|
place-items: stretch;
|
|
}
|
|
.grid-cols-xl-3 {
|
|
--bs-columns: 3;
|
|
}
|
|
.grid-cols-xl-4 {
|
|
--bs-columns: 4;
|
|
}
|
|
.grid-cols-xl-6 {
|
|
--bs-columns: 6;
|
|
}
|
|
.grid-cols-xl-fill {
|
|
grid-column: 1 / -1;
|
|
}
|
|
.grid-auto-flow-xl-row {
|
|
grid-auto-flow: row;
|
|
}
|
|
.grid-auto-flow-xl-column {
|
|
grid-auto-flow: column;
|
|
}
|
|
.grid-auto-flow-xl-dense {
|
|
grid-auto-flow: dense;
|
|
}
|
|
.order-xl-first {
|
|
order: -1;
|
|
}
|
|
.order-xl-0 {
|
|
order: 0;
|
|
}
|
|
.order-xl-1 {
|
|
order: 1;
|
|
}
|
|
.order-xl-2 {
|
|
order: 2;
|
|
}
|
|
.order-xl-3 {
|
|
order: 3;
|
|
}
|
|
.order-xl-4 {
|
|
order: 4;
|
|
}
|
|
.order-xl-5 {
|
|
order: 5;
|
|
}
|
|
.order-xl-last {
|
|
order: 6;
|
|
}
|
|
.m-xl-0 {
|
|
margin: 0;
|
|
}
|
|
.m-xl-1 {
|
|
margin: 0.25rem;
|
|
}
|
|
.m-xl-2 {
|
|
margin: 0.5rem;
|
|
}
|
|
.m-xl-3 {
|
|
margin: 1rem;
|
|
}
|
|
.m-xl-4 {
|
|
margin: 1.5rem;
|
|
}
|
|
.m-xl-5 {
|
|
margin: 3rem;
|
|
}
|
|
.m-xl-auto {
|
|
margin: auto;
|
|
}
|
|
.mx-xl-0 {
|
|
margin-inline: 0;
|
|
}
|
|
.mx-xl-1 {
|
|
margin-inline: 0.25rem;
|
|
}
|
|
.mx-xl-2 {
|
|
margin-inline: 0.5rem;
|
|
}
|
|
.mx-xl-3 {
|
|
margin-inline: 1rem;
|
|
}
|
|
.mx-xl-4 {
|
|
margin-inline: 1.5rem;
|
|
}
|
|
.mx-xl-5 {
|
|
margin-inline: 3rem;
|
|
}
|
|
.mx-xl-auto {
|
|
margin-inline: auto;
|
|
}
|
|
.my-xl-0 {
|
|
margin-block: 0;
|
|
}
|
|
.my-xl-1 {
|
|
margin-block: 0.25rem;
|
|
}
|
|
.my-xl-2 {
|
|
margin-block: 0.5rem;
|
|
}
|
|
.my-xl-3 {
|
|
margin-block: 1rem;
|
|
}
|
|
.my-xl-4 {
|
|
margin-block: 1.5rem;
|
|
}
|
|
.my-xl-5 {
|
|
margin-block: 3rem;
|
|
}
|
|
.my-xl-auto {
|
|
margin-block: auto;
|
|
}
|
|
.mt-xl-0 {
|
|
margin-block-start: 0;
|
|
}
|
|
.mt-xl-1 {
|
|
margin-block-start: 0.25rem;
|
|
}
|
|
.mt-xl-2 {
|
|
margin-block-start: 0.5rem;
|
|
}
|
|
.mt-xl-3 {
|
|
margin-block-start: 1rem;
|
|
}
|
|
.mt-xl-4 {
|
|
margin-block-start: 1.5rem;
|
|
}
|
|
.mt-xl-5 {
|
|
margin-block-start: 3rem;
|
|
}
|
|
.mt-xl-auto {
|
|
margin-block-start: auto;
|
|
}
|
|
.me-xl-0 {
|
|
margin-inline-end: 0;
|
|
}
|
|
.me-xl-1 {
|
|
margin-inline-end: 0.25rem;
|
|
}
|
|
.me-xl-2 {
|
|
margin-inline-end: 0.5rem;
|
|
}
|
|
.me-xl-3 {
|
|
margin-inline-end: 1rem;
|
|
}
|
|
.me-xl-4 {
|
|
margin-inline-end: 1.5rem;
|
|
}
|
|
.me-xl-5 {
|
|
margin-inline-end: 3rem;
|
|
}
|
|
.me-xl-auto {
|
|
margin-inline-end: auto;
|
|
}
|
|
.mb-xl-0 {
|
|
margin-block-end: 0;
|
|
}
|
|
.mb-xl-1 {
|
|
margin-block-end: 0.25rem;
|
|
}
|
|
.mb-xl-2 {
|
|
margin-block-end: 0.5rem;
|
|
}
|
|
.mb-xl-3 {
|
|
margin-block-end: 1rem;
|
|
}
|
|
.mb-xl-4 {
|
|
margin-block-end: 1.5rem;
|
|
}
|
|
.mb-xl-5 {
|
|
margin-block-end: 3rem;
|
|
}
|
|
.mb-xl-auto {
|
|
margin-block-end: auto;
|
|
}
|
|
.ms-xl-0 {
|
|
margin-inline-start: 0;
|
|
}
|
|
.ms-xl-1 {
|
|
margin-inline-start: 0.25rem;
|
|
}
|
|
.ms-xl-2 {
|
|
margin-inline-start: 0.5rem;
|
|
}
|
|
.ms-xl-3 {
|
|
margin-inline-start: 1rem;
|
|
}
|
|
.ms-xl-4 {
|
|
margin-inline-start: 1.5rem;
|
|
}
|
|
.ms-xl-5 {
|
|
margin-inline-start: 3rem;
|
|
}
|
|
.ms-xl-auto {
|
|
margin-inline-start: auto;
|
|
}
|
|
.p-xl-0 {
|
|
padding: 0;
|
|
}
|
|
.p-xl-1 {
|
|
padding: 0.25rem;
|
|
}
|
|
.p-xl-2 {
|
|
padding: 0.5rem;
|
|
}
|
|
.p-xl-3 {
|
|
padding: 1rem;
|
|
}
|
|
.p-xl-4 {
|
|
padding: 1.5rem;
|
|
}
|
|
.p-xl-5 {
|
|
padding: 3rem;
|
|
}
|
|
.px-xl-0 {
|
|
padding-inline: 0;
|
|
}
|
|
.px-xl-1 {
|
|
padding-inline: 0.25rem;
|
|
}
|
|
.px-xl-2 {
|
|
padding-inline: 0.5rem;
|
|
}
|
|
.px-xl-3 {
|
|
padding-inline: 1rem;
|
|
}
|
|
.px-xl-4 {
|
|
padding-inline: 1.5rem;
|
|
}
|
|
.px-xl-5 {
|
|
padding-inline: 3rem;
|
|
}
|
|
.py-xl-0 {
|
|
padding-block: 0;
|
|
}
|
|
.py-xl-1 {
|
|
padding-block: 0.25rem;
|
|
}
|
|
.py-xl-2 {
|
|
padding-block: 0.5rem;
|
|
}
|
|
.py-xl-3 {
|
|
padding-block: 1rem;
|
|
}
|
|
.py-xl-4 {
|
|
padding-block: 1.5rem;
|
|
}
|
|
.py-xl-5 {
|
|
padding-block: 3rem;
|
|
}
|
|
.pt-xl-0 {
|
|
padding-block-start: 0;
|
|
}
|
|
.pt-xl-1 {
|
|
padding-block-start: 0.25rem;
|
|
}
|
|
.pt-xl-2 {
|
|
padding-block-start: 0.5rem;
|
|
}
|
|
.pt-xl-3 {
|
|
padding-block-start: 1rem;
|
|
}
|
|
.pt-xl-4 {
|
|
padding-block-start: 1.5rem;
|
|
}
|
|
.pt-xl-5 {
|
|
padding-block-start: 3rem;
|
|
}
|
|
.pe-xl-0 {
|
|
padding-inline-end: 0;
|
|
}
|
|
.pe-xl-1 {
|
|
padding-inline-end: 0.25rem;
|
|
}
|
|
.pe-xl-2 {
|
|
padding-inline-end: 0.5rem;
|
|
}
|
|
.pe-xl-3 {
|
|
padding-inline-end: 1rem;
|
|
}
|
|
.pe-xl-4 {
|
|
padding-inline-end: 1.5rem;
|
|
}
|
|
.pe-xl-5 {
|
|
padding-inline-end: 3rem;
|
|
}
|
|
.pb-xl-0 {
|
|
padding-block-end: 0;
|
|
}
|
|
.pb-xl-1 {
|
|
padding-block-end: 0.25rem;
|
|
}
|
|
.pb-xl-2 {
|
|
padding-block-end: 0.5rem;
|
|
}
|
|
.pb-xl-3 {
|
|
padding-block-end: 1rem;
|
|
}
|
|
.pb-xl-4 {
|
|
padding-block-end: 1.5rem;
|
|
}
|
|
.pb-xl-5 {
|
|
padding-block-end: 3rem;
|
|
}
|
|
.ps-xl-0 {
|
|
padding-inline-start: 0;
|
|
}
|
|
.ps-xl-1 {
|
|
padding-inline-start: 0.25rem;
|
|
}
|
|
.ps-xl-2 {
|
|
padding-inline-start: 0.5rem;
|
|
}
|
|
.ps-xl-3 {
|
|
padding-inline-start: 1rem;
|
|
}
|
|
.ps-xl-4 {
|
|
padding-inline-start: 1.5rem;
|
|
}
|
|
.ps-xl-5 {
|
|
padding-inline-start: 3rem;
|
|
}
|
|
.gap-xl-0 {
|
|
gap: 0;
|
|
}
|
|
.gap-xl-1 {
|
|
gap: 0.25rem;
|
|
}
|
|
.gap-xl-2 {
|
|
gap: 0.5rem;
|
|
}
|
|
.gap-xl-3 {
|
|
gap: 1rem;
|
|
}
|
|
.gap-xl-4 {
|
|
gap: 1.5rem;
|
|
}
|
|
.gap-xl-5 {
|
|
gap: 3rem;
|
|
}
|
|
.row-gap-xl-0 {
|
|
row-gap: 0;
|
|
}
|
|
.row-gap-xl-1 {
|
|
row-gap: 0.25rem;
|
|
}
|
|
.row-gap-xl-2 {
|
|
row-gap: 0.5rem;
|
|
}
|
|
.row-gap-xl-3 {
|
|
row-gap: 1rem;
|
|
}
|
|
.row-gap-xl-4 {
|
|
row-gap: 1.5rem;
|
|
}
|
|
.row-gap-xl-5 {
|
|
row-gap: 3rem;
|
|
}
|
|
.column-gap-xl-0 {
|
|
-moz-column-gap: 0;
|
|
column-gap: 0;
|
|
}
|
|
.column-gap-xl-1 {
|
|
-moz-column-gap: 0.25rem;
|
|
column-gap: 0.25rem;
|
|
}
|
|
.column-gap-xl-2 {
|
|
-moz-column-gap: 0.5rem;
|
|
column-gap: 0.5rem;
|
|
}
|
|
.column-gap-xl-3 {
|
|
-moz-column-gap: 1rem;
|
|
column-gap: 1rem;
|
|
}
|
|
.column-gap-xl-4 {
|
|
-moz-column-gap: 1.5rem;
|
|
column-gap: 1.5rem;
|
|
}
|
|
.column-gap-xl-5 {
|
|
-moz-column-gap: 3rem;
|
|
column-gap: 3rem;
|
|
}
|
|
.text-xl-start {
|
|
text-align: start;
|
|
}
|
|
.text-xl-end {
|
|
text-align: end;
|
|
}
|
|
.text-xl-center {
|
|
text-align: center;
|
|
}
|
|
}
|
|
@media (width >= 1536px) {
|
|
.float-2xl-start {
|
|
float: inline-start;
|
|
}
|
|
.float-2xl-end {
|
|
float: inline-end;
|
|
}
|
|
.float-2xl-none {
|
|
float: none;
|
|
}
|
|
.object-fit-2xl-contain {
|
|
-o-object-fit: contain;
|
|
object-fit: contain;
|
|
}
|
|
.object-fit-2xl-cover {
|
|
-o-object-fit: cover;
|
|
object-fit: cover;
|
|
}
|
|
.object-fit-2xl-fill {
|
|
-o-object-fit: fill;
|
|
object-fit: fill;
|
|
}
|
|
.object-fit-2xl-scale {
|
|
-o-object-fit: scale-down;
|
|
object-fit: scale-down;
|
|
}
|
|
.object-fit-2xl-none {
|
|
-o-object-fit: none;
|
|
object-fit: none;
|
|
}
|
|
.d-2xl-inline {
|
|
display: inline;
|
|
}
|
|
.d-2xl-inline-block {
|
|
display: inline-block;
|
|
}
|
|
.d-2xl-block {
|
|
display: block;
|
|
}
|
|
.d-2xl-grid {
|
|
display: grid;
|
|
}
|
|
.d-2xl-inline-grid {
|
|
display: inline-grid;
|
|
}
|
|
.d-2xl-table {
|
|
display: table;
|
|
}
|
|
.d-2xl-table-row {
|
|
display: table-row;
|
|
}
|
|
.d-2xl-table-cell {
|
|
display: table-cell;
|
|
}
|
|
.d-2xl-flex {
|
|
display: flex;
|
|
}
|
|
.d-2xl-inline-flex {
|
|
display: inline-flex;
|
|
}
|
|
.d-2xl-contents {
|
|
display: contents;
|
|
}
|
|
.d-2xl-flow-root {
|
|
display: flow-root;
|
|
}
|
|
.d-2xl-none {
|
|
display: none;
|
|
}
|
|
.flex-2xl-fill {
|
|
flex: 1 1 auto;
|
|
}
|
|
.flex-2xl-row {
|
|
flex-direction: row;
|
|
}
|
|
.flex-2xl-column {
|
|
flex-direction: column;
|
|
}
|
|
.flex-2xl-row-reverse {
|
|
flex-direction: row-reverse;
|
|
}
|
|
.flex-2xl-column-reverse {
|
|
flex-direction: column-reverse;
|
|
}
|
|
.flex-2xl-grow-0 {
|
|
flex-grow: 0;
|
|
}
|
|
.flex-2xl-grow-1 {
|
|
flex-grow: 1;
|
|
}
|
|
.flex-2xl-shrink-0 {
|
|
flex-shrink: 0;
|
|
}
|
|
.flex-2xl-shrink-1 {
|
|
flex-shrink: 1;
|
|
}
|
|
.flex-2xl-wrap {
|
|
flex-wrap: wrap;
|
|
}
|
|
.flex-2xl-nowrap {
|
|
flex-wrap: nowrap;
|
|
}
|
|
.flex-2xl-wrap-reverse {
|
|
flex-wrap: wrap-reverse;
|
|
}
|
|
.justify-content-2xl-start {
|
|
justify-content: flex-start;
|
|
}
|
|
.justify-content-2xl-end {
|
|
justify-content: flex-end;
|
|
}
|
|
.justify-content-2xl-center {
|
|
justify-content: center;
|
|
}
|
|
.justify-content-2xl-between {
|
|
justify-content: space-between;
|
|
}
|
|
.justify-content-2xl-around {
|
|
justify-content: space-around;
|
|
}
|
|
.justify-content-2xl-evenly {
|
|
justify-content: space-evenly;
|
|
}
|
|
.justify-items-2xl-start {
|
|
justify-items: start;
|
|
}
|
|
.justify-items-2xl-end {
|
|
justify-items: end;
|
|
}
|
|
.justify-items-2xl-center {
|
|
justify-items: center;
|
|
}
|
|
.justify-items-2xl-stretch {
|
|
justify-items: stretch;
|
|
}
|
|
.justify-self-2xl-start {
|
|
justify-self: flex-start;
|
|
}
|
|
.justify-self-2xl-end {
|
|
justify-self: flex-end;
|
|
}
|
|
.justify-self-2xl-center {
|
|
justify-self: center;
|
|
}
|
|
.align-items-2xl-start {
|
|
align-items: flex-start;
|
|
}
|
|
.align-items-2xl-end {
|
|
align-items: flex-end;
|
|
}
|
|
.align-items-2xl-center {
|
|
align-items: center;
|
|
}
|
|
.align-items-2xl-baseline {
|
|
align-items: baseline;
|
|
}
|
|
.align-items-2xl-stretch {
|
|
align-items: stretch;
|
|
}
|
|
.align-content-2xl-start {
|
|
align-content: flex-start;
|
|
}
|
|
.align-content-2xl-end {
|
|
align-content: flex-end;
|
|
}
|
|
.align-content-2xl-center {
|
|
align-content: center;
|
|
}
|
|
.align-content-2xl-between {
|
|
align-content: space-between;
|
|
}
|
|
.align-content-2xl-around {
|
|
align-content: space-around;
|
|
}
|
|
.align-content-2xl-stretch {
|
|
align-content: stretch;
|
|
}
|
|
.align-self-2xl-auto {
|
|
align-self: auto;
|
|
}
|
|
.align-self-2xl-start {
|
|
align-self: flex-start;
|
|
}
|
|
.align-self-2xl-end {
|
|
align-self: flex-end;
|
|
}
|
|
.align-self-2xl-center {
|
|
align-self: center;
|
|
}
|
|
.align-self-2xl-baseline {
|
|
align-self: baseline;
|
|
}
|
|
.align-self-2xl-stretch {
|
|
align-self: stretch;
|
|
}
|
|
.place-items-2xl-start {
|
|
place-items: start;
|
|
}
|
|
.place-items-2xl-end {
|
|
place-items: end;
|
|
}
|
|
.place-items-2xl-center {
|
|
place-items: center;
|
|
}
|
|
.place-items-2xl-stretch {
|
|
place-items: stretch;
|
|
}
|
|
.grid-cols-2xl-3 {
|
|
--bs-columns: 3;
|
|
}
|
|
.grid-cols-2xl-4 {
|
|
--bs-columns: 4;
|
|
}
|
|
.grid-cols-2xl-6 {
|
|
--bs-columns: 6;
|
|
}
|
|
.grid-cols-2xl-fill {
|
|
grid-column: 1 / -1;
|
|
}
|
|
.grid-auto-flow-2xl-row {
|
|
grid-auto-flow: row;
|
|
}
|
|
.grid-auto-flow-2xl-column {
|
|
grid-auto-flow: column;
|
|
}
|
|
.grid-auto-flow-2xl-dense {
|
|
grid-auto-flow: dense;
|
|
}
|
|
.order-2xl-first {
|
|
order: -1;
|
|
}
|
|
.order-2xl-0 {
|
|
order: 0;
|
|
}
|
|
.order-2xl-1 {
|
|
order: 1;
|
|
}
|
|
.order-2xl-2 {
|
|
order: 2;
|
|
}
|
|
.order-2xl-3 {
|
|
order: 3;
|
|
}
|
|
.order-2xl-4 {
|
|
order: 4;
|
|
}
|
|
.order-2xl-5 {
|
|
order: 5;
|
|
}
|
|
.order-2xl-last {
|
|
order: 6;
|
|
}
|
|
.m-2xl-0 {
|
|
margin: 0;
|
|
}
|
|
.m-2xl-1 {
|
|
margin: 0.25rem;
|
|
}
|
|
.m-2xl-2 {
|
|
margin: 0.5rem;
|
|
}
|
|
.m-2xl-3 {
|
|
margin: 1rem;
|
|
}
|
|
.m-2xl-4 {
|
|
margin: 1.5rem;
|
|
}
|
|
.m-2xl-5 {
|
|
margin: 3rem;
|
|
}
|
|
.m-2xl-auto {
|
|
margin: auto;
|
|
}
|
|
.mx-2xl-0 {
|
|
margin-inline: 0;
|
|
}
|
|
.mx-2xl-1 {
|
|
margin-inline: 0.25rem;
|
|
}
|
|
.mx-2xl-2 {
|
|
margin-inline: 0.5rem;
|
|
}
|
|
.mx-2xl-3 {
|
|
margin-inline: 1rem;
|
|
}
|
|
.mx-2xl-4 {
|
|
margin-inline: 1.5rem;
|
|
}
|
|
.mx-2xl-5 {
|
|
margin-inline: 3rem;
|
|
}
|
|
.mx-2xl-auto {
|
|
margin-inline: auto;
|
|
}
|
|
.my-2xl-0 {
|
|
margin-block: 0;
|
|
}
|
|
.my-2xl-1 {
|
|
margin-block: 0.25rem;
|
|
}
|
|
.my-2xl-2 {
|
|
margin-block: 0.5rem;
|
|
}
|
|
.my-2xl-3 {
|
|
margin-block: 1rem;
|
|
}
|
|
.my-2xl-4 {
|
|
margin-block: 1.5rem;
|
|
}
|
|
.my-2xl-5 {
|
|
margin-block: 3rem;
|
|
}
|
|
.my-2xl-auto {
|
|
margin-block: auto;
|
|
}
|
|
.mt-2xl-0 {
|
|
margin-block-start: 0;
|
|
}
|
|
.mt-2xl-1 {
|
|
margin-block-start: 0.25rem;
|
|
}
|
|
.mt-2xl-2 {
|
|
margin-block-start: 0.5rem;
|
|
}
|
|
.mt-2xl-3 {
|
|
margin-block-start: 1rem;
|
|
}
|
|
.mt-2xl-4 {
|
|
margin-block-start: 1.5rem;
|
|
}
|
|
.mt-2xl-5 {
|
|
margin-block-start: 3rem;
|
|
}
|
|
.mt-2xl-auto {
|
|
margin-block-start: auto;
|
|
}
|
|
.me-2xl-0 {
|
|
margin-inline-end: 0;
|
|
}
|
|
.me-2xl-1 {
|
|
margin-inline-end: 0.25rem;
|
|
}
|
|
.me-2xl-2 {
|
|
margin-inline-end: 0.5rem;
|
|
}
|
|
.me-2xl-3 {
|
|
margin-inline-end: 1rem;
|
|
}
|
|
.me-2xl-4 {
|
|
margin-inline-end: 1.5rem;
|
|
}
|
|
.me-2xl-5 {
|
|
margin-inline-end: 3rem;
|
|
}
|
|
.me-2xl-auto {
|
|
margin-inline-end: auto;
|
|
}
|
|
.mb-2xl-0 {
|
|
margin-block-end: 0;
|
|
}
|
|
.mb-2xl-1 {
|
|
margin-block-end: 0.25rem;
|
|
}
|
|
.mb-2xl-2 {
|
|
margin-block-end: 0.5rem;
|
|
}
|
|
.mb-2xl-3 {
|
|
margin-block-end: 1rem;
|
|
}
|
|
.mb-2xl-4 {
|
|
margin-block-end: 1.5rem;
|
|
}
|
|
.mb-2xl-5 {
|
|
margin-block-end: 3rem;
|
|
}
|
|
.mb-2xl-auto {
|
|
margin-block-end: auto;
|
|
}
|
|
.ms-2xl-0 {
|
|
margin-inline-start: 0;
|
|
}
|
|
.ms-2xl-1 {
|
|
margin-inline-start: 0.25rem;
|
|
}
|
|
.ms-2xl-2 {
|
|
margin-inline-start: 0.5rem;
|
|
}
|
|
.ms-2xl-3 {
|
|
margin-inline-start: 1rem;
|
|
}
|
|
.ms-2xl-4 {
|
|
margin-inline-start: 1.5rem;
|
|
}
|
|
.ms-2xl-5 {
|
|
margin-inline-start: 3rem;
|
|
}
|
|
.ms-2xl-auto {
|
|
margin-inline-start: auto;
|
|
}
|
|
.p-2xl-0 {
|
|
padding: 0;
|
|
}
|
|
.p-2xl-1 {
|
|
padding: 0.25rem;
|
|
}
|
|
.p-2xl-2 {
|
|
padding: 0.5rem;
|
|
}
|
|
.p-2xl-3 {
|
|
padding: 1rem;
|
|
}
|
|
.p-2xl-4 {
|
|
padding: 1.5rem;
|
|
}
|
|
.p-2xl-5 {
|
|
padding: 3rem;
|
|
}
|
|
.px-2xl-0 {
|
|
padding-inline: 0;
|
|
}
|
|
.px-2xl-1 {
|
|
padding-inline: 0.25rem;
|
|
}
|
|
.px-2xl-2 {
|
|
padding-inline: 0.5rem;
|
|
}
|
|
.px-2xl-3 {
|
|
padding-inline: 1rem;
|
|
}
|
|
.px-2xl-4 {
|
|
padding-inline: 1.5rem;
|
|
}
|
|
.px-2xl-5 {
|
|
padding-inline: 3rem;
|
|
}
|
|
.py-2xl-0 {
|
|
padding-block: 0;
|
|
}
|
|
.py-2xl-1 {
|
|
padding-block: 0.25rem;
|
|
}
|
|
.py-2xl-2 {
|
|
padding-block: 0.5rem;
|
|
}
|
|
.py-2xl-3 {
|
|
padding-block: 1rem;
|
|
}
|
|
.py-2xl-4 {
|
|
padding-block: 1.5rem;
|
|
}
|
|
.py-2xl-5 {
|
|
padding-block: 3rem;
|
|
}
|
|
.pt-2xl-0 {
|
|
padding-block-start: 0;
|
|
}
|
|
.pt-2xl-1 {
|
|
padding-block-start: 0.25rem;
|
|
}
|
|
.pt-2xl-2 {
|
|
padding-block-start: 0.5rem;
|
|
}
|
|
.pt-2xl-3 {
|
|
padding-block-start: 1rem;
|
|
}
|
|
.pt-2xl-4 {
|
|
padding-block-start: 1.5rem;
|
|
}
|
|
.pt-2xl-5 {
|
|
padding-block-start: 3rem;
|
|
}
|
|
.pe-2xl-0 {
|
|
padding-inline-end: 0;
|
|
}
|
|
.pe-2xl-1 {
|
|
padding-inline-end: 0.25rem;
|
|
}
|
|
.pe-2xl-2 {
|
|
padding-inline-end: 0.5rem;
|
|
}
|
|
.pe-2xl-3 {
|
|
padding-inline-end: 1rem;
|
|
}
|
|
.pe-2xl-4 {
|
|
padding-inline-end: 1.5rem;
|
|
}
|
|
.pe-2xl-5 {
|
|
padding-inline-end: 3rem;
|
|
}
|
|
.pb-2xl-0 {
|
|
padding-block-end: 0;
|
|
}
|
|
.pb-2xl-1 {
|
|
padding-block-end: 0.25rem;
|
|
}
|
|
.pb-2xl-2 {
|
|
padding-block-end: 0.5rem;
|
|
}
|
|
.pb-2xl-3 {
|
|
padding-block-end: 1rem;
|
|
}
|
|
.pb-2xl-4 {
|
|
padding-block-end: 1.5rem;
|
|
}
|
|
.pb-2xl-5 {
|
|
padding-block-end: 3rem;
|
|
}
|
|
.ps-2xl-0 {
|
|
padding-inline-start: 0;
|
|
}
|
|
.ps-2xl-1 {
|
|
padding-inline-start: 0.25rem;
|
|
}
|
|
.ps-2xl-2 {
|
|
padding-inline-start: 0.5rem;
|
|
}
|
|
.ps-2xl-3 {
|
|
padding-inline-start: 1rem;
|
|
}
|
|
.ps-2xl-4 {
|
|
padding-inline-start: 1.5rem;
|
|
}
|
|
.ps-2xl-5 {
|
|
padding-inline-start: 3rem;
|
|
}
|
|
.gap-2xl-0 {
|
|
gap: 0;
|
|
}
|
|
.gap-2xl-1 {
|
|
gap: 0.25rem;
|
|
}
|
|
.gap-2xl-2 {
|
|
gap: 0.5rem;
|
|
}
|
|
.gap-2xl-3 {
|
|
gap: 1rem;
|
|
}
|
|
.gap-2xl-4 {
|
|
gap: 1.5rem;
|
|
}
|
|
.gap-2xl-5 {
|
|
gap: 3rem;
|
|
}
|
|
.row-gap-2xl-0 {
|
|
row-gap: 0;
|
|
}
|
|
.row-gap-2xl-1 {
|
|
row-gap: 0.25rem;
|
|
}
|
|
.row-gap-2xl-2 {
|
|
row-gap: 0.5rem;
|
|
}
|
|
.row-gap-2xl-3 {
|
|
row-gap: 1rem;
|
|
}
|
|
.row-gap-2xl-4 {
|
|
row-gap: 1.5rem;
|
|
}
|
|
.row-gap-2xl-5 {
|
|
row-gap: 3rem;
|
|
}
|
|
.column-gap-2xl-0 {
|
|
-moz-column-gap: 0;
|
|
column-gap: 0;
|
|
}
|
|
.column-gap-2xl-1 {
|
|
-moz-column-gap: 0.25rem;
|
|
column-gap: 0.25rem;
|
|
}
|
|
.column-gap-2xl-2 {
|
|
-moz-column-gap: 0.5rem;
|
|
column-gap: 0.5rem;
|
|
}
|
|
.column-gap-2xl-3 {
|
|
-moz-column-gap: 1rem;
|
|
column-gap: 1rem;
|
|
}
|
|
.column-gap-2xl-4 {
|
|
-moz-column-gap: 1.5rem;
|
|
column-gap: 1.5rem;
|
|
}
|
|
.column-gap-2xl-5 {
|
|
-moz-column-gap: 3rem;
|
|
column-gap: 3rem;
|
|
}
|
|
.text-2xl-start {
|
|
text-align: start;
|
|
}
|
|
.text-2xl-end {
|
|
text-align: end;
|
|
}
|
|
.text-2xl-center {
|
|
text-align: center;
|
|
}
|
|
}
|
|
}
|
|
|
|
/*# sourceMappingURL=bootstrap.css.map */ |