@charset "UTF-8"; /*! FastBootstrap v2.1 (https://fastbootstrap.com) */ :root, :host { --bs-border-color-rgb: 9, 30, 66; --bs-border-opacity: 0.14; --bs-form-valid-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath d='M12 20a8 8 0 110-16 8 8 0 010 16zm1.364-10.964l-2.152 4.11-1.543-1.39a1 1 0 10-1.338 1.487l2.5 2.25a1 1 0 001.555-.279l2.75-5.25a1 1 0 00-1.772-.928z' fill='%23216e4e'%3e%3c/path%3e%3c/svg%3e"); --bs-form-invalid-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cg%3e%3cpath d='M13.416 4.417a2.002 2.002 0 00-2.832 0l-6.168 6.167a2.002 2.002 0 000 2.833l6.168 6.167a2.002 2.002 0 002.832 0l6.168-6.167a2.002 2.002 0 000-2.833l-6.168-6.167z' fill='%23ae2a19'%3e%3c/path%3e%3cpath d='M12 14a1 1 0 01-1-1V8a1 1 0 012 0v5a1 1 0 01-1 1m0 3a1 1 0 010-2 1 1 0 010 2' fill='%23ffffff'%3e%3c/path%3e%3c/g%3e%3c/svg%3e"); --bs-box-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); --bs-primary-border-subtle-rgb: 87, 157, 255; --bs-secondary-border-subtle-rgb: 133, 144, 162; --bs-success-border-subtle-rgb: 75, 206, 151; --bs-info-border-subtle-rgb: 87, 157, 255; --bs-warning-border-subtle-rgb: 226, 178, 3; --bs-danger-border-subtle-rgb: 248, 116, 98; --bs-light-border-subtle-rgb: 241, 242, 244; --bs-dark-border-subtle-rgb: 68, 84, 111; --bs-discovery-border-subtle-rgb: 159, 143, 239; --ds-text: #172b4d; --ds-text-accent-lime: #4c6b1f; --ds-text-accent-lime-bolder: #37471f; --ds-text-accent-red: #ae2a19; --ds-text-accent-red-bolder: #601e16; --ds-text-accent-orange: #974f0c; --ds-text-accent-orange-bolder: #5f3811; --ds-text-accent-yellow: #7f5f01; --ds-text-accent-yellow-bolder: #533f04; --ds-text-accent-green: #216e4e; --ds-text-accent-green-bolder: #164b35; --ds-text-accent-teal: #206b74; --ds-text-accent-teal-bolder: #1d474c; --ds-text-accent-blue: #0055cc; --ds-text-accent-blue-bolder: #09326c; --ds-text-accent-purple: #5e4db2; --ds-text-accent-purple-bolder: #352c63; --ds-text-accent-magenta: #943d73; --ds-text-accent-magenta-bolder: #50253f; --ds-text-accent-gray: #44546f; --ds-text-accent-gray-bolder: #091e42; --ds-text-disabled: rgba(9, 30, 66, 0.31); --ds-text-inverse: #ffffff; --ds-text-selected: #3c139b; --ds-text-brand: #3c139b; --ds-text-danger: #ae2a19; --ds-text-warning: #974f0c; --ds-text-warning-inverse: #172b4d; --ds-text-success: #216e4e; --ds-text-discovery: #5e4db2; --ds-text-information: #0055cc; --ds-text-subtlest: #626f86; --ds-text-subtle: #44546f; --ds-link: #0c66e4; --ds-link-pressed: #0055cc; --ds-link-visited: #5e4db2; --ds-background-accent-lime-subtlest: #eefbda; --ds-background-accent-lime-subtlest-hovered: #d3f1a7; --ds-background-accent-lime-subtlest-pressed: #b3df72; --ds-background-accent-lime-subtler: #d3f1a7; --ds-background-accent-lime-subtler-hovered: #b3df72; --ds-background-accent-lime-subtler-pressed: #94c748; --ds-background-accent-lime-subtle: #94c748; --ds-background-accent-lime-subtle-hovered: #b3df72; --ds-background-accent-lime-subtle-pressed: #d3f1a7; --ds-background-accent-lime-bolder: #5b7f24; --ds-background-accent-lime-bolder-hovered: #4c6b1f; --ds-background-accent-lime-bolder-pressed: #37471f; --ds-ackground-accent-red-subtlest: #ffedeb; --ds-background-accent-red-subtlest-hovered: #ffd2cc; --ds-background-accent-red-subtlest-pressed: #ff9c8f; --ds-background-accent-red-subtler: #ffd2cc; --ds-background-accent-red-subtler-hovered: #ff9c8f; --ds-background-accent-red-subtler-pressed: #f87462; --ds-background-accent-red-subtle: #f87462; --ds-background-accent-red-subtle-hovered: #ff9c8f; --ds-background-accent-red-subtle-pressed: #ffd2cc; --ds-background-accent-red-bolder: #ca3521; --ds-background-accent-red-bolder-hovered: #ae2a19; --ds-background-accent-red-bolder-pressed: #601e16; --ds-background-accent-orange-subtlest: #fff4e5; --ds-background-accent-orange-subtlest-hovered: #ffe2bd; --ds-background-accent-orange-subtlest-pressed: #fec57b; --ds-background-accent-orange-subtler: #ffe2bd; --ds-background-accent-orange-subtler-hovered: #fec57b; --ds-background-accent-orange-subtler-pressed: #faa53d; --ds-background-accent-orange-subtle: #faa53d; --ds-background-accent-orange-subtle-hovered: #fec57b; --ds-background-accent-orange-subtle-pressed: #ffe2bd; --ds-background-accent-orange-bolder: #b65c02; --ds-background-accent-orange-bolder-hovered: #974f0c; --ds-background-accent-orange-bolder-pressed: #5f3811; --ds-background-accent-yellow-subtlest: #fff7d6; --ds-background-accent-yellow-subtlest-hovered: #f8e6a0; --ds-background-accent-yellow-subtlest-pressed: #f5cd47; --ds-background-accent-yellow-subtler: #f8e6a0; --ds-background-accent-yellow-subtler-hovered: #f5cd47; --ds-background-accent-yellow-subtler-pressed: #e2b203; --ds-background-accent-yellow-subtle: #e2b203; --ds-background-accent-yellow-subtle-hovered: #f5cd47; --ds-background-accent-yellow-subtle-pressed: #f8e6a0; --ds-background-accent-yellow-bolder: #946f00; --ds-background-accent-yellow-bolder-hovered: #7f5f01; --ds-background-accent-yellow-bolder-pressed: #533f04; --ds-background-accent-green-subtlest: #dffcf0; --ds-background-accent-green-subtlest-hovered: #baf3db; --ds-background-accent-green-subtlest-pressed: #7ee2b8; --ds-background-accent-green-subtler: #baf3db; --ds-background-accent-green-subtler-hovered: #7ee2b8; --ds-background-accent-green-subtler-pressed: #4bce97; --ds-background-accent-green-subtle: #4bce97; --ds-background-accent-green-subtle-hovered: #7ee2b8; --ds-background-accent-green-subtle-pressed: #baf3db; --ds-background-accent-green-bolder: #1f845a; --ds-background-accent-green-bolder-hovered: #216e4e; --ds-background-accent-green-bolder-pressed: #164b35; --ds-background-accent-teal-subtlest: #e3fafc; --ds-background-accent-teal-subtlest-hovered: #c1f0f5; --ds-background-accent-teal-subtlest-pressed: #8bdbe5; --ds-background-accent-teal-subtler: #c1f0f5; --ds-background-accent-teal-subtler-hovered: #8bdbe5; --ds-background-accent-teal-subtler-pressed: #60c6d2; --ds-background-accent-teal-subtle: #60c6d2; --ds-background-accent-teal-subtle-hovered: #8bdbe5; --ds-background-accent-teal-subtle-pressed: #c1f0f5; --ds-background-accent-teal-bolder: #1d7f8c; --ds-background-accent-teal-bolder-hovered: #206b74; --ds-background-accent-teal-bolder-pressed: #1d474c; --ds-background-accent-blue-subtlest: #e9f2ff; --ds-background-accent-blue-subtlest-hovered: #cce0ff; --ds-background-accent-blue-subtlest-pressed: #85b8ff; --ds-background-accent-blue-subtler: #cce0ff; --ds-background-accent-blue-subtler-hovered: #85b8ff; --ds-background-accent-blue-subtler-pressed: #579dff; --ds-background-accent-blue-subtle: #579dff; --ds-background-accent-blue-subtle-hovered: #85b8ff; --ds-background-accent-blue-subtle-pressed: #cce0ff; --ds-background-accent-blue-bolder: #0c66e4; --ds-background-accent-blue-bolder-hovered: #0055cc; --ds-background-accent-blue-bolder-pressed: #09326c; --ds-background-accent-purple-subtlest: #f3f0ff; --ds-background-accent-purple-subtlest-hovered: #dfd8fd; --ds-background-accent-purple-subtlest-pressed: #b8acf6; --ds-background-accent-purple-subtler: #dfd8fd; --ds-background-accent-purple-subtler-hovered: #b8acf6; --ds-background-accent-purple-subtler-pressed: #9f8fef; --ds-background-accent-purple-subtle: #9f8fef; --ds-background-accent-purple-subtle-hovered: #b8acf6; --ds-background-accent-purple-subtle-pressed: #dfd8fd; --ds-background-accent-purple-bolder: #6e5dc6; --ds-background-accent-purple-bolder-hovered: #5e4db2; --ds-background-accent-purple-bolder-pressed: #352c63; --ds-background-accent-magenta-subtlest: #ffecf8; --ds-background-accent-magenta-subtlest-hovered: #fdd0ec; --ds-background-accent-magenta-subtlest-pressed: #f797d2; --ds-background-accent-magenta-subtler: #fdd0ec; --ds-background-accent-magenta-subtler-hovered: #f797d2; --ds-background-accent-magenta-subtler-pressed: #e774bb; --ds-background-accent-magenta-subtle: #e774bb; --ds-background-accent-magenta-subtle-hovered: #f797d2; --ds-background-accent-magenta-subtle-pressed: #fdd0ec; --ds-background-accent-magenta-bolder: #ae4787; --ds-background-accent-magenta-bolder-hovered: #943d73; --ds-background-accent-magenta-bolder-pressed: #50253f; --ds-background-accent-gray-subtlest: #f1f2f4; --ds-background-accent-gray-subtlest-hovered: #dcdfe4; --ds-background-accent-gray-subtlest-pressed: #b3b9c4; --ds-background-accent-gray-subtler: #dcdfe4; --ds-background-accent-gray-subtler-hovered: #b3b9c4; --ds-background-accent-gray-subtler-pressed: #8590a2; --ds-background-accent-gray-subtle: #8590a2; --ds-background-accent-gray-subtle-hovered: #b3b9c4; --ds-background-accent-gray-subtle-pressed: #dcdfe4; --ds-background-accent-gray-bolder: #626f86; --ds-background-accent-gray-bolder-hovered: #44546f; --ds-background-accent-gray-bolder-pressed: #2c3e5d; --ds-background-disabled: rgba(9, 30, 66, 0.03); --ds-background-input: #ffffff; --ds-background-input-hovered: #f7f8f9; --ds-background-input-pressed: #ffffff; --ds-background-inverse-subtle: rgba(0, 0, 0, 0.1607843137); --ds-background-inverse-subtle-hovered: rgba(0, 0, 0, 0.2392156863); --ds-background-inverse-subtle-pressed: rgba(0, 0, 0, 0.3215686275); --ds-background-neutral: rgba(9, 30, 66, 0.06); --ds-background-neutral-hovered: rgba(9, 30, 66, 0.14); --ds-background-neutral-pressed: rgba(9, 30, 66, 0.31); --ds-background-neutral-subtle: transparent; --ds-background-neutral-subtle-hovered: rgba(9, 30, 66, 0.06); --ds-background-neutral-subtle-pressed: rgba(9, 30, 66, 0.14); --ds-background-neutral-bold: #44546f; --ds-background-neutral-bold-hovered: #2c3e5d; --ds-background-neutral-bold-pressed: #172b4d; --ds-background-selected: #e9f4ff; --ds-background-selected-hovered: #cce0ff; --ds-background-selected-pressed: #85b8ff; --ds-background-selected-bold: #0c66e4; --ds-background-selected-bold-hovered: #0055cc; --ds-background-selected-bold-pressed: #09326c; --ds-background-brand-subtlest: #e9f2ff; --ds-background-brand-subtlest-hovered: #cce0ff; --ds-background-brand-subtlest-pressed: #85b8ff; --ds-background-brand-bold: #3c139b; --ds-background-brand-bold-hovered: #0055cc; --ds-background-brand-bold-pressed: #09326c; --ds-background-brand-boldest: #092957; --ds-background-brand-boldest-hovered: #09326c; --ds-background-brand-boldest-pressed: #0055cc; --ds-background-danger: #ffedeb; --ds-background-danger-hovered: #ffd2cc; --ds-background-danger-pressed: #ff9c8f; --ds-background-danger-bold: #ca3521; --ds-background-danger-bold-hovered: #ae2a19; --ds-background-danger-bold-pressed: #601e16; --ds-background-warning: #fff7d6; --ds-background-warning-hovered: #f8e6a0; --ds-background-warning-pressed: #f5cd47; --ds-background-warning-bold: #e2b203; --ds-background-warning-bold-hovered: #cf9f02; --ds-background-warning-bold-pressed: #b38600; --ds-background-success: #dffcf0; --ds-background-success-hovered: #baf3db; --ds-background-success-pressed: #7ee2b8; --ds-background-success-bold: #1f845a; --ds-background-success-bold-hovered: #216e4e; --ds-background-success-bold-pressed: #164b35; --ds-background-discovery: #f3f0ff; --ds-background-discovery-hovered: #dfd8fd; --ds-background-discovery-pressed: #b8acf6; --ds-background-discovery-bold: #6e5dc6; --ds-background-discovery-bold-hovered: #5e4db2; --ds-background-discovery-bold-pressed: #352c63; --ds-background-information: #e9f2ff; --ds-background-information-hovered: #cce0ff; --ds-background-information-pressed: #85b8ff; --ds-background-information-bold: #0c66e4; --ds-background-information-bold-hovered: #0055cc; --ds-background-information-bold-pressed: #09326c; --ds-border: rgba(9, 30, 66, 0.14); --ds-border-accent-lime: #6a9a23; --ds-border-accent-red: #e34935; --ds-border-accent-orange: #d97008; --ds-border-accent-yellow: #b38600; --ds-border-accent-green: #22a06b; --ds-border-accent-teal: #1d9aaa; --ds-border-accent-blue: #1d7afc; --ds-border-accent-purple: #8270db; --ds-border-accent-magenta: #cd519d; --ds-border-accent-gray: #758195; --ds-border-disabled: rgba(9, 30, 66, 0.06); --ds-border-focused: #5526cf; --ds-border-input: rgba(9, 30, 66, 0.14); --ds-border-inverse: #ffffff; --ds-border-selected: #0c66e4; --ds-border-brand: #0c66e4; --ds-border-danger: #e34935; --ds-border-warning: #d97008; --ds-border-success: #22a06b; --ds-border-discovery: #8270db; --ds-border-information: #1d7afc; --ds-border-bold: #758195; --ds-icon: #44546f; --ds-icon-accent-lime: #6a9a23; --ds-icon-accent-red: #e34935; --ds-icon-accent-orange: #d97008; --ds-icon-accent-yellow: #b38600; --ds-icon-accent-green: #22a06b; --ds-icon-accent-teal: #1d9aaa; --ds-icon-accent-blue: #1d7afc; --ds-icon-accent-purple: #8270db; --ds-icon-accent-magenta: #cd519d; --ds-icon-accent-gray: #758195; --ds-icon-disabled: rgba(9, 30, 66, 0.31); --ds-icon-inverse: #ffffff; --ds-icon-selected: #0c66e4; --ds-icon-brand: #0c66e4; --ds-icon-danger: #e34935; --ds-icon-warning: #d97008; --ds-icon-warning-inverse: #172b4d; --ds-icon-success: #22a06b; --ds-icon-discovery: #8270db; --ds-icon-information: #1d7afc; --ds-icon-subtle: #626f86; --ds-blanket: rgba(9, 30, 66, 0.49); --ds-blanket-selected: rgba(56, 139, 255, 0.0784313725); --ds-blanket-danger: rgba(239, 92, 72, 0.0784313725); --ds-skeleton: rgba(9, 30, 66, 0.06); --ds-skeleton-subtle: rgba(9, 30, 66, 0.03); --ds-surface: #ffffff; --ds-surface-hovered: #f1f2f4; --ds-surface-pressed: #dcdfe4; --ds-surface-overlay: #ffffff; --ds-surface-overlay-hovered: #f1f2f4; --ds-surface-overlay-pressed: #dcdfe4; --ds-surface-raised: #ffffff; --ds-surface-raised-hovered: #f1f2f4; --ds-surface-raised-pressed: #dcdfe4; --ds-surface-sunken: #f7f8f9; --ds-shadow-overflow: 0px 0px 8px #091E4229, 0px 0px 1px #091E421F; --ds-shadow-overlay: 0px 8px 12px #091E4226, 0px 0px 1px #091E424F; --ds-shadow-raised: 0px 1px 1px #091E4240, 0px 0px 1px #091E424F; --ds-space-0: 0; --ds-space-025: 0.125rem; --ds-space-050: 0.25rem; --ds-space-075: 0.375rem; --ds-space-100: 0.5rem; --ds-space-150: 0.75rem; --ds-space-200: 1rem; --ds-space-250: 1.25rem; --ds-space-300: 1.5rem; --ds-space-400: 2rem; --ds-space-500: 2.5rem; --ds-space-600: 3rem; --ds-space-800: 4rem; --ds-space-1000: 5rem; } :root, :host { --bs-blue: #0d6efd; --bs-indigo: #6610f2; --bs-purple: #6f42c1; --bs-pink: #d63384; --bs-red: #dc3545; --bs-orange: #fd7e14; --bs-yellow: #ffc107; --bs-green: #198754; --bs-teal: #20c997; --bs-cyan: #0dcaf0; --bs-black: #000; --bs-white: #fff; --bs-gray: #6c757d; --bs-gray-dark: #343a40; --bs-primary: #0c66e4; --bs-secondary: #44546f; --bs-success: #1f845a; --bs-info: #0c66e4; --bs-warning: #e2b203; --bs-danger: #ca3521; --bs-light: #f7f8f9; --bs-dark: #091e42; --bs-discovery: #6e5dc6; --bs-primary-rgb: 12, 102, 228; --bs-secondary-rgb: 68, 84, 111; --bs-success-rgb: 31, 132, 90; --bs-info-rgb: 12, 102, 228; --bs-warning-rgb: 226, 178, 3; --bs-danger-rgb: 202, 53, 33; --bs-light-rgb: 247, 248, 249; --bs-dark-rgb: 9, 30, 66; --bs-discovery-rgb: 110, 93, 198; --bs-primary-text-emphasis: var(--ds-text); --bs-secondary-text-emphasis: var(--ds-text); --bs-success-text-emphasis: var(--ds-text); --bs-info-text-emphasis: var(--ds-text); --bs-warning-text-emphasis: var(--ds-text); --bs-danger-text-emphasis: var(--ds-text); --bs-light-text-emphasis: var(--ds-text); --bs-dark-text-emphasis: var(--ds-text-inverse); --bs-discovery-text-emphasis: var(--ds-text); --bs-primary-bg-subtle: var(--ds-background-brand-subtlest); --bs-secondary-bg-subtle: var(--ds-background-accent-gray-subtler); --bs-success-bg-subtle: var(--ds-background-success); --bs-info-bg-subtle: var(--ds-background-information); --bs-warning-bg-subtle: var(--ds-background-warning); --bs-danger-bg-subtle: var(--ds-background-danger); --bs-light-bg-subtle: rgba(9, 30, 66, 0.03); --bs-dark-bg-subtle: #758195; --bs-discovery-bg-subtle: var(--ds-background-discovery); --bs-primary-border-subtle: #579dff; --bs-secondary-border-subtle: #8590a2; --bs-success-border-subtle: #4bce97; --bs-info-border-subtle: #579dff; --bs-warning-border-subtle: #e2b203; --bs-danger-border-subtle: #f87462; --bs-light-border-subtle: #f1f2f4; --bs-dark-border-subtle: #44546f; --bs-discovery-border-subtle: #9f8fef; --bs-white-rgb: 255, 255, 255; --bs-black-rgb: 0, 0, 0; --bs-font-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; --bs-font-monospace: "SFMono-Medium", "SF Mono", "Segoe UI Mono", "Roboto Mono", "Ubuntu Mono", Menlo, Consolas, Courier, 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-body-font-size: 1rem; --bs-body-font-weight: 400; --bs-body-line-height: 1.4285714286; --bs-body-color: #172b4d; --bs-body-color-rgb: 23, 43, 77; --bs-body-bg: #ffffff; --bs-body-bg-rgb: 255, 255, 255; --bs-emphasis-color: #000; --bs-emphasis-color-rgb: 0, 0, 0; --bs-secondary-color: #44546f; --bs-secondary-color-rgb: 68, 84, 111; --bs-secondary-bg: #e9ecef; --bs-secondary-bg-rgb: 233, 236, 239; --bs-tertiary-color: #626f86; --bs-tertiary-color-rgb: 98, 111, 134; --bs-tertiary-bg: #f8f9fa; --bs-tertiary-bg-rgb: 248, 249, 250; --bs-heading-color: inherit; --bs-link-color: #0c66e4; --bs-link-color-rgb: 12, 102, 228; --bs-link-decoration: none; --bs-link-hover-color: #0c66e4; --bs-link-hover-color-rgb: 12, 102, 228; --bs-link-hover-decoration: underline; --bs-code-color: #d63384; --bs-highlight-color: #172b4d; --bs-highlight-bg: #fff7d6; --bs-border-width: 1px; --bs-border-style: solid; --bs-border-color: var(--ds-border); --bs-border-color-translucent: rgba(0, 0, 0, 0.175); --bs-border-radius: 0.125rem; --bs-border-radius-sm: 0.1875rem; --bs-border-radius-lg: 0.5rem; --bs-border-radius-xl: 1rem; --bs-border-radius-xxl: 2rem; --bs-border-radius-2xl: var(--bs-border-radius-xxl); --bs-border-radius-pill: 50rem; --bs-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); --bs-box-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05); --bs-box-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); --bs-box-shadow-inset: inset 0 2px 4px 0 rgba(0, 0, 0, 0.05); --bs-focus-ring-width: 0.25rem; --bs-focus-ring-opacity: 0.25; --bs-focus-ring-color: rgba(56, 139, 255, 0.25); --bs-form-valid-color: var(--ds-text-success); --bs-form-valid-border-color: var(--ds-border-success); --bs-form-invalid-color: var(--ds-text-danger); --bs-form-invalid-border-color: var(--ds-border-danger); } *, *::before, *::after { box-sizing: border-box; } @media (prefers-reduced-motion: no-preference) { :root, :host { scroll-behavior: smooth; } } body, :host { 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-body-color); text-align: var(--bs-body-text-align); background-color: var(--bs-body-bg); -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } hr { margin: 0.5rem 0; color: var(--ds-border); border: 0; border-top: 0.125rem solid; opacity: 0.25; } 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: calc(1.375rem + 1.5vw); } @media (min-width: 1200px) { h1, .h1 { font-size: 2.5rem; } } h2, .h2 { font-size: calc(1.325rem + 0.9vw); } @media (min-width: 1200px) { h2, .h2 { font-size: 2rem; } } h3, .h3 { font-size: calc(1.3rem + 0.6vw); } @media (min-width: 1200px) { h3, .h3 { font-size: 1.75rem; } } h4, .h4 { font-size: calc(1.275rem + 0.3vw); } @media (min-width: 1200px) { h4, .h4 { font-size: 1.5rem; } } h5, .h5 { font-size: 1.25rem; } h6, .h6 { font-size: 1rem; } 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-left: 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-bottom: 0.5rem; margin-left: 0; } 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: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1)); text-decoration: none; } a:hover { --bs-link-color-rgb: var(--bs-link-hover-color-rgb); text-decoration: underline; } 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: 0.875em; } pre code { font-size: inherit; color: inherit; word-break: normal; } code { font-size: 0.875em; color: var(--bs-code-color); word-wrap: break-word; } a>code { color: inherit; } kbd { padding: 0.1875rem 0.375rem; font-size: 0.875em; color: var(--bs-body-bg); background-color: var(--bs-body-color); border-radius: 0.1875rem; } kbd kbd { padding: 0; font-size: 1em; } figure { margin: 0 0 1rem; } img, svg { vertical-align: middle; } table { caption-side: bottom; border-collapse: collapse; } caption { padding-top: 0.5rem; padding-bottom: 0.5rem; color: var(--ds-text); text-align: left; } 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: left; width: 100%; padding: 0; margin-bottom: 0.5rem; font-size: calc(1.275rem + 0.3vw); line-height: inherit; } @media (min-width: 1200px) { legend { font-size: 1.5rem; } } legend+* { clear: left; } ::-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; } /* rtl:raw: [type="tel"], [type="url"], [type="email"], [type="number"] { direction: ltr; } */ ::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-color-swatch-wrapper { padding: 0; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } ::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; } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; list-style: none; } .list-inline-item { display: inline-block; } .list-inline-item:not(:last-child) { margin-right: 0.5rem; } .blockquote { margin-bottom: 1rem; font-size: 1.25rem; } .blockquote> :last-child { margin-bottom: 0; } .blockquote-footer { margin-top: -1rem; margin-bottom: 1rem; font-size: 0.875em; color: #dcdfe4; } .blockquote-footer::before { content: "— "; } .img-fluid { max-width: 100%; height: auto; } .img-thumbnail { padding: 0.25rem; background-color: var(--bs-body-bg); border: var(--bs-border-width) solid var(--bs-border-color); border-radius: var(--bs-border-radius); max-width: 100%; height: auto; } .figure { display: inline-block; } .figure-img { margin-bottom: 0.5rem; line-height: 1; } .figure-caption { font-size: 0.875rem; color: #dcdfe4; } .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-emphasis-color); --bs-table-bg: var(--bs-body-bg); --bs-table-border-color: var(--ds-border); --bs-table-accent-bg: transparent; --bs-table-striped-color: var(--bs-emphasis-color); --bs-table-striped-bg: rgba(9, 30, 66, 0.03); --bs-table-active-color: var(--bs-emphasis-color); --bs-table-active-bg: var(--ds-background-selected); --bs-table-hover-color: var(--bs-emphasis-color); --bs-table-hover-bg: var(--ds-background-neutral-subtle-hovered); width: 100%; margin-bottom: 1rem; vertical-align: top; border-color: 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-table-color))); background-color: var(--bs-table-bg); border-bottom-width: 1px; box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg))); } .table>tbody { vertical-align: inherit; } .table>thead { vertical-align: bottom; } .table-group-divider { border-top: calc(1px * 2) solid var(--ds-border); } .caption-top { caption-side: top; } .table-sm> :not(caption)>*>* { padding: 0.25rem 0.25rem; } .table-bordered> :not(caption)>* { border-width: 1px 0; } .table-bordered> :not(caption)>*>* { border-width: 0 1px; } .table-borderless> :not(caption)>*>* { border-bottom-width: 0; } .table-borderless> :not(:first-child) { border-top-width: 0; } .table-striped>tbody>tr:nth-of-type(odd)>* { --bs-table-color-type: var(--bs-table-striped-color); --bs-table-bg-type: var(--bs-table-striped-bg); } .table-striped-columns> :not(caption)>tr> :nth-child(even) { --bs-table-color-type: var(--bs-table-striped-color); --bs-table-bg-type: var(--bs-table-striped-bg); } .table-active { --bs-table-color-state: var(--bs-table-active-color); --bs-table-bg-state: var(--bs-table-active-bg); } .table-hover>tbody>tr:hover>* { --bs-table-color-state: var(--bs-table-hover-color); --bs-table-bg-state: var(--bs-table-hover-bg); } .table-primary { --bs-table-color: #fff; --bs-table-bg: #0c66e4; --bs-table-border-color: #3d85e9; --bs-table-striped-bg: #186ee5; --bs-table-striped-color: #fff; --bs-table-active-bg: white; --bs-table-active-color: #000; --bs-table-hover-bg: white; --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); } .table-secondary { --bs-table-color: #fff; --bs-table-bg: #44546f; --bs-table-border-color: #69768c; --bs-table-striped-bg: #4d5d76; --bs-table-striped-color: #fff; --bs-table-active-bg: white; --bs-table-active-color: #000; --bs-table-hover-bg: white; --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); } .table-success { --bs-table-color: #fff; --bs-table-bg: #1f845a; --bs-table-border-color: #4c9d7b; --bs-table-striped-bg: #2a8a62; --bs-table-striped-color: #000; --bs-table-active-bg: white; --bs-table-active-color: #000; --bs-table-hover-bg: white; --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); } .table-info { --bs-table-color: #fff; --bs-table-bg: #0c66e4; --bs-table-border-color: #3d85e9; --bs-table-striped-bg: #186ee5; --bs-table-striped-color: #fff; --bs-table-active-bg: white; --bs-table-active-color: #000; --bs-table-hover-bg: white; --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); } .table-warning { --bs-table-color: #000; --bs-table-bg: #e2b203; --bs-table-border-color: #b58e02; --bs-table-striped-bg: #d7a903; --bs-table-striped-color: #000; --bs-table-active-bg: black; --bs-table-active-color: #fff; --bs-table-hover-bg: black; --bs-table-hover-color: #fff; color: var(--bs-table-color); border-color: var(--bs-table-border-color); } .table-danger { --bs-table-color: #fff; --bs-table-bg: #ca3521; --bs-table-border-color: #d55d4d; --bs-table-striped-bg: #cd3f2c; --bs-table-striped-color: #fff; --bs-table-active-bg: white; --bs-table-active-color: #000; --bs-table-hover-bg: white; --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); } .table-light { --bs-table-color: #000; --bs-table-bg: #f7f8f9; --bs-table-border-color: #c6c6c7; --bs-table-striped-bg: #ebeced; --bs-table-striped-color: #000; --bs-table-active-bg: black; --bs-table-active-color: #fff; --bs-table-hover-bg: black; --bs-table-hover-color: #fff; color: var(--bs-table-color); border-color: var(--bs-table-border-color); } .table-dark { --bs-table-color: #fff; --bs-table-bg: #091e42; --bs-table-border-color: #3a4b68; --bs-table-striped-bg: #15294b; --bs-table-striped-color: #fff; --bs-table-active-bg: white; --bs-table-active-color: #000; --bs-table-hover-bg: white; --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); } .table-responsive { overflow-x: auto; -webkit-overflow-scrolling: touch; } @media (max-width: 575.98px) { .table-responsive-sm { overflow-x: auto; -webkit-overflow-scrolling: touch; } } @media (max-width: 767.98px) { .table-responsive-md { overflow-x: auto; -webkit-overflow-scrolling: touch; } } @media (max-width: 991.98px) { .table-responsive-lg { overflow-x: auto; -webkit-overflow-scrolling: touch; } } @media (max-width: 1199.98px) { .table-responsive-xl { overflow-x: auto; -webkit-overflow-scrolling: touch; } } @media (max-width: 1399.98px) { .table-responsive-xxl { overflow-x: auto; -webkit-overflow-scrolling: touch; } } .table { --bs-table-font-size: 0.875rem; border-spacing: 0; font-size: var(--bs-table-font-size); } .table>thead:not(.table-dark) { color: #dcdfe4; background-color: var(--ds-surface); } .table th { font-weight: 500; } .table td { vertical-align: middle; } .table-active { --bs-table-hover-bg: var(--ds-background-selected-hovered); } .table-borderless>.table-group-divider { border-top-width: 2px; } .table-hover>tbody>tr:hover>*:first-child { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .table-hover>tbody>tr:hover>*:last-child { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .form-label { margin-bottom: 0.25rem; font-size: 0.875em; font-weight: 500; color: var(--ds-text-subtle); } .col-form-label { padding-top: calc(0.375rem + 2px); padding-bottom: calc(0.375rem + 2px); margin-bottom: 0; font-size: inherit; font-weight: 500; line-height: 1.4285714286; color: var(--ds-text-subtle); } .col-form-label-lg { padding-top: calc(0.5rem + 2px); padding-bottom: calc(0.5rem + 2px); font-size: 1.25rem; } .col-form-label-sm { padding-top: calc(0.25rem + 2px); padding-bottom: calc(0.25rem + 2px); font-size: 0.875rem; } .form-check-label { --bs-form-check-disabled-color: var(--ds-text-disabled); --bs-form-check-color: var(--ds-text); font-size: 0.875em; line-height: 1.4285714286; } .form-text { margin-top: 0.25rem; font-size: 0.875em; color: var(--ds-text-subtle); } .form-select { --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%2344546f' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); display: block; width: 100%; padding: 0.375rem 2.25rem 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.4285714286; color: var(--ds-text); -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: var(--ds-background-input); background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none); background-repeat: no-repeat; background-position: right 0.75rem center; background-size: 14px 10px; border: var(--bs-border-width) solid var(--ds-border-input); border-radius: 0.25rem; transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-select { transition: none; } } .form-select:focus { border-color: var(--ds-border-focused); outline: 0; box-shadow: 0 0 0 transparent; } .form-select[multiple], .form-select[size]:not([size="1"]) { padding-right: 0.75rem; background-image: none; } .form-select:disabled { color: var(--ds-text-disabled); background-color: var(--ds-background-disabled); border-color: var(--ds-border-disabled); } .form-select:-moz-focusring { color: transparent; text-shadow: 0 0 0 var(--ds-text); } .form-select-sm { padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 0.5rem; font-size: 0.875rem; border-radius: var(--bs-border-radius-sm); } .form-select-lg { padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; font-size: 1.25rem; border-radius: var(--bs-border-radius-lg); } .form-select { --bs-form-select-color: var(--ds-text); --bs-form-select-border-color: var(--ds-border-input); --bs-form-select-hover-bg: var(--ds-background-input-hovered); --bs-form-select-focus-border-color: var(--ds-border-focused); --bs-form-select-disabled-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%289, 30, 66, 0.31%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); color: var(--bs-form-select-color); border-color: var(--bs-form-select-border-color); } .form-select:hover { background-color: var(--bs-form-select-hover-bg); } .form-select:focus { border-color: var(--bs-form-select-focus-border-color); } .form-select:disabled { --bs-form-select-bg-img: var(--bs-form-select-disabled-bg-image); pointer-events: none; } .form-control { display: block; width: 100%; padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.4285714286; color: var(--ds-text); -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: var(--ds-background-input); background-clip: padding-box; border: var(--bs-border-width) solid var(--ds-border-input); border-radius: 0.25rem; transition: background-color 0.2s ease-in-out, border-color 0.2s 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 { color: var(--ds-text); background-color: var(--ds-background-input); border-color: var(--ds-border-focused); outline: 0; box-shadow: 0 0 0 transparent; } .form-control::-webkit-date-and-time-value { min-width: 85px; height: 1.4285714286em; margin: 0; } .form-control::-webkit-datetime-edit { display: block; padding: 0; } .form-control::-moz-placeholder { color: var(--ds-text-subtlest); opacity: 1; } .form-control::placeholder { color: var(--ds-text-subtlest); opacity: 1; } .form-control:disabled { color: var(--ds-text-disabled); background-color: var(--ds-background-disabled); border-color: var(--ds-border-disabled); opacity: 1; } .form-control::-webkit-file-upload-button { padding: 0.375rem 0.75rem; margin: -0.375rem -0.75rem; -webkit-margin-end: 0.75rem; margin-inline-end: 0.75rem; color: var(--ds-text); background-color: var(--bs-tertiary-bg); pointer-events: none; border-color: inherit; border-style: solid; border-width: 0; border-inline-end-width: 2px; border-radius: 0; -webkit-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; 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; } .form-control::file-selector-button { padding: 0.375rem 0.75rem; margin: -0.375rem -0.75rem; -webkit-margin-end: 0.75rem; margin-inline-end: 0.75rem; color: var(--ds-text); background-color: var(--bs-tertiary-bg); pointer-events: none; border-color: inherit; border-style: solid; border-width: 0; border-inline-end-width: 2px; 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::-webkit-file-upload-button { -webkit-transition: none; transition: none; } .form-control::file-selector-button { transition: none; } } .form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button { background-color: var(--bs-secondary-bg); } .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.4285714286; color: var(--ds-text); background-color: transparent; border: solid transparent; border-width: 2px 0; } .form-control-plaintext:focus { outline: 0; } .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { padding-right: 0; padding-left: 0; } .form-control-sm { min-height: calc(1.4285714286em + 0.5rem + calc(2px * 2)); padding: 0.25rem 0.5rem; font-size: 0.875rem; border-radius: var(--bs-border-radius-sm); } .form-control-sm::-webkit-file-upload-button { padding: 0.25rem 0.5rem; margin: -0.25rem -0.5rem; -webkit-margin-end: 0.5rem; margin-inline-end: 0.5rem; } .form-control-sm::file-selector-button { padding: 0.25rem 0.5rem; margin: -0.25rem -0.5rem; -webkit-margin-end: 0.5rem; margin-inline-end: 0.5rem; } .form-control-lg { min-height: calc(1.4285714286em + 1rem + calc(2px * 2)); padding: 0.5rem 1rem; font-size: 1.25rem; border-radius: var(--bs-border-radius-lg); } .form-control-lg::-webkit-file-upload-button { padding: 0.5rem 1rem; margin: -0.5rem -1rem; -webkit-margin-end: 1rem; margin-inline-end: 1rem; } .form-control-lg::file-selector-button { padding: 0.5rem 1rem; margin: -0.5rem -1rem; -webkit-margin-end: 1rem; margin-inline-end: 1rem; } textarea.form-control { min-height: calc(1.4285714286em + 0.75rem + calc(2px * 2)); } textarea.form-control-sm { min-height: calc(1.4285714286em + 0.5rem + calc(2px * 2)); } textarea.form-control-lg { min-height: calc(1.4285714286em + 1rem + calc(2px * 2)); } .form-control-color { width: 3rem; height: calc(1.4285714286em + 0.75rem + calc(2px * 2)); padding: 0.375rem; } .form-control-color:not(:disabled):not([readonly]) { cursor: pointer; } .form-control-color::-moz-color-swatch { border: 0 !important; border-radius: 0.25rem; } .form-control-color::-webkit-color-swatch { border: 0 !important; border-radius: 0.25rem; } .form-control-color.form-control-sm { height: calc(1.4285714286em + 0.5rem + calc(2px * 2)); } .form-control-color.form-control-lg { height: calc(1.4285714286em + 1rem + calc(2px * 2)); } .form-control { --bs-input-color: var(--ds-text); --bs-input-bg: var(--ds-background-input); --bs-input-border-color: var(--ds-border-input); --bs-input-hover-bg: var(--ds-background-input-hovered); --bs-input-focus-color: var(--ds-text); --bs-input-focus-bg: var(--ds-background-input); --bs-input-focus-border-color: var(--ds-border-focused); --bs-input-disabled-color: var(--ds-text-disabled); --bs-input-disabled-bg: var(--ds-background-disabled); --bs-input-disabled-border-color: var(--ds-border-disabled); color: var(--bs-input-color); border-color: var(--bs-input-border-color); background-color: var(--bs-input-bg); } .form-control:hover:not(:focus) { background-color: var(--bs-input-hover-bg); } .form-control:focus { color: var(--bs-input-focus-color); border-color: var(--bs-input-focus-border-color); background-color: var(--bs-input-focus-bg); } .form-control:disabled { color: var(--bs-input-disabled-color); background-color: var(--bs-input-disabled-bg); border-color: var(--bs-input-disabled-border-color); } .form-control-color { --bs-input-hover-border-color: var(--ds-border-focused); height: calc(1.4285714286em + 0.75rem + calc(2px * 2)); width: calc(1.4285714286em + 0.75rem + calc(2px * 2)); padding: 1px; border: var(--bs-border-width) solid transparent; } .form-control-color:hover { border-color: var(--bs-input-hover-border-color); } .form-control-color.form-control-sm { width: calc(1.4285714286em + 0.5rem + calc(2px * 2)); height: calc(1.4285714286em + 0.5rem + calc(2px * 2)); } .form-control-color.form-control-lg { width: calc(1.4285714286em + 1rem + calc(2px * 2)); height: calc(1.4285714286em + 1rem + calc(2px * 2)); } .form-check { display: block; min-height: 1.4285714286rem; padding-left: 1.5em; margin-bottom: 0; } .form-check .form-check-input { float: left; margin-left: -1.5em; } .form-check-reverse { padding-right: 1.5em; padding-left: 0; text-align: right; } .form-check-reverse .form-check-input { float: right; margin-right: -1.5em; margin-left: 0; } .form-check-input { --bs-form-check-bg: var(--ds-background-input); flex-shrink: 0; width: 1em; height: 1em; margin-top: 0.2142857143em; vertical-align: top; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: var(--bs-form-check-bg); background-image: var(--bs-form-check-bg-image); background-repeat: no-repeat; background-position: center; background-size: contain; border: var(--bs-border-width) solid var(--bs-border-color); -webkit-print-color-adjust: exact; color-adjust: exact; print-color-adjust: exact; transition: color 0.2s ease-in-out 0s, fill 0.2s ease-in-out 0s; } @media (prefers-reduced-motion: reduce) { .form-check-input { transition: none; } } .form-check-input[type=checkbox] { border-radius: 0.25rem; } .form-check-input[type=radio] { border-radius: 50%; } .form-check-input:active { filter: none; } .form-check-input:focus { border-color: var(--ds-border-focused); outline: 0; box-shadow: 0 0 0 transparent; } .form-check-input:checked { background-color: var(--ds-background-selected-bold); border-color: var(--ds-border-selected); } .form-check-input:checked[type=checkbox] { --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e"); } .form-check-input:checked[type=radio] { --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23ffffff'/%3e%3c/svg%3e"); } .form-check-input[type=checkbox]:indeterminate { background-color: #0c66e4; border-color: #0c66e4; --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e"); } .form-check-input:disabled { pointer-events: none; filter: none; opacity: 1; } .form-check-input[disabled]~.form-check-label, .form-check-input:disabled~.form-check-label { cursor: default; opacity: 1; } .form-check-label { color: var(--ds-text); } .form-switch { padding-left: 2.5em; } .form-switch .form-check-input { --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e"); width: 2em; margin-left: -2.5em; background-image: var(--bs-form-switch-bg); background-position: left center; border-radius: 2em; transition: background-position 0.2s ease-in-out, background-color 0.2s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-switch .form-check-input { transition: none; } } .form-switch .form-check-input:focus { --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e"); } .form-switch .form-check-input:checked { background-position: right center; --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e"); } .form-switch.form-check-reverse { padding-right: 2.5em; padding-left: 0; } .form-switch.form-check-reverse .form-check-input { margin-right: -2.5em; margin-left: 0; } .form-check-inline { display: inline-block; margin-right: 1rem; } .btn-check { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .btn-check[disabled]+.btn, .btn-check:disabled+.btn { pointer-events: none; filter: none; opacity: 1; } .form-check { line-height: 1; } .form-check-input { --bs-form-check-width: 1em; --bs-form-check-height: 1em; --bs-form-check-bg: var(--ds-background-input); --bs-form-check-border-width: 2px; --bs-form-check-border-color: var(--ds-border-input); --bs-form-check-hover-bg: var(--ds-background-input-hovered); --bs-form-check-checked-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e"); --bs-form-check-checked-bg: var(--ds-background-selected-bold); --bs-form-check-checked-border-color: var(--ds-border-selected); --bs-form-check-checked-hover-bg: var(--ds-background-selected-bold-hovered); --bs-form-check-checked-hover-border-color: var(--ds-background-selected-bold-hovered); --bs-form-check-focus-border-color: var(--ds-border-focused); --bs-form-check-disabled-bg: var(--ds-background-disabled); --bs-form-check-disabled-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='rgba%289, 30, 66, 0.31%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e"); --bs-form-check-disabled-border-color: var(--ds-border-disabled); --bs-form-check-indeterminate-bg: var(--ds-background-selected-bold); --bs-form-check-indeterminate-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e"); --bs-form-check-indeterminate-border-color: var(--ds-border-selected); --bs-form-check-indeterminate-disabled-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='rgba%289, 30, 66, 0.31%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e"); --bs-form-check-indeterminate-disabled-bg: var(--ds-background-disabled); --bs-form-check-indeterminate-disabled-border-color: var(--ds-border-disabled); --bs-form-radio-checked-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23ffffff'/%3e%3c/svg%3e"); --bs-form-radio-disabled-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='rgba%289, 30, 66, 0.31%29'/%3e%3c/svg%3e"); width: var(--bs-form-check-width); height: var(--bs-form-check-height); border: var(--bs-form-check-border-width) solid var(--bs-form-check-border-color); } .form-check-input:hover { background-color: var(--bs-form-check-hover-bg); } .form-check-input:checked { background-color: var(--bs-form-check-checked-bg); border-color: var(--bs-form-check-checked-border-color); } .form-check-input:checked:hover:not(:disabled) { border-color: var(--bs-form-check-checked-hover-border-color); background-color: var(--bs-form-check-checked-hover-bg); } .form-check-input:checked[type=checkbox] { --bs-form-check-bg-image: var(--bs-form-check-checked-bg-image); } .form-check-input:checked[type=checkbox][disabled], .form-check-input:checked[type=checkbox]:disabled { --bs-form-check-bg-image: var(--bs-form-check-disabled-bg-image); } .form-check-input:checked[type=radio] { --bs-form-check-bg-image: var(--bs-form-radio-checked-bg-image); } .form-check-input:checked[type=radio][disabled], .form-check-input:checked[type=radio]:disabled { --bs-form-check-bg-image: var(--bs-form-radio-disabled-bg-image); } .form-check-input:checked:focus, .form-check-input:focus { border-color: var(--bs-form-check-focus-border-color); } .form-check-input[type=checkbox]:indeterminate { --bs-form-check-bg-image: var(--bs-form-check-indeterminate-bg-image); background-color: var(--bs-form-check-indeterminate-bg); border-color: var(--bs-form-check-indeterminate-border-color); } .form-check-input[type=checkbox]:indeterminate[disabled], .form-check-input[type=checkbox]:indeterminate:disabled { --bs-form-check-bg-image: var(--bs-form-check-indeterminate-disabled-bg-image); background-color: var(--bs-form-check-indeterminate-disabled-bg); border-color: var(--bs-form-check-indeterminate-disabled-border-color); } .form-check-input[disabled], .form-check-input:disabled { background-color: var(--bs-form-check-disabled-bg); border-color: var(--bs-form-check-disabled-border-color); pointer-events: none; } .form-check-input[disabled]~.form-check-label, .form-check-input:disabled~.form-check-label { color: var(--bs-form-check-disabled-color); } .btn-check[disabled]+.btn, .btn-check:disabled+.btn { --bs-btn-bg: var(--ds-background-disabled); --bs-btn-color: var(--ds-text-disabled); --bs-btn-border-color: transparent; } .form-switch { --bs-form-switch-width: 2em; --bs-form-switch-height: 1em; } .form-switch .form-check-input { --bs-form-check-bg: var(--ds-background-neutral-bold); --bs-form-check-border-color: transparent; --bs-form-check-hover-bg: var(--ds-background-neutral-bold-hovered); --bs-form-check-focus-border-color: transparent; --bs-form-check-checked-hover-bg: var(--ds-background-success-bold-hovered); --bs-form-check-checked-border-color: transparent; --bs-form-check-checked-hover-border-color: transparent; --bs-form-check-checked-bg: var(--ds-background-success-bold); --bs-form-switch-checked-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e"); --bs-form-check-disabled-bg: var(--ds-background-disabled); --bs-form-switch-disabled-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%289, 30, 66, 0.31%29'/%3e%3c/svg%3e"); --bs-form-check-disabled-border-color: transparent; --bs-form-switch-focus-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e"); width: var(--bs-form-switch-width); height: var(--bs-form-switch-height); } .form-switch .form-check-input:focus { --bs-form-switch-bg: var(--bs-form-switch-focus-bg-image); } .form-switch .form-check-input:checked { --bs-form-switch-bg: var(--bs-form-switch-checked-bg-image); } .form-switch .form-check-input[disabled], .form-switch .form-check-input:disabled { --bs-form-switch-bg: var(--bs-form-switch-disabled-bg-image); } .valid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 0.875em; color: var(--bs-form-valid-color); } .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-right: calc(1.4285714286em + 0.75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath d='M12 20a8 8 0 110-16 8 8 0 010 16zm1.364-10.964l-2.152 4.11-1.543-1.39a1 1 0 10-1.338 1.487l2.5 2.25a1 1 0 001.555-.279l2.75-5.25a1 1 0 00-1.772-.928z' fill='%23216e4e'%3e%3c/path%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.3571428571em + 0.1875rem) center; background-size: calc(0.7142857143em + 0.375rem) calc(0.7142857143em + 0.375rem); } .was-validated .form-control:valid:focus, .form-control.is-valid:focus { border-color: var(--bs-form-valid-border-color); box-shadow: 0 0 0 0 rgba(var(--bs-success-rgb), 0); } .was-validated textarea.form-control:valid, textarea.form-control.is-valid { padding-right: calc(1.4285714286em + 0.75rem); background-position: top calc(0.3571428571em + 0.1875rem) right calc(0.3571428571em + 0.1875rem); } .was-validated .form-select:valid, .form-select.is-valid { border-color: var(--bs-form-valid-border-color); } .was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"] { --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath d='M12 20a8 8 0 110-16 8 8 0 010 16zm1.364-10.964l-2.152 4.11-1.543-1.39a1 1 0 10-1.338 1.487l2.5 2.25a1 1 0 001.555-.279l2.75-5.25a1 1 0 00-1.772-.928z' fill='%23216e4e'%3e%3c/path%3e%3c/svg%3e"); padding-right: 4.125rem; background-position: right 0.75rem center, center right 2.25rem; background-size: 14px 10px, calc(0.7142857143em + 0.375rem) calc(0.7142857143em + 0.375rem); } .was-validated .form-select:valid:focus, .form-select.is-valid:focus { border-color: var(--bs-form-valid-border-color); box-shadow: 0 0 0 0 rgba(var(--bs-success-rgb), 0); } .was-validated .form-control-color:valid, .form-control-color.is-valid { width: calc(3rem + calc(1.4285714286em + 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:focus, .form-check-input.is-valid:focus { box-shadow: 0 0 0 0 rgba(var(--bs-success-rgb), 0); } .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-left: 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.25rem; font-size: 0.875em; color: var(--bs-form-invalid-color); } .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-right: calc(1.4285714286em + 0.75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cg%3e%3cpath d='M13.416 4.417a2.002 2.002 0 00-2.832 0l-6.168 6.167a2.002 2.002 0 000 2.833l6.168 6.167a2.002 2.002 0 002.832 0l6.168-6.167a2.002 2.002 0 000-2.833l-6.168-6.167z' fill='%23ae2a19'%3e%3c/path%3e%3cpath d='M12 14a1 1 0 01-1-1V8a1 1 0 012 0v5a1 1 0 01-1 1m0 3a1 1 0 010-2 1 1 0 010 2' fill='%23ffffff'%3e%3c/path%3e%3c/g%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.3571428571em + 0.1875rem) center; background-size: calc(0.7142857143em + 0.375rem) calc(0.7142857143em + 0.375rem); } .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { border-color: var(--bs-form-invalid-border-color); box-shadow: 0 0 0 0 rgba(var(--bs-danger-rgb), 0); } .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { padding-right: calc(1.4285714286em + 0.75rem); background-position: top calc(0.3571428571em + 0.1875rem) right calc(0.3571428571em + 0.1875rem); } .was-validated .form-select:invalid, .form-select.is-invalid { border-color: var(--bs-form-invalid-border-color); } .was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"] { --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cg%3e%3cpath d='M13.416 4.417a2.002 2.002 0 00-2.832 0l-6.168 6.167a2.002 2.002 0 000 2.833l6.168 6.167a2.002 2.002 0 002.832 0l6.168-6.167a2.002 2.002 0 000-2.833l-6.168-6.167z' fill='%23ae2a19'%3e%3c/path%3e%3cpath d='M12 14a1 1 0 01-1-1V8a1 1 0 012 0v5a1 1 0 01-1 1m0 3a1 1 0 010-2 1 1 0 010 2' fill='%23ffffff'%3e%3c/path%3e%3c/g%3e%3c/svg%3e"); padding-right: 4.125rem; background-position: right 0.75rem center, center right 2.25rem; background-size: 14px 10px, calc(0.7142857143em + 0.375rem) calc(0.7142857143em + 0.375rem); } .was-validated .form-select:invalid:focus, .form-select.is-invalid:focus { border-color: var(--bs-form-invalid-border-color); box-shadow: 0 0 0 0 rgba(var(--bs-danger-rgb), 0); } .was-validated .form-control-color:invalid, .form-control-color.is-invalid { width: calc(3rem + calc(1.4285714286em + 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:focus, .form-check-input.is-invalid:focus { box-shadow: 0 0 0 0 rgba(var(--bs-danger-rgb), 0); } .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-left: 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; } .was-validated .form-control:valid, .form-control.is-valid { background-image: var(--bs-form-valid-icon); } .was-validated .form-control:valid:focus, .form-control.is-valid:focus { border-color: var(--bs-input-focus-border-color); } .was-validated .form-check-input:valid, .form-check-input.is-valid { border-color: var(--bs-form-check-checked-border-color); } .was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked { background-color: var(--bs-form-check-checked-bg); } .was-validated .form-check-input:valid~.form-check-label, .form-check-input.is-valid~.form-check-label { color: var(--bs-form-check-color); } .was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"] { --bs-form-select-bg-icon: var(--bs-form-valid-icon); } .was-validated .form-control:invalid, .form-control.is-invalid { background-image: var(--bs-form-invalid-icon); } .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { border-color: var(--bs-input-focus-border-color); } .was-validated .form-check-input:invalid~.form-check-label, .form-check-input.is-invalid~.form-check-label { color: var(--bs-form-check-color); } .was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"] { --bs-form-select-bg-icon: var(--bs-form-invalid-icon); } .form-range { width: 100%; height: 1rem; padding: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: transparent; } .form-range:focus { outline: 0; } .form-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 transparent; } .form-range:focus::-moz-range-thumb { box-shadow: 0 0 0 transparent; } .form-range::-moz-focus-outer { border: 0; } .form-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -0.375rem; -webkit-appearance: none; appearance: none; background-color: var(--ds-background-neutral-bold); border: 0; border-radius: 1rem; -webkit-transition: background-color 0.2s ease-in-out; transition: background-color 0.2s 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: var(--ds-background-neutral-bold); } .form-range::-webkit-slider-runnable-track { width: 100%; height: 0.25rem; color: transparent; cursor: pointer; background-color: var(--ds-background-neutral); border-color: transparent; border-radius: 2px; } .form-range::-moz-range-thumb { width: 1rem; height: 1rem; -moz-appearance: none; appearance: none; background-color: var(--ds-background-neutral-bold); border: 0; border-radius: 1rem; -moz-transition: background-color 0.2s ease-in-out; transition: background-color 0.2s 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: var(--ds-background-neutral-bold); } .form-range::-moz-range-track { width: 100%; height: 0.25rem; color: transparent; cursor: pointer; background-color: var(--ds-background-neutral); border-color: transparent; border-radius: 2px; } .form-range:disabled { pointer-events: none; } .form-range:disabled::-webkit-slider-thumb { background-color: var(--ds-background-neutral-bold); } .form-range:disabled::-moz-range-thumb { background-color: var(--ds-background-neutral-bold); } .form-range { --bs-form-range-track-fg: var(--ds-background-neutral-bold); --bs-form-range-track-hover-bg: var(--ds-background-neutral-hovered); } .form-range::-webkit-slider-runnable-track { background-image: linear-gradient(var(--bs-form-range-track-fg), var(--bs-form-range-track-fg)); background-size: var(--track-fg-width, 0) 100%; background-repeat: no-repeat; -webkit-transition: background-color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out; } .form-range::-moz-range-track { -moz-transition: background-color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out; } .form-range::-moz-range-progress { width: 100%; height: 0.25rem; border-radius: 2px; -moz-transition: background-color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out; background-color: var(--track-fg); cursor: pointer; } .form-range:hover:not(:disabled)::-webkit-slider-runnable-track { background-color: var(--bs-form-range-track-hover-bg); } .form-range:hover:not(:disabled)::-moz-range-track { background-color: var(--bs-form-range-track-hover-bg); } .form-range:disabled { opacity: 0.4; } .form-floating { position: relative; } .form-floating>.form-control, .form-floating>.form-control-plaintext, .form-floating>.form-select { height: calc(3.5rem + calc(2px * 2)); min-height: calc(3.5rem + calc(2px * 2)); line-height: 1.25; } .form-floating>label { position: absolute; top: 0; left: 0; z-index: 2; height: 100%; padding: 1rem 0.75rem; overflow: hidden; 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::-moz-placeholder, .form-floating>.form-control-plaintext::-moz-placeholder { color: transparent; } .form-floating>.form-control::placeholder, .form-floating>.form-control-plaintext::placeholder { color: transparent; } .form-floating>.form-control:not(:-moz-placeholder-shown), .form-floating>.form-control-plaintext:not(:-moz-placeholder-shown) { padding-top: 1.625rem; padding-bottom: 0.625rem; } .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-top: 1.625rem; padding-bottom: 0.625rem; } .form-floating>.form-control:not(:-moz-placeholder-shown)~label { color: rgba(var(--bs-body-color-rgb), 0.65); transform: scale(0.75) translateY(-0.5rem) translateX(0.15rem); } .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 { color: rgba(var(--bs-body-color-rgb), 0.65); transform: scale(0.75) translateY(-0.5rem) translateX(0.15rem); } .form-floating>.form-control:not(:-moz-placeholder-shown)~label::after { position: absolute; inset: 1rem 0.375rem; z-index: -1; height: 1.5em; content: ""; background-color: var(--ds-background-input); border-radius: 0.25rem; } .form-floating>.form-control:focus~label::after, .form-floating>.form-control:not(:placeholder-shown)~label::after, .form-floating>.form-control-plaintext~label::after, .form-floating>.form-select~label::after { position: absolute; inset: 1rem 0.375rem; z-index: -1; height: 1.5em; content: ""; background-color: var(--ds-background-input); border-radius: 0.25rem; } .form-floating>.form-control:-webkit-autofill~label { color: rgba(var(--bs-body-color-rgb), 0.65); transform: scale(0.75) translateY(-0.5rem) translateX(0.15rem); } .form-floating>.form-control-plaintext~label { border-width: 2px 0; } .form-floating> :disabled~label, .form-floating>.form-control:disabled~label { color: var(--ds-text-disabled); } .form-floating> :disabled~label::after, .form-floating>.form-control:disabled~label::after { background-color: var(--ds-background-disabled); } .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: 1rem; font-weight: 400; line-height: 1.4285714286; color: var(--ds-text); text-align: center; white-space: nowrap; background-color: var(--ds-background-neutral); border: var(--bs-border-width) solid var(--ds-border-input); border-radius: 0.25rem; } .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: 1.25rem; 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: 0.875rem; border-radius: var(--bs-border-radius-sm); } .input-group-lg>.form-select, .input-group-sm>.form-select { padding-right: 3rem; } .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-top-right-radius: 0; border-bottom-right-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-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group> :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { margin-left: calc(2px * -1); border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group>.form-floating:not(:first-child)>.form-control, .input-group>.form-floating:not(:first-child)>.form-select { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group .btn+.btn { border-left-color: transparent; } .input-group-text { transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out; } @media (prefers-reduced-motion: reduce) { .input-group-text { transition: none; } } .input-group-prefix .input-group-text, .input-group-suffix .input-group-text, .input-group-start .input-group-text, .input-group-end .input-group-text { background-color: var(--ds-background-input); margin-left: 0 !important; } .input-group-prefix>.form-control:hover+.input-group-text, .input-group-prefix>.form-control:hover+.input-group-text+.input-group-text, .input-group-suffix>.form-control:hover+.input-group-text, .input-group-suffix>.form-control:hover+.input-group-text+.input-group-text, .input-group-start>.form-control:hover+.input-group-text, .input-group-start>.form-control:hover+.input-group-text+.input-group-text, .input-group-end>.form-control:hover+.input-group-text, .input-group-end>.form-control:hover+.input-group-text+.input-group-text { background-color: var(--ds-background-input-hovered); } .input-group-prefix>.form-control:focus+.input-group-text, .input-group-prefix>.form-control:focus+.input-group-text+.input-group-text, .input-group-prefix>.form-control:focus-visible+.input-group-text, .input-group-prefix>.form-control:focus-visible+.input-group-text+.input-group-text, .input-group-suffix>.form-control:focus+.input-group-text, .input-group-suffix>.form-control:focus+.input-group-text+.input-group-text, .input-group-suffix>.form-control:focus-visible+.input-group-text, .input-group-suffix>.form-control:focus-visible+.input-group-text+.input-group-text, .input-group-start>.form-control:focus+.input-group-text, .input-group-start>.form-control:focus+.input-group-text+.input-group-text, .input-group-start>.form-control:focus-visible+.input-group-text, .input-group-start>.form-control:focus-visible+.input-group-text+.input-group-text, .input-group-end>.form-control:focus+.input-group-text, .input-group-end>.form-control:focus+.input-group-text+.input-group-text, .input-group-end>.form-control:focus-visible+.input-group-text, .input-group-end>.form-control:focus-visible+.input-group-text+.input-group-text { background-color: var(--ds-background-input); border-color: var(--ds-border-focused); } .was-validated .input-group-prefix>.form-control:focus:valid+.input-group-text, .was-validated .input-group-prefix>.form-control:focus:valid+.input-group-text+.input-group-text, .input-group-prefix>.form-control:focus.is-valid+.input-group-text, .input-group-prefix>.form-control:focus.is-valid+.input-group-text+.input-group-text, .was-validated .input-group-prefix>.form-control:focus-visible:valid+.input-group-text, .was-validated .input-group-prefix>.form-control:focus-visible:valid+.input-group-text+.input-group-text, .input-group-prefix>.form-control:focus-visible.is-valid+.input-group-text, .input-group-prefix>.form-control:focus-visible.is-valid+.input-group-text+.input-group-text, .was-validated .input-group-suffix>.form-control:focus:valid+.input-group-text, .was-validated .input-group-suffix>.form-control:focus:valid+.input-group-text+.input-group-text, .input-group-suffix>.form-control:focus.is-valid+.input-group-text, .input-group-suffix>.form-control:focus.is-valid+.input-group-text+.input-group-text, .was-validated .input-group-suffix>.form-control:focus-visible:valid+.input-group-text, .was-validated .input-group-suffix>.form-control:focus-visible:valid+.input-group-text+.input-group-text, .input-group-suffix>.form-control:focus-visible.is-valid+.input-group-text, .input-group-suffix>.form-control:focus-visible.is-valid+.input-group-text+.input-group-text, .was-validated .input-group-start>.form-control:focus:valid+.input-group-text, .was-validated .input-group-start>.form-control:focus:valid+.input-group-text+.input-group-text, .input-group-start>.form-control:focus.is-valid+.input-group-text, .input-group-start>.form-control:focus.is-valid+.input-group-text+.input-group-text, .was-validated .input-group-start>.form-control:focus-visible:valid+.input-group-text, .was-validated .input-group-start>.form-control:focus-visible:valid+.input-group-text+.input-group-text, .input-group-start>.form-control:focus-visible.is-valid+.input-group-text, .input-group-start>.form-control:focus-visible.is-valid+.input-group-text+.input-group-text, .was-validated .input-group-end>.form-control:focus:valid+.input-group-text, .was-validated .input-group-end>.form-control:focus:valid+.input-group-text+.input-group-text, .input-group-end>.form-control:focus.is-valid+.input-group-text, .input-group-end>.form-control:focus.is-valid+.input-group-text+.input-group-text, .was-validated .input-group-end>.form-control:focus-visible:valid+.input-group-text, .was-validated .input-group-end>.form-control:focus-visible:valid+.input-group-text+.input-group-text, .input-group-end>.form-control:focus-visible.is-valid+.input-group-text, .input-group-end>.form-control:focus-visible.is-valid+.input-group-text+.input-group-text { border-color: var(--ds-border-focused); } .was-validated .input-group-prefix>.form-control:focus:invalid+.input-group-text, .was-validated .input-group-prefix>.form-control:focus:invalid+.input-group-text+.input-group-text, .input-group-prefix>.form-control:focus.is-invalid+.input-group-text, .input-group-prefix>.form-control:focus.is-invalid+.input-group-text+.input-group-text, .was-validated .input-group-prefix>.form-control:focus-visible:invalid+.input-group-text, .was-validated .input-group-prefix>.form-control:focus-visible:invalid+.input-group-text+.input-group-text, .input-group-prefix>.form-control:focus-visible.is-invalid+.input-group-text, .input-group-prefix>.form-control:focus-visible.is-invalid+.input-group-text+.input-group-text, .was-validated .input-group-suffix>.form-control:focus:invalid+.input-group-text, .was-validated .input-group-suffix>.form-control:focus:invalid+.input-group-text+.input-group-text, .input-group-suffix>.form-control:focus.is-invalid+.input-group-text, .input-group-suffix>.form-control:focus.is-invalid+.input-group-text+.input-group-text, .was-validated .input-group-suffix>.form-control:focus-visible:invalid+.input-group-text, .was-validated .input-group-suffix>.form-control:focus-visible:invalid+.input-group-text+.input-group-text, .input-group-suffix>.form-control:focus-visible.is-invalid+.input-group-text, .input-group-suffix>.form-control:focus-visible.is-invalid+.input-group-text+.input-group-text, .was-validated .input-group-start>.form-control:focus:invalid+.input-group-text, .was-validated .input-group-start>.form-control:focus:invalid+.input-group-text+.input-group-text, .input-group-start>.form-control:focus.is-invalid+.input-group-text, .input-group-start>.form-control:focus.is-invalid+.input-group-text+.input-group-text, .was-validated .input-group-start>.form-control:focus-visible:invalid+.input-group-text, .was-validated .input-group-start>.form-control:focus-visible:invalid+.input-group-text+.input-group-text, .input-group-start>.form-control:focus-visible.is-invalid+.input-group-text, .input-group-start>.form-control:focus-visible.is-invalid+.input-group-text+.input-group-text, .was-validated .input-group-end>.form-control:focus:invalid+.input-group-text, .was-validated .input-group-end>.form-control:focus:invalid+.input-group-text+.input-group-text, .input-group-end>.form-control:focus.is-invalid+.input-group-text, .input-group-end>.form-control:focus.is-invalid+.input-group-text+.input-group-text, .was-validated .input-group-end>.form-control:focus-visible:invalid+.input-group-text, .was-validated .input-group-end>.form-control:focus-visible:invalid+.input-group-text+.input-group-text, .input-group-end>.form-control:focus-visible.is-invalid+.input-group-text, .input-group-end>.form-control:focus-visible.is-invalid+.input-group-text+.input-group-text { border-color: var(--ds-border-focused); } .input-group-prefix>.form-control.is-invalid+.input-group-text, .input-group-suffix>.form-control.is-invalid+.input-group-text, .input-group-start>.form-control.is-invalid+.input-group-text, .input-group-end>.form-control.is-invalid+.input-group-text { border-color: #ca3521; } .input-group-prefix>.form-control.is-valid+.input-group-text, .input-group-suffix>.form-control.is-valid+.input-group-text, .input-group-start>.form-control.is-valid+.input-group-text, .input-group-end>.form-control.is-valid+.input-group-text { border-color: #1f845a; } .input-group-prefix, .input-group-start { flex-direction: row-reverse; } .input-group-prefix>.form-control, .input-group-start>.form-control { border-left: none; padding-left: 0; border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; border-top-right-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important; } .input-group-prefix>.input-group-text, .input-group-start>.input-group-text { border-right: none; border-top-left-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } .input-group-suffix, .input-group-end { flex-direction: row; } .input-group-suffix>.form-control, .input-group-end>.form-control { padding-right: 0; border-right: none; } .input-group-suffix>.input-group-text, .input-group-end>.input-group-text { border-left: none; } .btn { --bs-btn-padding-x: 0.75rem; --bs-btn-padding-y: 0.375rem; --bs-btn-font-family: ; --bs-btn-font-size: 0.875rem; --bs-btn-font-weight: 500; --bs-btn-line-height: 1.25rem; --bs-btn-color: var(--bs-body-color); --bs-btn-bg: transparent; --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-box-shadow: 0 0 0 transparent; --bs-btn-disabled-opacity: 1; --bs-btn-focus-box-shadow: 0 0 0 0 rgba(var(--bs-btn-focus-shadow-rgb), .5); display: inline-block; padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x); font-family: var(--bs-btn-font-family); 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-align: center; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; border: var(--bs-btn-border-width) solid var(--bs-btn-border-color); border-radius: var(--bs-btn-border-radius); background-color: var(--bs-btn-bg); 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 { transition: none; } } .btn:hover { color: var(--bs-btn-hover-color); text-decoration: none; background-color: var(--bs-btn-hover-bg); border-color: var(--bs-btn-hover-border-color); } .btn-check+.btn:hover { color: var(--bs-btn-color); background-color: var(--bs-btn-bg); border-color: var(--bs-btn-border-color); } .btn:focus-visible { color: var(--bs-btn-hover-color); background-color: var(--bs-btn-hover-bg); border-color: var(--bs-btn-hover-border-color); outline: 0; box-shadow: var(--bs-btn-focus-box-shadow); } .btn-check:focus-visible+.btn { border-color: var(--bs-btn-hover-border-color); outline: 0; box-shadow: var(--bs-btn-focus-box-shadow); } .btn-check:checked+.btn, :not(.btn-check)+.btn:active, .btn:first-child:active, .btn.active, .btn.show { color: var(--bs-btn-active-color); background-color: var(--bs-btn-active-bg); border-color: var(--bs-btn-active-border-color); } .btn-check:checked+.btn:focus-visible, :not(.btn-check)+.btn:active:focus-visible, .btn:first-child:active:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible { box-shadow: var(--bs-btn-focus-box-shadow); } .btn:disabled, .btn.disabled, fieldset:disabled .btn { color: var(--bs-btn-disabled-color); pointer-events: none; background-color: var(--bs-btn-disabled-bg); border-color: var(--bs-btn-disabled-border-color); opacity: var(--bs-btn-disabled-opacity); } .btn-primary { --bs-btn-color: #fff; --bs-btn-bg: #0c66e4; --bs-btn-border-color: #0c66e4; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #0a57c2; --bs-btn-hover-border-color: #0a52b6; --bs-btn-focus-shadow-rgb: 48, 125, 232; --bs-btn-active-color: #fff; --bs-btn-active-bg: #0a52b6; --bs-btn-active-border-color: #094dab; --bs-btn-active-shadow: 0 0 0 transparent; --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #0c66e4; --bs-btn-disabled-border-color: #0c66e4; } .btn-secondary { --bs-btn-color: #fff; --bs-btn-bg: #44546f; --bs-btn-border-color: #44546f; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #3a475e; --bs-btn-hover-border-color: #364359; --bs-btn-focus-shadow-rgb: 96, 110, 133; --bs-btn-active-color: #fff; --bs-btn-active-bg: #364359; --bs-btn-active-border-color: #333f53; --bs-btn-active-shadow: 0 0 0 transparent; --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #44546f; --bs-btn-disabled-border-color: #44546f; } .btn-success { --bs-btn-color: #fff; --bs-btn-bg: #1f845a; --bs-btn-border-color: #1f845a; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #1a704d; --bs-btn-hover-border-color: #196a48; --bs-btn-focus-shadow-rgb: 65, 150, 115; --bs-btn-active-color: #fff; --bs-btn-active-bg: #196a48; --bs-btn-active-border-color: #176344; --bs-btn-active-shadow: 0 0 0 transparent; --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #1f845a; --bs-btn-disabled-border-color: #1f845a; } .btn-info { --bs-btn-color: #fff; --bs-btn-bg: #0c66e4; --bs-btn-border-color: #0c66e4; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #0a57c2; --bs-btn-hover-border-color: #0a52b6; --bs-btn-focus-shadow-rgb: 48, 125, 232; --bs-btn-active-color: #fff; --bs-btn-active-bg: #0a52b6; --bs-btn-active-border-color: #094dab; --bs-btn-active-shadow: 0 0 0 transparent; --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #0c66e4; --bs-btn-disabled-border-color: #0c66e4; } .btn-warning { --bs-btn-color: #000; --bs-btn-bg: #e2b203; --bs-btn-border-color: #e2b203; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #e6be29; --bs-btn-hover-border-color: #e5ba1c; --bs-btn-focus-shadow-rgb: 192, 151, 3; --bs-btn-active-color: #000; --bs-btn-active-bg: #e8c135; --bs-btn-active-border-color: #e5ba1c; --bs-btn-active-shadow: 0 0 0 transparent; --bs-btn-disabled-color: #000; --bs-btn-disabled-bg: #e2b203; --bs-btn-disabled-border-color: #e2b203; } .btn-danger { --bs-btn-color: #fff; --bs-btn-bg: #ca3521; --bs-btn-border-color: #ca3521; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #ac2d1c; --bs-btn-hover-border-color: #a22a1a; --bs-btn-focus-shadow-rgb: 210, 83, 66; --bs-btn-active-color: #fff; --bs-btn-active-bg: #a22a1a; --bs-btn-active-border-color: #982819; --bs-btn-active-shadow: 0 0 0 transparent; --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #ca3521; --bs-btn-disabled-border-color: #ca3521; } .btn-light { --bs-btn-color: #000; --bs-btn-bg: #f7f8f9; --bs-btn-border-color: #f7f8f9; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #d2d3d4; --bs-btn-hover-border-color: #c6c6c7; --bs-btn-focus-shadow-rgb: 210, 211, 212; --bs-btn-active-color: #000; --bs-btn-active-bg: #c6c6c7; --bs-btn-active-border-color: #b9babb; --bs-btn-active-shadow: 0 0 0 transparent; --bs-btn-disabled-color: #000; --bs-btn-disabled-bg: #f7f8f9; --bs-btn-disabled-border-color: #f7f8f9; } .btn-dark { --bs-btn-color: #fff; --bs-btn-bg: #091e42; --bs-btn-border-color: #091e42; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #2e405e; --bs-btn-hover-border-color: #223555; --bs-btn-focus-shadow-rgb: 46, 64, 94; --bs-btn-active-color: #fff; --bs-btn-active-bg: #3a4b68; --bs-btn-active-border-color: #223555; --bs-btn-active-shadow: 0 0 0 transparent; --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #091e42; --bs-btn-disabled-border-color: #091e42; } .btn-discovery { --bs-btn-color: #fff; --bs-btn-bg: #6e5dc6; --bs-btn-border-color: #6e5dc6; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #5e4fa8; --bs-btn-hover-border-color: #584a9e; --bs-btn-focus-shadow-rgb: 132, 117, 207; --bs-btn-active-color: #fff; --bs-btn-active-bg: #584a9e; --bs-btn-active-border-color: #534695; --bs-btn-active-shadow: 0 0 0 transparent; --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #6e5dc6; --bs-btn-disabled-border-color: #6e5dc6; } .btn-outline-primary { --bs-btn-color: #0c66e4; --bs-btn-border-color: #0c66e4; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #0c66e4; --bs-btn-hover-border-color: #0c66e4; --bs-btn-focus-shadow-rgb: 12, 102, 228; --bs-btn-active-color: #fff; --bs-btn-active-bg: #0c66e4; --bs-btn-active-border-color: #0c66e4; --bs-btn-active-shadow: 0 0 0 transparent; --bs-btn-disabled-color: #0c66e4; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #0c66e4; --bs-gradient: none; } .btn-outline-secondary { --bs-btn-color: #44546f; --bs-btn-border-color: #44546f; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #44546f; --bs-btn-hover-border-color: #44546f; --bs-btn-focus-shadow-rgb: 68, 84, 111; --bs-btn-active-color: #fff; --bs-btn-active-bg: #44546f; --bs-btn-active-border-color: #44546f; --bs-btn-active-shadow: 0 0 0 transparent; --bs-btn-disabled-color: #44546f; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #44546f; --bs-gradient: none; } .btn-outline-success { --bs-btn-color: #1f845a; --bs-btn-border-color: #1f845a; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #1f845a; --bs-btn-hover-border-color: #1f845a; --bs-btn-focus-shadow-rgb: 31, 132, 90; --bs-btn-active-color: #fff; --bs-btn-active-bg: #1f845a; --bs-btn-active-border-color: #1f845a; --bs-btn-active-shadow: 0 0 0 transparent; --bs-btn-disabled-color: #1f845a; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #1f845a; --bs-gradient: none; } .btn-outline-info { --bs-btn-color: #0c66e4; --bs-btn-border-color: #0c66e4; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #0c66e4; --bs-btn-hover-border-color: #0c66e4; --bs-btn-focus-shadow-rgb: 12, 102, 228; --bs-btn-active-color: #fff; --bs-btn-active-bg: #0c66e4; --bs-btn-active-border-color: #0c66e4; --bs-btn-active-shadow: 0 0 0 transparent; --bs-btn-disabled-color: #0c66e4; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #0c66e4; --bs-gradient: none; } .btn-outline-warning { --bs-btn-color: #e2b203; --bs-btn-border-color: #e2b203; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #e2b203; --bs-btn-hover-border-color: #e2b203; --bs-btn-focus-shadow-rgb: 226, 178, 3; --bs-btn-active-color: #000; --bs-btn-active-bg: #e2b203; --bs-btn-active-border-color: #e2b203; --bs-btn-active-shadow: 0 0 0 transparent; --bs-btn-disabled-color: #e2b203; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #e2b203; --bs-gradient: none; } .btn-outline-danger { --bs-btn-color: #ca3521; --bs-btn-border-color: #ca3521; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #ca3521; --bs-btn-hover-border-color: #ca3521; --bs-btn-focus-shadow-rgb: 202, 53, 33; --bs-btn-active-color: #fff; --bs-btn-active-bg: #ca3521; --bs-btn-active-border-color: #ca3521; --bs-btn-active-shadow: 0 0 0 transparent; --bs-btn-disabled-color: #ca3521; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #ca3521; --bs-gradient: none; } .btn-outline-light { --bs-btn-color: #f7f8f9; --bs-btn-border-color: #f7f8f9; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #f7f8f9; --bs-btn-hover-border-color: #f7f8f9; --bs-btn-focus-shadow-rgb: 247, 248, 249; --bs-btn-active-color: #000; --bs-btn-active-bg: #f7f8f9; --bs-btn-active-border-color: #f7f8f9; --bs-btn-active-shadow: 0 0 0 transparent; --bs-btn-disabled-color: #f7f8f9; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #f7f8f9; --bs-gradient: none; } .btn-outline-dark { --bs-btn-color: #091e42; --bs-btn-border-color: #091e42; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #091e42; --bs-btn-hover-border-color: #091e42; --bs-btn-focus-shadow-rgb: 9, 30, 66; --bs-btn-active-color: #fff; --bs-btn-active-bg: #091e42; --bs-btn-active-border-color: #091e42; --bs-btn-active-shadow: 0 0 0 transparent; --bs-btn-disabled-color: #091e42; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #091e42; --bs-gradient: none; } .btn-outline-discovery { --bs-btn-color: #6e5dc6; --bs-btn-border-color: #6e5dc6; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #6e5dc6; --bs-btn-hover-border-color: #6e5dc6; --bs-btn-focus-shadow-rgb: 110, 93, 198; --bs-btn-active-color: #fff; --bs-btn-active-bg: #6e5dc6; --bs-btn-active-border-color: #6e5dc6; --bs-btn-active-shadow: 0 0 0 transparent; --bs-btn-disabled-color: #6e5dc6; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #6e5dc6; --bs-gradient: none; } .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-border-color: transparent; --bs-btn-active-color: var(--bs-link-hover-color); --bs-btn-active-border-color: transparent; --bs-btn-disabled-color: var(--ds-text-disabled); --bs-btn-disabled-border-color: transparent; --bs-btn-box-shadow: 0 0 0 #000; --bs-btn-focus-shadow-rgb: 48, 125, 232; text-decoration: none; } .btn-link:hover, .btn-link:focus-visible { text-decoration: underline; } .btn-link:focus-visible { color: var(--bs-btn-color); } .btn-link:hover { color: var(--bs-btn-hover-color); } .btn-lg, .btn-group-lg>.btn { --bs-btn-padding-y: 0.5rem; --bs-btn-padding-x: 1rem; --bs-btn-font-size: 1rem; --bs-btn-border-radius: 0.25rem; } .btn-sm, .btn-group-sm>.btn { --bs-btn-padding-y: 0.25rem; --bs-btn-padding-x: 0.5rem; --bs-btn-font-size: 0.875rem; --bs-btn-border-radius: 0.25rem; } .btn-primary { --bs-btn-color: var(--ds-text-inverse); --bs-btn-bg: var(--ds-background-brand-bold); --bs-btn-border-color: transparent; --bs-btn-hover-color: var(--ds-text-inverse); --bs-btn-hover-bg: var(--ds-background-brand-bold-hovered); --bs-btn-hover-border-color: transparent; --bs-btn-focus-shadow-rgb: transparent; --bs-btn-active-color: var(--ds-text-selected); --bs-btn-active-bg: var(--ds-background-selected); --bs-btn-active-border-color: transparent; --bs-btn-active-shadow: 0 0 0 transparent; --bs-btn-disabled-color: var(--ds-text-disabled); --bs-btn-disabled-bg: var(--ds-background-disabled); --bs-btn-disabled-border-color: transparent; } .btn-primary:not(.active):active { --bs-btn-active-color: var(--ds-text-inverse); --bs-btn-active-bg: var(--ds-background-selected-bold-pressed); } .btn-secondary { --bs-btn-color: var(--ds-text-inverse); --bs-btn-bg: var(--ds-background-neutral-bold); --bs-btn-border-color: transparent; --bs-btn-hover-color: var(--ds-text-inverse); --bs-btn-hover-bg: var(--ds-background-neutral-bold-hovered); --bs-btn-hover-border-color: transparent; --bs-btn-focus-shadow-rgb: transparent; --bs-btn-active-color: var(--ds-text-selected); --bs-btn-active-bg: var(--ds-background-selected); --bs-btn-active-border-color: transparent; --bs-btn-active-shadow: 0 0 0 transparent; --bs-btn-disabled-color: var(--ds-text-disabled); --bs-btn-disabled-bg: var(--ds-background-disabled); --bs-btn-disabled-border-color: transparent; } .btn-secondary:not(.active):active { --bs-btn-active-color: var(--ds-text-inverse); --bs-btn-active-bg: var(--ds-background-neutral-bold-pressed); } .btn-danger { --bs-btn-color: var(--ds-text-inverse); --bs-btn-bg: var(--ds-background-danger-bold); --bs-btn-border-color: transparent; --bs-btn-hover-color: var(--ds-text-inverse); --bs-btn-hover-bg: var(--ds-background-danger-bold-hovered); --bs-btn-hover-border-color: transparent; --bs-btn-focus-shadow-rgb: transparent; --bs-btn-active-color: var(--ds-text-selected); --bs-btn-active-bg: var(--ds-background-selected); --bs-btn-active-border-color: transparent; --bs-btn-active-shadow: 0 0 0 transparent; --bs-btn-disabled-color: var(--ds-text-disabled); --bs-btn-disabled-bg: var(--ds-background-disabled); --bs-btn-disabled-border-color: transparent; } .btn-danger:not(.active):active { --bs-btn-active-color: var(--ds-text-inverse); --bs-btn-active-bg: var(--ds-background-danger-bold-pressed); } .btn-warning { --bs-btn-color: var(--ds-text-warning-inverse); --bs-btn-bg: var(--ds-background-warning-bold); --bs-btn-border-color: transparent; --bs-btn-hover-color: var(--ds-text-warning-inverse); --bs-btn-hover-bg: var(--ds-background-warning-bold-hovered); --bs-btn-hover-border-color: transparent; --bs-btn-focus-shadow-rgb: transparent; --bs-btn-active-color: var(--ds-text-selected); --bs-btn-active-bg: var(--ds-background-selected); --bs-btn-active-border-color: transparent; --bs-btn-active-shadow: 0 0 0 transparent; --bs-btn-disabled-color: var(--ds-text-disabled); --bs-btn-disabled-bg: var(--ds-background-disabled); --bs-btn-disabled-border-color: transparent; } .btn-warning:not(.active):active { --bs-btn-active-color: var(--ds-text-warning-inverse); --bs-btn-active-bg: var(--ds-background-warning-bold-pressed); } .btn-subtle { --bs-btn-color: var(--ds-text); --bs-btn-bg: var(--ds-background-neutral-subtle); --bs-btn-border-color: transparent; --bs-btn-hover-color: var(--ds-text); --bs-btn-hover-bg: var(--ds-background-neutral-subtle-hovered); --bs-btn-hover-border-color: transparent; --bs-btn-focus-shadow-rgb: transparent; --bs-btn-active-color: var(--ds-text-selected); --bs-btn-active-bg: var(--ds-background-selected); --bs-btn-active-border-color: transparent; --bs-btn-active-shadow: 0 0 0 transparent; --bs-btn-disabled-color: var(--ds-text-disabled); --bs-btn-disabled-bg: var(--ds-background-disabled); --bs-btn-disabled-border-color: transparent; } .btn-subtle:not(.active):active { --bs-btn-active-color: var(--ds-text); --bs-btn-active-bg: var(--ds-background-neutral-subtle-pressed); } .btn-default { --bs-btn-color: var(--ds-text); --bs-btn-bg: var(--ds-background-neutral); --bs-btn-border-color: transparent; --bs-btn-hover-color: var(--ds-text); --bs-btn-hover-bg: var(--ds-background-neutral-hovered); --bs-btn-hover-border-color: transparent; --bs-btn-focus-shadow-rgb: transparent; --bs-btn-active-color: var(--ds-text-selected); --bs-btn-active-bg: var(--ds-background-selected); --bs-btn-active-border-color: transparent; --bs-btn-active-shadow: 0 0 0 transparent; --bs-btn-disabled-color: var(--ds-text-disabled); --bs-btn-disabled-bg: var(--ds-background-disabled); --bs-btn-disabled-border-color: transparent; } .btn-default:not(.active):active { --bs-btn-active-color: var(--ds-text); --bs-btn-active-bg: var(--ds-background-neutral-pressed); } .btn-discovery { --bs-btn-color: var(--ds-text-inverse); --bs-btn-bg: var(--ds-background-discovery-bold); --bs-btn-border-color: transparent; --bs-btn-hover-color: var(--ds-text-inverse); --bs-btn-hover-bg: var(--ds-background-discovery-bold-hovered); --bs-btn-hover-border-color: transparent; --bs-btn-focus-shadow-rgb: transparent; --bs-btn-active-color: var(--ds-text-selected); --bs-btn-active-bg: var(--ds-background-selected); --bs-btn-active-border-color: transparent; --bs-btn-active-shadow: 0 0 0 transparent; --bs-btn-disabled-color: var(--ds-text-disabled); --bs-btn-disabled-bg: var(--ds-background-disabled); --bs-btn-disabled-border-color: transparent; } .btn-discovery:not(.active):active { --bs-btn-active-color: var(--ds-text-inverse); --bs-btn-active-bg: var(--ds-background-discovery-bold-pressed); } .btn-outline-primary { --bs-btn-color: var(--ds-background-brand-bold); --bs-btn-bg: transparent; --bs-btn-border-color: var(--ds-background-brand-bold); --bs-btn-hover-color: var(--ds-text-inverse); --bs-btn-hover-bg: var(--ds-background-brand-bold-hovered); --bs-btn-hover-border-color: transparent; --bs-btn-focus-shadow-rgb: transparent; --bs-btn-active-color: var(--ds-text-selected); --bs-btn-active-bg: var(--ds-background-selected); --bs-btn-active-border-color: transparent; --bs-btn-active-shadow: 0 0 0 transparent; --bs-btn-disabled-color: var(--ds-text-disabled); --bs-btn-disabled-bg: var(--ds-background-disabled); --bs-btn-disabled-border-color: transparent; } .btn-outline-primary:not(.active):active { --bs-btn-active-color: var(--ds-text-inverse); --bs-btn-active-bg: var(--ds-background-selected-bold-pressed); } .btn-outline-secondary { --bs-btn-color: var(--ds-background-neutral-bold); --bs-btn-bg: transparent; --bs-btn-border-color: var(--ds-background-neutral-bold); --bs-btn-hover-color: var(--ds-text-inverse); --bs-btn-hover-bg: var(--ds-background-neutral-bold-hovered); --bs-btn-hover-border-color: transparent; --bs-btn-focus-shadow-rgb: transparent; --bs-btn-active-color: var(--ds-text-selected); --bs-btn-active-bg: var(--ds-background-selected); --bs-btn-active-border-color: transparent; --bs-btn-active-shadow: 0 0 0 transparent; --bs-btn-disabled-color: var(--ds-text-disabled); --bs-btn-disabled-bg: var(--ds-background-disabled); --bs-btn-disabled-border-color: transparent; } .btn-outline-secondary:not(.active):active { --bs-btn-active-color: var(--ds-text-inverse); --bs-btn-active-bg: var(--ds-background-neutral-bold-pressed); } .btn-outline-danger { --bs-btn-color: var(--ds-background-danger-bold); --bs-btn-bg: transparent; --bs-btn-border-color: var(--ds-background-danger-bold); --bs-btn-hover-color: var(--ds-text-inverse); --bs-btn-hover-bg: var(--ds-background-danger-bold-hovered); --bs-btn-hover-border-color: transparent; --bs-btn-focus-shadow-rgb: transparent; --bs-btn-active-color: var(--ds-text-selected); --bs-btn-active-bg: var(--ds-background-selected); --bs-btn-active-border-color: transparent; --bs-btn-active-shadow: 0 0 0 transparent; --bs-btn-disabled-color: var(--ds-text-disabled); --bs-btn-disabled-bg: var(--ds-background-disabled); --bs-btn-disabled-border-color: transparent; } .btn-outline-danger:not(.active):active { --bs-btn-active-color: var(--ds-text-inverse); --bs-btn-active-bg: var(--ds-background-danger-bold-pressed); } .btn-outline-warning { --bs-btn-color: var(--ds-background-warning-bold); --bs-btn-bg: transparent; --bs-btn-border-color: var(--ds-background-warning-bold); --bs-btn-hover-color: var(--ds-text-warning-inverse); --bs-btn-hover-bg: var(--ds-background-warning-bold-hovered); --bs-btn-hover-border-color: transparent; --bs-btn-focus-shadow-rgb: transparent; --bs-btn-active-color: var(--ds-text-selected); --bs-btn-active-bg: var(--ds-background-selected); --bs-btn-active-border-color: transparent; --bs-btn-active-shadow: 0 0 0 transparent; --bs-btn-disabled-color: var(--ds-text-disabled); --bs-btn-disabled-bg: var(--ds-background-disabled); --bs-btn-disabled-border-color: transparent; } .btn-outline-warning:not(.active):active { --bs-btn-active-color: var(--ds-text-warning-inverse); --bs-btn-active-bg: var(--ds-background-warning-bold-pressed); } .btn-outline-default { --bs-btn-color: var(--ds-text); --bs-btn-bg: transparent; --bs-btn-border-color: var(--ds-background-neutral-hovered); --bs-btn-hover-color: var(--ds-text); --bs-btn-hover-bg: var(--ds-background-neutral-hovered); --bs-btn-hover-border-color: transparent; --bs-btn-focus-shadow-rgb: transparent; --bs-btn-active-color: var(--ds-text-selected); --bs-btn-active-bg: var(--ds-background-selected); --bs-btn-active-border-color: transparent; --bs-btn-active-shadow: 0 0 0 transparent; --bs-btn-disabled-color: var(--ds-text-disabled); --bs-btn-disabled-bg: var(--ds-background-disabled); --bs-btn-disabled-border-color: transparent; } .btn-outline-default:not(.active):active { --bs-btn-active-color: var(--ds-text); --bs-btn-active-bg: var(--ds-background-neutral-pressed); } .btn-outline-discovery { --bs-btn-color: var(--ds-background-discovery-bold); --bs-btn-bg: transparent; --bs-btn-border-color: var(--ds-background-discovery-bold); --bs-btn-hover-color: var(--ds-text-inverse); --bs-btn-hover-bg: var(--ds-background-discovery-bold-hovered); --bs-btn-hover-border-color: transparent; --bs-btn-focus-shadow-rgb: transparent; --bs-btn-active-color: var(--ds-text-selected); --bs-btn-active-bg: var(--ds-background-selected); --bs-btn-active-border-color: transparent; --bs-btn-active-shadow: 0 0 0 transparent; --bs-btn-disabled-color: var(--ds-text-disabled); --bs-btn-disabled-bg: var(--ds-background-disabled); --bs-btn-disabled-border-color: transparent; } .btn-outline-discovery:not(.active):active { --bs-btn-active-color: var(--ds-text-inverse); --bs-btn-active-bg: var(--ds-background-discovery-bold-pressed); } .btn-link { --bs-btn-font-weight: 500; --bs-btn-active-bg: var(--ds-background-selected); --bs-btn-active-color: var(--ds-text-selected); --bs-btn-active-border-color: transparent; } .btn-link:active { --bs-btn-active-bg: transparent; --bs-btn-active-color: var(--ds-link-pressed); } .btn-success { --bs-btn-disabled-color: var(--ds-text-disabled); --bs-btn-disabled-bg: var(--ds-background-disabled); --bs-btn-disabled-border-color: transparent; } .btn-check:checked+.btn-success, .btn-success.active, .btn-success.show { --bs-btn-active-color: var(--ds-text-selected); --bs-btn-active-bg: var(--ds-background-selected); --bs-btn-active-border-color: transparent; } .btn-outline-success { --bs-btn-disabled-color: var(--ds-text-disabled); --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: var(--ds-border-disabled); } .btn-check:checked+.btn-outline-success, .btn-outline-success.active, .btn-outline-success.show { --bs-btn-active-color: var(--ds-text-selected); --bs-btn-active-bg: var(--ds-background-selected); --bs-btn-active-border-color: transparent; } .btn-dark { --bs-btn-disabled-color: var(--ds-text-disabled); --bs-btn-disabled-bg: var(--ds-background-disabled); --bs-btn-disabled-border-color: transparent; } .btn-check:checked+.btn-dark, .btn-dark.active, .btn-dark.show { --bs-btn-active-color: var(--ds-text-selected); --bs-btn-active-bg: var(--ds-background-selected); --bs-btn-active-border-color: transparent; } .btn-outline-dark { --bs-btn-disabled-color: var(--ds-text-disabled); --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: var(--ds-border-disabled); } .btn-check:checked+.btn-outline-dark, .btn-outline-dark.active, .btn-outline-dark.show { --bs-btn-active-color: var(--ds-text-selected); --bs-btn-active-bg: var(--ds-background-selected); --bs-btn-active-border-color: transparent; } .btn-light { --bs-btn-disabled-color: var(--ds-text-disabled); --bs-btn-disabled-bg: var(--ds-background-disabled); --bs-btn-disabled-border-color: transparent; } .btn-check:checked+.btn-light, .btn-light.active, .btn-light.show { --bs-btn-active-color: var(--ds-text-selected); --bs-btn-active-bg: var(--ds-background-selected); --bs-btn-active-border-color: transparent; } .btn-outline-light { --bs-btn-disabled-color: var(--ds-text-disabled); --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: var(--ds-border-disabled); } .btn-check:checked+.btn-outline-light, .btn-outline-light.active, .btn-outline-light.show { --bs-btn-active-color: var(--ds-text-selected); --bs-btn-active-bg: var(--ds-background-selected); --bs-btn-active-border-color: transparent; } .btn-info { --bs-btn-disabled-color: var(--ds-text-disabled); --bs-btn-disabled-bg: var(--ds-background-disabled); --bs-btn-disabled-border-color: transparent; } .btn-check:checked+.btn-info, .btn-info.active, .btn-info.show { --bs-btn-active-color: var(--ds-text-selected); --bs-btn-active-bg: var(--ds-background-selected); --bs-btn-active-border-color: transparent; } .btn-outline-info { --bs-btn-disabled-color: var(--ds-text-disabled); --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: var(--ds-border-disabled); } .btn-check:checked+.btn-outline-info, .btn-outline-info.active, .btn-outline-info.show { --bs-btn-active-color: var(--ds-text-selected); --bs-btn-active-bg: var(--ds-background-selected); --bs-btn-active-border-color: transparent; } .btn-group, .btn-group-vertical { position: relative; display: inline-flex; vertical-align: middle; } .btn-group>.btn, .btn-group-vertical>.btn { position: relative; flex: 1 1 auto; } .btn-group>.btn-check:checked+.btn, .btn-group>.btn-check:focus+.btn, .btn-group>.btn:hover, .btn-group>.btn:focus, .btn-group>.btn:active, .btn-group>.btn.active, .btn-group-vertical>.btn-check:checked+.btn, .btn-group-vertical>.btn-check:focus+.btn, .btn-group-vertical>.btn:hover, .btn-group-vertical>.btn:focus, .btn-group-vertical>.btn:active, .btn-group-vertical>.btn.active { z-index: 1; } .btn-toolbar { display: flex; flex-wrap: wrap; justify-content: flex-start; } .btn-toolbar .input-group { width: auto; } .btn-group { border-radius: var(--bs-border-radius); } .btn-group> :not(.btn-check:first-child)+.btn, .btn-group>.btn-group:not(:first-child) { margin-left: calc(var(--bs-border-width) * -1); } .btn-group>.btn:not(:last-child):not(.dropdown-toggle), .btn-group>.btn.dropdown-toggle-split:first-child, .btn-group>.btn-group:not(:last-child)>.btn { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group>.btn:nth-child(n+3), .btn-group> :not(.btn-check)+.btn, .btn-group>.btn-group:not(:first-child)>.btn { border-top-left-radius: 0; border-bottom-left-radius: 0; } .dropdown-toggle-split { padding-right: 0.5625rem; padding-left: 0.5625rem; } .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after { margin-left: 0; } .dropstart .dropdown-toggle-split::before { margin-right: 0; } .btn-sm+.dropdown-toggle-split, .btn-group-sm>.btn+.dropdown-toggle-split { padding-right: 0.375rem; padding-left: 0.375rem; } .btn-lg+.dropdown-toggle-split, .btn-group-lg>.btn+.dropdown-toggle-split { padding-right: 0.75rem; padding-left: 0.75rem; } .btn-group-vertical { flex-direction: column; align-items: flex-start; justify-content: center; } .btn-group-vertical>.btn, .btn-group-vertical>.btn-group { width: 100%; } .btn-group-vertical>.btn:not(:first-child), .btn-group-vertical>.btn-group:not(:first-child) { margin-top: calc(var(--bs-border-width) * -1); } .btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle), .btn-group-vertical>.btn-group:not(:last-child)>.btn { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical>.btn~.btn, .btn-group-vertical>.btn-group:not(:first-child)>.btn { border-top-left-radius: 0; border-top-right-radius: 0; } .dropup, .dropend, .dropdown, .dropstart, .dropup-center, .dropdown-center { position: relative; } .dropdown-toggle { white-space: nowrap; } .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent; } .dropdown-toggle:empty::after { margin-left: 0; } .dropdown-menu { --bs-dropdown-zindex: 1000; --bs-dropdown-min-width: 10rem; --bs-dropdown-padding-x: 0; --bs-dropdown-padding-y: 0.375rem; --bs-dropdown-spacer: 0.125rem; --bs-dropdown-font-size: 0.875rem; --bs-dropdown-color: var(--bs-body-color); --bs-dropdown-bg: var(--bs-body-bg); --bs-dropdown-border-color: var(--bs-border-color-translucent); --bs-dropdown-border-radius: var(--bs-border-radius); --bs-dropdown-border-width: 0; --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - 0); --bs-dropdown-divider-bg: var(--ds-border); --bs-dropdown-divider-margin-y: 0.375rem; --bs-dropdown-box-shadow: var(--ds-shadow-overlay); --bs-dropdown-link-color: var(--ds-text); --bs-dropdown-link-hover-color: var(--ds-text); --bs-dropdown-link-hover-bg: var(--ds-background-neutral-subtle-hovered); --bs-dropdown-link-active-color: var(--ds-text-selected); --bs-dropdown-link-active-bg: var(--ds-background-selected); --bs-dropdown-link-disabled-color: var(--ds-text-disabled); --bs-dropdown-item-padding-x: 1rem; --bs-dropdown-item-padding-y: 0.5rem; --bs-dropdown-header-color: var(--ds-text-subtle); --bs-dropdown-header-padding-x: 1rem; --bs-dropdown-header-padding-y: 0.375rem; position: absolute; z-index: var(--bs-dropdown-zindex); display: none; 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: left; 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); } .dropdown-menu[data-bs-popper] { top: 100%; left: 0; margin-top: var(--bs-dropdown-spacer); } .dropdown-menu-start { --bs-position: start; } .dropdown-menu-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-end { --bs-position: end; } .dropdown-menu-end[data-bs-popper] { right: 0; left: auto; } @media (min-width: 576px) { .dropdown-menu-sm-start { --bs-position: start; } .dropdown-menu-sm-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-sm-end { --bs-position: end; } .dropdown-menu-sm-end[data-bs-popper] { right: 0; left: auto; } } @media (min-width: 768px) { .dropdown-menu-md-start { --bs-position: start; } .dropdown-menu-md-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-md-end { --bs-position: end; } .dropdown-menu-md-end[data-bs-popper] { right: 0; left: auto; } } @media (min-width: 992px) { .dropdown-menu-lg-start { --bs-position: start; } .dropdown-menu-lg-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-lg-end { --bs-position: end; } .dropdown-menu-lg-end[data-bs-popper] { right: 0; left: auto; } } @media (min-width: 1200px) { .dropdown-menu-xl-start { --bs-position: start; } .dropdown-menu-xl-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-xl-end { --bs-position: end; } .dropdown-menu-xl-end[data-bs-popper] { right: 0; left: auto; } } @media (min-width: 1400px) { .dropdown-menu-xxl-start { --bs-position: start; } .dropdown-menu-xxl-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-xxl-end { --bs-position: end; } .dropdown-menu-xxl-end[data-bs-popper] { right: 0; left: auto; } } .dropup .dropdown-menu[data-bs-popper] { top: auto; bottom: 100%; margin-top: 0; margin-bottom: var(--bs-dropdown-spacer); } .dropup .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0; border-right: 0.3em solid transparent; border-bottom: 0.3em solid; border-left: 0.3em solid transparent; } .dropup .dropdown-toggle:empty::after { margin-left: 0; } .dropend .dropdown-menu[data-bs-popper] { top: 0; right: auto; left: 100%; margin-top: 0; margin-left: var(--bs-dropdown-spacer); } .dropend .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0; border-bottom: 0.3em solid transparent; border-left: 0.3em solid; } .dropend .dropdown-toggle:empty::after { margin-left: 0; } .dropend .dropdown-toggle::after { vertical-align: 0; } .dropstart .dropdown-menu[data-bs-popper] { top: 0; right: 100%; left: auto; margin-top: 0; margin-right: var(--bs-dropdown-spacer); } .dropstart .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; } .dropstart .dropdown-toggle::after { display: none; } .dropstart .dropdown-toggle::before { display: inline-block; margin-right: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0.3em solid; border-bottom: 0.3em solid transparent; } .dropstart .dropdown-toggle:empty::after { margin-left: 0; } .dropstart .dropdown-toggle::before { vertical-align: 0; } .dropdown-divider { height: 0; margin: var(--bs-dropdown-divider-margin-y) 0; overflow: hidden; border-top: 1px solid var(--bs-dropdown-divider-bg); opacity: 1; } .dropdown-item { display: block; width: 100%; padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x); clear: both; font-weight: 400; color: var(--bs-dropdown-link-color); text-align: inherit; 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); text-decoration: none; background-color: var(--bs-dropdown-link-hover-bg); } .dropdown-item.active, .dropdown-item:active { color: var(--bs-dropdown-link-active-color); text-decoration: none; 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-menu.show { display: block; } .dropdown-header { display: block; padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x); margin-bottom: 0; font-size: 0.875rem; 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-dropdown-link-color); } .dropdown-menu-dark { --bs-dropdown-color: #dee2e6; --bs-dropdown-bg: #343a40; --bs-dropdown-border-color: var(--bs-border-color-translucent); --bs-dropdown-box-shadow: ; --bs-dropdown-link-color: #dee2e6; --bs-dropdown-link-hover-color: #fff; --bs-dropdown-divider-bg: var(--ds-border); --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15); --bs-dropdown-link-active-color: var(--ds-text-selected); --bs-dropdown-link-active-bg: var(--ds-background-selected); --bs-dropdown-link-disabled-color: #adb5bd; --bs-dropdown-header-color: #adb5bd; } .dropdown { display: inline-flex; vertical-align: top; } .dropdown.is-hoverable:hover .dropdown-menu, .dropdown.dropdown-hover:hover .dropdown-menu { display: block; top: 100%; } .dropdown-menu { max-width: 800px; box-shadow: var(--ds-shadow-overlay); } .dropdown-description { display: block; margin-top: 3px; font-size: 12px; color: #f1f2f4; line-height: 1; word-break: break-word; } .dropdown-header { font-weight: 500; } .dropdown-divider { border-width: 2px; } .btn-close { --bs-btn-close-color: #626f86; --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23626f86' viewBox='0 0 24 24'%3e%3cpath d='M12 10.586L6.707 5.293a1 1 0 00-1.414 1.414L10.586 12l-5.293 5.293a1 1 0 001.414 1.414L12 13.414l5.293 5.293a1 1 0 001.414-1.414L13.414 12l5.293-5.293a1 1 0 10-1.414-1.414L12 10.586z'%3e%3c/path%3e%3c/svg%3e"); --bs-btn-close-opacity: 1; --bs-btn-close-hover-opacity: 1; --bs-btn-close-focus-shadow: 0 0 0 transparent; --bs-btn-close-focus-opacity: 1; --bs-btn-close-disabled-opacity: 1; --bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%); box-sizing: content-box; width: 1.5rem; height: 1.5rem; padding: 0 0; color: var(--bs-btn-close-color); background: transparent var(--bs-btn-close-bg) center/1.5rem auto no-repeat; border: 0; border-radius: 0.25rem; opacity: var(--bs-btn-close-opacity); } .btn-close:hover { color: var(--bs-btn-close-color); text-decoration: none; opacity: var(--bs-btn-close-hover-opacity); } .btn-close:focus { outline: 0; box-shadow: var(--bs-btn-close-focus-shadow); opacity: var(--bs-btn-close-focus-opacity); } .btn-close:disabled, .btn-close.disabled { pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; opacity: var(--bs-btn-close-disabled-opacity); } .btn-close-white { filter: var(--bs-btn-close-white-filter); } .btn-close { --bs-btn-close-width: 1.5rem; --bs-btn-close-height: 1.5rem; width: var(--bs-btn-close-width); height: var(--bs-btn-close-height); background-size: cover; box-sizing: border-box; } .btn-close:disabled, .btn-close.disabled { --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='rgba%28191, 219, 248, 0.28%29' viewBox='0 0 24 24'%3e%3cpath d='M12 10.586L6.707 5.293a1 1 0 00-1.414 1.414L10.586 12l-5.293 5.293a1 1 0 001.414 1.414L12 13.414l5.293 5.293a1 1 0 001.414-1.414L13.414 12l5.293-5.293a1 1 0 10-1.414-1.414L12 10.586z'%3e%3c/path%3e%3c/svg%3e"); } .btn-close-sm { --bs-btn-close-width: 1rem; --bs-btn-close-height: 1rem; } .btn-close-black { filter: brightness(0%); } .pagination { --bs-pagination-padding-x: 0.75rem; --bs-pagination-padding-y: 0.375rem; --bs-pagination-font-size: 0.875rem; --bs-pagination-color: var(--ds-text); --bs-pagination-bg: var(--bs-body-bg); --bs-pagination-border-width: 0; --bs-pagination-border-color: var(--bs-border-color); --bs-pagination-border-radius: 0.25rem; --bs-pagination-hover-color: var(--ds-text); --bs-pagination-hover-bg: var(--ds-background-neutral-subtle-hovered); --bs-pagination-hover-border-color: var(--bs-border-color); --bs-pagination-focus-color: var(--ds-text); --bs-pagination-focus-bg: var(--ds-background-neutral-subtle-pressed); --bs-pagination-focus-box-shadow: none; --bs-pagination-active-color: var(--ds-text-selected); --bs-pagination-active-bg: var(--ds-background-selected); --bs-pagination-active-border-color: #0c66e4; --bs-pagination-disabled-color: var(--ds-text-disabled); --bs-pagination-disabled-bg: transparent; --bs-pagination-disabled-border-color: var(--bs-border-color); display: flex; padding-left: 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); 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); text-decoration: none; background-color: var(--bs-pagination-hover-bg); border-color: var(--bs-pagination-hover-border-color); } .page-link:focus { z-index: 3; color: var(--bs-pagination-focus-color); background-color: var(--bs-pagination-focus-bg); outline: 0; box-shadow: var(--bs-pagination-focus-box-shadow); } .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-left: 0; } .page-item .page-link { border-radius: var(--bs-pagination-border-radius); } .pagination-lg { --bs-pagination-padding-x: 1rem; --bs-pagination-padding-y: 0.48rem; --bs-pagination-font-size: 1.25rem; --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: 0.875rem; --bs-pagination-border-radius: var(--bs-border-radius-sm); } .pagination { --bs-pagination-font-weight: 500; } .page-link { border-radius: 0.25rem; font-weight: var(--bs-pagination-font-weight); } .card { --bs-card-spacer-y: 1.5rem; --bs-card-spacer-x: 1.5rem; --bs-card-title-spacer-y: 1rem; --bs-card-title-color: ; --bs-card-subtitle-color: var(--ds-text-subtlest); --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); --bs-card-box-shadow: ; --bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width))); --bs-card-cap-padding-y: 0.75rem; --bs-card-cap-padding-x: 1.5rem; --bs-card-cap-bg: transparent; --bs-card-cap-color: ; --bs-card-height: ; --bs-card-color: ; --bs-card-bg: var(--ds-surface-raised); --bs-card-img-overlay-padding: 1.5rem; --bs-card-group-margin: 0.75rem; position: relative; display: flex; flex-direction: column; min-width: 0; height: var(--bs-card-height); color: var(--bs-body-color); word-wrap: break-word; background-color: var(--bs-card-bg); background-clip: border-box; border: var(--bs-card-border-width) solid var(--bs-card-border-color); border-radius: var(--bs-card-border-radius); } .card>hr { margin-right: 0; margin-left: 0; } .card>.list-group { border-top: inherit; border-bottom: inherit; } .card>.list-group:first-child { border-top-width: 0; border-top-left-radius: var(--bs-card-inner-border-radius); border-top-right-radius: var(--bs-card-inner-border-radius); } .card>.list-group:last-child { border-bottom-width: 0; border-bottom-right-radius: var(--bs-card-inner-border-radius); border-bottom-left-radius: var(--bs-card-inner-border-radius); } .card>.card-header+.list-group, .card>.list-group+.card-footer { border-top: 0; } .card-body { flex: 1 1 auto; padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x); color: var(--bs-card-color); } .card-title { margin-bottom: var(--bs-card-title-spacer-y); color: var(--bs-card-title-color); } .card-subtitle { margin-top: calc(-0.5 * var(--bs-card-title-spacer-y)); margin-bottom: 0; color: var(--bs-card-subtitle-color); } .card-text:last-child { margin-bottom: 0; } .card-link:hover { text-decoration: none; } .card-link+.card-link { margin-left: var(--bs-card-spacer-x); } .card-header { padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x); margin-bottom: 0; color: var(--bs-card-cap-color); background-color: var(--bs-card-cap-bg); border-bottom: var(--bs-card-border-width) solid 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-card-cap-bg); border-top: var(--bs-card-border-width) solid 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-header-tabs { margin-right: calc(-0.5 * var(--bs-card-cap-padding-x)); margin-bottom: calc(-1 * var(--bs-card-cap-padding-y)); margin-left: calc(-0.5 * var(--bs-card-cap-padding-x)); border-bottom: 0; } .card-header-pills { margin-right: calc(-0.5 * var(--bs-card-cap-padding-x)); margin-left: calc(-0.5 * var(--bs-card-cap-padding-x)); } .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 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%; } .card-img, .card-img-top { border-top-left-radius: var(--bs-card-inner-border-radius); border-top-right-radius: var(--bs-card-inner-border-radius); } .card-img, .card-img-bottom { border-bottom-right-radius: var(--bs-card-inner-border-radius); border-bottom-left-radius: var(--bs-card-inner-border-radius); } .card-group>.card { margin-bottom: var(--bs-card-group-margin); } @media (min-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-left: 0; border-left: 0; } .card-group>.card:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .card-group>.card:not(:last-child) .card-img-top, .card-group>.card:not(:last-child) .card-header { border-top-right-radius: 0; } .card-group>.card:not(:last-child) .card-img-bottom, .card-group>.card:not(:last-child) .card-footer { border-bottom-right-radius: 0; } .card-group>.card:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .card-group>.card:not(:first-child) .card-img-top, .card-group>.card:not(:first-child) .card-header { border-top-left-radius: 0; } .card-group>.card:not(:first-child) .card-img-bottom, .card-group>.card:not(:first-child) .card-footer { border-bottom-left-radius: 0; } } .card-header { border-width: 0; } .card-header-tabs { margin-right: calc(var(--bs-card-cap-padding-x) * -1); margin-bottom: calc(var(--bs-card-cap-padding-y) * -1); margin-left: calc(var(--bs-card-cap-padding-x) * -1); padding-left: var(--bs-card-cap-padding-x); padding-right: var(--bs-card-cap-padding-y); } .alert { --bs-alert-bg: transparent; --bs-alert-padding-x: 1rem; --bs-alert-padding-y: 1rem; --bs-alert-margin-bottom: 1rem; --bs-alert-color: inherit; --bs-alert-border-color: transparent; --bs-alert-border: 0 solid var(--bs-alert-border-color); --bs-alert-border-radius: var(--bs-border-radius); --bs-alert-link-color: inherit; position: relative; padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x); margin-bottom: var(--bs-alert-margin-bottom); 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: 500; color: var(--bs-alert-link-color); } .alert-dismissible { padding-right: 3rem; } .alert-dismissible .btn-close { position: absolute; top: 0; right: 0; z-index: 2; padding: 1.25rem 1rem; } .alert-primary { --bs-alert-color: var(--bs-primary-text-emphasis); --bs-alert-bg: var(--bs-primary-bg-subtle); --bs-alert-border-color: var(--bs-primary-border-subtle); --bs-alert-link-color: var(--bs-primary-text-emphasis); } .alert-secondary { --bs-alert-color: var(--bs-secondary-text-emphasis); --bs-alert-bg: var(--bs-secondary-bg-subtle); --bs-alert-border-color: var(--bs-secondary-border-subtle); --bs-alert-link-color: var(--bs-secondary-text-emphasis); } .alert-success { --bs-alert-color: var(--bs-success-text-emphasis); --bs-alert-bg: var(--bs-success-bg-subtle); --bs-alert-border-color: var(--bs-success-border-subtle); --bs-alert-link-color: var(--bs-success-text-emphasis); } .alert-info { --bs-alert-color: var(--bs-info-text-emphasis); --bs-alert-bg: var(--bs-info-bg-subtle); --bs-alert-border-color: var(--bs-info-border-subtle); --bs-alert-link-color: var(--bs-info-text-emphasis); } .alert-warning { --bs-alert-color: var(--bs-warning-text-emphasis); --bs-alert-bg: var(--bs-warning-bg-subtle); --bs-alert-border-color: var(--bs-warning-border-subtle); --bs-alert-link-color: var(--bs-warning-text-emphasis); } .alert-danger { --bs-alert-color: var(--bs-danger-text-emphasis); --bs-alert-bg: var(--bs-danger-bg-subtle); --bs-alert-border-color: var(--bs-danger-border-subtle); --bs-alert-link-color: var(--bs-danger-text-emphasis); } .alert-light { --bs-alert-color: var(--bs-light-text-emphasis); --bs-alert-bg: var(--bs-light-bg-subtle); --bs-alert-border-color: var(--bs-light-border-subtle); --bs-alert-link-color: var(--bs-light-text-emphasis); } .alert-dark { --bs-alert-color: var(--bs-dark-text-emphasis); --bs-alert-bg: var(--bs-dark-bg-subtle); --bs-alert-border-color: var(--bs-dark-border-subtle); --bs-alert-link-color: var(--bs-dark-text-emphasis); } .alert-discovery { --bs-alert-color: var(--bs-discovery-text-emphasis); --bs-alert-bg: var(--bs-discovery-bg-subtle); --bs-alert-border-color: var(--bs-discovery-border-subtle); --bs-alert-link-color: var(--bs-discovery-text-emphasis); } .alert { --bs-alert-font-size: 0.875rem; font-size: var(--bs-alert-font-size); } .alert-dismissible .btn-close { top: 1rem; right: 1rem; padding: 0; } @-webkit-keyframes progress-bar-stripes { 0% { background-position-x: 6px; } } @keyframes progress-bar-stripes { 0% { background-position-x: 6px; } } .progress, .progress-stacked { --bs-progress-height: 6px; --bs-progress-font-size: 0.75rem; --bs-progress-bg: var(--ds-background-neutral); --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(--ds-background-neutral-bold); --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); } .progress-bar { display: flex; flex-direction: column; justify-content: center; overflow: hidden; color: var(--bs-progress-bar-color); text-align: center; white-space: nowrap; background-color: 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 { -webkit-animation: 1s linear infinite progress-bar-stripes; animation: 1s linear infinite progress-bar-stripes; } @media (prefers-reduced-motion: reduce) { .progress-bar-animated { -webkit-animation: none; animation: none; } } .progress { position: relative; } .progress-indeterminate .progress-bar:before, .progress-linear .progress-bar:before { content: ""; position: absolute; top: 0; left: 0; bottom: 0; background-color: inherit; -webkit-animation: animation-indeterminate 2s ease infinite; animation: animation-indeterminate 2s ease infinite; } .progress-indeterminate .progress-bar:after, .progress-linear .progress-bar:after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; background-color: inherit; -webkit-animation: animation-indeterminate-short 2s ease 0.5s infinite; animation: animation-indeterminate-short 2s ease 0.5s infinite; } @-webkit-keyframes animation-indeterminate { 0% { left: -5%; width: 5%; } 100% { left: 130%; width: 100%; } } @keyframes animation-indeterminate { 0% { left: -5%; width: 5%; } 100% { left: 130%; width: 100%; } } @-webkit-keyframes animation-indeterminate-short { 0% { left: -80%; width: 80%; } 100% { left: 110%; width: 10%; } } @keyframes animation-indeterminate-short { 0% { left: -80%; width: 80%; } 100% { left: 110%; width: 10%; } } .avatar { --bs-avatar-width: 32px; --bs-avatar-bg: var(--ds-background-neutral-bold); position: relative; width: var(--bs-avatar-width); height: var(--bs-avatar-width); display: inline-flex; align-items: center; justify-content: center; color: var(--ds-text-inverse); line-height: 1; font-size: 14px; border-radius: 50%; -o-object-fit: cover; object-fit: cover; background-color: var(--bs-avatar-bg); } .avatar>img, .avatar>svg { display: inline-block; height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 50%; } .avatar-group { display: flex; flex-wrap: wrap; gap: 0.25rem; } .avatar-stack { display: flex; flex-direction: row-reverse; flex-wrap: wrap; justify-content: flex-end; } .avatar-stack .avatar { overflow: hidden; margin-left: -8px; border: var(--bs-border-width) solid white; } .avatar-stack .avatar:last-child>.avatar-stack .avatar { margin-left: 0; } .avatar-xs { --bs-avatar-width: 16px; } .avatar-sm { --bs-avatar-width: 24px; } .avatar-lg { --bs-avatar-width: 40px; } .avatar-xl { --bs-avatar-width: 96px; } .avatar-xxl { --bs-avatar-width: 128px; } .badge { --bs-badge-padding-x: 0.25rem; --bs-badge-padding-y: 0.125rem; --bs-badge-font-size: 0.75em; --bs-badge-font-weight: 400; --bs-badge-color: var(--ds-text-inverse); --bs-badge-border-radius: 0.25rem; display: inline-block; 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-badge-color); text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: var(--bs-badge-border-radius); } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .accordion { --bs-accordion-color: var(--bs-body-color); --bs-accordion-bg: var(--bs-body-bg); --bs-accordion-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, border-radius 0.15s ease; --bs-accordion-border-color: var(--bs-border-color); --bs-accordion-border-width: 0; --bs-accordion-border-radius: var(--bs-border-radius); --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - 0); --bs-accordion-btn-padding-x: 0; --bs-accordion-btn-padding-y: 0.75rem; --bs-accordion-btn-color: var(--bs-body-color); --bs-accordion-btn-bg: var(--bs-accordion-bg); --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23172b4d'%3e%3cpath fill-rule='evenodd' d='M6.744 8.744a1.053 1.053 0 000 1.49l4.547 4.557a1 1 0 001.416 0l4.55-4.558a1.051 1.051 0 10-1.488-1.488l-3.77 3.776-3.768-3.776a1.051 1.051 0 00-1.487 0z'%3e%3c/path%3e%3c/svg%3e"); --bs-accordion-btn-icon-width: 1.25rem; --bs-accordion-btn-icon-transform: rotate(-180deg); --bs-accordion-btn-icon-transition: transform 0.2s ease; --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23172b4d'%3e%3cpath fill-rule='evenodd' d='M6.744 8.744a1.053 1.053 0 000 1.49l4.547 4.557a1 1 0 001.416 0l4.55-4.558a1.051 1.051 0 10-1.488-1.488l-3.77 3.776-3.768-3.776a1.051 1.051 0 00-1.487 0z'%3e%3c/path%3e%3c/svg%3e"); --bs-accordion-btn-focus-border-color: var(--ds-border-focused); --bs-accordion-btn-focus-box-shadow: 0 0 0 transparent; --bs-accordion-body-padding-x: 0; --bs-accordion-body-padding-y: 1rem; --bs-accordion-active-color: var(--ds-text); --bs-accordion-active-bg: transparent; } .accordion-button { position: relative; display: flex; align-items: center; width: 100%; padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x); font-size: 1rem; color: var(--bs-accordion-btn-color); text-align: left; background-color: var(--bs-accordion-btn-bg); border: 0; border-radius: 0; overflow-anchor: none; transition: var(--bs-accordion-transition); } @media (prefers-reduced-motion: reduce) { .accordion-button { transition: none; } } .accordion-button:not(.collapsed) { color: var(--bs-accordion-active-color); background-color: var(--bs-accordion-active-bg); box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color); } .accordion-button:not(.collapsed)::after { background-image: var(--bs-accordion-btn-active-icon); transform: var(--bs-accordion-btn-icon-transform); } .accordion-button::after { flex-shrink: 0; width: var(--bs-accordion-btn-icon-width); height: var(--bs-accordion-btn-icon-width); margin-left: auto; content: ""; background-image: var(--bs-accordion-btn-icon); background-repeat: no-repeat; background-size: var(--bs-accordion-btn-icon-width); transition: var(--bs-accordion-btn-icon-transition); } @media (prefers-reduced-motion: reduce) { .accordion-button::after { transition: none; } } .accordion-button:hover { z-index: 2; } .accordion-button:focus { z-index: 3; border-color: var(--bs-accordion-btn-focus-border-color); outline: 0; box-shadow: var(--bs-accordion-btn-focus-box-shadow); } .accordion-header { margin-bottom: 0; } .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-top-left-radius: var(--bs-accordion-border-radius); border-top-right-radius: var(--bs-accordion-border-radius); } .accordion-item:first-of-type .accordion-button { border-top-left-radius: var(--bs-accordion-inner-border-radius); border-top-right-radius: var(--bs-accordion-inner-border-radius); } .accordion-item:not(:first-of-type) { border-top: 0; } .accordion-item:last-of-type { border-bottom-right-radius: var(--bs-accordion-border-radius); border-bottom-left-radius: var(--bs-accordion-border-radius); } .accordion-item:last-of-type .accordion-button.collapsed { border-bottom-right-radius: var(--bs-accordion-inner-border-radius); border-bottom-left-radius: var(--bs-accordion-inner-border-radius); } .accordion-item:last-of-type .accordion-collapse { border-bottom-right-radius: var(--bs-accordion-border-radius); border-bottom-left-radius: var(--bs-accordion-border-radius); } .accordion-body { padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x); } .accordion-flush .accordion-collapse { border-width: 0; } .accordion-flush .accordion-item { border-right: 0; border-left: 0; border-radius: 0; } .accordion-flush .accordion-item:first-child { border-top: 0; } .accordion-flush .accordion-item:last-child { border-bottom: 0; } .accordion-flush .accordion-item .accordion-button, .accordion-flush .accordion-item .accordion-button.collapsed { border-radius: 0; } .accordion-item { border-bottom: 1px solid var(--bs-border-color); } .accordion-button { font-weight: 600; } .list-group { --bs-list-group-color: var(--bs-body-color); --bs-list-group-bg: var(--bs-body-bg); --bs-list-group-border-color: var(--ds-border); --bs-list-group-border-width: 0; --bs-list-group-border-radius: var(--bs-border-radius); --bs-list-group-item-padding-x: 0.75rem; --bs-list-group-item-padding-y: 0.5rem; --bs-list-group-action-color: var(--ds-text); --bs-list-group-action-hover-color: var(--ds-text); --bs-list-group-action-hover-bg: var(--ds-background-neutral-subtle-hovered); --bs-list-group-action-active-color: var(--bs-body-color); --bs-list-group-action-active-bg: var(--bs-secondary-bg); --bs-list-group-disabled-color: var(--ds-text-disabled); --bs-list-group-disabled-bg: var(--bs-body-bg); --bs-list-group-active-color: var(--ds-text-selected); --bs-list-group-active-bg: var(--ds-background-selected); --bs-list-group-active-border-color: var(--ds-background-selected); display: flex; flex-direction: column; padding-left: 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-action { width: 100%; color: var(--bs-list-group-action-color); text-align: inherit; } .list-group-item-action:hover, .list-group-item-action:focus { z-index: 1; color: var(--bs-list-group-action-hover-color); text-decoration: none; background-color: var(--bs-list-group-action-hover-bg); } .list-group-item-action:active { color: var(--bs-list-group-action-active-color); background-color: var(--bs-list-group-action-active-bg); } .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-list-group-color); background-color: var(--bs-list-group-bg); border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color); } .list-group-item:first-child { border-top-left-radius: inherit; border-top-right-radius: inherit; } .list-group-item:last-child { border-bottom-right-radius: inherit; border-bottom-left-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-top-width: 0; } .list-group-item+.list-group-item.active { margin-top: calc(-1 * var(--bs-list-group-border-width)); border-top-width: var(--bs-list-group-border-width); } .list-group-horizontal { flex-direction: row; } .list-group-horizontal>.list-group-item:first-child:not(:last-child) { border-bottom-left-radius: var(--bs-list-group-border-radius); border-top-right-radius: 0; } .list-group-horizontal>.list-group-item:last-child:not(:first-child) { border-top-right-radius: var(--bs-list-group-border-radius); border-bottom-left-radius: 0; } .list-group-horizontal>.list-group-item.active { margin-top: 0; } .list-group-horizontal>.list-group-item+.list-group-item { border-top-width: var(--bs-list-group-border-width); border-left-width: 0; } .list-group-horizontal>.list-group-item+.list-group-item.active { margin-left: calc(-1 * var(--bs-list-group-border-width)); border-left-width: var(--bs-list-group-border-width); } @media (min-width: 576px) { .list-group-horizontal-sm { flex-direction: row; } .list-group-horizontal-sm>.list-group-item:first-child:not(:last-child) { border-bottom-left-radius: var(--bs-list-group-border-radius); border-top-right-radius: 0; } .list-group-horizontal-sm>.list-group-item:last-child:not(:first-child) { border-top-right-radius: var(--bs-list-group-border-radius); border-bottom-left-radius: 0; } .list-group-horizontal-sm>.list-group-item.active { margin-top: 0; } .list-group-horizontal-sm>.list-group-item+.list-group-item { border-top-width: var(--bs-list-group-border-width); border-left-width: 0; } .list-group-horizontal-sm>.list-group-item+.list-group-item.active { margin-left: calc(-1 * var(--bs-list-group-border-width)); border-left-width: var(--bs-list-group-border-width); } } @media (min-width: 768px) { .list-group-horizontal-md { flex-direction: row; } .list-group-horizontal-md>.list-group-item:first-child:not(:last-child) { border-bottom-left-radius: var(--bs-list-group-border-radius); border-top-right-radius: 0; } .list-group-horizontal-md>.list-group-item:last-child:not(:first-child) { border-top-right-radius: var(--bs-list-group-border-radius); border-bottom-left-radius: 0; } .list-group-horizontal-md>.list-group-item.active { margin-top: 0; } .list-group-horizontal-md>.list-group-item+.list-group-item { border-top-width: var(--bs-list-group-border-width); border-left-width: 0; } .list-group-horizontal-md>.list-group-item+.list-group-item.active { margin-left: calc(-1 * var(--bs-list-group-border-width)); border-left-width: var(--bs-list-group-border-width); } } @media (min-width: 992px) { .list-group-horizontal-lg { flex-direction: row; } .list-group-horizontal-lg>.list-group-item:first-child:not(:last-child) { border-bottom-left-radius: var(--bs-list-group-border-radius); border-top-right-radius: 0; } .list-group-horizontal-lg>.list-group-item:last-child:not(:first-child) { border-top-right-radius: var(--bs-list-group-border-radius); border-bottom-left-radius: 0; } .list-group-horizontal-lg>.list-group-item.active { margin-top: 0; } .list-group-horizontal-lg>.list-group-item+.list-group-item { border-top-width: var(--bs-list-group-border-width); border-left-width: 0; } .list-group-horizontal-lg>.list-group-item+.list-group-item.active { margin-left: calc(-1 * var(--bs-list-group-border-width)); border-left-width: var(--bs-list-group-border-width); } } @media (min-width: 1200px) { .list-group-horizontal-xl { flex-direction: row; } .list-group-horizontal-xl>.list-group-item:first-child:not(:last-child) { border-bottom-left-radius: var(--bs-list-group-border-radius); border-top-right-radius: 0; } .list-group-horizontal-xl>.list-group-item:last-child:not(:first-child) { border-top-right-radius: var(--bs-list-group-border-radius); border-bottom-left-radius: 0; } .list-group-horizontal-xl>.list-group-item.active { margin-top: 0; } .list-group-horizontal-xl>.list-group-item+.list-group-item { border-top-width: var(--bs-list-group-border-width); border-left-width: 0; } .list-group-horizontal-xl>.list-group-item+.list-group-item.active { margin-left: calc(-1 * var(--bs-list-group-border-width)); border-left-width: var(--bs-list-group-border-width); } } @media (min-width: 1400px) { .list-group-horizontal-xxl { flex-direction: row; } .list-group-horizontal-xxl>.list-group-item:first-child:not(:last-child) { border-bottom-left-radius: var(--bs-list-group-border-radius); border-top-right-radius: 0; } .list-group-horizontal-xxl>.list-group-item:last-child:not(:first-child) { border-top-right-radius: var(--bs-list-group-border-radius); border-bottom-left-radius: 0; } .list-group-horizontal-xxl>.list-group-item.active { margin-top: 0; } .list-group-horizontal-xxl>.list-group-item+.list-group-item { border-top-width: var(--bs-list-group-border-width); border-left-width: 0; } .list-group-horizontal-xxl>.list-group-item+.list-group-item.active { margin-left: calc(-1 * var(--bs-list-group-border-width)); border-left-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-bottom-width: 0; } .list-group-item-primary { --bs-list-group-color: var(--bs-primary-text-emphasis); --bs-list-group-bg: var(--bs-primary-bg-subtle); --bs-list-group-border-color: var(--bs-primary-border-subtle); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-primary-border-subtle); --bs-list-group-action-active-color: var(--bs-emphasis-color); --bs-list-group-action-active-bg: var(--bs-primary-border-subtle); --bs-list-group-active-color: var(--bs-primary-bg-subtle); --bs-list-group-active-bg: var(--bs-primary-text-emphasis); --bs-list-group-active-border-color: var(--bs-primary-text-emphasis); } .list-group-item-secondary { --bs-list-group-color: var(--bs-secondary-text-emphasis); --bs-list-group-bg: var(--bs-secondary-bg-subtle); --bs-list-group-border-color: var(--bs-secondary-border-subtle); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-secondary-border-subtle); --bs-list-group-action-active-color: var(--bs-emphasis-color); --bs-list-group-action-active-bg: var(--bs-secondary-border-subtle); --bs-list-group-active-color: var(--bs-secondary-bg-subtle); --bs-list-group-active-bg: var(--bs-secondary-text-emphasis); --bs-list-group-active-border-color: var(--bs-secondary-text-emphasis); } .list-group-item-success { --bs-list-group-color: var(--bs-success-text-emphasis); --bs-list-group-bg: var(--bs-success-bg-subtle); --bs-list-group-border-color: var(--bs-success-border-subtle); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-success-border-subtle); --bs-list-group-action-active-color: var(--bs-emphasis-color); --bs-list-group-action-active-bg: var(--bs-success-border-subtle); --bs-list-group-active-color: var(--bs-success-bg-subtle); --bs-list-group-active-bg: var(--bs-success-text-emphasis); --bs-list-group-active-border-color: var(--bs-success-text-emphasis); } .list-group-item-info { --bs-list-group-color: var(--bs-info-text-emphasis); --bs-list-group-bg: var(--bs-info-bg-subtle); --bs-list-group-border-color: var(--bs-info-border-subtle); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-info-border-subtle); --bs-list-group-action-active-color: var(--bs-emphasis-color); --bs-list-group-action-active-bg: var(--bs-info-border-subtle); --bs-list-group-active-color: var(--bs-info-bg-subtle); --bs-list-group-active-bg: var(--bs-info-text-emphasis); --bs-list-group-active-border-color: var(--bs-info-text-emphasis); } .list-group-item-warning { --bs-list-group-color: var(--bs-warning-text-emphasis); --bs-list-group-bg: var(--bs-warning-bg-subtle); --bs-list-group-border-color: var(--bs-warning-border-subtle); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-warning-border-subtle); --bs-list-group-action-active-color: var(--bs-emphasis-color); --bs-list-group-action-active-bg: var(--bs-warning-border-subtle); --bs-list-group-active-color: var(--bs-warning-bg-subtle); --bs-list-group-active-bg: var(--bs-warning-text-emphasis); --bs-list-group-active-border-color: var(--bs-warning-text-emphasis); } .list-group-item-danger { --bs-list-group-color: var(--bs-danger-text-emphasis); --bs-list-group-bg: var(--bs-danger-bg-subtle); --bs-list-group-border-color: var(--bs-danger-border-subtle); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-danger-border-subtle); --bs-list-group-action-active-color: var(--bs-emphasis-color); --bs-list-group-action-active-bg: var(--bs-danger-border-subtle); --bs-list-group-active-color: var(--bs-danger-bg-subtle); --bs-list-group-active-bg: var(--bs-danger-text-emphasis); --bs-list-group-active-border-color: var(--bs-danger-text-emphasis); } .list-group-item-light { --bs-list-group-color: var(--bs-light-text-emphasis); --bs-list-group-bg: var(--bs-light-bg-subtle); --bs-list-group-border-color: var(--bs-light-border-subtle); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-light-border-subtle); --bs-list-group-action-active-color: var(--bs-emphasis-color); --bs-list-group-action-active-bg: var(--bs-light-border-subtle); --bs-list-group-active-color: var(--bs-light-bg-subtle); --bs-list-group-active-bg: var(--bs-light-text-emphasis); --bs-list-group-active-border-color: var(--bs-light-text-emphasis); } .list-group-item-dark { --bs-list-group-color: var(--bs-dark-text-emphasis); --bs-list-group-bg: var(--bs-dark-bg-subtle); --bs-list-group-border-color: var(--bs-dark-border-subtle); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-dark-border-subtle); --bs-list-group-action-active-color: var(--bs-emphasis-color); --bs-list-group-action-active-bg: var(--bs-dark-border-subtle); --bs-list-group-active-color: var(--bs-dark-bg-subtle); --bs-list-group-active-bg: var(--bs-dark-text-emphasis); --bs-list-group-active-border-color: var(--bs-dark-text-emphasis); } .list-group-item-discovery { --bs-list-group-color: var(--bs-discovery-text-emphasis); --bs-list-group-bg: var(--bs-discovery-bg-subtle); --bs-list-group-border-color: var(--bs-discovery-border-subtle); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-discovery-border-subtle); --bs-list-group-action-active-color: var(--bs-emphasis-color); --bs-list-group-action-active-bg: var(--bs-discovery-border-subtle); --bs-list-group-active-color: var(--bs-discovery-bg-subtle); --bs-list-group-active-bg: var(--bs-discovery-text-emphasis); --bs-list-group-active-border-color: var(--bs-discovery-text-emphasis); } .list-group { border: 1px solid var(--ds-border); } .list-group-flush { --bs-list-group-border-width: 1px; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-grid { display: grid !important; } .d-inline-grid { display: inline-grid !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: flex !important; } .d-inline-flex { display: inline-flex !important; } .d-none { display: none !important; } .w-25 { width: 25% !important; } .w-50 { width: 50% !important; } .w-75 { width: 75% !important; } .w-100 { width: 100% !important; } .w-auto { width: auto !important; } .mw-100 { max-width: 100% !important; } .vw-100 { width: 100vw !important; } .min-vw-100 { min-width: 100vw !important; } .h-25 { height: 25% !important; } .h-50 { height: 50% !important; } .h-75 { height: 75% !important; } .h-100 { height: 100% !important; } .h-auto { height: auto !important; } .mh-100 { max-height: 100% !important; } .vh-100 { height: 100vh !important; } .min-vh-100 { min-height: 100vh !important; } .flex-fill { flex: 1 1 auto !important; } .flex-row { flex-direction: row !important; } .flex-column { flex-direction: column !important; } .flex-row-reverse { flex-direction: row-reverse !important; } .flex-column-reverse { flex-direction: column-reverse !important; } .flex-grow-0 { flex-grow: 0 !important; } .flex-grow-1 { flex-grow: 1 !important; } .flex-shrink-0 { flex-shrink: 0 !important; } .flex-shrink-1 { flex-shrink: 1 !important; } .flex-wrap { flex-wrap: wrap !important; } .flex-nowrap { flex-wrap: nowrap !important; } .flex-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-start { justify-content: flex-start !important; } .justify-content-end { justify-content: flex-end !important; } .justify-content-center { justify-content: center !important; } .justify-content-between { justify-content: space-between !important; } .justify-content-around { justify-content: space-around !important; } .justify-content-evenly { justify-content: space-evenly !important; } .align-items-start { align-items: flex-start !important; } .align-items-end { align-items: flex-end !important; } .align-items-center { align-items: center !important; } .align-items-baseline { align-items: baseline !important; } .align-items-stretch { align-items: stretch !important; } .align-content-start { align-content: flex-start !important; } .align-content-end { align-content: flex-end !important; } .align-content-center { align-content: center !important; } .align-content-between { align-content: space-between !important; } .align-content-around { align-content: space-around !important; } .align-content-stretch { align-content: stretch !important; } .align-self-auto { align-self: auto !important; } .align-self-start { align-self: flex-start !important; } .align-self-end { align-self: flex-end !important; } .align-self-center { align-self: center !important; } .align-self-baseline { align-self: baseline !important; } .align-self-stretch { align-self: stretch !important; } .m-0 { margin: 0 !important; } .m-1 { margin: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .m-3 { margin: 0.75rem !important; } .m-4 { margin: 1rem !important; } .m-auto { margin: auto !important; } .mx-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-3 { margin-right: 0.75rem !important; margin-left: 0.75rem !important; } .mx-4 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-auto { margin-right: auto !important; margin-left: auto !important; } .my-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-3 { margin-top: 0.75rem !important; margin-bottom: 0.75rem !important; } .my-4 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-0 { margin-top: 0 !important; } .mt-1 { margin-top: 0.25rem !important; } .mt-2 { margin-top: 0.5rem !important; } .mt-3 { margin-top: 0.75rem !important; } .mt-4 { margin-top: 1rem !important; } .mt-auto { margin-top: auto !important; } .me-0 { margin-right: 0 !important; } .me-1 { margin-right: 0.25rem !important; } .me-2 { margin-right: 0.5rem !important; } .me-3 { margin-right: 0.75rem !important; } .me-4 { margin-right: 1rem !important; } .me-auto { margin-right: auto !important; } .mb-0 { margin-bottom: 0 !important; } .mb-1 { margin-bottom: 0.25rem !important; } .mb-2 { margin-bottom: 0.5rem !important; } .mb-3 { margin-bottom: 0.75rem !important; } .mb-4 { margin-bottom: 1rem !important; } .mb-auto { margin-bottom: auto !important; } .ms-0 { margin-left: 0 !important; } .ms-1 { margin-left: 0.25rem !important; } .ms-2 { margin-left: 0.5rem !important; } .ms-3 { margin-left: 0.75rem !important; } .ms-4 { margin-left: 1rem !important; } .ms-auto { margin-left: auto !important; } .p-0 { padding: 0 !important; } .p-1 { padding: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .p-3 { padding: 0.75rem !important; } .p-4 { padding: 1rem !important; } .px-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-3 { padding-right: 0.75rem !important; padding-left: 0.75rem !important; } .px-4 { padding-right: 1rem !important; padding-left: 1rem !important; } .py-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-3 { padding-top: 0.75rem !important; padding-bottom: 0.75rem !important; } .py-4 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .pt-0 { padding-top: 0 !important; } .pt-1 { padding-top: 0.25rem !important; } .pt-2 { padding-top: 0.5rem !important; } .pt-3 { padding-top: 0.75rem !important; } .pt-4 { padding-top: 1rem !important; } .pe-0 { padding-right: 0 !important; } .pe-1 { padding-right: 0.25rem !important; } .pe-2 { padding-right: 0.5rem !important; } .pe-3 { padding-right: 0.75rem !important; } .pe-4 { padding-right: 1rem !important; } .pb-0 { padding-bottom: 0 !important; } .pb-1 { padding-bottom: 0.25rem !important; } .pb-2 { padding-bottom: 0.5rem !important; } .pb-3 { padding-bottom: 0.75rem !important; } .pb-4 { padding-bottom: 1rem !important; } .ps-0 { padding-left: 0 !important; } .ps-1 { padding-left: 0.25rem !important; } .ps-2 { padding-left: 0.5rem !important; } .ps-3 { padding-left: 0.75rem !important; } .ps-4 { padding-left: 1rem !important; } .gap-0 { gap: 0 !important; } .gap-1 { gap: 0.25rem !important; } .gap-2 { gap: 0.5rem !important; } .gap-3 { gap: 0.75rem !important; } .gap-4 { gap: 1rem !important; } .font-monospace { font-family: var(--bs-font-monospace) !important; } .flex-1 { flex: 1 1 0% !important; } .flex-none { flex: none !important; } .text-center { text-align: center; }