diff --git a/public/assets/css/default.css b/public/assets/css/default.css index 0557bce1..3fa03eb7 100644 --- a/public/assets/css/default.css +++ b/public/assets/css/default.css @@ -151,3 +151,12 @@ .font-italic { font-style: italic; } + +.text-sm { + font-size: 0.7em; +} + +.menu-vertical .menu-item .menu-link { + font-size: 0.7375rem; + min-block-size: 0.7375rem; +} diff --git a/public/assets/vendor/css/core.css b/public/assets/vendor/css/core.css index 4963ddc4..b8e659cb 100644 --- a/public/assets/vendor/css/core.css +++ b/public/assets/vendor/css/core.css @@ -1,33012 +1,32528 @@ +@charset "UTF-8"; /*! * Bootstrap v5.3.3 (https://getbootstrap.com/) * Copyright 2011-2024 The Bootstrap Authors * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) */ - :root, - [data-bs-theme=light] { - --bs-blue: #007bff; - --bs-indigo: #6610f2; - --bs-purple: #696cff; - --bs-pink: #e83e8c; - --bs-red: #ff3e1d; - --bs-orange: #fd7e14; - --bs-yellow: #ffab00; - --bs-green: #71dd37; - --bs-teal: #20c997; - --bs-cyan: #03c3ec; - --bs-black: #22303e; - --bs-white: #fff; - --bs-gray: #7a838b; - --bs-gray-dark: #4e5965; - --bs-gray-25: #fbfbfb; - --bs-gray-60: #f2f3f3; - --bs-gray-80: #edeef0; - --bs-gray-100: #e9eaec; - --bs-gray-200: #e4e6e8; - --bs-gray-300: #bdc1c5; - --bs-gray-400: #a7acb2; - --bs-gray-500: #91979f; - --bs-gray-600: #7a838b; - --bs-gray-700: #646e78; - --bs-gray-800: #4e5965; - --bs-gray-900: #384551; - --bs-primary: #696cff; - --bs-secondary: #8592a3; - --bs-success: #71dd37; - --bs-info: #03c3ec; - --bs-warning: #ffab00; - --bs-danger: #ff3e1d; - --bs-light: #dbdee0; - --bs-dark: #2b2c40; - --bs-gray: #91979f; - --bs-primary-rgb: 105, 108, 255; - --bs-secondary-rgb: 133, 146, 163; - --bs-success-rgb: 113, 221, 55; - --bs-info-rgb: 3, 195, 236; - --bs-warning-rgb: 255, 171, 0; - --bs-danger-rgb: 255, 62, 29; - --bs-light-rgb: 219, 222, 224; - --bs-dark-rgb: 43, 44, 64; - --bs-gray-rgb: 145, 151, 159; - --bs-primary-text-emphasis: #2a2b66; - --bs-secondary-text-emphasis: #353a41; - --bs-success-text-emphasis: #2d5816; - --bs-info-text-emphasis: #014e5e; - --bs-warning-text-emphasis: #664400; - --bs-danger-text-emphasis: #66190c; - --bs-light-text-emphasis: #646e78; - --bs-dark-text-emphasis: #646e78; - --bs-primary-bg-subtle: #e7e7ff; - --bs-secondary-bg-subtle: #ebeef0; - --bs-success-bg-subtle: #e8fadf; - --bs-info-bg-subtle: #d7f5fc; - --bs-warning-bg-subtle: #fff2d6; - --bs-danger-bg-subtle: #ffe0db; - --bs-light-bg-subtle: #f4f5f6; - --bs-dark-bg-subtle: #dddde0; - --bs-primary-border-subtle: #d2d3ff; - --bs-secondary-border-subtle: #dadee3; - --bs-success-border-subtle: #d4f5c3; - --bs-info-border-subtle: #b3edf9; - --bs-warning-border-subtle: #ffe6b3; - --bs-danger-border-subtle: #ffc5bb; - --bs-light-border-subtle: #e4e6e8; - --bs-dark-border-subtle: #bfc0c6; - --bs-white-rgb: 255, 255, 255; - --bs-black-rgb: 34, 48, 62; - --bs-font-sans-serif: "Public Sans", -apple-system, blinkmacsystemfont, "Segoe UI", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; - --bs-font-monospace: "SFMono-Regular", menlo, monaco, consolas, "Liberation Mono", "Courier New", monospace; - --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); - --bs-root-font-size: 16px; - --bs-body-font-family: var(--bs-font-sans-serif); - --bs-body-font-size: 0.8375rem; - --bs-body-font-weight: 400; - --bs-body-line-height: 1.375; - --bs-body-color: #646e78; - --bs-body-color-rgb: 100, 110, 120; - --bs-body-bg: #f5f5f9; - --bs-body-bg-rgb: 245, 245, 249; - --bs-emphasis-color: #22303e; - --bs-emphasis-color-rgb: 34, 48, 62; - --bs-secondary-color: #a7acb2; - --bs-secondary-color-rgb: 167, 172, 178; - --bs-secondary-bg: #e4e6e8; - --bs-secondary-bg-rgb: 228, 230, 232; - --bs-tertiary-color: rgba(100, 110, 120, 0.5); - --bs-tertiary-color-rgb: 100, 110, 120; - --bs-tertiary-bg: #e9eaec; - --bs-tertiary-bg-rgb: 233, 234, 236; - --bs-heading-color: #384551; - --bs-link-color: #696cff; - --bs-link-color-rgb: 105, 108, 255; - --bs-link-decoration: none; - --bs-link-hover-color: #5f61e6; - --bs-link-hover-color-rgb: 95, 97, 230; - --bs-code-color: #e83e8c; - --bs-highlight-color: #646e78; - --bs-highlight-bg: #ffeecc; - --bs-border-width: 1px; - --bs-border-style: solid; - --bs-border-color: #e4e6e8; - --bs-border-color-translucent: rgba(34, 48, 62, 0.175); - --bs-border-radius: 0.375rem; - --bs-border-radius-sm: 0.25rem; - --bs-border-radius-lg: 0.5rem; - --bs-border-radius-xl: 0.625rem; - --bs-border-radius-xxl: 1rem; - --bs-border-radius-2xl: var(--bs-border-radius-xxl); - --bs-border-radius-pill: 50rem; - --bs-box-shadow: 0 0.1875rem 0.5rem 0 rgba(34, 48, 62, 0.1); - --bs-box-shadow-sm: 0 0.125rem 0.375rem 0 rgba(34, 48, 62, 0.08); - --bs-box-shadow-lg: 0 0.25rem 0.75rem 0 rgba(34, 48, 62, 0.14); - --bs-box-shadow-inset: inset 0 1px 2px rgba(34, 48, 62, 0.075); - --bs-focus-ring-width: 0.15rem; - --bs-focus-ring-opacity: 0.75; - --bs-focus-ring-color: rgba(100, 110, 120, 0.75); - --bs-form-valid-color: #71dd37; - --bs-form-valid-border-color: #71dd37; - --bs-form-invalid-color: #ff3e1d; - --bs-form-invalid-border-color: #ff3e1d - } - - [data-bs-theme=dark] { - color-scheme: dark; - --bs-body-color: #b2b2c4; - --bs-body-color-rgb: 178, 178, 196; - --bs-body-bg: #232333; - --bs-body-bg-rgb: 35, 35, 51; - --bs-emphasis-color: #fff; - --bs-emphasis-color-rgb: 255, 255, 255; - --bs-secondary-color: #7e7f96; - --bs-secondary-color-rgb: 126, 127, 150; - --bs-secondary-bg: #4e4f6c; - --bs-secondary-bg-rgb: 78, 79, 108; - --bs-tertiary-color: rgba(178, 178, 196, 0.5); - --bs-tertiary-color-rgb: 178, 178, 196; - --bs-tertiary-bg: #464764; - --bs-tertiary-bg-rgb: 70, 71, 100; - --bs-primary-text-emphasis: #a5a7ff; - --bs-secondary-text-emphasis: #b6bec8; - --bs-success-text-emphasis: #aaeb87; - --bs-info-text-emphasis: #68dbf4; - --bs-warning-text-emphasis: #ffcd66; - --bs-danger-text-emphasis: #ff8b77; - --bs-light-text-emphasis: #b2b2c4; - --bs-dark-text-emphasis: #e6e6f1; - --bs-primary-bg-subtle: #35365f; - --bs-secondary-bg-subtle: #393c50; - --bs-success-bg-subtle: #36483f; - --bs-info-bg-subtle: #25445c; - --bs-warning-bg-subtle: #4d4036; - --bs-danger-bg-subtle: #4d2f3a; - --bs-light-bg-subtle: #303145; - --bs-dark-bg-subtle: #35364f; - --bs-primary-border-subtle: #454682; - --bs-secondary-border-subtle: #4b4f6c; - --bs-success-border-subtle: #466152; - --bs-info-border-subtle: #2c5b7d; - --bs-warning-border-subtle: #695544; - --bs-danger-border-subtle: #693b4b; - --bs-light-border-subtle: #3d3e5b; - --bs-dark-border-subtle: #45466a; - --bs-heading-color: #d5d5e2; - --bs-link-color: #a5a7ff; - --bs-link-hover-color: #aeb0ff; - --bs-link-color-rgb: 165, 167, 255; - --bs-link-hover-color-rgb: 174, 176, 255; - --bs-code-color: #f18bba; - --bs-highlight-color: #b2b2c4; - --bs-highlight-bg: #664400; - --bs-border-color: #4e4f6c; - --bs-border-color-translucent: rgba(255, 255, 255, 0.15); - --bs-form-valid-color: #71dd37; - --bs-form-valid-border-color: #71dd37; - --bs-form-invalid-color: #ff3e1d; - --bs-form-invalid-border-color: #ff3e1d - } - - *, - *::before, - *::after { - box-sizing: border-box - } - - :root { - font-size: var(--bs-root-font-size) - } - - @media(prefers-reduced-motion: no-preference) { - :root { - scroll-behavior: smooth - } - } - - body { - margin: 0; - font-family: var(--bs-body-font-family); - font-size: var(--bs-body-font-size); - font-weight: var(--bs-body-font-weight); - line-height: var(--bs-body-line-height); - color: var(--bs-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(34, 48, 62, 0) - } - - hr { - margin: 1rem 0; - color: var(--bs-border-color); - border: 0; - border-top: var(--bs-border-width) solid; - opacity: 1 - } - - h6, - .h6, - h5, - .h5, - h4, - .h4, - h3, - .h3, - h2, - .h2, - h1, - .h1 { - margin-top: 0; - margin-bottom: 1rem; - font-weight: 500; - line-height: 1.1; - color: var(--bs-heading-color) - } - - h1, - .h1 { - font-size: calc(1.4125rem + 1.95vw) - } - - @media(min-width: 1200px) { - - h1, - .h1 { - font-size: 2.875rem - } - } - - h2, - .h2 { - font-size: calc(1.3625rem + 1.35vw) - } - - @media(min-width: 1200px) { - - h2, - .h2 { - font-size: 2.375rem - } - } - - 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.125rem - } - - h6, - .h6 { - font-size: 0.9375rem - } - - p { - margin-top: 0; - margin-bottom: 1rem - } - - abbr[title] { - text-decoration: underline dotted; - cursor: help; - 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: 500 - } - - dd { - margin-bottom: .5rem; - margin-left: 0 - } - - blockquote { - margin: 0 0 1rem - } - - b, - strong { - font-weight: bolder - } - - small, - .small { - font-size: 0.8125rem - } - - mark, - .mark { - padding: .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) - } - - 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.8125rem - } - - pre code { - font-size: inherit; - color: inherit; - word-break: normal - } - - code { - font-size: 0.8125rem; - color: var(--bs-code-color); - word-wrap: break-word - } - - a>code { - color: inherit - } - - kbd { - padding: .1875rem .375rem; - font-size: 0.8125rem; - color: var(--bs-body-bg); - background-color: var(--bs-body-color); - border-radius: .25rem - } - - 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: .782rem; - padding-bottom: .782rem; - color: var(--bs-secondary-color); - text-align: left - } - - th { - font-weight: 500; - 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: .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 - } - - ::-webkit-search-decoration { - -webkit-appearance: none - } - - ::-webkit-color-swatch-wrapper { - padding: 0 - } - - ::file-selector-button { - font: inherit; - -webkit-appearance: button - } - - output { - display: inline-block - } - - iframe { - border: 0 - } - - summary { - display: list-item; - cursor: pointer - } - - progress { - vertical-align: baseline - } - - [hidden] { - display: none !important - } - - .lead { - font-size: 1.0546875rem; - font-weight: 400 - } - - .display-1 { - font-size: calc(1.525rem + 3.3vw); - font-weight: 500; - line-height: 1.1 - } - - @media(min-width: 1200px) { - .display-1 { - font-size: 4rem - } - } - - .display-2 { - font-size: calc(1.475rem + 2.7vw); - font-weight: 500; - line-height: 1.1 - } - - @media(min-width: 1200px) { - .display-2 { - font-size: 3.5rem - } - } - - .display-3 { - font-size: calc(1.425rem + 2.1vw); - font-weight: 500; - line-height: 1.1 - } - - @media(min-width: 1200px) { - .display-3 { - font-size: 3rem - } - } - - .display-4 { - font-size: calc(1.375rem + 1.5vw); - font-weight: 500; - line-height: 1.1 - } - - @media(min-width: 1200px) { - .display-4 { - font-size: 2.5rem - } - } - - .display-5 { - font-size: calc(1.325rem + 0.9vw); - font-weight: 500; - line-height: 1.1 - } - - @media(min-width: 1200px) { - .display-5 { - font-size: 2rem - } - } - - .display-6 { - font-size: calc(1.275rem + 0.3vw); - font-weight: 500; - line-height: 1.1 - } - - @media(min-width: 1200px) { - .display-6 { - font-size: 1.5rem - } - } - - .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: .5rem - } - - .initialism { - font-size: 0.8125rem; - text-transform: uppercase - } - - .blockquote { - margin-bottom: 1rem; - font-size: 1.0546875rem - } - - .blockquote>:last-child { - margin-bottom: 0 - } - - .blockquote-footer { - margin-top: -1rem; - margin-bottom: 1rem; - font-size: 0.8125rem; - color: #7a838b - } - - .blockquote-footer::before { - content: "— " - } - - .img-fluid { - max-width: 100%; - height: auto - } - - .img-thumbnail { - padding: 0; - background-color: rgba(0, 0, 0, 0); - border: 0 solid var(--bs-border-color); - border-radius: 0; - max-width: 100%; - height: auto - } - - .figure { - display: inline-block - } - - .figure-img { - margin-bottom: .5rem; - line-height: 1 - } - - .figure-caption { - font-size: 0.8125rem; - color: #a7acb2 - } - - .container, - .container-fluid, - .container-xxl, - .container-xl, - .container-lg, - .container-md, - .container-sm { - --bs-gutter-x: 1.625rem; - --bs-gutter-y: 0; - width: 100%; - padding-right: calc(var(--bs-gutter-x)*.5); - padding-left: calc(var(--bs-gutter-x)*.5); - margin-right: auto; - margin-left: auto - } - - @media(min-width: 576px) { - - .container-sm, - .container { - max-width: 540px - } - } - - @media(min-width: 768px) { - - .container-md, - .container-sm, - .container { - max-width: 720px - } - } - - @media(min-width: 992px) { - - .container-lg, - .container-md, - .container-sm, - .container { - max-width: 960px - } - } - - @media(min-width: 1200px) { - - .container-xl, - .container-lg, - .container-md, - .container-sm, - .container { - max-width: 1140px - } - } - - @media(min-width: 1400px) { - - .container-xxl, - .container-xl, - .container-lg, - .container-md, - .container-sm, - .container { - max-width: 1440px - } - } - - :root { - --bs-breakpoint-xs: 0; - --bs-breakpoint-sm: 576px; - --bs-breakpoint-md: 768px; - --bs-breakpoint-lg: 992px; - --bs-breakpoint-xl: 1200px; - --bs-breakpoint-xxl: 1400px - } - - .row { - --bs-gutter-x: 1.625rem; - --bs-gutter-y: 0; - display: flex; - flex-wrap: wrap; - margin-top: calc(-1*var(--bs-gutter-y)); - margin-right: calc(-0.5*var(--bs-gutter-x)); - margin-left: calc(-0.5*var(--bs-gutter-x)) - } - - .row>* { - flex-shrink: 0; - width: 100%; - max-width: 100%; - padding-right: calc(var(--bs-gutter-x)*.5); - padding-left: calc(var(--bs-gutter-x)*.5); - margin-top: var(--bs-gutter-y) - } - - .col { - flex: 1 0 0% - } - - .row-cols-auto>* { - flex: 0 0 auto; - width: auto - } - - .row-cols-1>* { - flex: 0 0 auto; - width: 100% - } - - .row-cols-2>* { - flex: 0 0 auto; - width: 50% - } - - .row-cols-3>* { - flex: 0 0 auto; - width: 33.33333333% - } - - .row-cols-4>* { - flex: 0 0 auto; - width: 25% - } - - .row-cols-5>* { - flex: 0 0 auto; - width: 20% - } - - .row-cols-6>* { - flex: 0 0 auto; - width: 16.66666667% - } - - .col-auto { - flex: 0 0 auto; - width: auto - } - - .col-1 { - flex: 0 0 auto; - width: 8.33333333% - } - - .col-2 { - flex: 0 0 auto; - width: 16.66666667% - } - - .col-3 { - flex: 0 0 auto; - width: 25% - } - - .col-4 { - flex: 0 0 auto; - width: 33.33333333% - } - - .col-5 { - flex: 0 0 auto; - width: 41.66666667% - } - - .col-6 { - flex: 0 0 auto; - width: 50% - } - - .col-7 { - flex: 0 0 auto; - width: 58.33333333% - } - - .col-8 { - flex: 0 0 auto; - width: 66.66666667% - } - - .col-9 { - flex: 0 0 auto; - width: 75% - } - - .col-10 { - flex: 0 0 auto; - width: 83.33333333% - } - - .col-11 { - flex: 0 0 auto; - width: 91.66666667% - } - - .col-12 { - flex: 0 0 auto; - width: 100% - } - - .offset-1 { - margin-left: 8.33333333% - } - - .offset-2 { - margin-left: 16.66666667% - } - - .offset-3 { - margin-left: 25% - } - - .offset-4 { - margin-left: 33.33333333% - } - - .offset-5 { - margin-left: 41.66666667% - } - - .offset-6 { - margin-left: 50% - } - - .offset-7 { - margin-left: 58.33333333% - } - - .offset-8 { - margin-left: 66.66666667% - } - - .offset-9 { - margin-left: 75% - } - - .offset-10 { - margin-left: 83.33333333% - } - - .offset-11 { - margin-left: 91.66666667% - } - - .g-0, - .gx-0 { - --bs-gutter-x: 0 - } - - .g-0, - .gy-0 { - --bs-gutter-y: 0 - } - - .g-50, - .gx-50 { - --bs-gutter-x: 0.125rem - } - - .g-50, - .gy-50 { - --bs-gutter-y: 0.125rem - } - - .g-1, - .gx-1 { - --bs-gutter-x: 0.25rem - } - - .g-1, - .gy-1 { - --bs-gutter-y: 0.25rem - } - - .g-1_5, - .gx-1_5 { - --bs-gutter-x: 0.375rem - } - - .g-1_5, - .gy-1_5 { - --bs-gutter-y: 0.375rem - } - - .g-2, - .gx-2 { - --bs-gutter-x: 0.5rem - } - - .g-2, - .gy-2 { - --bs-gutter-y: 0.5rem - } - - .g-3, - .gx-3 { - --bs-gutter-x: 0.75rem - } - - .g-3, - .gy-3 { - --bs-gutter-y: 0.75rem - } - - .g-4, - .gx-4 { - --bs-gutter-x: 1rem - } - - .g-4, - .gy-4 { - --bs-gutter-y: 1rem - } - - .g-5, - .gx-5 { - --bs-gutter-x: 1.25rem - } - - .g-5, - .gy-5 { - --bs-gutter-y: 1.25rem - } - - .g-6, - .gx-6 { - --bs-gutter-x: 1.5rem - } - - .g-6, - .gy-6 { - --bs-gutter-y: 1.5rem - } - - .g-7, - .gx-7 { - --bs-gutter-x: 1.75rem - } - - .g-7, - .gy-7 { - --bs-gutter-y: 1.75rem - } - - .g-8, - .gx-8 { - --bs-gutter-x: 2rem - } - - .g-8, - .gy-8 { - --bs-gutter-y: 2rem - } - - .g-9, - .gx-9 { - --bs-gutter-x: 2.25rem - } - - .g-9, - .gy-9 { - --bs-gutter-y: 2.25rem - } - - .g-10, - .gx-10 { - --bs-gutter-x: 2.5rem - } - - .g-10, - .gy-10 { - --bs-gutter-y: 2.5rem - } - - .g-11, - .gx-11 { - --bs-gutter-x: 2.75rem - } - - .g-11, - .gy-11 { - --bs-gutter-y: 2.75rem - } - - .g-12, - .gx-12 { - --bs-gutter-x: 3rem - } - - .g-12, - .gy-12 { - --bs-gutter-y: 3rem - } - - @media(min-width: 576px) { - .col-sm { - flex: 1 0 0% - } - - .row-cols-sm-auto>* { - flex: 0 0 auto; - width: auto - } - - .row-cols-sm-1>* { - flex: 0 0 auto; - width: 100% - } - - .row-cols-sm-2>* { - flex: 0 0 auto; - width: 50% - } - - .row-cols-sm-3>* { - flex: 0 0 auto; - width: 33.33333333% - } - - .row-cols-sm-4>* { - flex: 0 0 auto; - width: 25% - } - - .row-cols-sm-5>* { - flex: 0 0 auto; - width: 20% - } - - .row-cols-sm-6>* { - flex: 0 0 auto; - width: 16.66666667% - } - - .col-sm-auto { - flex: 0 0 auto; - width: auto - } - - .col-sm-1 { - flex: 0 0 auto; - width: 8.33333333% - } - - .col-sm-2 { - flex: 0 0 auto; - width: 16.66666667% - } - - .col-sm-3 { - flex: 0 0 auto; - width: 25% - } - - .col-sm-4 { - flex: 0 0 auto; - width: 33.33333333% - } - - .col-sm-5 { - flex: 0 0 auto; - width: 41.66666667% - } - - .col-sm-6 { - flex: 0 0 auto; - width: 50% - } - - .col-sm-7 { - flex: 0 0 auto; - width: 58.33333333% - } - - .col-sm-8 { - flex: 0 0 auto; - width: 66.66666667% - } - - .col-sm-9 { - flex: 0 0 auto; - width: 75% - } - - .col-sm-10 { - flex: 0 0 auto; - width: 83.33333333% - } - - .col-sm-11 { - flex: 0 0 auto; - width: 91.66666667% - } - - .col-sm-12 { - flex: 0 0 auto; - width: 100% - } - - .offset-sm-0 { - margin-left: 0 - } - - .offset-sm-1 { - margin-left: 8.33333333% - } - - .offset-sm-2 { - margin-left: 16.66666667% - } - - .offset-sm-3 { - margin-left: 25% - } - - .offset-sm-4 { - margin-left: 33.33333333% - } - - .offset-sm-5 { - margin-left: 41.66666667% - } - - .offset-sm-6 { - margin-left: 50% - } - - .offset-sm-7 { - margin-left: 58.33333333% - } - - .offset-sm-8 { - margin-left: 66.66666667% - } - - .offset-sm-9 { - margin-left: 75% - } - - .offset-sm-10 { - margin-left: 83.33333333% - } - - .offset-sm-11 { - margin-left: 91.66666667% - } - - .g-sm-0, - .gx-sm-0 { - --bs-gutter-x: 0 - } - - .g-sm-0, - .gy-sm-0 { - --bs-gutter-y: 0 - } - - .g-sm-50, - .gx-sm-50 { - --bs-gutter-x: 0.125rem - } - - .g-sm-50, - .gy-sm-50 { - --bs-gutter-y: 0.125rem - } - - .g-sm-1, - .gx-sm-1 { - --bs-gutter-x: 0.25rem - } - - .g-sm-1, - .gy-sm-1 { - --bs-gutter-y: 0.25rem - } - - .g-sm-1_5, - .gx-sm-1_5 { - --bs-gutter-x: 0.375rem - } - - .g-sm-1_5, - .gy-sm-1_5 { - --bs-gutter-y: 0.375rem - } - - .g-sm-2, - .gx-sm-2 { - --bs-gutter-x: 0.5rem - } - - .g-sm-2, - .gy-sm-2 { - --bs-gutter-y: 0.5rem - } - - .g-sm-3, - .gx-sm-3 { - --bs-gutter-x: 0.75rem - } - - .g-sm-3, - .gy-sm-3 { - --bs-gutter-y: 0.75rem - } - - .g-sm-4, - .gx-sm-4 { - --bs-gutter-x: 1rem - } - - .g-sm-4, - .gy-sm-4 { - --bs-gutter-y: 1rem - } - - .g-sm-5, - .gx-sm-5 { - --bs-gutter-x: 1.25rem - } - - .g-sm-5, - .gy-sm-5 { - --bs-gutter-y: 1.25rem - } - - .g-sm-6, - .gx-sm-6 { - --bs-gutter-x: 1.5rem - } - - .g-sm-6, - .gy-sm-6 { - --bs-gutter-y: 1.5rem - } - - .g-sm-7, - .gx-sm-7 { - --bs-gutter-x: 1.75rem - } - - .g-sm-7, - .gy-sm-7 { - --bs-gutter-y: 1.75rem - } - - .g-sm-8, - .gx-sm-8 { - --bs-gutter-x: 2rem - } - - .g-sm-8, - .gy-sm-8 { - --bs-gutter-y: 2rem - } - - .g-sm-9, - .gx-sm-9 { - --bs-gutter-x: 2.25rem - } - - .g-sm-9, - .gy-sm-9 { - --bs-gutter-y: 2.25rem - } - - .g-sm-10, - .gx-sm-10 { - --bs-gutter-x: 2.5rem - } - - .g-sm-10, - .gy-sm-10 { - --bs-gutter-y: 2.5rem - } - - .g-sm-11, - .gx-sm-11 { - --bs-gutter-x: 2.75rem - } - - .g-sm-11, - .gy-sm-11 { - --bs-gutter-y: 2.75rem - } - - .g-sm-12, - .gx-sm-12 { - --bs-gutter-x: 3rem - } - - .g-sm-12, - .gy-sm-12 { - --bs-gutter-y: 3rem - } - } - - @media(min-width: 768px) { - .col-md { - flex: 1 0 0% - } - - .row-cols-md-auto>* { - flex: 0 0 auto; - width: auto - } - - .row-cols-md-1>* { - flex: 0 0 auto; - width: 100% - } - - .row-cols-md-2>* { - flex: 0 0 auto; - width: 50% - } - - .row-cols-md-3>* { - flex: 0 0 auto; - width: 33.33333333% - } - - .row-cols-md-4>* { - flex: 0 0 auto; - width: 25% - } - - .row-cols-md-5>* { - flex: 0 0 auto; - width: 20% - } - - .row-cols-md-6>* { - flex: 0 0 auto; - width: 16.66666667% - } - - .col-md-auto { - flex: 0 0 auto; - width: auto - } - - .col-md-1 { - flex: 0 0 auto; - width: 8.33333333% - } - - .col-md-2 { - flex: 0 0 auto; - width: 16.66666667% - } - - .col-md-3 { - flex: 0 0 auto; - width: 25% - } - - .col-md-4 { - flex: 0 0 auto; - width: 33.33333333% - } - - .col-md-5 { - flex: 0 0 auto; - width: 41.66666667% - } - - .col-md-6 { - flex: 0 0 auto; - width: 50% - } - - .col-md-7 { - flex: 0 0 auto; - width: 58.33333333% - } - - .col-md-8 { - flex: 0 0 auto; - width: 66.66666667% - } - - .col-md-9 { - flex: 0 0 auto; - width: 75% - } - - .col-md-10 { - flex: 0 0 auto; - width: 83.33333333% - } - - .col-md-11 { - flex: 0 0 auto; - width: 91.66666667% - } - - .col-md-12 { - flex: 0 0 auto; - width: 100% - } - - .offset-md-0 { - margin-left: 0 - } - - .offset-md-1 { - margin-left: 8.33333333% - } - - .offset-md-2 { - margin-left: 16.66666667% - } - - .offset-md-3 { - margin-left: 25% - } - - .offset-md-4 { - margin-left: 33.33333333% - } - - .offset-md-5 { - margin-left: 41.66666667% - } - - .offset-md-6 { - margin-left: 50% - } - - .offset-md-7 { - margin-left: 58.33333333% - } - - .offset-md-8 { - margin-left: 66.66666667% - } - - .offset-md-9 { - margin-left: 75% - } - - .offset-md-10 { - margin-left: 83.33333333% - } - - .offset-md-11 { - margin-left: 91.66666667% - } - - .g-md-0, - .gx-md-0 { - --bs-gutter-x: 0 - } - - .g-md-0, - .gy-md-0 { - --bs-gutter-y: 0 - } - - .g-md-50, - .gx-md-50 { - --bs-gutter-x: 0.125rem - } - - .g-md-50, - .gy-md-50 { - --bs-gutter-y: 0.125rem - } - - .g-md-1, - .gx-md-1 { - --bs-gutter-x: 0.25rem - } - - .g-md-1, - .gy-md-1 { - --bs-gutter-y: 0.25rem - } - - .g-md-1_5, - .gx-md-1_5 { - --bs-gutter-x: 0.375rem - } - - .g-md-1_5, - .gy-md-1_5 { - --bs-gutter-y: 0.375rem - } - - .g-md-2, - .gx-md-2 { - --bs-gutter-x: 0.5rem - } - - .g-md-2, - .gy-md-2 { - --bs-gutter-y: 0.5rem - } - - .g-md-3, - .gx-md-3 { - --bs-gutter-x: 0.75rem - } - - .g-md-3, - .gy-md-3 { - --bs-gutter-y: 0.75rem - } - - .g-md-4, - .gx-md-4 { - --bs-gutter-x: 1rem - } - - .g-md-4, - .gy-md-4 { - --bs-gutter-y: 1rem - } - - .g-md-5, - .gx-md-5 { - --bs-gutter-x: 1.25rem - } - - .g-md-5, - .gy-md-5 { - --bs-gutter-y: 1.25rem - } - - .g-md-6, - .gx-md-6 { - --bs-gutter-x: 1.5rem - } - - .g-md-6, - .gy-md-6 { - --bs-gutter-y: 1.5rem - } - - .g-md-7, - .gx-md-7 { - --bs-gutter-x: 1.75rem - } - - .g-md-7, - .gy-md-7 { - --bs-gutter-y: 1.75rem - } - - .g-md-8, - .gx-md-8 { - --bs-gutter-x: 2rem - } - - .g-md-8, - .gy-md-8 { - --bs-gutter-y: 2rem - } - - .g-md-9, - .gx-md-9 { - --bs-gutter-x: 2.25rem - } - - .g-md-9, - .gy-md-9 { - --bs-gutter-y: 2.25rem - } - - .g-md-10, - .gx-md-10 { - --bs-gutter-x: 2.5rem - } - - .g-md-10, - .gy-md-10 { - --bs-gutter-y: 2.5rem - } - - .g-md-11, - .gx-md-11 { - --bs-gutter-x: 2.75rem - } - - .g-md-11, - .gy-md-11 { - --bs-gutter-y: 2.75rem - } - - .g-md-12, - .gx-md-12 { - --bs-gutter-x: 3rem - } - - .g-md-12, - .gy-md-12 { - --bs-gutter-y: 3rem - } - } - - @media(min-width: 992px) { - .col-lg { - flex: 1 0 0% - } - - .row-cols-lg-auto>* { - flex: 0 0 auto; - width: auto - } - - .row-cols-lg-1>* { - flex: 0 0 auto; - width: 100% - } - - .row-cols-lg-2>* { - flex: 0 0 auto; - width: 50% - } - - .row-cols-lg-3>* { - flex: 0 0 auto; - width: 33.33333333% - } - - .row-cols-lg-4>* { - flex: 0 0 auto; - width: 25% - } - - .row-cols-lg-5>* { - flex: 0 0 auto; - width: 20% - } - - .row-cols-lg-6>* { - flex: 0 0 auto; - width: 16.66666667% - } - - .col-lg-auto { - flex: 0 0 auto; - width: auto - } - - .col-lg-1 { - flex: 0 0 auto; - width: 8.33333333% - } - - .col-lg-2 { - flex: 0 0 auto; - width: 16.66666667% - } - - .col-lg-3 { - flex: 0 0 auto; - width: 25% - } - - .col-lg-4 { - flex: 0 0 auto; - width: 33.33333333% - } - - .col-lg-5 { - flex: 0 0 auto; - width: 41.66666667% - } - - .col-lg-6 { - flex: 0 0 auto; - width: 50% - } - - .col-lg-7 { - flex: 0 0 auto; - width: 58.33333333% - } - - .col-lg-8 { - flex: 0 0 auto; - width: 66.66666667% - } - - .col-lg-9 { - flex: 0 0 auto; - width: 75% - } - - .col-lg-10 { - flex: 0 0 auto; - width: 83.33333333% - } - - .col-lg-11 { - flex: 0 0 auto; - width: 91.66666667% - } - - .col-lg-12 { - flex: 0 0 auto; - width: 100% - } - - .offset-lg-0 { - margin-left: 0 - } - - .offset-lg-1 { - margin-left: 8.33333333% - } - - .offset-lg-2 { - margin-left: 16.66666667% - } - - .offset-lg-3 { - margin-left: 25% - } - - .offset-lg-4 { - margin-left: 33.33333333% - } - - .offset-lg-5 { - margin-left: 41.66666667% - } - - .offset-lg-6 { - margin-left: 50% - } - - .offset-lg-7 { - margin-left: 58.33333333% - } - - .offset-lg-8 { - margin-left: 66.66666667% - } - - .offset-lg-9 { - margin-left: 75% - } - - .offset-lg-10 { - margin-left: 83.33333333% - } - - .offset-lg-11 { - margin-left: 91.66666667% - } - - .g-lg-0, - .gx-lg-0 { - --bs-gutter-x: 0 - } - - .g-lg-0, - .gy-lg-0 { - --bs-gutter-y: 0 - } - - .g-lg-50, - .gx-lg-50 { - --bs-gutter-x: 0.125rem - } - - .g-lg-50, - .gy-lg-50 { - --bs-gutter-y: 0.125rem - } - - .g-lg-1, - .gx-lg-1 { - --bs-gutter-x: 0.25rem - } - - .g-lg-1, - .gy-lg-1 { - --bs-gutter-y: 0.25rem - } - - .g-lg-1_5, - .gx-lg-1_5 { - --bs-gutter-x: 0.375rem - } - - .g-lg-1_5, - .gy-lg-1_5 { - --bs-gutter-y: 0.375rem - } - - .g-lg-2, - .gx-lg-2 { - --bs-gutter-x: 0.5rem - } - - .g-lg-2, - .gy-lg-2 { - --bs-gutter-y: 0.5rem - } - - .g-lg-3, - .gx-lg-3 { - --bs-gutter-x: 0.75rem - } - - .g-lg-3, - .gy-lg-3 { - --bs-gutter-y: 0.75rem - } - - .g-lg-4, - .gx-lg-4 { - --bs-gutter-x: 1rem - } - - .g-lg-4, - .gy-lg-4 { - --bs-gutter-y: 1rem - } - - .g-lg-5, - .gx-lg-5 { - --bs-gutter-x: 1.25rem - } - - .g-lg-5, - .gy-lg-5 { - --bs-gutter-y: 1.25rem - } - - .g-lg-6, - .gx-lg-6 { - --bs-gutter-x: 1.5rem - } - - .g-lg-6, - .gy-lg-6 { - --bs-gutter-y: 1.5rem - } - - .g-lg-7, - .gx-lg-7 { - --bs-gutter-x: 1.75rem - } - - .g-lg-7, - .gy-lg-7 { - --bs-gutter-y: 1.75rem - } - - .g-lg-8, - .gx-lg-8 { - --bs-gutter-x: 2rem - } - - .g-lg-8, - .gy-lg-8 { - --bs-gutter-y: 2rem - } - - .g-lg-9, - .gx-lg-9 { - --bs-gutter-x: 2.25rem - } - - .g-lg-9, - .gy-lg-9 { - --bs-gutter-y: 2.25rem - } - - .g-lg-10, - .gx-lg-10 { - --bs-gutter-x: 2.5rem - } - - .g-lg-10, - .gy-lg-10 { - --bs-gutter-y: 2.5rem - } - - .g-lg-11, - .gx-lg-11 { - --bs-gutter-x: 2.75rem - } - - .g-lg-11, - .gy-lg-11 { - --bs-gutter-y: 2.75rem - } - - .g-lg-12, - .gx-lg-12 { - --bs-gutter-x: 3rem - } - - .g-lg-12, - .gy-lg-12 { - --bs-gutter-y: 3rem - } - } - - @media(min-width: 1200px) { - .col-xl { - flex: 1 0 0% - } - - .row-cols-xl-auto>* { - flex: 0 0 auto; - width: auto - } - - .row-cols-xl-1>* { - flex: 0 0 auto; - width: 100% - } - - .row-cols-xl-2>* { - flex: 0 0 auto; - width: 50% - } - - .row-cols-xl-3>* { - flex: 0 0 auto; - width: 33.33333333% - } - - .row-cols-xl-4>* { - flex: 0 0 auto; - width: 25% - } - - .row-cols-xl-5>* { - flex: 0 0 auto; - width: 20% - } - - .row-cols-xl-6>* { - flex: 0 0 auto; - width: 16.66666667% - } - - .col-xl-auto { - flex: 0 0 auto; - width: auto - } - - .col-xl-1 { - flex: 0 0 auto; - width: 8.33333333% - } - - .col-xl-2 { - flex: 0 0 auto; - width: 16.66666667% - } - - .col-xl-3 { - flex: 0 0 auto; - width: 25% - } - - .col-xl-4 { - flex: 0 0 auto; - width: 33.33333333% - } - - .col-xl-5 { - flex: 0 0 auto; - width: 41.66666667% - } - - .col-xl-6 { - flex: 0 0 auto; - width: 50% - } - - .col-xl-7 { - flex: 0 0 auto; - width: 58.33333333% - } - - .col-xl-8 { - flex: 0 0 auto; - width: 66.66666667% - } - - .col-xl-9 { - flex: 0 0 auto; - width: 75% - } - - .col-xl-10 { - flex: 0 0 auto; - width: 83.33333333% - } - - .col-xl-11 { - flex: 0 0 auto; - width: 91.66666667% - } - - .col-xl-12 { - flex: 0 0 auto; - width: 100% - } - - .offset-xl-0 { - margin-left: 0 - } - - .offset-xl-1 { - margin-left: 8.33333333% - } - - .offset-xl-2 { - margin-left: 16.66666667% - } - - .offset-xl-3 { - margin-left: 25% - } - - .offset-xl-4 { - margin-left: 33.33333333% - } - - .offset-xl-5 { - margin-left: 41.66666667% - } - - .offset-xl-6 { - margin-left: 50% - } - - .offset-xl-7 { - margin-left: 58.33333333% - } - - .offset-xl-8 { - margin-left: 66.66666667% - } - - .offset-xl-9 { - margin-left: 75% - } - - .offset-xl-10 { - margin-left: 83.33333333% - } - - .offset-xl-11 { - margin-left: 91.66666667% - } - - .g-xl-0, - .gx-xl-0 { - --bs-gutter-x: 0 - } - - .g-xl-0, - .gy-xl-0 { - --bs-gutter-y: 0 - } - - .g-xl-50, - .gx-xl-50 { - --bs-gutter-x: 0.125rem - } - - .g-xl-50, - .gy-xl-50 { - --bs-gutter-y: 0.125rem - } - - .g-xl-1, - .gx-xl-1 { - --bs-gutter-x: 0.25rem - } - - .g-xl-1, - .gy-xl-1 { - --bs-gutter-y: 0.25rem - } - - .g-xl-1_5, - .gx-xl-1_5 { - --bs-gutter-x: 0.375rem - } - - .g-xl-1_5, - .gy-xl-1_5 { - --bs-gutter-y: 0.375rem - } - - .g-xl-2, - .gx-xl-2 { - --bs-gutter-x: 0.5rem - } - - .g-xl-2, - .gy-xl-2 { - --bs-gutter-y: 0.5rem - } - - .g-xl-3, - .gx-xl-3 { - --bs-gutter-x: 0.75rem - } - - .g-xl-3, - .gy-xl-3 { - --bs-gutter-y: 0.75rem - } - - .g-xl-4, - .gx-xl-4 { - --bs-gutter-x: 1rem - } - - .g-xl-4, - .gy-xl-4 { - --bs-gutter-y: 1rem - } - - .g-xl-5, - .gx-xl-5 { - --bs-gutter-x: 1.25rem - } - - .g-xl-5, - .gy-xl-5 { - --bs-gutter-y: 1.25rem - } - - .g-xl-6, - .gx-xl-6 { - --bs-gutter-x: 1.5rem - } - - .g-xl-6, - .gy-xl-6 { - --bs-gutter-y: 1.5rem - } - - .g-xl-7, - .gx-xl-7 { - --bs-gutter-x: 1.75rem - } - - .g-xl-7, - .gy-xl-7 { - --bs-gutter-y: 1.75rem - } - - .g-xl-8, - .gx-xl-8 { - --bs-gutter-x: 2rem - } - - .g-xl-8, - .gy-xl-8 { - --bs-gutter-y: 2rem - } - - .g-xl-9, - .gx-xl-9 { - --bs-gutter-x: 2.25rem - } - - .g-xl-9, - .gy-xl-9 { - --bs-gutter-y: 2.25rem - } - - .g-xl-10, - .gx-xl-10 { - --bs-gutter-x: 2.5rem - } - - .g-xl-10, - .gy-xl-10 { - --bs-gutter-y: 2.5rem - } - - .g-xl-11, - .gx-xl-11 { - --bs-gutter-x: 2.75rem - } - - .g-xl-11, - .gy-xl-11 { - --bs-gutter-y: 2.75rem - } - - .g-xl-12, - .gx-xl-12 { - --bs-gutter-x: 3rem - } - - .g-xl-12, - .gy-xl-12 { - --bs-gutter-y: 3rem - } - } - - @media(min-width: 1400px) { - .col-xxl { - flex: 1 0 0% - } - - .row-cols-xxl-auto>* { - flex: 0 0 auto; - width: auto - } - - .row-cols-xxl-1>* { - flex: 0 0 auto; - width: 100% - } - - .row-cols-xxl-2>* { - flex: 0 0 auto; - width: 50% - } - - .row-cols-xxl-3>* { - flex: 0 0 auto; - width: 33.33333333% - } - - .row-cols-xxl-4>* { - flex: 0 0 auto; - width: 25% - } - - .row-cols-xxl-5>* { - flex: 0 0 auto; - width: 20% - } - - .row-cols-xxl-6>* { - flex: 0 0 auto; - width: 16.66666667% - } - - .col-xxl-auto { - flex: 0 0 auto; - width: auto - } - - .col-xxl-1 { - flex: 0 0 auto; - width: 8.33333333% - } - - .col-xxl-2 { - flex: 0 0 auto; - width: 16.66666667% - } - - .col-xxl-3 { - flex: 0 0 auto; - width: 25% - } - - .col-xxl-4 { - flex: 0 0 auto; - width: 33.33333333% - } - - .col-xxl-5 { - flex: 0 0 auto; - width: 41.66666667% - } - - .col-xxl-6 { - flex: 0 0 auto; - width: 50% - } - - .col-xxl-7 { - flex: 0 0 auto; - width: 58.33333333% - } - - .col-xxl-8 { - flex: 0 0 auto; - width: 66.66666667% - } - - .col-xxl-9 { - flex: 0 0 auto; - width: 75% - } - - .col-xxl-10 { - flex: 0 0 auto; - width: 83.33333333% - } - - .col-xxl-11 { - flex: 0 0 auto; - width: 91.66666667% - } - - .col-xxl-12 { - flex: 0 0 auto; - width: 100% - } - - .offset-xxl-0 { - margin-left: 0 - } - - .offset-xxl-1 { - margin-left: 8.33333333% - } - - .offset-xxl-2 { - margin-left: 16.66666667% - } - - .offset-xxl-3 { - margin-left: 25% - } - - .offset-xxl-4 { - margin-left: 33.33333333% - } - - .offset-xxl-5 { - margin-left: 41.66666667% - } - - .offset-xxl-6 { - margin-left: 50% - } - - .offset-xxl-7 { - margin-left: 58.33333333% - } - - .offset-xxl-8 { - margin-left: 66.66666667% - } - - .offset-xxl-9 { - margin-left: 75% - } - - .offset-xxl-10 { - margin-left: 83.33333333% - } - - .offset-xxl-11 { - margin-left: 91.66666667% - } - - .g-xxl-0, - .gx-xxl-0 { - --bs-gutter-x: 0 - } - - .g-xxl-0, - .gy-xxl-0 { - --bs-gutter-y: 0 - } - - .g-xxl-50, - .gx-xxl-50 { - --bs-gutter-x: 0.125rem - } - - .g-xxl-50, - .gy-xxl-50 { - --bs-gutter-y: 0.125rem - } - - .g-xxl-1, - .gx-xxl-1 { - --bs-gutter-x: 0.25rem - } - - .g-xxl-1, - .gy-xxl-1 { - --bs-gutter-y: 0.25rem - } - - .g-xxl-1_5, - .gx-xxl-1_5 { - --bs-gutter-x: 0.375rem - } - - .g-xxl-1_5, - .gy-xxl-1_5 { - --bs-gutter-y: 0.375rem - } - - .g-xxl-2, - .gx-xxl-2 { - --bs-gutter-x: 0.5rem - } - - .g-xxl-2, - .gy-xxl-2 { - --bs-gutter-y: 0.5rem - } - - .g-xxl-3, - .gx-xxl-3 { - --bs-gutter-x: 0.75rem - } - - .g-xxl-3, - .gy-xxl-3 { - --bs-gutter-y: 0.75rem - } - - .g-xxl-4, - .gx-xxl-4 { - --bs-gutter-x: 1rem - } - - .g-xxl-4, - .gy-xxl-4 { - --bs-gutter-y: 1rem - } - - .g-xxl-5, - .gx-xxl-5 { - --bs-gutter-x: 1.25rem - } - - .g-xxl-5, - .gy-xxl-5 { - --bs-gutter-y: 1.25rem - } - - .g-xxl-6, - .gx-xxl-6 { - --bs-gutter-x: 1.5rem - } - - .g-xxl-6, - .gy-xxl-6 { - --bs-gutter-y: 1.5rem - } - - .g-xxl-7, - .gx-xxl-7 { - --bs-gutter-x: 1.75rem - } - - .g-xxl-7, - .gy-xxl-7 { - --bs-gutter-y: 1.75rem - } - - .g-xxl-8, - .gx-xxl-8 { - --bs-gutter-x: 2rem - } - - .g-xxl-8, - .gy-xxl-8 { - --bs-gutter-y: 2rem - } - - .g-xxl-9, - .gx-xxl-9 { - --bs-gutter-x: 2.25rem - } - - .g-xxl-9, - .gy-xxl-9 { - --bs-gutter-y: 2.25rem - } - - .g-xxl-10, - .gx-xxl-10 { - --bs-gutter-x: 2.5rem - } - - .g-xxl-10, - .gy-xxl-10 { - --bs-gutter-y: 2.5rem - } - - .g-xxl-11, - .gx-xxl-11 { - --bs-gutter-x: 2.75rem - } - - .g-xxl-11, - .gy-xxl-11 { - --bs-gutter-y: 2.75rem - } - - .g-xxl-12, - .gx-xxl-12 { - --bs-gutter-x: 3rem - } - - .g-xxl-12, - .gy-xxl-12 { - --bs-gutter-y: 3rem - } - } - - .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-body-color); - --bs-table-bg: transparent; - --bs-table-border-color: var(--bs-gray-200); - --bs-table-accent-bg: transparent; - --bs-table-striped-color: var(--bs-body-color); - --bs-table-striped-bg: rgba(var(--bs-base-color-rgb), 0.06); - --bs-table-active-color: var(--bs-body-color); - --bs-table-active-bg: rgba(var(--bs-primary-rgb), 0.08); - --bs-table-hover-color: var(--bs-body-color); - --bs-table-hover-bg: rgba(34, 48, 62, 0.06); - width: 100%; - margin-bottom: 1rem; - vertical-align: middle; - border-color: var(--bs-table-border-color) - } - - .table>:not(caption)>*>* { - padding: .782rem 1.25rem; - color: var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color))); - background-color: var(--bs-table-bg); - border-bottom-width: var(--bs-border-width); - 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(var(--bs-border-width)*2) solid var(--bs-gray-200) - } - - .caption-top { - caption-side: top - } - - .table-sm>:not(caption)>*>* { - padding: .594rem 1.25rem - } - - .table-bordered>:not(caption)>* { - border-width: var(--bs-border-width) 0 - } - - .table-bordered>:not(caption)>*>* { - border-width: 0 var(--bs-border-width) - } - - .table-borderless>:not(caption)>*>* { - border-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: #000; - --bs-table-bg: #e1e2ff; - --bs-table-border-color: #c6c7e0; - --bs-table-striped-bg: #d4d4f0; - --bs-table-striped-color: #000; - --bs-table-active-bg: #cfd0eb; - --bs-table-active-color: #000; - --bs-table-hover-bg: #d4d4f0; - --bs-table-hover-color: #000; - color: var(--bs-table-color); - border-color: var(--bs-table-border-color) - } - - .table-secondary { - --bs-table-color: #000; - --bs-table-bg: #e7e9ed; - --bs-table-border-color: #cbcdd1; - --bs-table-striped-bg: #d9dbdf; - --bs-table-striped-color: #000; - --bs-table-active-bg: #d5d6da; - --bs-table-active-color: #000; - --bs-table-hover-bg: #d9dbdf; - --bs-table-hover-color: #000; - color: var(--bs-table-color); - border-color: var(--bs-table-border-color) - } - - .table-success { - --bs-table-color: #000; - --bs-table-bg: #e3f8d7; - --bs-table-border-color: #c8dabd; - --bs-table-striped-bg: #d5e9ca; - --bs-table-striped-color: #000; - --bs-table-active-bg: #d1e4c6; - --bs-table-active-color: #000; - --bs-table-hover-bg: #d5e9ca; - --bs-table-hover-color: #000; - color: var(--bs-table-color); - border-color: var(--bs-table-border-color) - } - - .table-info { - --bs-table-color: #000; - --bs-table-bg: #cdf3fb; - --bs-table-border-color: #b4d6dd; - --bs-table-striped-bg: #c1e4ec; - --bs-table-striped-color: #000; - --bs-table-active-bg: #bde0e7; - --bs-table-active-color: #000; - --bs-table-hover-bg: #c1e4ec; - --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: #ffeecc; - --bs-table-border-color: #e0d1b4; - --bs-table-striped-bg: #f0e0c0; - --bs-table-striped-color: #000; - --bs-table-active-bg: #ebdbbc; - --bs-table-active-color: #000; - --bs-table-hover-bg: #f0e0c0; - --bs-table-hover-color: #000; - color: var(--bs-table-color); - border-color: var(--bs-table-border-color) - } - - .table-danger { - --bs-table-color: #000; - --bs-table-bg: #ffd8d2; - --bs-table-border-color: #e0beb9; - --bs-table-striped-bg: #f0cbc5; - --bs-table-striped-color: #000; - --bs-table-active-bg: #ebc7c1; - --bs-table-active-color: #000; - --bs-table-hover-bg: #f0cbc5; - --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: #dbdee0; - --bs-table-border-color: #c1c3c5; - --bs-table-striped-bg: #ced1d3; - --bs-table-striped-color: #000; - --bs-table-active-bg: #c9ccce; - --bs-table-active-color: #000; - --bs-table-hover-bg: #ced1d3; - --bs-table-hover-color: #000; - color: var(--bs-table-color); - border-color: var(--bs-table-border-color) - } - - .table-dark { - --bs-table-color: #fff; - --bs-table-bg: #2b2c40; - --bs-table-border-color: #444557; - --bs-table-striped-bg: #38394b; - --bs-table-striped-color: #fff; - --bs-table-active-bg: #3c3d4f; - --bs-table-active-color: #fff; - --bs-table-hover-bg: #38394b; - --bs-table-hover-color: #fff; - 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 - } - } - - .form-label { - margin-bottom: .25rem; - font-size: 0.8125rem; - color: var(--bs-heading-color) - } - - .col-form-label { - padding-top: calc(0.543rem + var(--bs-border-width)); - padding-bottom: calc(0.543rem + var(--bs-border-width)); - margin-bottom: 0; - font-size: inherit; - line-height: 1.375; - color: var(--bs-heading-color) - } - - .col-form-label-lg { - padding-top: calc(0.7075rem + var(--bs-border-width)); - padding-bottom: calc(0.7075rem + var(--bs-border-width)); - font-size: 1.0625rem - } - - .col-form-label-sm { - padding-top: calc(0.3165rem + var(--bs-border-width)); - padding-bottom: calc(0.3165rem + var(--bs-border-width)); - font-size: 0.8125rem - } - - .form-text { - margin-top: .3rem; - font-size: 0.8125rem; - color: var(--bs-body-color) - } - - .form-control { - display: block; - width: 100%; - padding: .543rem .9375rem; - font-size: 0.9375rem; - font-weight: 400; - line-height: 1.375; - color: var(--bs-heading-color); - appearance: none; - background-color: rgba(0, 0, 0, 0); - background-clip: padding-box; - border: var(--bs-border-width) solid color-mix(in sRGB, var(--bs-base-color) 22%, var(--bs-paper-bg)); - border-radius: var(--bs-border-radius); - transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out - } - - @media(prefers-reduced-motion: reduce) { - .form-control { - transition: none - } - } - - .form-control[type=file] { - overflow: hidden - } - - .form-control[type=file]:not(:disabled):not([readonly]) { - cursor: pointer - } - - .form-control:focus { - color: var(--bs-heading-color); - background-color: rgba(0, 0, 0, 0); - border-color: var(--bs-primary); - outline: 0; - box-shadow: 0 .125rem .25rem 0 rgba(var(--bs-primary-rgb), 0.4) - } - - .form-control::-webkit-date-and-time-value { - min-width: 85px; - height: 1.375em; - margin: 0 - } - - .form-control::-webkit-datetime-edit { - display: block; - padding: 0 - } - - .form-control::placeholder { - color: var(--bs-secondary-color); - opacity: 1 - } - - .form-control:disabled { - color: var(--bs-secondary-color); - background-color: rgba(var(--bs-base-color-rgb), 0.06); - border-color: rgba(var(--bs-base-color-rgb), 0.24); - opacity: 1 - } - - .form-control::file-selector-button { - padding: .543rem .9375rem; - margin: -0.543rem -0.9375rem; - margin-inline-end: .9375rem; - color: var(--bs-heading-color); - background-color: rgba(0, 0, 0, 0); - pointer-events: none; - border-color: inherit; - border-style: solid; - border-width: 0; - border-inline-end-width: var(--bs-border-width); - border-radius: 0; - transition: all .2s ease-in-out - } - - @media(prefers-reduced-motion: reduce) { - .form-control::file-selector-button { - transition: none - } - } - - .form-control:hover:not(:disabled):not([readonly])::file-selector-button { - background-color: rgba(0, 0, 0, .05) - } - - .form-control-plaintext { - display: block; - width: 100%; - padding: .543rem 0; - margin-bottom: 0; - line-height: 1.375; - color: var(--bs-heading-color); - background-color: rgba(0, 0, 0, 0); - border: solid rgba(0, 0, 0, 0); - border-width: var(--bs-border-width) 0 - } - - .form-control-plaintext:focus { - outline: 0 - } - - .form-control-plaintext.form-control-sm, - .form-control-plaintext.form-control-lg { - padding-right: 0; - padding-left: 0 - } - - .form-control-sm { - min-height: calc(1.375em + 0.633rem + calc(var(--bs-border-width) * 2)); - padding: .3165rem .8125rem; - font-size: 0.8125rem; - border-radius: var(--bs-border-radius-sm) - } - - .form-control-sm::file-selector-button { - padding: .3165rem .8125rem; - margin: -0.3165rem -0.8125rem; - margin-inline-end: .8125rem - } - - .form-control-lg { - min-height: calc(1.375em + 1.415rem + calc(var(--bs-border-width) * 2)); - padding: .7075rem 1.3125rem; - font-size: 1.0625rem; - border-radius: var(--bs-border-radius-lg) - } - - .form-control-lg::file-selector-button { - padding: .7075rem 1.3125rem; - margin: -0.7075rem -1.3125rem; - margin-inline-end: 1.3125rem - } - - textarea.form-control { - min-height: calc(1.375em + 1.086rem + calc(var(--bs-border-width) * 2)) - } - - textarea.form-control-sm { - min-height: calc(1.375em + 0.633rem + calc(var(--bs-border-width) * 2)) - } - - textarea.form-control-lg { - min-height: calc(1.375em + 1.415rem + calc(var(--bs-border-width) * 2)) - } - - .form-control-color { - width: 3rem; - height: calc(1.375em + 1.086rem + calc(var(--bs-border-width) * 2)); - padding: .543rem - } - - .form-control-color:not(:disabled):not([readonly]) { - cursor: pointer - } - - .form-control-color::-moz-color-swatch { - border: 0 !important; - border-radius: var(--bs-border-radius) - } - - .form-control-color::-webkit-color-swatch { - border: 0 !important; - border-radius: var(--bs-border-radius) - } - - .form-control-color.form-control-sm { - height: calc(1.375em + 0.633rem + calc(var(--bs-border-width) * 2)) - } - - .form-control-color.form-control-lg { - height: calc(1.375em + 1.415rem + calc(var(--bs-border-width) * 2)) - } - - .form-select { - --bs-form-select-bg-img: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 22" fill="none"%3e%3cpath d="M10.9999 12.0743L15.5374 7.53676L16.8336 8.83292L10.9999 14.6666L5.16626 8.83292L6.46243 7.53676L10.9999 12.0743Z" fill="%2322303e" fill-opacity="0.9"/%3e%3c/svg%3e'); - display: block; - width: 100%; - padding: .543rem 2.625rem .543rem .9375rem; - font-size: 0.9375rem; - font-weight: 400; - line-height: 1.375; - color: var(--bs-heading-color); - appearance: none; - background-color: rgba(0, 0, 0, 0); - background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none); - background-repeat: no-repeat; - background-position: right .9375rem center; - background-size: 22px 24px; - border: var(--bs-border-width) solid color-mix(in sRGB, var(--bs-base-color) 22%, var(--bs-paper-bg)); - border-radius: var(--bs-border-radius); - transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out - } - - @media(prefers-reduced-motion: reduce) { - .form-select { - transition: none - } - } - - .form-select:focus { - border-color: var(--bs-primary); - outline: 0; - box-shadow: 0 .125rem .25rem 0 rgba(var(--bs-primary-rgb), 0.4) - } - - .form-select[multiple], - .form-select[size]:not([size="1"]) { - padding-right: .9375rem; - background-image: none - } - - .form-select:disabled { - color: var(--bs-secondary-color); - background-color: rgba(var(--bs-base-color-rgb), 0.06); - border-color: rgba(var(--bs-base-color-rgb), 0.24) - } - - .form-select:-moz-focusring { - color: rgba(0, 0, 0, 0); - text-shadow: 0 0 0 var(--bs-heading-color) - } - - .form-select-sm { - padding-top: .3165rem; - padding-bottom: .3165rem; - padding-left: .8125rem; - font-size: 0.8125rem; - border-radius: var(--bs-border-radius-sm) - } - - .form-select-lg { - padding-top: .7075rem; - padding-bottom: .7075rem; - padding-left: 1.3125rem; - font-size: 1.0625rem; - border-radius: var(--bs-border-radius-lg) - } - - [data-bs-theme=dark] .form-select { - --bs-form-select-bg-img: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 22" fill="none"%3e%3cpath d="M10.9999 12.0743L15.5374 7.53676L16.8336 8.83292L10.9999 14.6666L5.16626 8.83292L6.46243 7.53676L10.9999 12.0743Z" fill="%23fff" fill-opacity="0.9"/%3e%3c/svg%3e') - } - - .form-check { - display: block; - min-height: 1.3754296875rem; - padding-left: 1.8em; - margin-bottom: .5rem - } - - .form-check .form-check-input { - float: left; - margin-left: -1.8em - } - - .form-check-reverse { - padding-right: 1.8em; - padding-left: 0; - text-align: right - } - - .form-check-reverse .form-check-input { - float: right; - margin-right: -1.8em; - margin-left: 0 - } - - .form-check-input { - --bs-form-check-bg: transparent; - flex-shrink: 0; - width: 1.2em; - height: 1.2em; - margin-top: .0875em; - vertical-align: top; - 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: 2px solid var(--bs-secondary-color); - print-color-adjust: exact - } - - .form-check-input[type=checkbox] { - border-radius: .267em - } - - .form-check-input[type=radio] { - border-radius: 50% - } - - .form-check-input:active { - filter: brightness(90%) - } - - .form-check-input:focus { - border-color: var(--bs-body-color); - outline: 0; - box-shadow: none - } - - .form-check-input:checked { - background-color: var(--bs-primary); - border-color: var(--bs-primary) - } - - .form-check-input:checked[type=checkbox] { - --bs-form-check-bg-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='17' viewBox='0 0 15 14' fill='none'%3E%3Cpath d='M3.41667 7L6.33333 9.91667L12.1667 4.08333' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%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='1.6' fill='%23fff' /%3e%3c/svg%3e") - } - - .form-check-input[type=checkbox]:indeterminate { - background-color: var(--bs-primary); - border-color: var(--bs-primary); - --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3e%3cpath d='M2.5 6H9.5' stroke='%23fff' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e") - } - - .form-check-input:disabled { - pointer-events: none; - filter: none; - opacity: .45 - } - - .form-check-input[disabled]~.form-check-label, - .form-check-input:disabled~.form-check-label { - cursor: default; - opacity: .45 - } - - .form-check-label { - color: var(--bs-heading-color); - cursor: pointer - } - - .form-switch { - padding-left: 2.667em - } - - .form-switch .form-check-input { - --bs-form-switch-bg: url("data:image/svg+xml,%3csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg filter='url%28%23a%29'%3e%3ccircle cx='12' cy='11' r='8.5' fill='%23fff'/%3e%3c/g%3e%3cdefs%3e%3cfilter id='a' x='0' y='0' width='22' height='22' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3e%3cfeFlood flood-opacity='0' result='BackgroundImageFix'/%3e%3cfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3e%3cfeOffset dy='2'/%3e%3cfeGaussianBlur stdDeviation='2'/%3e%3cfeColorMatrix values='0 0 0 0 0.180392 0 0 0 0 0.14902 0 0 0 0 0.239216 0 0 0 0.16 0'/%3e%3cfeBlend in2='BackgroundImageFix' result='effect1_dropShadow_6488_3264'/%3e%3cfeBlend in='SourceGraphic' in2='effect1_dropShadow_6488_3264' result='shape'/%3e%3c/filter%3e%3c/defs%3e%3c/svg%3e"); - width: 2em; - margin-left: -2.667em; - background-image: var(--bs-form-switch-bg); - background-position: left center; - border-radius: 2em; - transition: background-position .15s 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 width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg filter='url%28%23a%29'%3e%3ccircle cx='12' cy='11' r='8.5' fill='%23fff'/%3e%3c/g%3e%3cdefs%3e%3cfilter id='a' x='0' y='0' width='22' height='22' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3e%3cfeFlood flood-opacity='0' result='BackgroundImageFix'/%3e%3cfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3e%3cfeOffset dy='2'/%3e%3cfeGaussianBlur stdDeviation='2'/%3e%3cfeColorMatrix values='0 0 0 0 0.180392 0 0 0 0 0.14902 0 0 0 0 0.239216 0 0 0 0.16 0'/%3e%3cfeBlend in2='BackgroundImageFix' result='effect1_dropShadow_6488_3264'/%3e%3cfeBlend in='SourceGraphic' in2='effect1_dropShadow_6488_3264' result='shape'/%3e%3c/filter%3e%3c/defs%3e%3c/svg%3e") - } - - .form-switch .form-check-input:checked { - background-position: 95% center; - --bs-form-switch-bg: url("data:image/svg+xml,%3csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg filter='url%28%23a%29'%3e%3ccircle cx='12' cy='11' r='8.5' fill='%23fff'/%3e%3c/g%3e%3cdefs%3e%3cfilter id='a' x='0' y='0' width='22' height='22' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3e%3cfeFlood flood-opacity='0' result='BackgroundImageFix'/%3e%3cfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3e%3cfeOffset dy='2'/%3e%3cfeGaussianBlur stdDeviation='2'/%3e%3cfeColorMatrix values='0 0 0 0 0.180392 0 0 0 0 0.14902 0 0 0 0 0.239216 0 0 0 0.16 0'/%3e%3cfeBlend in2='BackgroundImageFix' result='effect1_dropShadow_6488_3264'/%3e%3cfeBlend in='SourceGraphic' in2='effect1_dropShadow_6488_3264' result='shape'/%3e%3c/filter%3e%3c/defs%3e%3c/svg%3e") - } - - .form-switch.form-check-reverse { - padding-right: 2.667em; - padding-left: 0 - } - - .form-switch.form-check-reverse .form-check-input { - margin-right: -2.667em; - 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: .45 - } - - [data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus) { - --bs-form-switch-bg: url("data:image/svg+xml,%3csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg filter='url%28%23a%29'%3e%3ccircle cx='12' cy='11' r='8.5' fill='%23fff'/%3e%3c/g%3e%3cdefs%3e%3cfilter id='a' x='0' y='0' width='22' height='22' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3e%3cfeFlood flood-opacity='0' result='BackgroundImageFix'/%3e%3cfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3e%3cfeOffset dy='2'/%3e%3cfeGaussianBlur stdDeviation='2'/%3e%3cfeColorMatrix values='0 0 0 0 0.180392 0 0 0 0 0.14902 0 0 0 0 0.239216 0 0 0 0.16 0'/%3e%3cfeBlend in2='BackgroundImageFix' result='effect1_dropShadow_6488_3264'/%3e%3cfeBlend in='SourceGraphic' in2='effect1_dropShadow_6488_3264' result='shape'/%3e%3c/filter%3e%3c/defs%3e%3c/svg%3e") - } - - .form-range { - width: 100%; - height: 1.475rem; - padding: 0; - appearance: none; - background-color: rgba(0, 0, 0, 0) - } - - .form-range:focus { - outline: 0 - } - - .form-range:focus::-webkit-slider-thumb { - box-shadow: 0 0 .25rem .05rem color-mix(in sRGB, var(--bs-primary) 0.1, var(--bs-paper-bg)) - } - - .form-range:focus::-moz-range-thumb { - box-shadow: 0 0 .25rem .05rem color-mix(in sRGB, var(--bs-primary) 0.1, var(--bs-paper-bg)) - } - - .form-range::-moz-focus-outer { - border: 0 - } - - .form-range::-webkit-slider-thumb { - width: 1.375rem; - height: 1.375rem; - margin-top: -0.5rem; - appearance: none; - background-color: var(--bs-white); - border: .25rem solid var(--bs-primary); - border-radius: 1rem; - transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out - } - - @media(prefers-reduced-motion: reduce) { - .form-range::-webkit-slider-thumb { - transition: none - } - } - - .form-range::-webkit-slider-thumb:active { - background-color: var(--bs-white) - } - - .form-range::-webkit-slider-runnable-track { - width: 100%; - height: .375rem; - color: rgba(0, 0, 0, 0); - cursor: pointer; - background-color: var(--bs-primary-bg-subtle); - border-color: rgba(0, 0, 0, 0); - border-radius: 1rem - } - - .form-range::-moz-range-thumb { - width: 1.375rem; - height: 1.375rem; - appearance: none; - background-color: var(--bs-white); - border: .25rem solid var(--bs-primary); - border-radius: 1rem; - transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out - } - - @media(prefers-reduced-motion: reduce) { - .form-range::-moz-range-thumb { - transition: none - } - } - - .form-range::-moz-range-thumb:active { - background-color: var(--bs-white) - } - - .form-range::-moz-range-track { - width: 100%; - height: .375rem; - color: rgba(0, 0, 0, 0); - cursor: pointer; - background-color: var(--bs-primary-bg-subtle); - border-color: rgba(0, 0, 0, 0); - border-radius: 1rem - } - - .form-range:disabled { - pointer-events: none - } - - .form-range:disabled::-webkit-slider-thumb { - background-color: var(--bs-white) - } - - .form-range:disabled::-moz-range-thumb { - background-color: var(--bs-white) - } - - .form-floating { - position: relative - } - - .form-floating>.form-control, - .form-floating>.form-control-plaintext, - .form-floating>.form-select { - height: calc(3.5rem + calc(var(--bs-border-width) * 2)); - min-height: calc(3.5rem + calc(var(--bs-border-width) * 2)); - line-height: 1.25 - } - - .form-floating>label { - position: absolute; - top: 0; - left: 0; - z-index: 2; - height: 100%; - padding: 1rem .9375rem; - overflow: hidden; - text-align: start; - text-overflow: ellipsis; - white-space: nowrap; - pointer-events: none; - border: var(--bs-border-width) solid rgba(0, 0, 0, 0); - transform-origin: 0 0; - transition: opacity .2s ease-in-out, transform .2s ease-in-out - } - - @media(prefers-reduced-motion: reduce) { - .form-floating>label { - transition: none - } - } - - .form-floating>.form-control, - .form-floating>.form-control-plaintext { - padding: 1rem .9375rem - } - - .form-floating>.form-control::placeholder, - .form-floating>.form-control-plaintext::placeholder { - color: rgba(0, 0, 0, 0) - } - - .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: .625rem - } - - .form-floating>.form-control:-webkit-autofill, - .form-floating>.form-control-plaintext:-webkit-autofill { - padding-top: 1.625rem; - padding-bottom: .625rem - } - - .form-floating>.form-select { - padding-top: 1.625rem; - padding-bottom: .625rem - } - - .form-floating>.form-control:focus~label, - .form-floating>.form-control:not(:placeholder-shown)~label, - .form-floating>.form-control-plaintext~label, - .form-floating>.form-select~label { - color: rgba(var(--bs-body-color-rgb), 0.75); - transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem) - } - - .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 .46875rem; - z-index: -1; - height: 1.5em; - content: ""; - background-color: rgba(0, 0, 0, 0); - border-radius: var(--bs-border-radius) - } - - .form-floating>.form-control:-webkit-autofill~label { - color: rgba(var(--bs-body-color-rgb), 0.75); - transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem) - } - - .form-floating>.form-control-plaintext~label { - border-width: var(--bs-border-width) 0 - } - - .form-floating>:disabled~label, - .form-floating>.form-control:disabled~label { - color: #7a838b - } - - .form-floating>:disabled~label::after, - .form-floating>.form-control:disabled~label::after { - background-color: rgba(var(--bs-base-color-rgb), 0.06) - } - - .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: .543rem .9375rem; - font-size: 0.9375rem; - font-weight: 400; - line-height: 1.375; - color: var(--bs-heading-color); - text-align: center; - white-space: nowrap; - background-color: rgba(0, 0, 0, 0); - border: var(--bs-border-width) solid color-mix(in sRGB, var(--bs-base-color) 22%, var(--bs-paper-bg)); - border-radius: var(--bs-border-radius) - } - - .input-group-lg>.form-control, - .input-group-lg>.form-select, - .input-group-lg>.input-group-text, - .input-group-lg>.btn { - padding: .7075rem 1.3125rem; - font-size: 1.0625rem; - 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: .3165rem .8125rem; - font-size: 0.8125rem; - border-radius: var(--bs-border-radius-sm) - } - - .input-group-lg>.form-select, - .input-group-sm>.form-select { - padding-right: 3.5625rem - } - - .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-end-end-radius: 0; - border-start-end-radius: 0 - } - - .input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating), - .input-group.has-validation>.dropdown-toggle:nth-last-child(n+4), - .input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-control, - .input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-select { - border-end-end-radius: 0; - border-start-end-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(var(--bs-border-width)*-1); - border-end-start-radius: 0; - border-start-start-radius: 0 - } - - .input-group>.form-floating:not(:first-child)>.form-control, - .input-group>.form-floating:not(:first-child)>.form-select { - border-end-start-radius: 0; - border-start-start-radius: 0 - } - - .valid-feedback { - display: none; - width: 100%; - margin-top: .3rem; - font-size: 0.8125rem; - color: var(--bs-form-valid-color) - } - - .valid-tooltip { - position: absolute; - top: 100%; - z-index: 5; - display: none; - max-width: 100%; - padding: .379rem .75rem; - margin-top: .1rem; - font-size: 0.8125rem; - color: #fff; - background-color: var(--bs-success); - border-radius: .25rem - } - - .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) - } - - .was-validated .form-control:valid:focus, - .form-control.is-valid:focus { - border-color: var(--bs-form-valid-border-color); - box-shadow: 0 0 .25rem .05rem rgba(var(--bs-success-rgb), 0.1) - } - - .was-validated .form-select:valid, - .form-select.is-valid { - border-color: var(--bs-form-valid-border-color) - } - - .was-validated .form-select:valid:focus, - .form-select.is-valid:focus { - border-color: var(--bs-form-valid-border-color); - box-shadow: 0 0 .25rem .05rem rgba(var(--bs-success-rgb), 0.1) - } - - .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 .25rem .05rem rgba(var(--bs-success-rgb), 0.1) - } - - .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: .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: .3rem; - font-size: 0.8125rem; - color: var(--bs-form-invalid-color) - } - - .invalid-tooltip { - position: absolute; - top: 100%; - z-index: 5; - display: none; - max-width: 100%; - padding: .379rem .75rem; - margin-top: .1rem; - font-size: 0.8125rem; - color: #fff; - background-color: var(--bs-danger); - border-radius: .25rem - } - - .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) - } - - .was-validated .form-control:invalid:focus, - .form-control.is-invalid:focus { - border-color: var(--bs-form-invalid-border-color); - box-shadow: 0 0 .25rem .05rem rgba(var(--bs-danger-rgb), 0.1) - } - - .was-validated .form-select:invalid, - .form-select.is-invalid { - border-color: var(--bs-form-invalid-border-color) - } - - .was-validated .form-select:invalid:focus, - .form-select.is-invalid:focus { - border-color: var(--bs-form-invalid-border-color); - box-shadow: 0 0 .25rem .05rem rgba(var(--bs-danger-rgb), 0.1) - } - - .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 .25rem .05rem rgba(var(--bs-danger-rgb), 0.1) - } - - .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: .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 - } - - .btn { - --bs-btn-padding-x: 1.25rem; - --bs-btn-padding-y: 0.4812rem; - --bs-btn-font-family: ; - --bs-btn-font-size: 0.9375rem; - --bs-btn-font-weight: 500; - --bs-btn-line-height: 1.375; - --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: none; - --bs-btn-disabled-opacity: 0.45; - --bs-btn-focus-box-shadow: 0 0 0 0.05rem 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; - 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: all .2s ease-in-out - } - - @media(prefers-reduced-motion: reduce) { - .btn { - transition: none - } - } - - .btn:hover { - color: var(--bs-btn-hover-color); - 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-check:checked:focus-visible+.btn { - 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: #696cff; - --bs-btn-border-color: #696cff; - --bs-btn-hover-color: #fff; - --bs-btn-hover-bg: #5f61e6; - --bs-btn-hover-border-color: #5456cc; - --bs-btn-focus-shadow-rgb: 128, 130, 255; - --bs-btn-active-color: #fff; - --bs-btn-active-bg: #5f61e6; - --bs-btn-active-border-color: #4f51bf; - --bs-btn-active-shadow: none; - --bs-btn-disabled-color: #fff; - --bs-btn-disabled-bg: #696cff; - --bs-btn-disabled-border-color: #696cff - } - - .btn-secondary { - --bs-btn-color: #fff; - --bs-btn-bg: #8592a3; - --bs-btn-border-color: #8592a3; - --bs-btn-hover-color: #fff; - --bs-btn-hover-bg: #788393; - --bs-btn-hover-border-color: #6a7582; - --bs-btn-focus-shadow-rgb: 151, 162, 177; - --bs-btn-active-color: #fff; - --bs-btn-active-bg: #788393; - --bs-btn-active-border-color: #646e7a; - --bs-btn-active-shadow: none; - --bs-btn-disabled-color: #fff; - --bs-btn-disabled-bg: #8592a3; - --bs-btn-disabled-border-color: #8592a3 - } - - .btn-success { - --bs-btn-color: #fff; - --bs-btn-bg: #71dd37; - --bs-btn-border-color: #71dd37; - --bs-btn-hover-color: #fff; - --bs-btn-hover-bg: #66c732; - --bs-btn-hover-border-color: #5ab12c; - --bs-btn-focus-shadow-rgb: 134, 226, 85; - --bs-btn-active-color: #fff; - --bs-btn-active-bg: #66c732; - --bs-btn-active-border-color: #55a629; - --bs-btn-active-shadow: none; - --bs-btn-disabled-color: #fff; - --bs-btn-disabled-bg: #71dd37; - --bs-btn-disabled-border-color: #71dd37 - } - - .btn-info { - --bs-btn-color: #fff; - --bs-btn-bg: #03c3ec; - --bs-btn-border-color: #03c3ec; - --bs-btn-hover-color: #fff; - --bs-btn-hover-bg: #03b0d4; - --bs-btn-hover-border-color: #029cbd; - --bs-btn-focus-shadow-rgb: 41, 204, 239; - --bs-btn-active-color: #fff; - --bs-btn-active-bg: #03b0d4; - --bs-btn-active-border-color: #0292b1; - --bs-btn-active-shadow: none; - --bs-btn-disabled-color: #fff; - --bs-btn-disabled-bg: #03c3ec; - --bs-btn-disabled-border-color: #03c3ec - } - - .btn-warning { - --bs-btn-color: #fff; - --bs-btn-bg: #ffab00; - --bs-btn-border-color: #ffab00; - --bs-btn-hover-color: #fff; - --bs-btn-hover-bg: #e69a00; - --bs-btn-hover-border-color: #cc8900; - --bs-btn-focus-shadow-rgb: 255, 184, 38; - --bs-btn-active-color: #fff; - --bs-btn-active-bg: #e69a00; - --bs-btn-active-border-color: #bf8000; - --bs-btn-active-shadow: none; - --bs-btn-disabled-color: #fff; - --bs-btn-disabled-bg: #ffab00; - --bs-btn-disabled-border-color: #ffab00 - } - - .btn-danger { - --bs-btn-color: #fff; - --bs-btn-bg: #ff3e1d; - --bs-btn-border-color: #ff3e1d; - --bs-btn-hover-color: #fff; - --bs-btn-hover-bg: #e6381a; - --bs-btn-hover-border-color: #cc3217; - --bs-btn-focus-shadow-rgb: 255, 91, 63; - --bs-btn-active-color: #fff; - --bs-btn-active-bg: #e6381a; - --bs-btn-active-border-color: #bf2f16; - --bs-btn-active-shadow: none; - --bs-btn-disabled-color: #fff; - --bs-btn-disabled-bg: #ff3e1d; - --bs-btn-disabled-border-color: #ff3e1d - } - - .btn-light { - --bs-btn-color: #000; - --bs-btn-bg: #dbdee0; - --bs-btn-border-color: #dbdee0; - --bs-btn-hover-color: #000; - --bs-btn-hover-bg: #c5c8ca; - --bs-btn-hover-border-color: #afb2b3; - --bs-btn-focus-shadow-rgb: 186, 189, 190; - --bs-btn-active-color: #000; - --bs-btn-active-bg: #c5c8ca; - --bs-btn-active-border-color: #a4a7a8; - --bs-btn-active-shadow: none; - --bs-btn-disabled-color: #000; - --bs-btn-disabled-bg: #dbdee0; - --bs-btn-disabled-border-color: #dbdee0 - } - - .btn-dark { - --bs-btn-color: #fff; - --bs-btn-bg: #2b2c40; - --bs-btn-border-color: #2b2c40; - --bs-btn-hover-color: #fff; - --bs-btn-hover-bg: #4b4c5d; - --bs-btn-hover-border-color: #404153; - --bs-btn-focus-shadow-rgb: 75, 76, 93; - --bs-btn-active-color: #fff; - --bs-btn-active-bg: #555666; - --bs-btn-active-border-color: #404153; - --bs-btn-active-shadow: none; - --bs-btn-disabled-color: #fff; - --bs-btn-disabled-bg: #2b2c40; - --bs-btn-disabled-border-color: #2b2c40 - } - - .btn-gray { - --bs-btn-color: #fff; - --bs-btn-bg: #91979f; - --bs-btn-border-color: #91979f; - --bs-btn-hover-color: #fff; - --bs-btn-hover-bg: #83888f; - --bs-btn-hover-border-color: #74797f; - --bs-btn-focus-shadow-rgb: 162, 167, 173; - --bs-btn-active-color: #fff; - --bs-btn-active-bg: #83888f; - --bs-btn-active-border-color: #6d7177; - --bs-btn-active-shadow: none; - --bs-btn-disabled-color: #fff; - --bs-btn-disabled-bg: #91979f; - --bs-btn-disabled-border-color: #91979f - } - - .btn-outline-primary { - --bs-btn-color: #696cff; - --bs-btn-border-color: #696cff; - --bs-btn-hover-color: #fff; - --bs-btn-hover-bg: #696cff; - --bs-btn-hover-border-color: #696cff; - --bs-btn-focus-shadow-rgb: 105, 108, 255; - --bs-btn-active-color: #fff; - --bs-btn-active-bg: #696cff; - --bs-btn-active-border-color: #696cff; - --bs-btn-active-shadow: none; - --bs-btn-disabled-color: #696cff; - --bs-btn-disabled-bg: transparent; - --bs-btn-disabled-border-color: #696cff; - --bs-gradient: none - } - - .btn-outline-secondary { - --bs-btn-color: #8592a3; - --bs-btn-border-color: #8592a3; - --bs-btn-hover-color: #fff; - --bs-btn-hover-bg: #8592a3; - --bs-btn-hover-border-color: #8592a3; - --bs-btn-focus-shadow-rgb: 133, 146, 163; - --bs-btn-active-color: #fff; - --bs-btn-active-bg: #8592a3; - --bs-btn-active-border-color: #8592a3; - --bs-btn-active-shadow: none; - --bs-btn-disabled-color: #8592a3; - --bs-btn-disabled-bg: transparent; - --bs-btn-disabled-border-color: #8592a3; - --bs-gradient: none - } - - .btn-outline-success { - --bs-btn-color: #71dd37; - --bs-btn-border-color: #71dd37; - --bs-btn-hover-color: #fff; - --bs-btn-hover-bg: #71dd37; - --bs-btn-hover-border-color: #71dd37; - --bs-btn-focus-shadow-rgb: 113, 221, 55; - --bs-btn-active-color: #fff; - --bs-btn-active-bg: #71dd37; - --bs-btn-active-border-color: #71dd37; - --bs-btn-active-shadow: none; - --bs-btn-disabled-color: #71dd37; - --bs-btn-disabled-bg: transparent; - --bs-btn-disabled-border-color: #71dd37; - --bs-gradient: none - } - - .btn-outline-info { - --bs-btn-color: #03c3ec; - --bs-btn-border-color: #03c3ec; - --bs-btn-hover-color: #fff; - --bs-btn-hover-bg: #03c3ec; - --bs-btn-hover-border-color: #03c3ec; - --bs-btn-focus-shadow-rgb: 3, 195, 236; - --bs-btn-active-color: #fff; - --bs-btn-active-bg: #03c3ec; - --bs-btn-active-border-color: #03c3ec; - --bs-btn-active-shadow: none; - --bs-btn-disabled-color: #03c3ec; - --bs-btn-disabled-bg: transparent; - --bs-btn-disabled-border-color: #03c3ec; - --bs-gradient: none - } - - .btn-outline-warning { - --bs-btn-color: #ffab00; - --bs-btn-border-color: #ffab00; - --bs-btn-hover-color: #fff; - --bs-btn-hover-bg: #ffab00; - --bs-btn-hover-border-color: #ffab00; - --bs-btn-focus-shadow-rgb: 255, 171, 0; - --bs-btn-active-color: #fff; - --bs-btn-active-bg: #ffab00; - --bs-btn-active-border-color: #ffab00; - --bs-btn-active-shadow: none; - --bs-btn-disabled-color: #ffab00; - --bs-btn-disabled-bg: transparent; - --bs-btn-disabled-border-color: #ffab00; - --bs-gradient: none - } - - .btn-outline-danger { - --bs-btn-color: #ff3e1d; - --bs-btn-border-color: #ff3e1d; - --bs-btn-hover-color: #fff; - --bs-btn-hover-bg: #ff3e1d; - --bs-btn-hover-border-color: #ff3e1d; - --bs-btn-focus-shadow-rgb: 255, 62, 29; - --bs-btn-active-color: #fff; - --bs-btn-active-bg: #ff3e1d; - --bs-btn-active-border-color: #ff3e1d; - --bs-btn-active-shadow: none; - --bs-btn-disabled-color: #ff3e1d; - --bs-btn-disabled-bg: transparent; - --bs-btn-disabled-border-color: #ff3e1d; - --bs-gradient: none - } - - .btn-outline-light { - --bs-btn-color: #dbdee0; - --bs-btn-border-color: #dbdee0; - --bs-btn-hover-color: #000; - --bs-btn-hover-bg: #dbdee0; - --bs-btn-hover-border-color: #dbdee0; - --bs-btn-focus-shadow-rgb: 219, 222, 224; - --bs-btn-active-color: #000; - --bs-btn-active-bg: #dbdee0; - --bs-btn-active-border-color: #dbdee0; - --bs-btn-active-shadow: none; - --bs-btn-disabled-color: #dbdee0; - --bs-btn-disabled-bg: transparent; - --bs-btn-disabled-border-color: #dbdee0; - --bs-gradient: none - } - - .btn-outline-dark { - --bs-btn-color: #2b2c40; - --bs-btn-border-color: #2b2c40; - --bs-btn-hover-color: #fff; - --bs-btn-hover-bg: #2b2c40; - --bs-btn-hover-border-color: #2b2c40; - --bs-btn-focus-shadow-rgb: 43, 44, 64; - --bs-btn-active-color: #fff; - --bs-btn-active-bg: #2b2c40; - --bs-btn-active-border-color: #2b2c40; - --bs-btn-active-shadow: none; - --bs-btn-disabled-color: #2b2c40; - --bs-btn-disabled-bg: transparent; - --bs-btn-disabled-border-color: #2b2c40; - --bs-gradient: none - } - - .btn-outline-gray { - --bs-btn-color: #91979f; - --bs-btn-border-color: #91979f; - --bs-btn-hover-color: #fff; - --bs-btn-hover-bg: #91979f; - --bs-btn-hover-border-color: #91979f; - --bs-btn-focus-shadow-rgb: 145, 151, 159; - --bs-btn-active-color: #fff; - --bs-btn-active-bg: #91979f; - --bs-btn-active-border-color: #91979f; - --bs-btn-active-shadow: none; - --bs-btn-disabled-color: #91979f; - --bs-btn-disabled-bg: transparent; - --bs-btn-disabled-border-color: #91979f; - --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: #7a838b; - --bs-btn-disabled-border-color: transparent; - --bs-btn-box-shadow: 0 0 0 #000; - --bs-btn-focus-shadow-rgb: 128, 130, 255; - text-decoration: none - } - - .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.708rem; - --bs-btn-padding-x: 1.5rem; - --bs-btn-font-size: 1.0625rem; - --bs-btn-border-radius: var(--bs-border-radius-lg) - } - - .btn-sm, - .btn-group-sm>.btn { - --bs-btn-padding-y: 0.317rem; - --bs-btn-padding-x: 0.75rem; - --bs-btn-font-size: 0.8125rem; - --bs-btn-border-radius: var(--bs-border-radius-sm) - } - - .fade { - transition: opacity .15s linear - } - - @media(prefers-reduced-motion: reduce) { - .fade { - transition: none - } - } - - .fade:not(.show) { - opacity: 0 - } - - .collapse:not(.show) { - display: none - } - - .collapsing { - height: 0; - overflow: hidden; - transition: height .35s ease - } - - @media(prefers-reduced-motion: reduce) { - .collapsing { - transition: none - } - } - - .collapsing.collapse-horizontal { - width: 0; - height: auto; - transition: width .35s ease - } - - @media(prefers-reduced-motion: reduce) { - .collapsing.collapse-horizontal { - transition: none - } - } - - .dropup, - .dropend, - .dropdown, - .dropstart, - .dropup-center, - .dropdown-center { - position: relative - } - - .dropdown-toggle { - white-space: nowrap - } - - .dropdown-toggle::after { - display: inline-block; - margin-left: .5em; - vertical-align: middle; - content: ""; - border: 2px solid; - block-size: .55em; - border-block-start: 0; - border-inline-start: 0; - inline-size: .55em; - margin-block-start: -.29425em; - margin-inline: .8em 0; - transform: rotate(45deg) - } - - :dir(rtl) .dropdown-toggle::after { - transform: rotate(-45deg) - } - - .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.5rem; - --bs-dropdown-spacer: 0.125rem; - --bs-dropdown-font-size: 0.8125rem; - --bs-dropdown-color: var(--bs-body-color); - --bs-dropdown-bg: var(--bs-paper-bg); - --bs-dropdown-border-color: var(--bs-border-color); - --bs-dropdown-border-radius: var(--bs-border-radius); - --bs-dropdown-border-width: 0; - --bs-dropdown-inner-border-radius: 0; - --bs-dropdown-divider-bg: var(--bs-border-color); - --bs-dropdown-divider-margin-y: 0.5rem; - --bs-dropdown-box-shadow: var(--bs-box-shadow-lg); - --bs-dropdown-link-color: var(--bs-heading-color); - --bs-dropdown-link-hover-color: var(--bs-heading-color); - --bs-dropdown-link-hover-bg: rgba(var(--bs-base-color-rgb), 0.06); - --bs-dropdown-link-active-color: var(--bs-primary); - --bs-dropdown-link-active-bg: rgba(var(--bs-primary-rgb), 0.16); - --bs-dropdown-link-disabled-color: var(--bs-secondary-color); - --bs-dropdown-item-padding-x: 1.25rem; - --bs-dropdown-item-padding-y: 0.543rem; - --bs-dropdown-header-color: var(--bs-secondary-color); - --bs-dropdown-header-padding-x: 1.25rem; - --bs-dropdown-header-padding-y: 0.5rem; - 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: .5em; - vertical-align: middle; - content: ""; - border: 2px solid; - block-size: .55em; - border-block-end: 0; - border-inline-start: 0; - inline-size: .55em; - margin-block-start: .26675em; - margin-inline: .8em 0; - transform: rotate(-45deg) - } - - :dir(rtl) .dropup .dropdown-toggle::after { - transform: rotate(45deg) - } - - .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: .5em; - vertical-align: middle; - content: ""; - border: 2px solid; - block-size: .55em; - border-block-start: 0; - border-inline-start: 0; - inline-size: .55em; - margin-block-start: 0; - margin-inline: .5em 0; - transform: rotate(-45deg) - } - - :dir(rtl) .dropend .dropdown-toggle::after { - transform: rotate(-315deg) - } - - .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: .5em; - vertical-align: middle; - content: "" - } - - .dropstart .dropdown-toggle::after { - display: none - } - - .dropstart .dropdown-toggle::before { - display: inline-block; - margin-right: .5em; - vertical-align: middle; - content: ""; - border: 2px solid; - block-size: .55em; - border-block-start: 0; - border-inline-end: 0; - inline-size: .55em; - margin-block-start: 0; - margin-inline: 0 .5em; - transform: rotate(45deg) - } - - :dir(rtl) .dropstart .dropdown-toggle::before { - transform: rotate(315deg) - } - - .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: rgba(0, 0, 0, 0); - border: 0; - border-radius: var(--bs-dropdown-item-border-radius, 0) - } - - .dropdown-item:hover, - .dropdown-item:focus { - color: var(--bs-dropdown-link-hover-color); - background-color: var(--bs-dropdown-link-hover-bg) - } - - .dropdown-item.active, - .dropdown-item:active { - color: var(--bs-dropdown-link-active-color); - 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: rgba(0, 0, 0, 0) - } - - .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.8125rem; - 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: #bdc1c5; - --bs-dropdown-bg: #4e5965; - --bs-dropdown-border-color: var(--bs-border-color); - --bs-dropdown-box-shadow: ; - --bs-dropdown-link-color: #bdc1c5; - --bs-dropdown-link-hover-color: #fff; - --bs-dropdown-divider-bg: var(--bs-border-color); - --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15); - --bs-dropdown-link-active-color: var(--bs-primary); - --bs-dropdown-link-active-bg: rgba(var(--bs-primary-rgb), 0.16); - --bs-dropdown-link-disabled-color: #91979f; - --bs-dropdown-header-color: #91979f - } - - .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-end-end-radius: 0; - border-start-end-radius: 0 - } - - .btn-group>.btn:nth-child(n+3), - .btn-group>:not(.btn-check)+.btn, - .btn-group>.btn-group:not(:first-child)>.btn { - border-end-start-radius: 0; - border-start-start-radius: 0 - } - - .dropdown-toggle-split { - padding-right: .9375rem; - padding-left: .9375rem - } - - .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: .5625rem; - padding-left: .5625rem - } - - .btn-lg+.dropdown-toggle-split, - .btn-group-lg>.btn+.dropdown-toggle-split { - padding-right: 1.125rem; - padding-left: 1.125rem - } - - .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 - } - - .nav { - --bs-nav-link-padding-x: 1.375rem; - --bs-nav-link-padding-y: 0.5435rem; - --bs-nav-link-font-size: 0.9375rem; - --bs-nav-link-font-weight: 500; - --bs-nav-link-color: var(--bs-heading-color); - --bs-nav-link-hover-color: var(--bs-primary); - --bs-nav-link-disabled-color: var(--bs-secondary-color); - display: flex; - flex-wrap: wrap; - padding-left: 0; - margin-bottom: 0; - list-style: none - } - - .nav-link { - display: block; - padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x); - font-size: var(--bs-nav-link-font-size); - font-weight: var(--bs-nav-link-font-weight); - color: var(--bs-nav-link-color); - background: none; - border: 0; - transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out - } - - @media(prefers-reduced-motion: reduce) { - .nav-link { - transition: none - } - } - - .nav-link:hover, - .nav-link:focus { - color: var(--bs-nav-link-hover-color) - } - - .nav-link:focus-visible { - outline: 0; - box-shadow: 0 0 0 .15rem rgba(100, 110, 120, .75) - } - - .nav-link.disabled, - .nav-link:disabled { - color: var(--bs-nav-link-disabled-color); - pointer-events: none; - cursor: default - } - - .nav-tabs { - --bs-nav-tabs-border-width: 0; - --bs-nav-tabs-border-color: var(--bs-border-color); - --bs-nav-tabs-border-radius: var(--bs-border-radius); - --bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color); - --bs-nav-tabs-link-active-color: var(--bs-primary); - --bs-nav-tabs-link-active-bg: transparent; - --bs-nav-tabs-link-active-border-color: var(--bs-primary); - border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color) - } - - .nav-tabs .nav-link { - margin-bottom: calc(-1*var(--bs-nav-tabs-border-width)); - border: var(--bs-nav-tabs-border-width) solid rgba(0, 0, 0, 0); - border-top-left-radius: var(--bs-nav-tabs-border-radius); - border-top-right-radius: var(--bs-nav-tabs-border-radius) - } - - .nav-tabs .nav-link:hover, - .nav-tabs .nav-link:focus { - isolation: isolate; - border-color: var(--bs-nav-tabs-link-hover-border-color) - } - - .nav-tabs .nav-link.active, - .nav-tabs .nav-item.show .nav-link { - color: var(--bs-nav-tabs-link-active-color); - background-color: var(--bs-nav-tabs-link-active-bg); - border-color: var(--bs-nav-tabs-link-active-border-color) - } - - .nav-tabs .dropdown-menu { - margin-top: calc(-1*var(--bs-nav-tabs-border-width)); - border-top-left-radius: 0; - border-top-right-radius: 0 - } - - .nav-pills { - --bs-nav-pills-border-radius: var(--bs-border-radius); - --bs-nav-pills-link-active-color: var(--bs-white); - --bs-nav-pills-link-active-bg: var(--bs-primary) - } - - .nav-pills .nav-link { - border-radius: var(--bs-nav-pills-border-radius) - } - - .nav-pills .nav-link.active, - .nav-pills .show>.nav-link { - color: var(--bs-nav-pills-link-active-color); - background-color: var(--bs-nav-pills-link-active-bg) - } - - .nav-underline { - --bs-nav-underline-gap: 1rem; - --bs-nav-underline-border-width: 0.125rem; - --bs-nav-underline-link-active-color: var(--bs-emphasis-color); - gap: var(--bs-nav-underline-gap) - } - - .nav-underline .nav-link { - padding-right: 0; - padding-left: 0; - border-bottom: var(--bs-nav-underline-border-width) solid rgba(0, 0, 0, 0) - } - - .nav-underline .nav-link:hover, - .nav-underline .nav-link:focus { - border-bottom-color: currentcolor - } - - .nav-underline .nav-link.active, - .nav-underline .show>.nav-link { - font-weight: 700; - color: var(--bs-nav-underline-link-active-color); - border-bottom-color: currentcolor - } - - .nav-fill>.nav-link, - .nav-fill .nav-item { - flex: 1 1 auto; - text-align: center - } - - .nav-justified>.nav-link, - .nav-justified .nav-item { - flex-basis: 0; - flex-grow: 1; - text-align: center - } - - .nav-fill .nav-item .nav-link, - .nav-justified .nav-item .nav-link { - width: 100% - } - - .tab-content>.tab-pane { - display: none - } - - .tab-content>.active { - display: block - } - - .navbar { - --bs-navbar-padding-x: 0; - --bs-navbar-padding-y: 0.5rem; - --bs-navbar-color: var(--bs-heading-color); - --bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), 0.8); - --bs-navbar-disabled-color: var(--bs-secondary-color); - --bs-navbar-active-color: var(--bs-heading-color); - --bs-navbar-brand-padding-y: 0.4575625rem; - --bs-navbar-brand-margin-end: 1rem; - --bs-navbar-brand-font-size: 1.0625rem; - --bs-navbar-brand-color: var(--bs-heading-color); - --bs-navbar-brand-hover-color: var(--bs-heading-color); - --bs-navbar-nav-link-padding-x: 0.5rem; - --bs-navbar-toggler-padding-y: 0; - --bs-navbar-toggler-padding-x: 0; - --bs-navbar-toggler-font-size: 1rem; - --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='var%28--bs-heading-color%29' d='M4 6h16v2H4zm0 5h16v2H4zm0 5h16v2H4z'/%3E%3C/svg%3E"); - --bs-navbar-toggler-border-color: transparent; - --bs-navbar-toggler-border-radius: var(--bs-border-radius); - --bs-navbar-toggler-focus-width: 0; - --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out; - position: relative; - display: flex; - flex-wrap: wrap; - align-items: center; - justify-content: space-between; - padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x) - } - - .navbar>.container, - .navbar>.container-fluid, - .navbar>.container-sm, - .navbar>.container-md, - .navbar>.container-lg, - .navbar>.container-xl, - .navbar>.container-xxl { - display: flex; - flex-wrap: inherit; - align-items: center; - justify-content: space-between - } - - .navbar-brand { - padding-top: var(--bs-navbar-brand-padding-y); - padding-bottom: var(--bs-navbar-brand-padding-y); - margin-right: var(--bs-navbar-brand-margin-end); - font-size: var(--bs-navbar-brand-font-size); - color: var(--bs-navbar-brand-color); - white-space: nowrap - } - - .navbar-brand:hover, - .navbar-brand:focus { - color: var(--bs-navbar-brand-hover-color) - } - - .navbar-nav { - --bs-nav-link-padding-x: 0; - --bs-nav-link-padding-y: 0.5435rem; - --bs-nav-link-font-size: 0.9375rem; - --bs-nav-link-font-weight: 500; - --bs-nav-link-color: var(--bs-navbar-color); - --bs-nav-link-hover-color: var(--bs-navbar-hover-color); - --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color); - display: flex; - flex-direction: column; - padding-left: 0; - margin-bottom: 0; - list-style: none - } - - .navbar-nav .nav-link.active, - .navbar-nav .nav-link.show { - color: var(--bs-navbar-active-color) - } - - .navbar-nav .dropdown-menu { - position: static - } - - .navbar-text { - padding-top: .5435rem; - padding-bottom: .5435rem; - color: var(--bs-navbar-color) - } - - .navbar-text a, - .navbar-text a:hover, - .navbar-text a:focus { - color: var(--bs-navbar-active-color) - } - - .navbar-collapse { - flex-basis: 100%; - flex-grow: 1; - align-items: center - } - - .navbar-toggler { - padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x); - font-size: var(--bs-navbar-toggler-font-size); - line-height: 1; - color: var(--bs-navbar-color); - background-color: rgba(0, 0, 0, 0); - border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color); - border-radius: var(--bs-navbar-toggler-border-radius); - transition: var(--bs-navbar-toggler-transition) - } - - @media(prefers-reduced-motion: reduce) { - .navbar-toggler { - transition: none - } - } - - .navbar-toggler:hover { - text-decoration: none - } - - .navbar-toggler:focus { - text-decoration: none; - outline: 0; - box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width) - } - - .navbar-toggler-icon { - display: inline-block; - width: 1.5em; - height: 1.5em; - vertical-align: middle; - background-image: var(--bs-navbar-toggler-icon-bg); - background-repeat: no-repeat; - background-position: center; - background-size: 100% - } - - .navbar-nav-scroll { - max-height: var(--bs-scroll-height, 75vh); - overflow-y: auto - } - - @media(min-width: 576px) { - .navbar-expand-sm { - flex-wrap: nowrap; - justify-content: flex-start - } - - .navbar-expand-sm .navbar-nav { - flex-direction: row - } - - .navbar-expand-sm .navbar-nav .dropdown-menu { - position: absolute - } - - .navbar-expand-sm .navbar-nav .nav-link { - padding-right: var(--bs-navbar-nav-link-padding-x); - padding-left: var(--bs-navbar-nav-link-padding-x) - } - - .navbar-expand-sm .navbar-nav-scroll { - overflow: visible - } - - .navbar-expand-sm .navbar-collapse { - display: flex !important; - flex-basis: auto - } - - .navbar-expand-sm .navbar-toggler { - display: none - } - - .navbar-expand-sm .offcanvas { - position: static; - z-index: auto; - flex-grow: 1; - width: auto !important; - height: auto !important; - visibility: visible !important; - background-color: rgba(0, 0, 0, 0) !important; - border: 0 !important; - transform: none !important; - transition: none - } - - .navbar-expand-sm .offcanvas .offcanvas-header { - display: none - } - - .navbar-expand-sm .offcanvas .offcanvas-body { - display: flex; - flex-grow: 0; - padding: 0; - overflow-y: visible - } - } - - @media(min-width: 768px) { - .navbar-expand-md { - flex-wrap: nowrap; - justify-content: flex-start - } - - .navbar-expand-md .navbar-nav { - flex-direction: row - } - - .navbar-expand-md .navbar-nav .dropdown-menu { - position: absolute - } - - .navbar-expand-md .navbar-nav .nav-link { - padding-right: var(--bs-navbar-nav-link-padding-x); - padding-left: var(--bs-navbar-nav-link-padding-x) - } - - .navbar-expand-md .navbar-nav-scroll { - overflow: visible - } - - .navbar-expand-md .navbar-collapse { - display: flex !important; - flex-basis: auto - } - - .navbar-expand-md .navbar-toggler { - display: none - } - - .navbar-expand-md .offcanvas { - position: static; - z-index: auto; - flex-grow: 1; - width: auto !important; - height: auto !important; - visibility: visible !important; - background-color: rgba(0, 0, 0, 0) !important; - border: 0 !important; - transform: none !important; - transition: none - } - - .navbar-expand-md .offcanvas .offcanvas-header { - display: none - } - - .navbar-expand-md .offcanvas .offcanvas-body { - display: flex; - flex-grow: 0; - padding: 0; - overflow-y: visible - } - } - - @media(min-width: 992px) { - .navbar-expand-lg { - flex-wrap: nowrap; - justify-content: flex-start - } - - .navbar-expand-lg .navbar-nav { - flex-direction: row - } - - .navbar-expand-lg .navbar-nav .dropdown-menu { - position: absolute - } - - .navbar-expand-lg .navbar-nav .nav-link { - padding-right: var(--bs-navbar-nav-link-padding-x); - padding-left: var(--bs-navbar-nav-link-padding-x) - } - - .navbar-expand-lg .navbar-nav-scroll { - overflow: visible - } - - .navbar-expand-lg .navbar-collapse { - display: flex !important; - flex-basis: auto - } - - .navbar-expand-lg .navbar-toggler { - display: none - } - - .navbar-expand-lg .offcanvas { - position: static; - z-index: auto; - flex-grow: 1; - width: auto !important; - height: auto !important; - visibility: visible !important; - background-color: rgba(0, 0, 0, 0) !important; - border: 0 !important; - transform: none !important; - transition: none - } - - .navbar-expand-lg .offcanvas .offcanvas-header { - display: none - } - - .navbar-expand-lg .offcanvas .offcanvas-body { - display: flex; - flex-grow: 0; - padding: 0; - overflow-y: visible - } - } - - @media(min-width: 1200px) { - .navbar-expand-xl { - flex-wrap: nowrap; - justify-content: flex-start - } - - .navbar-expand-xl .navbar-nav { - flex-direction: row - } - - .navbar-expand-xl .navbar-nav .dropdown-menu { - position: absolute - } - - .navbar-expand-xl .navbar-nav .nav-link { - padding-right: var(--bs-navbar-nav-link-padding-x); - padding-left: var(--bs-navbar-nav-link-padding-x) - } - - .navbar-expand-xl .navbar-nav-scroll { - overflow: visible - } - - .navbar-expand-xl .navbar-collapse { - display: flex !important; - flex-basis: auto - } - - .navbar-expand-xl .navbar-toggler { - display: none - } - - .navbar-expand-xl .offcanvas { - position: static; - z-index: auto; - flex-grow: 1; - width: auto !important; - height: auto !important; - visibility: visible !important; - background-color: rgba(0, 0, 0, 0) !important; - border: 0 !important; - transform: none !important; - transition: none - } - - .navbar-expand-xl .offcanvas .offcanvas-header { - display: none - } - - .navbar-expand-xl .offcanvas .offcanvas-body { - display: flex; - flex-grow: 0; - padding: 0; - overflow-y: visible - } - } - - @media(min-width: 1400px) { - .navbar-expand-xxl { - flex-wrap: nowrap; - justify-content: flex-start - } - - .navbar-expand-xxl .navbar-nav { - flex-direction: row - } - - .navbar-expand-xxl .navbar-nav .dropdown-menu { - position: absolute - } - - .navbar-expand-xxl .navbar-nav .nav-link { - padding-right: var(--bs-navbar-nav-link-padding-x); - padding-left: var(--bs-navbar-nav-link-padding-x) - } - - .navbar-expand-xxl .navbar-nav-scroll { - overflow: visible - } - - .navbar-expand-xxl .navbar-collapse { - display: flex !important; - flex-basis: auto - } - - .navbar-expand-xxl .navbar-toggler { - display: none - } - - .navbar-expand-xxl .offcanvas { - position: static; - z-index: auto; - flex-grow: 1; - width: auto !important; - height: auto !important; - visibility: visible !important; - background-color: rgba(0, 0, 0, 0) !important; - border: 0 !important; - transform: none !important; - transition: none - } - - .navbar-expand-xxl .offcanvas .offcanvas-header { - display: none - } - - .navbar-expand-xxl .offcanvas .offcanvas-body { - display: flex; - flex-grow: 0; - padding: 0; - overflow-y: visible - } - } - - .navbar-expand { - flex-wrap: nowrap; - justify-content: flex-start - } - - .navbar-expand .navbar-nav { - flex-direction: row - } - - .navbar-expand .navbar-nav .dropdown-menu { - position: absolute - } - - .navbar-expand .navbar-nav .nav-link { - padding-right: var(--bs-navbar-nav-link-padding-x); - padding-left: var(--bs-navbar-nav-link-padding-x) - } - - .navbar-expand .navbar-nav-scroll { - overflow: visible - } - - .navbar-expand .navbar-collapse { - display: flex !important; - flex-basis: auto - } - - .navbar-expand .navbar-toggler { - display: none - } - - .navbar-expand .offcanvas { - position: static; - z-index: auto; - flex-grow: 1; - width: auto !important; - height: auto !important; - visibility: visible !important; - background-color: rgba(0, 0, 0, 0) !important; - border: 0 !important; - transform: none !important; - transition: none - } - - .navbar-expand .offcanvas .offcanvas-header { - display: none - } - - .navbar-expand .offcanvas .offcanvas-body { - display: flex; - flex-grow: 0; - padding: 0; - overflow-y: visible - } - - .navbar-dark, - .navbar[data-bs-theme=dark] { - --bs-navbar-color: #d5d5e2; - --bs-navbar-hover-color: rgba(255, 255, 255, 0.75); - --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25); - --bs-navbar-active-color: #fff; - --bs-navbar-brand-color: #fff; - --bs-navbar-brand-hover-color: #fff; - --bs-navbar-toggler-border-color: transparent; - --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23d5d5e2' d='M4 6h16v2H4zm0 5h16v2H4zm0 5h16v2H4z'/%3E%3C/svg%3E") - } - - [data-bs-theme=dark] .navbar-toggler-icon { - --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23d5d5e2' d='M4 6h16v2H4zm0 5h16v2H4zm0 5h16v2H4z'/%3E%3C/svg%3E") - } - - .card { - --bs-card-spacer-y: 1.5rem; - --bs-card-spacer-x: 1.5rem; - --bs-card-title-spacer-y: 0.5rem; - --bs-card-title-color: var(--bs-heading-color); - --bs-card-subtitle-color: color-mix(in sRGB, var(--bs-base-color) 55%, var(--bs-card-bg)); - --bs-card-border-width: 0; - --bs-card-border-color: var(--bs-border-color); - --bs-card-border-radius: 0.375rem; - --bs-card-box-shadow: var(--bs-box-shadow); - --bs-card-inner-border-radius: 0.375rem; - --bs-card-cap-padding-y: 1.5rem; - --bs-card-cap-padding-x: 1.5rem; - --bs-card-cap-bg: transparent; - --bs-card-cap-color: var(--bs-heading-color); - --bs-card-height: ; - --bs-card-color: ; - --bs-card-bg: var(--bs-paper-bg); - --bs-card-img-overlay-padding: 1.5rem; - --bs-card-group-margin: 1.625rem; - 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+.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-tabs .nav-link.active { - background-color: var(--bs-card-bg); - border-bottom-color: var(--bs-card-bg) - } - - .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-end-end-radius: 0; - border-start-end-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-end-start-radius: 0; - border-start-start-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 - } - } - - .accordion { - --bs-accordion-color: var(--bs-body-color); - --bs-accordion-bg: var(--bs-paper-bg); - --bs-accordion-transition: all 0.2s ease-in-out, border-radius 0.15s ease; - --bs-accordion-border-color: var(--bs-paper-bg); - --bs-accordion-border-width: var(--bs-border-width); - --bs-accordion-border-radius: 0.375rem; - --bs-accordion-inner-border-radius: 0.375rem; - --bs-accordion-btn-padding-x: 1.4375rem; - --bs-accordion-btn-padding-y: 0.7305rem; - --bs-accordion-btn-color: #384551; - --bs-accordion-btn-bg: var(--bs-accordion-bg); - --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg id='bx-chevron-down'%3e%3cpath id='Vector' d='M13.5775 7.74417L9.99997 11.3217L6.42247 7.74417L5.24414 8.9225L9.99997 13.6783L14.7558 8.9225L13.5775 7.74417Z' fill='%23384551' fill-opacity='0.9'/%3e%3c/g%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-in-out; - --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg id='bx-chevron-down'%3e%3cpath id='Vector' d='M13.5775 7.74417L9.99997 11.3217L6.42247 7.74417L5.24414 8.9225L9.99997 13.6783L14.7558 8.9225L13.5775 7.74417Z' fill='%23384551' fill-opacity='0.9'/%3e%3c/g%3e%3c/svg%3e"); - --bs-accordion-btn-focus-box-shadow: none; - --bs-accordion-body-padding-x: 1.1875rem; - --bs-accordion-body-padding-y: 1.1875rem; - --bs-accordion-active-color: #384551; - --bs-accordion-active-bg: var(--bs-paper-bg) - } - - .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: 0.9375rem; - 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; - 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-header .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-header .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-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-header .accordion-button, - .accordion-flush>.accordion-item>.accordion-header .accordion-button.collapsed { - border-radius: 0 - } - - .accordion-flush>.accordion-item>.accordion-collapse { - border-radius: 0 - } - - [data-bs-theme=dark] .accordion-button::after { - --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg id='bx-chevron-down'%3e%3cpath id='Vector' d='M13.5775 7.74417L9.99997 11.3217L6.42247 7.74417L5.24414 8.9225L9.99997 13.6783L14.7558 8.9225L13.5775 7.74417Z' fill='%23d5d5e2' fill-opacity='0.9'/%3e%3c/g%3e%3c/svg%3e"); - --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg id='bx-chevron-down'%3e%3cpath id='Vector' d='M13.5775 7.74417L9.99997 11.3217L6.42247 7.74417L5.24414 8.9225L9.99997 13.6783L14.7558 8.9225L13.5775 7.74417Z' fill='%23d5d5e2' fill-opacity='0.9'/%3e%3c/g%3e%3c/svg%3e") - } - - .breadcrumb { - --bs-breadcrumb-padding-x: 0; - --bs-breadcrumb-padding-y: 0; - --bs-breadcrumb-margin-bottom: 1rem; - --bs-breadcrumb-bg: transparent; - --bs-breadcrumb-border-radius: ; - --bs-breadcrumb-divider-color: var(--bs-body-color); - --bs-breadcrumb-item-padding-x: 0.5rem; - --bs-breadcrumb-item-active-color: var(--bs-heading-color); - display: flex; - flex-wrap: wrap; - padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x); - margin-bottom: var(--bs-breadcrumb-margin-bottom); - font-size: var(--bs-breadcrumb-font-size); - list-style: none; - background-color: var(--bs-breadcrumb-bg); - border-radius: var(--bs-breadcrumb-border-radius) - } - - .breadcrumb-item+.breadcrumb-item { - padding-left: var(--bs-breadcrumb-item-padding-x) - } - - .breadcrumb-item+.breadcrumb-item::before { - float: left; - padding-right: var(--bs-breadcrumb-item-padding-x); - color: var(--bs-breadcrumb-divider-color); - content: var(--bs-breadcrumb-divider, "/") - rtl: var(--bs-breadcrumb-divider, "\\") - } - - .breadcrumb-item.active { - color: var(--bs-breadcrumb-item-active-color) - } - - .pagination { - --bs-pagination-padding-x: 0.5rem; - --bs-pagination-padding-y: 0.4809rem; - --bs-pagination-font-size: 0.9375rem; - --bs-pagination-color: var(--bs-heading-color); - --bs-pagination-bg: rgba(var(--bs-base-color-rgb), 0.06); - --bs-pagination-border-width: 1px; - --bs-pagination-border-color: rgba(34, 48, 62, 0.22); - --bs-pagination-border-radius: 50%; - --bs-pagination-hover-color: var(--bs-primary); - --bs-pagination-hover-bg: var(--bs-primary-bg-subtle); - --bs-pagination-hover-border-color: rgba(34, 48, 62, 0.22); - --bs-pagination-focus-color: var(--bs-primary); - --bs-pagination-focus-bg: var(--bs-primary-bg-subtle); - --bs-pagination-focus-box-shadow: none; - --bs-pagination-active-color: var(--bs-white); - --bs-pagination-active-bg: var(--bs-primary); - --bs-pagination-active-border-color: var(--bs-primary); - --bs-pagination-disabled-color: var(--bs-heading-color); - --bs-pagination-disabled-bg: rgba(var(--bs-base-color-rgb), 0.06); - --bs-pagination-disabled-border-color: rgba(34, 48, 62, 0.22); - 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 .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out - } - - @media(prefers-reduced-motion: reduce) { - .page-link { - transition: none - } - } - - .page-link:hover { - z-index: 2; - color: var(--bs-pagination-hover-color); - background-color: var(--bs-pagination-hover-bg); - border-color: var(--bs-pagination-hover-border-color) - } - - .page-link:focus { - 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: .375rem - } - - .page-item .page-link { - border-radius: var(--bs-pagination-border-radius) - } - - .pagination-lg { - --bs-pagination-padding-x: 0.9826rem; - --bs-pagination-padding-y: 0.681rem; - --bs-pagination-font-size: 1.0625rem; - --bs-pagination-border-radius: 50% - } - - .pagination-sm { - --bs-pagination-padding-x: 0.269rem; - --bs-pagination-padding-y: 0.3165rem; - --bs-pagination-font-size: 0.8125rem; - --bs-pagination-border-radius: 50% - } - - .badge { - --bs-badge-padding-x: 0.77em; - --bs-badge-padding-y: 0.4235em; - --bs-badge-font-size: 0.8667em; - --bs-badge-font-weight: 500; - --bs-badge-color: #fff; - --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 - } - - .alert { - --bs-alert-bg: transparent; - --bs-alert-padding-x: 1rem; - --bs-alert-padding-y: 0.75rem; - --bs-alert-margin-bottom: 1rem; - --bs-alert-color: inherit; - --bs-alert-border-color: transparent; - --bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color); - --bs-alert-border-radius: var(--bs-border-radius); - --bs-alert-link-color: inherit; - 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: 700; - 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: .9375rem 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-gray { - --bs-alert-color: var(--bs-gray-text-emphasis); - --bs-alert-bg: var(--bs-gray-bg-subtle); - --bs-alert-border-color: var(--bs-gray-border-subtle); - --bs-alert-link-color: var(--bs-gray-text-emphasis) - } - - @keyframes progress-bar-stripes { - 0% { - background-position-x: .375rem - } - } - - .progress, - .progress-stacked { - --bs-progress-height: 0.375rem; - --bs-progress-font-size: 0.8125rem; - --bs-progress-bg: rgba(34, 48, 62, 0.08); - --bs-progress-border-radius: 50rem; - --bs-progress-box-shadow: var(--bs-box-shadow-inset); - --bs-progress-bar-color: var(--bs-white); - --bs-progress-bar-bg: #696cff; - --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 { - animation: 1s linear infinite progress-bar-stripes - } - - @media(prefers-reduced-motion: reduce) { - .progress-bar-animated { - animation: none - } - } - - .list-group { - --bs-list-group-color: var(--bs-heading-color); - --bs-list-group-bg: transparent; - --bs-list-group-border-color: var(--bs-border-color); - --bs-list-group-border-width: var(--bs-border-width); - --bs-list-group-border-radius: 0.375rem; - --bs-list-group-item-padding-x: 1.25rem; - --bs-list-group-item-padding-y: 0.5rem; - --bs-list-group-action-color: var(--bs-primary); - --bs-list-group-action-hover-color: var(--bs-primary); - --bs-list-group-action-hover-bg: rgba(var(--bs-base-color), 0.06); - --bs-list-group-action-active-color: var(--bs-primary); - --bs-list-group-action-active-bg: rgba(var(--bs-base-color), 0.06); - --bs-list-group-disabled-color: var(--bs-secondary-color); - --bs-list-group-disabled-bg: transparent; - --bs-list-group-active-color: var(--bs-primary); - --bs-list-group-active-bg: var(--bs-primary-bg-subtle); - --bs-list-group-active-border-color: var(--bs-border-color); - 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-end-start-radius: var(--bs-list-group-border-radius); - border-start-end-radius: 0 - } - - .list-group-horizontal>.list-group-item:last-child:not(:first-child) { - border-start-end-radius: var(--bs-list-group-border-radius); - border-end-start-radius: 0 - } - - .list-group-horizontal>.list-group-item.active { - margin-top: 0 - } - - .list-group-horizontal>.list-group-item+.list-group-item { - border-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-end-start-radius: var(--bs-list-group-border-radius); - border-start-end-radius: 0 - } - - .list-group-horizontal-sm>.list-group-item:last-child:not(:first-child) { - border-start-end-radius: var(--bs-list-group-border-radius); - border-end-start-radius: 0 - } - - .list-group-horizontal-sm>.list-group-item.active { - margin-top: 0 - } - - .list-group-horizontal-sm>.list-group-item+.list-group-item { - border-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-end-start-radius: var(--bs-list-group-border-radius); - border-start-end-radius: 0 - } - - .list-group-horizontal-md>.list-group-item:last-child:not(:first-child) { - border-start-end-radius: var(--bs-list-group-border-radius); - border-end-start-radius: 0 - } - - .list-group-horizontal-md>.list-group-item.active { - margin-top: 0 - } - - .list-group-horizontal-md>.list-group-item+.list-group-item { - border-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-end-start-radius: var(--bs-list-group-border-radius); - border-start-end-radius: 0 - } - - .list-group-horizontal-lg>.list-group-item:last-child:not(:first-child) { - border-start-end-radius: var(--bs-list-group-border-radius); - border-end-start-radius: 0 - } - - .list-group-horizontal-lg>.list-group-item.active { - margin-top: 0 - } - - .list-group-horizontal-lg>.list-group-item+.list-group-item { - border-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-end-start-radius: var(--bs-list-group-border-radius); - border-start-end-radius: 0 - } - - .list-group-horizontal-xl>.list-group-item:last-child:not(:first-child) { - border-start-end-radius: var(--bs-list-group-border-radius); - border-end-start-radius: 0 - } - - .list-group-horizontal-xl>.list-group-item.active { - margin-top: 0 - } - - .list-group-horizontal-xl>.list-group-item+.list-group-item { - border-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-end-start-radius: var(--bs-list-group-border-radius); - border-start-end-radius: 0 - } - - .list-group-horizontal-xxl>.list-group-item:last-child:not(:first-child) { - border-start-end-radius: var(--bs-list-group-border-radius); - border-end-start-radius: 0 - } - - .list-group-horizontal-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-gray { - --bs-list-group-color: var(--bs-gray-text-emphasis); - --bs-list-group-bg: var(--bs-gray-bg-subtle); - --bs-list-group-border-color: var(--bs-gray-border-subtle); - --bs-list-group-action-hover-color: var(--bs-emphasis-color); - --bs-list-group-action-hover-bg: var(--bs-gray-border-subtle); - --bs-list-group-action-active-color: var(--bs-emphasis-color); - --bs-list-group-action-active-bg: var(--bs-gray-border-subtle); - --bs-list-group-active-color: var(--bs-gray-bg-subtle); - --bs-list-group-active-bg: var(--bs-gray-text-emphasis); - --bs-list-group-active-border-color: var(--bs-gray-text-emphasis) - } - - .btn-close { - --bs-btn-close-color: #a7acb2; - --bs-btn-close-bg: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate%28-225.000000, -250.000000%29'%3E%3Cg id='Icon-Color' transform='translate%28225.000000, 250.500000%29'%3E%3Cuse fill='%23a7acb2' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.5' fill='%23a7acb2' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); - --bs-btn-close-opacity: 0.95; - --bs-btn-close-hover-opacity: 0.95; - --bs-btn-close-focus-shadow: none; - --bs-btn-close-focus-opacity: 0.95; - --bs-btn-close-disabled-opacity: 0.25; - --bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%); - box-sizing: content-box; - width: .8em; - height: .8em; - padding: .25em .25em; - color: var(--bs-btn-close-color); - background: rgba(0, 0, 0, 0) var(--bs-btn-close-bg) center/0.8em auto no-repeat; - border: 0; - border-radius: .375rem; - 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; - user-select: none; - opacity: var(--bs-btn-close-disabled-opacity) - } - - .btn-close-white { - filter: var(--bs-btn-close-white-filter) - } - - [data-bs-theme=dark] .btn-close { - filter: var(--bs-btn-close-white-filter) - } - - .toast { - --bs-toast-zindex: 1095; - --bs-toast-padding-x: 1.25rem; - --bs-toast-padding-y: 1.25rem; - --bs-toast-spacing: 1.25rem; - --bs-toast-max-width: 350px; - --bs-toast-font-size: 0.9375rem; - --bs-toast-color: ; - --bs-toast-bg: var(--bs-paper-bg-rgb); - --bs-toast-border-width: 0; - --bs-toast-border-color: var(--bs-border-color-translucent); - --bs-toast-border-radius: 0.5rem; - --bs-toast-box-shadow: var(--bs-floating-component-shadow); - --bs-toast-header-color: var(--bs-body-color); - --bs-toast-header-bg: transparent; - --bs-toast-header-border-color: transparent; - width: var(--bs-toast-max-width); - max-width: 100%; - font-size: var(--bs-toast-font-size); - color: var(--bs-toast-color); - pointer-events: auto; - background-color: var(--bs-toast-bg); - background-clip: padding-box; - border: var(--bs-toast-border-width) solid var(--bs-toast-border-color); - box-shadow: var(--bs-toast-box-shadow); - border-radius: var(--bs-toast-border-radius) - } - - .toast.showing { - opacity: 0 - } - - .toast:not(.show) { - display: none - } - - .toast-container { - --bs-toast-zindex: 1095; - position: absolute; - z-index: var(--bs-toast-zindex); - width: max-content; - max-width: 100%; - pointer-events: none - } - - .toast-container>:not(:last-child) { - margin-bottom: var(--bs-toast-spacing) - } - - .toast-header { - display: flex; - align-items: center; - padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x); - color: var(--bs-toast-header-color); - background-color: var(--bs-toast-header-bg); - background-clip: padding-box; - border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color); - border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width)); - border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width)) - } - - .toast-header .btn-close { - margin-right: calc(-0.5*var(--bs-toast-padding-x)); - margin-left: var(--bs-toast-padding-x) - } - - .toast-body { - padding: var(--bs-toast-padding-x); - word-wrap: break-word - } - - .modal { - --bs-modal-zindex: 1090; - --bs-modal-width: 35rem; - --bs-modal-padding: 1.5rem; - --bs-modal-margin: 1.5rem; - --bs-modal-color: ; - --bs-modal-bg: var(--bs-paper-bg); - --bs-modal-border-color: var(--bs-border-color); - --bs-modal-border-width: 0; - --bs-modal-border-radius: var(--bs-border-radius-lg); - --bs-modal-box-shadow: var(--bs-box-shadow-lg); - --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - 0); - --bs-modal-header-padding-x: 0; - --bs-modal-header-padding-y: 1.5rem; - --bs-modal-header-padding: 1.5rem 1.5rem 0; - --bs-modal-header-border-color: var(--bs-border-color); - --bs-modal-header-border-width: 0; - --bs-modal-title-line-height: 1.375; - --bs-modal-footer-gap: 1rem; - --bs-modal-footer-bg: ; - --bs-modal-footer-border-color: var(--bs-border-color); - --bs-modal-footer-border-width: 0; - position: fixed; - top: 0; - left: 0; - z-index: var(--bs-modal-zindex); - display: none; - width: 100%; - height: 100%; - overflow-x: hidden; - overflow-y: auto; - outline: 0 - } - - .modal-dialog { - position: relative; - width: auto; - margin: var(--bs-modal-margin); - pointer-events: none - } - - .modal.fade .modal-dialog { - transition: transform .15s ease-out; - transform: translateY(-100px) scale(0.8) - } - - @media(prefers-reduced-motion: reduce) { - .modal.fade .modal-dialog { - transition: none - } - } - - .modal.show .modal-dialog { - transform: translateY(0) scale(1) - } - - .modal.modal-static .modal-dialog { - transform: scale(1.02) - } - - .modal-dialog-scrollable { - height: calc(100% - var(--bs-modal-margin)*2) - } - - .modal-dialog-scrollable .modal-content { - max-height: 100%; - overflow: hidden - } - - .modal-dialog-scrollable .modal-body { - overflow-y: auto - } - - .modal-dialog-centered { - display: flex; - align-items: center; - min-height: calc(100% - var(--bs-modal-margin)*2) - } - - .modal-content { - position: relative; - display: flex; - flex-direction: column; - width: 100%; - color: var(--bs-modal-color); - pointer-events: auto; - background-color: var(--bs-modal-bg); - background-clip: padding-box; - border: var(--bs-modal-border-width) solid var(--bs-modal-border-color); - border-radius: var(--bs-modal-border-radius); - outline: 0 - } - - .modal-backdrop { - --bs-backdrop-zindex: 1089; - --bs-backdrop-bg: #22303e; - --bs-backdrop-opacity: 0.5; - position: fixed; - top: 0; - left: 0; - z-index: var(--bs-backdrop-zindex); - width: 100vw; - height: 100vh; - background-color: var(--bs-backdrop-bg) - } - - .modal-backdrop.fade { - opacity: 0 - } - - .modal-backdrop.show { - opacity: var(--bs-backdrop-opacity) - } - - .modal-header { - display: flex; - flex-shrink: 0; - align-items: center; - padding: var(--bs-modal-header-padding); - border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color); - border-top-left-radius: var(--bs-modal-inner-border-radius); - border-top-right-radius: var(--bs-modal-inner-border-radius) - } - - .modal-header .btn-close { - padding: calc(var(--bs-modal-header-padding-y)*.5) calc(var(--bs-modal-header-padding-x)*.5); - margin: calc(-0.5*var(--bs-modal-header-padding-y)) calc(-0.5*var(--bs-modal-header-padding-x)) calc(-0.5*var(--bs-modal-header-padding-y)) auto - } - - .modal-title { - margin-bottom: 0; - line-height: var(--bs-modal-title-line-height) - } - - .modal-body { - position: relative; - flex: 1 1 auto; - padding: var(--bs-modal-padding) - } - - .modal-footer { - display: flex; - flex-shrink: 0; - flex-wrap: wrap; - align-items: center; - justify-content: flex-end; - padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap)*.5); - background-color: var(--bs-modal-footer-bg); - border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color); - border-bottom-right-radius: var(--bs-modal-inner-border-radius); - border-bottom-left-radius: var(--bs-modal-inner-border-radius) - } - - .modal-footer>* { - margin: calc(var(--bs-modal-footer-gap)*.5) - } - - @media(min-width: 576px) { - .modal { - --bs-modal-margin: 1.75rem; - --bs-modal-box-shadow: var(--bs-box-shadow-lg) - } - - .modal-dialog { - max-width: var(--bs-modal-width); - margin-right: auto; - margin-left: auto - } - - .modal-sm { - --bs-modal-width: 22.5rem - } - } - - @media(min-width: 992px) { - - .modal-lg, - .modal-xl { - --bs-modal-width: 50rem - } - } - - @media(min-width: 1200px) { - .modal-xl { - --bs-modal-width: 1140px - } - } - - .modal-fullscreen { - width: 100vw; - max-width: none; - height: 100%; - margin: 0 - } - - .modal-fullscreen .modal-content { - height: 100%; - border: 0; - border-radius: 0 - } - - .modal-fullscreen .modal-header, - .modal-fullscreen .modal-footer { - border-radius: 0 - } - - .modal-fullscreen .modal-body { - overflow-y: auto - } - - @media(max-width: 575.98px) { - .modal-fullscreen-sm-down { - width: 100vw; - max-width: none; - height: 100%; - margin: 0 - } - - .modal-fullscreen-sm-down .modal-content { - height: 100%; - border: 0; - border-radius: 0 - } - - .modal-fullscreen-sm-down .modal-header, - .modal-fullscreen-sm-down .modal-footer { - border-radius: 0 - } - - .modal-fullscreen-sm-down .modal-body { - overflow-y: auto - } - } - - @media(max-width: 767.98px) { - .modal-fullscreen-md-down { - width: 100vw; - max-width: none; - height: 100%; - margin: 0 - } - - .modal-fullscreen-md-down .modal-content { - height: 100%; - border: 0; - border-radius: 0 - } - - .modal-fullscreen-md-down .modal-header, - .modal-fullscreen-md-down .modal-footer { - border-radius: 0 - } - - .modal-fullscreen-md-down .modal-body { - overflow-y: auto - } - } - - @media(max-width: 991.98px) { - .modal-fullscreen-lg-down { - width: 100vw; - max-width: none; - height: 100%; - margin: 0 - } - - .modal-fullscreen-lg-down .modal-content { - height: 100%; - border: 0; - border-radius: 0 - } - - .modal-fullscreen-lg-down .modal-header, - .modal-fullscreen-lg-down .modal-footer { - border-radius: 0 - } - - .modal-fullscreen-lg-down .modal-body { - overflow-y: auto - } - } - - @media(max-width: 1199.98px) { - .modal-fullscreen-xl-down { - width: 100vw; - max-width: none; - height: 100%; - margin: 0 - } - - .modal-fullscreen-xl-down .modal-content { - height: 100%; - border: 0; - border-radius: 0 - } - - .modal-fullscreen-xl-down .modal-header, - .modal-fullscreen-xl-down .modal-footer { - border-radius: 0 - } - - .modal-fullscreen-xl-down .modal-body { - overflow-y: auto - } - } - - @media(max-width: 1399.98px) { - .modal-fullscreen-xxl-down { - width: 100vw; - max-width: none; - height: 100%; - margin: 0 - } - - .modal-fullscreen-xxl-down .modal-content { - height: 100%; - border: 0; - border-radius: 0 - } - - .modal-fullscreen-xxl-down .modal-header, - .modal-fullscreen-xxl-down .modal-footer { - border-radius: 0 - } - - .modal-fullscreen-xxl-down .modal-body { - overflow-y: auto - } - } - - .tooltip { - --bs-tooltip-zindex: 1099; - --bs-tooltip-max-width: 200px; - --bs-tooltip-padding-x: 0.75rem; - --bs-tooltip-padding-y: 0.379rem; - --bs-tooltip-margin: ; - --bs-tooltip-font-size: 0.8125rem; - --bs-tooltip-color: var(--bs-paper-bg); - --bs-tooltip-bg: var(--bs-base-color); - --bs-tooltip-border-radius: 0.25rem; - --bs-tooltip-opacity: 1; - --bs-tooltip-arrow-width: 0.75rem; - --bs-tooltip-arrow-height: 0.375rem; - z-index: var(--bs-tooltip-zindex); - display: block; - margin: var(--bs-tooltip-margin); - font-family: var(--bs-font-sans-serif); - font-style: normal; - font-weight: 400; - line-height: 1.375; - text-align: left; - text-align: start; - text-decoration: none; - text-shadow: none; - text-transform: none; - letter-spacing: normal; - word-break: normal; - white-space: normal; - word-spacing: normal; - line-break: auto; - font-size: var(--bs-tooltip-font-size); - word-wrap: break-word; - opacity: 0 - } - - .tooltip.show { - opacity: var(--bs-tooltip-opacity) - } - - .tooltip .tooltip-arrow { - display: block; - width: var(--bs-tooltip-arrow-width); - height: var(--bs-tooltip-arrow-height) - } - - .tooltip .tooltip-arrow::before { - position: absolute; - content: ""; - border-color: rgba(0, 0, 0, 0); - border-style: solid - } - - .bs-tooltip-top .tooltip-arrow, - .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow { - bottom: calc(-1*var(--bs-tooltip-arrow-height)) - } - - .bs-tooltip-top .tooltip-arrow::before, - .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before { - top: -1px; - border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width)*.5) 0; - border-top-color: var(--bs-tooltip-bg) - } - - .bs-tooltip-end .tooltip-arrow, - .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow { - left: calc(-1*var(--bs-tooltip-arrow-height)); - width: var(--bs-tooltip-arrow-height); - height: var(--bs-tooltip-arrow-width) - } - - .bs-tooltip-end .tooltip-arrow::before, - .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before { - right: -1px; - border-width: calc(var(--bs-tooltip-arrow-width)*.5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width)*.5) 0; - border-right-color: var(--bs-tooltip-bg) - } - - .bs-tooltip-bottom .tooltip-arrow, - .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow { - top: calc(-1*var(--bs-tooltip-arrow-height)) - } - - .bs-tooltip-bottom .tooltip-arrow::before, - .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before { - bottom: -1px; - border-width: 0 calc(var(--bs-tooltip-arrow-width)*.5) var(--bs-tooltip-arrow-height); - border-bottom-color: var(--bs-tooltip-bg) - } - - .bs-tooltip-start .tooltip-arrow, - .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow { - right: calc(-1*var(--bs-tooltip-arrow-height)); - width: var(--bs-tooltip-arrow-height); - height: var(--bs-tooltip-arrow-width) - } - - .bs-tooltip-start .tooltip-arrow::before, - .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before { - left: -1px; - border-width: calc(var(--bs-tooltip-arrow-width)*.5) 0 calc(var(--bs-tooltip-arrow-width)*.5) var(--bs-tooltip-arrow-height); - border-left-color: var(--bs-tooltip-bg) - } - - .tooltip-inner { - max-width: var(--bs-tooltip-max-width); - padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x); - color: var(--bs-tooltip-color); - text-align: center; - background-color: var(--bs-tooltip-bg); - border-radius: var(--bs-tooltip-border-radius) - } - - .popover { - --bs-popover-zindex: 1091; - --bs-popover-max-width: 276px; - --bs-popover-font-size: 0.9375rem; - --bs-popover-bg: var(--bs-paper-bg); - --bs-popover-border-width: var(--bs-border-width); - --bs-popover-border-color: var(--bs-gray-100); - --bs-popover-border-radius: var(--bs-border-radius-lg); - --bs-popover-inner-border-radius: calc(var(--bs-border-radius-lg) - var(--bs-border-width)); - --bs-popover-box-shadow: var(--bs-box-shadow-lg); - --bs-popover-header-padding-x: 1.125rem; - --bs-popover-header-padding-y: 0.625rem; - --bs-popover-header-font-size: 1.125rem; - --bs-popover-header-color: var(--bs-heading-color); - --bs-popover-header-bg: var(--bs-paper-bg); - --bs-popover-body-padding-x: 1rem; - --bs-popover-body-padding-y: 1.125rem; - --bs-popover-body-color: var(--bs-body-color); - --bs-popover-arrow-width: 1rem; - --bs-popover-arrow-height: 0.5rem; - --bs-popover-arrow-border: var(--bs-popover-border-color); - z-index: var(--bs-popover-zindex); - display: block; - max-width: var(--bs-popover-max-width); - font-family: var(--bs-font-sans-serif); - font-style: normal; - font-weight: 400; - line-height: 1.375; - text-align: left; - text-align: start; - text-decoration: none; - text-shadow: none; - text-transform: none; - letter-spacing: normal; - word-break: normal; - white-space: normal; - word-spacing: normal; - line-break: auto; - font-size: var(--bs-popover-font-size); - word-wrap: break-word; - background-color: var(--bs-popover-bg); - background-clip: padding-box; - border: var(--bs-popover-border-width) solid var(--bs-popover-border-color); - border-radius: var(--bs-popover-border-radius) - } - - .popover .popover-arrow { - display: block; - width: var(--bs-popover-arrow-width); - height: var(--bs-popover-arrow-height) - } - - .popover .popover-arrow::before, - .popover .popover-arrow::after { - position: absolute; - display: block; - content: ""; - border-color: rgba(0, 0, 0, 0); - border-style: solid; - border-width: 0 - } - - .bs-popover-top>.popover-arrow, - .bs-popover-auto[data-popper-placement^=top]>.popover-arrow { - bottom: calc(-1*(var(--bs-popover-arrow-height)) - var(--bs-popover-border-width)) - } - - .bs-popover-top>.popover-arrow::before, - .bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before, - .bs-popover-top>.popover-arrow::after, - .bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after { - border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width)*.5) 0 - } - - .bs-popover-top>.popover-arrow::before, - .bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before { - bottom: 0; - border-top-color: var(--bs-popover-arrow-border) - } - - .bs-popover-top>.popover-arrow::after, - .bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after { - bottom: var(--bs-popover-border-width); - border-top-color: var(--bs-popover-bg) - } - - .bs-popover-end>.popover-arrow, - .bs-popover-auto[data-popper-placement^=right]>.popover-arrow { - left: calc(-1*(var(--bs-popover-arrow-height)) - var(--bs-popover-border-width)); - width: var(--bs-popover-arrow-height); - height: var(--bs-popover-arrow-width) - } - - .bs-popover-end>.popover-arrow::before, - .bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before, - .bs-popover-end>.popover-arrow::after, - .bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after { - border-width: calc(var(--bs-popover-arrow-width)*.5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width)*.5) 0 - } - - .bs-popover-end>.popover-arrow::before, - .bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before { - left: 0; - border-right-color: var(--bs-popover-arrow-border) - } - - .bs-popover-end>.popover-arrow::after, - .bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after { - left: var(--bs-popover-border-width); - border-right-color: var(--bs-popover-bg) - } - - .bs-popover-bottom>.popover-arrow, - .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow { - top: calc(-1*(var(--bs-popover-arrow-height)) - var(--bs-popover-border-width)) - } - - .bs-popover-bottom>.popover-arrow::before, - .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before, - .bs-popover-bottom>.popover-arrow::after, - .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after { - border-width: 0 calc(var(--bs-popover-arrow-width)*.5) var(--bs-popover-arrow-height) - } - - .bs-popover-bottom>.popover-arrow::before, - .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before { - top: 0; - border-bottom-color: var(--bs-popover-arrow-border) - } - - .bs-popover-bottom>.popover-arrow::after, - .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after { - top: var(--bs-popover-border-width); - border-bottom-color: var(--bs-popover-bg) - } - - .bs-popover-bottom .popover-header::before, - .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before { - position: absolute; - top: 0; - left: 50%; - display: block; - width: var(--bs-popover-arrow-width); - margin-left: calc(-0.5*var(--bs-popover-arrow-width)); - content: ""; - border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg) - } - - .bs-popover-start>.popover-arrow, - .bs-popover-auto[data-popper-placement^=left]>.popover-arrow { - right: calc(-1*(var(--bs-popover-arrow-height)) - var(--bs-popover-border-width)); - width: var(--bs-popover-arrow-height); - height: var(--bs-popover-arrow-width) - } - - .bs-popover-start>.popover-arrow::before, - .bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before, - .bs-popover-start>.popover-arrow::after, - .bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after { - border-width: calc(var(--bs-popover-arrow-width)*.5) 0 calc(var(--bs-popover-arrow-width)*.5) var(--bs-popover-arrow-height) - } - - .bs-popover-start>.popover-arrow::before, - .bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before { - right: 0; - border-left-color: var(--bs-popover-arrow-border) - } - - .bs-popover-start>.popover-arrow::after, - .bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after { - right: var(--bs-popover-border-width); - border-left-color: var(--bs-popover-bg) - } - - .popover-header { - padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x); - margin-bottom: 0; - font-size: var(--bs-popover-header-font-size); - color: var(--bs-popover-header-color); - background-color: var(--bs-popover-header-bg); - border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color); - border-top-left-radius: var(--bs-popover-inner-border-radius); - border-top-right-radius: var(--bs-popover-inner-border-radius) - } - - .popover-header:empty { - display: none - } - - .popover-body { - padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x); - color: var(--bs-popover-body-color) - } - - .carousel { - position: relative - } - - .carousel.pointer-event { - touch-action: pan-y - } - - .carousel-inner { - position: relative; - width: 100%; - overflow: hidden - } - - .carousel-inner::after { - display: block; - clear: both; - content: "" - } - - .carousel-item { - position: relative; - display: none; - float: left; - width: 100%; - margin-right: -100%; - backface-visibility: hidden; - transition: transform .6s ease-in-out - } - - @media(prefers-reduced-motion: reduce) { - .carousel-item { - transition: none - } - } - - .carousel-item.active, - .carousel-item-next, - .carousel-item-prev { - display: block - } - - .carousel-item-next:not(.carousel-item-start), - .active.carousel-item-end { - transform: translateX(100%) - } - - .carousel-item-prev:not(.carousel-item-end), - .active.carousel-item-start { - transform: translateX(-100%) - } - - .carousel-fade .carousel-item { - opacity: 0; - transition-property: opacity; - transform: none - } - - .carousel-fade .carousel-item.active, - .carousel-fade .carousel-item-next.carousel-item-start, - .carousel-fade .carousel-item-prev.carousel-item-end { - z-index: 1; - opacity: 1 - } - - .carousel-fade .active.carousel-item-start, - .carousel-fade .active.carousel-item-end { - z-index: 0; - opacity: 0; - transition: opacity 0s .6s - } - - @media(prefers-reduced-motion: reduce) { - - .carousel-fade .active.carousel-item-start, - .carousel-fade .active.carousel-item-end { - transition: none - } - } - - .carousel-control-prev, - .carousel-control-next { - position: absolute; - top: 0; - bottom: 0; - z-index: 1; - display: flex; - align-items: center; - justify-content: center; - width: 14%; - padding: 0; - color: var(--bs-white); - text-align: center; - background: none; - border: 0; - opacity: 1; - transition: opacity .15s ease - } - - @media(prefers-reduced-motion: reduce) { - - .carousel-control-prev, - .carousel-control-next { - transition: none - } - } - - .carousel-control-prev:hover, - .carousel-control-prev:focus, - .carousel-control-next:hover, - .carousel-control-next:focus { - color: var(--bs-white); - text-decoration: none; - outline: 0; - opacity: 1 - } - - .carousel-control-prev { - left: 0 - } - - .carousel-control-next { - right: 0 - } - - .carousel-control-prev-icon, - .carousel-control-next-icon { - display: inline-block; - width: 2.55rem; - height: 2.55rem; - background-repeat: no-repeat; - background-position: 50%; - background-size: 100% 100% - } - - .carousel-control-prev-icon { - background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' style='fill: var%28--bs-white%29;transform: ;msFilter:;'%3E%3Cpath d='M13.293 6.293 7.586 12l5.707 5.707 1.414-1.414L10.414 12l4.293-4.293z'%3E%3C/path%3E%3C/svg%3E") - /*rtl:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' style='fill: var%28--bs-white%29;transform: ;msFilter:;'%3E%3Cpath d='M10.707 17.707 16.414 12l-5.707-5.707-1.414 1.414L13.586 12l-4.293 4.293z'%3E%3C/path%3E%3C/svg%3E")*/ - } - - .carousel-control-next-icon { - background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' style='fill: var%28--bs-white%29;transform: ;msFilter:;'%3E%3Cpath d='M10.707 17.707 16.414 12l-5.707-5.707-1.414 1.414L13.586 12l-4.293 4.293z'%3E%3C/path%3E%3C/svg%3E") - /*rtl:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' style='fill: var%28--bs-white%29;transform: ;msFilter:;'%3E%3Cpath d='M13.293 6.293 7.586 12l5.707 5.707 1.414-1.414L10.414 12l4.293-4.293z'%3E%3C/path%3E%3C/svg%3E")*/ - } - - .carousel-indicators { - position: absolute; - right: 0; - bottom: 0; - left: 0; - z-index: 2; - display: flex; - justify-content: center; - padding: 0; - margin-right: 14%; - margin-bottom: 1rem; - margin-left: 14% - } - - .carousel-indicators [data-bs-target] { - box-sizing: content-box; - flex: 0 1 auto; - width: 30px; - height: 3px; - padding: 0; - margin-right: 3px; - margin-left: 3px; - text-indent: -999px; - cursor: pointer; - background-color: #fff; - background-clip: padding-box; - border: 0; - border-top: 10px solid rgba(0, 0, 0, 0); - border-bottom: 10px solid rgba(0, 0, 0, 0); - opacity: .5; - transition: opacity .6s ease - } - - @media(prefers-reduced-motion: reduce) { - .carousel-indicators [data-bs-target] { - transition: none - } - } - - .carousel-indicators .active { - opacity: 1 - } - - .carousel-caption { - position: absolute; - right: 15%; - bottom: 1.25rem; - left: 15%; - padding-top: 1.25rem; - padding-bottom: 1.25rem; - color: #fff; - text-align: center - } - - .carousel-dark .carousel-control-prev-icon, - .carousel-dark .carousel-control-next-icon { - filter: invert(1) grayscale(100) - } - - .carousel-dark .carousel-indicators [data-bs-target] { - background-color: #22303e - } - - .carousel-dark .carousel-caption { - color: #22303e - } - - [data-bs-theme=dark] .carousel .carousel-control-prev-icon, - [data-bs-theme=dark] .carousel .carousel-control-next-icon, - [data-bs-theme=dark].carousel .carousel-control-prev-icon, - [data-bs-theme=dark].carousel .carousel-control-next-icon { - filter: invert(1) grayscale(100) - } - - [data-bs-theme=dark] .carousel .carousel-indicators [data-bs-target], - [data-bs-theme=dark].carousel .carousel-indicators [data-bs-target] { - background-color: #22303e - } - - [data-bs-theme=dark] .carousel .carousel-caption, - [data-bs-theme=dark].carousel .carousel-caption { - color: #22303e - } - - .spinner-grow, - .spinner-border { - display: inline-block; - width: var(--bs-spinner-width); - height: var(--bs-spinner-height); - vertical-align: var(--bs-spinner-vertical-align); - border-radius: 50%; - animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name) - } - - @keyframes spinner-border { - to { - transform: rotate(360deg) - /* rtl:ignore */ - } - } - - .spinner-border { - --bs-spinner-width: 2rem; - --bs-spinner-height: 2rem; - --bs-spinner-vertical-align: -0.125em; - --bs-spinner-border-width: 0.25em; - --bs-spinner-animation-speed: 0.75s; - --bs-spinner-animation-name: spinner-border; - border: var(--bs-spinner-border-width) solid currentcolor; - border-right-color: rgba(0, 0, 0, 0) - } - - .spinner-border-sm { - --bs-spinner-width: 1rem; - --bs-spinner-height: 1rem; - --bs-spinner-border-width: 0.2em - } - - @keyframes spinner-grow { - 0% { - transform: scale(0) - } - - 50% { - opacity: 1; - transform: none - } - } - - .spinner-grow { - --bs-spinner-width: 2rem; - --bs-spinner-height: 2rem; - --bs-spinner-vertical-align: -0.125em; - --bs-spinner-animation-speed: 0.75s; - --bs-spinner-animation-name: spinner-grow; - background-color: currentcolor; - opacity: 0 - } - - .spinner-grow-sm { - --bs-spinner-width: 1rem; - --bs-spinner-height: 1rem - } - - @media(prefers-reduced-motion: reduce) { - - .spinner-border, - .spinner-grow { - --bs-spinner-animation-speed: 1.5s - } - } - - .offcanvas, - .offcanvas-xxl, - .offcanvas-xl, - .offcanvas-lg, - .offcanvas-md, - .offcanvas-sm { - --bs-offcanvas-zindex: 1090; - --bs-offcanvas-width: 400px; - --bs-offcanvas-height: 30vh; - --bs-offcanvas-padding-x: 1.5rem; - --bs-offcanvas-padding-y: 1.5rem; - --bs-offcanvas-color: var(--bs-body-color); - --bs-offcanvas-bg: var(--bs-paper-bg); - --bs-offcanvas-border-width: 0; - --bs-offcanvas-border-color: var(--bs-border-color); - --bs-offcanvas-box-shadow: var(--bs-box-shadow-lg); - --bs-offcanvas-transition: transform 0.25s ease-in-out; - --bs-offcanvas-title-line-height: 1.375 - } - - @media(max-width: 575.98px) { - .offcanvas-sm { - position: fixed; - bottom: 0; - z-index: var(--bs-offcanvas-zindex); - display: flex; - flex-direction: column; - max-width: 100%; - color: var(--bs-offcanvas-color); - visibility: hidden; - background-color: var(--bs-offcanvas-bg); - background-clip: padding-box; - outline: 0; - transition: var(--bs-offcanvas-transition) - } - } - - @media(max-width: 575.98px)and (prefers-reduced-motion: reduce) { - .offcanvas-sm { - transition: none - } - } - - @media(max-width: 575.98px) { - .offcanvas-sm.offcanvas-start { - top: 0; - left: 0; - width: var(--bs-offcanvas-width); - border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); - transform: translateX(-100%) - } - - .offcanvas-sm.offcanvas-end { - top: 0; - right: 0; - width: var(--bs-offcanvas-width); - border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); - transform: translateX(100%) - } - - .offcanvas-sm.offcanvas-top { - top: 0; - right: 0; - left: 0; - height: var(--bs-offcanvas-height); - max-height: 100%; - border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); - transform: translateY(-100%) - } - - .offcanvas-sm.offcanvas-bottom { - right: 0; - left: 0; - height: var(--bs-offcanvas-height); - max-height: 100%; - border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); - transform: translateY(100%) - } - - .offcanvas-sm.showing, - .offcanvas-sm.show:not(.hiding) { - transform: none - } - - .offcanvas-sm.showing, - .offcanvas-sm.hiding, - .offcanvas-sm.show { - visibility: visible - } - } - - @media(min-width: 576px) { - .offcanvas-sm { - --bs-offcanvas-height: auto; - --bs-offcanvas-border-width: 0; - background-color: rgba(0, 0, 0, 0) !important - } - - .offcanvas-sm .offcanvas-header { - display: none - } - - .offcanvas-sm .offcanvas-body { - display: flex; - flex-grow: 0; - padding: 0; - overflow-y: visible; - background-color: rgba(0, 0, 0, 0) !important - } - } - - @media(max-width: 767.98px) { - .offcanvas-md { - position: fixed; - bottom: 0; - z-index: var(--bs-offcanvas-zindex); - display: flex; - flex-direction: column; - max-width: 100%; - color: var(--bs-offcanvas-color); - visibility: hidden; - background-color: var(--bs-offcanvas-bg); - background-clip: padding-box; - outline: 0; - transition: var(--bs-offcanvas-transition) - } - } - - @media(max-width: 767.98px)and (prefers-reduced-motion: reduce) { - .offcanvas-md { - transition: none - } - } - - @media(max-width: 767.98px) { - .offcanvas-md.offcanvas-start { - top: 0; - left: 0; - width: var(--bs-offcanvas-width); - border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); - transform: translateX(-100%) - } - - .offcanvas-md.offcanvas-end { - top: 0; - right: 0; - width: var(--bs-offcanvas-width); - border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); - transform: translateX(100%) - } - - .offcanvas-md.offcanvas-top { - top: 0; - right: 0; - left: 0; - height: var(--bs-offcanvas-height); - max-height: 100%; - border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); - transform: translateY(-100%) - } - - .offcanvas-md.offcanvas-bottom { - right: 0; - left: 0; - height: var(--bs-offcanvas-height); - max-height: 100%; - border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); - transform: translateY(100%) - } - - .offcanvas-md.showing, - .offcanvas-md.show:not(.hiding) { - transform: none - } - - .offcanvas-md.showing, - .offcanvas-md.hiding, - .offcanvas-md.show { - visibility: visible - } - } - - @media(min-width: 768px) { - .offcanvas-md { - --bs-offcanvas-height: auto; - --bs-offcanvas-border-width: 0; - background-color: rgba(0, 0, 0, 0) !important - } - - .offcanvas-md .offcanvas-header { - display: none - } - - .offcanvas-md .offcanvas-body { - display: flex; - flex-grow: 0; - padding: 0; - overflow-y: visible; - background-color: rgba(0, 0, 0, 0) !important - } - } - - @media(max-width: 991.98px) { - .offcanvas-lg { - position: fixed; - bottom: 0; - z-index: var(--bs-offcanvas-zindex); - display: flex; - flex-direction: column; - max-width: 100%; - color: var(--bs-offcanvas-color); - visibility: hidden; - background-color: var(--bs-offcanvas-bg); - background-clip: padding-box; - outline: 0; - transition: var(--bs-offcanvas-transition) - } - } - - @media(max-width: 991.98px)and (prefers-reduced-motion: reduce) { - .offcanvas-lg { - transition: none - } - } - - @media(max-width: 991.98px) { - .offcanvas-lg.offcanvas-start { - top: 0; - left: 0; - width: var(--bs-offcanvas-width); - border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); - transform: translateX(-100%) - } - - .offcanvas-lg.offcanvas-end { - top: 0; - right: 0; - width: var(--bs-offcanvas-width); - border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); - transform: translateX(100%) - } - - .offcanvas-lg.offcanvas-top { - top: 0; - right: 0; - left: 0; - height: var(--bs-offcanvas-height); - max-height: 100%; - border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); - transform: translateY(-100%) - } - - .offcanvas-lg.offcanvas-bottom { - right: 0; - left: 0; - height: var(--bs-offcanvas-height); - max-height: 100%; - border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); - transform: translateY(100%) - } - - .offcanvas-lg.showing, - .offcanvas-lg.show:not(.hiding) { - transform: none - } - - .offcanvas-lg.showing, - .offcanvas-lg.hiding, - .offcanvas-lg.show { - visibility: visible - } - } - - @media(min-width: 992px) { - .offcanvas-lg { - --bs-offcanvas-height: auto; - --bs-offcanvas-border-width: 0; - background-color: rgba(0, 0, 0, 0) !important - } - - .offcanvas-lg .offcanvas-header { - display: none - } - - .offcanvas-lg .offcanvas-body { - display: flex; - flex-grow: 0; - padding: 0; - overflow-y: visible; - background-color: rgba(0, 0, 0, 0) !important - } - } - - @media(max-width: 1199.98px) { - .offcanvas-xl { - position: fixed; - bottom: 0; - z-index: var(--bs-offcanvas-zindex); - display: flex; - flex-direction: column; - max-width: 100%; - color: var(--bs-offcanvas-color); - visibility: hidden; - background-color: var(--bs-offcanvas-bg); - background-clip: padding-box; - outline: 0; - transition: var(--bs-offcanvas-transition) - } - } - - @media(max-width: 1199.98px)and (prefers-reduced-motion: reduce) { - .offcanvas-xl { - transition: none - } - } - - @media(max-width: 1199.98px) { - .offcanvas-xl.offcanvas-start { - top: 0; - left: 0; - width: var(--bs-offcanvas-width); - border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); - transform: translateX(-100%) - } - - .offcanvas-xl.offcanvas-end { - top: 0; - right: 0; - width: var(--bs-offcanvas-width); - border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); - transform: translateX(100%) - } - - .offcanvas-xl.offcanvas-top { - top: 0; - right: 0; - left: 0; - height: var(--bs-offcanvas-height); - max-height: 100%; - border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); - transform: translateY(-100%) - } - - .offcanvas-xl.offcanvas-bottom { - right: 0; - left: 0; - height: var(--bs-offcanvas-height); - max-height: 100%; - border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); - transform: translateY(100%) - } - - .offcanvas-xl.showing, - .offcanvas-xl.show:not(.hiding) { - transform: none - } - - .offcanvas-xl.showing, - .offcanvas-xl.hiding, - .offcanvas-xl.show { - visibility: visible - } - } - - @media(min-width: 1200px) { - .offcanvas-xl { - --bs-offcanvas-height: auto; - --bs-offcanvas-border-width: 0; - background-color: rgba(0, 0, 0, 0) !important - } - - .offcanvas-xl .offcanvas-header { - display: none - } - - .offcanvas-xl .offcanvas-body { - display: flex; - flex-grow: 0; - padding: 0; - overflow-y: visible; - background-color: rgba(0, 0, 0, 0) !important - } - } - - @media(max-width: 1399.98px) { - .offcanvas-xxl { - position: fixed; - bottom: 0; - z-index: var(--bs-offcanvas-zindex); - display: flex; - flex-direction: column; - max-width: 100%; - color: var(--bs-offcanvas-color); - visibility: hidden; - background-color: var(--bs-offcanvas-bg); - background-clip: padding-box; - outline: 0; - transition: var(--bs-offcanvas-transition) - } - } - - @media(max-width: 1399.98px)and (prefers-reduced-motion: reduce) { - .offcanvas-xxl { - transition: none - } - } - - @media(max-width: 1399.98px) { - .offcanvas-xxl.offcanvas-start { - top: 0; - left: 0; - width: var(--bs-offcanvas-width); - border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); - transform: translateX(-100%) - } - - .offcanvas-xxl.offcanvas-end { - top: 0; - right: 0; - width: var(--bs-offcanvas-width); - border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); - transform: translateX(100%) - } - - .offcanvas-xxl.offcanvas-top { - top: 0; - right: 0; - left: 0; - height: var(--bs-offcanvas-height); - max-height: 100%; - border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); - transform: translateY(-100%) - } - - .offcanvas-xxl.offcanvas-bottom { - right: 0; - left: 0; - height: var(--bs-offcanvas-height); - max-height: 100%; - border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); - transform: translateY(100%) - } - - .offcanvas-xxl.showing, - .offcanvas-xxl.show:not(.hiding) { - transform: none - } - - .offcanvas-xxl.showing, - .offcanvas-xxl.hiding, - .offcanvas-xxl.show { - visibility: visible - } - } - - @media(min-width: 1400px) { - .offcanvas-xxl { - --bs-offcanvas-height: auto; - --bs-offcanvas-border-width: 0; - background-color: rgba(0, 0, 0, 0) !important - } - - .offcanvas-xxl .offcanvas-header { - display: none - } - - .offcanvas-xxl .offcanvas-body { - display: flex; - flex-grow: 0; - padding: 0; - overflow-y: visible; - background-color: rgba(0, 0, 0, 0) !important - } - } - - .offcanvas { - position: fixed; - bottom: 0; - z-index: var(--bs-offcanvas-zindex); - display: flex; - flex-direction: column; - max-width: 100%; - color: var(--bs-offcanvas-color); - visibility: hidden; - background-color: var(--bs-offcanvas-bg); - background-clip: padding-box; - outline: 0; - transition: var(--bs-offcanvas-transition) - } - - @media(prefers-reduced-motion: reduce) { - .offcanvas { - transition: none - } - } - - .offcanvas.offcanvas-start { - top: 0; - left: 0; - width: var(--bs-offcanvas-width); - border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); - transform: translateX(-100%) - } - - .offcanvas.offcanvas-end { - top: 0; - right: 0; - width: var(--bs-offcanvas-width); - border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); - transform: translateX(100%) - } - - .offcanvas.offcanvas-top { - top: 0; - right: 0; - left: 0; - height: var(--bs-offcanvas-height); - max-height: 100%; - border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); - transform: translateY(-100%) - } - - .offcanvas.offcanvas-bottom { - right: 0; - left: 0; - height: var(--bs-offcanvas-height); - max-height: 100%; - border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); - transform: translateY(100%) - } - - .offcanvas.showing, - .offcanvas.show:not(.hiding) { - transform: none - } - - .offcanvas.showing, - .offcanvas.hiding, - .offcanvas.show { - visibility: visible - } - - .offcanvas-backdrop { - position: fixed; - top: 0; - left: 0; - z-index: 1089; - width: 100vw; - height: 100vh; - background-color: #22303e - } - - .offcanvas-backdrop.fade { - opacity: 0 - } - - .offcanvas-backdrop.show { - opacity: .5 - } - - .offcanvas-header { - display: flex; - align-items: center; - padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x) - } - - .offcanvas-header .btn-close { - padding: calc(var(--bs-offcanvas-padding-y)*.5) calc(var(--bs-offcanvas-padding-x)*.5); - margin: calc(-0.5*var(--bs-offcanvas-padding-y)) calc(-0.5*var(--bs-offcanvas-padding-x)) calc(-0.5*var(--bs-offcanvas-padding-y)) auto - } - - .offcanvas-title { - margin-bottom: 0; - line-height: var(--bs-offcanvas-title-line-height) - } - - .offcanvas-body { - flex-grow: 1; - padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x); - overflow-y: auto - } - - .placeholder { - display: inline-block; - min-height: 1em; - vertical-align: middle; - cursor: wait; - background-color: currentcolor; - opacity: .5 - } - - .placeholder.btn::before { - display: inline-block; - content: "" - } - - .placeholder-xs { - min-height: .6em - } - - .placeholder-sm { - min-height: .8em - } - - .placeholder-lg { - min-height: 1.2em - } - - .placeholder-glow .placeholder { - animation: placeholder-glow 2s ease-in-out infinite - } - - @keyframes placeholder-glow { - 50% { - opacity: .2 - } - } - - .placeholder-wave { - mask-image: linear-gradient(130deg, #22303e 55%, rgba(0, 0, 0, 0.8) 75%, #22303e 95%); - mask-size: 200% 100%; - animation: placeholder-wave 2s linear infinite - } - - @keyframes placeholder-wave { - 100% { - mask-position: -200% 0% - } - } - - .clearfix::after { - display: block; - clear: both; - content: "" - } - - .text-bg-primary { - color: #fff !important; - background-color: RGBA(var(--bs-primary-rgb), var(--bs-bg-opacity, 1)) !important - } - - .text-bg-secondary { - color: #fff !important; - background-color: RGBA(var(--bs-secondary-rgb), var(--bs-bg-opacity, 1)) !important - } - - .text-bg-success { - color: #fff !important; - background-color: RGBA(var(--bs-success-rgb), var(--bs-bg-opacity, 1)) !important - } - - .text-bg-info { - color: #fff !important; - background-color: RGBA(var(--bs-info-rgb), var(--bs-bg-opacity, 1)) !important - } - - .text-bg-warning { - color: #fff !important; - background-color: RGBA(var(--bs-warning-rgb), var(--bs-bg-opacity, 1)) !important - } - - .text-bg-danger { - color: #fff !important; - background-color: RGBA(var(--bs-danger-rgb), var(--bs-bg-opacity, 1)) !important - } - - .text-bg-light { - color: #000 !important; - background-color: RGBA(var(--bs-light-rgb), var(--bs-bg-opacity, 1)) !important - } - - .text-bg-dark { - color: #fff !important; - background-color: RGBA(var(--bs-dark-rgb), var(--bs-bg-opacity, 1)) !important - } - - .text-bg-gray { - color: #fff !important; - background-color: RGBA(var(--bs-gray-rgb), var(--bs-bg-opacity, 1)) !important - } - - .link-primary { - color: RGBA(var(--bs-primary-rgb), var(--bs-link-opacity, 1)) !important; - text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important - } - - .link-primary:hover, - .link-primary:focus { - color: RGBA(95, 97, 230, var(--bs-link-opacity, 1)) !important; - text-decoration-color: RGBA(95, 97, 230, var(--bs-link-underline-opacity, 1)) !important - } - - .link-secondary { - color: RGBA(var(--bs-secondary-rgb), var(--bs-link-opacity, 1)) !important; - text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important - } - - .link-secondary:hover, - .link-secondary:focus { - color: RGBA(120, 131, 147, var(--bs-link-opacity, 1)) !important; - text-decoration-color: RGBA(120, 131, 147, var(--bs-link-underline-opacity, 1)) !important - } - - .link-success { - color: RGBA(var(--bs-success-rgb), var(--bs-link-opacity, 1)) !important; - text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important - } - - .link-success:hover, - .link-success:focus { - color: RGBA(102, 199, 50, var(--bs-link-opacity, 1)) !important; - text-decoration-color: RGBA(102, 199, 50, var(--bs-link-underline-opacity, 1)) !important - } - - .link-info { - color: RGBA(var(--bs-info-rgb), var(--bs-link-opacity, 1)) !important; - text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important - } - - .link-info:hover, - .link-info:focus { - color: RGBA(3, 176, 212, var(--bs-link-opacity, 1)) !important; - text-decoration-color: RGBA(3, 176, 212, var(--bs-link-underline-opacity, 1)) !important - } - - .link-warning { - color: RGBA(var(--bs-warning-rgb), var(--bs-link-opacity, 1)) !important; - text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important - } - - .link-warning:hover, - .link-warning:focus { - color: RGBA(230, 154, 0, var(--bs-link-opacity, 1)) !important; - text-decoration-color: RGBA(230, 154, 0, var(--bs-link-underline-opacity, 1)) !important - } - - .link-danger { - color: RGBA(var(--bs-danger-rgb), var(--bs-link-opacity, 1)) !important; - text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important - } - - .link-danger:hover, - .link-danger:focus { - color: RGBA(230, 56, 26, var(--bs-link-opacity, 1)) !important; - text-decoration-color: RGBA(230, 56, 26, var(--bs-link-underline-opacity, 1)) !important - } - - .link-light { - color: RGBA(var(--bs-light-rgb), var(--bs-link-opacity, 1)) !important; - text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important - } - - .link-light:hover, - .link-light:focus { - color: RGBA(223, 225, 227, var(--bs-link-opacity, 1)) !important; - text-decoration-color: RGBA(223, 225, 227, var(--bs-link-underline-opacity, 1)) !important - } - - .link-dark { - color: RGBA(var(--bs-dark-rgb), var(--bs-link-opacity, 1)) !important; - text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important - } - - .link-dark:hover, - .link-dark:focus { - color: RGBA(39, 40, 58, var(--bs-link-opacity, 1)) !important; - text-decoration-color: RGBA(39, 40, 58, var(--bs-link-underline-opacity, 1)) !important - } - - .link-gray { - color: RGBA(var(--bs-gray-rgb), var(--bs-link-opacity, 1)) !important; - text-decoration-color: RGBA(var(--bs-gray-rgb), var(--bs-link-underline-opacity, 1)) !important - } - - .link-gray:hover, - .link-gray:focus { - color: RGBA(131, 136, 143, var(--bs-link-opacity, 1)) !important; - text-decoration-color: RGBA(131, 136, 143, var(--bs-link-underline-opacity, 1)) !important - } - - .link-body-emphasis { - color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 1)) !important; - text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important - } - - .link-body-emphasis:hover, - .link-body-emphasis:focus { - color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 0.75)) !important; - text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)) !important - } - - .focus-ring:focus { - outline: 0; - box-shadow: var(--bs-focus-ring-x, 0) var(--bs-focus-ring-y, 0) var(--bs-focus-ring-blur, 0) var(--bs-focus-ring-width) var(--bs-focus-ring-color) - } - - .icon-link { - display: inline-flex; - gap: .375rem; - align-items: center; - text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 0.5)); - text-underline-offset: .25em; - backface-visibility: hidden - } - - .icon-link>.bi { - flex-shrink: 0; - width: 1em; - height: 1em; - fill: currentcolor; - transition: .2s ease-in-out transform - } - - @media(prefers-reduced-motion: reduce) { - .icon-link>.bi { - transition: none - } - } - - .icon-link-hover:hover>.bi, - .icon-link-hover:focus-visible>.bi { - transform: var(--bs-icon-link-transform, translate3d(0.25em, 0, 0)) - } - - .ratio { - position: relative; - width: 100% - } - - .ratio::before { - display: block; - padding-top: var(--bs-aspect-ratio); - content: "" - } - - .ratio>* { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100% - } - - .ratio-1x1 { - --bs-aspect-ratio: 100% - } - - .ratio-4x3 { - --bs-aspect-ratio: 75% - } - - .ratio-16x9 { - --bs-aspect-ratio: 56.25% - } - - .ratio-21x9 { - --bs-aspect-ratio: 42.8571428571% - } - - .fixed-top { - position: fixed; - top: 0; - right: 0; - left: 0; - z-index: 1030 - } - - .fixed-bottom { - position: fixed; - right: 0; - bottom: 0; - left: 0; - z-index: 1030 - } - - .sticky-top { - position: sticky; - top: 0; - z-index: 1020 - } - - .sticky-bottom { - position: sticky; - bottom: 0; - z-index: 1020 - } - - @media(min-width: 576px) { - .sticky-sm-top { - position: sticky; - top: 0; - z-index: 1020 - } - - .sticky-sm-bottom { - position: sticky; - bottom: 0; - z-index: 1020 - } - } - - @media(min-width: 768px) { - .sticky-md-top { - position: sticky; - top: 0; - z-index: 1020 - } - - .sticky-md-bottom { - position: sticky; - bottom: 0; - z-index: 1020 - } - } - - @media(min-width: 992px) { - .sticky-lg-top { - position: sticky; - top: 0; - z-index: 1020 - } - - .sticky-lg-bottom { - position: sticky; - bottom: 0; - z-index: 1020 - } - } - - @media(min-width: 1200px) { - .sticky-xl-top { - position: sticky; - top: 0; - z-index: 1020 - } - - .sticky-xl-bottom { - position: sticky; - bottom: 0; - z-index: 1020 - } - } - - @media(min-width: 1400px) { - .sticky-xxl-top { - position: sticky; - top: 0; - z-index: 1020 - } - - .sticky-xxl-bottom { - position: sticky; - bottom: 0; - z-index: 1020 - } - } - - .hstack { - display: flex; - flex-direction: row; - align-items: center; - align-self: stretch - } - - .vstack { - display: flex; - flex: 1 1 auto; - flex-direction: column; - align-self: stretch - } - - .visually-hidden, - .visually-hidden-focusable:not(:focus):not(:focus-within) { - width: 1px !important; - height: 1px !important; - padding: 0 !important; - margin: -1px !important; - overflow: hidden !important; - clip: rect(0, 0, 0, 0) !important; - white-space: nowrap !important; - border: 0 !important - } - - .visually-hidden:not(caption), - .visually-hidden-focusable:not(:focus):not(:focus-within):not(caption) { - position: absolute !important - } - - .stretched-link::after { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: 1; - content: "" - } - - .text-truncate { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap - } - - .vr { - display: inline-block; - align-self: stretch; - width: var(--bs-border-width); - min-height: 1em; - background-color: currentcolor; - opacity: 1 - } - - :root { - --bs-facebook: #3b5998; - --bs-facebook-rgb: 59, 89, 152; - --bs-twitter: #1da1f2; - --bs-twitter-rgb: 29, 161, 242; - --bs-google-plus: #dd4b39; - --bs-google-plus-rgb: 221, 75, 57; - --bs-instagram: #e1306c; - --bs-instagram-rgb: 225, 48, 108; - --bs-linkedin: #0077b5; - --bs-linkedin-rgb: 0, 119, 181; - --bs-github: #384551; - --bs-github-rgb: 56, 69, 81; - --bs-dribbble: #ea4c89; - --bs-dribbble-rgb: 234, 76, 137; - --bs-pinterest: #cb2027; - --bs-pinterest-rgb: 203, 32, 39; - --bs-slack: #4a154b; - --bs-slack-rgb: 74, 21, 75; - --bs-reddit: #ff4500; - --bs-reddit-rgb: 255, 69, 0; - --bs-youtube: #f00; - --bs-youtube-rgb: 255, 0, 0; - --bs-vimeo: #1ab7ea; - --bs-vimeo-rgb: 26, 183, 234 - } - - :root .bg-gradient-primary { - --bs-bg-gradient-color-start: color-mix(in sRGB, var(--bs-pure-black) 10%, var(--bs-primary)); - --bs-bg-gradient-color-end: color-mix(in sRGB, var(--bs-white) 20%, var(--bs-primary)); - background-image: linear-gradient(45deg, var(--bs-bg-gradient-color-start) 0%, var(--bs-bg-gradient-color-end) 100%) !important - } - - :root .bg-gradient-secondary { - --bs-bg-gradient-color-start: color-mix(in sRGB, var(--bs-pure-black) 10%, var(--bs-secondary)); - --bs-bg-gradient-color-end: color-mix(in sRGB, var(--bs-white) 20%, var(--bs-secondary)); - background-image: linear-gradient(45deg, var(--bs-bg-gradient-color-start) 0%, var(--bs-bg-gradient-color-end) 100%) !important - } - - :root .bg-gradient-success { - --bs-bg-gradient-color-start: color-mix(in sRGB, var(--bs-pure-black) 10%, var(--bs-success)); - --bs-bg-gradient-color-end: color-mix(in sRGB, var(--bs-white) 20%, var(--bs-success)); - background-image: linear-gradient(45deg, var(--bs-bg-gradient-color-start) 0%, var(--bs-bg-gradient-color-end) 100%) !important - } - - :root .bg-gradient-info { - --bs-bg-gradient-color-start: color-mix(in sRGB, var(--bs-pure-black) 10%, var(--bs-info)); - --bs-bg-gradient-color-end: color-mix(in sRGB, var(--bs-white) 20%, var(--bs-info)); - background-image: linear-gradient(45deg, var(--bs-bg-gradient-color-start) 0%, var(--bs-bg-gradient-color-end) 100%) !important - } - - :root .bg-gradient-warning { - --bs-bg-gradient-color-start: color-mix(in sRGB, var(--bs-pure-black) 10%, var(--bs-warning)); - --bs-bg-gradient-color-end: color-mix(in sRGB, var(--bs-white) 20%, var(--bs-warning)); - background-image: linear-gradient(45deg, var(--bs-bg-gradient-color-start) 0%, var(--bs-bg-gradient-color-end) 100%) !important - } - - :root .bg-gradient-danger { - --bs-bg-gradient-color-start: color-mix(in sRGB, var(--bs-pure-black) 10%, var(--bs-danger)); - --bs-bg-gradient-color-end: color-mix(in sRGB, var(--bs-white) 20%, var(--bs-danger)); - background-image: linear-gradient(45deg, var(--bs-bg-gradient-color-start) 0%, var(--bs-bg-gradient-color-end) 100%) !important - } - - :root .bg-gradient-light { - --bs-bg-gradient-color-start: color-mix(in sRGB, var(--bs-pure-black) 10%, var(--bs-light)); - --bs-bg-gradient-color-end: color-mix(in sRGB, var(--bs-white) 20%, var(--bs-light)); - background-image: linear-gradient(45deg, var(--bs-bg-gradient-color-start) 0%, var(--bs-bg-gradient-color-end) 100%) !important - } - - :root .bg-gradient-dark { - --bs-bg-gradient-color-start: color-mix(in sRGB, var(--bs-pure-black) 10%, var(--bs-dark)); - --bs-bg-gradient-color-end: color-mix(in sRGB, var(--bs-white) 20%, var(--bs-dark)); - background-image: linear-gradient(45deg, var(--bs-bg-gradient-color-start) 0%, var(--bs-bg-gradient-color-end) 100%) !important - } - - :root .bg-gradient-gray { - --bs-bg-gradient-color-start: color-mix(in sRGB, var(--bs-pure-black) 10%, var(--bs-gray)); - --bs-bg-gradient-color-end: color-mix(in sRGB, var(--bs-white) 20%, var(--bs-gray)); - background-image: linear-gradient(45deg, var(--bs-bg-gradient-color-start) 0%, var(--bs-bg-gradient-color-end) 100%) !important - } - - .row-bordered { - overflow: hidden - } - - .row-bordered>.col, - .row-bordered>[class^=col-], - .row-bordered>[class*=" col-"], - .row-bordered>[class^="col "], - .row-bordered>[class*=" col "], - .row-bordered>[class$=" col"], - .row-bordered>[class=col] { - position: relative; - padding-block-start: 1px - } - - .row-bordered>.col::before, - .row-bordered>[class^=col-]::before, - .row-bordered>[class*=" col-"]::before, - .row-bordered>[class^="col "]::before, - .row-bordered>[class*=" col "]::before, - .row-bordered>[class$=" col"]::before, - .row-bordered>[class=col]::before { - position: absolute; - display: block; - block-size: 0; - border-block-start: 1px solid var(--bs-border-color); - content: ""; - inset-block-end: -1px; - inset-inline: 0 - } - - .row-bordered>.col::after, - .row-bordered>[class^=col-]::after, - .row-bordered>[class*=" col-"]::after, - .row-bordered>[class^="col "]::after, - .row-bordered>[class*=" col "]::after, - .row-bordered>[class$=" col"]::after, - .row-bordered>[class=col]::after { - position: absolute; - display: block; - border-inline-start: 1px solid var(--bs-border-color); - content: ""; - inline-size: 0; - inset-block: 0; - inset-inline-start: -1px - } - - .row-bordered.row-border-light>.col::before, - .row-bordered.row-border-light>.col::after, - .row-bordered.row-border-light>[class^=col-]::before, - .row-bordered.row-border-light>[class^=col-]::after, - .row-bordered.row-border-light>[class*=" col-"]::before, - .row-bordered.row-border-light>[class*=" col-"]::after, - .row-bordered.row-border-light>[class^="col "]::before, - .row-bordered.row-border-light>[class^="col "]::after, - .row-bordered.row-border-light>[class*=" col "]::before, - .row-bordered.row-border-light>[class*=" col "]::after, - .row-bordered.row-border-light>[class$=" col"]::before, - .row-bordered.row-border-light>[class$=" col"]::after, - .row-bordered.row-border-light>[class=col]::before, - .row-bordered.row-border-light>[class=col]::after { - border-color: #e9eaec - } - - .text-body-secondary[href]:hover, - .text-body-secondary[href]:focus { - color: var(--bs-body-color) !important - } - - a.bg-dark:hover, - a.bg-dark:focus { - background-color: #384551 !important - } - - a.bg-light:hover, - a.bg-light:focus { - background-color: #e4e6e8 !important - } - - a.bg-lighter:hover, - a.bg-lighter:focus { - background-color: #e9eaec !important - } - - a.bg-lightest:hover, - a.bg-lightest:focus { - background-color: #f2f3f3 !important - } - - .text-light[href]:hover, - .text-light[href]:focus { - color: var(--bs-body-color) !important - } - - .text-lighter[href]:hover, - .text-lighter[href]:focus { - color: var(--bs-body-color) !important - } - - .text-lightest[href]:hover, - .text-lightest[href]:focus { - color: var(--bs-body-color) !important - } - - .text-paper { - color: var(--bs-paper-bg) !important - } - - .text-paper[href]:hover, - .text-paper[href]:focus { - color: var(--bs-primary) !important - } - - .text-body[href]:hover, - .text-heading[href]:hover { - color: var(--bs-primary) !important - } - - .invert-text-white { - color: light-dark(var(--bs-white), #f5f5f9) !important - } - - .invert-text-white[href]:hover:hover, - .invert-text-white[href]:hover:focus { - color: light-dark(var(--bs-white), #f5f5f9) !important - } - - .invert-text-dark { - color: light-dark(#22303e, var(--bs-white)) !important - } - - .invert-text-dark[href]:hover:hover, - .invert-text-dark[href]:hover:focus { - color: light-dark(#22303e, var(--bs-white)) !important - } - - .invert-bg-white { - background-color: light-dark(var(--bs-white), #f5f5f9) !important - } - - a.invert-bg-white:hover, - a.invert-bg-white:focus { - background-color: light-dark(var(--bs-white), #f5f5f9) !important - } - - .invert-bg-dark { - background-color: light-dark(var(--bs-gray-900), var(--bs-white)) !important - } - - a.invert-bg-dark:hover, - a.invert-bg-dark:focus { - background-color: light-dark(var(--bs-gray-900), var(--bs-white)) !important - } - - .invert-border-dark { - border-color: light-dark(var(--bs-dark), var(--bs-white)) !important - } - - .invert-border-white { - border-color: light-dark(var(--bs-white), #f5f5f9) !important - } - - .container-p-x { - padding-inline: 1rem !important - } - - @media(min-width: 992px) { - .container-p-x { - padding-inline: 1.625rem !important - } - } - - .container-m-nx { - margin-inline: -1rem !important - } - - @media(min-width: 992px) { - .container-m-nx { - margin-inline: -1.625rem !important - } - } - - .container-p-y:not([class^=pt-]):not([class*=" pt-"]) { - padding-block-start: 1.5rem !important - } - - .container-p-y:not([class^=pb-]):not([class*=" pb-"]) { - padding-block-end: 1.5rem !important - } - - .container-m-ny:not([class^=mt-]):not([class*=" mt-"]) { - margin-block-start: -1.5rem !important - } - - .container-m-ny:not([class^=mb-]):not([class*=" mb-"]) { - margin-block-end: -1.5rem !important - } - - .icon-base { - block-size: var(--bs-icon-size); - font-size: var(--bs-icon-size); - inline-size: var(--bs-icon-size); - line-height: 1; - vertical-align: middle - } - - .icon-6px, - .icon-6px::before { - block-size: 6px !important; - font-size: 6px !important; - inline-size: 6px !important - } - - .icon-8px, - .icon-8px::before { - block-size: 8px !important; - font-size: 8px !important; - inline-size: 8px !important - } - - .icon-10px, - .icon-10px::before { - block-size: 10px !important; - font-size: 10px !important; - inline-size: 10px !important - } - - .icon-12px, - .icon-12px::before { - block-size: 12px !important; - font-size: 12px !important; - inline-size: 12px !important - } - - .icon-14px, - .icon-14px::before { - block-size: 14px !important; - font-size: 14px !important; - inline-size: 14px !important - } - - .icon-16px, - .icon-16px::before { - block-size: 16px !important; - font-size: 16px !important; - inline-size: 16px !important - } - - .icon-18px, - .icon-18px::before { - block-size: 18px !important; - font-size: 18px !important; - inline-size: 18px !important - } - - .icon-20px, - .icon-20px::before { - block-size: 20px !important; - font-size: 20px !important; - inline-size: 20px !important - } - - .icon-22px, - .icon-22px::before { - block-size: 22px !important; - font-size: 22px !important; - inline-size: 22px !important - } - - .icon-24px, - .icon-24px::before { - block-size: 24px !important; - font-size: 24px !important; - inline-size: 24px !important - } - - .icon-26px, - .icon-26px::before { - block-size: 26px !important; - font-size: 26px !important; - inline-size: 26px !important - } - - .icon-28px, - .icon-28px::before { - block-size: 28px !important; - font-size: 28px !important; - inline-size: 28px !important - } - - .icon-30px, - .icon-30px::before { - block-size: 30px !important; - font-size: 30px !important; - inline-size: 30px !important - } - - .icon-32px, - .icon-32px::before { - block-size: 32px !important; - font-size: 32px !important; - inline-size: 32px !important - } - - .icon-36px, - .icon-36px::before { - block-size: 36px !important; - font-size: 36px !important; - inline-size: 36px !important - } - - .icon-40px, - .icon-40px::before { - block-size: 40px !important; - font-size: 40px !important; - inline-size: 40px !important - } - - .icon-42px, - .icon-42px::before { - block-size: 42px !important; - font-size: 42px !important; - inline-size: 42px !important - } - - .icon-46px, - .icon-46px::before { - block-size: 46px !important; - font-size: 46px !important; - inline-size: 46px !important - } - - .icon-48px, - .icon-48px::before { - block-size: 48px !important; - font-size: 48px !important; - inline-size: 48px !important - } - - .icon-xs, - .icon-xs::before { - block-size: var(--bs-icon-size-xs) !important; - font-size: var(--bs-icon-size-xs) !important; - inline-size: var(--bs-icon-size-xs) !important - } - - .icon-sm, - .icon-sm::before { - block-size: var(--bs-icon-size-sm) !important; - font-size: var(--bs-icon-size-sm) !important; - inline-size: var(--bs-icon-size-sm) !important - } - - .icon-md, - .icon-md::before { - block-size: var(--bs-icon-size-md) !important; - font-size: var(--bs-icon-size-md) !important; - inline-size: var(--bs-icon-size-md) !important - } - - .icon-lg, - .icon-lg::before { - block-size: var(--bs-icon-size-lg) !important; - font-size: var(--bs-icon-size-lg) !important; - inline-size: var(--bs-icon-size-lg) !important - } - - .icon-xl, - .icon-xl::before { - block-size: var(--bs-icon-size-xl) !important; - font-size: var(--bs-icon-size-xl) !important; - inline-size: var(--bs-icon-size-xl) !important - } - - .cell-fit { - inline-size: .1%; - white-space: nowrap - } - - :dir(rtl) .scaleX-n1-rtl { - transform: scaleX(-1) !important - } - - :dir(rtl) .translate-middle { - transform: translate(50%, -50%) !important - } - - :dir(rtl) .translate-middle-x { - transform: translateX(50%) !important - } - - :dir(rtl) .rotate { - --bs-rotate-90: rotate(-90deg); - --bs-rotate-270: rotate(-270deg); - --bs-rotate-n90: rotate(90deg); - --bs-rotate-n270: rotate(270deg) - } - - :root { - --prefix: bs-; - --bs-pure-black: #000; - --bs-icon-size: 1.25rem; - --bs-icon-size-xs: 1rem; - --bs-icon-size-sm: 1.125rem; - --bs-icon-size-md: 1.375rem; - --bs-icon-size-lg: 1.5rem; - --bs-icon-size-xl: 2rem; - --bs-primary-contrast: var(--bs-white); - --bs-secondary-contrast: var(--bs-white); - --bs-success-contrast: var(--bs-white); - --bs-info-contrast: var(--bs-white); - --bs-warning-contrast: var(--bs-white); - --bs-danger-contrast: var(--bs-white); - --bs-light-contrast: var(--bs-pure-black); - --bs-dark-contrast: var(--bs-white); - --bs-gray-contrast: var(--bs-white); - --bs-facebook-contrast: var(--bs-white); - --bs-twitter-contrast: var(--bs-white); - --bs-google-plus-contrast: var(--bs-white); - --bs-instagram-contrast: var(--bs-white); - --bs-linkedin-contrast: var(--bs-white); - --bs-github-contrast: var(--bs-white); - --bs-dribbble-contrast: var(--bs-white); - --bs-pinterest-contrast: var(--bs-white); - --bs-slack-contrast: var(--bs-white); - --bs-reddit-contrast: var(--bs-white); - --bs-youtube-contrast: var(--bs-white); - --bs-vimeo-contrast: var(--bs-white) - } - - :root, - [data-bs-theme=light] { - --bs-bg-label-tint-amount: 84%; - --bs-border-subtle-amount: 70%; - --bs-base-color: #22303e; - --bs-base-color-rgb: 34, 48, 62; - --bs-paper-bg: #fff; - --bs-paper-bg-rgb: 255, 255, 255; - --bs-min-contrast-ratio: 1.7; - --bs-box-shadow: 0 0.1875rem 0.5rem 0 rgba(34, 48, 62, 0.1); - --bs-box-shadow-xs: 0 0.0625rem 0.3175rem 0 rgba(34, 48, 62, 0.06); - --bs-box-shadow-sm: 0 0.125rem 0.375rem 0 rgba(34, 48, 62, 0.08); - --bs-box-shadow-lg: 0 0.25rem 0.75rem 0 rgba(34, 48, 62, 0.14); - --bs-box-shadow-xl: 0 0.3125rem 1.375rem 0 rgba(34, 48, 62, 0.18); - --bs-floating-component-shadow: 0 0.1875rem 0.5rem 0 rgba(34, 48, 62, 0.1); - --bs-custom-link-color: var(--bs-primary); - --bs-navbar-bg: var(--bs-paper-bg); - --bs-navbar-box-shadow: 0 0 10px #e4e6e8; - --bs-navbar-border-width: 1px; - --bs-navbar-border-color: var(--bs-paper-bg); - --bs-menu-header-color: var(--bs-heading-color); - --bs-nav-box-shadow: var(--bs-box-shadow); - --bs-nav-border-color: var(--bs-paper-bg) - } - - [data-bs-theme=dark] { - --bs-primary-contrast: var(--bs-white); - --bs-secondary-contrast: var(--bs-white); - --bs-success-contrast: var(--bs-white); - --bs-info-contrast: var(--bs-white); - --bs-warning-contrast: var(--bs-white); - --bs-danger-contrast: var(--bs-white); - --bs-light-contrast: var(--bs-white); - --bs-dark-contrast: var(--bs-white); - --bs-gray-contrast: var(--bs-white) - } - - [data-bs-theme=dark] { - color-scheme: dark; - --bs-gray-25: #38394c; - --bs-gray-60: #434463; - --bs-gray-80: #474866; - --bs-gray-100: #4a4b69; - --bs-gray-200: #4e4f6c; - --bs-gray-300: #6d6e87; - --bs-gray-400: #7e7f96; - --bs-gray-500: #8f90a5; - --bs-gray-600: #a1a1b5; - --bs-gray-700: #b2b2c4; - --bs-gray-800: #c3c4d3; - --bs-gray-900: #d5d5e2; - --bs-primary: #696cff; - --bs-secondary: #8592a3; - --bs-success: #71dd37; - --bs-info: #03c3ec; - --bs-warning: #ffab00; - --bs-danger: #ff3e1d; - --bs-light: #494a5d; - --bs-dark: #6b6c9d; - --bs-gray: #8f90a5; - --bs-primary-rgb: 105, 108, 255; - --bs-secondary-rgb: 133, 146, 163; - --bs-success-rgb: 113, 221, 55; - --bs-info-rgb: 3, 195, 236; - --bs-warning-rgb: 255, 171, 0; - --bs-danger-rgb: 255, 62, 29; - --bs-light-rgb: 73, 74, 93; - --bs-dark-rgb: 107, 108, 157; - --bs-gray-rgb: 143, 144, 165; - --bs-bg-label-tint-amount: 84%; - --bs-border-subtle-amount: 76%; - --bs-base-color: #e6e6f1; - --bs-base-color-rgb: 230, 230, 241; - --bs-paper-bg: #2b2c40; - --bs-paper-bg-rgb: 43, 44, 64; - --bs-box-shadow: 0 0.1875rem 0.5rem 0 rgba(20, 20, 29, 0.22); - --bs-box-shadow-xs: 0 0.0625rem 0.3175rem 0 rgba(20, 20, 29, 0.18); - --bs-box-shadow-sm: 0 0.125rem 0.375rem 0 rgba(20, 20, 29, 0.2); - --bs-box-shadow-lg: 0 0.25rem 0.75rem 0 rgba(20, 20, 29, 0.24); - --bs-box-shadow-xl: 0 0.3125rem 1.375rem 0 rgba(20, 20, 29, 0.26); - --bs-floating-component-shadow: 0 0.1875rem 0.5rem 0 rgba(20, 20, 29, 0.22); - --bs-navbar-box-shadow: 0 0 10px #4e4f6c - } - - .apexcharts-theme-dark { - --bs-primary: #696cff; - --bs-secondary: #8592a3; - --bs-success: #71dd37; - --bs-info: #03c3ec; - --bs-warning: #ffab00; - --bs-danger: #ff3e1d; - --bs-light: #494a5d; - --bs-dark: #6b6c9d; - --bs-gray: #8f90a5; - --bs-border-color: #4e4f6c; - --bs-box-shadow: 0 0.1875rem 0.5rem 0 rgba(20, 20, 29, 0.22); - --bs-body-color: #b2b2c4; - --bs-heading-color: #d5d5e2; - --bs-paper-bg: #2b2c40; - --bs-base-color: #e6e6f1; - --bs-secondary-color: #7e7f96 - } - - :root[data-skin=bordered], - [data-bs-theme=light][data-skin=bordered] { - --bs-body-bg: var(--bs-paper-bg); - --bs-navbar-bg: var(--bs-paper-bg); - --bs-navbar-box-shadow: none; - --bs-navbar-border-color: #e4e6e8; - --bs-menu-box-shadow: 0 0 0 1px #e4e6e8; - --bs-menu-horizontal-menu-box-shadow: var(--bs-menu-box-shadow); - --tagify-dropdown-box-shadow: none; - --tagify-dropdown-border-width: 1px - } - - :root[data-skin=bordered] .layout-navbar.navbar-detached, - [data-bs-theme=light][data-skin=bordered] .layout-navbar.navbar-detached { - box-shadow: 0 0 0 1px var(--bs-border-color) - } - - :root[data-skin=bordered] .footer, - [data-bs-theme=light][data-skin=bordered] .footer { - --bs-footer-border-width: 1px; - --bs-footer-box-shadow: none - } - - :root[data-skin=bordered] .accordion, - [data-bs-theme=light][data-skin=bordered] .accordion { - --bs-accordion-box-shadow: none; - --bs-accordion-active-box-shadow: none - } - - :root[data-skin=bordered] .accordion:not([class*=accordion-border-background-], [class*=accordion-border-solid-], [class*=accordion-solid-], [class*=accordion-outline-]), - [data-bs-theme=light][data-skin=bordered] .accordion:not([class*=accordion-border-background-], [class*=accordion-border-solid-], [class*=accordion-solid-], [class*=accordion-outline-]) { - --bs-accordion-border-color: #e4e6e8 - } - - :root[data-skin=bordered] .btn, - [data-bs-theme=light][data-skin=bordered] .btn { - --bs-btn-box-shadow: none; - --bs-btn-focus-box-shadow: none; - --bs-btn-active-shadow: none - } - - :root[data-skin=bordered] .dropdown-menu, - [data-bs-theme=light][data-skin=bordered] .dropdown-menu { - --bs-dropdown-box-shadow: none; - --bs-dropdown-border-width: 1px - } - - :root[data-skin=bordered] .modal .modal-content, - [data-bs-theme=light][data-skin=bordered] .modal .modal-content { - --bs-modal-box-shadow: none; - --bs-modal-border-width: 1px - } - - :root[data-skin=bordered] .offcanvas, - [data-bs-theme=light][data-skin=bordered] .offcanvas { - --bs-offcanvas-box-shadow: none; - --bs-offcanvas-border-width: 1px - } - - :root[data-skin=bordered] :dir(rtl) .offcanvas-start, - [data-bs-theme=light][data-skin=bordered] :dir(rtl) .offcanvas-start { - border-inline-end: 1px solid var(--bs-offcanvas-border-color); - border-inline-start: 0 - } - - :root[data-skin=bordered] :dir(rtl) .offcanvas-end, - [data-bs-theme=light][data-skin=bordered] :dir(rtl) .offcanvas-end { - border-inline-end: 0; - border-inline-start: 1px solid var(--bs-offcanvas-border-color) - } - - :root[data-skin=bordered] .toast, - :root[data-skin=bordered] .bs-toast.toast, - [data-bs-theme=light][data-skin=bordered] .toast, - [data-bs-theme=light][data-skin=bordered] .bs-toast.toast { - --bs-toast-box-shadow: none - } - - :root[data-skin=bordered] .notyf__toast.notyf__success, - :root[data-skin=bordered] .notyf__toast.notyf__error, - :root[data-skin=bordered] .notyf__toast.notyf__info, - :root[data-skin=bordered] .notyf__toast.notyf__warning, - [data-bs-theme=light][data-skin=bordered] .notyf__toast.notyf__success, - [data-bs-theme=light][data-skin=bordered] .notyf__toast.notyf__error, - [data-bs-theme=light][data-skin=bordered] .notyf__toast.notyf__info, - [data-bs-theme=light][data-skin=bordered] .notyf__toast.notyf__warning { - box-shadow: none - } - - :root[data-skin=bordered] .nav, - [data-bs-theme=light][data-skin=bordered] .nav { - --bs-nav-box-shadow: none; - --bs-nav-pills-box-shadow: none; - --bs-nav-border-color: #e4e6e8 - } - - :root[data-skin=bordered] .pagination, - [data-bs-theme=light][data-skin=bordered] .pagination { - --bs-pagination-box-shadow-color: transparent - } - - :root[data-skin=bordered] .card, - [data-bs-theme=light][data-skin=bordered] .card { - --bs-card-box-shadow: 0px 0px 0px var(--bs-border-width) var(--bs-card-border-color); - --bs-card-hover-box-shadow: 0px 0px 0px var(--bs-border-width) var(--bs-card-border-color) - } - - :root[data-skin=bordered] .card-group, - [data-bs-theme=light][data-skin=bordered] .card-group { - --bs-card-box-shadow: none - } - - :root[data-skin=bordered] .card-group .card, - [data-bs-theme=light][data-skin=bordered] .card-group .card { - --bs-card-border-width: 1px - } - - :root[data-skin=bordered] .popover:not(.custom-popover), - [data-bs-theme=light][data-skin=bordered] .popover:not(.custom-popover) { - --bs-popover-box-shadow: none; - --bs-popover-border-color: var(--bs-border-color); - --bs-popover-arrow-border: var(--bs-border-color) - } - - :root[data-skin=bordered] .avatar, - [data-bs-theme=light][data-skin=bordered] .avatar { - --bs-box-shadow: none - } - - :root[data-skin=bordered] .shepherd-element, - [data-bs-theme=light][data-skin=bordered] .shepherd-element { - box-shadow: none - } - - :root[data-skin=bordered] .swal2-container .swal2-popup, - [data-bs-theme=light][data-skin=bordered] .swal2-container .swal2-popup { - box-shadow: none - } - - :root[data-skin=bordered] .apexcharts-canvas .apexcharts-tooltip, - [data-bs-theme=light][data-skin=bordered] .apexcharts-canvas .apexcharts-tooltip { - box-shadow: none - } - - :root[data-skin=bordered] .noUi-target .noUi-tooltip, - [data-bs-theme=light][data-skin=bordered] .noUi-target .noUi-tooltip { - box-shadow: none - } - - :root[data-skin=bordered] .ql-toolbar .ql-picker-options, - :root[data-skin=bordered] .ql-snow .ql-tooltip, - :root[data-skin=bordered] .flatpickr-calendar, - :root[data-skin=bordered] .daterangepicker, - :root[data-skin=bordered] .ui-timepicker-wrapper, - :root[data-skin=bordered] .pcr-app, - :root[data-skin=bordered] .bs-stepper:not(.wizard-modern), - :root[data-skin=bordered] .bs-stepper.wizard-modern .bs-stepper-content, - [data-bs-theme=light][data-skin=bordered] .ql-toolbar .ql-picker-options, - [data-bs-theme=light][data-skin=bordered] .ql-snow .ql-tooltip, - [data-bs-theme=light][data-skin=bordered] .flatpickr-calendar, - [data-bs-theme=light][data-skin=bordered] .daterangepicker, - [data-bs-theme=light][data-skin=bordered] .ui-timepicker-wrapper, - [data-bs-theme=light][data-skin=bordered] .pcr-app, - [data-bs-theme=light][data-skin=bordered] .bs-stepper:not(.wizard-modern), - [data-bs-theme=light][data-skin=bordered] .bs-stepper.wizard-modern .bs-stepper-content { - border-width: var(--bs-border-width); - border-style: var(--bs-border-style); - border-color: var(--bs-border-color); - box-shadow: none - } - - :root[data-skin=bordered] .dz-preview, - [data-bs-theme=light][data-skin=bordered] .dz-preview { - border-width: var(--bs-border-width); - box-shadow: none - } - - :root[data-skin=bordered] .app-kanban .kanban-wrapper .kanban-board .kanban-item, - [data-bs-theme=light][data-skin=bordered] .app-kanban .kanban-wrapper .kanban-board .kanban-item { - border: var(--bs-border-width) solid var(--bs-border-color); - box-shadow: none - } - - :root[data-skin=bordered] .select2-container, - [data-bs-theme=light][data-skin=bordered] .select2-container { - --bs-select-dropdown-border-width: 1px; - --bs-select-dropdown-box-shadow: none - } - - :root[data-skin=bordered] .authentication-wrapper .authentication-bg, - [data-bs-theme=light][data-skin=bordered] .authentication-wrapper .authentication-bg { - border-inline-start: 1px solid var(--bs-border-color) - } - - :root[data-skin=bordered] .twitter-typeahead .tt-menu, - [data-bs-theme=light][data-skin=bordered] .twitter-typeahead .tt-menu { - border-width: 1px; - box-shadow: none - } - - [data-bs-theme=dark] { - color-scheme: dark - } - - [data-bs-theme=dark][data-skin=bordered] { - --bs-navbar-border-color: #4e4f6c; - --bs-menu-box-shadow: 0 0 0 1px #4e4f6c; - --bs-nav-border-color: #4e4f6c - } - - [data-bs-theme=dark][data-skin=bordered] .accordion:not([class*=accordion-border-background-], [class*=accordion-border-solid-], [class*=accordion-solid-], [class*=accordion-outline-]) { - --bs-accordion-border-color: #4e4f6c - } - - b, - strong { - font-weight: 700 - } - - caption { - text-align: start - } - - dd { - margin-inline-start: 0 - } - - a { - color: var(--bs-custom-link-color) - } - - a:hover { - color: color-mix(in sRGB, var(--bs-custom-link-color) 80%, var(--bs-base-color)) - } - - a:not([href]), - a:not([href]):hover { - color: inherit; - text-decoration: none - } - - input:-webkit-autofill, - input:-webkit-autofill:hover, - input:-webkit-autofill:focus, - textarea:-webkit-autofill, - textarea:-webkit-autofill:hover, - textarea:-webkit-autofill:focus, - select:-webkit-autofill, - select:-webkit-autofill:hover, - select:-webkit-autofill:focus, - input:-internal-autofill-selected { - background-clip: text !important - } - - h1, - .h1 { - line-height: 4.25rem - } - - h2, - .h2 { - line-height: 3.5rem - } - - h3, - .h3 { - line-height: 2.625rem - } - - h4, - .h4 { - line-height: 2.375rem - } - - h5, - .h5 { - line-height: 1.75rem - } - - h6, - .h6 { - line-height: 1.375rem - } - - img[data-app-light-img][data-app-dark-img] { - visibility: visible - } - - .list-inline, - .list-unstyled { - padding-inline-start: 0 - } - - .list-inline-item:not(:last-child) { - margin-inline: 0 .5rem - } - - [data-bs-theme=dark] { - color-scheme: dark - } - - [data-bs-theme=dark] .blockquote-footer { - color: #a1a1b5 - } - - .ios .table tr>td .dropdown { - position: relative - } - - .table>:not(caption)>*>* { - background-clip: padding-box - } - - .table tr>td .dropdown { - position: static - } - - .table .btn-icon, - .table .btn:not([class*=btn-]) { - color: var(--bs-table-color) - } - - .table th { - color: var(--bs-heading-color); - font-size: .8125rem; - letter-spacing: .2px; - text-transform: uppercase - } - - .table:not(.table-borderless):not(.table-without-card, .dataTable) thead th { - border-block-start-width: var(--bs-border-width) - } - - .table.table-flush-spacing thead tr>td:first-child, - .table.table-flush-spacing tbody tr>td:first-child { - padding-inline-start: 0 - } - - .table.table-flush-spacing thead tr>td:last-child, - .table.table-flush-spacing tbody tr>td:last-child { - padding-inline-end: 0 - } - - .card .table { - margin-block-end: 0 - } - - .table.table-dark, - .table .table-dark { - border-color: #4e4f6c - } - - .table.table-dark th, - .table .table-dark th { - --bs-heading-color: #fff - } - - .table.table-light, - .table .table-light { - border-color: var(--bs-border-color) - } - - .table.table-light th, - .table .table-light th { - --bs-heading-color: var(--bs-heading-color) - } - - .table caption { - padding-block: .782rem; - padding-inline: 1.25rem - } - - .table thead tr th { - padding-block: 1.161rem - } - - .table.table-borderless:not(.table-sm)>:not(thead)>*>* { - padding-block: .8133rem - } - - .table.table-borderless:not(.table-sm)>thead>*>* { - padding-block: 1.1923rem - } - - .table-border-bottom-0 tr:last-child td { - border-block-end-width: 0 - } - - .table-border-top-0 tr:first-child td, - .table-border-top-0 tr:first-child th { - border-block-start-width: 0 !important - } - - [data-bs-theme=dark] .table { - --bs-table-hover-bg: rgba(var(--bs-body-bg-rgb), 0.75); - --bs-table-active-bg: rgba(var(--bs-body-bg-rgb), 0.75) - } - - .table-primary { - --bs-table-bg: rgba(var(--bs-primary-rgb), .2); - --bs-table-hover-bg: color-mix(in sRGB, var(--bs-body-bg) 46%, var(--bs-table-bg)); - --bs-table-border-color: color-mix(in sRGB, var(--bs-table-bg) 98%, var(--bs-table-color)); - --bs-table-active-bg: color-mix(in sRGB, var(--bs-body-bg) 32.5%, var(--bs-table-bg)) - } - - .table-secondary { - --bs-table-bg: rgba(var(--bs-secondary-rgb), .2); - --bs-table-hover-bg: color-mix(in sRGB, var(--bs-body-bg) 46%, var(--bs-table-bg)); - --bs-table-border-color: color-mix(in sRGB, var(--bs-table-bg) 98%, var(--bs-table-color)); - --bs-table-active-bg: color-mix(in sRGB, var(--bs-body-bg) 32.5%, var(--bs-table-bg)) - } - - .table-success { - --bs-table-bg: rgba(var(--bs-success-rgb), .2); - --bs-table-hover-bg: color-mix(in sRGB, var(--bs-body-bg) 46%, var(--bs-table-bg)); - --bs-table-border-color: color-mix(in sRGB, var(--bs-table-bg) 98%, var(--bs-table-color)); - --bs-table-active-bg: color-mix(in sRGB, var(--bs-body-bg) 32.5%, var(--bs-table-bg)) - } - - .table-info { - --bs-table-bg: rgba(var(--bs-info-rgb), .2); - --bs-table-hover-bg: color-mix(in sRGB, var(--bs-body-bg) 46%, var(--bs-table-bg)); - --bs-table-border-color: color-mix(in sRGB, var(--bs-table-bg) 98%, var(--bs-table-color)); - --bs-table-active-bg: color-mix(in sRGB, var(--bs-body-bg) 32.5%, var(--bs-table-bg)) - } - - .table-warning { - --bs-table-bg: rgba(var(--bs-warning-rgb), .2); - --bs-table-hover-bg: color-mix(in sRGB, var(--bs-body-bg) 46%, var(--bs-table-bg)); - --bs-table-border-color: color-mix(in sRGB, var(--bs-table-bg) 98%, var(--bs-table-color)); - --bs-table-active-bg: color-mix(in sRGB, var(--bs-body-bg) 32.5%, var(--bs-table-bg)) - } - - .table-danger { - --bs-table-bg: rgba(var(--bs-danger-rgb), .2); - --bs-table-hover-bg: color-mix(in sRGB, var(--bs-body-bg) 46%, var(--bs-table-bg)); - --bs-table-border-color: color-mix(in sRGB, var(--bs-table-bg) 98%, var(--bs-table-color)); - --bs-table-active-bg: color-mix(in sRGB, var(--bs-body-bg) 32.5%, var(--bs-table-bg)) - } - - .table-light { - --bs-table-bg: rgba(var(--bs-light-rgb), .2); - --bs-table-hover-bg: color-mix(in sRGB, var(--bs-body-bg) 46%, var(--bs-table-bg)); - --bs-table-border-color: color-mix(in sRGB, var(--bs-table-bg) 98%, var(--bs-table-color)); - --bs-table-active-bg: color-mix(in sRGB, var(--bs-body-bg) 32.5%, var(--bs-table-bg)); - --bs-table-bg: var(--bs-light); - --bs-table-hover-bg: color-mix(in sRGB, var(--bs-table-color) 3.5%, var(--bs-table-bg)); - --bs-table-active-bg: color-mix(in sRGB, var(--bs-table-color) 4%, var(--bs-table-bg)) - } - - .table-dark { - --bs-table-bg: rgba(var(--bs-dark-rgb), .2); - --bs-table-hover-bg: color-mix(in sRGB, var(--bs-body-bg) 46%, var(--bs-table-bg)); - --bs-table-border-color: color-mix(in sRGB, var(--bs-table-bg) 98%, var(--bs-table-color)); - --bs-table-active-bg: color-mix(in sRGB, var(--bs-body-bg) 32.5%, var(--bs-table-bg)); - --bs-table-bg: var(--bs-dark); - --bs-table-hover-bg: color-mix(in sRGB, var(--bs-table-color) 3.5%, var(--bs-table-bg)); - --bs-table-active-bg: color-mix(in sRGB, var(--bs-table-color) 4%, var(--bs-table-bg)) - } - - .table-gray { - --bs-table-bg: rgba(var(--bs-gray-rgb), .2); - --bs-table-hover-bg: color-mix(in sRGB, var(--bs-body-bg) 46%, var(--bs-table-bg)); - --bs-table-border-color: color-mix(in sRGB, var(--bs-table-bg) 98%, var(--bs-table-color)); - --bs-table-active-bg: color-mix(in sRGB, var(--bs-body-bg) 32.5%, var(--bs-table-bg)) - } - - [data-bs-theme=dark] .table-primary { - --bs-table-color: var(--bs-primary-contrast); - --bs-table-hover-color: var(--bs-table-color); - --bs-table-striped-color: var(--bs-table-color); - --bs-table-active-color: var(--bs-table-color) - } - - [data-bs-theme=dark] .table-secondary { - --bs-table-color: var(--bs-secondary-contrast); - --bs-table-hover-color: var(--bs-table-color); - --bs-table-striped-color: var(--bs-table-color); - --bs-table-active-color: var(--bs-table-color) - } - - [data-bs-theme=dark] .table-success { - --bs-table-color: var(--bs-success-contrast); - --bs-table-hover-color: var(--bs-table-color); - --bs-table-striped-color: var(--bs-table-color); - --bs-table-active-color: var(--bs-table-color) - } - - [data-bs-theme=dark] .table-info { - --bs-table-color: var(--bs-info-contrast); - --bs-table-hover-color: var(--bs-table-color); - --bs-table-striped-color: var(--bs-table-color); - --bs-table-active-color: var(--bs-table-color) - } - - [data-bs-theme=dark] .table-warning { - --bs-table-color: var(--bs-warning-contrast); - --bs-table-hover-color: var(--bs-table-color); - --bs-table-striped-color: var(--bs-table-color); - --bs-table-active-color: var(--bs-table-color) - } - - [data-bs-theme=dark] .table-danger { - --bs-table-color: var(--bs-danger-contrast); - --bs-table-hover-color: var(--bs-table-color); - --bs-table-striped-color: var(--bs-table-color); - --bs-table-active-color: var(--bs-table-color) - } - - [data-bs-theme=dark] .table-light { - --bs-table-color: var(--bs-light-contrast); - --bs-table-hover-color: var(--bs-table-color); - --bs-table-striped-color: var(--bs-table-color); - --bs-table-active-color: var(--bs-table-color) - } - - [data-bs-theme=dark] .table-dark { - --bs-table-color: var(--bs-dark-contrast); - --bs-table-hover-color: var(--bs-table-color); - --bs-table-striped-color: var(--bs-table-color); - --bs-table-active-color: var(--bs-table-color) - } - - [data-bs-theme=dark] .table-gray { - --bs-table-color: var(--bs-gray-contrast); - --bs-table-hover-color: var(--bs-table-color); - --bs-table-striped-color: var(--bs-table-color); - --bs-table-active-color: var(--bs-table-color) - } - - .col-form-label { - white-space: nowrap - } - - .form-label-lg { - font-size: 1.0625rem - } - - .form-label-sm { - font-size: 0.8125rem - } - - .form-control { - --bs-input-border-color: color-mix(in sRGB, var(--bs-base-color) 22%, var(--bs-paper-bg)); - --bs-input-disabled-border-color: rgba(var(--bs-base-color-rgb), 0.24); - border-color: var(--bs-input-border-color); - padding-block: calc(.543rem - var(--bs-border-width)); - padding-inline: calc(.9375rem - var(--bs-border-width)) - } - - .form-control::placeholder, - .form-control:focus::placeholder { - transition: all ease .2s - } - - @media(prefers-reduced-motion: reduce) { - - .form-control::placeholder, - .form-control:focus::placeholder { - transition: none - } - } - - .needs-validation:not(.was-validated) .form-control:hover:not(:focus):not(:disabled):not(.tagify--focus) { - border-color: var(--bs-gray-600) - } - - .form-control:disabled { - border-color: var(--bs-input-disabled-border-color) - } - - .input-group .form-control[type=number] { - line-height: 1.375rem; - min-block-size: 2.375rem - } - - .input-group-lg .form-control[type=number] { - line-height: 1.5rem; - min-block-size: 3rem - } - - .input-group-sm .form-control[type=number] { - min-block-size: 1.875rem - } - - .form-control:not([readonly]):focus::placeholder { - transform: translateX(5px) - } - - :dir(rtl) .form-control:not([readonly]):focus::placeholder { - transform: translateX(-5px) - } - - .form-control:focus, - .was-validated .form-control:invalid, - .was-validated .form-control:valid, - .form-control.is-invalid, - .form-control.is-valid { - border-width: 2px; - padding-block: calc(.543rem - 2px); - padding-inline: calc(.9375rem - 2px) - } - - .form-control:focus::file-selector-button, - .was-validated .form-control:invalid::file-selector-button, - .was-validated .form-control:valid::file-selector-button, - .form-control.is-invalid::file-selector-button, - .form-control.is-valid::file-selector-button { - box-shadow: var(--bs-border-width) 0 0 var(--bs-primary) - } - - .form-control.form-control-lg { - padding-block: calc(.7075rem - var(--bs-border-width)); - padding-inline: calc(1.3125rem - var(--bs-border-width)) - } - - .form-control.form-control-lg:focus, - .was-validated .form-control.form-control-lg:invalid, - .was-validated .form-control.form-control-lg:valid, - .form-control.form-control-lg.is-invalid, - .form-control.form-control-lg.is-valid { - padding-block: calc(.7075rem - 2px); - padding-inline: calc(1.3125rem - 2px) - } - - .form-control.form-control-lg::file-selector-button { - margin-block: -0.77rem; - padding-block: .77rem - } - - .form-control.form-control-sm { - padding-block: calc(.3165rem - var(--bs-border-width)); - padding-inline: calc(.8125rem - var(--bs-border-width)) - } - - .form-control.form-control-sm:focus, - .was-validated .form-control.form-control-sm:invalid, - .was-validated .form-control.form-control-sm:valid, - .form-control.form-control-sm.is-invalid, - .form-control.form-control-sm.is-valid { - padding-block: calc(.3165rem - 2px); - padding-inline: calc(.8125rem - 2px) - } - - .form-control.form-control-sm::file-selector-button { - margin-block: -0.379rem; - padding-block: .379rem - } - - .form-control.autosize { - field-sizing: content; - min-block-size: 4.9375rem; - overflow-x: hidden; - resize: none - } - - :dir(rtl) input[type=tel] { - text-align: end - } - - [data-bs-theme=dark] .form-control { - --bs-input-border-color: color-mix(in srgb, #e6e6f1 22%, #393a5a); - --bs-input-disabled-border-color: rgba(230, 230, 241, 0.23) - } - - .form-select { - --bs-form-select-border-color: color-mix(in sRGB, var(--bs-base-color) 22%, var(--bs-paper-bg)); - border-color: var(--bs-form-select-border-color); - background-clip: padding-box; - padding-block: calc(.543rem - var(--bs-border-width)); - padding-inline-end: calc(2.625rem - var(--bs-border-width)); - padding-inline-start: calc(.9375rem - var(--bs-border-width)) - } - - .form-select optgroup, - .form-select option { - background-color: var(--bs-paper-bg) - } - - .form-select[multiple], - .form-select[size]:not([size="1"]) { - padding-inline-end: .9375rem - } - - .form-select:hover:not(:focus):not(:disabled) { - border-color: var(--bs-gray-600) - } - - .form-select:disabled { - background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 22" fill="none"%3e%3cpath d="M10.9999 12.0743L15.5374 7.53676L16.8336 8.83292L10.9999 14.6666L5.16626 8.83292L6.46243 7.53676L10.9999 12.0743Z" fill="%23a7acb2" fill-opacity="0.9"/%3e%3c/svg%3e') - } - - .form-select:focus, - .form-select:focus-within, - .was-validated .form-select:invalid, - .was-validated .form-select:valid, - .form-select.is-invalid, - .form-select.is-valid { - border-width: 2px; - background-position: right calc(.9375rem - 1px) center; - padding-block: calc(.543rem - 2px); - padding-inline-end: calc(2.625rem - 2px); - padding-inline-start: calc(.9375rem - 2px) - } - - .form-select.form-select-lg { - background-size: 24px 24px; - min-block-size: calc(1.375em + 1.415rem + calc(var(--bs-border-width) * 2)); - padding-block: calc(.7075rem - var(--bs-border-width)); - padding-inline-start: calc(1.3125rem - var(--bs-border-width)) - } - - .form-select.form-select-lg:focus, - .was-validated .form-select.form-select-lg:invalid, - .was-validated .form-select.form-select-lg:valid, - .form-select.form-select-lg.is-invalid, - .form-select.form-select-lg.is-valid { - padding-block: calc(.7075rem - 2px); - padding-inline-start: calc(1.3125rem - 2px) - } - - .form-select.form-select-sm { - background-size: 20px 20px; - min-block-size: calc(1.375em + 0.633rem + calc(var(--bs-border-width) * 2)); - padding-block: calc(.3165rem - var(--bs-border-width)); - padding-inline-start: calc(.8125rem - var(--bs-border-width)) - } - - .form-select.form-select-sm:focus, - .was-validated .form-select.form-select-sm:invalid, - .was-validated .form-select.form-select-sm:valid, - .form-select.form-select-sm.is-invalid, - .form-select.form-select-sm.is-valid { - padding-block: calc(.3165rem - 2px); - padding-inline-start: calc(.8125rem - 2px) - } - - .form-select[multiple]:focus { - padding-inline-end: .875rem !important - } - - :dir(rtl) .form-select { - background-position: left .9375rem center - } - - :dir(rtl) .form-select:focus, - .was-validated :dir(rtl) .form-select:invalid, - .was-validated :dir(rtl) .form-select:valid, - :dir(rtl) .form-select.is-invalid, - :dir(rtl) .form-select.is-valid { - background-position: left calc(.9375rem - 1px) center - } - - [data-bs-theme=dark] .form-select { - --bs-form-select-border-color: color-mix(in srgb, #e6e6f1 22%, #393a5a) - } - - [data-bs-theme=dark] .form-select:disabled { - background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 22" fill="none"%3e%3cpath d="M10.9999 12.0743L15.5374 7.53676L16.8336 8.83292L10.9999 14.6666L5.16626 8.83292L6.46243 7.53676L10.9999 12.0743Z" fill="%237e7f96" fill-opacity="0.9"/%3e%3c/svg%3e') - } - - .form-check { - position: relative; - padding-inline: 1.8em 0 - } - - .form-check .form-check-input { - float: inline-start; - margin-inline-start: -1.8em - } - - .form-check.form-check-reverse { - padding-inline: 0 1.8em - } - - .form-check.form-check-reverse .form-check-input { - float: inline-end; - margin-inline-end: -1.8em - } - - .form-check-input { - --bs-form-check-input-checked-bg: var(--bs-primary); - --bs-form-check-input-checked-border-color: var(--bs-primary); - --bs-form-check-shadow-color: var(--bs-primary-rgb); - --bs-form-check-box-shadow: 0 .125rem .25rem 0 rgba(var(--bs-form-check-shadow-color), .4); - cursor: pointer - } - - .form-check-input:disabled { - --bs-form-check-bg: var(--bs-gray-300); - border-color: var(--bs-gray-300) - } - - .form-check-input:checked { - border-color: var(--bs-form-check-input-checked-border-color); - background-color: var(--bs-form-check-input-checked-bg); - box-shadow: var(--bs-form-check-box-shadow) - } - - .form-check-input[type=checkbox]:indeterminate { - border-color: var(--bs-form-check-input-checked-border-color); - background-color: var(--bs-form-check-input-checked-bg); - box-shadow: var(--bs-form-check-box-shadow) - } - - .form-check-input:active { - filter: none - } - - .form-check:not(.form-switch) .form-check-input[type=radio], - .dt-checkboxes-cell .form-check-input[type=radio] { - background-size: 1.3125rem - } - - .form-check:not(.form-switch) .form-check-input[type=radio]:not(:checked), - .dt-checkboxes-cell .form-check-input[type=radio]:not(:checked) { - background-size: .75rem - } - - .form-check-inline { - margin-inline: 0 1rem - } - - .form-switch { - padding-inline-start: 2.667em - } - - .form-switch .form-check-input { - border: 0; - margin-inline-start: -2.667em - } - - :dir(rtl) .form-switch .form-check-input { - background-position: right center - } - - :dir(rtl) .form-switch .form-check-input:checked { - background-position: 4% center - } - - .form-switch .form-check-input:not(:checked) { - background-color: var(--bs-gray-100); - box-shadow: 0 0 .25rem 0 rgba(34, 48, 62, .16) inset - } - - .form-switch.form-check-reverse { - padding-inline-end: 2.667em - } - - .form-switch.form-check-reverse .form-check-input { - margin-inline-end: -2.667em - } - - .form-check-primary .form-check-input { - --bs-form-check-input-checked-bg: var(--bs-primary); - --bs-form-check-input-checked-border-color: var(--bs-primary); - --bs-form-check-shadow-color: var(--bs-primary-rgb) - } - - .form-check-secondary .form-check-input { - --bs-form-check-input-checked-bg: var(--bs-secondary); - --bs-form-check-input-checked-border-color: var(--bs-secondary); - --bs-form-check-shadow-color: var(--bs-secondary-rgb) - } - - .form-check-success .form-check-input { - --bs-form-check-input-checked-bg: var(--bs-success); - --bs-form-check-input-checked-border-color: var(--bs-success); - --bs-form-check-shadow-color: var(--bs-success-rgb) - } - - .form-check-info .form-check-input { - --bs-form-check-input-checked-bg: var(--bs-info); - --bs-form-check-input-checked-border-color: var(--bs-info); - --bs-form-check-shadow-color: var(--bs-info-rgb) - } - - .form-check-warning .form-check-input { - --bs-form-check-input-checked-bg: var(--bs-warning); - --bs-form-check-input-checked-border-color: var(--bs-warning); - --bs-form-check-shadow-color: var(--bs-warning-rgb) - } - - .form-check-danger .form-check-input { - --bs-form-check-input-checked-bg: var(--bs-danger); - --bs-form-check-input-checked-border-color: var(--bs-danger); - --bs-form-check-shadow-color: var(--bs-danger-rgb) - } - - .form-check-light .form-check-input { - --bs-form-check-input-checked-bg: var(--bs-light); - --bs-form-check-input-checked-border-color: var(--bs-light); - --bs-form-check-shadow-color: var(--bs-light-rgb) - } - - .form-check-dark .form-check-input { - --bs-form-check-input-checked-bg: var(--bs-dark); - --bs-form-check-input-checked-border-color: var(--bs-dark); - --bs-form-check-shadow-color: var(--bs-dark-rgb) - } - - .form-check-gray .form-check-input { - --bs-form-check-input-checked-bg: var(--bs-gray); - --bs-form-check-input-checked-border-color: var(--bs-gray); - --bs-form-check-shadow-color: var(--bs-gray-rgb) - } - - .form-check-facebook .form-check-input { - --bs-form-check-input-checked-bg: var(--bs-facebook); - --bs-form-check-input-checked-border-color: var(--bs-facebook); - --bs-form-check-shadow-color: var(--bs-facebook-rgb) - } - - .form-check-twitter .form-check-input { - --bs-form-check-input-checked-bg: var(--bs-twitter); - --bs-form-check-input-checked-border-color: var(--bs-twitter); - --bs-form-check-shadow-color: var(--bs-twitter-rgb) - } - - .form-check-google-plus .form-check-input { - --bs-form-check-input-checked-bg: var(--bs-google-plus); - --bs-form-check-input-checked-border-color: var(--bs-google-plus); - --bs-form-check-shadow-color: var(--bs-google-plus-rgb) - } - - .form-check-instagram .form-check-input { - --bs-form-check-input-checked-bg: var(--bs-instagram); - --bs-form-check-input-checked-border-color: var(--bs-instagram); - --bs-form-check-shadow-color: var(--bs-instagram-rgb) - } - - .form-check-linkedin .form-check-input { - --bs-form-check-input-checked-bg: var(--bs-linkedin); - --bs-form-check-input-checked-border-color: var(--bs-linkedin); - --bs-form-check-shadow-color: var(--bs-linkedin-rgb) - } - - .form-check-github .form-check-input { - --bs-form-check-input-checked-bg: var(--bs-github); - --bs-form-check-input-checked-border-color: var(--bs-github); - --bs-form-check-shadow-color: var(--bs-github-rgb) - } - - .form-check-dribbble .form-check-input { - --bs-form-check-input-checked-bg: var(--bs-dribbble); - --bs-form-check-input-checked-border-color: var(--bs-dribbble); - --bs-form-check-shadow-color: var(--bs-dribbble-rgb) - } - - .form-check-pinterest .form-check-input { - --bs-form-check-input-checked-bg: var(--bs-pinterest); - --bs-form-check-input-checked-border-color: var(--bs-pinterest); - --bs-form-check-shadow-color: var(--bs-pinterest-rgb) - } - - .form-check-slack .form-check-input { - --bs-form-check-input-checked-bg: var(--bs-slack); - --bs-form-check-input-checked-border-color: var(--bs-slack); - --bs-form-check-shadow-color: var(--bs-slack-rgb) - } - - .form-check-reddit .form-check-input { - --bs-form-check-input-checked-bg: var(--bs-reddit); - --bs-form-check-input-checked-border-color: var(--bs-reddit); - --bs-form-check-shadow-color: var(--bs-reddit-rgb) - } - - .form-check-youtube .form-check-input { - --bs-form-check-input-checked-bg: var(--bs-youtube); - --bs-form-check-input-checked-border-color: var(--bs-youtube); - --bs-form-check-shadow-color: var(--bs-youtube-rgb) - } - - .form-check-vimeo .form-check-input { - --bs-form-check-input-checked-bg: var(--bs-vimeo); - --bs-form-check-input-checked-border-color: var(--bs-vimeo); - --bs-form-check-shadow-color: var(--bs-vimeo-rgb) - } - - .form-range::-webkit-slider-thumb { - box-shadow: 0 .112rem .375rem 0 rgba(var(--bs-base-color-rgb), 0.08); - transform-origin: center; - transition: transform .2s, box-shadow .2s ease - } - - @media(prefers-reduced-motion: reduce) { - .form-range::-webkit-slider-thumb { - transition: none - } - } - - .form-range::-webkit-slider-thumb:hover { - box-shadow: 0 0 0 .5rem rgba(var(--bs-primary-rgb), 0.16) - } - - .form-range::-webkit-slider-thumb:active, - .form-range::-webkit-slider-thumb:focus { - box-shadow: 0 0 0 .8125rem rgba(var(--bs-primary-rgb), 0.16) - } - - .form-range::-webkit-slider-runnable-track { - background-color: var(--bs-primary) - } - - .form-range::-moz-range-thumb { - box-shadow: 0 .112rem .375rem 0 rgba(var(--bs-base-color-rgb), 0.08); - transform-origin: center; - transition: transform .2s, box-shadow .2s ease - } - - @media(prefers-reduced-motion: reduce) { - .form-range::-moz-range-thumb { - transition: none - } - } - - .form-range::-moz-range-thumb:hover { - box-shadow: 0 0 0 .5rem rgba(var(--bs-primary-rgb), 0.16) - } - - .form-range::-moz-range-thumb:active, - .form-range::-moz-range-thumb:focus { - box-shadow: 0 0 0 .8125rem rgba(var(--bs-primary-rgb), 0.16) - } - - .form-range::-moz-range-track { - background-color: var(--bs-primary) - } - - .form-range:disabled::-webkit-slider-runnable-track { - background-color: var(--bs-gray-100) - } - - .form-range:disabled::-moz-range-track { - background-color: var(--bs-gray-100) - } - - .form-range:disabled::-webkit-slider-thumb { - border-color: var(--bs-gray-300); - box-shadow: none - } - - .form-range:disabled::-moz-range-thumb { - border-color: var(--bs-gray-300); - box-shadow: none - } - - .input-group { - --bs-input-group-addon-border-color: color-mix(in sRGB, var(--bs-base-color) 22%, var(--bs-paper-bg)); - --bs-input-group-disabled-border-color: rgba(var(--bs-base-color-rgb), 0.24); - border-radius: var(--bs-border-radius) - } - - .input-group:has(.form-check-input):not(:has(.dropdown-toggle)) { - z-index: 1 - } - - .input-group:has(.form-check-input):not(:has(.dropdown-toggle))::before { - z-index: -1 - } - - .input-group .input-group-text { - border-color: var(--bs-input-group-addon-border-color); - transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out - } - - @media(prefers-reduced-motion: reduce) { - .input-group .input-group-text { - transition: none - } - } - - .input-group .flatpickr-wrapper { - flex: 1 1 auto; - inline-size: 1%; - min-inline-size: 0 - } - - .input-group>.flatpickr-wrapper:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) .flatpickr-input { - border-end-start-radius: 0; - border-start-start-radius: 0 - } - - .input-group .form-control:focus, - .input-group .form-control:focus-within, - .input-group .form-select:focus, - .input-group .form-select:focus-within, - .input-group .input-group-text:focus, - .input-group .input-group-text:focus-within { - border-width: var(--bs-border-width) - } - - .input-group .form-control, - .input-group .form-control:focus, - .input-group .form-control:focus-within, - .was-validated .input-group .form-control:invalid, - .was-validated .input-group .form-control:valid, - .input-group .form-control.is-invalid, - .input-group .form-control.is-valid, - .input-group .input-group-text, - .input-group .input-group-text:focus, - .input-group .input-group-text:focus-within, - .was-validated .input-group .input-group-text:invalid, - .was-validated .input-group .input-group-text:valid, - .input-group .input-group-text.is-invalid, - .input-group .input-group-text.is-valid, - .was-validated .input-group:has(:invalid) .form-control, - .was-validated .input-group:has(:invalid) .form-control:focus, - .was-validated .input-group:has(:invalid) .form-control:focus-within, - .was-validated .was-validated .input-group:has(:invalid) .form-control:invalid, - .was-validated .was-validated .input-group:has(:invalid) .form-control:valid, - .was-validated .input-group:has(:invalid) .form-control.is-invalid, - .was-validated .input-group:has(:invalid) .form-control.is-valid, - .was-validated .input-group:has(:invalid) .input-group-text, - .was-validated .input-group:has(:invalid) .input-group-text:focus, - .was-validated .input-group:has(:invalid) .input-group-text:focus-within, - .was-validated .was-validated .input-group:has(:invalid) .input-group-text:invalid, - .was-validated .was-validated .input-group:has(:invalid) .input-group-text:valid, - .was-validated .input-group:has(:invalid) .input-group-text.is-invalid, - .was-validated .input-group:has(:invalid) .input-group-text.is-valid, - .was-validated .input-group:has(:valid) .form-control, - .was-validated .input-group:has(:valid) .form-control:focus, - .was-validated .input-group:has(:valid) .form-control:focus-within, - .was-validated .was-validated .input-group:has(:valid) .form-control:invalid, - .was-validated .was-validated .input-group:has(:valid) .form-control:valid, - .was-validated .input-group:has(:valid) .form-control.is-invalid, - .was-validated .input-group:has(:valid) .form-control.is-valid, - .was-validated .input-group:has(:valid) .input-group-text, - .was-validated .input-group:has(:valid) .input-group-text:focus, - .was-validated .input-group:has(:valid) .input-group-text:focus-within, - .was-validated .was-validated .input-group:has(:valid) .input-group-text:invalid, - .was-validated .was-validated .input-group:has(:valid) .input-group-text:valid, - .was-validated .input-group:has(:valid) .input-group-text.is-invalid, - .was-validated .input-group:has(:valid) .input-group-text.is-valid { - padding-block: calc(.543rem - var(--bs-border-width)); - padding-inline: calc(.9375rem - var(--bs-border-width)) - } - - .input-group .form-select, - .input-group .form-select:focus, - .input-group .form-select:focus-within, - .was-validated .input-group .form-select:invalid, - .was-validated .input-group .form-select:valid, - .input-group .form-select.is-invalid, - .input-group .form-select.is-valid, - .was-validated .input-group:has(:invalid) .form-select, - .was-validated .input-group:has(:invalid) .form-select:focus, - .was-validated .input-group:has(:invalid) .form-select:focus-within, - .was-validated .was-validated .input-group:has(:invalid) .form-select:invalid, - .was-validated .was-validated .input-group:has(:invalid) .form-select:valid, - .was-validated .input-group:has(:invalid) .form-select.is-invalid, - .was-validated .input-group:has(:invalid) .form-select.is-valid, - .was-validated .input-group:has(:valid) .form-select, - .was-validated .input-group:has(:valid) .form-select:focus, - .was-validated .input-group:has(:valid) .form-select:focus-within, - .was-validated .was-validated .input-group:has(:valid) .form-select:invalid, - .was-validated .was-validated .input-group:has(:valid) .form-select:valid, - .was-validated .input-group:has(:valid) .form-select.is-invalid, - .was-validated .input-group:has(:valid) .form-select.is-valid { - background-position: right .9375rem center; - padding-block: calc(.543rem - var(--bs-border-width)); - padding-inline-end: calc(2.625rem - var(--bs-border-width)); - padding-inline-start: calc(.9375rem - var(--bs-border-width)) - } - - :dir(rtl) .input-group .form-select, - :dir(rtl) .input-group .form-select:focus, - :dir(rtl) .input-group .form-select:focus-within, - :dir(rtl) .was-validated .input-group .form-select:invalid, - :dir(rtl) .was-validated .input-group .form-select:valid, - :dir(rtl) .input-group .form-select.is-invalid, - :dir(rtl) .input-group .form-select.is-valid, - :dir(rtl) .was-validated .input-group:has(:invalid) .form-select, - :dir(rtl) .was-validated .input-group:has(:invalid) .form-select:focus, - :dir(rtl) .was-validated .input-group:has(:invalid) .form-select:focus-within, - :dir(rtl) .was-validated .was-validated .input-group:has(:invalid) .form-select:invalid, - :dir(rtl) .was-validated .was-validated .input-group:has(:invalid) .form-select:valid, - :dir(rtl) .was-validated .input-group:has(:invalid) .form-select.is-invalid, - :dir(rtl) .was-validated .input-group:has(:invalid) .form-select.is-valid, - :dir(rtl) .was-validated .input-group:has(:valid) .form-select, - :dir(rtl) .was-validated .input-group:has(:valid) .form-select:focus, - :dir(rtl) .was-validated .input-group:has(:valid) .form-select:focus-within, - :dir(rtl) .was-validated .was-validated .input-group:has(:valid) .form-select:invalid, - :dir(rtl) .was-validated .was-validated .input-group:has(:valid) .form-select:valid, - :dir(rtl) .was-validated .input-group:has(:valid) .form-select.is-invalid, - :dir(rtl) .was-validated .input-group:has(:valid) .form-select.is-valid { - background-position: left .9375rem center - } - - .input-group.input-group-sm .form-control, - .input-group.input-group-sm .form-control:focus, - .input-group.input-group-sm .form-control:focus-within, - .was-validated .input-group.input-group-sm .form-control:invalid, - .was-validated .input-group.input-group-sm .form-control:valid, - .input-group.input-group-sm .form-control.is-invalid, - .input-group.input-group-sm .form-control.is-valid, - .input-group.input-group-sm .input-group-text, - .input-group.input-group-sm .input-group-text:focus, - .input-group.input-group-sm .input-group-text:focus-within, - .was-validated .input-group.input-group-sm .input-group-text:invalid, - .was-validated .input-group.input-group-sm .input-group-text:valid, - .input-group.input-group-sm .input-group-text.is-invalid, - .input-group.input-group-sm .input-group-text.is-valid, - .was-validated .input-group.input-group-sm:has(:invalid) .form-control, - .was-validated .input-group.input-group-sm:has(:invalid) .form-control:focus, - .was-validated .input-group.input-group-sm:has(:invalid) .form-control:focus-within, - .was-validated .was-validated .input-group.input-group-sm:has(:invalid) .form-control:invalid, - .was-validated .was-validated .input-group.input-group-sm:has(:invalid) .form-control:valid, - .was-validated .input-group.input-group-sm:has(:invalid) .form-control.is-invalid, - .was-validated .input-group.input-group-sm:has(:invalid) .form-control.is-valid, - .was-validated .input-group.input-group-sm:has(:invalid) .input-group-text, - .was-validated .input-group.input-group-sm:has(:invalid) .input-group-text:focus, - .was-validated .input-group.input-group-sm:has(:invalid) .input-group-text:focus-within, - .was-validated .was-validated .input-group.input-group-sm:has(:invalid) .input-group-text:invalid, - .was-validated .was-validated .input-group.input-group-sm:has(:invalid) .input-group-text:valid, - .was-validated .input-group.input-group-sm:has(:invalid) .input-group-text.is-invalid, - .was-validated .input-group.input-group-sm:has(:invalid) .input-group-text.is-valid, - .was-validated .input-group.input-group-sm:has(:valid) .form-control, - .was-validated .input-group.input-group-sm:has(:valid) .form-control:focus, - .was-validated .input-group.input-group-sm:has(:valid) .form-control:focus-within, - .was-validated .was-validated .input-group.input-group-sm:has(:valid) .form-control:invalid, - .was-validated .was-validated .input-group.input-group-sm:has(:valid) .form-control:valid, - .was-validated .input-group.input-group-sm:has(:valid) .form-control.is-invalid, - .was-validated .input-group.input-group-sm:has(:valid) .form-control.is-valid, - .was-validated .input-group.input-group-sm:has(:valid) .input-group-text, - .was-validated .input-group.input-group-sm:has(:valid) .input-group-text:focus, - .was-validated .input-group.input-group-sm:has(:valid) .input-group-text:focus-within, - .was-validated .was-validated .input-group.input-group-sm:has(:valid) .input-group-text:invalid, - .was-validated .was-validated .input-group.input-group-sm:has(:valid) .input-group-text:valid, - .was-validated .input-group.input-group-sm:has(:valid) .input-group-text.is-invalid, - .was-validated .input-group.input-group-sm:has(:valid) .input-group-text.is-valid { - padding-block: .3165rem; - padding-inline: .8125rem - } - - .input-group.input-group-sm .form-select, - .input-group.input-group-sm .form-select:focus, - .input-group.input-group-sm .form-select:focus-within, - .was-validated .input-group.input-group-sm .form-select:invalid, - .was-validated .input-group.input-group-sm .form-select:valid, - .input-group.input-group-sm .form-select.is-invalid, - .input-group.input-group-sm .form-select.is-valid, - .was-validated .input-group.input-group-sm:has(:invalid) .form-select, - .was-validated .input-group.input-group-sm:has(:invalid) .form-select:focus, - .was-validated .input-group.input-group-sm:has(:invalid) .form-select:focus-within, - .was-validated .was-validated .input-group.input-group-sm:has(:invalid) .form-select:invalid, - .was-validated .was-validated .input-group.input-group-sm:has(:invalid) .form-select:valid, - .was-validated .input-group.input-group-sm:has(:invalid) .form-select.is-invalid, - .was-validated .input-group.input-group-sm:has(:invalid) .form-select.is-valid, - .was-validated .input-group.input-group-sm:has(:valid) .form-select, - .was-validated .input-group.input-group-sm:has(:valid) .form-select:focus, - .was-validated .input-group.input-group-sm:has(:valid) .form-select:focus-within, - .was-validated .was-validated .input-group.input-group-sm:has(:valid) .form-select:invalid, - .was-validated .was-validated .input-group.input-group-sm:has(:valid) .form-select:valid, - .was-validated .input-group.input-group-sm:has(:valid) .form-select.is-invalid, - .was-validated .input-group.input-group-sm:has(:valid) .form-select.is-valid { - background-position: right .8125rem center; - padding-block: .3165rem; - padding-inline: .8125rem; - padding-inline-start: calc(.8125rem - var(--bs-border-width)) - } - - :dir(rtl) .input-group.input-group-sm .form-select, - :dir(rtl) .input-group.input-group-sm .form-select:focus, - :dir(rtl) .input-group.input-group-sm .form-select:focus-within, - :dir(rtl) .was-validated .input-group.input-group-sm .form-select:invalid, - :dir(rtl) .was-validated .input-group.input-group-sm .form-select:valid, - :dir(rtl) .input-group.input-group-sm .form-select.is-invalid, - :dir(rtl) .input-group.input-group-sm .form-select.is-valid, - :dir(rtl) .was-validated .input-group.input-group-sm:has(:invalid) .form-select, - :dir(rtl) .was-validated .input-group.input-group-sm:has(:invalid) .form-select:focus, - :dir(rtl) .was-validated .input-group.input-group-sm:has(:invalid) .form-select:focus-within, - :dir(rtl) .was-validated .was-validated .input-group.input-group-sm:has(:invalid) .form-select:invalid, - :dir(rtl) .was-validated .was-validated .input-group.input-group-sm:has(:invalid) .form-select:valid, - :dir(rtl) .was-validated .input-group.input-group-sm:has(:invalid) .form-select.is-invalid, - :dir(rtl) .was-validated .input-group.input-group-sm:has(:invalid) .form-select.is-valid, - :dir(rtl) .was-validated .input-group.input-group-sm:has(:valid) .form-select, - :dir(rtl) .was-validated .input-group.input-group-sm:has(:valid) .form-select:focus, - :dir(rtl) .was-validated .input-group.input-group-sm:has(:valid) .form-select:focus-within, - :dir(rtl) .was-validated .was-validated .input-group.input-group-sm:has(:valid) .form-select:invalid, - :dir(rtl) .was-validated .was-validated .input-group.input-group-sm:has(:valid) .form-select:valid, - :dir(rtl) .was-validated .input-group.input-group-sm:has(:valid) .form-select.is-invalid, - :dir(rtl) .was-validated .input-group.input-group-sm:has(:valid) .form-select.is-valid { - background-position: left .8125rem center - } - - .input-group.input-group-lg .form-control, - .input-group.input-group-lg .form-control:focus, - .input-group.input-group-lg .form-control:focus-within, - .was-validated .input-group.input-group-lg .form-control:invalid, - .was-validated .input-group.input-group-lg .form-control:valid, - .input-group.input-group-lg .form-control.is-invalid, - .input-group.input-group-lg .form-control.is-valid, - .input-group.input-group-lg .input-group-text, - .input-group.input-group-lg .input-group-text:focus, - .input-group.input-group-lg .input-group-text:focus-within, - .was-validated .input-group.input-group-lg .input-group-text:invalid, - .was-validated .input-group.input-group-lg .input-group-text:valid, - .input-group.input-group-lg .input-group-text.is-invalid, - .input-group.input-group-lg .input-group-text.is-valid, - .was-validated .input-group.input-group-lg:has(:invalid) .form-control, - .was-validated .input-group.input-group-lg:has(:invalid) .form-control:focus, - .was-validated .input-group.input-group-lg:has(:invalid) .form-control:focus-within, - .was-validated .was-validated .input-group.input-group-lg:has(:invalid) .form-control:invalid, - .was-validated .was-validated .input-group.input-group-lg:has(:invalid) .form-control:valid, - .was-validated .input-group.input-group-lg:has(:invalid) .form-control.is-invalid, - .was-validated .input-group.input-group-lg:has(:invalid) .form-control.is-valid, - .was-validated .input-group.input-group-lg:has(:invalid) .input-group-text, - .was-validated .input-group.input-group-lg:has(:invalid) .input-group-text:focus, - .was-validated .input-group.input-group-lg:has(:invalid) .input-group-text:focus-within, - .was-validated .was-validated .input-group.input-group-lg:has(:invalid) .input-group-text:invalid, - .was-validated .was-validated .input-group.input-group-lg:has(:invalid) .input-group-text:valid, - .was-validated .input-group.input-group-lg:has(:invalid) .input-group-text.is-invalid, - .was-validated .input-group.input-group-lg:has(:invalid) .input-group-text.is-valid, - .was-validated .input-group.input-group-lg:has(:valid) .form-control, - .was-validated .input-group.input-group-lg:has(:valid) .form-control:focus, - .was-validated .input-group.input-group-lg:has(:valid) .form-control:focus-within, - .was-validated .was-validated .input-group.input-group-lg:has(:valid) .form-control:invalid, - .was-validated .was-validated .input-group.input-group-lg:has(:valid) .form-control:valid, - .was-validated .input-group.input-group-lg:has(:valid) .form-control.is-invalid, - .was-validated .input-group.input-group-lg:has(:valid) .form-control.is-valid, - .was-validated .input-group.input-group-lg:has(:valid) .input-group-text, - .was-validated .input-group.input-group-lg:has(:valid) .input-group-text:focus, - .was-validated .input-group.input-group-lg:has(:valid) .input-group-text:focus-within, - .was-validated .was-validated .input-group.input-group-lg:has(:valid) .input-group-text:invalid, - .was-validated .was-validated .input-group.input-group-lg:has(:valid) .input-group-text:valid, - .was-validated .input-group.input-group-lg:has(:valid) .input-group-text.is-invalid, - .was-validated .input-group.input-group-lg:has(:valid) .input-group-text.is-valid { - padding-block: .7075rem; - padding-inline: 1.3125rem - } - - .input-group.input-group-lg .form-select, - .input-group.input-group-lg .form-select:focus, - .input-group.input-group-lg .form-select:focus-within, - .was-validated .input-group.input-group-lg .form-select:invalid, - .was-validated .input-group.input-group-lg .form-select:valid, - .input-group.input-group-lg .form-select.is-invalid, - .input-group.input-group-lg .form-select.is-valid, - .was-validated .input-group.input-group-lg:has(:invalid) .form-select, - .was-validated .input-group.input-group-lg:has(:invalid) .form-select:focus, - .was-validated .input-group.input-group-lg:has(:invalid) .form-select:focus-within, - .was-validated .was-validated .input-group.input-group-lg:has(:invalid) .form-select:invalid, - .was-validated .was-validated .input-group.input-group-lg:has(:invalid) .form-select:valid, - .was-validated .input-group.input-group-lg:has(:invalid) .form-select.is-invalid, - .was-validated .input-group.input-group-lg:has(:invalid) .form-select.is-valid, - .was-validated .input-group.input-group-lg:has(:valid) .form-select, - .was-validated .input-group.input-group-lg:has(:valid) .form-select:focus, - .was-validated .input-group.input-group-lg:has(:valid) .form-select:focus-within, - .was-validated .was-validated .input-group.input-group-lg:has(:valid) .form-select:invalid, - .was-validated .was-validated .input-group.input-group-lg:has(:valid) .form-select:valid, - .was-validated .input-group.input-group-lg:has(:valid) .form-select.is-invalid, - .was-validated .input-group.input-group-lg:has(:valid) .form-select.is-valid { - background-position: right 1.3125rem center; - padding-block: .7075rem; - padding-inline: 1.3125rem; - padding-inline-start: calc(1.3125rem - var(--bs-border-width)) - } - - :dir(rtl) .input-group.input-group-lg .form-select, - :dir(rtl) .input-group.input-group-lg .form-select:focus, - :dir(rtl) .input-group.input-group-lg .form-select:focus-within, - :dir(rtl) .was-validated .input-group.input-group-lg .form-select:invalid, - :dir(rtl) .was-validated .input-group.input-group-lg .form-select:valid, - :dir(rtl) .input-group.input-group-lg .form-select.is-invalid, - :dir(rtl) .input-group.input-group-lg .form-select.is-valid, - :dir(rtl) .was-validated .input-group.input-group-lg:has(:invalid) .form-select, - :dir(rtl) .was-validated .input-group.input-group-lg:has(:invalid) .form-select:focus, - :dir(rtl) .was-validated .input-group.input-group-lg:has(:invalid) .form-select:focus-within, - :dir(rtl) .was-validated .was-validated .input-group.input-group-lg:has(:invalid) .form-select:invalid, - :dir(rtl) .was-validated .was-validated .input-group.input-group-lg:has(:invalid) .form-select:valid, - :dir(rtl) .was-validated .input-group.input-group-lg:has(:invalid) .form-select.is-invalid, - :dir(rtl) .was-validated .input-group.input-group-lg:has(:invalid) .form-select.is-valid, - :dir(rtl) .was-validated .input-group.input-group-lg:has(:valid) .form-select, - :dir(rtl) .was-validated .input-group.input-group-lg:has(:valid) .form-select:focus, - :dir(rtl) .was-validated .input-group.input-group-lg:has(:valid) .form-select:focus-within, - :dir(rtl) .was-validated .was-validated .input-group.input-group-lg:has(:valid) .form-select:invalid, - :dir(rtl) .was-validated .was-validated .input-group.input-group-lg:has(:valid) .form-select:valid, - :dir(rtl) .was-validated .input-group.input-group-lg:has(:valid) .form-select.is-invalid, - :dir(rtl) .was-validated .input-group.input-group-lg:has(:valid) .form-select.is-valid { - background-position: left 1.3125rem center - } - - .input-group::before { - position: absolute; - display: block; - block-size: 100%; - content: ""; - inline-size: 100%; - inset-block-start: 0; - inset-inline-start: 0; - border-radius: var(--bs-border-radius) - } - - .input-group.input-group-lg, - .input-group.input-group-lg::before { - border-radius: var(--bs-border-radius-lg) - } - - .input-group.input-group-sm, - .input-group.input-group-sm::before { - border-radius: var(--bs-border-radius-sm) - } - - .input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { - margin-inline: calc(var(--bs-border-width)*-1) 0 - } - - .input-group:hover .input-group-text, - .input-group:hover .form-control, - .input-group:hover .form-select { - border-color: var(--bs-gray-600) - } - - .input-group:focus-within, - .input-group:focus { - box-shadow: 0 0 0 var(--bs-border-width) var(--bs-primary) - } - - .input-group:focus-within::before, - .input-group:focus::before { - box-shadow: 0 .125rem .25rem 0 rgba(var(--bs-primary-rgb), 0.4) - } - - .input-group:focus-within:not(.input-group-merge) .form-control, - .input-group:focus-within:not(.input-group-merge) .form-select, - .input-group:focus-within:not(.input-group-merge) .input-group-text, - .input-group:focus-within:not(.input-group-merge) .btn, - .input-group:focus-within:not(.input-group-merge) .form-control::file-selector-button, - .input-group:focus:not(.input-group-merge) .form-control, - .input-group:focus:not(.input-group-merge) .form-select, - .input-group:focus:not(.input-group-merge) .input-group-text, - .input-group:focus:not(.input-group-merge) .btn, - .input-group:focus:not(.input-group-merge) .form-control::file-selector-button { - box-shadow: var(--bs-border-width) 0 0 var(--bs-primary) - } - - .input-group:focus-within .input-group-text, - .input-group:focus-within .form-control, - .input-group:focus-within .form-select, - .input-group:focus .input-group-text, - .input-group:focus .form-control, - .input-group:focus .form-select { - border-color: var(--bs-primary) - } - - .input-group:focus-within .input-group-text:hover, - .input-group:focus-within .form-control:hover, - .input-group:focus-within .form-select:hover, - .input-group:focus .input-group-text:hover, - .input-group:focus .form-control:hover, - .input-group:focus .form-select:hover { - border-color: var(--bs-primary) - } - - .input-group.input-group-merge>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { - margin-inline: 0 - } - - .input-group.input-group-merge:not(.disabled)>:not(:first-child):not(.dropdown-menu):not(.btn):not(.dropdown-menu+.form-control):not(.btn+.form-control):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { - margin-inline-start: -2px - } - - .input-group.input-group-merge .input-group-text, - .input-group.input-group-merge .input-group-text:focus, - .input-group.input-group-merge .input-group-text:focus-within, - .input-group.input-group-merge .form-control, - .input-group.input-group-merge .form-control:focus, - .input-group.input-group-merge .form-control:focus-within, - .input-group.input-group-merge .form-select, - .input-group.input-group-merge .form-select:focus, - .input-group.input-group-merge .form-select:focus-within { - box-shadow: none - } - - .input-group.input-group-merge .input-group-text:first-child, - .input-group.input-group-merge .form-control:first-child, - .input-group.input-group-merge .form-select:first-child { - border-inline-end: 0 - } - - .input-group.input-group-merge .input-group-text:last-child, - .input-group.input-group-merge .form-control:last-child, - .input-group.input-group-merge .form-select:last-child { - border-inline-start: 0 - } - - .input-group.input-group-merge .input-group-text:not(:first-child), - .input-group.input-group-merge .form-control:not(:first-child), - .input-group.input-group-merge .form-select:not(:first-child) { - border-inline-start: 0; - padding-inline-start: 0 - } - - .input-group.input-group-merge .input-group-text:not(:last-child), - .input-group.input-group-merge .form-control:not(:last-child), - .input-group.input-group-merge .form-select:not(:last-child) { - border-inline-end: 0 - } - - .input-group.input-group-merge .flatpickr-wrapper .flatpickr-input { - border: var(--bs-border-width) solid color-mix(in sRGB, var(--bs-base-color) 22%, var(--bs-paper-bg)) - } - - .input-group.input-group-merge .flatpickr-wrapper .flatpickr-input:hover:not(:focus):not(:disabled) { - border-color: var(--bs-gray-600) - } - - .input-group.input-group-merge .flatpickr-wrapper:first-child .flatpickr-input { - border-inline-end: 0 - } - - .input-group.input-group-merge .flatpickr-wrapper:last-child .flatpickr-input { - border-inline-start: 0 - } - - .input-group.input-group-merge .flatpickr-wrapper:not(:first-child):not(:last-child) .flatpickr-input { - border-inline-end: 0; - border-inline-start: 0 - } - - .input-group.input-group-merge:focus-within .flatpickr-wrapper .flatpickr-input, - .input-group.input-group-merge:focus .flatpickr-wrapper .flatpickr-input { - border-color: var(--bs-primary) - } - - .input-group.input-group-merge.disabled, - .input-group.input-group-merge[disabled] { - margin-inline: 0 !important - } - - .input-group.rounded-pill .input-group-text, - .input-group.rounded-pill .form-control, - .input-group.rounded-pill .form-select, - .input-group.rounded-pill::before { - border-radius: 50rem - } - - .input-group.disabled .input-group-text, - .input-group.disabled .form-control, - .input-group.disabled .form-select, - .input-group[disabled] .input-group-text, - .input-group[disabled] .form-control, - .input-group[disabled] .form-select { - border-color: var(--bs-input-group-disabled-border-color); - background-color: rgba(var(--bs-base-color-rgb), 0.06); - color: var(--bs-secondary-color); - pointer-events: none - } - - .input-group.disabled .form-select, - .input-group[disabled] .form-select { - background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 22" fill="none"%3e%3cpath d="M10.9999 12.0743L15.5374 7.53676L16.8336 8.83292L10.9999 14.6666L5.16626 8.83292L6.46243 7.53676L10.9999 12.0743Z" fill="%23a7acb2" fill-opacity="0.9"/%3e%3c/svg%3e') - } - - .input-group.has-validation>.input-group-text:first-child, - .input-group.has-validation>.form-control:first-child { - border-end-end-radius: 0; - border-start-end-radius: 0 - } - - .input-group.has-validation>.form-control:not(:first-child):not(:last-child) { - border-radius: 0 - } - - .input-group-text { - background-clip: padding-box; - transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out - } - - @media(prefers-reduced-motion: reduce) { - .input-group-text { - transition: none - } - } - - .input-group-lg>.input-group-text .icon-base { - block-size: 1.375rem; - font-size: 1.375rem; - inline-size: 1.375rem - } - - .input-group-sm>.input-group-text .icon-base { - block-size: 1.125rem; - font-size: 1.125rem; - inline-size: 1.125rem - } - - [data-bs-theme=dark] .input-group { - --bs-input-group-addon-border-color: color-mix(in srgb, #e6e6f1 22%, #393a5a); - --bs-input-group-disabled-border-color: rgba(230, 230, 241, 0.23) - } - - [data-bs-theme=dark] .input-group.disabled .form-select, - [data-bs-theme=dark] .input-group[disabled] .form-select { - background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 22" fill="none"%3e%3cpath d="M10.9999 12.0743L15.5374 7.53676L16.8336 8.83292L10.9999 14.6666L5.16626 8.83292L6.46243 7.53676L10.9999 12.0743Z" fill="%237e7f96" fill-opacity="0.9"/%3e%3c/svg%3e') - } - - .form-floating>label { - inset-inline-start: 0 - } - - .form-floating>.form-control:focus::placeholder, - .form-floating>.form-control:not(:placeholder-shown)::placeholder { - color: var(--bs-secondary-color) - } - - .form-floating>.form-control:focus~label, - .form-floating>.form-control:focus:not(:placeholder-shown)~label, - .form-floating>.form-select:focus~label, - .form-floating>.form-select:focus:not(:placeholder-shown)~label { - color: var(--bs-primary) - } - - :dir(rtl) .form-floating>label { - transform-origin: 100% 0 - } - - :dir(rtl) .form-floating>.form-control:focus~label, - :dir(rtl) .form-floating>.form-control:not(:placeholder-shown)~label, - :dir(rtl) .form-floating>.form-select~label, - :dir(rtl) .form-floating>.form-control:-webkit-autofill~label { - transform: scale(0.85) translateY(-0.5rem) translateX(-0.15rem) - } - - form { - --bs-form-validation-shadow: none; - --bs-form-validation-border-color: var(--bs-form-invalid-border-color) - } - - form .error:not(li):not(input) { - color: #ff3e1d; - font-size: 85%; - margin-block-start: .25rem - } - - form .form-label.invalid, - form .form-label.is-invalid { - border-width: 2px; - border-color: #ff3e1d; - box-shadow: 0 0 0 2px rgba(255, 62, 29, .4) - } - - form.was-validated :invalid, - form .is-invalid, - form.was-validated select:invalid, - form.was-validated select:invalid+.dropdown-toggle, - form.was-validated select:invalid~.select2-container, - form select.is-invalid, - form select.is-invalid+.dropdown-toggle, - form select.is-invalid~.select2-container, - form.was-validated .input-group:has(:invalid), - form .input-group:has(.is-invalid), - form .input-group .is-invalid, - form.was-validated .tagify:has(+:invalid), - form .tagify:has(+.is-invalid) { - --bs-form-validation-border-color: var(--bs-form-invalid-border-color) - } - - form.was-validated :valid, - form .is-valid, - form.was-validated select:valid, - form.was-validated select:valid+.dropdown-toggle, - form.was-validated select:valid~.select2-container, - form select.is-valid, - form select.is-valid+.dropdown-toggle, - form select.is-valid~.select2-container, - form .input-group:has(.is-valid), - form.was-validated .input-group:has(:valid), - form .input-group .is-valid, - form.was-validated .tagify:has(+:valid), - form .tagify:has(+.is-valid) { - --bs-form-validation-border-color: var(--bs-form-valid-border-color) - } - - form.was-validated .form-control:not(.input-group .form-control):invalid, - form.was-validated .form-control:not(.input-group .form-control):valid, - form .form-control:not(.input-group .form-control).is-invalid, - form .form-control:not(.input-group .form-control).is-valid, - form.was-validated .form-select:not(.input-group .form-select):invalid, - form.was-validated .form-select:not(.input-group .form-select):valid, - form .form-select:not(.input-group .form-select).is-invalid, - form .form-select:not(.input-group .form-select).is-valid { - border-width: 2px - } - - form.was-validated .form-control:not(.input-group .form-control):invalid, - form.was-validated .form-control:not(.input-group .form-control):invalid:hover, - form.was-validated .form-control:not(.input-group .form-control):invalid:focus, - form.was-validated .form-control:not(.input-group .form-control):valid, - form.was-validated .form-control:not(.input-group .form-control):valid:hover, - form.was-validated .form-control:not(.input-group .form-control):valid:focus, - form .form-control:not(.input-group .form-control).is-invalid, - form .form-control:not(.input-group .form-control).is-invalid:hover, - form .form-control:not(.input-group .form-control).is-invalid:focus, - form .form-control:not(.input-group .form-control).is-valid, - form .form-control:not(.input-group .form-control).is-valid:hover, - form .form-control:not(.input-group .form-control).is-valid:focus, - form.was-validated .form-select:not(.input-group .form-select):invalid, - form.was-validated .form-select:not(.input-group .form-select):invalid:hover, - form.was-validated .form-select:not(.input-group .form-select):invalid:focus, - form.was-validated .form-select:not(.input-group .form-select):valid, - form.was-validated .form-select:not(.input-group .form-select):valid:hover, - form.was-validated .form-select:not(.input-group .form-select):valid:focus, - form .form-select:not(.input-group .form-select).is-invalid, - form .form-select:not(.input-group .form-select).is-invalid:hover, - form .form-select:not(.input-group .form-select).is-invalid:focus, - form .form-select:not(.input-group .form-select).is-valid, - form .form-select:not(.input-group .form-select).is-valid:hover, - form .form-select:not(.input-group .form-select).is-valid:focus { - border-color: var(--bs-form-validation-border-color); - box-shadow: var(--bs-form-validation-shadow) - } - - form.was-validated .form-control:not(.input-group .form-control):invalid::file-selector-button, - form.was-validated .form-control:not(.input-group .form-control):invalid:hover::file-selector-button, - form.was-validated .form-control:not(.input-group .form-control):invalid:focus::file-selector-button, - form.was-validated .form-control:not(.input-group .form-control):valid::file-selector-button, - form.was-validated .form-control:not(.input-group .form-control):valid:hover::file-selector-button, - form.was-validated .form-control:not(.input-group .form-control):valid:focus::file-selector-button, - form .form-control:not(.input-group .form-control).is-invalid::file-selector-button, - form .form-control:not(.input-group .form-control).is-invalid:hover::file-selector-button, - form .form-control:not(.input-group .form-control).is-invalid:focus::file-selector-button, - form .form-control:not(.input-group .form-control).is-valid::file-selector-button, - form .form-control:not(.input-group .form-control).is-valid:hover::file-selector-button, - form .form-control:not(.input-group .form-control).is-valid:focus::file-selector-button, - form.was-validated .form-select:not(.input-group .form-select):invalid::file-selector-button, - form.was-validated .form-select:not(.input-group .form-select):invalid:hover::file-selector-button, - form.was-validated .form-select:not(.input-group .form-select):invalid:focus::file-selector-button, - form.was-validated .form-select:not(.input-group .form-select):valid::file-selector-button, - form.was-validated .form-select:not(.input-group .form-select):valid:hover::file-selector-button, - form.was-validated .form-select:not(.input-group .form-select):valid:focus::file-selector-button, - form .form-select:not(.input-group .form-select).is-invalid::file-selector-button, - form .form-select:not(.input-group .form-select).is-invalid:hover::file-selector-button, - form .form-select:not(.input-group .form-select).is-invalid:focus::file-selector-button, - form .form-select:not(.input-group .form-select).is-valid::file-selector-button, - form .form-select:not(.input-group .form-select).is-valid:hover::file-selector-button, - form .form-select:not(.input-group .form-select).is-valid:focus::file-selector-button { - box-shadow: var(--bs-border-width) 0 0 var(--bs-form-validation-border-color) - } - - form.was-validated .form-check-input:invalid, - form.was-validated .form-check-input:invalid:checked, - form.was-validated .form-check-input:invalid:focus, - form.was-validated .form-check-input:valid, - form.was-validated .form-check-input:valid:checked, - form.was-validated .form-check-input:valid:focus, - form .form-check-input.is-invalid, - form .form-check-input.is-invalid:checked, - form .form-check-input.is-invalid:focus, - form .form-check-input.is-valid, - form .form-check-input.is-valid:checked, - form .form-check-input.is-valid:focus { - box-shadow: var(--bs-form-validation-shadow) - } - - form.was-validated .form-switch .form-check-input:invalid:invalid, - form.was-validated .form-switch .form-check-input:invalid:invalid:checked, - form.was-validated .form-switch .form-check-input:invalid:invalid:focus, - form.was-validated .form-switch .form-check-input:invalid.is-invalid, - form.was-validated .form-switch .form-check-input:invalid.is-invalid:checked, - form.was-validated .form-switch .form-check-input:invalid.is-invalid:focus, - form.was-validated .form-switch .form-check-input:invalid:valid, - form.was-validated .form-switch .form-check-input:invalid:valid:checked, - form.was-validated .form-switch .form-check-input:invalid:valid:focus, - form.was-validated .form-switch .form-check-input:invalid.is-valid, - form.was-validated .form-switch .form-check-input:invalid.is-valid:checked, - form.was-validated .form-switch .form-check-input:invalid.is-valid:focus, - form.was-validated .form-switch .form-check-input:valid:invalid, - form.was-validated .form-switch .form-check-input:valid:invalid:checked, - form.was-validated .form-switch .form-check-input:valid:invalid:focus, - form.was-validated .form-switch .form-check-input:valid.is-invalid, - form.was-validated .form-switch .form-check-input:valid.is-invalid:checked, - form.was-validated .form-switch .form-check-input:valid.is-invalid:focus, - form.was-validated .form-switch .form-check-input:valid:valid, - form.was-validated .form-switch .form-check-input:valid:valid:checked, - form.was-validated .form-switch .form-check-input:valid:valid:focus, - form.was-validated .form-switch .form-check-input:valid.is-valid, - form.was-validated .form-switch .form-check-input:valid.is-valid:checked, - form.was-validated .form-switch .form-check-input:valid.is-valid:focus, - form .form-switch .form-check-input.is-invalid:invalid, - form .form-switch .form-check-input.is-invalid:invalid:checked, - form .form-switch .form-check-input.is-invalid:invalid:focus, - form .form-switch .form-check-input.is-invalid.is-invalid, - form .form-switch .form-check-input.is-invalid.is-invalid:checked, - form .form-switch .form-check-input.is-invalid.is-invalid:focus, - form .form-switch .form-check-input.is-invalid:valid, - form .form-switch .form-check-input.is-invalid:valid:checked, - form .form-switch .form-check-input.is-invalid:valid:focus, - form .form-switch .form-check-input.is-invalid.is-valid, - form .form-switch .form-check-input.is-invalid.is-valid:checked, - form .form-switch .form-check-input.is-invalid.is-valid:focus, - form .form-switch .form-check-input.is-valid:invalid, - form .form-switch .form-check-input.is-valid:invalid:checked, - form .form-switch .form-check-input.is-valid:invalid:focus, - form .form-switch .form-check-input.is-valid.is-invalid, - form .form-switch .form-check-input.is-valid.is-invalid:checked, - form .form-switch .form-check-input.is-valid.is-invalid:focus, - form .form-switch .form-check-input.is-valid:valid, - form .form-switch .form-check-input.is-valid:valid:checked, - form .form-switch .form-check-input.is-valid:valid:focus, - form .form-switch .form-check-input.is-valid.is-valid, - form .form-switch .form-check-input.is-valid.is-valid:checked, - form .form-switch .form-check-input.is-valid.is-valid:focus { - background-color: var(--bs-form-validation-border-color) - } - - form.was-validated .input-group:has(:invalid), - form .input-group:has(.is-invalid), - form.was-validated .input-group:has(:valid), - form .input-group:has(.is-valid) { - box-shadow: 0 0 0 var(--bs-border-width) var(--bs-form-validation-border-color) - } - - form.was-validated .input-group:has(:invalid) .input-group-text, - form.was-validated .input-group:has(:invalid) .input-group-text:focus, - form.was-validated .input-group:has(:invalid) .input-group-text:focus-within, - form.was-validated .input-group:has(:invalid) .input-group-text.is-invalid, - form.was-validated .input-group:has(:invalid) .input-group-text.is-valid, - form.was-validated .input-group:has(:invalid) .form-control~.input-group-text, - form.was-validated .input-group:has(:invalid) .form-control~.input-group-text:focus, - form.was-validated .input-group:has(:invalid) .form-control~.input-group-text:focus-within, - form.was-validated .input-group:has(:invalid) .form-control~.input-group-text.is-invalid, - form.was-validated .input-group:has(:invalid) .form-control~.input-group-text.is-valid, - form.was-validated .input-group:has(:invalid) .form-control, - form.was-validated .input-group:has(:invalid) .form-control:focus, - form.was-validated .input-group:has(:invalid) .form-control:focus-within, - form.was-validated .input-group:has(:invalid) .form-control.is-invalid, - form.was-validated .input-group:has(:invalid) .form-control.is-valid, - form.was-validated .input-group:has(:invalid) .form-select, - form.was-validated .input-group:has(:invalid) .form-select:focus, - form.was-validated .input-group:has(:invalid) .form-select:focus-within, - form.was-validated .input-group:has(:invalid) .form-select.is-invalid, - form.was-validated .input-group:has(:invalid) .form-select.is-valid, - form .input-group:has(.is-invalid) .input-group-text, - form .input-group:has(.is-invalid) .input-group-text:focus, - form .input-group:has(.is-invalid) .input-group-text:focus-within, - form .input-group:has(.is-invalid) .input-group-text.is-invalid, - form .input-group:has(.is-invalid) .input-group-text.is-valid, - form .input-group:has(.is-invalid) .form-control~.input-group-text, - form .input-group:has(.is-invalid) .form-control~.input-group-text:focus, - form .input-group:has(.is-invalid) .form-control~.input-group-text:focus-within, - form .input-group:has(.is-invalid) .form-control~.input-group-text.is-invalid, - form .input-group:has(.is-invalid) .form-control~.input-group-text.is-valid, - form .input-group:has(.is-invalid) .form-control, - form .input-group:has(.is-invalid) .form-control:focus, - form .input-group:has(.is-invalid) .form-control:focus-within, - form .input-group:has(.is-invalid) .form-control.is-invalid, - form .input-group:has(.is-invalid) .form-control.is-valid, - form .input-group:has(.is-invalid) .form-select, - form .input-group:has(.is-invalid) .form-select:focus, - form .input-group:has(.is-invalid) .form-select:focus-within, - form .input-group:has(.is-invalid) .form-select.is-invalid, - form .input-group:has(.is-invalid) .form-select.is-valid, - form.was-validated .input-group:has(:valid) .input-group-text, - form.was-validated .input-group:has(:valid) .input-group-text:focus, - form.was-validated .input-group:has(:valid) .input-group-text:focus-within, - form.was-validated .input-group:has(:valid) .input-group-text.is-invalid, - form.was-validated .input-group:has(:valid) .input-group-text.is-valid, - form.was-validated .input-group:has(:valid) .form-control~.input-group-text, - form.was-validated .input-group:has(:valid) .form-control~.input-group-text:focus, - form.was-validated .input-group:has(:valid) .form-control~.input-group-text:focus-within, - form.was-validated .input-group:has(:valid) .form-control~.input-group-text.is-invalid, - form.was-validated .input-group:has(:valid) .form-control~.input-group-text.is-valid, - form.was-validated .input-group:has(:valid) .form-control, - form.was-validated .input-group:has(:valid) .form-control:focus, - form.was-validated .input-group:has(:valid) .form-control:focus-within, - form.was-validated .input-group:has(:valid) .form-control.is-invalid, - form.was-validated .input-group:has(:valid) .form-control.is-valid, - form.was-validated .input-group:has(:valid) .form-select, - form.was-validated .input-group:has(:valid) .form-select:focus, - form.was-validated .input-group:has(:valid) .form-select:focus-within, - form.was-validated .input-group:has(:valid) .form-select.is-invalid, - form.was-validated .input-group:has(:valid) .form-select.is-valid, - form .input-group:has(.is-valid) .input-group-text, - form .input-group:has(.is-valid) .input-group-text:focus, - form .input-group:has(.is-valid) .input-group-text:focus-within, - form .input-group:has(.is-valid) .input-group-text.is-invalid, - form .input-group:has(.is-valid) .input-group-text.is-valid, - form .input-group:has(.is-valid) .form-control~.input-group-text, - form .input-group:has(.is-valid) .form-control~.input-group-text:focus, - form .input-group:has(.is-valid) .form-control~.input-group-text:focus-within, - form .input-group:has(.is-valid) .form-control~.input-group-text.is-invalid, - form .input-group:has(.is-valid) .form-control~.input-group-text.is-valid, - form .input-group:has(.is-valid) .form-control, - form .input-group:has(.is-valid) .form-control:focus, - form .input-group:has(.is-valid) .form-control:focus-within, - form .input-group:has(.is-valid) .form-control.is-invalid, - form .input-group:has(.is-valid) .form-control.is-valid, - form .input-group:has(.is-valid) .form-select, - form .input-group:has(.is-valid) .form-select:focus, - form .input-group:has(.is-valid) .form-select:focus-within, - form .input-group:has(.is-valid) .form-select.is-invalid, - form .input-group:has(.is-valid) .form-select.is-valid { - border-width: var(--bs-border-width); - border-color: var(--bs-form-validation-border-color) - } - - form.was-validated .input-group:has(:invalid)::before, - form .input-group:has(.is-invalid)::before, - form.was-validated .input-group:has(:valid)::before, - form .input-group:has(.is-valid)::before { - box-shadow: var(--bs-form-validation-shadow) - } - - form.was-validated .input-group:has(:invalid) .flatpickr-wrapper .flatpickr-input, - form.was-validated .input-group:has(:invalid) .flatpickr-wrapper .flatpickr-input:focus, - form.was-validated .input-group:has(:invalid) .flatpickr-wrapper .flatpickr-input:focus-within, - form.was-validated .input-group:has(:invalid) .flatpickr-wrapper .flatpickr-input.is-invalid, - form.was-validated .input-group:has(:invalid) .flatpickr-wrapper .flatpickr-input.is-valid, - form .input-group:has(.is-invalid) .flatpickr-wrapper .flatpickr-input, - form .input-group:has(.is-invalid) .flatpickr-wrapper .flatpickr-input:focus, - form .input-group:has(.is-invalid) .flatpickr-wrapper .flatpickr-input:focus-within, - form .input-group:has(.is-invalid) .flatpickr-wrapper .flatpickr-input.is-invalid, - form .input-group:has(.is-invalid) .flatpickr-wrapper .flatpickr-input.is-valid, - form.was-validated .input-group:has(:valid) .flatpickr-wrapper .flatpickr-input, - form.was-validated .input-group:has(:valid) .flatpickr-wrapper .flatpickr-input:focus, - form.was-validated .input-group:has(:valid) .flatpickr-wrapper .flatpickr-input:focus-within, - form.was-validated .input-group:has(:valid) .flatpickr-wrapper .flatpickr-input.is-invalid, - form.was-validated .input-group:has(:valid) .flatpickr-wrapper .flatpickr-input.is-valid, - form .input-group:has(.is-valid) .flatpickr-wrapper .flatpickr-input, - form .input-group:has(.is-valid) .flatpickr-wrapper .flatpickr-input:focus, - form .input-group:has(.is-valid) .flatpickr-wrapper .flatpickr-input:focus-within, - form .input-group:has(.is-valid) .flatpickr-wrapper .flatpickr-input.is-invalid, - form .input-group:has(.is-valid) .flatpickr-wrapper .flatpickr-input.is-valid { - border-width: var(--bs-border-width); - border-color: var(--bs-form-validation-border-color) - } - - form.was-validated .input-group:has(:invalid)~.invalid-feedback, - form.was-validated .input-group:has(:invalid)~.invalid-tooltip, - form .input-group:has(.is-invalid)~.invalid-feedback, - form .input-group:has(.is-invalid)~.invalid-tooltip { - display: block - } - - form.was-validated .input-group:has(:valid)~.valid-feedback, - form.was-validated .input-group:has(:valid)~.valid-tooltip, - form .input-group:has(.is-valid)~.valid-feedback, - form .input-group:has(.is-valid)~.valid-tooltip { - display: block - } - - form.was-validated .tagify:has(+input:invalid), - form.was-validated .tagify:has(+input:valid), - form .tagify:has(+input.is-invalid), - form .tagify:has(+input.valid) { - padding: 0; - border-width: 2px; - box-shadow: var(--bs-form-validation-shadow) - } - - form.was-validated .tagify:has(+input:invalid), - form.was-validated .tagify:has(+input:invalid):hover, - form.was-validated .tagify:has(+input:invalid):focus, - form.was-validated .tagify:has(+input:valid), - form.was-validated .tagify:has(+input:valid):hover, - form.was-validated .tagify:has(+input:valid):focus, - form .tagify:has(+input.is-invalid), - form .tagify:has(+input.is-invalid):hover, - form .tagify:has(+input.is-invalid):focus, - form .tagify:has(+input.valid), - form .tagify:has(+input.valid):hover, - form .tagify:has(+input.valid):focus { - border-color: var(--bs-form-validation-border-color) !important - } - - form .bootstrap-select .selectpicker.is-invalid+.dropdown-toggle, - form.was-validated .bootstrap-select .selectpicker:invalid+.dropdown-toggle, - form .bootstrap-select .selectpicker.is-valid+.dropdown-toggle, - form.was-validated .bootstrap-select .selectpicker:valid+.dropdown-toggle { - border-width: 2px; - border-color: var(--bs-form-validation-border-color); - box-shadow: var(--bs-form-validation-shadow); - padding-block: calc(.543rem - 2px); - padding-inline: calc(.9375rem - var(--bs-border-width)) - } - - form .bootstrap-select .selectpicker.is-invalid+.dropdown-toggle::after, - form.was-validated .bootstrap-select .selectpicker:invalid+.dropdown-toggle::after, - form .bootstrap-select .selectpicker.is-valid+.dropdown-toggle::after, - form.was-validated .bootstrap-select .selectpicker:valid+.dropdown-toggle::after { - inset-inline-end: calc(var(--bs-bootstrap-select-arrow-position) - var(--bs-border-width)) - } - - form .form-select.is-invalid~.select2-container.select2-container--default .select2-selection, - form .form-select.is-invalid~.select2-container.select2-container--default.select2-container--focus .select2-selection, - form .form-select.is-invalid~.select2-container.select2-container--default.select2-container--open .select2-selection, - form.was-validated .form-select:invalid~.select2-container.select2-container--default .select2-selection, - form.was-validated .form-select:invalid~.select2-container.select2-container--default.select2-container--focus .select2-selection, - form.was-validated .form-select:invalid~.select2-container.select2-container--default.select2-container--open .select2-selection, - form .form-select.is-valid~.select2-container.select2-container--default .select2-selection, - form .form-select.is-valid~.select2-container.select2-container--default.select2-container--focus .select2-selection, - form .form-select.is-valid~.select2-container.select2-container--default.select2-container--open .select2-selection, - form.was-validated .form-select:valid~.select2-container.select2-container--default .select2-selection, - form.was-validated .form-select:valid~.select2-container.select2-container--default.select2-container--focus .select2-selection, - form.was-validated .form-select:valid~.select2-container.select2-container--default.select2-container--open .select2-selection { - border-width: 2px; - border-color: var(--bs-form-validation-border-color); - box-shadow: var(--bs-form-validation-shadow) - } - - form .form-select.is-invalid~.select2-container.select2-container--default .select2-selection--single .select2-selection__rendered, - form .form-select.is-invalid~.select2-container.select2-container--default.select2-container--focus .select2-selection--single .select2-selection__rendered, - form .form-select.is-invalid~.select2-container.select2-container--default.select2-container--open .select2-selection--single .select2-selection__rendered, - form.was-validated .form-select:invalid~.select2-container.select2-container--default .select2-selection--single .select2-selection__rendered, - form.was-validated .form-select:invalid~.select2-container.select2-container--default.select2-container--focus .select2-selection--single .select2-selection__rendered, - form.was-validated .form-select:invalid~.select2-container.select2-container--default.select2-container--open .select2-selection--single .select2-selection__rendered, - form .form-select.is-valid~.select2-container.select2-container--default .select2-selection--single .select2-selection__rendered, - form .form-select.is-valid~.select2-container.select2-container--default.select2-container--focus .select2-selection--single .select2-selection__rendered, - form .form-select.is-valid~.select2-container.select2-container--default.select2-container--open .select2-selection--single .select2-selection__rendered, - form.was-validated .form-select:valid~.select2-container.select2-container--default .select2-selection--single .select2-selection__rendered, - form.was-validated .form-select:valid~.select2-container.select2-container--default.select2-container--focus .select2-selection--single .select2-selection__rendered, - form.was-validated .form-select:valid~.select2-container.select2-container--default.select2-container--open .select2-selection--single .select2-selection__rendered { - line-height: calc(var(--bs-select-height) - 4px); - padding-inline-end: calc(2.625rem - var(--bs-select-border-width)); - padding-inline-start: calc(.9375rem - var(--bs-select-border-width)) - } - - form .form-select.is-invalid~.select2-container.select2-container--default .select2-selection--multiple .select2-selection__rendered, - form .form-select.is-invalid~.select2-container.select2-container--default.select2-container--focus .select2-selection--multiple .select2-selection__rendered, - form .form-select.is-invalid~.select2-container.select2-container--default.select2-container--open .select2-selection--multiple .select2-selection__rendered, - form.was-validated .form-select:invalid~.select2-container.select2-container--default .select2-selection--multiple .select2-selection__rendered, - form.was-validated .form-select:invalid~.select2-container.select2-container--default.select2-container--focus .select2-selection--multiple .select2-selection__rendered, - form.was-validated .form-select:invalid~.select2-container.select2-container--default.select2-container--open .select2-selection--multiple .select2-selection__rendered, - form .form-select.is-valid~.select2-container.select2-container--default .select2-selection--multiple .select2-selection__rendered, - form .form-select.is-valid~.select2-container.select2-container--default.select2-container--focus .select2-selection--multiple .select2-selection__rendered, - form .form-select.is-valid~.select2-container.select2-container--default.select2-container--open .select2-selection--multiple .select2-selection__rendered, - form.was-validated .form-select:valid~.select2-container.select2-container--default .select2-selection--multiple .select2-selection__rendered, - form.was-validated .form-select:valid~.select2-container.select2-container--default.select2-container--focus .select2-selection--multiple .select2-selection__rendered, - form.was-validated .form-select:valid~.select2-container.select2-container--default.select2-container--open .select2-selection--multiple .select2-selection__rendered { - padding-block: calc(var(--bs-select-multiple-padding-y) - var(--bs-select-border-width)); - padding-inline-start: calc(var(--bs-select-multiple-padding-x) - var(--bs-select-border-width)) - } - - .btn { - --bs-btn-box-shadow-rgb: transparent; - --bs-btn-focus-shadow-rgb: transparent; - --bs-btn-active-shadow-rgb: transparent; - --bs-btn-box-shadow: 0 .125rem .25rem 0 rgba(var(--bs-btn-box-shadow-rgb), .4); - --bs-btn-focus-box-shadow: none; - --bs-btn-active-border-color: transparent; - --bs-btn-active-shadow: none; - display: inline-flex; - align-items: center; - justify-content: center - } - - .btn:not(:focus, :active) { - box-shadow: var(--bs-btn-box-shadow) - } - - .btn-group .btn, - .input-group .btn { - border-inline-end: var(--bs-border-width) solid var(--bs-btn-group-border-color); - border-inline-start: var(--bs-border-width) solid var(--bs-btn-group-border-color) - } - - .btn-group-vertical .btn { - border-block-end: var(--bs-border-width) solid var(--bs-btn-group-border-color); - border-block-start: var(--bs-border-width) solid var(--bs-btn-group-border-color) - } - - .btn-check:checked+.btn, - :not(.btn-check)+.btn:active, - .btn:first-child:active, - .btn.active, - .btn.show { - box-shadow: var(--bs-btn-active-shadow) - } - - .btn:disabled, - .btn.disabled, - fieldset:disabled .btn { - box-shadow: none - } - - .btn:not([class*=btn-]):active, - .btn:not([class*=btn-]).active, - .btn:not([class*=btn-]).show, - .btn:not([class*=btn-]) { - --bs-btn-border-width: 0 - } - - .btn-check+.btn:hover { - border-color: var(--bs-btn-hover-border-color); - background-color: var(--bs-btn-hover-bg); - color: var(--bs-btn-hover-color) - } - - .btn[class*=btn-label-]:not(:hover), - .btn[class*=btn-label-]:focus, - .btn[class*=btn-label-]:active { - --bs-btn-box-shadow: none - } - - .btn[class*=btn-label-]:hover { - box-shadow: var(--bs-btn-box-shadow) - } - - .btn[class*=btn-outline-] { - --bs-btn-bg: transparent; - --bs-btn-focus-box-shadow: none; - --bs-btn-active-shadow: none; - --bs-btn-disabled-bg: transparent - } - - .btn[class*=btn-outline-] .badge { - --bs-badge-bg-color: var(--bs-btn-color); - --bs-badge-color: var(--bs-btn-hover-color) - } - - .btn[class*=btn-outline-]:not(:hover) { - --bs-btn-box-shadow: none - } - - .btn[class*=btn-outline-]:hover .badge:not([class*=badge-outline]), - .btn[class*=btn-outline-]:focus:hover .badge:not([class*=badge-outline]), - .btn[class*=btn-outline-]:focus:not(:hover) .badge:not([class*=badge-outline]), - .btn[class*=btn-outline-]:active .badge:not([class*=badge-outline]), - .btn[class*=btn-outline-].active .badge:not([class*=badge-outline]), - .show>.btn[class*=btn-outline-].dropdown-toggle .badge:not([class*=badge-outline]) { - --bs-badge-bg-color: var(--bs-btn-hover-color); - --bs-badge-color: var(--bs-btn-hover-bg) - } - - .btn.btn-white { - --bs-btn-bg: var(--bs-white); - --bs-btn-color: var(--bs-body-color); - --bs-btn-border-color: var(--bs-white); - --bs-btn-hover-color: var(--bs-black); - --bs-btn-hover-bg: var(--bs-btn-bg); - --bs-btn-hover-border-color: var(--bs-btn-border-color); - --bs-btn-active-color: var(--bs-btn-hover-color); - --bs-btn-active-bg: var(--bs-btn-hover-bg); - --bs-btn-active-border-color: var(--bs-btn-hover-border-color); - --bs-btn-box-shadow-rgb: var(--bs-white-rgb); - --bs-btn-active-shadow-rgb: var(--bs-btn-box-shadow-rgb) - } - - .btn[class*=btn-text-] { - --bs-btn-bg: transparent; - --bs-btn-border-color: transparent; - --bs-btn-box-shadow: none; - --bs-btn-focus-box-shadow: none; - --bs-btn-active-shadow: none; - --bs-btn-disabled-bg: transparent; - --bs-btn-disabled-border-color: transparent - } - - .btn[class*=btn-text-]:not(.btn-icon) { - padding-inline: .75rem - } - - .btn[class*=btn-text-]:not(.btn-icon)[class*=btn-sm] { - padding-inline: .5rem - } - - .btn[class*=btn-text-]:not(.btn-icon)[class*=btn-lg] { - padding-inline: 1rem - } - - .btn:hover { - transform: translateY(-1px) - } - - .btn:focus { - transform: translateY(0) - } - - .btn .badge { - transition: all .2s ease-in-out; - inset-block-start: 0 - } - - @media(prefers-reduced-motion: reduce) { - .btn .badge { - transition: none - } - } - - label.btn { - margin-block-end: 0 - } - - .btn-xl, - .btn-group-xl>.btn { - --bs-btn-padding-y: 0.852rem; - --bs-btn-padding-x: 1.5rem; - --bs-btn-font-size: 1.125rem; - --bs-btn-border-radius: 0.625rem - } - - .btn-xs, - .btn-group-xs>.btn { - --bs-btn-padding-y: 0.196rem; - --bs-btn-padding-x: 0.625rem; - --bs-btn-font-size: 0.625rem; - --bs-btn-border-radius: 0.125rem - } - - .btn-icon { - display: inline-flex; - flex-shrink: 0; - align-items: center; - justify-content: center; - padding: 0; - block-size: calc(2.2505001rem + calc(var(--bs-border-width) * 2)); - font-size: 1.2890625rem; - inline-size: calc(2.2505001rem + calc(var(--bs-border-width) * 2)) - } - - .btn-icon .icon-base { - block-size: 1.2890625rem; - font-size: 1.2890625rem; - inline-size: 1.2890625rem - } - - .btn-icon.btn-xl, - .btn-group-xl>.btn-icon.btn { - block-size: calc(3.250875rem + calc(var(--bs-border-width) * 2)); - inline-size: calc(3.250875rem + calc(var(--bs-border-width) * 2)) - } - - .btn-icon.btn-xl .icon-base, - .btn-group-xl>.btn-icon.btn .icon-base { - block-size: 1.546875rem; - font-size: 1.546875rem; - inline-size: 1.546875rem - } - - .btn-icon.btn-lg, - .btn-group-lg>.btn-icon.btn { - block-size: calc(2.8769375rem + calc(var(--bs-border-width) * 2)); - font-size: 1.4609375rem; - inline-size: calc(2.8769375rem + calc(var(--bs-border-width) * 2)) - } - - .btn-icon.btn-lg .icon-base, - .btn-group-lg>.btn-icon.btn .icon-base { - block-size: 1.4609375rem; - font-size: 1.4609375rem; - inline-size: 1.4609375rem - } - - .btn-icon.btn-sm, - .btn-group-sm>.btn-icon.btn { - block-size: calc(1.7505535rem + calc(var(--bs-border-width) * 2)); - font-size: .8125rem; - inline-size: calc(1.7505535rem + calc(var(--bs-border-width) * 2)) - } - - .btn-icon.btn-sm .icon-base, - .btn-group-sm>.btn-icon.btn .icon-base { - block-size: .8125rem; - font-size: .8125rem; - inline-size: .8125rem - } - - .btn-icon.btn-xs, - .btn-group-xs>.btn-icon.btn { - block-size: calc(1.250983rem + calc(var(--bs-border-width) * 2)); - font-size: .625rem; - inline-size: calc(1.250983rem + calc(var(--bs-border-width) * 2)) - } - - .btn-icon.btn-xs .icon-base, - .btn-group-xs>.btn-icon.btn .icon-base { - block-size: .625rem; - font-size: .625rem; - inline-size: .625rem - } - - .btn.btn-link { - font-size: inherit - } - - .btn-pinned { - position: absolute; - inset-block-start: .75rem; - inset-inline-end: .75rem - } - - button:focus, - button:focus-visible { - outline: 0 - } - - .btn-primary { - --bs-btn-bg: var(--bs-primary); - --bs-btn-color: var(--bs-primary-contrast); - --bs-btn-border-color: var(--bs-primary); - --bs-btn-hover-color: var(--bs-primary-contrast); - --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-primary)); - --bs-btn-hover-border-color: var(--bs-btn-hover-bg); - --bs-btn-active-color: var(--bs-primary-contrast); - --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-primary)); - --bs-btn-active-border-color: var(--bs-btn-active-bg); - --bs-btn-box-shadow-rgb: var(--bs-primary-rgb); - --bs-btn-disabled-color: var(--bs-primary-contrast); - --bs-btn-disabled-bg: var(--bs-primary); - --bs-btn-disabled-border-color: var(--bs-primary); - --bs-btn-group-border-color: color-mix(in sRGB, #000 10%, var(--bs-primary)) - } - - .btn-label-primary { - --bs-btn-color: var(--bs-primary); - --bs-btn-bg: color-mix(in sRGB, var(--bs-paper-bg) var(--bs-bg-label-tint-amount), var(--bs-primary)); - --bs-btn-border-color: var(--bs-btn-bg); - --bs-btn-hover-color: var(--bs-primary-contrast); - --bs-btn-hover-bg: color-mix(in sRGB, #000 15%, var(--bs-primary)); - --bs-btn-box-shadow-rgb: var(--bs-primary-rgb); - --bs-btn-hover-border-color: var(--bs-btn-hover-bg); - --bs-btn-active-color: var(--bs-primary-contrast); - --bs-btn-active-bg: color-mix(in sRGB, #000 15%, var(--bs-primary)); - --bs-btn-active-border-color: var(--bs-btn-active-bg); - --bs-btn-disabled-color: var(--bs-btn-color); - --bs-btn-disabled-bg: var(--bs-btn-bg); - --bs-btn-disabled-border-color: var(--bs-btn-border-color); - --bs-btn-group-border-color: color-mix(in sRGB, var(--bs-paper-bg) 68%, var(--bs-primary)) - } - - .btn-outline-primary { - --bs-btn-color: var(--bs-primary); - --bs-btn-border-color: var(--bs-primary); - --bs-btn-hover-color: var(--bs-primary-contrast); - --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-primary)); - --bs-btn-hover-border-color: var(--bs-btn-hover-bg); - --bs-btn-box-shadow-rgb: var(--bs-primary-rgb); - --bs-btn-active-color: var(--bs-primary-contrast); - --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-primary)); - --bs-btn-active-border-color: var(--bs-btn-active-bg); - --bs-btn-disabled-color: var(--bs-primary); - --bs-btn-disabled-border-color: var(--bs-primary); - --bs-btn-group-border-color: var(--bs-primary) - } - - .btn-text-primary { - --bs-btn-color: var(--bs-primary); - --bs-btn-hover-color: var(--bs-primary); - --bs-btn-active-color: var(--bs-primary); - --bs-btn-group-border-color: var(--bs-primary); - --bs-btn-hover-color: var(--bs-primary); - --bs-btn-active-color: var(--bs-primary); - --bs-btn-group-border-color: var(--bs-primary); - --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-primary)); - --bs-btn-hover-border-color: var(--bs-btn-hover-bg); - --bs-btn-active-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-primary)); - --bs-btn-active-border-color: var(--bs-btn-active-bg); - --bs-btn-disabled-color: var(--bs-primary) - } - - .btn-secondary { - --bs-btn-bg: var(--bs-secondary); - --bs-btn-color: var(--bs-secondary-contrast); - --bs-btn-border-color: var(--bs-secondary); - --bs-btn-hover-color: var(--bs-secondary-contrast); - --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-secondary)); - --bs-btn-hover-border-color: var(--bs-btn-hover-bg); - --bs-btn-active-color: var(--bs-secondary-contrast); - --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-secondary)); - --bs-btn-active-border-color: var(--bs-btn-active-bg); - --bs-btn-box-shadow-rgb: var(--bs-secondary-rgb); - --bs-btn-disabled-color: var(--bs-secondary-contrast); - --bs-btn-disabled-bg: var(--bs-secondary); - --bs-btn-disabled-border-color: var(--bs-secondary); - --bs-btn-group-border-color: color-mix(in sRGB, #000 10%, var(--bs-secondary)) - } - - .btn-label-secondary { - --bs-btn-color: var(--bs-secondary); - --bs-btn-bg: color-mix(in sRGB, var(--bs-paper-bg) var(--bs-bg-label-tint-amount), var(--bs-secondary)); - --bs-btn-border-color: var(--bs-btn-bg); - --bs-btn-hover-color: var(--bs-secondary-contrast); - --bs-btn-hover-bg: color-mix(in sRGB, #000 15%, var(--bs-secondary)); - --bs-btn-box-shadow-rgb: var(--bs-secondary-rgb); - --bs-btn-hover-border-color: var(--bs-btn-hover-bg); - --bs-btn-active-color: var(--bs-secondary-contrast); - --bs-btn-active-bg: color-mix(in sRGB, #000 15%, var(--bs-secondary)); - --bs-btn-active-border-color: var(--bs-btn-active-bg); - --bs-btn-disabled-color: var(--bs-btn-color); - --bs-btn-disabled-bg: var(--bs-btn-bg); - --bs-btn-disabled-border-color: var(--bs-btn-border-color); - --bs-btn-group-border-color: color-mix(in sRGB, var(--bs-paper-bg) 68%, var(--bs-secondary)) - } - - .btn-outline-secondary { - --bs-btn-color: var(--bs-secondary); - --bs-btn-border-color: var(--bs-secondary); - --bs-btn-hover-color: var(--bs-secondary-contrast); - --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-secondary)); - --bs-btn-hover-border-color: var(--bs-btn-hover-bg); - --bs-btn-box-shadow-rgb: var(--bs-secondary-rgb); - --bs-btn-active-color: var(--bs-secondary-contrast); - --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-secondary)); - --bs-btn-active-border-color: var(--bs-btn-active-bg); - --bs-btn-disabled-color: var(--bs-secondary); - --bs-btn-disabled-border-color: var(--bs-secondary); - --bs-btn-group-border-color: var(--bs-secondary) - } - - .btn-text-secondary { - --bs-btn-color: var(--bs-body-color); - --bs-btn-hover-color: var(--bs-body-color); - --bs-btn-active-color: var(--bs-body-color); - --bs-btn-hover-color: var(--bs-secondary); - --bs-btn-active-color: var(--bs-secondary); - --bs-btn-group-border-color: var(--bs-secondary); - --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-secondary)); - --bs-btn-hover-border-color: var(--bs-btn-hover-bg); - --bs-btn-active-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-secondary)); - --bs-btn-active-border-color: var(--bs-btn-active-bg); - --bs-btn-disabled-color: var(--bs-secondary) - } - - .btn-success { - --bs-btn-bg: var(--bs-success); - --bs-btn-color: var(--bs-success-contrast); - --bs-btn-border-color: var(--bs-success); - --bs-btn-hover-color: var(--bs-success-contrast); - --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-success)); - --bs-btn-hover-border-color: var(--bs-btn-hover-bg); - --bs-btn-active-color: var(--bs-success-contrast); - --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-success)); - --bs-btn-active-border-color: var(--bs-btn-active-bg); - --bs-btn-box-shadow-rgb: var(--bs-success-rgb); - --bs-btn-disabled-color: var(--bs-success-contrast); - --bs-btn-disabled-bg: var(--bs-success); - --bs-btn-disabled-border-color: var(--bs-success); - --bs-btn-group-border-color: color-mix(in sRGB, #000 10%, var(--bs-success)) - } - - .btn-label-success { - --bs-btn-color: var(--bs-success); - --bs-btn-bg: color-mix(in sRGB, var(--bs-paper-bg) var(--bs-bg-label-tint-amount), var(--bs-success)); - --bs-btn-border-color: var(--bs-btn-bg); - --bs-btn-hover-color: var(--bs-success-contrast); - --bs-btn-hover-bg: color-mix(in sRGB, #000 15%, var(--bs-success)); - --bs-btn-box-shadow-rgb: var(--bs-success-rgb); - --bs-btn-hover-border-color: var(--bs-btn-hover-bg); - --bs-btn-active-color: var(--bs-success-contrast); - --bs-btn-active-bg: color-mix(in sRGB, #000 15%, var(--bs-success)); - --bs-btn-active-border-color: var(--bs-btn-active-bg); - --bs-btn-disabled-color: var(--bs-btn-color); - --bs-btn-disabled-bg: var(--bs-btn-bg); - --bs-btn-disabled-border-color: var(--bs-btn-border-color); - --bs-btn-group-border-color: color-mix(in sRGB, var(--bs-paper-bg) 68%, var(--bs-success)) - } - - .btn-outline-success { - --bs-btn-color: var(--bs-success); - --bs-btn-border-color: var(--bs-success); - --bs-btn-hover-color: var(--bs-success-contrast); - --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-success)); - --bs-btn-hover-border-color: var(--bs-btn-hover-bg); - --bs-btn-box-shadow-rgb: var(--bs-success-rgb); - --bs-btn-active-color: var(--bs-success-contrast); - --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-success)); - --bs-btn-active-border-color: var(--bs-btn-active-bg); - --bs-btn-disabled-color: var(--bs-success); - --bs-btn-disabled-border-color: var(--bs-success); - --bs-btn-group-border-color: var(--bs-success) - } - - .btn-text-success { - --bs-btn-color: var(--bs-success); - --bs-btn-hover-color: var(--bs-success); - --bs-btn-active-color: var(--bs-success); - --bs-btn-group-border-color: var(--bs-success); - --bs-btn-hover-color: var(--bs-success); - --bs-btn-active-color: var(--bs-success); - --bs-btn-group-border-color: var(--bs-success); - --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-success)); - --bs-btn-hover-border-color: var(--bs-btn-hover-bg); - --bs-btn-active-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-success)); - --bs-btn-active-border-color: var(--bs-btn-active-bg); - --bs-btn-disabled-color: var(--bs-success) - } - - .btn-info { - --bs-btn-bg: var(--bs-info); - --bs-btn-color: var(--bs-info-contrast); - --bs-btn-border-color: var(--bs-info); - --bs-btn-hover-color: var(--bs-info-contrast); - --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-info)); - --bs-btn-hover-border-color: var(--bs-btn-hover-bg); - --bs-btn-active-color: var(--bs-info-contrast); - --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-info)); - --bs-btn-active-border-color: var(--bs-btn-active-bg); - --bs-btn-box-shadow-rgb: var(--bs-info-rgb); - --bs-btn-disabled-color: var(--bs-info-contrast); - --bs-btn-disabled-bg: var(--bs-info); - --bs-btn-disabled-border-color: var(--bs-info); - --bs-btn-group-border-color: color-mix(in sRGB, #000 10%, var(--bs-info)) - } - - .btn-label-info { - --bs-btn-color: var(--bs-info); - --bs-btn-bg: color-mix(in sRGB, var(--bs-paper-bg) var(--bs-bg-label-tint-amount), var(--bs-info)); - --bs-btn-border-color: var(--bs-btn-bg); - --bs-btn-hover-color: var(--bs-info-contrast); - --bs-btn-hover-bg: color-mix(in sRGB, #000 15%, var(--bs-info)); - --bs-btn-box-shadow-rgb: var(--bs-info-rgb); - --bs-btn-hover-border-color: var(--bs-btn-hover-bg); - --bs-btn-active-color: var(--bs-info-contrast); - --bs-btn-active-bg: color-mix(in sRGB, #000 15%, var(--bs-info)); - --bs-btn-active-border-color: var(--bs-btn-active-bg); - --bs-btn-disabled-color: var(--bs-btn-color); - --bs-btn-disabled-bg: var(--bs-btn-bg); - --bs-btn-disabled-border-color: var(--bs-btn-border-color); - --bs-btn-group-border-color: color-mix(in sRGB, var(--bs-paper-bg) 68%, var(--bs-info)) - } - - .btn-outline-info { - --bs-btn-color: var(--bs-info); - --bs-btn-border-color: var(--bs-info); - --bs-btn-hover-color: var(--bs-info-contrast); - --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-info)); - --bs-btn-hover-border-color: var(--bs-btn-hover-bg); - --bs-btn-box-shadow-rgb: var(--bs-info-rgb); - --bs-btn-active-color: var(--bs-info-contrast); - --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-info)); - --bs-btn-active-border-color: var(--bs-btn-active-bg); - --bs-btn-disabled-color: var(--bs-info); - --bs-btn-disabled-border-color: var(--bs-info); - --bs-btn-group-border-color: var(--bs-info) - } - - .btn-text-info { - --bs-btn-color: var(--bs-info); - --bs-btn-hover-color: var(--bs-info); - --bs-btn-active-color: var(--bs-info); - --bs-btn-group-border-color: var(--bs-info); - --bs-btn-hover-color: var(--bs-info); - --bs-btn-active-color: var(--bs-info); - --bs-btn-group-border-color: var(--bs-info); - --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-info)); - --bs-btn-hover-border-color: var(--bs-btn-hover-bg); - --bs-btn-active-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-info)); - --bs-btn-active-border-color: var(--bs-btn-active-bg); - --bs-btn-disabled-color: var(--bs-info) - } - - .btn-warning { - --bs-btn-bg: var(--bs-warning); - --bs-btn-color: var(--bs-warning-contrast); - --bs-btn-border-color: var(--bs-warning); - --bs-btn-hover-color: var(--bs-warning-contrast); - --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-warning)); - --bs-btn-hover-border-color: var(--bs-btn-hover-bg); - --bs-btn-active-color: var(--bs-warning-contrast); - --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-warning)); - --bs-btn-active-border-color: var(--bs-btn-active-bg); - --bs-btn-box-shadow-rgb: var(--bs-warning-rgb); - --bs-btn-disabled-color: var(--bs-warning-contrast); - --bs-btn-disabled-bg: var(--bs-warning); - --bs-btn-disabled-border-color: var(--bs-warning); - --bs-btn-group-border-color: color-mix(in sRGB, #000 10%, var(--bs-warning)) - } - - .btn-label-warning { - --bs-btn-color: var(--bs-warning); - --bs-btn-bg: color-mix(in sRGB, var(--bs-paper-bg) var(--bs-bg-label-tint-amount), var(--bs-warning)); - --bs-btn-border-color: var(--bs-btn-bg); - --bs-btn-hover-color: var(--bs-warning-contrast); - --bs-btn-hover-bg: color-mix(in sRGB, #000 15%, var(--bs-warning)); - --bs-btn-box-shadow-rgb: var(--bs-warning-rgb); - --bs-btn-hover-border-color: var(--bs-btn-hover-bg); - --bs-btn-active-color: var(--bs-warning-contrast); - --bs-btn-active-bg: color-mix(in sRGB, #000 15%, var(--bs-warning)); - --bs-btn-active-border-color: var(--bs-btn-active-bg); - --bs-btn-disabled-color: var(--bs-btn-color); - --bs-btn-disabled-bg: var(--bs-btn-bg); - --bs-btn-disabled-border-color: var(--bs-btn-border-color); - --bs-btn-group-border-color: color-mix(in sRGB, var(--bs-paper-bg) 68%, var(--bs-warning)) - } - - .btn-outline-warning { - --bs-btn-color: var(--bs-warning); - --bs-btn-border-color: var(--bs-warning); - --bs-btn-hover-color: var(--bs-warning-contrast); - --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-warning)); - --bs-btn-hover-border-color: var(--bs-btn-hover-bg); - --bs-btn-box-shadow-rgb: var(--bs-warning-rgb); - --bs-btn-active-color: var(--bs-warning-contrast); - --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-warning)); - --bs-btn-active-border-color: var(--bs-btn-active-bg); - --bs-btn-disabled-color: var(--bs-warning); - --bs-btn-disabled-border-color: var(--bs-warning); - --bs-btn-group-border-color: var(--bs-warning) - } - - .btn-text-warning { - --bs-btn-color: var(--bs-warning); - --bs-btn-hover-color: var(--bs-warning); - --bs-btn-active-color: var(--bs-warning); - --bs-btn-group-border-color: var(--bs-warning); - --bs-btn-hover-color: var(--bs-warning); - --bs-btn-active-color: var(--bs-warning); - --bs-btn-group-border-color: var(--bs-warning); - --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-warning)); - --bs-btn-hover-border-color: var(--bs-btn-hover-bg); - --bs-btn-active-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-warning)); - --bs-btn-active-border-color: var(--bs-btn-active-bg); - --bs-btn-disabled-color: var(--bs-warning) - } - - .btn-danger { - --bs-btn-bg: var(--bs-danger); - --bs-btn-color: var(--bs-danger-contrast); - --bs-btn-border-color: var(--bs-danger); - --bs-btn-hover-color: var(--bs-danger-contrast); - --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-danger)); - --bs-btn-hover-border-color: var(--bs-btn-hover-bg); - --bs-btn-active-color: var(--bs-danger-contrast); - --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-danger)); - --bs-btn-active-border-color: var(--bs-btn-active-bg); - --bs-btn-box-shadow-rgb: var(--bs-danger-rgb); - --bs-btn-disabled-color: var(--bs-danger-contrast); - --bs-btn-disabled-bg: var(--bs-danger); - --bs-btn-disabled-border-color: var(--bs-danger); - --bs-btn-group-border-color: color-mix(in sRGB, #000 10%, var(--bs-danger)) - } - - .btn-label-danger { - --bs-btn-color: var(--bs-danger); - --bs-btn-bg: color-mix(in sRGB, var(--bs-paper-bg) var(--bs-bg-label-tint-amount), var(--bs-danger)); - --bs-btn-border-color: var(--bs-btn-bg); - --bs-btn-hover-color: var(--bs-danger-contrast); - --bs-btn-hover-bg: color-mix(in sRGB, #000 15%, var(--bs-danger)); - --bs-btn-box-shadow-rgb: var(--bs-danger-rgb); - --bs-btn-hover-border-color: var(--bs-btn-hover-bg); - --bs-btn-active-color: var(--bs-danger-contrast); - --bs-btn-active-bg: color-mix(in sRGB, #000 15%, var(--bs-danger)); - --bs-btn-active-border-color: var(--bs-btn-active-bg); - --bs-btn-disabled-color: var(--bs-btn-color); - --bs-btn-disabled-bg: var(--bs-btn-bg); - --bs-btn-disabled-border-color: var(--bs-btn-border-color); - --bs-btn-group-border-color: color-mix(in sRGB, var(--bs-paper-bg) 68%, var(--bs-danger)) - } - - .btn-outline-danger { - --bs-btn-color: var(--bs-danger); - --bs-btn-border-color: var(--bs-danger); - --bs-btn-hover-color: var(--bs-danger-contrast); - --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-danger)); - --bs-btn-hover-border-color: var(--bs-btn-hover-bg); - --bs-btn-box-shadow-rgb: var(--bs-danger-rgb); - --bs-btn-active-color: var(--bs-danger-contrast); - --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-danger)); - --bs-btn-active-border-color: var(--bs-btn-active-bg); - --bs-btn-disabled-color: var(--bs-danger); - --bs-btn-disabled-border-color: var(--bs-danger); - --bs-btn-group-border-color: var(--bs-danger) - } - - .btn-text-danger { - --bs-btn-color: var(--bs-danger); - --bs-btn-hover-color: var(--bs-danger); - --bs-btn-active-color: var(--bs-danger); - --bs-btn-group-border-color: var(--bs-danger); - --bs-btn-hover-color: var(--bs-danger); - --bs-btn-active-color: var(--bs-danger); - --bs-btn-group-border-color: var(--bs-danger); - --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-danger)); - --bs-btn-hover-border-color: var(--bs-btn-hover-bg); - --bs-btn-active-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-danger)); - --bs-btn-active-border-color: var(--bs-btn-active-bg); - --bs-btn-disabled-color: var(--bs-danger) - } - - .btn-light { - --bs-btn-bg: var(--bs-light); - --bs-btn-color: var(--bs-light-contrast); - --bs-btn-border-color: var(--bs-light); - --bs-btn-hover-color: var(--bs-light-contrast); - --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-light)); - --bs-btn-hover-border-color: var(--bs-btn-hover-bg); - --bs-btn-active-color: var(--bs-light-contrast); - --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-light)); - --bs-btn-active-border-color: var(--bs-btn-active-bg); - --bs-btn-box-shadow-rgb: var(--bs-light-rgb); - --bs-btn-disabled-color: var(--bs-light-contrast); - --bs-btn-disabled-bg: var(--bs-light); - --bs-btn-disabled-border-color: var(--bs-light); - --bs-btn-group-border-color: color-mix(in sRGB, #000 10%, var(--bs-light)) - } - - .btn-label-light { - --bs-btn-color: var(--bs-light-contrast); - --bs-btn-bg: color-mix(in sRGB, var(--bs-paper-bg) var(--bs-bg-label-tint-amount), var(--bs-light)); - --bs-btn-border-color: var(--bs-btn-bg); - --bs-btn-hover-color: var(--bs-light-contrast); - --bs-btn-hover-bg: color-mix(in sRGB, #000 15%, var(--bs-light)); - --bs-btn-box-shadow-rgb: var(--bs-light-rgb); - --bs-btn-hover-border-color: var(--bs-btn-hover-bg); - --bs-btn-active-color: var(--bs-light-contrast); - --bs-btn-active-bg: color-mix(in sRGB, #000 15%, var(--bs-light)); - --bs-btn-active-border-color: var(--bs-btn-active-bg); - --bs-btn-disabled-color: var(--bs-btn-color); - --bs-btn-disabled-bg: var(--bs-btn-bg); - --bs-btn-disabled-border-color: var(--bs-btn-border-color); - --bs-btn-group-border-color: color-mix(in sRGB, var(--bs-paper-bg) 68%, var(--bs-light)) - } - - .btn-outline-light { - --bs-btn-color: var(--bs-light); - --bs-btn-border-color: var(--bs-light); - --bs-btn-hover-color: var(--bs-light-contrast); - --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-light)); - --bs-btn-hover-border-color: var(--bs-btn-hover-bg); - --bs-btn-box-shadow-rgb: var(--bs-light-rgb); - --bs-btn-active-color: var(--bs-light-contrast); - --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-light)); - --bs-btn-active-border-color: var(--bs-btn-active-bg); - --bs-btn-disabled-color: var(--bs-light); - --bs-btn-disabled-border-color: var(--bs-light); - --bs-btn-group-border-color: var(--bs-light) - } - - .btn-text-light { - --bs-btn-color: var(--bs-light); - --bs-btn-hover-color: var(--bs-light); - --bs-btn-active-color: var(--bs-light); - --bs-btn-group-border-color: var(--bs-light); - --bs-btn-hover-color: var(--bs-light); - --bs-btn-active-color: var(--bs-light); - --bs-btn-group-border-color: var(--bs-light); - --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-light)); - --bs-btn-hover-border-color: var(--bs-btn-hover-bg); - --bs-btn-active-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-light)); - --bs-btn-active-border-color: var(--bs-btn-active-bg); - --bs-btn-disabled-color: var(--bs-light) - } - - .btn-dark { - --bs-btn-bg: var(--bs-dark); - --bs-btn-color: var(--bs-dark-contrast); - --bs-btn-border-color: var(--bs-dark); - --bs-btn-hover-color: var(--bs-dark-contrast); - --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-dark)); - --bs-btn-hover-border-color: var(--bs-btn-hover-bg); - --bs-btn-active-color: var(--bs-dark-contrast); - --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-dark)); - --bs-btn-active-border-color: var(--bs-btn-active-bg); - --bs-btn-box-shadow-rgb: var(--bs-dark-rgb); - --bs-btn-disabled-color: var(--bs-dark-contrast); - --bs-btn-disabled-bg: var(--bs-dark); - --bs-btn-disabled-border-color: var(--bs-dark); - --bs-btn-group-border-color: color-mix(in sRGB, #000 10%, var(--bs-dark)) - } - - .btn-label-dark { - --bs-btn-color: var(--bs-dark); - --bs-btn-bg: color-mix(in sRGB, var(--bs-paper-bg) var(--bs-bg-label-tint-amount), var(--bs-dark)); - --bs-btn-border-color: var(--bs-btn-bg); - --bs-btn-hover-color: var(--bs-dark-contrast); - --bs-btn-hover-bg: color-mix(in sRGB, #000 15%, var(--bs-dark)); - --bs-btn-box-shadow-rgb: var(--bs-dark-rgb); - --bs-btn-hover-border-color: var(--bs-btn-hover-bg); - --bs-btn-active-color: var(--bs-dark-contrast); - --bs-btn-active-bg: color-mix(in sRGB, #000 15%, var(--bs-dark)); - --bs-btn-active-border-color: var(--bs-btn-active-bg); - --bs-btn-disabled-color: var(--bs-btn-color); - --bs-btn-disabled-bg: var(--bs-btn-bg); - --bs-btn-disabled-border-color: var(--bs-btn-border-color); - --bs-btn-group-border-color: color-mix(in sRGB, var(--bs-paper-bg) 68%, var(--bs-dark)) - } - - .btn-outline-dark { - --bs-btn-color: var(--bs-dark); - --bs-btn-border-color: var(--bs-dark); - --bs-btn-hover-color: var(--bs-dark-contrast); - --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-dark)); - --bs-btn-hover-border-color: var(--bs-btn-hover-bg); - --bs-btn-box-shadow-rgb: var(--bs-dark-rgb); - --bs-btn-active-color: var(--bs-dark-contrast); - --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-dark)); - --bs-btn-active-border-color: var(--bs-btn-active-bg); - --bs-btn-disabled-color: var(--bs-dark); - --bs-btn-disabled-border-color: var(--bs-dark); - --bs-btn-group-border-color: var(--bs-dark) - } - - .btn-text-dark { - --bs-btn-color: var(--bs-dark); - --bs-btn-hover-color: var(--bs-dark); - --bs-btn-active-color: var(--bs-dark); - --bs-btn-group-border-color: var(--bs-dark); - --bs-btn-hover-color: var(--bs-dark); - --bs-btn-active-color: var(--bs-dark); - --bs-btn-group-border-color: var(--bs-dark); - --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-dark)); - --bs-btn-hover-border-color: var(--bs-btn-hover-bg); - --bs-btn-active-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-dark)); - --bs-btn-active-border-color: var(--bs-btn-active-bg); - --bs-btn-disabled-color: var(--bs-dark) - } - - .btn-gray { - --bs-btn-bg: var(--bs-gray); - --bs-btn-color: var(--bs-gray-contrast); - --bs-btn-border-color: var(--bs-gray); - --bs-btn-hover-color: var(--bs-gray-contrast); - --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-gray)); - --bs-btn-hover-border-color: var(--bs-btn-hover-bg); - --bs-btn-active-color: var(--bs-gray-contrast); - --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-gray)); - --bs-btn-active-border-color: var(--bs-btn-active-bg); - --bs-btn-box-shadow-rgb: var(--bs-gray-rgb); - --bs-btn-disabled-color: var(--bs-gray-contrast); - --bs-btn-disabled-bg: var(--bs-gray); - --bs-btn-disabled-border-color: var(--bs-gray); - --bs-btn-group-border-color: color-mix(in sRGB, #000 10%, var(--bs-gray)) - } - - .btn-label-gray { - --bs-btn-color: var(--bs-gray); - --bs-btn-bg: color-mix(in sRGB, var(--bs-paper-bg) var(--bs-bg-label-tint-amount), var(--bs-gray)); - --bs-btn-border-color: var(--bs-btn-bg); - --bs-btn-hover-color: var(--bs-gray-contrast); - --bs-btn-hover-bg: color-mix(in sRGB, #000 15%, var(--bs-gray)); - --bs-btn-box-shadow-rgb: var(--bs-gray-rgb); - --bs-btn-hover-border-color: var(--bs-btn-hover-bg); - --bs-btn-active-color: var(--bs-gray-contrast); - --bs-btn-active-bg: color-mix(in sRGB, #000 15%, var(--bs-gray)); - --bs-btn-active-border-color: var(--bs-btn-active-bg); - --bs-btn-disabled-color: var(--bs-btn-color); - --bs-btn-disabled-bg: var(--bs-btn-bg); - --bs-btn-disabled-border-color: var(--bs-btn-border-color); - --bs-btn-group-border-color: color-mix(in sRGB, var(--bs-paper-bg) 68%, var(--bs-gray)) - } - - .btn-outline-gray { - --bs-btn-color: var(--bs-gray); - --bs-btn-border-color: var(--bs-gray); - --bs-btn-hover-color: var(--bs-gray-contrast); - --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-gray)); - --bs-btn-hover-border-color: var(--bs-btn-hover-bg); - --bs-btn-box-shadow-rgb: var(--bs-gray-rgb); - --bs-btn-active-color: var(--bs-gray-contrast); - --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-gray)); - --bs-btn-active-border-color: var(--bs-btn-active-bg); - --bs-btn-disabled-color: var(--bs-gray); - --bs-btn-disabled-border-color: var(--bs-gray); - --bs-btn-group-border-color: var(--bs-gray) - } - - .btn-text-gray { - --bs-btn-color: var(--bs-gray); - --bs-btn-hover-color: var(--bs-gray); - --bs-btn-active-color: var(--bs-gray); - --bs-btn-group-border-color: var(--bs-gray); - --bs-btn-hover-color: var(--bs-gray); - --bs-btn-active-color: var(--bs-gray); - --bs-btn-group-border-color: var(--bs-gray); - --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-gray)); - --bs-btn-hover-border-color: var(--bs-btn-hover-bg); - --bs-btn-active-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-gray)); - --bs-btn-active-border-color: var(--bs-btn-active-bg); - --bs-btn-disabled-color: var(--bs-gray) - } - - .btn-facebook { - --bs-btn-bg: var(--bs-facebook); - --bs-btn-color: var(--bs-facebook-contrast); - --bs-btn-border-color: var(--bs-facebook); - --bs-btn-hover-color: var(--bs-facebook-contrast); - --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-facebook)); - --bs-btn-hover-border-color: var(--bs-btn-hover-bg); - --bs-btn-active-color: var(--bs-facebook-contrast); - --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-facebook)); - --bs-btn-active-border-color: var(--bs-btn-active-bg); - --bs-btn-box-shadow-rgb: var(--bs-facebook-rgb); - --bs-btn-disabled-color: var(--bs-facebook-contrast); - --bs-btn-disabled-bg: var(--bs-facebook); - --bs-btn-disabled-border-color: var(--bs-facebook); - --bs-btn-group-border-color: color-mix(in sRGB, #000 10%, var(--bs-facebook)) - } - - .btn-label-facebook { - --bs-btn-color: var(--bs-facebook); - --bs-btn-bg: color-mix(in sRGB, var(--bs-paper-bg) var(--bs-bg-label-tint-amount), var(--bs-facebook)); - --bs-btn-border-color: var(--bs-btn-bg); - --bs-btn-hover-color: var(--bs-facebook-contrast); - --bs-btn-hover-bg: color-mix(in sRGB, #000 15%, var(--bs-facebook)); - --bs-btn-box-shadow-rgb: var(--bs-facebook-rgb); - --bs-btn-hover-border-color: var(--bs-btn-hover-bg); - --bs-btn-active-color: var(--bs-facebook-contrast); - --bs-btn-active-bg: color-mix(in sRGB, #000 15%, var(--bs-facebook)); - --bs-btn-active-border-color: var(--bs-btn-active-bg); - --bs-btn-disabled-color: var(--bs-btn-color); - --bs-btn-disabled-bg: var(--bs-btn-bg); - --bs-btn-disabled-border-color: var(--bs-btn-border-color); - --bs-btn-group-border-color: color-mix(in sRGB, var(--bs-paper-bg) 68%, var(--bs-facebook)) - } - - .btn-outline-facebook { - --bs-btn-color: var(--bs-facebook); - --bs-btn-border-color: var(--bs-facebook); - --bs-btn-hover-color: var(--bs-facebook-contrast); - --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-facebook)); - --bs-btn-hover-border-color: var(--bs-btn-hover-bg); - --bs-btn-box-shadow-rgb: var(--bs-facebook-rgb); - --bs-btn-active-color: var(--bs-facebook-contrast); - --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-facebook)); - --bs-btn-active-border-color: var(--bs-btn-active-bg); - --bs-btn-disabled-color: var(--bs-facebook); - --bs-btn-disabled-border-color: var(--bs-facebook); - --bs-btn-group-border-color: var(--bs-facebook) - } - - .btn-text-facebook { - --bs-btn-color: var(--bs-facebook); - --bs-btn-hover-color: var(--bs-facebook); - --bs-btn-active-color: var(--bs-facebook); - --bs-btn-group-border-color: var(--bs-facebook); - --bs-btn-hover-color: var(--bs-facebook); - --bs-btn-active-color: var(--bs-facebook); - --bs-btn-group-border-color: var(--bs-facebook); - --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-facebook)); - --bs-btn-hover-border-color: var(--bs-btn-hover-bg); - --bs-btn-active-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-facebook)); - --bs-btn-active-border-color: var(--bs-btn-active-bg); - --bs-btn-disabled-color: var(--bs-facebook) - } - - .btn-twitter { - --bs-btn-bg: var(--bs-twitter); - --bs-btn-color: var(--bs-twitter-contrast); - --bs-btn-border-color: var(--bs-twitter); - --bs-btn-hover-color: var(--bs-twitter-contrast); - --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-twitter)); - --bs-btn-hover-border-color: var(--bs-btn-hover-bg); - --bs-btn-active-color: var(--bs-twitter-contrast); - --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-twitter)); - --bs-btn-active-border-color: var(--bs-btn-active-bg); - --bs-btn-box-shadow-rgb: var(--bs-twitter-rgb); - --bs-btn-disabled-color: var(--bs-twitter-contrast); - --bs-btn-disabled-bg: var(--bs-twitter); - --bs-btn-disabled-border-color: var(--bs-twitter); - --bs-btn-group-border-color: color-mix(in sRGB, #000 10%, var(--bs-twitter)) - } - - .btn-label-twitter { - --bs-btn-color: var(--bs-twitter); - --bs-btn-bg: color-mix(in sRGB, var(--bs-paper-bg) var(--bs-bg-label-tint-amount), var(--bs-twitter)); - --bs-btn-border-color: var(--bs-btn-bg); - --bs-btn-hover-color: var(--bs-twitter-contrast); - --bs-btn-hover-bg: color-mix(in sRGB, #000 15%, var(--bs-twitter)); - --bs-btn-box-shadow-rgb: var(--bs-twitter-rgb); - --bs-btn-hover-border-color: var(--bs-btn-hover-bg); - --bs-btn-active-color: var(--bs-twitter-contrast); - --bs-btn-active-bg: color-mix(in sRGB, #000 15%, var(--bs-twitter)); - --bs-btn-active-border-color: var(--bs-btn-active-bg); - --bs-btn-disabled-color: var(--bs-btn-color); - --bs-btn-disabled-bg: var(--bs-btn-bg); - --bs-btn-disabled-border-color: var(--bs-btn-border-color); - --bs-btn-group-border-color: color-mix(in sRGB, var(--bs-paper-bg) 68%, var(--bs-twitter)) - } - - .btn-outline-twitter { - --bs-btn-color: var(--bs-twitter); - --bs-btn-border-color: var(--bs-twitter); - --bs-btn-hover-color: var(--bs-twitter-contrast); - --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-twitter)); - --bs-btn-hover-border-color: var(--bs-btn-hover-bg); - --bs-btn-box-shadow-rgb: var(--bs-twitter-rgb); - --bs-btn-active-color: var(--bs-twitter-contrast); - --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-twitter)); - --bs-btn-active-border-color: var(--bs-btn-active-bg); - --bs-btn-disabled-color: var(--bs-twitter); - --bs-btn-disabled-border-color: var(--bs-twitter); - --bs-btn-group-border-color: var(--bs-twitter) - } - - .btn-text-twitter { - --bs-btn-color: var(--bs-twitter); - --bs-btn-hover-color: var(--bs-twitter); - --bs-btn-active-color: var(--bs-twitter); - --bs-btn-group-border-color: var(--bs-twitter); - --bs-btn-hover-color: var(--bs-twitter); - --bs-btn-active-color: var(--bs-twitter); - --bs-btn-group-border-color: var(--bs-twitter); - --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-twitter)); - --bs-btn-hover-border-color: var(--bs-btn-hover-bg); - --bs-btn-active-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-twitter)); - --bs-btn-active-border-color: var(--bs-btn-active-bg); - --bs-btn-disabled-color: var(--bs-twitter) - } - - .btn-google-plus { - --bs-btn-bg: var(--bs-google-plus); - --bs-btn-color: var(--bs-google-plus-contrast); - --bs-btn-border-color: var(--bs-google-plus); - --bs-btn-hover-color: var(--bs-google-plus-contrast); - --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-google-plus)); - --bs-btn-hover-border-color: var(--bs-btn-hover-bg); - --bs-btn-active-color: var(--bs-google-plus-contrast); - --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-google-plus)); - --bs-btn-active-border-color: var(--bs-btn-active-bg); - --bs-btn-box-shadow-rgb: var(--bs-google-plus-rgb); - --bs-btn-disabled-color: var(--bs-google-plus-contrast); - --bs-btn-disabled-bg: var(--bs-google-plus); - --bs-btn-disabled-border-color: var(--bs-google-plus); - --bs-btn-group-border-color: color-mix(in sRGB, #000 10%, var(--bs-google-plus)) - } - - .btn-label-google-plus { - --bs-btn-color: var(--bs-google-plus); - --bs-btn-bg: color-mix(in sRGB, var(--bs-paper-bg) var(--bs-bg-label-tint-amount), var(--bs-google-plus)); - --bs-btn-border-color: var(--bs-btn-bg); - --bs-btn-hover-color: var(--bs-google-plus-contrast); - --bs-btn-hover-bg: color-mix(in sRGB, #000 15%, var(--bs-google-plus)); - --bs-btn-box-shadow-rgb: var(--bs-google-plus-rgb); - --bs-btn-hover-border-color: var(--bs-btn-hover-bg); - --bs-btn-active-color: var(--bs-google-plus-contrast); - --bs-btn-active-bg: color-mix(in sRGB, #000 15%, var(--bs-google-plus)); - --bs-btn-active-border-color: var(--bs-btn-active-bg); - --bs-btn-disabled-color: var(--bs-btn-color); - --bs-btn-disabled-bg: var(--bs-btn-bg); - --bs-btn-disabled-border-color: var(--bs-btn-border-color); - --bs-btn-group-border-color: color-mix(in sRGB, var(--bs-paper-bg) 68%, var(--bs-google-plus)) - } - - .btn-outline-google-plus { - --bs-btn-color: var(--bs-google-plus); - --bs-btn-border-color: var(--bs-google-plus); - --bs-btn-hover-color: var(--bs-google-plus-contrast); - --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-google-plus)); - --bs-btn-hover-border-color: var(--bs-btn-hover-bg); - --bs-btn-box-shadow-rgb: var(--bs-google-plus-rgb); - --bs-btn-active-color: var(--bs-google-plus-contrast); - --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-google-plus)); - --bs-btn-active-border-color: var(--bs-btn-active-bg); - --bs-btn-disabled-color: var(--bs-google-plus); - --bs-btn-disabled-border-color: var(--bs-google-plus); - --bs-btn-group-border-color: var(--bs-google-plus) - } - - .btn-text-google-plus { - --bs-btn-color: var(--bs-google-plus); - --bs-btn-hover-color: var(--bs-google-plus); - --bs-btn-active-color: var(--bs-google-plus); - --bs-btn-group-border-color: var(--bs-google-plus); - --bs-btn-hover-color: var(--bs-google-plus); - --bs-btn-active-color: var(--bs-google-plus); - --bs-btn-group-border-color: var(--bs-google-plus); - --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-google-plus)); - --bs-btn-hover-border-color: var(--bs-btn-hover-bg); - --bs-btn-active-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-google-plus)); - --bs-btn-active-border-color: var(--bs-btn-active-bg); - --bs-btn-disabled-color: var(--bs-google-plus) - } - - .btn-instagram { - --bs-btn-bg: var(--bs-instagram); - --bs-btn-color: var(--bs-instagram-contrast); - --bs-btn-border-color: var(--bs-instagram); - --bs-btn-hover-color: var(--bs-instagram-contrast); - --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-instagram)); - --bs-btn-hover-border-color: var(--bs-btn-hover-bg); - --bs-btn-active-color: var(--bs-instagram-contrast); - --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-instagram)); - --bs-btn-active-border-color: var(--bs-btn-active-bg); - --bs-btn-box-shadow-rgb: var(--bs-instagram-rgb); - --bs-btn-disabled-color: var(--bs-instagram-contrast); - --bs-btn-disabled-bg: var(--bs-instagram); - --bs-btn-disabled-border-color: var(--bs-instagram); - --bs-btn-group-border-color: color-mix(in sRGB, #000 10%, var(--bs-instagram)) - } - - .btn-label-instagram { - --bs-btn-color: var(--bs-instagram); - --bs-btn-bg: color-mix(in sRGB, var(--bs-paper-bg) var(--bs-bg-label-tint-amount), var(--bs-instagram)); - --bs-btn-border-color: var(--bs-btn-bg); - --bs-btn-hover-color: var(--bs-instagram-contrast); - --bs-btn-hover-bg: color-mix(in sRGB, #000 15%, var(--bs-instagram)); - --bs-btn-box-shadow-rgb: var(--bs-instagram-rgb); - --bs-btn-hover-border-color: var(--bs-btn-hover-bg); - --bs-btn-active-color: var(--bs-instagram-contrast); - --bs-btn-active-bg: color-mix(in sRGB, #000 15%, var(--bs-instagram)); - --bs-btn-active-border-color: var(--bs-btn-active-bg); - --bs-btn-disabled-color: var(--bs-btn-color); - --bs-btn-disabled-bg: var(--bs-btn-bg); - --bs-btn-disabled-border-color: var(--bs-btn-border-color); - --bs-btn-group-border-color: color-mix(in sRGB, var(--bs-paper-bg) 68%, var(--bs-instagram)) - } - - .btn-outline-instagram { - --bs-btn-color: var(--bs-instagram); - --bs-btn-border-color: var(--bs-instagram); - --bs-btn-hover-color: var(--bs-instagram-contrast); - --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-instagram)); - --bs-btn-hover-border-color: var(--bs-btn-hover-bg); - --bs-btn-box-shadow-rgb: var(--bs-instagram-rgb); - --bs-btn-active-color: var(--bs-instagram-contrast); - --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-instagram)); - --bs-btn-active-border-color: var(--bs-btn-active-bg); - --bs-btn-disabled-color: var(--bs-instagram); - --bs-btn-disabled-border-color: var(--bs-instagram); - --bs-btn-group-border-color: var(--bs-instagram) - } - - .btn-text-instagram { - --bs-btn-color: var(--bs-instagram); - --bs-btn-hover-color: var(--bs-instagram); - --bs-btn-active-color: var(--bs-instagram); - --bs-btn-group-border-color: var(--bs-instagram); - --bs-btn-hover-color: var(--bs-instagram); - --bs-btn-active-color: var(--bs-instagram); - --bs-btn-group-border-color: var(--bs-instagram); - --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-instagram)); - --bs-btn-hover-border-color: var(--bs-btn-hover-bg); - --bs-btn-active-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-instagram)); - --bs-btn-active-border-color: var(--bs-btn-active-bg); - --bs-btn-disabled-color: var(--bs-instagram) - } - - .btn-linkedin { - --bs-btn-bg: var(--bs-linkedin); - --bs-btn-color: var(--bs-linkedin-contrast); - --bs-btn-border-color: var(--bs-linkedin); - --bs-btn-hover-color: var(--bs-linkedin-contrast); - --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-linkedin)); - --bs-btn-hover-border-color: var(--bs-btn-hover-bg); - --bs-btn-active-color: var(--bs-linkedin-contrast); - --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-linkedin)); - --bs-btn-active-border-color: var(--bs-btn-active-bg); - --bs-btn-box-shadow-rgb: var(--bs-linkedin-rgb); - --bs-btn-disabled-color: var(--bs-linkedin-contrast); - --bs-btn-disabled-bg: var(--bs-linkedin); - --bs-btn-disabled-border-color: var(--bs-linkedin); - --bs-btn-group-border-color: color-mix(in sRGB, #000 10%, var(--bs-linkedin)) - } - - .btn-label-linkedin { - --bs-btn-color: var(--bs-linkedin); - --bs-btn-bg: color-mix(in sRGB, var(--bs-paper-bg) var(--bs-bg-label-tint-amount), var(--bs-linkedin)); - --bs-btn-border-color: var(--bs-btn-bg); - --bs-btn-hover-color: var(--bs-linkedin-contrast); - --bs-btn-hover-bg: color-mix(in sRGB, #000 15%, var(--bs-linkedin)); - --bs-btn-box-shadow-rgb: var(--bs-linkedin-rgb); - --bs-btn-hover-border-color: var(--bs-btn-hover-bg); - --bs-btn-active-color: var(--bs-linkedin-contrast); - --bs-btn-active-bg: color-mix(in sRGB, #000 15%, var(--bs-linkedin)); - --bs-btn-active-border-color: var(--bs-btn-active-bg); - --bs-btn-disabled-color: var(--bs-btn-color); - --bs-btn-disabled-bg: var(--bs-btn-bg); - --bs-btn-disabled-border-color: var(--bs-btn-border-color); - --bs-btn-group-border-color: color-mix(in sRGB, var(--bs-paper-bg) 68%, var(--bs-linkedin)) - } - - .btn-outline-linkedin { - --bs-btn-color: var(--bs-linkedin); - --bs-btn-border-color: var(--bs-linkedin); - --bs-btn-hover-color: var(--bs-linkedin-contrast); - --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-linkedin)); - --bs-btn-hover-border-color: var(--bs-btn-hover-bg); - --bs-btn-box-shadow-rgb: var(--bs-linkedin-rgb); - --bs-btn-active-color: var(--bs-linkedin-contrast); - --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-linkedin)); - --bs-btn-active-border-color: var(--bs-btn-active-bg); - --bs-btn-disabled-color: var(--bs-linkedin); - --bs-btn-disabled-border-color: var(--bs-linkedin); - --bs-btn-group-border-color: var(--bs-linkedin) - } - - .btn-text-linkedin { - --bs-btn-color: var(--bs-linkedin); - --bs-btn-hover-color: var(--bs-linkedin); - --bs-btn-active-color: var(--bs-linkedin); - --bs-btn-group-border-color: var(--bs-linkedin); - --bs-btn-hover-color: var(--bs-linkedin); - --bs-btn-active-color: var(--bs-linkedin); - --bs-btn-group-border-color: var(--bs-linkedin); - --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-linkedin)); - --bs-btn-hover-border-color: var(--bs-btn-hover-bg); - --bs-btn-active-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-linkedin)); - --bs-btn-active-border-color: var(--bs-btn-active-bg); - --bs-btn-disabled-color: var(--bs-linkedin) - } - - .btn-github { - --bs-btn-bg: var(--bs-github); - --bs-btn-color: var(--bs-github-contrast); - --bs-btn-border-color: var(--bs-github); - --bs-btn-hover-color: var(--bs-github-contrast); - --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-github)); - --bs-btn-hover-border-color: var(--bs-btn-hover-bg); - --bs-btn-active-color: var(--bs-github-contrast); - --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-github)); - --bs-btn-active-border-color: var(--bs-btn-active-bg); - --bs-btn-box-shadow-rgb: var(--bs-github-rgb); - --bs-btn-disabled-color: var(--bs-github-contrast); - --bs-btn-disabled-bg: var(--bs-github); - --bs-btn-disabled-border-color: var(--bs-github); - --bs-btn-group-border-color: color-mix(in sRGB, #000 10%, var(--bs-github)) - } - - .btn-label-github { - --bs-btn-color: var(--bs-github); - --bs-btn-bg: color-mix(in sRGB, var(--bs-paper-bg) var(--bs-bg-label-tint-amount), var(--bs-github)); - --bs-btn-border-color: var(--bs-btn-bg); - --bs-btn-hover-color: var(--bs-github-contrast); - --bs-btn-hover-bg: color-mix(in sRGB, #000 15%, var(--bs-github)); - --bs-btn-box-shadow-rgb: var(--bs-github-rgb); - --bs-btn-hover-border-color: var(--bs-btn-hover-bg); - --bs-btn-active-color: var(--bs-github-contrast); - --bs-btn-active-bg: color-mix(in sRGB, #000 15%, var(--bs-github)); - --bs-btn-active-border-color: var(--bs-btn-active-bg); - --bs-btn-disabled-color: var(--bs-btn-color); - --bs-btn-disabled-bg: var(--bs-btn-bg); - --bs-btn-disabled-border-color: var(--bs-btn-border-color); - --bs-btn-group-border-color: color-mix(in sRGB, var(--bs-paper-bg) 68%, var(--bs-github)) - } - - .btn-outline-github { - --bs-btn-color: var(--bs-github); - --bs-btn-border-color: var(--bs-github); - --bs-btn-hover-color: var(--bs-github-contrast); - --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-github)); - --bs-btn-hover-border-color: var(--bs-btn-hover-bg); - --bs-btn-box-shadow-rgb: var(--bs-github-rgb); - --bs-btn-active-color: var(--bs-github-contrast); - --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-github)); - --bs-btn-active-border-color: var(--bs-btn-active-bg); - --bs-btn-disabled-color: var(--bs-github); - --bs-btn-disabled-border-color: var(--bs-github); - --bs-btn-group-border-color: var(--bs-github) - } - - .btn-text-github { - --bs-btn-color: var(--bs-github); - --bs-btn-hover-color: var(--bs-github); - --bs-btn-active-color: var(--bs-github); - --bs-btn-group-border-color: var(--bs-github); - --bs-btn-hover-color: var(--bs-github); - --bs-btn-active-color: var(--bs-github); - --bs-btn-group-border-color: var(--bs-github); - --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-github)); - --bs-btn-hover-border-color: var(--bs-btn-hover-bg); - --bs-btn-active-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-github)); - --bs-btn-active-border-color: var(--bs-btn-active-bg); - --bs-btn-disabled-color: var(--bs-github) - } - - .btn-dribbble { - --bs-btn-bg: var(--bs-dribbble); - --bs-btn-color: var(--bs-dribbble-contrast); - --bs-btn-border-color: var(--bs-dribbble); - --bs-btn-hover-color: var(--bs-dribbble-contrast); - --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-dribbble)); - --bs-btn-hover-border-color: var(--bs-btn-hover-bg); - --bs-btn-active-color: var(--bs-dribbble-contrast); - --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-dribbble)); - --bs-btn-active-border-color: var(--bs-btn-active-bg); - --bs-btn-box-shadow-rgb: var(--bs-dribbble-rgb); - --bs-btn-disabled-color: var(--bs-dribbble-contrast); - --bs-btn-disabled-bg: var(--bs-dribbble); - --bs-btn-disabled-border-color: var(--bs-dribbble); - --bs-btn-group-border-color: color-mix(in sRGB, #000 10%, var(--bs-dribbble)) - } - - .btn-label-dribbble { - --bs-btn-color: var(--bs-dribbble); - --bs-btn-bg: color-mix(in sRGB, var(--bs-paper-bg) var(--bs-bg-label-tint-amount), var(--bs-dribbble)); - --bs-btn-border-color: var(--bs-btn-bg); - --bs-btn-hover-color: var(--bs-dribbble-contrast); - --bs-btn-hover-bg: color-mix(in sRGB, #000 15%, var(--bs-dribbble)); - --bs-btn-box-shadow-rgb: var(--bs-dribbble-rgb); - --bs-btn-hover-border-color: var(--bs-btn-hover-bg); - --bs-btn-active-color: var(--bs-dribbble-contrast); - --bs-btn-active-bg: color-mix(in sRGB, #000 15%, var(--bs-dribbble)); - --bs-btn-active-border-color: var(--bs-btn-active-bg); - --bs-btn-disabled-color: var(--bs-btn-color); - --bs-btn-disabled-bg: var(--bs-btn-bg); - --bs-btn-disabled-border-color: var(--bs-btn-border-color); - --bs-btn-group-border-color: color-mix(in sRGB, var(--bs-paper-bg) 68%, var(--bs-dribbble)) - } - - .btn-outline-dribbble { - --bs-btn-color: var(--bs-dribbble); - --bs-btn-border-color: var(--bs-dribbble); - --bs-btn-hover-color: var(--bs-dribbble-contrast); - --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-dribbble)); - --bs-btn-hover-border-color: var(--bs-btn-hover-bg); - --bs-btn-box-shadow-rgb: var(--bs-dribbble-rgb); - --bs-btn-active-color: var(--bs-dribbble-contrast); - --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-dribbble)); - --bs-btn-active-border-color: var(--bs-btn-active-bg); - --bs-btn-disabled-color: var(--bs-dribbble); - --bs-btn-disabled-border-color: var(--bs-dribbble); - --bs-btn-group-border-color: var(--bs-dribbble) - } - - .btn-text-dribbble { - --bs-btn-color: var(--bs-dribbble); - --bs-btn-hover-color: var(--bs-dribbble); - --bs-btn-active-color: var(--bs-dribbble); - --bs-btn-group-border-color: var(--bs-dribbble); - --bs-btn-hover-color: var(--bs-dribbble); - --bs-btn-active-color: var(--bs-dribbble); - --bs-btn-group-border-color: var(--bs-dribbble); - --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-dribbble)); - --bs-btn-hover-border-color: var(--bs-btn-hover-bg); - --bs-btn-active-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-dribbble)); - --bs-btn-active-border-color: var(--bs-btn-active-bg); - --bs-btn-disabled-color: var(--bs-dribbble) - } - - .btn-pinterest { - --bs-btn-bg: var(--bs-pinterest); - --bs-btn-color: var(--bs-pinterest-contrast); - --bs-btn-border-color: var(--bs-pinterest); - --bs-btn-hover-color: var(--bs-pinterest-contrast); - --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-pinterest)); - --bs-btn-hover-border-color: var(--bs-btn-hover-bg); - --bs-btn-active-color: var(--bs-pinterest-contrast); - --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-pinterest)); - --bs-btn-active-border-color: var(--bs-btn-active-bg); - --bs-btn-box-shadow-rgb: var(--bs-pinterest-rgb); - --bs-btn-disabled-color: var(--bs-pinterest-contrast); - --bs-btn-disabled-bg: var(--bs-pinterest); - --bs-btn-disabled-border-color: var(--bs-pinterest); - --bs-btn-group-border-color: color-mix(in sRGB, #000 10%, var(--bs-pinterest)) - } - - .btn-label-pinterest { - --bs-btn-color: var(--bs-pinterest); - --bs-btn-bg: color-mix(in sRGB, var(--bs-paper-bg) var(--bs-bg-label-tint-amount), var(--bs-pinterest)); - --bs-btn-border-color: var(--bs-btn-bg); - --bs-btn-hover-color: var(--bs-pinterest-contrast); - --bs-btn-hover-bg: color-mix(in sRGB, #000 15%, var(--bs-pinterest)); - --bs-btn-box-shadow-rgb: var(--bs-pinterest-rgb); - --bs-btn-hover-border-color: var(--bs-btn-hover-bg); - --bs-btn-active-color: var(--bs-pinterest-contrast); - --bs-btn-active-bg: color-mix(in sRGB, #000 15%, var(--bs-pinterest)); - --bs-btn-active-border-color: var(--bs-btn-active-bg); - --bs-btn-disabled-color: var(--bs-btn-color); - --bs-btn-disabled-bg: var(--bs-btn-bg); - --bs-btn-disabled-border-color: var(--bs-btn-border-color); - --bs-btn-group-border-color: color-mix(in sRGB, var(--bs-paper-bg) 68%, var(--bs-pinterest)) - } - - .btn-outline-pinterest { - --bs-btn-color: var(--bs-pinterest); - --bs-btn-border-color: var(--bs-pinterest); - --bs-btn-hover-color: var(--bs-pinterest-contrast); - --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-pinterest)); - --bs-btn-hover-border-color: var(--bs-btn-hover-bg); - --bs-btn-box-shadow-rgb: var(--bs-pinterest-rgb); - --bs-btn-active-color: var(--bs-pinterest-contrast); - --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-pinterest)); - --bs-btn-active-border-color: var(--bs-btn-active-bg); - --bs-btn-disabled-color: var(--bs-pinterest); - --bs-btn-disabled-border-color: var(--bs-pinterest); - --bs-btn-group-border-color: var(--bs-pinterest) - } - - .btn-text-pinterest { - --bs-btn-color: var(--bs-pinterest); - --bs-btn-hover-color: var(--bs-pinterest); - --bs-btn-active-color: var(--bs-pinterest); - --bs-btn-group-border-color: var(--bs-pinterest); - --bs-btn-hover-color: var(--bs-pinterest); - --bs-btn-active-color: var(--bs-pinterest); - --bs-btn-group-border-color: var(--bs-pinterest); - --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-pinterest)); - --bs-btn-hover-border-color: var(--bs-btn-hover-bg); - --bs-btn-active-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-pinterest)); - --bs-btn-active-border-color: var(--bs-btn-active-bg); - --bs-btn-disabled-color: var(--bs-pinterest) - } - - .btn-slack { - --bs-btn-bg: var(--bs-slack); - --bs-btn-color: var(--bs-slack-contrast); - --bs-btn-border-color: var(--bs-slack); - --bs-btn-hover-color: var(--bs-slack-contrast); - --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-slack)); - --bs-btn-hover-border-color: var(--bs-btn-hover-bg); - --bs-btn-active-color: var(--bs-slack-contrast); - --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-slack)); - --bs-btn-active-border-color: var(--bs-btn-active-bg); - --bs-btn-box-shadow-rgb: var(--bs-slack-rgb); - --bs-btn-disabled-color: var(--bs-slack-contrast); - --bs-btn-disabled-bg: var(--bs-slack); - --bs-btn-disabled-border-color: var(--bs-slack); - --bs-btn-group-border-color: color-mix(in sRGB, #000 10%, var(--bs-slack)) - } - - .btn-label-slack { - --bs-btn-color: var(--bs-slack); - --bs-btn-bg: color-mix(in sRGB, var(--bs-paper-bg) var(--bs-bg-label-tint-amount), var(--bs-slack)); - --bs-btn-border-color: var(--bs-btn-bg); - --bs-btn-hover-color: var(--bs-slack-contrast); - --bs-btn-hover-bg: color-mix(in sRGB, #000 15%, var(--bs-slack)); - --bs-btn-box-shadow-rgb: var(--bs-slack-rgb); - --bs-btn-hover-border-color: var(--bs-btn-hover-bg); - --bs-btn-active-color: var(--bs-slack-contrast); - --bs-btn-active-bg: color-mix(in sRGB, #000 15%, var(--bs-slack)); - --bs-btn-active-border-color: var(--bs-btn-active-bg); - --bs-btn-disabled-color: var(--bs-btn-color); - --bs-btn-disabled-bg: var(--bs-btn-bg); - --bs-btn-disabled-border-color: var(--bs-btn-border-color); - --bs-btn-group-border-color: color-mix(in sRGB, var(--bs-paper-bg) 68%, var(--bs-slack)) - } - - .btn-outline-slack { - --bs-btn-color: var(--bs-slack); - --bs-btn-border-color: var(--bs-slack); - --bs-btn-hover-color: var(--bs-slack-contrast); - --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-slack)); - --bs-btn-hover-border-color: var(--bs-btn-hover-bg); - --bs-btn-box-shadow-rgb: var(--bs-slack-rgb); - --bs-btn-active-color: var(--bs-slack-contrast); - --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-slack)); - --bs-btn-active-border-color: var(--bs-btn-active-bg); - --bs-btn-disabled-color: var(--bs-slack); - --bs-btn-disabled-border-color: var(--bs-slack); - --bs-btn-group-border-color: var(--bs-slack) - } - - .btn-text-slack { - --bs-btn-color: var(--bs-slack); - --bs-btn-hover-color: var(--bs-slack); - --bs-btn-active-color: var(--bs-slack); - --bs-btn-group-border-color: var(--bs-slack); - --bs-btn-hover-color: var(--bs-slack); - --bs-btn-active-color: var(--bs-slack); - --bs-btn-group-border-color: var(--bs-slack); - --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-slack)); - --bs-btn-hover-border-color: var(--bs-btn-hover-bg); - --bs-btn-active-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-slack)); - --bs-btn-active-border-color: var(--bs-btn-active-bg); - --bs-btn-disabled-color: var(--bs-slack) - } - - .btn-reddit { - --bs-btn-bg: var(--bs-reddit); - --bs-btn-color: var(--bs-reddit-contrast); - --bs-btn-border-color: var(--bs-reddit); - --bs-btn-hover-color: var(--bs-reddit-contrast); - --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-reddit)); - --bs-btn-hover-border-color: var(--bs-btn-hover-bg); - --bs-btn-active-color: var(--bs-reddit-contrast); - --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-reddit)); - --bs-btn-active-border-color: var(--bs-btn-active-bg); - --bs-btn-box-shadow-rgb: var(--bs-reddit-rgb); - --bs-btn-disabled-color: var(--bs-reddit-contrast); - --bs-btn-disabled-bg: var(--bs-reddit); - --bs-btn-disabled-border-color: var(--bs-reddit); - --bs-btn-group-border-color: color-mix(in sRGB, #000 10%, var(--bs-reddit)) - } - - .btn-label-reddit { - --bs-btn-color: var(--bs-reddit); - --bs-btn-bg: color-mix(in sRGB, var(--bs-paper-bg) var(--bs-bg-label-tint-amount), var(--bs-reddit)); - --bs-btn-border-color: var(--bs-btn-bg); - --bs-btn-hover-color: var(--bs-reddit-contrast); - --bs-btn-hover-bg: color-mix(in sRGB, #000 15%, var(--bs-reddit)); - --bs-btn-box-shadow-rgb: var(--bs-reddit-rgb); - --bs-btn-hover-border-color: var(--bs-btn-hover-bg); - --bs-btn-active-color: var(--bs-reddit-contrast); - --bs-btn-active-bg: color-mix(in sRGB, #000 15%, var(--bs-reddit)); - --bs-btn-active-border-color: var(--bs-btn-active-bg); - --bs-btn-disabled-color: var(--bs-btn-color); - --bs-btn-disabled-bg: var(--bs-btn-bg); - --bs-btn-disabled-border-color: var(--bs-btn-border-color); - --bs-btn-group-border-color: color-mix(in sRGB, var(--bs-paper-bg) 68%, var(--bs-reddit)) - } - - .btn-outline-reddit { - --bs-btn-color: var(--bs-reddit); - --bs-btn-border-color: var(--bs-reddit); - --bs-btn-hover-color: var(--bs-reddit-contrast); - --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-reddit)); - --bs-btn-hover-border-color: var(--bs-btn-hover-bg); - --bs-btn-box-shadow-rgb: var(--bs-reddit-rgb); - --bs-btn-active-color: var(--bs-reddit-contrast); - --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-reddit)); - --bs-btn-active-border-color: var(--bs-btn-active-bg); - --bs-btn-disabled-color: var(--bs-reddit); - --bs-btn-disabled-border-color: var(--bs-reddit); - --bs-btn-group-border-color: var(--bs-reddit) - } - - .btn-text-reddit { - --bs-btn-color: var(--bs-reddit); - --bs-btn-hover-color: var(--bs-reddit); - --bs-btn-active-color: var(--bs-reddit); - --bs-btn-group-border-color: var(--bs-reddit); - --bs-btn-hover-color: var(--bs-reddit); - --bs-btn-active-color: var(--bs-reddit); - --bs-btn-group-border-color: var(--bs-reddit); - --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-reddit)); - --bs-btn-hover-border-color: var(--bs-btn-hover-bg); - --bs-btn-active-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-reddit)); - --bs-btn-active-border-color: var(--bs-btn-active-bg); - --bs-btn-disabled-color: var(--bs-reddit) - } - - .btn-youtube { - --bs-btn-bg: var(--bs-youtube); - --bs-btn-color: var(--bs-youtube-contrast); - --bs-btn-border-color: var(--bs-youtube); - --bs-btn-hover-color: var(--bs-youtube-contrast); - --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-youtube)); - --bs-btn-hover-border-color: var(--bs-btn-hover-bg); - --bs-btn-active-color: var(--bs-youtube-contrast); - --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-youtube)); - --bs-btn-active-border-color: var(--bs-btn-active-bg); - --bs-btn-box-shadow-rgb: var(--bs-youtube-rgb); - --bs-btn-disabled-color: var(--bs-youtube-contrast); - --bs-btn-disabled-bg: var(--bs-youtube); - --bs-btn-disabled-border-color: var(--bs-youtube); - --bs-btn-group-border-color: color-mix(in sRGB, #000 10%, var(--bs-youtube)) - } - - .btn-label-youtube { - --bs-btn-color: var(--bs-youtube); - --bs-btn-bg: color-mix(in sRGB, var(--bs-paper-bg) var(--bs-bg-label-tint-amount), var(--bs-youtube)); - --bs-btn-border-color: var(--bs-btn-bg); - --bs-btn-hover-color: var(--bs-youtube-contrast); - --bs-btn-hover-bg: color-mix(in sRGB, #000 15%, var(--bs-youtube)); - --bs-btn-box-shadow-rgb: var(--bs-youtube-rgb); - --bs-btn-hover-border-color: var(--bs-btn-hover-bg); - --bs-btn-active-color: var(--bs-youtube-contrast); - --bs-btn-active-bg: color-mix(in sRGB, #000 15%, var(--bs-youtube)); - --bs-btn-active-border-color: var(--bs-btn-active-bg); - --bs-btn-disabled-color: var(--bs-btn-color); - --bs-btn-disabled-bg: var(--bs-btn-bg); - --bs-btn-disabled-border-color: var(--bs-btn-border-color); - --bs-btn-group-border-color: color-mix(in sRGB, var(--bs-paper-bg) 68%, var(--bs-youtube)) - } - - .btn-outline-youtube { - --bs-btn-color: var(--bs-youtube); - --bs-btn-border-color: var(--bs-youtube); - --bs-btn-hover-color: var(--bs-youtube-contrast); - --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-youtube)); - --bs-btn-hover-border-color: var(--bs-btn-hover-bg); - --bs-btn-box-shadow-rgb: var(--bs-youtube-rgb); - --bs-btn-active-color: var(--bs-youtube-contrast); - --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-youtube)); - --bs-btn-active-border-color: var(--bs-btn-active-bg); - --bs-btn-disabled-color: var(--bs-youtube); - --bs-btn-disabled-border-color: var(--bs-youtube); - --bs-btn-group-border-color: var(--bs-youtube) - } - - .btn-text-youtube { - --bs-btn-color: var(--bs-youtube); - --bs-btn-hover-color: var(--bs-youtube); - --bs-btn-active-color: var(--bs-youtube); - --bs-btn-group-border-color: var(--bs-youtube); - --bs-btn-hover-color: var(--bs-youtube); - --bs-btn-active-color: var(--bs-youtube); - --bs-btn-group-border-color: var(--bs-youtube); - --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-youtube)); - --bs-btn-hover-border-color: var(--bs-btn-hover-bg); - --bs-btn-active-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-youtube)); - --bs-btn-active-border-color: var(--bs-btn-active-bg); - --bs-btn-disabled-color: var(--bs-youtube) - } - - .btn-vimeo { - --bs-btn-bg: var(--bs-vimeo); - --bs-btn-color: var(--bs-vimeo-contrast); - --bs-btn-border-color: var(--bs-vimeo); - --bs-btn-hover-color: var(--bs-vimeo-contrast); - --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-vimeo)); - --bs-btn-hover-border-color: var(--bs-btn-hover-bg); - --bs-btn-active-color: var(--bs-vimeo-contrast); - --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-vimeo)); - --bs-btn-active-border-color: var(--bs-btn-active-bg); - --bs-btn-box-shadow-rgb: var(--bs-vimeo-rgb); - --bs-btn-disabled-color: var(--bs-vimeo-contrast); - --bs-btn-disabled-bg: var(--bs-vimeo); - --bs-btn-disabled-border-color: var(--bs-vimeo); - --bs-btn-group-border-color: color-mix(in sRGB, #000 10%, var(--bs-vimeo)) - } - - .btn-label-vimeo { - --bs-btn-color: var(--bs-vimeo); - --bs-btn-bg: color-mix(in sRGB, var(--bs-paper-bg) var(--bs-bg-label-tint-amount), var(--bs-vimeo)); - --bs-btn-border-color: var(--bs-btn-bg); - --bs-btn-hover-color: var(--bs-vimeo-contrast); - --bs-btn-hover-bg: color-mix(in sRGB, #000 15%, var(--bs-vimeo)); - --bs-btn-box-shadow-rgb: var(--bs-vimeo-rgb); - --bs-btn-hover-border-color: var(--bs-btn-hover-bg); - --bs-btn-active-color: var(--bs-vimeo-contrast); - --bs-btn-active-bg: color-mix(in sRGB, #000 15%, var(--bs-vimeo)); - --bs-btn-active-border-color: var(--bs-btn-active-bg); - --bs-btn-disabled-color: var(--bs-btn-color); - --bs-btn-disabled-bg: var(--bs-btn-bg); - --bs-btn-disabled-border-color: var(--bs-btn-border-color); - --bs-btn-group-border-color: color-mix(in sRGB, var(--bs-paper-bg) 68%, var(--bs-vimeo)) - } - - .btn-outline-vimeo { - --bs-btn-color: var(--bs-vimeo); - --bs-btn-border-color: var(--bs-vimeo); - --bs-btn-hover-color: var(--bs-vimeo-contrast); - --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-vimeo)); - --bs-btn-hover-border-color: var(--bs-btn-hover-bg); - --bs-btn-box-shadow-rgb: var(--bs-vimeo-rgb); - --bs-btn-active-color: var(--bs-vimeo-contrast); - --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-vimeo)); - --bs-btn-active-border-color: var(--bs-btn-active-bg); - --bs-btn-disabled-color: var(--bs-vimeo); - --bs-btn-disabled-border-color: var(--bs-vimeo); - --bs-btn-group-border-color: var(--bs-vimeo) - } - - .btn-text-vimeo { - --bs-btn-color: var(--bs-vimeo); - --bs-btn-hover-color: var(--bs-vimeo); - --bs-btn-active-color: var(--bs-vimeo); - --bs-btn-group-border-color: var(--bs-vimeo); - --bs-btn-hover-color: var(--bs-vimeo); - --bs-btn-active-color: var(--bs-vimeo); - --bs-btn-group-border-color: var(--bs-vimeo); - --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-vimeo)); - --bs-btn-hover-border-color: var(--bs-btn-hover-bg); - --bs-btn-active-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-vimeo)); - --bs-btn-active-border-color: var(--bs-btn-active-bg); - --bs-btn-disabled-color: var(--bs-vimeo) - } - - [data-bs-theme=dark] .btn-text-primary { - --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-primary) 8%, var(--bs-paper-bg)); - --bs-btn-active-bg: color-mix(in sRGB, var(--bs-primary) 8%, var(--bs-paper-bg)) - } - - [data-bs-theme=dark] .btn-text-secondary { - --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-secondary) 8%, var(--bs-paper-bg)); - --bs-btn-active-bg: color-mix(in sRGB, var(--bs-secondary) 8%, var(--bs-paper-bg)) - } - - [data-bs-theme=dark] .btn-text-success { - --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-success) 8%, var(--bs-paper-bg)); - --bs-btn-active-bg: color-mix(in sRGB, var(--bs-success) 8%, var(--bs-paper-bg)) - } - - [data-bs-theme=dark] .btn-text-info { - --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-info) 8%, var(--bs-paper-bg)); - --bs-btn-active-bg: color-mix(in sRGB, var(--bs-info) 8%, var(--bs-paper-bg)) - } - - [data-bs-theme=dark] .btn-text-warning { - --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-warning) 8%, var(--bs-paper-bg)); - --bs-btn-active-bg: color-mix(in sRGB, var(--bs-warning) 8%, var(--bs-paper-bg)) - } - - [data-bs-theme=dark] .btn-text-danger { - --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-danger) 8%, var(--bs-paper-bg)); - --bs-btn-active-bg: color-mix(in sRGB, var(--bs-danger) 8%, var(--bs-paper-bg)) - } - - [data-bs-theme=dark] .btn-text-light { - --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-light) 8%, var(--bs-paper-bg)); - --bs-btn-active-bg: color-mix(in sRGB, var(--bs-light) 8%, var(--bs-paper-bg)) - } - - [data-bs-theme=dark] .btn-label-dark { - --bs-btn-color: var(--bs-dark-contrast); - --bs-btn-bg: color-mix(in sRGB, #000 50%, var(--bs-dark)) - } - - [data-bs-theme=dark] .btn-outline-dark { - --bs-btn-color: var(--bs-dark-contrast) - } - - [data-bs-theme=dark] .btn-text-dark { - --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-dark) 8%, var(--bs-paper-bg)); - --bs-btn-active-bg: color-mix(in sRGB, var(--bs-dark) 8%, var(--bs-paper-bg)) - } - - [data-bs-theme=dark] .btn-text-gray { - --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-gray) 8%, var(--bs-paper-bg)); - --bs-btn-active-bg: color-mix(in sRGB, var(--bs-gray) 8%, var(--bs-paper-bg)) - } - - [data-bs-theme=dark] .btn-text-facebook { - --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-facebook) 8%, var(--bs-paper-bg)); - --bs-btn-active-bg: color-mix(in sRGB, var(--bs-facebook) 8%, var(--bs-paper-bg)) - } - - [data-bs-theme=dark] .btn-text-twitter { - --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-twitter) 8%, var(--bs-paper-bg)); - --bs-btn-active-bg: color-mix(in sRGB, var(--bs-twitter) 8%, var(--bs-paper-bg)) - } - - [data-bs-theme=dark] .btn-text-google-plus { - --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-google-plus) 8%, var(--bs-paper-bg)); - --bs-btn-active-bg: color-mix(in sRGB, var(--bs-google-plus) 8%, var(--bs-paper-bg)) - } - - [data-bs-theme=dark] .btn-text-instagram { - --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-instagram) 8%, var(--bs-paper-bg)); - --bs-btn-active-bg: color-mix(in sRGB, var(--bs-instagram) 8%, var(--bs-paper-bg)) - } - - [data-bs-theme=dark] .btn-text-linkedin { - --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-linkedin) 8%, var(--bs-paper-bg)); - --bs-btn-active-bg: color-mix(in sRGB, var(--bs-linkedin) 8%, var(--bs-paper-bg)) - } - - [data-bs-theme=dark] .btn-label-github { - --bs-btn-color: var(--bs-github-contrast); - --bs-btn-bg: color-mix(in sRGB, #000 50%, var(--bs-github)) - } - - [data-bs-theme=dark] .btn-text-github { - --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-github) 8%, var(--bs-paper-bg)); - --bs-btn-active-bg: color-mix(in sRGB, var(--bs-github) 8%, var(--bs-paper-bg)); - --bs-btn-color: var(--bs-github-contrast); - --bs-btn-hover-color: var(--bs-github-contrast); - --bs-btn-bg: color-mix(in sRGB, var(--bs-github) 25%, var(--bs-paper-bg)); - --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-github) 50%, var(--bs-paper-bg)); - --bs-btn-active-bg: color-mix(in sRGB, var(--bs-github) 50%, var(--bs-paper-bg)); - --bs-btn-active-color: var(--bs-github-contrast); - --bs-btn-group-border-color: var(--bs-github-contrast) - } - - [data-bs-theme=dark] .btn-text-dribbble { - --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-dribbble) 8%, var(--bs-paper-bg)); - --bs-btn-active-bg: color-mix(in sRGB, var(--bs-dribbble) 8%, var(--bs-paper-bg)) - } - - [data-bs-theme=dark] .btn-text-pinterest { - --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-pinterest) 8%, var(--bs-paper-bg)); - --bs-btn-active-bg: color-mix(in sRGB, var(--bs-pinterest) 8%, var(--bs-paper-bg)) - } - - [data-bs-theme=dark] .btn-label-slack { - --bs-btn-color: var(--bs-slack-contrast); - --bs-btn-bg: color-mix(in sRGB, #000 50%, var(--bs-slack)) - } - - [data-bs-theme=dark] .btn-text-slack { - --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-slack) 8%, var(--bs-paper-bg)); - --bs-btn-active-bg: color-mix(in sRGB, var(--bs-slack) 8%, var(--bs-paper-bg)); - --bs-btn-color: var(--bs-slack-contrast); - --bs-btn-hover-color: var(--bs-slack-contrast); - --bs-btn-bg: color-mix(in sRGB, var(--bs-slack) 25%, var(--bs-paper-bg)); - --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-slack) 50%, var(--bs-paper-bg)); - --bs-btn-active-bg: color-mix(in sRGB, var(--bs-slack) 50%, var(--bs-paper-bg)); - --bs-btn-active-color: var(--bs-slack-contrast); - --bs-btn-group-border-color: var(--bs-slack-contrast) - } - - [data-bs-theme=dark] .btn-text-reddit { - --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-reddit) 8%, var(--bs-paper-bg)); - --bs-btn-active-bg: color-mix(in sRGB, var(--bs-reddit) 8%, var(--bs-paper-bg)) - } - - [data-bs-theme=dark] .btn-text-youtube { - --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-youtube) 8%, var(--bs-paper-bg)); - --bs-btn-active-bg: color-mix(in sRGB, var(--bs-youtube) 8%, var(--bs-paper-bg)) - } - - [data-bs-theme=dark] .btn-text-vimeo { - --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-vimeo) 8%, var(--bs-paper-bg)); - --bs-btn-active-bg: color-mix(in sRGB, var(--bs-vimeo) 8%, var(--bs-paper-bg)) - } - - .dropdown-menu { - box-shadow: var(--bs-dropdown-box-shadow); - margin-block-start: 1px !important; - text-align: start - } - - .dropdown-menu>li:not(.disabled)>a:not(.dropdown-item):active, - .dropdown-menu>li:not(.disabled)>a:not(.dropdown-item).active, - .dropdown-menu>li.active:not(.disabled)>a:not(.dropdown-item) { - background-color: var(--bs-dropdown-link-active-bg); - color: var(--bs-dropdown-link-active-color) - } - - .mega-dropdown>.dropdown-menu { - inset-inline: 0 - } - - .btn-xs.dropdown-toggle::after, - .btn-group-xs>.dropdown-toggle.btn::after { - border: 2px solid; - block-size: .45em; - border-block-start: 0; - border-inline-start: 0; - inline-size: .45em; - margin-block-start: -.24075em; - margin-inline: .8em 0; - transform: rotate(45deg) - } - - :dir(rtl) .btn-xs.dropdown-toggle::after, - :dir(rtl) .btn-group-xs>.dropdown-toggle.btn::after { - transform: rotate(-45deg) - } - - .dropdown-toggle-split::after, - .dropup .dropdown-toggle-split::after, - .dropend .dropdown-toggle-split::after { - margin-inline: 0 - } - - .dropstart .dropdown-toggle-split::before { - margin-inline: 0 - } - - li:not(:first-child) .dropdown-item, - .dropdown-menu .dropdown-item:not(:first-child) { - margin-block-start: 2px - } - - .dropdown-item.text-danger:active { - color: var(--bs-primary) !important - } - - .dropdown-toggle.hide-arrow::before, - .dropdown-toggle.hide-arrow::after, - .dropdown-toggle-hide-arrow>.dropdown-toggle::before, - .dropdown-toggle-hide-arrow>.dropdown-toggle::after { - display: none - } - - .dropdown-menu-start { - --bs-position: start - } - - .dropdown-menu-start[data-bs-popper] { - inset-inline: 0 auto - } - - .dropdown-menu-end { - --bs-position: end - } - - .dropdown-menu-end[data-bs-popper] { - inset-inline: auto 0 - } - - @media(min-width: 576px) { - .dropdown-menu-sm-start { - --bs-position: start - } - - .dropdown-menu-sm-start[data-bs-popper] { - inset-inline: 0 auto - } - - .dropdown-menu-sm-end { - --bs-position: end - } - - .dropdown-menu-sm-end[data-bs-popper] { - inset-inline: auto 0 - } - } - - @media(min-width: 768px) { - .dropdown-menu-md-start { - --bs-position: start - } - - .dropdown-menu-md-start[data-bs-popper] { - inset-inline: 0 auto - } - - .dropdown-menu-md-end { - --bs-position: end - } - - .dropdown-menu-md-end[data-bs-popper] { - inset-inline: auto 0 - } - } - - @media(min-width: 992px) { - .dropdown-menu-lg-start { - --bs-position: start - } - - .dropdown-menu-lg-start[data-bs-popper] { - inset-inline: 0 auto - } - - .dropdown-menu-lg-end { - --bs-position: end - } - - .dropdown-menu-lg-end[data-bs-popper] { - inset-inline: auto 0 - } - } - - @media(min-width: 1200px) { - .dropdown-menu-xl-start { - --bs-position: start - } - - .dropdown-menu-xl-start[data-bs-popper] { - inset-inline: 0 auto - } - - .dropdown-menu-xl-end { - --bs-position: end - } - - .dropdown-menu-xl-end[data-bs-popper] { - inset-inline: auto 0 - } - } - - @media(min-width: 1400px) { - .dropdown-menu-xxl-start { - --bs-position: start - } - - .dropdown-menu-xxl-start[data-bs-popper] { - inset-inline: 0 auto - } - - .dropdown-menu-xxl-end { - --bs-position: end - } - - .dropdown-menu-xxl-end[data-bs-popper] { - inset-inline: auto 0 - } - } - - .btn-group { - --bs-btn-group-border-radius: var(--bs-border-radius) - } - - .btn-group.btn-group-sm { - --bs-btn-group-border-radius: var(--bs-border-radius-sm) - } - - .btn-group.btn-group-xs { - --bs-btn-group-border-radius: 0.125rem - } - - .btn-group.btn-group-lg { - --bs-btn-group-border-radius: var(--bs-border-radius-lg) - } - - .btn-group.btn-group-xl { - --bs-btn-group-border-radius: 0.625rem - } - - .btn-group>:not(.btn-check:first-child)+.btn, - .btn-group>.btn-group:not(:first-child) { - margin: 0; - margin-inline-start: calc(var(--bs-border-width)*-1) - } - - .btn-group:not(.btn-group-vertical)>.btn:not(:last-child):not(.dropdown-toggle), - .btn-group:not(.btn-group-vertical)>.btn.dropdown-toggle-split:first-child, - .btn-group:not(.btn-group-vertical)>.btn-group:not(:last-child)>.btn, - .btn-group:not(.btn-group-vertical)>.btn:nth-child(n+3), - .btn-group:not(.btn-group-vertical)>:not(.btn-check)+.btn, - .btn-group:not(.btn-group-vertical)>.btn-group:not(:first-child)>.btn { - border-radius: var(--bs-btn-group-border-radius) - } - - .btn-group:not(.btn-group-vertical)>.btn:not(:last-child):not(.dropdown-toggle), - .btn-group:not(.btn-group-vertical)>.btn.dropdown-toggle-split:first-child, - .btn-group:not(.btn-group-vertical)>.btn-group:not(:last-child)>.btn { - border-end-end-radius: 0 !important; - border-start-end-radius: 0 !important - } - - .btn-group:not(.btn-group-vertical)>.btn:nth-child(n+3), - .btn-group:not(.btn-group-vertical)>:not(.btn-check)+.btn, - .btn-group:not(.btn-group-vertical)>.btn-group:not(:first-child)>.btn { - border-end-start-radius: 0 !important; - border-start-start-radius: 0 !important - } - - .btn-group.btn-group-vertical>:not(.btn-check:first-child)+.btn, - .btn-group.btn-group-vertical>.btn-group:not(:first-child) { - margin: 0; - margin-block-start: calc(var(--bs-border-width)*-1) - } - - .btn-group.btn-group-vertical .btn:not([class*=btn-outline-]) { - border-inline-color: var(--bs-btn-bg) - } - - .btn-group.btn-group-vertical .btn:not([class*=btn-outline-]):hover { - border-inline-color: var(--bs-btn-hover-bg) - } - - .btn-group.btn-group-vertical>.btn:first-child, - .btn-group.btn-group-vertical>.btn.dropdown-toggle-split:first-child, - .btn-group.btn-group-vertical>.btn-group:first-child>.btn { - border-top-left-radius: var(--bs-btn-group-border-radius); - border-top-right-radius: var(--bs-btn-group-border-radius) - } - - .btn-group.btn-group-vertical>.btn:last-child, - .btn-group.btn-group-vertical>.btn.dropdown-toggle-split:last-child, - .btn-group.btn-group-vertical>.btn-group:last-child>.btn { - border-bottom-right-radius: var(--bs-btn-group-border-radius); - border-bottom-left-radius: var(--bs-btn-group-border-radius) - } - - .dropdown-toggle-split, - .btn-lg+.dropdown-toggle-split, - .btn-group-lg>.btn+.dropdown-toggle-split, - .input-group-lg .btn+.dropdown-toggle-split, - .btn-xl+.dropdown-toggle-split, - .btn-group-xl>.btn+.dropdown-toggle-split { - padding-inline: .92em - } - - .btn-sm+.dropdown-toggle-split, - .btn-group-sm>.btn+.dropdown-toggle-split, - .input-group-sm .btn+.dropdown-toggle-split { - padding-inline: .6em - } - - .btn-xs+.dropdown-toggle-split, - .btn-group-xs>.btn+.dropdown-toggle-split { - padding-inline: .5em - } - - .btn-group:not(.btn-group-vertical)>.btn-group:first-child>.btn:not([class*=btn-outline-]):first-child, - .input-group>.btn:not([class*=btn-outline-]):first-child, - :not(.btn-group, .input-group)>.btn-group:not(.btn-group-vertical)>.btn:not([class*=btn-outline-]):first-child, - .input-group>.btn-group:first-child>.btn:not([class*=btn-outline-]):first-child { - border-inline-start-color: rgba(0, 0, 0, 0) - } - - .btn-group:not(.btn-group-vertical)>.btn-group:last-child>.btn:not([class*=btn-outline-]):last-of-type, - .input-group>.btn:not([class*=btn-outline-]):last-of-type, - :not(.btn-group, .input-group)>.btn-group:not(.btn-group-vertical)>.btn:not([class*=btn-outline-]):last-of-type, - .input-group>.btn-group:last-child>.btn:not([class*=btn-outline-]):last-of-type { - border-inline-end-color: rgba(0, 0, 0, 0) - } - - .btn-group-vertical>.btn-group-vertical:first-child>.btn:not([class*=btn-outline-]):first-child, - :not(.btn-group-vertical, .input-group)>.btn-group-vertical>.btn:not([class*=btn-outline-]):first-child { - border-block-start-color: rgba(0, 0, 0, 0) - } - - .btn-group-vertical>.btn-group-vertical:last-child>.btn:not([class*=btn-outline-]):last-of-type, - :not(.btn-group-vertical, .input-group)>.btn-group-vertical>.btn:not([class*=btn-outline-]):last-of-type { - border-block-end-color: rgba(0, 0, 0, 0) - } - - .nav { - --bs-nav-pills-box-shadow: 0 0.125rem 0.25rem 0 rgba(var(--bs-primary-rgb), 0.4); - flex-wrap: inherit; - padding-inline-start: 0 - } - - .nav .nav-item { - white-space: nowrap - } - - .nav:not(.nav-pills) .nav-link:hover, - .nav:not(.nav-pills) .nav-link:focus { - color: var(--bs-primary) - } - - .nav.nav-sm, - .nav-sm>.nav { - --bs-nav-link-padding-y: 0.3125rem; - --bs-nav-link-padding-x: 0.875rem; - --bs-nav-link-font-size: 0.8125rem; - --bs-nav-link-line-height: 1.125 - } - - .nav.nav-lg, - .nav-lg>.nav { - --bs-nav-link-padding-y: 0.875rem; - --bs-nav-link-padding-x: 1.3125rem; - --bs-nav-link-font-size: 1.0625rem; - --bs-nav-link-line-height: 1.625 - } - - .nav-tabs-shadow { - border: 1px solid var(--bs-nav-border-color); - box-shadow: var(--bs-nav-box-shadow) - } - - .card .nav-tabs-shadow { - box-shadow: none - } - - .nav-tabs .nav-link, - .nav-pills .nav-link { - display: inline-flex; - align-items: center; - justify-content: center; - text-transform: capitalize - } - - .nav-tabs:not(.nav-fill):not(.nav-justified) .nav-link, - .nav-pills:not(.nav-fill):not(.nav-justified) .nav-link { - inline-size: 100% - } - - .tab-content:not(.doc-example-content) { - z-index: 1; - padding: 1.5rem - } - - .tab-content:not(.doc-example-content) .tab-pane { - opacity: 0; - transform: translateX(-30px); - transition: all linear .1s - } - - @media(prefers-reduced-motion: reduce) { - .tab-content:not(.doc-example-content) .tab-pane { - transition: none - } - } - - :dir(rtl) .tab-content:not(.doc-example-content) .tab-pane { - transform: translateX(30px) - } - - .tab-content:not(.doc-example-content) .tab-pane.show { - opacity: 1; - transform: unset !important; - transition: all ease-out .2s .1s - } - - @media(prefers-reduced-motion: reduce) { - .tab-content:not(.doc-example-content) .tab-pane.show { - transition: none - } - } - - .nav-scrollable { - display: -webkit-inline-box; - display: -moz-inline-box; - overflow: auto; - flex-wrap: nowrap; - inline-size: 100% - } - - .nav-tabs { - position: relative - } - - .nav-tabs .tab-slider { - position: absolute; - block-size: 2px - } - - .nav-align-left .nav-tabs .tab-slider, - .nav-align-right .nav-tabs .tab-slider { - inline-size: 2px !important - } - - .nav-tabs .nav-link { - border-radius: 0; - background-clip: padding-box - } - - .nav-tabs .nav-link.waves-effect .waves-ripple { - background: radial-gradient(rgba(var(--bs-primary-rgb), 0.2) 0, rgba(var(--bs-primary-rgb), 0.3) 40%, rgba(var(--bs-primary-rgb), 0.4) 50%, rgba(var(--bs-primary-rgb), 0.5) 60%, rgba(var(--bs-white), 0) 70%) - } - - .nav-tabs .nav-link.active, - .nav-tabs .nav-link.active:hover, - .nav-tabs .nav-link.active:focus, - .nav-tabs .nav-item.show .nav-link, - .nav-tabs .nav-item.show .nav-link:hover, - .nav-tabs .nav-item.show .nav-link:focus { - box-shadow: 0 -2px 0 var(--bs-primary) inset - } - - .nav-align-top .nav-tabs .nav-link.active, - .nav-align-top .nav-tabs .nav-link.active:hover, - .nav-align-top .nav-tabs .nav-link.active:focus, - .nav-align-top .nav-tabs .nav-item.show .nav-link, - .nav-align-top .nav-tabs .nav-item.show .nav-link:hover, - .nav-align-top .nav-tabs .nav-item.show .nav-link:focus { - box-shadow: 0 -2px 0 var(--bs-primary) inset - } - - .nav-align-bottom .nav-tabs .nav-link.active, - .nav-align-bottom .nav-tabs .nav-link.active:hover, - .nav-align-bottom .nav-tabs .nav-link.active:focus, - .nav-align-bottom .nav-tabs .nav-item.show .nav-link, - .nav-align-bottom .nav-tabs .nav-item.show .nav-link:hover, - .nav-align-bottom .nav-tabs .nav-item.show .nav-link:focus { - box-shadow: 0 2px 0 var(--bs-primary) inset - } - - .nav-align-left .nav-tabs .nav-link.active, - .nav-align-left .nav-tabs .nav-link.active:hover, - .nav-align-left .nav-tabs .nav-link.active:focus, - .nav-align-left .nav-tabs .nav-item.show .nav-link, - .nav-align-left .nav-tabs .nav-item.show .nav-link:hover, - .nav-align-left .nav-tabs .nav-item.show .nav-link:focus { - box-shadow: -2px 0 0 var(--bs-primary) inset - } - - :dir(rtl) .nav-align-left .nav-tabs .nav-link.active, - :dir(rtl) .nav-align-left .nav-tabs .nav-link.active:hover, - :dir(rtl) .nav-align-left .nav-tabs .nav-link.active:focus, - :dir(rtl) .nav-align-left .nav-tabs .nav-item.show .nav-link, - :dir(rtl) .nav-align-left .nav-tabs .nav-item.show .nav-link:hover, - :dir(rtl) .nav-align-left .nav-tabs .nav-item.show .nav-link:focus { - box-shadow: 2px 0 0 var(--bs-primary) inset - } - - .nav-align-right .nav-tabs .nav-link.active, - .nav-align-right .nav-tabs .nav-link.active:hover, - .nav-align-right .nav-tabs .nav-link.active:focus, - .nav-align-right .nav-tabs .nav-item.show .nav-link, - .nav-align-right .nav-tabs .nav-item.show .nav-link:hover, - .nav-align-right .nav-tabs .nav-item.show .nav-link:focus { - box-shadow: 2px 0 0 var(--bs-primary) inset - } - - :dir(rtl) .nav-align-right .nav-tabs .nav-link.active, - :dir(rtl) .nav-align-right .nav-tabs .nav-link.active:hover, - :dir(rtl) .nav-align-right .nav-tabs .nav-link.active:focus, - :dir(rtl) .nav-align-right .nav-tabs .nav-item.show .nav-link, - :dir(rtl) .nav-align-right .nav-tabs .nav-item.show .nav-link:hover, - :dir(rtl) .nav-align-right .nav-tabs .nav-item.show .nav-link:focus { - box-shadow: -2px 0 0 var(--bs-primary) inset - } - - .nav-pills .nav-link { - padding-block: .5435rem; - padding-inline: 1.375rem - } - - .nav-pills .nav-link:not(.active):hover.waves-effect .waves-ripple, - .nav-pills .nav-link:not(.active):focus.waves-effect .waves-ripple { - background: radial-gradient(rgba(var(--bs-primary-rgb), 0.2) 0, rgba(var(--bs-primary-rgb), 0.3) 40%, rgba(var(--bs-primary-rgb), 0.4) 50%, rgba(var(--bs-primary-rgb), 0.5) 60%, rgba(var(--bs-white), 0) 70%) - } - - .nav-pills .nav-link.active { - box-shadow: var(--bs-nav-pills-box-shadow) - } - - .nav-pills .nav-item .nav-link:not(.active):hover { - background-color: rgba(var(--bs-primary-rgb), 0.16); - border-block-end: none; - padding-block-end: .5435rem - } - - .nav-pills~.tab-content { - border: 1px solid var(--bs-nav-border-color); - box-shadow: var(--bs-nav-box-shadow) - } - - .nav-align-top, - .nav-align-right, - .nav-align-bottom, - .nav-align-left { - display: flex - } - - .nav-align-top>.tab-content, - .nav-align-right>.tab-content, - .nav-align-bottom>.tab-content, - .nav-align-left>.tab-content { - background: var(--bs-paper-bg) - } - - .nav-align-top .nav-tabs, - .nav-align-right .nav-tabs, - .nav-align-bottom .nav-tabs, - .nav-align-left .nav-tabs { - background: var(--bs-paper-bg) - } - - .nav-align-top>.nav, - .nav-align-top>div>.nav, - .nav-align-right>.nav, - .nav-align-right>div>.nav, - .nav-align-bottom>.nav, - .nav-align-bottom>div>.nav, - .nav-align-left>.nav, - .nav-align-left>div>.nav { - position: relative; - z-index: 1 - } - - .nav-align-top:has(.nav-tabs), - .nav-align-right:has(.nav-tabs), - .nav-align-bottom:has(.nav-tabs), - .nav-align-left:has(.nav-tabs) { - border-radius: .375rem !important - } - - .nav-align-right, - .nav-align-left { - align-items: stretch - } - - .nav-align-right>.nav, - .nav-align-right>div>.nav, - .nav-align-left>.nav, - .nav-align-left>div>.nav { - flex-direction: column; - flex-grow: 0; - border-block-end-width: 0 - } - - .nav-align-right>.nav.nav-pills .nav-item:not(:last-child), - .nav-align-right>div>.nav.nav-pills .nav-item:not(:last-child), - .nav-align-left>.nav.nav-pills .nav-item:not(:last-child), - .nav-align-left>div>.nav.nav-pills .nav-item:not(:last-child) { - margin-block: 0 .25rem !important; - margin-inline: 0 !important - } - - .nav-align-right>.tab-content, - .nav-align-left>.tab-content { - flex-grow: 1 - } - - .nav-align-right>.tab-content .tab-pane, - .nav-align-left>.tab-content .tab-pane { - transform: translateY(-30px) - } - - .nav-align-right>.tab-content .tab-pane.show, - .nav-align-left>.tab-content .tab-pane.show { - transform: translateY(0) - } - - .nav-align-top { - flex-direction: column - } - - .nav-align-top .tab-content { - border-bottom-right-radius: .375rem; - border-bottom-left-radius: .375rem - } - - .nav-align-top .nav-tabs { - border-block-end: 1px solid var(--bs-nav-tabs-border-color); - border-top-left-radius: .375rem; - border-top-right-radius: .375rem - } - - .nav-align-top .nav-tabs .nav-link:not(.active):hover { - border-block-end: 2px solid rgba(var(--bs-primary-rgb), 0.16) !important; - padding-block-end: .4185rem - } - - .nav-align-top .nav-tabs.nav-lg .nav-link:not(.active):hover { - padding-block-end: .75rem - } - - .nav-align-top .nav-tabs.nav-sm .nav-link:not(.active):hover { - padding-block-end: .2rem - } - - .nav-align-top .nav-pills~.tab-content { - border-top-left-radius: .375rem; - border-top-right-radius: .375rem - } - - .nav-align-top>.tab-content .tab-pane, - .nav-align-bottom>.tab-content .tab-pane, - .card>.tab-content .tab-pane { - transform: translateX(-30px) - } - - :dir(rtl) .nav-align-top>.tab-content .tab-pane, - :dir(rtl) .nav-align-bottom>.tab-content .tab-pane, - :dir(rtl) .card>.tab-content .tab-pane { - transform: translateX(30px) - } - - .nav-align-top>.tab-content .tab-pane.show, - .nav-align-bottom>.tab-content .tab-pane.show, - .card>.tab-content .tab-pane.show { - transform: translateX(0) !important - } - - .nav-align-top>.nav.nav-pills .nav-item:not(:last-child), - .nav-align-bottom>.nav.nav-pills .nav-item:not(:last-child), - .card>.nav.nav-pills .nav-item:not(:last-child) { - margin-inline-end: .25rem - } - - .nav-align-right { - flex-direction: row-reverse - } - - .nav-align-right .tab-content { - border-end-start-radius: .375rem; - border-start-start-radius: .375rem - } - - .nav-align-right .nav-tabs { - position: relative; - border-end-end-radius: .375rem; - border-inline-start: 1px solid var(--bs-nav-tabs-border-color); - border-start-end-radius: .375rem - } - - .nav-align-right .nav-tabs .tab-slider { - inset-inline-start: 0 - } - - .card .nav-align-right .nav-tabs~.tab-content { - border-inline-end: 0 solid var(--bs-nav-tabs-border-color) - } - - .nav-align-right .nav-tabs .nav-link:not(.active):hover { - border-inline-start: 2px solid rgba(var(--bs-primary-rgb), 0.16) !important; - padding-inline-start: 1.25rem - } - - .nav-align-right .nav-tabs.nav-lg .nav-link:not(.active):hover { - padding-inline-start: 1.1875rem - } - - .nav-align-right .nav-tabs.nav-sm .nav-link:not(.active):hover { - padding-inline-start: .75rem - } - - .nav-align-right>.nav .nav-item, - .nav-align-right>div>.nav .nav-item { - margin-inline: 0 - } - - .nav-align-right .nav-link { - justify-content: end; - text-align: end - } - - .nav-align-right .nav-pills~.tab-content { - border-radius: .375rem - } - - .nav-align-bottom { - flex-direction: column-reverse - } - - .nav-align-bottom .tab-content { - border-top-left-radius: .375rem; - border-top-right-radius: .375rem - } - - .nav-align-bottom>.nav .nav-item, - .nav-align-bottom>div>.nav .nav-item { - margin-block: 0 - } - - .nav-align-bottom>.nav, - .nav-align-bottom>div>.nav { - border-block-end-width: 0; - border-block-start: 0 solid var(--bs-nav-tabs-border-color) - } - - .nav-align-bottom .nav-tabs { - border-block-start: 1px solid var(--bs-nav-tabs-border-color); - border-bottom-right-radius: .375rem; - border-bottom-left-radius: .375rem - } - - .nav-align-bottom .nav-tabs .tab-slider { - inset-block-end: inherit !important - } - - .nav-align-bottom .nav-tabs .nav-link:not(.active):hover { - border-block-start: 2px solid rgba(var(--bs-primary-rgb), 0.16) !important; - padding-block-start: .4185rem - } - - .nav-align-bottom .nav-tabs.nav-lg .nav-link:not(.active):hover { - padding-block-start: .75rem - } - - .nav-align-bottom .nav-tabs.nav-sm .nav-link:not(.active):hover { - padding-block-start: .2rem - } - - .nav-align-bottom .nav-pills~.tab-content { - border-bottom-right-radius: .375rem; - border-bottom-left-radius: .375rem - } - - .nav-align-left .tab-content { - border-end-end-radius: .375rem; - border-start-end-radius: .375rem - } - - .nav-align-left .nav-tabs { - position: relative; - border-inline-end: 1px solid var(--bs-nav-tabs-border-color) - } - - .card .nav-align-left .nav-tabs~.tab-content { - border-inline-start: 0 solid var(--bs-nav-tabs-border-color) - } - - .nav-align-left .nav-tabs .nav-link:not(.active):hover { - border-inline-end: 2px solid rgba(var(--bs-primary-rgb), 0.16) !important; - padding-inline-end: 1.25rem - } - - .nav-align-left .nav-tabs.nav-lg .nav-link:not(.active):hover { - padding-inline-end: 1.1875rem - } - - .nav-align-left .nav-tabs.nav-sm .nav-link:not(.active):hover { - padding-inline-end: .75rem - } - - .nav-align-left>.nav .nav-item, - .nav-align-left>div>.nav .nav-item { - margin-inline: 0 - } - - .nav-align-left .nav-link { - justify-content: start; - text-align: start - } - - .nav-align-left .nav-pills~.tab-content { - border-end-start-radius: .375rem !important; - border-start-start-radius: .375rem !important - } - - .nav-align-left:has(.nav-tabs) { - overflow: hidden - } - - .layout-navbar { - background-color: var(--bs-paper-bg) - } - - .mega-dropdown .dropdown-toggle { - box-shadow: none; - outline: 0 - } - - .mega-dropdown .dropdown-menu { - inline-size: 100% - } - - .navbar.bg-body-tertiary { - --bs-navbar-color: var(--bs-body-color); - --bs-navbar-hover-color: var(--bs-heading-color); - --bs-navbar-disabled-color: color-mix(in sRGB, var(--bs-base-color) 40%, var(--bs-paper-bg)); - --bs-navbar-active-color: var(--bs-heading-color); - --bs-navbar-brand-color: var(--bs-heading-color); - --bs-navbar-brand-hover-color: color-mix(in sRGB, var(--bs-base-color) 70%, var(--bs-paper-bg)) - } - - .navbar.bg-white { - --bs-navbar-color: color-mix(in sRGB, var(--bs-pure-black) 84%, var(--bs-white)); - --bs-navbar-hover-color: var(--bs-pure-black); - --bs-navbar-disabled-color: color-mix(in sRGB, var(--bs-pure-black) 40%, var(--bs-white)); - --bs-navbar-active-color: var(--bs-pure-black); - --bs-navbar-brand-color: var(--bs-pure-black); - --bs-navbar-brand-hover-color: color-mix(in sRGB, var(--bs-pure-black) 84%, var(--bs-white)) - } - - .navbar.bg-primary { - --bs-navbar-color: color-mix(in sRGB, var(--bs-primary-contrast) 84%, var(--bs-primary)); - --bs-navbar-hover-color: var(--bs-primary-contrast); - --bs-navbar-disabled-color: color-mix(in sRGB, var(--bs-primary-contrast) 60%, var(--bs-primary)); - --bs-navbar-active-color: var(--bs-primary-contrast); - --bs-navbar-brand-color: var(--bs-primary-contrast); - --bs-navbar-brand-hover-color: color-mix(in sRGB, var(--bs-paper-bg) 84%, var(--bs-primary)) - } - - .navbar.bg-secondary { - --bs-navbar-color: color-mix(in sRGB, var(--bs-secondary-contrast) 84%, var(--bs-secondary)); - --bs-navbar-hover-color: var(--bs-secondary-contrast); - --bs-navbar-disabled-color: color-mix(in sRGB, var(--bs-secondary-contrast) 60%, var(--bs-secondary)); - --bs-navbar-active-color: var(--bs-secondary-contrast); - --bs-navbar-brand-color: var(--bs-secondary-contrast); - --bs-navbar-brand-hover-color: color-mix(in sRGB, var(--bs-paper-bg) 84%, var(--bs-secondary)) - } - - .navbar.bg-success { - --bs-navbar-color: color-mix(in sRGB, var(--bs-success-contrast) 84%, var(--bs-success)); - --bs-navbar-hover-color: var(--bs-success-contrast); - --bs-navbar-disabled-color: color-mix(in sRGB, var(--bs-success-contrast) 60%, var(--bs-success)); - --bs-navbar-active-color: var(--bs-success-contrast); - --bs-navbar-brand-color: var(--bs-success-contrast); - --bs-navbar-brand-hover-color: color-mix(in sRGB, var(--bs-paper-bg) 84%, var(--bs-success)) - } - - .navbar.bg-info { - --bs-navbar-color: color-mix(in sRGB, var(--bs-info-contrast) 84%, var(--bs-info)); - --bs-navbar-hover-color: var(--bs-info-contrast); - --bs-navbar-disabled-color: color-mix(in sRGB, var(--bs-info-contrast) 60%, var(--bs-info)); - --bs-navbar-active-color: var(--bs-info-contrast); - --bs-navbar-brand-color: var(--bs-info-contrast); - --bs-navbar-brand-hover-color: color-mix(in sRGB, var(--bs-paper-bg) 84%, var(--bs-info)) - } - - .navbar.bg-warning { - --bs-navbar-color: color-mix(in sRGB, var(--bs-warning-contrast) 84%, var(--bs-warning)); - --bs-navbar-hover-color: var(--bs-warning-contrast); - --bs-navbar-disabled-color: color-mix(in sRGB, var(--bs-warning-contrast) 60%, var(--bs-warning)); - --bs-navbar-active-color: var(--bs-warning-contrast); - --bs-navbar-brand-color: var(--bs-warning-contrast); - --bs-navbar-brand-hover-color: color-mix(in sRGB, var(--bs-paper-bg) 84%, var(--bs-warning)) - } - - .navbar.bg-danger { - --bs-navbar-color: color-mix(in sRGB, var(--bs-danger-contrast) 84%, var(--bs-danger)); - --bs-navbar-hover-color: var(--bs-danger-contrast); - --bs-navbar-disabled-color: color-mix(in sRGB, var(--bs-danger-contrast) 60%, var(--bs-danger)); - --bs-navbar-active-color: var(--bs-danger-contrast); - --bs-navbar-brand-color: var(--bs-danger-contrast); - --bs-navbar-brand-hover-color: color-mix(in sRGB, var(--bs-paper-bg) 84%, var(--bs-danger)) - } - - .navbar.bg-light { - --bs-navbar-color: var(--bs-body-color); - --bs-navbar-hover-color: var(--bs-heading-color); - --bs-navbar-disabled-color: color-mix(in sRGB, var(--bs-base-color) 40%, var(--bs-paper-bg)); - --bs-navbar-active-color: var(--bs-heading-color); - --bs-navbar-brand-color: var(--bs-heading-color); - --bs-navbar-brand-hover-color: color-mix(in sRGB, var(--bs-base-color) 70%, var(--bs-paper-bg)) - } - - .navbar.bg-dark { - --bs-navbar-color: color-mix(in sRGB, var(--bs-dark-contrast) 84%, var(--bs-dark)); - --bs-navbar-hover-color: var(--bs-dark-contrast); - --bs-navbar-disabled-color: color-mix(in sRGB, var(--bs-dark-contrast) 60%, var(--bs-dark)); - --bs-navbar-active-color: var(--bs-dark-contrast); - --bs-navbar-brand-color: var(--bs-dark-contrast); - --bs-navbar-brand-hover-color: color-mix(in sRGB, var(--bs-paper-bg) 84%, var(--bs-dark)) - } - - .navbar.bg-gray { - --bs-navbar-color: color-mix(in sRGB, var(--bs-gray-contrast) 84%, var(--bs-gray)); - --bs-navbar-hover-color: var(--bs-gray-contrast); - --bs-navbar-disabled-color: color-mix(in sRGB, var(--bs-gray-contrast) 60%, var(--bs-gray)); - --bs-navbar-active-color: var(--bs-gray-contrast); - --bs-navbar-brand-color: var(--bs-gray-contrast); - --bs-navbar-brand-hover-color: color-mix(in sRGB, var(--bs-paper-bg) 84%, var(--bs-gray)) - } - - .card { - --bs-card-hover-box-shadow: 0 0.25rem 0.75rem 0 rgba(34, 48, 62, 0.14); - --bs-card-border-bottom-color: var(--bs-border-color); - --bs-card-hover-border-color: var(--bs-border-color); - --bs-card-hover-border-bottom-color: var(--bs-border-color); - --bs-card-subtitle-color: color-mix(in sRGB, var(--bs-base-color) 55%, var(--bs-card-bg)); - box-shadow: var(--bs-card-box-shadow) - } - - .card .card-header+.card-body, - .card .card-header+.card-content>.card-body:first-of-type, - .card .card-header+.card-footer, - .card .card-body+.card-footer { - padding-block-start: 0 - } - - .card .card-header, - .card .card-footer { - --bs-card-border-width: 0 - } - - .card .featured-date { - background-color: var(--bs-card-bg) - } - - .card .card-link { - display: inline-block - } - - .card .card-link+.card-link { - margin-inline: 1.5rem 0 - } - - .card hr { - color: var(--bs-card-border-color) - } - - .card .card-separator { - border-inline-end: var(--bs-border-width) solid var(--bs-card-border-color) - } - - @media(max-width: 767.98px) { - .card .card-separator { - border-block-end: var(--bs-border-width) solid var(--bs-card-border-color); - border-inline-end-width: 0 !important; - padding-block-end: 1.5rem - } - } - - .card>.list-group { - border-block-end-width: 1px; - border-block-start-width: 1px - } - - .card>.list-group .list-group-item { - padding-inline: 1.5rem - } - - @media(max-width: 991.98px) { - .card .card-widget-separator-wrapper .card-widget-separator .card-widget-2.border-end { - border-inline-end: none !important; - border-inline-start: none !important - } - } - - @media(max-width: 575.98px) { - - .card .card-widget-separator-wrapper .card-widget-separator .card-widget-1.border-end, - .card .card-widget-separator-wrapper .card-widget-separator .card-widget-2.border-end, - .card .card-widget-separator-wrapper .card-widget-separator .card-widget-3.border-end { - border-block-end: 1px solid var(--bs-card-border-color); - border-inline-end: none !important; - border-inline-start: none !important - } - } - - .card[class*=card-border-shadow-] { - border-block-end: none; - transition: all .2s ease-in-out - } - - @media(prefers-reduced-motion: reduce) { - .card[class*=card-border-shadow-] { - transition: none - } - } - - .card[class*=card-border-shadow-]::after { - position: absolute; - border-radius: .375rem; - block-size: 1.5rem; - border-block-end: .125rem solid var(--bs-card-border-bottom-color); - content: ""; - inline-size: 100%; - inset-block-end: 0; - inset-inline-start: 0; - transition: all .2s ease-in-out - } - - @media(prefers-reduced-motion: reduce) { - .card[class*=card-border-shadow-]::after { - transition: none - } - } - - .card[class*=card-border-shadow-]:hover { - box-shadow: var(--bs-card-hover-box-shadow) - } - - .card[class*=card-border-shadow-]:hover::after { - border-color: var(--bs-card-hover-border-bottom-color); - border-block-end-width: .1875rem - } - - .card[class*=card-hover-border-], - .card [class*=card-hover-border-] { - border-width: 1px; - transition: all .2s ease-in-out - } - - @media(prefers-reduced-motion: reduce) { - - .card[class*=card-hover-border-], - .card [class*=card-hover-border-] { - transition: none - } - } - - .card[class*=card-hover-border-]:hover, - .card [class*=card-hover-border-]:hover { - border-color: var(--bs-card-hover-border-color) - } - - .card .collapse>.card-body, - .card .collapsing>.card-body { - padding-block-start: 0 - } - - .card-subtitle { - font-weight: 400 - } - - .bg-card { - background-color: var(--bs-card-bg) - } - - .card-header.header-elements, - .card-title.header-elements { - display: flex; - flex-wrap: wrap; - align-items: center; - inline-size: 100% - } - - .card-header-elements, - .card-title-elements { - display: flex; - flex-wrap: wrap; - align-items: center - } - - .card-header-elements+.card-header-elements, - .card-header-elements>*+*, - .card-header-elements+.card-title-elements, - .card-title-elements>*+*, - .card-title-elements+.card-header-elements, - .card-title-elements+.card-title-elements { - margin-inline-start: .25rem - } - - .card-title:not(h1):not(.h1):not(h2):not(.h2):not(h3):not(.h3):not(h4):not(.h4):not(h5):not(.h5):not(h6):not(.h6) { - color: var(--bs-body-color) - } - - .card-img-left, - .card-img-right { - block-size: 100%; - object-fit: cover - } - - .card-img-left { - border-end-start-radius: .375rem; - border-start-start-radius: .375rem; - border-end-end-radius: 0; - border-start-end-radius: 0 - } - - @media(max-width: 767.98px) { - .card-img-left { - border-top-left-radius: .375rem; - border-top-right-radius: .375rem; - border-bottom-right-radius: 0; - border-bottom-left-radius: 0 - } - } - - .card-img-right { - border-end-end-radius: .375rem; - border-start-end-radius: .375rem; - border-end-start-radius: 0; - border-start-start-radius: 0 - } - - @media(max-width: 767.98px) { - .card-img-right { - border-bottom-right-radius: .375rem; - border-bottom-left-radius: .375rem; - border-top-left-radius: 0; - border-top-right-radius: 0 - } - } - - .card-group { - --bs-card-box-shadow: var(--bs-box-shadow); - --bs-card-bg: var(--bs-paper-bg) - } - - @media(min-width: 576px) { - .card-group { - border-radius: .375rem; - background-color: var(--bs-card-bg); - box-shadow: var(--bs-card-box-shadow) - } - - .card-group .card { - box-shadow: none - } - - .card-group .card+.card { - border: var(--bs-card-border-width) solid var(--bs-card-border-color); - border-inline-start: 0; - margin-inline: 0 - } - - .card-group .card .card-img-top, - .card-group .card .card-header, - .card-group .card .card-img-bottom, - .card-group .card .card-footer { - border-radius: 0 - } - - .card-group .card:is(:last-child) .card-img-top, - .card-group .card:is(:last-child) .card-header { - border-start-end-radius: .375rem - } - - .card-group .card:is(:last-child) .card-img-bottom, - .card-group .card:is(:last-child) .card-footer { - border-end-end-radius: .375rem - } - - .card-group .card:is(:first-child) .card-img-top, - .card-group .card:is(:first-child) .card-header { - border-start-start-radius: .375rem - } - - .card-group .card:is(:first-child) .card-img-bottom, - .card-group .card:is(:first-child) .card-footer { - border-end-start-radius: .375rem - } - } - - .card-action.card-fullscreen { - position: fixed; - z-index: 9999; - display: block; - overflow: auto; - border: 0; - border-radius: 0; - block-size: 100%; - inline-size: 100%; - inset: 0 - } - - .card-action .card-alert { - position: absolute; - z-index: 999; - inline-size: 100% - } - - .card-action .card-alert .alert { - border-end-end-radius: 0; - border-end-start-radius: 0 - } - - .card-action .card-header { - display: flex - } - - .card-action .card-header.collapsed { - border-block-end: 0 - } - - .card-action .card-header .card-action-title { - flex-grow: 1; - margin-inline-end: .5rem - } - - .card-action .card-header .card-action-element a:not(.dropdown-item) { - color: var(--bs-heading-color) - } - - .card-action .notiflix-block h5, - .card-action .notiflix-block .h5 { - color: var(--bs-body-color); - margin-block: 1rem 0 - } - - .card-action .collapse>.card-body, - .card-action .collapsing>.card-body { - padding-block-start: 0 - } - - .card-border-shadow-primary { - --bs-card-border-bottom-color: color-mix(in sRGB, var(--bs-card-bg) 60%, var(--bs-primary)); - --bs-card-hover-border-bottom-color: var(--bs-primary) - } - - .card-hover-border-primary { - --bs-card-hover-border-color: color-mix(in sRGB, var(--bs-card-bg) 62%, var(--bs-primary)) - } - - .card-border-shadow-secondary { - --bs-card-border-bottom-color: color-mix(in sRGB, var(--bs-card-bg) 60%, var(--bs-secondary)); - --bs-card-hover-border-bottom-color: var(--bs-secondary) - } - - .card-hover-border-secondary { - --bs-card-hover-border-color: color-mix(in sRGB, var(--bs-card-bg) 62%, var(--bs-secondary)) - } - - .card-border-shadow-success { - --bs-card-border-bottom-color: color-mix(in sRGB, var(--bs-card-bg) 60%, var(--bs-success)); - --bs-card-hover-border-bottom-color: var(--bs-success) - } - - .card-hover-border-success { - --bs-card-hover-border-color: color-mix(in sRGB, var(--bs-card-bg) 62%, var(--bs-success)) - } - - .card-border-shadow-info { - --bs-card-border-bottom-color: color-mix(in sRGB, var(--bs-card-bg) 60%, var(--bs-info)); - --bs-card-hover-border-bottom-color: var(--bs-info) - } - - .card-hover-border-info { - --bs-card-hover-border-color: color-mix(in sRGB, var(--bs-card-bg) 62%, var(--bs-info)) - } - - .card-border-shadow-warning { - --bs-card-border-bottom-color: color-mix(in sRGB, var(--bs-card-bg) 60%, var(--bs-warning)); - --bs-card-hover-border-bottom-color: var(--bs-warning) - } - - .card-hover-border-warning { - --bs-card-hover-border-color: color-mix(in sRGB, var(--bs-card-bg) 62%, var(--bs-warning)) - } - - .card-border-shadow-danger { - --bs-card-border-bottom-color: color-mix(in sRGB, var(--bs-card-bg) 60%, var(--bs-danger)); - --bs-card-hover-border-bottom-color: var(--bs-danger) - } - - .card-hover-border-danger { - --bs-card-hover-border-color: color-mix(in sRGB, var(--bs-card-bg) 62%, var(--bs-danger)) - } - - .card-border-shadow-light { - --bs-card-border-bottom-color: color-mix(in sRGB, var(--bs-card-bg) 60%, var(--bs-light)); - --bs-card-hover-border-bottom-color: var(--bs-light) - } - - .card-hover-border-light { - --bs-card-hover-border-color: color-mix(in sRGB, var(--bs-card-bg) 62%, var(--bs-light)) - } - - .card-border-shadow-dark { - --bs-card-border-bottom-color: color-mix(in sRGB, var(--bs-card-bg) 60%, var(--bs-dark)); - --bs-card-hover-border-bottom-color: var(--bs-dark) - } - - .card-hover-border-dark { - --bs-card-hover-border-color: color-mix(in sRGB, var(--bs-card-bg) 62%, var(--bs-dark)) - } - - .card-border-shadow-gray { - --bs-card-border-bottom-color: color-mix(in sRGB, var(--bs-card-bg) 60%, var(--bs-gray)); - --bs-card-hover-border-bottom-color: var(--bs-gray) - } - - .card-hover-border-gray { - --bs-card-hover-border-color: color-mix(in sRGB, var(--bs-card-bg) 62%, var(--bs-gray)) - } - - [data-bs-theme=dark] .card { - --bs-card-bg: #2b2c40; - --bs-card-subtitle-color: color-mix(in srgb, #e6e6f1 55%, #393a5a) - } - - .accordion { - --bs-accordion-box-shadow: 0 0.125rem 0.375rem 0 rgba(34, 48, 62, 0.08); - --bs-accordion-active-box-shadow: 0 0.1875rem 0.5rem 0 rgba(34, 48, 62, 0.1); - --bs-accordion-active-bg: var(--bs-accordion-bg); - --bs-accordion-btn-active-bg: var(--bs-accordion-active-bg); - --bs-accordion-btn-focus-box-shadow: none; - --bs-accordion-btn-focus-shadow-width: 0 - } - - .accordion .accordion-button::after { - background: var(--bs-accordion-btn-color); - mask-image: var(--bs-accordion-btn-icon); - mask-repeat: no-repeat; - mask-size: 100% 100% - } - - .accordion .accordion-button:not(.collapsed)::after { - background: var(--bs-accordion-btn-color); - mask-image: var(--bs-accordion-btn-active-icon) - } - - .accordion.accordion-without-arrow .accordion-button::after { - background: none - } - - .accordion:not(.accordion-custom-button):not(.accordion-arrow-left) .accordion-item { - border-radius: var(--bs-accordion-border-radius) - } - - .accordion:not(.accordion-custom-button):not(.accordion-arrow-left) .accordion-item>.accordion-header .accordion-button { - border-radius: var(--bs-accordion-inner-border-radius) - } - - .accordion:not(.accordion-custom-button):not(.accordion-arrow-left) .accordion-item:not(:first-of-type) { - border-block-start: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color) - } - - .accordion:not(.accordion-custom-button):not(.accordion-arrow-left) .accordion-item:not(:last-of-type) { - margin-block-end: .5rem - } - - .accordion.accordion-popout .accordion-item { - transition: margin .35s cubic-bezier(0.25, 0.46, 0.45, 0.94) - } - - @media(prefers-reduced-motion: reduce) { - .accordion.accordion-popout .accordion-item { - transition: none - } - } - - .accordion.accordion-popout .accordion-item:not(.active) { - margin-inline: 1rem - } - - .accordion[class*=accordion-outline-] { - --bs-accordion-box-shadow: none; - --bs-accordion-active-box-shadow: none; - --bs-accordion-bg: transparent; - --bs-accordion-active-bg: transparent; - --bs-accordion-border-width: var(--bs-border-width) - } - - .accordion[class*=border-background-] { - --bs-accordion-box-shadow: none; - --bs-accordion-active-box-shadow: none; - --bs-accordion-border-width: var(--bs-border-width) - } - - .accordion[class*=accordion-border-solid-] { - --bs-accordion-box-shadow: none; - --bs-accordion-active-box-shadow: none; - --bs-accordion-border-width: var(--bs-border-width) - } - - .accordion[class*=accordion-border-solid-] .accordion-button.collapsed::after { - background-image: url("data:image/svg+xml,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg id='bx-chevron-down'%3e%3cpath id='Vector' d='M13.5775 7.74417L9.99997 11.3217L6.42247 7.74417L5.24414 8.9225L9.99997 13.6783L14.7558 8.9225L13.5775 7.74417Z' fill='CURRE' fill-opacity='0.9'/%3e%3c/g%3e%3c/svg%3e") - } - - .accordion-item { - box-shadow: var(--bs-accordion-box-shadow) - } - - .accordion-item.active { - background-color: var(--bs-accordion-active-bg); - box-shadow: var(--bs-accordion-active-box-shadow) - } - - .accordion-header { - line-height: 1.375 - } - - .accordion-header+.accordion-collapse .accordion-body { - padding-block-start: 0; - padding-inline-start: 1.4375rem - } - - .accordion-button { - font-weight: inherit; - padding-inline-end: 1.1875rem - } - - .accordion-button::after { - margin-inline-end: initial; - margin-inline-start: auto - } - - .accordion-button:not(.collapsed) { - background-color: var(--bs-accordion-btn-active-bg); - box-shadow: inset 0 calc(-1*var(--bs-accordion-btn-focus-shadow-width)) 0 var(--bs-accordion-border-color); - padding-block-end: .793rem - } - - .accordion-arrow-left { - --bs-accordion-box-shadow: none; - --bs-accordion-active-box-shadow: none; - --bs-accordion-btn-padding-y: calc(0.7305rem + .0625rem); - --bs-accordion-btn-padding-x: 0; - --bs-accordion-body-padding-y: calc(1.1875rem + .0625rem) - } - - .accordion-arrow-left .accordion-item:not(:first-of-type) { - border-block-start: var(--bs-border-width) solid var(--bs-accordion-border-color) - } - - .accordion-arrow-left .accordion-button::after { - display: none - } - - .accordion-arrow-left .accordion-button:not(.collapsed)::before { - background: var(--bs-accordion-btn-color); - mask-image: var(--bs-accordion-btn-active-icon); - transform: var(--bs-accordion-btn-icon-transform) - } - - .accordion-arrow-left .accordion-button::before { - background: var(--bs-accordion-btn-color); - block-size: var(--bs-accordion-btn-icon-width); - content: ""; - inline-size: var(--bs-accordion-btn-icon-width); - margin-inline: 0 1.1rem; - mask-image: var(--bs-accordion-btn-icon); - mask-repeat: no-repeat; - mask-size: 100% 100%; - transition: var(--bs-accordion-btn-icon-transition) - } - - @media(prefers-reduced-motion: reduce) { - .accordion-arrow-left .accordion-button::before { - transition: none - } - } - - .accordion-arrow-left .accordion-header+.accordion-collapse .accordion-body { - padding-inline-start: calc(1.4375rem + .0625rem) - } - - .accordion-custom-button { - --bs-accordion-box-shadow: none; - --bs-accordion-active-box-shadow: none; - --bs-accordion-btn-padding-y: .76178rem; - --bs-accordion-border-width: var(--bs-border-width); - --bs-accordion-border-color: #e4e6e8; - --bs-accordion-btn-bg: #fafafa; - --bs-accordion-btn-active-bg: #fafafa; - --bs-accordion-btn-focus-box-shadow: none; - --bs-accordion-btn-focus-shadow-width: var(--bs-border-width); - --bs-accordion-btn-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23384551' viewBox='0 0 24 24'%3E%3Cpath d='M19 11h-6V5h-2v6H5v2h6v6h2v-6h6z'%3E%3C/path%3E%3C/svg%3E"); - --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23384551' viewBox='0 0 24 24'%3E%3Cpath d='M5 11h14v2H5z'%3E%3C/path%3E%3C/svg%3E") - } - - .accordion-custom-button .accordion-item .accordion-body { - padding-block-start: 1.1875rem - } - - .accordion-header-primary { - --bs-accordion-active-color: var(--bs-primary) - } - - .accordion-border-background-primary { - --bs-accordion-color: var(--bs-primary); - --bs-accordion-active-color: var(--bs-primary); - --bs-accordion-border-color: var(--bs-primary); - --bs-accordion-bg: color-mix(in sRGB, var(--bs-paper-bg) var(--bs-bg-label-tint-amount), var(--bs-primary)); - --bs-accordion-active-bg: color-mix(in sRGB, var(--bs-paper-bg) var(--bs-bg-label-tint-amount), var(--bs-primary)); - --bs-accordion-btn-color: var(--bs-primary) - } - - .accordion-outline-primary { - --bs-accordion-border-color: var(--bs-primary) - } - - .accordion-solid-primary { - --bs-accordion-color: var(--bs-primary-contrast); - --bs-accordion-active-color: var(--bs-primary-contrast); - --bs-accordion-btn-color: var(--bs-primary-contrast); - --bs-accordion-border-color: var(--bs-primary); - --bs-accordion-bg: var(--bs-primary); - --bs-accordion-active-bg: var(--bs-primary) - } - - .accordion-border-solid-primary { - --bs-accordion-btn-color: var(--bs-primary-contrast); - --bs-accordion-border-color: var(--bs-primary); - --bs-accordion-bg: var(--bs-primary); - --bs-accordion-active-bg: color-mix(in sRGB, var(--bs-paper-bg) var(--bs-bg-label-tint-amount), var(--bs-primary)); - --bs-accordion-active-color: var(--bs-primary) - } - - .accordion-header-secondary { - --bs-accordion-active-color: var(--bs-secondary) - } - - .accordion-border-background-secondary { - --bs-accordion-color: var(--bs-secondary); - --bs-accordion-active-color: var(--bs-secondary); - --bs-accordion-border-color: var(--bs-secondary); - --bs-accordion-bg: color-mix(in sRGB, var(--bs-paper-bg) var(--bs-bg-label-tint-amount), var(--bs-secondary)); - --bs-accordion-active-bg: color-mix(in sRGB, var(--bs-paper-bg) var(--bs-bg-label-tint-amount), var(--bs-secondary)); - --bs-accordion-btn-color: var(--bs-secondary) - } - - .accordion-outline-secondary { - --bs-accordion-border-color: var(--bs-secondary) - } - - .accordion-solid-secondary { - --bs-accordion-color: var(--bs-secondary-contrast); - --bs-accordion-active-color: var(--bs-secondary-contrast); - --bs-accordion-btn-color: var(--bs-secondary-contrast); - --bs-accordion-border-color: var(--bs-secondary); - --bs-accordion-bg: var(--bs-secondary); - --bs-accordion-active-bg: var(--bs-secondary) - } - - .accordion-border-solid-secondary { - --bs-accordion-btn-color: var(--bs-secondary-contrast); - --bs-accordion-border-color: var(--bs-secondary); - --bs-accordion-bg: var(--bs-secondary); - --bs-accordion-active-bg: color-mix(in sRGB, var(--bs-paper-bg) var(--bs-bg-label-tint-amount), var(--bs-secondary)); - --bs-accordion-active-color: var(--bs-secondary) - } - - .accordion-header-success { - --bs-accordion-active-color: var(--bs-success) - } - - .accordion-border-background-success { - --bs-accordion-color: var(--bs-success); - --bs-accordion-active-color: var(--bs-success); - --bs-accordion-border-color: var(--bs-success); - --bs-accordion-bg: color-mix(in sRGB, var(--bs-paper-bg) var(--bs-bg-label-tint-amount), var(--bs-success)); - --bs-accordion-active-bg: color-mix(in sRGB, var(--bs-paper-bg) var(--bs-bg-label-tint-amount), var(--bs-success)); - --bs-accordion-btn-color: var(--bs-success) - } - - .accordion-outline-success { - --bs-accordion-border-color: var(--bs-success) - } - - .accordion-solid-success { - --bs-accordion-color: var(--bs-success-contrast); - --bs-accordion-active-color: var(--bs-success-contrast); - --bs-accordion-btn-color: var(--bs-success-contrast); - --bs-accordion-border-color: var(--bs-success); - --bs-accordion-bg: var(--bs-success); - --bs-accordion-active-bg: var(--bs-success) - } - - .accordion-border-solid-success { - --bs-accordion-btn-color: var(--bs-success-contrast); - --bs-accordion-border-color: var(--bs-success); - --bs-accordion-bg: var(--bs-success); - --bs-accordion-active-bg: color-mix(in sRGB, var(--bs-paper-bg) var(--bs-bg-label-tint-amount), var(--bs-success)); - --bs-accordion-active-color: var(--bs-success) - } - - .accordion-header-info { - --bs-accordion-active-color: var(--bs-info) - } - - .accordion-border-background-info { - --bs-accordion-color: var(--bs-info); - --bs-accordion-active-color: var(--bs-info); - --bs-accordion-border-color: var(--bs-info); - --bs-accordion-bg: color-mix(in sRGB, var(--bs-paper-bg) var(--bs-bg-label-tint-amount), var(--bs-info)); - --bs-accordion-active-bg: color-mix(in sRGB, var(--bs-paper-bg) var(--bs-bg-label-tint-amount), var(--bs-info)); - --bs-accordion-btn-color: var(--bs-info) - } - - .accordion-outline-info { - --bs-accordion-border-color: var(--bs-info) - } - - .accordion-solid-info { - --bs-accordion-color: var(--bs-info-contrast); - --bs-accordion-active-color: var(--bs-info-contrast); - --bs-accordion-btn-color: var(--bs-info-contrast); - --bs-accordion-border-color: var(--bs-info); - --bs-accordion-bg: var(--bs-info); - --bs-accordion-active-bg: var(--bs-info) - } - - .accordion-border-solid-info { - --bs-accordion-btn-color: var(--bs-info-contrast); - --bs-accordion-border-color: var(--bs-info); - --bs-accordion-bg: var(--bs-info); - --bs-accordion-active-bg: color-mix(in sRGB, var(--bs-paper-bg) var(--bs-bg-label-tint-amount), var(--bs-info)); - --bs-accordion-active-color: var(--bs-info) - } - - .accordion-header-warning { - --bs-accordion-active-color: var(--bs-warning) - } - - .accordion-border-background-warning { - --bs-accordion-color: var(--bs-warning); - --bs-accordion-active-color: var(--bs-warning); - --bs-accordion-border-color: var(--bs-warning); - --bs-accordion-bg: color-mix(in sRGB, var(--bs-paper-bg) var(--bs-bg-label-tint-amount), var(--bs-warning)); - --bs-accordion-active-bg: color-mix(in sRGB, var(--bs-paper-bg) var(--bs-bg-label-tint-amount), var(--bs-warning)); - --bs-accordion-btn-color: var(--bs-warning) - } - - .accordion-outline-warning { - --bs-accordion-border-color: var(--bs-warning) - } - - .accordion-solid-warning { - --bs-accordion-color: var(--bs-warning-contrast); - --bs-accordion-active-color: var(--bs-warning-contrast); - --bs-accordion-btn-color: var(--bs-warning-contrast); - --bs-accordion-border-color: var(--bs-warning); - --bs-accordion-bg: var(--bs-warning); - --bs-accordion-active-bg: var(--bs-warning) - } - - .accordion-border-solid-warning { - --bs-accordion-btn-color: var(--bs-warning-contrast); - --bs-accordion-border-color: var(--bs-warning); - --bs-accordion-bg: var(--bs-warning); - --bs-accordion-active-bg: color-mix(in sRGB, var(--bs-paper-bg) var(--bs-bg-label-tint-amount), var(--bs-warning)); - --bs-accordion-active-color: var(--bs-warning) - } - - .accordion-header-danger { - --bs-accordion-active-color: var(--bs-danger) - } - - .accordion-border-background-danger { - --bs-accordion-color: var(--bs-danger); - --bs-accordion-active-color: var(--bs-danger); - --bs-accordion-border-color: var(--bs-danger); - --bs-accordion-bg: color-mix(in sRGB, var(--bs-paper-bg) var(--bs-bg-label-tint-amount), var(--bs-danger)); - --bs-accordion-active-bg: color-mix(in sRGB, var(--bs-paper-bg) var(--bs-bg-label-tint-amount), var(--bs-danger)); - --bs-accordion-btn-color: var(--bs-danger) - } - - .accordion-outline-danger { - --bs-accordion-border-color: var(--bs-danger) - } - - .accordion-solid-danger { - --bs-accordion-color: var(--bs-danger-contrast); - --bs-accordion-active-color: var(--bs-danger-contrast); - --bs-accordion-btn-color: var(--bs-danger-contrast); - --bs-accordion-border-color: var(--bs-danger); - --bs-accordion-bg: var(--bs-danger); - --bs-accordion-active-bg: var(--bs-danger) - } - - .accordion-border-solid-danger { - --bs-accordion-btn-color: var(--bs-danger-contrast); - --bs-accordion-border-color: var(--bs-danger); - --bs-accordion-bg: var(--bs-danger); - --bs-accordion-active-bg: color-mix(in sRGB, var(--bs-paper-bg) var(--bs-bg-label-tint-amount), var(--bs-danger)); - --bs-accordion-active-color: var(--bs-danger) - } - - .accordion-header-light { - --bs-accordion-active-color: var(--bs-light) - } - - .accordion-border-background-light { - --bs-accordion-color: var(--bs-light); - --bs-accordion-active-color: var(--bs-light); - --bs-accordion-border-color: var(--bs-light); - --bs-accordion-bg: color-mix(in sRGB, var(--bs-paper-bg) var(--bs-bg-label-tint-amount), var(--bs-light)); - --bs-accordion-active-bg: color-mix(in sRGB, var(--bs-paper-bg) var(--bs-bg-label-tint-amount), var(--bs-light)); - --bs-accordion-btn-color: var(--bs-light) - } - - .accordion-outline-light { - --bs-accordion-border-color: var(--bs-light) - } - - .accordion-solid-light { - --bs-accordion-color: var(--bs-light-contrast); - --bs-accordion-active-color: var(--bs-light-contrast); - --bs-accordion-btn-color: var(--bs-light-contrast); - --bs-accordion-border-color: var(--bs-light); - --bs-accordion-bg: var(--bs-light); - --bs-accordion-active-bg: var(--bs-light) - } - - .accordion-border-solid-light { - --bs-accordion-btn-color: var(--bs-light-contrast); - --bs-accordion-border-color: var(--bs-light); - --bs-accordion-bg: var(--bs-light); - --bs-accordion-active-bg: color-mix(in sRGB, var(--bs-paper-bg) var(--bs-bg-label-tint-amount), var(--bs-light)); - --bs-accordion-active-color: var(--bs-light) - } - - .accordion-header-dark { - --bs-accordion-active-color: var(--bs-dark) - } - - .accordion-border-background-dark { - --bs-accordion-color: var(--bs-dark); - --bs-accordion-active-color: var(--bs-dark); - --bs-accordion-border-color: var(--bs-dark); - --bs-accordion-bg: color-mix(in sRGB, var(--bs-paper-bg) var(--bs-bg-label-tint-amount), var(--bs-dark)); - --bs-accordion-active-bg: color-mix(in sRGB, var(--bs-paper-bg) var(--bs-bg-label-tint-amount), var(--bs-dark)); - --bs-accordion-btn-color: var(--bs-dark) - } - - .accordion-outline-dark { - --bs-accordion-border-color: var(--bs-dark) - } - - .accordion-solid-dark { - --bs-accordion-color: var(--bs-dark-contrast); - --bs-accordion-active-color: var(--bs-dark-contrast); - --bs-accordion-btn-color: var(--bs-dark-contrast); - --bs-accordion-border-color: var(--bs-dark); - --bs-accordion-bg: var(--bs-dark); - --bs-accordion-active-bg: var(--bs-dark) - } - - .accordion-border-solid-dark { - --bs-accordion-btn-color: var(--bs-dark-contrast); - --bs-accordion-border-color: var(--bs-dark); - --bs-accordion-bg: var(--bs-dark); - --bs-accordion-active-bg: color-mix(in sRGB, var(--bs-paper-bg) var(--bs-bg-label-tint-amount), var(--bs-dark)); - --bs-accordion-active-color: var(--bs-dark) - } - - .accordion-header-gray { - --bs-accordion-active-color: var(--bs-gray) - } - - .accordion-border-background-gray { - --bs-accordion-color: var(--bs-gray); - --bs-accordion-active-color: var(--bs-gray); - --bs-accordion-border-color: var(--bs-gray); - --bs-accordion-bg: color-mix(in sRGB, var(--bs-paper-bg) var(--bs-bg-label-tint-amount), var(--bs-gray)); - --bs-accordion-active-bg: color-mix(in sRGB, var(--bs-paper-bg) var(--bs-bg-label-tint-amount), var(--bs-gray)); - --bs-accordion-btn-color: var(--bs-gray) - } - - .accordion-outline-gray { - --bs-accordion-border-color: var(--bs-gray) - } - - .accordion-solid-gray { - --bs-accordion-color: var(--bs-gray-contrast); - --bs-accordion-active-color: var(--bs-gray-contrast); - --bs-accordion-btn-color: var(--bs-gray-contrast); - --bs-accordion-border-color: var(--bs-gray); - --bs-accordion-bg: var(--bs-gray); - --bs-accordion-active-bg: var(--bs-gray) - } - - .accordion-border-solid-gray { - --bs-accordion-btn-color: var(--bs-gray-contrast); - --bs-accordion-border-color: var(--bs-gray); - --bs-accordion-bg: var(--bs-gray); - --bs-accordion-active-bg: color-mix(in sRGB, var(--bs-paper-bg) var(--bs-bg-label-tint-amount), var(--bs-gray)); - --bs-accordion-active-color: var(--bs-gray) - } - - [data-bs-theme=dark] .accordion:not([class*=accordion-border-background-], [class*=accordion-border-solid-], [class*=accordion-solid-]) { - --bs-accordion-btn-color: #d5d5e2 - } - - [data-bs-theme=dark] .accordion:not([class*=accordion-header-], [class*=accordion-border-background-], [class*=accordion-border-solid-], [class*=accordion-solid-]) { - --bs-accordion-active-color: #d5d5e2 - } - - [data-bs-theme=dark] .accordion.accordion-custom-button { - --bs-accordion-border-color: #4e4f6c; - --bs-accordion-btn-bg: #313246; - --bs-accordion-btn-active-bg: #313246 - } - - [data-bs-theme=dark] .accordion-custom-button .accordion-button::after { - --bs-accordion-btn-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23d5d5e2' viewBox='0 0 24 24'%3E%3Cpath d='M19 11h-6V5h-2v6H5v2h6v6h2v-6h6z'%3E%3C/path%3E%3C/svg%3E"); - --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23d5d5e2' viewBox='0 0 24 24'%3E%3Cpath d='M5 11h14v2H5z'%3E%3C/path%3E%3C/svg%3E") - } - - .breadcrumb { - --bs-breadcrumb-color: var(--bs-body-color) - } - - .breadcrumb-item { - line-height: 1.5rem - } - - .breadcrumb-item a { - color: var(--bs-breadcrumb-color) - } - - .breadcrumb-item a:hover, - .breadcrumb-item a:focus { - color: var(--bs-breadcrumb-item-active-color) - } - - .breadcrumb-item .icon-base.breadcrumb-icon { - color: var(--bs-breadcrumb-divider-color); - margin-inline-start: .5rem - } - - .breadcrumb-item.active a, - .breadcrumb-item.active a:hover, - .breadcrumb-item.active a:focus, - .breadcrumb-item.active a:active { - color: inherit - } - - .breadcrumb-custom-icon .breadcrumb-item+.breadcrumb-item::before { - content: none !important - } - - :dir(rtl) .breadcrumb-item+.breadcrumb-item { - padding-inline: .5rem 0 - } - - :dir(rtl) .breadcrumb-item+.breadcrumb-item::before { - content: "\\"; - float: inline-start; - padding-inline: 0 .5rem - } - - :dir(rtl) .breadcrumb-item .icon-base.breadcrumb-icon { - transform: scaleX(-1) - } - - .pagination { - --bs-pagination-box-shadow-color: var(--bs-primary-rgb); - padding-inline-start: 0 - } - - .pagination[class*=pagination-outline-] .page-item.active .page-link { - box-shadow: none - } - - .pagination[class*=pagination-outline-] .page-item:not(.active) .page-link, - .pagination[class*=pagination-outline-] li>a:not(.page-link) { - --bs-pagination-bg: transparent; - --bs-pagination-hover-bg: rgba(var(--bs-base-color-rgb), .06); - --bs-pagination-hover-color: var(--bs-pagination-color); - --bs-pagination-hover-border-color: color-mix(in sRGB, #22303e 22%, var(--bs-paper-bg)); - --bs-pagination-focus-bg: rgba(var(--bs-base-color-rgb), .06); - --bs-pagination-focus-color: var(--bs-pagination-color) - } - - .pagination.pagination-lg { - --bs-pagination-font-size: 1.0625rem - } - - .pagination.pagination-sm { - --bs-pagination-font-size: 0.8125rem - } - - .pagination .page-item .page-link:focus, - .pagination li>a:not(.page-link):focus { - color: var(--bs-pagination-focus-color) - } - - .pagination .page-item.active .page-link, - .pagination li.active>a:not(.page-link) { - box-shadow: 0 .125rem .25rem 0 rgba(var(--bs-pagination-box-shadow-color), 0.4); - color: var(--bs-pagination-active-color) - } - - .pagination:not([class*=pagination-outline-]) .page-link { - border-color: rgba(0, 0, 0, 0) - } - - .pagination.pagination-square .page-item a { - border-radius: 0 - } - - .pagination.pagination-round .page-item a { - border-radius: 50% - } - - .pagination.pagination-rounded .page-item a { - border-radius: .375rem - } - - .pagination.pagination-sm.pagination-rounded .page-item a { - border-radius: .25rem - } - - .pagination.pagination-lg.pagination-rounded .page-item a { - border-radius: .5rem - } - - .page-item.disabled .page-link, - .page-item[disabled] .page-link { - opacity: .45; - pointer-events: none - } - - .page-item:last-child .icon-base { - transform: translateX(7%) - } - - .page-link, - .page-link>a { - border-radius: .375rem; - display: inline-flex !important; - align-items: center; - justify-content: center; - min-block-size: calc(2.2508625rem + calc(1px * 2)); - min-inline-size: calc(2.2505625rem + calc(1px * 2)) - } - - .pagination-lg .page-link, - .pagination-lg>li>a:not(.page-link) { - min-block-size: calc(2.8757925rem + calc(1px * 2)); - min-inline-size: calc(2.8759615rem + calc(1px * 2)) - } - - .pagination-lg>.page-item.first .page-link, - .pagination-lg>.page-item.last .page-link, - .pagination-lg>.page-item.next .page-link, - .pagination-lg>.page-item.prev .page-link, - .pagination-lg>.page-item.previous .page-link { - padding-inline: .5965rem - } - - .pagination-sm .page-link, - .pagination-sm>li>a:not(.page-link) { - min-block-size: calc(1.7501875rem + calc(1px * 2)); - min-inline-size: calc(1.7509515rem + calc(1px * 2)) - } - - .pagination-sm>.page-item.first .page-link, - .pagination-sm>.page-item.last .page-link, - .pagination-sm>.page-item.next .page-link, - .pagination-sm>.page-item.prev .page-link, - .pagination-sm>.page-item.previous .page-link { - padding-block: .211rem; - padding-inline: .211rem - } - - .pagination-sm .page-item+.page-item .page-link, - .pagination-sm .pagination li+li>a:not(.page-link) { - margin-inline-start: .25rem - } - - .pagination-lg .page-item+.page-item .page-link, - .pagination-lg .pagination li+li>a:not(.page-link) { - margin-inline-start: .5rem - } - - :dir(rtl) .pagination { - padding-inline-end: 0 - } - - :dir(rtl) .page-item .page-link, - :dir(rtl) .pagination li>a:not(.page-link) { - margin-inline: 0 .375rem - } - - :dir(rtl) .page-item.first .page-link .icon-base, - :dir(rtl) .page-item.last .page-link .icon-base, - :dir(rtl) .page-item.next .page-link .icon-base, - :dir(rtl) .page-item.prev .page-link .icon-base, - :dir(rtl) .page-item.previous .page-link .icon-base { - transform: rotate(180deg) - } - - [data-bs-theme=dark] .pagination { - --bs-pagination-disabled-color: var(--bs-pagination-color) - } - - [data-bs-theme=dark] .pagination[class*=pagination-outline-] .page-item:not(.active) .page-link, - [data-bs-theme=dark] .pagination[class*=pagination-outline-] li>a:not(.page-link) { - --bs-pagination-border-color: rgba(255, 255, 255, 0.22); - --bs-pagination-hover-border-color: var(--bs-pagination-border-color); - --bs-pagination-disabled-border-color: var(--bs-pagination-border-color) - } - - .pagination.pagination-primary { - --bs-pagination-hover-bg: var(--bs-primary-bg-subtle); - --bs-pagination-hover-color: var(--bs-primary); - --bs-pagination-focus-bg: var(--bs-primary-bg-subtle); - --bs-pagination-focus-color: var(--bs-primary); - --bs-pagination-active-bg: var(--bs-primary); - --bs-pagination-box-shadow-color: var(--bs-primary-rgb) - } - - .pagination.pagination-outline-primary { - --bs-pagination-active-bg: var(--bs-primary-bg-subtle); - --bs-pagination-active-color: var(--bs-primary); - --bs-pagination-active-border-color: var(--bs-primary) - } - - .pagination.pagination-secondary { - --bs-pagination-hover-bg: var(--bs-secondary-bg-subtle); - --bs-pagination-hover-color: var(--bs-secondary); - --bs-pagination-focus-bg: var(--bs-secondary-bg-subtle); - --bs-pagination-focus-color: var(--bs-secondary); - --bs-pagination-active-bg: var(--bs-secondary); - --bs-pagination-box-shadow-color: var(--bs-secondary-rgb) - } - - .pagination.pagination-outline-secondary { - --bs-pagination-active-bg: var(--bs-secondary-bg-subtle); - --bs-pagination-active-color: var(--bs-secondary); - --bs-pagination-active-border-color: var(--bs-secondary) - } - - .pagination.pagination-success { - --bs-pagination-hover-bg: var(--bs-success-bg-subtle); - --bs-pagination-hover-color: var(--bs-success); - --bs-pagination-focus-bg: var(--bs-success-bg-subtle); - --bs-pagination-focus-color: var(--bs-success); - --bs-pagination-active-bg: var(--bs-success); - --bs-pagination-box-shadow-color: var(--bs-success-rgb) - } - - .pagination.pagination-outline-success { - --bs-pagination-active-bg: var(--bs-success-bg-subtle); - --bs-pagination-active-color: var(--bs-success); - --bs-pagination-active-border-color: var(--bs-success) - } - - .pagination.pagination-info { - --bs-pagination-hover-bg: var(--bs-info-bg-subtle); - --bs-pagination-hover-color: var(--bs-info); - --bs-pagination-focus-bg: var(--bs-info-bg-subtle); - --bs-pagination-focus-color: var(--bs-info); - --bs-pagination-active-bg: var(--bs-info); - --bs-pagination-box-shadow-color: var(--bs-info-rgb) - } - - .pagination.pagination-outline-info { - --bs-pagination-active-bg: var(--bs-info-bg-subtle); - --bs-pagination-active-color: var(--bs-info); - --bs-pagination-active-border-color: var(--bs-info) - } - - .pagination.pagination-warning { - --bs-pagination-hover-bg: var(--bs-warning-bg-subtle); - --bs-pagination-hover-color: var(--bs-warning); - --bs-pagination-focus-bg: var(--bs-warning-bg-subtle); - --bs-pagination-focus-color: var(--bs-warning); - --bs-pagination-active-bg: var(--bs-warning); - --bs-pagination-box-shadow-color: var(--bs-warning-rgb) - } - - .pagination.pagination-outline-warning { - --bs-pagination-active-bg: var(--bs-warning-bg-subtle); - --bs-pagination-active-color: var(--bs-warning); - --bs-pagination-active-border-color: var(--bs-warning) - } - - .pagination.pagination-danger { - --bs-pagination-hover-bg: var(--bs-danger-bg-subtle); - --bs-pagination-hover-color: var(--bs-danger); - --bs-pagination-focus-bg: var(--bs-danger-bg-subtle); - --bs-pagination-focus-color: var(--bs-danger); - --bs-pagination-active-bg: var(--bs-danger); - --bs-pagination-box-shadow-color: var(--bs-danger-rgb) - } - - .pagination.pagination-outline-danger { - --bs-pagination-active-bg: var(--bs-danger-bg-subtle); - --bs-pagination-active-color: var(--bs-danger); - --bs-pagination-active-border-color: var(--bs-danger) - } - - .pagination.pagination-light { - --bs-pagination-hover-bg: var(--bs-light-bg-subtle); - --bs-pagination-hover-color: var(--bs-light); - --bs-pagination-focus-bg: var(--bs-light-bg-subtle); - --bs-pagination-focus-color: var(--bs-light); - --bs-pagination-active-bg: var(--bs-light); - --bs-pagination-box-shadow-color: var(--bs-light-rgb) - } - - .pagination.pagination-outline-light { - --bs-pagination-active-bg: var(--bs-light-bg-subtle); - --bs-pagination-active-color: var(--bs-light); - --bs-pagination-active-border-color: var(--bs-light) - } - - .pagination.pagination-dark { - --bs-pagination-hover-bg: var(--bs-dark-bg-subtle); - --bs-pagination-hover-color: var(--bs-dark); - --bs-pagination-focus-bg: var(--bs-dark-bg-subtle); - --bs-pagination-focus-color: var(--bs-dark); - --bs-pagination-active-bg: var(--bs-dark); - --bs-pagination-box-shadow-color: var(--bs-dark-rgb) - } - - .pagination.pagination-outline-dark { - --bs-pagination-active-bg: var(--bs-dark-bg-subtle); - --bs-pagination-active-color: var(--bs-dark); - --bs-pagination-active-border-color: var(--bs-dark) - } - - .pagination.pagination-gray { - --bs-pagination-hover-bg: var(--bs-gray-bg-subtle); - --bs-pagination-hover-color: var(--bs-gray); - --bs-pagination-focus-bg: var(--bs-gray-bg-subtle); - --bs-pagination-focus-color: var(--bs-gray); - --bs-pagination-active-bg: var(--bs-gray); - --bs-pagination-box-shadow-color: var(--bs-gray-rgb) - } - - .pagination.pagination-outline-gray { - --bs-pagination-active-bg: var(--bs-gray-bg-subtle); - --bs-pagination-active-color: var(--bs-gray); - --bs-pagination-active-border-color: var(--bs-gray) - } - - .badge { - --bs-badge-border-width: 0; - --bs-badge-border-color: var(--bs-primary); - --bs-badge-bg-color: var(--bs-primary); - border: var(--bs-badge-border-width) var(--bs-border-style) var(--bs-badge-border-color); - background-color: var(--bs-badge-bg-color) - } - - .badge[class*=badge-outline] { - --bs-badge-border-width: 1px; - background-color: rgba(0, 0, 0, 0); - --bs-badge-padding-x: calc(0.77em - 0.0625rem); - --bs-badge-padding-y: calc(0.4235em - 0.0625rem) - } - - .badge-center { - display: inline-flex; - align-items: center; - justify-content: center; - padding: 0; - block-size: 1.5rem; - inline-size: 1.5rem; - --bs-badge-font-size: 0.8125rem - } - - .badge-center .icon-base { - block-size: .875rem; - font-size: .875rem; - inline-size: .875rem - } - - .badge.badge-dot { - display: inline-block; - padding: 0; - border-radius: 50%; - margin: 0; - block-size: .5rem; - inline-size: .5rem - } - - .badge.badge-notifications { - position: absolute; - margin: 0; - inset-block-start: auto; - transform: translate(-50%, -30%) - } - - :dir(rtl) .badge.badge-notifications { - transform: translate(50%, -30%) - } - - .badge.badge-notifications:not(.badge-center) { - font-size: .582rem; - line-height: .75rem; - padding-block: .05rem; - padding-inline: .2rem - } - - .btn[class*=btn-] .badge.badge-notifications { - transform: translate(-50%, -50%) - } - - :dir(rtl) .btn[class*=btn-] .badge.badge-notifications { - transform: translate(50%, -50%) - } - - .badge-outline-primary, - .btn[class*=-outline] .badge-outline-primary { - --bs-badge-color: var(--bs-primary); - --bs-badge-border-color: var(--bs-primary) - } - - .badge-outline-secondary, - .btn[class*=-outline] .badge-outline-secondary { - --bs-badge-color: var(--bs-secondary); - --bs-badge-border-color: var(--bs-secondary) - } - - .badge-outline-success, - .btn[class*=-outline] .badge-outline-success { - --bs-badge-color: var(--bs-success); - --bs-badge-border-color: var(--bs-success) - } - - .badge-outline-info, - .btn[class*=-outline] .badge-outline-info { - --bs-badge-color: var(--bs-info); - --bs-badge-border-color: var(--bs-info) - } - - .badge-outline-warning, - .btn[class*=-outline] .badge-outline-warning { - --bs-badge-color: var(--bs-warning); - --bs-badge-border-color: var(--bs-warning) - } - - .badge-outline-danger, - .btn[class*=-outline] .badge-outline-danger { - --bs-badge-color: var(--bs-danger); - --bs-badge-border-color: var(--bs-danger) - } - - .badge-outline-light, - .btn[class*=-outline] .badge-outline-light { - --bs-badge-color: var(--bs-light); - --bs-badge-border-color: var(--bs-light) - } - - .badge-outline-dark, - .btn[class*=-outline] .badge-outline-dark { - --bs-badge-color: var(--bs-dark); - --bs-badge-border-color: var(--bs-dark) - } - - .badge-outline-gray, - .btn[class*=-outline] .badge-outline-gray { - --bs-badge-color: var(--bs-gray); - --bs-badge-border-color: var(--bs-gray) - } - - [data-bs-theme=dark] .badge-outline-dark { - --bs-badge-color: var(--bs-dark-contrast) - } - - .alert { - --bs-alert-link-hover-color: var(--bs-primary); - --bs-alert-hr: var(--bs-black); - --bs-alert-icon-color: var(--bs-white); - --bs-alert-icon-bg: var(--bs-black); - --bs-alert-icon-shadow-color: var(--bs-primary); - --bs-alert-icon-shadow-scale: 16%; - --bs-alert-close-icon: var(--bs-black); - line-height: 1.375rem - } - - .alert[class*=alert-] hr { - background-color: var(--bs-alert-hr); - color: var(--bs-alert-hr) - } - - .alert .alert-link:hover { - color: var(--bs-alert-link-hover-color) - } - - .alert .alert-icon { - display: flex; - align-items: center; - justify-content: center; - background-color: var(--bs-alert-icon-bg); - block-size: 1.75rem; - box-shadow: 0 0 0 .125rem rgba(var(--bs-alert-icon-shadow-color), 0.16); - color: var(--bs-alert-icon-color); - inline-size: 1.75rem; - margin-inline-end: .5rem - } - - .alert[class*=alert-solid-] { - --bs-alert-link-color: var(--bs-white); - --bs-alert-link-hover-color: var(--bs-white); - --bs-alert-hr: var(--bs-white); - --bs-alert-icon-bg: var(--bs-white); - --bs-alert-icon-shadow-scale: 20%; - --bs-alert-close-icon: var(--bs-white) - } - - .alert[class*=alert-solid-] .alert-icon { - box-shadow: 0 0 0 .125rem color-mix(in sRGB, var(--bs-white) var(--bs-alert-icon-shadow-scale), var(--bs-alert-icon-shadow-color)) - } - - .alert-dismissible { - padding-inline-end: 3rem; - padding-inline-start: 1rem - } - - .alert-dismissible .btn-close { - padding: 0; - background: var(--bs-alert-close-icon); - block-size: .8125rem; - filter: none; - inline-size: .8125rem; - inset-inline: auto 0; - margin-block: calc(0.75rem*1.37); - margin-inline: calc(1rem*.9); - mask-image: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='currentColor' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.5' fill='currentColor' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); - mask-repeat: no-repeat; - mask-size: 100% 100% - } - - .alert-primary { - --bs-alert-color: var(--bs-primary); - --bs-alert-close-icon: var(--bs-primary); - --bs-alert-icon-shadow-color: var(--bs-primary-rgb); - --bs-alert-border-color: var(--bs-primary-bg-subtle); - --bs-alert-link-color: var(--bs-primary); - --bs-alert-link-hover-color: var(--bs-primary); - --bs-alert-hr: var(--bs-primary); - --bs-alert-icon-bg: var(--bs-primary) - } - - .alert-solid-primary { - --bs-alert-icon-shadow-color: var(--bs-primary); - --bs-alert-color: var(--bs-primary-contrast); - --bs-alert-bg: var(--bs-primary); - --bs-alert-border-color: var(--bs-primary); - --bs-alert-icon-color: var(--bs-primary) - } - - .alert-outline-primary { - --bs-alert-color: var(--bs-primary); - --bs-alert-close-icon: var(--bs-primary); - --bs-alert-icon-shadow-color: var(--bs-primary-rgb); - --bs-alert-link-color: var(--bs-primary); - --bs-alert-link-hover-color: var(--bs-primary); - --bs-alert-border-color: var(--bs-primary); - --bs-alert-hr: var(--bs-primary); - --bs-alert-icon-color: var(--bs-primary); - --bs-alert-icon-bg: var(--bs-primary-bg-subtle) - } - - .alert-secondary { - --bs-alert-color: var(--bs-secondary); - --bs-alert-close-icon: var(--bs-secondary); - --bs-alert-icon-shadow-color: var(--bs-secondary-rgb); - --bs-alert-border-color: var(--bs-secondary-bg-subtle); - --bs-alert-link-color: var(--bs-secondary); - --bs-alert-link-hover-color: var(--bs-secondary); - --bs-alert-hr: var(--bs-secondary); - --bs-alert-icon-bg: var(--bs-secondary) - } - - .alert-solid-secondary { - --bs-alert-icon-shadow-color: var(--bs-secondary); - --bs-alert-color: var(--bs-secondary-contrast); - --bs-alert-bg: var(--bs-secondary); - --bs-alert-border-color: var(--bs-secondary); - --bs-alert-icon-color: var(--bs-secondary) - } - - .alert-outline-secondary { - --bs-alert-color: var(--bs-secondary); - --bs-alert-close-icon: var(--bs-secondary); - --bs-alert-icon-shadow-color: var(--bs-secondary-rgb); - --bs-alert-link-color: var(--bs-secondary); - --bs-alert-link-hover-color: var(--bs-secondary); - --bs-alert-border-color: var(--bs-secondary); - --bs-alert-hr: var(--bs-secondary); - --bs-alert-icon-color: var(--bs-secondary); - --bs-alert-icon-bg: var(--bs-secondary-bg-subtle) - } - - .alert-success { - --bs-alert-color: var(--bs-success); - --bs-alert-close-icon: var(--bs-success); - --bs-alert-icon-shadow-color: var(--bs-success-rgb); - --bs-alert-border-color: var(--bs-success-bg-subtle); - --bs-alert-link-color: var(--bs-success); - --bs-alert-link-hover-color: var(--bs-success); - --bs-alert-hr: var(--bs-success); - --bs-alert-icon-bg: var(--bs-success) - } - - .alert-solid-success { - --bs-alert-icon-shadow-color: var(--bs-success); - --bs-alert-color: var(--bs-success-contrast); - --bs-alert-bg: var(--bs-success); - --bs-alert-border-color: var(--bs-success); - --bs-alert-icon-color: var(--bs-success) - } - - .alert-outline-success { - --bs-alert-color: var(--bs-success); - --bs-alert-close-icon: var(--bs-success); - --bs-alert-icon-shadow-color: var(--bs-success-rgb); - --bs-alert-link-color: var(--bs-success); - --bs-alert-link-hover-color: var(--bs-success); - --bs-alert-border-color: var(--bs-success); - --bs-alert-hr: var(--bs-success); - --bs-alert-icon-color: var(--bs-success); - --bs-alert-icon-bg: var(--bs-success-bg-subtle) - } - - .alert-info { - --bs-alert-color: var(--bs-info); - --bs-alert-close-icon: var(--bs-info); - --bs-alert-icon-shadow-color: var(--bs-info-rgb); - --bs-alert-border-color: var(--bs-info-bg-subtle); - --bs-alert-link-color: var(--bs-info); - --bs-alert-link-hover-color: var(--bs-info); - --bs-alert-hr: var(--bs-info); - --bs-alert-icon-bg: var(--bs-info) - } - - .alert-solid-info { - --bs-alert-icon-shadow-color: var(--bs-info); - --bs-alert-color: var(--bs-info-contrast); - --bs-alert-bg: var(--bs-info); - --bs-alert-border-color: var(--bs-info); - --bs-alert-icon-color: var(--bs-info) - } - - .alert-outline-info { - --bs-alert-color: var(--bs-info); - --bs-alert-close-icon: var(--bs-info); - --bs-alert-icon-shadow-color: var(--bs-info-rgb); - --bs-alert-link-color: var(--bs-info); - --bs-alert-link-hover-color: var(--bs-info); - --bs-alert-border-color: var(--bs-info); - --bs-alert-hr: var(--bs-info); - --bs-alert-icon-color: var(--bs-info); - --bs-alert-icon-bg: var(--bs-info-bg-subtle) - } - - .alert-warning { - --bs-alert-color: var(--bs-warning); - --bs-alert-close-icon: var(--bs-warning); - --bs-alert-icon-shadow-color: var(--bs-warning-rgb); - --bs-alert-border-color: var(--bs-warning-bg-subtle); - --bs-alert-link-color: var(--bs-warning); - --bs-alert-link-hover-color: var(--bs-warning); - --bs-alert-hr: var(--bs-warning); - --bs-alert-icon-bg: var(--bs-warning) - } - - .alert-solid-warning { - --bs-alert-icon-shadow-color: var(--bs-warning); - --bs-alert-color: var(--bs-warning-contrast); - --bs-alert-bg: var(--bs-warning); - --bs-alert-border-color: var(--bs-warning); - --bs-alert-icon-color: var(--bs-warning) - } - - .alert-outline-warning { - --bs-alert-color: var(--bs-warning); - --bs-alert-close-icon: var(--bs-warning); - --bs-alert-icon-shadow-color: var(--bs-warning-rgb); - --bs-alert-link-color: var(--bs-warning); - --bs-alert-link-hover-color: var(--bs-warning); - --bs-alert-border-color: var(--bs-warning); - --bs-alert-hr: var(--bs-warning); - --bs-alert-icon-color: var(--bs-warning); - --bs-alert-icon-bg: var(--bs-warning-bg-subtle) - } - - .alert-danger { - --bs-alert-color: var(--bs-danger); - --bs-alert-close-icon: var(--bs-danger); - --bs-alert-icon-shadow-color: var(--bs-danger-rgb); - --bs-alert-border-color: var(--bs-danger-bg-subtle); - --bs-alert-link-color: var(--bs-danger); - --bs-alert-link-hover-color: var(--bs-danger); - --bs-alert-hr: var(--bs-danger); - --bs-alert-icon-bg: var(--bs-danger) - } - - .alert-solid-danger { - --bs-alert-icon-shadow-color: var(--bs-danger); - --bs-alert-color: var(--bs-danger-contrast); - --bs-alert-bg: var(--bs-danger); - --bs-alert-border-color: var(--bs-danger); - --bs-alert-icon-color: var(--bs-danger) - } - - .alert-outline-danger { - --bs-alert-color: var(--bs-danger); - --bs-alert-close-icon: var(--bs-danger); - --bs-alert-icon-shadow-color: var(--bs-danger-rgb); - --bs-alert-link-color: var(--bs-danger); - --bs-alert-link-hover-color: var(--bs-danger); - --bs-alert-border-color: var(--bs-danger); - --bs-alert-hr: var(--bs-danger); - --bs-alert-icon-color: var(--bs-danger); - --bs-alert-icon-bg: var(--bs-danger-bg-subtle) - } - - .alert-light { - --bs-alert-color: var(--bs-light-contrast); - --bs-alert-close-icon: var(--bs-light-contrast); - --bs-alert-icon-shadow-color: var(--bs-light-rgb); - --bs-alert-border-color: var(--bs-light-bg-subtle); - --bs-alert-link-color: var(--bs-light); - --bs-alert-link-hover-color: var(--bs-light); - --bs-alert-hr: var(--bs-light); - --bs-alert-icon-bg: var(--bs-light) - } - - .alert-solid-light { - --bs-alert-icon-shadow-color: var(--bs-light); - --bs-alert-color: var(--bs-light-contrast); - --bs-alert-bg: var(--bs-light); - --bs-alert-border-color: var(--bs-light); - --bs-alert-icon-color: var(--bs-light) - } - - .alert-outline-light { - --bs-alert-color: var(--bs-light-contrast); - --bs-alert-close-icon: var(--bs-light-contrast); - --bs-alert-icon-shadow-color: var(--bs-light-rgb); - --bs-alert-link-color: var(--bs-light); - --bs-alert-link-hover-color: var(--bs-light); - --bs-alert-border-color: var(--bs-light); - --bs-alert-hr: var(--bs-light); - --bs-alert-icon-color: var(--bs-light); - --bs-alert-icon-bg: var(--bs-light-bg-subtle) - } - - .alert-dark { - --bs-alert-color: var(--bs-dark); - --bs-alert-close-icon: var(--bs-dark); - --bs-alert-icon-shadow-color: var(--bs-dark-rgb); - --bs-alert-border-color: var(--bs-dark-bg-subtle); - --bs-alert-link-color: var(--bs-dark); - --bs-alert-link-hover-color: var(--bs-dark); - --bs-alert-hr: var(--bs-dark); - --bs-alert-icon-bg: var(--bs-dark) - } - - .alert-solid-dark { - --bs-alert-icon-shadow-color: var(--bs-dark); - --bs-alert-color: var(--bs-dark-contrast); - --bs-alert-bg: var(--bs-dark); - --bs-alert-border-color: var(--bs-dark); - --bs-alert-icon-color: var(--bs-dark) - } - - .alert-outline-dark { - --bs-alert-color: var(--bs-dark); - --bs-alert-close-icon: var(--bs-dark); - --bs-alert-icon-shadow-color: var(--bs-dark-rgb); - --bs-alert-link-color: var(--bs-dark); - --bs-alert-link-hover-color: var(--bs-dark); - --bs-alert-border-color: var(--bs-dark); - --bs-alert-hr: var(--bs-dark); - --bs-alert-icon-color: var(--bs-dark); - --bs-alert-icon-bg: var(--bs-dark-bg-subtle) - } - - .alert-gray { - --bs-alert-color: var(--bs-gray); - --bs-alert-close-icon: var(--bs-gray); - --bs-alert-icon-shadow-color: var(--bs-gray-rgb); - --bs-alert-border-color: var(--bs-gray-bg-subtle); - --bs-alert-link-color: var(--bs-gray); - --bs-alert-link-hover-color: var(--bs-gray); - --bs-alert-hr: var(--bs-gray); - --bs-alert-icon-bg: var(--bs-gray) - } - - .alert-solid-gray { - --bs-alert-icon-shadow-color: var(--bs-gray); - --bs-alert-color: var(--bs-gray-contrast); - --bs-alert-bg: var(--bs-gray); - --bs-alert-border-color: var(--bs-gray); - --bs-alert-icon-color: var(--bs-gray) - } - - .alert-outline-gray { - --bs-alert-color: var(--bs-gray); - --bs-alert-close-icon: var(--bs-gray); - --bs-alert-icon-shadow-color: var(--bs-gray-rgb); - --bs-alert-link-color: var(--bs-gray); - --bs-alert-link-hover-color: var(--bs-gray); - --bs-alert-border-color: var(--bs-gray); - --bs-alert-hr: var(--bs-gray); - --bs-alert-icon-color: var(--bs-gray); - --bs-alert-icon-bg: var(--bs-gray-bg-subtle) - } - - [data-bs-theme=dark] .alert-dark { - --bs-alert-color: var(--bs-dark-contrast); - --bs-alert-close-icon: var(--bs-dark-contrast) - } - - [data-bs-theme=dark] .alert-outline-dark { - --bs-alert-color: var(--bs-dark-contrast); - --bs-alert-close-icon: var(--bs-dark-contrast) - } - - .progress { - --bs-progress-bar-shadow-color: rgba(var(--bs-primary-rgb), 0.4); - overflow: initial - } - - .progress .progress-bar { - background-color: var(--bs-primary); - box-shadow: 0 2px 4px 0 var(--bs-progress-bar-shadow-color); - color: var(--bs-white) - } - - .progress .progress-bar:first-child { - border-end-start-radius: 50rem; - border-start-start-radius: 50rem - } - - .progress .progress-bar:last-child { - border-end-end-radius: 50rem; - border-start-end-radius: 50rem - } - - :dir(rtl) .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) - } - - :dir(rtl) .progress-bar-animated { - animation-direction: reverse - } - - [data-bs-theme=dark] .progress { - --bs-progress-bg: rgba(230, 230, 241, 0.08) - } - - .progress-bar.bg-primary { - --bs-progress-bar-shadow-color: rgba(var(--bs-primary-rgb), .4) - } - - .progress-bar.bg-secondary { - --bs-progress-bar-shadow-color: rgba(var(--bs-secondary-rgb), .4) - } - - .progress-bar.bg-success { - --bs-progress-bar-shadow-color: rgba(var(--bs-success-rgb), .4) - } - - .progress-bar.bg-info { - --bs-progress-bar-shadow-color: rgba(var(--bs-info-rgb), .4) - } - - .progress-bar.bg-warning { - --bs-progress-bar-shadow-color: rgba(var(--bs-warning-rgb), .4) - } - - .progress-bar.bg-danger { - --bs-progress-bar-shadow-color: rgba(var(--bs-danger-rgb), .4) - } - - .progress-bar.bg-light { - --bs-progress-bar-shadow-color: rgba(var(--bs-light-rgb), .4) - } - - .progress-bar.bg-dark { - --bs-progress-bar-shadow-color: rgba(var(--bs-dark-rgb), .4) - } - - .progress-bar.bg-gray { - --bs-progress-bar-shadow-color: rgba(var(--bs-gray-rgb), .4) - } - - .list-group { - --bs-list-group-timeline-bg: var(--bs-primary); - --bs-list-group-border-color: var(--bs-border-color); - --bs-list-group-active-border-color: var(--bs-border-color); - --bs-list-group-action-hover-color: var(--bs-body-color); - --bs-list-group-action-active-color: var(--bs-body-color); - --bs-list-group-active-bg: var(--bs-primary-bg-subtle) - } - - .list-group .list-group-item { - line-height: 1.375rem; - padding-block-end: calc(.5rem - 1px) - } - - .list-group:not([class*=list-group-flush]) .list-group-item:first-of-type { - padding-block-start: calc(.5rem - 1px) - } - - .list-group[class*=list-group-flush] .list-group-item:last-of-type { - padding-block-end: .5rem - } - - @media(min-width: 768px) { - .list-group[class*=list-group-horizontal-md] .list-group-item { - padding-block-start: calc(.5rem - 1px) - } - } - - .list-group.list-group-timeline { - position: relative - } - - .list-group.list-group-timeline::before { - position: absolute; - background-color: var(--bs-border-color); - block-size: 100%; - content: ""; - inline-size: 1px; - inset-block: 0; - inset-inline-start: .2rem - } - - .list-group.list-group-timeline .list-group-item { - border: 0; - padding-inline-start: 1.25rem - } - - .list-group.list-group-timeline .list-group-item::before { - position: absolute; - background-color: var(--bs-list-group-timeline-bg); - block-size: 7px; - content: ""; - inline-size: 7px; - inset-block-start: 50%; - inset-inline-start: 0; - margin-block-start: -3.5px; - border-radius: 100% - } - - .list-group .list-group-item.active h1, - .list-group .list-group-item.active .h1, - .list-group .list-group-item.active h2, - .list-group .list-group-item.active .h2, - .list-group .list-group-item.active h3, - .list-group .list-group-item.active .h3, - .list-group .list-group-item.active h4, - .list-group .list-group-item.active .h4, - .list-group .list-group-item.active h5, - .list-group .list-group-item.active .h5, - .list-group .list-group-item.active h6, - .list-group .list-group-item.active .h6 { - color: var(--bs-primary) - } - - .list-group .list-group-item.active, - .list-group .list-group-item.active:hover, - .list-group .list-group-item.active:focus { - --bs-list-group-color: var(--bs-white) - } - - :dir(rtl) .list-group { - padding-inline-start: 0 - } - - :dir(rtl) .list-group.list-group-horizontal .list-group-item:first-child { - border-radius: .25rem; - border-end-start-radius: 0; - border-start-start-radius: 0 - } - - :dir(rtl) .list-group.list-group-horizontal .list-group-item:last-child { - border-radius: .25rem; - border-inline-end-width: 1px; - border-end-end-radius: 0; - border-start-end-radius: 0 - } - - @media(min-width: 576px) { - :dir(rtl) .list-group.list-group-horizontal-sm .list-group-item:first-child { - border-radius: .25rem; - border-end-start-radius: 0; - border-start-start-radius: 0 - } - - :dir(rtl) .list-group.list-group-horizontal-sm .list-group-item:last-child { - border-radius: .25rem; - border-end-end-radius: 0; - border-start-end-radius: 0; - border-inline-end-width: 1px - } - } - - @media(min-width: 768px) { - :dir(rtl) .list-group.list-group-horizontal-md .list-group-item:first-child { - border-radius: .25rem; - border-end-start-radius: 0; - border-start-start-radius: 0 - } - - :dir(rtl) .list-group.list-group-horizontal-md .list-group-item:last-child { - border-radius: .25rem; - border-end-end-radius: 0; - border-start-end-radius: 0; - border-inline-end-width: 1px - } - } - - @media(min-width: 992px) { - :dir(rtl) .list-group.list-group-horizontal-lg .list-group-item:first-child { - border-radius: .25rem; - border-end-start-radius: 0; - border-start-start-radius: 0 - } - - :dir(rtl) .list-group.list-group-horizontal-lg .list-group-item:last-child { - border-radius: .25rem; - border-inline-end-width: 1px; - border-end-end-radius: 0; - border-start-end-radius: 0 - } - } - - @media(min-width: 1200px) { - :dir(rtl) .list-group.list-group-horizontal-xl .list-group-item:first-child { - border-radius: .25rem; - border-end-start-radius: 0; - border-start-start-radius: 0 - } - - :dir(rtl) .list-group.list-group-horizontal-xl .list-group-item:last-child { - border-radius: .25rem; - border-inline-end-width: 1px; - border-end-end-radius: 0; - border-start-end-radius: 0 - } - } - - @media(min-width: 1400px) { - :dir(rtl) .list-group.list-group-horizontal-xxl .list-group-item:first-child { - border-radius: .25rem; - border-end-start-radius: 0; - border-start-start-radius: 0 - } - - :dir(rtl) .list-group.list-group-horizontal-xxl .list-group-item:last-child { - border-radius: .25rem; - border-inline-end-width: 1px; - border-end-end-radius: 0; - border-start-end-radius: 0 - } - } - - [data-bs-theme=dark] .list-group { - --bs-list-group-color: #d5d5e2 - } - - .list-group-item-primary { - --bs-list-group-border-color: var(--bs-primary); - --bs-list-group-active-border-color: var(--bs-primary); - --bs-list-group-active-bg: var(--bs-primary-bg-subtle); - --bs-list-group-color: var(--bs-primary-text-emphasis); - --bs-list-group-action-hover-color: var(--bs-primary-text-emphasis); - --bs-list-group-action-active-color: var(--bs-primary-text-emphasis) - } - - .list-group-timeline-primary { - --bs-list-group-timeline-bg: var(--bs-primary) - } - - .list-group-item-secondary { - --bs-list-group-border-color: var(--bs-secondary); - --bs-list-group-active-border-color: var(--bs-secondary); - --bs-list-group-active-bg: var(--bs-secondary-bg-subtle); - --bs-list-group-color: var(--bs-secondary-text-emphasis); - --bs-list-group-action-hover-color: var(--bs-secondary-text-emphasis); - --bs-list-group-action-active-color: var(--bs-secondary-text-emphasis) - } - - .list-group-timeline-secondary { - --bs-list-group-timeline-bg: var(--bs-secondary) - } - - .list-group-item-success { - --bs-list-group-border-color: var(--bs-success); - --bs-list-group-active-border-color: var(--bs-success); - --bs-list-group-active-bg: var(--bs-success-bg-subtle); - --bs-list-group-color: var(--bs-success-text-emphasis); - --bs-list-group-action-hover-color: var(--bs-success-text-emphasis); - --bs-list-group-action-active-color: var(--bs-success-text-emphasis) - } - - .list-group-timeline-success { - --bs-list-group-timeline-bg: var(--bs-success) - } - - .list-group-item-info { - --bs-list-group-border-color: var(--bs-info); - --bs-list-group-active-border-color: var(--bs-info); - --bs-list-group-active-bg: var(--bs-info-bg-subtle); - --bs-list-group-color: var(--bs-info-text-emphasis); - --bs-list-group-action-hover-color: var(--bs-info-text-emphasis); - --bs-list-group-action-active-color: var(--bs-info-text-emphasis) - } - - .list-group-timeline-info { - --bs-list-group-timeline-bg: var(--bs-info) - } - - .list-group-item-warning { - --bs-list-group-border-color: var(--bs-warning); - --bs-list-group-active-border-color: var(--bs-warning); - --bs-list-group-active-bg: var(--bs-warning-bg-subtle); - --bs-list-group-color: var(--bs-warning-text-emphasis); - --bs-list-group-action-hover-color: var(--bs-warning-text-emphasis); - --bs-list-group-action-active-color: var(--bs-warning-text-emphasis) - } - - .list-group-timeline-warning { - --bs-list-group-timeline-bg: var(--bs-warning) - } - - .list-group-item-danger { - --bs-list-group-border-color: var(--bs-danger); - --bs-list-group-active-border-color: var(--bs-danger); - --bs-list-group-active-bg: var(--bs-danger-bg-subtle); - --bs-list-group-color: var(--bs-danger-text-emphasis); - --bs-list-group-action-hover-color: var(--bs-danger-text-emphasis); - --bs-list-group-action-active-color: var(--bs-danger-text-emphasis) - } - - .list-group-timeline-danger { - --bs-list-group-timeline-bg: var(--bs-danger) - } - - .list-group-item-light { - --bs-list-group-border-color: var(--bs-light); - --bs-list-group-active-border-color: var(--bs-light); - --bs-list-group-active-bg: var(--bs-light-bg-subtle); - --bs-list-group-color: var(--bs-light-text-emphasis); - --bs-list-group-action-hover-color: var(--bs-light-text-emphasis); - --bs-list-group-action-active-color: var(--bs-light-text-emphasis) - } - - .list-group-timeline-light { - --bs-list-group-timeline-bg: var(--bs-light) - } - - .list-group-item-dark { - --bs-list-group-border-color: var(--bs-dark); - --bs-list-group-active-border-color: var(--bs-dark); - --bs-list-group-active-bg: var(--bs-dark-bg-subtle); - --bs-list-group-color: var(--bs-dark-text-emphasis); - --bs-list-group-action-hover-color: var(--bs-dark-text-emphasis); - --bs-list-group-action-active-color: var(--bs-dark-text-emphasis) - } - - .list-group-timeline-dark { - --bs-list-group-timeline-bg: var(--bs-dark) - } - - .list-group-item-gray { - --bs-list-group-border-color: var(--bs-gray); - --bs-list-group-active-border-color: var(--bs-gray); - --bs-list-group-active-bg: var(--bs-gray-bg-subtle); - --bs-list-group-color: var(--bs-gray-text-emphasis); - --bs-list-group-action-hover-color: var(--bs-gray-text-emphasis); - --bs-list-group-action-active-color: var(--bs-gray-text-emphasis) - } - - .list-group-timeline-gray { - --bs-list-group-timeline-bg: var(--bs-gray) - } - - .bs-toast[class^=bg-], - .bs-toast[class*=" bg-"] { - --bs-toast-header-color: var(--bs-white); - --bs-toast-color: var(--bs-white) - } - - .toast.bs-toast { - --bs-toast-btn-close-bg: var(--bs-paper-bg); - --bs-toast-btn-close: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='%23a7acb2' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='1' fill='%23a7acb2' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); - z-index: 1095; - background-color: var(--bs-toast-bg) !important - } - - .toast.bs-toast .toast-header { - position: relative; - padding-block-end: .5rem - } - - .toast.bs-toast .toast-header .btn-close { - position: absolute; - padding: .45rem; - background-color: var(--bs-toast-btn-close-bg); - background-image: var(--bs-toast-btn-close); - background-size: .625em; - box-shadow: var(--bs-toast-box-shadow); - filter: none; - inset-block-start: -8px; - inset-inline-end: 2px; - border-radius: .375rem; - transition: all .23s ease .1s - } - - @media(prefers-reduced-motion: reduce) { - .toast.bs-toast .toast-header .btn-close { - transition: none - } - } - - .toast.bs-toast .toast-header .btn-close:hover, - .toast.bs-toast .toast-header .btn-close:focus, - .toast.bs-toast .toast-header .btn-close:active { - opacity: 1; - outline: 0 - } - - .toast.bs-toast .toast-header~.toast-body { - padding-block-start: 0 - } - - .toast-container { - --bs-toast-zindex: 8 - } - - .toast-header .btn-close { - margin-inline: 1.25rem -0.625rem - } - - .toast-ex { - position: fixed; - inset-block-start: 4.1rem; - inset-inline: auto 2.5rem - } - - .toast-placement-ex { - position: fixed - } - - .bs-toast.bg-primary { - --bs-toast-bg: rgba(var(--bs-primary-rgb), .85); - --bs-toast-box-shadow: 0 .25rem 1rem rgba(var(--bs-primary-rgb), .4); - --bs-toast-btn-close-bg: var(--bs-primary); - --bs-toast-btn-close: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='1' fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E") - } - - .bs-toast.bg-secondary { - --bs-toast-bg: rgba(var(--bs-secondary-rgb), .85); - --bs-toast-box-shadow: 0 .25rem 1rem rgba(var(--bs-secondary-rgb), .4); - --bs-toast-btn-close-bg: var(--bs-secondary); - --bs-toast-btn-close: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='1' fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E") - } - - .bs-toast.bg-success { - --bs-toast-bg: rgba(var(--bs-success-rgb), .85); - --bs-toast-box-shadow: 0 .25rem 1rem rgba(var(--bs-success-rgb), .4); - --bs-toast-btn-close-bg: var(--bs-success); - --bs-toast-btn-close: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='1' fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E") - } - - .bs-toast.bg-info { - --bs-toast-bg: rgba(var(--bs-info-rgb), .85); - --bs-toast-box-shadow: 0 .25rem 1rem rgba(var(--bs-info-rgb), .4); - --bs-toast-btn-close-bg: var(--bs-info); - --bs-toast-btn-close: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='1' fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E") - } - - .bs-toast.bg-warning { - --bs-toast-bg: rgba(var(--bs-warning-rgb), .85); - --bs-toast-box-shadow: 0 .25rem 1rem rgba(var(--bs-warning-rgb), .4); - --bs-toast-btn-close-bg: var(--bs-warning); - --bs-toast-btn-close: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='1' fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E") - } - - .bs-toast.bg-danger { - --bs-toast-bg: rgba(var(--bs-danger-rgb), .85); - --bs-toast-box-shadow: 0 .25rem 1rem rgba(var(--bs-danger-rgb), .4); - --bs-toast-btn-close-bg: var(--bs-danger); - --bs-toast-btn-close: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='1' fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E") - } - - .bs-toast.bg-light { - --bs-toast-bg: rgba(var(--bs-light-rgb), .85); - --bs-toast-box-shadow: 0 .25rem 1rem rgba(var(--bs-light-rgb), .4); - --bs-toast-btn-close-bg: var(--bs-light); - --bs-toast-btn-close: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='1' fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E") - } - - .bs-toast.bg-dark { - --bs-toast-bg: rgba(var(--bs-dark-rgb), .85); - --bs-toast-box-shadow: 0 .25rem 1rem rgba(var(--bs-dark-rgb), .4); - --bs-toast-btn-close-bg: var(--bs-dark); - --bs-toast-btn-close: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='1' fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E") - } - - .bs-toast.bg-gray { - --bs-toast-bg: rgba(var(--bs-gray-rgb), .85); - --bs-toast-box-shadow: 0 .25rem 1rem rgba(var(--bs-gray-rgb), .4); - --bs-toast-btn-close-bg: var(--bs-gray); - --bs-toast-btn-close: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='1' fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E") - } - - .modal-content { - box-shadow: var(--bs-modal-box-shadow) - } - - .modal .btn-close { - padding: .563rem; - background-color: var(--bs-paper-bg); - background-image: none; - box-shadow: var(--bs-box-shadow-xs); - filter: none; - opacity: 1; - transform: translate(23px, -25px); - border-radius: .25rem; - transition: all .23s ease .1s - } - - @media(prefers-reduced-motion: reduce) { - .modal .btn-close { - transition: none - } - } - - .modal .btn-close:hover, - .modal .btn-close:focus, - .modal .btn-close:active { - opacity: 1; - outline: 0; - transform: translate(20px, -20px) - } - - :dir(rtl) .modal .btn-close:hover, - :dir(rtl) .modal .btn-close:focus, - :dir(rtl) .modal .btn-close:active { - transform: translate(26px, -20px) - } - - .modal .btn-close::before { - display: block; - background-color: var(--bs-secondary-color); - block-size: .6875rem; - content: ""; - inline-size: .6875rem; - mask-image: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='currentColor' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.5' fill='currentColor' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); - mask-repeat: no-repeat; - mask-size: 100% 100% - } - - .modal .modal-header { - position: relative - } - - .modal .modal-header .btn-close { - position: absolute; - inset-block-start: .9375rem; - inset-inline-end: .8125rem - } - - :dir(rtl) .modal .modal-header .btn-close { - inset-inline-end: -2.05rem - } - - .modal .modal-footer { - padding: 0 1.5rem 1.5rem - } - - .modal .modal-footer>* { - margin-block: 0 - } - - .modal .modal-footer>*:last-child { - margin-inline-end: 0 - } - - .modal .modal-footer>*:first-child { - margin-inline-start: 0 - } - - .modal .modal-dialog-scrollable .btn-close, - .modal .modal-fullscreen .btn-close, - .modal.modal-top .btn-close { - box-shadow: none; - transform: translate(0, 0) - } - - .modal .modal-dialog-scrollable .btn-close:hover, - .modal .modal-fullscreen .btn-close:hover, - .modal.modal-top .btn-close:hover { - transform: translate(0, 0) - } - - .carousel-control-prev, - .carousel-control-next { - color: var(--bs-primary) - } - - .carousel-control-prev:hover, - .carousel-control-prev:focus, - .carousel-control-next:hover, - .carousel-control-next:focus { - color: var(--bs-primary) - } - - .modal-onboarding .close-label { - position: absolute; - font-size: .8rem; - inset-block-start: .85rem; - opacity: .95 - } - - .modal-onboarding .close-label:hover { - opacity: .95 - } - - .modal-onboarding .onboarding-content { - margin: 2rem - } - - .modal-onboarding form { - margin-block-start: 2rem; - text-align: start - } - - .modal-onboarding .carousel .carousel-indicators { - inset-block-end: -10px - } - - .modal-onboarding .carousel .carousel-indicators [data-bs-target] { - background-color: var(--bs-primary) - } - - .modal-onboarding .carousel-control-prev, - .modal-onboarding .carousel-control-next { - inset-block: auto .75rem; - opacity: 1 - } - - :dir(rtl) .modal-onboarding .carousel-control-prev, - :dir(rtl) .modal-onboarding .carousel-control-next { - flex-direction: row-reverse - } - - .modal-onboarding .carousel-control-prev { - inset-inline-start: 1rem - } - - :dir(rtl) .modal-onboarding .carousel-control-prev { - inset-inline-end: 1rem; - inset-inline-start: auto - } - - .modal-onboarding .carousel-control-next { - inset-inline-end: 0 - } - - :dir(rtl) .modal-onboarding .carousel-control-next { - inset-inline-end: auto; - inset-inline-start: 0 - } - - .modal-onboarding .onboarding-horizontal { - display: flex; - align-items: center; - justify-content: space-between - } - - .modal-onboarding .onboarding-horizontal .onboarding-media { - margin: 2rem; - margin-block-start: 0 - } - - .modal-top .modal-dialog { - margin-block-start: 0 - } - - .modal-top .modal-content { - border-top-left-radius: 0; - border-top-right-radius: 0 - } - - .modal-transparent .modal-dialog { - display: flex; - margin-block: 0; - margin-inline: auto; - min-block-size: 100vh - } - - .modal-transparent .modal-content { - border: 0; - margin: auto; - background: rgba(0, 0, 0, 0); - box-shadow: none; - inline-size: 100% - } - - .modal-transparent .btn-close { - position: absolute; - background-color: rgba(0, 0, 0, 0); - background-image: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='1' fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); - box-shadow: none; - inset-block-start: 0; - inset-inline-end: 1.5rem; - opacity: 1; - padding-block: .25em; - padding-inline: .25em - } - - :dir(rtl) .modal-transparent .btn-close { - inset-inline-end: -3rem - } - - .modal-transparent .btn-close::before { - content: none - } - - .modal-simple .modal-content { - padding: 2.5rem - } - - @media(max-width: 767.98px) { - .modal-simple .modal-content { - padding: 1rem - } - - .modal-simple .modal-content .modal-body { - padding: 1rem - } - } - - .modal-simple .btn-close { - position: absolute; - inset-block-start: -1.5rem; - inset-inline-end: -1.5rem - } - - :dir(rtl) .modal-simple .btn-close { - inset-inline-end: -4.5rem - } - - @media(max-width: 767.98px) { - .modal-simple .btn-close { - inset-block-start: 0; - inset-inline-end: 0 - } - - :dir(rtl) .modal-simple .btn-close { - inset-inline-end: -3.5rem - } - } - - .modal-refer-and-earn .modal-refer-and-earn-step { - display: flex; - align-items: center; - justify-content: center; - border-radius: .375rem; - block-size: 88px; - inline-size: 88px - } - - .modal-refer-and-earn .modal-refer-and-earn-step .icon-base { - block-size: 2.5rem; - font-size: 2.5rem; - inline-size: 2.5rem - } - - .modal-top.fade .modal-dialog, - .modal-top .modal.fade .modal-dialog { - transform: translateY(-100%) - } - - .modal-top.show .modal-dialog, - .modal-top .modal.show .modal-dialog { - transform: translateY(0) - } - - .modal-transparent.fade .modal-dialog, - .modal-transparent .modal.fade .modal-dialog { - transform: scale(0.5, 0.5) - } - - .modal-transparent.show .modal-dialog, - .modal-transparent .modal.show .modal-dialog { - transform: scale(1, 1) - } - - @media(max-width: 991.98px) { - .modal-onboarding .onboarding-horizontal { - flex-direction: column - } - } - - @media(max-width: 767.98px) { - .modal .modal-dialog:not(.modal-fullscreen) { - padding-block: 0; - padding-inline: .75rem - } - - .modal .carousel-control-prev, - .modal .carousel-control-next { - display: none - } - } - - @media(min-width: 576px) { - .modal-content { - box-shadow: var(--bs-modal-box-shadow) - } - - .modal-dialog.modal-sm { - max-inline-size: 22.5rem - } - } - - @media(min-width: 1200px) { - .modal-xl .modal-dialog { - max-inline-size: 1140px - } - } - - [data-bs-theme=dark] .modal-backdrop { - --bs-backdrop-bg: #1d1d2a; - --bs-backdrop-opacity: 0.6 - } - - .modal-open .tooltip { - z-index: 1092 - } - - .tooltip-inner { - display: flex; - align-items: center; - font-weight: 500; - gap: 3px - } - - [class^=tooltip-].bs-tooltip-auto[data-popper-placement=top] .tooltip-arrow::before, - [class^=tooltip-]>.tooltip.bs-tooltip-auto[data-popper-placement=top] .tooltip-arrow::before { - border-block-start-color: var(--bs-tooltip-arrow-bg) - } - - [class^=tooltip-].bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before, - [class^=tooltip-]>.tooltip.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before { - border-inline-start-color: var(--bs-tooltip-arrow-bg) - } - - [class^=tooltip-].bs-tooltip-auto[data-popper-placement=bottom] .tooltip-arrow::before, - [class^=tooltip-]>.tooltip.bs-tooltip-auto[data-popper-placement=bottom] .tooltip-arrow::before { - border-block-end-color: var(--bs-tooltip-arrow-bg) - } - - [class^=tooltip-].bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before, - [class^=tooltip-]>.tooltip.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before { - border-inline-end-color: var(--bs-tooltip-arrow-bg) - } - - .tooltip.tooltip-primary, - .tooltip-primary>.tooltip { - --bs-tooltip-bg: var(--bs-primary); - --bs-tooltip-color: var(--bs-primary-contrast) - } - - .tooltip.tooltip-secondary, - .tooltip-secondary>.tooltip { - --bs-tooltip-bg: var(--bs-secondary); - --bs-tooltip-color: var(--bs-secondary-contrast) - } - - .tooltip.tooltip-success, - .tooltip-success>.tooltip { - --bs-tooltip-bg: var(--bs-success); - --bs-tooltip-color: var(--bs-success-contrast) - } - - .tooltip.tooltip-info, - .tooltip-info>.tooltip { - --bs-tooltip-bg: var(--bs-info); - --bs-tooltip-color: var(--bs-info-contrast) - } - - .tooltip.tooltip-warning, - .tooltip-warning>.tooltip { - --bs-tooltip-bg: var(--bs-warning); - --bs-tooltip-color: var(--bs-warning-contrast) - } - - .tooltip.tooltip-danger, - .tooltip-danger>.tooltip { - --bs-tooltip-bg: var(--bs-danger); - --bs-tooltip-color: var(--bs-danger-contrast) - } - - .tooltip.tooltip-light, - .tooltip-light>.tooltip { - --bs-tooltip-bg: var(--bs-light); - --bs-tooltip-color: var(--bs-light-contrast) - } - - .tooltip.tooltip-dark, - .tooltip-dark>.tooltip { - --bs-tooltip-bg: var(--bs-dark); - --bs-tooltip-color: var(--bs-dark-contrast) - } - - .tooltip.tooltip-gray, - .tooltip-gray>.tooltip { - --bs-tooltip-bg: var(--bs-gray); - --bs-tooltip-color: var(--bs-gray-contrast) - } - - .modal-open .popover { - z-index: 1091 - } - - .popover:not(.custom-popover) { - --bs-popover-header-bg: transparent - } - - .popover:not(.custom-popover) .popover-header { - --bs-popover-border-width: 0; - padding-block-end: 0 - } - - .popover:not(.custom-popover) .popover-arrow::after { - --bs-popover-arrow-border: var(--bs-popover-bg) - } - - .popover:has([class^=popover-]):not(.custom-popover) { - --bs-popover-border-color: transparent; - --bs-popover-header-bg: transparent - } - - .popover:has([class^=popover-]):not(.custom-popover) .popover-body { - background-color: rgba(0, 0, 0, 0) - } - - .popover:has([class^=popover-header-]) { - --bs-popover-border-color: var(--bs-gray-100); - --bs-popover-body-color: var(--bs-body-color); - --bs-popover-header-bg: var(--bs-primary) - } - - .popover { - box-shadow: var(--bs-popover-box-shadow) - } - - .popover .popover-arrow { - z-index: 1 - } - - .popover:not(.custom-popover).bs-popover-auto>.popover-arrow::before { - --bs-popover-bg: rgba(var(--bs-white-rgb), 0.1) - } - - .popover:not(.custom-popover).bs-popover-auto[data-popper-placement=bottom]>.popover-arrow::after { - border-block-end-color: var(--bs-popover-arrow-border); - inset-block-start: 1px - } - - .popover:not(.custom-popover).bs-popover-auto[data-popper-placement=bottom]>.popover-header::before { - --bs-popover-border-width: 0 - } - - [data-bs-theme=light] .popover.popover-dark { - --bs-popover-bg: color-mix(in sRGB, var(--bs-base-color) 90%, var(--bs-paper-bg)) - } - - .custom-popover { - --bs-popover-max-width: 200px; - --bs-popover-header-color: var(--bs-white); - --bs-popover-body-padding-x: 1rem; - --bs-popover-body-padding-y: .5rem - } - - .custom-popover .popover-header { - --bs-popover-header-bg: var(--bs-primary) - } - - [data-bs-theme=dark] .popover:not(.custom-popover) .popover-arrow::before { - --bs-popover-arrow-border: rgba(var(--bs-white-rgb), 0.05) - } - - .popover.popover-primary { - --bs-popover-bg: var(--bs-primary); - --bs-popover-header-bg: var(--bs-primary); - --bs-popover-header-color: var(--bs-primary-contrast); - --bs-popover-body-color: var(--bs-primary-contrast) - } - - .popover.popover-primary>.popover-arrow::after { - --bs-popover-arrow-border: var(--bs-primary) - } - - .popover.popover-header-primary .popover-header, - .popover.popover-header-primary.bs-popover-auto[data-popper-placement=bottom]>.popover-arrow::after { - --bs-popover-header-bg: var(--bs-primary); - --bs-popover-header-color: var(--bs-primary-contrast) - } - - .popover.popover-header-primary>.popover-arrow::after { - --bs-popover-arrow-border: var(--bs-primary) - } - - .popover.popover-secondary { - --bs-popover-bg: var(--bs-secondary); - --bs-popover-header-bg: var(--bs-secondary); - --bs-popover-header-color: var(--bs-secondary-contrast); - --bs-popover-body-color: var(--bs-secondary-contrast) - } - - .popover.popover-secondary>.popover-arrow::after { - --bs-popover-arrow-border: var(--bs-secondary) - } - - .popover.popover-header-secondary .popover-header, - .popover.popover-header-secondary.bs-popover-auto[data-popper-placement=bottom]>.popover-arrow::after { - --bs-popover-header-bg: var(--bs-secondary); - --bs-popover-header-color: var(--bs-secondary-contrast) - } - - .popover.popover-header-secondary>.popover-arrow::after { - --bs-popover-arrow-border: var(--bs-secondary) - } - - .popover.popover-success { - --bs-popover-bg: var(--bs-success); - --bs-popover-header-bg: var(--bs-success); - --bs-popover-header-color: var(--bs-success-contrast); - --bs-popover-body-color: var(--bs-success-contrast) - } - - .popover.popover-success>.popover-arrow::after { - --bs-popover-arrow-border: var(--bs-success) - } - - .popover.popover-header-success .popover-header, - .popover.popover-header-success.bs-popover-auto[data-popper-placement=bottom]>.popover-arrow::after { - --bs-popover-header-bg: var(--bs-success); - --bs-popover-header-color: var(--bs-success-contrast) - } - - .popover.popover-header-success>.popover-arrow::after { - --bs-popover-arrow-border: var(--bs-success) - } - - .popover.popover-info { - --bs-popover-bg: var(--bs-info); - --bs-popover-header-bg: var(--bs-info); - --bs-popover-header-color: var(--bs-info-contrast); - --bs-popover-body-color: var(--bs-info-contrast) - } - - .popover.popover-info>.popover-arrow::after { - --bs-popover-arrow-border: var(--bs-info) - } - - .popover.popover-header-info .popover-header, - .popover.popover-header-info.bs-popover-auto[data-popper-placement=bottom]>.popover-arrow::after { - --bs-popover-header-bg: var(--bs-info); - --bs-popover-header-color: var(--bs-info-contrast) - } - - .popover.popover-header-info>.popover-arrow::after { - --bs-popover-arrow-border: var(--bs-info) - } - - .popover.popover-warning { - --bs-popover-bg: var(--bs-warning); - --bs-popover-header-bg: var(--bs-warning); - --bs-popover-header-color: var(--bs-warning-contrast); - --bs-popover-body-color: var(--bs-warning-contrast) - } - - .popover.popover-warning>.popover-arrow::after { - --bs-popover-arrow-border: var(--bs-warning) - } - - .popover.popover-header-warning .popover-header, - .popover.popover-header-warning.bs-popover-auto[data-popper-placement=bottom]>.popover-arrow::after { - --bs-popover-header-bg: var(--bs-warning); - --bs-popover-header-color: var(--bs-warning-contrast) - } - - .popover.popover-header-warning>.popover-arrow::after { - --bs-popover-arrow-border: var(--bs-warning) - } - - .popover.popover-danger { - --bs-popover-bg: var(--bs-danger); - --bs-popover-header-bg: var(--bs-danger); - --bs-popover-header-color: var(--bs-danger-contrast); - --bs-popover-body-color: var(--bs-danger-contrast) - } - - .popover.popover-danger>.popover-arrow::after { - --bs-popover-arrow-border: var(--bs-danger) - } - - .popover.popover-header-danger .popover-header, - .popover.popover-header-danger.bs-popover-auto[data-popper-placement=bottom]>.popover-arrow::after { - --bs-popover-header-bg: var(--bs-danger); - --bs-popover-header-color: var(--bs-danger-contrast) - } - - .popover.popover-header-danger>.popover-arrow::after { - --bs-popover-arrow-border: var(--bs-danger) - } - - .popover.popover-light { - --bs-popover-bg: var(--bs-light); - --bs-popover-header-bg: var(--bs-light); - --bs-popover-header-color: var(--bs-light-contrast); - --bs-popover-body-color: var(--bs-light-contrast) - } - - .popover.popover-light>.popover-arrow::after { - --bs-popover-arrow-border: var(--bs-light) - } - - .popover.popover-header-light .popover-header, - .popover.popover-header-light.bs-popover-auto[data-popper-placement=bottom]>.popover-arrow::after { - --bs-popover-header-bg: var(--bs-light); - --bs-popover-header-color: var(--bs-light-contrast) - } - - .popover.popover-header-light>.popover-arrow::after { - --bs-popover-arrow-border: var(--bs-light) - } - - .popover.popover-dark { - --bs-popover-bg: var(--bs-dark); - --bs-popover-header-bg: var(--bs-dark); - --bs-popover-header-color: var(--bs-dark-contrast); - --bs-popover-body-color: var(--bs-dark-contrast) - } - - .popover.popover-dark>.popover-arrow::after { - --bs-popover-arrow-border: var(--bs-dark) - } - - .popover.popover-header-dark .popover-header, - .popover.popover-header-dark.bs-popover-auto[data-popper-placement=bottom]>.popover-arrow::after { - --bs-popover-header-bg: var(--bs-dark); - --bs-popover-header-color: var(--bs-dark-contrast) - } - - .popover.popover-header-dark>.popover-arrow::after { - --bs-popover-arrow-border: var(--bs-dark) - } - - .popover.popover-gray { - --bs-popover-bg: var(--bs-gray); - --bs-popover-header-bg: var(--bs-gray); - --bs-popover-header-color: var(--bs-gray-contrast); - --bs-popover-body-color: var(--bs-gray-contrast) - } - - .popover.popover-gray>.popover-arrow::after { - --bs-popover-arrow-border: var(--bs-gray) - } - - .popover.popover-header-gray .popover-header, - .popover.popover-header-gray.bs-popover-auto[data-popper-placement=bottom]>.popover-arrow::after { - --bs-popover-header-bg: var(--bs-gray); - --bs-popover-header-color: var(--bs-gray-contrast) - } - - .popover.popover-header-gray>.popover-arrow::after { - --bs-popover-arrow-border: var(--bs-gray) - } - - .carousel .carousel-item.active h1, - .carousel .carousel-item.active .h1, - .carousel .carousel-item.active h2, - .carousel .carousel-item.active .h2, - .carousel .carousel-item.active h3, - .carousel .carousel-item.active .h3, - .carousel .carousel-item.active h4, - .carousel .carousel-item.active .h4, - .carousel .carousel-item.active h5, - .carousel .carousel-item.active .h5, - .carousel .carousel-item.active h6, - .carousel .carousel-item.active .h6, - .carousel .carousel-item.carousel-item-start h1, - .carousel .carousel-item.carousel-item-start .h1, - .carousel .carousel-item.carousel-item-start h2, - .carousel .carousel-item.carousel-item-start .h2, - .carousel .carousel-item.carousel-item-start h3, - .carousel .carousel-item.carousel-item-start .h3, - .carousel .carousel-item.carousel-item-start h4, - .carousel .carousel-item.carousel-item-start .h4, - .carousel .carousel-item.carousel-item-start h5, - .carousel .carousel-item.carousel-item-start .h5, - .carousel .carousel-item.carousel-item-start h6, - .carousel .carousel-item.carousel-item-start .h6 { - color: #fff - } - - .carousel .carousel-control-prev-icon, - .carousel .carousel-control-next-icon { - filter: invert(1) - } - - .carousel.carousel-dark .carousel-item.active h1, - .carousel.carousel-dark .carousel-item.active .h1, - .carousel.carousel-dark .carousel-item.active h2, - .carousel.carousel-dark .carousel-item.active .h2, - .carousel.carousel-dark .carousel-item.active h3, - .carousel.carousel-dark .carousel-item.active .h3, - .carousel.carousel-dark .carousel-item.active h4, - .carousel.carousel-dark .carousel-item.active .h4, - .carousel.carousel-dark .carousel-item.active h5, - .carousel.carousel-dark .carousel-item.active .h5, - .carousel.carousel-dark .carousel-item.active h6, - .carousel.carousel-dark .carousel-item.active .h6, - .carousel.carousel-dark .carousel-item.carousel-item-start h1, - .carousel.carousel-dark .carousel-item.carousel-item-start .h1, - .carousel.carousel-dark .carousel-item.carousel-item-start h2, - .carousel.carousel-dark .carousel-item.carousel-item-start .h2, - .carousel.carousel-dark .carousel-item.carousel-item-start h3, - .carousel.carousel-dark .carousel-item.carousel-item-start .h3, - .carousel.carousel-dark .carousel-item.carousel-item-start h4, - .carousel.carousel-dark .carousel-item.carousel-item-start .h4, - .carousel.carousel-dark .carousel-item.carousel-item-start h5, - .carousel.carousel-dark .carousel-item.carousel-item-start .h5, - .carousel.carousel-dark .carousel-item.carousel-item-start h6, - .carousel.carousel-dark .carousel-item.carousel-item-start .h6 { - color: #22303e - } - - .carousel.carousel-dark .carousel-control-prev-icon, - .carousel.carousel-dark .carousel-control-next-icon { - filter: invert(0) - } - - [data-bs-theme=dark] .carousel:not(.carousel-dark) .carousel-caption, - [data-bs-theme=dark].carousel:not(.carousel-dark) .carousel-caption { - color: #fff - } - - .spinner-border-lg, - .spinner-grow-lg { - --bs-spinner-border-width: 0.3em; - --bs-spinner-height: 3rem; - --bs-spinner-width: 3rem - } - - .btn .spinner-border, - .btn .spinner-grow { - --bs-spinner-height: 1em; - --bs-spinner-width: 1em; - inset-block-start: -0.0625rem - } - - .btn .spinner-border { - --bs-spinner-border-width: .15em - } - - .btn.btn-icon:has([class*=spinner]) { - font-size: .9375rem - } - - .btn.btn-icon:has([class*=spinner]).btn-xs, - .btn-group-xs>.btn.btn-icon:has([class*=spinner]) { - font-size: .625rem - } - - .btn.btn-icon:has([class*=spinner]).btn-sm, - .btn-group-sm>.btn.btn-icon:has([class*=spinner]) { - font-size: .8125rem - } - - .btn.btn-icon:has([class*=spinner]).btn-lg, - .btn-group-lg>.btn.btn-icon:has([class*=spinner]) { - font-size: 1.0625rem - } - - .btn.btn-icon:has([class*=spinner]).btn-xl, - .btn-group-xl>.btn.btn-icon:has([class*=spinner]) { - font-size: 1.125rem - } - - @keyframes spinner-border-rtl { - to { - transform: rotate(-360deg) - } - } - - :dir(rtl) .spinner-border { - animation-name: spinner-border-rtl - } - - .offcanvas { - box-shadow: var(--bs-offcanvas-box-shadow) - } - - .offcanvas .offcanvas-header { - padding-block-end: .75rem - } - - :dir(rtl) .offcanvas-header .btn-close { - margin-block: -0.75rem -0.75rem; - margin-inline: auto -0.75rem - } - - :dir(rtl) .offcanvas-start { - inset-inline: 0 auto; - transform: translateX(100%) - } - - :dir(rtl) .offcanvas-end { - inset-inline: auto 0; - transform: translateX(-100%) - } - - [data-bs-theme=dark] .offcanvas-backdrop { - position: fixed; - top: 0; - left: 0; - z-index: 1089; - width: 100vw; - height: 100vh; - background-color: #1d1d2a - } - - [data-bs-theme=dark] .offcanvas-backdrop.fade { - opacity: 0 - } - - [data-bs-theme=dark] .offcanvas-backdrop.show { - opacity: .6 - } - - .bg-label-primary { - background-color: color-mix(in sRGB, var(--bs-paper-bg) var(--bs-bg-label-tint-amount), var(--bs-primary)) !important; - color: var(--bs-primary) !important - } - - .bg-label-secondary { - background-color: color-mix(in sRGB, var(--bs-paper-bg) var(--bs-bg-label-tint-amount), var(--bs-secondary)) !important; - color: var(--bs-secondary) !important - } - - .bg-label-success { - background-color: color-mix(in sRGB, var(--bs-paper-bg) var(--bs-bg-label-tint-amount), var(--bs-success)) !important; - color: var(--bs-success) !important - } - - .bg-label-info { - background-color: color-mix(in sRGB, var(--bs-paper-bg) var(--bs-bg-label-tint-amount), var(--bs-info)) !important; - color: var(--bs-info) !important - } - - .bg-label-warning { - background-color: color-mix(in sRGB, var(--bs-paper-bg) var(--bs-bg-label-tint-amount), var(--bs-warning)) !important; - color: var(--bs-warning) !important - } - - .bg-label-danger { - background-color: color-mix(in sRGB, var(--bs-paper-bg) var(--bs-bg-label-tint-amount), var(--bs-danger)) !important; - color: var(--bs-danger) !important - } - - .bg-label-light { - background-color: color-mix(in sRGB, var(--bs-paper-bg) var(--bs-bg-label-tint-amount), var(--bs-light)) !important; - color: RGBA(#000, var(--bs-bg-label-tint-amount)) !important - } - - .bg-label-dark { - background-color: color-mix(in sRGB, var(--bs-paper-bg) var(--bs-bg-label-tint-amount), var(--bs-dark)) !important; - color: var(--bs-dark) !important - } - - .bg-label-gray { - background-color: color-mix(in sRGB, var(--bs-paper-bg) var(--bs-bg-label-tint-amount), var(--bs-gray)) !important; - color: var(--bs-gray) !important - } - - .bg-label-facebook { - background-color: color-mix(in sRGB, var(--bs-paper-bg) var(--bs-bg-label-tint-amount), var(--bs-facebook)) !important; - color: var(--bs-facebook) !important - } - - .bg-label-twitter { - background-color: color-mix(in sRGB, var(--bs-paper-bg) var(--bs-bg-label-tint-amount), var(--bs-twitter)) !important; - color: var(--bs-twitter) !important - } - - .bg-label-google-plus { - background-color: color-mix(in sRGB, var(--bs-paper-bg) var(--bs-bg-label-tint-amount), var(--bs-google-plus)) !important; - color: var(--bs-google-plus) !important - } - - .bg-label-instagram { - background-color: color-mix(in sRGB, var(--bs-paper-bg) var(--bs-bg-label-tint-amount), var(--bs-instagram)) !important; - color: var(--bs-instagram) !important - } - - .bg-label-linkedin { - background-color: color-mix(in sRGB, var(--bs-paper-bg) var(--bs-bg-label-tint-amount), var(--bs-linkedin)) !important; - color: var(--bs-linkedin) !important - } - - .bg-label-github { - background-color: color-mix(in sRGB, var(--bs-paper-bg) var(--bs-bg-label-tint-amount), var(--bs-github)) !important; - color: var(--bs-github) !important - } - - .bg-label-dribbble { - background-color: color-mix(in sRGB, var(--bs-paper-bg) var(--bs-bg-label-tint-amount), var(--bs-dribbble)) !important; - color: var(--bs-dribbble) !important - } - - .bg-label-pinterest { - background-color: color-mix(in sRGB, var(--bs-paper-bg) var(--bs-bg-label-tint-amount), var(--bs-pinterest)) !important; - color: var(--bs-pinterest) !important - } - - .bg-label-slack { - background-color: color-mix(in sRGB, var(--bs-paper-bg) var(--bs-bg-label-tint-amount), var(--bs-slack)) !important; - color: var(--bs-slack) !important - } - - .bg-label-reddit { - background-color: color-mix(in sRGB, var(--bs-paper-bg) var(--bs-bg-label-tint-amount), var(--bs-reddit)) !important; - color: var(--bs-reddit) !important - } - - .bg-label-youtube { - background-color: color-mix(in sRGB, var(--bs-paper-bg) var(--bs-bg-label-tint-amount), var(--bs-youtube)) !important; - color: var(--bs-youtube) !important - } - - .bg-label-vimeo { - background-color: color-mix(in sRGB, var(--bs-paper-bg) var(--bs-bg-label-tint-amount), var(--bs-vimeo)) !important; - color: var(--bs-vimeo) !important - } - - [data-bs-theme=dark] .bg-label-dark { - color: RGBA(#fff, var(--bs-bg-label-tint-amount)) !important - } - - .align-baseline { - vertical-align: baseline !important - } - - .align-top { - vertical-align: top !important - } - - .align-middle { - vertical-align: middle !important - } - - .align-bottom { - vertical-align: bottom !important - } - - .align-text-bottom { - vertical-align: text-bottom !important - } - - .align-text-top { - vertical-align: text-top !important - } - - .float-start { - float: inline-start !important - } - - .float-end { - float: inline-end !important - } - - .float-none { - float: none !important - } - - .object-fit-contain { - object-fit: contain !important - } - - .object-fit-cover { - object-fit: cover !important - } - - .object-fit-fill { - object-fit: fill !important - } - - .object-fit-scale { - object-fit: scale-down !important - } - - .object-fit-none { - object-fit: none !important - } - - .opacity-0 { - opacity: 0 !important - } - - .opacity-25 { - opacity: .25 !important - } - - .opacity-50 { - opacity: .5 !important - } - - .opacity-75 { - opacity: .75 !important - } - - .opacity-100 { - opacity: 1 !important - } - - .overflow-auto { - overflow: auto !important - } - - .overflow-hidden { - overflow: hidden !important - } - - .overflow-visible { - overflow: visible !important - } - - .overflow-scroll { - overflow: scroll !important - } - - .overflow-x-auto { - overflow-x: auto !important - } - - .overflow-x-hidden { - overflow-x: hidden !important - } - - .overflow-x-visible { - overflow-x: visible !important - } - - .overflow-x-scroll { - overflow-x: scroll !important - } - - .overflow-y-auto { - overflow-y: auto !important - } - - .overflow-y-hidden { - overflow-y: hidden !important - } - - .overflow-y-visible { - overflow-y: visible !important - } - - .overflow-y-scroll { - overflow-y: scroll !important - } - - .d-inline { - display: inline !important - } - - .d-inline-block { - display: inline-block !important - } - - .d-block { - display: block !important - } - - .d-grid { - display: 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 - } - - .shadow { - box-shadow: var(--bs-box-shadow) !important - } - - .shadow-sm { - box-shadow: var(--bs-box-shadow-sm) !important - } - - .shadow-lg { - box-shadow: var(--bs-box-shadow-lg) !important - } - - .shadow-xl { - box-shadow: var(--bs-box-shadow-xl) !important - } - - .shadow-none { - box-shadow: none !important - } - - .position-static { - position: static !important - } - - .position-relative { - position: relative !important - } - - .position-absolute { - position: absolute !important - } - - .position-fixed { - position: fixed !important - } - - .position-sticky { - position: sticky !important - } - - .top-0 { - inset-block-start: 0 !important - } - - .top-50 { - inset-block-start: 50% !important - } - - .top-100 { - inset-block-start: 100% !important - } - - .bottom-0 { - inset-block-end: 0 !important - } - - .bottom-50 { - inset-block-end: 50% !important - } - - .bottom-100 { - inset-block-end: 100% !important - } - - .start-0 { - inset-inline-start: 0 !important - } - - .start-50 { - inset-inline-start: 50% !important - } - - .start-100 { - inset-inline-start: 100% !important - } - - .end-0 { - inset-inline-end: 0 !important - } - - .end-50 { - inset-inline-end: 50% !important - } - - .end-100 { - inset-inline-end: 100% !important - } - - .translate-middle { - transform: translate(-50%, -50%) !important - } - - .translate-middle-x { - transform: translateX(-50%) !important - } - - .translate-middle-y { - transform: translateY(-50%) !important - } - - .border { - border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important - } - - .border-0 { - border: 0 !important - } - - .border-solid { - border-style: solid !important - } - - .border-dashed { - border-style: dashed !important - } - - .border-none { - border-style: none !important - } - - .border-top { - border-block-start: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important - } - - .border-top-0 { - border-block-start: 0 !important - } - - .border-end { - border-inline-end: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important - } - - .border-end-0 { - border-inline-end: 0 !important - } - - .border-bottom { - border-block-end: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important - } - - .border-bottom-0 { - border-block-end: 0 !important - } - - .border-start { - border-inline-start: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important - } - - .border-start-0 { - border-inline-start: 0 !important - } - - .border-primary { - --bs-border-opacity: 1; - border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important - } - - .border-secondary { - --bs-border-opacity: 1; - border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important - } - - .border-success { - --bs-border-opacity: 1; - border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important - } - - .border-info { - --bs-border-opacity: 1; - border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important - } - - .border-warning { - --bs-border-opacity: 1; - border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important - } - - .border-danger { - --bs-border-opacity: 1; - border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important - } - - .border-light { - --bs-border-opacity: 1; - border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important - } - - .border-dark { - --bs-border-opacity: 1; - border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important - } - - .border-gray { - --bs-border-opacity: 1; - border-color: rgba(var(--bs-gray-rgb), var(--bs-border-opacity)) !important - } - - .border-black { - --bs-border-opacity: 1; - border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity)) !important - } - - .border-white { - --bs-border-opacity: 1; - border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important - } - - .border-transparent { - --bs-border-opacity: 1; - border-color: rgba(0, 0, 0, 0) !important - } - - .border-primary-subtle { - border-color: var(--bs-primary-border-subtle) !important - } - - .border-secondary-subtle { - border-color: var(--bs-secondary-border-subtle) !important - } - - .border-success-subtle { - border-color: var(--bs-success-border-subtle) !important - } - - .border-info-subtle { - border-color: var(--bs-info-border-subtle) !important - } - - .border-warning-subtle { - border-color: var(--bs-warning-border-subtle) !important - } - - .border-danger-subtle { - border-color: var(--bs-danger-border-subtle) !important - } - - .border-light-subtle { - border-color: var(--bs-light-border-subtle) !important - } - - .border-dark-subtle { - border-color: var(--bs-dark-border-subtle) !important - } - - .border-1 { - border-width: 1px !important - } - - .border-2 { - border-width: 2px !important - } - - .border-3 { - border-width: 3px !important - } - - .border-4 { - border-width: 4px !important - } - - .border-5 { - border-width: 5px !important - } - - .border-opacity-10 { - --bs-border-opacity: 0.1 - } - - .border-opacity-25 { - --bs-border-opacity: 0.25 - } - - .border-opacity-50 { - --bs-border-opacity: 0.5 - } - - .border-opacity-75 { - --bs-border-opacity: 0.75 - } - - .border-opacity-100 { - --bs-border-opacity: 1 - } - - .w-px-18 { - width: 18px !important - } - - .w-px-20 { - width: 20px !important - } - - .w-px-26 { - width: 26px !important - } - - .w-px-30 { - width: 30px !important - } - - .w-px-34 { - width: 34px !important - } - - .w-px-40 { - width: 40px !important - } - - .w-px-42 { - width: 42px !important - } - - .w-px-44 { - width: 44px !important - } - - .w-px-50 { - width: 50px !important - } - - .w-px-52 { - width: 52px !important - } - - .w-px-75 { - width: 75px !important - } - - .w-px-100 { - width: 100px !important - } - - .w-px-120 { - width: 120px !important - } - - .w-px-150 { - width: 150px !important - } - - .w-px-160 { - width: 160px !important - } - - .w-px-200 { - width: 200px !important - } - - .w-px-250 { - width: 250px !important - } - - .w-px-300 { - width: 300px !important - } - - .w-px-350 { - width: 350px !important - } - - .w-px-400 { - width: 400px !important - } - - .w-px-500 { - width: 500px !important - } - - .w-px-600 { - width: 600px !important - } - - .w-px-700 { - width: 700px !important - } - - .w-px-800 { - width: 800px !important - } - - .w-auto { - width: auto !important - } - - .w-20 { - width: 20% !important - } - - .w-25 { - width: 25% !important - } - - .w-50 { - width: 50% !important - } - - .w-60 { - width: 60% !important - } - - .w-75 { - width: 75% !important - } - - .w-100 { - width: 100% !important - } - - .mw-100 { - max-width: 100% !important - } - - .vw-100 { - width: 100vw !important - } - - .min-vw-100 { - min-width: 100vw !important - } - - .h-px-18 { - height: 18px !important - } - - .h-px-20 { - height: 20px !important - } - - .h-px-26 { - height: 26px !important - } - - .h-px-30 { - height: 30px !important - } - - .h-px-34 { - height: 34px !important - } - - .h-px-40 { - height: 40px !important - } - - .h-px-42 { - height: 42px !important - } - - .h-px-44 { - height: 44px !important - } - - .h-px-50 { - height: 50px !important - } - - .h-px-52 { - height: 52px !important - } - - .h-px-75 { - height: 75px !important - } - - .h-px-100 { - height: 100px !important - } - - .h-px-120 { - height: 120px !important - } - - .h-px-150 { - height: 150px !important - } - - .h-px-160 { - height: 160px !important - } - - .h-px-200 { - height: 200px !important - } - - .h-px-250 { - height: 250px !important - } - - .h-px-300 { - height: 300px !important - } - - .h-px-350 { - height: 350px !important - } - - .h-px-400 { - height: 400px !important - } - - .h-px-500 { - height: 500px !important - } - - .h-px-600 { - height: 600px !important - } - - .h-px-700 { - height: 700px !important - } - - .h-px-800 { - height: 800px !important - } - - .h-auto { - height: auto !important - } - - .h-25 { - height: 25% !important - } - - .h-50 { - height: 50% !important - } - - .h-75 { - height: 75% !important - } - - .h-100 { - height: 100% !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 - } - - .order-first { - order: -1 !important - } - - .order-0 { - order: 0 !important - } - - .order-1 { - order: 1 !important - } - - .order-2 { - order: 2 !important - } - - .order-3 { - order: 3 !important - } - - .order-4 { - order: 4 !important - } - - .order-5 { - order: 5 !important - } - - .order-last { - order: 6 !important - } - - .m-0 { - margin: 0 !important - } - - .m-50 { - margin: .125rem !important - } - - .m-1 { - margin: .25rem !important - } - - .m-1_5 { - margin: .375rem !important - } - - .m-2 { - margin: .5rem !important - } - - .m-3 { - margin: .75rem !important - } - - .m-4 { - margin: 1rem !important - } - - .m-5 { - margin: 1.25rem !important - } - - .m-6 { - margin: 1.5rem !important - } - - .m-7 { - margin: 1.75rem !important - } - - .m-8 { - margin: 2rem !important - } - - .m-9 { - margin: 2.25rem !important - } - - .m-10 { - margin: 2.5rem !important - } - - .m-11 { - margin: 2.75rem !important - } - - .m-12 { - margin: 3rem !important - } - - .m-auto { - margin: auto !important - } - - .mx-0 { - margin-inline-end: 0 !important; - margin-inline-start: 0 !important - } - - .mx-50 { - margin-inline-end: .125rem !important; - margin-inline-start: .125rem !important - } - - .mx-1 { - margin-inline-end: .25rem !important; - margin-inline-start: .25rem !important - } - - .mx-1_5 { - margin-inline-end: .375rem !important; - margin-inline-start: .375rem !important - } - - .mx-2 { - margin-inline-end: .5rem !important; - margin-inline-start: .5rem !important - } - - .mx-3 { - margin-inline-end: .75rem !important; - margin-inline-start: .75rem !important - } - - .mx-4 { - margin-inline-end: 1rem !important; - margin-inline-start: 1rem !important - } - - .mx-5 { - margin-inline-end: 1.25rem !important; - margin-inline-start: 1.25rem !important - } - - .mx-6 { - margin-inline-end: 1.5rem !important; - margin-inline-start: 1.5rem !important - } - - .mx-7 { - margin-inline-end: 1.75rem !important; - margin-inline-start: 1.75rem !important - } - - .mx-8 { - margin-inline-end: 2rem !important; - margin-inline-start: 2rem !important - } - - .mx-9 { - margin-inline-end: 2.25rem !important; - margin-inline-start: 2.25rem !important - } - - .mx-10 { - margin-inline-end: 2.5rem !important; - margin-inline-start: 2.5rem !important - } - - .mx-11 { - margin-inline-end: 2.75rem !important; - margin-inline-start: 2.75rem !important - } - - .mx-12 { - margin-inline-end: 3rem !important; - margin-inline-start: 3rem !important - } - - .mx-auto { - margin-inline-end: auto !important; - margin-inline-start: auto !important - } - - .my-0 { - margin-block-start: 0 !important; - margin-block-end: 0 !important - } - - .my-50 { - margin-block-start: .125rem !important; - margin-block-end: .125rem !important - } - - .my-1 { - margin-block-start: .25rem !important; - margin-block-end: .25rem !important - } - - .my-1_5 { - margin-block-start: .375rem !important; - margin-block-end: .375rem !important - } - - .my-2 { - margin-block-start: .5rem !important; - margin-block-end: .5rem !important - } - - .my-3 { - margin-block-start: .75rem !important; - margin-block-end: .75rem !important - } - - .my-4 { - margin-block-start: 1rem !important; - margin-block-end: 1rem !important - } - - .my-5 { - margin-block-start: 1.25rem !important; - margin-block-end: 1.25rem !important - } - - .my-6 { - margin-block-start: 1.5rem !important; - margin-block-end: 1.5rem !important - } - - .my-7 { - margin-block-start: 1.75rem !important; - margin-block-end: 1.75rem !important - } - - .my-8 { - margin-block-start: 2rem !important; - margin-block-end: 2rem !important - } - - .my-9 { - margin-block-start: 2.25rem !important; - margin-block-end: 2.25rem !important - } - - .my-10 { - margin-block-start: 2.5rem !important; - margin-block-end: 2.5rem !important - } - - .my-11 { - margin-block-start: 2.75rem !important; - margin-block-end: 2.75rem !important - } - - .my-12 { - margin-block-start: 3rem !important; - margin-block-end: 3rem !important - } - - .my-auto { - margin-block-start: auto !important; - margin-block-end: auto !important - } - - .mt-0 { - margin-block-start: 0 !important - } - - .mt-50 { - margin-block-start: .125rem !important - } - - .mt-1 { - margin-block-start: .25rem !important - } - - .mt-1_5 { - margin-block-start: .375rem !important - } - - .mt-2 { - margin-block-start: .5rem !important - } - - .mt-3 { - margin-block-start: .75rem !important - } - - .mt-4 { - margin-block-start: 1rem !important - } - - .mt-5 { - margin-block-start: 1.25rem !important - } - - .mt-6 { - margin-block-start: 1.5rem !important - } - - .mt-7 { - margin-block-start: 1.75rem !important - } - - .mt-8 { - margin-block-start: 2rem !important - } - - .mt-9 { - margin-block-start: 2.25rem !important - } - - .mt-10 { - margin-block-start: 2.5rem !important - } - - .mt-11 { - margin-block-start: 2.75rem !important - } - - .mt-12 { - margin-block-start: 3rem !important - } - - .mt-auto { - margin-block-start: auto !important - } - - .me-0 { - margin-inline-end: 0 !important - } - - .me-50 { - margin-inline-end: .125rem !important - } - - .me-1 { - margin-inline-end: .25rem !important - } - - .me-1_5 { - margin-inline-end: .375rem !important - } - - .me-2 { - margin-inline-end: .5rem !important - } - - .me-3 { - margin-inline-end: .75rem !important - } - - .me-4 { - margin-inline-end: 1rem !important - } - - .me-5 { - margin-inline-end: 1.25rem !important - } - - .me-6 { - margin-inline-end: 1.5rem !important - } - - .me-7 { - margin-inline-end: 1.75rem !important - } - - .me-8 { - margin-inline-end: 2rem !important - } - - .me-9 { - margin-inline-end: 2.25rem !important - } - - .me-10 { - margin-inline-end: 2.5rem !important - } - - .me-11 { - margin-inline-end: 2.75rem !important - } - - .me-12 { - margin-inline-end: 3rem !important - } - - .me-auto { - margin-inline-end: auto !important - } - - .mb-0 { - margin-block-end: 0 !important - } - - .mb-50 { - margin-block-end: .125rem !important - } - - .mb-1 { - margin-block-end: .25rem !important - } - - .mb-1_5 { - margin-block-end: .375rem !important - } - - .mb-2 { - margin-block-end: .5rem !important - } - - .mb-3 { - margin-block-end: .75rem !important - } - - .mb-4 { - margin-block-end: 1rem !important - } - - .mb-5 { - margin-block-end: 1.25rem !important - } - - .mb-6 { - margin-block-end: 1.5rem !important - } - - .mb-7 { - margin-block-end: 1.75rem !important - } - - .mb-8 { - margin-block-end: 2rem !important - } - - .mb-9 { - margin-block-end: 2.25rem !important - } - - .mb-10 { - margin-block-end: 2.5rem !important - } - - .mb-11 { - margin-block-end: 2.75rem !important - } - - .mb-12 { - margin-block-end: 3rem !important - } - - .mb-auto { - margin-block-end: auto !important - } - - .ms-0 { - margin-inline-start: 0 !important - } - - .ms-50 { - margin-inline-start: .125rem !important - } - - .ms-1 { - margin-inline-start: .25rem !important - } - - .ms-1_5 { - margin-inline-start: .375rem !important - } - - .ms-2 { - margin-inline-start: .5rem !important - } - - .ms-3 { - margin-inline-start: .75rem !important - } - - .ms-4 { - margin-inline-start: 1rem !important - } - - .ms-5 { - margin-inline-start: 1.25rem !important - } - - .ms-6 { - margin-inline-start: 1.5rem !important - } - - .ms-7 { - margin-inline-start: 1.75rem !important - } - - .ms-8 { - margin-inline-start: 2rem !important - } - - .ms-9 { - margin-inline-start: 2.25rem !important - } - - .ms-10 { - margin-inline-start: 2.5rem !important - } - - .ms-11 { - margin-inline-start: 2.75rem !important - } - - .ms-12 { - margin-inline-start: 3rem !important - } - - .ms-auto { - margin-inline-start: auto !important - } - - .m-n50 { - margin: -0.125rem !important - } - - .m-n1 { - margin: -0.25rem !important - } - - .m-n1_5 { - margin: -0.375rem !important - } - - .m-n2 { - margin: -0.5rem !important - } - - .m-n3 { - margin: -0.75rem !important - } - - .m-n4 { - margin: -1rem !important - } - - .m-n5 { - margin: -1.25rem !important - } - - .m-n6 { - margin: -1.5rem !important - } - - .m-n7 { - margin: -1.75rem !important - } - - .m-n8 { - margin: -2rem !important - } - - .m-n9 { - margin: -2.25rem !important - } - - .m-n10 { - margin: -2.5rem !important - } - - .m-n11 { - margin: -2.75rem !important - } - - .m-n12 { - margin: -3rem !important - } - - .mx-n50 { - margin-inline-end: -0.125rem !important; - margin-inline-start: -0.125rem !important - } - - .mx-n1 { - margin-inline-end: -0.25rem !important; - margin-inline-start: -0.25rem !important - } - - .mx-n1_5 { - margin-inline-end: -0.375rem !important; - margin-inline-start: -0.375rem !important - } - - .mx-n2 { - margin-inline-end: -0.5rem !important; - margin-inline-start: -0.5rem !important - } - - .mx-n3 { - margin-inline-end: -0.75rem !important; - margin-inline-start: -0.75rem !important - } - - .mx-n4 { - margin-inline-end: -1rem !important; - margin-inline-start: -1rem !important - } - - .mx-n5 { - margin-inline-end: -1.25rem !important; - margin-inline-start: -1.25rem !important - } - - .mx-n6 { - margin-inline-end: -1.5rem !important; - margin-inline-start: -1.5rem !important - } - - .mx-n7 { - margin-inline-end: -1.75rem !important; - margin-inline-start: -1.75rem !important - } - - .mx-n8 { - margin-inline-end: -2rem !important; - margin-inline-start: -2rem !important - } - - .mx-n9 { - margin-inline-end: -2.25rem !important; - margin-inline-start: -2.25rem !important - } - - .mx-n10 { - margin-inline-end: -2.5rem !important; - margin-inline-start: -2.5rem !important - } - - .mx-n11 { - margin-inline-end: -2.75rem !important; - margin-inline-start: -2.75rem !important - } - - .mx-n12 { - margin-inline-end: -3rem !important; - margin-inline-start: -3rem !important - } - - .my-n50 { - margin-block-start: -0.125rem !important; - margin-block-end: -0.125rem !important - } - - .my-n1 { - margin-block-start: -0.25rem !important; - margin-block-end: -0.25rem !important - } - - .my-n1_5 { - margin-block-start: -0.375rem !important; - margin-block-end: -0.375rem !important - } - - .my-n2 { - margin-block-start: -0.5rem !important; - margin-block-end: -0.5rem !important - } - - .my-n3 { - margin-block-start: -0.75rem !important; - margin-block-end: -0.75rem !important - } - - .my-n4 { - margin-block-start: -1rem !important; - margin-block-end: -1rem !important - } - - .my-n5 { - margin-block-start: -1.25rem !important; - margin-block-end: -1.25rem !important - } - - .my-n6 { - margin-block-start: -1.5rem !important; - margin-block-end: -1.5rem !important - } - - .my-n7 { - margin-block-start: -1.75rem !important; - margin-block-end: -1.75rem !important - } - - .my-n8 { - margin-block-start: -2rem !important; - margin-block-end: -2rem !important - } - - .my-n9 { - margin-block-start: -2.25rem !important; - margin-block-end: -2.25rem !important - } - - .my-n10 { - margin-block-start: -2.5rem !important; - margin-block-end: -2.5rem !important - } - - .my-n11 { - margin-block-start: -2.75rem !important; - margin-block-end: -2.75rem !important - } - - .my-n12 { - margin-block-start: -3rem !important; - margin-block-end: -3rem !important - } - - .mt-n50 { - margin-block-start: -0.125rem !important - } - - .mt-n1 { - margin-block-start: -0.25rem !important - } - - .mt-n1_5 { - margin-block-start: -0.375rem !important - } - - .mt-n2 { - margin-block-start: -0.5rem !important - } - - .mt-n3 { - margin-block-start: -0.75rem !important - } - - .mt-n4 { - margin-block-start: -1rem !important - } - - .mt-n5 { - margin-block-start: -1.25rem !important - } - - .mt-n6 { - margin-block-start: -1.5rem !important - } - - .mt-n7 { - margin-block-start: -1.75rem !important - } - - .mt-n8 { - margin-block-start: -2rem !important - } - - .mt-n9 { - margin-block-start: -2.25rem !important - } - - .mt-n10 { - margin-block-start: -2.5rem !important - } - - .mt-n11 { - margin-block-start: -2.75rem !important - } - - .mt-n12 { - margin-block-start: -3rem !important - } - - .me-n50 { - margin-inline-end: -0.125rem !important - } - - .me-n1 { - margin-inline-end: -0.25rem !important - } - - .me-n1_5 { - margin-inline-end: -0.375rem !important - } - - .me-n2 { - margin-inline-end: -0.5rem !important - } - - .me-n3 { - margin-inline-end: -0.75rem !important - } - - .me-n4 { - margin-inline-end: -1rem !important - } - - .me-n5 { - margin-inline-end: -1.25rem !important - } - - .me-n6 { - margin-inline-end: -1.5rem !important - } - - .me-n7 { - margin-inline-end: -1.75rem !important - } - - .me-n8 { - margin-inline-end: -2rem !important - } - - .me-n9 { - margin-inline-end: -2.25rem !important - } - - .me-n10 { - margin-inline-end: -2.5rem !important - } - - .me-n11 { - margin-inline-end: -2.75rem !important - } - - .me-n12 { - margin-inline-end: -3rem !important - } - - .mb-n50 { - margin-block-end: -0.125rem !important - } - - .mb-n1 { - margin-block-end: -0.25rem !important - } - - .mb-n1_5 { - margin-block-end: -0.375rem !important - } - - .mb-n2 { - margin-block-end: -0.5rem !important - } - - .mb-n3 { - margin-block-end: -0.75rem !important - } - - .mb-n4 { - margin-block-end: -1rem !important - } - - .mb-n5 { - margin-block-end: -1.25rem !important - } - - .mb-n6 { - margin-block-end: -1.5rem !important - } - - .mb-n7 { - margin-block-end: -1.75rem !important - } - - .mb-n8 { - margin-block-end: -2rem !important - } - - .mb-n9 { - margin-block-end: -2.25rem !important - } - - .mb-n10 { - margin-block-end: -2.5rem !important - } - - .mb-n11 { - margin-block-end: -2.75rem !important - } - - .mb-n12 { - margin-block-end: -3rem !important - } - - .ms-n50 { - margin-inline-start: -0.125rem !important - } - - .ms-n1 { - margin-inline-start: -0.25rem !important - } - - .ms-n1_5 { - margin-inline-start: -0.375rem !important - } - - .ms-n2 { - margin-inline-start: -0.5rem !important - } - - .ms-n3 { - margin-inline-start: -0.75rem !important - } - - .ms-n4 { - margin-inline-start: -1rem !important - } - - .ms-n5 { - margin-inline-start: -1.25rem !important - } - - .ms-n6 { - margin-inline-start: -1.5rem !important - } - - .ms-n7 { - margin-inline-start: -1.75rem !important - } - - .ms-n8 { - margin-inline-start: -2rem !important - } - - .ms-n9 { - margin-inline-start: -2.25rem !important - } - - .ms-n10 { - margin-inline-start: -2.5rem !important - } - - .ms-n11 { - margin-inline-start: -2.75rem !important - } - - .ms-n12 { - margin-inline-start: -3rem !important - } - - .p-0 { - padding: 0 !important - } - - .p-50 { - padding: .125rem !important - } - - .p-1 { - padding: .25rem !important - } - - .p-1_5 { - padding: .375rem !important - } - - .p-2 { - padding: .5rem !important - } - - .p-3 { - padding: .75rem !important - } - - .p-4 { - padding: 1rem !important - } - - .p-5 { - padding: 1.25rem !important - } - - .p-6 { - padding: 1.5rem !important - } - - .p-7 { - padding: 1.75rem !important - } - - .p-8 { - padding: 2rem !important - } - - .p-9 { - padding: 2.25rem !important - } - - .p-10 { - padding: 2.5rem !important - } - - .p-11 { - padding: 2.75rem !important - } - - .p-12 { - padding: 3rem !important - } - - .px-0 { - padding-inline-end: 0 !important; - padding-inline-start: 0 !important - } - - .px-50 { - padding-inline-end: .125rem !important; - padding-inline-start: .125rem !important - } - - .px-1 { - padding-inline-end: .25rem !important; - padding-inline-start: .25rem !important - } - - .px-1_5 { - padding-inline-end: .375rem !important; - padding-inline-start: .375rem !important - } - - .px-2 { - padding-inline-end: .5rem !important; - padding-inline-start: .5rem !important - } - - .px-3 { - padding-inline-end: .75rem !important; - padding-inline-start: .75rem !important - } - - .px-4 { - padding-inline-end: 1rem !important; - padding-inline-start: 1rem !important - } - - .px-5 { - padding-inline-end: 1.25rem !important; - padding-inline-start: 1.25rem !important - } - - .px-6 { - padding-inline-end: 1.5rem !important; - padding-inline-start: 1.5rem !important - } - - .px-7 { - padding-inline-end: 1.75rem !important; - padding-inline-start: 1.75rem !important - } - - .px-8 { - padding-inline-end: 2rem !important; - padding-inline-start: 2rem !important - } - - .px-9 { - padding-inline-end: 2.25rem !important; - padding-inline-start: 2.25rem !important - } - - .px-10 { - padding-inline-end: 2.5rem !important; - padding-inline-start: 2.5rem !important - } - - .px-11 { - padding-inline-end: 2.75rem !important; - padding-inline-start: 2.75rem !important - } - - .px-12 { - padding-inline-end: 3rem !important; - padding-inline-start: 3rem !important - } - - .py-0 { - padding-block-start: 0 !important; - padding-block-end: 0 !important - } - - .py-50 { - padding-block-start: .125rem !important; - padding-block-end: .125rem !important - } - - .py-1 { - padding-block-start: .25rem !important; - padding-block-end: .25rem !important - } - - .py-1_5 { - padding-block-start: .375rem !important; - padding-block-end: .375rem !important - } - - .py-2 { - padding-block-start: .5rem !important; - padding-block-end: .5rem !important - } - - .py-3 { - padding-block-start: .75rem !important; - padding-block-end: .75rem !important - } - - .py-4 { - padding-block-start: 1rem !important; - padding-block-end: 1rem !important - } - - .py-5 { - padding-block-start: 1.25rem !important; - padding-block-end: 1.25rem !important - } - - .py-6 { - padding-block-start: 1.5rem !important; - padding-block-end: 1.5rem !important - } - - .py-7 { - padding-block-start: 1.75rem !important; - padding-block-end: 1.75rem !important - } - - .py-8 { - padding-block-start: 2rem !important; - padding-block-end: 2rem !important - } - - .py-9 { - padding-block-start: 2.25rem !important; - padding-block-end: 2.25rem !important - } - - .py-10 { - padding-block-start: 2.5rem !important; - padding-block-end: 2.5rem !important - } - - .py-11 { - padding-block-start: 2.75rem !important; - padding-block-end: 2.75rem !important - } - - .py-12 { - padding-block-start: 3rem !important; - padding-block-end: 3rem !important - } - - .pt-0 { - padding-block-start: 0 !important - } - - .pt-50 { - padding-block-start: .125rem !important - } - - .pt-1 { - padding-block-start: .25rem !important - } - - .pt-1_5 { - padding-block-start: .375rem !important - } - - .pt-2 { - padding-block-start: .5rem !important - } - - .pt-3 { - padding-block-start: .75rem !important - } - - .pt-4 { - padding-block-start: 1rem !important - } - - .pt-5 { - padding-block-start: 1.25rem !important - } - - .pt-6 { - padding-block-start: 1.5rem !important - } - - .pt-7 { - padding-block-start: 1.75rem !important - } - - .pt-8 { - padding-block-start: 2rem !important - } - - .pt-9 { - padding-block-start: 2.25rem !important - } - - .pt-10 { - padding-block-start: 2.5rem !important - } - - .pt-11 { - padding-block-start: 2.75rem !important - } - - .pt-12 { - padding-block-start: 3rem !important - } - - .pe-0 { - padding-inline-end: 0 !important - } - - .pe-50 { - padding-inline-end: .125rem !important - } - - .pe-1 { - padding-inline-end: .25rem !important - } - - .pe-1_5 { - padding-inline-end: .375rem !important - } - - .pe-2 { - padding-inline-end: .5rem !important - } - - .pe-3 { - padding-inline-end: .75rem !important - } - - .pe-4 { - padding-inline-end: 1rem !important - } - - .pe-5 { - padding-inline-end: 1.25rem !important - } - - .pe-6 { - padding-inline-end: 1.5rem !important - } - - .pe-7 { - padding-inline-end: 1.75rem !important - } - - .pe-8 { - padding-inline-end: 2rem !important - } - - .pe-9 { - padding-inline-end: 2.25rem !important - } - - .pe-10 { - padding-inline-end: 2.5rem !important - } - - .pe-11 { - padding-inline-end: 2.75rem !important - } - - .pe-12 { - padding-inline-end: 3rem !important - } - - .pb-0 { - padding-block-end: 0 !important - } - - .pb-50 { - padding-block-end: .125rem !important - } - - .pb-1 { - padding-block-end: .25rem !important - } - - .pb-1_5 { - padding-block-end: .375rem !important - } - - .pb-2 { - padding-block-end: .5rem !important - } - - .pb-3 { - padding-block-end: .75rem !important - } - - .pb-4 { - padding-block-end: 1rem !important - } - - .pb-5 { - padding-block-end: 1.25rem !important - } - - .pb-6 { - padding-block-end: 1.5rem !important - } - - .pb-7 { - padding-block-end: 1.75rem !important - } - - .pb-8 { - padding-block-end: 2rem !important - } - - .pb-9 { - padding-block-end: 2.25rem !important - } - - .pb-10 { - padding-block-end: 2.5rem !important - } - - .pb-11 { - padding-block-end: 2.75rem !important - } - - .pb-12 { - padding-block-end: 3rem !important - } - - .ps-0 { - padding-inline-start: 0 !important - } - - .ps-50 { - padding-inline-start: .125rem !important - } - - .ps-1 { - padding-inline-start: .25rem !important - } - - .ps-1_5 { - padding-inline-start: .375rem !important - } - - .ps-2 { - padding-inline-start: .5rem !important - } - - .ps-3 { - padding-inline-start: .75rem !important - } - - .ps-4 { - padding-inline-start: 1rem !important - } - - .ps-5 { - padding-inline-start: 1.25rem !important - } - - .ps-6 { - padding-inline-start: 1.5rem !important - } - - .ps-7 { - padding-inline-start: 1.75rem !important - } - - .ps-8 { - padding-inline-start: 2rem !important - } - - .ps-9 { - padding-inline-start: 2.25rem !important - } - - .ps-10 { - padding-inline-start: 2.5rem !important - } - - .ps-11 { - padding-inline-start: 2.75rem !important - } - - .ps-12 { - padding-inline-start: 3rem !important - } - - .gap-0 { - gap: 0 !important - } - - .gap-50 { - gap: .125rem !important - } - - .gap-1 { - gap: .25rem !important - } - - .gap-1_5 { - gap: .375rem !important - } - - .gap-2 { - gap: .5rem !important - } - - .gap-3 { - gap: .75rem !important - } - - .gap-4 { - gap: 1rem !important - } - - .gap-5 { - gap: 1.25rem !important - } - - .gap-6 { - gap: 1.5rem !important - } - - .gap-7 { - gap: 1.75rem !important - } - - .gap-8 { - gap: 2rem !important - } - - .gap-9 { - gap: 2.25rem !important - } - - .gap-10 { - gap: 2.5rem !important - } - - .gap-11 { - gap: 2.75rem !important - } - - .gap-12 { - gap: 3rem !important - } - - .row-gap-0 { - row-gap: 0 !important - } - - .row-gap-50 { - row-gap: .125rem !important - } - - .row-gap-1 { - row-gap: .25rem !important - } - - .row-gap-1_5 { - row-gap: .375rem !important - } - - .row-gap-2 { - row-gap: .5rem !important - } - - .row-gap-3 { - row-gap: .75rem !important - } - - .row-gap-4 { - row-gap: 1rem !important - } - - .row-gap-5 { - row-gap: 1.25rem !important - } - - .row-gap-6 { - row-gap: 1.5rem !important - } - - .row-gap-7 { - row-gap: 1.75rem !important - } - - .row-gap-8 { - row-gap: 2rem !important - } - - .row-gap-9 { - row-gap: 2.25rem !important - } - - .row-gap-10 { - row-gap: 2.5rem !important - } - - .row-gap-11 { - row-gap: 2.75rem !important - } - - .row-gap-12 { - row-gap: 3rem !important - } - - .column-gap-0 { - column-gap: 0 !important - } - - .column-gap-50 { - column-gap: .125rem !important - } - - .column-gap-1 { - column-gap: .25rem !important - } - - .column-gap-1_5 { - column-gap: .375rem !important - } - - .column-gap-2 { - column-gap: .5rem !important - } - - .column-gap-3 { - column-gap: .75rem !important - } - - .column-gap-4 { - column-gap: 1rem !important - } - - .column-gap-5 { - column-gap: 1.25rem !important - } - - .column-gap-6 { - column-gap: 1.5rem !important - } - - .column-gap-7 { - column-gap: 1.75rem !important - } - - .column-gap-8 { - column-gap: 2rem !important - } - - .column-gap-9 { - column-gap: 2.25rem !important - } - - .column-gap-10 { - column-gap: 2.5rem !important - } - - .column-gap-11 { - column-gap: 2.75rem !important - } - - .column-gap-12 { - column-gap: 3rem !important - } - - .font-monospace { - font-family: var(--bs-font-monospace) !important - } - - .fs-1 { - font-size: calc(1.4125rem + 1.95vw) !important - } - - .fs-2 { - font-size: calc(1.3625rem + 1.35vw) !important - } - - .fs-3 { - font-size: calc(1.3rem + 0.6vw) !important - } - - .fs-4 { - font-size: calc(1.275rem + 0.3vw) !important - } - - .fs-5 { - font-size: 1.125rem !important - } - - .fs-6 { - font-size: 0.9375rem !important - } - - .fs-tiny { - font-size: 70% !important - } - - .fs-big { - font-size: 112% !important - } - - .fs-large { - font-size: 150% !important - } - - .fs-xlarge { - font-size: 170% !important - } - - .fs-xxlarge { - font-size: calc(1.725rem + 5.7vw) !important - } - - .fst-italic { - font-style: italic !important - } - - .fst-normal { - font-style: normal !important - } - - .fw-lighter { - font-weight: lighter !important - } - - .fw-light { - font-weight: 300 !important - } - - .fw-normal { - font-weight: 400 !important - } - - .fw-medium { - font-weight: 500 !important - } - - .fw-semibold { - font-weight: 600 !important - } - - .fw-bold { - font-weight: 700 !important - } - - .fw-extrabold { - font-weight: 800 !important - } - - .fw-bolder { - font-weight: bolder !important - } - - .lh-1 { - line-height: 1 !important - } - - .lh-inherit { - line-height: inherit !important - } - - .lh-sm { - line-height: 1.125 !important - } - - .lh-base { - line-height: 1.375 !important - } - - .lh-lg { - line-height: 1.625 !important - } - - .text-start { - text-align: start !important - } - - .text-end { - text-align: end !important - } - - .text-center { - text-align: center !important - } - - .text-decoration-none { - text-decoration: none !important - } - - .text-decoration-underline { - text-decoration: underline !important - } - - .text-decoration-line-through { - text-decoration: line-through !important - } - - .text-none { - text-transform: none !important - } - - .text-lowercase { - text-transform: lowercase !important - } - - .text-uppercase { - text-transform: uppercase !important - } - - .text-capitalize { - text-transform: capitalize !important - } - - .text-wrap { - white-space: normal !important - } - - .text-nowrap { - white-space: nowrap !important - } - - .text-break { - word-wrap: break-word !important; - word-break: break-word !important - } - - .text-primary { - --bs-text-opacity: 1; - color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important - } - - .text-secondary { - --bs-text-opacity: 1; - color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important - } - - .text-success { - --bs-text-opacity: 1; - color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important - } - - .text-info { - --bs-text-opacity: 1; - color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important - } - - .text-warning { - --bs-text-opacity: 1; - color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important - } - - .text-danger { - --bs-text-opacity: 1; - color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important - } - - .text-light { - --bs-text-opacity: 1; - color: var(--bs-gray-400) !important - } - - .text-dark { - --bs-text-opacity: 1; - color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important - } - - .text-gray { - --bs-text-opacity: 1; - color: rgba(var(--bs-gray-rgb), var(--bs-text-opacity)) !important - } - - .text-black { - --bs-text-opacity: 1; - color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important - } - - .text-white { - --bs-text-opacity: 1; - color: var(--bs-white) !important - } - - .text-body { - --bs-text-opacity: 1; - color: var(--bs-body-color) !important - } - - .text-body-secondary { - --bs-text-opacity: 1; - color: var(--bs-secondary-color) !important - } - - .text-body-tertiary { - --bs-text-opacity: 1; - color: var(--bs-tertiary-color) !important - } - - .text-body-emphasis { - --bs-text-opacity: 1; - color: var(--bs-emphasis-color) !important - } - - .text-lighter { - --bs-text-opacity: 1; - color: var(--bs-gray-300) !important - } - - .text-lightest { - --bs-text-opacity: 1; - color: var(--bs-gray-200) !important - } - - .text-heading { - --bs-text-opacity: 1; - color: var(--bs-heading-color) !important - } - - .text-reset { - --bs-text-opacity: 1; - color: inherit !important - } - - .text-opacity-25 { - --bs-text-opacity: 0.25 - } - - .text-opacity-50 { - --bs-text-opacity: 0.5 - } - - .text-opacity-75 { - --bs-text-opacity: 0.75 - } - - .text-opacity-100 { - --bs-text-opacity: 1 - } - - .text-primary-emphasis { - color: var(--bs-primary-text-emphasis) !important - } - - .text-secondary-emphasis { - color: var(--bs-secondary-text-emphasis) !important - } - - .text-success-emphasis { - color: var(--bs-success-text-emphasis) !important - } - - .text-info-emphasis { - color: var(--bs-info-text-emphasis) !important - } - - .text-warning-emphasis { - color: var(--bs-warning-text-emphasis) !important - } - - .text-danger-emphasis { - color: var(--bs-danger-text-emphasis) !important - } - - .text-light-emphasis { - color: var(--bs-light-text-emphasis) !important - } - - .text-dark-emphasis { - color: var(--bs-dark-text-emphasis) !important - } - - .link-opacity-10 { - --bs-link-opacity: 0.1 - } - - .link-opacity-10-hover:hover { - --bs-link-opacity: 0.1 - } - - .link-opacity-25 { - --bs-link-opacity: 0.25 - } - - .link-opacity-25-hover:hover { - --bs-link-opacity: 0.25 - } - - .link-opacity-50 { - --bs-link-opacity: 0.5 - } - - .link-opacity-50-hover:hover { - --bs-link-opacity: 0.5 - } - - .link-opacity-75 { - --bs-link-opacity: 0.75 - } - - .link-opacity-75-hover:hover { - --bs-link-opacity: 0.75 - } - - .link-opacity-100 { - --bs-link-opacity: 1 - } - - .link-opacity-100-hover:hover { - --bs-link-opacity: 1 - } - - .link-offset-1 { - text-underline-offset: .125em !important - } - - .link-offset-1-hover:hover { - text-underline-offset: .125em !important - } - - .link-offset-2 { - text-underline-offset: .25em !important - } - - .link-offset-2-hover:hover { - text-underline-offset: .25em !important - } - - .link-offset-3 { - text-underline-offset: .375em !important - } - - .link-offset-3-hover:hover { - text-underline-offset: .375em !important - } - - .link-underline-primary { - --bs-link-underline-opacity: 1; - text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important - } - - .link-underline-secondary { - --bs-link-underline-opacity: 1; - text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity)) !important - } - - .link-underline-success { - --bs-link-underline-opacity: 1; - text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity)) !important - } - - .link-underline-info { - --bs-link-underline-opacity: 1; - text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity)) !important - } - - .link-underline-warning { - --bs-link-underline-opacity: 1; - text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity)) !important - } - - .link-underline-danger { - --bs-link-underline-opacity: 1; - text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity)) !important - } - - .link-underline-light { - --bs-link-underline-opacity: 1; - text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important - } - - .link-underline-dark { - --bs-link-underline-opacity: 1; - text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important - } - - .link-underline-gray { - --bs-link-underline-opacity: 1; - text-decoration-color: rgba(var(--bs-gray-rgb), var(--bs-link-underline-opacity)) !important - } - - .link-underline { - --bs-link-underline-opacity: 1; - text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important - } - - .link-underline-opacity-0 { - --bs-link-underline-opacity: 0 - } - - .link-underline-opacity-0-hover:hover { - --bs-link-underline-opacity: 0 - } - - .link-underline-opacity-10 { - --bs-link-underline-opacity: 0.1 - } - - .link-underline-opacity-10-hover:hover { - --bs-link-underline-opacity: 0.1 - } - - .link-underline-opacity-25 { - --bs-link-underline-opacity: 0.25 - } - - .link-underline-opacity-25-hover:hover { - --bs-link-underline-opacity: 0.25 - } - - .link-underline-opacity-50 { - --bs-link-underline-opacity: 0.5 - } - - .link-underline-opacity-50-hover:hover { - --bs-link-underline-opacity: 0.5 - } - - .link-underline-opacity-75 { - --bs-link-underline-opacity: 0.75 - } - - .link-underline-opacity-75-hover:hover { - --bs-link-underline-opacity: 0.75 - } - - .link-underline-opacity-100 { - --bs-link-underline-opacity: 1 - } - - .link-underline-opacity-100-hover:hover { - --bs-link-underline-opacity: 1 - } - - .bg-primary { - --bs-bg-opacity: 1; - background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important - } - - .bg-secondary { - --bs-bg-opacity: 1; - background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important - } - - .bg-success { - --bs-bg-opacity: 1; - background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important - } - - .bg-info { - --bs-bg-opacity: 1; - background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important - } - - .bg-warning { - --bs-bg-opacity: 1; - background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important - } - - .bg-danger { - --bs-bg-opacity: 1; - background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important - } - - .bg-light { - --bs-bg-opacity: 1; - background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important - } - - .bg-dark { - --bs-bg-opacity: 1; - background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important - } - - .bg-gray { - --bs-bg-opacity: 1; - background-color: rgba(var(--bs-gray-rgb), var(--bs-bg-opacity)) !important - } - - .bg-black { - --bs-bg-opacity: 1; - background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important - } - - .bg-white { - --bs-bg-opacity: 1; - background-color: var(--bs-white) !important - } - - .bg-body { - --bs-bg-opacity: 1; - background-color: var(--bs-body-bg) !important - } - - .bg-transparent { - --bs-bg-opacity: 1; - background-color: rgba(0, 0, 0, 0) !important - } - - .bg-body-secondary { - --bs-bg-opacity: 1; - background-color: rgba(var(--bs-secondary-bg-rgb), var(--bs-bg-opacity)) !important - } - - .bg-body-tertiary { - --bs-bg-opacity: 1; - background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) !important - } - - .bg-lighter { - --bs-bg-opacity: 1; - background-color: color-mix(in sRGB, var(--bs-base-color) 6%, var(--bs-paper-bg)) !important - } - - .bg-lightest { - --bs-bg-opacity: 1; - background-color: color-mix(in sRGB, var(--bs-base-color) 2.5%, var(--bs-paper-bg)) !important - } - - .bg-opacity-10 { - --bs-bg-opacity: 0.1 - } - - .bg-opacity-25 { - --bs-bg-opacity: 0.25 - } - - .bg-opacity-50 { - --bs-bg-opacity: 0.5 - } - - .bg-opacity-75 { - --bs-bg-opacity: 0.75 - } - - .bg-opacity-100 { - --bs-bg-opacity: 1 - } - - .bg-primary-subtle { - background-color: var(--bs-primary-bg-subtle) !important - } - - .bg-secondary-subtle { - background-color: var(--bs-secondary-bg-subtle) !important - } - - .bg-success-subtle { - background-color: var(--bs-success-bg-subtle) !important - } - - .bg-info-subtle { - background-color: var(--bs-info-bg-subtle) !important - } - - .bg-warning-subtle { - background-color: var(--bs-warning-bg-subtle) !important - } - - .bg-danger-subtle { - background-color: var(--bs-danger-bg-subtle) !important - } - - .bg-light-subtle { - background-color: var(--bs-light-bg-subtle) !important - } - - .bg-dark-subtle { - background-color: var(--bs-dark-bg-subtle) !important - } - - .bg-gradient { - background-image: var(--bs-gradient) !important - } - - .user-select-all { - user-select: all !important - } - - .user-select-auto { - user-select: auto !important - } - - .user-select-none { - user-select: none !important - } - - .pe-none { - pointer-events: none !important - } - - .pe-auto { - pointer-events: auto !important - } - - .rounded { - border-radius: var(--bs-border-radius) !important - } - - .rounded-0 { - border-radius: 0 !important - } - - .rounded-1 { - border-radius: var(--bs-border-radius-sm) !important - } - - .rounded-2 { - border-radius: var(--bs-border-radius) !important - } - - .rounded-3 { - border-radius: var(--bs-border-radius-lg) !important - } - - .rounded-4 { - border-radius: var(--bs-border-radius-xl) !important - } - - .rounded-5 { - border-radius: var(--bs-border-radius-xxl) !important - } - - .rounded-circle { - border-radius: 50% !important - } - - .rounded-pill { - border-radius: var(--bs-border-radius-pill) !important - } - - .rounded-top { - border-start-start-radius: var(--bs-border-radius) !important; - border-start-end-radius: var(--bs-border-radius) !important - } - - .rounded-top-0 { - border-start-start-radius: 0 !important; - border-start-end-radius: 0 !important - } - - .rounded-top-1 { - border-start-start-radius: var(--bs-border-radius-sm) !important; - border-start-end-radius: var(--bs-border-radius-sm) !important - } - - .rounded-top-2 { - border-start-start-radius: var(--bs-border-radius) !important; - border-start-end-radius: var(--bs-border-radius) !important - } - - .rounded-top-3 { - border-start-start-radius: var(--bs-border-radius-lg) !important; - border-start-end-radius: var(--bs-border-radius-lg) !important - } - - .rounded-top-4 { - border-start-start-radius: var(--bs-border-radius-xl) !important; - border-start-end-radius: var(--bs-border-radius-xl) !important - } - - .rounded-top-5 { - border-start-start-radius: var(--bs-border-radius-xxl) !important; - border-start-end-radius: var(--bs-border-radius-xxl) !important - } - - .rounded-top-circle { - border-start-start-radius: 50% !important; - border-start-end-radius: 50% !important - } - - .rounded-top-pill { - border-start-start-radius: var(--bs-border-radius-pill) !important; - border-start-end-radius: var(--bs-border-radius-pill) !important - } - - .rounded-end { - border-start-end-radius: var(--bs-border-radius) !important; - border-end-end-radius: var(--bs-border-radius) !important - } - - .rounded-end-0 { - border-start-end-radius: 0 !important; - border-end-end-radius: 0 !important - } - - .rounded-end-1 { - border-start-end-radius: var(--bs-border-radius-sm) !important; - border-end-end-radius: var(--bs-border-radius-sm) !important - } - - .rounded-end-2 { - border-start-end-radius: var(--bs-border-radius) !important; - border-end-end-radius: var(--bs-border-radius) !important - } - - .rounded-end-3 { - border-start-end-radius: var(--bs-border-radius-lg) !important; - border-end-end-radius: var(--bs-border-radius-lg) !important - } - - .rounded-end-4 { - border-start-end-radius: var(--bs-border-radius-xl) !important; - border-end-end-radius: var(--bs-border-radius-xl) !important - } - - .rounded-end-5 { - border-start-end-radius: var(--bs-border-radius-xxl) !important; - border-end-end-radius: var(--bs-border-radius-xxl) !important - } - - .rounded-end-circle { - border-start-end-radius: 50% !important; - border-end-end-radius: 50% !important - } - - .rounded-end-pill { - border-start-end-radius: var(--bs-border-radius-pill) !important; - border-end-end-radius: var(--bs-border-radius-pill) !important - } - - .rounded-bottom { - border-end-end-radius: var(--bs-border-radius) !important; - border-end-start-radius: var(--bs-border-radius) !important - } - - .rounded-bottom-0 { - border-end-end-radius: 0 !important; - border-end-start-radius: 0 !important - } - - .rounded-bottom-1 { - border-end-end-radius: var(--bs-border-radius-sm) !important; - border-end-start-radius: var(--bs-border-radius-sm) !important - } - - .rounded-bottom-2 { - border-end-end-radius: var(--bs-border-radius) !important; - border-end-start-radius: var(--bs-border-radius) !important - } - - .rounded-bottom-3 { - border-end-end-radius: var(--bs-border-radius-lg) !important; - border-end-start-radius: var(--bs-border-radius-lg) !important - } - - .rounded-bottom-4 { - border-end-end-radius: var(--bs-border-radius-xl) !important; - border-end-start-radius: var(--bs-border-radius-xl) !important - } - - .rounded-bottom-5 { - border-end-end-radius: var(--bs-border-radius-xxl) !important; - border-end-start-radius: var(--bs-border-radius-xxl) !important - } - - .rounded-bottom-circle { - border-end-end-radius: 50% !important; - border-end-start-radius: 50% !important - } - - .rounded-bottom-pill { - border-end-end-radius: var(--bs-border-radius-pill) !important; - border-end-start-radius: var(--bs-border-radius-pill) !important - } - - .rounded-start { - border-end-start-radius: var(--bs-border-radius) !important; - border-start-start-radius: var(--bs-border-radius) !important - } - - .rounded-start-0 { - border-end-start-radius: 0 !important; - border-start-start-radius: 0 !important - } - - .rounded-start-1 { - border-end-start-radius: var(--bs-border-radius-sm) !important; - border-start-start-radius: var(--bs-border-radius-sm) !important - } - - .rounded-start-2 { - border-end-start-radius: var(--bs-border-radius) !important; - border-start-start-radius: var(--bs-border-radius) !important - } - - .rounded-start-3 { - border-end-start-radius: var(--bs-border-radius-lg) !important; - border-start-start-radius: var(--bs-border-radius-lg) !important - } - - .rounded-start-4 { - border-end-start-radius: var(--bs-border-radius-xl) !important; - border-start-start-radius: var(--bs-border-radius-xl) !important - } - - .rounded-start-5 { - border-end-start-radius: var(--bs-border-radius-xxl) !important; - border-start-start-radius: var(--bs-border-radius-xxl) !important - } - - .rounded-start-circle { - border-end-start-radius: 50% !important; - border-start-start-radius: 50% !important - } - - .rounded-start-pill { - border-end-start-radius: var(--bs-border-radius-pill) !important; - border-start-start-radius: var(--bs-border-radius-pill) !important - } - - .rounded-start-top { - border-start-start-radius: .375rem !important - } - - .rounded-start-bottom { - border-end-start-radius: .375rem !important - } - - .rounded-end-top { - border-start-end-radius: .375rem !important - } - - .rounded-end-bottom { - border-end-end-radius: .375rem !important - } - - .visible { - visibility: visible !important - } - - .invisible { - visibility: hidden !important - } - - .z-n1 { - z-index: -1 !important - } - - .z-0 { - z-index: 0 !important - } - - .z-1 { - z-index: 1 !important - } - - .z-2 { - z-index: 2 !important - } - - .z-3 { - z-index: 3 !important - } - - .z-4 { - z-index: 4 !important - } - - .z-5 { - z-index: 5 !important - } - - .rotate-0 { - transform: var(--bs-rotate-0, rotate(0deg)) !important - } - - .rotate-90 { - transform: var(--bs-rotate-90, rotate(90deg)) !important - } - - .rotate-180 { - transform: var(--bs-rotate-180, rotate(180deg)) !important - } - - .rotate-270 { - transform: var(--bs-rotate-270, rotate(270deg)) !important - } - - .rotate-n90 { - transform: var(--bs-rotate-n90, rotate(-90deg)) !important - } - - .rotate-n180 { - transform: var(--bs-rotate-n180, rotate(-180deg)) !important - } - - .rotate-n270 { - transform: var(--bs-rotate-n270, rotate(-270deg)) !important - } - - .cursor-pointer { - cursor: pointer !important - } - - .cursor-move { - cursor: move !important - } - - .cursor-grab { - cursor: grab !important - } - - @media(min-width: 576px) { - .float-sm-start { - float: inline-start !important - } - - .float-sm-end { - float: inline-end !important - } - - .float-sm-none { - float: none !important - } - - .object-fit-sm-contain { - object-fit: contain !important - } - - .object-fit-sm-cover { - object-fit: cover !important - } - - .object-fit-sm-fill { - object-fit: fill !important - } - - .object-fit-sm-scale { - object-fit: scale-down !important - } - - .object-fit-sm-none { - object-fit: none !important - } - - .d-sm-inline { - display: inline !important - } - - .d-sm-inline-block { - display: inline-block !important - } - - .d-sm-block { - display: block !important - } - - .d-sm-grid { - display: grid !important - } - - .d-sm-table { - display: table !important - } - - .d-sm-table-row { - display: table-row !important - } - - .d-sm-table-cell { - display: table-cell !important - } - - .d-sm-flex { - display: flex !important - } - - .d-sm-inline-flex { - display: inline-flex !important - } - - .d-sm-none { - display: none !important - } - - .border-sm-solid { - border-style: solid !important - } - - .border-sm-dashed { - border-style: dashed !important - } - - .border-sm-none { - border-style: none !important - } - - .flex-sm-fill { - flex: 1 1 auto !important - } - - .flex-sm-row { - flex-direction: row !important - } - - .flex-sm-column { - flex-direction: column !important - } - - .flex-sm-row-reverse { - flex-direction: row-reverse !important - } - - .flex-sm-column-reverse { - flex-direction: column-reverse !important - } - - .flex-sm-grow-0 { - flex-grow: 0 !important - } - - .flex-sm-grow-1 { - flex-grow: 1 !important - } - - .flex-sm-shrink-0 { - flex-shrink: 0 !important - } - - .flex-sm-shrink-1 { - flex-shrink: 1 !important - } - - .flex-sm-wrap { - flex-wrap: wrap !important - } - - .flex-sm-nowrap { - flex-wrap: nowrap !important - } - - .flex-sm-wrap-reverse { - flex-wrap: wrap-reverse !important - } - - .justify-content-sm-start { - justify-content: flex-start !important - } - - .justify-content-sm-end { - justify-content: flex-end !important - } - - .justify-content-sm-center { - justify-content: center !important - } - - .justify-content-sm-between { - justify-content: space-between !important - } - - .justify-content-sm-around { - justify-content: space-around !important - } - - .justify-content-sm-evenly { - justify-content: space-evenly !important - } - - .align-items-sm-start { - align-items: flex-start !important - } - - .align-items-sm-end { - align-items: flex-end !important - } - - .align-items-sm-center { - align-items: center !important - } - - .align-items-sm-baseline { - align-items: baseline !important - } - - .align-items-sm-stretch { - align-items: stretch !important - } - - .align-content-sm-start { - align-content: flex-start !important - } - - .align-content-sm-end { - align-content: flex-end !important - } - - .align-content-sm-center { - align-content: center !important - } - - .align-content-sm-between { - align-content: space-between !important - } - - .align-content-sm-around { - align-content: space-around !important - } - - .align-content-sm-stretch { - align-content: stretch !important - } - - .align-self-sm-auto { - align-self: auto !important - } - - .align-self-sm-start { - align-self: flex-start !important - } - - .align-self-sm-end { - align-self: flex-end !important - } - - .align-self-sm-center { - align-self: center !important - } - - .align-self-sm-baseline { - align-self: baseline !important - } - - .align-self-sm-stretch { - align-self: stretch !important - } - - .order-sm-first { - order: -1 !important - } - - .order-sm-0 { - order: 0 !important - } - - .order-sm-1 { - order: 1 !important - } - - .order-sm-2 { - order: 2 !important - } - - .order-sm-3 { - order: 3 !important - } - - .order-sm-4 { - order: 4 !important - } - - .order-sm-5 { - order: 5 !important - } - - .order-sm-last { - order: 6 !important - } - - .m-sm-0 { - margin: 0 !important - } - - .m-sm-50 { - margin: .125rem !important - } - - .m-sm-1 { - margin: .25rem !important - } - - .m-sm-1_5 { - margin: .375rem !important - } - - .m-sm-2 { - margin: .5rem !important - } - - .m-sm-3 { - margin: .75rem !important - } - - .m-sm-4 { - margin: 1rem !important - } - - .m-sm-5 { - margin: 1.25rem !important - } - - .m-sm-6 { - margin: 1.5rem !important - } - - .m-sm-7 { - margin: 1.75rem !important - } - - .m-sm-8 { - margin: 2rem !important - } - - .m-sm-9 { - margin: 2.25rem !important - } - - .m-sm-10 { - margin: 2.5rem !important - } - - .m-sm-11 { - margin: 2.75rem !important - } - - .m-sm-12 { - margin: 3rem !important - } - - .m-sm-auto { - margin: auto !important - } - - .mx-sm-0 { - margin-inline-end: 0 !important; - margin-inline-start: 0 !important - } - - .mx-sm-50 { - margin-inline-end: .125rem !important; - margin-inline-start: .125rem !important - } - - .mx-sm-1 { - margin-inline-end: .25rem !important; - margin-inline-start: .25rem !important - } - - .mx-sm-1_5 { - margin-inline-end: .375rem !important; - margin-inline-start: .375rem !important - } - - .mx-sm-2 { - margin-inline-end: .5rem !important; - margin-inline-start: .5rem !important - } - - .mx-sm-3 { - margin-inline-end: .75rem !important; - margin-inline-start: .75rem !important - } - - .mx-sm-4 { - margin-inline-end: 1rem !important; - margin-inline-start: 1rem !important - } - - .mx-sm-5 { - margin-inline-end: 1.25rem !important; - margin-inline-start: 1.25rem !important - } - - .mx-sm-6 { - margin-inline-end: 1.5rem !important; - margin-inline-start: 1.5rem !important - } - - .mx-sm-7 { - margin-inline-end: 1.75rem !important; - margin-inline-start: 1.75rem !important - } - - .mx-sm-8 { - margin-inline-end: 2rem !important; - margin-inline-start: 2rem !important - } - - .mx-sm-9 { - margin-inline-end: 2.25rem !important; - margin-inline-start: 2.25rem !important - } - - .mx-sm-10 { - margin-inline-end: 2.5rem !important; - margin-inline-start: 2.5rem !important - } - - .mx-sm-11 { - margin-inline-end: 2.75rem !important; - margin-inline-start: 2.75rem !important - } - - .mx-sm-12 { - margin-inline-end: 3rem !important; - margin-inline-start: 3rem !important - } - - .mx-sm-auto { - margin-inline-end: auto !important; - margin-inline-start: auto !important - } - - .my-sm-0 { - margin-block-start: 0 !important; - margin-block-end: 0 !important - } - - .my-sm-50 { - margin-block-start: .125rem !important; - margin-block-end: .125rem !important - } - - .my-sm-1 { - margin-block-start: .25rem !important; - margin-block-end: .25rem !important - } - - .my-sm-1_5 { - margin-block-start: .375rem !important; - margin-block-end: .375rem !important - } - - .my-sm-2 { - margin-block-start: .5rem !important; - margin-block-end: .5rem !important - } - - .my-sm-3 { - margin-block-start: .75rem !important; - margin-block-end: .75rem !important - } - - .my-sm-4 { - margin-block-start: 1rem !important; - margin-block-end: 1rem !important - } - - .my-sm-5 { - margin-block-start: 1.25rem !important; - margin-block-end: 1.25rem !important - } - - .my-sm-6 { - margin-block-start: 1.5rem !important; - margin-block-end: 1.5rem !important - } - - .my-sm-7 { - margin-block-start: 1.75rem !important; - margin-block-end: 1.75rem !important - } - - .my-sm-8 { - margin-block-start: 2rem !important; - margin-block-end: 2rem !important - } - - .my-sm-9 { - margin-block-start: 2.25rem !important; - margin-block-end: 2.25rem !important - } - - .my-sm-10 { - margin-block-start: 2.5rem !important; - margin-block-end: 2.5rem !important - } - - .my-sm-11 { - margin-block-start: 2.75rem !important; - margin-block-end: 2.75rem !important - } - - .my-sm-12 { - margin-block-start: 3rem !important; - margin-block-end: 3rem !important - } - - .my-sm-auto { - margin-block-start: auto !important; - margin-block-end: auto !important - } - - .mt-sm-0 { - margin-block-start: 0 !important - } - - .mt-sm-50 { - margin-block-start: .125rem !important - } - - .mt-sm-1 { - margin-block-start: .25rem !important - } - - .mt-sm-1_5 { - margin-block-start: .375rem !important - } - - .mt-sm-2 { - margin-block-start: .5rem !important - } - - .mt-sm-3 { - margin-block-start: .75rem !important - } - - .mt-sm-4 { - margin-block-start: 1rem !important - } - - .mt-sm-5 { - margin-block-start: 1.25rem !important - } - - .mt-sm-6 { - margin-block-start: 1.5rem !important - } - - .mt-sm-7 { - margin-block-start: 1.75rem !important - } - - .mt-sm-8 { - margin-block-start: 2rem !important - } - - .mt-sm-9 { - margin-block-start: 2.25rem !important - } - - .mt-sm-10 { - margin-block-start: 2.5rem !important - } - - .mt-sm-11 { - margin-block-start: 2.75rem !important - } - - .mt-sm-12 { - margin-block-start: 3rem !important - } - - .mt-sm-auto { - margin-block-start: auto !important - } - - .me-sm-0 { - margin-inline-end: 0 !important - } - - .me-sm-50 { - margin-inline-end: .125rem !important - } - - .me-sm-1 { - margin-inline-end: .25rem !important - } - - .me-sm-1_5 { - margin-inline-end: .375rem !important - } - - .me-sm-2 { - margin-inline-end: .5rem !important - } - - .me-sm-3 { - margin-inline-end: .75rem !important - } - - .me-sm-4 { - margin-inline-end: 1rem !important - } - - .me-sm-5 { - margin-inline-end: 1.25rem !important - } - - .me-sm-6 { - margin-inline-end: 1.5rem !important - } - - .me-sm-7 { - margin-inline-end: 1.75rem !important - } - - .me-sm-8 { - margin-inline-end: 2rem !important - } - - .me-sm-9 { - margin-inline-end: 2.25rem !important - } - - .me-sm-10 { - margin-inline-end: 2.5rem !important - } - - .me-sm-11 { - margin-inline-end: 2.75rem !important - } - - .me-sm-12 { - margin-inline-end: 3rem !important - } - - .me-sm-auto { - margin-inline-end: auto !important - } - - .mb-sm-0 { - margin-block-end: 0 !important - } - - .mb-sm-50 { - margin-block-end: .125rem !important - } - - .mb-sm-1 { - margin-block-end: .25rem !important - } - - .mb-sm-1_5 { - margin-block-end: .375rem !important - } - - .mb-sm-2 { - margin-block-end: .5rem !important - } - - .mb-sm-3 { - margin-block-end: .75rem !important - } - - .mb-sm-4 { - margin-block-end: 1rem !important - } - - .mb-sm-5 { - margin-block-end: 1.25rem !important - } - - .mb-sm-6 { - margin-block-end: 1.5rem !important - } - - .mb-sm-7 { - margin-block-end: 1.75rem !important - } - - .mb-sm-8 { - margin-block-end: 2rem !important - } - - .mb-sm-9 { - margin-block-end: 2.25rem !important - } - - .mb-sm-10 { - margin-block-end: 2.5rem !important - } - - .mb-sm-11 { - margin-block-end: 2.75rem !important - } - - .mb-sm-12 { - margin-block-end: 3rem !important - } - - .mb-sm-auto { - margin-block-end: auto !important - } - - .ms-sm-0 { - margin-inline-start: 0 !important - } - - .ms-sm-50 { - margin-inline-start: .125rem !important - } - - .ms-sm-1 { - margin-inline-start: .25rem !important - } - - .ms-sm-1_5 { - margin-inline-start: .375rem !important - } - - .ms-sm-2 { - margin-inline-start: .5rem !important - } - - .ms-sm-3 { - margin-inline-start: .75rem !important - } - - .ms-sm-4 { - margin-inline-start: 1rem !important - } - - .ms-sm-5 { - margin-inline-start: 1.25rem !important - } - - .ms-sm-6 { - margin-inline-start: 1.5rem !important - } - - .ms-sm-7 { - margin-inline-start: 1.75rem !important - } - - .ms-sm-8 { - margin-inline-start: 2rem !important - } - - .ms-sm-9 { - margin-inline-start: 2.25rem !important - } - - .ms-sm-10 { - margin-inline-start: 2.5rem !important - } - - .ms-sm-11 { - margin-inline-start: 2.75rem !important - } - - .ms-sm-12 { - margin-inline-start: 3rem !important - } - - .ms-sm-auto { - margin-inline-start: auto !important - } - - .m-sm-n50 { - margin: -0.125rem !important - } - - .m-sm-n1 { - margin: -0.25rem !important - } - - .m-sm-n1_5 { - margin: -0.375rem !important - } - - .m-sm-n2 { - margin: -0.5rem !important - } - - .m-sm-n3 { - margin: -0.75rem !important - } - - .m-sm-n4 { - margin: -1rem !important - } - - .m-sm-n5 { - margin: -1.25rem !important - } - - .m-sm-n6 { - margin: -1.5rem !important - } - - .m-sm-n7 { - margin: -1.75rem !important - } - - .m-sm-n8 { - margin: -2rem !important - } - - .m-sm-n9 { - margin: -2.25rem !important - } - - .m-sm-n10 { - margin: -2.5rem !important - } - - .m-sm-n11 { - margin: -2.75rem !important - } - - .m-sm-n12 { - margin: -3rem !important - } - - .mx-sm-n50 { - margin-inline-end: -0.125rem !important; - margin-inline-start: -0.125rem !important - } - - .mx-sm-n1 { - margin-inline-end: -0.25rem !important; - margin-inline-start: -0.25rem !important - } - - .mx-sm-n1_5 { - margin-inline-end: -0.375rem !important; - margin-inline-start: -0.375rem !important - } - - .mx-sm-n2 { - margin-inline-end: -0.5rem !important; - margin-inline-start: -0.5rem !important - } - - .mx-sm-n3 { - margin-inline-end: -0.75rem !important; - margin-inline-start: -0.75rem !important - } - - .mx-sm-n4 { - margin-inline-end: -1rem !important; - margin-inline-start: -1rem !important - } - - .mx-sm-n5 { - margin-inline-end: -1.25rem !important; - margin-inline-start: -1.25rem !important - } - - .mx-sm-n6 { - margin-inline-end: -1.5rem !important; - margin-inline-start: -1.5rem !important - } - - .mx-sm-n7 { - margin-inline-end: -1.75rem !important; - margin-inline-start: -1.75rem !important - } - - .mx-sm-n8 { - margin-inline-end: -2rem !important; - margin-inline-start: -2rem !important - } - - .mx-sm-n9 { - margin-inline-end: -2.25rem !important; - margin-inline-start: -2.25rem !important - } - - .mx-sm-n10 { - margin-inline-end: -2.5rem !important; - margin-inline-start: -2.5rem !important - } - - .mx-sm-n11 { - margin-inline-end: -2.75rem !important; - margin-inline-start: -2.75rem !important - } - - .mx-sm-n12 { - margin-inline-end: -3rem !important; - margin-inline-start: -3rem !important - } - - .my-sm-n50 { - margin-block-start: -0.125rem !important; - margin-block-end: -0.125rem !important - } - - .my-sm-n1 { - margin-block-start: -0.25rem !important; - margin-block-end: -0.25rem !important - } - - .my-sm-n1_5 { - margin-block-start: -0.375rem !important; - margin-block-end: -0.375rem !important - } - - .my-sm-n2 { - margin-block-start: -0.5rem !important; - margin-block-end: -0.5rem !important - } - - .my-sm-n3 { - margin-block-start: -0.75rem !important; - margin-block-end: -0.75rem !important - } - - .my-sm-n4 { - margin-block-start: -1rem !important; - margin-block-end: -1rem !important - } - - .my-sm-n5 { - margin-block-start: -1.25rem !important; - margin-block-end: -1.25rem !important - } - - .my-sm-n6 { - margin-block-start: -1.5rem !important; - margin-block-end: -1.5rem !important - } - - .my-sm-n7 { - margin-block-start: -1.75rem !important; - margin-block-end: -1.75rem !important - } - - .my-sm-n8 { - margin-block-start: -2rem !important; - margin-block-end: -2rem !important - } - - .my-sm-n9 { - margin-block-start: -2.25rem !important; - margin-block-end: -2.25rem !important - } - - .my-sm-n10 { - margin-block-start: -2.5rem !important; - margin-block-end: -2.5rem !important - } - - .my-sm-n11 { - margin-block-start: -2.75rem !important; - margin-block-end: -2.75rem !important - } - - .my-sm-n12 { - margin-block-start: -3rem !important; - margin-block-end: -3rem !important - } - - .mt-sm-n50 { - margin-block-start: -0.125rem !important - } - - .mt-sm-n1 { - margin-block-start: -0.25rem !important - } - - .mt-sm-n1_5 { - margin-block-start: -0.375rem !important - } - - .mt-sm-n2 { - margin-block-start: -0.5rem !important - } - - .mt-sm-n3 { - margin-block-start: -0.75rem !important - } - - .mt-sm-n4 { - margin-block-start: -1rem !important - } - - .mt-sm-n5 { - margin-block-start: -1.25rem !important - } - - .mt-sm-n6 { - margin-block-start: -1.5rem !important - } - - .mt-sm-n7 { - margin-block-start: -1.75rem !important - } - - .mt-sm-n8 { - margin-block-start: -2rem !important - } - - .mt-sm-n9 { - margin-block-start: -2.25rem !important - } - - .mt-sm-n10 { - margin-block-start: -2.5rem !important - } - - .mt-sm-n11 { - margin-block-start: -2.75rem !important - } - - .mt-sm-n12 { - margin-block-start: -3rem !important - } - - .me-sm-n50 { - margin-inline-end: -0.125rem !important - } - - .me-sm-n1 { - margin-inline-end: -0.25rem !important - } - - .me-sm-n1_5 { - margin-inline-end: -0.375rem !important - } - - .me-sm-n2 { - margin-inline-end: -0.5rem !important - } - - .me-sm-n3 { - margin-inline-end: -0.75rem !important - } - - .me-sm-n4 { - margin-inline-end: -1rem !important - } - - .me-sm-n5 { - margin-inline-end: -1.25rem !important - } - - .me-sm-n6 { - margin-inline-end: -1.5rem !important - } - - .me-sm-n7 { - margin-inline-end: -1.75rem !important - } - - .me-sm-n8 { - margin-inline-end: -2rem !important - } - - .me-sm-n9 { - margin-inline-end: -2.25rem !important - } - - .me-sm-n10 { - margin-inline-end: -2.5rem !important - } - - .me-sm-n11 { - margin-inline-end: -2.75rem !important - } - - .me-sm-n12 { - margin-inline-end: -3rem !important - } - - .mb-sm-n50 { - margin-block-end: -0.125rem !important - } - - .mb-sm-n1 { - margin-block-end: -0.25rem !important - } - - .mb-sm-n1_5 { - margin-block-end: -0.375rem !important - } - - .mb-sm-n2 { - margin-block-end: -0.5rem !important - } - - .mb-sm-n3 { - margin-block-end: -0.75rem !important - } - - .mb-sm-n4 { - margin-block-end: -1rem !important - } - - .mb-sm-n5 { - margin-block-end: -1.25rem !important - } - - .mb-sm-n6 { - margin-block-end: -1.5rem !important - } - - .mb-sm-n7 { - margin-block-end: -1.75rem !important - } - - .mb-sm-n8 { - margin-block-end: -2rem !important - } - - .mb-sm-n9 { - margin-block-end: -2.25rem !important - } - - .mb-sm-n10 { - margin-block-end: -2.5rem !important - } - - .mb-sm-n11 { - margin-block-end: -2.75rem !important - } - - .mb-sm-n12 { - margin-block-end: -3rem !important - } - - .ms-sm-n50 { - margin-inline-start: -0.125rem !important - } - - .ms-sm-n1 { - margin-inline-start: -0.25rem !important - } - - .ms-sm-n1_5 { - margin-inline-start: -0.375rem !important - } - - .ms-sm-n2 { - margin-inline-start: -0.5rem !important - } - - .ms-sm-n3 { - margin-inline-start: -0.75rem !important - } - - .ms-sm-n4 { - margin-inline-start: -1rem !important - } - - .ms-sm-n5 { - margin-inline-start: -1.25rem !important - } - - .ms-sm-n6 { - margin-inline-start: -1.5rem !important - } - - .ms-sm-n7 { - margin-inline-start: -1.75rem !important - } - - .ms-sm-n8 { - margin-inline-start: -2rem !important - } - - .ms-sm-n9 { - margin-inline-start: -2.25rem !important - } - - .ms-sm-n10 { - margin-inline-start: -2.5rem !important - } - - .ms-sm-n11 { - margin-inline-start: -2.75rem !important - } - - .ms-sm-n12 { - margin-inline-start: -3rem !important - } - - .p-sm-0 { - padding: 0 !important - } - - .p-sm-50 { - padding: .125rem !important - } - - .p-sm-1 { - padding: .25rem !important - } - - .p-sm-1_5 { - padding: .375rem !important - } - - .p-sm-2 { - padding: .5rem !important - } - - .p-sm-3 { - padding: .75rem !important - } - - .p-sm-4 { - padding: 1rem !important - } - - .p-sm-5 { - padding: 1.25rem !important - } - - .p-sm-6 { - padding: 1.5rem !important - } - - .p-sm-7 { - padding: 1.75rem !important - } - - .p-sm-8 { - padding: 2rem !important - } - - .p-sm-9 { - padding: 2.25rem !important - } - - .p-sm-10 { - padding: 2.5rem !important - } - - .p-sm-11 { - padding: 2.75rem !important - } - - .p-sm-12 { - padding: 3rem !important - } - - .px-sm-0 { - padding-inline-end: 0 !important; - padding-inline-start: 0 !important - } - - .px-sm-50 { - padding-inline-end: .125rem !important; - padding-inline-start: .125rem !important - } - - .px-sm-1 { - padding-inline-end: .25rem !important; - padding-inline-start: .25rem !important - } - - .px-sm-1_5 { - padding-inline-end: .375rem !important; - padding-inline-start: .375rem !important - } - - .px-sm-2 { - padding-inline-end: .5rem !important; - padding-inline-start: .5rem !important - } - - .px-sm-3 { - padding-inline-end: .75rem !important; - padding-inline-start: .75rem !important - } - - .px-sm-4 { - padding-inline-end: 1rem !important; - padding-inline-start: 1rem !important - } - - .px-sm-5 { - padding-inline-end: 1.25rem !important; - padding-inline-start: 1.25rem !important - } - - .px-sm-6 { - padding-inline-end: 1.5rem !important; - padding-inline-start: 1.5rem !important - } - - .px-sm-7 { - padding-inline-end: 1.75rem !important; - padding-inline-start: 1.75rem !important - } - - .px-sm-8 { - padding-inline-end: 2rem !important; - padding-inline-start: 2rem !important - } - - .px-sm-9 { - padding-inline-end: 2.25rem !important; - padding-inline-start: 2.25rem !important - } - - .px-sm-10 { - padding-inline-end: 2.5rem !important; - padding-inline-start: 2.5rem !important - } - - .px-sm-11 { - padding-inline-end: 2.75rem !important; - padding-inline-start: 2.75rem !important - } - - .px-sm-12 { - padding-inline-end: 3rem !important; - padding-inline-start: 3rem !important - } - - .py-sm-0 { - padding-block-start: 0 !important; - padding-block-end: 0 !important - } - - .py-sm-50 { - padding-block-start: .125rem !important; - padding-block-end: .125rem !important - } - - .py-sm-1 { - padding-block-start: .25rem !important; - padding-block-end: .25rem !important - } - - .py-sm-1_5 { - padding-block-start: .375rem !important; - padding-block-end: .375rem !important - } - - .py-sm-2 { - padding-block-start: .5rem !important; - padding-block-end: .5rem !important - } - - .py-sm-3 { - padding-block-start: .75rem !important; - padding-block-end: .75rem !important - } - - .py-sm-4 { - padding-block-start: 1rem !important; - padding-block-end: 1rem !important - } - - .py-sm-5 { - padding-block-start: 1.25rem !important; - padding-block-end: 1.25rem !important - } - - .py-sm-6 { - padding-block-start: 1.5rem !important; - padding-block-end: 1.5rem !important - } - - .py-sm-7 { - padding-block-start: 1.75rem !important; - padding-block-end: 1.75rem !important - } - - .py-sm-8 { - padding-block-start: 2rem !important; - padding-block-end: 2rem !important - } - - .py-sm-9 { - padding-block-start: 2.25rem !important; - padding-block-end: 2.25rem !important - } - - .py-sm-10 { - padding-block-start: 2.5rem !important; - padding-block-end: 2.5rem !important - } - - .py-sm-11 { - padding-block-start: 2.75rem !important; - padding-block-end: 2.75rem !important - } - - .py-sm-12 { - padding-block-start: 3rem !important; - padding-block-end: 3rem !important - } - - .pt-sm-0 { - padding-block-start: 0 !important - } - - .pt-sm-50 { - padding-block-start: .125rem !important - } - - .pt-sm-1 { - padding-block-start: .25rem !important - } - - .pt-sm-1_5 { - padding-block-start: .375rem !important - } - - .pt-sm-2 { - padding-block-start: .5rem !important - } - - .pt-sm-3 { - padding-block-start: .75rem !important - } - - .pt-sm-4 { - padding-block-start: 1rem !important - } - - .pt-sm-5 { - padding-block-start: 1.25rem !important - } - - .pt-sm-6 { - padding-block-start: 1.5rem !important - } - - .pt-sm-7 { - padding-block-start: 1.75rem !important - } - - .pt-sm-8 { - padding-block-start: 2rem !important - } - - .pt-sm-9 { - padding-block-start: 2.25rem !important - } - - .pt-sm-10 { - padding-block-start: 2.5rem !important - } - - .pt-sm-11 { - padding-block-start: 2.75rem !important - } - - .pt-sm-12 { - padding-block-start: 3rem !important - } - - .pe-sm-0 { - padding-inline-end: 0 !important - } - - .pe-sm-50 { - padding-inline-end: .125rem !important - } - - .pe-sm-1 { - padding-inline-end: .25rem !important - } - - .pe-sm-1_5 { - padding-inline-end: .375rem !important - } - - .pe-sm-2 { - padding-inline-end: .5rem !important - } - - .pe-sm-3 { - padding-inline-end: .75rem !important - } - - .pe-sm-4 { - padding-inline-end: 1rem !important - } - - .pe-sm-5 { - padding-inline-end: 1.25rem !important - } - - .pe-sm-6 { - padding-inline-end: 1.5rem !important - } - - .pe-sm-7 { - padding-inline-end: 1.75rem !important - } - - .pe-sm-8 { - padding-inline-end: 2rem !important - } - - .pe-sm-9 { - padding-inline-end: 2.25rem !important - } - - .pe-sm-10 { - padding-inline-end: 2.5rem !important - } - - .pe-sm-11 { - padding-inline-end: 2.75rem !important - } - - .pe-sm-12 { - padding-inline-end: 3rem !important - } - - .pb-sm-0 { - padding-block-end: 0 !important - } - - .pb-sm-50 { - padding-block-end: .125rem !important - } - - .pb-sm-1 { - padding-block-end: .25rem !important - } - - .pb-sm-1_5 { - padding-block-end: .375rem !important - } - - .pb-sm-2 { - padding-block-end: .5rem !important - } - - .pb-sm-3 { - padding-block-end: .75rem !important - } - - .pb-sm-4 { - padding-block-end: 1rem !important - } - - .pb-sm-5 { - padding-block-end: 1.25rem !important - } - - .pb-sm-6 { - padding-block-end: 1.5rem !important - } - - .pb-sm-7 { - padding-block-end: 1.75rem !important - } - - .pb-sm-8 { - padding-block-end: 2rem !important - } - - .pb-sm-9 { - padding-block-end: 2.25rem !important - } - - .pb-sm-10 { - padding-block-end: 2.5rem !important - } - - .pb-sm-11 { - padding-block-end: 2.75rem !important - } - - .pb-sm-12 { - padding-block-end: 3rem !important - } - - .ps-sm-0 { - padding-inline-start: 0 !important - } - - .ps-sm-50 { - padding-inline-start: .125rem !important - } - - .ps-sm-1 { - padding-inline-start: .25rem !important - } - - .ps-sm-1_5 { - padding-inline-start: .375rem !important - } - - .ps-sm-2 { - padding-inline-start: .5rem !important - } - - .ps-sm-3 { - padding-inline-start: .75rem !important - } - - .ps-sm-4 { - padding-inline-start: 1rem !important - } - - .ps-sm-5 { - padding-inline-start: 1.25rem !important - } - - .ps-sm-6 { - padding-inline-start: 1.5rem !important - } - - .ps-sm-7 { - padding-inline-start: 1.75rem !important - } - - .ps-sm-8 { - padding-inline-start: 2rem !important - } - - .ps-sm-9 { - padding-inline-start: 2.25rem !important - } - - .ps-sm-10 { - padding-inline-start: 2.5rem !important - } - - .ps-sm-11 { - padding-inline-start: 2.75rem !important - } - - .ps-sm-12 { - padding-inline-start: 3rem !important - } - - .gap-sm-0 { - gap: 0 !important - } - - .gap-sm-50 { - gap: .125rem !important - } - - .gap-sm-1 { - gap: .25rem !important - } - - .gap-sm-1_5 { - gap: .375rem !important - } - - .gap-sm-2 { - gap: .5rem !important - } - - .gap-sm-3 { - gap: .75rem !important - } - - .gap-sm-4 { - gap: 1rem !important - } - - .gap-sm-5 { - gap: 1.25rem !important - } - - .gap-sm-6 { - gap: 1.5rem !important - } - - .gap-sm-7 { - gap: 1.75rem !important - } - - .gap-sm-8 { - gap: 2rem !important - } - - .gap-sm-9 { - gap: 2.25rem !important - } - - .gap-sm-10 { - gap: 2.5rem !important - } - - .gap-sm-11 { - gap: 2.75rem !important - } - - .gap-sm-12 { - gap: 3rem !important - } - - .row-gap-sm-0 { - row-gap: 0 !important - } - - .row-gap-sm-50 { - row-gap: .125rem !important - } - - .row-gap-sm-1 { - row-gap: .25rem !important - } - - .row-gap-sm-1_5 { - row-gap: .375rem !important - } - - .row-gap-sm-2 { - row-gap: .5rem !important - } - - .row-gap-sm-3 { - row-gap: .75rem !important - } - - .row-gap-sm-4 { - row-gap: 1rem !important - } - - .row-gap-sm-5 { - row-gap: 1.25rem !important - } - - .row-gap-sm-6 { - row-gap: 1.5rem !important - } - - .row-gap-sm-7 { - row-gap: 1.75rem !important - } - - .row-gap-sm-8 { - row-gap: 2rem !important - } - - .row-gap-sm-9 { - row-gap: 2.25rem !important - } - - .row-gap-sm-10 { - row-gap: 2.5rem !important - } - - .row-gap-sm-11 { - row-gap: 2.75rem !important - } - - .row-gap-sm-12 { - row-gap: 3rem !important - } - - .column-gap-sm-0 { - column-gap: 0 !important - } - - .column-gap-sm-50 { - column-gap: .125rem !important - } - - .column-gap-sm-1 { - column-gap: .25rem !important - } - - .column-gap-sm-1_5 { - column-gap: .375rem !important - } - - .column-gap-sm-2 { - column-gap: .5rem !important - } - - .column-gap-sm-3 { - column-gap: .75rem !important - } - - .column-gap-sm-4 { - column-gap: 1rem !important - } - - .column-gap-sm-5 { - column-gap: 1.25rem !important - } - - .column-gap-sm-6 { - column-gap: 1.5rem !important - } - - .column-gap-sm-7 { - column-gap: 1.75rem !important - } - - .column-gap-sm-8 { - column-gap: 2rem !important - } - - .column-gap-sm-9 { - column-gap: 2.25rem !important - } - - .column-gap-sm-10 { - column-gap: 2.5rem !important - } - - .column-gap-sm-11 { - column-gap: 2.75rem !important - } - - .column-gap-sm-12 { - column-gap: 3rem !important - } - - .text-sm-start { - text-align: start !important - } - - .text-sm-end { - text-align: end !important - } - - .text-sm-center { - text-align: center !important - } - } - - @media(min-width: 768px) { - .float-md-start { - float: inline-start !important - } - - .float-md-end { - float: inline-end !important - } - - .float-md-none { - float: none !important - } - - .object-fit-md-contain { - object-fit: contain !important - } - - .object-fit-md-cover { - object-fit: cover !important - } - - .object-fit-md-fill { - object-fit: fill !important - } - - .object-fit-md-scale { - object-fit: scale-down !important - } - - .object-fit-md-none { - object-fit: none !important - } - - .d-md-inline { - display: inline !important - } - - .d-md-inline-block { - display: inline-block !important - } - - .d-md-block { - display: block !important - } - - .d-md-grid { - display: grid !important - } - - .d-md-table { - display: table !important - } - - .d-md-table-row { - display: table-row !important - } - - .d-md-table-cell { - display: table-cell !important - } - - .d-md-flex { - display: flex !important - } - - .d-md-inline-flex { - display: inline-flex !important - } - - .d-md-none { - display: none !important - } - - .border-md-solid { - border-style: solid !important - } - - .border-md-dashed { - border-style: dashed !important - } - - .border-md-none { - border-style: none !important - } - - .flex-md-fill { - flex: 1 1 auto !important - } - - .flex-md-row { - flex-direction: row !important - } - - .flex-md-column { - flex-direction: column !important - } - - .flex-md-row-reverse { - flex-direction: row-reverse !important - } - - .flex-md-column-reverse { - flex-direction: column-reverse !important - } - - .flex-md-grow-0 { - flex-grow: 0 !important - } - - .flex-md-grow-1 { - flex-grow: 1 !important - } - - .flex-md-shrink-0 { - flex-shrink: 0 !important - } - - .flex-md-shrink-1 { - flex-shrink: 1 !important - } - - .flex-md-wrap { - flex-wrap: wrap !important - } - - .flex-md-nowrap { - flex-wrap: nowrap !important - } - - .flex-md-wrap-reverse { - flex-wrap: wrap-reverse !important - } - - .justify-content-md-start { - justify-content: flex-start !important - } - - .justify-content-md-end { - justify-content: flex-end !important - } - - .justify-content-md-center { - justify-content: center !important - } - - .justify-content-md-between { - justify-content: space-between !important - } - - .justify-content-md-around { - justify-content: space-around !important - } - - .justify-content-md-evenly { - justify-content: space-evenly !important - } - - .align-items-md-start { - align-items: flex-start !important - } - - .align-items-md-end { - align-items: flex-end !important - } - - .align-items-md-center { - align-items: center !important - } - - .align-items-md-baseline { - align-items: baseline !important - } - - .align-items-md-stretch { - align-items: stretch !important - } - - .align-content-md-start { - align-content: flex-start !important - } - - .align-content-md-end { - align-content: flex-end !important - } - - .align-content-md-center { - align-content: center !important - } - - .align-content-md-between { - align-content: space-between !important - } - - .align-content-md-around { - align-content: space-around !important - } - - .align-content-md-stretch { - align-content: stretch !important - } - - .align-self-md-auto { - align-self: auto !important - } - - .align-self-md-start { - align-self: flex-start !important - } - - .align-self-md-end { - align-self: flex-end !important - } - - .align-self-md-center { - align-self: center !important - } - - .align-self-md-baseline { - align-self: baseline !important - } - - .align-self-md-stretch { - align-self: stretch !important - } - - .order-md-first { - order: -1 !important - } - - .order-md-0 { - order: 0 !important - } - - .order-md-1 { - order: 1 !important - } - - .order-md-2 { - order: 2 !important - } - - .order-md-3 { - order: 3 !important - } - - .order-md-4 { - order: 4 !important - } - - .order-md-5 { - order: 5 !important - } - - .order-md-last { - order: 6 !important - } - - .m-md-0 { - margin: 0 !important - } - - .m-md-50 { - margin: .125rem !important - } - - .m-md-1 { - margin: .25rem !important - } - - .m-md-1_5 { - margin: .375rem !important - } - - .m-md-2 { - margin: .5rem !important - } - - .m-md-3 { - margin: .75rem !important - } - - .m-md-4 { - margin: 1rem !important - } - - .m-md-5 { - margin: 1.25rem !important - } - - .m-md-6 { - margin: 1.5rem !important - } - - .m-md-7 { - margin: 1.75rem !important - } - - .m-md-8 { - margin: 2rem !important - } - - .m-md-9 { - margin: 2.25rem !important - } - - .m-md-10 { - margin: 2.5rem !important - } - - .m-md-11 { - margin: 2.75rem !important - } - - .m-md-12 { - margin: 3rem !important - } - - .m-md-auto { - margin: auto !important - } - - .mx-md-0 { - margin-inline-end: 0 !important; - margin-inline-start: 0 !important - } - - .mx-md-50 { - margin-inline-end: .125rem !important; - margin-inline-start: .125rem !important - } - - .mx-md-1 { - margin-inline-end: .25rem !important; - margin-inline-start: .25rem !important - } - - .mx-md-1_5 { - margin-inline-end: .375rem !important; - margin-inline-start: .375rem !important - } - - .mx-md-2 { - margin-inline-end: .5rem !important; - margin-inline-start: .5rem !important - } - - .mx-md-3 { - margin-inline-end: .75rem !important; - margin-inline-start: .75rem !important - } - - .mx-md-4 { - margin-inline-end: 1rem !important; - margin-inline-start: 1rem !important - } - - .mx-md-5 { - margin-inline-end: 1.25rem !important; - margin-inline-start: 1.25rem !important - } - - .mx-md-6 { - margin-inline-end: 1.5rem !important; - margin-inline-start: 1.5rem !important - } - - .mx-md-7 { - margin-inline-end: 1.75rem !important; - margin-inline-start: 1.75rem !important - } - - .mx-md-8 { - margin-inline-end: 2rem !important; - margin-inline-start: 2rem !important - } - - .mx-md-9 { - margin-inline-end: 2.25rem !important; - margin-inline-start: 2.25rem !important - } - - .mx-md-10 { - margin-inline-end: 2.5rem !important; - margin-inline-start: 2.5rem !important - } - - .mx-md-11 { - margin-inline-end: 2.75rem !important; - margin-inline-start: 2.75rem !important - } - - .mx-md-12 { - margin-inline-end: 3rem !important; - margin-inline-start: 3rem !important - } - - .mx-md-auto { - margin-inline-end: auto !important; - margin-inline-start: auto !important - } - - .my-md-0 { - margin-block-start: 0 !important; - margin-block-end: 0 !important - } - - .my-md-50 { - margin-block-start: .125rem !important; - margin-block-end: .125rem !important - } - - .my-md-1 { - margin-block-start: .25rem !important; - margin-block-end: .25rem !important - } - - .my-md-1_5 { - margin-block-start: .375rem !important; - margin-block-end: .375rem !important - } - - .my-md-2 { - margin-block-start: .5rem !important; - margin-block-end: .5rem !important - } - - .my-md-3 { - margin-block-start: .75rem !important; - margin-block-end: .75rem !important - } - - .my-md-4 { - margin-block-start: 1rem !important; - margin-block-end: 1rem !important - } - - .my-md-5 { - margin-block-start: 1.25rem !important; - margin-block-end: 1.25rem !important - } - - .my-md-6 { - margin-block-start: 1.5rem !important; - margin-block-end: 1.5rem !important - } - - .my-md-7 { - margin-block-start: 1.75rem !important; - margin-block-end: 1.75rem !important - } - - .my-md-8 { - margin-block-start: 2rem !important; - margin-block-end: 2rem !important - } - - .my-md-9 { - margin-block-start: 2.25rem !important; - margin-block-end: 2.25rem !important - } - - .my-md-10 { - margin-block-start: 2.5rem !important; - margin-block-end: 2.5rem !important - } - - .my-md-11 { - margin-block-start: 2.75rem !important; - margin-block-end: 2.75rem !important - } - - .my-md-12 { - margin-block-start: 3rem !important; - margin-block-end: 3rem !important - } - - .my-md-auto { - margin-block-start: auto !important; - margin-block-end: auto !important - } - - .mt-md-0 { - margin-block-start: 0 !important - } - - .mt-md-50 { - margin-block-start: .125rem !important - } - - .mt-md-1 { - margin-block-start: .25rem !important - } - - .mt-md-1_5 { - margin-block-start: .375rem !important - } - - .mt-md-2 { - margin-block-start: .5rem !important - } - - .mt-md-3 { - margin-block-start: .75rem !important - } - - .mt-md-4 { - margin-block-start: 1rem !important - } - - .mt-md-5 { - margin-block-start: 1.25rem !important - } - - .mt-md-6 { - margin-block-start: 1.5rem !important - } - - .mt-md-7 { - margin-block-start: 1.75rem !important - } - - .mt-md-8 { - margin-block-start: 2rem !important - } - - .mt-md-9 { - margin-block-start: 2.25rem !important - } - - .mt-md-10 { - margin-block-start: 2.5rem !important - } - - .mt-md-11 { - margin-block-start: 2.75rem !important - } - - .mt-md-12 { - margin-block-start: 3rem !important - } - - .mt-md-auto { - margin-block-start: auto !important - } - - .me-md-0 { - margin-inline-end: 0 !important - } - - .me-md-50 { - margin-inline-end: .125rem !important - } - - .me-md-1 { - margin-inline-end: .25rem !important - } - - .me-md-1_5 { - margin-inline-end: .375rem !important - } - - .me-md-2 { - margin-inline-end: .5rem !important - } - - .me-md-3 { - margin-inline-end: .75rem !important - } - - .me-md-4 { - margin-inline-end: 1rem !important - } - - .me-md-5 { - margin-inline-end: 1.25rem !important - } - - .me-md-6 { - margin-inline-end: 1.5rem !important - } - - .me-md-7 { - margin-inline-end: 1.75rem !important - } - - .me-md-8 { - margin-inline-end: 2rem !important - } - - .me-md-9 { - margin-inline-end: 2.25rem !important - } - - .me-md-10 { - margin-inline-end: 2.5rem !important - } - - .me-md-11 { - margin-inline-end: 2.75rem !important - } - - .me-md-12 { - margin-inline-end: 3rem !important - } - - .me-md-auto { - margin-inline-end: auto !important - } - - .mb-md-0 { - margin-block-end: 0 !important - } - - .mb-md-50 { - margin-block-end: .125rem !important - } - - .mb-md-1 { - margin-block-end: .25rem !important - } - - .mb-md-1_5 { - margin-block-end: .375rem !important - } - - .mb-md-2 { - margin-block-end: .5rem !important - } - - .mb-md-3 { - margin-block-end: .75rem !important - } - - .mb-md-4 { - margin-block-end: 1rem !important - } - - .mb-md-5 { - margin-block-end: 1.25rem !important - } - - .mb-md-6 { - margin-block-end: 1.5rem !important - } - - .mb-md-7 { - margin-block-end: 1.75rem !important - } - - .mb-md-8 { - margin-block-end: 2rem !important - } - - .mb-md-9 { - margin-block-end: 2.25rem !important - } - - .mb-md-10 { - margin-block-end: 2.5rem !important - } - - .mb-md-11 { - margin-block-end: 2.75rem !important - } - - .mb-md-12 { - margin-block-end: 3rem !important - } - - .mb-md-auto { - margin-block-end: auto !important - } - - .ms-md-0 { - margin-inline-start: 0 !important - } - - .ms-md-50 { - margin-inline-start: .125rem !important - } - - .ms-md-1 { - margin-inline-start: .25rem !important - } - - .ms-md-1_5 { - margin-inline-start: .375rem !important - } - - .ms-md-2 { - margin-inline-start: .5rem !important - } - - .ms-md-3 { - margin-inline-start: .75rem !important - } - - .ms-md-4 { - margin-inline-start: 1rem !important - } - - .ms-md-5 { - margin-inline-start: 1.25rem !important - } - - .ms-md-6 { - margin-inline-start: 1.5rem !important - } - - .ms-md-7 { - margin-inline-start: 1.75rem !important - } - - .ms-md-8 { - margin-inline-start: 2rem !important - } - - .ms-md-9 { - margin-inline-start: 2.25rem !important - } - - .ms-md-10 { - margin-inline-start: 2.5rem !important - } - - .ms-md-11 { - margin-inline-start: 2.75rem !important - } - - .ms-md-12 { - margin-inline-start: 3rem !important - } - - .ms-md-auto { - margin-inline-start: auto !important - } - - .m-md-n50 { - margin: -0.125rem !important - } - - .m-md-n1 { - margin: -0.25rem !important - } - - .m-md-n1_5 { - margin: -0.375rem !important - } - - .m-md-n2 { - margin: -0.5rem !important - } - - .m-md-n3 { - margin: -0.75rem !important - } - - .m-md-n4 { - margin: -1rem !important - } - - .m-md-n5 { - margin: -1.25rem !important - } - - .m-md-n6 { - margin: -1.5rem !important - } - - .m-md-n7 { - margin: -1.75rem !important - } - - .m-md-n8 { - margin: -2rem !important - } - - .m-md-n9 { - margin: -2.25rem !important - } - - .m-md-n10 { - margin: -2.5rem !important - } - - .m-md-n11 { - margin: -2.75rem !important - } - - .m-md-n12 { - margin: -3rem !important - } - - .mx-md-n50 { - margin-inline-end: -0.125rem !important; - margin-inline-start: -0.125rem !important - } - - .mx-md-n1 { - margin-inline-end: -0.25rem !important; - margin-inline-start: -0.25rem !important - } - - .mx-md-n1_5 { - margin-inline-end: -0.375rem !important; - margin-inline-start: -0.375rem !important - } - - .mx-md-n2 { - margin-inline-end: -0.5rem !important; - margin-inline-start: -0.5rem !important - } - - .mx-md-n3 { - margin-inline-end: -0.75rem !important; - margin-inline-start: -0.75rem !important - } - - .mx-md-n4 { - margin-inline-end: -1rem !important; - margin-inline-start: -1rem !important - } - - .mx-md-n5 { - margin-inline-end: -1.25rem !important; - margin-inline-start: -1.25rem !important - } - - .mx-md-n6 { - margin-inline-end: -1.5rem !important; - margin-inline-start: -1.5rem !important - } - - .mx-md-n7 { - margin-inline-end: -1.75rem !important; - margin-inline-start: -1.75rem !important - } - - .mx-md-n8 { - margin-inline-end: -2rem !important; - margin-inline-start: -2rem !important - } - - .mx-md-n9 { - margin-inline-end: -2.25rem !important; - margin-inline-start: -2.25rem !important - } - - .mx-md-n10 { - margin-inline-end: -2.5rem !important; - margin-inline-start: -2.5rem !important - } - - .mx-md-n11 { - margin-inline-end: -2.75rem !important; - margin-inline-start: -2.75rem !important - } - - .mx-md-n12 { - margin-inline-end: -3rem !important; - margin-inline-start: -3rem !important - } - - .my-md-n50 { - margin-block-start: -0.125rem !important; - margin-block-end: -0.125rem !important - } - - .my-md-n1 { - margin-block-start: -0.25rem !important; - margin-block-end: -0.25rem !important - } - - .my-md-n1_5 { - margin-block-start: -0.375rem !important; - margin-block-end: -0.375rem !important - } - - .my-md-n2 { - margin-block-start: -0.5rem !important; - margin-block-end: -0.5rem !important - } - - .my-md-n3 { - margin-block-start: -0.75rem !important; - margin-block-end: -0.75rem !important - } - - .my-md-n4 { - margin-block-start: -1rem !important; - margin-block-end: -1rem !important - } - - .my-md-n5 { - margin-block-start: -1.25rem !important; - margin-block-end: -1.25rem !important - } - - .my-md-n6 { - margin-block-start: -1.5rem !important; - margin-block-end: -1.5rem !important - } - - .my-md-n7 { - margin-block-start: -1.75rem !important; - margin-block-end: -1.75rem !important - } - - .my-md-n8 { - margin-block-start: -2rem !important; - margin-block-end: -2rem !important - } - - .my-md-n9 { - margin-block-start: -2.25rem !important; - margin-block-end: -2.25rem !important - } - - .my-md-n10 { - margin-block-start: -2.5rem !important; - margin-block-end: -2.5rem !important - } - - .my-md-n11 { - margin-block-start: -2.75rem !important; - margin-block-end: -2.75rem !important - } - - .my-md-n12 { - margin-block-start: -3rem !important; - margin-block-end: -3rem !important - } - - .mt-md-n50 { - margin-block-start: -0.125rem !important - } - - .mt-md-n1 { - margin-block-start: -0.25rem !important - } - - .mt-md-n1_5 { - margin-block-start: -0.375rem !important - } - - .mt-md-n2 { - margin-block-start: -0.5rem !important - } - - .mt-md-n3 { - margin-block-start: -0.75rem !important - } - - .mt-md-n4 { - margin-block-start: -1rem !important - } - - .mt-md-n5 { - margin-block-start: -1.25rem !important - } - - .mt-md-n6 { - margin-block-start: -1.5rem !important - } - - .mt-md-n7 { - margin-block-start: -1.75rem !important - } - - .mt-md-n8 { - margin-block-start: -2rem !important - } - - .mt-md-n9 { - margin-block-start: -2.25rem !important - } - - .mt-md-n10 { - margin-block-start: -2.5rem !important - } - - .mt-md-n11 { - margin-block-start: -2.75rem !important - } - - .mt-md-n12 { - margin-block-start: -3rem !important - } - - .me-md-n50 { - margin-inline-end: -0.125rem !important - } - - .me-md-n1 { - margin-inline-end: -0.25rem !important - } - - .me-md-n1_5 { - margin-inline-end: -0.375rem !important - } - - .me-md-n2 { - margin-inline-end: -0.5rem !important - } - - .me-md-n3 { - margin-inline-end: -0.75rem !important - } - - .me-md-n4 { - margin-inline-end: -1rem !important - } - - .me-md-n5 { - margin-inline-end: -1.25rem !important - } - - .me-md-n6 { - margin-inline-end: -1.5rem !important - } - - .me-md-n7 { - margin-inline-end: -1.75rem !important - } - - .me-md-n8 { - margin-inline-end: -2rem !important - } - - .me-md-n9 { - margin-inline-end: -2.25rem !important - } - - .me-md-n10 { - margin-inline-end: -2.5rem !important - } - - .me-md-n11 { - margin-inline-end: -2.75rem !important - } - - .me-md-n12 { - margin-inline-end: -3rem !important - } - - .mb-md-n50 { - margin-block-end: -0.125rem !important - } - - .mb-md-n1 { - margin-block-end: -0.25rem !important - } - - .mb-md-n1_5 { - margin-block-end: -0.375rem !important - } - - .mb-md-n2 { - margin-block-end: -0.5rem !important - } - - .mb-md-n3 { - margin-block-end: -0.75rem !important - } - - .mb-md-n4 { - margin-block-end: -1rem !important - } - - .mb-md-n5 { - margin-block-end: -1.25rem !important - } - - .mb-md-n6 { - margin-block-end: -1.5rem !important - } - - .mb-md-n7 { - margin-block-end: -1.75rem !important - } - - .mb-md-n8 { - margin-block-end: -2rem !important - } - - .mb-md-n9 { - margin-block-end: -2.25rem !important - } - - .mb-md-n10 { - margin-block-end: -2.5rem !important - } - - .mb-md-n11 { - margin-block-end: -2.75rem !important - } - - .mb-md-n12 { - margin-block-end: -3rem !important - } - - .ms-md-n50 { - margin-inline-start: -0.125rem !important - } - - .ms-md-n1 { - margin-inline-start: -0.25rem !important - } - - .ms-md-n1_5 { - margin-inline-start: -0.375rem !important - } - - .ms-md-n2 { - margin-inline-start: -0.5rem !important - } - - .ms-md-n3 { - margin-inline-start: -0.75rem !important - } - - .ms-md-n4 { - margin-inline-start: -1rem !important - } - - .ms-md-n5 { - margin-inline-start: -1.25rem !important - } - - .ms-md-n6 { - margin-inline-start: -1.5rem !important - } - - .ms-md-n7 { - margin-inline-start: -1.75rem !important - } - - .ms-md-n8 { - margin-inline-start: -2rem !important - } - - .ms-md-n9 { - margin-inline-start: -2.25rem !important - } - - .ms-md-n10 { - margin-inline-start: -2.5rem !important - } - - .ms-md-n11 { - margin-inline-start: -2.75rem !important - } - - .ms-md-n12 { - margin-inline-start: -3rem !important - } - - .p-md-0 { - padding: 0 !important - } - - .p-md-50 { - padding: .125rem !important - } - - .p-md-1 { - padding: .25rem !important - } - - .p-md-1_5 { - padding: .375rem !important - } - - .p-md-2 { - padding: .5rem !important - } - - .p-md-3 { - padding: .75rem !important - } - - .p-md-4 { - padding: 1rem !important - } - - .p-md-5 { - padding: 1.25rem !important - } - - .p-md-6 { - padding: 1.5rem !important - } - - .p-md-7 { - padding: 1.75rem !important - } - - .p-md-8 { - padding: 2rem !important - } - - .p-md-9 { - padding: 2.25rem !important - } - - .p-md-10 { - padding: 2.5rem !important - } - - .p-md-11 { - padding: 2.75rem !important - } - - .p-md-12 { - padding: 3rem !important - } - - .px-md-0 { - padding-inline-end: 0 !important; - padding-inline-start: 0 !important - } - - .px-md-50 { - padding-inline-end: .125rem !important; - padding-inline-start: .125rem !important - } - - .px-md-1 { - padding-inline-end: .25rem !important; - padding-inline-start: .25rem !important - } - - .px-md-1_5 { - padding-inline-end: .375rem !important; - padding-inline-start: .375rem !important - } - - .px-md-2 { - padding-inline-end: .5rem !important; - padding-inline-start: .5rem !important - } - - .px-md-3 { - padding-inline-end: .75rem !important; - padding-inline-start: .75rem !important - } - - .px-md-4 { - padding-inline-end: 1rem !important; - padding-inline-start: 1rem !important - } - - .px-md-5 { - padding-inline-end: 1.25rem !important; - padding-inline-start: 1.25rem !important - } - - .px-md-6 { - padding-inline-end: 1.5rem !important; - padding-inline-start: 1.5rem !important - } - - .px-md-7 { - padding-inline-end: 1.75rem !important; - padding-inline-start: 1.75rem !important - } - - .px-md-8 { - padding-inline-end: 2rem !important; - padding-inline-start: 2rem !important - } - - .px-md-9 { - padding-inline-end: 2.25rem !important; - padding-inline-start: 2.25rem !important - } - - .px-md-10 { - padding-inline-end: 2.5rem !important; - padding-inline-start: 2.5rem !important - } - - .px-md-11 { - padding-inline-end: 2.75rem !important; - padding-inline-start: 2.75rem !important - } - - .px-md-12 { - padding-inline-end: 3rem !important; - padding-inline-start: 3rem !important - } - - .py-md-0 { - padding-block-start: 0 !important; - padding-block-end: 0 !important - } - - .py-md-50 { - padding-block-start: .125rem !important; - padding-block-end: .125rem !important - } - - .py-md-1 { - padding-block-start: .25rem !important; - padding-block-end: .25rem !important - } - - .py-md-1_5 { - padding-block-start: .375rem !important; - padding-block-end: .375rem !important - } - - .py-md-2 { - padding-block-start: .5rem !important; - padding-block-end: .5rem !important - } - - .py-md-3 { - padding-block-start: .75rem !important; - padding-block-end: .75rem !important - } - - .py-md-4 { - padding-block-start: 1rem !important; - padding-block-end: 1rem !important - } - - .py-md-5 { - padding-block-start: 1.25rem !important; - padding-block-end: 1.25rem !important - } - - .py-md-6 { - padding-block-start: 1.5rem !important; - padding-block-end: 1.5rem !important - } - - .py-md-7 { - padding-block-start: 1.75rem !important; - padding-block-end: 1.75rem !important - } - - .py-md-8 { - padding-block-start: 2rem !important; - padding-block-end: 2rem !important - } - - .py-md-9 { - padding-block-start: 2.25rem !important; - padding-block-end: 2.25rem !important - } - - .py-md-10 { - padding-block-start: 2.5rem !important; - padding-block-end: 2.5rem !important - } - - .py-md-11 { - padding-block-start: 2.75rem !important; - padding-block-end: 2.75rem !important - } - - .py-md-12 { - padding-block-start: 3rem !important; - padding-block-end: 3rem !important - } - - .pt-md-0 { - padding-block-start: 0 !important - } - - .pt-md-50 { - padding-block-start: .125rem !important - } - - .pt-md-1 { - padding-block-start: .25rem !important - } - - .pt-md-1_5 { - padding-block-start: .375rem !important - } - - .pt-md-2 { - padding-block-start: .5rem !important - } - - .pt-md-3 { - padding-block-start: .75rem !important - } - - .pt-md-4 { - padding-block-start: 1rem !important - } - - .pt-md-5 { - padding-block-start: 1.25rem !important - } - - .pt-md-6 { - padding-block-start: 1.5rem !important - } - - .pt-md-7 { - padding-block-start: 1.75rem !important - } - - .pt-md-8 { - padding-block-start: 2rem !important - } - - .pt-md-9 { - padding-block-start: 2.25rem !important - } - - .pt-md-10 { - padding-block-start: 2.5rem !important - } - - .pt-md-11 { - padding-block-start: 2.75rem !important - } - - .pt-md-12 { - padding-block-start: 3rem !important - } - - .pe-md-0 { - padding-inline-end: 0 !important - } - - .pe-md-50 { - padding-inline-end: .125rem !important - } - - .pe-md-1 { - padding-inline-end: .25rem !important - } - - .pe-md-1_5 { - padding-inline-end: .375rem !important - } - - .pe-md-2 { - padding-inline-end: .5rem !important - } - - .pe-md-3 { - padding-inline-end: .75rem !important - } - - .pe-md-4 { - padding-inline-end: 1rem !important - } - - .pe-md-5 { - padding-inline-end: 1.25rem !important - } - - .pe-md-6 { - padding-inline-end: 1.5rem !important - } - - .pe-md-7 { - padding-inline-end: 1.75rem !important - } - - .pe-md-8 { - padding-inline-end: 2rem !important - } - - .pe-md-9 { - padding-inline-end: 2.25rem !important - } - - .pe-md-10 { - padding-inline-end: 2.5rem !important - } - - .pe-md-11 { - padding-inline-end: 2.75rem !important - } - - .pe-md-12 { - padding-inline-end: 3rem !important - } - - .pb-md-0 { - padding-block-end: 0 !important - } - - .pb-md-50 { - padding-block-end: .125rem !important - } - - .pb-md-1 { - padding-block-end: .25rem !important - } - - .pb-md-1_5 { - padding-block-end: .375rem !important - } - - .pb-md-2 { - padding-block-end: .5rem !important - } - - .pb-md-3 { - padding-block-end: .75rem !important - } - - .pb-md-4 { - padding-block-end: 1rem !important - } - - .pb-md-5 { - padding-block-end: 1.25rem !important - } - - .pb-md-6 { - padding-block-end: 1.5rem !important - } - - .pb-md-7 { - padding-block-end: 1.75rem !important - } - - .pb-md-8 { - padding-block-end: 2rem !important - } - - .pb-md-9 { - padding-block-end: 2.25rem !important - } - - .pb-md-10 { - padding-block-end: 2.5rem !important - } - - .pb-md-11 { - padding-block-end: 2.75rem !important - } - - .pb-md-12 { - padding-block-end: 3rem !important - } - - .ps-md-0 { - padding-inline-start: 0 !important - } - - .ps-md-50 { - padding-inline-start: .125rem !important - } - - .ps-md-1 { - padding-inline-start: .25rem !important - } - - .ps-md-1_5 { - padding-inline-start: .375rem !important - } - - .ps-md-2 { - padding-inline-start: .5rem !important - } - - .ps-md-3 { - padding-inline-start: .75rem !important - } - - .ps-md-4 { - padding-inline-start: 1rem !important - } - - .ps-md-5 { - padding-inline-start: 1.25rem !important - } - - .ps-md-6 { - padding-inline-start: 1.5rem !important - } - - .ps-md-7 { - padding-inline-start: 1.75rem !important - } - - .ps-md-8 { - padding-inline-start: 2rem !important - } - - .ps-md-9 { - padding-inline-start: 2.25rem !important - } - - .ps-md-10 { - padding-inline-start: 2.5rem !important - } - - .ps-md-11 { - padding-inline-start: 2.75rem !important - } - - .ps-md-12 { - padding-inline-start: 3rem !important - } - - .gap-md-0 { - gap: 0 !important - } - - .gap-md-50 { - gap: .125rem !important - } - - .gap-md-1 { - gap: .25rem !important - } - - .gap-md-1_5 { - gap: .375rem !important - } - - .gap-md-2 { - gap: .5rem !important - } - - .gap-md-3 { - gap: .75rem !important - } - - .gap-md-4 { - gap: 1rem !important - } - - .gap-md-5 { - gap: 1.25rem !important - } - - .gap-md-6 { - gap: 1.5rem !important - } - - .gap-md-7 { - gap: 1.75rem !important - } - - .gap-md-8 { - gap: 2rem !important - } - - .gap-md-9 { - gap: 2.25rem !important - } - - .gap-md-10 { - gap: 2.5rem !important - } - - .gap-md-11 { - gap: 2.75rem !important - } - - .gap-md-12 { - gap: 3rem !important - } - - .row-gap-md-0 { - row-gap: 0 !important - } - - .row-gap-md-50 { - row-gap: .125rem !important - } - - .row-gap-md-1 { - row-gap: .25rem !important - } - - .row-gap-md-1_5 { - row-gap: .375rem !important - } - - .row-gap-md-2 { - row-gap: .5rem !important - } - - .row-gap-md-3 { - row-gap: .75rem !important - } - - .row-gap-md-4 { - row-gap: 1rem !important - } - - .row-gap-md-5 { - row-gap: 1.25rem !important - } - - .row-gap-md-6 { - row-gap: 1.5rem !important - } - - .row-gap-md-7 { - row-gap: 1.75rem !important - } - - .row-gap-md-8 { - row-gap: 2rem !important - } - - .row-gap-md-9 { - row-gap: 2.25rem !important - } - - .row-gap-md-10 { - row-gap: 2.5rem !important - } - - .row-gap-md-11 { - row-gap: 2.75rem !important - } - - .row-gap-md-12 { - row-gap: 3rem !important - } - - .column-gap-md-0 { - column-gap: 0 !important - } - - .column-gap-md-50 { - column-gap: .125rem !important - } - - .column-gap-md-1 { - column-gap: .25rem !important - } - - .column-gap-md-1_5 { - column-gap: .375rem !important - } - - .column-gap-md-2 { - column-gap: .5rem !important - } - - .column-gap-md-3 { - column-gap: .75rem !important - } - - .column-gap-md-4 { - column-gap: 1rem !important - } - - .column-gap-md-5 { - column-gap: 1.25rem !important - } - - .column-gap-md-6 { - column-gap: 1.5rem !important - } - - .column-gap-md-7 { - column-gap: 1.75rem !important - } - - .column-gap-md-8 { - column-gap: 2rem !important - } - - .column-gap-md-9 { - column-gap: 2.25rem !important - } - - .column-gap-md-10 { - column-gap: 2.5rem !important - } - - .column-gap-md-11 { - column-gap: 2.75rem !important - } - - .column-gap-md-12 { - column-gap: 3rem !important - } - - .text-md-start { - text-align: start !important - } - - .text-md-end { - text-align: end !important - } - - .text-md-center { - text-align: center !important - } - } - - @media(min-width: 992px) { - .float-lg-start { - float: inline-start !important - } - - .float-lg-end { - float: inline-end !important - } - - .float-lg-none { - float: none !important - } - - .object-fit-lg-contain { - object-fit: contain !important - } - - .object-fit-lg-cover { - object-fit: cover !important - } - - .object-fit-lg-fill { - object-fit: fill !important - } - - .object-fit-lg-scale { - object-fit: scale-down !important - } - - .object-fit-lg-none { - object-fit: none !important - } - - .d-lg-inline { - display: inline !important - } - - .d-lg-inline-block { - display: inline-block !important - } - - .d-lg-block { - display: block !important - } - - .d-lg-grid { - display: grid !important - } - - .d-lg-table { - display: table !important - } - - .d-lg-table-row { - display: table-row !important - } - - .d-lg-table-cell { - display: table-cell !important - } - - .d-lg-flex { - display: flex !important - } - - .d-lg-inline-flex { - display: inline-flex !important - } - - .d-lg-none { - display: none !important - } - - .border-lg-solid { - border-style: solid !important - } - - .border-lg-dashed { - border-style: dashed !important - } - - .border-lg-none { - border-style: none !important - } - - .flex-lg-fill { - flex: 1 1 auto !important - } - - .flex-lg-row { - flex-direction: row !important - } - - .flex-lg-column { - flex-direction: column !important - } - - .flex-lg-row-reverse { - flex-direction: row-reverse !important - } - - .flex-lg-column-reverse { - flex-direction: column-reverse !important - } - - .flex-lg-grow-0 { - flex-grow: 0 !important - } - - .flex-lg-grow-1 { - flex-grow: 1 !important - } - - .flex-lg-shrink-0 { - flex-shrink: 0 !important - } - - .flex-lg-shrink-1 { - flex-shrink: 1 !important - } - - .flex-lg-wrap { - flex-wrap: wrap !important - } - - .flex-lg-nowrap { - flex-wrap: nowrap !important - } - - .flex-lg-wrap-reverse { - flex-wrap: wrap-reverse !important - } - - .justify-content-lg-start { - justify-content: flex-start !important - } - - .justify-content-lg-end { - justify-content: flex-end !important - } - - .justify-content-lg-center { - justify-content: center !important - } - - .justify-content-lg-between { - justify-content: space-between !important - } - - .justify-content-lg-around { - justify-content: space-around !important - } - - .justify-content-lg-evenly { - justify-content: space-evenly !important - } - - .align-items-lg-start { - align-items: flex-start !important - } - - .align-items-lg-end { - align-items: flex-end !important - } - - .align-items-lg-center { - align-items: center !important - } - - .align-items-lg-baseline { - align-items: baseline !important - } - - .align-items-lg-stretch { - align-items: stretch !important - } - - .align-content-lg-start { - align-content: flex-start !important - } - - .align-content-lg-end { - align-content: flex-end !important - } - - .align-content-lg-center { - align-content: center !important - } - - .align-content-lg-between { - align-content: space-between !important - } - - .align-content-lg-around { - align-content: space-around !important - } - - .align-content-lg-stretch { - align-content: stretch !important - } - - .align-self-lg-auto { - align-self: auto !important - } - - .align-self-lg-start { - align-self: flex-start !important - } - - .align-self-lg-end { - align-self: flex-end !important - } - - .align-self-lg-center { - align-self: center !important - } - - .align-self-lg-baseline { - align-self: baseline !important - } - - .align-self-lg-stretch { - align-self: stretch !important - } - - .order-lg-first { - order: -1 !important - } - - .order-lg-0 { - order: 0 !important - } - - .order-lg-1 { - order: 1 !important - } - - .order-lg-2 { - order: 2 !important - } - - .order-lg-3 { - order: 3 !important - } - - .order-lg-4 { - order: 4 !important - } - - .order-lg-5 { - order: 5 !important - } - - .order-lg-last { - order: 6 !important - } - - .m-lg-0 { - margin: 0 !important - } - - .m-lg-50 { - margin: .125rem !important - } - - .m-lg-1 { - margin: .25rem !important - } - - .m-lg-1_5 { - margin: .375rem !important - } - - .m-lg-2 { - margin: .5rem !important - } - - .m-lg-3 { - margin: .75rem !important - } - - .m-lg-4 { - margin: 1rem !important - } - - .m-lg-5 { - margin: 1.25rem !important - } - - .m-lg-6 { - margin: 1.5rem !important - } - - .m-lg-7 { - margin: 1.75rem !important - } - - .m-lg-8 { - margin: 2rem !important - } - - .m-lg-9 { - margin: 2.25rem !important - } - - .m-lg-10 { - margin: 2.5rem !important - } - - .m-lg-11 { - margin: 2.75rem !important - } - - .m-lg-12 { - margin: 3rem !important - } - - .m-lg-auto { - margin: auto !important - } - - .mx-lg-0 { - margin-inline-end: 0 !important; - margin-inline-start: 0 !important - } - - .mx-lg-50 { - margin-inline-end: .125rem !important; - margin-inline-start: .125rem !important - } - - .mx-lg-1 { - margin-inline-end: .25rem !important; - margin-inline-start: .25rem !important - } - - .mx-lg-1_5 { - margin-inline-end: .375rem !important; - margin-inline-start: .375rem !important - } - - .mx-lg-2 { - margin-inline-end: .5rem !important; - margin-inline-start: .5rem !important - } - - .mx-lg-3 { - margin-inline-end: .75rem !important; - margin-inline-start: .75rem !important - } - - .mx-lg-4 { - margin-inline-end: 1rem !important; - margin-inline-start: 1rem !important - } - - .mx-lg-5 { - margin-inline-end: 1.25rem !important; - margin-inline-start: 1.25rem !important - } - - .mx-lg-6 { - margin-inline-end: 1.5rem !important; - margin-inline-start: 1.5rem !important - } - - .mx-lg-7 { - margin-inline-end: 1.75rem !important; - margin-inline-start: 1.75rem !important - } - - .mx-lg-8 { - margin-inline-end: 2rem !important; - margin-inline-start: 2rem !important - } - - .mx-lg-9 { - margin-inline-end: 2.25rem !important; - margin-inline-start: 2.25rem !important - } - - .mx-lg-10 { - margin-inline-end: 2.5rem !important; - margin-inline-start: 2.5rem !important - } - - .mx-lg-11 { - margin-inline-end: 2.75rem !important; - margin-inline-start: 2.75rem !important - } - - .mx-lg-12 { - margin-inline-end: 3rem !important; - margin-inline-start: 3rem !important - } - - .mx-lg-auto { - margin-inline-end: auto !important; - margin-inline-start: auto !important - } - - .my-lg-0 { - margin-block-start: 0 !important; - margin-block-end: 0 !important - } - - .my-lg-50 { - margin-block-start: .125rem !important; - margin-block-end: .125rem !important - } - - .my-lg-1 { - margin-block-start: .25rem !important; - margin-block-end: .25rem !important - } - - .my-lg-1_5 { - margin-block-start: .375rem !important; - margin-block-end: .375rem !important - } - - .my-lg-2 { - margin-block-start: .5rem !important; - margin-block-end: .5rem !important - } - - .my-lg-3 { - margin-block-start: .75rem !important; - margin-block-end: .75rem !important - } - - .my-lg-4 { - margin-block-start: 1rem !important; - margin-block-end: 1rem !important - } - - .my-lg-5 { - margin-block-start: 1.25rem !important; - margin-block-end: 1.25rem !important - } - - .my-lg-6 { - margin-block-start: 1.5rem !important; - margin-block-end: 1.5rem !important - } - - .my-lg-7 { - margin-block-start: 1.75rem !important; - margin-block-end: 1.75rem !important - } - - .my-lg-8 { - margin-block-start: 2rem !important; - margin-block-end: 2rem !important - } - - .my-lg-9 { - margin-block-start: 2.25rem !important; - margin-block-end: 2.25rem !important - } - - .my-lg-10 { - margin-block-start: 2.5rem !important; - margin-block-end: 2.5rem !important - } - - .my-lg-11 { - margin-block-start: 2.75rem !important; - margin-block-end: 2.75rem !important - } - - .my-lg-12 { - margin-block-start: 3rem !important; - margin-block-end: 3rem !important - } - - .my-lg-auto { - margin-block-start: auto !important; - margin-block-end: auto !important - } - - .mt-lg-0 { - margin-block-start: 0 !important - } - - .mt-lg-50 { - margin-block-start: .125rem !important - } - - .mt-lg-1 { - margin-block-start: .25rem !important - } - - .mt-lg-1_5 { - margin-block-start: .375rem !important - } - - .mt-lg-2 { - margin-block-start: .5rem !important - } - - .mt-lg-3 { - margin-block-start: .75rem !important - } - - .mt-lg-4 { - margin-block-start: 1rem !important - } - - .mt-lg-5 { - margin-block-start: 1.25rem !important - } - - .mt-lg-6 { - margin-block-start: 1.5rem !important - } - - .mt-lg-7 { - margin-block-start: 1.75rem !important - } - - .mt-lg-8 { - margin-block-start: 2rem !important - } - - .mt-lg-9 { - margin-block-start: 2.25rem !important - } - - .mt-lg-10 { - margin-block-start: 2.5rem !important - } - - .mt-lg-11 { - margin-block-start: 2.75rem !important - } - - .mt-lg-12 { - margin-block-start: 3rem !important - } - - .mt-lg-auto { - margin-block-start: auto !important - } - - .me-lg-0 { - margin-inline-end: 0 !important - } - - .me-lg-50 { - margin-inline-end: .125rem !important - } - - .me-lg-1 { - margin-inline-end: .25rem !important - } - - .me-lg-1_5 { - margin-inline-end: .375rem !important - } - - .me-lg-2 { - margin-inline-end: .5rem !important - } - - .me-lg-3 { - margin-inline-end: .75rem !important - } - - .me-lg-4 { - margin-inline-end: 1rem !important - } - - .me-lg-5 { - margin-inline-end: 1.25rem !important - } - - .me-lg-6 { - margin-inline-end: 1.5rem !important - } - - .me-lg-7 { - margin-inline-end: 1.75rem !important - } - - .me-lg-8 { - margin-inline-end: 2rem !important - } - - .me-lg-9 { - margin-inline-end: 2.25rem !important - } - - .me-lg-10 { - margin-inline-end: 2.5rem !important - } - - .me-lg-11 { - margin-inline-end: 2.75rem !important - } - - .me-lg-12 { - margin-inline-end: 3rem !important - } - - .me-lg-auto { - margin-inline-end: auto !important - } - - .mb-lg-0 { - margin-block-end: 0 !important - } - - .mb-lg-50 { - margin-block-end: .125rem !important - } - - .mb-lg-1 { - margin-block-end: .25rem !important - } - - .mb-lg-1_5 { - margin-block-end: .375rem !important - } - - .mb-lg-2 { - margin-block-end: .5rem !important - } - - .mb-lg-3 { - margin-block-end: .75rem !important - } - - .mb-lg-4 { - margin-block-end: 1rem !important - } - - .mb-lg-5 { - margin-block-end: 1.25rem !important - } - - .mb-lg-6 { - margin-block-end: 1.5rem !important - } - - .mb-lg-7 { - margin-block-end: 1.75rem !important - } - - .mb-lg-8 { - margin-block-end: 2rem !important - } - - .mb-lg-9 { - margin-block-end: 2.25rem !important - } - - .mb-lg-10 { - margin-block-end: 2.5rem !important - } - - .mb-lg-11 { - margin-block-end: 2.75rem !important - } - - .mb-lg-12 { - margin-block-end: 3rem !important - } - - .mb-lg-auto { - margin-block-end: auto !important - } - - .ms-lg-0 { - margin-inline-start: 0 !important - } - - .ms-lg-50 { - margin-inline-start: .125rem !important - } - - .ms-lg-1 { - margin-inline-start: .25rem !important - } - - .ms-lg-1_5 { - margin-inline-start: .375rem !important - } - - .ms-lg-2 { - margin-inline-start: .5rem !important - } - - .ms-lg-3 { - margin-inline-start: .75rem !important - } - - .ms-lg-4 { - margin-inline-start: 1rem !important - } - - .ms-lg-5 { - margin-inline-start: 1.25rem !important - } - - .ms-lg-6 { - margin-inline-start: 1.5rem !important - } - - .ms-lg-7 { - margin-inline-start: 1.75rem !important - } - - .ms-lg-8 { - margin-inline-start: 2rem !important - } - - .ms-lg-9 { - margin-inline-start: 2.25rem !important - } - - .ms-lg-10 { - margin-inline-start: 2.5rem !important - } - - .ms-lg-11 { - margin-inline-start: 2.75rem !important - } - - .ms-lg-12 { - margin-inline-start: 3rem !important - } - - .ms-lg-auto { - margin-inline-start: auto !important - } - - .m-lg-n50 { - margin: -0.125rem !important - } - - .m-lg-n1 { - margin: -0.25rem !important - } - - .m-lg-n1_5 { - margin: -0.375rem !important - } - - .m-lg-n2 { - margin: -0.5rem !important - } - - .m-lg-n3 { - margin: -0.75rem !important - } - - .m-lg-n4 { - margin: -1rem !important - } - - .m-lg-n5 { - margin: -1.25rem !important - } - - .m-lg-n6 { - margin: -1.5rem !important - } - - .m-lg-n7 { - margin: -1.75rem !important - } - - .m-lg-n8 { - margin: -2rem !important - } - - .m-lg-n9 { - margin: -2.25rem !important - } - - .m-lg-n10 { - margin: -2.5rem !important - } - - .m-lg-n11 { - margin: -2.75rem !important - } - - .m-lg-n12 { - margin: -3rem !important - } - - .mx-lg-n50 { - margin-inline-end: -0.125rem !important; - margin-inline-start: -0.125rem !important - } - - .mx-lg-n1 { - margin-inline-end: -0.25rem !important; - margin-inline-start: -0.25rem !important - } - - .mx-lg-n1_5 { - margin-inline-end: -0.375rem !important; - margin-inline-start: -0.375rem !important - } - - .mx-lg-n2 { - margin-inline-end: -0.5rem !important; - margin-inline-start: -0.5rem !important - } - - .mx-lg-n3 { - margin-inline-end: -0.75rem !important; - margin-inline-start: -0.75rem !important - } - - .mx-lg-n4 { - margin-inline-end: -1rem !important; - margin-inline-start: -1rem !important - } - - .mx-lg-n5 { - margin-inline-end: -1.25rem !important; - margin-inline-start: -1.25rem !important - } - - .mx-lg-n6 { - margin-inline-end: -1.5rem !important; - margin-inline-start: -1.5rem !important - } - - .mx-lg-n7 { - margin-inline-end: -1.75rem !important; - margin-inline-start: -1.75rem !important - } - - .mx-lg-n8 { - margin-inline-end: -2rem !important; - margin-inline-start: -2rem !important - } - - .mx-lg-n9 { - margin-inline-end: -2.25rem !important; - margin-inline-start: -2.25rem !important - } - - .mx-lg-n10 { - margin-inline-end: -2.5rem !important; - margin-inline-start: -2.5rem !important - } - - .mx-lg-n11 { - margin-inline-end: -2.75rem !important; - margin-inline-start: -2.75rem !important - } - - .mx-lg-n12 { - margin-inline-end: -3rem !important; - margin-inline-start: -3rem !important - } - - .my-lg-n50 { - margin-block-start: -0.125rem !important; - margin-block-end: -0.125rem !important - } - - .my-lg-n1 { - margin-block-start: -0.25rem !important; - margin-block-end: -0.25rem !important - } - - .my-lg-n1_5 { - margin-block-start: -0.375rem !important; - margin-block-end: -0.375rem !important - } - - .my-lg-n2 { - margin-block-start: -0.5rem !important; - margin-block-end: -0.5rem !important - } - - .my-lg-n3 { - margin-block-start: -0.75rem !important; - margin-block-end: -0.75rem !important - } - - .my-lg-n4 { - margin-block-start: -1rem !important; - margin-block-end: -1rem !important - } - - .my-lg-n5 { - margin-block-start: -1.25rem !important; - margin-block-end: -1.25rem !important - } - - .my-lg-n6 { - margin-block-start: -1.5rem !important; - margin-block-end: -1.5rem !important - } - - .my-lg-n7 { - margin-block-start: -1.75rem !important; - margin-block-end: -1.75rem !important - } - - .my-lg-n8 { - margin-block-start: -2rem !important; - margin-block-end: -2rem !important - } - - .my-lg-n9 { - margin-block-start: -2.25rem !important; - margin-block-end: -2.25rem !important - } - - .my-lg-n10 { - margin-block-start: -2.5rem !important; - margin-block-end: -2.5rem !important - } - - .my-lg-n11 { - margin-block-start: -2.75rem !important; - margin-block-end: -2.75rem !important - } - - .my-lg-n12 { - margin-block-start: -3rem !important; - margin-block-end: -3rem !important - } - - .mt-lg-n50 { - margin-block-start: -0.125rem !important - } - - .mt-lg-n1 { - margin-block-start: -0.25rem !important - } - - .mt-lg-n1_5 { - margin-block-start: -0.375rem !important - } - - .mt-lg-n2 { - margin-block-start: -0.5rem !important - } - - .mt-lg-n3 { - margin-block-start: -0.75rem !important - } - - .mt-lg-n4 { - margin-block-start: -1rem !important - } - - .mt-lg-n5 { - margin-block-start: -1.25rem !important - } - - .mt-lg-n6 { - margin-block-start: -1.5rem !important - } - - .mt-lg-n7 { - margin-block-start: -1.75rem !important - } - - .mt-lg-n8 { - margin-block-start: -2rem !important - } - - .mt-lg-n9 { - margin-block-start: -2.25rem !important - } - - .mt-lg-n10 { - margin-block-start: -2.5rem !important - } - - .mt-lg-n11 { - margin-block-start: -2.75rem !important - } - - .mt-lg-n12 { - margin-block-start: -3rem !important - } - - .me-lg-n50 { - margin-inline-end: -0.125rem !important - } - - .me-lg-n1 { - margin-inline-end: -0.25rem !important - } - - .me-lg-n1_5 { - margin-inline-end: -0.375rem !important - } - - .me-lg-n2 { - margin-inline-end: -0.5rem !important - } - - .me-lg-n3 { - margin-inline-end: -0.75rem !important - } - - .me-lg-n4 { - margin-inline-end: -1rem !important - } - - .me-lg-n5 { - margin-inline-end: -1.25rem !important - } - - .me-lg-n6 { - margin-inline-end: -1.5rem !important - } - - .me-lg-n7 { - margin-inline-end: -1.75rem !important - } - - .me-lg-n8 { - margin-inline-end: -2rem !important - } - - .me-lg-n9 { - margin-inline-end: -2.25rem !important - } - - .me-lg-n10 { - margin-inline-end: -2.5rem !important - } - - .me-lg-n11 { - margin-inline-end: -2.75rem !important - } - - .me-lg-n12 { - margin-inline-end: -3rem !important - } - - .mb-lg-n50 { - margin-block-end: -0.125rem !important - } - - .mb-lg-n1 { - margin-block-end: -0.25rem !important - } - - .mb-lg-n1_5 { - margin-block-end: -0.375rem !important - } - - .mb-lg-n2 { - margin-block-end: -0.5rem !important - } - - .mb-lg-n3 { - margin-block-end: -0.75rem !important - } - - .mb-lg-n4 { - margin-block-end: -1rem !important - } - - .mb-lg-n5 { - margin-block-end: -1.25rem !important - } - - .mb-lg-n6 { - margin-block-end: -1.5rem !important - } - - .mb-lg-n7 { - margin-block-end: -1.75rem !important - } - - .mb-lg-n8 { - margin-block-end: -2rem !important - } - - .mb-lg-n9 { - margin-block-end: -2.25rem !important - } - - .mb-lg-n10 { - margin-block-end: -2.5rem !important - } - - .mb-lg-n11 { - margin-block-end: -2.75rem !important - } - - .mb-lg-n12 { - margin-block-end: -3rem !important - } - - .ms-lg-n50 { - margin-inline-start: -0.125rem !important - } - - .ms-lg-n1 { - margin-inline-start: -0.25rem !important - } - - .ms-lg-n1_5 { - margin-inline-start: -0.375rem !important - } - - .ms-lg-n2 { - margin-inline-start: -0.5rem !important - } - - .ms-lg-n3 { - margin-inline-start: -0.75rem !important - } - - .ms-lg-n4 { - margin-inline-start: -1rem !important - } - - .ms-lg-n5 { - margin-inline-start: -1.25rem !important - } - - .ms-lg-n6 { - margin-inline-start: -1.5rem !important - } - - .ms-lg-n7 { - margin-inline-start: -1.75rem !important - } - - .ms-lg-n8 { - margin-inline-start: -2rem !important - } - - .ms-lg-n9 { - margin-inline-start: -2.25rem !important - } - - .ms-lg-n10 { - margin-inline-start: -2.5rem !important - } - - .ms-lg-n11 { - margin-inline-start: -2.75rem !important - } - - .ms-lg-n12 { - margin-inline-start: -3rem !important - } - - .p-lg-0 { - padding: 0 !important - } - - .p-lg-50 { - padding: .125rem !important - } - - .p-lg-1 { - padding: .25rem !important - } - - .p-lg-1_5 { - padding: .375rem !important - } - - .p-lg-2 { - padding: .5rem !important - } - - .p-lg-3 { - padding: .75rem !important - } - - .p-lg-4 { - padding: 1rem !important - } - - .p-lg-5 { - padding: 1.25rem !important - } - - .p-lg-6 { - padding: 1.5rem !important - } - - .p-lg-7 { - padding: 1.75rem !important - } - - .p-lg-8 { - padding: 2rem !important - } - - .p-lg-9 { - padding: 2.25rem !important - } - - .p-lg-10 { - padding: 2.5rem !important - } - - .p-lg-11 { - padding: 2.75rem !important - } - - .p-lg-12 { - padding: 3rem !important - } - - .px-lg-0 { - padding-inline-end: 0 !important; - padding-inline-start: 0 !important - } - - .px-lg-50 { - padding-inline-end: .125rem !important; - padding-inline-start: .125rem !important - } - - .px-lg-1 { - padding-inline-end: .25rem !important; - padding-inline-start: .25rem !important - } - - .px-lg-1_5 { - padding-inline-end: .375rem !important; - padding-inline-start: .375rem !important - } - - .px-lg-2 { - padding-inline-end: .5rem !important; - padding-inline-start: .5rem !important - } - - .px-lg-3 { - padding-inline-end: .75rem !important; - padding-inline-start: .75rem !important - } - - .px-lg-4 { - padding-inline-end: 1rem !important; - padding-inline-start: 1rem !important - } - - .px-lg-5 { - padding-inline-end: 1.25rem !important; - padding-inline-start: 1.25rem !important - } - - .px-lg-6 { - padding-inline-end: 1.5rem !important; - padding-inline-start: 1.5rem !important - } - - .px-lg-7 { - padding-inline-end: 1.75rem !important; - padding-inline-start: 1.75rem !important - } - - .px-lg-8 { - padding-inline-end: 2rem !important; - padding-inline-start: 2rem !important - } - - .px-lg-9 { - padding-inline-end: 2.25rem !important; - padding-inline-start: 2.25rem !important - } - - .px-lg-10 { - padding-inline-end: 2.5rem !important; - padding-inline-start: 2.5rem !important - } - - .px-lg-11 { - padding-inline-end: 2.75rem !important; - padding-inline-start: 2.75rem !important - } - - .px-lg-12 { - padding-inline-end: 3rem !important; - padding-inline-start: 3rem !important - } - - .py-lg-0 { - padding-block-start: 0 !important; - padding-block-end: 0 !important - } - - .py-lg-50 { - padding-block-start: .125rem !important; - padding-block-end: .125rem !important - } - - .py-lg-1 { - padding-block-start: .25rem !important; - padding-block-end: .25rem !important - } - - .py-lg-1_5 { - padding-block-start: .375rem !important; - padding-block-end: .375rem !important - } - - .py-lg-2 { - padding-block-start: .5rem !important; - padding-block-end: .5rem !important - } - - .py-lg-3 { - padding-block-start: .75rem !important; - padding-block-end: .75rem !important - } - - .py-lg-4 { - padding-block-start: 1rem !important; - padding-block-end: 1rem !important - } - - .py-lg-5 { - padding-block-start: 1.25rem !important; - padding-block-end: 1.25rem !important - } - - .py-lg-6 { - padding-block-start: 1.5rem !important; - padding-block-end: 1.5rem !important - } - - .py-lg-7 { - padding-block-start: 1.75rem !important; - padding-block-end: 1.75rem !important - } - - .py-lg-8 { - padding-block-start: 2rem !important; - padding-block-end: 2rem !important - } - - .py-lg-9 { - padding-block-start: 2.25rem !important; - padding-block-end: 2.25rem !important - } - - .py-lg-10 { - padding-block-start: 2.5rem !important; - padding-block-end: 2.5rem !important - } - - .py-lg-11 { - padding-block-start: 2.75rem !important; - padding-block-end: 2.75rem !important - } - - .py-lg-12 { - padding-block-start: 3rem !important; - padding-block-end: 3rem !important - } - - .pt-lg-0 { - padding-block-start: 0 !important - } - - .pt-lg-50 { - padding-block-start: .125rem !important - } - - .pt-lg-1 { - padding-block-start: .25rem !important - } - - .pt-lg-1_5 { - padding-block-start: .375rem !important - } - - .pt-lg-2 { - padding-block-start: .5rem !important - } - - .pt-lg-3 { - padding-block-start: .75rem !important - } - - .pt-lg-4 { - padding-block-start: 1rem !important - } - - .pt-lg-5 { - padding-block-start: 1.25rem !important - } - - .pt-lg-6 { - padding-block-start: 1.5rem !important - } - - .pt-lg-7 { - padding-block-start: 1.75rem !important - } - - .pt-lg-8 { - padding-block-start: 2rem !important - } - - .pt-lg-9 { - padding-block-start: 2.25rem !important - } - - .pt-lg-10 { - padding-block-start: 2.5rem !important - } - - .pt-lg-11 { - padding-block-start: 2.75rem !important - } - - .pt-lg-12 { - padding-block-start: 3rem !important - } - - .pe-lg-0 { - padding-inline-end: 0 !important - } - - .pe-lg-50 { - padding-inline-end: .125rem !important - } - - .pe-lg-1 { - padding-inline-end: .25rem !important - } - - .pe-lg-1_5 { - padding-inline-end: .375rem !important - } - - .pe-lg-2 { - padding-inline-end: .5rem !important - } - - .pe-lg-3 { - padding-inline-end: .75rem !important - } - - .pe-lg-4 { - padding-inline-end: 1rem !important - } - - .pe-lg-5 { - padding-inline-end: 1.25rem !important - } - - .pe-lg-6 { - padding-inline-end: 1.5rem !important - } - - .pe-lg-7 { - padding-inline-end: 1.75rem !important - } - - .pe-lg-8 { - padding-inline-end: 2rem !important - } - - .pe-lg-9 { - padding-inline-end: 2.25rem !important - } - - .pe-lg-10 { - padding-inline-end: 2.5rem !important - } - - .pe-lg-11 { - padding-inline-end: 2.75rem !important - } - - .pe-lg-12 { - padding-inline-end: 3rem !important - } - - .pb-lg-0 { - padding-block-end: 0 !important - } - - .pb-lg-50 { - padding-block-end: .125rem !important - } - - .pb-lg-1 { - padding-block-end: .25rem !important - } - - .pb-lg-1_5 { - padding-block-end: .375rem !important - } - - .pb-lg-2 { - padding-block-end: .5rem !important - } - - .pb-lg-3 { - padding-block-end: .75rem !important - } - - .pb-lg-4 { - padding-block-end: 1rem !important - } - - .pb-lg-5 { - padding-block-end: 1.25rem !important - } - - .pb-lg-6 { - padding-block-end: 1.5rem !important - } - - .pb-lg-7 { - padding-block-end: 1.75rem !important - } - - .pb-lg-8 { - padding-block-end: 2rem !important - } - - .pb-lg-9 { - padding-block-end: 2.25rem !important - } - - .pb-lg-10 { - padding-block-end: 2.5rem !important - } - - .pb-lg-11 { - padding-block-end: 2.75rem !important - } - - .pb-lg-12 { - padding-block-end: 3rem !important - } - - .ps-lg-0 { - padding-inline-start: 0 !important - } - - .ps-lg-50 { - padding-inline-start: .125rem !important - } - - .ps-lg-1 { - padding-inline-start: .25rem !important - } - - .ps-lg-1_5 { - padding-inline-start: .375rem !important - } - - .ps-lg-2 { - padding-inline-start: .5rem !important - } - - .ps-lg-3 { - padding-inline-start: .75rem !important - } - - .ps-lg-4 { - padding-inline-start: 1rem !important - } - - .ps-lg-5 { - padding-inline-start: 1.25rem !important - } - - .ps-lg-6 { - padding-inline-start: 1.5rem !important - } - - .ps-lg-7 { - padding-inline-start: 1.75rem !important - } - - .ps-lg-8 { - padding-inline-start: 2rem !important - } - - .ps-lg-9 { - padding-inline-start: 2.25rem !important - } - - .ps-lg-10 { - padding-inline-start: 2.5rem !important - } - - .ps-lg-11 { - padding-inline-start: 2.75rem !important - } - - .ps-lg-12 { - padding-inline-start: 3rem !important - } - - .gap-lg-0 { - gap: 0 !important - } - - .gap-lg-50 { - gap: .125rem !important - } - - .gap-lg-1 { - gap: .25rem !important - } - - .gap-lg-1_5 { - gap: .375rem !important - } - - .gap-lg-2 { - gap: .5rem !important - } - - .gap-lg-3 { - gap: .75rem !important - } - - .gap-lg-4 { - gap: 1rem !important - } - - .gap-lg-5 { - gap: 1.25rem !important - } - - .gap-lg-6 { - gap: 1.5rem !important - } - - .gap-lg-7 { - gap: 1.75rem !important - } - - .gap-lg-8 { - gap: 2rem !important - } - - .gap-lg-9 { - gap: 2.25rem !important - } - - .gap-lg-10 { - gap: 2.5rem !important - } - - .gap-lg-11 { - gap: 2.75rem !important - } - - .gap-lg-12 { - gap: 3rem !important - } - - .row-gap-lg-0 { - row-gap: 0 !important - } - - .row-gap-lg-50 { - row-gap: .125rem !important - } - - .row-gap-lg-1 { - row-gap: .25rem !important - } - - .row-gap-lg-1_5 { - row-gap: .375rem !important - } - - .row-gap-lg-2 { - row-gap: .5rem !important - } - - .row-gap-lg-3 { - row-gap: .75rem !important - } - - .row-gap-lg-4 { - row-gap: 1rem !important - } - - .row-gap-lg-5 { - row-gap: 1.25rem !important - } - - .row-gap-lg-6 { - row-gap: 1.5rem !important - } - - .row-gap-lg-7 { - row-gap: 1.75rem !important - } - - .row-gap-lg-8 { - row-gap: 2rem !important - } - - .row-gap-lg-9 { - row-gap: 2.25rem !important - } - - .row-gap-lg-10 { - row-gap: 2.5rem !important - } - - .row-gap-lg-11 { - row-gap: 2.75rem !important - } - - .row-gap-lg-12 { - row-gap: 3rem !important - } - - .column-gap-lg-0 { - column-gap: 0 !important - } - - .column-gap-lg-50 { - column-gap: .125rem !important - } - - .column-gap-lg-1 { - column-gap: .25rem !important - } - - .column-gap-lg-1_5 { - column-gap: .375rem !important - } - - .column-gap-lg-2 { - column-gap: .5rem !important - } - - .column-gap-lg-3 { - column-gap: .75rem !important - } - - .column-gap-lg-4 { - column-gap: 1rem !important - } - - .column-gap-lg-5 { - column-gap: 1.25rem !important - } - - .column-gap-lg-6 { - column-gap: 1.5rem !important - } - - .column-gap-lg-7 { - column-gap: 1.75rem !important - } - - .column-gap-lg-8 { - column-gap: 2rem !important - } - - .column-gap-lg-9 { - column-gap: 2.25rem !important - } - - .column-gap-lg-10 { - column-gap: 2.5rem !important - } - - .column-gap-lg-11 { - column-gap: 2.75rem !important - } - - .column-gap-lg-12 { - column-gap: 3rem !important - } - - .text-lg-start { - text-align: start !important - } - - .text-lg-end { - text-align: end !important - } - - .text-lg-center { - text-align: center !important - } - } - - @media(min-width: 1200px) { - .float-xl-start { - float: inline-start !important - } - - .float-xl-end { - float: inline-end !important - } - - .float-xl-none { - float: none !important - } - - .object-fit-xl-contain { - object-fit: contain !important - } - - .object-fit-xl-cover { - object-fit: cover !important - } - - .object-fit-xl-fill { - object-fit: fill !important - } - - .object-fit-xl-scale { - object-fit: scale-down !important - } - - .object-fit-xl-none { - object-fit: none !important - } - - .d-xl-inline { - display: inline !important - } - - .d-xl-inline-block { - display: inline-block !important - } - - .d-xl-block { - display: block !important - } - - .d-xl-grid { - display: grid !important - } - - .d-xl-table { - display: table !important - } - - .d-xl-table-row { - display: table-row !important - } - - .d-xl-table-cell { - display: table-cell !important - } - - .d-xl-flex { - display: flex !important - } - - .d-xl-inline-flex { - display: inline-flex !important - } - - .d-xl-none { - display: none !important - } - - .border-xl-solid { - border-style: solid !important - } - - .border-xl-dashed { - border-style: dashed !important - } - - .border-xl-none { - border-style: none !important - } - - .flex-xl-fill { - flex: 1 1 auto !important - } - - .flex-xl-row { - flex-direction: row !important - } - - .flex-xl-column { - flex-direction: column !important - } - - .flex-xl-row-reverse { - flex-direction: row-reverse !important - } - - .flex-xl-column-reverse { - flex-direction: column-reverse !important - } - - .flex-xl-grow-0 { - flex-grow: 0 !important - } - - .flex-xl-grow-1 { - flex-grow: 1 !important - } - - .flex-xl-shrink-0 { - flex-shrink: 0 !important - } - - .flex-xl-shrink-1 { - flex-shrink: 1 !important - } - - .flex-xl-wrap { - flex-wrap: wrap !important - } - - .flex-xl-nowrap { - flex-wrap: nowrap !important - } - - .flex-xl-wrap-reverse { - flex-wrap: wrap-reverse !important - } - - .justify-content-xl-start { - justify-content: flex-start !important - } - - .justify-content-xl-end { - justify-content: flex-end !important - } - - .justify-content-xl-center { - justify-content: center !important - } - - .justify-content-xl-between { - justify-content: space-between !important - } - - .justify-content-xl-around { - justify-content: space-around !important - } - - .justify-content-xl-evenly { - justify-content: space-evenly !important - } - - .align-items-xl-start { - align-items: flex-start !important - } - - .align-items-xl-end { - align-items: flex-end !important - } - - .align-items-xl-center { - align-items: center !important - } - - .align-items-xl-baseline { - align-items: baseline !important - } - - .align-items-xl-stretch { - align-items: stretch !important - } - - .align-content-xl-start { - align-content: flex-start !important - } - - .align-content-xl-end { - align-content: flex-end !important - } - - .align-content-xl-center { - align-content: center !important - } - - .align-content-xl-between { - align-content: space-between !important - } - - .align-content-xl-around { - align-content: space-around !important - } - - .align-content-xl-stretch { - align-content: stretch !important - } - - .align-self-xl-auto { - align-self: auto !important - } - - .align-self-xl-start { - align-self: flex-start !important - } - - .align-self-xl-end { - align-self: flex-end !important - } - - .align-self-xl-center { - align-self: center !important - } - - .align-self-xl-baseline { - align-self: baseline !important - } - - .align-self-xl-stretch { - align-self: stretch !important - } - - .order-xl-first { - order: -1 !important - } - - .order-xl-0 { - order: 0 !important - } - - .order-xl-1 { - order: 1 !important - } - - .order-xl-2 { - order: 2 !important - } - - .order-xl-3 { - order: 3 !important - } - - .order-xl-4 { - order: 4 !important - } - - .order-xl-5 { - order: 5 !important - } - - .order-xl-last { - order: 6 !important - } - - .m-xl-0 { - margin: 0 !important - } - - .m-xl-50 { - margin: .125rem !important - } - - .m-xl-1 { - margin: .25rem !important - } - - .m-xl-1_5 { - margin: .375rem !important - } - - .m-xl-2 { - margin: .5rem !important - } - - .m-xl-3 { - margin: .75rem !important - } - - .m-xl-4 { - margin: 1rem !important - } - - .m-xl-5 { - margin: 1.25rem !important - } - - .m-xl-6 { - margin: 1.5rem !important - } - - .m-xl-7 { - margin: 1.75rem !important - } - - .m-xl-8 { - margin: 2rem !important - } - - .m-xl-9 { - margin: 2.25rem !important - } - - .m-xl-10 { - margin: 2.5rem !important - } - - .m-xl-11 { - margin: 2.75rem !important - } - - .m-xl-12 { - margin: 3rem !important - } - - .m-xl-auto { - margin: auto !important - } - - .mx-xl-0 { - margin-inline-end: 0 !important; - margin-inline-start: 0 !important - } - - .mx-xl-50 { - margin-inline-end: .125rem !important; - margin-inline-start: .125rem !important - } - - .mx-xl-1 { - margin-inline-end: .25rem !important; - margin-inline-start: .25rem !important - } - - .mx-xl-1_5 { - margin-inline-end: .375rem !important; - margin-inline-start: .375rem !important - } - - .mx-xl-2 { - margin-inline-end: .5rem !important; - margin-inline-start: .5rem !important - } - - .mx-xl-3 { - margin-inline-end: .75rem !important; - margin-inline-start: .75rem !important - } - - .mx-xl-4 { - margin-inline-end: 1rem !important; - margin-inline-start: 1rem !important - } - - .mx-xl-5 { - margin-inline-end: 1.25rem !important; - margin-inline-start: 1.25rem !important - } - - .mx-xl-6 { - margin-inline-end: 1.5rem !important; - margin-inline-start: 1.5rem !important - } - - .mx-xl-7 { - margin-inline-end: 1.75rem !important; - margin-inline-start: 1.75rem !important - } - - .mx-xl-8 { - margin-inline-end: 2rem !important; - margin-inline-start: 2rem !important - } - - .mx-xl-9 { - margin-inline-end: 2.25rem !important; - margin-inline-start: 2.25rem !important - } - - .mx-xl-10 { - margin-inline-end: 2.5rem !important; - margin-inline-start: 2.5rem !important - } - - .mx-xl-11 { - margin-inline-end: 2.75rem !important; - margin-inline-start: 2.75rem !important - } - - .mx-xl-12 { - margin-inline-end: 3rem !important; - margin-inline-start: 3rem !important - } - - .mx-xl-auto { - margin-inline-end: auto !important; - margin-inline-start: auto !important - } - - .my-xl-0 { - margin-block-start: 0 !important; - margin-block-end: 0 !important - } - - .my-xl-50 { - margin-block-start: .125rem !important; - margin-block-end: .125rem !important - } - - .my-xl-1 { - margin-block-start: .25rem !important; - margin-block-end: .25rem !important - } - - .my-xl-1_5 { - margin-block-start: .375rem !important; - margin-block-end: .375rem !important - } - - .my-xl-2 { - margin-block-start: .5rem !important; - margin-block-end: .5rem !important - } - - .my-xl-3 { - margin-block-start: .75rem !important; - margin-block-end: .75rem !important - } - - .my-xl-4 { - margin-block-start: 1rem !important; - margin-block-end: 1rem !important - } - - .my-xl-5 { - margin-block-start: 1.25rem !important; - margin-block-end: 1.25rem !important - } - - .my-xl-6 { - margin-block-start: 1.5rem !important; - margin-block-end: 1.5rem !important - } - - .my-xl-7 { - margin-block-start: 1.75rem !important; - margin-block-end: 1.75rem !important - } - - .my-xl-8 { - margin-block-start: 2rem !important; - margin-block-end: 2rem !important - } - - .my-xl-9 { - margin-block-start: 2.25rem !important; - margin-block-end: 2.25rem !important - } - - .my-xl-10 { - margin-block-start: 2.5rem !important; - margin-block-end: 2.5rem !important - } - - .my-xl-11 { - margin-block-start: 2.75rem !important; - margin-block-end: 2.75rem !important - } - - .my-xl-12 { - margin-block-start: 3rem !important; - margin-block-end: 3rem !important - } - - .my-xl-auto { - margin-block-start: auto !important; - margin-block-end: auto !important - } - - .mt-xl-0 { - margin-block-start: 0 !important - } - - .mt-xl-50 { - margin-block-start: .125rem !important - } - - .mt-xl-1 { - margin-block-start: .25rem !important - } - - .mt-xl-1_5 { - margin-block-start: .375rem !important - } - - .mt-xl-2 { - margin-block-start: .5rem !important - } - - .mt-xl-3 { - margin-block-start: .75rem !important - } - - .mt-xl-4 { - margin-block-start: 1rem !important - } - - .mt-xl-5 { - margin-block-start: 1.25rem !important - } - - .mt-xl-6 { - margin-block-start: 1.5rem !important - } - - .mt-xl-7 { - margin-block-start: 1.75rem !important - } - - .mt-xl-8 { - margin-block-start: 2rem !important - } - - .mt-xl-9 { - margin-block-start: 2.25rem !important - } - - .mt-xl-10 { - margin-block-start: 2.5rem !important - } - - .mt-xl-11 { - margin-block-start: 2.75rem !important - } - - .mt-xl-12 { - margin-block-start: 3rem !important - } - - .mt-xl-auto { - margin-block-start: auto !important - } - - .me-xl-0 { - margin-inline-end: 0 !important - } - - .me-xl-50 { - margin-inline-end: .125rem !important - } - - .me-xl-1 { - margin-inline-end: .25rem !important - } - - .me-xl-1_5 { - margin-inline-end: .375rem !important - } - - .me-xl-2 { - margin-inline-end: .5rem !important - } - - .me-xl-3 { - margin-inline-end: .75rem !important - } - - .me-xl-4 { - margin-inline-end: 1rem !important - } - - .me-xl-5 { - margin-inline-end: 1.25rem !important - } - - .me-xl-6 { - margin-inline-end: 1.5rem !important - } - - .me-xl-7 { - margin-inline-end: 1.75rem !important - } - - .me-xl-8 { - margin-inline-end: 2rem !important - } - - .me-xl-9 { - margin-inline-end: 2.25rem !important - } - - .me-xl-10 { - margin-inline-end: 2.5rem !important - } - - .me-xl-11 { - margin-inline-end: 2.75rem !important - } - - .me-xl-12 { - margin-inline-end: 3rem !important - } - - .me-xl-auto { - margin-inline-end: auto !important - } - - .mb-xl-0 { - margin-block-end: 0 !important - } - - .mb-xl-50 { - margin-block-end: .125rem !important - } - - .mb-xl-1 { - margin-block-end: .25rem !important - } - - .mb-xl-1_5 { - margin-block-end: .375rem !important - } - - .mb-xl-2 { - margin-block-end: .5rem !important - } - - .mb-xl-3 { - margin-block-end: .75rem !important - } - - .mb-xl-4 { - margin-block-end: 1rem !important - } - - .mb-xl-5 { - margin-block-end: 1.25rem !important - } - - .mb-xl-6 { - margin-block-end: 1.5rem !important - } - - .mb-xl-7 { - margin-block-end: 1.75rem !important - } - - .mb-xl-8 { - margin-block-end: 2rem !important - } - - .mb-xl-9 { - margin-block-end: 2.25rem !important - } - - .mb-xl-10 { - margin-block-end: 2.5rem !important - } - - .mb-xl-11 { - margin-block-end: 2.75rem !important - } - - .mb-xl-12 { - margin-block-end: 3rem !important - } - - .mb-xl-auto { - margin-block-end: auto !important - } - - .ms-xl-0 { - margin-inline-start: 0 !important - } - - .ms-xl-50 { - margin-inline-start: .125rem !important - } - - .ms-xl-1 { - margin-inline-start: .25rem !important - } - - .ms-xl-1_5 { - margin-inline-start: .375rem !important - } - - .ms-xl-2 { - margin-inline-start: .5rem !important - } - - .ms-xl-3 { - margin-inline-start: .75rem !important - } - - .ms-xl-4 { - margin-inline-start: 1rem !important - } - - .ms-xl-5 { - margin-inline-start: 1.25rem !important - } - - .ms-xl-6 { - margin-inline-start: 1.5rem !important - } - - .ms-xl-7 { - margin-inline-start: 1.75rem !important - } - - .ms-xl-8 { - margin-inline-start: 2rem !important - } - - .ms-xl-9 { - margin-inline-start: 2.25rem !important - } - - .ms-xl-10 { - margin-inline-start: 2.5rem !important - } - - .ms-xl-11 { - margin-inline-start: 2.75rem !important - } - - .ms-xl-12 { - margin-inline-start: 3rem !important - } - - .ms-xl-auto { - margin-inline-start: auto !important - } - - .m-xl-n50 { - margin: -0.125rem !important - } - - .m-xl-n1 { - margin: -0.25rem !important - } - - .m-xl-n1_5 { - margin: -0.375rem !important - } - - .m-xl-n2 { - margin: -0.5rem !important - } - - .m-xl-n3 { - margin: -0.75rem !important - } - - .m-xl-n4 { - margin: -1rem !important - } - - .m-xl-n5 { - margin: -1.25rem !important - } - - .m-xl-n6 { - margin: -1.5rem !important - } - - .m-xl-n7 { - margin: -1.75rem !important - } - - .m-xl-n8 { - margin: -2rem !important - } - - .m-xl-n9 { - margin: -2.25rem !important - } - - .m-xl-n10 { - margin: -2.5rem !important - } - - .m-xl-n11 { - margin: -2.75rem !important - } - - .m-xl-n12 { - margin: -3rem !important - } - - .mx-xl-n50 { - margin-inline-end: -0.125rem !important; - margin-inline-start: -0.125rem !important - } - - .mx-xl-n1 { - margin-inline-end: -0.25rem !important; - margin-inline-start: -0.25rem !important - } - - .mx-xl-n1_5 { - margin-inline-end: -0.375rem !important; - margin-inline-start: -0.375rem !important - } - - .mx-xl-n2 { - margin-inline-end: -0.5rem !important; - margin-inline-start: -0.5rem !important - } - - .mx-xl-n3 { - margin-inline-end: -0.75rem !important; - margin-inline-start: -0.75rem !important - } - - .mx-xl-n4 { - margin-inline-end: -1rem !important; - margin-inline-start: -1rem !important - } - - .mx-xl-n5 { - margin-inline-end: -1.25rem !important; - margin-inline-start: -1.25rem !important - } - - .mx-xl-n6 { - margin-inline-end: -1.5rem !important; - margin-inline-start: -1.5rem !important - } - - .mx-xl-n7 { - margin-inline-end: -1.75rem !important; - margin-inline-start: -1.75rem !important - } - - .mx-xl-n8 { - margin-inline-end: -2rem !important; - margin-inline-start: -2rem !important - } - - .mx-xl-n9 { - margin-inline-end: -2.25rem !important; - margin-inline-start: -2.25rem !important - } - - .mx-xl-n10 { - margin-inline-end: -2.5rem !important; - margin-inline-start: -2.5rem !important - } - - .mx-xl-n11 { - margin-inline-end: -2.75rem !important; - margin-inline-start: -2.75rem !important - } - - .mx-xl-n12 { - margin-inline-end: -3rem !important; - margin-inline-start: -3rem !important - } - - .my-xl-n50 { - margin-block-start: -0.125rem !important; - margin-block-end: -0.125rem !important - } - - .my-xl-n1 { - margin-block-start: -0.25rem !important; - margin-block-end: -0.25rem !important - } - - .my-xl-n1_5 { - margin-block-start: -0.375rem !important; - margin-block-end: -0.375rem !important - } - - .my-xl-n2 { - margin-block-start: -0.5rem !important; - margin-block-end: -0.5rem !important - } - - .my-xl-n3 { - margin-block-start: -0.75rem !important; - margin-block-end: -0.75rem !important - } - - .my-xl-n4 { - margin-block-start: -1rem !important; - margin-block-end: -1rem !important - } - - .my-xl-n5 { - margin-block-start: -1.25rem !important; - margin-block-end: -1.25rem !important - } - - .my-xl-n6 { - margin-block-start: -1.5rem !important; - margin-block-end: -1.5rem !important - } - - .my-xl-n7 { - margin-block-start: -1.75rem !important; - margin-block-end: -1.75rem !important - } - - .my-xl-n8 { - margin-block-start: -2rem !important; - margin-block-end: -2rem !important - } - - .my-xl-n9 { - margin-block-start: -2.25rem !important; - margin-block-end: -2.25rem !important - } - - .my-xl-n10 { - margin-block-start: -2.5rem !important; - margin-block-end: -2.5rem !important - } - - .my-xl-n11 { - margin-block-start: -2.75rem !important; - margin-block-end: -2.75rem !important - } - - .my-xl-n12 { - margin-block-start: -3rem !important; - margin-block-end: -3rem !important - } - - .mt-xl-n50 { - margin-block-start: -0.125rem !important - } - - .mt-xl-n1 { - margin-block-start: -0.25rem !important - } - - .mt-xl-n1_5 { - margin-block-start: -0.375rem !important - } - - .mt-xl-n2 { - margin-block-start: -0.5rem !important - } - - .mt-xl-n3 { - margin-block-start: -0.75rem !important - } - - .mt-xl-n4 { - margin-block-start: -1rem !important - } - - .mt-xl-n5 { - margin-block-start: -1.25rem !important - } - - .mt-xl-n6 { - margin-block-start: -1.5rem !important - } - - .mt-xl-n7 { - margin-block-start: -1.75rem !important - } - - .mt-xl-n8 { - margin-block-start: -2rem !important - } - - .mt-xl-n9 { - margin-block-start: -2.25rem !important - } - - .mt-xl-n10 { - margin-block-start: -2.5rem !important - } - - .mt-xl-n11 { - margin-block-start: -2.75rem !important - } - - .mt-xl-n12 { - margin-block-start: -3rem !important - } - - .me-xl-n50 { - margin-inline-end: -0.125rem !important - } - - .me-xl-n1 { - margin-inline-end: -0.25rem !important - } - - .me-xl-n1_5 { - margin-inline-end: -0.375rem !important - } - - .me-xl-n2 { - margin-inline-end: -0.5rem !important - } - - .me-xl-n3 { - margin-inline-end: -0.75rem !important - } - - .me-xl-n4 { - margin-inline-end: -1rem !important - } - - .me-xl-n5 { - margin-inline-end: -1.25rem !important - } - - .me-xl-n6 { - margin-inline-end: -1.5rem !important - } - - .me-xl-n7 { - margin-inline-end: -1.75rem !important - } - - .me-xl-n8 { - margin-inline-end: -2rem !important - } - - .me-xl-n9 { - margin-inline-end: -2.25rem !important - } - - .me-xl-n10 { - margin-inline-end: -2.5rem !important - } - - .me-xl-n11 { - margin-inline-end: -2.75rem !important - } - - .me-xl-n12 { - margin-inline-end: -3rem !important - } - - .mb-xl-n50 { - margin-block-end: -0.125rem !important - } - - .mb-xl-n1 { - margin-block-end: -0.25rem !important - } - - .mb-xl-n1_5 { - margin-block-end: -0.375rem !important - } - - .mb-xl-n2 { - margin-block-end: -0.5rem !important - } - - .mb-xl-n3 { - margin-block-end: -0.75rem !important - } - - .mb-xl-n4 { - margin-block-end: -1rem !important - } - - .mb-xl-n5 { - margin-block-end: -1.25rem !important - } - - .mb-xl-n6 { - margin-block-end: -1.5rem !important - } - - .mb-xl-n7 { - margin-block-end: -1.75rem !important - } - - .mb-xl-n8 { - margin-block-end: -2rem !important - } - - .mb-xl-n9 { - margin-block-end: -2.25rem !important - } - - .mb-xl-n10 { - margin-block-end: -2.5rem !important - } - - .mb-xl-n11 { - margin-block-end: -2.75rem !important - } - - .mb-xl-n12 { - margin-block-end: -3rem !important - } - - .ms-xl-n50 { - margin-inline-start: -0.125rem !important - } - - .ms-xl-n1 { - margin-inline-start: -0.25rem !important - } - - .ms-xl-n1_5 { - margin-inline-start: -0.375rem !important - } - - .ms-xl-n2 { - margin-inline-start: -0.5rem !important - } - - .ms-xl-n3 { - margin-inline-start: -0.75rem !important - } - - .ms-xl-n4 { - margin-inline-start: -1rem !important - } - - .ms-xl-n5 { - margin-inline-start: -1.25rem !important - } - - .ms-xl-n6 { - margin-inline-start: -1.5rem !important - } - - .ms-xl-n7 { - margin-inline-start: -1.75rem !important - } - - .ms-xl-n8 { - margin-inline-start: -2rem !important - } - - .ms-xl-n9 { - margin-inline-start: -2.25rem !important - } - - .ms-xl-n10 { - margin-inline-start: -2.5rem !important - } - - .ms-xl-n11 { - margin-inline-start: -2.75rem !important - } - - .ms-xl-n12 { - margin-inline-start: -3rem !important - } - - .p-xl-0 { - padding: 0 !important - } - - .p-xl-50 { - padding: .125rem !important - } - - .p-xl-1 { - padding: .25rem !important - } - - .p-xl-1_5 { - padding: .375rem !important - } - - .p-xl-2 { - padding: .5rem !important - } - - .p-xl-3 { - padding: .75rem !important - } - - .p-xl-4 { - padding: 1rem !important - } - - .p-xl-5 { - padding: 1.25rem !important - } - - .p-xl-6 { - padding: 1.5rem !important - } - - .p-xl-7 { - padding: 1.75rem !important - } - - .p-xl-8 { - padding: 2rem !important - } - - .p-xl-9 { - padding: 2.25rem !important - } - - .p-xl-10 { - padding: 2.5rem !important - } - - .p-xl-11 { - padding: 2.75rem !important - } - - .p-xl-12 { - padding: 3rem !important - } - - .px-xl-0 { - padding-inline-end: 0 !important; - padding-inline-start: 0 !important - } - - .px-xl-50 { - padding-inline-end: .125rem !important; - padding-inline-start: .125rem !important - } - - .px-xl-1 { - padding-inline-end: .25rem !important; - padding-inline-start: .25rem !important - } - - .px-xl-1_5 { - padding-inline-end: .375rem !important; - padding-inline-start: .375rem !important - } - - .px-xl-2 { - padding-inline-end: .5rem !important; - padding-inline-start: .5rem !important - } - - .px-xl-3 { - padding-inline-end: .75rem !important; - padding-inline-start: .75rem !important - } - - .px-xl-4 { - padding-inline-end: 1rem !important; - padding-inline-start: 1rem !important - } - - .px-xl-5 { - padding-inline-end: 1.25rem !important; - padding-inline-start: 1.25rem !important - } - - .px-xl-6 { - padding-inline-end: 1.5rem !important; - padding-inline-start: 1.5rem !important - } - - .px-xl-7 { - padding-inline-end: 1.75rem !important; - padding-inline-start: 1.75rem !important - } - - .px-xl-8 { - padding-inline-end: 2rem !important; - padding-inline-start: 2rem !important - } - - .px-xl-9 { - padding-inline-end: 2.25rem !important; - padding-inline-start: 2.25rem !important - } - - .px-xl-10 { - padding-inline-end: 2.5rem !important; - padding-inline-start: 2.5rem !important - } - - .px-xl-11 { - padding-inline-end: 2.75rem !important; - padding-inline-start: 2.75rem !important - } - - .px-xl-12 { - padding-inline-end: 3rem !important; - padding-inline-start: 3rem !important - } - - .py-xl-0 { - padding-block-start: 0 !important; - padding-block-end: 0 !important - } - - .py-xl-50 { - padding-block-start: .125rem !important; - padding-block-end: .125rem !important - } - - .py-xl-1 { - padding-block-start: .25rem !important; - padding-block-end: .25rem !important - } - - .py-xl-1_5 { - padding-block-start: .375rem !important; - padding-block-end: .375rem !important - } - - .py-xl-2 { - padding-block-start: .5rem !important; - padding-block-end: .5rem !important - } - - .py-xl-3 { - padding-block-start: .75rem !important; - padding-block-end: .75rem !important - } - - .py-xl-4 { - padding-block-start: 1rem !important; - padding-block-end: 1rem !important - } - - .py-xl-5 { - padding-block-start: 1.25rem !important; - padding-block-end: 1.25rem !important - } - - .py-xl-6 { - padding-block-start: 1.5rem !important; - padding-block-end: 1.5rem !important - } - - .py-xl-7 { - padding-block-start: 1.75rem !important; - padding-block-end: 1.75rem !important - } - - .py-xl-8 { - padding-block-start: 2rem !important; - padding-block-end: 2rem !important - } - - .py-xl-9 { - padding-block-start: 2.25rem !important; - padding-block-end: 2.25rem !important - } - - .py-xl-10 { - padding-block-start: 2.5rem !important; - padding-block-end: 2.5rem !important - } - - .py-xl-11 { - padding-block-start: 2.75rem !important; - padding-block-end: 2.75rem !important - } - - .py-xl-12 { - padding-block-start: 3rem !important; - padding-block-end: 3rem !important - } - - .pt-xl-0 { - padding-block-start: 0 !important - } - - .pt-xl-50 { - padding-block-start: .125rem !important - } - - .pt-xl-1 { - padding-block-start: .25rem !important - } - - .pt-xl-1_5 { - padding-block-start: .375rem !important - } - - .pt-xl-2 { - padding-block-start: .5rem !important - } - - .pt-xl-3 { - padding-block-start: .75rem !important - } - - .pt-xl-4 { - padding-block-start: 1rem !important - } - - .pt-xl-5 { - padding-block-start: 1.25rem !important - } - - .pt-xl-6 { - padding-block-start: 1.5rem !important - } - - .pt-xl-7 { - padding-block-start: 1.75rem !important - } - - .pt-xl-8 { - padding-block-start: 2rem !important - } - - .pt-xl-9 { - padding-block-start: 2.25rem !important - } - - .pt-xl-10 { - padding-block-start: 2.5rem !important - } - - .pt-xl-11 { - padding-block-start: 2.75rem !important - } - - .pt-xl-12 { - padding-block-start: 3rem !important - } - - .pe-xl-0 { - padding-inline-end: 0 !important - } - - .pe-xl-50 { - padding-inline-end: .125rem !important - } - - .pe-xl-1 { - padding-inline-end: .25rem !important - } - - .pe-xl-1_5 { - padding-inline-end: .375rem !important - } - - .pe-xl-2 { - padding-inline-end: .5rem !important - } - - .pe-xl-3 { - padding-inline-end: .75rem !important - } - - .pe-xl-4 { - padding-inline-end: 1rem !important - } - - .pe-xl-5 { - padding-inline-end: 1.25rem !important - } - - .pe-xl-6 { - padding-inline-end: 1.5rem !important - } - - .pe-xl-7 { - padding-inline-end: 1.75rem !important - } - - .pe-xl-8 { - padding-inline-end: 2rem !important - } - - .pe-xl-9 { - padding-inline-end: 2.25rem !important - } - - .pe-xl-10 { - padding-inline-end: 2.5rem !important - } - - .pe-xl-11 { - padding-inline-end: 2.75rem !important - } - - .pe-xl-12 { - padding-inline-end: 3rem !important - } - - .pb-xl-0 { - padding-block-end: 0 !important - } - - .pb-xl-50 { - padding-block-end: .125rem !important - } - - .pb-xl-1 { - padding-block-end: .25rem !important - } - - .pb-xl-1_5 { - padding-block-end: .375rem !important - } - - .pb-xl-2 { - padding-block-end: .5rem !important - } - - .pb-xl-3 { - padding-block-end: .75rem !important - } - - .pb-xl-4 { - padding-block-end: 1rem !important - } - - .pb-xl-5 { - padding-block-end: 1.25rem !important - } - - .pb-xl-6 { - padding-block-end: 1.5rem !important - } - - .pb-xl-7 { - padding-block-end: 1.75rem !important - } - - .pb-xl-8 { - padding-block-end: 2rem !important - } - - .pb-xl-9 { - padding-block-end: 2.25rem !important - } - - .pb-xl-10 { - padding-block-end: 2.5rem !important - } - - .pb-xl-11 { - padding-block-end: 2.75rem !important - } - - .pb-xl-12 { - padding-block-end: 3rem !important - } - - .ps-xl-0 { - padding-inline-start: 0 !important - } - - .ps-xl-50 { - padding-inline-start: .125rem !important - } - - .ps-xl-1 { - padding-inline-start: .25rem !important - } - - .ps-xl-1_5 { - padding-inline-start: .375rem !important - } - - .ps-xl-2 { - padding-inline-start: .5rem !important - } - - .ps-xl-3 { - padding-inline-start: .75rem !important - } - - .ps-xl-4 { - padding-inline-start: 1rem !important - } - - .ps-xl-5 { - padding-inline-start: 1.25rem !important - } - - .ps-xl-6 { - padding-inline-start: 1.5rem !important - } - - .ps-xl-7 { - padding-inline-start: 1.75rem !important - } - - .ps-xl-8 { - padding-inline-start: 2rem !important - } - - .ps-xl-9 { - padding-inline-start: 2.25rem !important - } - - .ps-xl-10 { - padding-inline-start: 2.5rem !important - } - - .ps-xl-11 { - padding-inline-start: 2.75rem !important - } - - .ps-xl-12 { - padding-inline-start: 3rem !important - } - - .gap-xl-0 { - gap: 0 !important - } - - .gap-xl-50 { - gap: .125rem !important - } - - .gap-xl-1 { - gap: .25rem !important - } - - .gap-xl-1_5 { - gap: .375rem !important - } - - .gap-xl-2 { - gap: .5rem !important - } - - .gap-xl-3 { - gap: .75rem !important - } - - .gap-xl-4 { - gap: 1rem !important - } - - .gap-xl-5 { - gap: 1.25rem !important - } - - .gap-xl-6 { - gap: 1.5rem !important - } - - .gap-xl-7 { - gap: 1.75rem !important - } - - .gap-xl-8 { - gap: 2rem !important - } - - .gap-xl-9 { - gap: 2.25rem !important - } - - .gap-xl-10 { - gap: 2.5rem !important - } - - .gap-xl-11 { - gap: 2.75rem !important - } - - .gap-xl-12 { - gap: 3rem !important - } - - .row-gap-xl-0 { - row-gap: 0 !important - } - - .row-gap-xl-50 { - row-gap: .125rem !important - } - - .row-gap-xl-1 { - row-gap: .25rem !important - } - - .row-gap-xl-1_5 { - row-gap: .375rem !important - } - - .row-gap-xl-2 { - row-gap: .5rem !important - } - - .row-gap-xl-3 { - row-gap: .75rem !important - } - - .row-gap-xl-4 { - row-gap: 1rem !important - } - - .row-gap-xl-5 { - row-gap: 1.25rem !important - } - - .row-gap-xl-6 { - row-gap: 1.5rem !important - } - - .row-gap-xl-7 { - row-gap: 1.75rem !important - } - - .row-gap-xl-8 { - row-gap: 2rem !important - } - - .row-gap-xl-9 { - row-gap: 2.25rem !important - } - - .row-gap-xl-10 { - row-gap: 2.5rem !important - } - - .row-gap-xl-11 { - row-gap: 2.75rem !important - } - - .row-gap-xl-12 { - row-gap: 3rem !important - } - - .column-gap-xl-0 { - column-gap: 0 !important - } - - .column-gap-xl-50 { - column-gap: .125rem !important - } - - .column-gap-xl-1 { - column-gap: .25rem !important - } - - .column-gap-xl-1_5 { - column-gap: .375rem !important - } - - .column-gap-xl-2 { - column-gap: .5rem !important - } - - .column-gap-xl-3 { - column-gap: .75rem !important - } - - .column-gap-xl-4 { - column-gap: 1rem !important - } - - .column-gap-xl-5 { - column-gap: 1.25rem !important - } - - .column-gap-xl-6 { - column-gap: 1.5rem !important - } - - .column-gap-xl-7 { - column-gap: 1.75rem !important - } - - .column-gap-xl-8 { - column-gap: 2rem !important - } - - .column-gap-xl-9 { - column-gap: 2.25rem !important - } - - .column-gap-xl-10 { - column-gap: 2.5rem !important - } - - .column-gap-xl-11 { - column-gap: 2.75rem !important - } - - .column-gap-xl-12 { - column-gap: 3rem !important - } - - .text-xl-start { - text-align: start !important - } - - .text-xl-end { - text-align: end !important - } - - .text-xl-center { - text-align: center !important - } - } - - @media(min-width: 1400px) { - .float-xxl-start { - float: inline-start !important - } - - .float-xxl-end { - float: inline-end !important - } - - .float-xxl-none { - float: none !important - } - - .object-fit-xxl-contain { - object-fit: contain !important - } - - .object-fit-xxl-cover { - object-fit: cover !important - } - - .object-fit-xxl-fill { - object-fit: fill !important - } - - .object-fit-xxl-scale { - object-fit: scale-down !important - } - - .object-fit-xxl-none { - object-fit: none !important - } - - .d-xxl-inline { - display: inline !important - } - - .d-xxl-inline-block { - display: inline-block !important - } - - .d-xxl-block { - display: block !important - } - - .d-xxl-grid { - display: grid !important - } - - .d-xxl-table { - display: table !important - } - - .d-xxl-table-row { - display: table-row !important - } - - .d-xxl-table-cell { - display: table-cell !important - } - - .d-xxl-flex { - display: flex !important - } - - .d-xxl-inline-flex { - display: inline-flex !important - } - - .d-xxl-none { - display: none !important - } - - .border-xxl-solid { - border-style: solid !important - } - - .border-xxl-dashed { - border-style: dashed !important - } - - .border-xxl-none { - border-style: none !important - } - - .flex-xxl-fill { - flex: 1 1 auto !important - } - - .flex-xxl-row { - flex-direction: row !important - } - - .flex-xxl-column { - flex-direction: column !important - } - - .flex-xxl-row-reverse { - flex-direction: row-reverse !important - } - - .flex-xxl-column-reverse { - flex-direction: column-reverse !important - } - - .flex-xxl-grow-0 { - flex-grow: 0 !important - } - - .flex-xxl-grow-1 { - flex-grow: 1 !important - } - - .flex-xxl-shrink-0 { - flex-shrink: 0 !important - } - - .flex-xxl-shrink-1 { - flex-shrink: 1 !important - } - - .flex-xxl-wrap { - flex-wrap: wrap !important - } - - .flex-xxl-nowrap { - flex-wrap: nowrap !important - } - - .flex-xxl-wrap-reverse { - flex-wrap: wrap-reverse !important - } - - .justify-content-xxl-start { - justify-content: flex-start !important - } - - .justify-content-xxl-end { - justify-content: flex-end !important - } - - .justify-content-xxl-center { - justify-content: center !important - } - - .justify-content-xxl-between { - justify-content: space-between !important - } - - .justify-content-xxl-around { - justify-content: space-around !important - } - - .justify-content-xxl-evenly { - justify-content: space-evenly !important - } - - .align-items-xxl-start { - align-items: flex-start !important - } - - .align-items-xxl-end { - align-items: flex-end !important - } - - .align-items-xxl-center { - align-items: center !important - } - - .align-items-xxl-baseline { - align-items: baseline !important - } - - .align-items-xxl-stretch { - align-items: stretch !important - } - - .align-content-xxl-start { - align-content: flex-start !important - } - - .align-content-xxl-end { - align-content: flex-end !important - } - - .align-content-xxl-center { - align-content: center !important - } - - .align-content-xxl-between { - align-content: space-between !important - } - - .align-content-xxl-around { - align-content: space-around !important - } - - .align-content-xxl-stretch { - align-content: stretch !important - } - - .align-self-xxl-auto { - align-self: auto !important - } - - .align-self-xxl-start { - align-self: flex-start !important - } - - .align-self-xxl-end { - align-self: flex-end !important - } - - .align-self-xxl-center { - align-self: center !important - } - - .align-self-xxl-baseline { - align-self: baseline !important - } - - .align-self-xxl-stretch { - align-self: stretch !important - } - - .order-xxl-first { - order: -1 !important - } - - .order-xxl-0 { - order: 0 !important - } - - .order-xxl-1 { - order: 1 !important - } - - .order-xxl-2 { - order: 2 !important - } - - .order-xxl-3 { - order: 3 !important - } - - .order-xxl-4 { - order: 4 !important - } - - .order-xxl-5 { - order: 5 !important - } - - .order-xxl-last { - order: 6 !important - } - - .m-xxl-0 { - margin: 0 !important - } - - .m-xxl-50 { - margin: .125rem !important - } - - .m-xxl-1 { - margin: .25rem !important - } - - .m-xxl-1_5 { - margin: .375rem !important - } - - .m-xxl-2 { - margin: .5rem !important - } - - .m-xxl-3 { - margin: .75rem !important - } - - .m-xxl-4 { - margin: 1rem !important - } - - .m-xxl-5 { - margin: 1.25rem !important - } - - .m-xxl-6 { - margin: 1.5rem !important - } - - .m-xxl-7 { - margin: 1.75rem !important - } - - .m-xxl-8 { - margin: 2rem !important - } - - .m-xxl-9 { - margin: 2.25rem !important - } - - .m-xxl-10 { - margin: 2.5rem !important - } - - .m-xxl-11 { - margin: 2.75rem !important - } - - .m-xxl-12 { - margin: 3rem !important - } - - .m-xxl-auto { - margin: auto !important - } - - .mx-xxl-0 { - margin-inline-end: 0 !important; - margin-inline-start: 0 !important - } - - .mx-xxl-50 { - margin-inline-end: .125rem !important; - margin-inline-start: .125rem !important - } - - .mx-xxl-1 { - margin-inline-end: .25rem !important; - margin-inline-start: .25rem !important - } - - .mx-xxl-1_5 { - margin-inline-end: .375rem !important; - margin-inline-start: .375rem !important - } - - .mx-xxl-2 { - margin-inline-end: .5rem !important; - margin-inline-start: .5rem !important - } - - .mx-xxl-3 { - margin-inline-end: .75rem !important; - margin-inline-start: .75rem !important - } - - .mx-xxl-4 { - margin-inline-end: 1rem !important; - margin-inline-start: 1rem !important - } - - .mx-xxl-5 { - margin-inline-end: 1.25rem !important; - margin-inline-start: 1.25rem !important - } - - .mx-xxl-6 { - margin-inline-end: 1.5rem !important; - margin-inline-start: 1.5rem !important - } - - .mx-xxl-7 { - margin-inline-end: 1.75rem !important; - margin-inline-start: 1.75rem !important - } - - .mx-xxl-8 { - margin-inline-end: 2rem !important; - margin-inline-start: 2rem !important - } - - .mx-xxl-9 { - margin-inline-end: 2.25rem !important; - margin-inline-start: 2.25rem !important - } - - .mx-xxl-10 { - margin-inline-end: 2.5rem !important; - margin-inline-start: 2.5rem !important - } - - .mx-xxl-11 { - margin-inline-end: 2.75rem !important; - margin-inline-start: 2.75rem !important - } - - .mx-xxl-12 { - margin-inline-end: 3rem !important; - margin-inline-start: 3rem !important - } - - .mx-xxl-auto { - margin-inline-end: auto !important; - margin-inline-start: auto !important - } - - .my-xxl-0 { - margin-block-start: 0 !important; - margin-block-end: 0 !important - } - - .my-xxl-50 { - margin-block-start: .125rem !important; - margin-block-end: .125rem !important - } - - .my-xxl-1 { - margin-block-start: .25rem !important; - margin-block-end: .25rem !important - } - - .my-xxl-1_5 { - margin-block-start: .375rem !important; - margin-block-end: .375rem !important - } - - .my-xxl-2 { - margin-block-start: .5rem !important; - margin-block-end: .5rem !important - } - - .my-xxl-3 { - margin-block-start: .75rem !important; - margin-block-end: .75rem !important - } - - .my-xxl-4 { - margin-block-start: 1rem !important; - margin-block-end: 1rem !important - } - - .my-xxl-5 { - margin-block-start: 1.25rem !important; - margin-block-end: 1.25rem !important - } - - .my-xxl-6 { - margin-block-start: 1.5rem !important; - margin-block-end: 1.5rem !important - } - - .my-xxl-7 { - margin-block-start: 1.75rem !important; - margin-block-end: 1.75rem !important - } - - .my-xxl-8 { - margin-block-start: 2rem !important; - margin-block-end: 2rem !important - } - - .my-xxl-9 { - margin-block-start: 2.25rem !important; - margin-block-end: 2.25rem !important - } - - .my-xxl-10 { - margin-block-start: 2.5rem !important; - margin-block-end: 2.5rem !important - } - - .my-xxl-11 { - margin-block-start: 2.75rem !important; - margin-block-end: 2.75rem !important - } - - .my-xxl-12 { - margin-block-start: 3rem !important; - margin-block-end: 3rem !important - } - - .my-xxl-auto { - margin-block-start: auto !important; - margin-block-end: auto !important - } - - .mt-xxl-0 { - margin-block-start: 0 !important - } - - .mt-xxl-50 { - margin-block-start: .125rem !important - } - - .mt-xxl-1 { - margin-block-start: .25rem !important - } - - .mt-xxl-1_5 { - margin-block-start: .375rem !important - } - - .mt-xxl-2 { - margin-block-start: .5rem !important - } - - .mt-xxl-3 { - margin-block-start: .75rem !important - } - - .mt-xxl-4 { - margin-block-start: 1rem !important - } - - .mt-xxl-5 { - margin-block-start: 1.25rem !important - } - - .mt-xxl-6 { - margin-block-start: 1.5rem !important - } - - .mt-xxl-7 { - margin-block-start: 1.75rem !important - } - - .mt-xxl-8 { - margin-block-start: 2rem !important - } - - .mt-xxl-9 { - margin-block-start: 2.25rem !important - } - - .mt-xxl-10 { - margin-block-start: 2.5rem !important - } - - .mt-xxl-11 { - margin-block-start: 2.75rem !important - } - - .mt-xxl-12 { - margin-block-start: 3rem !important - } - - .mt-xxl-auto { - margin-block-start: auto !important - } - - .me-xxl-0 { - margin-inline-end: 0 !important - } - - .me-xxl-50 { - margin-inline-end: .125rem !important - } - - .me-xxl-1 { - margin-inline-end: .25rem !important - } - - .me-xxl-1_5 { - margin-inline-end: .375rem !important - } - - .me-xxl-2 { - margin-inline-end: .5rem !important - } - - .me-xxl-3 { - margin-inline-end: .75rem !important - } - - .me-xxl-4 { - margin-inline-end: 1rem !important - } - - .me-xxl-5 { - margin-inline-end: 1.25rem !important - } - - .me-xxl-6 { - margin-inline-end: 1.5rem !important - } - - .me-xxl-7 { - margin-inline-end: 1.75rem !important - } - - .me-xxl-8 { - margin-inline-end: 2rem !important - } - - .me-xxl-9 { - margin-inline-end: 2.25rem !important - } - - .me-xxl-10 { - margin-inline-end: 2.5rem !important - } - - .me-xxl-11 { - margin-inline-end: 2.75rem !important - } - - .me-xxl-12 { - margin-inline-end: 3rem !important - } - - .me-xxl-auto { - margin-inline-end: auto !important - } - - .mb-xxl-0 { - margin-block-end: 0 !important - } - - .mb-xxl-50 { - margin-block-end: .125rem !important - } - - .mb-xxl-1 { - margin-block-end: .25rem !important - } - - .mb-xxl-1_5 { - margin-block-end: .375rem !important - } - - .mb-xxl-2 { - margin-block-end: .5rem !important - } - - .mb-xxl-3 { - margin-block-end: .75rem !important - } - - .mb-xxl-4 { - margin-block-end: 1rem !important - } - - .mb-xxl-5 { - margin-block-end: 1.25rem !important - } - - .mb-xxl-6 { - margin-block-end: 1.5rem !important - } - - .mb-xxl-7 { - margin-block-end: 1.75rem !important - } - - .mb-xxl-8 { - margin-block-end: 2rem !important - } - - .mb-xxl-9 { - margin-block-end: 2.25rem !important - } - - .mb-xxl-10 { - margin-block-end: 2.5rem !important - } - - .mb-xxl-11 { - margin-block-end: 2.75rem !important - } - - .mb-xxl-12 { - margin-block-end: 3rem !important - } - - .mb-xxl-auto { - margin-block-end: auto !important - } - - .ms-xxl-0 { - margin-inline-start: 0 !important - } - - .ms-xxl-50 { - margin-inline-start: .125rem !important - } - - .ms-xxl-1 { - margin-inline-start: .25rem !important - } - - .ms-xxl-1_5 { - margin-inline-start: .375rem !important - } - - .ms-xxl-2 { - margin-inline-start: .5rem !important - } - - .ms-xxl-3 { - margin-inline-start: .75rem !important - } - - .ms-xxl-4 { - margin-inline-start: 1rem !important - } - - .ms-xxl-5 { - margin-inline-start: 1.25rem !important - } - - .ms-xxl-6 { - margin-inline-start: 1.5rem !important - } - - .ms-xxl-7 { - margin-inline-start: 1.75rem !important - } - - .ms-xxl-8 { - margin-inline-start: 2rem !important - } - - .ms-xxl-9 { - margin-inline-start: 2.25rem !important - } - - .ms-xxl-10 { - margin-inline-start: 2.5rem !important - } - - .ms-xxl-11 { - margin-inline-start: 2.75rem !important - } - - .ms-xxl-12 { - margin-inline-start: 3rem !important - } - - .ms-xxl-auto { - margin-inline-start: auto !important - } - - .m-xxl-n50 { - margin: -0.125rem !important - } - - .m-xxl-n1 { - margin: -0.25rem !important - } - - .m-xxl-n1_5 { - margin: -0.375rem !important - } - - .m-xxl-n2 { - margin: -0.5rem !important - } - - .m-xxl-n3 { - margin: -0.75rem !important - } - - .m-xxl-n4 { - margin: -1rem !important - } - - .m-xxl-n5 { - margin: -1.25rem !important - } - - .m-xxl-n6 { - margin: -1.5rem !important - } - - .m-xxl-n7 { - margin: -1.75rem !important - } - - .m-xxl-n8 { - margin: -2rem !important - } - - .m-xxl-n9 { - margin: -2.25rem !important - } - - .m-xxl-n10 { - margin: -2.5rem !important - } - - .m-xxl-n11 { - margin: -2.75rem !important - } - - .m-xxl-n12 { - margin: -3rem !important - } - - .mx-xxl-n50 { - margin-inline-end: -0.125rem !important; - margin-inline-start: -0.125rem !important - } - - .mx-xxl-n1 { - margin-inline-end: -0.25rem !important; - margin-inline-start: -0.25rem !important - } - - .mx-xxl-n1_5 { - margin-inline-end: -0.375rem !important; - margin-inline-start: -0.375rem !important - } - - .mx-xxl-n2 { - margin-inline-end: -0.5rem !important; - margin-inline-start: -0.5rem !important - } - - .mx-xxl-n3 { - margin-inline-end: -0.75rem !important; - margin-inline-start: -0.75rem !important - } - - .mx-xxl-n4 { - margin-inline-end: -1rem !important; - margin-inline-start: -1rem !important - } - - .mx-xxl-n5 { - margin-inline-end: -1.25rem !important; - margin-inline-start: -1.25rem !important - } - - .mx-xxl-n6 { - margin-inline-end: -1.5rem !important; - margin-inline-start: -1.5rem !important - } - - .mx-xxl-n7 { - margin-inline-end: -1.75rem !important; - margin-inline-start: -1.75rem !important - } - - .mx-xxl-n8 { - margin-inline-end: -2rem !important; - margin-inline-start: -2rem !important - } - - .mx-xxl-n9 { - margin-inline-end: -2.25rem !important; - margin-inline-start: -2.25rem !important - } - - .mx-xxl-n10 { - margin-inline-end: -2.5rem !important; - margin-inline-start: -2.5rem !important - } - - .mx-xxl-n11 { - margin-inline-end: -2.75rem !important; - margin-inline-start: -2.75rem !important - } - - .mx-xxl-n12 { - margin-inline-end: -3rem !important; - margin-inline-start: -3rem !important - } - - .my-xxl-n50 { - margin-block-start: -0.125rem !important; - margin-block-end: -0.125rem !important - } - - .my-xxl-n1 { - margin-block-start: -0.25rem !important; - margin-block-end: -0.25rem !important - } - - .my-xxl-n1_5 { - margin-block-start: -0.375rem !important; - margin-block-end: -0.375rem !important - } - - .my-xxl-n2 { - margin-block-start: -0.5rem !important; - margin-block-end: -0.5rem !important - } - - .my-xxl-n3 { - margin-block-start: -0.75rem !important; - margin-block-end: -0.75rem !important - } - - .my-xxl-n4 { - margin-block-start: -1rem !important; - margin-block-end: -1rem !important - } - - .my-xxl-n5 { - margin-block-start: -1.25rem !important; - margin-block-end: -1.25rem !important - } - - .my-xxl-n6 { - margin-block-start: -1.5rem !important; - margin-block-end: -1.5rem !important - } - - .my-xxl-n7 { - margin-block-start: -1.75rem !important; - margin-block-end: -1.75rem !important - } - - .my-xxl-n8 { - margin-block-start: -2rem !important; - margin-block-end: -2rem !important - } - - .my-xxl-n9 { - margin-block-start: -2.25rem !important; - margin-block-end: -2.25rem !important - } - - .my-xxl-n10 { - margin-block-start: -2.5rem !important; - margin-block-end: -2.5rem !important - } - - .my-xxl-n11 { - margin-block-start: -2.75rem !important; - margin-block-end: -2.75rem !important - } - - .my-xxl-n12 { - margin-block-start: -3rem !important; - margin-block-end: -3rem !important - } - - .mt-xxl-n50 { - margin-block-start: -0.125rem !important - } - - .mt-xxl-n1 { - margin-block-start: -0.25rem !important - } - - .mt-xxl-n1_5 { - margin-block-start: -0.375rem !important - } - - .mt-xxl-n2 { - margin-block-start: -0.5rem !important - } - - .mt-xxl-n3 { - margin-block-start: -0.75rem !important - } - - .mt-xxl-n4 { - margin-block-start: -1rem !important - } - - .mt-xxl-n5 { - margin-block-start: -1.25rem !important - } - - .mt-xxl-n6 { - margin-block-start: -1.5rem !important - } - - .mt-xxl-n7 { - margin-block-start: -1.75rem !important - } - - .mt-xxl-n8 { - margin-block-start: -2rem !important - } - - .mt-xxl-n9 { - margin-block-start: -2.25rem !important - } - - .mt-xxl-n10 { - margin-block-start: -2.5rem !important - } - - .mt-xxl-n11 { - margin-block-start: -2.75rem !important - } - - .mt-xxl-n12 { - margin-block-start: -3rem !important - } - - .me-xxl-n50 { - margin-inline-end: -0.125rem !important - } - - .me-xxl-n1 { - margin-inline-end: -0.25rem !important - } - - .me-xxl-n1_5 { - margin-inline-end: -0.375rem !important - } - - .me-xxl-n2 { - margin-inline-end: -0.5rem !important - } - - .me-xxl-n3 { - margin-inline-end: -0.75rem !important - } - - .me-xxl-n4 { - margin-inline-end: -1rem !important - } - - .me-xxl-n5 { - margin-inline-end: -1.25rem !important - } - - .me-xxl-n6 { - margin-inline-end: -1.5rem !important - } - - .me-xxl-n7 { - margin-inline-end: -1.75rem !important - } - - .me-xxl-n8 { - margin-inline-end: -2rem !important - } - - .me-xxl-n9 { - margin-inline-end: -2.25rem !important - } - - .me-xxl-n10 { - margin-inline-end: -2.5rem !important - } - - .me-xxl-n11 { - margin-inline-end: -2.75rem !important - } - - .me-xxl-n12 { - margin-inline-end: -3rem !important - } - - .mb-xxl-n50 { - margin-block-end: -0.125rem !important - } - - .mb-xxl-n1 { - margin-block-end: -0.25rem !important - } - - .mb-xxl-n1_5 { - margin-block-end: -0.375rem !important - } - - .mb-xxl-n2 { - margin-block-end: -0.5rem !important - } - - .mb-xxl-n3 { - margin-block-end: -0.75rem !important - } - - .mb-xxl-n4 { - margin-block-end: -1rem !important - } - - .mb-xxl-n5 { - margin-block-end: -1.25rem !important - } - - .mb-xxl-n6 { - margin-block-end: -1.5rem !important - } - - .mb-xxl-n7 { - margin-block-end: -1.75rem !important - } - - .mb-xxl-n8 { - margin-block-end: -2rem !important - } - - .mb-xxl-n9 { - margin-block-end: -2.25rem !important - } - - .mb-xxl-n10 { - margin-block-end: -2.5rem !important - } - - .mb-xxl-n11 { - margin-block-end: -2.75rem !important - } - - .mb-xxl-n12 { - margin-block-end: -3rem !important - } - - .ms-xxl-n50 { - margin-inline-start: -0.125rem !important - } - - .ms-xxl-n1 { - margin-inline-start: -0.25rem !important - } - - .ms-xxl-n1_5 { - margin-inline-start: -0.375rem !important - } - - .ms-xxl-n2 { - margin-inline-start: -0.5rem !important - } - - .ms-xxl-n3 { - margin-inline-start: -0.75rem !important - } - - .ms-xxl-n4 { - margin-inline-start: -1rem !important - } - - .ms-xxl-n5 { - margin-inline-start: -1.25rem !important - } - - .ms-xxl-n6 { - margin-inline-start: -1.5rem !important - } - - .ms-xxl-n7 { - margin-inline-start: -1.75rem !important - } - - .ms-xxl-n8 { - margin-inline-start: -2rem !important - } - - .ms-xxl-n9 { - margin-inline-start: -2.25rem !important - } - - .ms-xxl-n10 { - margin-inline-start: -2.5rem !important - } - - .ms-xxl-n11 { - margin-inline-start: -2.75rem !important - } - - .ms-xxl-n12 { - margin-inline-start: -3rem !important - } - - .p-xxl-0 { - padding: 0 !important - } - - .p-xxl-50 { - padding: .125rem !important - } - - .p-xxl-1 { - padding: .25rem !important - } - - .p-xxl-1_5 { - padding: .375rem !important - } - - .p-xxl-2 { - padding: .5rem !important - } - - .p-xxl-3 { - padding: .75rem !important - } - - .p-xxl-4 { - padding: 1rem !important - } - - .p-xxl-5 { - padding: 1.25rem !important - } - - .p-xxl-6 { - padding: 1.5rem !important - } - - .p-xxl-7 { - padding: 1.75rem !important - } - - .p-xxl-8 { - padding: 2rem !important - } - - .p-xxl-9 { - padding: 2.25rem !important - } - - .p-xxl-10 { - padding: 2.5rem !important - } - - .p-xxl-11 { - padding: 2.75rem !important - } - - .p-xxl-12 { - padding: 3rem !important - } - - .px-xxl-0 { - padding-inline-end: 0 !important; - padding-inline-start: 0 !important - } - - .px-xxl-50 { - padding-inline-end: .125rem !important; - padding-inline-start: .125rem !important - } - - .px-xxl-1 { - padding-inline-end: .25rem !important; - padding-inline-start: .25rem !important - } - - .px-xxl-1_5 { - padding-inline-end: .375rem !important; - padding-inline-start: .375rem !important - } - - .px-xxl-2 { - padding-inline-end: .5rem !important; - padding-inline-start: .5rem !important - } - - .px-xxl-3 { - padding-inline-end: .75rem !important; - padding-inline-start: .75rem !important - } - - .px-xxl-4 { - padding-inline-end: 1rem !important; - padding-inline-start: 1rem !important - } - - .px-xxl-5 { - padding-inline-end: 1.25rem !important; - padding-inline-start: 1.25rem !important - } - - .px-xxl-6 { - padding-inline-end: 1.5rem !important; - padding-inline-start: 1.5rem !important - } - - .px-xxl-7 { - padding-inline-end: 1.75rem !important; - padding-inline-start: 1.75rem !important - } - - .px-xxl-8 { - padding-inline-end: 2rem !important; - padding-inline-start: 2rem !important - } - - .px-xxl-9 { - padding-inline-end: 2.25rem !important; - padding-inline-start: 2.25rem !important - } - - .px-xxl-10 { - padding-inline-end: 2.5rem !important; - padding-inline-start: 2.5rem !important - } - - .px-xxl-11 { - padding-inline-end: 2.75rem !important; - padding-inline-start: 2.75rem !important - } - - .px-xxl-12 { - padding-inline-end: 3rem !important; - padding-inline-start: 3rem !important - } - - .py-xxl-0 { - padding-block-start: 0 !important; - padding-block-end: 0 !important - } - - .py-xxl-50 { - padding-block-start: .125rem !important; - padding-block-end: .125rem !important - } - - .py-xxl-1 { - padding-block-start: .25rem !important; - padding-block-end: .25rem !important - } - - .py-xxl-1_5 { - padding-block-start: .375rem !important; - padding-block-end: .375rem !important - } - - .py-xxl-2 { - padding-block-start: .5rem !important; - padding-block-end: .5rem !important - } - - .py-xxl-3 { - padding-block-start: .75rem !important; - padding-block-end: .75rem !important - } - - .py-xxl-4 { - padding-block-start: 1rem !important; - padding-block-end: 1rem !important - } - - .py-xxl-5 { - padding-block-start: 1.25rem !important; - padding-block-end: 1.25rem !important - } - - .py-xxl-6 { - padding-block-start: 1.5rem !important; - padding-block-end: 1.5rem !important - } - - .py-xxl-7 { - padding-block-start: 1.75rem !important; - padding-block-end: 1.75rem !important - } - - .py-xxl-8 { - padding-block-start: 2rem !important; - padding-block-end: 2rem !important - } - - .py-xxl-9 { - padding-block-start: 2.25rem !important; - padding-block-end: 2.25rem !important - } - - .py-xxl-10 { - padding-block-start: 2.5rem !important; - padding-block-end: 2.5rem !important - } - - .py-xxl-11 { - padding-block-start: 2.75rem !important; - padding-block-end: 2.75rem !important - } - - .py-xxl-12 { - padding-block-start: 3rem !important; - padding-block-end: 3rem !important - } - - .pt-xxl-0 { - padding-block-start: 0 !important - } - - .pt-xxl-50 { - padding-block-start: .125rem !important - } - - .pt-xxl-1 { - padding-block-start: .25rem !important - } - - .pt-xxl-1_5 { - padding-block-start: .375rem !important - } - - .pt-xxl-2 { - padding-block-start: .5rem !important - } - - .pt-xxl-3 { - padding-block-start: .75rem !important - } - - .pt-xxl-4 { - padding-block-start: 1rem !important - } - - .pt-xxl-5 { - padding-block-start: 1.25rem !important - } - - .pt-xxl-6 { - padding-block-start: 1.5rem !important - } - - .pt-xxl-7 { - padding-block-start: 1.75rem !important - } - - .pt-xxl-8 { - padding-block-start: 2rem !important - } - - .pt-xxl-9 { - padding-block-start: 2.25rem !important - } - - .pt-xxl-10 { - padding-block-start: 2.5rem !important - } - - .pt-xxl-11 { - padding-block-start: 2.75rem !important - } - - .pt-xxl-12 { - padding-block-start: 3rem !important - } - - .pe-xxl-0 { - padding-inline-end: 0 !important - } - - .pe-xxl-50 { - padding-inline-end: .125rem !important - } - - .pe-xxl-1 { - padding-inline-end: .25rem !important - } - - .pe-xxl-1_5 { - padding-inline-end: .375rem !important - } - - .pe-xxl-2 { - padding-inline-end: .5rem !important - } - - .pe-xxl-3 { - padding-inline-end: .75rem !important - } - - .pe-xxl-4 { - padding-inline-end: 1rem !important - } - - .pe-xxl-5 { - padding-inline-end: 1.25rem !important - } - - .pe-xxl-6 { - padding-inline-end: 1.5rem !important - } - - .pe-xxl-7 { - padding-inline-end: 1.75rem !important - } - - .pe-xxl-8 { - padding-inline-end: 2rem !important - } - - .pe-xxl-9 { - padding-inline-end: 2.25rem !important - } - - .pe-xxl-10 { - padding-inline-end: 2.5rem !important - } - - .pe-xxl-11 { - padding-inline-end: 2.75rem !important - } - - .pe-xxl-12 { - padding-inline-end: 3rem !important - } - - .pb-xxl-0 { - padding-block-end: 0 !important - } - - .pb-xxl-50 { - padding-block-end: .125rem !important - } - - .pb-xxl-1 { - padding-block-end: .25rem !important - } - - .pb-xxl-1_5 { - padding-block-end: .375rem !important - } - - .pb-xxl-2 { - padding-block-end: .5rem !important - } - - .pb-xxl-3 { - padding-block-end: .75rem !important - } - - .pb-xxl-4 { - padding-block-end: 1rem !important - } - - .pb-xxl-5 { - padding-block-end: 1.25rem !important - } - - .pb-xxl-6 { - padding-block-end: 1.5rem !important - } - - .pb-xxl-7 { - padding-block-end: 1.75rem !important - } - - .pb-xxl-8 { - padding-block-end: 2rem !important - } - - .pb-xxl-9 { - padding-block-end: 2.25rem !important - } - - .pb-xxl-10 { - padding-block-end: 2.5rem !important - } - - .pb-xxl-11 { - padding-block-end: 2.75rem !important - } - - .pb-xxl-12 { - padding-block-end: 3rem !important - } - - .ps-xxl-0 { - padding-inline-start: 0 !important - } - - .ps-xxl-50 { - padding-inline-start: .125rem !important - } - - .ps-xxl-1 { - padding-inline-start: .25rem !important - } - - .ps-xxl-1_5 { - padding-inline-start: .375rem !important - } - - .ps-xxl-2 { - padding-inline-start: .5rem !important - } - - .ps-xxl-3 { - padding-inline-start: .75rem !important - } - - .ps-xxl-4 { - padding-inline-start: 1rem !important - } - - .ps-xxl-5 { - padding-inline-start: 1.25rem !important - } - - .ps-xxl-6 { - padding-inline-start: 1.5rem !important - } - - .ps-xxl-7 { - padding-inline-start: 1.75rem !important - } - - .ps-xxl-8 { - padding-inline-start: 2rem !important - } - - .ps-xxl-9 { - padding-inline-start: 2.25rem !important - } - - .ps-xxl-10 { - padding-inline-start: 2.5rem !important - } - - .ps-xxl-11 { - padding-inline-start: 2.75rem !important - } - - .ps-xxl-12 { - padding-inline-start: 3rem !important - } - - .gap-xxl-0 { - gap: 0 !important - } - - .gap-xxl-50 { - gap: .125rem !important - } - - .gap-xxl-1 { - gap: .25rem !important - } - - .gap-xxl-1_5 { - gap: .375rem !important - } - - .gap-xxl-2 { - gap: .5rem !important - } - - .gap-xxl-3 { - gap: .75rem !important - } - - .gap-xxl-4 { - gap: 1rem !important - } - - .gap-xxl-5 { - gap: 1.25rem !important - } - - .gap-xxl-6 { - gap: 1.5rem !important - } - - .gap-xxl-7 { - gap: 1.75rem !important - } - - .gap-xxl-8 { - gap: 2rem !important - } - - .gap-xxl-9 { - gap: 2.25rem !important - } - - .gap-xxl-10 { - gap: 2.5rem !important - } - - .gap-xxl-11 { - gap: 2.75rem !important - } - - .gap-xxl-12 { - gap: 3rem !important - } - - .row-gap-xxl-0 { - row-gap: 0 !important - } - - .row-gap-xxl-50 { - row-gap: .125rem !important - } - - .row-gap-xxl-1 { - row-gap: .25rem !important - } - - .row-gap-xxl-1_5 { - row-gap: .375rem !important - } - - .row-gap-xxl-2 { - row-gap: .5rem !important - } - - .row-gap-xxl-3 { - row-gap: .75rem !important - } - - .row-gap-xxl-4 { - row-gap: 1rem !important - } - - .row-gap-xxl-5 { - row-gap: 1.25rem !important - } - - .row-gap-xxl-6 { - row-gap: 1.5rem !important - } - - .row-gap-xxl-7 { - row-gap: 1.75rem !important - } - - .row-gap-xxl-8 { - row-gap: 2rem !important - } - - .row-gap-xxl-9 { - row-gap: 2.25rem !important - } - - .row-gap-xxl-10 { - row-gap: 2.5rem !important - } - - .row-gap-xxl-11 { - row-gap: 2.75rem !important - } - - .row-gap-xxl-12 { - row-gap: 3rem !important - } - - .column-gap-xxl-0 { - column-gap: 0 !important - } - - .column-gap-xxl-50 { - column-gap: .125rem !important - } - - .column-gap-xxl-1 { - column-gap: .25rem !important - } - - .column-gap-xxl-1_5 { - column-gap: .375rem !important - } - - .column-gap-xxl-2 { - column-gap: .5rem !important - } - - .column-gap-xxl-3 { - column-gap: .75rem !important - } - - .column-gap-xxl-4 { - column-gap: 1rem !important - } - - .column-gap-xxl-5 { - column-gap: 1.25rem !important - } - - .column-gap-xxl-6 { - column-gap: 1.5rem !important - } - - .column-gap-xxl-7 { - column-gap: 1.75rem !important - } - - .column-gap-xxl-8 { - column-gap: 2rem !important - } - - .column-gap-xxl-9 { - column-gap: 2.25rem !important - } - - .column-gap-xxl-10 { - column-gap: 2.5rem !important - } - - .column-gap-xxl-11 { - column-gap: 2.75rem !important - } - - .column-gap-xxl-12 { - column-gap: 3rem !important - } - - .text-xxl-start { - text-align: start !important - } - - .text-xxl-end { - text-align: end !important - } - - .text-xxl-center { - text-align: center !important - } - } - - @media(min-width: 1200px) { - .fs-1 { - font-size: 2.875rem !important - } - - .fs-2 { - font-size: 2.375rem !important - } - - .fs-3 { - font-size: 1.75rem !important - } - - .fs-4 { - font-size: 1.5rem !important - } - - .fs-xxlarge { - font-size: 6rem !important - } - } - - @media print { - .d-print-inline { - display: inline !important - } - - .d-print-inline-block { - display: inline-block !important - } - - .d-print-block { - display: block !important - } - - .d-print-grid { - display: grid !important - } - - .d-print-table { - display: table !important - } - - .d-print-table-row { - display: table-row !important - } - - .d-print-table-cell { - display: table-cell !important - } - - .d-print-flex { - display: flex !important - } - - .d-print-inline-flex { - display: inline-flex !important - } - - .d-print-none { - display: none !important - } - } - - :root, - [data-bs-theme=light] { - --bs-menu-bg: var(--bs-paper-bg); - --bs-menu-bg-rgb: var(--bs-paper-bg-rgb); - --bs-menu-color: #384551; - --bs-menu-color-rgb: 56, 69, 81; - --bs-menu-hover-bg: #f2f3f3; - --bs-menu-hover-color: #384551; - --bs-menu-sub-active-bg: var(--bs-primary-bg-subtle); - --bs-menu-sub-active-color: var(--bs-primary); - --bs-menu-active-color: var(--bs-primary); - --bs-menu-active-bg: var(--bs-primary-bg-subtle); - --bs-menu-active-toggle-bg: #edeef0; - --bs-menu-horizontal-active-bg: var(--bs-menu-bg); - --bs-menu-box-shadow: 0 0.125rem 0.375rem 0 rgba(34, 48, 62, 0.08); - --bs-menu-divider-color: var(--bs-white); - --bs-menu-width: 16.25rem; - --bs-menu-collapsed-width: 5.25rem; - --bs-menu-item-spacer: 0.125rem; - --bs-menu-vertical-link-padding-y: 0.3125rem; - --bs-menu-vertical-link-padding-x: 0.9375rem; - --bs-menu-vertical-menu-link-padding-y: 0.3125rem; - --bs-menu-vertical-menu-level-spacer: 0.65rem; - --bs-menu-horizontal-menu-box-shadow: var(--bs-box-shadow-lg) - } - - [data-semidark-menu=true], - [data-bs-theme=dark] { - --bs-menu-bg: #2b2c40; - --bs-menu-bg-rgb: var(--bs-paper-bg-rgb); - --bs-menu-color: #b2b2c4; - --bs-menu-color-rgb: 178, 178, 196; - --bs-menu-hover-bg: rgba(230, 230, 241, 0.06); - --bs-menu-hover-color: #b2b2c4; - --bs-menu-active-bg: var(--bs-primary); - --bs-menu-active-color: #fff; - --bs-menu-active-toggle-bg: rgba(230, 230, 241, 0.08); - --bs-menu-sub-active-bg: var(--bs-primary); - --bs-menu-sub-active-color: #fff; - --bs-menu-box-shadow: 0 0.125rem 0.375rem 0 rgba(20, 20, 29, 0.2); - --bs-menu-divider-color: transparent; - --bs-menu-horizontal-active-bg: var(--bs-menu-bg) - } - - .app-overlay { - position: absolute; - z-index: 3; - background-color: rgba(0, 0, 0, 0); - inset: 0; - transition: all .25s ease-in-out; - visibility: hidden - } - - .app-overlay.show { - background-color: rgba(34, 48, 62, .5); - visibility: visible - } - - @media all and (-ms-high-contrast: none), - (-ms-high-contrast: active) { - - .card, - .card-body, - .media, - .flex-column, - .tab-content { - min-block-size: 1px - } - - img { - block-size: auto; - min-block-size: 1px - } - } - - .container, - .container-fluid, - .container-sm, - .container-md, - .container-lg, - .container-xl, - .container-xxl { - padding-inline: 1rem - } - - @media(min-width: 992px) { - - .container, - .container-fluid, - .container-sm, - .container-md, - .container-lg, - .container-xl, - .container-xxl { - padding-inline: 1.625rem - } - } - - .buy-now .btn-buy-now { - position: fixed; - z-index: 1080; - box-shadow: 0 1px 20px 1px #ff3e1d; - inset-block-end: 3rem; - inset-inline-end: 1.625rem - } - - .buy-now .btn-buy-now:hover { - box-shadow: none - } - - .line-clamp-1 { - display: -webkit-box; - overflow: hidden; - -webkit-box-orient: vertical; - -webkit-line-clamp: 1 - } - - .line-clamp-2 { - display: -webkit-box; - overflow: hidden; - -webkit-box-orient: vertical; - -webkit-line-clamp: 2 - } - - .line-clamp-3 { - display: -webkit-box; - overflow: hidden; - -webkit-box-orient: vertical; - -webkit-line-clamp: 3 - } - - .ui-bg-cover { - background-color: rgba(0, 0, 0, 0); - background-position: center center; - background-size: cover - } - - .ui-bg-overlay-container, - .ui-bg-video-container { - position: relative - } - - .ui-bg-overlay-container>*, - .ui-bg-video-container>* { - position: relative - } - - .ui-bg-overlay-container .ui-bg-overlay { - position: absolute; - display: block; - background-color: var(--bs-gray-900); - inset: 0 - } - - [data-bs-theme=dark] .ui-bg-overlay-container .ui-bg-overlay { - background-color: #575882 - } - - .menu { - display: flex; - background-color: var(--bs-menu-bg) - } - - @media(min-width: 1200px) { - .menu { - box-shadow: var(--bs-menu-box-shadow) - } - } - - .menu .app-brand { - inline-size: 100%; - padding-inline: calc(var(--bs-menu-vertical-link-padding-x)*2.1333) - } - - .menu .app-brand .app-brand-text { - color: var(--bs-heading-color) - } - - .menu .app-brand .layout-menu-toggle { - position: absolute; - z-index: 3; - border: 7px solid var(--bs-body-bg); - border-radius: 50%; - background-color: var(--bs-primary); - inset-inline-start: 15.2rem; - opacity: 1 - } - - .menu .app-brand .layout-menu-toggle i { - block-size: 1.375rem; - color: var(--bs-white); - inline-size: 1.375rem; - line-height: 1; - transition: all .3s ease-in-out - } - - :dir(rtl) .menu .app-brand .layout-menu-toggle i { - transform: scaleX(-1) - } - - @media(min-width: 1200px) { - .menu .app-brand .layout-menu-toggle::before { - position: absolute; - z-index: -1; - display: none; - border: 1px solid var(--bs-border-color); - border-radius: 50%; - block-size: 2.25rem; - clip-path: circle(71% at 0% 50%); - content: ""; - inline-size: 2.25rem; - inset-block-start: -0.46rem; - inset-inline-start: -0.5rem - } - - :dir(rtl) .menu .app-brand .layout-menu-toggle::before { - clip-path: circle(71% at 100% 50%) - } - - [data-skin=bordered] .menu .app-brand .layout-menu-toggle::before { - display: block - } - } - - @media(max-width: 1199.98px) { - .menu .app-brand .layout-menu-toggle { - display: none; - border: 7px solid var(--bs-paper-bg) - } - - .layout-menu-expanded .menu .app-brand .layout-menu-toggle { - display: block - } - } - - .menu .menu-sub>.menu-item>.menu-link::before { - position: absolute; - border-radius: 50%; - background-color: var(--bs-gray-400); - block-size: .375rem; - content: ""; - inline-size: .375rem; - inset-inline-start: 1.4375rem - } - - .layout-horizontal .menu .menu-sub>.menu-item>.menu-link::before { - inset-inline-start: 1rem - } - - @media(max-width: 1199.98px) { - .layout-horizontal .menu .menu-sub>.menu-item>.menu-link::before { - inset-inline-start: 1.5rem - } - } - - .menu.menu-horizontal .menu-inner>.menu-item>.menu-sub>.menu-item>.menu-link { - padding-inline-start: 1rem - } - - .menu.menu-horizontal .menu-inner>.menu-item>.menu-sub>.menu-item>.menu-link::before { - display: none - } - - .menu.menu-horizontal .menu-sub .menu-item .menu-link { - padding-inline-start: 3rem - } - - .menu .ps.ps--active-y>.ps__rail-y { - background: none - } - - .menu .ps .ps__rail-y { - inset-inline: auto .25rem !important - } - - .menu .ps .ps__thumb-y, - .menu .ps .ps__rail-y { - inline-size: .125rem - } - - .menu .ps .ps__rail-y:hover, - .menu .ps .ps__rail-y:focus, - .menu .ps .ps__rail-y.ps--clicking, - .menu .ps .ps__rail-y:hover>.ps__thumb-y, - .menu .ps .ps__rail-y:focus>.ps__thumb-y, - .menu .ps .ps__rail-y.ps--clicking>.ps__thumb-y { - inline-size: .375rem - } - - .menu .ps .ps__thumb-y, - .menu .ps .ps__rail-y.ps--clicking>.ps__thumb-y { - opacity: .3 - } - - .menu-link { - position: relative; - display: flex; - flex: 0 1 auto; - align-items: center; - margin: 0 - } - - .menu:not(.menu-no-animation) .menu-link { - transition-duration: .3s; - transition-property: color, background-color, inset-inline-start - } - - .menu-item.disabled .menu-link { - cursor: not-allowed - } - - .menu-link>:not(.menu-icon) { - flex: 0 1 auto; - opacity: 1 - } - - .menu:not(.menu-no-animation) .menu-link>:not(.menu-icon) { - transition: opacity .3s ease-in-out - } - - .menu-inner { - display: flex; - align-items: flex-start; - justify-content: flex-start; - padding: 0; - margin: 0; - block-size: 100% - } - - .menu-inner>.menu-item.menu-item-closing .menu-item.open .menu-sub, - .menu-inner>.menu-item.menu-item-closing .menu-item.open .menu-toggle { - background-color: rgba(0, 0, 0, 0); - color: var(--bs-menu-color) - } - - .menu-inner-shadow { - position: absolute; - z-index: 2; - display: none; - background: linear-gradient(var(--bs-menu-bg) 41%, rgba(var(--bs-menu-bg-rgb), 0.11) 95%, rgba(var(--bs-menu-bg-rgb), 0)); - inline-size: 100%; - inset-block-start: 4.35rem; - pointer-events: none - } - - @media(min-width: 1200px) { - .menu-inner-shadow { - block-size: 3rem - } - } - - @media(max-width: 1199.98px) { - .menu-inner-shadow { - block-size: 1.5rem - } - } - - .layout-navbar-full .menu-inner-shadow { - inset-block-start: 0 - } - - .menu-item { - align-items: flex-start; - justify-content: flex-start - } - - .menu-item.menu-item-animating { - transition: block-size .3s ease-in-out - } - - .menu.menu-horizontal .menu-inner>.menu-item>.menu-link { - border-radius: .375rem - } - - .menu.menu-horizontal .menu-inner>.menu-item.active>.menu-link.menu-toggle { - background: var(--bs-menu-active-bg); - color: var(--bs-menu-active-color) - } - - .menu.menu-horizontal .menu-inner>.menu-item { - margin-block: .625rem; - margin-inline: 0 - } - - .menu.menu-horizontal .menu-inner>.menu-item:not(:first-child) { - margin-inline-start: .1875rem - } - - .menu.menu-horizontal .menu-inner>.menu-item:not(:last-child) { - margin-inline-end: .1875rem - } - - .menu.menu-horizontal .menu-inner>.menu-item .menu-sub { - z-index: 1; - box-shadow: var(--bs-menu-horizontal-menu-box-shadow) - } - - .menu-item, - .menu-header, - .menu-divider, - .menu-block { - flex: 0 0 auto; - flex-direction: column; - padding: 0; - margin: 0; - list-style: none - } - - .menu-header { - opacity: 1; - transition: opacity .3s ease-in-out - } - - .menu-header .menu-header-text { - color: var(--bs-gray-400); - letter-spacing: .4px; - text-transform: uppercase; - white-space: nowrap - } - - .menu-icon { - flex-grow: 0; - flex-shrink: 0; - block-size: 1.375rem; - font-size: 1.375rem; - inline-size: 1.375rem; - margin-inline-end: .5rem - } - - .menu:not(.menu-no-animation) .menu-icon { - transition: margin-inline-end .3s ease - } - - .menu-icon .menu-link { - transition-duration: .3s - } - - .menu-icon .menu-toggle::after { - transition-duration: .3s; - transition-property: -webkit-transform, transform - } - - .menu-link, - .menu-horizontal-prev, - .menu-horizontal-next { - color: var(--bs-menu-color) - } - - .menu-link:hover, - .menu-link:focus, - .menu-horizontal-prev:hover, - .menu-horizontal-prev:focus, - .menu-horizontal-next:hover, - .menu-horizontal-next:focus { - color: var(--bs-menu-hover-color) - } - - .menu-item.disabled .menu-link, - .menu-horizontal-prev.disabled, - .menu-horizontal-next.disabled { - opacity: .6 - } - - .menu-sub { - display: none; - flex-direction: column; - padding: 0; - margin: 0 - } - - .menu-item.open>.menu-sub { - display: flex - } - - .menu-sub>.menu-item.active>.menu-link { - background-color: rgba(0, 0, 0, 0); - color: var(--bs-heading-color) - } - - .menu-sub>.menu-item.active>.menu-link:not(.menu-toggle)::before { - box-shadow: 0 0 0 1px var(--bs-paper-bg) - } - - .menu-sub>.menu-item.active>.menu-link.menu-toggle { - background-color: var(--bs-menu-active-toggle-bg); - color: var(--bs-menu-color) - } - - .menu-toggle::after { - position: absolute; - display: block; - border: 2px solid; - block-size: .45em; - border-block-end: 0; - border-inline-start: 0; - content: ""; - inline-size: .45em; - inset-block-start: 49%; - transform: translateY(-50%) rotate(45deg) - } - - :dir(rtl) .menu-toggle::after { - transform: translateY(-50%) rotate(-45deg) - } - - .menu-divider { - border: 0; - border-block-start: 1px solid; - border-block-start-color: var(--bs-menu-divider-color); - inline-size: 100% - } - - .menu-vertical { - flex-direction: column - } - - .menu-vertical:not(.menu-no-animation) { - transition: inline-size .3s - } - - .menu-vertical, - .menu-vertical .menu-block, - .menu-vertical .menu-inner>.menu-item, - .menu-vertical .menu-inner>.menu-header { - inline-size: var(--bs-menu-width) - } - - .menu-vertical .menu-inner { - flex: 1 1 auto; - flex-direction: column - } - - .menu-vertical .menu-inner>.menu-item { - margin-block: var(--bs-menu-item-spacer); - margin-inline: 0 - } - - .layout-wrapper:not(.layout-horizontal) .menu-vertical .menu-inner>.menu-item.active::before { - position: absolute; - background-color: var(--bs-primary); - block-size: 2.6845rem; - content: ""; - inline-size: .25rem; - inset-inline-end: 0; - border-start-start-radius: .375rem; - border-end-start-radius: .375rem - } - - .menu-vertical .menu-inner>.menu-item.active>.menu-link:not(.menu-toggle) { - background-color: var(--bs-menu-active-bg); - color: var(--bs-menu-active-color) - } - - .menu-vertical .menu-inner>.menu-item .menu-link { - border-radius: .375rem; - margin-block: 0; - margin-inline: 1rem - } - - .menu-vertical .menu-item .menu-link, - .menu-vertical .menu-block { - padding-block: var(--bs-menu-vertical-link-padding-y); - padding-inline: var(--bs-menu-vertical-link-padding-x) - } - - .layout-menu-hover .menu-vertical .menu-inner>.menu-item>.menu-link, - .layout-menu-hover .menu-vertical .menu-inner>.menu-block, - .layout-menu-hover .menu-vertical .menu-inner>.menu-header { - padding-inline: calc(0.9375rem - 1px) calc(var(--bs-menu-vertical-link-padding-x) + 1.76em) - } - - .menu-vertical .menu-header { - position: relative; - margin-block: 1rem .5rem; - margin-inline: 0; - padding-block: .625rem; - padding-inline: 1.9996875rem - } - - .menu-vertical .menu-header::before { - position: absolute; - background-color: var(--bs-gray-200); - block-size: 1px; - content: ""; - inline-size: 1rem; - inset-block-start: 50%; - inset-inline-start: 0; - transition: all .3s ease-in-out - } - - .menu-vertical .menu-item .menu-link { - font-size: 0.7375rem; - min-block-size: 2.625rem - } - - .menu-vertical .menu-item .menu-link>div:not(.badge) { - overflow: hidden; - line-height: 1.375rem; - text-overflow: ellipsis; - white-space: nowrap - } - - .menu-vertical .menu-item .menu-toggle { - padding-inline-end: calc(var(--bs-menu-vertical-link-padding-x) + 1.76em) - } - - .menu-vertical .menu-item .menu-toggle::after { - inset-inline-end: calc(var(--bs-menu-vertical-link-padding-x) + .3rem); - transition: transform .3s - } - - .menu-vertical .menu-item:not(.active):not(.open) .menu-link:hover { - background-color: var(--bs-menu-hover-bg) - } - - .menu-vertical .menu-item.active>.menu-toggle { - background-color: var(--bs-menu-sub-active-bg); - color: var(--bs-menu-sub-active-color) - } - - .menu-vertical .menu-item.active:not(.open)>.menu-link:not(.menu-toggle)::before { - background-color: var(--bs-primary); - block-size: .5rem; - box-shadow: 0 0 0 3px var(--bs-primary-bg-subtle); - inline-size: .5rem; - inset-inline-start: 1.4rem - } - - .layout-horizontal .menu-vertical .menu-item.active:not(.open)>.menu-link:not(.menu-toggle)::before { - inset-inline-start: 1.5rem - } - - .menu-vertical .menu-item.open:not(.menu-item-closing)>.menu-link::after { - transform: translateY(-50%) rotate(135deg) - } - - :dir(rtl) .menu-vertical .menu-item.open:not(.menu-item-closing)>.menu-link::after { - transform: translateY(-50%) rotate(-135deg) - } - - .menu-vertical .menu-divider { - padding: 0; - margin-block: .5rem - } - - .menu-vertical .menu-sub .menu-item { - margin-block: calc(var(--bs-menu-item-spacer)*2) 0; - margin-inline: 0 - } - - @media(max-width: 1199.98px) { - .layout-horizontal .menu-vertical .menu-sub .menu-icon { - display: none - } - } - - @media(max-width: 1199.98px) { - .layout-horizontal .menu-vertical { - box-shadow: none - } - } - - .layout-horizontal .menu-vertical .menu-item { - margin-block-start: .25rem - } - - .menu-vertical .menu-horizontal-wrapper { - flex: none - } - - .menu-vertical~.menu-mobile-toggler { - display: none - } - - .layout-navbar-hidden .menu-vertical~.menu-mobile-toggler { - position: fixed; - z-index: 1067; - display: flex; - align-items: center; - justify-content: center; - background-color: var(--bs-secondary); - inset-block-end: calc(1.625rem*2); - inset-inline-start: 1.625rem - } - - .menu-vertical .menu-sub .menu-link { - padding-inline-start: 2.9375rem - } - - .layout-wrapper:not(.layout-horizontal) .menu-vertical .menu-inner>.menu-item .menu-sub .menu-sub .menu-link { - padding-inline-start: 3.4375rem - } - - .layout-wrapper:not(.layout-horizontal) .menu-vertical .menu-inner>.menu-item .menu-sub .menu-sub .menu-link::before { - inset-inline-start: 1.975rem - } - - .layout-wrapper:not(.layout-horizontal) .menu-vertical .menu-inner>.menu-item .menu-sub .menu-sub>.menu-item.active>.menu-link::before { - inset-inline-start: 1.965rem - } - - .layout-wrapper:not(.layout-horizontal) .menu-vertical .menu-inner>.menu-item .menu-sub .menu-sub .menu-sub .menu-link { - padding-inline-start: 4.0875rem - } - - .layout-wrapper:not(.layout-horizontal) .menu-vertical .menu-inner>.menu-item .menu-sub .menu-sub .menu-sub .menu-link::before { - inset-inline-start: 2.625rem - } - - .layout-wrapper:not(.layout-horizontal) .menu-vertical .menu-inner>.menu-item .menu-sub .menu-sub .menu-sub>.menu-item.active>.menu-link::before { - inset-inline-start: 2.615rem - } - - .layout-wrapper:not(.layout-horizontal) .menu-vertical .menu-inner>.menu-item .menu-sub .menu-sub .menu-sub .menu-sub .menu-link { - padding-inline-start: 4.7375rem - } - - .layout-wrapper:not(.layout-horizontal) .menu-vertical .menu-inner>.menu-item .menu-sub .menu-sub .menu-sub .menu-sub .menu-link::before { - inset-inline-start: 3.275rem - } - - .layout-wrapper:not(.layout-horizontal) .menu-vertical .menu-inner>.menu-item .menu-sub .menu-sub .menu-sub .menu-sub>.menu-item.active>.menu-link::before { - inset-inline-start: 3.265rem - } - - .layout-wrapper:not(.layout-horizontal) .menu-vertical .menu-inner>.menu-item .menu-sub .menu-sub .menu-sub .menu-sub .menu-sub .menu-link { - padding-inline-start: 5.3875rem - } - - .layout-wrapper:not(.layout-horizontal) .menu-vertical .menu-inner>.menu-item .menu-sub .menu-sub .menu-sub .menu-sub .menu-sub .menu-link::before { - inset-inline-start: 3.925rem - } - - .layout-wrapper:not(.layout-horizontal) .menu-vertical .menu-inner>.menu-item .menu-sub .menu-sub .menu-sub .menu-sub .menu-sub>.menu-item.active>.menu-link::before { - inset-inline-start: 3.915rem - } - - .menu-collapsed:not(:hover) { - inline-size: var(--bs-menu-collapsed-width) - } - - .menu-collapsed:not(:hover) .menu-inner>.menu-item { - inline-size: var(--bs-menu-collapsed-width) - } - - .menu-collapsed:not(:hover) .menu-inner>.menu-header, - .menu-collapsed:not(:hover) .menu-block { - position: relative; - inline-size: var(--bs-menu-width); - margin-inline-start: var(--bs-menu-collapsed-width); - padding-inline: .5rem calc(var(--bs-menu-vertical-link-padding-x)*2 - .5rem); - text-indent: -9999px; - text-overflow: ellipsis; - white-space: nowrap - } - - .menu-collapsed:not(:hover) .menu-inner>.menu-header .menu-header-text, - .menu-collapsed:not(:hover) .menu-block .menu-header-text { - overflow: hidden; - opacity: 0 - } - - .menu-collapsed:not(:hover) .menu-inner>.menu-header::before, - .menu-collapsed:not(:hover) .menu-block::before { - position: absolute; - display: block; - content: ""; - inline-size: calc(var(--bs-menu-collapsed-width)*.22); - inset-block: 1.1875rem; - inset-inline-start: calc(-1*var(--bs-menu-collapsed-width)*.61); - text-align: center - } - - .menu-collapsed:not(:hover) .menu-block::before { - block-size: .125rem - } - - .menu-collapsed:not(:hover) .menu-inner>.menu-item div:not(.menu-block) { - overflow: hidden; - opacity: 0; - text-overflow: ellipsis; - white-space: nowrap - } - - .menu-collapsed:not(:hover) .menu-inner>.menu-item>.menu-sub, - .menu-collapsed:not(:hover) .menu-inner>.menu-item.open>.menu-sub { - display: none - } - - .menu-collapsed:not(:hover) .menu-inner>.menu-item>.menu-toggle::after { - display: none - } - - .menu-collapsed:not(:hover):not(.layout-menu-hover) .menu-inner>.menu-item>.menu-link, - .menu-collapsed:not(:hover):not(.layout-menu-hover) .menu-inner>.menu-block, - .menu-collapsed:not(:hover):not(.layout-menu-hover) .menu-inner>.menu-header { - padding-inline: calc(0.9375rem - 1px) - } - - .menu-collapsed:not(:hover) .menu-inner>.menu-item>.menu-link .menu-icon { - margin-inline-end: 0; - text-align: center - } - - .menu-horizontal { - flex-direction: row; - inline-size: 100% - } - - .menu-horizontal .menu-inner { - overflow: hidden; - flex: 0 1 100%; - flex-direction: row - } - - .menu-horizontal .menu-inner .menu-item:not(.menu-item-closing)>.menu-sub { - background-color: var(--bs-menu-bg) - } - - .menu-horizontal .menu-inner .menu-item:hover>.menu-link { - background-color: var(--bs-menu-hover-bg); - color: var(--bs-menu-hover-color) - } - - .menu-horizontal .menu-item .menu-link { - padding-block: .625rem; - padding-inline: 1rem - } - - .menu-horizontal .menu-item.active>.menu-link:not(.menu-toggle) { - background: var(--bs-menu-horizontal-active-bg); - color: var(--bs-primary) - } - - .menu-horizontal .menu-item.active>.menu-link:not(.menu-toggle)::before { - background-color: var(--bs-primary); - box-shadow: 0 0 0 3px var(--bs-primary-bg-subtle) - } - - .menu-horizontal .menu-item .menu-toggle { - padding-inline-end: calc(1rem + 1.76em) - } - - .menu-horizontal .menu-item .menu-toggle::after { - inset-block-start: 47%; - inset-inline-end: calc(1rem + 0.15rem) - } - - .menu-horizontal .menu-inner>.menu-item>.menu-toggle::after { - transform: translateY(-50%) rotate(135deg) - } - - :dir(rtl) .menu-horizontal .menu-inner>.menu-item>.menu-toggle::after { - transform: translateY(-50%) rotate(-135deg) - } - - .menu-horizontal .menu-inner>.menu-item>.menu-toggle::before { - position: absolute; - z-index: 2; - block-size: .625rem; - content: ""; - inline-size: 100%; - inset-block-start: 100%; - inset-inline-start: 0; - pointer-events: auto - } - - .menu-horizontal .menu-inner>.menu-item>.menu-sub { - margin-block-start: .625rem - } - - .menu-horizontal .menu-inner>.menu-item>.menu-sub .menu-sub { - margin-block: 0; - margin-inline: .375rem - } - - .menu-horizontal .menu-inner>.menu-item:not(.menu-item-closing).open .menu-item.open { - position: relative - } - - .menu-horizontal .menu-sub { - position: absolute; - inline-size: 14.5rem; - padding-block: .5rem; - padding-inline: 0 - } - - .menu-horizontal .menu-sub .menu-item:not(:last-child) { - margin-block-end: .125rem - } - - .menu-horizontal .menu-sub .menu-item.open .menu-link>div::after { - position: absolute; - z-index: 2; - block-size: 100%; - content: ""; - inline-size: 1.0625rem; - inset-inline-end: -1.0625rem; - pointer-events: auto - } - - .menu-horizontal .menu-sub .menu-sub { - position: absolute; - inline-size: 100%; - inset-block-start: 0; - inset-inline-start: 100% - } - - .menu-horizontal .menu-sub .menu-link { - padding-block: .625rem - } - - .menu-horizontal .menu-inner>.menu-item .menu-sub { - border-radius: .375rem - } - - .menu-horizontal .menu-inner>.menu-item .menu-sub .menu-sub .menu-link { - padding-inline-start: 2rem - } - - .menu-horizontal:not(.menu-no-animation) .menu-inner .menu-item.open .menu-sub { - animation: menuDropdownShow .3s ease-in-out - } - - @media(max-width: 991.98px) { - .menu-horizontal { - display: none - } - } - - .menu-horizontal-wrapper { - overflow: hidden; - flex: 0 1 100%; - inline-size: 0 - } - - .menu:not(.menu-no-animation) .menu-horizontal-wrapper .menu-inner { - transition: margin .3s - } - - .menu-horizontal-prev, - .menu-horizontal-next { - position: relative; - display: block; - flex: 0 0 auto; - inline-size: 2.25rem - } - - .menu-horizontal-prev::after, - .menu-horizontal-next::after { - position: absolute; - display: block; - border: 1px solid; - block-size: .5rem; - border-block-start: 0; - content: ""; - inline-size: .5rem; - inset-block-start: 50%; - inset-inline-start: 50% - } - - .menu-horizontal-prev.disabled, - .menu-horizontal-next.disabled { - cursor: not-allowed - } - - .menu-horizontal-prev::after { - border-inline-end: 0; - transform: translate(0, -50%) rotate(45deg) - } - - :dir(rtl) .menu-horizontal-prev::after { - transform: translate(0, -50%) rotate(-45deg) - } - - .menu-horizontal-next::after { - border-inline-start: 0; - transform: translate(50%, -50%) rotate(315deg) - } - - :dir(rtl) .menu-horizontal-next::after { - transform: translate(-50%, -50%) rotate(-315deg) - } - - @keyframes menuDropdownShow { - 0% { - opacity: 0; - transform: translateY(-0.5rem) - } - - 100% { - opacity: 1; - transform: translateY(0) - } - } - - .layout-container { - min-block-size: 100vh - } - - .layout-wrapper, - .layout-container { - display: flex; - flex: 1 1 auto; - align-items: stretch; - inline-size: 100% - } - - .layout-menu-offcanvas .layout-wrapper, - .layout-menu-fixed-offcanvas .layout-wrapper { - overflow: hidden - } - - .layout-menu-offcanvas .layout-navbar .layout-menu-toggle, - .layout-menu-fixed-offcanvas .layout-navbar .layout-menu-toggle { - display: block !important - } - - @media(min-width: 1200px) { - - .layout-menu-offcanvas .layout-menu .layout-menu-toggle, - .layout-menu-fixed-offcanvas .layout-menu .layout-menu-toggle { - display: none - } - - .layout-horizontal .layout-page .menu-horizontal { - box-shadow: var(--bs-menu-box-shadow) - } - } - - .layout-page, - .content-wrapper, - .content-wrapper>*, - .layout-menu { - min-block-size: 1px - } - - .layout-navbar, - .content-footer { - flex: 0 0 auto - } - - .layout-page { - display: flex; - flex: 1 1 auto; - align-items: stretch; - padding: 0 - } - - .layout-without-menu .layout-page { - padding-inline: 0 !important - } - - .content-wrapper { - display: flex; - flex: 1 1 auto; - flex-direction: column; - align-items: stretch; - justify-content: space-between - } - - .content-backdrop { - position: fixed; - top: 0; - left: 0; - z-index: 1; - width: 100vw; - height: 100vh; - background-color: #22303e - } - - .content-backdrop.fade { - opacity: 0 - } - - .content-backdrop.show { - opacity: .5 - } - - .layout-menu-fixed .content-backdrop { - z-index: 10 - } - - .layout-horizontal .content-backdrop:not(.fade) { - z-index: 9; - inset-block-start: 4rem !important - } - - .content-backdrop.fade { - z-index: -1 - } - - .sticky-element { - position: sticky; - z-index: 8 - } - - .window-scrolled .sticky-element { - inset-block-start: 0; - border-top-left-radius: 0; - border-top-right-radius: 0 - } - - .layout-navbar-fixed .sticky-element { - inset-block-start: 4.4375rem - } - - .layout-menu-fixed .layout-horizontal .sticky-element { - inset-block-start: 7.75rem - } - - .layout-menu-fixed.layout-navbar-fixed .layout-horizontal .sticky-element { - inset-block-start: 4rem - } - - .layout-navbar { - position: relative; - z-index: 2; - flex-wrap: nowrap; - block-size: 4rem; - color: var(--bs-body-color); - padding-block: .5rem - } - - .layout-navbar .navbar { - transform: translate3d(0, 0, 0) - } - - .layout-navbar .navbar-nav-right { - flex-basis: 100% - } - - .layout-navbar.navbar-detached { - border-radius: .375rem; - box-shadow: var(--bs-box-shadow-sm); - inline-size: calc(100% - 1.625rem*2); - margin-block: 1rem 0; - padding-block: 0; - padding-inline: 1.5rem - } - - .layout-navbar.navbar-detached.container-xxl { - max-inline-size: calc(1440px - 1.625rem*2) - } - - .layout-navbar-fixed .layout-navbar.navbar-detached { - inline-size: calc(100% - 1.625rem*2 - 16.25rem) - } - - @media(max-width: 1199.98px) { - .layout-navbar-fixed .layout-navbar.navbar-detached { - inline-size: calc(100% - 1.625rem*2) !important - } - } - - @media(max-width: 991.98px) { - .layout-navbar-fixed .layout-navbar.navbar-detached { - inline-size: calc(100% - 1rem*2) !important - } - } - - .layout-navbar-fixed.layout-menu-collapsed .layout-navbar.navbar-detached { - inline-size: calc(100% - 1.625rem*2 - 5.25rem) - } - - .layout-menu-collapsed .layout-navbar.navbar-detached, - .layout-without-menu .layout-navbar.navbar-detached { - inline-size: calc(100% - 1.625rem*2) - } - - .layout-wrapper:not(.layout-horizontal) .layout-navbar .dropdown-menu[data-bs-popper] { - inset-block-start: 144% - } - - @media(max-width: 767.98px) { - .layout-wrapper:not(.layout-horizontal) .layout-navbar .dropdown-menu[data-bs-popper] { - inset-block-start: 110% - } - } - - .layout-navbar .navbar-dropdown .badge-notifications { - inset-block-start: 3px; - inset-inline-end: -2px - } - - .layout-navbar .navbar-dropdown .dropdown-menu { - overflow: hidden; - min-inline-size: 22rem - } - - .layout-navbar .navbar-dropdown .dropdown-menu .dropdown-item { - min-block-size: 2.375rem - } - - .layout-navbar .navbar-dropdown .dropdown-menu .last-login { - white-space: normal - } - - .layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list { - max-block-size: 30rem - } - - .layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list .dropdown-notifications-item { - cursor: pointer; - padding-block: .75rem; - padding-inline: 1rem - } - - .layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list .dropdown-notifications-item .dropdown-notifications-actions { - text-align: center - } - - .layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list .dropdown-notifications-item .dropdown-notifications-actions>a { - display: block - } - - .layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list .dropdown-notifications-item .dropdown-notifications-archive i, - .layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list .dropdown-notifications-item .dropdown-notifications-archive span { - color: var(--bs-heading-color) - } - - .layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list .dropdown-notifications-item.marked-as-read .dropdown-notifications-read, - .layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list .dropdown-notifications-item.marked-as-read .dropdown-notifications-archive { - visibility: hidden - } - - .layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list .dropdown-notifications-item.marked-as-read .dropdown-notifications-read span { - background-color: var(--bs-secondary) - } - - .layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list .dropdown-notifications-item:not(.marked-as-read) .dropdown-notifications-archive { - visibility: hidden - } - - .layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list .dropdown-notifications-item:hover.marked-as-read .dropdown-notifications-read, - .layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list .dropdown-notifications-item:hover.marked-as-read .dropdown-notifications-archive { - visibility: visible - } - - .layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list .dropdown-notifications-item:hover:not(.marked-as-read) .dropdown-notifications-archive { - visibility: visible - } - - .layout-navbar .navbar-dropdown.dropdown-shortcuts .dropdown-shortcuts-list { - max-block-size: 30rem - } - - .layout-navbar .navbar-dropdown.dropdown-shortcuts .dropdown-shortcuts-item { - padding: 1.5rem; - text-align: center - } - - .layout-navbar .navbar-dropdown.dropdown-shortcuts .dropdown-shortcuts-item:hover { - background-color: var(--bs-gray-60) - } - - .layout-navbar .navbar-dropdown.dropdown-shortcuts .dropdown-shortcuts-item .dropdown-shortcuts-icon { - display: flex; - align-items: center; - justify-content: center; - background-color: var(--bs-gray-80); - block-size: 3.125rem; - color: var(--bs-heading-color); - inline-size: 3.125rem; - margin-inline: auto - } - - .layout-navbar .navbar-dropdown.dropdown-shortcuts .dropdown-shortcuts-item a, - .layout-navbar .navbar-dropdown.dropdown-shortcuts .dropdown-shortcuts-item a:hover { - display: block; - color: var(--bs-heading-color) !important; - font-weight: 500; - margin-block-end: 0 - } - - .layout-navbar .navbar-dropdown.dropdown-user .dropdown-menu { - min-inline-size: 14rem - } - - .layout-navbar[class*=bg-]:not(.bg-navbar-theme) .nav-item .input-group-text, - .layout-navbar[class*=bg-]:not(.bg-navbar-theme) .nav-item .dropdown-toggle { - color: var(--bs-white) - } - - @media(max-width: 1199.98px) { - .layout-navbar .navbar-nav .nav-item.dropdown .dropdown-menu { - position: absolute - } - - .layout-navbar .navbar-nav .nav-item.dropdown .dropdown-menu .last-login { - white-space: nowrap - } - } - - @media(max-width: 767.98px) { - .layout-navbar .navbar-nav .nav-item.dropdown { - position: static; - float: inline-start - } - - .layout-navbar .navbar-nav .nav-item.dropdown .dropdown-menu { - position: absolute; - inline-size: 92%; - inset-inline-start: .9rem; - min-inline-size: auto - } - } - - @media(max-width: 1199.98px) { - .layout-navbar { - z-index: 1080 - } - } - - .layout-menu { - position: relative; - flex: 1 0 auto - } - - .layout-menu a:focus-visible { - outline: none - } - - .layout-menu .menu { - transform: translate3d(0, 0, 0) - } - - .layout-menu.menu-vertical~.layout-page.window-scrolled .layout-navbar { - backdrop-filter: saturate(200%) blur(6px); - background-color: rgba(var(--bs-paper-bg-rgb), 0.88) - } - - .layout-content-navbar .layout-page { - flex-basis: 100%; - flex-direction: column; - inline-size: 0; - max-inline-size: 100%; - min-inline-size: 0 - } - - .layout-content-navbar .content-wrapper { - inline-size: 100% - } - - .layout-navbar-full .layout-container { - flex-direction: column - } - - @media(min-width: 1200px) { - .layout-navbar-full:not(.layout-horizontal) .menu-inner { - margin-block-start: .75rem - } - } - - .layout-navbar-full .content-wrapper { - flex-basis: 100%; - inline-size: 0; - max-inline-size: 100%; - min-inline-size: 0 - } - - .layout-navbar-full.layout-horizontal .layout-navbar { - background-color: var(--bs-navbar-bg); - box-shadow: 0 1px 0 var(--bs-border-color) - } - - .layout-navbar-full.layout-horizontal .layout-navbar .aa-DetachedSearchButtonPlaceholder { - display: none - } - - .layout-navbar-full.layout-horizontal .layout-navbar .search-toggler .aa-DetachedSearchButton { - display: block - } - - .layout-navbar-full .content-backdrop.show { - z-index: 9 - } - - .layout-menu-fixed .layout-navbar-full .content-backdrop.show, - .layout-menu-fixed-offcanvas .layout-navbar-full .content-backdrop.show { - z-index: 1076 - } - - .layout-menu-toggle i { - transition-duration: .3s; - transition-property: transform - } - - :dir(ltr) .layout-menu-toggle i { - transform: rotate(0deg) - } - - :dir(rtl) .layout-menu-toggle i { - transform: rotate(180deg) - } - - @media(min-width: 992px) { - .layout-menu-hover .layout-menu-toggle { - display: none - } - } - - @media(min-width: 1200px) { - - .layout-menu-collapsed:not(.layout-menu-hover, .layout-menu-offcanvas, .layout-menu-fixed-offcanvas) .layout-menu .menu-vertical, - .layout-menu-collapsed:not(.layout-menu-hover, .layout-menu-offcanvas, .layout-menu-fixed-offcanvas) .layout-menu.menu-vertical { - inline-size: var(--bs-menu-collapsed-width) - } - - .layout-menu-collapsed:not(.layout-menu-hover, .layout-menu-offcanvas, .layout-menu-fixed-offcanvas) .layout-menu .menu-vertical .menu-inner>.menu-item, - .layout-menu-collapsed:not(.layout-menu-hover, .layout-menu-offcanvas, .layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .menu-inner>.menu-item { - inline-size: var(--bs-menu-collapsed-width) - } - - .layout-menu-collapsed:not(.layout-menu-hover, .layout-menu-offcanvas, .layout-menu-fixed-offcanvas) .layout-menu .menu-vertical .menu-inner>.menu-header, - .layout-menu-collapsed:not(.layout-menu-hover, .layout-menu-offcanvas, .layout-menu-fixed-offcanvas) .layout-menu .menu-vertical .menu-block, - .layout-menu-collapsed:not(.layout-menu-hover, .layout-menu-offcanvas, .layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .menu-inner>.menu-header, - .layout-menu-collapsed:not(.layout-menu-hover, .layout-menu-offcanvas, .layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .menu-block { - position: relative; - inline-size: var(--bs-menu-width); - margin-inline-start: var(--bs-menu-collapsed-width); - padding-inline: .5rem calc(var(--bs-menu-vertical-link-padding-x)*2 - .5rem); - text-indent: -9999px; - text-overflow: ellipsis; - white-space: nowrap - } - - .layout-menu-collapsed:not(.layout-menu-hover, .layout-menu-offcanvas, .layout-menu-fixed-offcanvas) .layout-menu .menu-vertical .menu-inner>.menu-header .menu-header-text, - .layout-menu-collapsed:not(.layout-menu-hover, .layout-menu-offcanvas, .layout-menu-fixed-offcanvas) .layout-menu .menu-vertical .menu-block .menu-header-text, - .layout-menu-collapsed:not(.layout-menu-hover, .layout-menu-offcanvas, .layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .menu-inner>.menu-header .menu-header-text, - .layout-menu-collapsed:not(.layout-menu-hover, .layout-menu-offcanvas, .layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .menu-block .menu-header-text { - overflow: hidden; - opacity: 0 - } - - .layout-menu-collapsed:not(.layout-menu-hover, .layout-menu-offcanvas, .layout-menu-fixed-offcanvas) .layout-menu .menu-vertical .menu-inner>.menu-header::before, - .layout-menu-collapsed:not(.layout-menu-hover, .layout-menu-offcanvas, .layout-menu-fixed-offcanvas) .layout-menu .menu-vertical .menu-block::before, - .layout-menu-collapsed:not(.layout-menu-hover, .layout-menu-offcanvas, .layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .menu-inner>.menu-header::before, - .layout-menu-collapsed:not(.layout-menu-hover, .layout-menu-offcanvas, .layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .menu-block::before { - position: absolute; - display: block; - content: ""; - inline-size: calc(var(--bs-menu-collapsed-width)*.22); - inset-block: 1.1875rem; - inset-inline-start: calc(-1*var(--bs-menu-collapsed-width)*.61); - text-align: center - } - - .layout-menu-collapsed:not(.layout-menu-hover, .layout-menu-offcanvas, .layout-menu-fixed-offcanvas) .layout-menu .menu-vertical .menu-block::before, - .layout-menu-collapsed:not(.layout-menu-hover, .layout-menu-offcanvas, .layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .menu-block::before { - block-size: .125rem - } - - .layout-menu-collapsed:not(.layout-menu-hover, .layout-menu-offcanvas, .layout-menu-fixed-offcanvas) .layout-menu .menu-vertical .menu-inner>.menu-item div:not(.menu-block), - .layout-menu-collapsed:not(.layout-menu-hover, .layout-menu-offcanvas, .layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .menu-inner>.menu-item div:not(.menu-block) { - overflow: hidden; - opacity: 0; - text-overflow: ellipsis; - white-space: nowrap - } - - .layout-menu-collapsed:not(.layout-menu-hover, .layout-menu-offcanvas, .layout-menu-fixed-offcanvas) .layout-menu .menu-vertical .menu-inner>.menu-item>.menu-sub, - .layout-menu-collapsed:not(.layout-menu-hover, .layout-menu-offcanvas, .layout-menu-fixed-offcanvas) .layout-menu .menu-vertical .menu-inner>.menu-item.open>.menu-sub, - .layout-menu-collapsed:not(.layout-menu-hover, .layout-menu-offcanvas, .layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .menu-inner>.menu-item>.menu-sub, - .layout-menu-collapsed:not(.layout-menu-hover, .layout-menu-offcanvas, .layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .menu-inner>.menu-item.open>.menu-sub { - display: none - } - - .layout-menu-collapsed:not(.layout-menu-hover, .layout-menu-offcanvas, .layout-menu-fixed-offcanvas) .layout-menu .menu-vertical .menu-inner>.menu-item>.menu-toggle::after, - .layout-menu-collapsed:not(.layout-menu-hover, .layout-menu-offcanvas, .layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .menu-inner>.menu-item>.menu-toggle::after { - display: none - } - - .layout-menu-collapsed:not(.layout-menu-hover, .layout-menu-offcanvas, .layout-menu-fixed-offcanvas) .layout-menu .menu-vertical:not(.layout-menu-hover) .menu-inner>.menu-item>.menu-link, - .layout-menu-collapsed:not(.layout-menu-hover, .layout-menu-offcanvas, .layout-menu-fixed-offcanvas) .layout-menu .menu-vertical:not(.layout-menu-hover) .menu-inner>.menu-block, - .layout-menu-collapsed:not(.layout-menu-hover, .layout-menu-offcanvas, .layout-menu-fixed-offcanvas) .layout-menu .menu-vertical:not(.layout-menu-hover) .menu-inner>.menu-header, - .layout-menu-collapsed:not(.layout-menu-hover, .layout-menu-offcanvas, .layout-menu-fixed-offcanvas) .layout-menu.menu-vertical:not(.layout-menu-hover) .menu-inner>.menu-item>.menu-link, - .layout-menu-collapsed:not(.layout-menu-hover, .layout-menu-offcanvas, .layout-menu-fixed-offcanvas) .layout-menu.menu-vertical:not(.layout-menu-hover) .menu-inner>.menu-block, - .layout-menu-collapsed:not(.layout-menu-hover, .layout-menu-offcanvas, .layout-menu-fixed-offcanvas) .layout-menu.menu-vertical:not(.layout-menu-hover) .menu-inner>.menu-header { - padding-inline: calc(0.9375rem - 1px) - } - - .layout-menu-collapsed:not(.layout-menu-hover, .layout-menu-offcanvas, .layout-menu-fixed-offcanvas) .layout-menu .menu-vertical .menu-inner>.menu-item>.menu-link .menu-icon, - .layout-menu-collapsed:not(.layout-menu-hover, .layout-menu-offcanvas, .layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .menu-inner>.menu-item>.menu-link .menu-icon { - margin-inline-end: 0; - text-align: center - } - - .layout-menu-hover.layout-menu-collapsed .layout-menu { - margin-inline-end: -calc(var(--bs-menu-width)var(--bs-menu-collapsed-width)) - } - - .layout-menu-hover.layout-menu-collapsed .layout-menu .layout-menu-toggle i { - transform: rotate(180deg); - transition-duration: .3s; - transition-property: transform - } - - .layout-menu-hover.layout-menu-collapsed .layout-menu .layout-menu-toggle i :dir(rtl) { - transform: rotate(0deg) - } - } - - @media(min-width: 1200px) { - .layout-menu-collapsed.layout-menu-offcanvas .layout-menu { - margin-inline-end: -var(--bs-menu-width); - transform: translateX(-100%) - } - } - - @media(min-width: 1200px) { - - .layout-menu-fixed .layout-menu, - .layout-menu-fixed-offcanvas .layout-menu { - position: fixed; - inset-block: 0; - inset-inline-start: 0; - margin-inline: 0 !important - } - - .layout-menu-fixed-offcanvas.layout-menu-collapsed .layout-menu { - transform: translateX(-100%) - } - - .layout-menu-fixed:not(.layout-menu-collapsed) .layout-page, - .layout-menu-fixed-offcanvas:not(.layout-menu-collapsed) .layout-page { - padding-inline-start: var(--bs-menu-width) - } - - .layout-menu-fixed.layout-menu-collapsed .layout-page { - padding-inline-start: var(--bs-menu-collapsed-width) - } - } - - html:not(.layout-navbar-fixed, .layout-menu-fixed, .layout-menu-fixed-offcanvas) .layout-page, - html:not(.layout-navbar-fixed) .layout-content-navbar .layout-page { - padding-block-start: 0 !important - } - - html:not(.layout-footer-fixed) .content-wrapper { - padding-block-end: 0 !important - } - - @media(max-width: 1199.98px) { - - .layout-menu-fixed .layout-wrapper.layout-navbar-full .layout-menu, - .layout-menu-fixed-offcanvas .layout-wrapper.layout-navbar-full .layout-menu { - inset-block-start: 0 !important - } - - html:not(.layout-navbar-fixed) .layout-navbar-full .layout-page { - padding-block-start: 0 !important - } - } - - .layout-navbar-hidden .layout-navbar { - display: none - } - - .layout-navbar-fixed .layout-navbar { - position: fixed; - inset-block-start: 0; - inset-inline: 0 - } - - .layout-navbar-fixed .container-p-y:not([class^=pt-]):not([class*=" pt-"]) { - padding-block-start: 1.75rem !important - } - - .layout-navbar-fixed .layout-wrapper:not(.layout-horizontal) .layout-page::before { - position: fixed; - z-index: 10; - backdrop-filter: saturate(200%) blur(10px); - background: linear-gradient(180deg, rgba(var(--bs-body-bg-rgb), 70%) 44%, rgba(var(--bs-body-bg-rgb), 43%) 73%, rgba(var(--bs-body-bg-rgb), 0%)); - block-size: 4.75rem; - content: ""; - inline-size: 100%; - inset-block-start: 0; - mask: linear-gradient(var(--bs-body-bg), var(--bs-body-bg) 18%, transparent 100%) - } - - @media(min-width: 1200px) { - - .layout-menu-fixed .layout-navbar-full .layout-navbar, - .layout-menu-fixed-offcanvas .layout-navbar-full .layout-navbar { - position: fixed; - inset-block-start: 0; - inset-inline: 0 - } - - .layout-navbar-fixed:not(.layout-menu-collapsed) .layout-content-navbar:not(.layout-without-menu) .layout-navbar, - .layout-menu-fixed.layout-navbar-fixed:not(.layout-menu-collapsed) .layout-content-navbar:not(.layout-without-menu) .layout-navbar, - .layout-menu-fixed-offcanvas.layout-navbar-fixed:not(.layout-menu-collapsed) .layout-content-navbar:not(.layout-without-menu) .layout-navbar { - inset-inline-start: var(--bs-menu-width) - } - - .layout-navbar-fixed:not(.layout-menu-collapsed).swal2-shown .layout-content-navbar:not(.layout-without-menu) .layout-navbar, - .layout-navbar-fixed:not(.layout-menu-collapsed) .modal-open .layout-content-navbar:not(.layout-without-menu) .layout-navbar, - .layout-menu-fixed.layout-navbar-fixed:not(.layout-menu-collapsed).swal2-shown .layout-content-navbar:not(.layout-without-menu) .layout-navbar, - .layout-menu-fixed.layout-navbar-fixed:not(.layout-menu-collapsed) .modal-open .layout-content-navbar:not(.layout-without-menu) .layout-navbar, - .layout-menu-fixed-offcanvas.layout-navbar-fixed:not(.layout-menu-collapsed).swal2-shown .layout-content-navbar:not(.layout-without-menu) .layout-navbar, - .layout-menu-fixed-offcanvas.layout-navbar-fixed:not(.layout-menu-collapsed) .modal-open .layout-content-navbar:not(.layout-without-menu) .layout-navbar { - inset-inline-start: calc(16.25rem - var(--bs-scrollbar-width)) - } - - .layout-navbar-fixed:not(.layout-menu-collapsed):dir(rtl).swal2-shown .layout-content-navbar:not(.layout-without-menu) .layout-navbar, - .layout-navbar-fixed:not(.layout-menu-collapsed):dir(rtl) .modal-open .layout-content-navbar:not(.layout-without-menu) .layout-navbar, - .layout-menu-fixed.layout-navbar-fixed:not(.layout-menu-collapsed):dir(rtl).swal2-shown .layout-content-navbar:not(.layout-without-menu) .layout-navbar, - .layout-menu-fixed.layout-navbar-fixed:not(.layout-menu-collapsed):dir(rtl) .modal-open .layout-content-navbar:not(.layout-without-menu) .layout-navbar, - .layout-menu-fixed-offcanvas.layout-navbar-fixed:not(.layout-menu-collapsed):dir(rtl).swal2-shown .layout-content-navbar:not(.layout-without-menu) .layout-navbar, - .layout-menu-fixed-offcanvas.layout-navbar-fixed:not(.layout-menu-collapsed):dir(rtl) .modal-open .layout-content-navbar:not(.layout-without-menu) .layout-navbar { - inset-inline-start: calc(16.25rem + var(--bs-scrollbar-width)) - } - - .layout-menu-fixed.swal2-shown .layout-horizontal .layout-navbar, - .layout-menu-fixed.swal2-shown .layout-horizontal .layout-menu-horizontal, - .layout-menu-fixed .modal-open .layout-horizontal .layout-navbar, - .layout-menu-fixed .modal-open .layout-horizontal .layout-menu-horizontal { - inline-size: calc(100% - var(--bs-scrollbar-width)) - } - - :dir(rtl).layout-menu-fixed.swal2-shown .layout-horizontal .layout-navbar, - :dir(rtl).layout-menu-fixed .modal-open .layout-horizontal .layout-navbar { - inline-size: calc(100% + var(--bs-scrollbar-width)) - } - - .layout-menu-fixed:not(.layout-navbar-hidden) .layout-horizontal .layout-page .menu-horizontal, - .layout-menu-fixed-offcanvas:not(.layout-navbar-hidden) .layout-horizontal .layout-page .menu-horizontal { - position: fixed; - inset-block-start: 4rem - } - - .layout-menu-fixed:not(.layout-navbar-hidden) .layout-horizontal .layout-page .menu-horizontal+[class*=container-], - .layout-menu-fixed-offcanvas:not(.layout-navbar-hidden) .layout-horizontal .layout-page .menu-horizontal+[class*=container-] { - padding-block-start: 5.25rem !important - } - - .layout-navbar-fixed.layout-menu-collapsed:not(.layout-menu-offcanvas, .layout-menu-fixed-offcanvas) .layout-content-navbar .layout-navbar, - .layout-menu-fixed.layout-navbar-fixed.layout-menu-collapsed .layout-content-navbar .layout-navbar { - inset-inline-start: var(--bs-menu-collapsed-width) - } - - .layout-navbar-fixed.layout-menu-collapsed:not(.layout-menu-offcanvas, .layout-menu-fixed-offcanvas).swal2-shown .layout-content-navbar:not(.layout-without-menu) .layout-navbar:has(.container-xxl), - .layout-navbar-fixed.layout-menu-collapsed:not(.layout-menu-offcanvas, .layout-menu-fixed-offcanvas).swal2-shown .layout-content-navbar:not(.layout-without-menu) .layout-navbar:has(.container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl), - .layout-navbar-fixed.layout-menu-collapsed:not(.layout-menu-offcanvas, .layout-menu-fixed-offcanvas) .modal-open .layout-content-navbar:not(.layout-without-menu) .layout-navbar:has(.container-xxl), - .layout-navbar-fixed.layout-menu-collapsed:not(.layout-menu-offcanvas, .layout-menu-fixed-offcanvas) .modal-open .layout-content-navbar:not(.layout-without-menu) .layout-navbar:has(.container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl), - .layout-menu-fixed.layout-navbar-fixed.layout-menu-collapsed.swal2-shown .layout-content-navbar:not(.layout-without-menu) .layout-navbar:has(.container-xxl), - .layout-menu-fixed.layout-navbar-fixed.layout-menu-collapsed.swal2-shown .layout-content-navbar:not(.layout-without-menu) .layout-navbar:has(.container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl), - .layout-menu-fixed.layout-navbar-fixed.layout-menu-collapsed .modal-open .layout-content-navbar:not(.layout-without-menu) .layout-navbar:has(.container-xxl), - .layout-menu-fixed.layout-navbar-fixed.layout-menu-collapsed .modal-open .layout-content-navbar:not(.layout-without-menu) .layout-navbar:has(.container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl) { - inset-inline-start: calc(var(--bs-menu-collapsed-width) - var(--bs-scrollbar-width)) - } - - .layout-navbar-fixed.layout-menu-collapsed:not(.layout-menu-offcanvas, .layout-menu-fixed-offcanvas).swal2-shown .layout-content-navbar:not(.layout-without-menu) .layout-navbar:has(.container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl), - .layout-navbar-fixed.layout-menu-collapsed:not(.layout-menu-offcanvas, .layout-menu-fixed-offcanvas) .modal-open .layout-content-navbar:not(.layout-without-menu) .layout-navbar:has(.container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl), - .layout-menu-fixed.layout-navbar-fixed.layout-menu-collapsed.swal2-shown .layout-content-navbar:not(.layout-without-menu) .layout-navbar:has(.container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl), - .layout-menu-fixed.layout-navbar-fixed.layout-menu-collapsed .modal-open .layout-content-navbar:not(.layout-without-menu) .layout-navbar:has(.container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl) { - inline-size: calc(100% - 1.625rem*2 - var(--bs-menu-collapsed-width) - var(--bs-scrollbar-width)) - } - - .layout-navbar-fixed.layout-menu-collapsed:not(.layout-menu-offcanvas, .layout-menu-fixed-offcanvas):dir(rtl).swal2-shown .layout-content-navbar:not(.layout-without-menu) .layout-navbar:has(.container-xxl), - .layout-navbar-fixed.layout-menu-collapsed:not(.layout-menu-offcanvas, .layout-menu-fixed-offcanvas):dir(rtl) .modal-open .layout-content-navbar:not(.layout-without-menu) .layout-navbar:has(.container-xxl), - .layout-menu-fixed.layout-navbar-fixed.layout-menu-collapsed:dir(rtl).swal2-shown .layout-content-navbar:not(.layout-without-menu) .layout-navbar:has(.container-xxl), - .layout-menu-fixed.layout-navbar-fixed.layout-menu-collapsed:dir(rtl) .modal-open .layout-content-navbar:not(.layout-without-menu) .layout-navbar:has(.container-xxl) { - inset-inline-start: calc(var(--bs-menu-collapsed-width) + var(--bs-scrollbar-width)) - } - - .layout-navbar-fixed.layout-menu-collapsed:not(.layout-menu-offcanvas, .layout-menu-fixed-offcanvas):dir(rtl).swal2-shown .layout-content-navbar:not(.layout-without-menu) .layout-navbar, - .layout-navbar-fixed.layout-menu-collapsed:not(.layout-menu-offcanvas, .layout-menu-fixed-offcanvas):dir(rtl) .modal-open .layout-content-navbar:not(.layout-without-menu) .layout-navbar, - .layout-menu-fixed.layout-navbar-fixed.layout-menu-collapsed:dir(rtl).swal2-shown .layout-content-navbar:not(.layout-without-menu) .layout-navbar, - .layout-menu-fixed.layout-navbar-fixed.layout-menu-collapsed:dir(rtl) .modal-open .layout-content-navbar:not(.layout-without-menu) .layout-navbar { - inline-size: calc(100% - 1.625rem*2 - var(--bs-menu-collapsed-width) - var(--bs-scrollbar-width)) - } - - .layout-navbar-fixed.layout-menu-collapsed:not(.layout-menu-offcanvas, .layout-menu-fixed-offcanvas):dir(rtl).swal2-shown .layout-content-navbar:not(.layout-without-menu) .layout-navbar:has(.container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl), - .layout-navbar-fixed.layout-menu-collapsed:not(.layout-menu-offcanvas, .layout-menu-fixed-offcanvas):dir(rtl) .modal-open .layout-content-navbar:not(.layout-without-menu) .layout-navbar:has(.container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl), - .layout-menu-fixed.layout-navbar-fixed.layout-menu-collapsed:dir(rtl).swal2-shown .layout-content-navbar:not(.layout-without-menu) .layout-navbar:has(.container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl), - .layout-menu-fixed.layout-navbar-fixed.layout-menu-collapsed:dir(rtl) .modal-open .layout-content-navbar:not(.layout-without-menu) .layout-navbar:has(.container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl) { - inset-inline-start: calc(var(--bs-menu-collapsed-width) + var(--bs-scrollbar-width)) - } - } - - .layout-footer-fixed .content-footer { - position: fixed; - z-index: 9; - inset-block-end: 0; - inset-inline: 0 - } - - .layout-footer-fixed .layout-wrapper:not(.layout-horizontal) .content-footer .footer-container, - .layout-footer-fixed .layout-wrapper.layout-horizontal .content-footer { - background-color: var(--bs-footer-bg); - box-shadow: var(--bs-footer-box-shadow) - } - - .layout-footer-fixed .layout-wrapper:not(.layout-horizontal) .content-footer .footer-container { - border: var(--bs-footer-border-width) solid var(--bs-footer-border-color); - padding-inline: 1.5rem; - border-top-left-radius: .375rem; - border-top-right-radius: .375rem - } - - @media(min-width: 1200px) { - .layout-footer-fixed:not(.layout-menu-collapsed) .layout-wrapper:not(.layout-without-menu) .content-footer { - inset-inline-start: var(--bs-menu-width) - } - - .layout-footer-fixed:not(.layout-menu-collapsed).swal2-shown .layout-wrapper .content-footer:has(.container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl), - .layout-footer-fixed:not(.layout-menu-collapsed) .modal-open .layout-wrapper .content-footer:has(.container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl) { - inline-size: calc(100% - 16.25rem - var(--bs-scrollbar-width)) - } - - .layout-footer-fixed:not(.layout-menu-collapsed):dir(rtl).swal2-shown .layout-wrapper:not(.layout-without-menu) .content-footer:has(.container-xxl), - .layout-footer-fixed:not(.layout-menu-collapsed):dir(rtl) .modal-open .layout-wrapper:not(.layout-without-menu) .content-footer:has(.container-xxl) { - inset-inline-start: calc(16.25rem + var(--bs-scrollbar-width)) - } - - .layout-footer-fixed:not(.layout-menu-collapsed):dir(rtl).swal2-shown .layout-wrapper .content-footer:has(.container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl), - .layout-footer-fixed:not(.layout-menu-collapsed):dir(rtl) .modal-open .layout-wrapper .content-footer:has(.container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl) { - inset-inline-start: calc(var(--bs-menu-width) + var(--bs-scrollbar-width)) - } - - .layout-footer-fixed.layout-menu-collapsed:not(.layout-menu-offcanvas, .layout-menu-fixed-offcanvas) .layout-wrapper:not(.layout-without-menu) .content-footer { - inset-inline-start: var(--bs-menu-collapsed-width) - } - - .layout-footer-fixed.layout-menu-collapsed:not(.layout-menu-offcanvas, .layout-menu-fixed-offcanvas).swal2-shown .layout-wrapper:not(.layout-without-menu) .content-footer:has(.container-xxl), - .layout-footer-fixed.layout-menu-collapsed:not(.layout-menu-offcanvas, .layout-menu-fixed-offcanvas) .modal-open .layout-wrapper:not(.layout-without-menu) .content-footer:has(.container-xxl) { - inset-inline-start: calc(5.25rem - var(--bs-scrollbar-width)) - } - - .layout-footer-fixed.layout-menu-collapsed:not(.layout-menu-offcanvas, .layout-menu-fixed-offcanvas).swal2-shown .layout-wrapper:not(.layout-without-menu) .content-footer:has(.container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl), - .layout-footer-fixed.layout-menu-collapsed:not(.layout-menu-offcanvas, .layout-menu-fixed-offcanvas) .modal-open .layout-wrapper:not(.layout-without-menu) .content-footer:has(.container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl) { - inline-size: calc(100% - 5.25rem - var(--bs-scrollbar-width)); - inset-inline-start: 5.25rem - } - - .layout-footer-fixed.layout-menu-collapsed:not(.layout-menu-offcanvas, .layout-menu-fixed-offcanvas):dir(rtl).swal2-shown .layout-wrapper:not(.layout-without-menu) .content-footer, - .layout-footer-fixed.layout-menu-collapsed:not(.layout-menu-offcanvas, .layout-menu-fixed-offcanvas):dir(rtl) .modal-open .layout-wrapper:not(.layout-without-menu) .content-footer { - inset-inline-start: calc(5.25rem + var(--bs-scrollbar-width)) - } - } - - @media(max-width: 1199.98px) { - .layout-menu { - position: fixed !important; - block-size: 100% !important; - inset-block-start: 0 !important; - inset-inline-start: 0 !important; - margin-inline: 0 !important; - transform: translate3d(-100%, 0, 0); - will-change: transform, -webkit-transform - } - - :dir(rtl) .layout-menu { - transform: translate3d(100%, 0, 0) - } - - .layout-menu-expanded .layout-menu { - transform: translate3d(0, 0, 0) !important - } - - .layout-menu-expanded body { - overflow: hidden - } - - .layout-overlay { - position: fixed; - display: none; - background: #22303e; - block-size: 100% !important; - cursor: pointer; - inset-block-start: 0; - inset-inline: 0; - opacity: .5 - } - - .layout-menu-expanded .layout-overlay { - display: block - } - - .layout-menu-100vh .layout-menu, - .layout-menu-100vh .layout-overlay { - block-size: 100dvh !important - } - - .drag-target { - position: fixed; - z-index: 1036; - block-size: 100%; - inline-size: 40px; - inset-block-start: 0; - inset-inline-start: 0 - } - } - - body:not(.modal-open) .layout-navbar-full .layout-navbar { - z-index: 1080 - } - - body:not(.modal-open) .layout-content-navbar .layout-navbar { - z-index: 1075 - } - - .layout-menu-horizontal { - z-index: 9 - } - - @media(max-width: 1199.98px) { - .layout-menu { - z-index: 1100 - } - - .layout-overlay { - z-index: 1099 - } - } - - @media(min-width: 1200px) { - .layout-navbar-full .layout-navbar { - z-index: 10 - } - - .layout-navbar-full .layout-menu { - z-index: 9 - } - - .layout-content-navbar .layout-navbar { - z-index: 9 - } - - .layout-content-navbar .layout-menu { - z-index: 11 - } - - .layout-menu-collapsed:not(.layout-menu-offcanvas, .layout-menu-fixed-offcanvas).layout-menu-hover .layout-navbar-full .layout-menu { - z-index: 1075 !important - } - - .layout-menu-collapsed:not(.layout-menu-offcanvas, .layout-menu-fixed-offcanvas) .layout-content-navbar .layout-menu { - z-index: 1085 !important - } - - .layout-menu-fixed body:not(.modal-open) .layout-navbar-full .layout-menu, - .layout-menu-fixed-offcanvas body:not(.modal-open) .layout-navbar-full .layout-menu { - z-index: 1075 - } - - .layout-navbar-fixed body:not(.modal-open) .layout-content-navbar .layout-menu, - .layout-menu-fixed body:not(.modal-open) .layout-content-navbar .layout-menu, - .layout-menu-fixed-offcanvas body:not(.modal-open) .layout-content-navbar .layout-menu { - z-index: 1080 - } - } - - .layout-menu-link-no-transition .layout-menu .menu-link, - .layout-menu-link-no-transition .layout-menu-horizontal .menu-link { - animation: none !important; - transition: none !important - } - - .layout-no-transition .layout-menu, - .layout-no-transition .layout-menu .menu, - .layout-no-transition .layout-menu .menu-item, - .layout-no-transition .layout-menu-horizontal, - .layout-no-transition .layout-menu-horizontal .menu, - .layout-no-transition .layout-menu-horizontal .menu-item { - animation: none !important; - transition: none !important - } - - @media(max-width: 1199.98px) { - .layout-transitioning .layout-overlay { - animation: menuAnimation .3s - } - - .layout-transitioning .layout-menu { - transition-duration: .3s; - transition-property: transform, -webkit-transform - } - } - - @media(min-width: 1200px) { - .layout-menu-collapsed:not(.layout-transitioning, .layout-menu-offcanvas, .layout-menu-fixed, .layout-menu-fixed-offcanvas) .layout-menu { - transition-duration: .3s; - transition-property: margin-inline-start, margin-inline-end, inline-size - } - - .layout-transitioning.layout-menu-offcanvas .layout-menu { - transition-duration: .3s; - transition-property: margin-inline-start, margin-inline-end, transform, -webkit-transform - } - - .layout-transitioning.layout-menu-fixed .layout-page, - .layout-transitioning.layout-menu-fixed-offcanvas .layout-page { - transition-duration: .3s; - transition-property: padding-inline-start, padding-inline-end - } - - .layout-transitioning.layout-menu-fixed .layout-menu { - transition: inline-size .3s - } - - .layout-transitioning.layout-menu-fixed-offcanvas .layout-menu { - transition-duration: .3s; - transition-property: transform, -webkit-transform - } - - .layout-transitioning.layout-navbar-fixed .layout-content-navbar .layout-navbar, - .layout-transitioning.layout-footer-fixed .content-footer { - transition-duration: .3s; - transition-property: inset-inline-start, inset-inline-end - } - - .layout-transitioning:not(.layout-menu-offcanvas, .layout-menu-fixed, .layout-menu-fixed-offcanvas) .layout-menu { - transition-duration: .3s; - transition-property: margin-inline-start, margin-inline-end, inline-size - } - } - - @media all and (-ms-high-contrast: none), - (-ms-high-contrast: active) { - - .menu, - .layout-menu, - .layout-page, - .layout-navbar, - .content-footer { - transition: none !important; - transition-duration: 0s !important - } - - .layout-overlay { - animation: none !important - } - } - - @keyframes menuAnimation { - 0% { - opacity: 0 - } - - 100% { - opacity: .5 - } - } - - .aa-DetachedSearchButton { - display: flex; - align-items: center; - border: none; - background: rgba(0, 0, 0, 0); - gap: 1rem - } - - .aa-DetachedSearchButton .aa-DetachedSearchButtonPlaceholder { - color: var(--bs-secondary-color) - } - - @media(max-width: 767.98px) { - .aa-DetachedSearchButton .aa-DetachedSearchButtonPlaceholder { - display: none - } - } - - .aa-InputWrapper ::placeholder { - color: var(--bs-secondary-color) - } - - .aa-DetachedSearchButtonIcon::before, - .aa-SubmitButton::before { - display: block; - background-color: currentcolor; - content: ""; - margin-block-end: -3px; - mask-image: var(--svg); - mask-repeat: no-repeat; - mask-size: 100% 100%; - --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M10 18a7.95 7.95 0 0 0 4.897-1.688l4.396 4.396l1.414-1.414l-4.396-4.396A7.95 7.95 0 0 0 18 10c0-4.411-3.589-8-8-8s-8 3.589-8 8s3.589 8 8 8m0-14c3.309 0 6 2.691 6 6s-2.691 6-6 6s-6-2.691-6-6s2.691-6 6-6'/%3E%3C/svg%3E") - } - - .aa-DetachedSearchButtonIcon .aa-SubmitIcon, - .aa-SubmitButton .aa-SubmitIcon { - display: none - } - - .aa-DetachedSearchButtonIcon::before { - block-size: 22px; - inline-size: 22px - } - - .aa-SubmitButton::before { - block-size: 24px; - inline-size: 24px - } - - .aa-DetachedSearchButtonQuery { - display: none - } - - .layout-wrapper:not(.layout-horizontal) .aa-DetachedSearchButtonPlaceholder[hidden] { - display: block !important - } - - .search-headings { - display: block; - color: var(--bs-secondary-color); - font-size: .75rem; - letter-spacing: .8px; - margin-block: 1rem .5rem; - margin-inline: 0; - padding-block: 0; - padding-inline: 1.25rem; - text-transform: uppercase - } - - .suggestion-section .search-headings { - line-height: 14px; - margin-block: .5rem - } - - .suggestion-items .suggestion-item { - color: var(--bs-heading-color); - gap: .35rem; - padding-block: .543rem; - padding-inline: 1rem; - text-decoration: none; - transition: all .2s ease; - border-radius: var(--bs-border-radius) - } - - .suggestion-items .suggestion-item:hover, - .suggestion-items .suggestion-item[aria-selected=true], - .suggestion-items .suggestion-item.suggestion-item-focused { - color: var(--bs-primary) - } - - .suggestion-items .suggestion-item:focus, - .suggestion-items .suggestion-item:focus-visible { - background-color: var(--bs-primary-bg-subtle); - color: var(--bs-primary) - } - - .aa-DetachedOverlay { - position: fixed; - z-index: 999999; - backdrop-filter: blur(3px); - background: rgba(0, 0, 0, .35); - block-size: 100vh; - inset-block-start: 0; - inset-inline-end: 0; - inset-inline-start: 0 - } - - .aa-DetachedOverlay .aa-DetachedContainer { - position: fixed; - background: var(--bs-paper-bg); - box-shadow: var(--bs-box-shadow-lg); - inset-block-start: 4rem; - max-block-size: 32.9375rem; - border-radius: .5rem; - inline-size: 600px; - inset-inline-start: calc(50% - 300px) - } - - @media(max-width: 767.98px) { - .aa-DetachedOverlay .aa-DetachedContainer { - inline-size: 450px; - inset-inline-start: calc(50% - 225px) - } - } - - @media(max-width: 575.98px) { - .aa-DetachedOverlay .aa-DetachedContainer { - inline-size: 90%; - inset-inline-start: 50%; - transform: translateX(-50%) - } - } - - .aa-DetachedOverlay .search-control { - background: rgba(0, 0, 0, 0); - inline-size: 100% - } - - .aa-DetachedOverlay .search-control:focus, - .aa-DetachedOverlay .search-control:focus-visible { - outline: none - } - - .aa-DetachedOverlay .search-control::-webkit-search-cancel-button, - .aa-DetachedOverlay .search-control::-webkit-search-decoration { - display: none; - appearance: none - } - - .aa-DetachedOverlay .search-control::-ms-clear { - display: none - } - - .aa-DetachedOverlay .aa-List { - padding-inline-start: 0 - } - - .aa-DetachedOverlay .aa-InputWrapperPrefix { - position: absolute - } - - .aa-DetachedOverlay .aa-SubmitButton { - border: 0; - background: none; - padding-inline-start: .7rem - } - - .aa-DetachedOverlay #autocomplete-0-input { - padding-inline-start: 2.5rem - } - - .aa-DetachedOverlay .aa-Form, - .aa-DetachedOverlay .aa-InputWrapper { - inline-size: 100% - } - - .aa-DetachedOverlay .aa-Form { - padding-block: 1.231rem; - padding-inline-start: .7rem - } - - .aa-DetachedOverlay .aa-DetachedCancelButton.btn-search-close { - display: flex; - align-items: center; - justify-content: center; - border: 0; - background: none; - gap: 1rem; - inline-size: 8rem; - inset-inline-end: 1.5rem; - padding-inline-end: 1.75rem - } - - .aa-DetachedOverlay .aa-SourceHeader { - margin-block-end: .5rem - } - - .aa-DetachedOverlay .aa-Item { - display: flex; - align-items: center - } - - .aa-DetachedOverlay .aa-Item .item-wrapper { - display: flex; - align-items: center; - gap: .5rem - } - - .aa-DetachedOverlay .aa-Item svg { - color: var(--bs-secondary-color); - font-size: 1rem; - opacity: 0 - } - - :dir(rtl) .aa-DetachedOverlay .aa-Item svg { - transform: scaleX(-1) - } - - .aa-DetachedOverlay .aa-Item:hover, - .aa-DetachedOverlay .aa-Item[aria-selected=true] { - background: var(--bs-gray-100) - } - - .aa-DetachedOverlay .aa-Item:hover svg, - .aa-DetachedOverlay .aa-Item[aria-selected=true] svg { - opacity: 1 - } - - .aa-DetachedOverlay .aa-Item a { - color: var(--bs-body-color); - font-size: var(--bs-body-font-size); - gap: .5rem; - padding-block: .543rem; - padding-inline: 1.25rem - } - - .search-no-results-wrapper { - block-size: 28.75rem - } - - .app-brand { - display: flex; - flex-grow: 0; - flex-shrink: 0; - align-items: center - } - - .app-brand .app-brand-text { - opacity: 1; - transition: opacity .3s ease-in-out - } - - .app-brand .layout-menu-toggle { - display: block - } - - .app-brand .app-brand-img { - display: block - } - - .app-brand .app-brand-img-collapsed { - display: none - } - - .app-brand-link { - display: flex; - align-items: center - } - - .menu-horizontal .app-brand, - .menu-horizontal .app-brand+.menu-divider { - display: none !important - } - - @media(min-width: 1200px) { - - .layout-menu-collapsed:not(.layout-menu-hover) .layout-menu .app-brand-logo~.app-brand-text, - .menu-collapsed:not(:hover) .app-brand .app-brand-logo~.app-brand-text { - opacity: 0 - } - - .layout-menu-collapsed:not(.layout-menu-hover) .layout-menu .app-brand-img, - .menu-collapsed:not(:hover) .app-brand .app-brand-img { - display: none - } - - .layout-menu-collapsed:not(.layout-menu-hover) .layout-menu .app-brand-img-collapsed, - .menu-collapsed:not(:hover) .app-brand .app-brand-img-collapsed { - display: block - } - } - - :not(.layout-menu)>.menu-vertical.menu-collapsed:not(.layout-menu):not(:hover) .app-brand, - .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .app-brand { - inline-size: 5.25rem - } - - :not(.layout-menu)>.menu-vertical.menu-collapsed:not(.layout-menu):not(:hover) .app-brand-logo, - :not(.layout-menu)>.menu-vertical.menu-collapsed:not(.layout-menu):not(:hover) .app-brand-link, - :not(.layout-menu)>.menu-vertical.menu-collapsed:not(.layout-menu):not(:hover) .app-brand-text, - .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .app-brand-logo, - .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .app-brand-link, - .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .app-brand-text { - margin-inline: auto - } - - :not(.layout-menu)>.menu-vertical.menu-collapsed:not(.layout-menu):not(:hover) .app-brand-logo~.app-brand-text, - .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .app-brand-logo~.app-brand-text { - overflow: hidden; - opacity: 0; - text-overflow: ellipsis; - white-space: nowrap - } - - :not(.layout-menu)>.menu-vertical.menu-collapsed:not(.layout-menu):not(:hover) .app-brand .layout-menu-toggle, - .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .app-brand .layout-menu-toggle { - inset-inline-start: calc(5.25rem - 1.5rem); - opacity: 0 - } - - :not(.layout-menu)>.menu-vertical.menu-collapsed:not(.layout-menu):not(:hover) .app-brand-img, - .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .app-brand-img { - display: none - } - - :not(.layout-menu)>.menu-vertical.menu-collapsed:not(.layout-menu):not(:hover) .app-brand-img-collapsed, - .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .app-brand-img-collapsed { - display: block - } - - .custom-option { - border: var(--bs-border-width) solid var(--bs-border-color); - border-radius: .375rem; - padding-inline-start: 0 - } - - .custom-option:hover { - border-color: var(--bs-gray-600) - } - - .custom-option:not(.custom-option-image) { - margin: calc(2px - (var(--bs-border-width))) - } - - .custom-option.checked { - border: 2px solid var(--bs-primary); - margin: 0 - } - - .custom-option.custom-option-image { - overflow: hidden; - border-width: 2px; - margin-block-end: 0 - } - - .custom-option.custom-option-image .custom-option-body img { - block-size: 100%; - inline-size: 100% - } - - .custom-option.custom-option-image.custom-option-image-radio .form-check-input { - display: none - } - - .custom-option.custom-option-image.custom-option-image-check .form-check-input { - position: absolute; - border: 1px solid rgba(0, 0, 0, 0); - margin: 0; - inset-block-start: 1rem; - inset-inline-end: 1rem - } - - .custom-option.custom-option-image.custom-option-image-check:hover .form-check-input { - border-width: 1px; - border-color: var(--bs-body-color) - } - - .custom-option.custom-option-image.custom-option-image-check:hover .form-check-input:checked { - border-color: var(--bs-primary) - } - - .custom-option .custom-option-content { - inline-size: 100% - } - - .custom-option .form-check-input { - margin-inline-start: -2.016em - } - - .custom-option.custom-option-basic .custom-option-content { - padding: 1.065em; - padding-inline-start: 3.515em - } - - .custom-option.custom-option-basic .custom-option-header { - display: flex; - align-items: center; - justify-content: space-between; - padding-block-end: .4375rem - } - - .custom-option .custom-option-body { - color: var(--bs-body-color) - } - - .custom-option.custom-option-icon { - overflow: hidden - } - - .custom-option.custom-option-icon.checked .icon-base, - .custom-option.custom-option-icon.checked svg { - color: var(--bs-primary) - } - - .custom-option.custom-option-icon .icon-base, - .custom-option.custom-option-icon svg { - color: var(--bs-heading-color) - } - - .custom-option.custom-option-icon .custom-option-content { - padding: 1.065em; - text-align: center - } - - .custom-option.custom-option-icon .custom-option-body { - display: block; - margin-block-end: .5rem - } - - .custom-option.custom-option-icon .custom-option-body .icon-base { - block-size: 1.75rem; - font-size: 1.75rem; - inline-size: 1.75rem; - display: block; - margin-block-end: .5rem; - margin-inline: auto - } - - .custom-option.custom-option-icon .custom-option-body svg { - block-size: 2.5rem; - inline-size: 2.5rem; - margin-block-end: .5rem - } - - .custom-option.custom-option-icon .custom-option-body .custom-option-title { - display: block; - color: var(--bs-heading-color); - font-weight: 500; - margin-block-end: .5rem - } - - .custom-option.custom-option-icon .form-check-input { - margin: 0; - float: none - } - - .custom-option.custom-option-label.checked { - background-color: rgba(var(--bs-primary-rgb), 0.12); - color: var(--bs-primary) - } - - .custom-option.custom-option-label.checked .custom-option-header span, - .custom-option.custom-option-label.checked .custom-option-title { - color: var(--bs-primary) - } - - .switch { - --bs-switch-bg: var(--bs-gray-100); - --bs-switch-color: rgba(var(--bs-base-color), 0.4); - --bs-switch-border-color: var(--bs-gray-100); - --bs-switch-box-shadow: 0 0 0.25rem 0 rgba(34, 48, 62, 0.16) inset; - --bs-switch-holder-bg: var(--bs-white); - --bs-switch-holder-shadow: var(--bs-box-shadow-xs); - position: relative; - display: inline-block; - border-radius: 30rem; - cursor: pointer; - margin-inline-end: .75rem; - vertical-align: middle; - font-size: .9375rem; - line-height: 1.4; - min-block-size: 1.35rem - } - - .switch .switch-input:checked~.switch-toggle-slider { - --bs-switch-bg: var(--bs-primary); - --bs-switch-color: var(--bs-white); - --bs-switch-border-color: var(--bs-primary); - --bs-switch-box-shadow: 0 .125rem .375rem 0 rgba(var(--bs-primary-rgb), .3) - } - - .switch[class*=switch-outline-], - .switch.switch-outline { - --bs-switch-bg: transparent; - --bs-switch-box-shadow: none; - --bs-switch-holder-bg: var(--bs-gray-100); - --bs-switch-holder-shadow: none - } - - .switch[class*=switch-outline-] .switch-input:checked~.switch-toggle-slider, - .switch.switch-outline .switch-input:checked~.switch-toggle-slider { - --bs-switch-bg: transparent; - --bs-switch-box-shadow: none - } - - .switch.switch-outline .switch-input:checked~.switch-toggle-slider { - --bs-switch-color: var(--bs-primary); - --bs-switch-border-color: var(--bs-primary); - --bs-switch-holder-bg: var(--bs-primary) - } - - .switch:has(.switch-input:disabled) { - cursor: not-allowed - } - - .switch .switch-input~.switch-label { - padding-inline-start: 3rem - } - - .switch .switch-toggle-slider { - block-size: 1.35rem; - inline-size: 2.5rem; - line-height: 1.35rem - } - - .switch .switch-toggle-slider .icon-base { - position: relative; - block-size: .9375rem; - font-size: .9375rem; - inline-size: .9375rem; - inset-block-start: -1.9px - } - - .switch .switch-label { - inset-block-start: .01875rem - } - - .switch .switch-toggle-slider::after { - block-size: 14px; - inline-size: 14px - } - - .switch .switch-on { - padding-inline: .125rem 1.1rem - } - - .switch .switch-off { - padding-inline-start: 1.1rem - } - - .switch .switch-input.is-invalid~.switch-label, - .was-validated .switch .switch-input:invalid~.switch-label { - color: var(--bs-form-invalid-border-color) - } - - .switch .switch-input.is-valid~.switch-label, - .was-validated .switch .switch-input:valid~.switch-label { - color: var(--bs-form-valid-border-color) - } - - .switch .switch-input.is-invalid~.switch-toggle-slider, - .was-validated .switch .switch-input:invalid~.switch-toggle-slider { - --bs-switch-border-color: var(--bs-form-invalid-border-color) - } - - .switch .switch-input.is-valid~.switch-toggle-slider, - .was-validated .switch .switch-input:valid~.switch-toggle-slider { - --bs-switch-border-color: var(--bs-form-valid-border-color) - } - - .switch .switch-input.is-invalid:checked~.switch-toggle-slider, - .was-validated .switch .switch-input:invalid:checked~.switch-toggle-slider { - --bs-switch-bg: var(--bs-form-invalid-color); - --bs-switch-box-shadow: none - } - - .switch .switch-input.is-valid:checked~.switch-toggle-slider, - .was-validated .switch .switch-input:valid:checked~.switch-toggle-slider { - --bs-switch-bg: var(--bs-form-valid-color); - --bs-switch-box-shadow: none - } - - .switch-input { - position: absolute; - z-index: -1; - opacity: 0 - } - - .was-validated .switch-input:invalid~.valid-feedback, - .was-validated .switch-input:invalid~.valid-tooltip, - .switch-input.is-invalid~.valid-feedback, - .switch-input.is-invalid~.valid-tooltip, - .was-validated .switch-input:valid~.valid-feedback, - .was-validated .switch-input:valid~.valid-tooltip, - .switch-input.is-valid~.valid-feedback, - .switch-input.is-valid~.valid-tooltip { - display: block - } - - .switch-toggle-slider { - position: absolute; - overflow: hidden; - border: 1px solid var(--bs-switch-border-color); - border-radius: 30rem; - background: var(--bs-switch-bg); - box-shadow: var(--bs-switch-box-shadow); - color: var(--bs-switch-color); - font-size: .625rem; - inset-block-start: 50%; - transform: translateY(-50%); - transition-duration: .2s; - transition-property: inset-inline-start, inset-inline-end, background, box-shadow; - user-select: none - } - - .switch-toggle-slider::after { - position: absolute; - display: block; - border-radius: 50%; - background: var(--bs-switch-holder-bg); - box-shadow: var(--bs-switch-holder-shadow); - content: ""; - inset-block-start: 50%; - inset-inline: 8% auto; - transform: translateY(-50%); - transition-duration: .2s; - transition-property: inset-inline-start, inset-inline-end, background - } - - .switch-label { - position: relative; - display: inline-block; - color: var(--bs-heading-color); - font-weight: 400 - } - - .switch-label:first-child { - padding-inline-end: .5rem - } - - .switch-off, - .switch-on { - position: absolute; - block-size: 100%; - inline-size: 100%; - inset-block-start: 0; - text-align: center; - transition-duration: .2s; - transition-property: inset-inline-start, inset-inline-end - } - - .switch-on { - inset-inline-start: -100% - } - - .switch-input:not(:checked)~.switch-toggle-slider .switch-on { - color: rgba(0, 0, 0, 0) - } - - .switch-off { - inset-inline-start: 0 - } - - .switch-input:checked~.switch-toggle-slider::after { - inset-inline: 95% auto; - transform: translate(-100%, -50%) - } - - :dir(rtl) .switch-input:checked~.switch-toggle-slider::after { - inset-inline: 94% auto; - transform: translate(100%, -50%) - } - - .switch-input:checked~.switch-toggle-slider .switch-on { - inset-inline-start: 0 - } - - .switch-input:checked~.switch-toggle-slider .switch-off { - color: rgba(0, 0, 0, 0); - inset-inline-start: 100% - } - - .switches-stacked::after { - display: block; - clear: both; - content: "" - } - - .switches-stacked .switch { - display: block; - margin-inline: 0 - } - - .switches-stacked .switch:not(:last-child) { - margin-block-end: .75rem - } - - .switch-square, - .switch-square .switch-toggle-slider { - border-radius: .375rem - } - - .switch-square .switch-toggle-slider::after { - border-radius: calc(0.375rem - 2px) - } - - .switch-input:disabled~.switch-toggle-slider { - opacity: .45 - } - - .switch-input:disabled~.switch-label { - color: var(--bs-secondary-color) - } - - .switch-sm { - font-size: .75rem; - line-height: 1.6; - min-block-size: 1.125rem - } - - .switch-sm .switch-input~.switch-label { - padding-inline-start: 2.375rem - } - - .switch-sm .switch-toggle-slider { - block-size: 1.125rem; - inline-size: 1.875rem; - line-height: 1.125rem - } - - .switch-sm .switch-toggle-slider .icon-base { - position: relative; - block-size: .75rem; - font-size: .75rem; - inline-size: .75rem; - inset-block-start: -2px - } - - .switch-sm .switch-label { - inset-block-start: 0 - } - - .switch-sm .switch-toggle-slider::after { - block-size: 13px; - inline-size: 13px - } - - .switch-sm .switch-on { - padding-inline: .085rem .955rem - } - - .switch-sm .switch-off { - padding-inline-start: .955rem - } - - .switch-lg { - font-size: 1.0625rem; - line-height: 1.47; - min-block-size: 1.75rem - } - - .switch-lg .switch-input~.switch-label { - padding-inline-start: 3.75rem - } - - .switch-lg .switch-toggle-slider { - block-size: 1.75rem; - inline-size: 3.25rem; - line-height: 1.75rem - } - - .switch-lg .switch-toggle-slider .icon-base { - position: relative; - block-size: 1.0625rem; - font-size: 1.0625rem; - inline-size: 1.0625rem; - inset-block-start: -2px - } - - .switch-lg .switch-label { - inset-block-start: .0940625rem - } - - .switch-lg .switch-toggle-slider::after { - block-size: 21px; - inline-size: 21px - } - - .switch-lg .switch-on { - padding-inline: .125rem 1.5rem - } - - .switch-lg .switch-off { - padding-inline-start: 1.5rem - } - - .switch .valid-feedback, - .switch .invalid-feedback { - padding-inline-start: .5rem - } - - .switch-primary .switch-input:checked~.switch-toggle-slider { - --bs-switch-bg: var(--bs-primary); - --bs-switch-border-color: var(--bs-primary); - --bs-switch-box-shadow: 0 .125rem .375rem 0 rgba(var(--bs-primary-rgb), .3) - } - - .switch-outline-primary .switch-input:checked~.switch-toggle-slider { - --bs-switch-color: var(--bs-primary); - --bs-switch-border-color: var(--bs-primary); - --bs-switch-holder-bg: var(--bs-primary) - } - - .switch-secondary .switch-input:checked~.switch-toggle-slider { - --bs-switch-bg: var(--bs-secondary); - --bs-switch-border-color: var(--bs-secondary); - --bs-switch-box-shadow: 0 .125rem .375rem 0 rgba(var(--bs-secondary-rgb), .3) - } - - .switch-outline-secondary .switch-input:checked~.switch-toggle-slider { - --bs-switch-color: var(--bs-secondary); - --bs-switch-border-color: var(--bs-secondary); - --bs-switch-holder-bg: var(--bs-secondary) - } - - .switch-success .switch-input:checked~.switch-toggle-slider { - --bs-switch-bg: var(--bs-success); - --bs-switch-border-color: var(--bs-success); - --bs-switch-box-shadow: 0 .125rem .375rem 0 rgba(var(--bs-success-rgb), .3) - } - - .switch-outline-success .switch-input:checked~.switch-toggle-slider { - --bs-switch-color: var(--bs-success); - --bs-switch-border-color: var(--bs-success); - --bs-switch-holder-bg: var(--bs-success) - } - - .switch-info .switch-input:checked~.switch-toggle-slider { - --bs-switch-bg: var(--bs-info); - --bs-switch-border-color: var(--bs-info); - --bs-switch-box-shadow: 0 .125rem .375rem 0 rgba(var(--bs-info-rgb), .3) - } - - .switch-outline-info .switch-input:checked~.switch-toggle-slider { - --bs-switch-color: var(--bs-info); - --bs-switch-border-color: var(--bs-info); - --bs-switch-holder-bg: var(--bs-info) - } - - .switch-warning .switch-input:checked~.switch-toggle-slider { - --bs-switch-bg: var(--bs-warning); - --bs-switch-border-color: var(--bs-warning); - --bs-switch-box-shadow: 0 .125rem .375rem 0 rgba(var(--bs-warning-rgb), .3) - } - - .switch-outline-warning .switch-input:checked~.switch-toggle-slider { - --bs-switch-color: var(--bs-warning); - --bs-switch-border-color: var(--bs-warning); - --bs-switch-holder-bg: var(--bs-warning) - } - - .switch-danger .switch-input:checked~.switch-toggle-slider { - --bs-switch-bg: var(--bs-danger); - --bs-switch-border-color: var(--bs-danger); - --bs-switch-box-shadow: 0 .125rem .375rem 0 rgba(var(--bs-danger-rgb), .3) - } - - .switch-outline-danger .switch-input:checked~.switch-toggle-slider { - --bs-switch-color: var(--bs-danger); - --bs-switch-border-color: var(--bs-danger); - --bs-switch-holder-bg: var(--bs-danger) - } - - .switch-light .switch-input:checked~.switch-toggle-slider { - --bs-switch-bg: var(--bs-light); - --bs-switch-border-color: var(--bs-light); - --bs-switch-box-shadow: 0 .125rem .375rem 0 rgba(var(--bs-light-rgb), .3) - } - - .switch-outline-light .switch-input:checked~.switch-toggle-slider { - --bs-switch-color: var(--bs-light); - --bs-switch-border-color: var(--bs-light); - --bs-switch-holder-bg: var(--bs-light) - } - - .switch-dark .switch-input:checked~.switch-toggle-slider { - --bs-switch-bg: var(--bs-dark); - --bs-switch-border-color: var(--bs-dark); - --bs-switch-box-shadow: 0 .125rem .375rem 0 rgba(var(--bs-dark-rgb), .3) - } - - .switch-outline-dark .switch-input:checked~.switch-toggle-slider { - --bs-switch-color: var(--bs-dark); - --bs-switch-border-color: var(--bs-dark); - --bs-switch-holder-bg: var(--bs-dark) - } - - .switch-gray .switch-input:checked~.switch-toggle-slider { - --bs-switch-bg: var(--bs-gray); - --bs-switch-border-color: var(--bs-gray); - --bs-switch-box-shadow: 0 .125rem .375rem 0 rgba(var(--bs-gray-rgb), .3) - } - - .switch-outline-gray .switch-input:checked~.switch-toggle-slider { - --bs-switch-color: var(--bs-gray); - --bs-switch-border-color: var(--bs-gray); - --bs-switch-holder-bg: var(--bs-gray) - } - - .avatar { - --bs-avatar-size: 2.375rem; - --bs-avatar-group-border: var(--bs-paper-bg); - --bs-avatar-initial-inline: 3px; - --bs-avatar-initial-bg: #eeedf0; - position: relative; - block-size: var(--bs-avatar-size); - cursor: pointer; - inline-size: var(--bs-avatar-size) - } - - .avatar .avatar-initial { - position: absolute; - display: flex; - align-items: center; - justify-content: center; - background-color: var(--bs-avatar-initial-bg); - color: var(--bs-white); - font-size: var(--bs-avatar-initial); - font-weight: 500; - inset: 0; - text-transform: uppercase - } - - .avatar.avatar-online::after, - .avatar.avatar-offline::after, - .avatar.avatar-away::after, - .avatar.avatar-busy::after { - position: absolute; - border-radius: 100%; - block-size: calc(var(--bs-avatar-size)*.2); - box-shadow: 0 0 0 2px var(--bs-white); - content: ""; - inline-size: calc(var(--bs-avatar-size)*.2); - inset-block-end: 0; - inset-inline-end: var(--bs-avatar-initial-inline) - } - - .avatar img { - block-size: 100%; - inline-size: 100% - } - - .avatar.avatar-online::after { - background-color: var(--bs-success) - } - - .avatar.avatar-offline::after { - background-color: var(--bs-secondary) - } - - .avatar.avatar-away::after { - background-color: var(--bs-warning) - } - - .avatar.avatar-busy::after { - background-color: var(--bs-danger) - } - - .avatar [class*=avatar-shadow-] { - background-color: var(--bs-avatar-icon-bg); - box-shadow: 0 0 0 .25rem rgba(var(--bs-avatar-icon-shadow-color), 0.06); - color: var(--bs-avatar-icon-color) - } - - .pull-up { - transition: all .25s ease - } - - .pull-up:hover { - z-index: 30; - border-radius: 50%; - box-shadow: var(--bs-box-shadow); - transform: translateY(-4px) scale(1.02) - } - - .avatar-xs { - --bs-avatar-size: 1.5rem; - --bs-avatar-initial: 0.625rem; - --bs-avatar-initial-inline: 1px - } - - .avatar-sm { - --bs-avatar-size: 2rem; - --bs-avatar-initial: 0.8125rem; - --bs-avatar-initial-inline: 2px - } - - .avatar-md { - --bs-avatar-size: 3rem; - --bs-avatar-initial: 1.125rem; - --bs-avatar-initial-inline: 3px - } - - .avatar-lg { - --bs-avatar-size: 3.5rem; - --bs-avatar-initial: 1.5rem; - --bs-avatar-initial-inline: 4px - } - - .avatar-xl { - --bs-avatar-size: 4rem; - --bs-avatar-initial: 1.875rem; - --bs-avatar-initial-inline: 5px - } - - .avatar-group .avatar { - margin-inline-start: -0.8rem; - transition: all .25s ease - } - - .avatar-group .avatar:first-child { - margin-inline-start: 0 - } - - .avatar-group .avatar img, - .avatar-group .avatar .avatar-initial { - border: 2px solid var(--bs-avatar-group-border); - color: var(--bs-heading-color) - } - - .avatar-group .avatar:hover { - z-index: 30; - transition: all .25s ease - } - - .avatar-group .avatar-xs { - margin-inline-start: -0.65rem - } - - .avatar-group .avatar-sm { - margin-inline-start: -0.75rem - } - - .avatar-group .avatar-md { - margin-inline-start: -0.9rem - } - - .avatar-group .avatar-lg { - margin-inline-start: -1.5rem - } - - .avatar-group .avatar-xl { - margin-inline-start: -1.75rem - } - - .avatar .avatar-shadow-primary { - --bs-avatar-icon-color: var(--bs-primary); - --bs-avatar-icon-shadow-color: var(--bs-primary-rgb); - --bs-avatar-icon-bg: var(--bs-primary-bg-subtle) - } - - .avatar .avatar-shadow-secondary { - --bs-avatar-icon-color: var(--bs-secondary); - --bs-avatar-icon-shadow-color: var(--bs-secondary-rgb); - --bs-avatar-icon-bg: var(--bs-secondary-bg-subtle) - } - - .avatar .avatar-shadow-success { - --bs-avatar-icon-color: var(--bs-success); - --bs-avatar-icon-shadow-color: var(--bs-success-rgb); - --bs-avatar-icon-bg: var(--bs-success-bg-subtle) - } - - .avatar .avatar-shadow-info { - --bs-avatar-icon-color: var(--bs-info); - --bs-avatar-icon-shadow-color: var(--bs-info-rgb); - --bs-avatar-icon-bg: var(--bs-info-bg-subtle) - } - - .avatar .avatar-shadow-warning { - --bs-avatar-icon-color: var(--bs-warning); - --bs-avatar-icon-shadow-color: var(--bs-warning-rgb); - --bs-avatar-icon-bg: var(--bs-warning-bg-subtle) - } - - .avatar .avatar-shadow-danger { - --bs-avatar-icon-color: var(--bs-danger); - --bs-avatar-icon-shadow-color: var(--bs-danger-rgb); - --bs-avatar-icon-bg: var(--bs-danger-bg-subtle) - } - - .avatar .avatar-shadow-light { - --bs-avatar-icon-color: var(--bs-light); - --bs-avatar-icon-shadow-color: var(--bs-light-rgb); - --bs-avatar-icon-bg: var(--bs-light-bg-subtle) - } - - .avatar .avatar-shadow-dark { - --bs-avatar-icon-color: var(--bs-dark); - --bs-avatar-icon-shadow-color: var(--bs-dark-rgb); - --bs-avatar-icon-bg: var(--bs-dark-bg-subtle) - } - - .avatar .avatar-shadow-gray { - --bs-avatar-icon-color: var(--bs-gray); - --bs-avatar-icon-shadow-color: var(--bs-gray-rgb); - --bs-avatar-icon-bg: var(--bs-gray-bg-subtle) - } - - [data-bs-theme=dark] .avatar { - --bs-avatar-initial-bg: #373b50 - } - - [data-bs-theme=dark] .avatar.avatar-online::after, - [data-bs-theme=dark] .avatar.avatar-offline::after, - [data-bs-theme=dark] .avatar.avatar-away::after, - [data-bs-theme=dark] .avatar.avatar-busy::after { - box-shadow: 0 0 0 2px var(--bs-body-bg) - } - - .timeline { - --bs-timeline-point-indicator-color: var(--bs-primary); - --bs-timeline-event-time-color: var(--bs-secondary-color); - position: relative; - padding: 0; - block-size: 100%; - inline-size: 100%; - list-style: none - } - - .timeline:not(.timeline-center) { - padding-inline-start: .5rem - } - - .timeline .timeline-header { - display: flex; - flex-direction: row; - align-items: center; - justify-content: space-between - } - - .timeline .timeline-header>*:first-child { - margin-inline-end: .5rem - } - - .timeline .timeline-item { - position: relative; - border: 0; - border-inline-start: 1px solid var(--bs-border-color); - padding-inline-start: 1.4rem - } - - .timeline .timeline-item .timeline-event { - position: relative; - border-radius: var(--bs-border-radius); - background-color: var(--bs-paper-bg); - inline-size: 100%; - min-block-size: 4rem; - padding-block: .5rem .3375rem; - padding-inline: 0 - } - - .timeline .timeline-item .timeline-event .timeline-event-time { - position: absolute; - color: var(--bs-timeline-event-time-color); - font-size: .8125rem; - inset-block-start: 1.2rem - } - - .timeline .timeline-item .timeline-indicator, - .timeline .timeline-item .timeline-indicator-advanced { - position: absolute; - z-index: 2; - display: flex; - align-items: center; - justify-content: center; - border-radius: 50%; - background-color: var(--bs-body-bg); - block-size: 2rem; - box-shadow: 0 0 0 10px var(--bs-body-bg); - inline-size: 2rem; - inset-block-start: .64rem; - inset-inline-start: -1rem; - text-align: center - } - - .timeline .timeline-item .timeline-indicator .icon-base, - .timeline .timeline-item .timeline-indicator-advanced .icon-base { - color: var(--bs-timeline-point-indicator-color) - } - - .timeline .timeline-item [class*=timeline-indicator-] { - background-color: var(--bs-timeline-point-indicator-bg) - } - - .timeline .timeline-item .timeline-indicator-advanced { - background-color: var(--bs-paper-bg); - box-shadow: 0 0 0 10px var(--bs-paper-bg); - inset-block-start: 0 - } - - .timeline .timeline-item .timeline-point { - position: absolute; - z-index: 2; - display: block; - border-radius: 50%; - background-color: var(--bs-timeline-point-indicator-color); - block-size: .75rem; - box-shadow: 0 0 0 10px var(--bs-paper-bg); - inline-size: .75rem; - inset-block-start: 0; - inset-inline-start: -0.38rem; - outline: 3px solid rgba(var(--bs-timeline-point-indicator-outline-color), 0.12) - } - - .timeline .timeline-item.timeline-item-transparent .timeline-event { - background-color: rgba(0, 0, 0, 0); - inset-block-start: -0.9rem; - padding-inline: 0 - } - - .timeline.timeline-outline .timeline-item .timeline-point { - border: 2px solid var(--bs-timeline-point-indicator-color); - background-color: var(--bs-paper-bg); - outline: unset - } - - .timeline.timeline-center .timeline-item { - clear: both; - inline-size: 50% - } - - .timeline.timeline-center .timeline-item .timeline-event { - inset-block-start: 0 - } - - .timeline.timeline-center .timeline-item .timeline-indicator { - inset-block-start: .64rem - } - - .timeline.timeline-center .timeline-item.timeline-item-left, - .timeline.timeline-center .timeline-item:nth-of-type(odd):not(.timeline-item-left, .timeline-item-right) { - border-inline-end: 1px solid var(--bs-border-color); - border-inline-start: 0; - float: inline-start; - padding-block-end: 2.5rem; - padding-inline: 0 2.25rem - } - - .timeline.timeline-center .timeline-item.timeline-item-left .timeline-event .timeline-event-time, - .timeline.timeline-center .timeline-item:nth-of-type(odd):not(.timeline-item-left, .timeline-item-right) .timeline-event .timeline-event-time { - inset-inline-end: -10.2rem - } - - .timeline.timeline-center .timeline-item.timeline-item-left .timeline-point, - .timeline.timeline-center .timeline-item:nth-of-type(odd):not(.timeline-item-left, .timeline-item-right) .timeline-point { - inset-inline-start: 100%; - margin-inline-start: -0.3rem - } - - .timeline.timeline-center .timeline-item.timeline-item-right, - .timeline.timeline-center .timeline-item:nth-of-type(even):not(.timeline-item-left, .timeline-item-right) { - border-inline-start: 1px solid var(--bs-border-color); - float: inline-end; - inset-inline-end: 1px; - padding-block-end: 2.5rem; - padding-inline: 2.25rem 0 - } - - .timeline.timeline-center .timeline-item.timeline-item-right .timeline-event-time, - .timeline.timeline-center .timeline-item:nth-of-type(even):not(.timeline-item-left, .timeline-item-right) .timeline-event-time { - inset-inline-start: -10.2rem - } - - @media(min-width: 768px) { - - .timeline.timeline-center .timeline-item.timeline-item-left .timeline-indicator, - .timeline.timeline-center .timeline-item:nth-of-type(odd):not(.timeline-item-left, .timeline-item-right) .timeline-indicator { - inset-inline-start: calc(100% - 2rem/2) - } - - .timeline.timeline-center .timeline-item.timeline-item-left::after, - .timeline.timeline-center .timeline-item:nth-of-type(odd):not(.timeline-item-left, .timeline-item-right)::after { - inset-inline-start: calc(100% - 2rem/2) - } - } - - @media(max-width: 767.98px) { - .timeline.timeline-center .timeline-end-indicator { - inset-inline-start: -2px - } - - .timeline.timeline-center .timeline-item { - border-inline-end: 0 !important; - float: inline-start !important; - inline-size: 100%; - inset-inline-start: 1rem; - padding-inline: 3.5rem 1.5rem !important - } - - .timeline.timeline-center .timeline-item:not(:last-child) { - border-inline-start: 2px solid var(--bs-border-color) !important - } - - .timeline.timeline-center .timeline-item .timeline-event .timeline-event-time { - inset-block-start: -1.4rem; - inset-inline: 0 auto !important - } - } - - @media(max-width: 575.98px) { - .timeline .timeline-header { - flex-direction: column; - align-items: flex-start - } - } - - .timeline .timeline-point-primary, - .timeline .timeline-indicator-primary { - --bs-timeline-point-indicator-bg: var(--bs-primary-bg-subtle); - --bs-timeline-point-indicator-color: var(--bs-primary); - --bs-timeline-point-indicator-outline-color: var(--bs-primary-rgb) - } - - .timeline .timeline-point-secondary, - .timeline .timeline-indicator-secondary { - --bs-timeline-point-indicator-bg: var(--bs-secondary-bg-subtle); - --bs-timeline-point-indicator-color: var(--bs-secondary); - --bs-timeline-point-indicator-outline-color: var(--bs-secondary-rgb) - } - - .timeline .timeline-point-success, - .timeline .timeline-indicator-success { - --bs-timeline-point-indicator-bg: var(--bs-success-bg-subtle); - --bs-timeline-point-indicator-color: var(--bs-success); - --bs-timeline-point-indicator-outline-color: var(--bs-success-rgb) - } - - .timeline .timeline-point-info, - .timeline .timeline-indicator-info { - --bs-timeline-point-indicator-bg: var(--bs-info-bg-subtle); - --bs-timeline-point-indicator-color: var(--bs-info); - --bs-timeline-point-indicator-outline-color: var(--bs-info-rgb) - } - - .timeline .timeline-point-warning, - .timeline .timeline-indicator-warning { - --bs-timeline-point-indicator-bg: var(--bs-warning-bg-subtle); - --bs-timeline-point-indicator-color: var(--bs-warning); - --bs-timeline-point-indicator-outline-color: var(--bs-warning-rgb) - } - - .timeline .timeline-point-danger, - .timeline .timeline-indicator-danger { - --bs-timeline-point-indicator-bg: var(--bs-danger-bg-subtle); - --bs-timeline-point-indicator-color: var(--bs-danger); - --bs-timeline-point-indicator-outline-color: var(--bs-danger-rgb) - } - - .timeline .timeline-point-light, - .timeline .timeline-indicator-light { - --bs-timeline-point-indicator-bg: var(--bs-light-bg-subtle); - --bs-timeline-point-indicator-color: var(--bs-light); - --bs-timeline-point-indicator-outline-color: var(--bs-light-rgb) - } - - .timeline .timeline-point-dark, - .timeline .timeline-indicator-dark { - --bs-timeline-point-indicator-bg: var(--bs-dark-bg-subtle); - --bs-timeline-point-indicator-color: var(--bs-dark); - --bs-timeline-point-indicator-outline-color: var(--bs-dark-rgb) - } - - .timeline .timeline-point-gray, - .timeline .timeline-indicator-gray { - --bs-timeline-point-indicator-bg: var(--bs-gray-bg-subtle); - --bs-timeline-point-indicator-color: var(--bs-gray); - --bs-timeline-point-indicator-outline-color: var(--bs-gray-rgb) - } - - .divider { - --bs-divider-color: var(--bs-gray-200); - display: block; - overflow: hidden; - margin-block: 1rem; - margin-inline: 0; - text-align: center; - white-space: nowrap - } - - .divider .divider-text { - position: relative; - display: inline-block; - color: var(--bs-heading-color); - font-size: .9375rem; - padding-block: 0; - padding-inline: .677rem - } - - .divider .divider-text .icon-base { - block-size: 1rem; - font-size: 1rem; - inline-size: 1rem - } - - .divider .divider-text::before, - .divider .divider-text::after { - position: absolute; - border-block-start: 1px solid var(--bs-divider-color); - content: ""; - inline-size: 100vw; - inset-block-start: 50% - } - - .divider .divider-text::before { - inset-inline-end: 100% - } - - .divider .divider-text::after { - inset-inline-start: 100% - } - - .divider.text-start .divider-text { - padding-inline-start: 0 - } - - .divider.text-end .divider-text { - padding-inline-end: 0 - } - - .divider.text-start-center .divider-text { - inset-inline-start: -25% - } - - .divider.text-end-center .divider-text { - inset-inline-end: -25% - } - - .divider.divider-dotted .divider-text::before, - .divider.divider-dotted .divider-text::after { - border-width: 0 1px 1px; - border-style: dotted; - border-color: var(--bs-divider-color) - } - - .divider.divider-dashed .divider-text::before, - .divider.divider-dashed .divider-text::after { - border-width: 0 1px 1px; - border-style: dashed; - border-color: var(--bs-divider-color) - } - - .divider-primary { - --bs-divider-color: var(--bs-primary) - } - - .divider-secondary { - --bs-divider-color: var(--bs-secondary) - } - - .divider-success { - --bs-divider-color: var(--bs-success) - } - - .divider-info { - --bs-divider-color: var(--bs-info) - } - - .divider-warning { - --bs-divider-color: var(--bs-warning) - } - - .divider-danger { - --bs-divider-color: var(--bs-danger) - } - - .divider-light { - --bs-divider-color: var(--bs-light) - } - - .divider-dark { - --bs-divider-color: var(--bs-dark) - } - - .divider-gray { - --bs-divider-color: var(--bs-gray) - } - - .footer { - --bs-footer-color: var(--bs-body-color); - --bs-footer-bg: var(--bs-paper-bg); - --bs-footer-border-width: 0; - --bs-footer-border-color: var(--bs-border-color); - --bs-footer-link-color: var(--bs-primary); - --bs-footer-link-hover-color: rgba(var(--bs-primary-rgb), 0.8); - --bs-footer-link-disabled-color: var(--bs-gray-300); - --bs-footer-link-active-color: var(--bs-primary); - --bs-footer-brand-color: var(--bs-primary); - --bs-footer-brand-hover-color: color-mix(in sRGB, var(--bs-primary) 84%, var(--bs-paper-bg)); - --bs-footer-box-shadow: var(--bs-box-shadow-lg); - color: var(--bs-footer-color) - } - - .footer .footer-brand { - color: var(--bs-footer-brand-color) - } - - .footer .footer-brand:hover, - .footer .footer-brand:focus { - color: var(--bs-footer-brand-hover-color) - } - - .footer.content-footer .footer-container { - block-size: 54px - } - - .footer .footer-link { - display: inline-block; - color: var(--bs-footer-link-color) - } - - .footer .footer-link:hover, - .footer .footer-link:focus { - color: var(--bs-footer-link-hover-color) - } - - .footer .footer-link.disabled { - color: var(--bs-footer-link-disabled-color) !important - } - - .footer .footer-link:active, - .footer .footer-link.active { - color: var(--bs-footer-link-active-color) - } - - .footer.bg-footer-theme { - --bs-footer-brand-color: var(--bs-body-color) - } - - .footer.bg-white { - --bs-footer-color: #393a5a; - --bs-footer-link-color: #393a5a; - --bs-footer-link-hover-color: #000; - --bs-footer-brand-color: #22303e; - --bs-footer-brand-hover-color: #000 - } - - .footer.bg-primary { - --bs-footer-brand-hover-color: color-mix(in sRGB, var(--bs-paper-bg) 84%, var(--bs-primary)); - --bs-footer-link-hover-color: color-mix(in sRGB, var(--bs-paper-bg) 84%, var(--bs-primary)); - --bs-footer-color: var(--bs-primary-contrast); - --bs-footer-link-color: var(--bs-primary-contrast); - --bs-footer-brand-color: var(--bs-primary-contrast) - } - - .footer.bg-secondary { - --bs-footer-brand-hover-color: color-mix(in sRGB, var(--bs-paper-bg) 84%, var(--bs-secondary)); - --bs-footer-link-hover-color: color-mix(in sRGB, var(--bs-paper-bg) 84%, var(--bs-secondary)); - --bs-footer-color: var(--bs-secondary-contrast); - --bs-footer-link-color: var(--bs-secondary-contrast); - --bs-footer-brand-color: var(--bs-secondary-contrast) - } - - .footer.bg-success { - --bs-footer-brand-hover-color: color-mix(in sRGB, var(--bs-paper-bg) 84%, var(--bs-success)); - --bs-footer-link-hover-color: color-mix(in sRGB, var(--bs-paper-bg) 84%, var(--bs-success)); - --bs-footer-color: var(--bs-success-contrast); - --bs-footer-link-color: var(--bs-success-contrast); - --bs-footer-brand-color: var(--bs-success-contrast) - } - - .footer.bg-info { - --bs-footer-brand-hover-color: color-mix(in sRGB, var(--bs-paper-bg) 84%, var(--bs-info)); - --bs-footer-link-hover-color: color-mix(in sRGB, var(--bs-paper-bg) 84%, var(--bs-info)); - --bs-footer-color: var(--bs-info-contrast); - --bs-footer-link-color: var(--bs-info-contrast); - --bs-footer-brand-color: var(--bs-info-contrast) - } - - .footer.bg-warning { - --bs-footer-brand-hover-color: color-mix(in sRGB, var(--bs-paper-bg) 84%, var(--bs-warning)); - --bs-footer-link-hover-color: color-mix(in sRGB, var(--bs-paper-bg) 84%, var(--bs-warning)); - --bs-footer-color: var(--bs-warning-contrast); - --bs-footer-link-color: var(--bs-warning-contrast); - --bs-footer-brand-color: var(--bs-warning-contrast) - } - - .footer.bg-danger { - --bs-footer-brand-hover-color: color-mix(in sRGB, var(--bs-paper-bg) 84%, var(--bs-danger)); - --bs-footer-link-hover-color: color-mix(in sRGB, var(--bs-paper-bg) 84%, var(--bs-danger)); - --bs-footer-color: var(--bs-danger-contrast); - --bs-footer-link-color: var(--bs-danger-contrast); - --bs-footer-brand-color: var(--bs-danger-contrast) - } - - .footer.bg-light { - --bs-footer-brand-hover-color: color-mix(in sRGB, var(--bs-paper-bg) 40%, var(--bs-light-contrast)); - --bs-footer-link-hover-color: var(--bs-light-contrast); - --bs-footer-color: var(--bs-body-color); - --bs-footer-link-color: var(--bs-body-color); - --bs-footer-brand-color: var(--bs-heading-color) - } - - .footer.bg-dark { - --bs-footer-brand-hover-color: color-mix(in sRGB, var(--bs-paper-bg) 84%, var(--bs-dark)); - --bs-footer-link-hover-color: color-mix(in sRGB, var(--bs-paper-bg) 84%, var(--bs-dark)); - --bs-footer-color: var(--bs-dark-contrast); - --bs-footer-link-color: var(--bs-dark-contrast); - --bs-footer-brand-color: var(--bs-dark-contrast) - } - - .footer.bg-gray { - --bs-footer-brand-hover-color: color-mix(in sRGB, var(--bs-paper-bg) 84%, var(--bs-gray)); - --bs-footer-link-hover-color: color-mix(in sRGB, var(--bs-paper-bg) 84%, var(--bs-gray)); - --bs-footer-color: var(--bs-gray-contrast); - --bs-footer-link-color: var(--bs-gray-contrast); - --bs-footer-brand-color: var(--bs-gray-contrast) - } - - [data-bs-theme=dark] .footer.bg-dark { - --bs-footer-brand-hover-color: color-mix(in sRGB, var(--bs-paper-bg) 84%, var(--bs-dark-contrast)); - --bs-footer-link-hover-color: color-mix(in sRGB, var(--bs-paper-bg) 84%, var(--bs-dark-contrast)) - } \ No newline at end of file +:root, +[data-bs-theme="light"] { + --bs-blue: #007bff; + --bs-indigo: #6610f2; + --bs-purple: #696cff; + --bs-pink: #e83e8c; + --bs-red: #ff3e1d; + --bs-orange: #fd7e14; + --bs-yellow: #ffab00; + --bs-green: #71dd37; + --bs-teal: #20c997; + --bs-cyan: #03c3ec; + --bs-black: #22303e; + --bs-white: #fff; + --bs-gray: #7a838b; + --bs-gray-dark: #4e5965; + --bs-gray-25: #fbfbfb; + --bs-gray-60: #f2f3f3; + --bs-gray-80: #edeef0; + --bs-gray-100: #e9eaec; + --bs-gray-200: #e4e6e8; + --bs-gray-300: #bdc1c5; + --bs-gray-400: #a7acb2; + --bs-gray-500: #91979f; + --bs-gray-600: #7a838b; + --bs-gray-700: #646e78; + --bs-gray-800: #4e5965; + --bs-gray-900: #384551; + --bs-primary: #696cff; + --bs-secondary: #8592a3; + --bs-success: #71dd37; + --bs-info: #03c3ec; + --bs-warning: #ffab00; + --bs-danger: #ff3e1d; + --bs-light: #dbdee0; + --bs-dark: #2b2c40; + --bs-gray: #91979f; + --bs-primary-rgb: 105, 108, 255; + --bs-secondary-rgb: 133, 146, 163; + --bs-success-rgb: 113, 221, 55; + --bs-info-rgb: 3, 195, 236; + --bs-warning-rgb: 255, 171, 0; + --bs-danger-rgb: 255, 62, 29; + --bs-light-rgb: 219, 222, 224; + --bs-dark-rgb: 43, 44, 64; + --bs-gray-rgb: 145, 151, 159; + --bs-primary-text-emphasis: #2a2b66; + --bs-secondary-text-emphasis: #353a41; + --bs-success-text-emphasis: #2d5816; + --bs-info-text-emphasis: #014e5e; + --bs-warning-text-emphasis: #664400; + --bs-danger-text-emphasis: #66190c; + --bs-light-text-emphasis: #646e78; + --bs-dark-text-emphasis: #646e78; + --bs-primary-bg-subtle: #e7e7ff; + --bs-secondary-bg-subtle: #ebeef0; + --bs-success-bg-subtle: #e8fadf; + --bs-info-bg-subtle: #d7f5fc; + --bs-warning-bg-subtle: #fff2d6; + --bs-danger-bg-subtle: #ffe0db; + --bs-light-bg-subtle: #f4f5f6; + --bs-dark-bg-subtle: #dddde0; + --bs-primary-border-subtle: #d2d3ff; + --bs-secondary-border-subtle: #dadee3; + --bs-success-border-subtle: #d4f5c3; + --bs-info-border-subtle: #b3edf9; + --bs-warning-border-subtle: #ffe6b3; + --bs-danger-border-subtle: #ffc5bb; + --bs-light-border-subtle: #e4e6e8; + --bs-dark-border-subtle: #bfc0c6; + --bs-white-rgb: 255, 255, 255; + --bs-black-rgb: 34, 48, 62; + --bs-font-sans-serif: "Public Sans", -apple-system, blinkmacsystemfont, + "Segoe UI", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", + "Helvetica Neue", sans-serif; + --bs-font-monospace: "SFMono-Regular", menlo, monaco, consolas, + "Liberation Mono", "Courier New", monospace; + --bs-gradient: linear-gradient( + 180deg, + rgba(255, 255, 255, 0.15), + rgba(255, 255, 255, 0) + ); + --bs-root-font-size: 16px; + --bs-body-font-family: var(--bs-font-sans-serif); + --bs-body-font-size: 0.8375rem; + --bs-body-font-weight: 400; + --bs-body-line-height: 1.375; + --bs-body-color: #646e78; + --bs-body-color-rgb: 100, 110, 120; + --bs-body-bg: #f5f5f9; + --bs-body-bg-rgb: 245, 245, 249; + --bs-emphasis-color: #22303e; + --bs-emphasis-color-rgb: 34, 48, 62; + --bs-secondary-color: #a7acb2; + --bs-secondary-color-rgb: 167, 172, 178; + --bs-secondary-bg: #e4e6e8; + --bs-secondary-bg-rgb: 228, 230, 232; + --bs-tertiary-color: rgba(100, 110, 120, 0.5); + --bs-tertiary-color-rgb: 100, 110, 120; + --bs-tertiary-bg: #e9eaec; + --bs-tertiary-bg-rgb: 233, 234, 236; + --bs-heading-color: #384551; + --bs-link-color: #696cff; + --bs-link-color-rgb: 105, 108, 255; + --bs-link-decoration: none; + --bs-link-hover-color: #5f61e6; + --bs-link-hover-color-rgb: 95, 97, 230; + --bs-code-color: #e83e8c; + --bs-highlight-color: #646e78; + --bs-highlight-bg: #ffeecc; + --bs-border-width: 1px; + --bs-border-style: solid; + --bs-border-color: #e4e6e8; + --bs-border-color-translucent: rgba(34, 48, 62, 0.175); + --bs-border-radius: 0.375rem; + --bs-border-radius-sm: 0.25rem; + --bs-border-radius-lg: 0.5rem; + --bs-border-radius-xl: 0.625rem; + --bs-border-radius-xxl: 1rem; + --bs-border-radius-2xl: var(--bs-border-radius-xxl); + --bs-border-radius-pill: 50rem; + --bs-box-shadow: 0 0.1875rem 0.5rem 0 rgba(34, 48, 62, 0.1); + --bs-box-shadow-sm: 0 0.125rem 0.375rem 0 rgba(34, 48, 62, 0.08); + --bs-box-shadow-lg: 0 0.25rem 0.75rem 0 rgba(34, 48, 62, 0.14); + --bs-box-shadow-inset: inset 0 1px 2px rgba(34, 48, 62, 0.075); + --bs-focus-ring-width: 0.15rem; + --bs-focus-ring-opacity: 0.75; + --bs-focus-ring-color: rgba(100, 110, 120, 0.75); + --bs-form-valid-color: #71dd37; + --bs-form-valid-border-color: #71dd37; + --bs-form-invalid-color: #ff3e1d; + --bs-form-invalid-border-color: #ff3e1d; +} + +[data-bs-theme="dark"] { + color-scheme: dark; + --bs-body-color: #b2b2c4; + --bs-body-color-rgb: 178, 178, 196; + --bs-body-bg: #232333; + --bs-body-bg-rgb: 35, 35, 51; + --bs-emphasis-color: #fff; + --bs-emphasis-color-rgb: 255, 255, 255; + --bs-secondary-color: #7e7f96; + --bs-secondary-color-rgb: 126, 127, 150; + --bs-secondary-bg: #4e4f6c; + --bs-secondary-bg-rgb: 78, 79, 108; + --bs-tertiary-color: rgba(178, 178, 196, 0.5); + --bs-tertiary-color-rgb: 178, 178, 196; + --bs-tertiary-bg: #464764; + --bs-tertiary-bg-rgb: 70, 71, 100; + --bs-primary-text-emphasis: #a5a7ff; + --bs-secondary-text-emphasis: #b6bec8; + --bs-success-text-emphasis: #aaeb87; + --bs-info-text-emphasis: #68dbf4; + --bs-warning-text-emphasis: #ffcd66; + --bs-danger-text-emphasis: #ff8b77; + --bs-light-text-emphasis: #b2b2c4; + --bs-dark-text-emphasis: #e6e6f1; + --bs-primary-bg-subtle: #35365f; + --bs-secondary-bg-subtle: #393c50; + --bs-success-bg-subtle: #36483f; + --bs-info-bg-subtle: #25445c; + --bs-warning-bg-subtle: #4d4036; + --bs-danger-bg-subtle: #4d2f3a; + --bs-light-bg-subtle: #303145; + --bs-dark-bg-subtle: #35364f; + --bs-primary-border-subtle: #454682; + --bs-secondary-border-subtle: #4b4f6c; + --bs-success-border-subtle: #466152; + --bs-info-border-subtle: #2c5b7d; + --bs-warning-border-subtle: #695544; + --bs-danger-border-subtle: #693b4b; + --bs-light-border-subtle: #3d3e5b; + --bs-dark-border-subtle: #45466a; + --bs-heading-color: #d5d5e2; + --bs-link-color: #a5a7ff; + --bs-link-hover-color: #aeb0ff; + --bs-link-color-rgb: 165, 167, 255; + --bs-link-hover-color-rgb: 174, 176, 255; + --bs-code-color: #f18bba; + --bs-highlight-color: #b2b2c4; + --bs-highlight-bg: #664400; + --bs-border-color: #4e4f6c; + --bs-border-color-translucent: rgba(255, 255, 255, 0.15); + --bs-form-valid-color: #71dd37; + --bs-form-valid-border-color: #71dd37; + --bs-form-invalid-color: #ff3e1d; + --bs-form-invalid-border-color: #ff3e1d; +} + +*, +*::before, +*::after { + box-sizing: border-box; +} + +:root { + font-size: var(--bs-root-font-size); +} +@media (prefers-reduced-motion: no-preference) { + :root { + scroll-behavior: smooth; + } +} + +body { + margin: 0; + font-family: var(--bs-body-font-family); + font-size: var(--bs-body-font-size); + font-weight: var(--bs-body-font-weight); + line-height: var(--bs-body-line-height); + color: var(--bs-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(34, 48, 62, 0); +} + +hr { + margin: 1rem 0; + color: var(--bs-border-color); + border: 0; + border-top: var(--bs-border-width) solid; + opacity: 1; +} + +h6, +.h6, +h5, +.h5, +h4, +.h4, +h3, +.h3, +h2, +.h2, +h1, +.h1 { + margin-top: 0; + margin-bottom: 1rem; + font-weight: 500; + line-height: 1.1; + color: var(--bs-heading-color); +} + +h1, +.h1 { + font-size: calc(1.4125rem + 1.95vw); +} +@media (min-width: 1200px) { + h1, + .h1 { + font-size: 2.875rem; + } +} + +h2, +.h2 { + font-size: calc(1.3625rem + 1.35vw); +} +@media (min-width: 1200px) { + h2, + .h2 { + font-size: 2.375rem; + } +} + +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.125rem; +} + +h6, +.h6 { + font-size: 0.9375rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title] { + text-decoration: underline dotted; + cursor: help; + 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: 500; +} + +dd { + margin-bottom: 0.5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +b, +strong { + font-weight: bolder; +} + +small, +.small { + font-size: 0.8125rem; +} + +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); +} + +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.8125rem; +} +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} + +code { + font-size: 0.8125rem; + color: var(--bs-code-color); + word-wrap: break-word; +} +a > code { + color: inherit; +} + +kbd { + padding: 0.1875rem 0.375rem; + font-size: 0.8125rem; + color: var(--bs-body-bg); + background-color: var(--bs-body-color); + border-radius: 0.25rem; +} +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.782rem; + padding-bottom: 0.782rem; + color: var(--bs-secondary-color); + text-align: left; +} + +th { + font-weight: 500; + 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; +} + +::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; +} + +.lead { + font-size: 1.0546875rem; + font-weight: 400; +} + +.display-1 { + font-size: calc(1.525rem + 3.3vw); + font-weight: 500; + line-height: 1.1; +} +@media (min-width: 1200px) { + .display-1 { + font-size: 4rem; + } +} + +.display-2 { + font-size: calc(1.475rem + 2.7vw); + font-weight: 500; + line-height: 1.1; +} +@media (min-width: 1200px) { + .display-2 { + font-size: 3.5rem; + } +} + +.display-3 { + font-size: calc(1.425rem + 2.1vw); + font-weight: 500; + line-height: 1.1; +} +@media (min-width: 1200px) { + .display-3 { + font-size: 3rem; + } +} + +.display-4 { + font-size: calc(1.375rem + 1.5vw); + font-weight: 500; + line-height: 1.1; +} +@media (min-width: 1200px) { + .display-4 { + font-size: 2.5rem; + } +} + +.display-5 { + font-size: calc(1.325rem + 0.9vw); + font-weight: 500; + line-height: 1.1; +} +@media (min-width: 1200px) { + .display-5 { + font-size: 2rem; + } +} + +.display-6 { + font-size: calc(1.275rem + 0.3vw); + font-weight: 500; + line-height: 1.1; +} +@media (min-width: 1200px) { + .display-6 { + font-size: 1.5rem; + } +} + +.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; +} + +.initialism { + font-size: 0.8125rem; + text-transform: uppercase; +} + +.blockquote { + margin-bottom: 1rem; + font-size: 1.0546875rem; +} +.blockquote > :last-child { + margin-bottom: 0; +} + +.blockquote-footer { + margin-top: -1rem; + margin-bottom: 1rem; + font-size: 0.8125rem; + color: #7a838b; +} +.blockquote-footer::before { + content: "— "; +} + +.img-fluid { + max-width: 100%; + height: auto; +} + +.img-thumbnail { + padding: 0; + background-color: transparent; + border: 0 solid var(--bs-border-color); + border-radius: 0; + max-width: 100%; + height: auto; +} + +.figure { + display: inline-block; +} + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; +} + +.figure-caption { + font-size: 0.8125rem; + color: #a7acb2; +} + +.container, +.container-fluid, +.container-xxl, +.container-xl, +.container-lg, +.container-md, +.container-sm { + --bs-gutter-x: 1.625rem; + --bs-gutter-y: 0; + width: 100%; + padding-right: calc(var(--bs-gutter-x) * 0.5); + padding-left: calc(var(--bs-gutter-x) * 0.5); + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 576px) { + .container-sm, + .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container-md, + .container-sm, + .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container-lg, + .container-md, + .container-sm, + .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container-xl, + .container-lg, + .container-md, + .container-sm, + .container { + max-width: 1140px; + } +} +@media (min-width: 1400px) { + .container-xxl, + .container-xl, + .container-lg, + .container-md, + .container-sm, + .container { + max-width: 1440px; + } +} +:root { + --bs-breakpoint-xs: 0; + --bs-breakpoint-sm: 576px; + --bs-breakpoint-md: 768px; + --bs-breakpoint-lg: 992px; + --bs-breakpoint-xl: 1200px; + --bs-breakpoint-xxl: 1400px; +} + +.row { + --bs-gutter-x: 1.625rem; + --bs-gutter-y: 0; + display: flex; + flex-wrap: wrap; + margin-top: calc(-1 * var(--bs-gutter-y)); + margin-right: calc(-0.5 * var(--bs-gutter-x)); + margin-left: calc(-0.5 * var(--bs-gutter-x)); +} +.row > * { + flex-shrink: 0; + width: 100%; + max-width: 100%; + padding-right: calc(var(--bs-gutter-x) * 0.5); + padding-left: calc(var(--bs-gutter-x) * 0.5); + margin-top: var(--bs-gutter-y); +} + +.col { + flex: 1 0 0%; +} + +.row-cols-auto > * { + flex: 0 0 auto; + width: auto; +} + +.row-cols-1 > * { + flex: 0 0 auto; + width: 100%; +} + +.row-cols-2 > * { + flex: 0 0 auto; + width: 50%; +} + +.row-cols-3 > * { + flex: 0 0 auto; + width: 33.33333333%; +} + +.row-cols-4 > * { + flex: 0 0 auto; + width: 25%; +} + +.row-cols-5 > * { + flex: 0 0 auto; + width: 20%; +} + +.row-cols-6 > * { + flex: 0 0 auto; + width: 16.66666667%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; +} + +.col-1 { + flex: 0 0 auto; + width: 8.33333333%; +} + +.col-2 { + flex: 0 0 auto; + width: 16.66666667%; +} + +.col-3 { + flex: 0 0 auto; + width: 25%; +} + +.col-4 { + flex: 0 0 auto; + width: 33.33333333%; +} + +.col-5 { + flex: 0 0 auto; + width: 41.66666667%; +} + +.col-6 { + flex: 0 0 auto; + width: 50%; +} + +.col-7 { + flex: 0 0 auto; + width: 58.33333333%; +} + +.col-8 { + flex: 0 0 auto; + width: 66.66666667%; +} + +.col-9 { + flex: 0 0 auto; + width: 75%; +} + +.col-10 { + flex: 0 0 auto; + width: 83.33333333%; +} + +.col-11 { + flex: 0 0 auto; + width: 91.66666667%; +} + +.col-12 { + flex: 0 0 auto; + width: 100%; +} + +.offset-1 { + margin-left: 8.33333333%; +} + +.offset-2 { + margin-left: 16.66666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.33333333%; +} + +.offset-5 { + margin-left: 41.66666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.33333333%; +} + +.offset-8 { + margin-left: 66.66666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.33333333%; +} + +.offset-11 { + margin-left: 91.66666667%; +} + +.g-0, +.gx-0 { + --bs-gutter-x: 0; +} + +.g-0, +.gy-0 { + --bs-gutter-y: 0; +} + +.g-50, +.gx-50 { + --bs-gutter-x: 0.125rem; +} + +.g-50, +.gy-50 { + --bs-gutter-y: 0.125rem; +} + +.g-1, +.gx-1 { + --bs-gutter-x: 0.25rem; +} + +.g-1, +.gy-1 { + --bs-gutter-y: 0.25rem; +} + +.g-1_5, +.gx-1_5 { + --bs-gutter-x: 0.375rem; +} + +.g-1_5, +.gy-1_5 { + --bs-gutter-y: 0.375rem; +} + +.g-2, +.gx-2 { + --bs-gutter-x: 0.5rem; +} + +.g-2, +.gy-2 { + --bs-gutter-y: 0.5rem; +} + +.g-3, +.gx-3 { + --bs-gutter-x: 0.75rem; +} + +.g-3, +.gy-3 { + --bs-gutter-y: 0.75rem; +} + +.g-4, +.gx-4 { + --bs-gutter-x: 1rem; +} + +.g-4, +.gy-4 { + --bs-gutter-y: 1rem; +} + +.g-5, +.gx-5 { + --bs-gutter-x: 1.25rem; +} + +.g-5, +.gy-5 { + --bs-gutter-y: 1.25rem; +} + +.g-6, +.gx-6 { + --bs-gutter-x: 1.5rem; +} + +.g-6, +.gy-6 { + --bs-gutter-y: 1.5rem; +} + +.g-7, +.gx-7 { + --bs-gutter-x: 1.75rem; +} + +.g-7, +.gy-7 { + --bs-gutter-y: 1.75rem; +} + +.g-8, +.gx-8 { + --bs-gutter-x: 2rem; +} + +.g-8, +.gy-8 { + --bs-gutter-y: 2rem; +} + +.g-9, +.gx-9 { + --bs-gutter-x: 2.25rem; +} + +.g-9, +.gy-9 { + --bs-gutter-y: 2.25rem; +} + +.g-10, +.gx-10 { + --bs-gutter-x: 2.5rem; +} + +.g-10, +.gy-10 { + --bs-gutter-y: 2.5rem; +} + +.g-11, +.gx-11 { + --bs-gutter-x: 2.75rem; +} + +.g-11, +.gy-11 { + --bs-gutter-y: 2.75rem; +} + +.g-12, +.gx-12 { + --bs-gutter-x: 3rem; +} + +.g-12, +.gy-12 { + --bs-gutter-y: 3rem; +} + +@media (min-width: 576px) { + .col-sm { + flex: 1 0 0%; + } + .row-cols-sm-auto > * { + flex: 0 0 auto; + width: auto; + } + .row-cols-sm-1 > * { + flex: 0 0 auto; + width: 100%; + } + .row-cols-sm-2 > * { + flex: 0 0 auto; + width: 50%; + } + .row-cols-sm-3 > * { + flex: 0 0 auto; + width: 33.33333333%; + } + .row-cols-sm-4 > * { + flex: 0 0 auto; + width: 25%; + } + .row-cols-sm-5 > * { + flex: 0 0 auto; + width: 20%; + } + .row-cols-sm-6 > * { + flex: 0 0 auto; + width: 16.66666667%; + } + .col-sm-auto { + flex: 0 0 auto; + width: auto; + } + .col-sm-1 { + flex: 0 0 auto; + width: 8.33333333%; + } + .col-sm-2 { + flex: 0 0 auto; + width: 16.66666667%; + } + .col-sm-3 { + flex: 0 0 auto; + width: 25%; + } + .col-sm-4 { + flex: 0 0 auto; + width: 33.33333333%; + } + .col-sm-5 { + flex: 0 0 auto; + width: 41.66666667%; + } + .col-sm-6 { + flex: 0 0 auto; + width: 50%; + } + .col-sm-7 { + flex: 0 0 auto; + width: 58.33333333%; + } + .col-sm-8 { + flex: 0 0 auto; + width: 66.66666667%; + } + .col-sm-9 { + flex: 0 0 auto; + width: 75%; + } + .col-sm-10 { + flex: 0 0 auto; + width: 83.33333333%; + } + .col-sm-11 { + flex: 0 0 auto; + width: 91.66666667%; + } + .col-sm-12 { + flex: 0 0 auto; + width: 100%; + } + .offset-sm-0 { + margin-left: 0; + } + .offset-sm-1 { + margin-left: 8.33333333%; + } + .offset-sm-2 { + margin-left: 16.66666667%; + } + .offset-sm-3 { + margin-left: 25%; + } + .offset-sm-4 { + margin-left: 33.33333333%; + } + .offset-sm-5 { + margin-left: 41.66666667%; + } + .offset-sm-6 { + margin-left: 50%; + } + .offset-sm-7 { + margin-left: 58.33333333%; + } + .offset-sm-8 { + margin-left: 66.66666667%; + } + .offset-sm-9 { + margin-left: 75%; + } + .offset-sm-10 { + margin-left: 83.33333333%; + } + .offset-sm-11 { + margin-left: 91.66666667%; + } + .g-sm-0, + .gx-sm-0 { + --bs-gutter-x: 0; + } + .g-sm-0, + .gy-sm-0 { + --bs-gutter-y: 0; + } + .g-sm-50, + .gx-sm-50 { + --bs-gutter-x: 0.125rem; + } + .g-sm-50, + .gy-sm-50 { + --bs-gutter-y: 0.125rem; + } + .g-sm-1, + .gx-sm-1 { + --bs-gutter-x: 0.25rem; + } + .g-sm-1, + .gy-sm-1 { + --bs-gutter-y: 0.25rem; + } + .g-sm-1_5, + .gx-sm-1_5 { + --bs-gutter-x: 0.375rem; + } + .g-sm-1_5, + .gy-sm-1_5 { + --bs-gutter-y: 0.375rem; + } + .g-sm-2, + .gx-sm-2 { + --bs-gutter-x: 0.5rem; + } + .g-sm-2, + .gy-sm-2 { + --bs-gutter-y: 0.5rem; + } + .g-sm-3, + .gx-sm-3 { + --bs-gutter-x: 0.75rem; + } + .g-sm-3, + .gy-sm-3 { + --bs-gutter-y: 0.75rem; + } + .g-sm-4, + .gx-sm-4 { + --bs-gutter-x: 1rem; + } + .g-sm-4, + .gy-sm-4 { + --bs-gutter-y: 1rem; + } + .g-sm-5, + .gx-sm-5 { + --bs-gutter-x: 1.25rem; + } + .g-sm-5, + .gy-sm-5 { + --bs-gutter-y: 1.25rem; + } + .g-sm-6, + .gx-sm-6 { + --bs-gutter-x: 1.5rem; + } + .g-sm-6, + .gy-sm-6 { + --bs-gutter-y: 1.5rem; + } + .g-sm-7, + .gx-sm-7 { + --bs-gutter-x: 1.75rem; + } + .g-sm-7, + .gy-sm-7 { + --bs-gutter-y: 1.75rem; + } + .g-sm-8, + .gx-sm-8 { + --bs-gutter-x: 2rem; + } + .g-sm-8, + .gy-sm-8 { + --bs-gutter-y: 2rem; + } + .g-sm-9, + .gx-sm-9 { + --bs-gutter-x: 2.25rem; + } + .g-sm-9, + .gy-sm-9 { + --bs-gutter-y: 2.25rem; + } + .g-sm-10, + .gx-sm-10 { + --bs-gutter-x: 2.5rem; + } + .g-sm-10, + .gy-sm-10 { + --bs-gutter-y: 2.5rem; + } + .g-sm-11, + .gx-sm-11 { + --bs-gutter-x: 2.75rem; + } + .g-sm-11, + .gy-sm-11 { + --bs-gutter-y: 2.75rem; + } + .g-sm-12, + .gx-sm-12 { + --bs-gutter-x: 3rem; + } + .g-sm-12, + .gy-sm-12 { + --bs-gutter-y: 3rem; + } +} +@media (min-width: 768px) { + .col-md { + flex: 1 0 0%; + } + .row-cols-md-auto > * { + flex: 0 0 auto; + width: auto; + } + .row-cols-md-1 > * { + flex: 0 0 auto; + width: 100%; + } + .row-cols-md-2 > * { + flex: 0 0 auto; + width: 50%; + } + .row-cols-md-3 > * { + flex: 0 0 auto; + width: 33.33333333%; + } + .row-cols-md-4 > * { + flex: 0 0 auto; + width: 25%; + } + .row-cols-md-5 > * { + flex: 0 0 auto; + width: 20%; + } + .row-cols-md-6 > * { + flex: 0 0 auto; + width: 16.66666667%; + } + .col-md-auto { + flex: 0 0 auto; + width: auto; + } + .col-md-1 { + flex: 0 0 auto; + width: 8.33333333%; + } + .col-md-2 { + flex: 0 0 auto; + width: 16.66666667%; + } + .col-md-3 { + flex: 0 0 auto; + width: 25%; + } + .col-md-4 { + flex: 0 0 auto; + width: 33.33333333%; + } + .col-md-5 { + flex: 0 0 auto; + width: 41.66666667%; + } + .col-md-6 { + flex: 0 0 auto; + width: 50%; + } + .col-md-7 { + flex: 0 0 auto; + width: 58.33333333%; + } + .col-md-8 { + flex: 0 0 auto; + width: 66.66666667%; + } + .col-md-9 { + flex: 0 0 auto; + width: 75%; + } + .col-md-10 { + flex: 0 0 auto; + width: 83.33333333%; + } + .col-md-11 { + flex: 0 0 auto; + width: 91.66666667%; + } + .col-md-12 { + flex: 0 0 auto; + width: 100%; + } + .offset-md-0 { + margin-left: 0; + } + .offset-md-1 { + margin-left: 8.33333333%; + } + .offset-md-2 { + margin-left: 16.66666667%; + } + .offset-md-3 { + margin-left: 25%; + } + .offset-md-4 { + margin-left: 33.33333333%; + } + .offset-md-5 { + margin-left: 41.66666667%; + } + .offset-md-6 { + margin-left: 50%; + } + .offset-md-7 { + margin-left: 58.33333333%; + } + .offset-md-8 { + margin-left: 66.66666667%; + } + .offset-md-9 { + margin-left: 75%; + } + .offset-md-10 { + margin-left: 83.33333333%; + } + .offset-md-11 { + margin-left: 91.66666667%; + } + .g-md-0, + .gx-md-0 { + --bs-gutter-x: 0; + } + .g-md-0, + .gy-md-0 { + --bs-gutter-y: 0; + } + .g-md-50, + .gx-md-50 { + --bs-gutter-x: 0.125rem; + } + .g-md-50, + .gy-md-50 { + --bs-gutter-y: 0.125rem; + } + .g-md-1, + .gx-md-1 { + --bs-gutter-x: 0.25rem; + } + .g-md-1, + .gy-md-1 { + --bs-gutter-y: 0.25rem; + } + .g-md-1_5, + .gx-md-1_5 { + --bs-gutter-x: 0.375rem; + } + .g-md-1_5, + .gy-md-1_5 { + --bs-gutter-y: 0.375rem; + } + .g-md-2, + .gx-md-2 { + --bs-gutter-x: 0.5rem; + } + .g-md-2, + .gy-md-2 { + --bs-gutter-y: 0.5rem; + } + .g-md-3, + .gx-md-3 { + --bs-gutter-x: 0.75rem; + } + .g-md-3, + .gy-md-3 { + --bs-gutter-y: 0.75rem; + } + .g-md-4, + .gx-md-4 { + --bs-gutter-x: 1rem; + } + .g-md-4, + .gy-md-4 { + --bs-gutter-y: 1rem; + } + .g-md-5, + .gx-md-5 { + --bs-gutter-x: 1.25rem; + } + .g-md-5, + .gy-md-5 { + --bs-gutter-y: 1.25rem; + } + .g-md-6, + .gx-md-6 { + --bs-gutter-x: 1.5rem; + } + .g-md-6, + .gy-md-6 { + --bs-gutter-y: 1.5rem; + } + .g-md-7, + .gx-md-7 { + --bs-gutter-x: 1.75rem; + } + .g-md-7, + .gy-md-7 { + --bs-gutter-y: 1.75rem; + } + .g-md-8, + .gx-md-8 { + --bs-gutter-x: 2rem; + } + .g-md-8, + .gy-md-8 { + --bs-gutter-y: 2rem; + } + .g-md-9, + .gx-md-9 { + --bs-gutter-x: 2.25rem; + } + .g-md-9, + .gy-md-9 { + --bs-gutter-y: 2.25rem; + } + .g-md-10, + .gx-md-10 { + --bs-gutter-x: 2.5rem; + } + .g-md-10, + .gy-md-10 { + --bs-gutter-y: 2.5rem; + } + .g-md-11, + .gx-md-11 { + --bs-gutter-x: 2.75rem; + } + .g-md-11, + .gy-md-11 { + --bs-gutter-y: 2.75rem; + } + .g-md-12, + .gx-md-12 { + --bs-gutter-x: 3rem; + } + .g-md-12, + .gy-md-12 { + --bs-gutter-y: 3rem; + } +} +@media (min-width: 992px) { + .col-lg { + flex: 1 0 0%; + } + .row-cols-lg-auto > * { + flex: 0 0 auto; + width: auto; + } + .row-cols-lg-1 > * { + flex: 0 0 auto; + width: 100%; + } + .row-cols-lg-2 > * { + flex: 0 0 auto; + width: 50%; + } + .row-cols-lg-3 > * { + flex: 0 0 auto; + width: 33.33333333%; + } + .row-cols-lg-4 > * { + flex: 0 0 auto; + width: 25%; + } + .row-cols-lg-5 > * { + flex: 0 0 auto; + width: 20%; + } + .row-cols-lg-6 > * { + flex: 0 0 auto; + width: 16.66666667%; + } + .col-lg-auto { + flex: 0 0 auto; + width: auto; + } + .col-lg-1 { + flex: 0 0 auto; + width: 8.33333333%; + } + .col-lg-2 { + flex: 0 0 auto; + width: 16.66666667%; + } + .col-lg-3 { + flex: 0 0 auto; + width: 25%; + } + .col-lg-4 { + flex: 0 0 auto; + width: 33.33333333%; + } + .col-lg-5 { + flex: 0 0 auto; + width: 41.66666667%; + } + .col-lg-6 { + flex: 0 0 auto; + width: 50%; + } + .col-lg-7 { + flex: 0 0 auto; + width: 58.33333333%; + } + .col-lg-8 { + flex: 0 0 auto; + width: 66.66666667%; + } + .col-lg-9 { + flex: 0 0 auto; + width: 75%; + } + .col-lg-10 { + flex: 0 0 auto; + width: 83.33333333%; + } + .col-lg-11 { + flex: 0 0 auto; + width: 91.66666667%; + } + .col-lg-12 { + flex: 0 0 auto; + width: 100%; + } + .offset-lg-0 { + margin-left: 0; + } + .offset-lg-1 { + margin-left: 8.33333333%; + } + .offset-lg-2 { + margin-left: 16.66666667%; + } + .offset-lg-3 { + margin-left: 25%; + } + .offset-lg-4 { + margin-left: 33.33333333%; + } + .offset-lg-5 { + margin-left: 41.66666667%; + } + .offset-lg-6 { + margin-left: 50%; + } + .offset-lg-7 { + margin-left: 58.33333333%; + } + .offset-lg-8 { + margin-left: 66.66666667%; + } + .offset-lg-9 { + margin-left: 75%; + } + .offset-lg-10 { + margin-left: 83.33333333%; + } + .offset-lg-11 { + margin-left: 91.66666667%; + } + .g-lg-0, + .gx-lg-0 { + --bs-gutter-x: 0; + } + .g-lg-0, + .gy-lg-0 { + --bs-gutter-y: 0; + } + .g-lg-50, + .gx-lg-50 { + --bs-gutter-x: 0.125rem; + } + .g-lg-50, + .gy-lg-50 { + --bs-gutter-y: 0.125rem; + } + .g-lg-1, + .gx-lg-1 { + --bs-gutter-x: 0.25rem; + } + .g-lg-1, + .gy-lg-1 { + --bs-gutter-y: 0.25rem; + } + .g-lg-1_5, + .gx-lg-1_5 { + --bs-gutter-x: 0.375rem; + } + .g-lg-1_5, + .gy-lg-1_5 { + --bs-gutter-y: 0.375rem; + } + .g-lg-2, + .gx-lg-2 { + --bs-gutter-x: 0.5rem; + } + .g-lg-2, + .gy-lg-2 { + --bs-gutter-y: 0.5rem; + } + .g-lg-3, + .gx-lg-3 { + --bs-gutter-x: 0.75rem; + } + .g-lg-3, + .gy-lg-3 { + --bs-gutter-y: 0.75rem; + } + .g-lg-4, + .gx-lg-4 { + --bs-gutter-x: 1rem; + } + .g-lg-4, + .gy-lg-4 { + --bs-gutter-y: 1rem; + } + .g-lg-5, + .gx-lg-5 { + --bs-gutter-x: 1.25rem; + } + .g-lg-5, + .gy-lg-5 { + --bs-gutter-y: 1.25rem; + } + .g-lg-6, + .gx-lg-6 { + --bs-gutter-x: 1.5rem; + } + .g-lg-6, + .gy-lg-6 { + --bs-gutter-y: 1.5rem; + } + .g-lg-7, + .gx-lg-7 { + --bs-gutter-x: 1.75rem; + } + .g-lg-7, + .gy-lg-7 { + --bs-gutter-y: 1.75rem; + } + .g-lg-8, + .gx-lg-8 { + --bs-gutter-x: 2rem; + } + .g-lg-8, + .gy-lg-8 { + --bs-gutter-y: 2rem; + } + .g-lg-9, + .gx-lg-9 { + --bs-gutter-x: 2.25rem; + } + .g-lg-9, + .gy-lg-9 { + --bs-gutter-y: 2.25rem; + } + .g-lg-10, + .gx-lg-10 { + --bs-gutter-x: 2.5rem; + } + .g-lg-10, + .gy-lg-10 { + --bs-gutter-y: 2.5rem; + } + .g-lg-11, + .gx-lg-11 { + --bs-gutter-x: 2.75rem; + } + .g-lg-11, + .gy-lg-11 { + --bs-gutter-y: 2.75rem; + } + .g-lg-12, + .gx-lg-12 { + --bs-gutter-x: 3rem; + } + .g-lg-12, + .gy-lg-12 { + --bs-gutter-y: 3rem; + } +} +@media (min-width: 1200px) { + .col-xl { + flex: 1 0 0%; + } + .row-cols-xl-auto > * { + flex: 0 0 auto; + width: auto; + } + .row-cols-xl-1 > * { + flex: 0 0 auto; + width: 100%; + } + .row-cols-xl-2 > * { + flex: 0 0 auto; + width: 50%; + } + .row-cols-xl-3 > * { + flex: 0 0 auto; + width: 33.33333333%; + } + .row-cols-xl-4 > * { + flex: 0 0 auto; + width: 25%; + } + .row-cols-xl-5 > * { + flex: 0 0 auto; + width: 20%; + } + .row-cols-xl-6 > * { + flex: 0 0 auto; + width: 16.66666667%; + } + .col-xl-auto { + flex: 0 0 auto; + width: auto; + } + .col-xl-1 { + flex: 0 0 auto; + width: 8.33333333%; + } + .col-xl-2 { + flex: 0 0 auto; + width: 16.66666667%; + } + .col-xl-3 { + flex: 0 0 auto; + width: 25%; + } + .col-xl-4 { + flex: 0 0 auto; + width: 33.33333333%; + } + .col-xl-5 { + flex: 0 0 auto; + width: 41.66666667%; + } + .col-xl-6 { + flex: 0 0 auto; + width: 50%; + } + .col-xl-7 { + flex: 0 0 auto; + width: 58.33333333%; + } + .col-xl-8 { + flex: 0 0 auto; + width: 66.66666667%; + } + .col-xl-9 { + flex: 0 0 auto; + width: 75%; + } + .col-xl-10 { + flex: 0 0 auto; + width: 83.33333333%; + } + .col-xl-11 { + flex: 0 0 auto; + width: 91.66666667%; + } + .col-xl-12 { + flex: 0 0 auto; + width: 100%; + } + .offset-xl-0 { + margin-left: 0; + } + .offset-xl-1 { + margin-left: 8.33333333%; + } + .offset-xl-2 { + margin-left: 16.66666667%; + } + .offset-xl-3 { + margin-left: 25%; + } + .offset-xl-4 { + margin-left: 33.33333333%; + } + .offset-xl-5 { + margin-left: 41.66666667%; + } + .offset-xl-6 { + margin-left: 50%; + } + .offset-xl-7 { + margin-left: 58.33333333%; + } + .offset-xl-8 { + margin-left: 66.66666667%; + } + .offset-xl-9 { + margin-left: 75%; + } + .offset-xl-10 { + margin-left: 83.33333333%; + } + .offset-xl-11 { + margin-left: 91.66666667%; + } + .g-xl-0, + .gx-xl-0 { + --bs-gutter-x: 0; + } + .g-xl-0, + .gy-xl-0 { + --bs-gutter-y: 0; + } + .g-xl-50, + .gx-xl-50 { + --bs-gutter-x: 0.125rem; + } + .g-xl-50, + .gy-xl-50 { + --bs-gutter-y: 0.125rem; + } + .g-xl-1, + .gx-xl-1 { + --bs-gutter-x: 0.25rem; + } + .g-xl-1, + .gy-xl-1 { + --bs-gutter-y: 0.25rem; + } + .g-xl-1_5, + .gx-xl-1_5 { + --bs-gutter-x: 0.375rem; + } + .g-xl-1_5, + .gy-xl-1_5 { + --bs-gutter-y: 0.375rem; + } + .g-xl-2, + .gx-xl-2 { + --bs-gutter-x: 0.5rem; + } + .g-xl-2, + .gy-xl-2 { + --bs-gutter-y: 0.5rem; + } + .g-xl-3, + .gx-xl-3 { + --bs-gutter-x: 0.75rem; + } + .g-xl-3, + .gy-xl-3 { + --bs-gutter-y: 0.75rem; + } + .g-xl-4, + .gx-xl-4 { + --bs-gutter-x: 1rem; + } + .g-xl-4, + .gy-xl-4 { + --bs-gutter-y: 1rem; + } + .g-xl-5, + .gx-xl-5 { + --bs-gutter-x: 1.25rem; + } + .g-xl-5, + .gy-xl-5 { + --bs-gutter-y: 1.25rem; + } + .g-xl-6, + .gx-xl-6 { + --bs-gutter-x: 1.5rem; + } + .g-xl-6, + .gy-xl-6 { + --bs-gutter-y: 1.5rem; + } + .g-xl-7, + .gx-xl-7 { + --bs-gutter-x: 1.75rem; + } + .g-xl-7, + .gy-xl-7 { + --bs-gutter-y: 1.75rem; + } + .g-xl-8, + .gx-xl-8 { + --bs-gutter-x: 2rem; + } + .g-xl-8, + .gy-xl-8 { + --bs-gutter-y: 2rem; + } + .g-xl-9, + .gx-xl-9 { + --bs-gutter-x: 2.25rem; + } + .g-xl-9, + .gy-xl-9 { + --bs-gutter-y: 2.25rem; + } + .g-xl-10, + .gx-xl-10 { + --bs-gutter-x: 2.5rem; + } + .g-xl-10, + .gy-xl-10 { + --bs-gutter-y: 2.5rem; + } + .g-xl-11, + .gx-xl-11 { + --bs-gutter-x: 2.75rem; + } + .g-xl-11, + .gy-xl-11 { + --bs-gutter-y: 2.75rem; + } + .g-xl-12, + .gx-xl-12 { + --bs-gutter-x: 3rem; + } + .g-xl-12, + .gy-xl-12 { + --bs-gutter-y: 3rem; + } +} +@media (min-width: 1400px) { + .col-xxl { + flex: 1 0 0%; + } + .row-cols-xxl-auto > * { + flex: 0 0 auto; + width: auto; + } + .row-cols-xxl-1 > * { + flex: 0 0 auto; + width: 100%; + } + .row-cols-xxl-2 > * { + flex: 0 0 auto; + width: 50%; + } + .row-cols-xxl-3 > * { + flex: 0 0 auto; + width: 33.33333333%; + } + .row-cols-xxl-4 > * { + flex: 0 0 auto; + width: 25%; + } + .row-cols-xxl-5 > * { + flex: 0 0 auto; + width: 20%; + } + .row-cols-xxl-6 > * { + flex: 0 0 auto; + width: 16.66666667%; + } + .col-xxl-auto { + flex: 0 0 auto; + width: auto; + } + .col-xxl-1 { + flex: 0 0 auto; + width: 8.33333333%; + } + .col-xxl-2 { + flex: 0 0 auto; + width: 16.66666667%; + } + .col-xxl-3 { + flex: 0 0 auto; + width: 25%; + } + .col-xxl-4 { + flex: 0 0 auto; + width: 33.33333333%; + } + .col-xxl-5 { + flex: 0 0 auto; + width: 41.66666667%; + } + .col-xxl-6 { + flex: 0 0 auto; + width: 50%; + } + .col-xxl-7 { + flex: 0 0 auto; + width: 58.33333333%; + } + .col-xxl-8 { + flex: 0 0 auto; + width: 66.66666667%; + } + .col-xxl-9 { + flex: 0 0 auto; + width: 75%; + } + .col-xxl-10 { + flex: 0 0 auto; + width: 83.33333333%; + } + .col-xxl-11 { + flex: 0 0 auto; + width: 91.66666667%; + } + .col-xxl-12 { + flex: 0 0 auto; + width: 100%; + } + .offset-xxl-0 { + margin-left: 0; + } + .offset-xxl-1 { + margin-left: 8.33333333%; + } + .offset-xxl-2 { + margin-left: 16.66666667%; + } + .offset-xxl-3 { + margin-left: 25%; + } + .offset-xxl-4 { + margin-left: 33.33333333%; + } + .offset-xxl-5 { + margin-left: 41.66666667%; + } + .offset-xxl-6 { + margin-left: 50%; + } + .offset-xxl-7 { + margin-left: 58.33333333%; + } + .offset-xxl-8 { + margin-left: 66.66666667%; + } + .offset-xxl-9 { + margin-left: 75%; + } + .offset-xxl-10 { + margin-left: 83.33333333%; + } + .offset-xxl-11 { + margin-left: 91.66666667%; + } + .g-xxl-0, + .gx-xxl-0 { + --bs-gutter-x: 0; + } + .g-xxl-0, + .gy-xxl-0 { + --bs-gutter-y: 0; + } + .g-xxl-50, + .gx-xxl-50 { + --bs-gutter-x: 0.125rem; + } + .g-xxl-50, + .gy-xxl-50 { + --bs-gutter-y: 0.125rem; + } + .g-xxl-1, + .gx-xxl-1 { + --bs-gutter-x: 0.25rem; + } + .g-xxl-1, + .gy-xxl-1 { + --bs-gutter-y: 0.25rem; + } + .g-xxl-1_5, + .gx-xxl-1_5 { + --bs-gutter-x: 0.375rem; + } + .g-xxl-1_5, + .gy-xxl-1_5 { + --bs-gutter-y: 0.375rem; + } + .g-xxl-2, + .gx-xxl-2 { + --bs-gutter-x: 0.5rem; + } + .g-xxl-2, + .gy-xxl-2 { + --bs-gutter-y: 0.5rem; + } + .g-xxl-3, + .gx-xxl-3 { + --bs-gutter-x: 0.75rem; + } + .g-xxl-3, + .gy-xxl-3 { + --bs-gutter-y: 0.75rem; + } + .g-xxl-4, + .gx-xxl-4 { + --bs-gutter-x: 1rem; + } + .g-xxl-4, + .gy-xxl-4 { + --bs-gutter-y: 1rem; + } + .g-xxl-5, + .gx-xxl-5 { + --bs-gutter-x: 1.25rem; + } + .g-xxl-5, + .gy-xxl-5 { + --bs-gutter-y: 1.25rem; + } + .g-xxl-6, + .gx-xxl-6 { + --bs-gutter-x: 1.5rem; + } + .g-xxl-6, + .gy-xxl-6 { + --bs-gutter-y: 1.5rem; + } + .g-xxl-7, + .gx-xxl-7 { + --bs-gutter-x: 1.75rem; + } + .g-xxl-7, + .gy-xxl-7 { + --bs-gutter-y: 1.75rem; + } + .g-xxl-8, + .gx-xxl-8 { + --bs-gutter-x: 2rem; + } + .g-xxl-8, + .gy-xxl-8 { + --bs-gutter-y: 2rem; + } + .g-xxl-9, + .gx-xxl-9 { + --bs-gutter-x: 2.25rem; + } + .g-xxl-9, + .gy-xxl-9 { + --bs-gutter-y: 2.25rem; + } + .g-xxl-10, + .gx-xxl-10 { + --bs-gutter-x: 2.5rem; + } + .g-xxl-10, + .gy-xxl-10 { + --bs-gutter-y: 2.5rem; + } + .g-xxl-11, + .gx-xxl-11 { + --bs-gutter-x: 2.75rem; + } + .g-xxl-11, + .gy-xxl-11 { + --bs-gutter-y: 2.75rem; + } + .g-xxl-12, + .gx-xxl-12 { + --bs-gutter-x: 3rem; + } + .g-xxl-12, + .gy-xxl-12 { + --bs-gutter-y: 3rem; + } +} +.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-body-color); + --bs-table-bg: transparent; + --bs-table-border-color: var(--bs-gray-200); + --bs-table-accent-bg: transparent; + --bs-table-striped-color: var(--bs-body-color); + --bs-table-striped-bg: rgba(var(--bs-base-color-rgb), 0.06); + --bs-table-active-color: var(--bs-body-color); + --bs-table-active-bg: rgba(var(--bs-primary-rgb), 0.08); + --bs-table-hover-color: var(--bs-body-color); + --bs-table-hover-bg: rgba(34, 48, 62, 0.06); + width: 100%; + margin-bottom: 1rem; + vertical-align: middle; + border-color: var(--bs-table-border-color); +} +.table > :not(caption) > * > * { + padding: 0.782rem 1.25rem; + color: var( + --bs-table-color-state, + var(--bs-table-color-type, var(--bs-table-color)) + ); + background-color: var(--bs-table-bg); + border-bottom-width: var(--bs-border-width); + 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(var(--bs-border-width) * 2) solid var(--bs-gray-200); +} + +.caption-top { + caption-side: top; +} + +.table-sm > :not(caption) > * > * { + padding: 0.594rem 1.25rem; +} + +.table-bordered > :not(caption) > * { + border-width: var(--bs-border-width) 0; +} +.table-bordered > :not(caption) > * > * { + border-width: 0 var(--bs-border-width); +} + +.table-borderless > :not(caption) > * > * { + border-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: #000; + --bs-table-bg: #e1e2ff; + --bs-table-border-color: #c6c7e0; + --bs-table-striped-bg: #d4d4f0; + --bs-table-striped-color: #000; + --bs-table-active-bg: #cfd0eb; + --bs-table-active-color: #000; + --bs-table-hover-bg: #d4d4f0; + --bs-table-hover-color: #000; + color: var(--bs-table-color); + border-color: var(--bs-table-border-color); +} + +.table-secondary { + --bs-table-color: #000; + --bs-table-bg: #e7e9ed; + --bs-table-border-color: #cbcdd1; + --bs-table-striped-bg: #d9dbdf; + --bs-table-striped-color: #000; + --bs-table-active-bg: #d5d6da; + --bs-table-active-color: #000; + --bs-table-hover-bg: #d9dbdf; + --bs-table-hover-color: #000; + color: var(--bs-table-color); + border-color: var(--bs-table-border-color); +} + +.table-success { + --bs-table-color: #000; + --bs-table-bg: #e3f8d7; + --bs-table-border-color: #c8dabd; + --bs-table-striped-bg: #d5e9ca; + --bs-table-striped-color: #000; + --bs-table-active-bg: #d1e4c6; + --bs-table-active-color: #000; + --bs-table-hover-bg: #d5e9ca; + --bs-table-hover-color: #000; + color: var(--bs-table-color); + border-color: var(--bs-table-border-color); +} + +.table-info { + --bs-table-color: #000; + --bs-table-bg: #cdf3fb; + --bs-table-border-color: #b4d6dd; + --bs-table-striped-bg: #c1e4ec; + --bs-table-striped-color: #000; + --bs-table-active-bg: #bde0e7; + --bs-table-active-color: #000; + --bs-table-hover-bg: #c1e4ec; + --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: #ffeecc; + --bs-table-border-color: #e0d1b4; + --bs-table-striped-bg: #f0e0c0; + --bs-table-striped-color: #000; + --bs-table-active-bg: #ebdbbc; + --bs-table-active-color: #000; + --bs-table-hover-bg: #f0e0c0; + --bs-table-hover-color: #000; + color: var(--bs-table-color); + border-color: var(--bs-table-border-color); +} + +.table-danger { + --bs-table-color: #000; + --bs-table-bg: #ffd8d2; + --bs-table-border-color: #e0beb9; + --bs-table-striped-bg: #f0cbc5; + --bs-table-striped-color: #000; + --bs-table-active-bg: #ebc7c1; + --bs-table-active-color: #000; + --bs-table-hover-bg: #f0cbc5; + --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: #dbdee0; + --bs-table-border-color: #c1c3c5; + --bs-table-striped-bg: #ced1d3; + --bs-table-striped-color: #000; + --bs-table-active-bg: #c9ccce; + --bs-table-active-color: #000; + --bs-table-hover-bg: #ced1d3; + --bs-table-hover-color: #000; + color: var(--bs-table-color); + border-color: var(--bs-table-border-color); +} + +.table-dark { + --bs-table-color: #fff; + --bs-table-bg: #2b2c40; + --bs-table-border-color: #444557; + --bs-table-striped-bg: #38394b; + --bs-table-striped-color: #fff; + --bs-table-active-bg: #3c3d4f; + --bs-table-active-color: #fff; + --bs-table-hover-bg: #38394b; + --bs-table-hover-color: #fff; + 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; + } +} +.form-label { + margin-bottom: 0.25rem; + font-size: 0.8125rem; + color: var(--bs-heading-color); +} + +.col-form-label { + padding-top: calc(0.543rem + var(--bs-border-width)); + padding-bottom: calc(0.543rem + var(--bs-border-width)); + margin-bottom: 0; + font-size: inherit; + line-height: 1.375; + color: var(--bs-heading-color); +} + +.col-form-label-lg { + padding-top: calc(0.7075rem + var(--bs-border-width)); + padding-bottom: calc(0.7075rem + var(--bs-border-width)); + font-size: 1.0625rem; +} + +.col-form-label-sm { + padding-top: calc(0.3165rem + var(--bs-border-width)); + padding-bottom: calc(0.3165rem + var(--bs-border-width)); + font-size: 0.8125rem; +} + +.form-text { + margin-top: 0.3rem; + font-size: 0.8125rem; + color: var(--bs-body-color); +} + +.form-control { + display: block; + width: 100%; + padding: 0.543rem 0.9375rem; + font-size: 0.9375rem; + font-weight: 400; + line-height: 1.375; + color: var(--bs-heading-color); + appearance: none; + background-color: transparent; + background-clip: padding-box; + border: var(--bs-border-width) solid + color-mix(in sRGB, var(--bs-base-color) 22%, var(--bs-paper-bg)); + border-radius: var(--bs-border-radius); + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} +.form-control[type="file"] { + overflow: hidden; +} +.form-control[type="file"]:not(:disabled):not([readonly]) { + cursor: pointer; +} +.form-control:focus { + color: var(--bs-heading-color); + background-color: transparent; + border-color: var(--bs-primary); + outline: 0; + box-shadow: 0 0.125rem 0.25rem 0 rgba(var(--bs-primary-rgb), 0.4); +} +.form-control::-webkit-date-and-time-value { + min-width: 85px; + height: 1.375em; + margin: 0; +} +.form-control::-webkit-datetime-edit { + display: block; + padding: 0; +} +.form-control::placeholder { + color: var(--bs-secondary-color); + opacity: 1; +} +.form-control:disabled { + color: var(--bs-secondary-color); + background-color: rgba(var(--bs-base-color-rgb), 0.06); + border-color: rgba(var(--bs-base-color-rgb), 0.24); + opacity: 1; +} +.form-control::file-selector-button { + padding: 0.543rem 0.9375rem; + margin: -0.543rem -0.9375rem; + margin-inline-end: 0.9375rem; + color: var(--bs-heading-color); + background-color: transparent; + pointer-events: none; + border-color: inherit; + border-style: solid; + border-width: 0; + border-inline-end-width: var(--bs-border-width); + border-radius: 0; + transition: all 0.2s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-control::file-selector-button { + transition: none; + } +} +.form-control:hover:not(:disabled):not([readonly])::file-selector-button { + background-color: rgba(0, 0, 0, 0.05); +} + +.form-control-plaintext { + display: block; + width: 100%; + padding: 0.543rem 0; + margin-bottom: 0; + line-height: 1.375; + color: var(--bs-heading-color); + background-color: transparent; + border: solid transparent; + border-width: var(--bs-border-width) 0; +} +.form-control-plaintext:focus { + outline: 0; +} +.form-control-plaintext.form-control-sm, +.form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + min-height: calc(1.375em + 0.633rem + calc(var(--bs-border-width) * 2)); + padding: 0.3165rem 0.8125rem; + font-size: 0.8125rem; + border-radius: var(--bs-border-radius-sm); +} +.form-control-sm::file-selector-button { + padding: 0.3165rem 0.8125rem; + margin: -0.3165rem -0.8125rem; + margin-inline-end: 0.8125rem; +} + +.form-control-lg { + min-height: calc(1.375em + 1.415rem + calc(var(--bs-border-width) * 2)); + padding: 0.7075rem 1.3125rem; + font-size: 1.0625rem; + border-radius: var(--bs-border-radius-lg); +} +.form-control-lg::file-selector-button { + padding: 0.7075rem 1.3125rem; + margin: -0.7075rem -1.3125rem; + margin-inline-end: 1.3125rem; +} + +textarea.form-control { + min-height: calc(1.375em + 1.086rem + calc(var(--bs-border-width) * 2)); +} +textarea.form-control-sm { + min-height: calc(1.375em + 0.633rem + calc(var(--bs-border-width) * 2)); +} +textarea.form-control-lg { + min-height: calc(1.375em + 1.415rem + calc(var(--bs-border-width) * 2)); +} + +.form-control-color { + width: 3rem; + height: calc(1.375em + 1.086rem + calc(var(--bs-border-width) * 2)); + padding: 0.543rem; +} +.form-control-color:not(:disabled):not([readonly]) { + cursor: pointer; +} +.form-control-color::-moz-color-swatch { + border: 0 !important; + border-radius: var(--bs-border-radius); +} +.form-control-color::-webkit-color-swatch { + border: 0 !important; + border-radius: var(--bs-border-radius); +} +.form-control-color.form-control-sm { + height: calc(1.375em + 0.633rem + calc(var(--bs-border-width) * 2)); +} +.form-control-color.form-control-lg { + height: calc(1.375em + 1.415rem + calc(var(--bs-border-width) * 2)); +} + +.form-select { + --bs-form-select-bg-img: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 22" fill="none"%3e%3cpath d="M10.9999 12.0743L15.5374 7.53676L16.8336 8.83292L10.9999 14.6666L5.16626 8.83292L6.46243 7.53676L10.9999 12.0743Z" fill="%2322303e" fill-opacity="0.9"/%3e%3c/svg%3e'); + display: block; + width: 100%; + padding: 0.543rem 2.625rem 0.543rem 0.9375rem; + font-size: 0.9375rem; + font-weight: 400; + line-height: 1.375; + color: var(--bs-heading-color); + appearance: none; + background-color: transparent; + background-image: var(--bs-form-select-bg-img), + var(--bs-form-select-bg-icon, none); + background-repeat: no-repeat; + background-position: right 0.9375rem center; + background-size: 22px 24px; + border: var(--bs-border-width) solid + color-mix(in sRGB, var(--bs-base-color) 22%, var(--bs-paper-bg)); + border-radius: var(--bs-border-radius); + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-select { + transition: none; + } +} +.form-select:focus { + border-color: var(--bs-primary); + outline: 0; + box-shadow: 0 0.125rem 0.25rem 0 rgba(var(--bs-primary-rgb), 0.4); +} +.form-select[multiple], +.form-select[size]:not([size="1"]) { + padding-right: 0.9375rem; + background-image: none; +} +.form-select:disabled { + color: var(--bs-secondary-color); + background-color: rgba(var(--bs-base-color-rgb), 0.06); + border-color: rgba(var(--bs-base-color-rgb), 0.24); +} +.form-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 var(--bs-heading-color); +} + +.form-select-sm { + padding-top: 0.3165rem; + padding-bottom: 0.3165rem; + padding-left: 0.8125rem; + font-size: 0.8125rem; + border-radius: var(--bs-border-radius-sm); +} + +.form-select-lg { + padding-top: 0.7075rem; + padding-bottom: 0.7075rem; + padding-left: 1.3125rem; + font-size: 1.0625rem; + border-radius: var(--bs-border-radius-lg); +} + +[data-bs-theme="dark"] .form-select { + --bs-form-select-bg-img: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 22" fill="none"%3e%3cpath d="M10.9999 12.0743L15.5374 7.53676L16.8336 8.83292L10.9999 14.6666L5.16626 8.83292L6.46243 7.53676L10.9999 12.0743Z" fill="%23fff" fill-opacity="0.9"/%3e%3c/svg%3e'); +} + +.form-check { + display: block; + min-height: 1.3754296875rem; + padding-left: 1.8em; + margin-bottom: 0.5rem; +} +.form-check .form-check-input { + float: left; + margin-left: -1.8em; +} + +.form-check-reverse { + padding-right: 1.8em; + padding-left: 0; + text-align: right; +} +.form-check-reverse .form-check-input { + float: right; + margin-right: -1.8em; + margin-left: 0; +} + +.form-check-input { + --bs-form-check-bg: transparent; + flex-shrink: 0; + width: 1.2em; + height: 1.2em; + margin-top: 0.0875em; + vertical-align: top; + 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: 2px solid var(--bs-secondary-color); + print-color-adjust: exact; +} +.form-check-input[type="checkbox"] { + border-radius: 0.267em; +} +.form-check-input[type="radio"] { + border-radius: 50%; +} +.form-check-input:active { + filter: brightness(90%); +} +.form-check-input:focus { + border-color: var(--bs-body-color); + outline: 0; + box-shadow: none; +} +.form-check-input:checked { + background-color: var(--bs-primary); + border-color: var(--bs-primary); +} +.form-check-input:checked[type="checkbox"] { + --bs-form-check-bg-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='17' viewBox='0 0 15 14' fill='none'%3E%3Cpath d='M3.41667 7L6.33333 9.91667L12.1667 4.08333' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%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='1.6' fill='%23fff' /%3e%3c/svg%3e"); +} +.form-check-input[type="checkbox"]:indeterminate { + background-color: var(--bs-primary); + border-color: var(--bs-primary); + --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3e%3cpath d='M2.5 6H9.5' stroke='%23fff' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e"); +} +.form-check-input:disabled { + pointer-events: none; + filter: none; + opacity: 0.45; +} +.form-check-input[disabled] ~ .form-check-label, +.form-check-input:disabled ~ .form-check-label { + cursor: default; + opacity: 0.45; +} + +.form-check-label { + color: var(--bs-heading-color); + cursor: pointer; +} + +.form-switch { + padding-left: 2.667em; +} +.form-switch .form-check-input { + --bs-form-switch-bg: url("data:image/svg+xml,%3csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg filter='url%28%23a%29'%3e%3ccircle cx='12' cy='11' r='8.5' fill='%23fff'/%3e%3c/g%3e%3cdefs%3e%3cfilter id='a' x='0' y='0' width='22' height='22' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3e%3cfeFlood flood-opacity='0' result='BackgroundImageFix'/%3e%3cfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3e%3cfeOffset dy='2'/%3e%3cfeGaussianBlur stdDeviation='2'/%3e%3cfeColorMatrix values='0 0 0 0 0.180392 0 0 0 0 0.14902 0 0 0 0 0.239216 0 0 0 0.16 0'/%3e%3cfeBlend in2='BackgroundImageFix' result='effect1_dropShadow_6488_3264'/%3e%3cfeBlend in='SourceGraphic' in2='effect1_dropShadow_6488_3264' result='shape'/%3e%3c/filter%3e%3c/defs%3e%3c/svg%3e"); + width: 2em; + margin-left: -2.667em; + background-image: var(--bs-form-switch-bg); + background-position: left center; + border-radius: 2em; + transition: background-position 0.15s 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 width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg filter='url%28%23a%29'%3e%3ccircle cx='12' cy='11' r='8.5' fill='%23fff'/%3e%3c/g%3e%3cdefs%3e%3cfilter id='a' x='0' y='0' width='22' height='22' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3e%3cfeFlood flood-opacity='0' result='BackgroundImageFix'/%3e%3cfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3e%3cfeOffset dy='2'/%3e%3cfeGaussianBlur stdDeviation='2'/%3e%3cfeColorMatrix values='0 0 0 0 0.180392 0 0 0 0 0.14902 0 0 0 0 0.239216 0 0 0 0.16 0'/%3e%3cfeBlend in2='BackgroundImageFix' result='effect1_dropShadow_6488_3264'/%3e%3cfeBlend in='SourceGraphic' in2='effect1_dropShadow_6488_3264' result='shape'/%3e%3c/filter%3e%3c/defs%3e%3c/svg%3e"); +} +.form-switch .form-check-input:checked { + background-position: 95% center; + --bs-form-switch-bg: url("data:image/svg+xml,%3csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg filter='url%28%23a%29'%3e%3ccircle cx='12' cy='11' r='8.5' fill='%23fff'/%3e%3c/g%3e%3cdefs%3e%3cfilter id='a' x='0' y='0' width='22' height='22' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3e%3cfeFlood flood-opacity='0' result='BackgroundImageFix'/%3e%3cfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3e%3cfeOffset dy='2'/%3e%3cfeGaussianBlur stdDeviation='2'/%3e%3cfeColorMatrix values='0 0 0 0 0.180392 0 0 0 0 0.14902 0 0 0 0 0.239216 0 0 0 0.16 0'/%3e%3cfeBlend in2='BackgroundImageFix' result='effect1_dropShadow_6488_3264'/%3e%3cfeBlend in='SourceGraphic' in2='effect1_dropShadow_6488_3264' result='shape'/%3e%3c/filter%3e%3c/defs%3e%3c/svg%3e"); +} +.form-switch.form-check-reverse { + padding-right: 2.667em; + padding-left: 0; +} +.form-switch.form-check-reverse .form-check-input { + margin-right: -2.667em; + 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: 0.45; +} + +[data-bs-theme="dark"] + .form-switch + .form-check-input:not(:checked):not(:focus) { + --bs-form-switch-bg: url("data:image/svg+xml,%3csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg filter='url%28%23a%29'%3e%3ccircle cx='12' cy='11' r='8.5' fill='%23fff'/%3e%3c/g%3e%3cdefs%3e%3cfilter id='a' x='0' y='0' width='22' height='22' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3e%3cfeFlood flood-opacity='0' result='BackgroundImageFix'/%3e%3cfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3e%3cfeOffset dy='2'/%3e%3cfeGaussianBlur stdDeviation='2'/%3e%3cfeColorMatrix values='0 0 0 0 0.180392 0 0 0 0 0.14902 0 0 0 0 0.239216 0 0 0 0.16 0'/%3e%3cfeBlend in2='BackgroundImageFix' result='effect1_dropShadow_6488_3264'/%3e%3cfeBlend in='SourceGraphic' in2='effect1_dropShadow_6488_3264' result='shape'/%3e%3c/filter%3e%3c/defs%3e%3c/svg%3e"); +} + +.form-range { + width: 100%; + height: 1.475rem; + padding: 0; + appearance: none; + background-color: transparent; +} +.form-range:focus { + outline: 0; +} +.form-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0.25rem 0.05rem + color-mix(in sRGB, var(--bs-primary) 0.1, var(--bs-paper-bg)); +} +.form-range:focus::-moz-range-thumb { + box-shadow: 0 0 0.25rem 0.05rem + color-mix(in sRGB, var(--bs-primary) 0.1, var(--bs-paper-bg)); +} +.form-range::-moz-focus-outer { + border: 0; +} +.form-range::-webkit-slider-thumb { + width: 1.375rem; + height: 1.375rem; + margin-top: -0.5rem; + appearance: none; + background-color: var(--bs-white); + border: 0.25rem solid var(--bs-primary); + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, + box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-range::-webkit-slider-thumb { + transition: none; + } +} +.form-range::-webkit-slider-thumb:active { + background-color: var(--bs-white); +} +.form-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.375rem; + color: transparent; + cursor: pointer; + background-color: var(--bs-primary-bg-subtle); + border-color: transparent; + border-radius: 1rem; +} +.form-range::-moz-range-thumb { + width: 1.375rem; + height: 1.375rem; + appearance: none; + background-color: var(--bs-white); + border: 0.25rem solid var(--bs-primary); + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, + box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-range::-moz-range-thumb { + transition: none; + } +} +.form-range::-moz-range-thumb:active { + background-color: var(--bs-white); +} +.form-range::-moz-range-track { + width: 100%; + height: 0.375rem; + color: transparent; + cursor: pointer; + background-color: var(--bs-primary-bg-subtle); + border-color: transparent; + border-radius: 1rem; +} +.form-range:disabled { + pointer-events: none; +} +.form-range:disabled::-webkit-slider-thumb { + background-color: var(--bs-white); +} +.form-range:disabled::-moz-range-thumb { + background-color: var(--bs-white); +} + +.form-floating { + position: relative; +} +.form-floating > .form-control, +.form-floating > .form-control-plaintext, +.form-floating > .form-select { + height: calc(3.5rem + calc(var(--bs-border-width) * 2)); + min-height: calc(3.5rem + calc(var(--bs-border-width) * 2)); + line-height: 1.25; +} +.form-floating > label { + position: absolute; + top: 0; + left: 0; + z-index: 2; + height: 100%; + padding: 1rem 0.9375rem; + 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.2s ease-in-out, transform 0.2s 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.9375rem; +} +.form-floating > .form-control::placeholder, +.form-floating > .form-control-plaintext::placeholder { + color: transparent; +} +.form-floating > .form-control:focus, +.form-floating > .form-control:not(:placeholder-shown), +.form-floating > .form-control-plaintext:focus, +.form-floating > .form-control-plaintext:not(:placeholder-shown) { + padding-top: 1.625rem; + padding-bottom: 0.625rem; +} +.form-floating > .form-control:-webkit-autofill, +.form-floating > .form-control-plaintext:-webkit-autofill { + padding-top: 1.625rem; + padding-bottom: 0.625rem; +} +.form-floating > .form-select { + padding-top: 1.625rem; + padding-bottom: 0.625rem; +} +.form-floating > .form-control:focus ~ label, +.form-floating > .form-control:not(:placeholder-shown) ~ label, +.form-floating > .form-control-plaintext ~ label, +.form-floating > .form-select ~ label { + color: rgba(var(--bs-body-color-rgb), 0.75); + transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); +} +.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.46875rem; + z-index: -1; + height: 1.5em; + content: ""; + background-color: transparent; + border-radius: var(--bs-border-radius); +} +.form-floating > .form-control:-webkit-autofill ~ label { + color: rgba(var(--bs-body-color-rgb), 0.75); + transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); +} +.form-floating > .form-control-plaintext ~ label { + border-width: var(--bs-border-width) 0; +} +.form-floating > :disabled ~ label, +.form-floating > .form-control:disabled ~ label { + color: #7a838b; +} +.form-floating > :disabled ~ label::after, +.form-floating > .form-control:disabled ~ label::after { + background-color: rgba(var(--bs-base-color-rgb), 0.06); +} + +.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.543rem 0.9375rem; + font-size: 0.9375rem; + font-weight: 400; + line-height: 1.375; + color: var(--bs-heading-color); + text-align: center; + white-space: nowrap; + background-color: transparent; + border: var(--bs-border-width) solid + color-mix(in sRGB, var(--bs-base-color) 22%, var(--bs-paper-bg)); + border-radius: var(--bs-border-radius); +} + +.input-group-lg > .form-control, +.input-group-lg > .form-select, +.input-group-lg > .input-group-text, +.input-group-lg > .btn { + padding: 0.7075rem 1.3125rem; + font-size: 1.0625rem; + 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.3165rem 0.8125rem; + font-size: 0.8125rem; + border-radius: var(--bs-border-radius-sm); +} + +.input-group-lg > .form-select, +.input-group-sm > .form-select { + padding-right: 3.5625rem; +} + +.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-end-end-radius: 0; + border-start-end-radius: 0; +} +.input-group.has-validation + > :nth-last-child(n + 3):not(.dropdown-toggle):not(.dropdown-menu):not( + .form-floating + ), +.input-group.has-validation > .dropdown-toggle:nth-last-child(n + 4), +.input-group.has-validation + > .form-floating:nth-last-child(n + 3) + > .form-control, +.input-group.has-validation + > .form-floating:nth-last-child(n + 3) + > .form-select { + border-end-end-radius: 0; + border-start-end-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(var(--bs-border-width) * -1); + border-end-start-radius: 0; + border-start-start-radius: 0; +} +.input-group > .form-floating:not(:first-child) > .form-control, +.input-group > .form-floating:not(:first-child) > .form-select { + border-end-start-radius: 0; + border-start-start-radius: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.3rem; + font-size: 0.8125rem; + color: var(--bs-form-valid-color); +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.379rem 0.75rem; + margin-top: 0.1rem; + font-size: 0.8125rem; + color: #fff; + background-color: var(--bs-success); + border-radius: 0.25rem; +} + +.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); +} +.was-validated .form-control:valid:focus, +.form-control.is-valid:focus { + border-color: var(--bs-form-valid-border-color); + box-shadow: 0 0 0.25rem 0.05rem rgba(var(--bs-success-rgb), 0.1); +} + +.was-validated .form-select:valid, +.form-select.is-valid { + border-color: var(--bs-form-valid-border-color); +} +.was-validated .form-select:valid:focus, +.form-select.is-valid:focus { + border-color: var(--bs-form-valid-border-color); + box-shadow: 0 0 0.25rem 0.05rem rgba(var(--bs-success-rgb), 0.1); +} + +.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.25rem 0.05rem rgba(var(--bs-success-rgb), 0.1); +} +.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.3rem; + font-size: 0.8125rem; + color: var(--bs-form-invalid-color); +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.379rem 0.75rem; + margin-top: 0.1rem; + font-size: 0.8125rem; + color: #fff; + background-color: var(--bs-danger); + border-radius: 0.25rem; +} + +.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); +} +.was-validated .form-control:invalid:focus, +.form-control.is-invalid:focus { + border-color: var(--bs-form-invalid-border-color); + box-shadow: 0 0 0.25rem 0.05rem rgba(var(--bs-danger-rgb), 0.1); +} + +.was-validated .form-select:invalid, +.form-select.is-invalid { + border-color: var(--bs-form-invalid-border-color); +} +.was-validated .form-select:invalid:focus, +.form-select.is-invalid:focus { + border-color: var(--bs-form-invalid-border-color); + box-shadow: 0 0 0.25rem 0.05rem rgba(var(--bs-danger-rgb), 0.1); +} + +.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.25rem 0.05rem rgba(var(--bs-danger-rgb), 0.1); +} +.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; +} + +.btn { + --bs-btn-padding-x: 1.25rem; + --bs-btn-padding-y: 0.4812rem; + --bs-btn-font-family: ; + --bs-btn-font-size: 0.9375rem; + --bs-btn-font-weight: 500; + --bs-btn-line-height: 1.375; + --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: none; + --bs-btn-disabled-opacity: 0.45; + --bs-btn-focus-box-shadow: 0 0 0 0.05rem + rgba(var(--bs-btn-focus-shadow-rgb), 0.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; + 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: all 0.2s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .btn { + transition: none; + } +} +.btn:hover { + color: var(--bs-btn-hover-color); + 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-check:checked:focus-visible + .btn { + 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: #696cff; + --bs-btn-border-color: #696cff; + --bs-btn-hover-color: #fff; + --bs-btn-hover-bg: #5f61e6; + --bs-btn-hover-border-color: #5456cc; + --bs-btn-focus-shadow-rgb: 128, 130, 255; + --bs-btn-active-color: #fff; + --bs-btn-active-bg: #5f61e6; + --bs-btn-active-border-color: #4f51bf; + --bs-btn-active-shadow: none; + --bs-btn-disabled-color: #fff; + --bs-btn-disabled-bg: #696cff; + --bs-btn-disabled-border-color: #696cff; +} + +.btn-secondary { + --bs-btn-color: #fff; + --bs-btn-bg: #8592a3; + --bs-btn-border-color: #8592a3; + --bs-btn-hover-color: #fff; + --bs-btn-hover-bg: #788393; + --bs-btn-hover-border-color: #6a7582; + --bs-btn-focus-shadow-rgb: 151, 162, 177; + --bs-btn-active-color: #fff; + --bs-btn-active-bg: #788393; + --bs-btn-active-border-color: #646e7a; + --bs-btn-active-shadow: none; + --bs-btn-disabled-color: #fff; + --bs-btn-disabled-bg: #8592a3; + --bs-btn-disabled-border-color: #8592a3; +} + +.btn-success { + --bs-btn-color: #fff; + --bs-btn-bg: #71dd37; + --bs-btn-border-color: #71dd37; + --bs-btn-hover-color: #fff; + --bs-btn-hover-bg: #66c732; + --bs-btn-hover-border-color: #5ab12c; + --bs-btn-focus-shadow-rgb: 134, 226, 85; + --bs-btn-active-color: #fff; + --bs-btn-active-bg: #66c732; + --bs-btn-active-border-color: #55a629; + --bs-btn-active-shadow: none; + --bs-btn-disabled-color: #fff; + --bs-btn-disabled-bg: #71dd37; + --bs-btn-disabled-border-color: #71dd37; +} + +.btn-info { + --bs-btn-color: #fff; + --bs-btn-bg: #03c3ec; + --bs-btn-border-color: #03c3ec; + --bs-btn-hover-color: #fff; + --bs-btn-hover-bg: #03b0d4; + --bs-btn-hover-border-color: #029cbd; + --bs-btn-focus-shadow-rgb: 41, 204, 239; + --bs-btn-active-color: #fff; + --bs-btn-active-bg: #03b0d4; + --bs-btn-active-border-color: #0292b1; + --bs-btn-active-shadow: none; + --bs-btn-disabled-color: #fff; + --bs-btn-disabled-bg: #03c3ec; + --bs-btn-disabled-border-color: #03c3ec; +} + +.btn-warning { + --bs-btn-color: #fff; + --bs-btn-bg: #ffab00; + --bs-btn-border-color: #ffab00; + --bs-btn-hover-color: #fff; + --bs-btn-hover-bg: #e69a00; + --bs-btn-hover-border-color: #cc8900; + --bs-btn-focus-shadow-rgb: 255, 184, 38; + --bs-btn-active-color: #fff; + --bs-btn-active-bg: #e69a00; + --bs-btn-active-border-color: #bf8000; + --bs-btn-active-shadow: none; + --bs-btn-disabled-color: #fff; + --bs-btn-disabled-bg: #ffab00; + --bs-btn-disabled-border-color: #ffab00; +} + +.btn-danger { + --bs-btn-color: #fff; + --bs-btn-bg: #ff3e1d; + --bs-btn-border-color: #ff3e1d; + --bs-btn-hover-color: #fff; + --bs-btn-hover-bg: #e6381a; + --bs-btn-hover-border-color: #cc3217; + --bs-btn-focus-shadow-rgb: 255, 91, 63; + --bs-btn-active-color: #fff; + --bs-btn-active-bg: #e6381a; + --bs-btn-active-border-color: #bf2f16; + --bs-btn-active-shadow: none; + --bs-btn-disabled-color: #fff; + --bs-btn-disabled-bg: #ff3e1d; + --bs-btn-disabled-border-color: #ff3e1d; +} + +.btn-light { + --bs-btn-color: #000; + --bs-btn-bg: #dbdee0; + --bs-btn-border-color: #dbdee0; + --bs-btn-hover-color: #000; + --bs-btn-hover-bg: #c5c8ca; + --bs-btn-hover-border-color: #afb2b3; + --bs-btn-focus-shadow-rgb: 186, 189, 190; + --bs-btn-active-color: #000; + --bs-btn-active-bg: #c5c8ca; + --bs-btn-active-border-color: #a4a7a8; + --bs-btn-active-shadow: none; + --bs-btn-disabled-color: #000; + --bs-btn-disabled-bg: #dbdee0; + --bs-btn-disabled-border-color: #dbdee0; +} + +.btn-dark { + --bs-btn-color: #fff; + --bs-btn-bg: #2b2c40; + --bs-btn-border-color: #2b2c40; + --bs-btn-hover-color: #fff; + --bs-btn-hover-bg: #4b4c5d; + --bs-btn-hover-border-color: #404153; + --bs-btn-focus-shadow-rgb: 75, 76, 93; + --bs-btn-active-color: #fff; + --bs-btn-active-bg: #555666; + --bs-btn-active-border-color: #404153; + --bs-btn-active-shadow: none; + --bs-btn-disabled-color: #fff; + --bs-btn-disabled-bg: #2b2c40; + --bs-btn-disabled-border-color: #2b2c40; +} + +.btn-gray { + --bs-btn-color: #fff; + --bs-btn-bg: #91979f; + --bs-btn-border-color: #91979f; + --bs-btn-hover-color: #fff; + --bs-btn-hover-bg: #83888f; + --bs-btn-hover-border-color: #74797f; + --bs-btn-focus-shadow-rgb: 162, 167, 173; + --bs-btn-active-color: #fff; + --bs-btn-active-bg: #83888f; + --bs-btn-active-border-color: #6d7177; + --bs-btn-active-shadow: none; + --bs-btn-disabled-color: #fff; + --bs-btn-disabled-bg: #91979f; + --bs-btn-disabled-border-color: #91979f; +} + +.btn-outline-primary { + --bs-btn-color: #696cff; + --bs-btn-border-color: #696cff; + --bs-btn-hover-color: #fff; + --bs-btn-hover-bg: #696cff; + --bs-btn-hover-border-color: #696cff; + --bs-btn-focus-shadow-rgb: 105, 108, 255; + --bs-btn-active-color: #fff; + --bs-btn-active-bg: #696cff; + --bs-btn-active-border-color: #696cff; + --bs-btn-active-shadow: none; + --bs-btn-disabled-color: #696cff; + --bs-btn-disabled-bg: transparent; + --bs-btn-disabled-border-color: #696cff; + --bs-gradient: none; +} + +.btn-outline-secondary { + --bs-btn-color: #8592a3; + --bs-btn-border-color: #8592a3; + --bs-btn-hover-color: #fff; + --bs-btn-hover-bg: #8592a3; + --bs-btn-hover-border-color: #8592a3; + --bs-btn-focus-shadow-rgb: 133, 146, 163; + --bs-btn-active-color: #fff; + --bs-btn-active-bg: #8592a3; + --bs-btn-active-border-color: #8592a3; + --bs-btn-active-shadow: none; + --bs-btn-disabled-color: #8592a3; + --bs-btn-disabled-bg: transparent; + --bs-btn-disabled-border-color: #8592a3; + --bs-gradient: none; +} + +.btn-outline-success { + --bs-btn-color: #71dd37; + --bs-btn-border-color: #71dd37; + --bs-btn-hover-color: #fff; + --bs-btn-hover-bg: #71dd37; + --bs-btn-hover-border-color: #71dd37; + --bs-btn-focus-shadow-rgb: 113, 221, 55; + --bs-btn-active-color: #fff; + --bs-btn-active-bg: #71dd37; + --bs-btn-active-border-color: #71dd37; + --bs-btn-active-shadow: none; + --bs-btn-disabled-color: #71dd37; + --bs-btn-disabled-bg: transparent; + --bs-btn-disabled-border-color: #71dd37; + --bs-gradient: none; +} + +.btn-outline-info { + --bs-btn-color: #03c3ec; + --bs-btn-border-color: #03c3ec; + --bs-btn-hover-color: #fff; + --bs-btn-hover-bg: #03c3ec; + --bs-btn-hover-border-color: #03c3ec; + --bs-btn-focus-shadow-rgb: 3, 195, 236; + --bs-btn-active-color: #fff; + --bs-btn-active-bg: #03c3ec; + --bs-btn-active-border-color: #03c3ec; + --bs-btn-active-shadow: none; + --bs-btn-disabled-color: #03c3ec; + --bs-btn-disabled-bg: transparent; + --bs-btn-disabled-border-color: #03c3ec; + --bs-gradient: none; +} + +.btn-outline-warning { + --bs-btn-color: #ffab00; + --bs-btn-border-color: #ffab00; + --bs-btn-hover-color: #fff; + --bs-btn-hover-bg: #ffab00; + --bs-btn-hover-border-color: #ffab00; + --bs-btn-focus-shadow-rgb: 255, 171, 0; + --bs-btn-active-color: #fff; + --bs-btn-active-bg: #ffab00; + --bs-btn-active-border-color: #ffab00; + --bs-btn-active-shadow: none; + --bs-btn-disabled-color: #ffab00; + --bs-btn-disabled-bg: transparent; + --bs-btn-disabled-border-color: #ffab00; + --bs-gradient: none; +} + +.btn-outline-danger { + --bs-btn-color: #ff3e1d; + --bs-btn-border-color: #ff3e1d; + --bs-btn-hover-color: #fff; + --bs-btn-hover-bg: #ff3e1d; + --bs-btn-hover-border-color: #ff3e1d; + --bs-btn-focus-shadow-rgb: 255, 62, 29; + --bs-btn-active-color: #fff; + --bs-btn-active-bg: #ff3e1d; + --bs-btn-active-border-color: #ff3e1d; + --bs-btn-active-shadow: none; + --bs-btn-disabled-color: #ff3e1d; + --bs-btn-disabled-bg: transparent; + --bs-btn-disabled-border-color: #ff3e1d; + --bs-gradient: none; +} + +.btn-outline-light { + --bs-btn-color: #dbdee0; + --bs-btn-border-color: #dbdee0; + --bs-btn-hover-color: #000; + --bs-btn-hover-bg: #dbdee0; + --bs-btn-hover-border-color: #dbdee0; + --bs-btn-focus-shadow-rgb: 219, 222, 224; + --bs-btn-active-color: #000; + --bs-btn-active-bg: #dbdee0; + --bs-btn-active-border-color: #dbdee0; + --bs-btn-active-shadow: none; + --bs-btn-disabled-color: #dbdee0; + --bs-btn-disabled-bg: transparent; + --bs-btn-disabled-border-color: #dbdee0; + --bs-gradient: none; +} + +.btn-outline-dark { + --bs-btn-color: #2b2c40; + --bs-btn-border-color: #2b2c40; + --bs-btn-hover-color: #fff; + --bs-btn-hover-bg: #2b2c40; + --bs-btn-hover-border-color: #2b2c40; + --bs-btn-focus-shadow-rgb: 43, 44, 64; + --bs-btn-active-color: #fff; + --bs-btn-active-bg: #2b2c40; + --bs-btn-active-border-color: #2b2c40; + --bs-btn-active-shadow: none; + --bs-btn-disabled-color: #2b2c40; + --bs-btn-disabled-bg: transparent; + --bs-btn-disabled-border-color: #2b2c40; + --bs-gradient: none; +} + +.btn-outline-gray { + --bs-btn-color: #91979f; + --bs-btn-border-color: #91979f; + --bs-btn-hover-color: #fff; + --bs-btn-hover-bg: #91979f; + --bs-btn-hover-border-color: #91979f; + --bs-btn-focus-shadow-rgb: 145, 151, 159; + --bs-btn-active-color: #fff; + --bs-btn-active-bg: #91979f; + --bs-btn-active-border-color: #91979f; + --bs-btn-active-shadow: none; + --bs-btn-disabled-color: #91979f; + --bs-btn-disabled-bg: transparent; + --bs-btn-disabled-border-color: #91979f; + --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: #7a838b; + --bs-btn-disabled-border-color: transparent; + --bs-btn-box-shadow: 0 0 0 #000; + --bs-btn-focus-shadow-rgb: 128, 130, 255; + text-decoration: none; +} +.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.708rem; + --bs-btn-padding-x: 1.5rem; + --bs-btn-font-size: 1.0625rem; + --bs-btn-border-radius: var(--bs-border-radius-lg); +} + +.btn-sm, +.btn-group-sm > .btn { + --bs-btn-padding-y: 0.317rem; + --bs-btn-padding-x: 0.75rem; + --bs-btn-font-size: 0.8125rem; + --bs-btn-border-radius: var(--bs-border-radius-sm); +} + +.fade { + transition: opacity 0.15s linear; +} +@media (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} +.fade:not(.show) { + opacity: 0; +} + +.collapse:not(.show) { + display: none; +} + +.collapsing { + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} +@media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} +.collapsing.collapse-horizontal { + width: 0; + height: auto; + transition: width 0.35s ease; +} +@media (prefers-reduced-motion: reduce) { + .collapsing.collapse-horizontal { + transition: none; + } +} + +.dropup, +.dropend, +.dropdown, +.dropstart, +.dropup-center, +.dropdown-center { + position: relative; +} + +.dropdown-toggle { + white-space: nowrap; +} +.dropdown-toggle::after { + display: inline-block; + margin-left: 0.5em; + vertical-align: middle; + content: ""; + border: 2px solid; + block-size: 0.55em; + border-block-start: 0; + border-inline-start: 0; + inline-size: 0.55em; + margin-block-start: -0.29425em; + margin-inline: 0.8em 0; + transform: rotate(45deg); +} +:dir(rtl) .dropdown-toggle::after { + transform: rotate(-45deg); +} +.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.5rem; + --bs-dropdown-spacer: 0.125rem; + --bs-dropdown-font-size: 0.9375rem; + --bs-dropdown-color: var(--bs-body-color); + --bs-dropdown-bg: var(--bs-paper-bg); + --bs-dropdown-border-color: var(--bs-border-color); + --bs-dropdown-border-radius: var(--bs-border-radius); + --bs-dropdown-border-width: 0; + --bs-dropdown-inner-border-radius: 0; + --bs-dropdown-divider-bg: var(--bs-border-color); + --bs-dropdown-divider-margin-y: 0.5rem; + --bs-dropdown-box-shadow: var(--bs-box-shadow-lg); + --bs-dropdown-link-color: var(--bs-heading-color); + --bs-dropdown-link-hover-color: var(--bs-heading-color); + --bs-dropdown-link-hover-bg: rgba(var(--bs-base-color-rgb), 0.06); + --bs-dropdown-link-active-color: var(--bs-primary); + --bs-dropdown-link-active-bg: rgba(var(--bs-primary-rgb), 0.16); + --bs-dropdown-link-disabled-color: var(--bs-secondary-color); + --bs-dropdown-item-padding-x: 1.25rem; + --bs-dropdown-item-padding-y: 0.543rem; + --bs-dropdown-header-color: var(--bs-secondary-color); + --bs-dropdown-header-padding-x: 1.25rem; + --bs-dropdown-header-padding-y: 0.5rem; + 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.5em; + vertical-align: middle; + content: ""; + border: 2px solid; + block-size: 0.55em; + border-block-end: 0; + border-inline-start: 0; + inline-size: 0.55em; + margin-block-start: 0.26675em; + margin-inline: 0.8em 0; + transform: rotate(-45deg); +} +:dir(rtl) .dropup .dropdown-toggle::after { + transform: rotate(45deg); +} +.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.5em; + vertical-align: middle; + content: ""; + border: 2px solid; + block-size: 0.55em; + border-block-start: 0; + border-inline-start: 0; + inline-size: 0.55em; + margin-block-start: 0; + margin-inline: 0.5em 0; + transform: rotate(-45deg); +} +:dir(rtl) .dropend .dropdown-toggle::after { + transform: rotate(-315deg); +} +.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.5em; + vertical-align: middle; + content: ""; +} +.dropstart .dropdown-toggle::after { + display: none; +} +.dropstart .dropdown-toggle::before { + display: inline-block; + margin-right: 0.5em; + vertical-align: middle; + content: ""; + border: 2px solid; + block-size: 0.55em; + border-block-start: 0; + border-inline-end: 0; + inline-size: 0.55em; + margin-block-start: 0; + margin-inline: 0 0.5em; + transform: rotate(45deg); +} +:dir(rtl) .dropstart .dropdown-toggle::before { + transform: rotate(315deg); +} +.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); + 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.8125rem; + 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: #bdc1c5; + --bs-dropdown-bg: #4e5965; + --bs-dropdown-border-color: var(--bs-border-color); + --bs-dropdown-box-shadow: ; + --bs-dropdown-link-color: #bdc1c5; + --bs-dropdown-link-hover-color: #fff; + --bs-dropdown-divider-bg: var(--bs-border-color); + --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15); + --bs-dropdown-link-active-color: var(--bs-primary); + --bs-dropdown-link-active-bg: rgba(var(--bs-primary-rgb), 0.16); + --bs-dropdown-link-disabled-color: #91979f; + --bs-dropdown-header-color: #91979f; +} + +.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-end-end-radius: 0; + border-start-end-radius: 0; +} +.btn-group > .btn:nth-child(n + 3), +.btn-group > :not(.btn-check) + .btn, +.btn-group > .btn-group:not(:first-child) > .btn { + border-end-start-radius: 0; + border-start-start-radius: 0; +} + +.dropdown-toggle-split { + padding-right: 0.9375rem; + padding-left: 0.9375rem; +} +.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.5625rem; + padding-left: 0.5625rem; +} + +.btn-lg + .dropdown-toggle-split, +.btn-group-lg > .btn + .dropdown-toggle-split { + padding-right: 1.125rem; + padding-left: 1.125rem; +} + +.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; +} + +.nav { + --bs-nav-link-padding-x: 1.375rem; + --bs-nav-link-padding-y: 0.5435rem; + --bs-nav-link-font-size: 0.9375rem; + --bs-nav-link-font-weight: 500; + --bs-nav-link-color: var(--bs-heading-color); + --bs-nav-link-hover-color: var(--bs-primary); + --bs-nav-link-disabled-color: var(--bs-secondary-color); + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.nav-link { + display: block; + padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x); + font-size: var(--bs-nav-link-font-size); + font-weight: var(--bs-nav-link-font-weight); + color: var(--bs-nav-link-color); + background: none; + border: 0; + transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, + border-color 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .nav-link { + transition: none; + } +} +.nav-link:hover, +.nav-link:focus { + color: var(--bs-nav-link-hover-color); +} +.nav-link:focus-visible { + outline: 0; + box-shadow: 0 0 0 0.15rem rgba(100, 110, 120, 0.75); +} +.nav-link.disabled, +.nav-link:disabled { + color: var(--bs-nav-link-disabled-color); + pointer-events: none; + cursor: default; +} + +.nav-tabs { + --bs-nav-tabs-border-width: 0; + --bs-nav-tabs-border-color: var(--bs-border-color); + --bs-nav-tabs-border-radius: var(--bs-border-radius); + --bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) + var(--bs-secondary-bg) var(--bs-border-color); + --bs-nav-tabs-link-active-color: var(--bs-primary); + --bs-nav-tabs-link-active-bg: transparent; + --bs-nav-tabs-link-active-border-color: var(--bs-primary); + border-bottom: var(--bs-nav-tabs-border-width) solid + var(--bs-nav-tabs-border-color); +} +.nav-tabs .nav-link { + margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width)); + border: var(--bs-nav-tabs-border-width) solid transparent; + border-top-left-radius: var(--bs-nav-tabs-border-radius); + border-top-right-radius: var(--bs-nav-tabs-border-radius); +} +.nav-tabs .nav-link:hover, +.nav-tabs .nav-link:focus { + isolation: isolate; + border-color: var(--bs-nav-tabs-link-hover-border-color); +} +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: var(--bs-nav-tabs-link-active-color); + background-color: var(--bs-nav-tabs-link-active-bg); + border-color: var(--bs-nav-tabs-link-active-border-color); +} +.nav-tabs .dropdown-menu { + margin-top: calc(-1 * var(--bs-nav-tabs-border-width)); + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav-pills { + --bs-nav-pills-border-radius: var(--bs-border-radius); + --bs-nav-pills-link-active-color: var(--bs-white); + --bs-nav-pills-link-active-bg: var(--bs-primary); +} +.nav-pills .nav-link { + border-radius: var(--bs-nav-pills-border-radius); +} +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: var(--bs-nav-pills-link-active-color); + background-color: var(--bs-nav-pills-link-active-bg); +} + +.nav-underline { + --bs-nav-underline-gap: 1rem; + --bs-nav-underline-border-width: 0.125rem; + --bs-nav-underline-link-active-color: var(--bs-emphasis-color); + gap: var(--bs-nav-underline-gap); +} +.nav-underline .nav-link { + padding-right: 0; + padding-left: 0; + border-bottom: var(--bs-nav-underline-border-width) solid transparent; +} +.nav-underline .nav-link:hover, +.nav-underline .nav-link:focus { + border-bottom-color: currentcolor; +} +.nav-underline .nav-link.active, +.nav-underline .show > .nav-link { + font-weight: 700; + color: var(--bs-nav-underline-link-active-color); + border-bottom-color: currentcolor; +} + +.nav-fill > .nav-link, +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; +} + +.nav-justified > .nav-link, +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} + +.nav-fill .nav-item .nav-link, +.nav-justified .nav-item .nav-link { + width: 100%; +} + +.tab-content > .tab-pane { + display: none; +} +.tab-content > .active { + display: block; +} + +.navbar { + --bs-navbar-padding-x: 0; + --bs-navbar-padding-y: 0.5rem; + --bs-navbar-color: var(--bs-heading-color); + --bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), 0.8); + --bs-navbar-disabled-color: var(--bs-secondary-color); + --bs-navbar-active-color: var(--bs-heading-color); + --bs-navbar-brand-padding-y: 0.4575625rem; + --bs-navbar-brand-margin-end: 1rem; + --bs-navbar-brand-font-size: 1.0625rem; + --bs-navbar-brand-color: var(--bs-heading-color); + --bs-navbar-brand-hover-color: var(--bs-heading-color); + --bs-navbar-nav-link-padding-x: 0.5rem; + --bs-navbar-toggler-padding-y: 0; + --bs-navbar-toggler-padding-x: 0; + --bs-navbar-toggler-font-size: 1rem; + --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='var%28--bs-heading-color%29' d='M4 6h16v2H4zm0 5h16v2H4zm0 5h16v2H4z'/%3E%3C/svg%3E"); + --bs-navbar-toggler-border-color: transparent; + --bs-navbar-toggler-border-radius: var(--bs-border-radius); + --bs-navbar-toggler-focus-width: 0; + --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out; + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x); +} +.navbar > .container, +.navbar > .container-fluid, +.navbar > .container-sm, +.navbar > .container-md, +.navbar > .container-lg, +.navbar > .container-xl, +.navbar > .container-xxl { + display: flex; + flex-wrap: inherit; + align-items: center; + justify-content: space-between; +} +.navbar-brand { + padding-top: var(--bs-navbar-brand-padding-y); + padding-bottom: var(--bs-navbar-brand-padding-y); + margin-right: var(--bs-navbar-brand-margin-end); + font-size: var(--bs-navbar-brand-font-size); + color: var(--bs-navbar-brand-color); + white-space: nowrap; +} +.navbar-brand:hover, +.navbar-brand:focus { + color: var(--bs-navbar-brand-hover-color); +} + +.navbar-nav { + --bs-nav-link-padding-x: 0; + --bs-nav-link-padding-y: 0.5435rem; + --bs-nav-link-font-size: 0.9375rem; + --bs-nav-link-font-weight: 500; + --bs-nav-link-color: var(--bs-navbar-color); + --bs-nav-link-hover-color: var(--bs-navbar-hover-color); + --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color); + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} +.navbar-nav .nav-link.active, +.navbar-nav .nav-link.show { + color: var(--bs-navbar-active-color); +} +.navbar-nav .dropdown-menu { + position: static; +} + +.navbar-text { + padding-top: 0.5435rem; + padding-bottom: 0.5435rem; + color: var(--bs-navbar-color); +} +.navbar-text a, +.navbar-text a:hover, +.navbar-text a:focus { + color: var(--bs-navbar-active-color); +} + +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; +} + +.navbar-toggler { + padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x); + font-size: var(--bs-navbar-toggler-font-size); + line-height: 1; + color: var(--bs-navbar-color); + background-color: transparent; + border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color); + border-radius: var(--bs-navbar-toggler-border-radius); + transition: var(--bs-navbar-toggler-transition); +} +@media (prefers-reduced-motion: reduce) { + .navbar-toggler { + transition: none; + } +} +.navbar-toggler:hover { + text-decoration: none; +} +.navbar-toggler:focus { + text-decoration: none; + outline: 0; + box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width); +} + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + background-image: var(--bs-navbar-toggler-icon-bg); + background-repeat: no-repeat; + background-position: center; + background-size: 100%; +} + +.navbar-nav-scroll { + max-height: var(--bs-scroll-height, 75vh); + overflow-y: auto; +} + +@media (min-width: 576px) { + .navbar-expand-sm { + flex-wrap: nowrap; + justify-content: flex-start; + } + .navbar-expand-sm .navbar-nav { + flex-direction: row; + } + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: var(--bs-navbar-nav-link-padding-x); + padding-left: var(--bs-navbar-nav-link-padding-x); + } + .navbar-expand-sm .navbar-nav-scroll { + overflow: visible; + } + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-sm .navbar-toggler { + display: none; + } + .navbar-expand-sm .offcanvas { + position: static; + z-index: auto; + flex-grow: 1; + width: auto !important; + height: auto !important; + visibility: visible !important; + background-color: transparent !important; + border: 0 !important; + transform: none !important; + transition: none; + } + .navbar-expand-sm .offcanvas .offcanvas-header { + display: none; + } + .navbar-expand-sm .offcanvas .offcanvas-body { + display: flex; + flex-grow: 0; + padding: 0; + overflow-y: visible; + } +} +@media (min-width: 768px) { + .navbar-expand-md { + flex-wrap: nowrap; + justify-content: flex-start; + } + .navbar-expand-md .navbar-nav { + flex-direction: row; + } + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-md .navbar-nav .nav-link { + padding-right: var(--bs-navbar-nav-link-padding-x); + padding-left: var(--bs-navbar-nav-link-padding-x); + } + .navbar-expand-md .navbar-nav-scroll { + overflow: visible; + } + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-md .navbar-toggler { + display: none; + } + .navbar-expand-md .offcanvas { + position: static; + z-index: auto; + flex-grow: 1; + width: auto !important; + height: auto !important; + visibility: visible !important; + background-color: transparent !important; + border: 0 !important; + transform: none !important; + transition: none; + } + .navbar-expand-md .offcanvas .offcanvas-header { + display: none; + } + .navbar-expand-md .offcanvas .offcanvas-body { + display: flex; + flex-grow: 0; + padding: 0; + overflow-y: visible; + } +} +@media (min-width: 992px) { + .navbar-expand-lg { + flex-wrap: nowrap; + justify-content: flex-start; + } + .navbar-expand-lg .navbar-nav { + flex-direction: row; + } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: var(--bs-navbar-nav-link-padding-x); + padding-left: var(--bs-navbar-nav-link-padding-x); + } + .navbar-expand-lg .navbar-nav-scroll { + overflow: visible; + } + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-lg .navbar-toggler { + display: none; + } + .navbar-expand-lg .offcanvas { + position: static; + z-index: auto; + flex-grow: 1; + width: auto !important; + height: auto !important; + visibility: visible !important; + background-color: transparent !important; + border: 0 !important; + transform: none !important; + transition: none; + } + .navbar-expand-lg .offcanvas .offcanvas-header { + display: none; + } + .navbar-expand-lg .offcanvas .offcanvas-body { + display: flex; + flex-grow: 0; + padding: 0; + overflow-y: visible; + } +} +@media (min-width: 1200px) { + .navbar-expand-xl { + flex-wrap: nowrap; + justify-content: flex-start; + } + .navbar-expand-xl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: var(--bs-navbar-nav-link-padding-x); + padding-left: var(--bs-navbar-nav-link-padding-x); + } + .navbar-expand-xl .navbar-nav-scroll { + overflow: visible; + } + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xl .navbar-toggler { + display: none; + } + .navbar-expand-xl .offcanvas { + position: static; + z-index: auto; + flex-grow: 1; + width: auto !important; + height: auto !important; + visibility: visible !important; + background-color: transparent !important; + border: 0 !important; + transform: none !important; + transition: none; + } + .navbar-expand-xl .offcanvas .offcanvas-header { + display: none; + } + .navbar-expand-xl .offcanvas .offcanvas-body { + display: flex; + flex-grow: 0; + padding: 0; + overflow-y: visible; + } +} +@media (min-width: 1400px) { + .navbar-expand-xxl { + flex-wrap: nowrap; + justify-content: flex-start; + } + .navbar-expand-xxl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xxl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xxl .navbar-nav .nav-link { + padding-right: var(--bs-navbar-nav-link-padding-x); + padding-left: var(--bs-navbar-nav-link-padding-x); + } + .navbar-expand-xxl .navbar-nav-scroll { + overflow: visible; + } + .navbar-expand-xxl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xxl .navbar-toggler { + display: none; + } + .navbar-expand-xxl .offcanvas { + position: static; + z-index: auto; + flex-grow: 1; + width: auto !important; + height: auto !important; + visibility: visible !important; + background-color: transparent !important; + border: 0 !important; + transform: none !important; + transition: none; + } + .navbar-expand-xxl .offcanvas .offcanvas-header { + display: none; + } + .navbar-expand-xxl .offcanvas .offcanvas-body { + display: flex; + flex-grow: 0; + padding: 0; + overflow-y: visible; + } +} +.navbar-expand { + flex-wrap: nowrap; + justify-content: flex-start; +} +.navbar-expand .navbar-nav { + flex-direction: row; +} +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} +.navbar-expand .navbar-nav .nav-link { + padding-right: var(--bs-navbar-nav-link-padding-x); + padding-left: var(--bs-navbar-nav-link-padding-x); +} +.navbar-expand .navbar-nav-scroll { + overflow: visible; +} +.navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; +} +.navbar-expand .navbar-toggler { + display: none; +} +.navbar-expand .offcanvas { + position: static; + z-index: auto; + flex-grow: 1; + width: auto !important; + height: auto !important; + visibility: visible !important; + background-color: transparent !important; + border: 0 !important; + transform: none !important; + transition: none; +} +.navbar-expand .offcanvas .offcanvas-header { + display: none; +} +.navbar-expand .offcanvas .offcanvas-body { + display: flex; + flex-grow: 0; + padding: 0; + overflow-y: visible; +} + +.navbar-dark, +.navbar[data-bs-theme="dark"] { + --bs-navbar-color: #d5d5e2; + --bs-navbar-hover-color: rgba(255, 255, 255, 0.75); + --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25); + --bs-navbar-active-color: #fff; + --bs-navbar-brand-color: #fff; + --bs-navbar-brand-hover-color: #fff; + --bs-navbar-toggler-border-color: transparent; + --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23d5d5e2' d='M4 6h16v2H4zm0 5h16v2H4zm0 5h16v2H4z'/%3E%3C/svg%3E"); +} + +[data-bs-theme="dark"] .navbar-toggler-icon { + --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23d5d5e2' d='M4 6h16v2H4zm0 5h16v2H4zm0 5h16v2H4z'/%3E%3C/svg%3E"); +} + +.card { + --bs-card-spacer-y: 1.5rem; + --bs-card-spacer-x: 1.5rem; + --bs-card-title-spacer-y: 0.5rem; + --bs-card-title-color: var(--bs-heading-color); + --bs-card-subtitle-color: color-mix( + in sRGB, + var(--bs-base-color) 55%, + var(--bs-card-bg) + ); + --bs-card-border-width: 0; + --bs-card-border-color: var(--bs-border-color); + --bs-card-border-radius: 0.375rem; + --bs-card-box-shadow: var(--bs-box-shadow); + --bs-card-inner-border-radius: 0.375rem; + --bs-card-cap-padding-y: 1.5rem; + --bs-card-cap-padding-x: 1.5rem; + --bs-card-cap-bg: transparent; + --bs-card-cap-color: var(--bs-heading-color); + --bs-card-height: ; + --bs-card-color: ; + --bs-card-bg: var(--bs-paper-bg); + --bs-card-img-overlay-padding: 1.5rem; + --bs-card-group-margin: 1.625rem; + 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 + .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-tabs .nav-link.active { + background-color: var(--bs-card-bg); + border-bottom-color: var(--bs-card-bg); +} + +.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-end-end-radius: 0; + border-start-end-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-end-start-radius: 0; + border-start-start-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; + } +} + +.accordion { + --bs-accordion-color: var(--bs-body-color); + --bs-accordion-bg: var(--bs-paper-bg); + --bs-accordion-transition: all 0.2s ease-in-out, border-radius 0.15s ease; + --bs-accordion-border-color: var(--bs-paper-bg); + --bs-accordion-border-width: var(--bs-border-width); + --bs-accordion-border-radius: 0.375rem; + --bs-accordion-inner-border-radius: 0.375rem; + --bs-accordion-btn-padding-x: 1.4375rem; + --bs-accordion-btn-padding-y: 0.7305rem; + --bs-accordion-btn-color: #384551; + --bs-accordion-btn-bg: var(--bs-accordion-bg); + --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg id='bx-chevron-down'%3e%3cpath id='Vector' d='M13.5775 7.74417L9.99997 11.3217L6.42247 7.74417L5.24414 8.9225L9.99997 13.6783L14.7558 8.9225L13.5775 7.74417Z' fill='%23384551' fill-opacity='0.9'/%3e%3c/g%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-in-out; + --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg id='bx-chevron-down'%3e%3cpath id='Vector' d='M13.5775 7.74417L9.99997 11.3217L6.42247 7.74417L5.24414 8.9225L9.99997 13.6783L14.7558 8.9225L13.5775 7.74417Z' fill='%23384551' fill-opacity='0.9'/%3e%3c/g%3e%3c/svg%3e"); + --bs-accordion-btn-focus-box-shadow: none; + --bs-accordion-body-padding-x: 1.1875rem; + --bs-accordion-body-padding-y: 1.1875rem; + --bs-accordion-active-color: #384551; + --bs-accordion-active-bg: var(--bs-paper-bg); +} + +.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: 0.9375rem; + 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; + 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-header .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-header .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-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-header .accordion-button, +.accordion-flush + > .accordion-item + > .accordion-header + .accordion-button.collapsed { + border-radius: 0; +} +.accordion-flush > .accordion-item > .accordion-collapse { + border-radius: 0; +} + +[data-bs-theme="dark"] .accordion-button::after { + --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg id='bx-chevron-down'%3e%3cpath id='Vector' d='M13.5775 7.74417L9.99997 11.3217L6.42247 7.74417L5.24414 8.9225L9.99997 13.6783L14.7558 8.9225L13.5775 7.74417Z' fill='%23d5d5e2' fill-opacity='0.9'/%3e%3c/g%3e%3c/svg%3e"); + --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg id='bx-chevron-down'%3e%3cpath id='Vector' d='M13.5775 7.74417L9.99997 11.3217L6.42247 7.74417L5.24414 8.9225L9.99997 13.6783L14.7558 8.9225L13.5775 7.74417Z' fill='%23d5d5e2' fill-opacity='0.9'/%3e%3c/g%3e%3c/svg%3e"); +} + +.breadcrumb { + --bs-breadcrumb-padding-x: 0; + --bs-breadcrumb-padding-y: 0; + --bs-breadcrumb-margin-bottom: 1rem; + --bs-breadcrumb-bg: transparent; + --bs-breadcrumb-border-radius: ; + --bs-breadcrumb-divider-color: var(--bs-body-color); + --bs-breadcrumb-item-padding-x: 0.5rem; + --bs-breadcrumb-item-active-color: var(--bs-heading-color); + display: flex; + flex-wrap: wrap; + padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x); + margin-bottom: var(--bs-breadcrumb-margin-bottom); + font-size: var(--bs-breadcrumb-font-size); + list-style: none; + background-color: var(--bs-breadcrumb-bg); + border-radius: var(--bs-breadcrumb-border-radius); +} + +.breadcrumb-item + .breadcrumb-item { + padding-left: var(--bs-breadcrumb-item-padding-x); +} +.breadcrumb-item + .breadcrumb-item::before { + float: left; + padding-right: var(--bs-breadcrumb-item-padding-x); + color: var(--bs-breadcrumb-divider-color); + content: var(--bs-breadcrumb-divider, "/") + /* rtl: var(--bs-breadcrumb-divider, "\\") */; +} +.breadcrumb-item.active { + color: var(--bs-breadcrumb-item-active-color); +} + +.pagination { + --bs-pagination-padding-x: 0.5rem; + --bs-pagination-padding-y: 0.4809rem; + --bs-pagination-font-size: 0.9375rem; + --bs-pagination-color: var(--bs-heading-color); + --bs-pagination-bg: rgba(var(--bs-base-color-rgb), 0.06); + --bs-pagination-border-width: 1px; + --bs-pagination-border-color: rgba(34, 48, 62, 0.22); + --bs-pagination-border-radius: 50%; + --bs-pagination-hover-color: var(--bs-primary); + --bs-pagination-hover-bg: var(--bs-primary-bg-subtle); + --bs-pagination-hover-border-color: rgba(34, 48, 62, 0.22); + --bs-pagination-focus-color: var(--bs-primary); + --bs-pagination-focus-bg: var(--bs-primary-bg-subtle); + --bs-pagination-focus-box-shadow: none; + --bs-pagination-active-color: var(--bs-white); + --bs-pagination-active-bg: var(--bs-primary); + --bs-pagination-active-border-color: var(--bs-primary); + --bs-pagination-disabled-color: var(--bs-heading-color); + --bs-pagination-disabled-bg: rgba(var(--bs-base-color-rgb), 0.06); + --bs-pagination-disabled-border-color: rgba(34, 48, 62, 0.22); + 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); + 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.375rem; +} +.page-item .page-link { + border-radius: var(--bs-pagination-border-radius); +} + +.pagination-lg { + --bs-pagination-padding-x: 0.9826rem; + --bs-pagination-padding-y: 0.681rem; + --bs-pagination-font-size: 1.0625rem; + --bs-pagination-border-radius: 50%; +} + +.pagination-sm { + --bs-pagination-padding-x: 0.269rem; + --bs-pagination-padding-y: 0.3165rem; + --bs-pagination-font-size: 0.8125rem; + --bs-pagination-border-radius: 50%; +} + +.badge { + --bs-badge-padding-x: 0.77em; + --bs-badge-padding-y: 0.4235em; + --bs-badge-font-size: 0.8667em; + --bs-badge-font-weight: 500; + --bs-badge-color: #fff; + --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; +} + +.alert { + --bs-alert-bg: transparent; + --bs-alert-padding-x: 1rem; + --bs-alert-padding-y: 0.75rem; + --bs-alert-margin-bottom: 1rem; + --bs-alert-color: inherit; + --bs-alert-border-color: transparent; + --bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color); + --bs-alert-border-radius: var(--bs-border-radius); + --bs-alert-link-color: inherit; + 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: 700; + 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: 0.9375rem 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-gray { + --bs-alert-color: var(--bs-gray-text-emphasis); + --bs-alert-bg: var(--bs-gray-bg-subtle); + --bs-alert-border-color: var(--bs-gray-border-subtle); + --bs-alert-link-color: var(--bs-gray-text-emphasis); +} + +@keyframes progress-bar-stripes { + 0% { + background-position-x: 0.375rem; + } +} +.progress, +.progress-stacked { + --bs-progress-height: 0.375rem; + --bs-progress-font-size: 0.8125rem; + --bs-progress-bg: rgba(34, 48, 62, 0.08); + --bs-progress-border-radius: 50rem; + --bs-progress-box-shadow: var(--bs-box-shadow-inset); + --bs-progress-bar-color: var(--bs-white); + --bs-progress-bar-bg: #696cff; + --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 { + animation: 1s linear infinite progress-bar-stripes; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + animation: none; + } +} + +.list-group { + --bs-list-group-color: var(--bs-heading-color); + --bs-list-group-bg: transparent; + --bs-list-group-border-color: var(--bs-border-color); + --bs-list-group-border-width: var(--bs-border-width); + --bs-list-group-border-radius: 0.375rem; + --bs-list-group-item-padding-x: 1.25rem; + --bs-list-group-item-padding-y: 0.5rem; + --bs-list-group-action-color: var(--bs-primary); + --bs-list-group-action-hover-color: var(--bs-primary); + --bs-list-group-action-hover-bg: rgba(var(--bs-base-color), 0.06); + --bs-list-group-action-active-color: var(--bs-primary); + --bs-list-group-action-active-bg: rgba(var(--bs-base-color), 0.06); + --bs-list-group-disabled-color: var(--bs-secondary-color); + --bs-list-group-disabled-bg: transparent; + --bs-list-group-active-color: var(--bs-primary); + --bs-list-group-active-bg: var(--bs-primary-bg-subtle); + --bs-list-group-active-border-color: var(--bs-border-color); + 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-end-start-radius: var(--bs-list-group-border-radius); + border-start-end-radius: 0; +} +.list-group-horizontal > .list-group-item:last-child:not(:first-child) { + border-start-end-radius: var(--bs-list-group-border-radius); + border-end-start-radius: 0; +} +.list-group-horizontal > .list-group-item.active { + margin-top: 0; +} +.list-group-horizontal > .list-group-item + .list-group-item { + border-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-end-start-radius: var(--bs-list-group-border-radius); + border-start-end-radius: 0; + } + .list-group-horizontal-sm > .list-group-item:last-child:not(:first-child) { + border-start-end-radius: var(--bs-list-group-border-radius); + border-end-start-radius: 0; + } + .list-group-horizontal-sm > .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-sm > .list-group-item + .list-group-item { + border-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-end-start-radius: var(--bs-list-group-border-radius); + border-start-end-radius: 0; + } + .list-group-horizontal-md > .list-group-item:last-child:not(:first-child) { + border-start-end-radius: var(--bs-list-group-border-radius); + border-end-start-radius: 0; + } + .list-group-horizontal-md > .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-md > .list-group-item + .list-group-item { + border-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-end-start-radius: var(--bs-list-group-border-radius); + border-start-end-radius: 0; + } + .list-group-horizontal-lg > .list-group-item:last-child:not(:first-child) { + border-start-end-radius: var(--bs-list-group-border-radius); + border-end-start-radius: 0; + } + .list-group-horizontal-lg > .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-lg > .list-group-item + .list-group-item { + border-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-end-start-radius: var(--bs-list-group-border-radius); + border-start-end-radius: 0; + } + .list-group-horizontal-xl > .list-group-item:last-child:not(:first-child) { + border-start-end-radius: var(--bs-list-group-border-radius); + border-end-start-radius: 0; + } + .list-group-horizontal-xl > .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-xl > .list-group-item + .list-group-item { + border-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-end-start-radius: var(--bs-list-group-border-radius); + border-start-end-radius: 0; + } + .list-group-horizontal-xxl > .list-group-item:last-child:not(:first-child) { + border-start-end-radius: var(--bs-list-group-border-radius); + border-end-start-radius: 0; + } + .list-group-horizontal-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-gray { + --bs-list-group-color: var(--bs-gray-text-emphasis); + --bs-list-group-bg: var(--bs-gray-bg-subtle); + --bs-list-group-border-color: var(--bs-gray-border-subtle); + --bs-list-group-action-hover-color: var(--bs-emphasis-color); + --bs-list-group-action-hover-bg: var(--bs-gray-border-subtle); + --bs-list-group-action-active-color: var(--bs-emphasis-color); + --bs-list-group-action-active-bg: var(--bs-gray-border-subtle); + --bs-list-group-active-color: var(--bs-gray-bg-subtle); + --bs-list-group-active-bg: var(--bs-gray-text-emphasis); + --bs-list-group-active-border-color: var(--bs-gray-text-emphasis); +} + +.btn-close { + --bs-btn-close-color: #a7acb2; + --bs-btn-close-bg: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate%28-225.000000, -250.000000%29'%3E%3Cg id='Icon-Color' transform='translate%28225.000000, 250.500000%29'%3E%3Cuse fill='%23a7acb2' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.5' fill='%23a7acb2' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); + --bs-btn-close-opacity: 0.95; + --bs-btn-close-hover-opacity: 0.95; + --bs-btn-close-focus-shadow: none; + --bs-btn-close-focus-opacity: 0.95; + --bs-btn-close-disabled-opacity: 0.25; + --bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%); + box-sizing: content-box; + width: 0.8em; + height: 0.8em; + padding: 0.25em 0.25em; + color: var(--bs-btn-close-color); + background: transparent var(--bs-btn-close-bg) center/0.8em auto no-repeat; + border: 0; + border-radius: 0.375rem; + 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; + user-select: none; + opacity: var(--bs-btn-close-disabled-opacity); +} + +.btn-close-white { + filter: var(--bs-btn-close-white-filter); +} + +[data-bs-theme="dark"] .btn-close { + filter: var(--bs-btn-close-white-filter); +} + +.toast { + --bs-toast-zindex: 1095; + --bs-toast-padding-x: 1.25rem; + --bs-toast-padding-y: 1.25rem; + --bs-toast-spacing: 1.25rem; + --bs-toast-max-width: 350px; + --bs-toast-font-size: 0.9375rem; + --bs-toast-color: ; + --bs-toast-bg: var(--bs-paper-bg-rgb); + --bs-toast-border-width: 0; + --bs-toast-border-color: var(--bs-border-color-translucent); + --bs-toast-border-radius: 0.5rem; + --bs-toast-box-shadow: var(--bs-floating-component-shadow); + --bs-toast-header-color: var(--bs-body-color); + --bs-toast-header-bg: transparent; + --bs-toast-header-border-color: transparent; + width: var(--bs-toast-max-width); + max-width: 100%; + font-size: var(--bs-toast-font-size); + color: var(--bs-toast-color); + pointer-events: auto; + background-color: var(--bs-toast-bg); + background-clip: padding-box; + border: var(--bs-toast-border-width) solid var(--bs-toast-border-color); + box-shadow: var(--bs-toast-box-shadow); + border-radius: var(--bs-toast-border-radius); +} +.toast.showing { + opacity: 0; +} +.toast:not(.show) { + display: none; +} + +.toast-container { + --bs-toast-zindex: 1095; + position: absolute; + z-index: var(--bs-toast-zindex); + width: max-content; + max-width: 100%; + pointer-events: none; +} +.toast-container > :not(:last-child) { + margin-bottom: var(--bs-toast-spacing); +} + +.toast-header { + display: flex; + align-items: center; + padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x); + color: var(--bs-toast-header-color); + background-color: var(--bs-toast-header-bg); + background-clip: padding-box; + border-bottom: var(--bs-toast-border-width) solid + var(--bs-toast-header-border-color); + border-top-left-radius: calc( + var(--bs-toast-border-radius) - var(--bs-toast-border-width) + ); + border-top-right-radius: calc( + var(--bs-toast-border-radius) - var(--bs-toast-border-width) + ); +} +.toast-header .btn-close { + margin-right: calc(-0.5 * var(--bs-toast-padding-x)); + margin-left: var(--bs-toast-padding-x); +} + +.toast-body { + padding: var(--bs-toast-padding-x); + word-wrap: break-word; +} + +.modal { + --bs-modal-zindex: 1090; + --bs-modal-width: 35rem; + --bs-modal-padding: 1.5rem; + --bs-modal-margin: 1.5rem; + --bs-modal-color: ; + --bs-modal-bg: var(--bs-paper-bg); + --bs-modal-border-color: var(--bs-border-color); + --bs-modal-border-width: 0; + --bs-modal-border-radius: var(--bs-border-radius-lg); + --bs-modal-box-shadow: var(--bs-box-shadow-lg); + --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - 0); + --bs-modal-header-padding-x: 0; + --bs-modal-header-padding-y: 1.5rem; + --bs-modal-header-padding: 1.5rem 1.5rem 0; + --bs-modal-header-border-color: var(--bs-border-color); + --bs-modal-header-border-width: 0; + --bs-modal-title-line-height: 1.375; + --bs-modal-footer-gap: 1rem; + --bs-modal-footer-bg: ; + --bs-modal-footer-border-color: var(--bs-border-color); + --bs-modal-footer-border-width: 0; + position: fixed; + top: 0; + left: 0; + z-index: var(--bs-modal-zindex); + display: none; + width: 100%; + height: 100%; + overflow-x: hidden; + overflow-y: auto; + outline: 0; +} + +.modal-dialog { + position: relative; + width: auto; + margin: var(--bs-modal-margin); + pointer-events: none; +} +.modal.fade .modal-dialog { + transition: transform 0.15s ease-out; + transform: translateY(-100px) scale(0.8); +} +@media (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; + } +} +.modal.show .modal-dialog { + transform: translateY(0) scale(1); +} +.modal.modal-static .modal-dialog { + transform: scale(1.02); +} + +.modal-dialog-scrollable { + height: calc(100% - var(--bs-modal-margin) * 2); +} +.modal-dialog-scrollable .modal-content { + max-height: 100%; + overflow: hidden; +} +.modal-dialog-scrollable .modal-body { + overflow-y: auto; +} + +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - var(--bs-modal-margin) * 2); +} + +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + color: var(--bs-modal-color); + pointer-events: auto; + background-color: var(--bs-modal-bg); + background-clip: padding-box; + border: var(--bs-modal-border-width) solid var(--bs-modal-border-color); + border-radius: var(--bs-modal-border-radius); + outline: 0; +} + +.modal-backdrop { + --bs-backdrop-zindex: 1089; + --bs-backdrop-bg: #22303e; + --bs-backdrop-opacity: 0.5; + position: fixed; + top: 0; + left: 0; + z-index: var(--bs-backdrop-zindex); + width: 100vw; + height: 100vh; + background-color: var(--bs-backdrop-bg); +} +.modal-backdrop.fade { + opacity: 0; +} +.modal-backdrop.show { + opacity: var(--bs-backdrop-opacity); +} + +.modal-header { + display: flex; + flex-shrink: 0; + align-items: center; + padding: var(--bs-modal-header-padding); + border-bottom: var(--bs-modal-header-border-width) solid + var(--bs-modal-header-border-color); + border-top-left-radius: var(--bs-modal-inner-border-radius); + border-top-right-radius: var(--bs-modal-inner-border-radius); +} +.modal-header .btn-close { + padding: calc(var(--bs-modal-header-padding-y) * 0.5) + calc(var(--bs-modal-header-padding-x) * 0.5); + margin: calc(-0.5 * var(--bs-modal-header-padding-y)) + calc(-0.5 * var(--bs-modal-header-padding-x)) + calc(-0.5 * var(--bs-modal-header-padding-y)) auto; +} + +.modal-title { + margin-bottom: 0; + line-height: var(--bs-modal-title-line-height); +} + +.modal-body { + position: relative; + flex: 1 1 auto; + padding: var(--bs-modal-padding); +} + +.modal-footer { + display: flex; + flex-shrink: 0; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * 0.5); + background-color: var(--bs-modal-footer-bg); + border-top: var(--bs-modal-footer-border-width) solid + var(--bs-modal-footer-border-color); + border-bottom-right-radius: var(--bs-modal-inner-border-radius); + border-bottom-left-radius: var(--bs-modal-inner-border-radius); +} +.modal-footer > * { + margin: calc(var(--bs-modal-footer-gap) * 0.5); +} + +@media (min-width: 576px) { + .modal { + --bs-modal-margin: 1.75rem; + --bs-modal-box-shadow: var(--bs-box-shadow-lg); + } + .modal-dialog { + max-width: var(--bs-modal-width); + margin-right: auto; + margin-left: auto; + } + .modal-sm { + --bs-modal-width: 22.5rem; + } +} +@media (min-width: 992px) { + .modal-lg, + .modal-xl { + --bs-modal-width: 50rem; + } +} +@media (min-width: 1200px) { + .modal-xl { + --bs-modal-width: 1140px; + } +} +.modal-fullscreen { + width: 100vw; + max-width: none; + height: 100%; + margin: 0; +} +.modal-fullscreen .modal-content { + height: 100%; + border: 0; + border-radius: 0; +} +.modal-fullscreen .modal-header, +.modal-fullscreen .modal-footer { + border-radius: 0; +} +.modal-fullscreen .modal-body { + overflow-y: auto; +} + +@media (max-width: 575.98px) { + .modal-fullscreen-sm-down { + width: 100vw; + max-width: none; + height: 100%; + margin: 0; + } + .modal-fullscreen-sm-down .modal-content { + height: 100%; + border: 0; + border-radius: 0; + } + .modal-fullscreen-sm-down .modal-header, + .modal-fullscreen-sm-down .modal-footer { + border-radius: 0; + } + .modal-fullscreen-sm-down .modal-body { + overflow-y: auto; + } +} +@media (max-width: 767.98px) { + .modal-fullscreen-md-down { + width: 100vw; + max-width: none; + height: 100%; + margin: 0; + } + .modal-fullscreen-md-down .modal-content { + height: 100%; + border: 0; + border-radius: 0; + } + .modal-fullscreen-md-down .modal-header, + .modal-fullscreen-md-down .modal-footer { + border-radius: 0; + } + .modal-fullscreen-md-down .modal-body { + overflow-y: auto; + } +} +@media (max-width: 991.98px) { + .modal-fullscreen-lg-down { + width: 100vw; + max-width: none; + height: 100%; + margin: 0; + } + .modal-fullscreen-lg-down .modal-content { + height: 100%; + border: 0; + border-radius: 0; + } + .modal-fullscreen-lg-down .modal-header, + .modal-fullscreen-lg-down .modal-footer { + border-radius: 0; + } + .modal-fullscreen-lg-down .modal-body { + overflow-y: auto; + } +} +@media (max-width: 1199.98px) { + .modal-fullscreen-xl-down { + width: 100vw; + max-width: none; + height: 100%; + margin: 0; + } + .modal-fullscreen-xl-down .modal-content { + height: 100%; + border: 0; + border-radius: 0; + } + .modal-fullscreen-xl-down .modal-header, + .modal-fullscreen-xl-down .modal-footer { + border-radius: 0; + } + .modal-fullscreen-xl-down .modal-body { + overflow-y: auto; + } +} +@media (max-width: 1399.98px) { + .modal-fullscreen-xxl-down { + width: 100vw; + max-width: none; + height: 100%; + margin: 0; + } + .modal-fullscreen-xxl-down .modal-content { + height: 100%; + border: 0; + border-radius: 0; + } + .modal-fullscreen-xxl-down .modal-header, + .modal-fullscreen-xxl-down .modal-footer { + border-radius: 0; + } + .modal-fullscreen-xxl-down .modal-body { + overflow-y: auto; + } +} +.tooltip { + --bs-tooltip-zindex: 1099; + --bs-tooltip-max-width: 200px; + --bs-tooltip-padding-x: 0.75rem; + --bs-tooltip-padding-y: 0.379rem; + --bs-tooltip-margin: ; + --bs-tooltip-font-size: 0.8125rem; + --bs-tooltip-color: var(--bs-paper-bg); + --bs-tooltip-bg: var(--bs-base-color); + --bs-tooltip-border-radius: 0.25rem; + --bs-tooltip-opacity: 1; + --bs-tooltip-arrow-width: 0.75rem; + --bs-tooltip-arrow-height: 0.375rem; + z-index: var(--bs-tooltip-zindex); + display: block; + margin: var(--bs-tooltip-margin); + font-family: var(--bs-font-sans-serif); + font-style: normal; + font-weight: 400; + line-height: 1.375; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + white-space: normal; + word-spacing: normal; + line-break: auto; + font-size: var(--bs-tooltip-font-size); + word-wrap: break-word; + opacity: 0; +} +.tooltip.show { + opacity: var(--bs-tooltip-opacity); +} +.tooltip .tooltip-arrow { + display: block; + width: var(--bs-tooltip-arrow-width); + height: var(--bs-tooltip-arrow-height); +} +.tooltip .tooltip-arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-tooltip-top .tooltip-arrow, +.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow { + bottom: calc(-1 * var(--bs-tooltip-arrow-height)); +} +.bs-tooltip-top .tooltip-arrow::before, +.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before { + top: -1px; + border-width: var(--bs-tooltip-arrow-height) + calc(var(--bs-tooltip-arrow-width) * 0.5) 0; + border-top-color: var(--bs-tooltip-bg); +} + +/* rtl:begin:ignore */ +.bs-tooltip-end .tooltip-arrow, +.bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow { + left: calc(-1 * var(--bs-tooltip-arrow-height)); + width: var(--bs-tooltip-arrow-height); + height: var(--bs-tooltip-arrow-width); +} +.bs-tooltip-end .tooltip-arrow::before, +.bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow::before { + right: -1px; + border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) + var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0; + border-right-color: var(--bs-tooltip-bg); +} + +/* rtl:end:ignore */ +.bs-tooltip-bottom .tooltip-arrow, +.bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow { + top: calc(-1 * var(--bs-tooltip-arrow-height)); +} +.bs-tooltip-bottom .tooltip-arrow::before, +.bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow::before { + bottom: -1px; + border-width: 0 calc(var(--bs-tooltip-arrow-width) * 0.5) + var(--bs-tooltip-arrow-height); + border-bottom-color: var(--bs-tooltip-bg); +} + +/* rtl:begin:ignore */ +.bs-tooltip-start .tooltip-arrow, +.bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow { + right: calc(-1 * var(--bs-tooltip-arrow-height)); + width: var(--bs-tooltip-arrow-height); + height: var(--bs-tooltip-arrow-width); +} +.bs-tooltip-start .tooltip-arrow::before, +.bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow::before { + left: -1px; + border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) 0 + calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height); + border-left-color: var(--bs-tooltip-bg); +} + +/* rtl:end:ignore */ +.tooltip-inner { + max-width: var(--bs-tooltip-max-width); + padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x); + color: var(--bs-tooltip-color); + text-align: center; + background-color: var(--bs-tooltip-bg); + border-radius: var(--bs-tooltip-border-radius); +} + +.popover { + --bs-popover-zindex: 1091; + --bs-popover-max-width: 276px; + --bs-popover-font-size: 0.9375rem; + --bs-popover-bg: var(--bs-paper-bg); + --bs-popover-border-width: var(--bs-border-width); + --bs-popover-border-color: var(--bs-gray-100); + --bs-popover-border-radius: var(--bs-border-radius-lg); + --bs-popover-inner-border-radius: calc( + var(--bs-border-radius-lg) - var(--bs-border-width) + ); + --bs-popover-box-shadow: var(--bs-box-shadow-lg); + --bs-popover-header-padding-x: 1.125rem; + --bs-popover-header-padding-y: 0.625rem; + --bs-popover-header-font-size: 1.125rem; + --bs-popover-header-color: var(--bs-heading-color); + --bs-popover-header-bg: var(--bs-paper-bg); + --bs-popover-body-padding-x: 1rem; + --bs-popover-body-padding-y: 1.125rem; + --bs-popover-body-color: var(--bs-body-color); + --bs-popover-arrow-width: 1rem; + --bs-popover-arrow-height: 0.5rem; + --bs-popover-arrow-border: var(--bs-popover-border-color); + z-index: var(--bs-popover-zindex); + display: block; + max-width: var(--bs-popover-max-width); + font-family: var(--bs-font-sans-serif); + font-style: normal; + font-weight: 400; + line-height: 1.375; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + white-space: normal; + word-spacing: normal; + line-break: auto; + font-size: var(--bs-popover-font-size); + word-wrap: break-word; + background-color: var(--bs-popover-bg); + background-clip: padding-box; + border: var(--bs-popover-border-width) solid var(--bs-popover-border-color); + border-radius: var(--bs-popover-border-radius); +} +.popover .popover-arrow { + display: block; + width: var(--bs-popover-arrow-width); + height: var(--bs-popover-arrow-height); +} +.popover .popover-arrow::before, +.popover .popover-arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; + border-width: 0; +} + +.bs-popover-top > .popover-arrow, +.bs-popover-auto[data-popper-placement^="top"] > .popover-arrow { + bottom: calc( + -1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width) + ); +} +.bs-popover-top > .popover-arrow::before, +.bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::before, +.bs-popover-top > .popover-arrow::after, +.bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::after { + border-width: var(--bs-popover-arrow-height) + calc(var(--bs-popover-arrow-width) * 0.5) 0; +} +.bs-popover-top > .popover-arrow::before, +.bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::before { + bottom: 0; + border-top-color: var(--bs-popover-arrow-border); +} +.bs-popover-top > .popover-arrow::after, +.bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::after { + bottom: var(--bs-popover-border-width); + border-top-color: var(--bs-popover-bg); +} + +/* rtl:begin:ignore */ +.bs-popover-end > .popover-arrow, +.bs-popover-auto[data-popper-placement^="right"] > .popover-arrow { + left: calc( + -1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width) + ); + width: var(--bs-popover-arrow-height); + height: var(--bs-popover-arrow-width); +} +.bs-popover-end > .popover-arrow::before, +.bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::before, +.bs-popover-end > .popover-arrow::after, +.bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::after { + border-width: calc(var(--bs-popover-arrow-width) * 0.5) + var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0; +} +.bs-popover-end > .popover-arrow::before, +.bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::before { + left: 0; + border-right-color: var(--bs-popover-arrow-border); +} +.bs-popover-end > .popover-arrow::after, +.bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::after { + left: var(--bs-popover-border-width); + border-right-color: var(--bs-popover-bg); +} + +/* rtl:end:ignore */ +.bs-popover-bottom > .popover-arrow, +.bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow { + top: calc( + -1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width) + ); +} +.bs-popover-bottom > .popover-arrow::before, +.bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::before, +.bs-popover-bottom > .popover-arrow::after, +.bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::after { + border-width: 0 calc(var(--bs-popover-arrow-width) * 0.5) + var(--bs-popover-arrow-height); +} +.bs-popover-bottom > .popover-arrow::before, +.bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::before { + top: 0; + border-bottom-color: var(--bs-popover-arrow-border); +} +.bs-popover-bottom > .popover-arrow::after, +.bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::after { + top: var(--bs-popover-border-width); + border-bottom-color: var(--bs-popover-bg); +} +.bs-popover-bottom .popover-header::before, +.bs-popover-auto[data-popper-placement^="bottom"] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: var(--bs-popover-arrow-width); + margin-left: calc(-0.5 * var(--bs-popover-arrow-width)); + content: ""; + border-bottom: var(--bs-popover-border-width) solid + var(--bs-popover-header-bg); +} + +/* rtl:begin:ignore */ +.bs-popover-start > .popover-arrow, +.bs-popover-auto[data-popper-placement^="left"] > .popover-arrow { + right: calc( + -1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width) + ); + width: var(--bs-popover-arrow-height); + height: var(--bs-popover-arrow-width); +} +.bs-popover-start > .popover-arrow::before, +.bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::before, +.bs-popover-start > .popover-arrow::after, +.bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::after { + border-width: calc(var(--bs-popover-arrow-width) * 0.5) 0 + calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height); +} +.bs-popover-start > .popover-arrow::before, +.bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::before { + right: 0; + border-left-color: var(--bs-popover-arrow-border); +} +.bs-popover-start > .popover-arrow::after, +.bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::after { + right: var(--bs-popover-border-width); + border-left-color: var(--bs-popover-bg); +} + +/* rtl:end:ignore */ +.popover-header { + padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x); + margin-bottom: 0; + font-size: var(--bs-popover-header-font-size); + color: var(--bs-popover-header-color); + background-color: var(--bs-popover-header-bg); + border-bottom: var(--bs-popover-border-width) solid + var(--bs-popover-border-color); + border-top-left-radius: var(--bs-popover-inner-border-radius); + border-top-right-radius: var(--bs-popover-inner-border-radius); +} +.popover-header:empty { + display: none; +} + +.popover-body { + padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x); + color: var(--bs-popover-body-color); +} + +.carousel { + position: relative; +} + +.carousel.pointer-event { + touch-action: pan-y; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} +.carousel-inner::after { + display: block; + clear: both; + content: ""; +} + +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + backface-visibility: hidden; + transition: transform 0.6s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; + } +} + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; +} + +.carousel-item-next:not(.carousel-item-start), +.active.carousel-item-end { + transform: translateX(100%); +} + +.carousel-item-prev:not(.carousel-item-end), +.active.carousel-item-start { + transform: translateX(-100%); +} + +.carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + transform: none; +} +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-next.carousel-item-start, +.carousel-fade .carousel-item-prev.carousel-item-end { + z-index: 1; + opacity: 1; +} +.carousel-fade .active.carousel-item-start, +.carousel-fade .active.carousel-item-end { + z-index: 0; + opacity: 0; + transition: opacity 0s 0.6s; +} +@media (prefers-reduced-motion: reduce) { + .carousel-fade .active.carousel-item-start, + .carousel-fade .active.carousel-item-end { + transition: none; + } +} + +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 14%; + padding: 0; + color: var(--bs-white); + text-align: center; + background: none; + border: 0; + opacity: 1; + transition: opacity 0.15s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-control-prev, + .carousel-control-next { + transition: none; + } +} +.carousel-control-prev:hover, +.carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: var(--bs-white); + text-decoration: none; + outline: 0; + opacity: 1; +} + +.carousel-control-prev { + left: 0; +} + +.carousel-control-next { + right: 0; +} + +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 2.55rem; + height: 2.55rem; + background-repeat: no-repeat; + background-position: 50%; + background-size: 100% 100%; +} + +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' style='fill: var%28--bs-white%29;transform: ;msFilter:;'%3E%3Cpath d='M13.293 6.293 7.586 12l5.707 5.707 1.414-1.414L10.414 12l4.293-4.293z'%3E%3C/path%3E%3C/svg%3E") + /*rtl:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' style='fill: var%28--bs-white%29;transform: ;msFilter:;'%3E%3Cpath d='M10.707 17.707 16.414 12l-5.707-5.707-1.414 1.414L13.586 12l-4.293 4.293z'%3E%3C/path%3E%3C/svg%3E")*/; +} + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' style='fill: var%28--bs-white%29;transform: ;msFilter:;'%3E%3Cpath d='M10.707 17.707 16.414 12l-5.707-5.707-1.414 1.414L13.586 12l-4.293 4.293z'%3E%3C/path%3E%3C/svg%3E") + /*rtl:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' style='fill: var%28--bs-white%29;transform: ;msFilter:;'%3E%3Cpath d='M13.293 6.293 7.586 12l5.707 5.707 1.414-1.414L10.414 12l4.293-4.293z'%3E%3C/path%3E%3C/svg%3E")*/; +} + +.carousel-indicators { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 2; + display: flex; + justify-content: center; + padding: 0; + margin-right: 14%; + margin-bottom: 1rem; + margin-left: 14%; +} +.carousel-indicators [data-bs-target] { + box-sizing: content-box; + flex: 0 1 auto; + width: 30px; + height: 3px; + padding: 0; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #fff; + background-clip: padding-box; + border: 0; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: 0.5; + transition: opacity 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { + .carousel-indicators [data-bs-target] { + transition: none; + } +} +.carousel-indicators .active { + opacity: 1; +} + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 1.25rem; + left: 15%; + padding-top: 1.25rem; + padding-bottom: 1.25rem; + color: #fff; + text-align: center; +} + +.carousel-dark .carousel-control-prev-icon, +.carousel-dark .carousel-control-next-icon { + filter: invert(1) grayscale(100); +} +.carousel-dark .carousel-indicators [data-bs-target] { + background-color: #22303e; +} +.carousel-dark .carousel-caption { + color: #22303e; +} + +[data-bs-theme="dark"] .carousel .carousel-control-prev-icon, +[data-bs-theme="dark"] .carousel .carousel-control-next-icon, +[data-bs-theme="dark"].carousel .carousel-control-prev-icon, +[data-bs-theme="dark"].carousel .carousel-control-next-icon { + filter: invert(1) grayscale(100); +} +[data-bs-theme="dark"] .carousel .carousel-indicators [data-bs-target], +[data-bs-theme="dark"].carousel .carousel-indicators [data-bs-target] { + background-color: #22303e; +} +[data-bs-theme="dark"] .carousel .carousel-caption, +[data-bs-theme="dark"].carousel .carousel-caption { + color: #22303e; +} + +.spinner-grow, +.spinner-border { + display: inline-block; + width: var(--bs-spinner-width); + height: var(--bs-spinner-height); + vertical-align: var(--bs-spinner-vertical-align); + border-radius: 50%; + animation: var(--bs-spinner-animation-speed) linear infinite + var(--bs-spinner-animation-name); +} + +@keyframes spinner-border { + to { + transform: rotate(360deg) /* rtl:ignore */; + } +} +.spinner-border { + --bs-spinner-width: 2rem; + --bs-spinner-height: 2rem; + --bs-spinner-vertical-align: -0.125em; + --bs-spinner-border-width: 0.25em; + --bs-spinner-animation-speed: 0.75s; + --bs-spinner-animation-name: spinner-border; + border: var(--bs-spinner-border-width) solid currentcolor; + border-right-color: transparent; +} + +.spinner-border-sm { + --bs-spinner-width: 1rem; + --bs-spinner-height: 1rem; + --bs-spinner-border-width: 0.2em; +} + +@keyframes spinner-grow { + 0% { + transform: scale(0); + } + 50% { + opacity: 1; + transform: none; + } +} +.spinner-grow { + --bs-spinner-width: 2rem; + --bs-spinner-height: 2rem; + --bs-spinner-vertical-align: -0.125em; + --bs-spinner-animation-speed: 0.75s; + --bs-spinner-animation-name: spinner-grow; + background-color: currentcolor; + opacity: 0; +} + +.spinner-grow-sm { + --bs-spinner-width: 1rem; + --bs-spinner-height: 1rem; +} + +@media (prefers-reduced-motion: reduce) { + .spinner-border, + .spinner-grow { + --bs-spinner-animation-speed: 1.5s; + } +} +.offcanvas, +.offcanvas-xxl, +.offcanvas-xl, +.offcanvas-lg, +.offcanvas-md, +.offcanvas-sm { + --bs-offcanvas-zindex: 1090; + --bs-offcanvas-width: 400px; + --bs-offcanvas-height: 30vh; + --bs-offcanvas-padding-x: 1.5rem; + --bs-offcanvas-padding-y: 1.5rem; + --bs-offcanvas-color: var(--bs-body-color); + --bs-offcanvas-bg: var(--bs-paper-bg); + --bs-offcanvas-border-width: 0; + --bs-offcanvas-border-color: var(--bs-border-color); + --bs-offcanvas-box-shadow: var(--bs-box-shadow-lg); + --bs-offcanvas-transition: transform 0.25s ease-in-out; + --bs-offcanvas-title-line-height: 1.375; +} + +@media (max-width: 575.98px) { + .offcanvas-sm { + position: fixed; + bottom: 0; + z-index: var(--bs-offcanvas-zindex); + display: flex; + flex-direction: column; + max-width: 100%; + color: var(--bs-offcanvas-color); + visibility: hidden; + background-color: var(--bs-offcanvas-bg); + background-clip: padding-box; + outline: 0; + transition: var(--bs-offcanvas-transition); + } +} +@media (max-width: 575.98px) and (prefers-reduced-motion: reduce) { + .offcanvas-sm { + transition: none; + } +} +@media (max-width: 575.98px) { + .offcanvas-sm.offcanvas-start { + top: 0; + left: 0; + width: var(--bs-offcanvas-width); + border-right: var(--bs-offcanvas-border-width) solid + var(--bs-offcanvas-border-color); + transform: translateX(-100%); + } + .offcanvas-sm.offcanvas-end { + top: 0; + right: 0; + width: var(--bs-offcanvas-width); + border-left: var(--bs-offcanvas-border-width) solid + var(--bs-offcanvas-border-color); + transform: translateX(100%); + } + .offcanvas-sm.offcanvas-top { + top: 0; + right: 0; + left: 0; + height: var(--bs-offcanvas-height); + max-height: 100%; + border-bottom: var(--bs-offcanvas-border-width) solid + var(--bs-offcanvas-border-color); + transform: translateY(-100%); + } + .offcanvas-sm.offcanvas-bottom { + right: 0; + left: 0; + height: var(--bs-offcanvas-height); + max-height: 100%; + border-top: var(--bs-offcanvas-border-width) solid + var(--bs-offcanvas-border-color); + transform: translateY(100%); + } + .offcanvas-sm.showing, + .offcanvas-sm.show:not(.hiding) { + transform: none; + } + .offcanvas-sm.showing, + .offcanvas-sm.hiding, + .offcanvas-sm.show { + visibility: visible; + } +} +@media (min-width: 576px) { + .offcanvas-sm { + --bs-offcanvas-height: auto; + --bs-offcanvas-border-width: 0; + background-color: transparent !important; + } + .offcanvas-sm .offcanvas-header { + display: none; + } + .offcanvas-sm .offcanvas-body { + display: flex; + flex-grow: 0; + padding: 0; + overflow-y: visible; + background-color: transparent !important; + } +} + +@media (max-width: 767.98px) { + .offcanvas-md { + position: fixed; + bottom: 0; + z-index: var(--bs-offcanvas-zindex); + display: flex; + flex-direction: column; + max-width: 100%; + color: var(--bs-offcanvas-color); + visibility: hidden; + background-color: var(--bs-offcanvas-bg); + background-clip: padding-box; + outline: 0; + transition: var(--bs-offcanvas-transition); + } +} +@media (max-width: 767.98px) and (prefers-reduced-motion: reduce) { + .offcanvas-md { + transition: none; + } +} +@media (max-width: 767.98px) { + .offcanvas-md.offcanvas-start { + top: 0; + left: 0; + width: var(--bs-offcanvas-width); + border-right: var(--bs-offcanvas-border-width) solid + var(--bs-offcanvas-border-color); + transform: translateX(-100%); + } + .offcanvas-md.offcanvas-end { + top: 0; + right: 0; + width: var(--bs-offcanvas-width); + border-left: var(--bs-offcanvas-border-width) solid + var(--bs-offcanvas-border-color); + transform: translateX(100%); + } + .offcanvas-md.offcanvas-top { + top: 0; + right: 0; + left: 0; + height: var(--bs-offcanvas-height); + max-height: 100%; + border-bottom: var(--bs-offcanvas-border-width) solid + var(--bs-offcanvas-border-color); + transform: translateY(-100%); + } + .offcanvas-md.offcanvas-bottom { + right: 0; + left: 0; + height: var(--bs-offcanvas-height); + max-height: 100%; + border-top: var(--bs-offcanvas-border-width) solid + var(--bs-offcanvas-border-color); + transform: translateY(100%); + } + .offcanvas-md.showing, + .offcanvas-md.show:not(.hiding) { + transform: none; + } + .offcanvas-md.showing, + .offcanvas-md.hiding, + .offcanvas-md.show { + visibility: visible; + } +} +@media (min-width: 768px) { + .offcanvas-md { + --bs-offcanvas-height: auto; + --bs-offcanvas-border-width: 0; + background-color: transparent !important; + } + .offcanvas-md .offcanvas-header { + display: none; + } + .offcanvas-md .offcanvas-body { + display: flex; + flex-grow: 0; + padding: 0; + overflow-y: visible; + background-color: transparent !important; + } +} + +@media (max-width: 991.98px) { + .offcanvas-lg { + position: fixed; + bottom: 0; + z-index: var(--bs-offcanvas-zindex); + display: flex; + flex-direction: column; + max-width: 100%; + color: var(--bs-offcanvas-color); + visibility: hidden; + background-color: var(--bs-offcanvas-bg); + background-clip: padding-box; + outline: 0; + transition: var(--bs-offcanvas-transition); + } +} +@media (max-width: 991.98px) and (prefers-reduced-motion: reduce) { + .offcanvas-lg { + transition: none; + } +} +@media (max-width: 991.98px) { + .offcanvas-lg.offcanvas-start { + top: 0; + left: 0; + width: var(--bs-offcanvas-width); + border-right: var(--bs-offcanvas-border-width) solid + var(--bs-offcanvas-border-color); + transform: translateX(-100%); + } + .offcanvas-lg.offcanvas-end { + top: 0; + right: 0; + width: var(--bs-offcanvas-width); + border-left: var(--bs-offcanvas-border-width) solid + var(--bs-offcanvas-border-color); + transform: translateX(100%); + } + .offcanvas-lg.offcanvas-top { + top: 0; + right: 0; + left: 0; + height: var(--bs-offcanvas-height); + max-height: 100%; + border-bottom: var(--bs-offcanvas-border-width) solid + var(--bs-offcanvas-border-color); + transform: translateY(-100%); + } + .offcanvas-lg.offcanvas-bottom { + right: 0; + left: 0; + height: var(--bs-offcanvas-height); + max-height: 100%; + border-top: var(--bs-offcanvas-border-width) solid + var(--bs-offcanvas-border-color); + transform: translateY(100%); + } + .offcanvas-lg.showing, + .offcanvas-lg.show:not(.hiding) { + transform: none; + } + .offcanvas-lg.showing, + .offcanvas-lg.hiding, + .offcanvas-lg.show { + visibility: visible; + } +} +@media (min-width: 992px) { + .offcanvas-lg { + --bs-offcanvas-height: auto; + --bs-offcanvas-border-width: 0; + background-color: transparent !important; + } + .offcanvas-lg .offcanvas-header { + display: none; + } + .offcanvas-lg .offcanvas-body { + display: flex; + flex-grow: 0; + padding: 0; + overflow-y: visible; + background-color: transparent !important; + } +} + +@media (max-width: 1199.98px) { + .offcanvas-xl { + position: fixed; + bottom: 0; + z-index: var(--bs-offcanvas-zindex); + display: flex; + flex-direction: column; + max-width: 100%; + color: var(--bs-offcanvas-color); + visibility: hidden; + background-color: var(--bs-offcanvas-bg); + background-clip: padding-box; + outline: 0; + transition: var(--bs-offcanvas-transition); + } +} +@media (max-width: 1199.98px) and (prefers-reduced-motion: reduce) { + .offcanvas-xl { + transition: none; + } +} +@media (max-width: 1199.98px) { + .offcanvas-xl.offcanvas-start { + top: 0; + left: 0; + width: var(--bs-offcanvas-width); + border-right: var(--bs-offcanvas-border-width) solid + var(--bs-offcanvas-border-color); + transform: translateX(-100%); + } + .offcanvas-xl.offcanvas-end { + top: 0; + right: 0; + width: var(--bs-offcanvas-width); + border-left: var(--bs-offcanvas-border-width) solid + var(--bs-offcanvas-border-color); + transform: translateX(100%); + } + .offcanvas-xl.offcanvas-top { + top: 0; + right: 0; + left: 0; + height: var(--bs-offcanvas-height); + max-height: 100%; + border-bottom: var(--bs-offcanvas-border-width) solid + var(--bs-offcanvas-border-color); + transform: translateY(-100%); + } + .offcanvas-xl.offcanvas-bottom { + right: 0; + left: 0; + height: var(--bs-offcanvas-height); + max-height: 100%; + border-top: var(--bs-offcanvas-border-width) solid + var(--bs-offcanvas-border-color); + transform: translateY(100%); + } + .offcanvas-xl.showing, + .offcanvas-xl.show:not(.hiding) { + transform: none; + } + .offcanvas-xl.showing, + .offcanvas-xl.hiding, + .offcanvas-xl.show { + visibility: visible; + } +} +@media (min-width: 1200px) { + .offcanvas-xl { + --bs-offcanvas-height: auto; + --bs-offcanvas-border-width: 0; + background-color: transparent !important; + } + .offcanvas-xl .offcanvas-header { + display: none; + } + .offcanvas-xl .offcanvas-body { + display: flex; + flex-grow: 0; + padding: 0; + overflow-y: visible; + background-color: transparent !important; + } +} + +@media (max-width: 1399.98px) { + .offcanvas-xxl { + position: fixed; + bottom: 0; + z-index: var(--bs-offcanvas-zindex); + display: flex; + flex-direction: column; + max-width: 100%; + color: var(--bs-offcanvas-color); + visibility: hidden; + background-color: var(--bs-offcanvas-bg); + background-clip: padding-box; + outline: 0; + transition: var(--bs-offcanvas-transition); + } +} +@media (max-width: 1399.98px) and (prefers-reduced-motion: reduce) { + .offcanvas-xxl { + transition: none; + } +} +@media (max-width: 1399.98px) { + .offcanvas-xxl.offcanvas-start { + top: 0; + left: 0; + width: var(--bs-offcanvas-width); + border-right: var(--bs-offcanvas-border-width) solid + var(--bs-offcanvas-border-color); + transform: translateX(-100%); + } + .offcanvas-xxl.offcanvas-end { + top: 0; + right: 0; + width: var(--bs-offcanvas-width); + border-left: var(--bs-offcanvas-border-width) solid + var(--bs-offcanvas-border-color); + transform: translateX(100%); + } + .offcanvas-xxl.offcanvas-top { + top: 0; + right: 0; + left: 0; + height: var(--bs-offcanvas-height); + max-height: 100%; + border-bottom: var(--bs-offcanvas-border-width) solid + var(--bs-offcanvas-border-color); + transform: translateY(-100%); + } + .offcanvas-xxl.offcanvas-bottom { + right: 0; + left: 0; + height: var(--bs-offcanvas-height); + max-height: 100%; + border-top: var(--bs-offcanvas-border-width) solid + var(--bs-offcanvas-border-color); + transform: translateY(100%); + } + .offcanvas-xxl.showing, + .offcanvas-xxl.show:not(.hiding) { + transform: none; + } + .offcanvas-xxl.showing, + .offcanvas-xxl.hiding, + .offcanvas-xxl.show { + visibility: visible; + } +} +@media (min-width: 1400px) { + .offcanvas-xxl { + --bs-offcanvas-height: auto; + --bs-offcanvas-border-width: 0; + background-color: transparent !important; + } + .offcanvas-xxl .offcanvas-header { + display: none; + } + .offcanvas-xxl .offcanvas-body { + display: flex; + flex-grow: 0; + padding: 0; + overflow-y: visible; + background-color: transparent !important; + } +} + +.offcanvas { + position: fixed; + bottom: 0; + z-index: var(--bs-offcanvas-zindex); + display: flex; + flex-direction: column; + max-width: 100%; + color: var(--bs-offcanvas-color); + visibility: hidden; + background-color: var(--bs-offcanvas-bg); + background-clip: padding-box; + outline: 0; + transition: var(--bs-offcanvas-transition); +} +@media (prefers-reduced-motion: reduce) { + .offcanvas { + transition: none; + } +} +.offcanvas.offcanvas-start { + top: 0; + left: 0; + width: var(--bs-offcanvas-width); + border-right: var(--bs-offcanvas-border-width) solid + var(--bs-offcanvas-border-color); + transform: translateX(-100%); +} +.offcanvas.offcanvas-end { + top: 0; + right: 0; + width: var(--bs-offcanvas-width); + border-left: var(--bs-offcanvas-border-width) solid + var(--bs-offcanvas-border-color); + transform: translateX(100%); +} +.offcanvas.offcanvas-top { + top: 0; + right: 0; + left: 0; + height: var(--bs-offcanvas-height); + max-height: 100%; + border-bottom: var(--bs-offcanvas-border-width) solid + var(--bs-offcanvas-border-color); + transform: translateY(-100%); +} +.offcanvas.offcanvas-bottom { + right: 0; + left: 0; + height: var(--bs-offcanvas-height); + max-height: 100%; + border-top: var(--bs-offcanvas-border-width) solid + var(--bs-offcanvas-border-color); + transform: translateY(100%); +} +.offcanvas.showing, +.offcanvas.show:not(.hiding) { + transform: none; +} +.offcanvas.showing, +.offcanvas.hiding, +.offcanvas.show { + visibility: visible; +} + +.offcanvas-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1089; + width: 100vw; + height: 100vh; + background-color: #22303e; +} +.offcanvas-backdrop.fade { + opacity: 0; +} +.offcanvas-backdrop.show { + opacity: 0.5; +} + +.offcanvas-header { + display: flex; + align-items: center; + padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x); +} +.offcanvas-header .btn-close { + padding: calc(var(--bs-offcanvas-padding-y) * 0.5) + calc(var(--bs-offcanvas-padding-x) * 0.5); + margin: calc(-0.5 * var(--bs-offcanvas-padding-y)) + calc(-0.5 * var(--bs-offcanvas-padding-x)) + calc(-0.5 * var(--bs-offcanvas-padding-y)) auto; +} + +.offcanvas-title { + margin-bottom: 0; + line-height: var(--bs-offcanvas-title-line-height); +} + +.offcanvas-body { + flex-grow: 1; + padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x); + overflow-y: auto; +} + +.placeholder { + display: inline-block; + min-height: 1em; + vertical-align: middle; + cursor: wait; + background-color: currentcolor; + opacity: 0.5; +} +.placeholder.btn::before { + display: inline-block; + content: ""; +} + +.placeholder-xs { + min-height: 0.6em; +} + +.placeholder-sm { + min-height: 0.8em; +} + +.placeholder-lg { + min-height: 1.2em; +} + +.placeholder-glow .placeholder { + animation: placeholder-glow 2s ease-in-out infinite; +} + +@keyframes placeholder-glow { + 50% { + opacity: 0.2; + } +} +.placeholder-wave { + mask-image: linear-gradient( + 130deg, + #22303e 55%, + rgba(0, 0, 0, 0.8) 75%, + #22303e 95% + ); + mask-size: 200% 100%; + animation: placeholder-wave 2s linear infinite; +} + +@keyframes placeholder-wave { + 100% { + mask-position: -200% 0%; + } +} +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.text-bg-primary { + color: #fff !important; + background-color: RGBA( + var(--bs-primary-rgb), + var(--bs-bg-opacity, 1) + ) !important; +} + +.text-bg-secondary { + color: #fff !important; + background-color: RGBA( + var(--bs-secondary-rgb), + var(--bs-bg-opacity, 1) + ) !important; +} + +.text-bg-success { + color: #fff !important; + background-color: RGBA( + var(--bs-success-rgb), + var(--bs-bg-opacity, 1) + ) !important; +} + +.text-bg-info { + color: #fff !important; + background-color: RGBA( + var(--bs-info-rgb), + var(--bs-bg-opacity, 1) + ) !important; +} + +.text-bg-warning { + color: #fff !important; + background-color: RGBA( + var(--bs-warning-rgb), + var(--bs-bg-opacity, 1) + ) !important; +} + +.text-bg-danger { + color: #fff !important; + background-color: RGBA( + var(--bs-danger-rgb), + var(--bs-bg-opacity, 1) + ) !important; +} + +.text-bg-light { + color: #000 !important; + background-color: RGBA( + var(--bs-light-rgb), + var(--bs-bg-opacity, 1) + ) !important; +} + +.text-bg-dark { + color: #fff !important; + background-color: RGBA( + var(--bs-dark-rgb), + var(--bs-bg-opacity, 1) + ) !important; +} + +.text-bg-gray { + color: #fff !important; + background-color: RGBA( + var(--bs-gray-rgb), + var(--bs-bg-opacity, 1) + ) !important; +} + +.link-primary { + color: RGBA(var(--bs-primary-rgb), var(--bs-link-opacity, 1)) !important; + text-decoration-color: RGBA( + var(--bs-primary-rgb), + var(--bs-link-underline-opacity, 1) + ) !important; +} +.link-primary:hover, +.link-primary:focus { + color: RGBA(95, 97, 230, var(--bs-link-opacity, 1)) !important; + text-decoration-color: RGBA( + 95, + 97, + 230, + var(--bs-link-underline-opacity, 1) + ) !important; +} + +.link-secondary { + color: RGBA(var(--bs-secondary-rgb), var(--bs-link-opacity, 1)) !important; + text-decoration-color: RGBA( + var(--bs-secondary-rgb), + var(--bs-link-underline-opacity, 1) + ) !important; +} +.link-secondary:hover, +.link-secondary:focus { + color: RGBA(120, 131, 147, var(--bs-link-opacity, 1)) !important; + text-decoration-color: RGBA( + 120, + 131, + 147, + var(--bs-link-underline-opacity, 1) + ) !important; +} + +.link-success { + color: RGBA(var(--bs-success-rgb), var(--bs-link-opacity, 1)) !important; + text-decoration-color: RGBA( + var(--bs-success-rgb), + var(--bs-link-underline-opacity, 1) + ) !important; +} +.link-success:hover, +.link-success:focus { + color: RGBA(102, 199, 50, var(--bs-link-opacity, 1)) !important; + text-decoration-color: RGBA( + 102, + 199, + 50, + var(--bs-link-underline-opacity, 1) + ) !important; +} + +.link-info { + color: RGBA(var(--bs-info-rgb), var(--bs-link-opacity, 1)) !important; + text-decoration-color: RGBA( + var(--bs-info-rgb), + var(--bs-link-underline-opacity, 1) + ) !important; +} +.link-info:hover, +.link-info:focus { + color: RGBA(3, 176, 212, var(--bs-link-opacity, 1)) !important; + text-decoration-color: RGBA( + 3, + 176, + 212, + var(--bs-link-underline-opacity, 1) + ) !important; +} + +.link-warning { + color: RGBA(var(--bs-warning-rgb), var(--bs-link-opacity, 1)) !important; + text-decoration-color: RGBA( + var(--bs-warning-rgb), + var(--bs-link-underline-opacity, 1) + ) !important; +} +.link-warning:hover, +.link-warning:focus { + color: RGBA(230, 154, 0, var(--bs-link-opacity, 1)) !important; + text-decoration-color: RGBA( + 230, + 154, + 0, + var(--bs-link-underline-opacity, 1) + ) !important; +} + +.link-danger { + color: RGBA(var(--bs-danger-rgb), var(--bs-link-opacity, 1)) !important; + text-decoration-color: RGBA( + var(--bs-danger-rgb), + var(--bs-link-underline-opacity, 1) + ) !important; +} +.link-danger:hover, +.link-danger:focus { + color: RGBA(230, 56, 26, var(--bs-link-opacity, 1)) !important; + text-decoration-color: RGBA( + 230, + 56, + 26, + var(--bs-link-underline-opacity, 1) + ) !important; +} + +.link-light { + color: RGBA(var(--bs-light-rgb), var(--bs-link-opacity, 1)) !important; + text-decoration-color: RGBA( + var(--bs-light-rgb), + var(--bs-link-underline-opacity, 1) + ) !important; +} +.link-light:hover, +.link-light:focus { + color: RGBA(223, 225, 227, var(--bs-link-opacity, 1)) !important; + text-decoration-color: RGBA( + 223, + 225, + 227, + var(--bs-link-underline-opacity, 1) + ) !important; +} + +.link-dark { + color: RGBA(var(--bs-dark-rgb), var(--bs-link-opacity, 1)) !important; + text-decoration-color: RGBA( + var(--bs-dark-rgb), + var(--bs-link-underline-opacity, 1) + ) !important; +} +.link-dark:hover, +.link-dark:focus { + color: RGBA(39, 40, 58, var(--bs-link-opacity, 1)) !important; + text-decoration-color: RGBA( + 39, + 40, + 58, + var(--bs-link-underline-opacity, 1) + ) !important; +} + +.link-gray { + color: RGBA(var(--bs-gray-rgb), var(--bs-link-opacity, 1)) !important; + text-decoration-color: RGBA( + var(--bs-gray-rgb), + var(--bs-link-underline-opacity, 1) + ) !important; +} +.link-gray:hover, +.link-gray:focus { + color: RGBA(131, 136, 143, var(--bs-link-opacity, 1)) !important; + text-decoration-color: RGBA( + 131, + 136, + 143, + var(--bs-link-underline-opacity, 1) + ) !important; +} + +.link-body-emphasis { + color: RGBA( + var(--bs-emphasis-color-rgb), + var(--bs-link-opacity, 1) + ) !important; + text-decoration-color: RGBA( + var(--bs-emphasis-color-rgb), + var(--bs-link-underline-opacity, 1) + ) !important; +} +.link-body-emphasis:hover, +.link-body-emphasis:focus { + color: RGBA( + var(--bs-emphasis-color-rgb), + var(--bs-link-opacity, 0.75) + ) !important; + text-decoration-color: RGBA( + var(--bs-emphasis-color-rgb), + var(--bs-link-underline-opacity, 0.75) + ) !important; +} + +.focus-ring:focus { + outline: 0; + box-shadow: var(--bs-focus-ring-x, 0) var(--bs-focus-ring-y, 0) + var(--bs-focus-ring-blur, 0) var(--bs-focus-ring-width) + var(--bs-focus-ring-color); +} + +.icon-link { + display: inline-flex; + gap: 0.375rem; + align-items: center; + text-decoration-color: rgba( + var(--bs-link-color-rgb), + var(--bs-link-opacity, 0.5) + ); + text-underline-offset: 0.25em; + backface-visibility: hidden; +} +.icon-link > .bi { + flex-shrink: 0; + width: 1em; + height: 1em; + fill: currentcolor; + transition: 0.2s ease-in-out transform; +} +@media (prefers-reduced-motion: reduce) { + .icon-link > .bi { + transition: none; + } +} + +.icon-link-hover:hover > .bi, +.icon-link-hover:focus-visible > .bi { + transform: var(--bs-icon-link-transform, translate3d(0.25em, 0, 0)); +} + +.ratio { + position: relative; + width: 100%; +} +.ratio::before { + display: block; + padding-top: var(--bs-aspect-ratio); + content: ""; +} +.ratio > * { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; +} + +.ratio-1x1 { + --bs-aspect-ratio: 100%; +} + +.ratio-4x3 { + --bs-aspect-ratio: 75%; +} + +.ratio-16x9 { + --bs-aspect-ratio: 56.25%; +} + +.ratio-21x9 { + --bs-aspect-ratio: 42.8571428571%; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +.sticky-top { + position: sticky; + top: 0; + z-index: 1020; +} + +.sticky-bottom { + position: sticky; + bottom: 0; + z-index: 1020; +} + +@media (min-width: 576px) { + .sticky-sm-top { + position: sticky; + top: 0; + z-index: 1020; + } + .sticky-sm-bottom { + position: sticky; + bottom: 0; + z-index: 1020; + } +} +@media (min-width: 768px) { + .sticky-md-top { + position: sticky; + top: 0; + z-index: 1020; + } + .sticky-md-bottom { + position: sticky; + bottom: 0; + z-index: 1020; + } +} +@media (min-width: 992px) { + .sticky-lg-top { + position: sticky; + top: 0; + z-index: 1020; + } + .sticky-lg-bottom { + position: sticky; + bottom: 0; + z-index: 1020; + } +} +@media (min-width: 1200px) { + .sticky-xl-top { + position: sticky; + top: 0; + z-index: 1020; + } + .sticky-xl-bottom { + position: sticky; + bottom: 0; + z-index: 1020; + } +} +@media (min-width: 1400px) { + .sticky-xxl-top { + position: sticky; + top: 0; + z-index: 1020; + } + .sticky-xxl-bottom { + position: sticky; + bottom: 0; + z-index: 1020; + } +} +.hstack { + display: flex; + flex-direction: row; + align-items: center; + align-self: stretch; +} + +.vstack { + display: flex; + flex: 1 1 auto; + flex-direction: column; + align-self: stretch; +} + +.visually-hidden, +.visually-hidden-focusable:not(:focus):not(:focus-within) { + width: 1px !important; + height: 1px !important; + padding: 0 !important; + margin: -1px !important; + overflow: hidden !important; + clip: rect(0, 0, 0, 0) !important; + white-space: nowrap !important; + border: 0 !important; +} +.visually-hidden:not(caption), +.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption) { + position: absolute !important; +} + +.stretched-link::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1; + content: ""; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.vr { + display: inline-block; + align-self: stretch; + width: var(--bs-border-width); + min-height: 1em; + background-color: currentcolor; + opacity: 1; +} + +/* Custom colors +******************************************************************************* */ +:root { + --bs-facebook: #3b5998; + --bs-facebook-rgb: 59, 89, 152; + --bs-twitter: #1da1f2; + --bs-twitter-rgb: 29, 161, 242; + --bs-google-plus: #dd4b39; + --bs-google-plus-rgb: 221, 75, 57; + --bs-instagram: #e1306c; + --bs-instagram-rgb: 225, 48, 108; + --bs-linkedin: #0077b5; + --bs-linkedin-rgb: 0, 119, 181; + --bs-github: #384551; + --bs-github-rgb: 56, 69, 81; + --bs-dribbble: #ea4c89; + --bs-dribbble-rgb: 234, 76, 137; + --bs-pinterest: #cb2027; + --bs-pinterest-rgb: 203, 32, 39; + --bs-slack: #4a154b; + --bs-slack-rgb: 74, 21, 75; + --bs-reddit: #ff4500; + --bs-reddit-rgb: 255, 69, 0; + --bs-youtube: #f00; + --bs-youtube-rgb: 255, 0, 0; + --bs-vimeo: #1ab7ea; + --bs-vimeo-rgb: 26, 183, 234; +} +:root .bg-gradient-primary { + --bs-bg-gradient-color-start: color-mix( + in sRGB, + var(--bs-pure-black) 10%, + var(--bs-primary) + ); + --bs-bg-gradient-color-end: color-mix( + in sRGB, + var(--bs-white) 20%, + var(--bs-primary) + ); + background-image: linear-gradient( + 45deg, + var(--bs-bg-gradient-color-start) 0%, + var(--bs-bg-gradient-color-end) 100% + ) !important; +} +:root .bg-gradient-secondary { + --bs-bg-gradient-color-start: color-mix( + in sRGB, + var(--bs-pure-black) 10%, + var(--bs-secondary) + ); + --bs-bg-gradient-color-end: color-mix( + in sRGB, + var(--bs-white) 20%, + var(--bs-secondary) + ); + background-image: linear-gradient( + 45deg, + var(--bs-bg-gradient-color-start) 0%, + var(--bs-bg-gradient-color-end) 100% + ) !important; +} +:root .bg-gradient-success { + --bs-bg-gradient-color-start: color-mix( + in sRGB, + var(--bs-pure-black) 10%, + var(--bs-success) + ); + --bs-bg-gradient-color-end: color-mix( + in sRGB, + var(--bs-white) 20%, + var(--bs-success) + ); + background-image: linear-gradient( + 45deg, + var(--bs-bg-gradient-color-start) 0%, + var(--bs-bg-gradient-color-end) 100% + ) !important; +} +:root .bg-gradient-info { + --bs-bg-gradient-color-start: color-mix( + in sRGB, + var(--bs-pure-black) 10%, + var(--bs-info) + ); + --bs-bg-gradient-color-end: color-mix( + in sRGB, + var(--bs-white) 20%, + var(--bs-info) + ); + background-image: linear-gradient( + 45deg, + var(--bs-bg-gradient-color-start) 0%, + var(--bs-bg-gradient-color-end) 100% + ) !important; +} +:root .bg-gradient-warning { + --bs-bg-gradient-color-start: color-mix( + in sRGB, + var(--bs-pure-black) 10%, + var(--bs-warning) + ); + --bs-bg-gradient-color-end: color-mix( + in sRGB, + var(--bs-white) 20%, + var(--bs-warning) + ); + background-image: linear-gradient( + 45deg, + var(--bs-bg-gradient-color-start) 0%, + var(--bs-bg-gradient-color-end) 100% + ) !important; +} +:root .bg-gradient-danger { + --bs-bg-gradient-color-start: color-mix( + in sRGB, + var(--bs-pure-black) 10%, + var(--bs-danger) + ); + --bs-bg-gradient-color-end: color-mix( + in sRGB, + var(--bs-white) 20%, + var(--bs-danger) + ); + background-image: linear-gradient( + 45deg, + var(--bs-bg-gradient-color-start) 0%, + var(--bs-bg-gradient-color-end) 100% + ) !important; +} +:root .bg-gradient-light { + --bs-bg-gradient-color-start: color-mix( + in sRGB, + var(--bs-pure-black) 10%, + var(--bs-light) + ); + --bs-bg-gradient-color-end: color-mix( + in sRGB, + var(--bs-white) 20%, + var(--bs-light) + ); + background-image: linear-gradient( + 45deg, + var(--bs-bg-gradient-color-start) 0%, + var(--bs-bg-gradient-color-end) 100% + ) !important; +} +:root .bg-gradient-dark { + --bs-bg-gradient-color-start: color-mix( + in sRGB, + var(--bs-pure-black) 10%, + var(--bs-dark) + ); + --bs-bg-gradient-color-end: color-mix( + in sRGB, + var(--bs-white) 20%, + var(--bs-dark) + ); + background-image: linear-gradient( + 45deg, + var(--bs-bg-gradient-color-start) 0%, + var(--bs-bg-gradient-color-end) 100% + ) !important; +} +:root .bg-gradient-gray { + --bs-bg-gradient-color-start: color-mix( + in sRGB, + var(--bs-pure-black) 10%, + var(--bs-gray) + ); + --bs-bg-gradient-color-end: color-mix( + in sRGB, + var(--bs-white) 20%, + var(--bs-gray) + ); + background-image: linear-gradient( + 45deg, + var(--bs-bg-gradient-color-start) 0%, + var(--bs-bg-gradient-color-end) 100% + ) !important; +} + +.row-bordered { + overflow: hidden; +} +.row-bordered > .col, +.row-bordered > [class^="col-"], +.row-bordered > [class*=" col-"], +.row-bordered > [class^="col "], +.row-bordered > [class*=" col "], +.row-bordered > [class$=" col"], +.row-bordered > [class="col"] { + position: relative; + padding-block-start: 1px; +} +.row-bordered > .col::before, +.row-bordered > [class^="col-"]::before, +.row-bordered > [class*=" col-"]::before, +.row-bordered > [class^="col "]::before, +.row-bordered > [class*=" col "]::before, +.row-bordered > [class$=" col"]::before, +.row-bordered > [class="col"]::before { + position: absolute; + display: block; + block-size: 0; + border-block-start: 1px solid var(--bs-border-color); + content: ""; + inset-block-end: -1px; + inset-inline: 0; +} +.row-bordered > .col::after, +.row-bordered > [class^="col-"]::after, +.row-bordered > [class*=" col-"]::after, +.row-bordered > [class^="col "]::after, +.row-bordered > [class*=" col "]::after, +.row-bordered > [class$=" col"]::after, +.row-bordered > [class="col"]::after { + position: absolute; + display: block; + border-inline-start: 1px solid var(--bs-border-color); + content: ""; + inline-size: 0; + inset-block: 0; + inset-inline-start: -1px; +} +.row-bordered.row-border-light > .col::before, +.row-bordered.row-border-light > .col::after, +.row-bordered.row-border-light > [class^="col-"]::before, +.row-bordered.row-border-light > [class^="col-"]::after, +.row-bordered.row-border-light > [class*=" col-"]::before, +.row-bordered.row-border-light > [class*=" col-"]::after, +.row-bordered.row-border-light > [class^="col "]::before, +.row-bordered.row-border-light > [class^="col "]::after, +.row-bordered.row-border-light > [class*=" col "]::before, +.row-bordered.row-border-light > [class*=" col "]::after, +.row-bordered.row-border-light > [class$=" col"]::before, +.row-bordered.row-border-light > [class$=" col"]::after, +.row-bordered.row-border-light > [class="col"]::before, +.row-bordered.row-border-light > [class="col"]::after { + border-color: #e9eaec; +} + +.text-body-secondary[href]:hover, +.text-body-secondary[href]:focus { + color: var(--bs-body-color) !important; +} + +a.bg-dark:hover, +a.bg-dark:focus { + background-color: #384551 !important; +} + +a.bg-light:hover, +a.bg-light:focus { + background-color: #e4e6e8 !important; +} + +a.bg-lighter:hover, +a.bg-lighter:focus { + background-color: #e9eaec !important; +} + +a.bg-lightest:hover, +a.bg-lightest:focus { + background-color: #f2f3f3 !important; +} + +.text-light[href]:hover, +.text-light[href]:focus { + color: var(--bs-body-color) !important; +} + +.text-lighter[href]:hover, +.text-lighter[href]:focus { + color: var(--bs-body-color) !important; +} + +.text-lightest[href]:hover, +.text-lightest[href]:focus { + color: var(--bs-body-color) !important; +} + +.text-paper { + color: var(--bs-paper-bg) !important; +} +.text-paper[href]:hover, +.text-paper[href]:focus { + color: var(--bs-primary) !important; +} + +.text-body[href]:hover, +.text-heading[href]:hover { + color: var(--bs-primary) !important; +} + +.invert-text-white { + color: light-dark(var(--bs-white), #f5f5f9) !important; +} + +.invert-text-white[href]:hover:hover, +.invert-text-white[href]:hover:focus { + color: light-dark(var(--bs-white), #f5f5f9) !important; +} + +.invert-text-dark { + color: light-dark(#22303e, var(--bs-white)) !important; +} + +.invert-text-dark[href]:hover:hover, +.invert-text-dark[href]:hover:focus { + color: light-dark(#22303e, var(--bs-white)) !important; +} + +.invert-bg-white { + background-color: light-dark(var(--bs-white), #f5f5f9) !important; +} + +a.invert-bg-white:hover, +a.invert-bg-white:focus { + background-color: light-dark(var(--bs-white), #f5f5f9) !important; +} + +.invert-bg-dark { + background-color: light-dark(var(--bs-gray-900), var(--bs-white)) !important; +} + +a.invert-bg-dark:hover, +a.invert-bg-dark:focus { + background-color: light-dark(var(--bs-gray-900), var(--bs-white)) !important; +} + +.invert-border-dark { + border-color: light-dark(var(--bs-dark), var(--bs-white)) !important; +} + +.invert-border-white { + border-color: light-dark(var(--bs-white), #f5f5f9) !important; +} + +.container-p-x { + padding-inline: 1rem !important; +} +@media (min-width: 992px) { + .container-p-x { + padding-inline: 1.625rem !important; + } +} + +.container-m-nx { + margin-inline: -1rem !important; +} +@media (min-width: 992px) { + .container-m-nx { + margin-inline: -1.625rem !important; + } +} + +.container-p-y:not([class^="pt-"]):not([class*=" pt-"]) { + padding-block-start: 1.5rem !important; +} +.container-p-y:not([class^="pb-"]):not([class*=" pb-"]) { + padding-block-end: 1.5rem !important; +} + +.container-m-ny:not([class^="mt-"]):not([class*=" mt-"]) { + margin-block-start: -1.5rem !important; +} +.container-m-ny:not([class^="mb-"]):not([class*=" mb-"]) { + margin-block-end: -1.5rem !important; +} + +.icon-base { + block-size: var(--bs-icon-size); + font-size: var(--bs-icon-size); + inline-size: var(--bs-icon-size); + line-height: 1; + vertical-align: middle; +} + +.icon-6px, +.icon-6px::before { + block-size: 6px !important; + font-size: 6px !important; + inline-size: 6px !important; +} + +.icon-8px, +.icon-8px::before { + block-size: 8px !important; + font-size: 8px !important; + inline-size: 8px !important; +} + +.icon-10px, +.icon-10px::before { + block-size: 10px !important; + font-size: 10px !important; + inline-size: 10px !important; +} + +.icon-12px, +.icon-12px::before { + block-size: 12px !important; + font-size: 12px !important; + inline-size: 12px !important; +} + +.icon-14px, +.icon-14px::before { + block-size: 14px !important; + font-size: 14px !important; + inline-size: 14px !important; +} + +.icon-16px, +.icon-16px::before { + block-size: 16px !important; + font-size: 16px !important; + inline-size: 16px !important; +} + +.icon-18px, +.icon-18px::before { + block-size: 18px !important; + font-size: 18px !important; + inline-size: 18px !important; +} + +.icon-20px, +.icon-20px::before { + block-size: 20px !important; + font-size: 20px !important; + inline-size: 20px !important; +} + +.icon-22px, +.icon-22px::before { + block-size: 22px !important; + font-size: 22px !important; + inline-size: 22px !important; +} + +.icon-24px, +.icon-24px::before { + block-size: 24px !important; + font-size: 24px !important; + inline-size: 24px !important; +} + +.icon-26px, +.icon-26px::before { + block-size: 26px !important; + font-size: 26px !important; + inline-size: 26px !important; +} + +.icon-28px, +.icon-28px::before { + block-size: 28px !important; + font-size: 28px !important; + inline-size: 28px !important; +} + +.icon-30px, +.icon-30px::before { + block-size: 30px !important; + font-size: 30px !important; + inline-size: 30px !important; +} + +.icon-32px, +.icon-32px::before { + block-size: 32px !important; + font-size: 32px !important; + inline-size: 32px !important; +} + +.icon-36px, +.icon-36px::before { + block-size: 36px !important; + font-size: 36px !important; + inline-size: 36px !important; +} + +.icon-40px, +.icon-40px::before { + block-size: 40px !important; + font-size: 40px !important; + inline-size: 40px !important; +} + +.icon-42px, +.icon-42px::before { + block-size: 42px !important; + font-size: 42px !important; + inline-size: 42px !important; +} + +.icon-46px, +.icon-46px::before { + block-size: 46px !important; + font-size: 46px !important; + inline-size: 46px !important; +} + +.icon-48px, +.icon-48px::before { + block-size: 48px !important; + font-size: 48px !important; + inline-size: 48px !important; +} + +.icon-xs, +.icon-xs::before { + block-size: var(--bs-icon-size-xs) !important; + font-size: var(--bs-icon-size-xs) !important; + inline-size: var(--bs-icon-size-xs) !important; +} + +.icon-sm, +.icon-sm::before { + block-size: var(--bs-icon-size-sm) !important; + font-size: var(--bs-icon-size-sm) !important; + inline-size: var(--bs-icon-size-sm) !important; +} + +.icon-md, +.icon-md::before { + block-size: var(--bs-icon-size-md) !important; + font-size: var(--bs-icon-size-md) !important; + inline-size: var(--bs-icon-size-md) !important; +} + +.icon-lg, +.icon-lg::before { + block-size: var(--bs-icon-size-lg) !important; + font-size: var(--bs-icon-size-lg) !important; + inline-size: var(--bs-icon-size-lg) !important; +} + +.icon-xl, +.icon-xl::before { + block-size: var(--bs-icon-size-xl) !important; + font-size: var(--bs-icon-size-xl) !important; + inline-size: var(--bs-icon-size-xl) !important; +} + +.cell-fit { + inline-size: 0.1%; + white-space: nowrap; +} + +:dir(rtl) .scaleX-n1-rtl { + transform: scaleX(-1) !important; +} +:dir(rtl) .translate-middle { + transform: translate(50%, -50%) !important; +} +:dir(rtl) .translate-middle-x { + transform: translateX(50%) !important; +} +:dir(rtl) .rotate { + --bs-rotate-90: rotate(-90deg); + --bs-rotate-270: rotate(-270deg); + --bs-rotate-n90: rotate(90deg); + --bs-rotate-n270: rotate(270deg); +} + +/* The color-scheme CSS property https://web.dev/color-scheme/ */ +:root { + --prefix: bs-; + --bs-pure-black: #000; + --bs-icon-size: 1.25rem; + --bs-icon-size-xs: 1rem; + --bs-icon-size-sm: 1.125rem; + --bs-icon-size-md: 1.375rem; + --bs-icon-size-lg: 1.5rem; + --bs-icon-size-xl: 2rem; + --bs-primary-contrast: var(--bs-white); + --bs-secondary-contrast: var(--bs-white); + --bs-success-contrast: var(--bs-white); + --bs-info-contrast: var(--bs-white); + --bs-warning-contrast: var(--bs-white); + --bs-danger-contrast: var(--bs-white); + --bs-light-contrast: var(--bs-pure-black); + --bs-dark-contrast: var(--bs-white); + --bs-gray-contrast: var(--bs-white); + --bs-facebook-contrast: var(--bs-white); + --bs-twitter-contrast: var(--bs-white); + --bs-google-plus-contrast: var(--bs-white); + --bs-instagram-contrast: var(--bs-white); + --bs-linkedin-contrast: var(--bs-white); + --bs-github-contrast: var(--bs-white); + --bs-dribbble-contrast: var(--bs-white); + --bs-pinterest-contrast: var(--bs-white); + --bs-slack-contrast: var(--bs-white); + --bs-reddit-contrast: var(--bs-white); + --bs-youtube-contrast: var(--bs-white); + --bs-vimeo-contrast: var(--bs-white); +} + +:root, +[data-bs-theme="light"] { + --bs-bg-label-tint-amount: 84%; + --bs-border-subtle-amount: 70%; + --bs-base-color: #22303e; + --bs-base-color-rgb: 34, 48, 62; + --bs-paper-bg: #fff; + --bs-paper-bg-rgb: 255, 255, 255; + --bs-min-contrast-ratio: 1.7; + --bs-box-shadow: 0 0.1875rem 0.5rem 0 rgba(34, 48, 62, 0.1); + --bs-box-shadow-xs: 0 0.0625rem 0.3175rem 0 rgba(34, 48, 62, 0.06); + --bs-box-shadow-sm: 0 0.125rem 0.375rem 0 rgba(34, 48, 62, 0.08); + --bs-box-shadow-lg: 0 0.25rem 0.75rem 0 rgba(34, 48, 62, 0.14); + --bs-box-shadow-xl: 0 0.3125rem 1.375rem 0 rgba(34, 48, 62, 0.18); + --bs-floating-component-shadow: 0 0.1875rem 0.5rem 0 rgba(34, 48, 62, 0.1); + --bs-custom-link-color: var(--bs-primary); + --bs-navbar-bg: var(--bs-paper-bg); + --bs-navbar-box-shadow: 0 0 10px #e4e6e8; + --bs-navbar-border-width: 1px; + --bs-navbar-border-color: var(--bs-paper-bg); + --bs-menu-header-color: var(--bs-heading-color); + --bs-nav-box-shadow: var(--bs-box-shadow); + --bs-nav-border-color: var(--bs-paper-bg); +} + +[data-bs-theme="dark"] { + --bs-primary-contrast: var(--bs-white); + --bs-secondary-contrast: var(--bs-white); + --bs-success-contrast: var(--bs-white); + --bs-info-contrast: var(--bs-white); + --bs-warning-contrast: var(--bs-white); + --bs-danger-contrast: var(--bs-white); + --bs-light-contrast: var(--bs-white); + --bs-dark-contrast: var(--bs-white); + --bs-gray-contrast: var(--bs-white); +} + +[data-bs-theme="dark"] { + color-scheme: dark; + --bs-gray-25: #38394c; + --bs-gray-60: #434463; + --bs-gray-80: #474866; + --bs-gray-100: #4a4b69; + --bs-gray-200: #4e4f6c; + --bs-gray-300: #6d6e87; + --bs-gray-400: #7e7f96; + --bs-gray-500: #8f90a5; + --bs-gray-600: #a1a1b5; + --bs-gray-700: #b2b2c4; + --bs-gray-800: #c3c4d3; + --bs-gray-900: #d5d5e2; + --bs-primary: #696cff; + --bs-secondary: #8592a3; + --bs-success: #71dd37; + --bs-info: #03c3ec; + --bs-warning: #ffab00; + --bs-danger: #ff3e1d; + --bs-light: #494a5d; + --bs-dark: #6b6c9d; + --bs-gray: #8f90a5; + --bs-primary-rgb: 105, 108, 255; + --bs-secondary-rgb: 133, 146, 163; + --bs-success-rgb: 113, 221, 55; + --bs-info-rgb: 3, 195, 236; + --bs-warning-rgb: 255, 171, 0; + --bs-danger-rgb: 255, 62, 29; + --bs-light-rgb: 73, 74, 93; + --bs-dark-rgb: 107, 108, 157; + --bs-gray-rgb: 143, 144, 165; + --bs-bg-label-tint-amount: 84%; + --bs-border-subtle-amount: 76%; + --bs-base-color: #e6e6f1; + --bs-base-color-rgb: 230, 230, 241; + --bs-paper-bg: #2b2c40; + --bs-paper-bg-rgb: 43, 44, 64; + --bs-box-shadow: 0 0.1875rem 0.5rem 0 rgba(20, 20, 29, 0.22); + --bs-box-shadow-xs: 0 0.0625rem 0.3175rem 0 rgba(20, 20, 29, 0.18); + --bs-box-shadow-sm: 0 0.125rem 0.375rem 0 rgba(20, 20, 29, 0.2); + --bs-box-shadow-lg: 0 0.25rem 0.75rem 0 rgba(20, 20, 29, 0.24); + --bs-box-shadow-xl: 0 0.3125rem 1.375rem 0 rgba(20, 20, 29, 0.26); + --bs-floating-component-shadow: 0 0.1875rem 0.5rem 0 rgba(20, 20, 29, 0.22); + --bs-navbar-box-shadow: 0 0 10px #4e4f6c; +} + +.apexcharts-theme-dark { + --bs-primary: #696cff; + --bs-secondary: #8592a3; + --bs-success: #71dd37; + --bs-info: #03c3ec; + --bs-warning: #ffab00; + --bs-danger: #ff3e1d; + --bs-light: #494a5d; + --bs-dark: #6b6c9d; + --bs-gray: #8f90a5; + --bs-border-color: #4e4f6c; + --bs-box-shadow: 0 0.1875rem 0.5rem 0 rgba(20, 20, 29, 0.22); + --bs-body-color: #b2b2c4; + --bs-heading-color: #d5d5e2; + --bs-paper-bg: #2b2c40; + --bs-base-color: #e6e6f1; + --bs-secondary-color: #7e7f96; +} + +/* The color-scheme CSS property https://web.dev/color-scheme/ */ +:root[data-skin="bordered"], +[data-bs-theme="light"][data-skin="bordered"] { + --bs-body-bg: var(--bs-paper-bg); + --bs-navbar-bg: var(--bs-paper-bg); + --bs-navbar-box-shadow: none; + --bs-navbar-border-color: #e4e6e8; + --bs-menu-box-shadow: 0 0 0 1px #e4e6e8; + --bs-menu-horizontal-menu-box-shadow: var(--bs-menu-box-shadow); + --tagify-dropdown-box-shadow: none; + --tagify-dropdown-border-width: 1px; +} +:root[data-skin="bordered"] .layout-navbar.navbar-detached, +[data-bs-theme="light"][data-skin="bordered"] .layout-navbar.navbar-detached { + box-shadow: 0 0 0 1px var(--bs-border-color); +} +:root[data-skin="bordered"] .footer, +[data-bs-theme="light"][data-skin="bordered"] .footer { + --bs-footer-border-width: 1px; + --bs-footer-box-shadow: none; +} +:root[data-skin="bordered"] .accordion, +[data-bs-theme="light"][data-skin="bordered"] .accordion { + --bs-accordion-box-shadow: none; + --bs-accordion-active-box-shadow: none; +} +:root[data-skin="bordered"] + .accordion:not( + [class*="accordion-border-background-"], + [class*="accordion-border-solid-"], + [class*="accordion-solid-"], + [class*="accordion-outline-"] + ), +[data-bs-theme="light"][data-skin="bordered"] + .accordion:not( + [class*="accordion-border-background-"], + [class*="accordion-border-solid-"], + [class*="accordion-solid-"], + [class*="accordion-outline-"] + ) { + --bs-accordion-border-color: #e4e6e8; +} +:root[data-skin="bordered"] .btn, +[data-bs-theme="light"][data-skin="bordered"] .btn { + --bs-btn-box-shadow: none; + --bs-btn-focus-box-shadow: none; + --bs-btn-active-shadow: none; +} +:root[data-skin="bordered"] .dropdown-menu, +[data-bs-theme="light"][data-skin="bordered"] .dropdown-menu { + --bs-dropdown-box-shadow: none; + --bs-dropdown-border-width: 1px; +} +:root[data-skin="bordered"] .modal .modal-content, +[data-bs-theme="light"][data-skin="bordered"] .modal .modal-content { + --bs-modal-box-shadow: none; + --bs-modal-border-width: 1px; +} +:root[data-skin="bordered"] .offcanvas, +[data-bs-theme="light"][data-skin="bordered"] .offcanvas { + --bs-offcanvas-box-shadow: none; + --bs-offcanvas-border-width: 1px; +} +:root[data-skin="bordered"] :dir(rtl) .offcanvas-start, +[data-bs-theme="light"][data-skin="bordered"] :dir(rtl) .offcanvas-start { + border-inline-end: 1px solid var(--bs-offcanvas-border-color); + border-inline-start: 0; +} +:root[data-skin="bordered"] :dir(rtl) .offcanvas-end, +[data-bs-theme="light"][data-skin="bordered"] :dir(rtl) .offcanvas-end { + border-inline-end: 0; + border-inline-start: 1px solid var(--bs-offcanvas-border-color); +} +:root[data-skin="bordered"] .toast, +:root[data-skin="bordered"] .bs-toast.toast, +[data-bs-theme="light"][data-skin="bordered"] .toast, +[data-bs-theme="light"][data-skin="bordered"] .bs-toast.toast { + --bs-toast-box-shadow: none; +} +:root[data-skin="bordered"] .notyf__toast.notyf__success, +:root[data-skin="bordered"] .notyf__toast.notyf__error, +:root[data-skin="bordered"] .notyf__toast.notyf__info, +:root[data-skin="bordered"] .notyf__toast.notyf__warning, +[data-bs-theme="light"][data-skin="bordered"] .notyf__toast.notyf__success, +[data-bs-theme="light"][data-skin="bordered"] .notyf__toast.notyf__error, +[data-bs-theme="light"][data-skin="bordered"] .notyf__toast.notyf__info, +[data-bs-theme="light"][data-skin="bordered"] .notyf__toast.notyf__warning { + box-shadow: none; +} +:root[data-skin="bordered"] .nav, +[data-bs-theme="light"][data-skin="bordered"] .nav { + --bs-nav-box-shadow: none; + --bs-nav-pills-box-shadow: none; + --bs-nav-border-color: #e4e6e8; +} +:root[data-skin="bordered"] .pagination, +[data-bs-theme="light"][data-skin="bordered"] .pagination { + --bs-pagination-box-shadow-color: transparent; +} +:root[data-skin="bordered"] .card, +[data-bs-theme="light"][data-skin="bordered"] .card { + --bs-card-box-shadow: 0px 0px 0px var(--bs-border-width) + var(--bs-card-border-color); + --bs-card-hover-box-shadow: 0px 0px 0px var(--bs-border-width) + var(--bs-card-border-color); +} +:root[data-skin="bordered"] .card-group, +[data-bs-theme="light"][data-skin="bordered"] .card-group { + --bs-card-box-shadow: none; +} +:root[data-skin="bordered"] .card-group .card, +[data-bs-theme="light"][data-skin="bordered"] .card-group .card { + --bs-card-border-width: 1px; +} +:root[data-skin="bordered"] .popover:not(.custom-popover), +[data-bs-theme="light"][data-skin="bordered"] .popover:not(.custom-popover) { + --bs-popover-box-shadow: none; + --bs-popover-border-color: var(--bs-border-color); + --bs-popover-arrow-border: var(--bs-border-color); +} +:root[data-skin="bordered"] .avatar, +[data-bs-theme="light"][data-skin="bordered"] .avatar { + --bs-box-shadow: none; +} +:root[data-skin="bordered"] .shepherd-element, +[data-bs-theme="light"][data-skin="bordered"] .shepherd-element { + box-shadow: none; +} +:root[data-skin="bordered"] .swal2-container .swal2-popup, +[data-bs-theme="light"][data-skin="bordered"] .swal2-container .swal2-popup { + box-shadow: none; +} +:root[data-skin="bordered"] .apexcharts-canvas .apexcharts-tooltip, +[data-bs-theme="light"][data-skin="bordered"] + .apexcharts-canvas + .apexcharts-tooltip { + box-shadow: none; +} +:root[data-skin="bordered"] .noUi-target .noUi-tooltip, +[data-bs-theme="light"][data-skin="bordered"] .noUi-target .noUi-tooltip { + box-shadow: none; +} +:root[data-skin="bordered"] .ql-toolbar .ql-picker-options, +:root[data-skin="bordered"] .ql-snow .ql-tooltip, +:root[data-skin="bordered"] .flatpickr-calendar, +:root[data-skin="bordered"] .daterangepicker, +:root[data-skin="bordered"] .ui-timepicker-wrapper, +:root[data-skin="bordered"] .pcr-app, +:root[data-skin="bordered"] .bs-stepper:not(.wizard-modern), +:root[data-skin="bordered"] .bs-stepper.wizard-modern .bs-stepper-content, +[data-bs-theme="light"][data-skin="bordered"] .ql-toolbar .ql-picker-options, +[data-bs-theme="light"][data-skin="bordered"] .ql-snow .ql-tooltip, +[data-bs-theme="light"][data-skin="bordered"] .flatpickr-calendar, +[data-bs-theme="light"][data-skin="bordered"] .daterangepicker, +[data-bs-theme="light"][data-skin="bordered"] .ui-timepicker-wrapper, +[data-bs-theme="light"][data-skin="bordered"] .pcr-app, +[data-bs-theme="light"][data-skin="bordered"] .bs-stepper:not(.wizard-modern), +[data-bs-theme="light"][data-skin="bordered"] + .bs-stepper.wizard-modern + .bs-stepper-content { + border-width: var(--bs-border-width); + border-style: var(--bs-border-style); + border-color: var(--bs-border-color); + box-shadow: none; +} +:root[data-skin="bordered"] .dz-preview, +[data-bs-theme="light"][data-skin="bordered"] .dz-preview { + border-width: var(--bs-border-width); + box-shadow: none; +} +:root[data-skin="bordered"] + .app-kanban + .kanban-wrapper + .kanban-board + .kanban-item, +[data-bs-theme="light"][data-skin="bordered"] + .app-kanban + .kanban-wrapper + .kanban-board + .kanban-item { + border: var(--bs-border-width) solid var(--bs-border-color); + box-shadow: none; +} +:root[data-skin="bordered"] .select2-container, +[data-bs-theme="light"][data-skin="bordered"] .select2-container { + --bs-select-dropdown-border-width: 1px; + --bs-select-dropdown-box-shadow: none; +} +:root[data-skin="bordered"] .authentication-wrapper .authentication-bg, +[data-bs-theme="light"][data-skin="bordered"] + .authentication-wrapper + .authentication-bg { + border-inline-start: 1px solid var(--bs-border-color); +} +:root[data-skin="bordered"] .twitter-typeahead .tt-menu, +[data-bs-theme="light"][data-skin="bordered"] .twitter-typeahead .tt-menu { + border-width: 1px; + box-shadow: none; +} + +[data-bs-theme="dark"] { + color-scheme: dark; +} +[data-bs-theme="dark"][data-skin="bordered"] { + --bs-navbar-border-color: #4e4f6c; + --bs-menu-box-shadow: 0 0 0 1px #4e4f6c; + --bs-nav-border-color: #4e4f6c; +} +[data-bs-theme="dark"][data-skin="bordered"] + .accordion:not( + [class*="accordion-border-background-"], + [class*="accordion-border-solid-"], + [class*="accordion-solid-"], + [class*="accordion-outline-"] + ) { + --bs-accordion-border-color: #4e4f6c; +} + +/* Reboot */ +b, +strong { + font-weight: 700; +} + +caption { + text-align: start; +} + +dd { + margin-inline-start: 0; +} + +a { + color: var(--bs-custom-link-color); +} +a:hover { + color: color-mix( + in sRGB, + var(--bs-custom-link-color) 80%, + var(--bs-base-color) + ); +} +a:not([href]), +a:not([href]):hover { + color: inherit; + text-decoration: none; +} + +/* Autofill input bg and text color issue on different OS and browsers */ +input:-webkit-autofill, +input:-webkit-autofill:hover, +input:-webkit-autofill:focus, +textarea:-webkit-autofill, +textarea:-webkit-autofill:hover, +textarea:-webkit-autofill:focus, +select:-webkit-autofill, +select:-webkit-autofill:hover, +select:-webkit-autofill:focus, +input:-internal-autofill-selected { + background-clip: text !important; +} + +h1, +.h1 { + line-height: 4.25rem; +} + +h2, +.h2 { + line-height: 3.5rem; +} + +h3, +.h3 { + line-height: 2.625rem; +} + +h4, +.h4 { + line-height: 2.375rem; +} + +h5, +.h5 { + line-height: 1.75rem; +} + +h6, +.h6 { + line-height: 1.375rem; +} + +img[data-app-light-img][data-app-dark-img] { + visibility: visible; +} + +/* Type */ +.list-inline, +.list-unstyled { + padding-inline-start: 0; +} + +.list-inline-item:not(:last-child) { + margin-inline: 0 0.5rem; +} + +[data-bs-theme="dark"] { + color-scheme: dark; +} +[data-bs-theme="dark"] .blockquote-footer { + color: #a1a1b5; +} + +/* Tables +******************************************************************************** */ +/* ios fix for drodown-menu being clipped off when used in tables */ +.ios .table tr > td .dropdown { + position: relative; +} + +/* Firefox fix for table head border bottom */ +.table > :not(caption) > * > * { + background-clip: padding-box; +} +.table tr > td .dropdown { + position: static; +} +.table .btn-icon, +.table .btn:not([class*="btn-"]) { + color: var(--bs-table-color); +} +.table th { + color: var(--bs-heading-color); + font-size: 0.8125rem; + letter-spacing: 0.2px; + text-transform: uppercase; +} +.table:not(.table-borderless):not(.table-without-card, .dataTable) thead th { + border-block-start-width: var(--bs-border-width); +} +.table.table-flush-spacing thead tr > td:first-child, +.table.table-flush-spacing tbody tr > td:first-child { + padding-inline-start: 0; +} +.table.table-flush-spacing thead tr > td:last-child, +.table.table-flush-spacing tbody tr > td:last-child { + padding-inline-end: 0; +} +.card .table { + margin-block-end: 0; +} +.table.table-dark, +.table .table-dark { + border-color: #4e4f6c; +} +.table.table-dark th, +.table .table-dark th { + --bs-heading-color: #fff; +} +.table.table-light, +.table .table-light { + border-color: var(--bs-border-color); +} +.table.table-light th, +.table .table-light th { + --bs-heading-color: var(--bs-heading-color); +} +.table caption { + padding-block: 0.782rem; + padding-inline: 1.25rem; +} +.table thead tr th { + padding-block: 1.161rem; +} +.table.table-borderless:not(.table-sm) > :not(thead) > * > * { + padding-block: 0.8133rem; +} +.table.table-borderless:not(.table-sm) > thead > * > * { + padding-block: 1.1923rem; +} + +/* class for to remove table border bottom */ +.table-border-bottom-0 tr:last-child td { + border-block-end-width: 0; +} + +/* class for to remove table border top */ +.table-border-top-0 tr:first-child td, +.table-border-top-0 tr:first-child th { + border-block-start-width: 0 !important; +} + +[data-bs-theme="dark"] .table { + --bs-table-hover-bg: rgba(var(--bs-body-bg-rgb), 0.75); + --bs-table-active-bg: rgba(var(--bs-body-bg-rgb), 0.75); +} + +.table-primary { + --bs-table-bg: rgba(var(--bs-primary-rgb), 0.2); + --bs-table-hover-bg: color-mix( + in sRGB, + var(--bs-body-bg) 46%, + var(--bs-table-bg) + ); + --bs-table-border-color: color-mix( + in sRGB, + var(--bs-table-bg) 98%, + var(--bs-table-color) + ); + --bs-table-active-bg: color-mix( + in sRGB, + var(--bs-body-bg) 32.5%, + var(--bs-table-bg) + ); +} + +.table-secondary { + --bs-table-bg: rgba(var(--bs-secondary-rgb), 0.2); + --bs-table-hover-bg: color-mix( + in sRGB, + var(--bs-body-bg) 46%, + var(--bs-table-bg) + ); + --bs-table-border-color: color-mix( + in sRGB, + var(--bs-table-bg) 98%, + var(--bs-table-color) + ); + --bs-table-active-bg: color-mix( + in sRGB, + var(--bs-body-bg) 32.5%, + var(--bs-table-bg) + ); +} + +.table-success { + --bs-table-bg: rgba(var(--bs-success-rgb), 0.2); + --bs-table-hover-bg: color-mix( + in sRGB, + var(--bs-body-bg) 46%, + var(--bs-table-bg) + ); + --bs-table-border-color: color-mix( + in sRGB, + var(--bs-table-bg) 98%, + var(--bs-table-color) + ); + --bs-table-active-bg: color-mix( + in sRGB, + var(--bs-body-bg) 32.5%, + var(--bs-table-bg) + ); +} + +.table-info { + --bs-table-bg: rgba(var(--bs-info-rgb), 0.2); + --bs-table-hover-bg: color-mix( + in sRGB, + var(--bs-body-bg) 46%, + var(--bs-table-bg) + ); + --bs-table-border-color: color-mix( + in sRGB, + var(--bs-table-bg) 98%, + var(--bs-table-color) + ); + --bs-table-active-bg: color-mix( + in sRGB, + var(--bs-body-bg) 32.5%, + var(--bs-table-bg) + ); +} + +.table-warning { + --bs-table-bg: rgba(var(--bs-warning-rgb), 0.2); + --bs-table-hover-bg: color-mix( + in sRGB, + var(--bs-body-bg) 46%, + var(--bs-table-bg) + ); + --bs-table-border-color: color-mix( + in sRGB, + var(--bs-table-bg) 98%, + var(--bs-table-color) + ); + --bs-table-active-bg: color-mix( + in sRGB, + var(--bs-body-bg) 32.5%, + var(--bs-table-bg) + ); +} + +.table-danger { + --bs-table-bg: rgba(var(--bs-danger-rgb), 0.2); + --bs-table-hover-bg: color-mix( + in sRGB, + var(--bs-body-bg) 46%, + var(--bs-table-bg) + ); + --bs-table-border-color: color-mix( + in sRGB, + var(--bs-table-bg) 98%, + var(--bs-table-color) + ); + --bs-table-active-bg: color-mix( + in sRGB, + var(--bs-body-bg) 32.5%, + var(--bs-table-bg) + ); +} + +.table-light { + --bs-table-bg: rgba(var(--bs-light-rgb), 0.2); + --bs-table-hover-bg: color-mix( + in sRGB, + var(--bs-body-bg) 46%, + var(--bs-table-bg) + ); + --bs-table-border-color: color-mix( + in sRGB, + var(--bs-table-bg) 98%, + var(--bs-table-color) + ); + --bs-table-active-bg: color-mix( + in sRGB, + var(--bs-body-bg) 32.5%, + var(--bs-table-bg) + ); + --bs-table-bg: var(--bs-light); + --bs-table-hover-bg: color-mix( + in sRGB, + var(--bs-table-color) 3.5%, + var(--bs-table-bg) + ); + --bs-table-active-bg: color-mix( + in sRGB, + var(--bs-table-color) 4%, + var(--bs-table-bg) + ); +} + +.table-dark { + --bs-table-bg: rgba(var(--bs-dark-rgb), 0.2); + --bs-table-hover-bg: color-mix( + in sRGB, + var(--bs-body-bg) 46%, + var(--bs-table-bg) + ); + --bs-table-border-color: color-mix( + in sRGB, + var(--bs-table-bg) 98%, + var(--bs-table-color) + ); + --bs-table-active-bg: color-mix( + in sRGB, + var(--bs-body-bg) 32.5%, + var(--bs-table-bg) + ); + --bs-table-bg: var(--bs-dark); + --bs-table-hover-bg: color-mix( + in sRGB, + var(--bs-table-color) 3.5%, + var(--bs-table-bg) + ); + --bs-table-active-bg: color-mix( + in sRGB, + var(--bs-table-color) 4%, + var(--bs-table-bg) + ); +} + +.table-gray { + --bs-table-bg: rgba(var(--bs-gray-rgb), 0.2); + --bs-table-hover-bg: color-mix( + in sRGB, + var(--bs-body-bg) 46%, + var(--bs-table-bg) + ); + --bs-table-border-color: color-mix( + in sRGB, + var(--bs-table-bg) 98%, + var(--bs-table-color) + ); + --bs-table-active-bg: color-mix( + in sRGB, + var(--bs-body-bg) 32.5%, + var(--bs-table-bg) + ); +} + +[data-bs-theme="dark"] .table-primary { + --bs-table-color: var(--bs-primary-contrast); + --bs-table-hover-color: var(--bs-table-color); + --bs-table-striped-color: var(--bs-table-color); + --bs-table-active-color: var(--bs-table-color); +} +[data-bs-theme="dark"] .table-secondary { + --bs-table-color: var(--bs-secondary-contrast); + --bs-table-hover-color: var(--bs-table-color); + --bs-table-striped-color: var(--bs-table-color); + --bs-table-active-color: var(--bs-table-color); +} +[data-bs-theme="dark"] .table-success { + --bs-table-color: var(--bs-success-contrast); + --bs-table-hover-color: var(--bs-table-color); + --bs-table-striped-color: var(--bs-table-color); + --bs-table-active-color: var(--bs-table-color); +} +[data-bs-theme="dark"] .table-info { + --bs-table-color: var(--bs-info-contrast); + --bs-table-hover-color: var(--bs-table-color); + --bs-table-striped-color: var(--bs-table-color); + --bs-table-active-color: var(--bs-table-color); +} +[data-bs-theme="dark"] .table-warning { + --bs-table-color: var(--bs-warning-contrast); + --bs-table-hover-color: var(--bs-table-color); + --bs-table-striped-color: var(--bs-table-color); + --bs-table-active-color: var(--bs-table-color); +} +[data-bs-theme="dark"] .table-danger { + --bs-table-color: var(--bs-danger-contrast); + --bs-table-hover-color: var(--bs-table-color); + --bs-table-striped-color: var(--bs-table-color); + --bs-table-active-color: var(--bs-table-color); +} +[data-bs-theme="dark"] .table-light { + --bs-table-color: var(--bs-light-contrast); + --bs-table-hover-color: var(--bs-table-color); + --bs-table-striped-color: var(--bs-table-color); + --bs-table-active-color: var(--bs-table-color); +} +[data-bs-theme="dark"] .table-dark { + --bs-table-color: var(--bs-dark-contrast); + --bs-table-hover-color: var(--bs-table-color); + --bs-table-striped-color: var(--bs-table-color); + --bs-table-active-color: var(--bs-table-color); +} +[data-bs-theme="dark"] .table-gray { + --bs-table-color: var(--bs-gray-contrast); + --bs-table-hover-color: var(--bs-table-color); + --bs-table-striped-color: var(--bs-table-color); + --bs-table-active-color: var(--bs-table-color); +} + +/* Labels +******************************************************************************* */ +.col-form-label { + white-space: nowrap; +} + +/* Default (vertical ) form label size */ +.form-label-lg { + font-size: 1.0625rem; +} + +.form-label-sm { + font-size: 0.8125rem; +} + +.form-control { + --bs-input-border-color: color-mix( + in sRGB, + var(--bs-base-color) 22%, + var(--bs-paper-bg) + ); + --bs-input-disabled-border-color: rgba(var(--bs-base-color-rgb), 0.24); + border-color: var(--bs-input-border-color); + padding-block: calc(0.543rem - var(--bs-border-width)); + padding-inline: calc(0.9375rem - var(--bs-border-width)); + /* border color on hover state when element not in focus or disabled */ + /* + ! FIX: wizard-ex input type number placeholder align issue */ +} +.form-control::placeholder, +.form-control:focus::placeholder { + transition: all ease 0.2s; +} +@media (prefers-reduced-motion: reduce) { + .form-control::placeholder, + .form-control:focus::placeholder { + transition: none; + } +} +.needs-validation:not(.was-validated) + .form-control:hover:not(:focus):not(:disabled):not(.tagify--focus) { + border-color: var(--bs-gray-600); +} +.form-control:disabled { + border-color: var(--bs-input-disabled-border-color); +} +.input-group .form-control[type="number"] { + line-height: 1.375rem; + min-block-size: 2.375rem; +} +.input-group-lg .form-control[type="number"] { + line-height: 1.5rem; + min-block-size: 3rem; +} +.input-group-sm .form-control[type="number"] { + min-block-size: 1.875rem; +} +.form-control:not([readonly]):focus::placeholder { + transform: translateX(5px); +} +:dir(rtl) .form-control:not([readonly]):focus::placeholder { + transform: translateX(-5px); +} +.form-control:focus, +.was-validated .form-control:invalid, +.was-validated .form-control:valid, +.form-control.is-invalid, +.form-control.is-valid { + border-width: 2px; + padding-block: calc(0.543rem - 2px); + padding-inline: calc(0.9375rem - 2px); +} +.form-control:focus::file-selector-button, +.was-validated .form-control:invalid::file-selector-button, +.was-validated .form-control:valid::file-selector-button, +.form-control.is-invalid::file-selector-button, +.form-control.is-valid::file-selector-button { + box-shadow: var(--bs-border-width) 0 0 var(--bs-primary); +} +.form-control.form-control-lg { + padding-block: calc(0.7075rem - var(--bs-border-width)); + padding-inline: calc(1.3125rem - var(--bs-border-width)); +} +.form-control.form-control-lg:focus, +.was-validated .form-control.form-control-lg:invalid, +.was-validated .form-control.form-control-lg:valid, +.form-control.form-control-lg.is-invalid, +.form-control.form-control-lg.is-valid { + padding-block: calc(0.7075rem - 2px); + padding-inline: calc(1.3125rem - 2px); +} +.form-control.form-control-lg::file-selector-button { + margin-block: -0.77rem; + padding-block: 0.77rem; +} +.form-control.form-control-sm { + padding-block: calc(0.3165rem - var(--bs-border-width)); + padding-inline: calc(0.8125rem - var(--bs-border-width)); +} +.form-control.form-control-sm:focus, +.was-validated .form-control.form-control-sm:invalid, +.was-validated .form-control.form-control-sm:valid, +.form-control.form-control-sm.is-invalid, +.form-control.form-control-sm.is-valid { + padding-block: calc(0.3165rem - 2px); + padding-inline: calc(0.8125rem - 2px); +} +.form-control.form-control-sm::file-selector-button { + margin-block: -0.379rem; + padding-block: 0.379rem; +} +.form-control.autosize { + field-sizing: content; + min-block-size: 4.9375rem; + overflow-x: hidden; + resize: none; +} + +/* RTL */ +:dir(rtl) input[type="tel"] { + text-align: end; +} + +[data-bs-theme="dark"] .form-control { + --bs-input-border-color: color-mix(in srgb, #e6e6f1 22%, #393a5a); + --bs-input-disabled-border-color: rgba(230, 230, 241, 0.23); +} + +/* Select +******************************************************************************* */ +.form-select { + --bs-form-select-border-color: color-mix( + in sRGB, + var(--bs-base-color) 22%, + var(--bs-paper-bg) + ); + border-color: var(--bs-form-select-border-color); + background-clip: padding-box; + padding-block: calc(0.543rem - var(--bs-border-width)); + padding-inline-end: calc(2.625rem - var(--bs-border-width)); + padding-inline-start: calc(0.9375rem - var(--bs-border-width)); +} +.form-select optgroup, +.form-select option { + background-color: var(--bs-paper-bg); +} +.form-select[multiple], +.form-select[size]:not([size="1"]) { + padding-inline-end: 0.9375rem; +} +.form-select:hover:not(:focus):not(:disabled) { + border-color: var(--bs-gray-600); +} +.form-select:disabled { + background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 22" fill="none"%3e%3cpath d="M10.9999 12.0743L15.5374 7.53676L16.8336 8.83292L10.9999 14.6666L5.16626 8.83292L6.46243 7.53676L10.9999 12.0743Z" fill="%23a7acb2" fill-opacity="0.9"/%3e%3c/svg%3e'); +} +.form-select:focus, +.form-select:focus-within, +.was-validated .form-select:invalid, +.was-validated .form-select:valid, +.form-select.is-invalid, +.form-select.is-valid { + border-width: 2px; + background-position: right calc(0.9375rem - 1px) center; + padding-block: calc(0.543rem - 2px); + padding-inline-end: calc(2.625rem - 2px); + padding-inline-start: calc(0.9375rem - 2px); +} +.form-select.form-select-lg { + background-size: 24px 24px; + min-block-size: calc(1.375em + 1.415rem + calc(var(--bs-border-width) * 2)); + padding-block: calc(0.7075rem - var(--bs-border-width)); + padding-inline-start: calc(1.3125rem - var(--bs-border-width)); +} +.form-select.form-select-lg:focus, +.was-validated .form-select.form-select-lg:invalid, +.was-validated .form-select.form-select-lg:valid, +.form-select.form-select-lg.is-invalid, +.form-select.form-select-lg.is-valid { + padding-block: calc(0.7075rem - 2px); + padding-inline-start: calc(1.3125rem - 2px); +} +.form-select.form-select-sm { + background-size: 20px 20px; + min-block-size: calc(1.375em + 0.633rem + calc(var(--bs-border-width) * 2)); + padding-block: calc(0.3165rem - var(--bs-border-width)); + padding-inline-start: calc(0.8125rem - var(--bs-border-width)); +} +.form-select.form-select-sm:focus, +.was-validated .form-select.form-select-sm:invalid, +.was-validated .form-select.form-select-sm:valid, +.form-select.form-select-sm.is-invalid, +.form-select.form-select-sm.is-valid { + padding-block: calc(0.3165rem - 2px); + padding-inline-start: calc(0.8125rem - 2px); +} +.form-select[multiple]:focus { + padding-inline-end: 0.875rem !important; +} + +/* RTL */ +:dir(rtl) .form-select { + background-position: left 0.9375rem center; +} +:dir(rtl) .form-select:focus, +.was-validated :dir(rtl) .form-select:invalid, +.was-validated :dir(rtl) .form-select:valid, +:dir(rtl) .form-select.is-invalid, +:dir(rtl) .form-select.is-valid { + background-position: left calc(0.9375rem - 1px) center; +} + +/* Dark Theme */ +[data-bs-theme="dark"] .form-select { + --bs-form-select-border-color: color-mix(in srgb, #e6e6f1 22%, #393a5a); +} +[data-bs-theme="dark"] .form-select:disabled { + background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 22" fill="none"%3e%3cpath d="M10.9999 12.0743L15.5374 7.53676L16.8336 8.83292L10.9999 14.6666L5.16626 8.83292L6.46243 7.53676L10.9999 12.0743Z" fill="%237e7f96" fill-opacity="0.9"/%3e%3c/svg%3e'); +} + +/* Checkboxes and Radios +******************************************************************************* */ +.form-check { + position: relative; + padding-inline: 1.8em 0; +} +.form-check .form-check-input { + float: inline-start; + margin-inline-start: -1.8em; +} +.form-check.form-check-reverse { + padding-inline: 0 1.8em; +} +.form-check.form-check-reverse .form-check-input { + float: inline-end; + margin-inline-end: -1.8em; +} + +.form-check-input { + --bs-form-check-input-checked-bg: var(--bs-primary); + --bs-form-check-input-checked-border-color: var(--bs-primary); + --bs-form-check-shadow-color: var(--bs-primary-rgb); + --bs-form-check-box-shadow: 0 0.125rem 0.25rem 0 + rgba(var(--bs-form-check-shadow-color), 0.4); + cursor: pointer; +} +.form-check-input:disabled { + --bs-form-check-bg: var(--bs-gray-300); + border-color: var(--bs-gray-300); +} +.form-check-input:checked { + border-color: var(--bs-form-check-input-checked-border-color); + background-color: var(--bs-form-check-input-checked-bg); + box-shadow: var(--bs-form-check-box-shadow); +} +.form-check-input[type="checkbox"]:indeterminate { + border-color: var(--bs-form-check-input-checked-border-color); + background-color: var(--bs-form-check-input-checked-bg); + box-shadow: var(--bs-form-check-box-shadow); +} +.form-check-input:active { + filter: none; +} + +/* Only for checkbox and radio (not for bs default switch) +? .dt-checkboxes-cell class is used for DataTables checkboxes */ +.form-check:not(.form-switch) .form-check-input[type="radio"], +.dt-checkboxes-cell .form-check-input[type="radio"] { + background-size: 1.3125rem; +} +.form-check:not(.form-switch) .form-check-input[type="radio"]:not(:checked), +.dt-checkboxes-cell .form-check-input[type="radio"]:not(:checked) { + background-size: 0.75rem; +} + +.form-check-inline { + margin-inline: 0 1rem; +} + +.form-switch { + padding-inline-start: 2.667em; +} +.form-switch .form-check-input { + border: 0; + margin-inline-start: -2.667em; +} +:dir(rtl) .form-switch .form-check-input { + background-position: right center; +} +:dir(rtl) .form-switch .form-check-input:checked { + background-position: 4% center; +} +.form-switch .form-check-input:not(:checked) { + background-color: var(--bs-gray-100); + box-shadow: 0 0 0.25rem 0 rgba(34, 48, 62, 0.16) inset; +} +.form-switch.form-check-reverse { + padding-inline-end: 2.667em; +} +.form-switch.form-check-reverse .form-check-input { + margin-inline-end: -2.667em; +} + +.form-check-primary .form-check-input { + --bs-form-check-input-checked-bg: var(--bs-primary); + --bs-form-check-input-checked-border-color: var(--bs-primary); + --bs-form-check-shadow-color: var(--bs-primary-rgb); +} + +.form-check-secondary .form-check-input { + --bs-form-check-input-checked-bg: var(--bs-secondary); + --bs-form-check-input-checked-border-color: var(--bs-secondary); + --bs-form-check-shadow-color: var(--bs-secondary-rgb); +} + +.form-check-success .form-check-input { + --bs-form-check-input-checked-bg: var(--bs-success); + --bs-form-check-input-checked-border-color: var(--bs-success); + --bs-form-check-shadow-color: var(--bs-success-rgb); +} + +.form-check-info .form-check-input { + --bs-form-check-input-checked-bg: var(--bs-info); + --bs-form-check-input-checked-border-color: var(--bs-info); + --bs-form-check-shadow-color: var(--bs-info-rgb); +} + +.form-check-warning .form-check-input { + --bs-form-check-input-checked-bg: var(--bs-warning); + --bs-form-check-input-checked-border-color: var(--bs-warning); + --bs-form-check-shadow-color: var(--bs-warning-rgb); +} + +.form-check-danger .form-check-input { + --bs-form-check-input-checked-bg: var(--bs-danger); + --bs-form-check-input-checked-border-color: var(--bs-danger); + --bs-form-check-shadow-color: var(--bs-danger-rgb); +} + +.form-check-light .form-check-input { + --bs-form-check-input-checked-bg: var(--bs-light); + --bs-form-check-input-checked-border-color: var(--bs-light); + --bs-form-check-shadow-color: var(--bs-light-rgb); +} + +.form-check-dark .form-check-input { + --bs-form-check-input-checked-bg: var(--bs-dark); + --bs-form-check-input-checked-border-color: var(--bs-dark); + --bs-form-check-shadow-color: var(--bs-dark-rgb); +} + +.form-check-gray .form-check-input { + --bs-form-check-input-checked-bg: var(--bs-gray); + --bs-form-check-input-checked-border-color: var(--bs-gray); + --bs-form-check-shadow-color: var(--bs-gray-rgb); +} + +.form-check-facebook .form-check-input { + --bs-form-check-input-checked-bg: var(--bs-facebook); + --bs-form-check-input-checked-border-color: var(--bs-facebook); + --bs-form-check-shadow-color: var(--bs-facebook-rgb); +} + +.form-check-twitter .form-check-input { + --bs-form-check-input-checked-bg: var(--bs-twitter); + --bs-form-check-input-checked-border-color: var(--bs-twitter); + --bs-form-check-shadow-color: var(--bs-twitter-rgb); +} + +.form-check-google-plus .form-check-input { + --bs-form-check-input-checked-bg: var(--bs-google-plus); + --bs-form-check-input-checked-border-color: var(--bs-google-plus); + --bs-form-check-shadow-color: var(--bs-google-plus-rgb); +} + +.form-check-instagram .form-check-input { + --bs-form-check-input-checked-bg: var(--bs-instagram); + --bs-form-check-input-checked-border-color: var(--bs-instagram); + --bs-form-check-shadow-color: var(--bs-instagram-rgb); +} + +.form-check-linkedin .form-check-input { + --bs-form-check-input-checked-bg: var(--bs-linkedin); + --bs-form-check-input-checked-border-color: var(--bs-linkedin); + --bs-form-check-shadow-color: var(--bs-linkedin-rgb); +} + +.form-check-github .form-check-input { + --bs-form-check-input-checked-bg: var(--bs-github); + --bs-form-check-input-checked-border-color: var(--bs-github); + --bs-form-check-shadow-color: var(--bs-github-rgb); +} + +.form-check-dribbble .form-check-input { + --bs-form-check-input-checked-bg: var(--bs-dribbble); + --bs-form-check-input-checked-border-color: var(--bs-dribbble); + --bs-form-check-shadow-color: var(--bs-dribbble-rgb); +} + +.form-check-pinterest .form-check-input { + --bs-form-check-input-checked-bg: var(--bs-pinterest); + --bs-form-check-input-checked-border-color: var(--bs-pinterest); + --bs-form-check-shadow-color: var(--bs-pinterest-rgb); +} + +.form-check-slack .form-check-input { + --bs-form-check-input-checked-bg: var(--bs-slack); + --bs-form-check-input-checked-border-color: var(--bs-slack); + --bs-form-check-shadow-color: var(--bs-slack-rgb); +} + +.form-check-reddit .form-check-input { + --bs-form-check-input-checked-bg: var(--bs-reddit); + --bs-form-check-input-checked-border-color: var(--bs-reddit); + --bs-form-check-shadow-color: var(--bs-reddit-rgb); +} + +.form-check-youtube .form-check-input { + --bs-form-check-input-checked-bg: var(--bs-youtube); + --bs-form-check-input-checked-border-color: var(--bs-youtube); + --bs-form-check-shadow-color: var(--bs-youtube-rgb); +} + +.form-check-vimeo .form-check-input { + --bs-form-check-input-checked-bg: var(--bs-vimeo); + --bs-form-check-input-checked-border-color: var(--bs-vimeo); + --bs-form-check-shadow-color: var(--bs-vimeo-rgb); +} + +/* Range select +******************************************************************************* */ +.form-range::-webkit-slider-thumb { + box-shadow: 0 0.112rem 0.375rem 0 rgba(var(--bs-base-color-rgb), 0.08); + transform-origin: center; + transition: transform 0.2s, box-shadow 0.2s ease; +} +@media (prefers-reduced-motion: reduce) { + .form-range::-webkit-slider-thumb { + transition: none; + } +} +.form-range::-webkit-slider-thumb:hover { + box-shadow: 0 0 0 0.5rem rgba(var(--bs-primary-rgb), 0.16); +} +.form-range::-webkit-slider-thumb:active, +.form-range::-webkit-slider-thumb:focus { + box-shadow: 0 0 0 0.8125rem rgba(var(--bs-primary-rgb), 0.16); +} +.form-range::-webkit-slider-runnable-track { + background-color: var(--bs-primary); +} +.form-range::-moz-range-thumb { + box-shadow: 0 0.112rem 0.375rem 0 rgba(var(--bs-base-color-rgb), 0.08); + transform-origin: center; + transition: transform 0.2s, box-shadow 0.2s ease; +} +@media (prefers-reduced-motion: reduce) { + .form-range::-moz-range-thumb { + transition: none; + } +} +.form-range::-moz-range-thumb:hover { + box-shadow: 0 0 0 0.5rem rgba(var(--bs-primary-rgb), 0.16); +} +.form-range::-moz-range-thumb:active, +.form-range::-moz-range-thumb:focus { + box-shadow: 0 0 0 0.8125rem rgba(var(--bs-primary-rgb), 0.16); +} +.form-range::-moz-range-track { + background-color: var(--bs-primary); +} +.form-range:disabled::-webkit-slider-runnable-track { + background-color: var(--bs-gray-100); +} +.form-range:disabled::-moz-range-track { + background-color: var(--bs-gray-100); +} +.form-range:disabled::-webkit-slider-thumb { + border-color: var(--bs-gray-300); + box-shadow: none; +} +.form-range:disabled::-moz-range-thumb { + border-color: var(--bs-gray-300); + box-shadow: none; +} + +/* Input groups +******************************************************************************* */ +/* Using :focus-within to apply focus/validation border and shadow to default and merged input-group */ +.input-group { + --bs-input-group-addon-border-color: color-mix( + in sRGB, + var(--bs-base-color) 22%, + var(--bs-paper-bg) + ); + --bs-input-group-disabled-border-color: rgba(var(--bs-base-color-rgb), 0.24); + border-radius: var(--bs-border-radius); + /* + ? Info :focus-within to apply focus/validation border and shadow to default and merged input & input-group */ +} +.input-group:has(.form-check-input):not(:has(.dropdown-toggle)) { + z-index: 1; +} +.input-group:has(.form-check-input):not(:has(.dropdown-toggle))::before { + z-index: -1; +} +.input-group .input-group-text { + border-color: var(--bs-input-group-addon-border-color); + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .input-group .input-group-text { + transition: none; + } +} +.input-group .flatpickr-wrapper { + flex: 1 1 auto; + inline-size: 1%; + min-inline-size: 0; +} +.input-group + > .flatpickr-wrapper:not(:first-child):not(.dropdown-menu):not( + .valid-tooltip + ):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) + .flatpickr-input { + border-end-start-radius: 0; + border-start-start-radius: 0; +} +.input-group .form-control:focus, +.input-group .form-control:focus-within, +.input-group .form-select:focus, +.input-group .form-select:focus-within, +.input-group .input-group-text:focus, +.input-group .input-group-text:focus-within { + border-width: var(--bs-border-width); +} +.input-group .form-control, +.input-group .form-control:focus, +.input-group .form-control:focus-within, +.was-validated .input-group .form-control:invalid, +.was-validated .input-group .form-control:valid, +.input-group .form-control.is-invalid, +.input-group .form-control.is-valid, +.input-group .input-group-text, +.input-group .input-group-text:focus, +.input-group .input-group-text:focus-within, +.was-validated .input-group .input-group-text:invalid, +.was-validated .input-group .input-group-text:valid, +.input-group .input-group-text.is-invalid, +.input-group .input-group-text.is-valid, +.was-validated .input-group:has(:invalid) .form-control, +.was-validated .input-group:has(:invalid) .form-control:focus, +.was-validated .input-group:has(:invalid) .form-control:focus-within, +.was-validated .was-validated .input-group:has(:invalid) .form-control:invalid, +.was-validated .was-validated .input-group:has(:invalid) .form-control:valid, +.was-validated .input-group:has(:invalid) .form-control.is-invalid, +.was-validated .input-group:has(:invalid) .form-control.is-valid, +.was-validated .input-group:has(:invalid) .input-group-text, +.was-validated .input-group:has(:invalid) .input-group-text:focus, +.was-validated .input-group:has(:invalid) .input-group-text:focus-within, +.was-validated + .was-validated + .input-group:has(:invalid) + .input-group-text:invalid, +.was-validated + .was-validated + .input-group:has(:invalid) + .input-group-text:valid, +.was-validated .input-group:has(:invalid) .input-group-text.is-invalid, +.was-validated .input-group:has(:invalid) .input-group-text.is-valid, +.was-validated .input-group:has(:valid) .form-control, +.was-validated .input-group:has(:valid) .form-control:focus, +.was-validated .input-group:has(:valid) .form-control:focus-within, +.was-validated .was-validated .input-group:has(:valid) .form-control:invalid, +.was-validated .was-validated .input-group:has(:valid) .form-control:valid, +.was-validated .input-group:has(:valid) .form-control.is-invalid, +.was-validated .input-group:has(:valid) .form-control.is-valid, +.was-validated .input-group:has(:valid) .input-group-text, +.was-validated .input-group:has(:valid) .input-group-text:focus, +.was-validated .input-group:has(:valid) .input-group-text:focus-within, +.was-validated + .was-validated + .input-group:has(:valid) + .input-group-text:invalid, +.was-validated .was-validated .input-group:has(:valid) .input-group-text:valid, +.was-validated .input-group:has(:valid) .input-group-text.is-invalid, +.was-validated .input-group:has(:valid) .input-group-text.is-valid { + padding-block: calc(0.543rem - var(--bs-border-width)); + padding-inline: calc(0.9375rem - var(--bs-border-width)); +} +.input-group .form-select, +.input-group .form-select:focus, +.input-group .form-select:focus-within, +.was-validated .input-group .form-select:invalid, +.was-validated .input-group .form-select:valid, +.input-group .form-select.is-invalid, +.input-group .form-select.is-valid, +.was-validated .input-group:has(:invalid) .form-select, +.was-validated .input-group:has(:invalid) .form-select:focus, +.was-validated .input-group:has(:invalid) .form-select:focus-within, +.was-validated .was-validated .input-group:has(:invalid) .form-select:invalid, +.was-validated .was-validated .input-group:has(:invalid) .form-select:valid, +.was-validated .input-group:has(:invalid) .form-select.is-invalid, +.was-validated .input-group:has(:invalid) .form-select.is-valid, +.was-validated .input-group:has(:valid) .form-select, +.was-validated .input-group:has(:valid) .form-select:focus, +.was-validated .input-group:has(:valid) .form-select:focus-within, +.was-validated .was-validated .input-group:has(:valid) .form-select:invalid, +.was-validated .was-validated .input-group:has(:valid) .form-select:valid, +.was-validated .input-group:has(:valid) .form-select.is-invalid, +.was-validated .input-group:has(:valid) .form-select.is-valid { + background-position: right 0.9375rem center; + padding-block: calc(0.543rem - var(--bs-border-width)); + padding-inline-end: calc(2.625rem - var(--bs-border-width)); + padding-inline-start: calc(0.9375rem - var(--bs-border-width)); +} +:dir(rtl) .input-group .form-select, +:dir(rtl) .input-group .form-select:focus, +:dir(rtl) .input-group .form-select:focus-within, +:dir(rtl) .was-validated .input-group .form-select:invalid, +:dir(rtl) .was-validated .input-group .form-select:valid, +:dir(rtl) .input-group .form-select.is-invalid, +:dir(rtl) .input-group .form-select.is-valid, +:dir(rtl) .was-validated .input-group:has(:invalid) .form-select, +:dir(rtl) .was-validated .input-group:has(:invalid) .form-select:focus, +:dir(rtl) .was-validated .input-group:has(:invalid) .form-select:focus-within, +:dir(rtl) + .was-validated + .was-validated + .input-group:has(:invalid) + .form-select:invalid, +:dir(rtl) + .was-validated + .was-validated + .input-group:has(:invalid) + .form-select:valid, +:dir(rtl) .was-validated .input-group:has(:invalid) .form-select.is-invalid, +:dir(rtl) .was-validated .input-group:has(:invalid) .form-select.is-valid, +:dir(rtl) .was-validated .input-group:has(:valid) .form-select, +:dir(rtl) .was-validated .input-group:has(:valid) .form-select:focus, +:dir(rtl) .was-validated .input-group:has(:valid) .form-select:focus-within, +:dir(rtl) + .was-validated + .was-validated + .input-group:has(:valid) + .form-select:invalid, +:dir(rtl) + .was-validated + .was-validated + .input-group:has(:valid) + .form-select:valid, +:dir(rtl) .was-validated .input-group:has(:valid) .form-select.is-invalid, +:dir(rtl) .was-validated .input-group:has(:valid) .form-select.is-valid { + background-position: left 0.9375rem center; +} +.input-group.input-group-sm .form-control, +.input-group.input-group-sm .form-control:focus, +.input-group.input-group-sm .form-control:focus-within, +.was-validated .input-group.input-group-sm .form-control:invalid, +.was-validated .input-group.input-group-sm .form-control:valid, +.input-group.input-group-sm .form-control.is-invalid, +.input-group.input-group-sm .form-control.is-valid, +.input-group.input-group-sm .input-group-text, +.input-group.input-group-sm .input-group-text:focus, +.input-group.input-group-sm .input-group-text:focus-within, +.was-validated .input-group.input-group-sm .input-group-text:invalid, +.was-validated .input-group.input-group-sm .input-group-text:valid, +.input-group.input-group-sm .input-group-text.is-invalid, +.input-group.input-group-sm .input-group-text.is-valid, +.was-validated .input-group.input-group-sm:has(:invalid) .form-control, +.was-validated .input-group.input-group-sm:has(:invalid) .form-control:focus, +.was-validated + .input-group.input-group-sm:has(:invalid) + .form-control:focus-within, +.was-validated + .was-validated + .input-group.input-group-sm:has(:invalid) + .form-control:invalid, +.was-validated + .was-validated + .input-group.input-group-sm:has(:invalid) + .form-control:valid, +.was-validated + .input-group.input-group-sm:has(:invalid) + .form-control.is-invalid, +.was-validated .input-group.input-group-sm:has(:invalid) .form-control.is-valid, +.was-validated .input-group.input-group-sm:has(:invalid) .input-group-text, +.was-validated + .input-group.input-group-sm:has(:invalid) + .input-group-text:focus, +.was-validated + .input-group.input-group-sm:has(:invalid) + .input-group-text:focus-within, +.was-validated + .was-validated + .input-group.input-group-sm:has(:invalid) + .input-group-text:invalid, +.was-validated + .was-validated + .input-group.input-group-sm:has(:invalid) + .input-group-text:valid, +.was-validated + .input-group.input-group-sm:has(:invalid) + .input-group-text.is-invalid, +.was-validated + .input-group.input-group-sm:has(:invalid) + .input-group-text.is-valid, +.was-validated .input-group.input-group-sm:has(:valid) .form-control, +.was-validated .input-group.input-group-sm:has(:valid) .form-control:focus, +.was-validated + .input-group.input-group-sm:has(:valid) + .form-control:focus-within, +.was-validated + .was-validated + .input-group.input-group-sm:has(:valid) + .form-control:invalid, +.was-validated + .was-validated + .input-group.input-group-sm:has(:valid) + .form-control:valid, +.was-validated .input-group.input-group-sm:has(:valid) .form-control.is-invalid, +.was-validated .input-group.input-group-sm:has(:valid) .form-control.is-valid, +.was-validated .input-group.input-group-sm:has(:valid) .input-group-text, +.was-validated .input-group.input-group-sm:has(:valid) .input-group-text:focus, +.was-validated + .input-group.input-group-sm:has(:valid) + .input-group-text:focus-within, +.was-validated + .was-validated + .input-group.input-group-sm:has(:valid) + .input-group-text:invalid, +.was-validated + .was-validated + .input-group.input-group-sm:has(:valid) + .input-group-text:valid, +.was-validated + .input-group.input-group-sm:has(:valid) + .input-group-text.is-invalid, +.was-validated + .input-group.input-group-sm:has(:valid) + .input-group-text.is-valid { + padding-block: 0.3165rem; + padding-inline: 0.8125rem; +} +.input-group.input-group-sm .form-select, +.input-group.input-group-sm .form-select:focus, +.input-group.input-group-sm .form-select:focus-within, +.was-validated .input-group.input-group-sm .form-select:invalid, +.was-validated .input-group.input-group-sm .form-select:valid, +.input-group.input-group-sm .form-select.is-invalid, +.input-group.input-group-sm .form-select.is-valid, +.was-validated .input-group.input-group-sm:has(:invalid) .form-select, +.was-validated .input-group.input-group-sm:has(:invalid) .form-select:focus, +.was-validated + .input-group.input-group-sm:has(:invalid) + .form-select:focus-within, +.was-validated + .was-validated + .input-group.input-group-sm:has(:invalid) + .form-select:invalid, +.was-validated + .was-validated + .input-group.input-group-sm:has(:invalid) + .form-select:valid, +.was-validated + .input-group.input-group-sm:has(:invalid) + .form-select.is-invalid, +.was-validated .input-group.input-group-sm:has(:invalid) .form-select.is-valid, +.was-validated .input-group.input-group-sm:has(:valid) .form-select, +.was-validated .input-group.input-group-sm:has(:valid) .form-select:focus, +.was-validated + .input-group.input-group-sm:has(:valid) + .form-select:focus-within, +.was-validated + .was-validated + .input-group.input-group-sm:has(:valid) + .form-select:invalid, +.was-validated + .was-validated + .input-group.input-group-sm:has(:valid) + .form-select:valid, +.was-validated .input-group.input-group-sm:has(:valid) .form-select.is-invalid, +.was-validated .input-group.input-group-sm:has(:valid) .form-select.is-valid { + background-position: right 0.8125rem center; + padding-block: 0.3165rem; + padding-inline: 0.8125rem; + padding-inline-start: calc(0.8125rem - var(--bs-border-width)); +} +:dir(rtl) .input-group.input-group-sm .form-select, +:dir(rtl) .input-group.input-group-sm .form-select:focus, +:dir(rtl) .input-group.input-group-sm .form-select:focus-within, +:dir(rtl) .was-validated .input-group.input-group-sm .form-select:invalid, +:dir(rtl) .was-validated .input-group.input-group-sm .form-select:valid, +:dir(rtl) .input-group.input-group-sm .form-select.is-invalid, +:dir(rtl) .input-group.input-group-sm .form-select.is-valid, +:dir(rtl) .was-validated .input-group.input-group-sm:has(:invalid) .form-select, +:dir(rtl) + .was-validated + .input-group.input-group-sm:has(:invalid) + .form-select:focus, +:dir(rtl) + .was-validated + .input-group.input-group-sm:has(:invalid) + .form-select:focus-within, +:dir(rtl) + .was-validated + .was-validated + .input-group.input-group-sm:has(:invalid) + .form-select:invalid, +:dir(rtl) + .was-validated + .was-validated + .input-group.input-group-sm:has(:invalid) + .form-select:valid, +:dir(rtl) + .was-validated + .input-group.input-group-sm:has(:invalid) + .form-select.is-invalid, +:dir(rtl) + .was-validated + .input-group.input-group-sm:has(:invalid) + .form-select.is-valid, +:dir(rtl) .was-validated .input-group.input-group-sm:has(:valid) .form-select, +:dir(rtl) + .was-validated + .input-group.input-group-sm:has(:valid) + .form-select:focus, +:dir(rtl) + .was-validated + .input-group.input-group-sm:has(:valid) + .form-select:focus-within, +:dir(rtl) + .was-validated + .was-validated + .input-group.input-group-sm:has(:valid) + .form-select:invalid, +:dir(rtl) + .was-validated + .was-validated + .input-group.input-group-sm:has(:valid) + .form-select:valid, +:dir(rtl) + .was-validated + .input-group.input-group-sm:has(:valid) + .form-select.is-invalid, +:dir(rtl) + .was-validated + .input-group.input-group-sm:has(:valid) + .form-select.is-valid { + background-position: left 0.8125rem center; +} +.input-group.input-group-lg .form-control, +.input-group.input-group-lg .form-control:focus, +.input-group.input-group-lg .form-control:focus-within, +.was-validated .input-group.input-group-lg .form-control:invalid, +.was-validated .input-group.input-group-lg .form-control:valid, +.input-group.input-group-lg .form-control.is-invalid, +.input-group.input-group-lg .form-control.is-valid, +.input-group.input-group-lg .input-group-text, +.input-group.input-group-lg .input-group-text:focus, +.input-group.input-group-lg .input-group-text:focus-within, +.was-validated .input-group.input-group-lg .input-group-text:invalid, +.was-validated .input-group.input-group-lg .input-group-text:valid, +.input-group.input-group-lg .input-group-text.is-invalid, +.input-group.input-group-lg .input-group-text.is-valid, +.was-validated .input-group.input-group-lg:has(:invalid) .form-control, +.was-validated .input-group.input-group-lg:has(:invalid) .form-control:focus, +.was-validated + .input-group.input-group-lg:has(:invalid) + .form-control:focus-within, +.was-validated + .was-validated + .input-group.input-group-lg:has(:invalid) + .form-control:invalid, +.was-validated + .was-validated + .input-group.input-group-lg:has(:invalid) + .form-control:valid, +.was-validated + .input-group.input-group-lg:has(:invalid) + .form-control.is-invalid, +.was-validated .input-group.input-group-lg:has(:invalid) .form-control.is-valid, +.was-validated .input-group.input-group-lg:has(:invalid) .input-group-text, +.was-validated + .input-group.input-group-lg:has(:invalid) + .input-group-text:focus, +.was-validated + .input-group.input-group-lg:has(:invalid) + .input-group-text:focus-within, +.was-validated + .was-validated + .input-group.input-group-lg:has(:invalid) + .input-group-text:invalid, +.was-validated + .was-validated + .input-group.input-group-lg:has(:invalid) + .input-group-text:valid, +.was-validated + .input-group.input-group-lg:has(:invalid) + .input-group-text.is-invalid, +.was-validated + .input-group.input-group-lg:has(:invalid) + .input-group-text.is-valid, +.was-validated .input-group.input-group-lg:has(:valid) .form-control, +.was-validated .input-group.input-group-lg:has(:valid) .form-control:focus, +.was-validated + .input-group.input-group-lg:has(:valid) + .form-control:focus-within, +.was-validated + .was-validated + .input-group.input-group-lg:has(:valid) + .form-control:invalid, +.was-validated + .was-validated + .input-group.input-group-lg:has(:valid) + .form-control:valid, +.was-validated .input-group.input-group-lg:has(:valid) .form-control.is-invalid, +.was-validated .input-group.input-group-lg:has(:valid) .form-control.is-valid, +.was-validated .input-group.input-group-lg:has(:valid) .input-group-text, +.was-validated .input-group.input-group-lg:has(:valid) .input-group-text:focus, +.was-validated + .input-group.input-group-lg:has(:valid) + .input-group-text:focus-within, +.was-validated + .was-validated + .input-group.input-group-lg:has(:valid) + .input-group-text:invalid, +.was-validated + .was-validated + .input-group.input-group-lg:has(:valid) + .input-group-text:valid, +.was-validated + .input-group.input-group-lg:has(:valid) + .input-group-text.is-invalid, +.was-validated + .input-group.input-group-lg:has(:valid) + .input-group-text.is-valid { + padding-block: 0.7075rem; + padding-inline: 1.3125rem; +} +.input-group.input-group-lg .form-select, +.input-group.input-group-lg .form-select:focus, +.input-group.input-group-lg .form-select:focus-within, +.was-validated .input-group.input-group-lg .form-select:invalid, +.was-validated .input-group.input-group-lg .form-select:valid, +.input-group.input-group-lg .form-select.is-invalid, +.input-group.input-group-lg .form-select.is-valid, +.was-validated .input-group.input-group-lg:has(:invalid) .form-select, +.was-validated .input-group.input-group-lg:has(:invalid) .form-select:focus, +.was-validated + .input-group.input-group-lg:has(:invalid) + .form-select:focus-within, +.was-validated + .was-validated + .input-group.input-group-lg:has(:invalid) + .form-select:invalid, +.was-validated + .was-validated + .input-group.input-group-lg:has(:invalid) + .form-select:valid, +.was-validated + .input-group.input-group-lg:has(:invalid) + .form-select.is-invalid, +.was-validated .input-group.input-group-lg:has(:invalid) .form-select.is-valid, +.was-validated .input-group.input-group-lg:has(:valid) .form-select, +.was-validated .input-group.input-group-lg:has(:valid) .form-select:focus, +.was-validated + .input-group.input-group-lg:has(:valid) + .form-select:focus-within, +.was-validated + .was-validated + .input-group.input-group-lg:has(:valid) + .form-select:invalid, +.was-validated + .was-validated + .input-group.input-group-lg:has(:valid) + .form-select:valid, +.was-validated .input-group.input-group-lg:has(:valid) .form-select.is-invalid, +.was-validated .input-group.input-group-lg:has(:valid) .form-select.is-valid { + background-position: right 1.3125rem center; + padding-block: 0.7075rem; + padding-inline: 1.3125rem; + padding-inline-start: calc(1.3125rem - var(--bs-border-width)); +} +:dir(rtl) .input-group.input-group-lg .form-select, +:dir(rtl) .input-group.input-group-lg .form-select:focus, +:dir(rtl) .input-group.input-group-lg .form-select:focus-within, +:dir(rtl) .was-validated .input-group.input-group-lg .form-select:invalid, +:dir(rtl) .was-validated .input-group.input-group-lg .form-select:valid, +:dir(rtl) .input-group.input-group-lg .form-select.is-invalid, +:dir(rtl) .input-group.input-group-lg .form-select.is-valid, +:dir(rtl) .was-validated .input-group.input-group-lg:has(:invalid) .form-select, +:dir(rtl) + .was-validated + .input-group.input-group-lg:has(:invalid) + .form-select:focus, +:dir(rtl) + .was-validated + .input-group.input-group-lg:has(:invalid) + .form-select:focus-within, +:dir(rtl) + .was-validated + .was-validated + .input-group.input-group-lg:has(:invalid) + .form-select:invalid, +:dir(rtl) + .was-validated + .was-validated + .input-group.input-group-lg:has(:invalid) + .form-select:valid, +:dir(rtl) + .was-validated + .input-group.input-group-lg:has(:invalid) + .form-select.is-invalid, +:dir(rtl) + .was-validated + .input-group.input-group-lg:has(:invalid) + .form-select.is-valid, +:dir(rtl) .was-validated .input-group.input-group-lg:has(:valid) .form-select, +:dir(rtl) + .was-validated + .input-group.input-group-lg:has(:valid) + .form-select:focus, +:dir(rtl) + .was-validated + .input-group.input-group-lg:has(:valid) + .form-select:focus-within, +:dir(rtl) + .was-validated + .was-validated + .input-group.input-group-lg:has(:valid) + .form-select:invalid, +:dir(rtl) + .was-validated + .was-validated + .input-group.input-group-lg:has(:valid) + .form-select:valid, +:dir(rtl) + .was-validated + .input-group.input-group-lg:has(:valid) + .form-select.is-invalid, +:dir(rtl) + .was-validated + .input-group.input-group-lg:has(:valid) + .form-select.is-valid { + background-position: left 1.3125rem center; +} +.input-group::before { + position: absolute; + display: block; + block-size: 100%; + content: ""; + inline-size: 100%; + inset-block-start: 0; + inset-inline-start: 0; + border-radius: var(--bs-border-radius); +} +.input-group.input-group-lg, +.input-group.input-group-lg::before { + border-radius: var(--bs-border-radius-lg); +} +.input-group.input-group-sm, +.input-group.input-group-sm::before { + border-radius: var(--bs-border-radius-sm); +} +.input-group + > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not( + .valid-feedback + ):not(.invalid-tooltip):not(.invalid-feedback) { + margin-inline: calc(var(--bs-border-width) * -1) 0; +} +.input-group:hover .input-group-text, +.input-group:hover .form-control, +.input-group:hover .form-select { + border-color: var(--bs-gray-600); +} +.input-group:focus-within, +.input-group:focus { + box-shadow: 0 0 0 var(--bs-border-width) var(--bs-primary); +} +.input-group:focus-within::before, +.input-group:focus::before { + box-shadow: 0 0.125rem 0.25rem 0 rgba(var(--bs-primary-rgb), 0.4); +} +.input-group:focus-within:not(.input-group-merge) .form-control, +.input-group:focus-within:not(.input-group-merge) .form-select, +.input-group:focus-within:not(.input-group-merge) .input-group-text, +.input-group:focus-within:not(.input-group-merge) .btn, +.input-group:focus-within:not(.input-group-merge) + .form-control::file-selector-button, +.input-group:focus:not(.input-group-merge) .form-control, +.input-group:focus:not(.input-group-merge) .form-select, +.input-group:focus:not(.input-group-merge) .input-group-text, +.input-group:focus:not(.input-group-merge) .btn, +.input-group:focus:not(.input-group-merge) .form-control::file-selector-button { + box-shadow: var(--bs-border-width) 0 0 var(--bs-primary); +} +.input-group:focus-within .input-group-text, +.input-group:focus-within .form-control, +.input-group:focus-within .form-select, +.input-group:focus .input-group-text, +.input-group:focus .form-control, +.input-group:focus .form-select { + border-color: var(--bs-primary); +} +.input-group:focus-within .input-group-text:hover, +.input-group:focus-within .form-control:hover, +.input-group:focus-within .form-select:hover, +.input-group:focus .input-group-text:hover, +.input-group:focus .form-control:hover, +.input-group:focus .form-select:hover { + border-color: var(--bs-primary); +} +.input-group.input-group-merge + > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not( + .valid-feedback + ):not(.invalid-tooltip):not(.invalid-feedback) { + margin-inline: 0; +} +.input-group.input-group-merge:not(.disabled) + > :not(:first-child):not(.dropdown-menu):not(.btn):not( + .dropdown-menu + .form-control + ):not(.btn + .form-control):not(.valid-tooltip):not(.valid-feedback):not( + .invalid-tooltip + ):not(.invalid-feedback) { + margin-inline-start: -2px; +} +.input-group.input-group-merge .input-group-text, +.input-group.input-group-merge .input-group-text:focus, +.input-group.input-group-merge .input-group-text:focus-within, +.input-group.input-group-merge .form-control, +.input-group.input-group-merge .form-control:focus, +.input-group.input-group-merge .form-control:focus-within, +.input-group.input-group-merge .form-select, +.input-group.input-group-merge .form-select:focus, +.input-group.input-group-merge .form-select:focus-within { + box-shadow: none; +} +.input-group.input-group-merge .input-group-text:first-child, +.input-group.input-group-merge .form-control:first-child, +.input-group.input-group-merge .form-select:first-child { + border-inline-end: 0; +} +.input-group.input-group-merge .input-group-text:last-child, +.input-group.input-group-merge .form-control:last-child, +.input-group.input-group-merge .form-select:last-child { + border-inline-start: 0; +} +.input-group.input-group-merge .input-group-text:not(:first-child), +.input-group.input-group-merge .form-control:not(:first-child), +.input-group.input-group-merge .form-select:not(:first-child) { + border-inline-start: 0; + padding-inline-start: 0; +} +.input-group.input-group-merge .input-group-text:not(:last-child), +.input-group.input-group-merge .form-control:not(:last-child), +.input-group.input-group-merge .form-select:not(:last-child) { + border-inline-end: 0; +} +.input-group.input-group-merge .flatpickr-wrapper .flatpickr-input { + border: var(--bs-border-width) solid + color-mix(in sRGB, var(--bs-base-color) 22%, var(--bs-paper-bg)); +} +.input-group.input-group-merge + .flatpickr-wrapper + .flatpickr-input:hover:not(:focus):not(:disabled) { + border-color: var(--bs-gray-600); +} +.input-group.input-group-merge .flatpickr-wrapper:first-child .flatpickr-input { + border-inline-end: 0; +} +.input-group.input-group-merge .flatpickr-wrapper:last-child .flatpickr-input { + border-inline-start: 0; +} +.input-group.input-group-merge + .flatpickr-wrapper:not(:first-child):not(:last-child) + .flatpickr-input { + border-inline-end: 0; + border-inline-start: 0; +} +.input-group.input-group-merge:focus-within .flatpickr-wrapper .flatpickr-input, +.input-group.input-group-merge:focus .flatpickr-wrapper .flatpickr-input { + border-color: var(--bs-primary); +} +.input-group.input-group-merge.disabled, +.input-group.input-group-merge[disabled] { + margin-inline: 0 !important; +} +.input-group.rounded-pill .input-group-text, +.input-group.rounded-pill .form-control, +.input-group.rounded-pill .form-select, +.input-group.rounded-pill::before { + border-radius: 50rem; +} +.input-group.disabled .input-group-text, +.input-group.disabled .form-control, +.input-group.disabled .form-select, +.input-group[disabled] .input-group-text, +.input-group[disabled] .form-control, +.input-group[disabled] .form-select { + border-color: var(--bs-input-group-disabled-border-color); + background-color: rgba(var(--bs-base-color-rgb), 0.06); + color: var(--bs-secondary-color); + pointer-events: none; +} +.input-group.disabled .form-select, +.input-group[disabled] .form-select { + background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 22" fill="none"%3e%3cpath d="M10.9999 12.0743L15.5374 7.53676L16.8336 8.83292L10.9999 14.6666L5.16626 8.83292L6.46243 7.53676L10.9999 12.0743Z" fill="%23a7acb2" fill-opacity="0.9"/%3e%3c/svg%3e'); +} +.input-group.has-validation > .input-group-text:first-child, +.input-group.has-validation > .form-control:first-child { + border-end-end-radius: 0; + border-start-end-radius: 0; +} +.input-group.has-validation > .form-control:not(:first-child):not(:last-child) { + border-radius: 0; +} + +/* input-group-text icon size */ +.input-group-text { + background-clip: padding-box; + /* Adding transition (On focus border color change) */ + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .input-group-text { + transition: none; + } +} + +.input-group-lg > .input-group-text .icon-base { + block-size: 1.375rem; + font-size: 1.375rem; + inline-size: 1.375rem; +} + +.input-group-sm > .input-group-text .icon-base { + block-size: 1.125rem; + font-size: 1.125rem; + inline-size: 1.125rem; +} + +/* Dark Theme */ +[data-bs-theme="dark"] .input-group { + --bs-input-group-addon-border-color: color-mix(in srgb, #e6e6f1 22%, #393a5a); + --bs-input-group-disabled-border-color: rgba(230, 230, 241, 0.23); +} +[data-bs-theme="dark"] .input-group.disabled .form-select, +[data-bs-theme="dark"] .input-group[disabled] .form-select { + background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 22" fill="none"%3e%3cpath d="M10.9999 12.0743L15.5374 7.53676L16.8336 8.83292L10.9999 14.6666L5.16626 8.83292L6.46243 7.53676L10.9999 12.0743Z" fill="%237e7f96" fill-opacity="0.9"/%3e%3c/svg%3e'); +} + +/* Floating Labels +******************************************************************************* */ +.form-floating > label { + inset-inline-start: 0; +} +.form-floating > .form-control:focus::placeholder, +.form-floating > .form-control:not(:placeholder-shown)::placeholder { + color: var(--bs-secondary-color); +} +.form-floating > .form-control:focus ~ label, +.form-floating > .form-control:focus:not(:placeholder-shown) ~ label, +.form-floating > .form-select:focus ~ label, +.form-floating > .form-select:focus:not(:placeholder-shown) ~ label { + color: var(--bs-primary); +} + +:dir(rtl) .form-floating > label { + transform-origin: 100% 0; +} +:dir(rtl) .form-floating > .form-control:focus ~ label, +:dir(rtl) .form-floating > .form-control:not(:placeholder-shown) ~ label, +:dir(rtl) .form-floating > .form-select ~ label, +:dir(rtl) .form-floating > .form-control:-webkit-autofill ~ label { + transform: scale(0.85) translateY(-0.5rem) translateX(-0.15rem); +} + +/* Validation states +******************************************************************************* */ +form { + --bs-form-validation-shadow: none; + --bs-form-validation-border-color: var(--bs-form-invalid-border-color); +} +form .error:not(li):not(input) { + color: #ff3e1d; + font-size: 85%; + margin-block-start: 0.25rem; +} +form .form-label.invalid, +form .form-label.is-invalid { + border-width: 2px; + border-color: #ff3e1d; + box-shadow: 0 0 0 2px rgba(255, 62, 29, 0.4); +} +form.was-validated :invalid, +form .is-invalid, +form.was-validated select:invalid, +form.was-validated select:invalid + .dropdown-toggle, +form.was-validated select:invalid ~ .select2-container, +form select.is-invalid, +form select.is-invalid + .dropdown-toggle, +form select.is-invalid ~ .select2-container, +form.was-validated .input-group:has(:invalid), +form .input-group:has(.is-invalid), +form .input-group .is-invalid, +form.was-validated .tagify:has(+ :invalid), +form .tagify:has(+ .is-invalid) { + --bs-form-validation-border-color: var(--bs-form-invalid-border-color); +} +form.was-validated :valid, +form .is-valid, +form.was-validated select:valid, +form.was-validated select:valid + .dropdown-toggle, +form.was-validated select:valid ~ .select2-container, +form select.is-valid, +form select.is-valid + .dropdown-toggle, +form select.is-valid ~ .select2-container, +form .input-group:has(.is-valid), +form.was-validated .input-group:has(:valid), +form .input-group .is-valid, +form.was-validated .tagify:has(+ :valid), +form .tagify:has(+ .is-valid) { + --bs-form-validation-border-color: var(--bs-form-valid-border-color); +} +form.was-validated .form-control:not(.input-group .form-control):invalid, +form.was-validated .form-control:not(.input-group .form-control):valid, +form .form-control:not(.input-group .form-control).is-invalid, +form .form-control:not(.input-group .form-control).is-valid, +form.was-validated .form-select:not(.input-group .form-select):invalid, +form.was-validated .form-select:not(.input-group .form-select):valid, +form .form-select:not(.input-group .form-select).is-invalid, +form .form-select:not(.input-group .form-select).is-valid { + border-width: 2px; +} +form.was-validated .form-control:not(.input-group .form-control):invalid, +form.was-validated .form-control:not(.input-group .form-control):invalid:hover, +form.was-validated .form-control:not(.input-group .form-control):invalid:focus, +form.was-validated .form-control:not(.input-group .form-control):valid, +form.was-validated .form-control:not(.input-group .form-control):valid:hover, +form.was-validated .form-control:not(.input-group .form-control):valid:focus, +form .form-control:not(.input-group .form-control).is-invalid, +form .form-control:not(.input-group .form-control).is-invalid:hover, +form .form-control:not(.input-group .form-control).is-invalid:focus, +form .form-control:not(.input-group .form-control).is-valid, +form .form-control:not(.input-group .form-control).is-valid:hover, +form .form-control:not(.input-group .form-control).is-valid:focus, +form.was-validated .form-select:not(.input-group .form-select):invalid, +form.was-validated .form-select:not(.input-group .form-select):invalid:hover, +form.was-validated .form-select:not(.input-group .form-select):invalid:focus, +form.was-validated .form-select:not(.input-group .form-select):valid, +form.was-validated .form-select:not(.input-group .form-select):valid:hover, +form.was-validated .form-select:not(.input-group .form-select):valid:focus, +form .form-select:not(.input-group .form-select).is-invalid, +form .form-select:not(.input-group .form-select).is-invalid:hover, +form .form-select:not(.input-group .form-select).is-invalid:focus, +form .form-select:not(.input-group .form-select).is-valid, +form .form-select:not(.input-group .form-select).is-valid:hover, +form .form-select:not(.input-group .form-select).is-valid:focus { + border-color: var(--bs-form-validation-border-color); + box-shadow: var(--bs-form-validation-shadow); +} +form.was-validated + .form-control:not(.input-group .form-control):invalid::file-selector-button, +form.was-validated + .form-control:not( + .input-group .form-control + ):invalid:hover::file-selector-button, +form.was-validated + .form-control:not( + .input-group .form-control + ):invalid:focus::file-selector-button, +form.was-validated + .form-control:not(.input-group .form-control):valid::file-selector-button, +form.was-validated + .form-control:not( + .input-group .form-control + ):valid:hover::file-selector-button, +form.was-validated + .form-control:not( + .input-group .form-control + ):valid:focus::file-selector-button, +form + .form-control:not( + .input-group .form-control + ).is-invalid::file-selector-button, +form + .form-control:not( + .input-group .form-control + ).is-invalid:hover::file-selector-button, +form + .form-control:not( + .input-group .form-control + ).is-invalid:focus::file-selector-button, +form + .form-control:not(.input-group .form-control).is-valid::file-selector-button, +form + .form-control:not( + .input-group .form-control + ).is-valid:hover::file-selector-button, +form + .form-control:not( + .input-group .form-control + ).is-valid:focus::file-selector-button, +form.was-validated + .form-select:not(.input-group .form-select):invalid::file-selector-button, +form.was-validated + .form-select:not( + .input-group .form-select + ):invalid:hover::file-selector-button, +form.was-validated + .form-select:not( + .input-group .form-select + ):invalid:focus::file-selector-button, +form.was-validated + .form-select:not(.input-group .form-select):valid::file-selector-button, +form.was-validated + .form-select:not(.input-group .form-select):valid:hover::file-selector-button, +form.was-validated + .form-select:not(.input-group .form-select):valid:focus::file-selector-button, +form + .form-select:not(.input-group .form-select).is-invalid::file-selector-button, +form + .form-select:not( + .input-group .form-select + ).is-invalid:hover::file-selector-button, +form + .form-select:not( + .input-group .form-select + ).is-invalid:focus::file-selector-button, +form .form-select:not(.input-group .form-select).is-valid::file-selector-button, +form + .form-select:not( + .input-group .form-select + ).is-valid:hover::file-selector-button, +form + .form-select:not( + .input-group .form-select + ).is-valid:focus::file-selector-button { + box-shadow: var(--bs-border-width) 0 0 var(--bs-form-validation-border-color); +} +form.was-validated .form-check-input:invalid, +form.was-validated .form-check-input:invalid:checked, +form.was-validated .form-check-input:invalid:focus, +form.was-validated .form-check-input:valid, +form.was-validated .form-check-input:valid:checked, +form.was-validated .form-check-input:valid:focus, +form .form-check-input.is-invalid, +form .form-check-input.is-invalid:checked, +form .form-check-input.is-invalid:focus, +form .form-check-input.is-valid, +form .form-check-input.is-valid:checked, +form .form-check-input.is-valid:focus { + box-shadow: var(--bs-form-validation-shadow); +} +form.was-validated .form-switch .form-check-input:invalid:invalid, +form.was-validated .form-switch .form-check-input:invalid:invalid:checked, +form.was-validated .form-switch .form-check-input:invalid:invalid:focus, +form.was-validated .form-switch .form-check-input:invalid.is-invalid, +form.was-validated .form-switch .form-check-input:invalid.is-invalid:checked, +form.was-validated .form-switch .form-check-input:invalid.is-invalid:focus, +form.was-validated .form-switch .form-check-input:invalid:valid, +form.was-validated .form-switch .form-check-input:invalid:valid:checked, +form.was-validated .form-switch .form-check-input:invalid:valid:focus, +form.was-validated .form-switch .form-check-input:invalid.is-valid, +form.was-validated .form-switch .form-check-input:invalid.is-valid:checked, +form.was-validated .form-switch .form-check-input:invalid.is-valid:focus, +form.was-validated .form-switch .form-check-input:valid:invalid, +form.was-validated .form-switch .form-check-input:valid:invalid:checked, +form.was-validated .form-switch .form-check-input:valid:invalid:focus, +form.was-validated .form-switch .form-check-input:valid.is-invalid, +form.was-validated .form-switch .form-check-input:valid.is-invalid:checked, +form.was-validated .form-switch .form-check-input:valid.is-invalid:focus, +form.was-validated .form-switch .form-check-input:valid:valid, +form.was-validated .form-switch .form-check-input:valid:valid:checked, +form.was-validated .form-switch .form-check-input:valid:valid:focus, +form.was-validated .form-switch .form-check-input:valid.is-valid, +form.was-validated .form-switch .form-check-input:valid.is-valid:checked, +form.was-validated .form-switch .form-check-input:valid.is-valid:focus, +form .form-switch .form-check-input.is-invalid:invalid, +form .form-switch .form-check-input.is-invalid:invalid:checked, +form .form-switch .form-check-input.is-invalid:invalid:focus, +form .form-switch .form-check-input.is-invalid.is-invalid, +form .form-switch .form-check-input.is-invalid.is-invalid:checked, +form .form-switch .form-check-input.is-invalid.is-invalid:focus, +form .form-switch .form-check-input.is-invalid:valid, +form .form-switch .form-check-input.is-invalid:valid:checked, +form .form-switch .form-check-input.is-invalid:valid:focus, +form .form-switch .form-check-input.is-invalid.is-valid, +form .form-switch .form-check-input.is-invalid.is-valid:checked, +form .form-switch .form-check-input.is-invalid.is-valid:focus, +form .form-switch .form-check-input.is-valid:invalid, +form .form-switch .form-check-input.is-valid:invalid:checked, +form .form-switch .form-check-input.is-valid:invalid:focus, +form .form-switch .form-check-input.is-valid.is-invalid, +form .form-switch .form-check-input.is-valid.is-invalid:checked, +form .form-switch .form-check-input.is-valid.is-invalid:focus, +form .form-switch .form-check-input.is-valid:valid, +form .form-switch .form-check-input.is-valid:valid:checked, +form .form-switch .form-check-input.is-valid:valid:focus, +form .form-switch .form-check-input.is-valid.is-valid, +form .form-switch .form-check-input.is-valid.is-valid:checked, +form .form-switch .form-check-input.is-valid.is-valid:focus { + background-color: var(--bs-form-validation-border-color); +} +form.was-validated .input-group:has(:invalid), +form .input-group:has(.is-invalid), +form.was-validated .input-group:has(:valid), +form .input-group:has(.is-valid) { + box-shadow: 0 0 0 var(--bs-border-width) + var(--bs-form-validation-border-color); +} +form.was-validated .input-group:has(:invalid) .input-group-text, +form.was-validated .input-group:has(:invalid) .input-group-text:focus, +form.was-validated .input-group:has(:invalid) .input-group-text:focus-within, +form.was-validated .input-group:has(:invalid) .input-group-text.is-invalid, +form.was-validated .input-group:has(:invalid) .input-group-text.is-valid, +form.was-validated .input-group:has(:invalid) .form-control ~ .input-group-text, +form.was-validated + .input-group:has(:invalid) + .form-control + ~ .input-group-text:focus, +form.was-validated + .input-group:has(:invalid) + .form-control + ~ .input-group-text:focus-within, +form.was-validated + .input-group:has(:invalid) + .form-control + ~ .input-group-text.is-invalid, +form.was-validated + .input-group:has(:invalid) + .form-control + ~ .input-group-text.is-valid, +form.was-validated .input-group:has(:invalid) .form-control, +form.was-validated .input-group:has(:invalid) .form-control:focus, +form.was-validated .input-group:has(:invalid) .form-control:focus-within, +form.was-validated .input-group:has(:invalid) .form-control.is-invalid, +form.was-validated .input-group:has(:invalid) .form-control.is-valid, +form.was-validated .input-group:has(:invalid) .form-select, +form.was-validated .input-group:has(:invalid) .form-select:focus, +form.was-validated .input-group:has(:invalid) .form-select:focus-within, +form.was-validated .input-group:has(:invalid) .form-select.is-invalid, +form.was-validated .input-group:has(:invalid) .form-select.is-valid, +form .input-group:has(.is-invalid) .input-group-text, +form .input-group:has(.is-invalid) .input-group-text:focus, +form .input-group:has(.is-invalid) .input-group-text:focus-within, +form .input-group:has(.is-invalid) .input-group-text.is-invalid, +form .input-group:has(.is-invalid) .input-group-text.is-valid, +form .input-group:has(.is-invalid) .form-control ~ .input-group-text, +form .input-group:has(.is-invalid) .form-control ~ .input-group-text:focus, +form + .input-group:has(.is-invalid) + .form-control + ~ .input-group-text:focus-within, +form .input-group:has(.is-invalid) .form-control ~ .input-group-text.is-invalid, +form .input-group:has(.is-invalid) .form-control ~ .input-group-text.is-valid, +form .input-group:has(.is-invalid) .form-control, +form .input-group:has(.is-invalid) .form-control:focus, +form .input-group:has(.is-invalid) .form-control:focus-within, +form .input-group:has(.is-invalid) .form-control.is-invalid, +form .input-group:has(.is-invalid) .form-control.is-valid, +form .input-group:has(.is-invalid) .form-select, +form .input-group:has(.is-invalid) .form-select:focus, +form .input-group:has(.is-invalid) .form-select:focus-within, +form .input-group:has(.is-invalid) .form-select.is-invalid, +form .input-group:has(.is-invalid) .form-select.is-valid, +form.was-validated .input-group:has(:valid) .input-group-text, +form.was-validated .input-group:has(:valid) .input-group-text:focus, +form.was-validated .input-group:has(:valid) .input-group-text:focus-within, +form.was-validated .input-group:has(:valid) .input-group-text.is-invalid, +form.was-validated .input-group:has(:valid) .input-group-text.is-valid, +form.was-validated .input-group:has(:valid) .form-control ~ .input-group-text, +form.was-validated + .input-group:has(:valid) + .form-control + ~ .input-group-text:focus, +form.was-validated + .input-group:has(:valid) + .form-control + ~ .input-group-text:focus-within, +form.was-validated + .input-group:has(:valid) + .form-control + ~ .input-group-text.is-invalid, +form.was-validated + .input-group:has(:valid) + .form-control + ~ .input-group-text.is-valid, +form.was-validated .input-group:has(:valid) .form-control, +form.was-validated .input-group:has(:valid) .form-control:focus, +form.was-validated .input-group:has(:valid) .form-control:focus-within, +form.was-validated .input-group:has(:valid) .form-control.is-invalid, +form.was-validated .input-group:has(:valid) .form-control.is-valid, +form.was-validated .input-group:has(:valid) .form-select, +form.was-validated .input-group:has(:valid) .form-select:focus, +form.was-validated .input-group:has(:valid) .form-select:focus-within, +form.was-validated .input-group:has(:valid) .form-select.is-invalid, +form.was-validated .input-group:has(:valid) .form-select.is-valid, +form .input-group:has(.is-valid) .input-group-text, +form .input-group:has(.is-valid) .input-group-text:focus, +form .input-group:has(.is-valid) .input-group-text:focus-within, +form .input-group:has(.is-valid) .input-group-text.is-invalid, +form .input-group:has(.is-valid) .input-group-text.is-valid, +form .input-group:has(.is-valid) .form-control ~ .input-group-text, +form .input-group:has(.is-valid) .form-control ~ .input-group-text:focus, +form .input-group:has(.is-valid) .form-control ~ .input-group-text:focus-within, +form .input-group:has(.is-valid) .form-control ~ .input-group-text.is-invalid, +form .input-group:has(.is-valid) .form-control ~ .input-group-text.is-valid, +form .input-group:has(.is-valid) .form-control, +form .input-group:has(.is-valid) .form-control:focus, +form .input-group:has(.is-valid) .form-control:focus-within, +form .input-group:has(.is-valid) .form-control.is-invalid, +form .input-group:has(.is-valid) .form-control.is-valid, +form .input-group:has(.is-valid) .form-select, +form .input-group:has(.is-valid) .form-select:focus, +form .input-group:has(.is-valid) .form-select:focus-within, +form .input-group:has(.is-valid) .form-select.is-invalid, +form .input-group:has(.is-valid) .form-select.is-valid { + border-width: var(--bs-border-width); + border-color: var(--bs-form-validation-border-color); +} +form.was-validated .input-group:has(:invalid)::before, +form .input-group:has(.is-invalid)::before, +form.was-validated .input-group:has(:valid)::before, +form .input-group:has(.is-valid)::before { + box-shadow: var(--bs-form-validation-shadow); +} +form.was-validated + .input-group:has(:invalid) + .flatpickr-wrapper + .flatpickr-input, +form.was-validated + .input-group:has(:invalid) + .flatpickr-wrapper + .flatpickr-input:focus, +form.was-validated + .input-group:has(:invalid) + .flatpickr-wrapper + .flatpickr-input:focus-within, +form.was-validated + .input-group:has(:invalid) + .flatpickr-wrapper + .flatpickr-input.is-invalid, +form.was-validated + .input-group:has(:invalid) + .flatpickr-wrapper + .flatpickr-input.is-valid, +form .input-group:has(.is-invalid) .flatpickr-wrapper .flatpickr-input, +form .input-group:has(.is-invalid) .flatpickr-wrapper .flatpickr-input:focus, +form + .input-group:has(.is-invalid) + .flatpickr-wrapper + .flatpickr-input:focus-within, +form + .input-group:has(.is-invalid) + .flatpickr-wrapper + .flatpickr-input.is-invalid, +form .input-group:has(.is-invalid) .flatpickr-wrapper .flatpickr-input.is-valid, +form.was-validated .input-group:has(:valid) .flatpickr-wrapper .flatpickr-input, +form.was-validated + .input-group:has(:valid) + .flatpickr-wrapper + .flatpickr-input:focus, +form.was-validated + .input-group:has(:valid) + .flatpickr-wrapper + .flatpickr-input:focus-within, +form.was-validated + .input-group:has(:valid) + .flatpickr-wrapper + .flatpickr-input.is-invalid, +form.was-validated + .input-group:has(:valid) + .flatpickr-wrapper + .flatpickr-input.is-valid, +form .input-group:has(.is-valid) .flatpickr-wrapper .flatpickr-input, +form .input-group:has(.is-valid) .flatpickr-wrapper .flatpickr-input:focus, +form + .input-group:has(.is-valid) + .flatpickr-wrapper + .flatpickr-input:focus-within, +form .input-group:has(.is-valid) .flatpickr-wrapper .flatpickr-input.is-invalid, +form .input-group:has(.is-valid) .flatpickr-wrapper .flatpickr-input.is-valid { + border-width: var(--bs-border-width); + border-color: var(--bs-form-validation-border-color); +} +form.was-validated .input-group:has(:invalid) ~ .invalid-feedback, +form.was-validated .input-group:has(:invalid) ~ .invalid-tooltip, +form .input-group:has(.is-invalid) ~ .invalid-feedback, +form .input-group:has(.is-invalid) ~ .invalid-tooltip { + display: block; +} +form.was-validated .input-group:has(:valid) ~ .valid-feedback, +form.was-validated .input-group:has(:valid) ~ .valid-tooltip, +form .input-group:has(.is-valid) ~ .valid-feedback, +form .input-group:has(.is-valid) ~ .valid-tooltip { + display: block; +} +form.was-validated .tagify:has(+ input:invalid), +form.was-validated .tagify:has(+ input:valid), +form .tagify:has(+ input.is-invalid), +form .tagify:has(+ input.valid) { + padding: 0; + border-width: 2px; + box-shadow: var(--bs-form-validation-shadow); +} +form.was-validated .tagify:has(+ input:invalid), +form.was-validated .tagify:has(+ input:invalid):hover, +form.was-validated .tagify:has(+ input:invalid):focus, +form.was-validated .tagify:has(+ input:valid), +form.was-validated .tagify:has(+ input:valid):hover, +form.was-validated .tagify:has(+ input:valid):focus, +form .tagify:has(+ input.is-invalid), +form .tagify:has(+ input.is-invalid):hover, +form .tagify:has(+ input.is-invalid):focus, +form .tagify:has(+ input.valid), +form .tagify:has(+ input.valid):hover, +form .tagify:has(+ input.valid):focus { + border-color: var(--bs-form-validation-border-color) !important; +} +form .bootstrap-select .selectpicker.is-invalid + .dropdown-toggle, +form.was-validated .bootstrap-select .selectpicker:invalid + .dropdown-toggle, +form .bootstrap-select .selectpicker.is-valid + .dropdown-toggle, +form.was-validated .bootstrap-select .selectpicker:valid + .dropdown-toggle { + border-width: 2px; + border-color: var(--bs-form-validation-border-color); + box-shadow: var(--bs-form-validation-shadow); + padding-block: calc(0.543rem - 2px); + padding-inline: calc(0.9375rem - var(--bs-border-width)); +} +form .bootstrap-select .selectpicker.is-invalid + .dropdown-toggle::after, +form.was-validated + .bootstrap-select + .selectpicker:invalid + + .dropdown-toggle::after, +form .bootstrap-select .selectpicker.is-valid + .dropdown-toggle::after, +form.was-validated + .bootstrap-select + .selectpicker:valid + + .dropdown-toggle::after { + inset-inline-end: calc( + var(--bs-bootstrap-select-arrow-position) - var(--bs-border-width) + ); +} +form + .form-select.is-invalid + ~ .select2-container.select2-container--default + .select2-selection, +form + .form-select.is-invalid + ~ .select2-container.select2-container--default.select2-container--focus + .select2-selection, +form + .form-select.is-invalid + ~ .select2-container.select2-container--default.select2-container--open + .select2-selection, +form.was-validated + .form-select:invalid + ~ .select2-container.select2-container--default + .select2-selection, +form.was-validated + .form-select:invalid + ~ .select2-container.select2-container--default.select2-container--focus + .select2-selection, +form.was-validated + .form-select:invalid + ~ .select2-container.select2-container--default.select2-container--open + .select2-selection, +form + .form-select.is-valid + ~ .select2-container.select2-container--default + .select2-selection, +form + .form-select.is-valid + ~ .select2-container.select2-container--default.select2-container--focus + .select2-selection, +form + .form-select.is-valid + ~ .select2-container.select2-container--default.select2-container--open + .select2-selection, +form.was-validated + .form-select:valid + ~ .select2-container.select2-container--default + .select2-selection, +form.was-validated + .form-select:valid + ~ .select2-container.select2-container--default.select2-container--focus + .select2-selection, +form.was-validated + .form-select:valid + ~ .select2-container.select2-container--default.select2-container--open + .select2-selection { + border-width: 2px; + border-color: var(--bs-form-validation-border-color); + box-shadow: var(--bs-form-validation-shadow); +} +form + .form-select.is-invalid + ~ .select2-container.select2-container--default + .select2-selection--single + .select2-selection__rendered, +form + .form-select.is-invalid + ~ .select2-container.select2-container--default.select2-container--focus + .select2-selection--single + .select2-selection__rendered, +form + .form-select.is-invalid + ~ .select2-container.select2-container--default.select2-container--open + .select2-selection--single + .select2-selection__rendered, +form.was-validated + .form-select:invalid + ~ .select2-container.select2-container--default + .select2-selection--single + .select2-selection__rendered, +form.was-validated + .form-select:invalid + ~ .select2-container.select2-container--default.select2-container--focus + .select2-selection--single + .select2-selection__rendered, +form.was-validated + .form-select:invalid + ~ .select2-container.select2-container--default.select2-container--open + .select2-selection--single + .select2-selection__rendered, +form + .form-select.is-valid + ~ .select2-container.select2-container--default + .select2-selection--single + .select2-selection__rendered, +form + .form-select.is-valid + ~ .select2-container.select2-container--default.select2-container--focus + .select2-selection--single + .select2-selection__rendered, +form + .form-select.is-valid + ~ .select2-container.select2-container--default.select2-container--open + .select2-selection--single + .select2-selection__rendered, +form.was-validated + .form-select:valid + ~ .select2-container.select2-container--default + .select2-selection--single + .select2-selection__rendered, +form.was-validated + .form-select:valid + ~ .select2-container.select2-container--default.select2-container--focus + .select2-selection--single + .select2-selection__rendered, +form.was-validated + .form-select:valid + ~ .select2-container.select2-container--default.select2-container--open + .select2-selection--single + .select2-selection__rendered { + line-height: calc(var(--bs-select-height) - 4px); + padding-inline-end: calc(2.625rem - var(--bs-select-border-width)); + padding-inline-start: calc(0.9375rem - var(--bs-select-border-width)); +} +form + .form-select.is-invalid + ~ .select2-container.select2-container--default + .select2-selection--multiple + .select2-selection__rendered, +form + .form-select.is-invalid + ~ .select2-container.select2-container--default.select2-container--focus + .select2-selection--multiple + .select2-selection__rendered, +form + .form-select.is-invalid + ~ .select2-container.select2-container--default.select2-container--open + .select2-selection--multiple + .select2-selection__rendered, +form.was-validated + .form-select:invalid + ~ .select2-container.select2-container--default + .select2-selection--multiple + .select2-selection__rendered, +form.was-validated + .form-select:invalid + ~ .select2-container.select2-container--default.select2-container--focus + .select2-selection--multiple + .select2-selection__rendered, +form.was-validated + .form-select:invalid + ~ .select2-container.select2-container--default.select2-container--open + .select2-selection--multiple + .select2-selection__rendered, +form + .form-select.is-valid + ~ .select2-container.select2-container--default + .select2-selection--multiple + .select2-selection__rendered, +form + .form-select.is-valid + ~ .select2-container.select2-container--default.select2-container--focus + .select2-selection--multiple + .select2-selection__rendered, +form + .form-select.is-valid + ~ .select2-container.select2-container--default.select2-container--open + .select2-selection--multiple + .select2-selection__rendered, +form.was-validated + .form-select:valid + ~ .select2-container.select2-container--default + .select2-selection--multiple + .select2-selection__rendered, +form.was-validated + .form-select:valid + ~ .select2-container.select2-container--default.select2-container--focus + .select2-selection--multiple + .select2-selection__rendered, +form.was-validated + .form-select:valid + ~ .select2-container.select2-container--default.select2-container--open + .select2-selection--multiple + .select2-selection__rendered { + padding-block: calc( + var(--bs-select-multiple-padding-y) - var(--bs-select-border-width) + ); + padding-inline-start: calc( + var(--bs-select-multiple-padding-x) - var(--bs-select-border-width) + ); +} + +.btn { + --bs-btn-box-shadow-rgb: transparent; + --bs-btn-focus-shadow-rgb: transparent; + --bs-btn-active-shadow-rgb: transparent; + --bs-btn-box-shadow: 0 0.125rem 0.25rem 0 + rgba(var(--bs-btn-box-shadow-rgb), 0.4); + --bs-btn-focus-box-shadow: none; + --bs-btn-active-border-color: transparent; + --bs-btn-active-shadow: none; + display: inline-flex; + align-items: center; + justify-content: center; + /* Table Action Dropdown fix */ + /* override bootstrap styles of the checkbox/radio buttons */ + /* Buttons Variant */ + /* Label */ + /* Outline */ + /* Text */ +} +.btn:not(:focus, :active) { + box-shadow: var(--bs-btn-box-shadow); +} +.btn-group .btn, +.input-group .btn { + border-inline-end: var(--bs-border-width) solid + var(--bs-btn-group-border-color); + border-inline-start: var(--bs-border-width) solid + var(--bs-btn-group-border-color); +} +.btn-group-vertical .btn { + border-block-end: var(--bs-border-width) solid + var(--bs-btn-group-border-color); + border-block-start: var(--bs-border-width) solid + var(--bs-btn-group-border-color); +} +.btn-check:checked + .btn, +:not(.btn-check) + .btn:active, +.btn:first-child:active, +.btn.active, +.btn.show { + box-shadow: var(--bs-btn-active-shadow); +} +.btn:disabled, +.btn.disabled, +fieldset:disabled .btn { + box-shadow: none; +} +.btn:not([class*="btn-"]):active, +.btn:not([class*="btn-"]).active, +.btn:not([class*="btn-"]).show, +.btn:not([class*="btn-"]) { + --bs-btn-border-width: 0; +} +.btn-check + .btn:hover { + border-color: var(--bs-btn-hover-border-color); + background-color: var(--bs-btn-hover-bg); + color: var(--bs-btn-hover-color); +} +.btn[class*="btn-label-"]:not(:hover), +.btn[class*="btn-label-"]:focus, +.btn[class*="btn-label-"]:active { + --bs-btn-box-shadow: none; +} +.btn[class*="btn-label-"]:hover { + box-shadow: var(--bs-btn-box-shadow); +} +.btn[class*="btn-outline-"] { + --bs-btn-bg: transparent; + --bs-btn-focus-box-shadow: none; + --bs-btn-active-shadow: none; + --bs-btn-disabled-bg: transparent; +} +.btn[class*="btn-outline-"] .badge { + --bs-badge-bg-color: var(--bs-btn-color); + --bs-badge-color: var(--bs-btn-hover-color); +} +.btn[class*="btn-outline-"]:not(:hover) { + --bs-btn-box-shadow: none; +} +.btn[class*="btn-outline-"]:hover .badge:not([class*="badge-outline"]), +.btn[class*="btn-outline-"]:focus:hover .badge:not([class*="badge-outline"]), +.btn[class*="btn-outline-"]:focus:not(:hover) + .badge:not([class*="badge-outline"]), +.btn[class*="btn-outline-"]:active .badge:not([class*="badge-outline"]), +.btn[class*="btn-outline-"].active .badge:not([class*="badge-outline"]), +.show + > .btn[class*="btn-outline-"].dropdown-toggle + .badge:not([class*="badge-outline"]) { + --bs-badge-bg-color: var(--bs-btn-hover-color); + --bs-badge-color: var(--bs-btn-hover-bg); +} +.btn.btn-white { + --bs-btn-bg: var(--bs-white); + --bs-btn-color: var(--bs-body-color); + --bs-btn-border-color: var(--bs-white); + --bs-btn-hover-color: var(--bs-black); + --bs-btn-hover-bg: var(--bs-btn-bg); + --bs-btn-hover-border-color: var(--bs-btn-border-color); + --bs-btn-active-color: var(--bs-btn-hover-color); + --bs-btn-active-bg: var(--bs-btn-hover-bg); + --bs-btn-active-border-color: var(--bs-btn-hover-border-color); + --bs-btn-box-shadow-rgb: var(--bs-white-rgb); + --bs-btn-active-shadow-rgb: var(--bs-btn-box-shadow-rgb); +} +.btn[class*="btn-text-"] { + --bs-btn-bg: transparent; + --bs-btn-border-color: transparent; + --bs-btn-box-shadow: none; + --bs-btn-focus-box-shadow: none; + --bs-btn-active-shadow: none; + --bs-btn-disabled-bg: transparent; + --bs-btn-disabled-border-color: transparent; +} +.btn[class*="btn-text-"]:not(.btn-icon) { + padding-inline: 0.75rem; +} +.btn[class*="btn-text-"]:not(.btn-icon)[class*="btn-sm"] { + padding-inline: 0.5rem; +} +.btn[class*="btn-text-"]:not(.btn-icon)[class*="btn-lg"] { + padding-inline: 1rem; +} +.btn:hover { + transform: translateY(-1px); +} +.btn:focus { + transform: translateY(0); +} + +/* Badge within button */ +.btn .badge { + transition: all 0.2s ease-in-out; + inset-block-start: 0; +} +@media (prefers-reduced-motion: reduce) { + .btn .badge { + transition: none; + } +} + +label.btn { + margin-block-end: 0; +} + +/* Button Sizes */ +.btn-xl, +.btn-group-xl > .btn { + --bs-btn-padding-y: 0.852rem; + --bs-btn-padding-x: 1.5rem; + --bs-btn-font-size: 1.125rem; + --bs-btn-border-radius: 0.625rem; +} + +.btn-xs, +.btn-group-xs > .btn { + --bs-btn-padding-y: 0.196rem; + --bs-btn-padding-x: 0.625rem; + --bs-btn-font-size: 0.625rem; + --bs-btn-border-radius: 0.125rem; +} + +/* Icon button */ +.btn-icon { + display: inline-flex; + flex-shrink: 0; + align-items: center; + justify-content: center; + padding: 0; + block-size: calc(2.2505001rem + calc(var(--bs-border-width) * 2)); + font-size: 1.2890625rem; + inline-size: calc(2.2505001rem + calc(var(--bs-border-width) * 2)); +} +.btn-icon .icon-base { + block-size: 1.2890625rem; + font-size: 1.2890625rem; + inline-size: 1.2890625rem; +} +.btn-icon.btn-xl, +.btn-group-xl > .btn-icon.btn { + block-size: calc(3.250875rem + calc(var(--bs-border-width) * 2)); + inline-size: calc(3.250875rem + calc(var(--bs-border-width) * 2)); +} +.btn-icon.btn-xl .icon-base, +.btn-group-xl > .btn-icon.btn .icon-base { + block-size: 1.546875rem; + font-size: 1.546875rem; + inline-size: 1.546875rem; +} +.btn-icon.btn-lg, +.btn-group-lg > .btn-icon.btn { + block-size: calc(2.8769375rem + calc(var(--bs-border-width) * 2)); + font-size: 1.4609375rem; + inline-size: calc(2.8769375rem + calc(var(--bs-border-width) * 2)); +} +.btn-icon.btn-lg .icon-base, +.btn-group-lg > .btn-icon.btn .icon-base { + block-size: 1.4609375rem; + font-size: 1.4609375rem; + inline-size: 1.4609375rem; +} +.btn-icon.btn-sm, +.btn-group-sm > .btn-icon.btn { + block-size: calc(1.7505535rem + calc(var(--bs-border-width) * 2)); + font-size: 0.8125rem; + inline-size: calc(1.7505535rem + calc(var(--bs-border-width) * 2)); +} +.btn-icon.btn-sm .icon-base, +.btn-group-sm > .btn-icon.btn .icon-base { + block-size: 0.8125rem; + font-size: 0.8125rem; + inline-size: 0.8125rem; +} +.btn-icon.btn-xs, +.btn-group-xs > .btn-icon.btn { + block-size: calc(1.250983rem + calc(var(--bs-border-width) * 2)); + font-size: 0.625rem; + inline-size: calc(1.250983rem + calc(var(--bs-border-width) * 2)); +} +.btn-icon.btn-xs .icon-base, +.btn-group-xs > .btn-icon.btn .icon-base { + block-size: 0.625rem; + font-size: 0.625rem; + inline-size: 0.625rem; +} + +/* Link buttons */ +.btn.btn-link { + font-size: inherit; +} + +.btn-pinned { + position: absolute; + inset-block-start: 0.75rem; + inset-inline-end: 0.75rem; +} + +/* Button focus */ +button:focus, +button:focus-visible { + outline: 0; +} + +/* Generate contextual modifier classes for colorizing the button */ +/* The $custom-theme-colors variable is used to ensure that the colors for the social buttons + come from a separate array. To achieve this, both the $custom-colors and $theme-colors + arrays are merged in the _color.scss file. */ +/* Default */ +.btn-primary { + --bs-btn-bg: var(--bs-primary); + --bs-btn-color: var(--bs-primary-contrast); + --bs-btn-border-color: var(--bs-primary); + --bs-btn-hover-color: var(--bs-primary-contrast); + --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-primary)); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-active-color: var(--bs-primary-contrast); + --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-primary)); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-box-shadow-rgb: var(--bs-primary-rgb); + --bs-btn-disabled-color: var(--bs-primary-contrast); + --bs-btn-disabled-bg: var(--bs-primary); + --bs-btn-disabled-border-color: var(--bs-primary); + --bs-btn-group-border-color: color-mix(in sRGB, #000 10%, var(--bs-primary)); +} + +/* Label */ +.btn-label-primary { + --bs-btn-color: var(--bs-primary); + --bs-btn-bg: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-primary) + ); + --bs-btn-border-color: var(--bs-btn-bg); + --bs-btn-hover-color: var(--bs-primary-contrast); + --bs-btn-hover-bg: color-mix(in sRGB, #000 15%, var(--bs-primary)); + --bs-btn-box-shadow-rgb: var(--bs-primary-rgb); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-active-color: var(--bs-primary-contrast); + --bs-btn-active-bg: color-mix(in sRGB, #000 15%, var(--bs-primary)); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-disabled-color: var(--bs-btn-color); + --bs-btn-disabled-bg: var(--bs-btn-bg); + --bs-btn-disabled-border-color: var(--bs-btn-border-color); + --bs-btn-group-border-color: color-mix( + in sRGB, + var(--bs-paper-bg) 68%, + var(--bs-primary) + ); +} + +/* Outline */ +.btn-outline-primary { + --bs-btn-color: var(--bs-primary); + --bs-btn-border-color: var(--bs-primary); + --bs-btn-hover-color: var(--bs-primary-contrast); + --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-primary)); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-box-shadow-rgb: var(--bs-primary-rgb); + --bs-btn-active-color: var(--bs-primary-contrast); + --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-primary)); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-disabled-color: var(--bs-primary); + --bs-btn-disabled-border-color: var(--bs-primary); + --bs-btn-group-border-color: var(--bs-primary); +} + +/* Text */ +.btn-text-primary { + --bs-btn-color: var(--bs-primary); + --bs-btn-hover-color: var(--bs-primary); + --bs-btn-active-color: var(--bs-primary); + --bs-btn-group-border-color: var(--bs-primary); + --bs-btn-hover-color: var(--bs-primary); + --bs-btn-active-color: var(--bs-primary); + --bs-btn-group-border-color: var(--bs-primary); + --bs-btn-hover-bg: color-mix( + in sRGB, + var(--bs-paper-bg) 92%, + var(--bs-primary) + ); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-active-bg: color-mix( + in sRGB, + var(--bs-paper-bg) 92%, + var(--bs-primary) + ); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-disabled-color: var(--bs-primary); +} + +/* Default */ +.btn-secondary { + --bs-btn-bg: var(--bs-secondary); + --bs-btn-color: var(--bs-secondary-contrast); + --bs-btn-border-color: var(--bs-secondary); + --bs-btn-hover-color: var(--bs-secondary-contrast); + --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-secondary)); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-active-color: var(--bs-secondary-contrast); + --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-secondary)); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-box-shadow-rgb: var(--bs-secondary-rgb); + --bs-btn-disabled-color: var(--bs-secondary-contrast); + --bs-btn-disabled-bg: var(--bs-secondary); + --bs-btn-disabled-border-color: var(--bs-secondary); + --bs-btn-group-border-color: color-mix( + in sRGB, + #000 10%, + var(--bs-secondary) + ); +} + +/* Label */ +.btn-label-secondary { + --bs-btn-color: var(--bs-secondary); + --bs-btn-bg: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-secondary) + ); + --bs-btn-border-color: var(--bs-btn-bg); + --bs-btn-hover-color: var(--bs-secondary-contrast); + --bs-btn-hover-bg: color-mix(in sRGB, #000 15%, var(--bs-secondary)); + --bs-btn-box-shadow-rgb: var(--bs-secondary-rgb); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-active-color: var(--bs-secondary-contrast); + --bs-btn-active-bg: color-mix(in sRGB, #000 15%, var(--bs-secondary)); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-disabled-color: var(--bs-btn-color); + --bs-btn-disabled-bg: var(--bs-btn-bg); + --bs-btn-disabled-border-color: var(--bs-btn-border-color); + --bs-btn-group-border-color: color-mix( + in sRGB, + var(--bs-paper-bg) 68%, + var(--bs-secondary) + ); +} + +/* Outline */ +.btn-outline-secondary { + --bs-btn-color: var(--bs-secondary); + --bs-btn-border-color: var(--bs-secondary); + --bs-btn-hover-color: var(--bs-secondary-contrast); + --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-secondary)); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-box-shadow-rgb: var(--bs-secondary-rgb); + --bs-btn-active-color: var(--bs-secondary-contrast); + --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-secondary)); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-disabled-color: var(--bs-secondary); + --bs-btn-disabled-border-color: var(--bs-secondary); + --bs-btn-group-border-color: var(--bs-secondary); +} + +/* Text */ +.btn-text-secondary { + --bs-btn-color: var(--bs-body-color); + --bs-btn-hover-color: var(--bs-body-color); + --bs-btn-active-color: var(--bs-body-color); + --bs-btn-hover-color: var(--bs-secondary); + --bs-btn-active-color: var(--bs-secondary); + --bs-btn-group-border-color: var(--bs-secondary); + --bs-btn-hover-bg: color-mix( + in sRGB, + var(--bs-paper-bg) 92%, + var(--bs-secondary) + ); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-active-bg: color-mix( + in sRGB, + var(--bs-paper-bg) 92%, + var(--bs-secondary) + ); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-disabled-color: var(--bs-secondary); +} + +/* Default */ +.btn-success { + --bs-btn-bg: var(--bs-success); + --bs-btn-color: var(--bs-success-contrast); + --bs-btn-border-color: var(--bs-success); + --bs-btn-hover-color: var(--bs-success-contrast); + --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-success)); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-active-color: var(--bs-success-contrast); + --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-success)); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-box-shadow-rgb: var(--bs-success-rgb); + --bs-btn-disabled-color: var(--bs-success-contrast); + --bs-btn-disabled-bg: var(--bs-success); + --bs-btn-disabled-border-color: var(--bs-success); + --bs-btn-group-border-color: color-mix(in sRGB, #000 10%, var(--bs-success)); +} + +/* Label */ +.btn-label-success { + --bs-btn-color: var(--bs-success); + --bs-btn-bg: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-success) + ); + --bs-btn-border-color: var(--bs-btn-bg); + --bs-btn-hover-color: var(--bs-success-contrast); + --bs-btn-hover-bg: color-mix(in sRGB, #000 15%, var(--bs-success)); + --bs-btn-box-shadow-rgb: var(--bs-success-rgb); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-active-color: var(--bs-success-contrast); + --bs-btn-active-bg: color-mix(in sRGB, #000 15%, var(--bs-success)); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-disabled-color: var(--bs-btn-color); + --bs-btn-disabled-bg: var(--bs-btn-bg); + --bs-btn-disabled-border-color: var(--bs-btn-border-color); + --bs-btn-group-border-color: color-mix( + in sRGB, + var(--bs-paper-bg) 68%, + var(--bs-success) + ); +} + +/* Outline */ +.btn-outline-success { + --bs-btn-color: var(--bs-success); + --bs-btn-border-color: var(--bs-success); + --bs-btn-hover-color: var(--bs-success-contrast); + --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-success)); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-box-shadow-rgb: var(--bs-success-rgb); + --bs-btn-active-color: var(--bs-success-contrast); + --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-success)); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-disabled-color: var(--bs-success); + --bs-btn-disabled-border-color: var(--bs-success); + --bs-btn-group-border-color: var(--bs-success); +} + +/* Text */ +.btn-text-success { + --bs-btn-color: var(--bs-success); + --bs-btn-hover-color: var(--bs-success); + --bs-btn-active-color: var(--bs-success); + --bs-btn-group-border-color: var(--bs-success); + --bs-btn-hover-color: var(--bs-success); + --bs-btn-active-color: var(--bs-success); + --bs-btn-group-border-color: var(--bs-success); + --bs-btn-hover-bg: color-mix( + in sRGB, + var(--bs-paper-bg) 92%, + var(--bs-success) + ); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-active-bg: color-mix( + in sRGB, + var(--bs-paper-bg) 92%, + var(--bs-success) + ); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-disabled-color: var(--bs-success); +} + +/* Default */ +.btn-info { + --bs-btn-bg: var(--bs-info); + --bs-btn-color: var(--bs-info-contrast); + --bs-btn-border-color: var(--bs-info); + --bs-btn-hover-color: var(--bs-info-contrast); + --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-info)); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-active-color: var(--bs-info-contrast); + --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-info)); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-box-shadow-rgb: var(--bs-info-rgb); + --bs-btn-disabled-color: var(--bs-info-contrast); + --bs-btn-disabled-bg: var(--bs-info); + --bs-btn-disabled-border-color: var(--bs-info); + --bs-btn-group-border-color: color-mix(in sRGB, #000 10%, var(--bs-info)); +} + +/* Label */ +.btn-label-info { + --bs-btn-color: var(--bs-info); + --bs-btn-bg: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-info) + ); + --bs-btn-border-color: var(--bs-btn-bg); + --bs-btn-hover-color: var(--bs-info-contrast); + --bs-btn-hover-bg: color-mix(in sRGB, #000 15%, var(--bs-info)); + --bs-btn-box-shadow-rgb: var(--bs-info-rgb); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-active-color: var(--bs-info-contrast); + --bs-btn-active-bg: color-mix(in sRGB, #000 15%, var(--bs-info)); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-disabled-color: var(--bs-btn-color); + --bs-btn-disabled-bg: var(--bs-btn-bg); + --bs-btn-disabled-border-color: var(--bs-btn-border-color); + --bs-btn-group-border-color: color-mix( + in sRGB, + var(--bs-paper-bg) 68%, + var(--bs-info) + ); +} + +/* Outline */ +.btn-outline-info { + --bs-btn-color: var(--bs-info); + --bs-btn-border-color: var(--bs-info); + --bs-btn-hover-color: var(--bs-info-contrast); + --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-info)); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-box-shadow-rgb: var(--bs-info-rgb); + --bs-btn-active-color: var(--bs-info-contrast); + --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-info)); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-disabled-color: var(--bs-info); + --bs-btn-disabled-border-color: var(--bs-info); + --bs-btn-group-border-color: var(--bs-info); +} + +/* Text */ +.btn-text-info { + --bs-btn-color: var(--bs-info); + --bs-btn-hover-color: var(--bs-info); + --bs-btn-active-color: var(--bs-info); + --bs-btn-group-border-color: var(--bs-info); + --bs-btn-hover-color: var(--bs-info); + --bs-btn-active-color: var(--bs-info); + --bs-btn-group-border-color: var(--bs-info); + --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-info)); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-active-bg: color-mix( + in sRGB, + var(--bs-paper-bg) 92%, + var(--bs-info) + ); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-disabled-color: var(--bs-info); +} + +/* Default */ +.btn-warning { + --bs-btn-bg: var(--bs-warning); + --bs-btn-color: var(--bs-warning-contrast); + --bs-btn-border-color: var(--bs-warning); + --bs-btn-hover-color: var(--bs-warning-contrast); + --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-warning)); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-active-color: var(--bs-warning-contrast); + --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-warning)); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-box-shadow-rgb: var(--bs-warning-rgb); + --bs-btn-disabled-color: var(--bs-warning-contrast); + --bs-btn-disabled-bg: var(--bs-warning); + --bs-btn-disabled-border-color: var(--bs-warning); + --bs-btn-group-border-color: color-mix(in sRGB, #000 10%, var(--bs-warning)); +} + +/* Label */ +.btn-label-warning { + --bs-btn-color: var(--bs-warning); + --bs-btn-bg: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-warning) + ); + --bs-btn-border-color: var(--bs-btn-bg); + --bs-btn-hover-color: var(--bs-warning-contrast); + --bs-btn-hover-bg: color-mix(in sRGB, #000 15%, var(--bs-warning)); + --bs-btn-box-shadow-rgb: var(--bs-warning-rgb); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-active-color: var(--bs-warning-contrast); + --bs-btn-active-bg: color-mix(in sRGB, #000 15%, var(--bs-warning)); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-disabled-color: var(--bs-btn-color); + --bs-btn-disabled-bg: var(--bs-btn-bg); + --bs-btn-disabled-border-color: var(--bs-btn-border-color); + --bs-btn-group-border-color: color-mix( + in sRGB, + var(--bs-paper-bg) 68%, + var(--bs-warning) + ); +} + +/* Outline */ +.btn-outline-warning { + --bs-btn-color: var(--bs-warning); + --bs-btn-border-color: var(--bs-warning); + --bs-btn-hover-color: var(--bs-warning-contrast); + --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-warning)); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-box-shadow-rgb: var(--bs-warning-rgb); + --bs-btn-active-color: var(--bs-warning-contrast); + --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-warning)); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-disabled-color: var(--bs-warning); + --bs-btn-disabled-border-color: var(--bs-warning); + --bs-btn-group-border-color: var(--bs-warning); +} + +/* Text */ +.btn-text-warning { + --bs-btn-color: var(--bs-warning); + --bs-btn-hover-color: var(--bs-warning); + --bs-btn-active-color: var(--bs-warning); + --bs-btn-group-border-color: var(--bs-warning); + --bs-btn-hover-color: var(--bs-warning); + --bs-btn-active-color: var(--bs-warning); + --bs-btn-group-border-color: var(--bs-warning); + --bs-btn-hover-bg: color-mix( + in sRGB, + var(--bs-paper-bg) 92%, + var(--bs-warning) + ); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-active-bg: color-mix( + in sRGB, + var(--bs-paper-bg) 92%, + var(--bs-warning) + ); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-disabled-color: var(--bs-warning); +} + +/* Default */ +.btn-danger { + --bs-btn-bg: var(--bs-danger); + --bs-btn-color: var(--bs-danger-contrast); + --bs-btn-border-color: var(--bs-danger); + --bs-btn-hover-color: var(--bs-danger-contrast); + --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-danger)); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-active-color: var(--bs-danger-contrast); + --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-danger)); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-box-shadow-rgb: var(--bs-danger-rgb); + --bs-btn-disabled-color: var(--bs-danger-contrast); + --bs-btn-disabled-bg: var(--bs-danger); + --bs-btn-disabled-border-color: var(--bs-danger); + --bs-btn-group-border-color: color-mix(in sRGB, #000 10%, var(--bs-danger)); +} + +/* Label */ +.btn-label-danger { + --bs-btn-color: var(--bs-danger); + --bs-btn-bg: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-danger) + ); + --bs-btn-border-color: var(--bs-btn-bg); + --bs-btn-hover-color: var(--bs-danger-contrast); + --bs-btn-hover-bg: color-mix(in sRGB, #000 15%, var(--bs-danger)); + --bs-btn-box-shadow-rgb: var(--bs-danger-rgb); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-active-color: var(--bs-danger-contrast); + --bs-btn-active-bg: color-mix(in sRGB, #000 15%, var(--bs-danger)); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-disabled-color: var(--bs-btn-color); + --bs-btn-disabled-bg: var(--bs-btn-bg); + --bs-btn-disabled-border-color: var(--bs-btn-border-color); + --bs-btn-group-border-color: color-mix( + in sRGB, + var(--bs-paper-bg) 68%, + var(--bs-danger) + ); +} + +/* Outline */ +.btn-outline-danger { + --bs-btn-color: var(--bs-danger); + --bs-btn-border-color: var(--bs-danger); + --bs-btn-hover-color: var(--bs-danger-contrast); + --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-danger)); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-box-shadow-rgb: var(--bs-danger-rgb); + --bs-btn-active-color: var(--bs-danger-contrast); + --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-danger)); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-disabled-color: var(--bs-danger); + --bs-btn-disabled-border-color: var(--bs-danger); + --bs-btn-group-border-color: var(--bs-danger); +} + +/* Text */ +.btn-text-danger { + --bs-btn-color: var(--bs-danger); + --bs-btn-hover-color: var(--bs-danger); + --bs-btn-active-color: var(--bs-danger); + --bs-btn-group-border-color: var(--bs-danger); + --bs-btn-hover-color: var(--bs-danger); + --bs-btn-active-color: var(--bs-danger); + --bs-btn-group-border-color: var(--bs-danger); + --bs-btn-hover-bg: color-mix( + in sRGB, + var(--bs-paper-bg) 92%, + var(--bs-danger) + ); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-active-bg: color-mix( + in sRGB, + var(--bs-paper-bg) 92%, + var(--bs-danger) + ); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-disabled-color: var(--bs-danger); +} + +/* Default */ +.btn-light { + --bs-btn-bg: var(--bs-light); + --bs-btn-color: var(--bs-light-contrast); + --bs-btn-border-color: var(--bs-light); + --bs-btn-hover-color: var(--bs-light-contrast); + --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-light)); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-active-color: var(--bs-light-contrast); + --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-light)); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-box-shadow-rgb: var(--bs-light-rgb); + --bs-btn-disabled-color: var(--bs-light-contrast); + --bs-btn-disabled-bg: var(--bs-light); + --bs-btn-disabled-border-color: var(--bs-light); + --bs-btn-group-border-color: color-mix(in sRGB, #000 10%, var(--bs-light)); +} + +/* Label */ +.btn-label-light { + --bs-btn-color: var(--bs-light-contrast); + --bs-btn-bg: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-light) + ); + --bs-btn-border-color: var(--bs-btn-bg); + --bs-btn-hover-color: var(--bs-light-contrast); + --bs-btn-hover-bg: color-mix(in sRGB, #000 15%, var(--bs-light)); + --bs-btn-box-shadow-rgb: var(--bs-light-rgb); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-active-color: var(--bs-light-contrast); + --bs-btn-active-bg: color-mix(in sRGB, #000 15%, var(--bs-light)); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-disabled-color: var(--bs-btn-color); + --bs-btn-disabled-bg: var(--bs-btn-bg); + --bs-btn-disabled-border-color: var(--bs-btn-border-color); + --bs-btn-group-border-color: color-mix( + in sRGB, + var(--bs-paper-bg) 68%, + var(--bs-light) + ); +} + +/* Outline */ +.btn-outline-light { + --bs-btn-color: var(--bs-light); + --bs-btn-border-color: var(--bs-light); + --bs-btn-hover-color: var(--bs-light-contrast); + --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-light)); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-box-shadow-rgb: var(--bs-light-rgb); + --bs-btn-active-color: var(--bs-light-contrast); + --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-light)); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-disabled-color: var(--bs-light); + --bs-btn-disabled-border-color: var(--bs-light); + --bs-btn-group-border-color: var(--bs-light); +} + +/* Text */ +.btn-text-light { + --bs-btn-color: var(--bs-light); + --bs-btn-hover-color: var(--bs-light); + --bs-btn-active-color: var(--bs-light); + --bs-btn-group-border-color: var(--bs-light); + --bs-btn-hover-color: var(--bs-light); + --bs-btn-active-color: var(--bs-light); + --bs-btn-group-border-color: var(--bs-light); + --bs-btn-hover-bg: color-mix( + in sRGB, + var(--bs-paper-bg) 92%, + var(--bs-light) + ); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-active-bg: color-mix( + in sRGB, + var(--bs-paper-bg) 92%, + var(--bs-light) + ); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-disabled-color: var(--bs-light); +} + +/* Default */ +.btn-dark { + --bs-btn-bg: var(--bs-dark); + --bs-btn-color: var(--bs-dark-contrast); + --bs-btn-border-color: var(--bs-dark); + --bs-btn-hover-color: var(--bs-dark-contrast); + --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-dark)); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-active-color: var(--bs-dark-contrast); + --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-dark)); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-box-shadow-rgb: var(--bs-dark-rgb); + --bs-btn-disabled-color: var(--bs-dark-contrast); + --bs-btn-disabled-bg: var(--bs-dark); + --bs-btn-disabled-border-color: var(--bs-dark); + --bs-btn-group-border-color: color-mix(in sRGB, #000 10%, var(--bs-dark)); +} + +/* Label */ +.btn-label-dark { + --bs-btn-color: var(--bs-dark); + --bs-btn-bg: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-dark) + ); + --bs-btn-border-color: var(--bs-btn-bg); + --bs-btn-hover-color: var(--bs-dark-contrast); + --bs-btn-hover-bg: color-mix(in sRGB, #000 15%, var(--bs-dark)); + --bs-btn-box-shadow-rgb: var(--bs-dark-rgb); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-active-color: var(--bs-dark-contrast); + --bs-btn-active-bg: color-mix(in sRGB, #000 15%, var(--bs-dark)); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-disabled-color: var(--bs-btn-color); + --bs-btn-disabled-bg: var(--bs-btn-bg); + --bs-btn-disabled-border-color: var(--bs-btn-border-color); + --bs-btn-group-border-color: color-mix( + in sRGB, + var(--bs-paper-bg) 68%, + var(--bs-dark) + ); +} + +/* Outline */ +.btn-outline-dark { + --bs-btn-color: var(--bs-dark); + --bs-btn-border-color: var(--bs-dark); + --bs-btn-hover-color: var(--bs-dark-contrast); + --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-dark)); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-box-shadow-rgb: var(--bs-dark-rgb); + --bs-btn-active-color: var(--bs-dark-contrast); + --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-dark)); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-disabled-color: var(--bs-dark); + --bs-btn-disabled-border-color: var(--bs-dark); + --bs-btn-group-border-color: var(--bs-dark); +} + +/* Text */ +.btn-text-dark { + --bs-btn-color: var(--bs-dark); + --bs-btn-hover-color: var(--bs-dark); + --bs-btn-active-color: var(--bs-dark); + --bs-btn-group-border-color: var(--bs-dark); + --bs-btn-hover-color: var(--bs-dark); + --bs-btn-active-color: var(--bs-dark); + --bs-btn-group-border-color: var(--bs-dark); + --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-dark)); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-active-bg: color-mix( + in sRGB, + var(--bs-paper-bg) 92%, + var(--bs-dark) + ); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-disabled-color: var(--bs-dark); +} + +/* Default */ +.btn-gray { + --bs-btn-bg: var(--bs-gray); + --bs-btn-color: var(--bs-gray-contrast); + --bs-btn-border-color: var(--bs-gray); + --bs-btn-hover-color: var(--bs-gray-contrast); + --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-gray)); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-active-color: var(--bs-gray-contrast); + --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-gray)); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-box-shadow-rgb: var(--bs-gray-rgb); + --bs-btn-disabled-color: var(--bs-gray-contrast); + --bs-btn-disabled-bg: var(--bs-gray); + --bs-btn-disabled-border-color: var(--bs-gray); + --bs-btn-group-border-color: color-mix(in sRGB, #000 10%, var(--bs-gray)); +} + +/* Label */ +.btn-label-gray { + --bs-btn-color: var(--bs-gray); + --bs-btn-bg: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-gray) + ); + --bs-btn-border-color: var(--bs-btn-bg); + --bs-btn-hover-color: var(--bs-gray-contrast); + --bs-btn-hover-bg: color-mix(in sRGB, #000 15%, var(--bs-gray)); + --bs-btn-box-shadow-rgb: var(--bs-gray-rgb); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-active-color: var(--bs-gray-contrast); + --bs-btn-active-bg: color-mix(in sRGB, #000 15%, var(--bs-gray)); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-disabled-color: var(--bs-btn-color); + --bs-btn-disabled-bg: var(--bs-btn-bg); + --bs-btn-disabled-border-color: var(--bs-btn-border-color); + --bs-btn-group-border-color: color-mix( + in sRGB, + var(--bs-paper-bg) 68%, + var(--bs-gray) + ); +} + +/* Outline */ +.btn-outline-gray { + --bs-btn-color: var(--bs-gray); + --bs-btn-border-color: var(--bs-gray); + --bs-btn-hover-color: var(--bs-gray-contrast); + --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-gray)); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-box-shadow-rgb: var(--bs-gray-rgb); + --bs-btn-active-color: var(--bs-gray-contrast); + --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-gray)); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-disabled-color: var(--bs-gray); + --bs-btn-disabled-border-color: var(--bs-gray); + --bs-btn-group-border-color: var(--bs-gray); +} + +/* Text */ +.btn-text-gray { + --bs-btn-color: var(--bs-gray); + --bs-btn-hover-color: var(--bs-gray); + --bs-btn-active-color: var(--bs-gray); + --bs-btn-group-border-color: var(--bs-gray); + --bs-btn-hover-color: var(--bs-gray); + --bs-btn-active-color: var(--bs-gray); + --bs-btn-group-border-color: var(--bs-gray); + --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-gray)); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-active-bg: color-mix( + in sRGB, + var(--bs-paper-bg) 92%, + var(--bs-gray) + ); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-disabled-color: var(--bs-gray); +} + +/* Default */ +.btn-facebook { + --bs-btn-bg: var(--bs-facebook); + --bs-btn-color: var(--bs-facebook-contrast); + --bs-btn-border-color: var(--bs-facebook); + --bs-btn-hover-color: var(--bs-facebook-contrast); + --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-facebook)); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-active-color: var(--bs-facebook-contrast); + --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-facebook)); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-box-shadow-rgb: var(--bs-facebook-rgb); + --bs-btn-disabled-color: var(--bs-facebook-contrast); + --bs-btn-disabled-bg: var(--bs-facebook); + --bs-btn-disabled-border-color: var(--bs-facebook); + --bs-btn-group-border-color: color-mix(in sRGB, #000 10%, var(--bs-facebook)); +} + +/* Label */ +.btn-label-facebook { + --bs-btn-color: var(--bs-facebook); + --bs-btn-bg: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-facebook) + ); + --bs-btn-border-color: var(--bs-btn-bg); + --bs-btn-hover-color: var(--bs-facebook-contrast); + --bs-btn-hover-bg: color-mix(in sRGB, #000 15%, var(--bs-facebook)); + --bs-btn-box-shadow-rgb: var(--bs-facebook-rgb); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-active-color: var(--bs-facebook-contrast); + --bs-btn-active-bg: color-mix(in sRGB, #000 15%, var(--bs-facebook)); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-disabled-color: var(--bs-btn-color); + --bs-btn-disabled-bg: var(--bs-btn-bg); + --bs-btn-disabled-border-color: var(--bs-btn-border-color); + --bs-btn-group-border-color: color-mix( + in sRGB, + var(--bs-paper-bg) 68%, + var(--bs-facebook) + ); +} + +/* Outline */ +.btn-outline-facebook { + --bs-btn-color: var(--bs-facebook); + --bs-btn-border-color: var(--bs-facebook); + --bs-btn-hover-color: var(--bs-facebook-contrast); + --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-facebook)); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-box-shadow-rgb: var(--bs-facebook-rgb); + --bs-btn-active-color: var(--bs-facebook-contrast); + --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-facebook)); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-disabled-color: var(--bs-facebook); + --bs-btn-disabled-border-color: var(--bs-facebook); + --bs-btn-group-border-color: var(--bs-facebook); +} + +/* Text */ +.btn-text-facebook { + --bs-btn-color: var(--bs-facebook); + --bs-btn-hover-color: var(--bs-facebook); + --bs-btn-active-color: var(--bs-facebook); + --bs-btn-group-border-color: var(--bs-facebook); + --bs-btn-hover-color: var(--bs-facebook); + --bs-btn-active-color: var(--bs-facebook); + --bs-btn-group-border-color: var(--bs-facebook); + --bs-btn-hover-bg: color-mix( + in sRGB, + var(--bs-paper-bg) 92%, + var(--bs-facebook) + ); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-active-bg: color-mix( + in sRGB, + var(--bs-paper-bg) 92%, + var(--bs-facebook) + ); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-disabled-color: var(--bs-facebook); +} + +/* Default */ +.btn-twitter { + --bs-btn-bg: var(--bs-twitter); + --bs-btn-color: var(--bs-twitter-contrast); + --bs-btn-border-color: var(--bs-twitter); + --bs-btn-hover-color: var(--bs-twitter-contrast); + --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-twitter)); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-active-color: var(--bs-twitter-contrast); + --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-twitter)); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-box-shadow-rgb: var(--bs-twitter-rgb); + --bs-btn-disabled-color: var(--bs-twitter-contrast); + --bs-btn-disabled-bg: var(--bs-twitter); + --bs-btn-disabled-border-color: var(--bs-twitter); + --bs-btn-group-border-color: color-mix(in sRGB, #000 10%, var(--bs-twitter)); +} + +/* Label */ +.btn-label-twitter { + --bs-btn-color: var(--bs-twitter); + --bs-btn-bg: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-twitter) + ); + --bs-btn-border-color: var(--bs-btn-bg); + --bs-btn-hover-color: var(--bs-twitter-contrast); + --bs-btn-hover-bg: color-mix(in sRGB, #000 15%, var(--bs-twitter)); + --bs-btn-box-shadow-rgb: var(--bs-twitter-rgb); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-active-color: var(--bs-twitter-contrast); + --bs-btn-active-bg: color-mix(in sRGB, #000 15%, var(--bs-twitter)); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-disabled-color: var(--bs-btn-color); + --bs-btn-disabled-bg: var(--bs-btn-bg); + --bs-btn-disabled-border-color: var(--bs-btn-border-color); + --bs-btn-group-border-color: color-mix( + in sRGB, + var(--bs-paper-bg) 68%, + var(--bs-twitter) + ); +} + +/* Outline */ +.btn-outline-twitter { + --bs-btn-color: var(--bs-twitter); + --bs-btn-border-color: var(--bs-twitter); + --bs-btn-hover-color: var(--bs-twitter-contrast); + --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-twitter)); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-box-shadow-rgb: var(--bs-twitter-rgb); + --bs-btn-active-color: var(--bs-twitter-contrast); + --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-twitter)); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-disabled-color: var(--bs-twitter); + --bs-btn-disabled-border-color: var(--bs-twitter); + --bs-btn-group-border-color: var(--bs-twitter); +} + +/* Text */ +.btn-text-twitter { + --bs-btn-color: var(--bs-twitter); + --bs-btn-hover-color: var(--bs-twitter); + --bs-btn-active-color: var(--bs-twitter); + --bs-btn-group-border-color: var(--bs-twitter); + --bs-btn-hover-color: var(--bs-twitter); + --bs-btn-active-color: var(--bs-twitter); + --bs-btn-group-border-color: var(--bs-twitter); + --bs-btn-hover-bg: color-mix( + in sRGB, + var(--bs-paper-bg) 92%, + var(--bs-twitter) + ); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-active-bg: color-mix( + in sRGB, + var(--bs-paper-bg) 92%, + var(--bs-twitter) + ); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-disabled-color: var(--bs-twitter); +} + +/* Default */ +.btn-google-plus { + --bs-btn-bg: var(--bs-google-plus); + --bs-btn-color: var(--bs-google-plus-contrast); + --bs-btn-border-color: var(--bs-google-plus); + --bs-btn-hover-color: var(--bs-google-plus-contrast); + --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-google-plus)); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-active-color: var(--bs-google-plus-contrast); + --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-google-plus)); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-box-shadow-rgb: var(--bs-google-plus-rgb); + --bs-btn-disabled-color: var(--bs-google-plus-contrast); + --bs-btn-disabled-bg: var(--bs-google-plus); + --bs-btn-disabled-border-color: var(--bs-google-plus); + --bs-btn-group-border-color: color-mix( + in sRGB, + #000 10%, + var(--bs-google-plus) + ); +} + +/* Label */ +.btn-label-google-plus { + --bs-btn-color: var(--bs-google-plus); + --bs-btn-bg: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-google-plus) + ); + --bs-btn-border-color: var(--bs-btn-bg); + --bs-btn-hover-color: var(--bs-google-plus-contrast); + --bs-btn-hover-bg: color-mix(in sRGB, #000 15%, var(--bs-google-plus)); + --bs-btn-box-shadow-rgb: var(--bs-google-plus-rgb); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-active-color: var(--bs-google-plus-contrast); + --bs-btn-active-bg: color-mix(in sRGB, #000 15%, var(--bs-google-plus)); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-disabled-color: var(--bs-btn-color); + --bs-btn-disabled-bg: var(--bs-btn-bg); + --bs-btn-disabled-border-color: var(--bs-btn-border-color); + --bs-btn-group-border-color: color-mix( + in sRGB, + var(--bs-paper-bg) 68%, + var(--bs-google-plus) + ); +} + +/* Outline */ +.btn-outline-google-plus { + --bs-btn-color: var(--bs-google-plus); + --bs-btn-border-color: var(--bs-google-plus); + --bs-btn-hover-color: var(--bs-google-plus-contrast); + --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-google-plus)); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-box-shadow-rgb: var(--bs-google-plus-rgb); + --bs-btn-active-color: var(--bs-google-plus-contrast); + --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-google-plus)); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-disabled-color: var(--bs-google-plus); + --bs-btn-disabled-border-color: var(--bs-google-plus); + --bs-btn-group-border-color: var(--bs-google-plus); +} + +/* Text */ +.btn-text-google-plus { + --bs-btn-color: var(--bs-google-plus); + --bs-btn-hover-color: var(--bs-google-plus); + --bs-btn-active-color: var(--bs-google-plus); + --bs-btn-group-border-color: var(--bs-google-plus); + --bs-btn-hover-color: var(--bs-google-plus); + --bs-btn-active-color: var(--bs-google-plus); + --bs-btn-group-border-color: var(--bs-google-plus); + --bs-btn-hover-bg: color-mix( + in sRGB, + var(--bs-paper-bg) 92%, + var(--bs-google-plus) + ); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-active-bg: color-mix( + in sRGB, + var(--bs-paper-bg) 92%, + var(--bs-google-plus) + ); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-disabled-color: var(--bs-google-plus); +} + +/* Default */ +.btn-instagram { + --bs-btn-bg: var(--bs-instagram); + --bs-btn-color: var(--bs-instagram-contrast); + --bs-btn-border-color: var(--bs-instagram); + --bs-btn-hover-color: var(--bs-instagram-contrast); + --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-instagram)); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-active-color: var(--bs-instagram-contrast); + --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-instagram)); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-box-shadow-rgb: var(--bs-instagram-rgb); + --bs-btn-disabled-color: var(--bs-instagram-contrast); + --bs-btn-disabled-bg: var(--bs-instagram); + --bs-btn-disabled-border-color: var(--bs-instagram); + --bs-btn-group-border-color: color-mix( + in sRGB, + #000 10%, + var(--bs-instagram) + ); +} + +/* Label */ +.btn-label-instagram { + --bs-btn-color: var(--bs-instagram); + --bs-btn-bg: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-instagram) + ); + --bs-btn-border-color: var(--bs-btn-bg); + --bs-btn-hover-color: var(--bs-instagram-contrast); + --bs-btn-hover-bg: color-mix(in sRGB, #000 15%, var(--bs-instagram)); + --bs-btn-box-shadow-rgb: var(--bs-instagram-rgb); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-active-color: var(--bs-instagram-contrast); + --bs-btn-active-bg: color-mix(in sRGB, #000 15%, var(--bs-instagram)); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-disabled-color: var(--bs-btn-color); + --bs-btn-disabled-bg: var(--bs-btn-bg); + --bs-btn-disabled-border-color: var(--bs-btn-border-color); + --bs-btn-group-border-color: color-mix( + in sRGB, + var(--bs-paper-bg) 68%, + var(--bs-instagram) + ); +} + +/* Outline */ +.btn-outline-instagram { + --bs-btn-color: var(--bs-instagram); + --bs-btn-border-color: var(--bs-instagram); + --bs-btn-hover-color: var(--bs-instagram-contrast); + --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-instagram)); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-box-shadow-rgb: var(--bs-instagram-rgb); + --bs-btn-active-color: var(--bs-instagram-contrast); + --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-instagram)); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-disabled-color: var(--bs-instagram); + --bs-btn-disabled-border-color: var(--bs-instagram); + --bs-btn-group-border-color: var(--bs-instagram); +} + +/* Text */ +.btn-text-instagram { + --bs-btn-color: var(--bs-instagram); + --bs-btn-hover-color: var(--bs-instagram); + --bs-btn-active-color: var(--bs-instagram); + --bs-btn-group-border-color: var(--bs-instagram); + --bs-btn-hover-color: var(--bs-instagram); + --bs-btn-active-color: var(--bs-instagram); + --bs-btn-group-border-color: var(--bs-instagram); + --bs-btn-hover-bg: color-mix( + in sRGB, + var(--bs-paper-bg) 92%, + var(--bs-instagram) + ); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-active-bg: color-mix( + in sRGB, + var(--bs-paper-bg) 92%, + var(--bs-instagram) + ); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-disabled-color: var(--bs-instagram); +} + +/* Default */ +.btn-linkedin { + --bs-btn-bg: var(--bs-linkedin); + --bs-btn-color: var(--bs-linkedin-contrast); + --bs-btn-border-color: var(--bs-linkedin); + --bs-btn-hover-color: var(--bs-linkedin-contrast); + --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-linkedin)); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-active-color: var(--bs-linkedin-contrast); + --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-linkedin)); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-box-shadow-rgb: var(--bs-linkedin-rgb); + --bs-btn-disabled-color: var(--bs-linkedin-contrast); + --bs-btn-disabled-bg: var(--bs-linkedin); + --bs-btn-disabled-border-color: var(--bs-linkedin); + --bs-btn-group-border-color: color-mix(in sRGB, #000 10%, var(--bs-linkedin)); +} + +/* Label */ +.btn-label-linkedin { + --bs-btn-color: var(--bs-linkedin); + --bs-btn-bg: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-linkedin) + ); + --bs-btn-border-color: var(--bs-btn-bg); + --bs-btn-hover-color: var(--bs-linkedin-contrast); + --bs-btn-hover-bg: color-mix(in sRGB, #000 15%, var(--bs-linkedin)); + --bs-btn-box-shadow-rgb: var(--bs-linkedin-rgb); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-active-color: var(--bs-linkedin-contrast); + --bs-btn-active-bg: color-mix(in sRGB, #000 15%, var(--bs-linkedin)); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-disabled-color: var(--bs-btn-color); + --bs-btn-disabled-bg: var(--bs-btn-bg); + --bs-btn-disabled-border-color: var(--bs-btn-border-color); + --bs-btn-group-border-color: color-mix( + in sRGB, + var(--bs-paper-bg) 68%, + var(--bs-linkedin) + ); +} + +/* Outline */ +.btn-outline-linkedin { + --bs-btn-color: var(--bs-linkedin); + --bs-btn-border-color: var(--bs-linkedin); + --bs-btn-hover-color: var(--bs-linkedin-contrast); + --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-linkedin)); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-box-shadow-rgb: var(--bs-linkedin-rgb); + --bs-btn-active-color: var(--bs-linkedin-contrast); + --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-linkedin)); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-disabled-color: var(--bs-linkedin); + --bs-btn-disabled-border-color: var(--bs-linkedin); + --bs-btn-group-border-color: var(--bs-linkedin); +} + +/* Text */ +.btn-text-linkedin { + --bs-btn-color: var(--bs-linkedin); + --bs-btn-hover-color: var(--bs-linkedin); + --bs-btn-active-color: var(--bs-linkedin); + --bs-btn-group-border-color: var(--bs-linkedin); + --bs-btn-hover-color: var(--bs-linkedin); + --bs-btn-active-color: var(--bs-linkedin); + --bs-btn-group-border-color: var(--bs-linkedin); + --bs-btn-hover-bg: color-mix( + in sRGB, + var(--bs-paper-bg) 92%, + var(--bs-linkedin) + ); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-active-bg: color-mix( + in sRGB, + var(--bs-paper-bg) 92%, + var(--bs-linkedin) + ); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-disabled-color: var(--bs-linkedin); +} + +/* Default */ +.btn-github { + --bs-btn-bg: var(--bs-github); + --bs-btn-color: var(--bs-github-contrast); + --bs-btn-border-color: var(--bs-github); + --bs-btn-hover-color: var(--bs-github-contrast); + --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-github)); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-active-color: var(--bs-github-contrast); + --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-github)); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-box-shadow-rgb: var(--bs-github-rgb); + --bs-btn-disabled-color: var(--bs-github-contrast); + --bs-btn-disabled-bg: var(--bs-github); + --bs-btn-disabled-border-color: var(--bs-github); + --bs-btn-group-border-color: color-mix(in sRGB, #000 10%, var(--bs-github)); +} + +/* Label */ +.btn-label-github { + --bs-btn-color: var(--bs-github); + --bs-btn-bg: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-github) + ); + --bs-btn-border-color: var(--bs-btn-bg); + --bs-btn-hover-color: var(--bs-github-contrast); + --bs-btn-hover-bg: color-mix(in sRGB, #000 15%, var(--bs-github)); + --bs-btn-box-shadow-rgb: var(--bs-github-rgb); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-active-color: var(--bs-github-contrast); + --bs-btn-active-bg: color-mix(in sRGB, #000 15%, var(--bs-github)); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-disabled-color: var(--bs-btn-color); + --bs-btn-disabled-bg: var(--bs-btn-bg); + --bs-btn-disabled-border-color: var(--bs-btn-border-color); + --bs-btn-group-border-color: color-mix( + in sRGB, + var(--bs-paper-bg) 68%, + var(--bs-github) + ); +} + +/* Outline */ +.btn-outline-github { + --bs-btn-color: var(--bs-github); + --bs-btn-border-color: var(--bs-github); + --bs-btn-hover-color: var(--bs-github-contrast); + --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-github)); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-box-shadow-rgb: var(--bs-github-rgb); + --bs-btn-active-color: var(--bs-github-contrast); + --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-github)); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-disabled-color: var(--bs-github); + --bs-btn-disabled-border-color: var(--bs-github); + --bs-btn-group-border-color: var(--bs-github); +} + +/* Text */ +.btn-text-github { + --bs-btn-color: var(--bs-github); + --bs-btn-hover-color: var(--bs-github); + --bs-btn-active-color: var(--bs-github); + --bs-btn-group-border-color: var(--bs-github); + --bs-btn-hover-color: var(--bs-github); + --bs-btn-active-color: var(--bs-github); + --bs-btn-group-border-color: var(--bs-github); + --bs-btn-hover-bg: color-mix( + in sRGB, + var(--bs-paper-bg) 92%, + var(--bs-github) + ); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-active-bg: color-mix( + in sRGB, + var(--bs-paper-bg) 92%, + var(--bs-github) + ); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-disabled-color: var(--bs-github); +} + +/* Default */ +.btn-dribbble { + --bs-btn-bg: var(--bs-dribbble); + --bs-btn-color: var(--bs-dribbble-contrast); + --bs-btn-border-color: var(--bs-dribbble); + --bs-btn-hover-color: var(--bs-dribbble-contrast); + --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-dribbble)); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-active-color: var(--bs-dribbble-contrast); + --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-dribbble)); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-box-shadow-rgb: var(--bs-dribbble-rgb); + --bs-btn-disabled-color: var(--bs-dribbble-contrast); + --bs-btn-disabled-bg: var(--bs-dribbble); + --bs-btn-disabled-border-color: var(--bs-dribbble); + --bs-btn-group-border-color: color-mix(in sRGB, #000 10%, var(--bs-dribbble)); +} + +/* Label */ +.btn-label-dribbble { + --bs-btn-color: var(--bs-dribbble); + --bs-btn-bg: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-dribbble) + ); + --bs-btn-border-color: var(--bs-btn-bg); + --bs-btn-hover-color: var(--bs-dribbble-contrast); + --bs-btn-hover-bg: color-mix(in sRGB, #000 15%, var(--bs-dribbble)); + --bs-btn-box-shadow-rgb: var(--bs-dribbble-rgb); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-active-color: var(--bs-dribbble-contrast); + --bs-btn-active-bg: color-mix(in sRGB, #000 15%, var(--bs-dribbble)); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-disabled-color: var(--bs-btn-color); + --bs-btn-disabled-bg: var(--bs-btn-bg); + --bs-btn-disabled-border-color: var(--bs-btn-border-color); + --bs-btn-group-border-color: color-mix( + in sRGB, + var(--bs-paper-bg) 68%, + var(--bs-dribbble) + ); +} + +/* Outline */ +.btn-outline-dribbble { + --bs-btn-color: var(--bs-dribbble); + --bs-btn-border-color: var(--bs-dribbble); + --bs-btn-hover-color: var(--bs-dribbble-contrast); + --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-dribbble)); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-box-shadow-rgb: var(--bs-dribbble-rgb); + --bs-btn-active-color: var(--bs-dribbble-contrast); + --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-dribbble)); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-disabled-color: var(--bs-dribbble); + --bs-btn-disabled-border-color: var(--bs-dribbble); + --bs-btn-group-border-color: var(--bs-dribbble); +} + +/* Text */ +.btn-text-dribbble { + --bs-btn-color: var(--bs-dribbble); + --bs-btn-hover-color: var(--bs-dribbble); + --bs-btn-active-color: var(--bs-dribbble); + --bs-btn-group-border-color: var(--bs-dribbble); + --bs-btn-hover-color: var(--bs-dribbble); + --bs-btn-active-color: var(--bs-dribbble); + --bs-btn-group-border-color: var(--bs-dribbble); + --bs-btn-hover-bg: color-mix( + in sRGB, + var(--bs-paper-bg) 92%, + var(--bs-dribbble) + ); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-active-bg: color-mix( + in sRGB, + var(--bs-paper-bg) 92%, + var(--bs-dribbble) + ); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-disabled-color: var(--bs-dribbble); +} + +/* Default */ +.btn-pinterest { + --bs-btn-bg: var(--bs-pinterest); + --bs-btn-color: var(--bs-pinterest-contrast); + --bs-btn-border-color: var(--bs-pinterest); + --bs-btn-hover-color: var(--bs-pinterest-contrast); + --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-pinterest)); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-active-color: var(--bs-pinterest-contrast); + --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-pinterest)); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-box-shadow-rgb: var(--bs-pinterest-rgb); + --bs-btn-disabled-color: var(--bs-pinterest-contrast); + --bs-btn-disabled-bg: var(--bs-pinterest); + --bs-btn-disabled-border-color: var(--bs-pinterest); + --bs-btn-group-border-color: color-mix( + in sRGB, + #000 10%, + var(--bs-pinterest) + ); +} + +/* Label */ +.btn-label-pinterest { + --bs-btn-color: var(--bs-pinterest); + --bs-btn-bg: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-pinterest) + ); + --bs-btn-border-color: var(--bs-btn-bg); + --bs-btn-hover-color: var(--bs-pinterest-contrast); + --bs-btn-hover-bg: color-mix(in sRGB, #000 15%, var(--bs-pinterest)); + --bs-btn-box-shadow-rgb: var(--bs-pinterest-rgb); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-active-color: var(--bs-pinterest-contrast); + --bs-btn-active-bg: color-mix(in sRGB, #000 15%, var(--bs-pinterest)); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-disabled-color: var(--bs-btn-color); + --bs-btn-disabled-bg: var(--bs-btn-bg); + --bs-btn-disabled-border-color: var(--bs-btn-border-color); + --bs-btn-group-border-color: color-mix( + in sRGB, + var(--bs-paper-bg) 68%, + var(--bs-pinterest) + ); +} + +/* Outline */ +.btn-outline-pinterest { + --bs-btn-color: var(--bs-pinterest); + --bs-btn-border-color: var(--bs-pinterest); + --bs-btn-hover-color: var(--bs-pinterest-contrast); + --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-pinterest)); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-box-shadow-rgb: var(--bs-pinterest-rgb); + --bs-btn-active-color: var(--bs-pinterest-contrast); + --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-pinterest)); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-disabled-color: var(--bs-pinterest); + --bs-btn-disabled-border-color: var(--bs-pinterest); + --bs-btn-group-border-color: var(--bs-pinterest); +} + +/* Text */ +.btn-text-pinterest { + --bs-btn-color: var(--bs-pinterest); + --bs-btn-hover-color: var(--bs-pinterest); + --bs-btn-active-color: var(--bs-pinterest); + --bs-btn-group-border-color: var(--bs-pinterest); + --bs-btn-hover-color: var(--bs-pinterest); + --bs-btn-active-color: var(--bs-pinterest); + --bs-btn-group-border-color: var(--bs-pinterest); + --bs-btn-hover-bg: color-mix( + in sRGB, + var(--bs-paper-bg) 92%, + var(--bs-pinterest) + ); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-active-bg: color-mix( + in sRGB, + var(--bs-paper-bg) 92%, + var(--bs-pinterest) + ); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-disabled-color: var(--bs-pinterest); +} + +/* Default */ +.btn-slack { + --bs-btn-bg: var(--bs-slack); + --bs-btn-color: var(--bs-slack-contrast); + --bs-btn-border-color: var(--bs-slack); + --bs-btn-hover-color: var(--bs-slack-contrast); + --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-slack)); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-active-color: var(--bs-slack-contrast); + --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-slack)); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-box-shadow-rgb: var(--bs-slack-rgb); + --bs-btn-disabled-color: var(--bs-slack-contrast); + --bs-btn-disabled-bg: var(--bs-slack); + --bs-btn-disabled-border-color: var(--bs-slack); + --bs-btn-group-border-color: color-mix(in sRGB, #000 10%, var(--bs-slack)); +} + +/* Label */ +.btn-label-slack { + --bs-btn-color: var(--bs-slack); + --bs-btn-bg: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-slack) + ); + --bs-btn-border-color: var(--bs-btn-bg); + --bs-btn-hover-color: var(--bs-slack-contrast); + --bs-btn-hover-bg: color-mix(in sRGB, #000 15%, var(--bs-slack)); + --bs-btn-box-shadow-rgb: var(--bs-slack-rgb); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-active-color: var(--bs-slack-contrast); + --bs-btn-active-bg: color-mix(in sRGB, #000 15%, var(--bs-slack)); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-disabled-color: var(--bs-btn-color); + --bs-btn-disabled-bg: var(--bs-btn-bg); + --bs-btn-disabled-border-color: var(--bs-btn-border-color); + --bs-btn-group-border-color: color-mix( + in sRGB, + var(--bs-paper-bg) 68%, + var(--bs-slack) + ); +} + +/* Outline */ +.btn-outline-slack { + --bs-btn-color: var(--bs-slack); + --bs-btn-border-color: var(--bs-slack); + --bs-btn-hover-color: var(--bs-slack-contrast); + --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-slack)); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-box-shadow-rgb: var(--bs-slack-rgb); + --bs-btn-active-color: var(--bs-slack-contrast); + --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-slack)); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-disabled-color: var(--bs-slack); + --bs-btn-disabled-border-color: var(--bs-slack); + --bs-btn-group-border-color: var(--bs-slack); +} + +/* Text */ +.btn-text-slack { + --bs-btn-color: var(--bs-slack); + --bs-btn-hover-color: var(--bs-slack); + --bs-btn-active-color: var(--bs-slack); + --bs-btn-group-border-color: var(--bs-slack); + --bs-btn-hover-color: var(--bs-slack); + --bs-btn-active-color: var(--bs-slack); + --bs-btn-group-border-color: var(--bs-slack); + --bs-btn-hover-bg: color-mix( + in sRGB, + var(--bs-paper-bg) 92%, + var(--bs-slack) + ); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-active-bg: color-mix( + in sRGB, + var(--bs-paper-bg) 92%, + var(--bs-slack) + ); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-disabled-color: var(--bs-slack); +} + +/* Default */ +.btn-reddit { + --bs-btn-bg: var(--bs-reddit); + --bs-btn-color: var(--bs-reddit-contrast); + --bs-btn-border-color: var(--bs-reddit); + --bs-btn-hover-color: var(--bs-reddit-contrast); + --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-reddit)); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-active-color: var(--bs-reddit-contrast); + --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-reddit)); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-box-shadow-rgb: var(--bs-reddit-rgb); + --bs-btn-disabled-color: var(--bs-reddit-contrast); + --bs-btn-disabled-bg: var(--bs-reddit); + --bs-btn-disabled-border-color: var(--bs-reddit); + --bs-btn-group-border-color: color-mix(in sRGB, #000 10%, var(--bs-reddit)); +} + +/* Label */ +.btn-label-reddit { + --bs-btn-color: var(--bs-reddit); + --bs-btn-bg: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-reddit) + ); + --bs-btn-border-color: var(--bs-btn-bg); + --bs-btn-hover-color: var(--bs-reddit-contrast); + --bs-btn-hover-bg: color-mix(in sRGB, #000 15%, var(--bs-reddit)); + --bs-btn-box-shadow-rgb: var(--bs-reddit-rgb); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-active-color: var(--bs-reddit-contrast); + --bs-btn-active-bg: color-mix(in sRGB, #000 15%, var(--bs-reddit)); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-disabled-color: var(--bs-btn-color); + --bs-btn-disabled-bg: var(--bs-btn-bg); + --bs-btn-disabled-border-color: var(--bs-btn-border-color); + --bs-btn-group-border-color: color-mix( + in sRGB, + var(--bs-paper-bg) 68%, + var(--bs-reddit) + ); +} + +/* Outline */ +.btn-outline-reddit { + --bs-btn-color: var(--bs-reddit); + --bs-btn-border-color: var(--bs-reddit); + --bs-btn-hover-color: var(--bs-reddit-contrast); + --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-reddit)); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-box-shadow-rgb: var(--bs-reddit-rgb); + --bs-btn-active-color: var(--bs-reddit-contrast); + --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-reddit)); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-disabled-color: var(--bs-reddit); + --bs-btn-disabled-border-color: var(--bs-reddit); + --bs-btn-group-border-color: var(--bs-reddit); +} + +/* Text */ +.btn-text-reddit { + --bs-btn-color: var(--bs-reddit); + --bs-btn-hover-color: var(--bs-reddit); + --bs-btn-active-color: var(--bs-reddit); + --bs-btn-group-border-color: var(--bs-reddit); + --bs-btn-hover-color: var(--bs-reddit); + --bs-btn-active-color: var(--bs-reddit); + --bs-btn-group-border-color: var(--bs-reddit); + --bs-btn-hover-bg: color-mix( + in sRGB, + var(--bs-paper-bg) 92%, + var(--bs-reddit) + ); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-active-bg: color-mix( + in sRGB, + var(--bs-paper-bg) 92%, + var(--bs-reddit) + ); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-disabled-color: var(--bs-reddit); +} + +/* Default */ +.btn-youtube { + --bs-btn-bg: var(--bs-youtube); + --bs-btn-color: var(--bs-youtube-contrast); + --bs-btn-border-color: var(--bs-youtube); + --bs-btn-hover-color: var(--bs-youtube-contrast); + --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-youtube)); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-active-color: var(--bs-youtube-contrast); + --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-youtube)); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-box-shadow-rgb: var(--bs-youtube-rgb); + --bs-btn-disabled-color: var(--bs-youtube-contrast); + --bs-btn-disabled-bg: var(--bs-youtube); + --bs-btn-disabled-border-color: var(--bs-youtube); + --bs-btn-group-border-color: color-mix(in sRGB, #000 10%, var(--bs-youtube)); +} + +/* Label */ +.btn-label-youtube { + --bs-btn-color: var(--bs-youtube); + --bs-btn-bg: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-youtube) + ); + --bs-btn-border-color: var(--bs-btn-bg); + --bs-btn-hover-color: var(--bs-youtube-contrast); + --bs-btn-hover-bg: color-mix(in sRGB, #000 15%, var(--bs-youtube)); + --bs-btn-box-shadow-rgb: var(--bs-youtube-rgb); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-active-color: var(--bs-youtube-contrast); + --bs-btn-active-bg: color-mix(in sRGB, #000 15%, var(--bs-youtube)); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-disabled-color: var(--bs-btn-color); + --bs-btn-disabled-bg: var(--bs-btn-bg); + --bs-btn-disabled-border-color: var(--bs-btn-border-color); + --bs-btn-group-border-color: color-mix( + in sRGB, + var(--bs-paper-bg) 68%, + var(--bs-youtube) + ); +} + +/* Outline */ +.btn-outline-youtube { + --bs-btn-color: var(--bs-youtube); + --bs-btn-border-color: var(--bs-youtube); + --bs-btn-hover-color: var(--bs-youtube-contrast); + --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-youtube)); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-box-shadow-rgb: var(--bs-youtube-rgb); + --bs-btn-active-color: var(--bs-youtube-contrast); + --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-youtube)); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-disabled-color: var(--bs-youtube); + --bs-btn-disabled-border-color: var(--bs-youtube); + --bs-btn-group-border-color: var(--bs-youtube); +} + +/* Text */ +.btn-text-youtube { + --bs-btn-color: var(--bs-youtube); + --bs-btn-hover-color: var(--bs-youtube); + --bs-btn-active-color: var(--bs-youtube); + --bs-btn-group-border-color: var(--bs-youtube); + --bs-btn-hover-color: var(--bs-youtube); + --bs-btn-active-color: var(--bs-youtube); + --bs-btn-group-border-color: var(--bs-youtube); + --bs-btn-hover-bg: color-mix( + in sRGB, + var(--bs-paper-bg) 92%, + var(--bs-youtube) + ); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-active-bg: color-mix( + in sRGB, + var(--bs-paper-bg) 92%, + var(--bs-youtube) + ); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-disabled-color: var(--bs-youtube); +} + +/* Default */ +.btn-vimeo { + --bs-btn-bg: var(--bs-vimeo); + --bs-btn-color: var(--bs-vimeo-contrast); + --bs-btn-border-color: var(--bs-vimeo); + --bs-btn-hover-color: var(--bs-vimeo-contrast); + --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-vimeo)); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-active-color: var(--bs-vimeo-contrast); + --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-vimeo)); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-box-shadow-rgb: var(--bs-vimeo-rgb); + --bs-btn-disabled-color: var(--bs-vimeo-contrast); + --bs-btn-disabled-bg: var(--bs-vimeo); + --bs-btn-disabled-border-color: var(--bs-vimeo); + --bs-btn-group-border-color: color-mix(in sRGB, #000 10%, var(--bs-vimeo)); +} + +/* Label */ +.btn-label-vimeo { + --bs-btn-color: var(--bs-vimeo); + --bs-btn-bg: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-vimeo) + ); + --bs-btn-border-color: var(--bs-btn-bg); + --bs-btn-hover-color: var(--bs-vimeo-contrast); + --bs-btn-hover-bg: color-mix(in sRGB, #000 15%, var(--bs-vimeo)); + --bs-btn-box-shadow-rgb: var(--bs-vimeo-rgb); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-active-color: var(--bs-vimeo-contrast); + --bs-btn-active-bg: color-mix(in sRGB, #000 15%, var(--bs-vimeo)); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-disabled-color: var(--bs-btn-color); + --bs-btn-disabled-bg: var(--bs-btn-bg); + --bs-btn-disabled-border-color: var(--bs-btn-border-color); + --bs-btn-group-border-color: color-mix( + in sRGB, + var(--bs-paper-bg) 68%, + var(--bs-vimeo) + ); +} + +/* Outline */ +.btn-outline-vimeo { + --bs-btn-color: var(--bs-vimeo); + --bs-btn-border-color: var(--bs-vimeo); + --bs-btn-hover-color: var(--bs-vimeo-contrast); + --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-vimeo)); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-box-shadow-rgb: var(--bs-vimeo-rgb); + --bs-btn-active-color: var(--bs-vimeo-contrast); + --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-vimeo)); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-disabled-color: var(--bs-vimeo); + --bs-btn-disabled-border-color: var(--bs-vimeo); + --bs-btn-group-border-color: var(--bs-vimeo); +} + +/* Text */ +.btn-text-vimeo { + --bs-btn-color: var(--bs-vimeo); + --bs-btn-hover-color: var(--bs-vimeo); + --bs-btn-active-color: var(--bs-vimeo); + --bs-btn-group-border-color: var(--bs-vimeo); + --bs-btn-hover-color: var(--bs-vimeo); + --bs-btn-active-color: var(--bs-vimeo); + --bs-btn-group-border-color: var(--bs-vimeo); + --bs-btn-hover-bg: color-mix( + in sRGB, + var(--bs-paper-bg) 92%, + var(--bs-vimeo) + ); + --bs-btn-hover-border-color: var(--bs-btn-hover-bg); + --bs-btn-active-bg: color-mix( + in sRGB, + var(--bs-paper-bg) 92%, + var(--bs-vimeo) + ); + --bs-btn-active-border-color: var(--bs-btn-active-bg); + --bs-btn-disabled-color: var(--bs-vimeo); +} + +/* Dark Theme */ +[data-bs-theme="dark"] .btn-text-primary { + --bs-btn-hover-bg: color-mix( + in sRGB, + var(--bs-primary) 8%, + var(--bs-paper-bg) + ); + --bs-btn-active-bg: color-mix( + in sRGB, + var(--bs-primary) 8%, + var(--bs-paper-bg) + ); +} +[data-bs-theme="dark"] .btn-text-secondary { + --bs-btn-hover-bg: color-mix( + in sRGB, + var(--bs-secondary) 8%, + var(--bs-paper-bg) + ); + --bs-btn-active-bg: color-mix( + in sRGB, + var(--bs-secondary) 8%, + var(--bs-paper-bg) + ); +} +[data-bs-theme="dark"] .btn-text-success { + --bs-btn-hover-bg: color-mix( + in sRGB, + var(--bs-success) 8%, + var(--bs-paper-bg) + ); + --bs-btn-active-bg: color-mix( + in sRGB, + var(--bs-success) 8%, + var(--bs-paper-bg) + ); +} +[data-bs-theme="dark"] .btn-text-info { + --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-info) 8%, var(--bs-paper-bg)); + --bs-btn-active-bg: color-mix(in sRGB, var(--bs-info) 8%, var(--bs-paper-bg)); +} +[data-bs-theme="dark"] .btn-text-warning { + --bs-btn-hover-bg: color-mix( + in sRGB, + var(--bs-warning) 8%, + var(--bs-paper-bg) + ); + --bs-btn-active-bg: color-mix( + in sRGB, + var(--bs-warning) 8%, + var(--bs-paper-bg) + ); +} +[data-bs-theme="dark"] .btn-text-danger { + --bs-btn-hover-bg: color-mix( + in sRGB, + var(--bs-danger) 8%, + var(--bs-paper-bg) + ); + --bs-btn-active-bg: color-mix( + in sRGB, + var(--bs-danger) 8%, + var(--bs-paper-bg) + ); +} +[data-bs-theme="dark"] .btn-text-light { + --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-light) 8%, var(--bs-paper-bg)); + --bs-btn-active-bg: color-mix( + in sRGB, + var(--bs-light) 8%, + var(--bs-paper-bg) + ); +} +[data-bs-theme="dark"] .btn-label-dark { + --bs-btn-color: var(--bs-dark-contrast); + --bs-btn-bg: color-mix(in sRGB, #000 50%, var(--bs-dark)); +} +[data-bs-theme="dark"] .btn-outline-dark { + --bs-btn-color: var(--bs-dark-contrast); +} +[data-bs-theme="dark"] .btn-text-dark { + --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-dark) 8%, var(--bs-paper-bg)); + --bs-btn-active-bg: color-mix(in sRGB, var(--bs-dark) 8%, var(--bs-paper-bg)); +} +[data-bs-theme="dark"] .btn-text-gray { + --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-gray) 8%, var(--bs-paper-bg)); + --bs-btn-active-bg: color-mix(in sRGB, var(--bs-gray) 8%, var(--bs-paper-bg)); +} +[data-bs-theme="dark"] .btn-text-facebook { + --bs-btn-hover-bg: color-mix( + in sRGB, + var(--bs-facebook) 8%, + var(--bs-paper-bg) + ); + --bs-btn-active-bg: color-mix( + in sRGB, + var(--bs-facebook) 8%, + var(--bs-paper-bg) + ); +} +[data-bs-theme="dark"] .btn-text-twitter { + --bs-btn-hover-bg: color-mix( + in sRGB, + var(--bs-twitter) 8%, + var(--bs-paper-bg) + ); + --bs-btn-active-bg: color-mix( + in sRGB, + var(--bs-twitter) 8%, + var(--bs-paper-bg) + ); +} +[data-bs-theme="dark"] .btn-text-google-plus { + --bs-btn-hover-bg: color-mix( + in sRGB, + var(--bs-google-plus) 8%, + var(--bs-paper-bg) + ); + --bs-btn-active-bg: color-mix( + in sRGB, + var(--bs-google-plus) 8%, + var(--bs-paper-bg) + ); +} +[data-bs-theme="dark"] .btn-text-instagram { + --bs-btn-hover-bg: color-mix( + in sRGB, + var(--bs-instagram) 8%, + var(--bs-paper-bg) + ); + --bs-btn-active-bg: color-mix( + in sRGB, + var(--bs-instagram) 8%, + var(--bs-paper-bg) + ); +} +[data-bs-theme="dark"] .btn-text-linkedin { + --bs-btn-hover-bg: color-mix( + in sRGB, + var(--bs-linkedin) 8%, + var(--bs-paper-bg) + ); + --bs-btn-active-bg: color-mix( + in sRGB, + var(--bs-linkedin) 8%, + var(--bs-paper-bg) + ); +} +[data-bs-theme="dark"] .btn-label-github { + --bs-btn-color: var(--bs-github-contrast); + --bs-btn-bg: color-mix(in sRGB, #000 50%, var(--bs-github)); +} +[data-bs-theme="dark"] .btn-text-github { + --bs-btn-hover-bg: color-mix( + in sRGB, + var(--bs-github) 8%, + var(--bs-paper-bg) + ); + --bs-btn-active-bg: color-mix( + in sRGB, + var(--bs-github) 8%, + var(--bs-paper-bg) + ); + --bs-btn-color: var(--bs-github-contrast); + --bs-btn-hover-color: var(--bs-github-contrast); + --bs-btn-bg: color-mix(in sRGB, var(--bs-github) 25%, var(--bs-paper-bg)); + --bs-btn-hover-bg: color-mix( + in sRGB, + var(--bs-github) 50%, + var(--bs-paper-bg) + ); + --bs-btn-active-bg: color-mix( + in sRGB, + var(--bs-github) 50%, + var(--bs-paper-bg) + ); + --bs-btn-active-color: var(--bs-github-contrast); + --bs-btn-group-border-color: var(--bs-github-contrast); +} +[data-bs-theme="dark"] .btn-text-dribbble { + --bs-btn-hover-bg: color-mix( + in sRGB, + var(--bs-dribbble) 8%, + var(--bs-paper-bg) + ); + --bs-btn-active-bg: color-mix( + in sRGB, + var(--bs-dribbble) 8%, + var(--bs-paper-bg) + ); +} +[data-bs-theme="dark"] .btn-text-pinterest { + --bs-btn-hover-bg: color-mix( + in sRGB, + var(--bs-pinterest) 8%, + var(--bs-paper-bg) + ); + --bs-btn-active-bg: color-mix( + in sRGB, + var(--bs-pinterest) 8%, + var(--bs-paper-bg) + ); +} +[data-bs-theme="dark"] .btn-label-slack { + --bs-btn-color: var(--bs-slack-contrast); + --bs-btn-bg: color-mix(in sRGB, #000 50%, var(--bs-slack)); +} +[data-bs-theme="dark"] .btn-text-slack { + --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-slack) 8%, var(--bs-paper-bg)); + --bs-btn-active-bg: color-mix( + in sRGB, + var(--bs-slack) 8%, + var(--bs-paper-bg) + ); + --bs-btn-color: var(--bs-slack-contrast); + --bs-btn-hover-color: var(--bs-slack-contrast); + --bs-btn-bg: color-mix(in sRGB, var(--bs-slack) 25%, var(--bs-paper-bg)); + --bs-btn-hover-bg: color-mix( + in sRGB, + var(--bs-slack) 50%, + var(--bs-paper-bg) + ); + --bs-btn-active-bg: color-mix( + in sRGB, + var(--bs-slack) 50%, + var(--bs-paper-bg) + ); + --bs-btn-active-color: var(--bs-slack-contrast); + --bs-btn-group-border-color: var(--bs-slack-contrast); +} +[data-bs-theme="dark"] .btn-text-reddit { + --bs-btn-hover-bg: color-mix( + in sRGB, + var(--bs-reddit) 8%, + var(--bs-paper-bg) + ); + --bs-btn-active-bg: color-mix( + in sRGB, + var(--bs-reddit) 8%, + var(--bs-paper-bg) + ); +} +[data-bs-theme="dark"] .btn-text-youtube { + --bs-btn-hover-bg: color-mix( + in sRGB, + var(--bs-youtube) 8%, + var(--bs-paper-bg) + ); + --bs-btn-active-bg: color-mix( + in sRGB, + var(--bs-youtube) 8%, + var(--bs-paper-bg) + ); +} +[data-bs-theme="dark"] .btn-text-vimeo { + --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-vimeo) 8%, var(--bs-paper-bg)); + --bs-btn-active-bg: color-mix( + in sRGB, + var(--bs-vimeo) 8%, + var(--bs-paper-bg) + ); +} + +.dropdown-menu { + box-shadow: var(--bs-dropdown-box-shadow); + margin-block-start: 1px !important; + text-align: start; + /* Mega dropdown inside the dropdown menu */ +} +.dropdown-menu > li:not(.disabled) > a:not(.dropdown-item):active, +.dropdown-menu > li:not(.disabled) > a:not(.dropdown-item).active, +.dropdown-menu > li.active:not(.disabled) > a:not(.dropdown-item) { + background-color: var(--bs-dropdown-link-active-bg); + color: var(--bs-dropdown-link-active-color); +} +.mega-dropdown > .dropdown-menu { + inset-inline: 0; +} + +.btn-xs.dropdown-toggle::after, +.btn-group-xs > .dropdown-toggle.btn::after { + border: 2px solid; + block-size: 0.45em; + border-block-start: 0; + border-inline-start: 0; + inline-size: 0.45em; + margin-block-start: -0.24075em; + margin-inline: 0.8em 0; + transform: rotate(45deg); +} +:dir(rtl) .btn-xs.dropdown-toggle::after, +:dir(rtl) .btn-group-xs > .dropdown-toggle.btn::after { + transform: rotate(-45deg); +} + +/* Split dropdowns */ +.dropdown-toggle-split::after, +.dropup .dropdown-toggle-split::after, +.dropend .dropdown-toggle-split::after { + margin-inline: 0; +} +.dropstart .dropdown-toggle-split::before { + margin-inline: 0; +} + +/* Dropdown item line height */ +li:not(:first-child) .dropdown-item, +.dropdown-menu .dropdown-item:not(:first-child) { + margin-block-start: 2px; +} +.dropdown-item.text-danger:active { + color: var(--bs-primary) !important; +} + +/* Hidden dropdown toggle arrow */ +.dropdown-toggle.hide-arrow::before, +.dropdown-toggle.hide-arrow::after, +.dropdown-toggle-hide-arrow > .dropdown-toggle::before, +.dropdown-toggle-hide-arrow > .dropdown-toggle::after { + display: none; +} + +.dropdown-menu-start { + --bs-position: start; +} +.dropdown-menu-start[data-bs-popper] { + inset-inline: 0 auto; +} + +.dropdown-menu-end { + --bs-position: end; +} +.dropdown-menu-end[data-bs-popper] { + inset-inline: auto 0; +} + +@media (min-width: 576px) { + .dropdown-menu-sm-start { + --bs-position: start; + } + .dropdown-menu-sm-start[data-bs-popper] { + inset-inline: 0 auto; + } + .dropdown-menu-sm-end { + --bs-position: end; + } + .dropdown-menu-sm-end[data-bs-popper] { + inset-inline: auto 0; + } +} +@media (min-width: 768px) { + .dropdown-menu-md-start { + --bs-position: start; + } + .dropdown-menu-md-start[data-bs-popper] { + inset-inline: 0 auto; + } + .dropdown-menu-md-end { + --bs-position: end; + } + .dropdown-menu-md-end[data-bs-popper] { + inset-inline: auto 0; + } +} +@media (min-width: 992px) { + .dropdown-menu-lg-start { + --bs-position: start; + } + .dropdown-menu-lg-start[data-bs-popper] { + inset-inline: 0 auto; + } + .dropdown-menu-lg-end { + --bs-position: end; + } + .dropdown-menu-lg-end[data-bs-popper] { + inset-inline: auto 0; + } +} +@media (min-width: 1200px) { + .dropdown-menu-xl-start { + --bs-position: start; + } + .dropdown-menu-xl-start[data-bs-popper] { + inset-inline: 0 auto; + } + .dropdown-menu-xl-end { + --bs-position: end; + } + .dropdown-menu-xl-end[data-bs-popper] { + inset-inline: auto 0; + } +} +@media (min-width: 1400px) { + .dropdown-menu-xxl-start { + --bs-position: start; + } + .dropdown-menu-xxl-start[data-bs-popper] { + inset-inline: 0 auto; + } + .dropdown-menu-xxl-end { + --bs-position: end; + } + .dropdown-menu-xxl-end[data-bs-popper] { + inset-inline: auto 0; + } +} +.btn-group { + --bs-btn-group-border-radius: var(--bs-border-radius); +} +.btn-group.btn-group-sm { + --bs-btn-group-border-radius: var(--bs-border-radius-sm); +} +.btn-group.btn-group-xs { + --bs-btn-group-border-radius: 0.125rem; +} +.btn-group.btn-group-lg { + --bs-btn-group-border-radius: var(--bs-border-radius-lg); +} +.btn-group.btn-group-xl { + --bs-btn-group-border-radius: 0.625rem; +} +.btn-group > :not(.btn-check:first-child) + .btn, +.btn-group > .btn-group:not(:first-child) { + margin: 0; + margin-inline-start: calc(var(--bs-border-width) * -1); +} +.btn-group:not(.btn-group-vertical) + > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group:not(.btn-group-vertical) > .btn.dropdown-toggle-split:first-child, +.btn-group:not(.btn-group-vertical) > .btn-group:not(:last-child) > .btn, +.btn-group:not(.btn-group-vertical) > .btn:nth-child(n + 3), +.btn-group:not(.btn-group-vertical) > :not(.btn-check) + .btn, +.btn-group:not(.btn-group-vertical) > .btn-group:not(:first-child) > .btn { + border-radius: var(--bs-btn-group-border-radius); +} +.btn-group:not(.btn-group-vertical) + > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group:not(.btn-group-vertical) > .btn.dropdown-toggle-split:first-child, +.btn-group:not(.btn-group-vertical) > .btn-group:not(:last-child) > .btn { + border-end-end-radius: 0 !important; + border-start-end-radius: 0 !important; +} +.btn-group:not(.btn-group-vertical) > .btn:nth-child(n + 3), +.btn-group:not(.btn-group-vertical) > :not(.btn-check) + .btn, +.btn-group:not(.btn-group-vertical) > .btn-group:not(:first-child) > .btn { + border-end-start-radius: 0 !important; + border-start-start-radius: 0 !important; +} +.btn-group.btn-group-vertical > :not(.btn-check:first-child) + .btn, +.btn-group.btn-group-vertical > .btn-group:not(:first-child) { + margin: 0; + margin-block-start: calc(var(--bs-border-width) * -1); +} +.btn-group.btn-group-vertical .btn:not([class*="btn-outline-"]) { + border-inline-color: var(--bs-btn-bg); +} +.btn-group.btn-group-vertical .btn:not([class*="btn-outline-"]):hover { + border-inline-color: var(--bs-btn-hover-bg); +} +.btn-group.btn-group-vertical > .btn:first-child, +.btn-group.btn-group-vertical > .btn.dropdown-toggle-split:first-child, +.btn-group.btn-group-vertical > .btn-group:first-child > .btn { + border-top-left-radius: var(--bs-btn-group-border-radius); + border-top-right-radius: var(--bs-btn-group-border-radius); +} +.btn-group.btn-group-vertical > .btn:last-child, +.btn-group.btn-group-vertical > .btn.dropdown-toggle-split:last-child, +.btn-group.btn-group-vertical > .btn-group:last-child > .btn { + border-bottom-right-radius: var(--bs-btn-group-border-radius); + border-bottom-left-radius: var(--bs-btn-group-border-radius); +} + +.dropdown-toggle-split, +.btn-lg + .dropdown-toggle-split, +.btn-group-lg > .btn + .dropdown-toggle-split, +.input-group-lg .btn + .dropdown-toggle-split, +.btn-xl + .dropdown-toggle-split, +.btn-group-xl > .btn + .dropdown-toggle-split { + padding-inline: 0.92em; +} + +.btn-sm + .dropdown-toggle-split, +.btn-group-sm > .btn + .dropdown-toggle-split, +.input-group-sm .btn + .dropdown-toggle-split { + padding-inline: 0.6em; +} + +.btn-xs + .dropdown-toggle-split, +.btn-group-xs > .btn + .dropdown-toggle-split { + padding-inline: 0.5em; +} + +/* Button groups border */ +.btn-group:not(.btn-group-vertical) + > .btn-group:first-child + > .btn:not([class*="btn-outline-"]):first-child, +.input-group > .btn:not([class*="btn-outline-"]):first-child, +:not(.btn-group, .input-group) + > .btn-group:not(.btn-group-vertical) + > .btn:not([class*="btn-outline-"]):first-child, +.input-group + > .btn-group:first-child + > .btn:not([class*="btn-outline-"]):first-child { + border-inline-start-color: transparent; +} + +.btn-group:not(.btn-group-vertical) + > .btn-group:last-child + > .btn:not([class*="btn-outline-"]):last-of-type, +.input-group > .btn:not([class*="btn-outline-"]):last-of-type, +:not(.btn-group, .input-group) + > .btn-group:not(.btn-group-vertical) + > .btn:not([class*="btn-outline-"]):last-of-type, +.input-group + > .btn-group:last-child + > .btn:not([class*="btn-outline-"]):last-of-type { + border-inline-end-color: transparent; +} + +.btn-group-vertical + > .btn-group-vertical:first-child + > .btn:not([class*="btn-outline-"]):first-child, +:not(.btn-group-vertical, .input-group) + > .btn-group-vertical + > .btn:not([class*="btn-outline-"]):first-child { + border-block-start-color: transparent; +} + +.btn-group-vertical + > .btn-group-vertical:last-child + > .btn:not([class*="btn-outline-"]):last-of-type, +:not(.btn-group-vertical, .input-group) + > .btn-group-vertical + > .btn:not([class*="btn-outline-"]):last-of-type { + border-block-end-color: transparent; +} + +/* Nav +******************************************************************************* */ +.nav { + --bs-nav-pills-box-shadow: 0 0.125rem 0.25rem 0 + rgba(var(--bs-primary-rgb), 0.4); + flex-wrap: inherit; + padding-inline-start: 0; +} +.nav .nav-item { + white-space: nowrap; +} +.nav:not(.nav-pills) .nav-link:hover, +.nav:not(.nav-pills) .nav-link:focus { + color: var(--bs-primary); +} +.nav.nav-sm, +.nav-sm > .nav { + --bs-nav-link-padding-y: 0.3125rem; + --bs-nav-link-padding-x: 0.875rem; + --bs-nav-link-font-size: 0.8125rem; + --bs-nav-link-line-height: 1.125; +} +.nav.nav-lg, +.nav-lg > .nav { + --bs-nav-link-padding-y: 0.875rem; + --bs-nav-link-padding-x: 1.3125rem; + --bs-nav-link-font-size: 1.0625rem; + --bs-nav-link-line-height: 1.625; +} + +/* nav tabs shadow */ +.nav-tabs-shadow { + border: 1px solid var(--bs-nav-border-color); + box-shadow: var(--bs-nav-box-shadow); +} +.card .nav-tabs-shadow { + box-shadow: none; +} + +/* Tab and pills style */ +.nav-tabs .nav-link, +.nav-pills .nav-link { + display: inline-flex; + align-items: center; + justify-content: center; + text-transform: capitalize; +} +.nav-tabs:not(.nav-fill):not(.nav-justified) .nav-link, +.nav-pills:not(.nav-fill):not(.nav-justified) .nav-link { + inline-size: 100%; +} + +.tab-content:not(.doc-example-content) { + z-index: 1; + padding: 1.5rem; +} +.tab-content:not(.doc-example-content) .tab-pane { + opacity: 0; + transform: translateX(-30px); + transition: all linear 0.1s; +} +@media (prefers-reduced-motion: reduce) { + .tab-content:not(.doc-example-content) .tab-pane { + transition: none; + } +} +:dir(rtl) .tab-content:not(.doc-example-content) .tab-pane { + transform: translateX(30px); +} +.tab-content:not(.doc-example-content) .tab-pane.show { + opacity: 1; + transform: unset !important; + transition: all ease-out 0.2s 0.1s; +} +@media (prefers-reduced-motion: reduce) { + .tab-content:not(.doc-example-content) .tab-pane.show { + transition: none; + } +} + +/* For scrollable navs/tabs/pills */ +.nav-scrollable { + display: -webkit-inline-box; + display: -moz-inline-box; + overflow: auto; + flex-wrap: nowrap; + inline-size: 100%; +} + +.nav-tabs { + position: relative; + /* Tab link */ +} +.nav-tabs .tab-slider { + position: absolute; + block-size: 2px; +} +.nav-align-left .nav-tabs .tab-slider, +.nav-align-right .nav-tabs .tab-slider { + inline-size: 2px !important; +} +.nav-tabs .nav-link { + border-radius: 0; + background-clip: padding-box; +} +.nav-tabs .nav-link.waves-effect .waves-ripple { + background: radial-gradient( + rgba(var(--bs-primary-rgb), 0.2) 0, + rgba(var(--bs-primary-rgb), 0.3) 40%, + rgba(var(--bs-primary-rgb), 0.4) 50%, + rgba(var(--bs-primary-rgb), 0.5) 60%, + rgba(var(--bs-white), 0) 70% + ); +} +.nav-tabs .nav-link.active, +.nav-tabs .nav-link.active:hover, +.nav-tabs .nav-link.active:focus, +.nav-tabs .nav-item.show .nav-link, +.nav-tabs .nav-item.show .nav-link:hover, +.nav-tabs .nav-item.show .nav-link:focus { + box-shadow: 0 -2px 0 var(--bs-primary) inset; +} +.nav-align-top .nav-tabs .nav-link.active, +.nav-align-top .nav-tabs .nav-link.active:hover, +.nav-align-top .nav-tabs .nav-link.active:focus, +.nav-align-top .nav-tabs .nav-item.show .nav-link, +.nav-align-top .nav-tabs .nav-item.show .nav-link:hover, +.nav-align-top .nav-tabs .nav-item.show .nav-link:focus { + box-shadow: 0 -2px 0 var(--bs-primary) inset; +} +.nav-align-bottom .nav-tabs .nav-link.active, +.nav-align-bottom .nav-tabs .nav-link.active:hover, +.nav-align-bottom .nav-tabs .nav-link.active:focus, +.nav-align-bottom .nav-tabs .nav-item.show .nav-link, +.nav-align-bottom .nav-tabs .nav-item.show .nav-link:hover, +.nav-align-bottom .nav-tabs .nav-item.show .nav-link:focus { + box-shadow: 0 2px 0 var(--bs-primary) inset; +} +.nav-align-left .nav-tabs .nav-link.active, +.nav-align-left .nav-tabs .nav-link.active:hover, +.nav-align-left .nav-tabs .nav-link.active:focus, +.nav-align-left .nav-tabs .nav-item.show .nav-link, +.nav-align-left .nav-tabs .nav-item.show .nav-link:hover, +.nav-align-left .nav-tabs .nav-item.show .nav-link:focus { + box-shadow: -2px 0 0 var(--bs-primary) inset; +} +:dir(rtl) .nav-align-left .nav-tabs .nav-link.active, +:dir(rtl) .nav-align-left .nav-tabs .nav-link.active:hover, +:dir(rtl) .nav-align-left .nav-tabs .nav-link.active:focus, +:dir(rtl) .nav-align-left .nav-tabs .nav-item.show .nav-link, +:dir(rtl) .nav-align-left .nav-tabs .nav-item.show .nav-link:hover, +:dir(rtl) .nav-align-left .nav-tabs .nav-item.show .nav-link:focus { + box-shadow: 2px 0 0 var(--bs-primary) inset; +} +.nav-align-right .nav-tabs .nav-link.active, +.nav-align-right .nav-tabs .nav-link.active:hover, +.nav-align-right .nav-tabs .nav-link.active:focus, +.nav-align-right .nav-tabs .nav-item.show .nav-link, +.nav-align-right .nav-tabs .nav-item.show .nav-link:hover, +.nav-align-right .nav-tabs .nav-item.show .nav-link:focus { + box-shadow: 2px 0 0 var(--bs-primary) inset; +} +:dir(rtl) .nav-align-right .nav-tabs .nav-link.active, +:dir(rtl) .nav-align-right .nav-tabs .nav-link.active:hover, +:dir(rtl) .nav-align-right .nav-tabs .nav-link.active:focus, +:dir(rtl) .nav-align-right .nav-tabs .nav-item.show .nav-link, +:dir(rtl) .nav-align-right .nav-tabs .nav-item.show .nav-link:hover, +:dir(rtl) .nav-align-right .nav-tabs .nav-item.show .nav-link:focus { + box-shadow: -2px 0 0 var(--bs-primary) inset; +} + +.nav-pills .nav-link { + padding-block: 0.5435rem; + padding-inline: 1.375rem; +} +.nav-pills .nav-link:not(.active):hover.waves-effect .waves-ripple, +.nav-pills .nav-link:not(.active):focus.waves-effect .waves-ripple { + background: radial-gradient( + rgba(var(--bs-primary-rgb), 0.2) 0, + rgba(var(--bs-primary-rgb), 0.3) 40%, + rgba(var(--bs-primary-rgb), 0.4) 50%, + rgba(var(--bs-primary-rgb), 0.5) 60%, + rgba(var(--bs-white), 0) 70% + ); +} +.nav-pills .nav-link.active { + box-shadow: var(--bs-nav-pills-box-shadow); +} +.nav-pills .nav-item .nav-link:not(.active):hover { + background-color: rgba(var(--bs-primary-rgb), 0.16); + border-block-end: none; + padding-block-end: 0.5435rem; +} +.nav-pills ~ .tab-content { + border: 1px solid var(--bs-nav-border-color); + box-shadow: var(--bs-nav-box-shadow); +} + +/* Top, Right, Bottom & Left Tabbed panels */ +.nav-align-top, +.nav-align-right, +.nav-align-bottom, +.nav-align-left { + display: flex; +} +.nav-align-top > .tab-content, +.nav-align-right > .tab-content, +.nav-align-bottom > .tab-content, +.nav-align-left > .tab-content { + background: var(--bs-paper-bg); +} +.nav-align-top .nav-tabs, +.nav-align-right .nav-tabs, +.nav-align-bottom .nav-tabs, +.nav-align-left .nav-tabs { + background: var(--bs-paper-bg); +} +.nav-align-top > .nav, +.nav-align-top > div > .nav, +.nav-align-right > .nav, +.nav-align-right > div > .nav, +.nav-align-bottom > .nav, +.nav-align-bottom > div > .nav, +.nav-align-left > .nav, +.nav-align-left > div > .nav { + position: relative; + z-index: 1; +} +.nav-align-top:has(.nav-tabs), +.nav-align-right:has(.nav-tabs), +.nav-align-bottom:has(.nav-tabs), +.nav-align-left:has(.nav-tabs) { + border-radius: 0.375rem !important; +} + +.nav-align-right, +.nav-align-left { + align-items: stretch; +} +.nav-align-right > .nav, +.nav-align-right > div > .nav, +.nav-align-left > .nav, +.nav-align-left > div > .nav { + flex-direction: column; + flex-grow: 0; + border-block-end-width: 0; +} +.nav-align-right > .nav.nav-pills .nav-item:not(:last-child), +.nav-align-right > div > .nav.nav-pills .nav-item:not(:last-child), +.nav-align-left > .nav.nav-pills .nav-item:not(:last-child), +.nav-align-left > div > .nav.nav-pills .nav-item:not(:last-child) { + margin-block: 0 0.25rem !important; + margin-inline: 0 !important; +} +.nav-align-right > .tab-content, +.nav-align-left > .tab-content { + flex-grow: 1; +} +.nav-align-right > .tab-content .tab-pane, +.nav-align-left > .tab-content .tab-pane { + transform: translateY(-30px); +} +.nav-align-right > .tab-content .tab-pane.show, +.nav-align-left > .tab-content .tab-pane.show { + transform: translateY(0); +} + +/* Top tabs */ +.nav-align-top { + flex-direction: column; +} +.nav-align-top .tab-content { + border-bottom-right-radius: 0.375rem; + border-bottom-left-radius: 0.375rem; +} +.nav-align-top .nav-tabs { + border-block-end: 1px solid var(--bs-nav-tabs-border-color); + border-top-left-radius: 0.375rem; + border-top-right-radius: 0.375rem; +} +.nav-align-top .nav-tabs .nav-link:not(.active):hover { + border-block-end: 2px solid rgba(var(--bs-primary-rgb), 0.16) !important; + padding-block-end: 0.4185rem; +} +.nav-align-top .nav-tabs.nav-lg .nav-link:not(.active):hover { + padding-block-end: 0.75rem; +} +.nav-align-top .nav-tabs.nav-sm .nav-link:not(.active):hover { + padding-block-end: 0.2rem; +} +.nav-align-top .nav-pills ~ .tab-content { + border-top-left-radius: 0.375rem; + border-top-right-radius: 0.375rem; +} + +.nav-align-top > .tab-content .tab-pane, +.nav-align-bottom > .tab-content .tab-pane, +.card > .tab-content .tab-pane { + transform: translateX(-30px); +} +:dir(rtl) .nav-align-top > .tab-content .tab-pane, +:dir(rtl) .nav-align-bottom > .tab-content .tab-pane, +:dir(rtl) .card > .tab-content .tab-pane { + transform: translateX(30px); +} +.nav-align-top > .tab-content .tab-pane.show, +.nav-align-bottom > .tab-content .tab-pane.show, +.card > .tab-content .tab-pane.show { + transform: translateX(0) !important; +} +.nav-align-top > .nav.nav-pills .nav-item:not(:last-child), +.nav-align-bottom > .nav.nav-pills .nav-item:not(:last-child), +.card > .nav.nav-pills .nav-item:not(:last-child) { + margin-inline-end: 0.25rem; +} + +/* Right tabs */ +.nav-align-right { + flex-direction: row-reverse; +} +.nav-align-right .tab-content { + border-end-start-radius: 0.375rem; + border-start-start-radius: 0.375rem; +} +.nav-align-right .nav-tabs { + position: relative; + border-end-end-radius: 0.375rem; + border-inline-start: 1px solid var(--bs-nav-tabs-border-color); + border-start-end-radius: 0.375rem; +} +.nav-align-right .nav-tabs .tab-slider { + inset-inline-start: 0; +} +.card .nav-align-right .nav-tabs ~ .tab-content { + border-inline-end: 0 solid var(--bs-nav-tabs-border-color); +} +.nav-align-right .nav-tabs .nav-link:not(.active):hover { + border-inline-start: 2px solid rgba(var(--bs-primary-rgb), 0.16) !important; + padding-inline-start: 1.25rem; +} +.nav-align-right .nav-tabs.nav-lg .nav-link:not(.active):hover { + padding-inline-start: 1.1875rem; +} +.nav-align-right .nav-tabs.nav-sm .nav-link:not(.active):hover { + padding-inline-start: 0.75rem; +} +.nav-align-right > .nav .nav-item, +.nav-align-right > div > .nav .nav-item { + margin-inline: 0; +} +.nav-align-right .nav-link { + justify-content: end; + text-align: end; +} +.nav-align-right .nav-pills ~ .tab-content { + border-radius: 0.375rem; +} + +/* Bottom tabs */ +.nav-align-bottom { + flex-direction: column-reverse; +} +.nav-align-bottom .tab-content { + border-top-left-radius: 0.375rem; + border-top-right-radius: 0.375rem; +} +.nav-align-bottom > .nav .nav-item, +.nav-align-bottom > div > .nav .nav-item { + margin-block: 0; +} +.nav-align-bottom > .nav, +.nav-align-bottom > div > .nav { + border-block-end-width: 0; + border-block-start: 0 solid var(--bs-nav-tabs-border-color); +} +.nav-align-bottom .nav-tabs { + border-block-start: 1px solid var(--bs-nav-tabs-border-color); + border-bottom-right-radius: 0.375rem; + border-bottom-left-radius: 0.375rem; +} +.nav-align-bottom .nav-tabs .tab-slider { + inset-block-end: inherit !important; +} +.nav-align-bottom .nav-tabs .nav-link:not(.active):hover { + border-block-start: 2px solid rgba(var(--bs-primary-rgb), 0.16) !important; + padding-block-start: 0.4185rem; +} +.nav-align-bottom .nav-tabs.nav-lg .nav-link:not(.active):hover { + padding-block-start: 0.75rem; +} +.nav-align-bottom .nav-tabs.nav-sm .nav-link:not(.active):hover { + padding-block-start: 0.2rem; +} +.nav-align-bottom .nav-pills ~ .tab-content { + border-bottom-right-radius: 0.375rem; + border-bottom-left-radius: 0.375rem; +} + +/* Left tabs */ +.nav-align-left .tab-content { + border-end-end-radius: 0.375rem; + border-start-end-radius: 0.375rem; +} +.nav-align-left .nav-tabs { + position: relative; + border-inline-end: 1px solid var(--bs-nav-tabs-border-color); +} +.card .nav-align-left .nav-tabs ~ .tab-content { + border-inline-start: 0 solid var(--bs-nav-tabs-border-color); +} +.nav-align-left .nav-tabs .nav-link:not(.active):hover { + border-inline-end: 2px solid rgba(var(--bs-primary-rgb), 0.16) !important; + padding-inline-end: 1.25rem; +} +.nav-align-left .nav-tabs.nav-lg .nav-link:not(.active):hover { + padding-inline-end: 1.1875rem; +} +.nav-align-left .nav-tabs.nav-sm .nav-link:not(.active):hover { + padding-inline-end: 0.75rem; +} +.nav-align-left > .nav .nav-item, +.nav-align-left > div > .nav .nav-item { + margin-inline: 0; +} +.nav-align-left .nav-link { + justify-content: start; + text-align: start; +} +.nav-align-left .nav-pills ~ .tab-content { + border-end-start-radius: 0.375rem !important; + border-start-start-radius: 0.375rem !important; +} +.nav-align-left:has(.nav-tabs) { + overflow: hidden; +} + +/* Navbar +******************************************************************************* */ +.layout-navbar { + background-color: var(--bs-paper-bg); +} + +/* IE fix */ +/* Mega dropdown +****************************************************************************** */ +.mega-dropdown .dropdown-toggle { + box-shadow: none; + outline: 0; +} +.mega-dropdown .dropdown-menu { + inline-size: 100%; +} + +.navbar.bg-body-tertiary { + --bs-navbar-color: var(--bs-body-color); + --bs-navbar-hover-color: var(--bs-heading-color); + --bs-navbar-disabled-color: color-mix( + in sRGB, + var(--bs-base-color) 40%, + var(--bs-paper-bg) + ); + --bs-navbar-active-color: var(--bs-heading-color); + --bs-navbar-brand-color: var(--bs-heading-color); + --bs-navbar-brand-hover-color: color-mix( + in sRGB, + var(--bs-base-color) 70%, + var(--bs-paper-bg) + ); +} +.navbar.bg-white { + --bs-navbar-color: color-mix( + in sRGB, + var(--bs-pure-black) 84%, + var(--bs-white) + ); + --bs-navbar-hover-color: var(--bs-pure-black); + --bs-navbar-disabled-color: color-mix( + in sRGB, + var(--bs-pure-black) 40%, + var(--bs-white) + ); + --bs-navbar-active-color: var(--bs-pure-black); + --bs-navbar-brand-color: var(--bs-pure-black); + --bs-navbar-brand-hover-color: color-mix( + in sRGB, + var(--bs-pure-black) 84%, + var(--bs-white) + ); +} + +/* Generate contextual modifier classes for colorizing the navbar */ +.navbar.bg-primary { + --bs-navbar-color: color-mix( + in sRGB, + var(--bs-primary-contrast) 84%, + var(--bs-primary) + ); + --bs-navbar-hover-color: var(--bs-primary-contrast); + --bs-navbar-disabled-color: color-mix( + in sRGB, + var(--bs-primary-contrast) 60%, + var(--bs-primary) + ); + --bs-navbar-active-color: var(--bs-primary-contrast); + --bs-navbar-brand-color: var(--bs-primary-contrast); + --bs-navbar-brand-hover-color: color-mix( + in sRGB, + var(--bs-paper-bg) 84%, + var(--bs-primary) + ); +} + +.navbar.bg-secondary { + --bs-navbar-color: color-mix( + in sRGB, + var(--bs-secondary-contrast) 84%, + var(--bs-secondary) + ); + --bs-navbar-hover-color: var(--bs-secondary-contrast); + --bs-navbar-disabled-color: color-mix( + in sRGB, + var(--bs-secondary-contrast) 60%, + var(--bs-secondary) + ); + --bs-navbar-active-color: var(--bs-secondary-contrast); + --bs-navbar-brand-color: var(--bs-secondary-contrast); + --bs-navbar-brand-hover-color: color-mix( + in sRGB, + var(--bs-paper-bg) 84%, + var(--bs-secondary) + ); +} + +.navbar.bg-success { + --bs-navbar-color: color-mix( + in sRGB, + var(--bs-success-contrast) 84%, + var(--bs-success) + ); + --bs-navbar-hover-color: var(--bs-success-contrast); + --bs-navbar-disabled-color: color-mix( + in sRGB, + var(--bs-success-contrast) 60%, + var(--bs-success) + ); + --bs-navbar-active-color: var(--bs-success-contrast); + --bs-navbar-brand-color: var(--bs-success-contrast); + --bs-navbar-brand-hover-color: color-mix( + in sRGB, + var(--bs-paper-bg) 84%, + var(--bs-success) + ); +} + +.navbar.bg-info { + --bs-navbar-color: color-mix( + in sRGB, + var(--bs-info-contrast) 84%, + var(--bs-info) + ); + --bs-navbar-hover-color: var(--bs-info-contrast); + --bs-navbar-disabled-color: color-mix( + in sRGB, + var(--bs-info-contrast) 60%, + var(--bs-info) + ); + --bs-navbar-active-color: var(--bs-info-contrast); + --bs-navbar-brand-color: var(--bs-info-contrast); + --bs-navbar-brand-hover-color: color-mix( + in sRGB, + var(--bs-paper-bg) 84%, + var(--bs-info) + ); +} + +.navbar.bg-warning { + --bs-navbar-color: color-mix( + in sRGB, + var(--bs-warning-contrast) 84%, + var(--bs-warning) + ); + --bs-navbar-hover-color: var(--bs-warning-contrast); + --bs-navbar-disabled-color: color-mix( + in sRGB, + var(--bs-warning-contrast) 60%, + var(--bs-warning) + ); + --bs-navbar-active-color: var(--bs-warning-contrast); + --bs-navbar-brand-color: var(--bs-warning-contrast); + --bs-navbar-brand-hover-color: color-mix( + in sRGB, + var(--bs-paper-bg) 84%, + var(--bs-warning) + ); +} + +.navbar.bg-danger { + --bs-navbar-color: color-mix( + in sRGB, + var(--bs-danger-contrast) 84%, + var(--bs-danger) + ); + --bs-navbar-hover-color: var(--bs-danger-contrast); + --bs-navbar-disabled-color: color-mix( + in sRGB, + var(--bs-danger-contrast) 60%, + var(--bs-danger) + ); + --bs-navbar-active-color: var(--bs-danger-contrast); + --bs-navbar-brand-color: var(--bs-danger-contrast); + --bs-navbar-brand-hover-color: color-mix( + in sRGB, + var(--bs-paper-bg) 84%, + var(--bs-danger) + ); +} + +.navbar.bg-light { + --bs-navbar-color: var(--bs-body-color); + --bs-navbar-hover-color: var(--bs-heading-color); + --bs-navbar-disabled-color: color-mix( + in sRGB, + var(--bs-base-color) 40%, + var(--bs-paper-bg) + ); + --bs-navbar-active-color: var(--bs-heading-color); + --bs-navbar-brand-color: var(--bs-heading-color); + --bs-navbar-brand-hover-color: color-mix( + in sRGB, + var(--bs-base-color) 70%, + var(--bs-paper-bg) + ); +} + +.navbar.bg-dark { + --bs-navbar-color: color-mix( + in sRGB, + var(--bs-dark-contrast) 84%, + var(--bs-dark) + ); + --bs-navbar-hover-color: var(--bs-dark-contrast); + --bs-navbar-disabled-color: color-mix( + in sRGB, + var(--bs-dark-contrast) 60%, + var(--bs-dark) + ); + --bs-navbar-active-color: var(--bs-dark-contrast); + --bs-navbar-brand-color: var(--bs-dark-contrast); + --bs-navbar-brand-hover-color: color-mix( + in sRGB, + var(--bs-paper-bg) 84%, + var(--bs-dark) + ); +} + +.navbar.bg-gray { + --bs-navbar-color: color-mix( + in sRGB, + var(--bs-gray-contrast) 84%, + var(--bs-gray) + ); + --bs-navbar-hover-color: var(--bs-gray-contrast); + --bs-navbar-disabled-color: color-mix( + in sRGB, + var(--bs-gray-contrast) 60%, + var(--bs-gray) + ); + --bs-navbar-active-color: var(--bs-gray-contrast); + --bs-navbar-brand-color: var(--bs-gray-contrast); + --bs-navbar-brand-hover-color: color-mix( + in sRGB, + var(--bs-paper-bg) 84%, + var(--bs-gray) + ); +} + +.card { + --bs-card-hover-box-shadow: 0 0.25rem 0.75rem 0 rgba(34, 48, 62, 0.14); + --bs-card-border-bottom-color: var(--bs-border-color); + --bs-card-hover-border-color: var(--bs-border-color); + --bs-card-hover-border-bottom-color: var(--bs-border-color); + --bs-card-subtitle-color: color-mix( + in sRGB, + var(--bs-base-color) 55%, + var(--bs-card-bg) + ); + box-shadow: var(--bs-card-box-shadow); + /* Card Statistics specific separator */ + /* List groups */ + /* Card Widget Separator */ + /* color border bottom and shadow in card */ + /* card hover border color */ +} +.card .card-header + .card-body, +.card .card-header + .card-content > .card-body:first-of-type, +.card .card-header + .card-footer, +.card .card-body + .card-footer { + padding-block-start: 0; +} +.card .card-header, +.card .card-footer { + --bs-card-border-width: 0; +} +.card .featured-date { + background-color: var(--bs-card-bg); +} +.card .card-link { + display: inline-block; +} +.card .card-link + .card-link { + margin-inline: 1.5rem 0; +} +.card hr { + color: var(--bs-card-border-color); +} +.card .card-separator { + border-inline-end: var(--bs-border-width) solid var(--bs-card-border-color); +} +@media (max-width: 767.98px) { + .card .card-separator { + border-block-end: var(--bs-border-width) solid var(--bs-card-border-color); + border-inline-end-width: 0 !important; + padding-block-end: 1.5rem; + } +} +.card > .list-group { + border-block-end-width: 1px; + border-block-start-width: 1px; +} +.card > .list-group .list-group-item { + padding-inline: 1.5rem; +} +@media (max-width: 991.98px) { + .card + .card-widget-separator-wrapper + .card-widget-separator + .card-widget-2.border-end { + border-inline-end: none !important; + border-inline-start: none !important; + } +} +@media (max-width: 575.98px) { + .card + .card-widget-separator-wrapper + .card-widget-separator + .card-widget-1.border-end, + .card + .card-widget-separator-wrapper + .card-widget-separator + .card-widget-2.border-end, + .card + .card-widget-separator-wrapper + .card-widget-separator + .card-widget-3.border-end { + border-block-end: 1px solid var(--bs-card-border-color); + border-inline-end: none !important; + border-inline-start: none !important; + } +} +.card[class*="card-border-shadow-"] { + border-block-end: none; + transition: all 0.2s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .card[class*="card-border-shadow-"] { + transition: none; + } +} +.card[class*="card-border-shadow-"]::after { + position: absolute; + border-radius: 0.375rem; + block-size: 1.5rem; + border-block-end: 0.125rem solid var(--bs-card-border-bottom-color); + content: ""; + inline-size: 100%; + inset-block-end: 0; + inset-inline-start: 0; + transition: all 0.2s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .card[class*="card-border-shadow-"]::after { + transition: none; + } +} +.card[class*="card-border-shadow-"]:hover { + box-shadow: var(--bs-card-hover-box-shadow); +} +.card[class*="card-border-shadow-"]:hover::after { + border-color: var(--bs-card-hover-border-bottom-color); + border-block-end-width: 0.1875rem; +} +.card[class*="card-hover-border-"], +.card [class*="card-hover-border-"] { + border-width: 1px; + transition: all 0.2s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .card[class*="card-hover-border-"], + .card [class*="card-hover-border-"] { + transition: none; + } +} +.card[class*="card-hover-border-"]:hover, +.card [class*="card-hover-border-"]:hover { + border-color: var(--bs-card-hover-border-color); +} +.card .collapse > .card-body, +.card .collapsing > .card-body { + padding-block-start: 0; +} + +/* card-subtitle */ +.card-subtitle { + font-weight: 400; +} + +/* adding class with card background color */ +.bg-card { + background-color: var(--bs-card-bg); +} + +/* Card header elements +******************************************************** */ +.card-header.header-elements, +.card-title.header-elements { + display: flex; + flex-wrap: wrap; + align-items: center; + inline-size: 100%; +} + +.card-header-elements, +.card-title-elements { + display: flex; + flex-wrap: wrap; + align-items: center; +} +.card-header-elements + .card-header-elements, +.card-header-elements > * + *, +.card-header-elements + .card-title-elements, +.card-title-elements > * + *, +.card-title-elements + .card-header-elements, +.card-title-elements + .card-title-elements { + margin-inline-start: 0.25rem; +} + +.card-title:not(h1):not(.h1):not(h2):not(.h2):not(h3):not(.h3):not(h4):not( + .h4 + ):not(h5):not(.h5):not(h6):not(.h6) { + color: var(--bs-body-color); +} + +/* Horizontal card radius issue fix +******************************************************** */ +.card-img-left, +.card-img-right { + block-size: 100%; + object-fit: cover; +} + +.card-img-left { + border-end-start-radius: 0.375rem; + border-start-start-radius: 0.375rem; + border-end-end-radius: 0; + border-start-end-radius: 0; +} +@media (max-width: 767.98px) { + .card-img-left { + border-top-left-radius: 0.375rem; + border-top-right-radius: 0.375rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } +} + +.card-img-right { + border-end-end-radius: 0.375rem; + border-start-end-radius: 0.375rem; + border-end-start-radius: 0; + border-start-start-radius: 0; +} +@media (max-width: 767.98px) { + .card-img-right { + border-bottom-right-radius: 0.375rem; + border-bottom-left-radius: 0.375rem; + border-top-left-radius: 0; + border-top-right-radius: 0; + } +} + +.card-group { + --bs-card-box-shadow: var(--bs-box-shadow); + --bs-card-bg: var(--bs-paper-bg); +} +@media (min-width: 576px) { + .card-group { + border-radius: 0.375rem; + background-color: var(--bs-card-bg); + box-shadow: var(--bs-card-box-shadow); + } + .card-group .card { + box-shadow: none; + } + .card-group .card + .card { + border: var(--bs-card-border-width) solid var(--bs-card-border-color); + border-inline-start: 0; + margin-inline: 0; + } + .card-group .card .card-img-top, + .card-group .card .card-header, + .card-group .card .card-img-bottom, + .card-group .card .card-footer { + border-radius: 0; + } + .card-group .card:is(:last-child) .card-img-top, + .card-group .card:is(:last-child) .card-header { + border-start-end-radius: 0.375rem; + } + .card-group .card:is(:last-child) .card-img-bottom, + .card-group .card:is(:last-child) .card-footer { + border-end-end-radius: 0.375rem; + } + .card-group .card:is(:first-child) .card-img-top, + .card-group .card:is(:first-child) .card-header { + border-start-start-radius: 0.375rem; + } + .card-group .card:is(:first-child) .card-img-bottom, + .card-group .card:is(:first-child) .card-footer { + border-end-start-radius: 0.375rem; + } +} + +/* Card action */ +.card-action { + /* Expand card(fullscreen) */ + /* Alert */ + /* Card header */ + /* Block UI loader */ +} +.card-action.card-fullscreen { + position: fixed; + z-index: 9999; + display: block; + overflow: auto; + border: 0; + border-radius: 0; + block-size: 100%; + inline-size: 100%; + inset: 0; +} +.card-action .card-alert { + position: absolute; + z-index: 999; + inline-size: 100%; +} +.card-action .card-alert .alert { + border-end-end-radius: 0; + border-end-start-radius: 0; +} +.card-action .card-header { + display: flex; +} +.card-action .card-header.collapsed { + border-block-end: 0; +} +.card-action .card-header .card-action-title { + flex-grow: 1; + margin-inline-end: 0.5rem; +} +.card-action .card-header .card-action-element a:not(.dropdown-item) { + color: var(--bs-heading-color); +} +.card-action .notiflix-block h5, +.card-action .notiflix-block .h5 { + color: var(--bs-body-color); + margin-block: 1rem 0; +} +.card-action .collapse > .card-body, +.card-action .collapsing > .card-body { + padding-block-start: 0; +} + +/* Generate contextual modifier classes for colorizing the border bottom and shadow in the card */ +.card-border-shadow-primary { + --bs-card-border-bottom-color: color-mix( + in sRGB, + var(--bs-card-bg) 60%, + var(--bs-primary) + ); + --bs-card-hover-border-bottom-color: var(--bs-primary); +} + +.card-hover-border-primary { + --bs-card-hover-border-color: color-mix( + in sRGB, + var(--bs-card-bg) 62%, + var(--bs-primary) + ); +} + +.card-border-shadow-secondary { + --bs-card-border-bottom-color: color-mix( + in sRGB, + var(--bs-card-bg) 60%, + var(--bs-secondary) + ); + --bs-card-hover-border-bottom-color: var(--bs-secondary); +} + +.card-hover-border-secondary { + --bs-card-hover-border-color: color-mix( + in sRGB, + var(--bs-card-bg) 62%, + var(--bs-secondary) + ); +} + +.card-border-shadow-success { + --bs-card-border-bottom-color: color-mix( + in sRGB, + var(--bs-card-bg) 60%, + var(--bs-success) + ); + --bs-card-hover-border-bottom-color: var(--bs-success); +} + +.card-hover-border-success { + --bs-card-hover-border-color: color-mix( + in sRGB, + var(--bs-card-bg) 62%, + var(--bs-success) + ); +} + +.card-border-shadow-info { + --bs-card-border-bottom-color: color-mix( + in sRGB, + var(--bs-card-bg) 60%, + var(--bs-info) + ); + --bs-card-hover-border-bottom-color: var(--bs-info); +} + +.card-hover-border-info { + --bs-card-hover-border-color: color-mix( + in sRGB, + var(--bs-card-bg) 62%, + var(--bs-info) + ); +} + +.card-border-shadow-warning { + --bs-card-border-bottom-color: color-mix( + in sRGB, + var(--bs-card-bg) 60%, + var(--bs-warning) + ); + --bs-card-hover-border-bottom-color: var(--bs-warning); +} + +.card-hover-border-warning { + --bs-card-hover-border-color: color-mix( + in sRGB, + var(--bs-card-bg) 62%, + var(--bs-warning) + ); +} + +.card-border-shadow-danger { + --bs-card-border-bottom-color: color-mix( + in sRGB, + var(--bs-card-bg) 60%, + var(--bs-danger) + ); + --bs-card-hover-border-bottom-color: var(--bs-danger); +} + +.card-hover-border-danger { + --bs-card-hover-border-color: color-mix( + in sRGB, + var(--bs-card-bg) 62%, + var(--bs-danger) + ); +} + +.card-border-shadow-light { + --bs-card-border-bottom-color: color-mix( + in sRGB, + var(--bs-card-bg) 60%, + var(--bs-light) + ); + --bs-card-hover-border-bottom-color: var(--bs-light); +} + +.card-hover-border-light { + --bs-card-hover-border-color: color-mix( + in sRGB, + var(--bs-card-bg) 62%, + var(--bs-light) + ); +} + +.card-border-shadow-dark { + --bs-card-border-bottom-color: color-mix( + in sRGB, + var(--bs-card-bg) 60%, + var(--bs-dark) + ); + --bs-card-hover-border-bottom-color: var(--bs-dark); +} + +.card-hover-border-dark { + --bs-card-hover-border-color: color-mix( + in sRGB, + var(--bs-card-bg) 62%, + var(--bs-dark) + ); +} + +.card-border-shadow-gray { + --bs-card-border-bottom-color: color-mix( + in sRGB, + var(--bs-card-bg) 60%, + var(--bs-gray) + ); + --bs-card-hover-border-bottom-color: var(--bs-gray); +} + +.card-hover-border-gray { + --bs-card-hover-border-color: color-mix( + in sRGB, + var(--bs-card-bg) 62%, + var(--bs-gray) + ); +} + +/* Dark Theme */ +[data-bs-theme="dark"] .card { + --bs-card-bg: #2b2c40; + --bs-card-subtitle-color: color-mix(in srgb, #e6e6f1 55%, #393a5a); +} + +.accordion { + --bs-accordion-box-shadow: 0 0.125rem 0.375rem 0 rgba(34, 48, 62, 0.08); + --bs-accordion-active-box-shadow: 0 0.1875rem 0.5rem 0 rgba(34, 48, 62, 0.1); + --bs-accordion-active-bg: var(--bs-accordion-bg); + --bs-accordion-btn-active-bg: var(--bs-accordion-active-bg); + --bs-accordion-btn-focus-box-shadow: none; + --bs-accordion-btn-focus-shadow-width: 0; +} +.accordion .accordion-button::after { + background: var(--bs-accordion-btn-color); + mask-image: var(--bs-accordion-btn-icon); + mask-repeat: no-repeat; + mask-size: 100% 100%; +} +.accordion .accordion-button:not(.collapsed)::after { + background: var(--bs-accordion-btn-color); + mask-image: var(--bs-accordion-btn-active-icon); +} +.accordion.accordion-without-arrow .accordion-button::after { + background: none; +} +.accordion:not(.accordion-custom-button):not(.accordion-arrow-left) + .accordion-item { + border-radius: var(--bs-accordion-border-radius); +} +.accordion:not(.accordion-custom-button):not(.accordion-arrow-left) + .accordion-item + > .accordion-header + .accordion-button { + border-radius: var(--bs-accordion-inner-border-radius); +} +.accordion:not(.accordion-custom-button):not(.accordion-arrow-left) + .accordion-item:not(:first-of-type) { + border-block-start: var(--bs-accordion-border-width) solid + var(--bs-accordion-border-color); +} +.accordion:not(.accordion-custom-button):not(.accordion-arrow-left) + .accordion-item:not(:last-of-type) { + margin-block-end: 0.5rem; +} +.accordion.accordion-popout .accordion-item { + transition: margin 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94); +} +@media (prefers-reduced-motion: reduce) { + .accordion.accordion-popout .accordion-item { + transition: none; + } +} +.accordion.accordion-popout .accordion-item:not(.active) { + margin-inline: 1rem; +} +.accordion[class*="accordion-outline-"] { + --bs-accordion-box-shadow: none; + --bs-accordion-active-box-shadow: none; + --bs-accordion-bg: transparent; + --bs-accordion-active-bg: transparent; + --bs-accordion-border-width: var(--bs-border-width); +} +.accordion[class*="border-background-"] { + --bs-accordion-box-shadow: none; + --bs-accordion-active-box-shadow: none; + --bs-accordion-border-width: var(--bs-border-width); +} +.accordion[class*="accordion-border-solid-"] { + --bs-accordion-box-shadow: none; + --bs-accordion-active-box-shadow: none; + --bs-accordion-border-width: var(--bs-border-width); +} +.accordion[class*="accordion-border-solid-"] + .accordion-button.collapsed::after { + background-image: url("data:image/svg+xml,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg id='bx-chevron-down'%3e%3cpath id='Vector' d='M13.5775 7.74417L9.99997 11.3217L6.42247 7.74417L5.24414 8.9225L9.99997 13.6783L14.7558 8.9225L13.5775 7.74417Z' fill='CURRE' fill-opacity='0.9'/%3e%3c/g%3e%3c/svg%3e"); +} + +.accordion-item { + box-shadow: var(--bs-accordion-box-shadow); +} +.accordion-item.active { + background-color: var(--bs-accordion-active-bg); + box-shadow: var(--bs-accordion-active-box-shadow); +} + +.accordion-header { + line-height: 1.375; +} +.accordion-header + .accordion-collapse .accordion-body { + padding-block-start: 0; + padding-inline-start: 1.4375rem; +} + +/* Accordion border radius */ +.accordion-button { + font-weight: inherit; + padding-inline-end: 1.1875rem; +} +.accordion-button::after { + margin-inline-end: initial; + margin-inline-start: auto; +} +.accordion-button:not(.collapsed) { + background-color: var(--bs-accordion-btn-active-bg); + box-shadow: inset 0 calc(-1 * var(--bs-accordion-btn-focus-shadow-width)) 0 + var(--bs-accordion-border-color); + padding-block-end: 0.793rem; +} + +/* arrow left */ +.accordion-arrow-left { + --bs-accordion-box-shadow: none; + --bs-accordion-active-box-shadow: none; + --bs-accordion-btn-padding-y: calc(0.7305rem + 0.0625rem); + --bs-accordion-btn-padding-x: 0; + --bs-accordion-body-padding-y: calc(1.1875rem + 0.0625rem); +} +.accordion-arrow-left .accordion-item:not(:first-of-type) { + border-block-start: var(--bs-border-width) solid + var(--bs-accordion-border-color); +} +.accordion-arrow-left .accordion-button::after { + display: none; +} +.accordion-arrow-left .accordion-button:not(.collapsed)::before { + background: var(--bs-accordion-btn-color); + mask-image: var(--bs-accordion-btn-active-icon); + transform: var(--bs-accordion-btn-icon-transform); +} +.accordion-arrow-left .accordion-button::before { + background: var(--bs-accordion-btn-color); + block-size: var(--bs-accordion-btn-icon-width); + content: ""; + inline-size: var(--bs-accordion-btn-icon-width); + margin-inline: 0 1.1rem; + mask-image: var(--bs-accordion-btn-icon); + mask-repeat: no-repeat; + mask-size: 100% 100%; + transition: var(--bs-accordion-btn-icon-transition); +} +@media (prefers-reduced-motion: reduce) { + .accordion-arrow-left .accordion-button::before { + transition: none; + } +} +.accordion-arrow-left .accordion-header + .accordion-collapse .accordion-body { + padding-inline-start: calc(1.4375rem + 0.0625rem); +} + +/* Accordion custom button */ +.accordion-custom-button { + --bs-accordion-box-shadow: none; + --bs-accordion-active-box-shadow: none; + --bs-accordion-btn-padding-y: 0.76178rem; + --bs-accordion-border-width: var(--bs-border-width); + --bs-accordion-border-color: #e4e6e8; + --bs-accordion-btn-bg: #fafafa; + --bs-accordion-btn-active-bg: #fafafa; + --bs-accordion-btn-focus-box-shadow: none; + --bs-accordion-btn-focus-shadow-width: var(--bs-border-width); + --bs-accordion-btn-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23384551' viewBox='0 0 24 24'%3E%3Cpath d='M19 11h-6V5h-2v6H5v2h6v6h2v-6h6z'%3E%3C/path%3E%3C/svg%3E"); + --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23384551' viewBox='0 0 24 24'%3E%3Cpath d='M5 11h14v2H5z'%3E%3C/path%3E%3C/svg%3E"); +} +.accordion-custom-button .accordion-item .accordion-body { + padding-block-start: 1.1875rem; +} + +/* Generate contextual modifier classes for colorizing the alert */ +.accordion-header-primary { + --bs-accordion-active-color: var(--bs-primary); +} + +.accordion-border-background-primary { + --bs-accordion-color: var(--bs-primary); + --bs-accordion-active-color: var(--bs-primary); + --bs-accordion-border-color: var(--bs-primary); + --bs-accordion-bg: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-primary) + ); + --bs-accordion-active-bg: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-primary) + ); + --bs-accordion-btn-color: var(--bs-primary); +} + +.accordion-outline-primary { + --bs-accordion-border-color: var(--bs-primary); +} + +.accordion-solid-primary { + --bs-accordion-color: var(--bs-primary-contrast); + --bs-accordion-active-color: var(--bs-primary-contrast); + --bs-accordion-btn-color: var(--bs-primary-contrast); + --bs-accordion-border-color: var(--bs-primary); + --bs-accordion-bg: var(--bs-primary); + --bs-accordion-active-bg: var(--bs-primary); +} + +.accordion-border-solid-primary { + --bs-accordion-btn-color: var(--bs-primary-contrast); + --bs-accordion-border-color: var(--bs-primary); + --bs-accordion-bg: var(--bs-primary); + --bs-accordion-active-bg: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-primary) + ); + --bs-accordion-active-color: var(--bs-primary); +} + +.accordion-header-secondary { + --bs-accordion-active-color: var(--bs-secondary); +} + +.accordion-border-background-secondary { + --bs-accordion-color: var(--bs-secondary); + --bs-accordion-active-color: var(--bs-secondary); + --bs-accordion-border-color: var(--bs-secondary); + --bs-accordion-bg: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-secondary) + ); + --bs-accordion-active-bg: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-secondary) + ); + --bs-accordion-btn-color: var(--bs-secondary); +} + +.accordion-outline-secondary { + --bs-accordion-border-color: var(--bs-secondary); +} + +.accordion-solid-secondary { + --bs-accordion-color: var(--bs-secondary-contrast); + --bs-accordion-active-color: var(--bs-secondary-contrast); + --bs-accordion-btn-color: var(--bs-secondary-contrast); + --bs-accordion-border-color: var(--bs-secondary); + --bs-accordion-bg: var(--bs-secondary); + --bs-accordion-active-bg: var(--bs-secondary); +} + +.accordion-border-solid-secondary { + --bs-accordion-btn-color: var(--bs-secondary-contrast); + --bs-accordion-border-color: var(--bs-secondary); + --bs-accordion-bg: var(--bs-secondary); + --bs-accordion-active-bg: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-secondary) + ); + --bs-accordion-active-color: var(--bs-secondary); +} + +.accordion-header-success { + --bs-accordion-active-color: var(--bs-success); +} + +.accordion-border-background-success { + --bs-accordion-color: var(--bs-success); + --bs-accordion-active-color: var(--bs-success); + --bs-accordion-border-color: var(--bs-success); + --bs-accordion-bg: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-success) + ); + --bs-accordion-active-bg: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-success) + ); + --bs-accordion-btn-color: var(--bs-success); +} + +.accordion-outline-success { + --bs-accordion-border-color: var(--bs-success); +} + +.accordion-solid-success { + --bs-accordion-color: var(--bs-success-contrast); + --bs-accordion-active-color: var(--bs-success-contrast); + --bs-accordion-btn-color: var(--bs-success-contrast); + --bs-accordion-border-color: var(--bs-success); + --bs-accordion-bg: var(--bs-success); + --bs-accordion-active-bg: var(--bs-success); +} + +.accordion-border-solid-success { + --bs-accordion-btn-color: var(--bs-success-contrast); + --bs-accordion-border-color: var(--bs-success); + --bs-accordion-bg: var(--bs-success); + --bs-accordion-active-bg: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-success) + ); + --bs-accordion-active-color: var(--bs-success); +} + +.accordion-header-info { + --bs-accordion-active-color: var(--bs-info); +} + +.accordion-border-background-info { + --bs-accordion-color: var(--bs-info); + --bs-accordion-active-color: var(--bs-info); + --bs-accordion-border-color: var(--bs-info); + --bs-accordion-bg: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-info) + ); + --bs-accordion-active-bg: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-info) + ); + --bs-accordion-btn-color: var(--bs-info); +} + +.accordion-outline-info { + --bs-accordion-border-color: var(--bs-info); +} + +.accordion-solid-info { + --bs-accordion-color: var(--bs-info-contrast); + --bs-accordion-active-color: var(--bs-info-contrast); + --bs-accordion-btn-color: var(--bs-info-contrast); + --bs-accordion-border-color: var(--bs-info); + --bs-accordion-bg: var(--bs-info); + --bs-accordion-active-bg: var(--bs-info); +} + +.accordion-border-solid-info { + --bs-accordion-btn-color: var(--bs-info-contrast); + --bs-accordion-border-color: var(--bs-info); + --bs-accordion-bg: var(--bs-info); + --bs-accordion-active-bg: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-info) + ); + --bs-accordion-active-color: var(--bs-info); +} + +.accordion-header-warning { + --bs-accordion-active-color: var(--bs-warning); +} + +.accordion-border-background-warning { + --bs-accordion-color: var(--bs-warning); + --bs-accordion-active-color: var(--bs-warning); + --bs-accordion-border-color: var(--bs-warning); + --bs-accordion-bg: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-warning) + ); + --bs-accordion-active-bg: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-warning) + ); + --bs-accordion-btn-color: var(--bs-warning); +} + +.accordion-outline-warning { + --bs-accordion-border-color: var(--bs-warning); +} + +.accordion-solid-warning { + --bs-accordion-color: var(--bs-warning-contrast); + --bs-accordion-active-color: var(--bs-warning-contrast); + --bs-accordion-btn-color: var(--bs-warning-contrast); + --bs-accordion-border-color: var(--bs-warning); + --bs-accordion-bg: var(--bs-warning); + --bs-accordion-active-bg: var(--bs-warning); +} + +.accordion-border-solid-warning { + --bs-accordion-btn-color: var(--bs-warning-contrast); + --bs-accordion-border-color: var(--bs-warning); + --bs-accordion-bg: var(--bs-warning); + --bs-accordion-active-bg: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-warning) + ); + --bs-accordion-active-color: var(--bs-warning); +} + +.accordion-header-danger { + --bs-accordion-active-color: var(--bs-danger); +} + +.accordion-border-background-danger { + --bs-accordion-color: var(--bs-danger); + --bs-accordion-active-color: var(--bs-danger); + --bs-accordion-border-color: var(--bs-danger); + --bs-accordion-bg: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-danger) + ); + --bs-accordion-active-bg: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-danger) + ); + --bs-accordion-btn-color: var(--bs-danger); +} + +.accordion-outline-danger { + --bs-accordion-border-color: var(--bs-danger); +} + +.accordion-solid-danger { + --bs-accordion-color: var(--bs-danger-contrast); + --bs-accordion-active-color: var(--bs-danger-contrast); + --bs-accordion-btn-color: var(--bs-danger-contrast); + --bs-accordion-border-color: var(--bs-danger); + --bs-accordion-bg: var(--bs-danger); + --bs-accordion-active-bg: var(--bs-danger); +} + +.accordion-border-solid-danger { + --bs-accordion-btn-color: var(--bs-danger-contrast); + --bs-accordion-border-color: var(--bs-danger); + --bs-accordion-bg: var(--bs-danger); + --bs-accordion-active-bg: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-danger) + ); + --bs-accordion-active-color: var(--bs-danger); +} + +.accordion-header-light { + --bs-accordion-active-color: var(--bs-light); +} + +.accordion-border-background-light { + --bs-accordion-color: var(--bs-light); + --bs-accordion-active-color: var(--bs-light); + --bs-accordion-border-color: var(--bs-light); + --bs-accordion-bg: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-light) + ); + --bs-accordion-active-bg: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-light) + ); + --bs-accordion-btn-color: var(--bs-light); +} + +.accordion-outline-light { + --bs-accordion-border-color: var(--bs-light); +} + +.accordion-solid-light { + --bs-accordion-color: var(--bs-light-contrast); + --bs-accordion-active-color: var(--bs-light-contrast); + --bs-accordion-btn-color: var(--bs-light-contrast); + --bs-accordion-border-color: var(--bs-light); + --bs-accordion-bg: var(--bs-light); + --bs-accordion-active-bg: var(--bs-light); +} + +.accordion-border-solid-light { + --bs-accordion-btn-color: var(--bs-light-contrast); + --bs-accordion-border-color: var(--bs-light); + --bs-accordion-bg: var(--bs-light); + --bs-accordion-active-bg: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-light) + ); + --bs-accordion-active-color: var(--bs-light); +} + +.accordion-header-dark { + --bs-accordion-active-color: var(--bs-dark); +} + +.accordion-border-background-dark { + --bs-accordion-color: var(--bs-dark); + --bs-accordion-active-color: var(--bs-dark); + --bs-accordion-border-color: var(--bs-dark); + --bs-accordion-bg: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-dark) + ); + --bs-accordion-active-bg: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-dark) + ); + --bs-accordion-btn-color: var(--bs-dark); +} + +.accordion-outline-dark { + --bs-accordion-border-color: var(--bs-dark); +} + +.accordion-solid-dark { + --bs-accordion-color: var(--bs-dark-contrast); + --bs-accordion-active-color: var(--bs-dark-contrast); + --bs-accordion-btn-color: var(--bs-dark-contrast); + --bs-accordion-border-color: var(--bs-dark); + --bs-accordion-bg: var(--bs-dark); + --bs-accordion-active-bg: var(--bs-dark); +} + +.accordion-border-solid-dark { + --bs-accordion-btn-color: var(--bs-dark-contrast); + --bs-accordion-border-color: var(--bs-dark); + --bs-accordion-bg: var(--bs-dark); + --bs-accordion-active-bg: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-dark) + ); + --bs-accordion-active-color: var(--bs-dark); +} + +.accordion-header-gray { + --bs-accordion-active-color: var(--bs-gray); +} + +.accordion-border-background-gray { + --bs-accordion-color: var(--bs-gray); + --bs-accordion-active-color: var(--bs-gray); + --bs-accordion-border-color: var(--bs-gray); + --bs-accordion-bg: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-gray) + ); + --bs-accordion-active-bg: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-gray) + ); + --bs-accordion-btn-color: var(--bs-gray); +} + +.accordion-outline-gray { + --bs-accordion-border-color: var(--bs-gray); +} + +.accordion-solid-gray { + --bs-accordion-color: var(--bs-gray-contrast); + --bs-accordion-active-color: var(--bs-gray-contrast); + --bs-accordion-btn-color: var(--bs-gray-contrast); + --bs-accordion-border-color: var(--bs-gray); + --bs-accordion-bg: var(--bs-gray); + --bs-accordion-active-bg: var(--bs-gray); +} + +.accordion-border-solid-gray { + --bs-accordion-btn-color: var(--bs-gray-contrast); + --bs-accordion-border-color: var(--bs-gray); + --bs-accordion-bg: var(--bs-gray); + --bs-accordion-active-bg: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-gray) + ); + --bs-accordion-active-color: var(--bs-gray); +} + +/* Dark Theme */ +[data-bs-theme="dark"] + .accordion:not( + [class*="accordion-border-background-"], + [class*="accordion-border-solid-"], + [class*="accordion-solid-"] + ) { + --bs-accordion-btn-color: #d5d5e2; +} +[data-bs-theme="dark"] + .accordion:not( + [class*="accordion-header-"], + [class*="accordion-border-background-"], + [class*="accordion-border-solid-"], + [class*="accordion-solid-"] + ) { + --bs-accordion-active-color: #d5d5e2; +} +[data-bs-theme="dark"] .accordion.accordion-custom-button { + --bs-accordion-border-color: #4e4f6c; + --bs-accordion-btn-bg: #313246; + --bs-accordion-btn-active-bg: #313246; +} +[data-bs-theme="dark"] .accordion-custom-button .accordion-button::after { + --bs-accordion-btn-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23d5d5e2' viewBox='0 0 24 24'%3E%3Cpath d='M19 11h-6V5h-2v6H5v2h6v6h2v-6h6z'%3E%3C/path%3E%3C/svg%3E"); + --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23d5d5e2' viewBox='0 0 24 24'%3E%3Cpath d='M5 11h14v2H5z'%3E%3C/path%3E%3C/svg%3E"); +} + +.breadcrumb { + --bs-breadcrumb-color: var(--bs-body-color); +} + +.breadcrumb-item { + line-height: 1.5rem; +} +.breadcrumb-item a { + color: var(--bs-breadcrumb-color); +} +.breadcrumb-item a:hover, +.breadcrumb-item a:focus { + color: var(--bs-breadcrumb-item-active-color); +} +.breadcrumb-item .icon-base.breadcrumb-icon { + color: var(--bs-breadcrumb-divider-color); + margin-inline-start: 0.5rem; +} + +.breadcrumb-item.active a, +.breadcrumb-item.active a:hover, +.breadcrumb-item.active a:focus, +.breadcrumb-item.active a:active { + color: inherit; +} + +.breadcrumb-custom-icon .breadcrumb-item + .breadcrumb-item::before { + content: none !important; +} + +:dir(rtl) .breadcrumb-item + .breadcrumb-item { + padding-inline: 0.5rem 0; +} +:dir(rtl) .breadcrumb-item + .breadcrumb-item::before { + content: "\\"; + float: inline-start; + padding-inline: 0 0.5rem; +} +:dir(rtl) .breadcrumb-item .icon-base.breadcrumb-icon { + transform: scaleX(-1); +} + +/* Pagination +******************************************************************************* */ +.pagination { + --bs-pagination-box-shadow-color: var(--bs-primary-rgb); + padding-inline-start: 0; +} +.pagination[class*="pagination-outline-"] .page-item.active .page-link { + box-shadow: none; +} +.pagination[class*="pagination-outline-"] .page-item:not(.active) .page-link, +.pagination[class*="pagination-outline-"] li > a:not(.page-link) { + --bs-pagination-bg: transparent; + --bs-pagination-hover-bg: rgba(var(--bs-base-color-rgb), 0.06); + --bs-pagination-hover-color: var(--bs-pagination-color); + --bs-pagination-hover-border-color: color-mix( + in sRGB, + #22303e 22%, + var(--bs-paper-bg) + ); + --bs-pagination-focus-bg: rgba(var(--bs-base-color-rgb), 0.06); + --bs-pagination-focus-color: var(--bs-pagination-color); +} +.pagination.pagination-lg { + --bs-pagination-font-size: 1.0625rem; +} +.pagination.pagination-sm { + --bs-pagination-font-size: 0.8125rem; +} +.pagination .page-item .page-link:focus, +.pagination li > a:not(.page-link):focus { + color: var(--bs-pagination-focus-color); +} +.pagination .page-item.active .page-link, +.pagination li.active > a:not(.page-link) { + box-shadow: 0 0.125rem 0.25rem 0 + rgba(var(--bs-pagination-box-shadow-color), 0.4); + color: var(--bs-pagination-active-color); +} +.pagination:not([class*="pagination-outline-"]) .page-link { + border-color: transparent; +} +.pagination.pagination-square .page-item a { + border-radius: 0; +} +.pagination.pagination-round .page-item a { + border-radius: 50%; +} +.pagination.pagination-rounded .page-item a { + border-radius: 0.375rem; +} +.pagination.pagination-sm.pagination-rounded .page-item a { + border-radius: 0.25rem; +} +.pagination.pagination-lg.pagination-rounded .page-item a { + border-radius: 0.5rem; +} + +/* Pagination next, prev, first & last css padding */ +.page-item.disabled .page-link, +.page-item[disabled] .page-link { + opacity: 0.45; + pointer-events: none; +} + +.page-item:last-child .icon-base { + transform: translateX(7%); +} + +/* Pagination basic style */ +.page-link, +.page-link > a { + border-radius: 0.375rem; + display: inline-flex !important; + align-items: center; + justify-content: center; + min-block-size: calc(2.2508625rem + calc(1px * 2)); + min-inline-size: calc(2.2505625rem + calc(1px * 2)); +} + +/* Sizing +******************************************************************************* */ +/* Pagination Large */ +.pagination-lg .page-link, +.pagination-lg > li > a:not(.page-link) { + min-block-size: calc(2.8757925rem + calc(1px * 2)); + min-inline-size: calc(2.8759615rem + calc(1px * 2)); +} + +.pagination-lg > .page-item.first .page-link, +.pagination-lg > .page-item.last .page-link, +.pagination-lg > .page-item.next .page-link, +.pagination-lg > .page-item.prev .page-link, +.pagination-lg > .page-item.previous .page-link { + padding-inline: 0.5965rem; +} + +/* Pagination Small */ +.pagination-sm .page-link, +.pagination-sm > li > a:not(.page-link) { + min-block-size: calc(1.7501875rem + calc(1px * 2)); + min-inline-size: calc(1.7509515rem + calc(1px * 2)); +} + +.pagination-sm > .page-item.first .page-link, +.pagination-sm > .page-item.last .page-link, +.pagination-sm > .page-item.next .page-link, +.pagination-sm > .page-item.prev .page-link, +.pagination-sm > .page-item.previous .page-link { + padding-block: 0.211rem; + padding-inline: 0.211rem; +} + +/* Add spacing between pagination items */ +.pagination-sm .page-item + .page-item .page-link, +.pagination-sm .pagination li + li > a:not(.page-link) { + margin-inline-start: 0.25rem; +} +.pagination-lg .page-item + .page-item .page-link, +.pagination-lg .pagination li + li > a:not(.page-link) { + margin-inline-start: 0.5rem; +} + +/* RTL pagination +******************************************************************************* */ +/* Add spacing between pagination items */ +:dir(rtl) .pagination { + padding-inline-end: 0; +} +:dir(rtl) .page-item .page-link, +:dir(rtl) .pagination li > a:not(.page-link) { + margin-inline: 0 0.375rem; +} +:dir(rtl) .page-item.first .page-link .icon-base, +:dir(rtl) .page-item.last .page-link .icon-base, +:dir(rtl) .page-item.next .page-link .icon-base, +:dir(rtl) .page-item.prev .page-link .icon-base, +:dir(rtl) .page-item.previous .page-link .icon-base { + transform: rotate(180deg); +} + +/* Dark theme +******************************************************************************* */ +[data-bs-theme="dark"] .pagination { + --bs-pagination-disabled-color: var(--bs-pagination-color); +} +[data-bs-theme="dark"] + .pagination[class*="pagination-outline-"] + .page-item:not(.active) + .page-link, +[data-bs-theme="dark"] + .pagination[class*="pagination-outline-"] + li + > a:not(.page-link) { + --bs-pagination-border-color: rgba(255, 255, 255, 0.22); + --bs-pagination-hover-border-color: var(--bs-pagination-border-color); + --bs-pagination-disabled-border-color: var(--bs-pagination-border-color); +} + +.pagination.pagination-primary { + --bs-pagination-hover-bg: var(--bs-primary-bg-subtle); + --bs-pagination-hover-color: var(--bs-primary); + --bs-pagination-focus-bg: var(--bs-primary-bg-subtle); + --bs-pagination-focus-color: var(--bs-primary); + --bs-pagination-active-bg: var(--bs-primary); + --bs-pagination-box-shadow-color: var(--bs-primary-rgb); +} +.pagination.pagination-outline-primary { + --bs-pagination-active-bg: var(--bs-primary-bg-subtle); + --bs-pagination-active-color: var(--bs-primary); + --bs-pagination-active-border-color: var(--bs-primary); +} + +.pagination.pagination-secondary { + --bs-pagination-hover-bg: var(--bs-secondary-bg-subtle); + --bs-pagination-hover-color: var(--bs-secondary); + --bs-pagination-focus-bg: var(--bs-secondary-bg-subtle); + --bs-pagination-focus-color: var(--bs-secondary); + --bs-pagination-active-bg: var(--bs-secondary); + --bs-pagination-box-shadow-color: var(--bs-secondary-rgb); +} +.pagination.pagination-outline-secondary { + --bs-pagination-active-bg: var(--bs-secondary-bg-subtle); + --bs-pagination-active-color: var(--bs-secondary); + --bs-pagination-active-border-color: var(--bs-secondary); +} + +.pagination.pagination-success { + --bs-pagination-hover-bg: var(--bs-success-bg-subtle); + --bs-pagination-hover-color: var(--bs-success); + --bs-pagination-focus-bg: var(--bs-success-bg-subtle); + --bs-pagination-focus-color: var(--bs-success); + --bs-pagination-active-bg: var(--bs-success); + --bs-pagination-box-shadow-color: var(--bs-success-rgb); +} +.pagination.pagination-outline-success { + --bs-pagination-active-bg: var(--bs-success-bg-subtle); + --bs-pagination-active-color: var(--bs-success); + --bs-pagination-active-border-color: var(--bs-success); +} + +.pagination.pagination-info { + --bs-pagination-hover-bg: var(--bs-info-bg-subtle); + --bs-pagination-hover-color: var(--bs-info); + --bs-pagination-focus-bg: var(--bs-info-bg-subtle); + --bs-pagination-focus-color: var(--bs-info); + --bs-pagination-active-bg: var(--bs-info); + --bs-pagination-box-shadow-color: var(--bs-info-rgb); +} +.pagination.pagination-outline-info { + --bs-pagination-active-bg: var(--bs-info-bg-subtle); + --bs-pagination-active-color: var(--bs-info); + --bs-pagination-active-border-color: var(--bs-info); +} + +.pagination.pagination-warning { + --bs-pagination-hover-bg: var(--bs-warning-bg-subtle); + --bs-pagination-hover-color: var(--bs-warning); + --bs-pagination-focus-bg: var(--bs-warning-bg-subtle); + --bs-pagination-focus-color: var(--bs-warning); + --bs-pagination-active-bg: var(--bs-warning); + --bs-pagination-box-shadow-color: var(--bs-warning-rgb); +} +.pagination.pagination-outline-warning { + --bs-pagination-active-bg: var(--bs-warning-bg-subtle); + --bs-pagination-active-color: var(--bs-warning); + --bs-pagination-active-border-color: var(--bs-warning); +} + +.pagination.pagination-danger { + --bs-pagination-hover-bg: var(--bs-danger-bg-subtle); + --bs-pagination-hover-color: var(--bs-danger); + --bs-pagination-focus-bg: var(--bs-danger-bg-subtle); + --bs-pagination-focus-color: var(--bs-danger); + --bs-pagination-active-bg: var(--bs-danger); + --bs-pagination-box-shadow-color: var(--bs-danger-rgb); +} +.pagination.pagination-outline-danger { + --bs-pagination-active-bg: var(--bs-danger-bg-subtle); + --bs-pagination-active-color: var(--bs-danger); + --bs-pagination-active-border-color: var(--bs-danger); +} + +.pagination.pagination-light { + --bs-pagination-hover-bg: var(--bs-light-bg-subtle); + --bs-pagination-hover-color: var(--bs-light); + --bs-pagination-focus-bg: var(--bs-light-bg-subtle); + --bs-pagination-focus-color: var(--bs-light); + --bs-pagination-active-bg: var(--bs-light); + --bs-pagination-box-shadow-color: var(--bs-light-rgb); +} +.pagination.pagination-outline-light { + --bs-pagination-active-bg: var(--bs-light-bg-subtle); + --bs-pagination-active-color: var(--bs-light); + --bs-pagination-active-border-color: var(--bs-light); +} + +.pagination.pagination-dark { + --bs-pagination-hover-bg: var(--bs-dark-bg-subtle); + --bs-pagination-hover-color: var(--bs-dark); + --bs-pagination-focus-bg: var(--bs-dark-bg-subtle); + --bs-pagination-focus-color: var(--bs-dark); + --bs-pagination-active-bg: var(--bs-dark); + --bs-pagination-box-shadow-color: var(--bs-dark-rgb); +} +.pagination.pagination-outline-dark { + --bs-pagination-active-bg: var(--bs-dark-bg-subtle); + --bs-pagination-active-color: var(--bs-dark); + --bs-pagination-active-border-color: var(--bs-dark); +} + +.pagination.pagination-gray { + --bs-pagination-hover-bg: var(--bs-gray-bg-subtle); + --bs-pagination-hover-color: var(--bs-gray); + --bs-pagination-focus-bg: var(--bs-gray-bg-subtle); + --bs-pagination-focus-color: var(--bs-gray); + --bs-pagination-active-bg: var(--bs-gray); + --bs-pagination-box-shadow-color: var(--bs-gray-rgb); +} +.pagination.pagination-outline-gray { + --bs-pagination-active-bg: var(--bs-gray-bg-subtle); + --bs-pagination-active-color: var(--bs-gray); + --bs-pagination-active-border-color: var(--bs-gray); +} + +.badge { + --bs-badge-border-width: 0; + --bs-badge-border-color: var(--bs-primary); + --bs-badge-bg-color: var(--bs-primary); + border: var(--bs-badge-border-width) var(--bs-border-style) + var(--bs-badge-border-color); + background-color: var(--bs-badge-bg-color); +} +.badge[class*="badge-outline"] { + --bs-badge-border-width: 1px; + background-color: transparent; + --bs-badge-padding-x: calc(0.77em - 0.0625rem); + --bs-badge-padding-y: calc(0.4235em - 0.0625rem); +} + +/* Badge Center Style */ +.badge-center { + display: inline-flex; + align-items: center; + justify-content: center; + padding: 0; + block-size: 1.5rem; + inline-size: 1.5rem; + --bs-badge-font-size: 0.8125rem; +} +.badge-center .icon-base { + block-size: 0.875rem; + font-size: 0.875rem; + inline-size: 0.875rem; +} + +/* Dots Style */ +.badge.badge-dot { + display: inline-block; + padding: 0; + border-radius: 50%; + margin: 0; + block-size: 0.5rem; + inline-size: 0.5rem; +} + +/* Notifications */ +.badge.badge-notifications { + position: absolute; + margin: 0; + inset-block-start: auto; + transform: translate(-50%, -30%); +} +:dir(rtl) .badge.badge-notifications { + transform: translate(50%, -30%); +} +.badge.badge-notifications:not(.badge-center) { + font-size: 0.582rem; + line-height: 0.75rem; + padding-block: 0.05rem; + padding-inline: 0.2rem; +} +.btn[class*="btn-"] .badge.badge-notifications { + transform: translate(-50%, -50%); +} +:dir(rtl) .btn[class*="btn-"] .badge.badge-notifications { + transform: translate(50%, -50%); +} + +.badge-outline-primary, +.btn[class*="-outline"] .badge-outline-primary { + --bs-badge-color: var(--bs-primary); + --bs-badge-border-color: var(--bs-primary); +} + +.badge-outline-secondary, +.btn[class*="-outline"] .badge-outline-secondary { + --bs-badge-color: var(--bs-secondary); + --bs-badge-border-color: var(--bs-secondary); +} + +.badge-outline-success, +.btn[class*="-outline"] .badge-outline-success { + --bs-badge-color: var(--bs-success); + --bs-badge-border-color: var(--bs-success); +} + +.badge-outline-info, +.btn[class*="-outline"] .badge-outline-info { + --bs-badge-color: var(--bs-info); + --bs-badge-border-color: var(--bs-info); +} + +.badge-outline-warning, +.btn[class*="-outline"] .badge-outline-warning { + --bs-badge-color: var(--bs-warning); + --bs-badge-border-color: var(--bs-warning); +} + +.badge-outline-danger, +.btn[class*="-outline"] .badge-outline-danger { + --bs-badge-color: var(--bs-danger); + --bs-badge-border-color: var(--bs-danger); +} + +.badge-outline-light, +.btn[class*="-outline"] .badge-outline-light { + --bs-badge-color: var(--bs-light); + --bs-badge-border-color: var(--bs-light); +} + +.badge-outline-dark, +.btn[class*="-outline"] .badge-outline-dark { + --bs-badge-color: var(--bs-dark); + --bs-badge-border-color: var(--bs-dark); +} + +.badge-outline-gray, +.btn[class*="-outline"] .badge-outline-gray { + --bs-badge-color: var(--bs-gray); + --bs-badge-border-color: var(--bs-gray); +} + +[data-bs-theme="dark"] .badge-outline-dark { + --bs-badge-color: var(--bs-dark-contrast); +} +/* Alert icon styles */ +.alert { + --bs-alert-link-hover-color: var(--bs-primary); + --bs-alert-hr: var(--bs-black); + --bs-alert-icon-color: var(--bs-white); + --bs-alert-icon-bg: var(--bs-black); + --bs-alert-icon-shadow-color: var(--bs-primary); + --bs-alert-icon-shadow-scale: 16%; + --bs-alert-close-icon: var(--bs-black); + line-height: 1.375rem; +} +.alert[class*="alert-"] hr { + background-color: var(--bs-alert-hr); + color: var(--bs-alert-hr); +} +.alert .alert-link:hover { + color: var(--bs-alert-link-hover-color); +} +.alert .alert-icon { + display: flex; + align-items: center; + justify-content: center; + background-color: var(--bs-alert-icon-bg); + block-size: 1.75rem; + box-shadow: 0 0 0 0.125rem rgba(var(--bs-alert-icon-shadow-color), 0.16); + color: var(--bs-alert-icon-color); + inline-size: 1.75rem; + margin-inline-end: 0.5rem; +} +.alert[class*="alert-solid-"] { + --bs-alert-link-color: var(--bs-white); + --bs-alert-link-hover-color: var(--bs-white); + --bs-alert-hr: var(--bs-white); + --bs-alert-icon-bg: var(--bs-white); + --bs-alert-icon-shadow-scale: 20%; + --bs-alert-close-icon: var(--bs-white); +} +.alert[class*="alert-solid-"] .alert-icon { + box-shadow: 0 0 0 0.125rem + color-mix( + in sRGB, + var(--bs-white) var(--bs-alert-icon-shadow-scale), + var(--bs-alert-icon-shadow-color) + ); +} + +/* Adjust close link position */ +.alert-dismissible { + padding-inline-end: 3rem; + padding-inline-start: 1rem; +} +.alert-dismissible .btn-close { + padding: 0; + background: var(--bs-alert-close-icon); + block-size: 0.8125rem; + filter: none; + inline-size: 0.8125rem; + inset-inline: auto 0; + margin-block: calc(0.75rem * 1.37); + margin-inline: calc(1rem * 0.9); + mask-image: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='currentColor' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.5' fill='currentColor' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); + mask-repeat: no-repeat; + mask-size: 100% 100%; +} + +.alert-primary { + --bs-alert-color: var(--bs-primary); + --bs-alert-close-icon: var(--bs-primary); + --bs-alert-icon-shadow-color: var(--bs-primary-rgb); + --bs-alert-border-color: var(--bs-primary-bg-subtle); + --bs-alert-link-color: var(--bs-primary); + --bs-alert-link-hover-color: var(--bs-primary); + --bs-alert-hr: var(--bs-primary); + --bs-alert-icon-bg: var(--bs-primary); +} + +.alert-solid-primary { + --bs-alert-icon-shadow-color: var(--bs-primary); + --bs-alert-color: var(--bs-primary-contrast); + --bs-alert-bg: var(--bs-primary); + --bs-alert-border-color: var(--bs-primary); + --bs-alert-icon-color: var(--bs-primary); +} + +.alert-outline-primary { + --bs-alert-color: var(--bs-primary); + --bs-alert-close-icon: var(--bs-primary); + --bs-alert-icon-shadow-color: var(--bs-primary-rgb); + --bs-alert-link-color: var(--bs-primary); + --bs-alert-link-hover-color: var(--bs-primary); + --bs-alert-border-color: var(--bs-primary); + --bs-alert-hr: var(--bs-primary); + --bs-alert-icon-color: var(--bs-primary); + --bs-alert-icon-bg: var(--bs-primary-bg-subtle); +} + +.alert-secondary { + --bs-alert-color: var(--bs-secondary); + --bs-alert-close-icon: var(--bs-secondary); + --bs-alert-icon-shadow-color: var(--bs-secondary-rgb); + --bs-alert-border-color: var(--bs-secondary-bg-subtle); + --bs-alert-link-color: var(--bs-secondary); + --bs-alert-link-hover-color: var(--bs-secondary); + --bs-alert-hr: var(--bs-secondary); + --bs-alert-icon-bg: var(--bs-secondary); +} + +.alert-solid-secondary { + --bs-alert-icon-shadow-color: var(--bs-secondary); + --bs-alert-color: var(--bs-secondary-contrast); + --bs-alert-bg: var(--bs-secondary); + --bs-alert-border-color: var(--bs-secondary); + --bs-alert-icon-color: var(--bs-secondary); +} + +.alert-outline-secondary { + --bs-alert-color: var(--bs-secondary); + --bs-alert-close-icon: var(--bs-secondary); + --bs-alert-icon-shadow-color: var(--bs-secondary-rgb); + --bs-alert-link-color: var(--bs-secondary); + --bs-alert-link-hover-color: var(--bs-secondary); + --bs-alert-border-color: var(--bs-secondary); + --bs-alert-hr: var(--bs-secondary); + --bs-alert-icon-color: var(--bs-secondary); + --bs-alert-icon-bg: var(--bs-secondary-bg-subtle); +} + +.alert-success { + --bs-alert-color: var(--bs-success); + --bs-alert-close-icon: var(--bs-success); + --bs-alert-icon-shadow-color: var(--bs-success-rgb); + --bs-alert-border-color: var(--bs-success-bg-subtle); + --bs-alert-link-color: var(--bs-success); + --bs-alert-link-hover-color: var(--bs-success); + --bs-alert-hr: var(--bs-success); + --bs-alert-icon-bg: var(--bs-success); +} + +.alert-solid-success { + --bs-alert-icon-shadow-color: var(--bs-success); + --bs-alert-color: var(--bs-success-contrast); + --bs-alert-bg: var(--bs-success); + --bs-alert-border-color: var(--bs-success); + --bs-alert-icon-color: var(--bs-success); +} + +.alert-outline-success { + --bs-alert-color: var(--bs-success); + --bs-alert-close-icon: var(--bs-success); + --bs-alert-icon-shadow-color: var(--bs-success-rgb); + --bs-alert-link-color: var(--bs-success); + --bs-alert-link-hover-color: var(--bs-success); + --bs-alert-border-color: var(--bs-success); + --bs-alert-hr: var(--bs-success); + --bs-alert-icon-color: var(--bs-success); + --bs-alert-icon-bg: var(--bs-success-bg-subtle); +} + +.alert-info { + --bs-alert-color: var(--bs-info); + --bs-alert-close-icon: var(--bs-info); + --bs-alert-icon-shadow-color: var(--bs-info-rgb); + --bs-alert-border-color: var(--bs-info-bg-subtle); + --bs-alert-link-color: var(--bs-info); + --bs-alert-link-hover-color: var(--bs-info); + --bs-alert-hr: var(--bs-info); + --bs-alert-icon-bg: var(--bs-info); +} + +.alert-solid-info { + --bs-alert-icon-shadow-color: var(--bs-info); + --bs-alert-color: var(--bs-info-contrast); + --bs-alert-bg: var(--bs-info); + --bs-alert-border-color: var(--bs-info); + --bs-alert-icon-color: var(--bs-info); +} + +.alert-outline-info { + --bs-alert-color: var(--bs-info); + --bs-alert-close-icon: var(--bs-info); + --bs-alert-icon-shadow-color: var(--bs-info-rgb); + --bs-alert-link-color: var(--bs-info); + --bs-alert-link-hover-color: var(--bs-info); + --bs-alert-border-color: var(--bs-info); + --bs-alert-hr: var(--bs-info); + --bs-alert-icon-color: var(--bs-info); + --bs-alert-icon-bg: var(--bs-info-bg-subtle); +} + +.alert-warning { + --bs-alert-color: var(--bs-warning); + --bs-alert-close-icon: var(--bs-warning); + --bs-alert-icon-shadow-color: var(--bs-warning-rgb); + --bs-alert-border-color: var(--bs-warning-bg-subtle); + --bs-alert-link-color: var(--bs-warning); + --bs-alert-link-hover-color: var(--bs-warning); + --bs-alert-hr: var(--bs-warning); + --bs-alert-icon-bg: var(--bs-warning); +} + +.alert-solid-warning { + --bs-alert-icon-shadow-color: var(--bs-warning); + --bs-alert-color: var(--bs-warning-contrast); + --bs-alert-bg: var(--bs-warning); + --bs-alert-border-color: var(--bs-warning); + --bs-alert-icon-color: var(--bs-warning); +} + +.alert-outline-warning { + --bs-alert-color: var(--bs-warning); + --bs-alert-close-icon: var(--bs-warning); + --bs-alert-icon-shadow-color: var(--bs-warning-rgb); + --bs-alert-link-color: var(--bs-warning); + --bs-alert-link-hover-color: var(--bs-warning); + --bs-alert-border-color: var(--bs-warning); + --bs-alert-hr: var(--bs-warning); + --bs-alert-icon-color: var(--bs-warning); + --bs-alert-icon-bg: var(--bs-warning-bg-subtle); +} + +.alert-danger { + --bs-alert-color: var(--bs-danger); + --bs-alert-close-icon: var(--bs-danger); + --bs-alert-icon-shadow-color: var(--bs-danger-rgb); + --bs-alert-border-color: var(--bs-danger-bg-subtle); + --bs-alert-link-color: var(--bs-danger); + --bs-alert-link-hover-color: var(--bs-danger); + --bs-alert-hr: var(--bs-danger); + --bs-alert-icon-bg: var(--bs-danger); +} + +.alert-solid-danger { + --bs-alert-icon-shadow-color: var(--bs-danger); + --bs-alert-color: var(--bs-danger-contrast); + --bs-alert-bg: var(--bs-danger); + --bs-alert-border-color: var(--bs-danger); + --bs-alert-icon-color: var(--bs-danger); +} + +.alert-outline-danger { + --bs-alert-color: var(--bs-danger); + --bs-alert-close-icon: var(--bs-danger); + --bs-alert-icon-shadow-color: var(--bs-danger-rgb); + --bs-alert-link-color: var(--bs-danger); + --bs-alert-link-hover-color: var(--bs-danger); + --bs-alert-border-color: var(--bs-danger); + --bs-alert-hr: var(--bs-danger); + --bs-alert-icon-color: var(--bs-danger); + --bs-alert-icon-bg: var(--bs-danger-bg-subtle); +} + +.alert-light { + --bs-alert-color: var(--bs-light-contrast); + --bs-alert-close-icon: var(--bs-light-contrast); + --bs-alert-icon-shadow-color: var(--bs-light-rgb); + --bs-alert-border-color: var(--bs-light-bg-subtle); + --bs-alert-link-color: var(--bs-light); + --bs-alert-link-hover-color: var(--bs-light); + --bs-alert-hr: var(--bs-light); + --bs-alert-icon-bg: var(--bs-light); +} + +.alert-solid-light { + --bs-alert-icon-shadow-color: var(--bs-light); + --bs-alert-color: var(--bs-light-contrast); + --bs-alert-bg: var(--bs-light); + --bs-alert-border-color: var(--bs-light); + --bs-alert-icon-color: var(--bs-light); +} + +.alert-outline-light { + --bs-alert-color: var(--bs-light-contrast); + --bs-alert-close-icon: var(--bs-light-contrast); + --bs-alert-icon-shadow-color: var(--bs-light-rgb); + --bs-alert-link-color: var(--bs-light); + --bs-alert-link-hover-color: var(--bs-light); + --bs-alert-border-color: var(--bs-light); + --bs-alert-hr: var(--bs-light); + --bs-alert-icon-color: var(--bs-light); + --bs-alert-icon-bg: var(--bs-light-bg-subtle); +} + +.alert-dark { + --bs-alert-color: var(--bs-dark); + --bs-alert-close-icon: var(--bs-dark); + --bs-alert-icon-shadow-color: var(--bs-dark-rgb); + --bs-alert-border-color: var(--bs-dark-bg-subtle); + --bs-alert-link-color: var(--bs-dark); + --bs-alert-link-hover-color: var(--bs-dark); + --bs-alert-hr: var(--bs-dark); + --bs-alert-icon-bg: var(--bs-dark); +} + +.alert-solid-dark { + --bs-alert-icon-shadow-color: var(--bs-dark); + --bs-alert-color: var(--bs-dark-contrast); + --bs-alert-bg: var(--bs-dark); + --bs-alert-border-color: var(--bs-dark); + --bs-alert-icon-color: var(--bs-dark); +} + +.alert-outline-dark { + --bs-alert-color: var(--bs-dark); + --bs-alert-close-icon: var(--bs-dark); + --bs-alert-icon-shadow-color: var(--bs-dark-rgb); + --bs-alert-link-color: var(--bs-dark); + --bs-alert-link-hover-color: var(--bs-dark); + --bs-alert-border-color: var(--bs-dark); + --bs-alert-hr: var(--bs-dark); + --bs-alert-icon-color: var(--bs-dark); + --bs-alert-icon-bg: var(--bs-dark-bg-subtle); +} + +.alert-gray { + --bs-alert-color: var(--bs-gray); + --bs-alert-close-icon: var(--bs-gray); + --bs-alert-icon-shadow-color: var(--bs-gray-rgb); + --bs-alert-border-color: var(--bs-gray-bg-subtle); + --bs-alert-link-color: var(--bs-gray); + --bs-alert-link-hover-color: var(--bs-gray); + --bs-alert-hr: var(--bs-gray); + --bs-alert-icon-bg: var(--bs-gray); +} + +.alert-solid-gray { + --bs-alert-icon-shadow-color: var(--bs-gray); + --bs-alert-color: var(--bs-gray-contrast); + --bs-alert-bg: var(--bs-gray); + --bs-alert-border-color: var(--bs-gray); + --bs-alert-icon-color: var(--bs-gray); +} + +.alert-outline-gray { + --bs-alert-color: var(--bs-gray); + --bs-alert-close-icon: var(--bs-gray); + --bs-alert-icon-shadow-color: var(--bs-gray-rgb); + --bs-alert-link-color: var(--bs-gray); + --bs-alert-link-hover-color: var(--bs-gray); + --bs-alert-border-color: var(--bs-gray); + --bs-alert-hr: var(--bs-gray); + --bs-alert-icon-color: var(--bs-gray); + --bs-alert-icon-bg: var(--bs-gray-bg-subtle); +} + +/* Dark Theme */ +[data-bs-theme="dark"] .alert-dark { + --bs-alert-color: var(--bs-dark-contrast); + --bs-alert-close-icon: var(--bs-dark-contrast); +} +[data-bs-theme="dark"] .alert-outline-dark { + --bs-alert-color: var(--bs-dark-contrast); + --bs-alert-close-icon: var(--bs-dark-contrast); +} +/* Progress +******************************************************************************* */ +.progress { + --bs-progress-bar-shadow-color: rgba(var(--bs-primary-rgb), 0.4); + overflow: initial; +} +.progress .progress-bar { + background-color: var(--bs-primary); + box-shadow: 0 2px 4px 0 var(--bs-progress-bar-shadow-color); + color: var(--bs-white); +} +.progress .progress-bar:first-child { + border-end-start-radius: 50rem; + border-start-start-radius: 50rem; +} +.progress .progress-bar:last-child { + border-end-end-radius: 50rem; + border-start-end-radius: 50rem; +} + +/* RTL +******************************************************************************* */ +:dir(rtl) .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 + ); +} +:dir(rtl) .progress-bar-animated { + animation-direction: reverse; +} + +[data-bs-theme="dark"] .progress { + --bs-progress-bg: rgba(230, 230, 241, 0.08); +} + +.progress-bar.bg-primary { + --bs-progress-bar-shadow-color: rgba(var(--bs-primary-rgb), 0.4); +} + +.progress-bar.bg-secondary { + --bs-progress-bar-shadow-color: rgba(var(--bs-secondary-rgb), 0.4); +} + +.progress-bar.bg-success { + --bs-progress-bar-shadow-color: rgba(var(--bs-success-rgb), 0.4); +} + +.progress-bar.bg-info { + --bs-progress-bar-shadow-color: rgba(var(--bs-info-rgb), 0.4); +} + +.progress-bar.bg-warning { + --bs-progress-bar-shadow-color: rgba(var(--bs-warning-rgb), 0.4); +} + +.progress-bar.bg-danger { + --bs-progress-bar-shadow-color: rgba(var(--bs-danger-rgb), 0.4); +} + +.progress-bar.bg-light { + --bs-progress-bar-shadow-color: rgba(var(--bs-light-rgb), 0.4); +} + +.progress-bar.bg-dark { + --bs-progress-bar-shadow-color: rgba(var(--bs-dark-rgb), 0.4); +} + +.progress-bar.bg-gray { + --bs-progress-bar-shadow-color: rgba(var(--bs-gray-rgb), 0.4); +} + +/* List groups +******************************************************************************* */ +/* List Group Mixin */ +.list-group { + --bs-list-group-timeline-bg: var(--bs-primary); + --bs-list-group-border-color: var(--bs-border-color); + --bs-list-group-active-border-color: var(--bs-border-color); + --bs-list-group-action-hover-color: var(--bs-body-color); + --bs-list-group-action-active-color: var(--bs-body-color); + --bs-list-group-active-bg: var(--bs-primary-bg-subtle); +} +.list-group .list-group-item { + line-height: 1.375rem; + padding-block-end: calc(0.5rem - 1px); +} +.list-group:not([class*="list-group-flush"]) .list-group-item:first-of-type { + padding-block-start: calc(0.5rem - 1px); +} +.list-group[class*="list-group-flush"] .list-group-item:last-of-type { + padding-block-end: 0.5rem; +} +@media (min-width: 768px) { + .list-group[class*="list-group-horizontal-md"] .list-group-item { + padding-block-start: calc(0.5rem - 1px); + } +} +.list-group.list-group-timeline { + position: relative; +} +.list-group.list-group-timeline::before { + position: absolute; + background-color: var(--bs-border-color); + block-size: 100%; + content: ""; + inline-size: 1px; + inset-block: 0; + inset-inline-start: 0.2rem; +} +.list-group.list-group-timeline .list-group-item { + border: 0; + padding-inline-start: 1.25rem; +} +.list-group.list-group-timeline .list-group-item::before { + position: absolute; + background-color: var(--bs-list-group-timeline-bg); + block-size: 7px; + content: ""; + inline-size: 7px; + inset-block-start: 50%; + inset-inline-start: 0; + margin-block-start: -3.5px; + border-radius: 100%; +} +.list-group .list-group-item.active h1, +.list-group .list-group-item.active .h1, +.list-group .list-group-item.active h2, +.list-group .list-group-item.active .h2, +.list-group .list-group-item.active h3, +.list-group .list-group-item.active .h3, +.list-group .list-group-item.active h4, +.list-group .list-group-item.active .h4, +.list-group .list-group-item.active h5, +.list-group .list-group-item.active .h5, +.list-group .list-group-item.active h6, +.list-group .list-group-item.active .h6 { + color: var(--bs-primary); +} +.list-group .list-group-item.active, +.list-group .list-group-item.active:hover, +.list-group .list-group-item.active:focus { + --bs-list-group-color: var(--bs-white); +} + +/* RTL +******************************************************************************* */ +:dir(rtl) .list-group { + padding-inline-start: 0; +} +:dir(rtl) .list-group.list-group-horizontal .list-group-item:first-child { + border-radius: 0.25rem; + border-end-start-radius: 0; + border-start-start-radius: 0; +} +:dir(rtl) .list-group.list-group-horizontal .list-group-item:last-child { + border-radius: 0.25rem; + border-inline-end-width: 1px; + border-end-end-radius: 0; + border-start-end-radius: 0; +} +@media (min-width: 576px) { + :dir(rtl) .list-group.list-group-horizontal-sm .list-group-item:first-child { + border-radius: 0.25rem; + border-end-start-radius: 0; + border-start-start-radius: 0; + } + :dir(rtl) .list-group.list-group-horizontal-sm .list-group-item:last-child { + border-radius: 0.25rem; + border-end-end-radius: 0; + border-start-end-radius: 0; + border-inline-end-width: 1px; + } +} +@media (min-width: 768px) { + :dir(rtl) .list-group.list-group-horizontal-md .list-group-item:first-child { + border-radius: 0.25rem; + border-end-start-radius: 0; + border-start-start-radius: 0; + } + :dir(rtl) .list-group.list-group-horizontal-md .list-group-item:last-child { + border-radius: 0.25rem; + border-end-end-radius: 0; + border-start-end-radius: 0; + border-inline-end-width: 1px; + } +} +@media (min-width: 992px) { + :dir(rtl) .list-group.list-group-horizontal-lg .list-group-item:first-child { + border-radius: 0.25rem; + border-end-start-radius: 0; + border-start-start-radius: 0; + } + :dir(rtl) .list-group.list-group-horizontal-lg .list-group-item:last-child { + border-radius: 0.25rem; + border-inline-end-width: 1px; + border-end-end-radius: 0; + border-start-end-radius: 0; + } +} +@media (min-width: 1200px) { + :dir(rtl) .list-group.list-group-horizontal-xl .list-group-item:first-child { + border-radius: 0.25rem; + border-end-start-radius: 0; + border-start-start-radius: 0; + } + :dir(rtl) .list-group.list-group-horizontal-xl .list-group-item:last-child { + border-radius: 0.25rem; + border-inline-end-width: 1px; + border-end-end-radius: 0; + border-start-end-radius: 0; + } +} +@media (min-width: 1400px) { + :dir(rtl) .list-group.list-group-horizontal-xxl .list-group-item:first-child { + border-radius: 0.25rem; + border-end-start-radius: 0; + border-start-start-radius: 0; + } + :dir(rtl) .list-group.list-group-horizontal-xxl .list-group-item:last-child { + border-radius: 0.25rem; + border-inline-end-width: 1px; + border-end-end-radius: 0; + border-start-end-radius: 0; + } +} + +[data-bs-theme="dark"] .list-group { + --bs-list-group-color: #d5d5e2; +} + +.list-group-item-primary { + --bs-list-group-border-color: var(--bs-primary); + --bs-list-group-active-border-color: var(--bs-primary); + --bs-list-group-active-bg: var(--bs-primary-bg-subtle); + --bs-list-group-color: var(--bs-primary-text-emphasis); + --bs-list-group-action-hover-color: var(--bs-primary-text-emphasis); + --bs-list-group-action-active-color: var(--bs-primary-text-emphasis); +} + +.list-group-timeline-primary { + --bs-list-group-timeline-bg: var(--bs-primary); +} + +.list-group-item-secondary { + --bs-list-group-border-color: var(--bs-secondary); + --bs-list-group-active-border-color: var(--bs-secondary); + --bs-list-group-active-bg: var(--bs-secondary-bg-subtle); + --bs-list-group-color: var(--bs-secondary-text-emphasis); + --bs-list-group-action-hover-color: var(--bs-secondary-text-emphasis); + --bs-list-group-action-active-color: var(--bs-secondary-text-emphasis); +} + +.list-group-timeline-secondary { + --bs-list-group-timeline-bg: var(--bs-secondary); +} + +.list-group-item-success { + --bs-list-group-border-color: var(--bs-success); + --bs-list-group-active-border-color: var(--bs-success); + --bs-list-group-active-bg: var(--bs-success-bg-subtle); + --bs-list-group-color: var(--bs-success-text-emphasis); + --bs-list-group-action-hover-color: var(--bs-success-text-emphasis); + --bs-list-group-action-active-color: var(--bs-success-text-emphasis); +} + +.list-group-timeline-success { + --bs-list-group-timeline-bg: var(--bs-success); +} + +.list-group-item-info { + --bs-list-group-border-color: var(--bs-info); + --bs-list-group-active-border-color: var(--bs-info); + --bs-list-group-active-bg: var(--bs-info-bg-subtle); + --bs-list-group-color: var(--bs-info-text-emphasis); + --bs-list-group-action-hover-color: var(--bs-info-text-emphasis); + --bs-list-group-action-active-color: var(--bs-info-text-emphasis); +} + +.list-group-timeline-info { + --bs-list-group-timeline-bg: var(--bs-info); +} + +.list-group-item-warning { + --bs-list-group-border-color: var(--bs-warning); + --bs-list-group-active-border-color: var(--bs-warning); + --bs-list-group-active-bg: var(--bs-warning-bg-subtle); + --bs-list-group-color: var(--bs-warning-text-emphasis); + --bs-list-group-action-hover-color: var(--bs-warning-text-emphasis); + --bs-list-group-action-active-color: var(--bs-warning-text-emphasis); +} + +.list-group-timeline-warning { + --bs-list-group-timeline-bg: var(--bs-warning); +} + +.list-group-item-danger { + --bs-list-group-border-color: var(--bs-danger); + --bs-list-group-active-border-color: var(--bs-danger); + --bs-list-group-active-bg: var(--bs-danger-bg-subtle); + --bs-list-group-color: var(--bs-danger-text-emphasis); + --bs-list-group-action-hover-color: var(--bs-danger-text-emphasis); + --bs-list-group-action-active-color: var(--bs-danger-text-emphasis); +} + +.list-group-timeline-danger { + --bs-list-group-timeline-bg: var(--bs-danger); +} + +.list-group-item-light { + --bs-list-group-border-color: var(--bs-light); + --bs-list-group-active-border-color: var(--bs-light); + --bs-list-group-active-bg: var(--bs-light-bg-subtle); + --bs-list-group-color: var(--bs-light-text-emphasis); + --bs-list-group-action-hover-color: var(--bs-light-text-emphasis); + --bs-list-group-action-active-color: var(--bs-light-text-emphasis); +} + +.list-group-timeline-light { + --bs-list-group-timeline-bg: var(--bs-light); +} + +.list-group-item-dark { + --bs-list-group-border-color: var(--bs-dark); + --bs-list-group-active-border-color: var(--bs-dark); + --bs-list-group-active-bg: var(--bs-dark-bg-subtle); + --bs-list-group-color: var(--bs-dark-text-emphasis); + --bs-list-group-action-hover-color: var(--bs-dark-text-emphasis); + --bs-list-group-action-active-color: var(--bs-dark-text-emphasis); +} + +.list-group-timeline-dark { + --bs-list-group-timeline-bg: var(--bs-dark); +} + +.list-group-item-gray { + --bs-list-group-border-color: var(--bs-gray); + --bs-list-group-active-border-color: var(--bs-gray); + --bs-list-group-active-bg: var(--bs-gray-bg-subtle); + --bs-list-group-color: var(--bs-gray-text-emphasis); + --bs-list-group-action-hover-color: var(--bs-gray-text-emphasis); + --bs-list-group-action-active-color: var(--bs-gray-text-emphasis); +} + +.list-group-timeline-gray { + --bs-list-group-timeline-bg: var(--bs-gray); +} + +/* Toasts +******************************************************************************* */ +.bs-toast[class^="bg-"], +.bs-toast[class*=" bg-"] { + --bs-toast-header-color: var(--bs-white); + --bs-toast-color: var(--bs-white); +} + +.toast.bs-toast { + --bs-toast-btn-close-bg: var(--bs-paper-bg); + --bs-toast-btn-close: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='%23a7acb2' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='1' fill='%23a7acb2' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); + z-index: 1095; + background-color: var(--bs-toast-bg) !important; +} +.toast.bs-toast .toast-header { + position: relative; + padding-block-end: 0.5rem; +} +.toast.bs-toast .toast-header .btn-close { + position: absolute; + padding: 0.45rem; + background-color: var(--bs-toast-btn-close-bg); + background-image: var(--bs-toast-btn-close); + background-size: 0.625em; + box-shadow: var(--bs-toast-box-shadow); + filter: none; + inset-block-start: -8px; + inset-inline-end: 2px; + border-radius: 0.375rem; + transition: all 0.23s ease 0.1s; + /* For hover effect of close btn */ +} +@media (prefers-reduced-motion: reduce) { + .toast.bs-toast .toast-header .btn-close { + transition: none; + } +} +.toast.bs-toast .toast-header .btn-close:hover, +.toast.bs-toast .toast-header .btn-close:focus, +.toast.bs-toast .toast-header .btn-close:active { + opacity: 1; + outline: 0; +} +.toast.bs-toast .toast-header ~ .toast-body { + padding-block-start: 0; +} + +.toast-container { + --bs-toast-zindex: 8; +} + +.toast-header .btn-close { + margin-inline: 1.25rem -0.625rem; +} + +/* Bootstrap Toasts Example */ +.toast-ex { + position: fixed; + inset-block-start: 4.1rem; + inset-inline: auto 2.5rem; +} + +/* Placement Toast example */ +.toast-placement-ex { + position: fixed; +} + +/* Generate contextual modifier classes for colorizing the alert */ +.bs-toast.bg-primary { + --bs-toast-bg: rgba(var(--bs-primary-rgb), 0.85); + --bs-toast-box-shadow: 0 0.25rem 1rem rgba(var(--bs-primary-rgb), 0.4); + --bs-toast-btn-close-bg: var(--bs-primary); + --bs-toast-btn-close: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='1' fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); +} + +.bs-toast.bg-secondary { + --bs-toast-bg: rgba(var(--bs-secondary-rgb), 0.85); + --bs-toast-box-shadow: 0 0.25rem 1rem rgba(var(--bs-secondary-rgb), 0.4); + --bs-toast-btn-close-bg: var(--bs-secondary); + --bs-toast-btn-close: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='1' fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); +} + +.bs-toast.bg-success { + --bs-toast-bg: rgba(var(--bs-success-rgb), 0.85); + --bs-toast-box-shadow: 0 0.25rem 1rem rgba(var(--bs-success-rgb), 0.4); + --bs-toast-btn-close-bg: var(--bs-success); + --bs-toast-btn-close: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='1' fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); +} + +.bs-toast.bg-info { + --bs-toast-bg: rgba(var(--bs-info-rgb), 0.85); + --bs-toast-box-shadow: 0 0.25rem 1rem rgba(var(--bs-info-rgb), 0.4); + --bs-toast-btn-close-bg: var(--bs-info); + --bs-toast-btn-close: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='1' fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); +} + +.bs-toast.bg-warning { + --bs-toast-bg: rgba(var(--bs-warning-rgb), 0.85); + --bs-toast-box-shadow: 0 0.25rem 1rem rgba(var(--bs-warning-rgb), 0.4); + --bs-toast-btn-close-bg: var(--bs-warning); + --bs-toast-btn-close: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='1' fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); +} + +.bs-toast.bg-danger { + --bs-toast-bg: rgba(var(--bs-danger-rgb), 0.85); + --bs-toast-box-shadow: 0 0.25rem 1rem rgba(var(--bs-danger-rgb), 0.4); + --bs-toast-btn-close-bg: var(--bs-danger); + --bs-toast-btn-close: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='1' fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); +} + +.bs-toast.bg-light { + --bs-toast-bg: rgba(var(--bs-light-rgb), 0.85); + --bs-toast-box-shadow: 0 0.25rem 1rem rgba(var(--bs-light-rgb), 0.4); + --bs-toast-btn-close-bg: var(--bs-light); + --bs-toast-btn-close: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='1' fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); +} + +.bs-toast.bg-dark { + --bs-toast-bg: rgba(var(--bs-dark-rgb), 0.85); + --bs-toast-box-shadow: 0 0.25rem 1rem rgba(var(--bs-dark-rgb), 0.4); + --bs-toast-btn-close-bg: var(--bs-dark); + --bs-toast-btn-close: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='1' fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); +} + +.bs-toast.bg-gray { + --bs-toast-bg: rgba(var(--bs-gray-rgb), 0.85); + --bs-toast-box-shadow: 0 0.25rem 1rem rgba(var(--bs-gray-rgb), 0.4); + --bs-toast-btn-close-bg: var(--bs-gray); + --bs-toast-btn-close: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='1' fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); +} + +/* Modals +******************************************************************************* */ +/* Modal Shadow */ +.modal-content { + box-shadow: var(--bs-modal-box-shadow); +} + +.modal { + /* modal footer */ + /* + ! remove close button animation & shadow for .modal-dialog-scrollable, .modal-fullscreen, .modal-top modal */ +} +.modal .btn-close { + padding: 0.563rem; + background-color: var(--bs-paper-bg); + background-image: none; + box-shadow: var(--bs-box-shadow-xs); + filter: none; + opacity: 1; + transform: translate(23px, -25px); + border-radius: 0.25rem; + transition: all 0.23s ease 0.1s; + /* For hover effect of close btn */ +} +@media (prefers-reduced-motion: reduce) { + .modal .btn-close { + transition: none; + } +} +.modal .btn-close:hover, +.modal .btn-close:focus, +.modal .btn-close:active { + opacity: 1; + outline: 0; + transform: translate(20px, -20px); +} +:dir(rtl) .modal .btn-close:hover, +:dir(rtl) .modal .btn-close:focus, +:dir(rtl) .modal .btn-close:active { + transform: translate(26px, -20px); +} +.modal .btn-close::before { + display: block; + background-color: var(--bs-secondary-color); + block-size: 0.6875rem; + content: ""; + inline-size: 0.6875rem; + mask-image: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='currentColor' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.5' fill='currentColor' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); + mask-repeat: no-repeat; + mask-size: 100% 100%; +} +.modal .modal-header { + position: relative; +} +.modal .modal-header .btn-close { + position: absolute; + inset-block-start: 0.9375rem; + inset-inline-end: 0.8125rem; +} +:dir(rtl) .modal .modal-header .btn-close { + inset-inline-end: -2.05rem; +} +.modal .modal-footer { + padding: 0 1.5rem 1.5rem; +} +.modal .modal-footer > * { + margin-block: 0; +} +.modal .modal-footer > *:last-child { + margin-inline-end: 0; +} +.modal .modal-footer > *:first-child { + margin-inline-start: 0; +} +.modal .modal-dialog-scrollable .btn-close, +.modal .modal-fullscreen .btn-close, +.modal.modal-top .btn-close { + box-shadow: none; + transform: translate(0, 0); +} +.modal .modal-dialog-scrollable .btn-close:hover, +.modal .modal-fullscreen .btn-close:hover, +.modal.modal-top .btn-close:hover { + transform: translate(0, 0); +} + +.carousel-control-prev, +.carousel-control-next { + color: var(--bs-primary); +} +.carousel-control-prev:hover, +.carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: var(--bs-primary); +} + +/* Onboarding Modals +******************************************************************************* */ +.modal-onboarding .close-label { + position: absolute; + font-size: 0.8rem; + inset-block-start: 0.85rem; + opacity: 0.95; +} +.modal-onboarding .close-label:hover { + opacity: 0.95; +} +.modal-onboarding .onboarding-content { + margin: 2rem; +} +.modal-onboarding form { + margin-block-start: 2rem; + text-align: start; +} +.modal-onboarding .carousel .carousel-indicators { + inset-block-end: -10px; +} +.modal-onboarding .carousel .carousel-indicators [data-bs-target] { + background-color: var(--bs-primary); +} +.modal-onboarding .carousel-control-prev, +.modal-onboarding .carousel-control-next { + inset-block: auto 0.75rem; + opacity: 1; +} +:dir(rtl) .modal-onboarding .carousel-control-prev, +:dir(rtl) .modal-onboarding .carousel-control-next { + flex-direction: row-reverse; +} +.modal-onboarding .carousel-control-prev { + inset-inline-start: 1rem; +} +:dir(rtl) .modal-onboarding .carousel-control-prev { + inset-inline-end: 1rem; + inset-inline-start: auto; +} +.modal-onboarding .carousel-control-next { + inset-inline-end: 0; +} +:dir(rtl) .modal-onboarding .carousel-control-next { + inset-inline-end: auto; + inset-inline-start: 0; +} +.modal-onboarding .onboarding-horizontal { + display: flex; + align-items: center; + justify-content: space-between; +} +.modal-onboarding .onboarding-horizontal .onboarding-media { + margin: 2rem; + margin-block-start: 0; +} + +/* Top modals +******************************************************************************* */ +.modal-top .modal-dialog { + margin-block-start: 0; +} +.modal-top .modal-content { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +/* Transparent modals +****************************************************************************** */ +.modal-transparent .modal-dialog { + display: flex; + margin-block: 0; + margin-inline: auto; + min-block-size: 100vh; +} +.modal-transparent .modal-content { + border: 0; + margin: auto; + background: transparent; + box-shadow: none; + inline-size: 100%; +} +.modal-transparent .btn-close { + position: absolute; + background-color: transparent; + background-image: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='1' fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); + box-shadow: none; + inset-block-start: 0; + inset-inline-end: 1.5rem; + opacity: 1; + padding-block: 0.25em; + padding-inline: 0.25em; +} +:dir(rtl) .modal-transparent .btn-close { + inset-inline-end: -3rem; +} +.modal-transparent .btn-close::before { + content: none; +} + +/* Modal Simple (Modal Examples) +****************************************************************************** */ +.modal-simple .modal-content { + padding: 2.5rem; +} +@media (max-width: 767.98px) { + .modal-simple .modal-content { + padding: 1rem; + } + .modal-simple .modal-content .modal-body { + padding: 1rem; + } +} +.modal-simple .btn-close { + position: absolute; + inset-block-start: -1.5rem; + inset-inline-end: -1.5rem; +} +:dir(rtl) .modal-simple .btn-close { + inset-inline-end: -4.5rem; +} +@media (max-width: 767.98px) { + .modal-simple .btn-close { + inset-block-start: 0; + inset-inline-end: 0; + } + :dir(rtl) .modal-simple .btn-close { + inset-inline-end: -3.5rem; + } +} + +/* Refer & Earn Modal Example */ +.modal-refer-and-earn .modal-refer-and-earn-step { + display: flex; + align-items: center; + justify-content: center; + border-radius: 0.375rem; + block-size: 88px; + inline-size: 88px; +} +.modal-refer-and-earn .modal-refer-and-earn-step .icon-base { + block-size: 2.5rem; + font-size: 2.5rem; + inline-size: 2.5rem; +} + +/* Modal Animations +****************************************************************************** */ +/* Slide from Top */ +.modal-top.fade .modal-dialog, +.modal-top .modal.fade .modal-dialog { + transform: translateY(-100%); +} + +.modal-top.show .modal-dialog, +.modal-top .modal.show .modal-dialog { + transform: translateY(0); +} + +/* Transparent */ +.modal-transparent.fade .modal-dialog, +.modal-transparent .modal.fade .modal-dialog { + transform: scale(0.5, 0.5); +} + +.modal-transparent.show .modal-dialog, +.modal-transparent .modal.show .modal-dialog { + transform: scale(1, 1); +} + +/* Responsive +******************************************************************************* */ +@media (max-width: 991.98px) { + .modal-onboarding .onboarding-horizontal { + flex-direction: column; + } +} +@media (max-width: 767.98px) { + .modal .modal-dialog:not(.modal-fullscreen) { + padding-block: 0; + padding-inline: 0.75rem; + } + .modal .carousel-control-prev, + .modal .carousel-control-next { + display: none; + } +} +@media (min-width: 576px) { + .modal-content { + box-shadow: var(--bs-modal-box-shadow); + } + .modal-dialog.modal-sm { + max-inline-size: 22.5rem; + } +} +@media (min-width: 1200px) { + .modal-xl .modal-dialog { + max-inline-size: 1140px; + } +} +/* Dark theme +******************************************************************************* */ +[data-bs-theme="dark"] .modal-backdrop { + --bs-backdrop-bg: #1d1d2a; + --bs-backdrop-opacity: 0.6; +} + +/* Tooltips +******************************************************************************* */ +/* Open modal tooltip z-index */ +.modal-open .tooltip { + z-index: 1092; +} + +.tooltip-inner { + display: flex; + align-items: center; + font-weight: 500; + gap: 3px; +} + +[class^="tooltip-"].bs-tooltip-auto[data-popper-placement="top"] + .tooltip-arrow::before, +[class^="tooltip-"] + > .tooltip.bs-tooltip-auto[data-popper-placement="top"] + .tooltip-arrow::before { + border-block-start-color: var(--bs-tooltip-arrow-bg); +} +[class^="tooltip-"].bs-tooltip-auto[data-popper-placement="left"] + .tooltip-arrow::before, +[class^="tooltip-"] + > .tooltip.bs-tooltip-auto[data-popper-placement="left"] + .tooltip-arrow::before { + border-inline-start-color: var(--bs-tooltip-arrow-bg); +} +[class^="tooltip-"].bs-tooltip-auto[data-popper-placement="bottom"] + .tooltip-arrow::before, +[class^="tooltip-"] + > .tooltip.bs-tooltip-auto[data-popper-placement="bottom"] + .tooltip-arrow::before { + border-block-end-color: var(--bs-tooltip-arrow-bg); +} +[class^="tooltip-"].bs-tooltip-auto[data-popper-placement="right"] + .tooltip-arrow::before, +[class^="tooltip-"] + > .tooltip.bs-tooltip-auto[data-popper-placement="right"] + .tooltip-arrow::before { + border-inline-end-color: var(--bs-tooltip-arrow-bg); +} + +.tooltip.tooltip-primary, +.tooltip-primary > .tooltip { + --bs-tooltip-bg: var(--bs-primary); + --bs-tooltip-color: var(--bs-primary-contrast); +} + +.tooltip.tooltip-secondary, +.tooltip-secondary > .tooltip { + --bs-tooltip-bg: var(--bs-secondary); + --bs-tooltip-color: var(--bs-secondary-contrast); +} + +.tooltip.tooltip-success, +.tooltip-success > .tooltip { + --bs-tooltip-bg: var(--bs-success); + --bs-tooltip-color: var(--bs-success-contrast); +} + +.tooltip.tooltip-info, +.tooltip-info > .tooltip { + --bs-tooltip-bg: var(--bs-info); + --bs-tooltip-color: var(--bs-info-contrast); +} + +.tooltip.tooltip-warning, +.tooltip-warning > .tooltip { + --bs-tooltip-bg: var(--bs-warning); + --bs-tooltip-color: var(--bs-warning-contrast); +} + +.tooltip.tooltip-danger, +.tooltip-danger > .tooltip { + --bs-tooltip-bg: var(--bs-danger); + --bs-tooltip-color: var(--bs-danger-contrast); +} + +.tooltip.tooltip-light, +.tooltip-light > .tooltip { + --bs-tooltip-bg: var(--bs-light); + --bs-tooltip-color: var(--bs-light-contrast); +} + +.tooltip.tooltip-dark, +.tooltip-dark > .tooltip { + --bs-tooltip-bg: var(--bs-dark); + --bs-tooltip-color: var(--bs-dark-contrast); +} + +.tooltip.tooltip-gray, +.tooltip-gray > .tooltip { + --bs-tooltip-bg: var(--bs-gray); + --bs-tooltip-color: var(--bs-gray-contrast); +} + +/* Popovers +******************************************************************************* */ +.modal-open .popover { + z-index: 1091; +} + +.popover:not(.custom-popover) { + --bs-popover-header-bg: transparent; +} +.popover:not(.custom-popover) .popover-header { + --bs-popover-border-width: 0; + padding-block-end: 0; +} +.popover:not(.custom-popover) .popover-arrow::after { + --bs-popover-arrow-border: var(--bs-popover-bg); +} + +.popover:has([class^="popover-"]):not(.custom-popover) { + --bs-popover-border-color: transparent; + --bs-popover-header-bg: transparent; +} +.popover:has([class^="popover-"]):not(.custom-popover) .popover-body { + background-color: transparent; +} + +.popover:has([class^="popover-header-"]) { + --bs-popover-border-color: var(--bs-gray-100); + --bs-popover-body-color: var(--bs-body-color); + --bs-popover-header-bg: var(--bs-primary); +} + +.popover { + box-shadow: var(--bs-popover-box-shadow); +} +.popover .popover-arrow { + z-index: 1; +} +.popover:not(.custom-popover).bs-popover-auto > .popover-arrow::before { + --bs-popover-bg: rgba(var(--bs-white-rgb), 0.1); +} +.popover:not(.custom-popover).bs-popover-auto[data-popper-placement="bottom"] + > .popover-arrow::after { + border-block-end-color: var(--bs-popover-arrow-border); + inset-block-start: 1px; +} +.popover:not(.custom-popover).bs-popover-auto[data-popper-placement="bottom"] + > .popover-header::before { + --bs-popover-border-width: 0; +} +[data-bs-theme="light"] .popover.popover-dark { + --bs-popover-bg: color-mix( + in sRGB, + var(--bs-base-color) 90%, + var(--bs-paper-bg) + ); +} + +/* custom popover +******************************************************************************* */ +.custom-popover { + --bs-popover-max-width: 200px; + --bs-popover-header-color: var(--bs-white); + --bs-popover-body-padding-x: 1rem; + --bs-popover-body-padding-y: 0.5rem; +} +.custom-popover .popover-header { + --bs-popover-header-bg: var(--bs-primary); +} + +/* Dark +******************************************************************************* */ +[data-bs-theme="dark"] .popover:not(.custom-popover) .popover-arrow::before { + --bs-popover-arrow-border: rgba(var(--bs-white-rgb), 0.05); +} + +.popover.popover-primary { + --bs-popover-bg: var(--bs-primary); + --bs-popover-header-bg: var(--bs-primary); + --bs-popover-header-color: var(--bs-primary-contrast); + --bs-popover-body-color: var(--bs-primary-contrast); +} +.popover.popover-primary > .popover-arrow::after { + --bs-popover-arrow-border: var(--bs-primary); +} +.popover.popover-header-primary .popover-header, +.popover.popover-header-primary.bs-popover-auto[data-popper-placement="bottom"] + > .popover-arrow::after { + --bs-popover-header-bg: var(--bs-primary); + --bs-popover-header-color: var(--bs-primary-contrast); +} +.popover.popover-header-primary > .popover-arrow::after { + --bs-popover-arrow-border: var(--bs-primary); +} + +.popover.popover-secondary { + --bs-popover-bg: var(--bs-secondary); + --bs-popover-header-bg: var(--bs-secondary); + --bs-popover-header-color: var(--bs-secondary-contrast); + --bs-popover-body-color: var(--bs-secondary-contrast); +} +.popover.popover-secondary > .popover-arrow::after { + --bs-popover-arrow-border: var(--bs-secondary); +} +.popover.popover-header-secondary .popover-header, +.popover.popover-header-secondary.bs-popover-auto[data-popper-placement="bottom"] + > .popover-arrow::after { + --bs-popover-header-bg: var(--bs-secondary); + --bs-popover-header-color: var(--bs-secondary-contrast); +} +.popover.popover-header-secondary > .popover-arrow::after { + --bs-popover-arrow-border: var(--bs-secondary); +} + +.popover.popover-success { + --bs-popover-bg: var(--bs-success); + --bs-popover-header-bg: var(--bs-success); + --bs-popover-header-color: var(--bs-success-contrast); + --bs-popover-body-color: var(--bs-success-contrast); +} +.popover.popover-success > .popover-arrow::after { + --bs-popover-arrow-border: var(--bs-success); +} +.popover.popover-header-success .popover-header, +.popover.popover-header-success.bs-popover-auto[data-popper-placement="bottom"] + > .popover-arrow::after { + --bs-popover-header-bg: var(--bs-success); + --bs-popover-header-color: var(--bs-success-contrast); +} +.popover.popover-header-success > .popover-arrow::after { + --bs-popover-arrow-border: var(--bs-success); +} + +.popover.popover-info { + --bs-popover-bg: var(--bs-info); + --bs-popover-header-bg: var(--bs-info); + --bs-popover-header-color: var(--bs-info-contrast); + --bs-popover-body-color: var(--bs-info-contrast); +} +.popover.popover-info > .popover-arrow::after { + --bs-popover-arrow-border: var(--bs-info); +} +.popover.popover-header-info .popover-header, +.popover.popover-header-info.bs-popover-auto[data-popper-placement="bottom"] + > .popover-arrow::after { + --bs-popover-header-bg: var(--bs-info); + --bs-popover-header-color: var(--bs-info-contrast); +} +.popover.popover-header-info > .popover-arrow::after { + --bs-popover-arrow-border: var(--bs-info); +} + +.popover.popover-warning { + --bs-popover-bg: var(--bs-warning); + --bs-popover-header-bg: var(--bs-warning); + --bs-popover-header-color: var(--bs-warning-contrast); + --bs-popover-body-color: var(--bs-warning-contrast); +} +.popover.popover-warning > .popover-arrow::after { + --bs-popover-arrow-border: var(--bs-warning); +} +.popover.popover-header-warning .popover-header, +.popover.popover-header-warning.bs-popover-auto[data-popper-placement="bottom"] + > .popover-arrow::after { + --bs-popover-header-bg: var(--bs-warning); + --bs-popover-header-color: var(--bs-warning-contrast); +} +.popover.popover-header-warning > .popover-arrow::after { + --bs-popover-arrow-border: var(--bs-warning); +} + +.popover.popover-danger { + --bs-popover-bg: var(--bs-danger); + --bs-popover-header-bg: var(--bs-danger); + --bs-popover-header-color: var(--bs-danger-contrast); + --bs-popover-body-color: var(--bs-danger-contrast); +} +.popover.popover-danger > .popover-arrow::after { + --bs-popover-arrow-border: var(--bs-danger); +} +.popover.popover-header-danger .popover-header, +.popover.popover-header-danger.bs-popover-auto[data-popper-placement="bottom"] + > .popover-arrow::after { + --bs-popover-header-bg: var(--bs-danger); + --bs-popover-header-color: var(--bs-danger-contrast); +} +.popover.popover-header-danger > .popover-arrow::after { + --bs-popover-arrow-border: var(--bs-danger); +} + +.popover.popover-light { + --bs-popover-bg: var(--bs-light); + --bs-popover-header-bg: var(--bs-light); + --bs-popover-header-color: var(--bs-light-contrast); + --bs-popover-body-color: var(--bs-light-contrast); +} +.popover.popover-light > .popover-arrow::after { + --bs-popover-arrow-border: var(--bs-light); +} +.popover.popover-header-light .popover-header, +.popover.popover-header-light.bs-popover-auto[data-popper-placement="bottom"] + > .popover-arrow::after { + --bs-popover-header-bg: var(--bs-light); + --bs-popover-header-color: var(--bs-light-contrast); +} +.popover.popover-header-light > .popover-arrow::after { + --bs-popover-arrow-border: var(--bs-light); +} + +.popover.popover-dark { + --bs-popover-bg: var(--bs-dark); + --bs-popover-header-bg: var(--bs-dark); + --bs-popover-header-color: var(--bs-dark-contrast); + --bs-popover-body-color: var(--bs-dark-contrast); +} +.popover.popover-dark > .popover-arrow::after { + --bs-popover-arrow-border: var(--bs-dark); +} +.popover.popover-header-dark .popover-header, +.popover.popover-header-dark.bs-popover-auto[data-popper-placement="bottom"] + > .popover-arrow::after { + --bs-popover-header-bg: var(--bs-dark); + --bs-popover-header-color: var(--bs-dark-contrast); +} +.popover.popover-header-dark > .popover-arrow::after { + --bs-popover-arrow-border: var(--bs-dark); +} + +.popover.popover-gray { + --bs-popover-bg: var(--bs-gray); + --bs-popover-header-bg: var(--bs-gray); + --bs-popover-header-color: var(--bs-gray-contrast); + --bs-popover-body-color: var(--bs-gray-contrast); +} +.popover.popover-gray > .popover-arrow::after { + --bs-popover-arrow-border: var(--bs-gray); +} +.popover.popover-header-gray .popover-header, +.popover.popover-header-gray.bs-popover-auto[data-popper-placement="bottom"] + > .popover-arrow::after { + --bs-popover-header-bg: var(--bs-gray); + --bs-popover-header-color: var(--bs-gray-contrast); +} +.popover.popover-header-gray > .popover-arrow::after { + --bs-popover-arrow-border: var(--bs-gray); +} + +.carousel .carousel-item.active h1, +.carousel .carousel-item.active .h1, +.carousel .carousel-item.active h2, +.carousel .carousel-item.active .h2, +.carousel .carousel-item.active h3, +.carousel .carousel-item.active .h3, +.carousel .carousel-item.active h4, +.carousel .carousel-item.active .h4, +.carousel .carousel-item.active h5, +.carousel .carousel-item.active .h5, +.carousel .carousel-item.active h6, +.carousel .carousel-item.active .h6, +.carousel .carousel-item.carousel-item-start h1, +.carousel .carousel-item.carousel-item-start .h1, +.carousel .carousel-item.carousel-item-start h2, +.carousel .carousel-item.carousel-item-start .h2, +.carousel .carousel-item.carousel-item-start h3, +.carousel .carousel-item.carousel-item-start .h3, +.carousel .carousel-item.carousel-item-start h4, +.carousel .carousel-item.carousel-item-start .h4, +.carousel .carousel-item.carousel-item-start h5, +.carousel .carousel-item.carousel-item-start .h5, +.carousel .carousel-item.carousel-item-start h6, +.carousel .carousel-item.carousel-item-start .h6 { + color: #fff; +} +.carousel .carousel-control-prev-icon, +.carousel .carousel-control-next-icon { + filter: invert(1); +} + +.carousel.carousel-dark .carousel-item.active h1, +.carousel.carousel-dark .carousel-item.active .h1, +.carousel.carousel-dark .carousel-item.active h2, +.carousel.carousel-dark .carousel-item.active .h2, +.carousel.carousel-dark .carousel-item.active h3, +.carousel.carousel-dark .carousel-item.active .h3, +.carousel.carousel-dark .carousel-item.active h4, +.carousel.carousel-dark .carousel-item.active .h4, +.carousel.carousel-dark .carousel-item.active h5, +.carousel.carousel-dark .carousel-item.active .h5, +.carousel.carousel-dark .carousel-item.active h6, +.carousel.carousel-dark .carousel-item.active .h6, +.carousel.carousel-dark .carousel-item.carousel-item-start h1, +.carousel.carousel-dark .carousel-item.carousel-item-start .h1, +.carousel.carousel-dark .carousel-item.carousel-item-start h2, +.carousel.carousel-dark .carousel-item.carousel-item-start .h2, +.carousel.carousel-dark .carousel-item.carousel-item-start h3, +.carousel.carousel-dark .carousel-item.carousel-item-start .h3, +.carousel.carousel-dark .carousel-item.carousel-item-start h4, +.carousel.carousel-dark .carousel-item.carousel-item-start .h4, +.carousel.carousel-dark .carousel-item.carousel-item-start h5, +.carousel.carousel-dark .carousel-item.carousel-item-start .h5, +.carousel.carousel-dark .carousel-item.carousel-item-start h6, +.carousel.carousel-dark .carousel-item.carousel-item-start .h6 { + color: #22303e; +} +.carousel.carousel-dark .carousel-control-prev-icon, +.carousel.carousel-dark .carousel-control-next-icon { + filter: invert(0); +} + +[data-bs-theme="dark"] .carousel:not(.carousel-dark) .carousel-caption, +[data-bs-theme="dark"].carousel:not(.carousel-dark) .carousel-caption { + color: #fff; +} + +/* Spinners */ +/* Large size */ +.spinner-border-lg, +.spinner-grow-lg { + --bs-spinner-border-width: 0.3em; + --bs-spinner-height: 3rem; + --bs-spinner-width: 3rem; +} + +/* Within button +******************************************************************************* */ +.btn .spinner-border, +.btn .spinner-grow { + --bs-spinner-height: 1em; + --bs-spinner-width: 1em; + inset-block-start: -0.0625rem; +} +.btn .spinner-border { + --bs-spinner-border-width: 0.15em; +} +.btn.btn-icon:has([class*="spinner"]) { + font-size: 0.9375rem; +} +.btn.btn-icon:has([class*="spinner"]).btn-xs, +.btn-group-xs > .btn.btn-icon:has([class*="spinner"]) { + font-size: 0.625rem; +} +.btn.btn-icon:has([class*="spinner"]).btn-sm, +.btn-group-sm > .btn.btn-icon:has([class*="spinner"]) { + font-size: 0.8125rem; +} +.btn.btn-icon:has([class*="spinner"]).btn-lg, +.btn-group-lg > .btn.btn-icon:has([class*="spinner"]) { + font-size: 1.0625rem; +} +.btn.btn-icon:has([class*="spinner"]).btn-xl, +.btn-group-xl > .btn.btn-icon:has([class*="spinner"]) { + font-size: 1.125rem; +} + +@keyframes spinner-border-rtl { + to { + transform: rotate(-360deg); + } +} +/* RTL */ +:dir(rtl) .spinner-border { + animation-name: spinner-border-rtl; +} + +/* Offcanvas +******************************************************************************* */ +.offcanvas { + box-shadow: var(--bs-offcanvas-box-shadow); +} +.offcanvas .offcanvas-header { + padding-block-end: 0.75rem; +} + +/* RTL +******************************************************************************* */ +:dir(rtl) .offcanvas-header .btn-close { + margin-block: -0.75rem -0.75rem; + margin-inline: auto -0.75rem; +} +:dir(rtl) .offcanvas-start { + inset-inline: 0 auto; + transform: translateX(100%); +} +:dir(rtl) .offcanvas-end { + inset-inline: auto 0; + transform: translateX(-100%); +} + +/* Dark theme +******************************************************************************* */ +[data-bs-theme="dark"] .offcanvas-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1089; + width: 100vw; + height: 100vh; + background-color: #1d1d2a; +} +[data-bs-theme="dark"] .offcanvas-backdrop.fade { + opacity: 0; +} +[data-bs-theme="dark"] .offcanvas-backdrop.show { + opacity: 0.6; +} + +.bg-label-primary { + background-color: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-primary) + ) !important; + color: var(--bs-primary) !important; +} + +.bg-label-secondary { + background-color: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-secondary) + ) !important; + color: var(--bs-secondary) !important; +} + +.bg-label-success { + background-color: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-success) + ) !important; + color: var(--bs-success) !important; +} + +.bg-label-info { + background-color: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-info) + ) !important; + color: var(--bs-info) !important; +} + +.bg-label-warning { + background-color: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-warning) + ) !important; + color: var(--bs-warning) !important; +} + +.bg-label-danger { + background-color: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-danger) + ) !important; + color: var(--bs-danger) !important; +} + +.bg-label-light { + background-color: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-light) + ) !important; + color: RGBA(#000, var(--bs-bg-label-tint-amount)) !important; +} + +.bg-label-dark { + background-color: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-dark) + ) !important; + color: var(--bs-dark) !important; +} + +.bg-label-gray { + background-color: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-gray) + ) !important; + color: var(--bs-gray) !important; +} + +.bg-label-facebook { + background-color: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-facebook) + ) !important; + color: var(--bs-facebook) !important; +} + +.bg-label-twitter { + background-color: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-twitter) + ) !important; + color: var(--bs-twitter) !important; +} + +.bg-label-google-plus { + background-color: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-google-plus) + ) !important; + color: var(--bs-google-plus) !important; +} + +.bg-label-instagram { + background-color: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-instagram) + ) !important; + color: var(--bs-instagram) !important; +} + +.bg-label-linkedin { + background-color: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-linkedin) + ) !important; + color: var(--bs-linkedin) !important; +} + +.bg-label-github { + background-color: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-github) + ) !important; + color: var(--bs-github) !important; +} + +.bg-label-dribbble { + background-color: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-dribbble) + ) !important; + color: var(--bs-dribbble) !important; +} + +.bg-label-pinterest { + background-color: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-pinterest) + ) !important; + color: var(--bs-pinterest) !important; +} + +.bg-label-slack { + background-color: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-slack) + ) !important; + color: var(--bs-slack) !important; +} + +.bg-label-reddit { + background-color: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-reddit) + ) !important; + color: var(--bs-reddit) !important; +} + +.bg-label-youtube { + background-color: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-youtube) + ) !important; + color: var(--bs-youtube) !important; +} + +.bg-label-vimeo { + background-color: color-mix( + in sRGB, + var(--bs-paper-bg) var(--bs-bg-label-tint-amount), + var(--bs-vimeo) + ) !important; + color: var(--bs-vimeo) !important; +} + +[data-bs-theme="dark"] .bg-label-dark { + color: RGBA(#fff, var(--bs-bg-label-tint-amount)) !important; +} +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.float-start { + float: inline-start !important; +} + +.float-end { + float: inline-end !important; +} + +.float-none { + float: none !important; +} + +.object-fit-contain { + object-fit: contain !important; +} + +.object-fit-cover { + object-fit: cover !important; +} + +.object-fit-fill { + object-fit: fill !important; +} + +.object-fit-scale { + object-fit: scale-down !important; +} + +.object-fit-none { + object-fit: none !important; +} + +.opacity-0 { + opacity: 0 !important; +} + +.opacity-25 { + opacity: 0.25 !important; +} + +.opacity-50 { + opacity: 0.5 !important; +} + +.opacity-75 { + opacity: 0.75 !important; +} + +.opacity-100 { + opacity: 1 !important; +} + +.overflow-auto { + overflow: auto !important; +} + +.overflow-hidden { + overflow: hidden !important; +} + +.overflow-visible { + overflow: visible !important; +} + +.overflow-scroll { + overflow: scroll !important; +} + +.overflow-x-auto { + overflow-x: auto !important; +} + +.overflow-x-hidden { + overflow-x: hidden !important; +} + +.overflow-x-visible { + overflow-x: visible !important; +} + +.overflow-x-scroll { + overflow-x: scroll !important; +} + +.overflow-y-auto { + overflow-y: auto !important; +} + +.overflow-y-hidden { + overflow-y: hidden !important; +} + +.overflow-y-visible { + overflow-y: visible !important; +} + +.overflow-y-scroll { + overflow-y: scroll !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-grid { + display: 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; +} + +.shadow { + box-shadow: var(--bs-box-shadow) !important; +} + +.shadow-sm { + box-shadow: var(--bs-box-shadow-sm) !important; +} + +.shadow-lg { + box-shadow: var(--bs-box-shadow-lg) !important; +} + +.shadow-xl { + box-shadow: var(--bs-box-shadow-xl) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: sticky !important; +} + +.top-0 { + inset-block-start: 0 !important; +} + +.top-50 { + inset-block-start: 50% !important; +} + +.top-100 { + inset-block-start: 100% !important; +} + +.bottom-0 { + inset-block-end: 0 !important; +} + +.bottom-50 { + inset-block-end: 50% !important; +} + +.bottom-100 { + inset-block-end: 100% !important; +} + +.start-0 { + inset-inline-start: 0 !important; +} + +.start-50 { + inset-inline-start: 50% !important; +} + +.start-100 { + inset-inline-start: 100% !important; +} + +.end-0 { + inset-inline-end: 0 !important; +} + +.end-50 { + inset-inline-end: 50% !important; +} + +.end-100 { + inset-inline-end: 100% !important; +} + +.translate-middle { + transform: translate(-50%, -50%) !important; +} + +.translate-middle-x { + transform: translateX(-50%) !important; +} + +.translate-middle-y { + transform: translateY(-50%) !important; +} + +.border { + border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; +} + +.border-0 { + border: 0 !important; +} + +.border-solid { + border-style: solid !important; +} + +.border-dashed { + border-style: dashed !important; +} + +.border-none { + border-style: none !important; +} + +.border-top { + border-block-start: var(--bs-border-width) var(--bs-border-style) + var(--bs-border-color) !important; +} + +.border-top-0 { + border-block-start: 0 !important; +} + +.border-end { + border-inline-end: var(--bs-border-width) var(--bs-border-style) + var(--bs-border-color) !important; +} + +.border-end-0 { + border-inline-end: 0 !important; +} + +.border-bottom { + border-block-end: var(--bs-border-width) var(--bs-border-style) + var(--bs-border-color) !important; +} + +.border-bottom-0 { + border-block-end: 0 !important; +} + +.border-start { + border-inline-start: var(--bs-border-width) var(--bs-border-style) + var(--bs-border-color) !important; +} + +.border-start-0 { + border-inline-start: 0 !important; +} + +.border-primary { + --bs-border-opacity: 1; + border-color: rgba( + var(--bs-primary-rgb), + var(--bs-border-opacity) + ) !important; +} + +.border-secondary { + --bs-border-opacity: 1; + border-color: rgba( + var(--bs-secondary-rgb), + var(--bs-border-opacity) + ) !important; +} + +.border-success { + --bs-border-opacity: 1; + border-color: rgba( + var(--bs-success-rgb), + var(--bs-border-opacity) + ) !important; +} + +.border-info { + --bs-border-opacity: 1; + border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important; +} + +.border-warning { + --bs-border-opacity: 1; + border-color: rgba( + var(--bs-warning-rgb), + var(--bs-border-opacity) + ) !important; +} + +.border-danger { + --bs-border-opacity: 1; + border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important; +} + +.border-light { + --bs-border-opacity: 1; + border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important; +} + +.border-dark { + --bs-border-opacity: 1; + border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important; +} + +.border-gray { + --bs-border-opacity: 1; + border-color: rgba(var(--bs-gray-rgb), var(--bs-border-opacity)) !important; +} + +.border-black { + --bs-border-opacity: 1; + border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity)) !important; +} + +.border-white { + --bs-border-opacity: 1; + border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important; +} + +.border-transparent { + --bs-border-opacity: 1; + border-color: transparent !important; +} + +.border-primary-subtle { + border-color: var(--bs-primary-border-subtle) !important; +} + +.border-secondary-subtle { + border-color: var(--bs-secondary-border-subtle) !important; +} + +.border-success-subtle { + border-color: var(--bs-success-border-subtle) !important; +} + +.border-info-subtle { + border-color: var(--bs-info-border-subtle) !important; +} + +.border-warning-subtle { + border-color: var(--bs-warning-border-subtle) !important; +} + +.border-danger-subtle { + border-color: var(--bs-danger-border-subtle) !important; +} + +.border-light-subtle { + border-color: var(--bs-light-border-subtle) !important; +} + +.border-dark-subtle { + border-color: var(--bs-dark-border-subtle) !important; +} + +.border-1 { + border-width: 1px !important; +} + +.border-2 { + border-width: 2px !important; +} + +.border-3 { + border-width: 3px !important; +} + +.border-4 { + border-width: 4px !important; +} + +.border-5 { + border-width: 5px !important; +} + +.border-opacity-10 { + --bs-border-opacity: 0.1; +} + +.border-opacity-25 { + --bs-border-opacity: 0.25; +} + +.border-opacity-50 { + --bs-border-opacity: 0.5; +} + +.border-opacity-75 { + --bs-border-opacity: 0.75; +} + +.border-opacity-100 { + --bs-border-opacity: 1; +} + +.w-px-18 { + width: 18px !important; +} + +.w-px-20 { + width: 20px !important; +} + +.w-px-26 { + width: 26px !important; +} + +.w-px-30 { + width: 30px !important; +} + +.w-px-34 { + width: 34px !important; +} + +.w-px-40 { + width: 40px !important; +} + +.w-px-42 { + width: 42px !important; +} + +.w-px-44 { + width: 44px !important; +} + +.w-px-50 { + width: 50px !important; +} + +.w-px-52 { + width: 52px !important; +} + +.w-px-75 { + width: 75px !important; +} + +.w-px-100 { + width: 100px !important; +} + +.w-px-120 { + width: 120px !important; +} + +.w-px-150 { + width: 150px !important; +} + +.w-px-160 { + width: 160px !important; +} + +.w-px-200 { + width: 200px !important; +} + +.w-px-250 { + width: 250px !important; +} + +.w-px-300 { + width: 300px !important; +} + +.w-px-350 { + width: 350px !important; +} + +.w-px-400 { + width: 400px !important; +} + +.w-px-500 { + width: 500px !important; +} + +.w-px-600 { + width: 600px !important; +} + +.w-px-700 { + width: 700px !important; +} + +.w-px-800 { + width: 800px !important; +} + +.w-auto { + width: auto !important; +} + +.w-20 { + width: 20% !important; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-60 { + width: 60% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.vw-100 { + width: 100vw !important; +} + +.min-vw-100 { + min-width: 100vw !important; +} + +.h-px-18 { + height: 18px !important; +} + +.h-px-20 { + height: 20px !important; +} + +.h-px-26 { + height: 26px !important; +} + +.h-px-30 { + height: 30px !important; +} + +.h-px-34 { + height: 34px !important; +} + +.h-px-40 { + height: 40px !important; +} + +.h-px-42 { + height: 42px !important; +} + +.h-px-44 { + height: 44px !important; +} + +.h-px-50 { + height: 50px !important; +} + +.h-px-52 { + height: 52px !important; +} + +.h-px-75 { + height: 75px !important; +} + +.h-px-100 { + height: 100px !important; +} + +.h-px-120 { + height: 120px !important; +} + +.h-px-150 { + height: 150px !important; +} + +.h-px-160 { + height: 160px !important; +} + +.h-px-200 { + height: 200px !important; +} + +.h-px-250 { + height: 250px !important; +} + +.h-px-300 { + height: 300px !important; +} + +.h-px-350 { + height: 350px !important; +} + +.h-px-400 { + height: 400px !important; +} + +.h-px-500 { + height: 500px !important; +} + +.h-px-600 { + height: 600px !important; +} + +.h-px-700 { + height: 700px !important; +} + +.h-px-800 { + height: 800px !important; +} + +.h-auto { + height: auto !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !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; +} + +.order-first { + order: -1 !important; +} + +.order-0 { + order: 0 !important; +} + +.order-1 { + order: 1 !important; +} + +.order-2 { + order: 2 !important; +} + +.order-3 { + order: 3 !important; +} + +.order-4 { + order: 4 !important; +} + +.order-5 { + order: 5 !important; +} + +.order-last { + order: 6 !important; +} + +.m-0 { + margin: 0 !important; +} + +.m-50 { + margin: 0.125rem !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.m-1_5 { + margin: 0.375rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.m-3 { + margin: 0.75rem !important; +} + +.m-4 { + margin: 1rem !important; +} + +.m-5 { + margin: 1.25rem !important; +} + +.m-6 { + margin: 1.5rem !important; +} + +.m-7 { + margin: 1.75rem !important; +} + +.m-8 { + margin: 2rem !important; +} + +.m-9 { + margin: 2.25rem !important; +} + +.m-10 { + margin: 2.5rem !important; +} + +.m-11 { + margin: 2.75rem !important; +} + +.m-12 { + margin: 3rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mx-0 { + margin-inline-end: 0 !important; + margin-inline-start: 0 !important; +} + +.mx-50 { + margin-inline-end: 0.125rem !important; + margin-inline-start: 0.125rem !important; +} + +.mx-1 { + margin-inline-end: 0.25rem !important; + margin-inline-start: 0.25rem !important; +} + +.mx-1_5 { + margin-inline-end: 0.375rem !important; + margin-inline-start: 0.375rem !important; +} + +.mx-2 { + margin-inline-end: 0.5rem !important; + margin-inline-start: 0.5rem !important; +} + +.mx-3 { + margin-inline-end: 0.75rem !important; + margin-inline-start: 0.75rem !important; +} + +.mx-4 { + margin-inline-end: 1rem !important; + margin-inline-start: 1rem !important; +} + +.mx-5 { + margin-inline-end: 1.25rem !important; + margin-inline-start: 1.25rem !important; +} + +.mx-6 { + margin-inline-end: 1.5rem !important; + margin-inline-start: 1.5rem !important; +} + +.mx-7 { + margin-inline-end: 1.75rem !important; + margin-inline-start: 1.75rem !important; +} + +.mx-8 { + margin-inline-end: 2rem !important; + margin-inline-start: 2rem !important; +} + +.mx-9 { + margin-inline-end: 2.25rem !important; + margin-inline-start: 2.25rem !important; +} + +.mx-10 { + margin-inline-end: 2.5rem !important; + margin-inline-start: 2.5rem !important; +} + +.mx-11 { + margin-inline-end: 2.75rem !important; + margin-inline-start: 2.75rem !important; +} + +.mx-12 { + margin-inline-end: 3rem !important; + margin-inline-start: 3rem !important; +} + +.mx-auto { + margin-inline-end: auto !important; + margin-inline-start: auto !important; +} + +.my-0 { + margin-block-start: 0 !important; + margin-block-end: 0 !important; +} + +.my-50 { + margin-block-start: 0.125rem !important; + margin-block-end: 0.125rem !important; +} + +.my-1 { + margin-block-start: 0.25rem !important; + margin-block-end: 0.25rem !important; +} + +.my-1_5 { + margin-block-start: 0.375rem !important; + margin-block-end: 0.375rem !important; +} + +.my-2 { + margin-block-start: 0.5rem !important; + margin-block-end: 0.5rem !important; +} + +.my-3 { + margin-block-start: 0.75rem !important; + margin-block-end: 0.75rem !important; +} + +.my-4 { + margin-block-start: 1rem !important; + margin-block-end: 1rem !important; +} + +.my-5 { + margin-block-start: 1.25rem !important; + margin-block-end: 1.25rem !important; +} + +.my-6 { + margin-block-start: 1.5rem !important; + margin-block-end: 1.5rem !important; +} + +.my-7 { + margin-block-start: 1.75rem !important; + margin-block-end: 1.75rem !important; +} + +.my-8 { + margin-block-start: 2rem !important; + margin-block-end: 2rem !important; +} + +.my-9 { + margin-block-start: 2.25rem !important; + margin-block-end: 2.25rem !important; +} + +.my-10 { + margin-block-start: 2.5rem !important; + margin-block-end: 2.5rem !important; +} + +.my-11 { + margin-block-start: 2.75rem !important; + margin-block-end: 2.75rem !important; +} + +.my-12 { + margin-block-start: 3rem !important; + margin-block-end: 3rem !important; +} + +.my-auto { + margin-block-start: auto !important; + margin-block-end: auto !important; +} + +.mt-0 { + margin-block-start: 0 !important; +} + +.mt-50 { + margin-block-start: 0.125rem !important; +} + +.mt-1 { + margin-block-start: 0.25rem !important; +} + +.mt-1_5 { + margin-block-start: 0.375rem !important; +} + +.mt-2 { + margin-block-start: 0.5rem !important; +} + +.mt-3 { + margin-block-start: 0.75rem !important; +} + +.mt-4 { + margin-block-start: 1rem !important; +} + +.mt-5 { + margin-block-start: 1.25rem !important; +} + +.mt-6 { + margin-block-start: 1.5rem !important; +} + +.mt-7 { + margin-block-start: 1.75rem !important; +} + +.mt-8 { + margin-block-start: 2rem !important; +} + +.mt-9 { + margin-block-start: 2.25rem !important; +} + +.mt-10 { + margin-block-start: 2.5rem !important; +} + +.mt-11 { + margin-block-start: 2.75rem !important; +} + +.mt-12 { + margin-block-start: 3rem !important; +} + +.mt-auto { + margin-block-start: auto !important; +} + +.me-0 { + margin-inline-end: 0 !important; +} + +.me-50 { + margin-inline-end: 0.125rem !important; +} + +.me-1 { + margin-inline-end: 0.25rem !important; +} + +.me-1_5 { + margin-inline-end: 0.375rem !important; +} + +.me-2 { + margin-inline-end: 0.5rem !important; +} + +.me-3 { + margin-inline-end: 0.75rem !important; +} + +.me-4 { + margin-inline-end: 1rem !important; +} + +.me-5 { + margin-inline-end: 1.25rem !important; +} + +.me-6 { + margin-inline-end: 1.5rem !important; +} + +.me-7 { + margin-inline-end: 1.75rem !important; +} + +.me-8 { + margin-inline-end: 2rem !important; +} + +.me-9 { + margin-inline-end: 2.25rem !important; +} + +.me-10 { + margin-inline-end: 2.5rem !important; +} + +.me-11 { + margin-inline-end: 2.75rem !important; +} + +.me-12 { + margin-inline-end: 3rem !important; +} + +.me-auto { + margin-inline-end: auto !important; +} + +.mb-0 { + margin-block-end: 0 !important; +} + +.mb-50 { + margin-block-end: 0.125rem !important; +} + +.mb-1 { + margin-block-end: 0.25rem !important; +} + +.mb-1_5 { + margin-block-end: 0.375rem !important; +} + +.mb-2 { + margin-block-end: 0.5rem !important; +} + +.mb-3 { + margin-block-end: 0.75rem !important; +} + +.mb-4 { + margin-block-end: 1rem !important; +} + +.mb-5 { + margin-block-end: 1.25rem !important; +} + +.mb-6 { + margin-block-end: 1.5rem !important; +} + +.mb-7 { + margin-block-end: 1.75rem !important; +} + +.mb-8 { + margin-block-end: 2rem !important; +} + +.mb-9 { + margin-block-end: 2.25rem !important; +} + +.mb-10 { + margin-block-end: 2.5rem !important; +} + +.mb-11 { + margin-block-end: 2.75rem !important; +} + +.mb-12 { + margin-block-end: 3rem !important; +} + +.mb-auto { + margin-block-end: auto !important; +} + +.ms-0 { + margin-inline-start: 0 !important; +} + +.ms-50 { + margin-inline-start: 0.125rem !important; +} + +.ms-1 { + margin-inline-start: 0.25rem !important; +} + +.ms-1_5 { + margin-inline-start: 0.375rem !important; +} + +.ms-2 { + margin-inline-start: 0.5rem !important; +} + +.ms-3 { + margin-inline-start: 0.75rem !important; +} + +.ms-4 { + margin-inline-start: 1rem !important; +} + +.ms-5 { + margin-inline-start: 1.25rem !important; +} + +.ms-6 { + margin-inline-start: 1.5rem !important; +} + +.ms-7 { + margin-inline-start: 1.75rem !important; +} + +.ms-8 { + margin-inline-start: 2rem !important; +} + +.ms-9 { + margin-inline-start: 2.25rem !important; +} + +.ms-10 { + margin-inline-start: 2.5rem !important; +} + +.ms-11 { + margin-inline-start: 2.75rem !important; +} + +.ms-12 { + margin-inline-start: 3rem !important; +} + +.ms-auto { + margin-inline-start: auto !important; +} + +.m-n50 { + margin: -0.125rem !important; +} + +.m-n1 { + margin: -0.25rem !important; +} + +.m-n1_5 { + margin: -0.375rem !important; +} + +.m-n2 { + margin: -0.5rem !important; +} + +.m-n3 { + margin: -0.75rem !important; +} + +.m-n4 { + margin: -1rem !important; +} + +.m-n5 { + margin: -1.25rem !important; +} + +.m-n6 { + margin: -1.5rem !important; +} + +.m-n7 { + margin: -1.75rem !important; +} + +.m-n8 { + margin: -2rem !important; +} + +.m-n9 { + margin: -2.25rem !important; +} + +.m-n10 { + margin: -2.5rem !important; +} + +.m-n11 { + margin: -2.75rem !important; +} + +.m-n12 { + margin: -3rem !important; +} + +.mx-n50 { + margin-inline-end: -0.125rem !important; + margin-inline-start: -0.125rem !important; +} + +.mx-n1 { + margin-inline-end: -0.25rem !important; + margin-inline-start: -0.25rem !important; +} + +.mx-n1_5 { + margin-inline-end: -0.375rem !important; + margin-inline-start: -0.375rem !important; +} + +.mx-n2 { + margin-inline-end: -0.5rem !important; + margin-inline-start: -0.5rem !important; +} + +.mx-n3 { + margin-inline-end: -0.75rem !important; + margin-inline-start: -0.75rem !important; +} + +.mx-n4 { + margin-inline-end: -1rem !important; + margin-inline-start: -1rem !important; +} + +.mx-n5 { + margin-inline-end: -1.25rem !important; + margin-inline-start: -1.25rem !important; +} + +.mx-n6 { + margin-inline-end: -1.5rem !important; + margin-inline-start: -1.5rem !important; +} + +.mx-n7 { + margin-inline-end: -1.75rem !important; + margin-inline-start: -1.75rem !important; +} + +.mx-n8 { + margin-inline-end: -2rem !important; + margin-inline-start: -2rem !important; +} + +.mx-n9 { + margin-inline-end: -2.25rem !important; + margin-inline-start: -2.25rem !important; +} + +.mx-n10 { + margin-inline-end: -2.5rem !important; + margin-inline-start: -2.5rem !important; +} + +.mx-n11 { + margin-inline-end: -2.75rem !important; + margin-inline-start: -2.75rem !important; +} + +.mx-n12 { + margin-inline-end: -3rem !important; + margin-inline-start: -3rem !important; +} + +.my-n50 { + margin-block-start: -0.125rem !important; + margin-block-end: -0.125rem !important; +} + +.my-n1 { + margin-block-start: -0.25rem !important; + margin-block-end: -0.25rem !important; +} + +.my-n1_5 { + margin-block-start: -0.375rem !important; + margin-block-end: -0.375rem !important; +} + +.my-n2 { + margin-block-start: -0.5rem !important; + margin-block-end: -0.5rem !important; +} + +.my-n3 { + margin-block-start: -0.75rem !important; + margin-block-end: -0.75rem !important; +} + +.my-n4 { + margin-block-start: -1rem !important; + margin-block-end: -1rem !important; +} + +.my-n5 { + margin-block-start: -1.25rem !important; + margin-block-end: -1.25rem !important; +} + +.my-n6 { + margin-block-start: -1.5rem !important; + margin-block-end: -1.5rem !important; +} + +.my-n7 { + margin-block-start: -1.75rem !important; + margin-block-end: -1.75rem !important; +} + +.my-n8 { + margin-block-start: -2rem !important; + margin-block-end: -2rem !important; +} + +.my-n9 { + margin-block-start: -2.25rem !important; + margin-block-end: -2.25rem !important; +} + +.my-n10 { + margin-block-start: -2.5rem !important; + margin-block-end: -2.5rem !important; +} + +.my-n11 { + margin-block-start: -2.75rem !important; + margin-block-end: -2.75rem !important; +} + +.my-n12 { + margin-block-start: -3rem !important; + margin-block-end: -3rem !important; +} + +.mt-n50 { + margin-block-start: -0.125rem !important; +} + +.mt-n1 { + margin-block-start: -0.25rem !important; +} + +.mt-n1_5 { + margin-block-start: -0.375rem !important; +} + +.mt-n2 { + margin-block-start: -0.5rem !important; +} + +.mt-n3 { + margin-block-start: -0.75rem !important; +} + +.mt-n4 { + margin-block-start: -1rem !important; +} + +.mt-n5 { + margin-block-start: -1.25rem !important; +} + +.mt-n6 { + margin-block-start: -1.5rem !important; +} + +.mt-n7 { + margin-block-start: -1.75rem !important; +} + +.mt-n8 { + margin-block-start: -2rem !important; +} + +.mt-n9 { + margin-block-start: -2.25rem !important; +} + +.mt-n10 { + margin-block-start: -2.5rem !important; +} + +.mt-n11 { + margin-block-start: -2.75rem !important; +} + +.mt-n12 { + margin-block-start: -3rem !important; +} + +.me-n50 { + margin-inline-end: -0.125rem !important; +} + +.me-n1 { + margin-inline-end: -0.25rem !important; +} + +.me-n1_5 { + margin-inline-end: -0.375rem !important; +} + +.me-n2 { + margin-inline-end: -0.5rem !important; +} + +.me-n3 { + margin-inline-end: -0.75rem !important; +} + +.me-n4 { + margin-inline-end: -1rem !important; +} + +.me-n5 { + margin-inline-end: -1.25rem !important; +} + +.me-n6 { + margin-inline-end: -1.5rem !important; +} + +.me-n7 { + margin-inline-end: -1.75rem !important; +} + +.me-n8 { + margin-inline-end: -2rem !important; +} + +.me-n9 { + margin-inline-end: -2.25rem !important; +} + +.me-n10 { + margin-inline-end: -2.5rem !important; +} + +.me-n11 { + margin-inline-end: -2.75rem !important; +} + +.me-n12 { + margin-inline-end: -3rem !important; +} + +.mb-n50 { + margin-block-end: -0.125rem !important; +} + +.mb-n1 { + margin-block-end: -0.25rem !important; +} + +.mb-n1_5 { + margin-block-end: -0.375rem !important; +} + +.mb-n2 { + margin-block-end: -0.5rem !important; +} + +.mb-n3 { + margin-block-end: -0.75rem !important; +} + +.mb-n4 { + margin-block-end: -1rem !important; +} + +.mb-n5 { + margin-block-end: -1.25rem !important; +} + +.mb-n6 { + margin-block-end: -1.5rem !important; +} + +.mb-n7 { + margin-block-end: -1.75rem !important; +} + +.mb-n8 { + margin-block-end: -2rem !important; +} + +.mb-n9 { + margin-block-end: -2.25rem !important; +} + +.mb-n10 { + margin-block-end: -2.5rem !important; +} + +.mb-n11 { + margin-block-end: -2.75rem !important; +} + +.mb-n12 { + margin-block-end: -3rem !important; +} + +.ms-n50 { + margin-inline-start: -0.125rem !important; +} + +.ms-n1 { + margin-inline-start: -0.25rem !important; +} + +.ms-n1_5 { + margin-inline-start: -0.375rem !important; +} + +.ms-n2 { + margin-inline-start: -0.5rem !important; +} + +.ms-n3 { + margin-inline-start: -0.75rem !important; +} + +.ms-n4 { + margin-inline-start: -1rem !important; +} + +.ms-n5 { + margin-inline-start: -1.25rem !important; +} + +.ms-n6 { + margin-inline-start: -1.5rem !important; +} + +.ms-n7 { + margin-inline-start: -1.75rem !important; +} + +.ms-n8 { + margin-inline-start: -2rem !important; +} + +.ms-n9 { + margin-inline-start: -2.25rem !important; +} + +.ms-n10 { + margin-inline-start: -2.5rem !important; +} + +.ms-n11 { + margin-inline-start: -2.75rem !important; +} + +.ms-n12 { + margin-inline-start: -3rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.p-50 { + padding: 0.125rem !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.p-1_5 { + padding: 0.375rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.p-3 { + padding: 0.75rem !important; +} + +.p-4 { + padding: 1rem !important; +} + +.p-5 { + padding: 1.25rem !important; +} + +.p-6 { + padding: 1.5rem !important; +} + +.p-7 { + padding: 1.75rem !important; +} + +.p-8 { + padding: 2rem !important; +} + +.p-9 { + padding: 2.25rem !important; +} + +.p-10 { + padding: 2.5rem !important; +} + +.p-11 { + padding: 2.75rem !important; +} + +.p-12 { + padding: 3rem !important; +} + +.px-0 { + padding-inline-end: 0 !important; + padding-inline-start: 0 !important; +} + +.px-50 { + padding-inline-end: 0.125rem !important; + padding-inline-start: 0.125rem !important; +} + +.px-1 { + padding-inline-end: 0.25rem !important; + padding-inline-start: 0.25rem !important; +} + +.px-1_5 { + padding-inline-end: 0.375rem !important; + padding-inline-start: 0.375rem !important; +} + +.px-2 { + padding-inline-end: 0.5rem !important; + padding-inline-start: 0.5rem !important; +} + +.px-3 { + padding-inline-end: 0.75rem !important; + padding-inline-start: 0.75rem !important; +} + +.px-4 { + padding-inline-end: 1rem !important; + padding-inline-start: 1rem !important; +} + +.px-5 { + padding-inline-end: 1.25rem !important; + padding-inline-start: 1.25rem !important; +} + +.px-6 { + padding-inline-end: 1.5rem !important; + padding-inline-start: 1.5rem !important; +} + +.px-7 { + padding-inline-end: 1.75rem !important; + padding-inline-start: 1.75rem !important; +} + +.px-8 { + padding-inline-end: 2rem !important; + padding-inline-start: 2rem !important; +} + +.px-9 { + padding-inline-end: 2.25rem !important; + padding-inline-start: 2.25rem !important; +} + +.px-10 { + padding-inline-end: 2.5rem !important; + padding-inline-start: 2.5rem !important; +} + +.px-11 { + padding-inline-end: 2.75rem !important; + padding-inline-start: 2.75rem !important; +} + +.px-12 { + padding-inline-end: 3rem !important; + padding-inline-start: 3rem !important; +} + +.py-0 { + padding-block-start: 0 !important; + padding-block-end: 0 !important; +} + +.py-50 { + padding-block-start: 0.125rem !important; + padding-block-end: 0.125rem !important; +} + +.py-1 { + padding-block-start: 0.25rem !important; + padding-block-end: 0.25rem !important; +} + +.py-1_5 { + padding-block-start: 0.375rem !important; + padding-block-end: 0.375rem !important; +} + +.py-2 { + padding-block-start: 0.5rem !important; + padding-block-end: 0.5rem !important; +} + +.py-3 { + padding-block-start: 0.75rem !important; + padding-block-end: 0.75rem !important; +} + +.py-4 { + padding-block-start: 1rem !important; + padding-block-end: 1rem !important; +} + +.py-5 { + padding-block-start: 1.25rem !important; + padding-block-end: 1.25rem !important; +} + +.py-6 { + padding-block-start: 1.5rem !important; + padding-block-end: 1.5rem !important; +} + +.py-7 { + padding-block-start: 1.75rem !important; + padding-block-end: 1.75rem !important; +} + +.py-8 { + padding-block-start: 2rem !important; + padding-block-end: 2rem !important; +} + +.py-9 { + padding-block-start: 2.25rem !important; + padding-block-end: 2.25rem !important; +} + +.py-10 { + padding-block-start: 2.5rem !important; + padding-block-end: 2.5rem !important; +} + +.py-11 { + padding-block-start: 2.75rem !important; + padding-block-end: 2.75rem !important; +} + +.py-12 { + padding-block-start: 3rem !important; + padding-block-end: 3rem !important; +} + +.pt-0 { + padding-block-start: 0 !important; +} + +.pt-50 { + padding-block-start: 0.125rem !important; +} + +.pt-1 { + padding-block-start: 0.25rem !important; +} + +.pt-1_5 { + padding-block-start: 0.375rem !important; +} + +.pt-2 { + padding-block-start: 0.5rem !important; +} + +.pt-3 { + padding-block-start: 0.75rem !important; +} + +.pt-4 { + padding-block-start: 1rem !important; +} + +.pt-5 { + padding-block-start: 1.25rem !important; +} + +.pt-6 { + padding-block-start: 1.5rem !important; +} + +.pt-7 { + padding-block-start: 1.75rem !important; +} + +.pt-8 { + padding-block-start: 2rem !important; +} + +.pt-9 { + padding-block-start: 2.25rem !important; +} + +.pt-10 { + padding-block-start: 2.5rem !important; +} + +.pt-11 { + padding-block-start: 2.75rem !important; +} + +.pt-12 { + padding-block-start: 3rem !important; +} + +.pe-0 { + padding-inline-end: 0 !important; +} + +.pe-50 { + padding-inline-end: 0.125rem !important; +} + +.pe-1 { + padding-inline-end: 0.25rem !important; +} + +.pe-1_5 { + padding-inline-end: 0.375rem !important; +} + +.pe-2 { + padding-inline-end: 0.5rem !important; +} + +.pe-3 { + padding-inline-end: 0.75rem !important; +} + +.pe-4 { + padding-inline-end: 1rem !important; +} + +.pe-5 { + padding-inline-end: 1.25rem !important; +} + +.pe-6 { + padding-inline-end: 1.5rem !important; +} + +.pe-7 { + padding-inline-end: 1.75rem !important; +} + +.pe-8 { + padding-inline-end: 2rem !important; +} + +.pe-9 { + padding-inline-end: 2.25rem !important; +} + +.pe-10 { + padding-inline-end: 2.5rem !important; +} + +.pe-11 { + padding-inline-end: 2.75rem !important; +} + +.pe-12 { + padding-inline-end: 3rem !important; +} + +.pb-0 { + padding-block-end: 0 !important; +} + +.pb-50 { + padding-block-end: 0.125rem !important; +} + +.pb-1 { + padding-block-end: 0.25rem !important; +} + +.pb-1_5 { + padding-block-end: 0.375rem !important; +} + +.pb-2 { + padding-block-end: 0.5rem !important; +} + +.pb-3 { + padding-block-end: 0.75rem !important; +} + +.pb-4 { + padding-block-end: 1rem !important; +} + +.pb-5 { + padding-block-end: 1.25rem !important; +} + +.pb-6 { + padding-block-end: 1.5rem !important; +} + +.pb-7 { + padding-block-end: 1.75rem !important; +} + +.pb-8 { + padding-block-end: 2rem !important; +} + +.pb-9 { + padding-block-end: 2.25rem !important; +} + +.pb-10 { + padding-block-end: 2.5rem !important; +} + +.pb-11 { + padding-block-end: 2.75rem !important; +} + +.pb-12 { + padding-block-end: 3rem !important; +} + +.ps-0 { + padding-inline-start: 0 !important; +} + +.ps-50 { + padding-inline-start: 0.125rem !important; +} + +.ps-1 { + padding-inline-start: 0.25rem !important; +} + +.ps-1_5 { + padding-inline-start: 0.375rem !important; +} + +.ps-2 { + padding-inline-start: 0.5rem !important; +} + +.ps-3 { + padding-inline-start: 0.75rem !important; +} + +.ps-4 { + padding-inline-start: 1rem !important; +} + +.ps-5 { + padding-inline-start: 1.25rem !important; +} + +.ps-6 { + padding-inline-start: 1.5rem !important; +} + +.ps-7 { + padding-inline-start: 1.75rem !important; +} + +.ps-8 { + padding-inline-start: 2rem !important; +} + +.ps-9 { + padding-inline-start: 2.25rem !important; +} + +.ps-10 { + padding-inline-start: 2.5rem !important; +} + +.ps-11 { + padding-inline-start: 2.75rem !important; +} + +.ps-12 { + padding-inline-start: 3rem !important; +} + +.gap-0 { + gap: 0 !important; +} + +.gap-50 { + gap: 0.125rem !important; +} + +.gap-1 { + gap: 0.25rem !important; +} + +.gap-1_5 { + gap: 0.375rem !important; +} + +.gap-2 { + gap: 0.5rem !important; +} + +.gap-3 { + gap: 0.75rem !important; +} + +.gap-4 { + gap: 1rem !important; +} + +.gap-5 { + gap: 1.25rem !important; +} + +.gap-6 { + gap: 1.5rem !important; +} + +.gap-7 { + gap: 1.75rem !important; +} + +.gap-8 { + gap: 2rem !important; +} + +.gap-9 { + gap: 2.25rem !important; +} + +.gap-10 { + gap: 2.5rem !important; +} + +.gap-11 { + gap: 2.75rem !important; +} + +.gap-12 { + gap: 3rem !important; +} + +.row-gap-0 { + row-gap: 0 !important; +} + +.row-gap-50 { + row-gap: 0.125rem !important; +} + +.row-gap-1 { + row-gap: 0.25rem !important; +} + +.row-gap-1_5 { + row-gap: 0.375rem !important; +} + +.row-gap-2 { + row-gap: 0.5rem !important; +} + +.row-gap-3 { + row-gap: 0.75rem !important; +} + +.row-gap-4 { + row-gap: 1rem !important; +} + +.row-gap-5 { + row-gap: 1.25rem !important; +} + +.row-gap-6 { + row-gap: 1.5rem !important; +} + +.row-gap-7 { + row-gap: 1.75rem !important; +} + +.row-gap-8 { + row-gap: 2rem !important; +} + +.row-gap-9 { + row-gap: 2.25rem !important; +} + +.row-gap-10 { + row-gap: 2.5rem !important; +} + +.row-gap-11 { + row-gap: 2.75rem !important; +} + +.row-gap-12 { + row-gap: 3rem !important; +} + +.column-gap-0 { + column-gap: 0 !important; +} + +.column-gap-50 { + column-gap: 0.125rem !important; +} + +.column-gap-1 { + column-gap: 0.25rem !important; +} + +.column-gap-1_5 { + column-gap: 0.375rem !important; +} + +.column-gap-2 { + column-gap: 0.5rem !important; +} + +.column-gap-3 { + column-gap: 0.75rem !important; +} + +.column-gap-4 { + column-gap: 1rem !important; +} + +.column-gap-5 { + column-gap: 1.25rem !important; +} + +.column-gap-6 { + column-gap: 1.5rem !important; +} + +.column-gap-7 { + column-gap: 1.75rem !important; +} + +.column-gap-8 { + column-gap: 2rem !important; +} + +.column-gap-9 { + column-gap: 2.25rem !important; +} + +.column-gap-10 { + column-gap: 2.5rem !important; +} + +.column-gap-11 { + column-gap: 2.75rem !important; +} + +.column-gap-12 { + column-gap: 3rem !important; +} + +.font-monospace { + font-family: var(--bs-font-monospace) !important; +} + +.fs-1 { + font-size: calc(1.4125rem + 1.95vw) !important; +} + +.fs-2 { + font-size: calc(1.3625rem + 1.35vw) !important; +} + +.fs-3 { + font-size: calc(1.3rem + 0.6vw) !important; +} + +.fs-4 { + font-size: calc(1.275rem + 0.3vw) !important; +} + +.fs-5 { + font-size: 1.125rem !important; +} + +.fs-6 { + font-size: 0.9375rem !important; +} + +.fs-tiny { + font-size: 70% !important; +} + +.fs-big { + font-size: 112% !important; +} + +.fs-large { + font-size: 150% !important; +} + +.fs-xlarge { + font-size: 170% !important; +} + +.fs-xxlarge { + font-size: calc(1.725rem + 5.7vw) !important; +} + +.fst-italic { + font-style: italic !important; +} + +.fst-normal { + font-style: normal !important; +} + +.fw-lighter { + font-weight: lighter !important; +} + +.fw-light { + font-weight: 300 !important; +} + +.fw-normal { + font-weight: 400 !important; +} + +.fw-medium { + font-weight: 500 !important; +} + +.fw-semibold { + font-weight: 600 !important; +} + +.fw-bold { + font-weight: 700 !important; +} + +.fw-extrabold { + font-weight: 800 !important; +} + +.fw-bolder { + font-weight: bolder !important; +} + +.lh-1 { + line-height: 1 !important; +} + +.lh-inherit { + line-height: inherit !important; +} + +.lh-sm { + line-height: 1.125 !important; +} + +.lh-base { + line-height: 1.375 !important; +} + +.lh-lg { + line-height: 1.625 !important; +} + +.text-start { + text-align: start !important; +} + +.text-end { + text-align: end !important; +} + +.text-center { + text-align: center !important; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.text-decoration-underline { + text-decoration: underline !important; +} + +.text-decoration-line-through { + text-decoration: line-through !important; +} + +.text-none { + text-transform: none !important; +} + +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.text-wrap { + white-space: normal !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +/* rtl:begin:remove */ +.text-break { + word-wrap: break-word !important; + word-break: break-word !important; +} + +/* rtl:end:remove */ +.text-primary { + --bs-text-opacity: 1; + color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important; +} + +.text-secondary { + --bs-text-opacity: 1; + color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important; +} + +.text-success { + --bs-text-opacity: 1; + color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important; +} + +.text-info { + --bs-text-opacity: 1; + color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important; +} + +.text-warning { + --bs-text-opacity: 1; + color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important; +} + +.text-danger { + --bs-text-opacity: 1; + color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important; +} + +.text-light { + --bs-text-opacity: 1; + color: var(--bs-gray-400) !important; +} + +.text-dark { + --bs-text-opacity: 1; + color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important; +} + +.text-gray { + --bs-text-opacity: 1; + color: rgba(var(--bs-gray-rgb), var(--bs-text-opacity)) !important; +} + +.text-black { + --bs-text-opacity: 1; + color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important; +} + +.text-white { + --bs-text-opacity: 1; + color: var(--bs-white) !important; +} + +.text-body { + --bs-text-opacity: 1; + color: var(--bs-body-color) !important; +} + +.text-body-secondary { + --bs-text-opacity: 1; + color: var(--bs-secondary-color) !important; +} + +.text-body-tertiary { + --bs-text-opacity: 1; + color: var(--bs-tertiary-color) !important; +} + +.text-body-emphasis { + --bs-text-opacity: 1; + color: var(--bs-emphasis-color) !important; +} + +.text-lighter { + --bs-text-opacity: 1; + color: var(--bs-gray-300) !important; +} + +.text-lightest { + --bs-text-opacity: 1; + color: var(--bs-gray-200) !important; +} + +.text-heading { + --bs-text-opacity: 1; + color: var(--bs-heading-color) !important; +} + +.text-reset { + --bs-text-opacity: 1; + color: inherit !important; +} + +.text-opacity-25 { + --bs-text-opacity: 0.25; +} + +.text-opacity-50 { + --bs-text-opacity: 0.5; +} + +.text-opacity-75 { + --bs-text-opacity: 0.75; +} + +.text-opacity-100 { + --bs-text-opacity: 1; +} + +.text-primary-emphasis { + color: var(--bs-primary-text-emphasis) !important; +} + +.text-secondary-emphasis { + color: var(--bs-secondary-text-emphasis) !important; +} + +.text-success-emphasis { + color: var(--bs-success-text-emphasis) !important; +} + +.text-info-emphasis { + color: var(--bs-info-text-emphasis) !important; +} + +.text-warning-emphasis { + color: var(--bs-warning-text-emphasis) !important; +} + +.text-danger-emphasis { + color: var(--bs-danger-text-emphasis) !important; +} + +.text-light-emphasis { + color: var(--bs-light-text-emphasis) !important; +} + +.text-dark-emphasis { + color: var(--bs-dark-text-emphasis) !important; +} + +.link-opacity-10 { + --bs-link-opacity: 0.1; +} + +.link-opacity-10-hover:hover { + --bs-link-opacity: 0.1; +} + +.link-opacity-25 { + --bs-link-opacity: 0.25; +} + +.link-opacity-25-hover:hover { + --bs-link-opacity: 0.25; +} + +.link-opacity-50 { + --bs-link-opacity: 0.5; +} + +.link-opacity-50-hover:hover { + --bs-link-opacity: 0.5; +} + +.link-opacity-75 { + --bs-link-opacity: 0.75; +} + +.link-opacity-75-hover:hover { + --bs-link-opacity: 0.75; +} + +.link-opacity-100 { + --bs-link-opacity: 1; +} + +.link-opacity-100-hover:hover { + --bs-link-opacity: 1; +} + +.link-offset-1 { + text-underline-offset: 0.125em !important; +} + +.link-offset-1-hover:hover { + text-underline-offset: 0.125em !important; +} + +.link-offset-2 { + text-underline-offset: 0.25em !important; +} + +.link-offset-2-hover:hover { + text-underline-offset: 0.25em !important; +} + +.link-offset-3 { + text-underline-offset: 0.375em !important; +} + +.link-offset-3-hover:hover { + text-underline-offset: 0.375em !important; +} + +.link-underline-primary { + --bs-link-underline-opacity: 1; + text-decoration-color: rgba( + var(--bs-primary-rgb), + var(--bs-link-underline-opacity) + ) !important; +} + +.link-underline-secondary { + --bs-link-underline-opacity: 1; + text-decoration-color: rgba( + var(--bs-secondary-rgb), + var(--bs-link-underline-opacity) + ) !important; +} + +.link-underline-success { + --bs-link-underline-opacity: 1; + text-decoration-color: rgba( + var(--bs-success-rgb), + var(--bs-link-underline-opacity) + ) !important; +} + +.link-underline-info { + --bs-link-underline-opacity: 1; + text-decoration-color: rgba( + var(--bs-info-rgb), + var(--bs-link-underline-opacity) + ) !important; +} + +.link-underline-warning { + --bs-link-underline-opacity: 1; + text-decoration-color: rgba( + var(--bs-warning-rgb), + var(--bs-link-underline-opacity) + ) !important; +} + +.link-underline-danger { + --bs-link-underline-opacity: 1; + text-decoration-color: rgba( + var(--bs-danger-rgb), + var(--bs-link-underline-opacity) + ) !important; +} + +.link-underline-light { + --bs-link-underline-opacity: 1; + text-decoration-color: rgba( + var(--bs-light-rgb), + var(--bs-link-underline-opacity) + ) !important; +} + +.link-underline-dark { + --bs-link-underline-opacity: 1; + text-decoration-color: rgba( + var(--bs-dark-rgb), + var(--bs-link-underline-opacity) + ) !important; +} + +.link-underline-gray { + --bs-link-underline-opacity: 1; + text-decoration-color: rgba( + var(--bs-gray-rgb), + var(--bs-link-underline-opacity) + ) !important; +} + +.link-underline { + --bs-link-underline-opacity: 1; + text-decoration-color: rgba( + var(--bs-link-color-rgb), + var(--bs-link-underline-opacity, 1) + ) !important; +} + +.link-underline-opacity-0 { + --bs-link-underline-opacity: 0; +} + +.link-underline-opacity-0-hover:hover { + --bs-link-underline-opacity: 0; +} + +.link-underline-opacity-10 { + --bs-link-underline-opacity: 0.1; +} + +.link-underline-opacity-10-hover:hover { + --bs-link-underline-opacity: 0.1; +} + +.link-underline-opacity-25 { + --bs-link-underline-opacity: 0.25; +} + +.link-underline-opacity-25-hover:hover { + --bs-link-underline-opacity: 0.25; +} + +.link-underline-opacity-50 { + --bs-link-underline-opacity: 0.5; +} + +.link-underline-opacity-50-hover:hover { + --bs-link-underline-opacity: 0.5; +} + +.link-underline-opacity-75 { + --bs-link-underline-opacity: 0.75; +} + +.link-underline-opacity-75-hover:hover { + --bs-link-underline-opacity: 0.75; +} + +.link-underline-opacity-100 { + --bs-link-underline-opacity: 1; +} + +.link-underline-opacity-100-hover:hover { + --bs-link-underline-opacity: 1; +} + +.bg-primary { + --bs-bg-opacity: 1; + background-color: rgba( + var(--bs-primary-rgb), + var(--bs-bg-opacity) + ) !important; +} + +.bg-secondary { + --bs-bg-opacity: 1; + background-color: rgba( + var(--bs-secondary-rgb), + var(--bs-bg-opacity) + ) !important; +} + +.bg-success { + --bs-bg-opacity: 1; + background-color: rgba( + var(--bs-success-rgb), + var(--bs-bg-opacity) + ) !important; +} + +.bg-info { + --bs-bg-opacity: 1; + background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important; +} + +.bg-warning { + --bs-bg-opacity: 1; + background-color: rgba( + var(--bs-warning-rgb), + var(--bs-bg-opacity) + ) !important; +} + +.bg-danger { + --bs-bg-opacity: 1; + background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important; +} + +.bg-light { + --bs-bg-opacity: 1; + background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important; +} + +.bg-dark { + --bs-bg-opacity: 1; + background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important; +} + +.bg-gray { + --bs-bg-opacity: 1; + background-color: rgba(var(--bs-gray-rgb), var(--bs-bg-opacity)) !important; +} + +.bg-black { + --bs-bg-opacity: 1; + background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important; +} + +.bg-white { + --bs-bg-opacity: 1; + background-color: var(--bs-white) !important; +} + +.bg-body { + --bs-bg-opacity: 1; + background-color: var(--bs-body-bg) !important; +} + +.bg-transparent { + --bs-bg-opacity: 1; + background-color: transparent !important; +} + +.bg-body-secondary { + --bs-bg-opacity: 1; + background-color: rgba( + var(--bs-secondary-bg-rgb), + var(--bs-bg-opacity) + ) !important; +} + +.bg-body-tertiary { + --bs-bg-opacity: 1; + background-color: rgba( + var(--bs-tertiary-bg-rgb), + var(--bs-bg-opacity) + ) !important; +} + +.bg-lighter { + --bs-bg-opacity: 1; + background-color: color-mix( + in sRGB, + var(--bs-base-color) 6%, + var(--bs-paper-bg) + ) !important; +} + +.bg-lightest { + --bs-bg-opacity: 1; + background-color: color-mix( + in sRGB, + var(--bs-base-color) 2.5%, + var(--bs-paper-bg) + ) !important; +} + +.bg-opacity-10 { + --bs-bg-opacity: 0.1; +} + +.bg-opacity-25 { + --bs-bg-opacity: 0.25; +} + +.bg-opacity-50 { + --bs-bg-opacity: 0.5; +} + +.bg-opacity-75 { + --bs-bg-opacity: 0.75; +} + +.bg-opacity-100 { + --bs-bg-opacity: 1; +} + +.bg-primary-subtle { + background-color: var(--bs-primary-bg-subtle) !important; +} + +.bg-secondary-subtle { + background-color: var(--bs-secondary-bg-subtle) !important; +} + +.bg-success-subtle { + background-color: var(--bs-success-bg-subtle) !important; +} + +.bg-info-subtle { + background-color: var(--bs-info-bg-subtle) !important; +} + +.bg-warning-subtle { + background-color: var(--bs-warning-bg-subtle) !important; +} + +.bg-danger-subtle { + background-color: var(--bs-danger-bg-subtle) !important; +} + +.bg-light-subtle { + background-color: var(--bs-light-bg-subtle) !important; +} + +.bg-dark-subtle { + background-color: var(--bs-dark-bg-subtle) !important; +} + +.bg-gradient { + background-image: var(--bs-gradient) !important; +} + +.user-select-all { + user-select: all !important; +} + +.user-select-auto { + user-select: auto !important; +} + +.user-select-none { + user-select: none !important; +} + +.pe-none { + pointer-events: none !important; +} + +.pe-auto { + pointer-events: auto !important; +} + +.rounded { + border-radius: var(--bs-border-radius) !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.rounded-1 { + border-radius: var(--bs-border-radius-sm) !important; +} + +.rounded-2 { + border-radius: var(--bs-border-radius) !important; +} + +.rounded-3 { + border-radius: var(--bs-border-radius-lg) !important; +} + +.rounded-4 { + border-radius: var(--bs-border-radius-xl) !important; +} + +.rounded-5 { + border-radius: var(--bs-border-radius-xxl) !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-pill { + border-radius: var(--bs-border-radius-pill) !important; +} + +.rounded-top { + border-start-start-radius: var(--bs-border-radius) !important; + border-start-end-radius: var(--bs-border-radius) !important; +} + +.rounded-top-0 { + border-start-start-radius: 0 !important; + border-start-end-radius: 0 !important; +} + +.rounded-top-1 { + border-start-start-radius: var(--bs-border-radius-sm) !important; + border-start-end-radius: var(--bs-border-radius-sm) !important; +} + +.rounded-top-2 { + border-start-start-radius: var(--bs-border-radius) !important; + border-start-end-radius: var(--bs-border-radius) !important; +} + +.rounded-top-3 { + border-start-start-radius: var(--bs-border-radius-lg) !important; + border-start-end-radius: var(--bs-border-radius-lg) !important; +} + +.rounded-top-4 { + border-start-start-radius: var(--bs-border-radius-xl) !important; + border-start-end-radius: var(--bs-border-radius-xl) !important; +} + +.rounded-top-5 { + border-start-start-radius: var(--bs-border-radius-xxl) !important; + border-start-end-radius: var(--bs-border-radius-xxl) !important; +} + +.rounded-top-circle { + border-start-start-radius: 50% !important; + border-start-end-radius: 50% !important; +} + +.rounded-top-pill { + border-start-start-radius: var(--bs-border-radius-pill) !important; + border-start-end-radius: var(--bs-border-radius-pill) !important; +} + +.rounded-end { + border-start-end-radius: var(--bs-border-radius) !important; + border-end-end-radius: var(--bs-border-radius) !important; +} + +.rounded-end-0 { + border-start-end-radius: 0 !important; + border-end-end-radius: 0 !important; +} + +.rounded-end-1 { + border-start-end-radius: var(--bs-border-radius-sm) !important; + border-end-end-radius: var(--bs-border-radius-sm) !important; +} + +.rounded-end-2 { + border-start-end-radius: var(--bs-border-radius) !important; + border-end-end-radius: var(--bs-border-radius) !important; +} + +.rounded-end-3 { + border-start-end-radius: var(--bs-border-radius-lg) !important; + border-end-end-radius: var(--bs-border-radius-lg) !important; +} + +.rounded-end-4 { + border-start-end-radius: var(--bs-border-radius-xl) !important; + border-end-end-radius: var(--bs-border-radius-xl) !important; +} + +.rounded-end-5 { + border-start-end-radius: var(--bs-border-radius-xxl) !important; + border-end-end-radius: var(--bs-border-radius-xxl) !important; +} + +.rounded-end-circle { + border-start-end-radius: 50% !important; + border-end-end-radius: 50% !important; +} + +.rounded-end-pill { + border-start-end-radius: var(--bs-border-radius-pill) !important; + border-end-end-radius: var(--bs-border-radius-pill) !important; +} + +.rounded-bottom { + border-end-end-radius: var(--bs-border-radius) !important; + border-end-start-radius: var(--bs-border-radius) !important; +} + +.rounded-bottom-0 { + border-end-end-radius: 0 !important; + border-end-start-radius: 0 !important; +} + +.rounded-bottom-1 { + border-end-end-radius: var(--bs-border-radius-sm) !important; + border-end-start-radius: var(--bs-border-radius-sm) !important; +} + +.rounded-bottom-2 { + border-end-end-radius: var(--bs-border-radius) !important; + border-end-start-radius: var(--bs-border-radius) !important; +} + +.rounded-bottom-3 { + border-end-end-radius: var(--bs-border-radius-lg) !important; + border-end-start-radius: var(--bs-border-radius-lg) !important; +} + +.rounded-bottom-4 { + border-end-end-radius: var(--bs-border-radius-xl) !important; + border-end-start-radius: var(--bs-border-radius-xl) !important; +} + +.rounded-bottom-5 { + border-end-end-radius: var(--bs-border-radius-xxl) !important; + border-end-start-radius: var(--bs-border-radius-xxl) !important; +} + +.rounded-bottom-circle { + border-end-end-radius: 50% !important; + border-end-start-radius: 50% !important; +} + +.rounded-bottom-pill { + border-end-end-radius: var(--bs-border-radius-pill) !important; + border-end-start-radius: var(--bs-border-radius-pill) !important; +} + +.rounded-start { + border-end-start-radius: var(--bs-border-radius) !important; + border-start-start-radius: var(--bs-border-radius) !important; +} + +.rounded-start-0 { + border-end-start-radius: 0 !important; + border-start-start-radius: 0 !important; +} + +.rounded-start-1 { + border-end-start-radius: var(--bs-border-radius-sm) !important; + border-start-start-radius: var(--bs-border-radius-sm) !important; +} + +.rounded-start-2 { + border-end-start-radius: var(--bs-border-radius) !important; + border-start-start-radius: var(--bs-border-radius) !important; +} + +.rounded-start-3 { + border-end-start-radius: var(--bs-border-radius-lg) !important; + border-start-start-radius: var(--bs-border-radius-lg) !important; +} + +.rounded-start-4 { + border-end-start-radius: var(--bs-border-radius-xl) !important; + border-start-start-radius: var(--bs-border-radius-xl) !important; +} + +.rounded-start-5 { + border-end-start-radius: var(--bs-border-radius-xxl) !important; + border-start-start-radius: var(--bs-border-radius-xxl) !important; +} + +.rounded-start-circle { + border-end-start-radius: 50% !important; + border-start-start-radius: 50% !important; +} + +.rounded-start-pill { + border-end-start-radius: var(--bs-border-radius-pill) !important; + border-start-start-radius: var(--bs-border-radius-pill) !important; +} + +.rounded-start-top { + border-start-start-radius: 0.375rem !important; +} + +.rounded-start-bottom { + border-end-start-radius: 0.375rem !important; +} + +.rounded-end-top { + border-start-end-radius: 0.375rem !important; +} + +.rounded-end-bottom { + border-end-end-radius: 0.375rem !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +.z-n1 { + z-index: -1 !important; +} + +.z-0 { + z-index: 0 !important; +} + +.z-1 { + z-index: 1 !important; +} + +.z-2 { + z-index: 2 !important; +} + +.z-3 { + z-index: 3 !important; +} + +.z-4 { + z-index: 4 !important; +} + +.z-5 { + z-index: 5 !important; +} + +.rotate-0 { + transform: var(--bs-rotate-0, rotate(0deg)) !important; +} + +.rotate-90 { + transform: var(--bs-rotate-90, rotate(90deg)) !important; +} + +.rotate-180 { + transform: var(--bs-rotate-180, rotate(180deg)) !important; +} + +.rotate-270 { + transform: var(--bs-rotate-270, rotate(270deg)) !important; +} + +.rotate-n90 { + transform: var(--bs-rotate-n90, rotate(-90deg)) !important; +} + +.rotate-n180 { + transform: var(--bs-rotate-n180, rotate(-180deg)) !important; +} + +.rotate-n270 { + transform: var(--bs-rotate-n270, rotate(-270deg)) !important; +} + +.cursor-pointer { + cursor: pointer !important; +} + +.cursor-move { + cursor: move !important; +} + +.cursor-grab { + cursor: grab !important; +} + +@media (min-width: 576px) { + .float-sm-start { + float: inline-start !important; + } + .float-sm-end { + float: inline-end !important; + } + .float-sm-none { + float: none !important; + } + .object-fit-sm-contain { + object-fit: contain !important; + } + .object-fit-sm-cover { + object-fit: cover !important; + } + .object-fit-sm-fill { + object-fit: fill !important; + } + .object-fit-sm-scale { + object-fit: scale-down !important; + } + .object-fit-sm-none { + object-fit: none !important; + } + .d-sm-inline { + display: inline !important; + } + .d-sm-inline-block { + display: inline-block !important; + } + .d-sm-block { + display: block !important; + } + .d-sm-grid { + display: grid !important; + } + .d-sm-table { + display: table !important; + } + .d-sm-table-row { + display: table-row !important; + } + .d-sm-table-cell { + display: table-cell !important; + } + .d-sm-flex { + display: flex !important; + } + .d-sm-inline-flex { + display: inline-flex !important; + } + .d-sm-none { + display: none !important; + } + .border-sm-solid { + border-style: solid !important; + } + .border-sm-dashed { + border-style: dashed !important; + } + .border-sm-none { + border-style: none !important; + } + .flex-sm-fill { + flex: 1 1 auto !important; + } + .flex-sm-row { + flex-direction: row !important; + } + .flex-sm-column { + flex-direction: column !important; + } + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + .flex-sm-wrap { + flex-wrap: wrap !important; + } + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + .justify-content-sm-start { + justify-content: flex-start !important; + } + .justify-content-sm-end { + justify-content: flex-end !important; + } + .justify-content-sm-center { + justify-content: center !important; + } + .justify-content-sm-between { + justify-content: space-between !important; + } + .justify-content-sm-around { + justify-content: space-around !important; + } + .justify-content-sm-evenly { + justify-content: space-evenly !important; + } + .align-items-sm-start { + align-items: flex-start !important; + } + .align-items-sm-end { + align-items: flex-end !important; + } + .align-items-sm-center { + align-items: center !important; + } + .align-items-sm-baseline { + align-items: baseline !important; + } + .align-items-sm-stretch { + align-items: stretch !important; + } + .align-content-sm-start { + align-content: flex-start !important; + } + .align-content-sm-end { + align-content: flex-end !important; + } + .align-content-sm-center { + align-content: center !important; + } + .align-content-sm-between { + align-content: space-between !important; + } + .align-content-sm-around { + align-content: space-around !important; + } + .align-content-sm-stretch { + align-content: stretch !important; + } + .align-self-sm-auto { + align-self: auto !important; + } + .align-self-sm-start { + align-self: flex-start !important; + } + .align-self-sm-end { + align-self: flex-end !important; + } + .align-self-sm-center { + align-self: center !important; + } + .align-self-sm-baseline { + align-self: baseline !important; + } + .align-self-sm-stretch { + align-self: stretch !important; + } + .order-sm-first { + order: -1 !important; + } + .order-sm-0 { + order: 0 !important; + } + .order-sm-1 { + order: 1 !important; + } + .order-sm-2 { + order: 2 !important; + } + .order-sm-3 { + order: 3 !important; + } + .order-sm-4 { + order: 4 !important; + } + .order-sm-5 { + order: 5 !important; + } + .order-sm-last { + order: 6 !important; + } + .m-sm-0 { + margin: 0 !important; + } + .m-sm-50 { + margin: 0.125rem !important; + } + .m-sm-1 { + margin: 0.25rem !important; + } + .m-sm-1_5 { + margin: 0.375rem !important; + } + .m-sm-2 { + margin: 0.5rem !important; + } + .m-sm-3 { + margin: 0.75rem !important; + } + .m-sm-4 { + margin: 1rem !important; + } + .m-sm-5 { + margin: 1.25rem !important; + } + .m-sm-6 { + margin: 1.5rem !important; + } + .m-sm-7 { + margin: 1.75rem !important; + } + .m-sm-8 { + margin: 2rem !important; + } + .m-sm-9 { + margin: 2.25rem !important; + } + .m-sm-10 { + margin: 2.5rem !important; + } + .m-sm-11 { + margin: 2.75rem !important; + } + .m-sm-12 { + margin: 3rem !important; + } + .m-sm-auto { + margin: auto !important; + } + .mx-sm-0 { + margin-inline-end: 0 !important; + margin-inline-start: 0 !important; + } + .mx-sm-50 { + margin-inline-end: 0.125rem !important; + margin-inline-start: 0.125rem !important; + } + .mx-sm-1 { + margin-inline-end: 0.25rem !important; + margin-inline-start: 0.25rem !important; + } + .mx-sm-1_5 { + margin-inline-end: 0.375rem !important; + margin-inline-start: 0.375rem !important; + } + .mx-sm-2 { + margin-inline-end: 0.5rem !important; + margin-inline-start: 0.5rem !important; + } + .mx-sm-3 { + margin-inline-end: 0.75rem !important; + margin-inline-start: 0.75rem !important; + } + .mx-sm-4 { + margin-inline-end: 1rem !important; + margin-inline-start: 1rem !important; + } + .mx-sm-5 { + margin-inline-end: 1.25rem !important; + margin-inline-start: 1.25rem !important; + } + .mx-sm-6 { + margin-inline-end: 1.5rem !important; + margin-inline-start: 1.5rem !important; + } + .mx-sm-7 { + margin-inline-end: 1.75rem !important; + margin-inline-start: 1.75rem !important; + } + .mx-sm-8 { + margin-inline-end: 2rem !important; + margin-inline-start: 2rem !important; + } + .mx-sm-9 { + margin-inline-end: 2.25rem !important; + margin-inline-start: 2.25rem !important; + } + .mx-sm-10 { + margin-inline-end: 2.5rem !important; + margin-inline-start: 2.5rem !important; + } + .mx-sm-11 { + margin-inline-end: 2.75rem !important; + margin-inline-start: 2.75rem !important; + } + .mx-sm-12 { + margin-inline-end: 3rem !important; + margin-inline-start: 3rem !important; + } + .mx-sm-auto { + margin-inline-end: auto !important; + margin-inline-start: auto !important; + } + .my-sm-0 { + margin-block-start: 0 !important; + margin-block-end: 0 !important; + } + .my-sm-50 { + margin-block-start: 0.125rem !important; + margin-block-end: 0.125rem !important; + } + .my-sm-1 { + margin-block-start: 0.25rem !important; + margin-block-end: 0.25rem !important; + } + .my-sm-1_5 { + margin-block-start: 0.375rem !important; + margin-block-end: 0.375rem !important; + } + .my-sm-2 { + margin-block-start: 0.5rem !important; + margin-block-end: 0.5rem !important; + } + .my-sm-3 { + margin-block-start: 0.75rem !important; + margin-block-end: 0.75rem !important; + } + .my-sm-4 { + margin-block-start: 1rem !important; + margin-block-end: 1rem !important; + } + .my-sm-5 { + margin-block-start: 1.25rem !important; + margin-block-end: 1.25rem !important; + } + .my-sm-6 { + margin-block-start: 1.5rem !important; + margin-block-end: 1.5rem !important; + } + .my-sm-7 { + margin-block-start: 1.75rem !important; + margin-block-end: 1.75rem !important; + } + .my-sm-8 { + margin-block-start: 2rem !important; + margin-block-end: 2rem !important; + } + .my-sm-9 { + margin-block-start: 2.25rem !important; + margin-block-end: 2.25rem !important; + } + .my-sm-10 { + margin-block-start: 2.5rem !important; + margin-block-end: 2.5rem !important; + } + .my-sm-11 { + margin-block-start: 2.75rem !important; + margin-block-end: 2.75rem !important; + } + .my-sm-12 { + margin-block-start: 3rem !important; + margin-block-end: 3rem !important; + } + .my-sm-auto { + margin-block-start: auto !important; + margin-block-end: auto !important; + } + .mt-sm-0 { + margin-block-start: 0 !important; + } + .mt-sm-50 { + margin-block-start: 0.125rem !important; + } + .mt-sm-1 { + margin-block-start: 0.25rem !important; + } + .mt-sm-1_5 { + margin-block-start: 0.375rem !important; + } + .mt-sm-2 { + margin-block-start: 0.5rem !important; + } + .mt-sm-3 { + margin-block-start: 0.75rem !important; + } + .mt-sm-4 { + margin-block-start: 1rem !important; + } + .mt-sm-5 { + margin-block-start: 1.25rem !important; + } + .mt-sm-6 { + margin-block-start: 1.5rem !important; + } + .mt-sm-7 { + margin-block-start: 1.75rem !important; + } + .mt-sm-8 { + margin-block-start: 2rem !important; + } + .mt-sm-9 { + margin-block-start: 2.25rem !important; + } + .mt-sm-10 { + margin-block-start: 2.5rem !important; + } + .mt-sm-11 { + margin-block-start: 2.75rem !important; + } + .mt-sm-12 { + margin-block-start: 3rem !important; + } + .mt-sm-auto { + margin-block-start: auto !important; + } + .me-sm-0 { + margin-inline-end: 0 !important; + } + .me-sm-50 { + margin-inline-end: 0.125rem !important; + } + .me-sm-1 { + margin-inline-end: 0.25rem !important; + } + .me-sm-1_5 { + margin-inline-end: 0.375rem !important; + } + .me-sm-2 { + margin-inline-end: 0.5rem !important; + } + .me-sm-3 { + margin-inline-end: 0.75rem !important; + } + .me-sm-4 { + margin-inline-end: 1rem !important; + } + .me-sm-5 { + margin-inline-end: 1.25rem !important; + } + .me-sm-6 { + margin-inline-end: 1.5rem !important; + } + .me-sm-7 { + margin-inline-end: 1.75rem !important; + } + .me-sm-8 { + margin-inline-end: 2rem !important; + } + .me-sm-9 { + margin-inline-end: 2.25rem !important; + } + .me-sm-10 { + margin-inline-end: 2.5rem !important; + } + .me-sm-11 { + margin-inline-end: 2.75rem !important; + } + .me-sm-12 { + margin-inline-end: 3rem !important; + } + .me-sm-auto { + margin-inline-end: auto !important; + } + .mb-sm-0 { + margin-block-end: 0 !important; + } + .mb-sm-50 { + margin-block-end: 0.125rem !important; + } + .mb-sm-1 { + margin-block-end: 0.25rem !important; + } + .mb-sm-1_5 { + margin-block-end: 0.375rem !important; + } + .mb-sm-2 { + margin-block-end: 0.5rem !important; + } + .mb-sm-3 { + margin-block-end: 0.75rem !important; + } + .mb-sm-4 { + margin-block-end: 1rem !important; + } + .mb-sm-5 { + margin-block-end: 1.25rem !important; + } + .mb-sm-6 { + margin-block-end: 1.5rem !important; + } + .mb-sm-7 { + margin-block-end: 1.75rem !important; + } + .mb-sm-8 { + margin-block-end: 2rem !important; + } + .mb-sm-9 { + margin-block-end: 2.25rem !important; + } + .mb-sm-10 { + margin-block-end: 2.5rem !important; + } + .mb-sm-11 { + margin-block-end: 2.75rem !important; + } + .mb-sm-12 { + margin-block-end: 3rem !important; + } + .mb-sm-auto { + margin-block-end: auto !important; + } + .ms-sm-0 { + margin-inline-start: 0 !important; + } + .ms-sm-50 { + margin-inline-start: 0.125rem !important; + } + .ms-sm-1 { + margin-inline-start: 0.25rem !important; + } + .ms-sm-1_5 { + margin-inline-start: 0.375rem !important; + } + .ms-sm-2 { + margin-inline-start: 0.5rem !important; + } + .ms-sm-3 { + margin-inline-start: 0.75rem !important; + } + .ms-sm-4 { + margin-inline-start: 1rem !important; + } + .ms-sm-5 { + margin-inline-start: 1.25rem !important; + } + .ms-sm-6 { + margin-inline-start: 1.5rem !important; + } + .ms-sm-7 { + margin-inline-start: 1.75rem !important; + } + .ms-sm-8 { + margin-inline-start: 2rem !important; + } + .ms-sm-9 { + margin-inline-start: 2.25rem !important; + } + .ms-sm-10 { + margin-inline-start: 2.5rem !important; + } + .ms-sm-11 { + margin-inline-start: 2.75rem !important; + } + .ms-sm-12 { + margin-inline-start: 3rem !important; + } + .ms-sm-auto { + margin-inline-start: auto !important; + } + .m-sm-n50 { + margin: -0.125rem !important; + } + .m-sm-n1 { + margin: -0.25rem !important; + } + .m-sm-n1_5 { + margin: -0.375rem !important; + } + .m-sm-n2 { + margin: -0.5rem !important; + } + .m-sm-n3 { + margin: -0.75rem !important; + } + .m-sm-n4 { + margin: -1rem !important; + } + .m-sm-n5 { + margin: -1.25rem !important; + } + .m-sm-n6 { + margin: -1.5rem !important; + } + .m-sm-n7 { + margin: -1.75rem !important; + } + .m-sm-n8 { + margin: -2rem !important; + } + .m-sm-n9 { + margin: -2.25rem !important; + } + .m-sm-n10 { + margin: -2.5rem !important; + } + .m-sm-n11 { + margin: -2.75rem !important; + } + .m-sm-n12 { + margin: -3rem !important; + } + .mx-sm-n50 { + margin-inline-end: -0.125rem !important; + margin-inline-start: -0.125rem !important; + } + .mx-sm-n1 { + margin-inline-end: -0.25rem !important; + margin-inline-start: -0.25rem !important; + } + .mx-sm-n1_5 { + margin-inline-end: -0.375rem !important; + margin-inline-start: -0.375rem !important; + } + .mx-sm-n2 { + margin-inline-end: -0.5rem !important; + margin-inline-start: -0.5rem !important; + } + .mx-sm-n3 { + margin-inline-end: -0.75rem !important; + margin-inline-start: -0.75rem !important; + } + .mx-sm-n4 { + margin-inline-end: -1rem !important; + margin-inline-start: -1rem !important; + } + .mx-sm-n5 { + margin-inline-end: -1.25rem !important; + margin-inline-start: -1.25rem !important; + } + .mx-sm-n6 { + margin-inline-end: -1.5rem !important; + margin-inline-start: -1.5rem !important; + } + .mx-sm-n7 { + margin-inline-end: -1.75rem !important; + margin-inline-start: -1.75rem !important; + } + .mx-sm-n8 { + margin-inline-end: -2rem !important; + margin-inline-start: -2rem !important; + } + .mx-sm-n9 { + margin-inline-end: -2.25rem !important; + margin-inline-start: -2.25rem !important; + } + .mx-sm-n10 { + margin-inline-end: -2.5rem !important; + margin-inline-start: -2.5rem !important; + } + .mx-sm-n11 { + margin-inline-end: -2.75rem !important; + margin-inline-start: -2.75rem !important; + } + .mx-sm-n12 { + margin-inline-end: -3rem !important; + margin-inline-start: -3rem !important; + } + .my-sm-n50 { + margin-block-start: -0.125rem !important; + margin-block-end: -0.125rem !important; + } + .my-sm-n1 { + margin-block-start: -0.25rem !important; + margin-block-end: -0.25rem !important; + } + .my-sm-n1_5 { + margin-block-start: -0.375rem !important; + margin-block-end: -0.375rem !important; + } + .my-sm-n2 { + margin-block-start: -0.5rem !important; + margin-block-end: -0.5rem !important; + } + .my-sm-n3 { + margin-block-start: -0.75rem !important; + margin-block-end: -0.75rem !important; + } + .my-sm-n4 { + margin-block-start: -1rem !important; + margin-block-end: -1rem !important; + } + .my-sm-n5 { + margin-block-start: -1.25rem !important; + margin-block-end: -1.25rem !important; + } + .my-sm-n6 { + margin-block-start: -1.5rem !important; + margin-block-end: -1.5rem !important; + } + .my-sm-n7 { + margin-block-start: -1.75rem !important; + margin-block-end: -1.75rem !important; + } + .my-sm-n8 { + margin-block-start: -2rem !important; + margin-block-end: -2rem !important; + } + .my-sm-n9 { + margin-block-start: -2.25rem !important; + margin-block-end: -2.25rem !important; + } + .my-sm-n10 { + margin-block-start: -2.5rem !important; + margin-block-end: -2.5rem !important; + } + .my-sm-n11 { + margin-block-start: -2.75rem !important; + margin-block-end: -2.75rem !important; + } + .my-sm-n12 { + margin-block-start: -3rem !important; + margin-block-end: -3rem !important; + } + .mt-sm-n50 { + margin-block-start: -0.125rem !important; + } + .mt-sm-n1 { + margin-block-start: -0.25rem !important; + } + .mt-sm-n1_5 { + margin-block-start: -0.375rem !important; + } + .mt-sm-n2 { + margin-block-start: -0.5rem !important; + } + .mt-sm-n3 { + margin-block-start: -0.75rem !important; + } + .mt-sm-n4 { + margin-block-start: -1rem !important; + } + .mt-sm-n5 { + margin-block-start: -1.25rem !important; + } + .mt-sm-n6 { + margin-block-start: -1.5rem !important; + } + .mt-sm-n7 { + margin-block-start: -1.75rem !important; + } + .mt-sm-n8 { + margin-block-start: -2rem !important; + } + .mt-sm-n9 { + margin-block-start: -2.25rem !important; + } + .mt-sm-n10 { + margin-block-start: -2.5rem !important; + } + .mt-sm-n11 { + margin-block-start: -2.75rem !important; + } + .mt-sm-n12 { + margin-block-start: -3rem !important; + } + .me-sm-n50 { + margin-inline-end: -0.125rem !important; + } + .me-sm-n1 { + margin-inline-end: -0.25rem !important; + } + .me-sm-n1_5 { + margin-inline-end: -0.375rem !important; + } + .me-sm-n2 { + margin-inline-end: -0.5rem !important; + } + .me-sm-n3 { + margin-inline-end: -0.75rem !important; + } + .me-sm-n4 { + margin-inline-end: -1rem !important; + } + .me-sm-n5 { + margin-inline-end: -1.25rem !important; + } + .me-sm-n6 { + margin-inline-end: -1.5rem !important; + } + .me-sm-n7 { + margin-inline-end: -1.75rem !important; + } + .me-sm-n8 { + margin-inline-end: -2rem !important; + } + .me-sm-n9 { + margin-inline-end: -2.25rem !important; + } + .me-sm-n10 { + margin-inline-end: -2.5rem !important; + } + .me-sm-n11 { + margin-inline-end: -2.75rem !important; + } + .me-sm-n12 { + margin-inline-end: -3rem !important; + } + .mb-sm-n50 { + margin-block-end: -0.125rem !important; + } + .mb-sm-n1 { + margin-block-end: -0.25rem !important; + } + .mb-sm-n1_5 { + margin-block-end: -0.375rem !important; + } + .mb-sm-n2 { + margin-block-end: -0.5rem !important; + } + .mb-sm-n3 { + margin-block-end: -0.75rem !important; + } + .mb-sm-n4 { + margin-block-end: -1rem !important; + } + .mb-sm-n5 { + margin-block-end: -1.25rem !important; + } + .mb-sm-n6 { + margin-block-end: -1.5rem !important; + } + .mb-sm-n7 { + margin-block-end: -1.75rem !important; + } + .mb-sm-n8 { + margin-block-end: -2rem !important; + } + .mb-sm-n9 { + margin-block-end: -2.25rem !important; + } + .mb-sm-n10 { + margin-block-end: -2.5rem !important; + } + .mb-sm-n11 { + margin-block-end: -2.75rem !important; + } + .mb-sm-n12 { + margin-block-end: -3rem !important; + } + .ms-sm-n50 { + margin-inline-start: -0.125rem !important; + } + .ms-sm-n1 { + margin-inline-start: -0.25rem !important; + } + .ms-sm-n1_5 { + margin-inline-start: -0.375rem !important; + } + .ms-sm-n2 { + margin-inline-start: -0.5rem !important; + } + .ms-sm-n3 { + margin-inline-start: -0.75rem !important; + } + .ms-sm-n4 { + margin-inline-start: -1rem !important; + } + .ms-sm-n5 { + margin-inline-start: -1.25rem !important; + } + .ms-sm-n6 { + margin-inline-start: -1.5rem !important; + } + .ms-sm-n7 { + margin-inline-start: -1.75rem !important; + } + .ms-sm-n8 { + margin-inline-start: -2rem !important; + } + .ms-sm-n9 { + margin-inline-start: -2.25rem !important; + } + .ms-sm-n10 { + margin-inline-start: -2.5rem !important; + } + .ms-sm-n11 { + margin-inline-start: -2.75rem !important; + } + .ms-sm-n12 { + margin-inline-start: -3rem !important; + } + .p-sm-0 { + padding: 0 !important; + } + .p-sm-50 { + padding: 0.125rem !important; + } + .p-sm-1 { + padding: 0.25rem !important; + } + .p-sm-1_5 { + padding: 0.375rem !important; + } + .p-sm-2 { + padding: 0.5rem !important; + } + .p-sm-3 { + padding: 0.75rem !important; + } + .p-sm-4 { + padding: 1rem !important; + } + .p-sm-5 { + padding: 1.25rem !important; + } + .p-sm-6 { + padding: 1.5rem !important; + } + .p-sm-7 { + padding: 1.75rem !important; + } + .p-sm-8 { + padding: 2rem !important; + } + .p-sm-9 { + padding: 2.25rem !important; + } + .p-sm-10 { + padding: 2.5rem !important; + } + .p-sm-11 { + padding: 2.75rem !important; + } + .p-sm-12 { + padding: 3rem !important; + } + .px-sm-0 { + padding-inline-end: 0 !important; + padding-inline-start: 0 !important; + } + .px-sm-50 { + padding-inline-end: 0.125rem !important; + padding-inline-start: 0.125rem !important; + } + .px-sm-1 { + padding-inline-end: 0.25rem !important; + padding-inline-start: 0.25rem !important; + } + .px-sm-1_5 { + padding-inline-end: 0.375rem !important; + padding-inline-start: 0.375rem !important; + } + .px-sm-2 { + padding-inline-end: 0.5rem !important; + padding-inline-start: 0.5rem !important; + } + .px-sm-3 { + padding-inline-end: 0.75rem !important; + padding-inline-start: 0.75rem !important; + } + .px-sm-4 { + padding-inline-end: 1rem !important; + padding-inline-start: 1rem !important; + } + .px-sm-5 { + padding-inline-end: 1.25rem !important; + padding-inline-start: 1.25rem !important; + } + .px-sm-6 { + padding-inline-end: 1.5rem !important; + padding-inline-start: 1.5rem !important; + } + .px-sm-7 { + padding-inline-end: 1.75rem !important; + padding-inline-start: 1.75rem !important; + } + .px-sm-8 { + padding-inline-end: 2rem !important; + padding-inline-start: 2rem !important; + } + .px-sm-9 { + padding-inline-end: 2.25rem !important; + padding-inline-start: 2.25rem !important; + } + .px-sm-10 { + padding-inline-end: 2.5rem !important; + padding-inline-start: 2.5rem !important; + } + .px-sm-11 { + padding-inline-end: 2.75rem !important; + padding-inline-start: 2.75rem !important; + } + .px-sm-12 { + padding-inline-end: 3rem !important; + padding-inline-start: 3rem !important; + } + .py-sm-0 { + padding-block-start: 0 !important; + padding-block-end: 0 !important; + } + .py-sm-50 { + padding-block-start: 0.125rem !important; + padding-block-end: 0.125rem !important; + } + .py-sm-1 { + padding-block-start: 0.25rem !important; + padding-block-end: 0.25rem !important; + } + .py-sm-1_5 { + padding-block-start: 0.375rem !important; + padding-block-end: 0.375rem !important; + } + .py-sm-2 { + padding-block-start: 0.5rem !important; + padding-block-end: 0.5rem !important; + } + .py-sm-3 { + padding-block-start: 0.75rem !important; + padding-block-end: 0.75rem !important; + } + .py-sm-4 { + padding-block-start: 1rem !important; + padding-block-end: 1rem !important; + } + .py-sm-5 { + padding-block-start: 1.25rem !important; + padding-block-end: 1.25rem !important; + } + .py-sm-6 { + padding-block-start: 1.5rem !important; + padding-block-end: 1.5rem !important; + } + .py-sm-7 { + padding-block-start: 1.75rem !important; + padding-block-end: 1.75rem !important; + } + .py-sm-8 { + padding-block-start: 2rem !important; + padding-block-end: 2rem !important; + } + .py-sm-9 { + padding-block-start: 2.25rem !important; + padding-block-end: 2.25rem !important; + } + .py-sm-10 { + padding-block-start: 2.5rem !important; + padding-block-end: 2.5rem !important; + } + .py-sm-11 { + padding-block-start: 2.75rem !important; + padding-block-end: 2.75rem !important; + } + .py-sm-12 { + padding-block-start: 3rem !important; + padding-block-end: 3rem !important; + } + .pt-sm-0 { + padding-block-start: 0 !important; + } + .pt-sm-50 { + padding-block-start: 0.125rem !important; + } + .pt-sm-1 { + padding-block-start: 0.25rem !important; + } + .pt-sm-1_5 { + padding-block-start: 0.375rem !important; + } + .pt-sm-2 { + padding-block-start: 0.5rem !important; + } + .pt-sm-3 { + padding-block-start: 0.75rem !important; + } + .pt-sm-4 { + padding-block-start: 1rem !important; + } + .pt-sm-5 { + padding-block-start: 1.25rem !important; + } + .pt-sm-6 { + padding-block-start: 1.5rem !important; + } + .pt-sm-7 { + padding-block-start: 1.75rem !important; + } + .pt-sm-8 { + padding-block-start: 2rem !important; + } + .pt-sm-9 { + padding-block-start: 2.25rem !important; + } + .pt-sm-10 { + padding-block-start: 2.5rem !important; + } + .pt-sm-11 { + padding-block-start: 2.75rem !important; + } + .pt-sm-12 { + padding-block-start: 3rem !important; + } + .pe-sm-0 { + padding-inline-end: 0 !important; + } + .pe-sm-50 { + padding-inline-end: 0.125rem !important; + } + .pe-sm-1 { + padding-inline-end: 0.25rem !important; + } + .pe-sm-1_5 { + padding-inline-end: 0.375rem !important; + } + .pe-sm-2 { + padding-inline-end: 0.5rem !important; + } + .pe-sm-3 { + padding-inline-end: 0.75rem !important; + } + .pe-sm-4 { + padding-inline-end: 1rem !important; + } + .pe-sm-5 { + padding-inline-end: 1.25rem !important; + } + .pe-sm-6 { + padding-inline-end: 1.5rem !important; + } + .pe-sm-7 { + padding-inline-end: 1.75rem !important; + } + .pe-sm-8 { + padding-inline-end: 2rem !important; + } + .pe-sm-9 { + padding-inline-end: 2.25rem !important; + } + .pe-sm-10 { + padding-inline-end: 2.5rem !important; + } + .pe-sm-11 { + padding-inline-end: 2.75rem !important; + } + .pe-sm-12 { + padding-inline-end: 3rem !important; + } + .pb-sm-0 { + padding-block-end: 0 !important; + } + .pb-sm-50 { + padding-block-end: 0.125rem !important; + } + .pb-sm-1 { + padding-block-end: 0.25rem !important; + } + .pb-sm-1_5 { + padding-block-end: 0.375rem !important; + } + .pb-sm-2 { + padding-block-end: 0.5rem !important; + } + .pb-sm-3 { + padding-block-end: 0.75rem !important; + } + .pb-sm-4 { + padding-block-end: 1rem !important; + } + .pb-sm-5 { + padding-block-end: 1.25rem !important; + } + .pb-sm-6 { + padding-block-end: 1.5rem !important; + } + .pb-sm-7 { + padding-block-end: 1.75rem !important; + } + .pb-sm-8 { + padding-block-end: 2rem !important; + } + .pb-sm-9 { + padding-block-end: 2.25rem !important; + } + .pb-sm-10 { + padding-block-end: 2.5rem !important; + } + .pb-sm-11 { + padding-block-end: 2.75rem !important; + } + .pb-sm-12 { + padding-block-end: 3rem !important; + } + .ps-sm-0 { + padding-inline-start: 0 !important; + } + .ps-sm-50 { + padding-inline-start: 0.125rem !important; + } + .ps-sm-1 { + padding-inline-start: 0.25rem !important; + } + .ps-sm-1_5 { + padding-inline-start: 0.375rem !important; + } + .ps-sm-2 { + padding-inline-start: 0.5rem !important; + } + .ps-sm-3 { + padding-inline-start: 0.75rem !important; + } + .ps-sm-4 { + padding-inline-start: 1rem !important; + } + .ps-sm-5 { + padding-inline-start: 1.25rem !important; + } + .ps-sm-6 { + padding-inline-start: 1.5rem !important; + } + .ps-sm-7 { + padding-inline-start: 1.75rem !important; + } + .ps-sm-8 { + padding-inline-start: 2rem !important; + } + .ps-sm-9 { + padding-inline-start: 2.25rem !important; + } + .ps-sm-10 { + padding-inline-start: 2.5rem !important; + } + .ps-sm-11 { + padding-inline-start: 2.75rem !important; + } + .ps-sm-12 { + padding-inline-start: 3rem !important; + } + .gap-sm-0 { + gap: 0 !important; + } + .gap-sm-50 { + gap: 0.125rem !important; + } + .gap-sm-1 { + gap: 0.25rem !important; + } + .gap-sm-1_5 { + gap: 0.375rem !important; + } + .gap-sm-2 { + gap: 0.5rem !important; + } + .gap-sm-3 { + gap: 0.75rem !important; + } + .gap-sm-4 { + gap: 1rem !important; + } + .gap-sm-5 { + gap: 1.25rem !important; + } + .gap-sm-6 { + gap: 1.5rem !important; + } + .gap-sm-7 { + gap: 1.75rem !important; + } + .gap-sm-8 { + gap: 2rem !important; + } + .gap-sm-9 { + gap: 2.25rem !important; + } + .gap-sm-10 { + gap: 2.5rem !important; + } + .gap-sm-11 { + gap: 2.75rem !important; + } + .gap-sm-12 { + gap: 3rem !important; + } + .row-gap-sm-0 { + row-gap: 0 !important; + } + .row-gap-sm-50 { + row-gap: 0.125rem !important; + } + .row-gap-sm-1 { + row-gap: 0.25rem !important; + } + .row-gap-sm-1_5 { + row-gap: 0.375rem !important; + } + .row-gap-sm-2 { + row-gap: 0.5rem !important; + } + .row-gap-sm-3 { + row-gap: 0.75rem !important; + } + .row-gap-sm-4 { + row-gap: 1rem !important; + } + .row-gap-sm-5 { + row-gap: 1.25rem !important; + } + .row-gap-sm-6 { + row-gap: 1.5rem !important; + } + .row-gap-sm-7 { + row-gap: 1.75rem !important; + } + .row-gap-sm-8 { + row-gap: 2rem !important; + } + .row-gap-sm-9 { + row-gap: 2.25rem !important; + } + .row-gap-sm-10 { + row-gap: 2.5rem !important; + } + .row-gap-sm-11 { + row-gap: 2.75rem !important; + } + .row-gap-sm-12 { + row-gap: 3rem !important; + } + .column-gap-sm-0 { + column-gap: 0 !important; + } + .column-gap-sm-50 { + column-gap: 0.125rem !important; + } + .column-gap-sm-1 { + column-gap: 0.25rem !important; + } + .column-gap-sm-1_5 { + column-gap: 0.375rem !important; + } + .column-gap-sm-2 { + column-gap: 0.5rem !important; + } + .column-gap-sm-3 { + column-gap: 0.75rem !important; + } + .column-gap-sm-4 { + column-gap: 1rem !important; + } + .column-gap-sm-5 { + column-gap: 1.25rem !important; + } + .column-gap-sm-6 { + column-gap: 1.5rem !important; + } + .column-gap-sm-7 { + column-gap: 1.75rem !important; + } + .column-gap-sm-8 { + column-gap: 2rem !important; + } + .column-gap-sm-9 { + column-gap: 2.25rem !important; + } + .column-gap-sm-10 { + column-gap: 2.5rem !important; + } + .column-gap-sm-11 { + column-gap: 2.75rem !important; + } + .column-gap-sm-12 { + column-gap: 3rem !important; + } + .text-sm-start { + text-align: start !important; + } + .text-sm-end { + text-align: end !important; + } + .text-sm-center { + text-align: center !important; + } +} +@media (min-width: 768px) { + .float-md-start { + float: inline-start !important; + } + .float-md-end { + float: inline-end !important; + } + .float-md-none { + float: none !important; + } + .object-fit-md-contain { + object-fit: contain !important; + } + .object-fit-md-cover { + object-fit: cover !important; + } + .object-fit-md-fill { + object-fit: fill !important; + } + .object-fit-md-scale { + object-fit: scale-down !important; + } + .object-fit-md-none { + object-fit: none !important; + } + .d-md-inline { + display: inline !important; + } + .d-md-inline-block { + display: inline-block !important; + } + .d-md-block { + display: block !important; + } + .d-md-grid { + display: grid !important; + } + .d-md-table { + display: table !important; + } + .d-md-table-row { + display: table-row !important; + } + .d-md-table-cell { + display: table-cell !important; + } + .d-md-flex { + display: flex !important; + } + .d-md-inline-flex { + display: inline-flex !important; + } + .d-md-none { + display: none !important; + } + .border-md-solid { + border-style: solid !important; + } + .border-md-dashed { + border-style: dashed !important; + } + .border-md-none { + border-style: none !important; + } + .flex-md-fill { + flex: 1 1 auto !important; + } + .flex-md-row { + flex-direction: row !important; + } + .flex-md-column { + flex-direction: column !important; + } + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + .flex-md-grow-0 { + flex-grow: 0 !important; + } + .flex-md-grow-1 { + flex-grow: 1 !important; + } + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + .flex-md-wrap { + flex-wrap: wrap !important; + } + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + .justify-content-md-start { + justify-content: flex-start !important; + } + .justify-content-md-end { + justify-content: flex-end !important; + } + .justify-content-md-center { + justify-content: center !important; + } + .justify-content-md-between { + justify-content: space-between !important; + } + .justify-content-md-around { + justify-content: space-around !important; + } + .justify-content-md-evenly { + justify-content: space-evenly !important; + } + .align-items-md-start { + align-items: flex-start !important; + } + .align-items-md-end { + align-items: flex-end !important; + } + .align-items-md-center { + align-items: center !important; + } + .align-items-md-baseline { + align-items: baseline !important; + } + .align-items-md-stretch { + align-items: stretch !important; + } + .align-content-md-start { + align-content: flex-start !important; + } + .align-content-md-end { + align-content: flex-end !important; + } + .align-content-md-center { + align-content: center !important; + } + .align-content-md-between { + align-content: space-between !important; + } + .align-content-md-around { + align-content: space-around !important; + } + .align-content-md-stretch { + align-content: stretch !important; + } + .align-self-md-auto { + align-self: auto !important; + } + .align-self-md-start { + align-self: flex-start !important; + } + .align-self-md-end { + align-self: flex-end !important; + } + .align-self-md-center { + align-self: center !important; + } + .align-self-md-baseline { + align-self: baseline !important; + } + .align-self-md-stretch { + align-self: stretch !important; + } + .order-md-first { + order: -1 !important; + } + .order-md-0 { + order: 0 !important; + } + .order-md-1 { + order: 1 !important; + } + .order-md-2 { + order: 2 !important; + } + .order-md-3 { + order: 3 !important; + } + .order-md-4 { + order: 4 !important; + } + .order-md-5 { + order: 5 !important; + } + .order-md-last { + order: 6 !important; + } + .m-md-0 { + margin: 0 !important; + } + .m-md-50 { + margin: 0.125rem !important; + } + .m-md-1 { + margin: 0.25rem !important; + } + .m-md-1_5 { + margin: 0.375rem !important; + } + .m-md-2 { + margin: 0.5rem !important; + } + .m-md-3 { + margin: 0.75rem !important; + } + .m-md-4 { + margin: 1rem !important; + } + .m-md-5 { + margin: 1.25rem !important; + } + .m-md-6 { + margin: 1.5rem !important; + } + .m-md-7 { + margin: 1.75rem !important; + } + .m-md-8 { + margin: 2rem !important; + } + .m-md-9 { + margin: 2.25rem !important; + } + .m-md-10 { + margin: 2.5rem !important; + } + .m-md-11 { + margin: 2.75rem !important; + } + .m-md-12 { + margin: 3rem !important; + } + .m-md-auto { + margin: auto !important; + } + .mx-md-0 { + margin-inline-end: 0 !important; + margin-inline-start: 0 !important; + } + .mx-md-50 { + margin-inline-end: 0.125rem !important; + margin-inline-start: 0.125rem !important; + } + .mx-md-1 { + margin-inline-end: 0.25rem !important; + margin-inline-start: 0.25rem !important; + } + .mx-md-1_5 { + margin-inline-end: 0.375rem !important; + margin-inline-start: 0.375rem !important; + } + .mx-md-2 { + margin-inline-end: 0.5rem !important; + margin-inline-start: 0.5rem !important; + } + .mx-md-3 { + margin-inline-end: 0.75rem !important; + margin-inline-start: 0.75rem !important; + } + .mx-md-4 { + margin-inline-end: 1rem !important; + margin-inline-start: 1rem !important; + } + .mx-md-5 { + margin-inline-end: 1.25rem !important; + margin-inline-start: 1.25rem !important; + } + .mx-md-6 { + margin-inline-end: 1.5rem !important; + margin-inline-start: 1.5rem !important; + } + .mx-md-7 { + margin-inline-end: 1.75rem !important; + margin-inline-start: 1.75rem !important; + } + .mx-md-8 { + margin-inline-end: 2rem !important; + margin-inline-start: 2rem !important; + } + .mx-md-9 { + margin-inline-end: 2.25rem !important; + margin-inline-start: 2.25rem !important; + } + .mx-md-10 { + margin-inline-end: 2.5rem !important; + margin-inline-start: 2.5rem !important; + } + .mx-md-11 { + margin-inline-end: 2.75rem !important; + margin-inline-start: 2.75rem !important; + } + .mx-md-12 { + margin-inline-end: 3rem !important; + margin-inline-start: 3rem !important; + } + .mx-md-auto { + margin-inline-end: auto !important; + margin-inline-start: auto !important; + } + .my-md-0 { + margin-block-start: 0 !important; + margin-block-end: 0 !important; + } + .my-md-50 { + margin-block-start: 0.125rem !important; + margin-block-end: 0.125rem !important; + } + .my-md-1 { + margin-block-start: 0.25rem !important; + margin-block-end: 0.25rem !important; + } + .my-md-1_5 { + margin-block-start: 0.375rem !important; + margin-block-end: 0.375rem !important; + } + .my-md-2 { + margin-block-start: 0.5rem !important; + margin-block-end: 0.5rem !important; + } + .my-md-3 { + margin-block-start: 0.75rem !important; + margin-block-end: 0.75rem !important; + } + .my-md-4 { + margin-block-start: 1rem !important; + margin-block-end: 1rem !important; + } + .my-md-5 { + margin-block-start: 1.25rem !important; + margin-block-end: 1.25rem !important; + } + .my-md-6 { + margin-block-start: 1.5rem !important; + margin-block-end: 1.5rem !important; + } + .my-md-7 { + margin-block-start: 1.75rem !important; + margin-block-end: 1.75rem !important; + } + .my-md-8 { + margin-block-start: 2rem !important; + margin-block-end: 2rem !important; + } + .my-md-9 { + margin-block-start: 2.25rem !important; + margin-block-end: 2.25rem !important; + } + .my-md-10 { + margin-block-start: 2.5rem !important; + margin-block-end: 2.5rem !important; + } + .my-md-11 { + margin-block-start: 2.75rem !important; + margin-block-end: 2.75rem !important; + } + .my-md-12 { + margin-block-start: 3rem !important; + margin-block-end: 3rem !important; + } + .my-md-auto { + margin-block-start: auto !important; + margin-block-end: auto !important; + } + .mt-md-0 { + margin-block-start: 0 !important; + } + .mt-md-50 { + margin-block-start: 0.125rem !important; + } + .mt-md-1 { + margin-block-start: 0.25rem !important; + } + .mt-md-1_5 { + margin-block-start: 0.375rem !important; + } + .mt-md-2 { + margin-block-start: 0.5rem !important; + } + .mt-md-3 { + margin-block-start: 0.75rem !important; + } + .mt-md-4 { + margin-block-start: 1rem !important; + } + .mt-md-5 { + margin-block-start: 1.25rem !important; + } + .mt-md-6 { + margin-block-start: 1.5rem !important; + } + .mt-md-7 { + margin-block-start: 1.75rem !important; + } + .mt-md-8 { + margin-block-start: 2rem !important; + } + .mt-md-9 { + margin-block-start: 2.25rem !important; + } + .mt-md-10 { + margin-block-start: 2.5rem !important; + } + .mt-md-11 { + margin-block-start: 2.75rem !important; + } + .mt-md-12 { + margin-block-start: 3rem !important; + } + .mt-md-auto { + margin-block-start: auto !important; + } + .me-md-0 { + margin-inline-end: 0 !important; + } + .me-md-50 { + margin-inline-end: 0.125rem !important; + } + .me-md-1 { + margin-inline-end: 0.25rem !important; + } + .me-md-1_5 { + margin-inline-end: 0.375rem !important; + } + .me-md-2 { + margin-inline-end: 0.5rem !important; + } + .me-md-3 { + margin-inline-end: 0.75rem !important; + } + .me-md-4 { + margin-inline-end: 1rem !important; + } + .me-md-5 { + margin-inline-end: 1.25rem !important; + } + .me-md-6 { + margin-inline-end: 1.5rem !important; + } + .me-md-7 { + margin-inline-end: 1.75rem !important; + } + .me-md-8 { + margin-inline-end: 2rem !important; + } + .me-md-9 { + margin-inline-end: 2.25rem !important; + } + .me-md-10 { + margin-inline-end: 2.5rem !important; + } + .me-md-11 { + margin-inline-end: 2.75rem !important; + } + .me-md-12 { + margin-inline-end: 3rem !important; + } + .me-md-auto { + margin-inline-end: auto !important; + } + .mb-md-0 { + margin-block-end: 0 !important; + } + .mb-md-50 { + margin-block-end: 0.125rem !important; + } + .mb-md-1 { + margin-block-end: 0.25rem !important; + } + .mb-md-1_5 { + margin-block-end: 0.375rem !important; + } + .mb-md-2 { + margin-block-end: 0.5rem !important; + } + .mb-md-3 { + margin-block-end: 0.75rem !important; + } + .mb-md-4 { + margin-block-end: 1rem !important; + } + .mb-md-5 { + margin-block-end: 1.25rem !important; + } + .mb-md-6 { + margin-block-end: 1.5rem !important; + } + .mb-md-7 { + margin-block-end: 1.75rem !important; + } + .mb-md-8 { + margin-block-end: 2rem !important; + } + .mb-md-9 { + margin-block-end: 2.25rem !important; + } + .mb-md-10 { + margin-block-end: 2.5rem !important; + } + .mb-md-11 { + margin-block-end: 2.75rem !important; + } + .mb-md-12 { + margin-block-end: 3rem !important; + } + .mb-md-auto { + margin-block-end: auto !important; + } + .ms-md-0 { + margin-inline-start: 0 !important; + } + .ms-md-50 { + margin-inline-start: 0.125rem !important; + } + .ms-md-1 { + margin-inline-start: 0.25rem !important; + } + .ms-md-1_5 { + margin-inline-start: 0.375rem !important; + } + .ms-md-2 { + margin-inline-start: 0.5rem !important; + } + .ms-md-3 { + margin-inline-start: 0.75rem !important; + } + .ms-md-4 { + margin-inline-start: 1rem !important; + } + .ms-md-5 { + margin-inline-start: 1.25rem !important; + } + .ms-md-6 { + margin-inline-start: 1.5rem !important; + } + .ms-md-7 { + margin-inline-start: 1.75rem !important; + } + .ms-md-8 { + margin-inline-start: 2rem !important; + } + .ms-md-9 { + margin-inline-start: 2.25rem !important; + } + .ms-md-10 { + margin-inline-start: 2.5rem !important; + } + .ms-md-11 { + margin-inline-start: 2.75rem !important; + } + .ms-md-12 { + margin-inline-start: 3rem !important; + } + .ms-md-auto { + margin-inline-start: auto !important; + } + .m-md-n50 { + margin: -0.125rem !important; + } + .m-md-n1 { + margin: -0.25rem !important; + } + .m-md-n1_5 { + margin: -0.375rem !important; + } + .m-md-n2 { + margin: -0.5rem !important; + } + .m-md-n3 { + margin: -0.75rem !important; + } + .m-md-n4 { + margin: -1rem !important; + } + .m-md-n5 { + margin: -1.25rem !important; + } + .m-md-n6 { + margin: -1.5rem !important; + } + .m-md-n7 { + margin: -1.75rem !important; + } + .m-md-n8 { + margin: -2rem !important; + } + .m-md-n9 { + margin: -2.25rem !important; + } + .m-md-n10 { + margin: -2.5rem !important; + } + .m-md-n11 { + margin: -2.75rem !important; + } + .m-md-n12 { + margin: -3rem !important; + } + .mx-md-n50 { + margin-inline-end: -0.125rem !important; + margin-inline-start: -0.125rem !important; + } + .mx-md-n1 { + margin-inline-end: -0.25rem !important; + margin-inline-start: -0.25rem !important; + } + .mx-md-n1_5 { + margin-inline-end: -0.375rem !important; + margin-inline-start: -0.375rem !important; + } + .mx-md-n2 { + margin-inline-end: -0.5rem !important; + margin-inline-start: -0.5rem !important; + } + .mx-md-n3 { + margin-inline-end: -0.75rem !important; + margin-inline-start: -0.75rem !important; + } + .mx-md-n4 { + margin-inline-end: -1rem !important; + margin-inline-start: -1rem !important; + } + .mx-md-n5 { + margin-inline-end: -1.25rem !important; + margin-inline-start: -1.25rem !important; + } + .mx-md-n6 { + margin-inline-end: -1.5rem !important; + margin-inline-start: -1.5rem !important; + } + .mx-md-n7 { + margin-inline-end: -1.75rem !important; + margin-inline-start: -1.75rem !important; + } + .mx-md-n8 { + margin-inline-end: -2rem !important; + margin-inline-start: -2rem !important; + } + .mx-md-n9 { + margin-inline-end: -2.25rem !important; + margin-inline-start: -2.25rem !important; + } + .mx-md-n10 { + margin-inline-end: -2.5rem !important; + margin-inline-start: -2.5rem !important; + } + .mx-md-n11 { + margin-inline-end: -2.75rem !important; + margin-inline-start: -2.75rem !important; + } + .mx-md-n12 { + margin-inline-end: -3rem !important; + margin-inline-start: -3rem !important; + } + .my-md-n50 { + margin-block-start: -0.125rem !important; + margin-block-end: -0.125rem !important; + } + .my-md-n1 { + margin-block-start: -0.25rem !important; + margin-block-end: -0.25rem !important; + } + .my-md-n1_5 { + margin-block-start: -0.375rem !important; + margin-block-end: -0.375rem !important; + } + .my-md-n2 { + margin-block-start: -0.5rem !important; + margin-block-end: -0.5rem !important; + } + .my-md-n3 { + margin-block-start: -0.75rem !important; + margin-block-end: -0.75rem !important; + } + .my-md-n4 { + margin-block-start: -1rem !important; + margin-block-end: -1rem !important; + } + .my-md-n5 { + margin-block-start: -1.25rem !important; + margin-block-end: -1.25rem !important; + } + .my-md-n6 { + margin-block-start: -1.5rem !important; + margin-block-end: -1.5rem !important; + } + .my-md-n7 { + margin-block-start: -1.75rem !important; + margin-block-end: -1.75rem !important; + } + .my-md-n8 { + margin-block-start: -2rem !important; + margin-block-end: -2rem !important; + } + .my-md-n9 { + margin-block-start: -2.25rem !important; + margin-block-end: -2.25rem !important; + } + .my-md-n10 { + margin-block-start: -2.5rem !important; + margin-block-end: -2.5rem !important; + } + .my-md-n11 { + margin-block-start: -2.75rem !important; + margin-block-end: -2.75rem !important; + } + .my-md-n12 { + margin-block-start: -3rem !important; + margin-block-end: -3rem !important; + } + .mt-md-n50 { + margin-block-start: -0.125rem !important; + } + .mt-md-n1 { + margin-block-start: -0.25rem !important; + } + .mt-md-n1_5 { + margin-block-start: -0.375rem !important; + } + .mt-md-n2 { + margin-block-start: -0.5rem !important; + } + .mt-md-n3 { + margin-block-start: -0.75rem !important; + } + .mt-md-n4 { + margin-block-start: -1rem !important; + } + .mt-md-n5 { + margin-block-start: -1.25rem !important; + } + .mt-md-n6 { + margin-block-start: -1.5rem !important; + } + .mt-md-n7 { + margin-block-start: -1.75rem !important; + } + .mt-md-n8 { + margin-block-start: -2rem !important; + } + .mt-md-n9 { + margin-block-start: -2.25rem !important; + } + .mt-md-n10 { + margin-block-start: -2.5rem !important; + } + .mt-md-n11 { + margin-block-start: -2.75rem !important; + } + .mt-md-n12 { + margin-block-start: -3rem !important; + } + .me-md-n50 { + margin-inline-end: -0.125rem !important; + } + .me-md-n1 { + margin-inline-end: -0.25rem !important; + } + .me-md-n1_5 { + margin-inline-end: -0.375rem !important; + } + .me-md-n2 { + margin-inline-end: -0.5rem !important; + } + .me-md-n3 { + margin-inline-end: -0.75rem !important; + } + .me-md-n4 { + margin-inline-end: -1rem !important; + } + .me-md-n5 { + margin-inline-end: -1.25rem !important; + } + .me-md-n6 { + margin-inline-end: -1.5rem !important; + } + .me-md-n7 { + margin-inline-end: -1.75rem !important; + } + .me-md-n8 { + margin-inline-end: -2rem !important; + } + .me-md-n9 { + margin-inline-end: -2.25rem !important; + } + .me-md-n10 { + margin-inline-end: -2.5rem !important; + } + .me-md-n11 { + margin-inline-end: -2.75rem !important; + } + .me-md-n12 { + margin-inline-end: -3rem !important; + } + .mb-md-n50 { + margin-block-end: -0.125rem !important; + } + .mb-md-n1 { + margin-block-end: -0.25rem !important; + } + .mb-md-n1_5 { + margin-block-end: -0.375rem !important; + } + .mb-md-n2 { + margin-block-end: -0.5rem !important; + } + .mb-md-n3 { + margin-block-end: -0.75rem !important; + } + .mb-md-n4 { + margin-block-end: -1rem !important; + } + .mb-md-n5 { + margin-block-end: -1.25rem !important; + } + .mb-md-n6 { + margin-block-end: -1.5rem !important; + } + .mb-md-n7 { + margin-block-end: -1.75rem !important; + } + .mb-md-n8 { + margin-block-end: -2rem !important; + } + .mb-md-n9 { + margin-block-end: -2.25rem !important; + } + .mb-md-n10 { + margin-block-end: -2.5rem !important; + } + .mb-md-n11 { + margin-block-end: -2.75rem !important; + } + .mb-md-n12 { + margin-block-end: -3rem !important; + } + .ms-md-n50 { + margin-inline-start: -0.125rem !important; + } + .ms-md-n1 { + margin-inline-start: -0.25rem !important; + } + .ms-md-n1_5 { + margin-inline-start: -0.375rem !important; + } + .ms-md-n2 { + margin-inline-start: -0.5rem !important; + } + .ms-md-n3 { + margin-inline-start: -0.75rem !important; + } + .ms-md-n4 { + margin-inline-start: -1rem !important; + } + .ms-md-n5 { + margin-inline-start: -1.25rem !important; + } + .ms-md-n6 { + margin-inline-start: -1.5rem !important; + } + .ms-md-n7 { + margin-inline-start: -1.75rem !important; + } + .ms-md-n8 { + margin-inline-start: -2rem !important; + } + .ms-md-n9 { + margin-inline-start: -2.25rem !important; + } + .ms-md-n10 { + margin-inline-start: -2.5rem !important; + } + .ms-md-n11 { + margin-inline-start: -2.75rem !important; + } + .ms-md-n12 { + margin-inline-start: -3rem !important; + } + .p-md-0 { + padding: 0 !important; + } + .p-md-50 { + padding: 0.125rem !important; + } + .p-md-1 { + padding: 0.25rem !important; + } + .p-md-1_5 { + padding: 0.375rem !important; + } + .p-md-2 { + padding: 0.5rem !important; + } + .p-md-3 { + padding: 0.75rem !important; + } + .p-md-4 { + padding: 1rem !important; + } + .p-md-5 { + padding: 1.25rem !important; + } + .p-md-6 { + padding: 1.5rem !important; + } + .p-md-7 { + padding: 1.75rem !important; + } + .p-md-8 { + padding: 2rem !important; + } + .p-md-9 { + padding: 2.25rem !important; + } + .p-md-10 { + padding: 2.5rem !important; + } + .p-md-11 { + padding: 2.75rem !important; + } + .p-md-12 { + padding: 3rem !important; + } + .px-md-0 { + padding-inline-end: 0 !important; + padding-inline-start: 0 !important; + } + .px-md-50 { + padding-inline-end: 0.125rem !important; + padding-inline-start: 0.125rem !important; + } + .px-md-1 { + padding-inline-end: 0.25rem !important; + padding-inline-start: 0.25rem !important; + } + .px-md-1_5 { + padding-inline-end: 0.375rem !important; + padding-inline-start: 0.375rem !important; + } + .px-md-2 { + padding-inline-end: 0.5rem !important; + padding-inline-start: 0.5rem !important; + } + .px-md-3 { + padding-inline-end: 0.75rem !important; + padding-inline-start: 0.75rem !important; + } + .px-md-4 { + padding-inline-end: 1rem !important; + padding-inline-start: 1rem !important; + } + .px-md-5 { + padding-inline-end: 1.25rem !important; + padding-inline-start: 1.25rem !important; + } + .px-md-6 { + padding-inline-end: 1.5rem !important; + padding-inline-start: 1.5rem !important; + } + .px-md-7 { + padding-inline-end: 1.75rem !important; + padding-inline-start: 1.75rem !important; + } + .px-md-8 { + padding-inline-end: 2rem !important; + padding-inline-start: 2rem !important; + } + .px-md-9 { + padding-inline-end: 2.25rem !important; + padding-inline-start: 2.25rem !important; + } + .px-md-10 { + padding-inline-end: 2.5rem !important; + padding-inline-start: 2.5rem !important; + } + .px-md-11 { + padding-inline-end: 2.75rem !important; + padding-inline-start: 2.75rem !important; + } + .px-md-12 { + padding-inline-end: 3rem !important; + padding-inline-start: 3rem !important; + } + .py-md-0 { + padding-block-start: 0 !important; + padding-block-end: 0 !important; + } + .py-md-50 { + padding-block-start: 0.125rem !important; + padding-block-end: 0.125rem !important; + } + .py-md-1 { + padding-block-start: 0.25rem !important; + padding-block-end: 0.25rem !important; + } + .py-md-1_5 { + padding-block-start: 0.375rem !important; + padding-block-end: 0.375rem !important; + } + .py-md-2 { + padding-block-start: 0.5rem !important; + padding-block-end: 0.5rem !important; + } + .py-md-3 { + padding-block-start: 0.75rem !important; + padding-block-end: 0.75rem !important; + } + .py-md-4 { + padding-block-start: 1rem !important; + padding-block-end: 1rem !important; + } + .py-md-5 { + padding-block-start: 1.25rem !important; + padding-block-end: 1.25rem !important; + } + .py-md-6 { + padding-block-start: 1.5rem !important; + padding-block-end: 1.5rem !important; + } + .py-md-7 { + padding-block-start: 1.75rem !important; + padding-block-end: 1.75rem !important; + } + .py-md-8 { + padding-block-start: 2rem !important; + padding-block-end: 2rem !important; + } + .py-md-9 { + padding-block-start: 2.25rem !important; + padding-block-end: 2.25rem !important; + } + .py-md-10 { + padding-block-start: 2.5rem !important; + padding-block-end: 2.5rem !important; + } + .py-md-11 { + padding-block-start: 2.75rem !important; + padding-block-end: 2.75rem !important; + } + .py-md-12 { + padding-block-start: 3rem !important; + padding-block-end: 3rem !important; + } + .pt-md-0 { + padding-block-start: 0 !important; + } + .pt-md-50 { + padding-block-start: 0.125rem !important; + } + .pt-md-1 { + padding-block-start: 0.25rem !important; + } + .pt-md-1_5 { + padding-block-start: 0.375rem !important; + } + .pt-md-2 { + padding-block-start: 0.5rem !important; + } + .pt-md-3 { + padding-block-start: 0.75rem !important; + } + .pt-md-4 { + padding-block-start: 1rem !important; + } + .pt-md-5 { + padding-block-start: 1.25rem !important; + } + .pt-md-6 { + padding-block-start: 1.5rem !important; + } + .pt-md-7 { + padding-block-start: 1.75rem !important; + } + .pt-md-8 { + padding-block-start: 2rem !important; + } + .pt-md-9 { + padding-block-start: 2.25rem !important; + } + .pt-md-10 { + padding-block-start: 2.5rem !important; + } + .pt-md-11 { + padding-block-start: 2.75rem !important; + } + .pt-md-12 { + padding-block-start: 3rem !important; + } + .pe-md-0 { + padding-inline-end: 0 !important; + } + .pe-md-50 { + padding-inline-end: 0.125rem !important; + } + .pe-md-1 { + padding-inline-end: 0.25rem !important; + } + .pe-md-1_5 { + padding-inline-end: 0.375rem !important; + } + .pe-md-2 { + padding-inline-end: 0.5rem !important; + } + .pe-md-3 { + padding-inline-end: 0.75rem !important; + } + .pe-md-4 { + padding-inline-end: 1rem !important; + } + .pe-md-5 { + padding-inline-end: 1.25rem !important; + } + .pe-md-6 { + padding-inline-end: 1.5rem !important; + } + .pe-md-7 { + padding-inline-end: 1.75rem !important; + } + .pe-md-8 { + padding-inline-end: 2rem !important; + } + .pe-md-9 { + padding-inline-end: 2.25rem !important; + } + .pe-md-10 { + padding-inline-end: 2.5rem !important; + } + .pe-md-11 { + padding-inline-end: 2.75rem !important; + } + .pe-md-12 { + padding-inline-end: 3rem !important; + } + .pb-md-0 { + padding-block-end: 0 !important; + } + .pb-md-50 { + padding-block-end: 0.125rem !important; + } + .pb-md-1 { + padding-block-end: 0.25rem !important; + } + .pb-md-1_5 { + padding-block-end: 0.375rem !important; + } + .pb-md-2 { + padding-block-end: 0.5rem !important; + } + .pb-md-3 { + padding-block-end: 0.75rem !important; + } + .pb-md-4 { + padding-block-end: 1rem !important; + } + .pb-md-5 { + padding-block-end: 1.25rem !important; + } + .pb-md-6 { + padding-block-end: 1.5rem !important; + } + .pb-md-7 { + padding-block-end: 1.75rem !important; + } + .pb-md-8 { + padding-block-end: 2rem !important; + } + .pb-md-9 { + padding-block-end: 2.25rem !important; + } + .pb-md-10 { + padding-block-end: 2.5rem !important; + } + .pb-md-11 { + padding-block-end: 2.75rem !important; + } + .pb-md-12 { + padding-block-end: 3rem !important; + } + .ps-md-0 { + padding-inline-start: 0 !important; + } + .ps-md-50 { + padding-inline-start: 0.125rem !important; + } + .ps-md-1 { + padding-inline-start: 0.25rem !important; + } + .ps-md-1_5 { + padding-inline-start: 0.375rem !important; + } + .ps-md-2 { + padding-inline-start: 0.5rem !important; + } + .ps-md-3 { + padding-inline-start: 0.75rem !important; + } + .ps-md-4 { + padding-inline-start: 1rem !important; + } + .ps-md-5 { + padding-inline-start: 1.25rem !important; + } + .ps-md-6 { + padding-inline-start: 1.5rem !important; + } + .ps-md-7 { + padding-inline-start: 1.75rem !important; + } + .ps-md-8 { + padding-inline-start: 2rem !important; + } + .ps-md-9 { + padding-inline-start: 2.25rem !important; + } + .ps-md-10 { + padding-inline-start: 2.5rem !important; + } + .ps-md-11 { + padding-inline-start: 2.75rem !important; + } + .ps-md-12 { + padding-inline-start: 3rem !important; + } + .gap-md-0 { + gap: 0 !important; + } + .gap-md-50 { + gap: 0.125rem !important; + } + .gap-md-1 { + gap: 0.25rem !important; + } + .gap-md-1_5 { + gap: 0.375rem !important; + } + .gap-md-2 { + gap: 0.5rem !important; + } + .gap-md-3 { + gap: 0.75rem !important; + } + .gap-md-4 { + gap: 1rem !important; + } + .gap-md-5 { + gap: 1.25rem !important; + } + .gap-md-6 { + gap: 1.5rem !important; + } + .gap-md-7 { + gap: 1.75rem !important; + } + .gap-md-8 { + gap: 2rem !important; + } + .gap-md-9 { + gap: 2.25rem !important; + } + .gap-md-10 { + gap: 2.5rem !important; + } + .gap-md-11 { + gap: 2.75rem !important; + } + .gap-md-12 { + gap: 3rem !important; + } + .row-gap-md-0 { + row-gap: 0 !important; + } + .row-gap-md-50 { + row-gap: 0.125rem !important; + } + .row-gap-md-1 { + row-gap: 0.25rem !important; + } + .row-gap-md-1_5 { + row-gap: 0.375rem !important; + } + .row-gap-md-2 { + row-gap: 0.5rem !important; + } + .row-gap-md-3 { + row-gap: 0.75rem !important; + } + .row-gap-md-4 { + row-gap: 1rem !important; + } + .row-gap-md-5 { + row-gap: 1.25rem !important; + } + .row-gap-md-6 { + row-gap: 1.5rem !important; + } + .row-gap-md-7 { + row-gap: 1.75rem !important; + } + .row-gap-md-8 { + row-gap: 2rem !important; + } + .row-gap-md-9 { + row-gap: 2.25rem !important; + } + .row-gap-md-10 { + row-gap: 2.5rem !important; + } + .row-gap-md-11 { + row-gap: 2.75rem !important; + } + .row-gap-md-12 { + row-gap: 3rem !important; + } + .column-gap-md-0 { + column-gap: 0 !important; + } + .column-gap-md-50 { + column-gap: 0.125rem !important; + } + .column-gap-md-1 { + column-gap: 0.25rem !important; + } + .column-gap-md-1_5 { + column-gap: 0.375rem !important; + } + .column-gap-md-2 { + column-gap: 0.5rem !important; + } + .column-gap-md-3 { + column-gap: 0.75rem !important; + } + .column-gap-md-4 { + column-gap: 1rem !important; + } + .column-gap-md-5 { + column-gap: 1.25rem !important; + } + .column-gap-md-6 { + column-gap: 1.5rem !important; + } + .column-gap-md-7 { + column-gap: 1.75rem !important; + } + .column-gap-md-8 { + column-gap: 2rem !important; + } + .column-gap-md-9 { + column-gap: 2.25rem !important; + } + .column-gap-md-10 { + column-gap: 2.5rem !important; + } + .column-gap-md-11 { + column-gap: 2.75rem !important; + } + .column-gap-md-12 { + column-gap: 3rem !important; + } + .text-md-start { + text-align: start !important; + } + .text-md-end { + text-align: end !important; + } + .text-md-center { + text-align: center !important; + } +} +@media (min-width: 992px) { + .float-lg-start { + float: inline-start !important; + } + .float-lg-end { + float: inline-end !important; + } + .float-lg-none { + float: none !important; + } + .object-fit-lg-contain { + object-fit: contain !important; + } + .object-fit-lg-cover { + object-fit: cover !important; + } + .object-fit-lg-fill { + object-fit: fill !important; + } + .object-fit-lg-scale { + object-fit: scale-down !important; + } + .object-fit-lg-none { + object-fit: none !important; + } + .d-lg-inline { + display: inline !important; + } + .d-lg-inline-block { + display: inline-block !important; + } + .d-lg-block { + display: block !important; + } + .d-lg-grid { + display: grid !important; + } + .d-lg-table { + display: table !important; + } + .d-lg-table-row { + display: table-row !important; + } + .d-lg-table-cell { + display: table-cell !important; + } + .d-lg-flex { + display: flex !important; + } + .d-lg-inline-flex { + display: inline-flex !important; + } + .d-lg-none { + display: none !important; + } + .border-lg-solid { + border-style: solid !important; + } + .border-lg-dashed { + border-style: dashed !important; + } + .border-lg-none { + border-style: none !important; + } + .flex-lg-fill { + flex: 1 1 auto !important; + } + .flex-lg-row { + flex-direction: row !important; + } + .flex-lg-column { + flex-direction: column !important; + } + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + .flex-lg-wrap { + flex-wrap: wrap !important; + } + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + .justify-content-lg-start { + justify-content: flex-start !important; + } + .justify-content-lg-end { + justify-content: flex-end !important; + } + .justify-content-lg-center { + justify-content: center !important; + } + .justify-content-lg-between { + justify-content: space-between !important; + } + .justify-content-lg-around { + justify-content: space-around !important; + } + .justify-content-lg-evenly { + justify-content: space-evenly !important; + } + .align-items-lg-start { + align-items: flex-start !important; + } + .align-items-lg-end { + align-items: flex-end !important; + } + .align-items-lg-center { + align-items: center !important; + } + .align-items-lg-baseline { + align-items: baseline !important; + } + .align-items-lg-stretch { + align-items: stretch !important; + } + .align-content-lg-start { + align-content: flex-start !important; + } + .align-content-lg-end { + align-content: flex-end !important; + } + .align-content-lg-center { + align-content: center !important; + } + .align-content-lg-between { + align-content: space-between !important; + } + .align-content-lg-around { + align-content: space-around !important; + } + .align-content-lg-stretch { + align-content: stretch !important; + } + .align-self-lg-auto { + align-self: auto !important; + } + .align-self-lg-start { + align-self: flex-start !important; + } + .align-self-lg-end { + align-self: flex-end !important; + } + .align-self-lg-center { + align-self: center !important; + } + .align-self-lg-baseline { + align-self: baseline !important; + } + .align-self-lg-stretch { + align-self: stretch !important; + } + .order-lg-first { + order: -1 !important; + } + .order-lg-0 { + order: 0 !important; + } + .order-lg-1 { + order: 1 !important; + } + .order-lg-2 { + order: 2 !important; + } + .order-lg-3 { + order: 3 !important; + } + .order-lg-4 { + order: 4 !important; + } + .order-lg-5 { + order: 5 !important; + } + .order-lg-last { + order: 6 !important; + } + .m-lg-0 { + margin: 0 !important; + } + .m-lg-50 { + margin: 0.125rem !important; + } + .m-lg-1 { + margin: 0.25rem !important; + } + .m-lg-1_5 { + margin: 0.375rem !important; + } + .m-lg-2 { + margin: 0.5rem !important; + } + .m-lg-3 { + margin: 0.75rem !important; + } + .m-lg-4 { + margin: 1rem !important; + } + .m-lg-5 { + margin: 1.25rem !important; + } + .m-lg-6 { + margin: 1.5rem !important; + } + .m-lg-7 { + margin: 1.75rem !important; + } + .m-lg-8 { + margin: 2rem !important; + } + .m-lg-9 { + margin: 2.25rem !important; + } + .m-lg-10 { + margin: 2.5rem !important; + } + .m-lg-11 { + margin: 2.75rem !important; + } + .m-lg-12 { + margin: 3rem !important; + } + .m-lg-auto { + margin: auto !important; + } + .mx-lg-0 { + margin-inline-end: 0 !important; + margin-inline-start: 0 !important; + } + .mx-lg-50 { + margin-inline-end: 0.125rem !important; + margin-inline-start: 0.125rem !important; + } + .mx-lg-1 { + margin-inline-end: 0.25rem !important; + margin-inline-start: 0.25rem !important; + } + .mx-lg-1_5 { + margin-inline-end: 0.375rem !important; + margin-inline-start: 0.375rem !important; + } + .mx-lg-2 { + margin-inline-end: 0.5rem !important; + margin-inline-start: 0.5rem !important; + } + .mx-lg-3 { + margin-inline-end: 0.75rem !important; + margin-inline-start: 0.75rem !important; + } + .mx-lg-4 { + margin-inline-end: 1rem !important; + margin-inline-start: 1rem !important; + } + .mx-lg-5 { + margin-inline-end: 1.25rem !important; + margin-inline-start: 1.25rem !important; + } + .mx-lg-6 { + margin-inline-end: 1.5rem !important; + margin-inline-start: 1.5rem !important; + } + .mx-lg-7 { + margin-inline-end: 1.75rem !important; + margin-inline-start: 1.75rem !important; + } + .mx-lg-8 { + margin-inline-end: 2rem !important; + margin-inline-start: 2rem !important; + } + .mx-lg-9 { + margin-inline-end: 2.25rem !important; + margin-inline-start: 2.25rem !important; + } + .mx-lg-10 { + margin-inline-end: 2.5rem !important; + margin-inline-start: 2.5rem !important; + } + .mx-lg-11 { + margin-inline-end: 2.75rem !important; + margin-inline-start: 2.75rem !important; + } + .mx-lg-12 { + margin-inline-end: 3rem !important; + margin-inline-start: 3rem !important; + } + .mx-lg-auto { + margin-inline-end: auto !important; + margin-inline-start: auto !important; + } + .my-lg-0 { + margin-block-start: 0 !important; + margin-block-end: 0 !important; + } + .my-lg-50 { + margin-block-start: 0.125rem !important; + margin-block-end: 0.125rem !important; + } + .my-lg-1 { + margin-block-start: 0.25rem !important; + margin-block-end: 0.25rem !important; + } + .my-lg-1_5 { + margin-block-start: 0.375rem !important; + margin-block-end: 0.375rem !important; + } + .my-lg-2 { + margin-block-start: 0.5rem !important; + margin-block-end: 0.5rem !important; + } + .my-lg-3 { + margin-block-start: 0.75rem !important; + margin-block-end: 0.75rem !important; + } + .my-lg-4 { + margin-block-start: 1rem !important; + margin-block-end: 1rem !important; + } + .my-lg-5 { + margin-block-start: 1.25rem !important; + margin-block-end: 1.25rem !important; + } + .my-lg-6 { + margin-block-start: 1.5rem !important; + margin-block-end: 1.5rem !important; + } + .my-lg-7 { + margin-block-start: 1.75rem !important; + margin-block-end: 1.75rem !important; + } + .my-lg-8 { + margin-block-start: 2rem !important; + margin-block-end: 2rem !important; + } + .my-lg-9 { + margin-block-start: 2.25rem !important; + margin-block-end: 2.25rem !important; + } + .my-lg-10 { + margin-block-start: 2.5rem !important; + margin-block-end: 2.5rem !important; + } + .my-lg-11 { + margin-block-start: 2.75rem !important; + margin-block-end: 2.75rem !important; + } + .my-lg-12 { + margin-block-start: 3rem !important; + margin-block-end: 3rem !important; + } + .my-lg-auto { + margin-block-start: auto !important; + margin-block-end: auto !important; + } + .mt-lg-0 { + margin-block-start: 0 !important; + } + .mt-lg-50 { + margin-block-start: 0.125rem !important; + } + .mt-lg-1 { + margin-block-start: 0.25rem !important; + } + .mt-lg-1_5 { + margin-block-start: 0.375rem !important; + } + .mt-lg-2 { + margin-block-start: 0.5rem !important; + } + .mt-lg-3 { + margin-block-start: 0.75rem !important; + } + .mt-lg-4 { + margin-block-start: 1rem !important; + } + .mt-lg-5 { + margin-block-start: 1.25rem !important; + } + .mt-lg-6 { + margin-block-start: 1.5rem !important; + } + .mt-lg-7 { + margin-block-start: 1.75rem !important; + } + .mt-lg-8 { + margin-block-start: 2rem !important; + } + .mt-lg-9 { + margin-block-start: 2.25rem !important; + } + .mt-lg-10 { + margin-block-start: 2.5rem !important; + } + .mt-lg-11 { + margin-block-start: 2.75rem !important; + } + .mt-lg-12 { + margin-block-start: 3rem !important; + } + .mt-lg-auto { + margin-block-start: auto !important; + } + .me-lg-0 { + margin-inline-end: 0 !important; + } + .me-lg-50 { + margin-inline-end: 0.125rem !important; + } + .me-lg-1 { + margin-inline-end: 0.25rem !important; + } + .me-lg-1_5 { + margin-inline-end: 0.375rem !important; + } + .me-lg-2 { + margin-inline-end: 0.5rem !important; + } + .me-lg-3 { + margin-inline-end: 0.75rem !important; + } + .me-lg-4 { + margin-inline-end: 1rem !important; + } + .me-lg-5 { + margin-inline-end: 1.25rem !important; + } + .me-lg-6 { + margin-inline-end: 1.5rem !important; + } + .me-lg-7 { + margin-inline-end: 1.75rem !important; + } + .me-lg-8 { + margin-inline-end: 2rem !important; + } + .me-lg-9 { + margin-inline-end: 2.25rem !important; + } + .me-lg-10 { + margin-inline-end: 2.5rem !important; + } + .me-lg-11 { + margin-inline-end: 2.75rem !important; + } + .me-lg-12 { + margin-inline-end: 3rem !important; + } + .me-lg-auto { + margin-inline-end: auto !important; + } + .mb-lg-0 { + margin-block-end: 0 !important; + } + .mb-lg-50 { + margin-block-end: 0.125rem !important; + } + .mb-lg-1 { + margin-block-end: 0.25rem !important; + } + .mb-lg-1_5 { + margin-block-end: 0.375rem !important; + } + .mb-lg-2 { + margin-block-end: 0.5rem !important; + } + .mb-lg-3 { + margin-block-end: 0.75rem !important; + } + .mb-lg-4 { + margin-block-end: 1rem !important; + } + .mb-lg-5 { + margin-block-end: 1.25rem !important; + } + .mb-lg-6 { + margin-block-end: 1.5rem !important; + } + .mb-lg-7 { + margin-block-end: 1.75rem !important; + } + .mb-lg-8 { + margin-block-end: 2rem !important; + } + .mb-lg-9 { + margin-block-end: 2.25rem !important; + } + .mb-lg-10 { + margin-block-end: 2.5rem !important; + } + .mb-lg-11 { + margin-block-end: 2.75rem !important; + } + .mb-lg-12 { + margin-block-end: 3rem !important; + } + .mb-lg-auto { + margin-block-end: auto !important; + } + .ms-lg-0 { + margin-inline-start: 0 !important; + } + .ms-lg-50 { + margin-inline-start: 0.125rem !important; + } + .ms-lg-1 { + margin-inline-start: 0.25rem !important; + } + .ms-lg-1_5 { + margin-inline-start: 0.375rem !important; + } + .ms-lg-2 { + margin-inline-start: 0.5rem !important; + } + .ms-lg-3 { + margin-inline-start: 0.75rem !important; + } + .ms-lg-4 { + margin-inline-start: 1rem !important; + } + .ms-lg-5 { + margin-inline-start: 1.25rem !important; + } + .ms-lg-6 { + margin-inline-start: 1.5rem !important; + } + .ms-lg-7 { + margin-inline-start: 1.75rem !important; + } + .ms-lg-8 { + margin-inline-start: 2rem !important; + } + .ms-lg-9 { + margin-inline-start: 2.25rem !important; + } + .ms-lg-10 { + margin-inline-start: 2.5rem !important; + } + .ms-lg-11 { + margin-inline-start: 2.75rem !important; + } + .ms-lg-12 { + margin-inline-start: 3rem !important; + } + .ms-lg-auto { + margin-inline-start: auto !important; + } + .m-lg-n50 { + margin: -0.125rem !important; + } + .m-lg-n1 { + margin: -0.25rem !important; + } + .m-lg-n1_5 { + margin: -0.375rem !important; + } + .m-lg-n2 { + margin: -0.5rem !important; + } + .m-lg-n3 { + margin: -0.75rem !important; + } + .m-lg-n4 { + margin: -1rem !important; + } + .m-lg-n5 { + margin: -1.25rem !important; + } + .m-lg-n6 { + margin: -1.5rem !important; + } + .m-lg-n7 { + margin: -1.75rem !important; + } + .m-lg-n8 { + margin: -2rem !important; + } + .m-lg-n9 { + margin: -2.25rem !important; + } + .m-lg-n10 { + margin: -2.5rem !important; + } + .m-lg-n11 { + margin: -2.75rem !important; + } + .m-lg-n12 { + margin: -3rem !important; + } + .mx-lg-n50 { + margin-inline-end: -0.125rem !important; + margin-inline-start: -0.125rem !important; + } + .mx-lg-n1 { + margin-inline-end: -0.25rem !important; + margin-inline-start: -0.25rem !important; + } + .mx-lg-n1_5 { + margin-inline-end: -0.375rem !important; + margin-inline-start: -0.375rem !important; + } + .mx-lg-n2 { + margin-inline-end: -0.5rem !important; + margin-inline-start: -0.5rem !important; + } + .mx-lg-n3 { + margin-inline-end: -0.75rem !important; + margin-inline-start: -0.75rem !important; + } + .mx-lg-n4 { + margin-inline-end: -1rem !important; + margin-inline-start: -1rem !important; + } + .mx-lg-n5 { + margin-inline-end: -1.25rem !important; + margin-inline-start: -1.25rem !important; + } + .mx-lg-n6 { + margin-inline-end: -1.5rem !important; + margin-inline-start: -1.5rem !important; + } + .mx-lg-n7 { + margin-inline-end: -1.75rem !important; + margin-inline-start: -1.75rem !important; + } + .mx-lg-n8 { + margin-inline-end: -2rem !important; + margin-inline-start: -2rem !important; + } + .mx-lg-n9 { + margin-inline-end: -2.25rem !important; + margin-inline-start: -2.25rem !important; + } + .mx-lg-n10 { + margin-inline-end: -2.5rem !important; + margin-inline-start: -2.5rem !important; + } + .mx-lg-n11 { + margin-inline-end: -2.75rem !important; + margin-inline-start: -2.75rem !important; + } + .mx-lg-n12 { + margin-inline-end: -3rem !important; + margin-inline-start: -3rem !important; + } + .my-lg-n50 { + margin-block-start: -0.125rem !important; + margin-block-end: -0.125rem !important; + } + .my-lg-n1 { + margin-block-start: -0.25rem !important; + margin-block-end: -0.25rem !important; + } + .my-lg-n1_5 { + margin-block-start: -0.375rem !important; + margin-block-end: -0.375rem !important; + } + .my-lg-n2 { + margin-block-start: -0.5rem !important; + margin-block-end: -0.5rem !important; + } + .my-lg-n3 { + margin-block-start: -0.75rem !important; + margin-block-end: -0.75rem !important; + } + .my-lg-n4 { + margin-block-start: -1rem !important; + margin-block-end: -1rem !important; + } + .my-lg-n5 { + margin-block-start: -1.25rem !important; + margin-block-end: -1.25rem !important; + } + .my-lg-n6 { + margin-block-start: -1.5rem !important; + margin-block-end: -1.5rem !important; + } + .my-lg-n7 { + margin-block-start: -1.75rem !important; + margin-block-end: -1.75rem !important; + } + .my-lg-n8 { + margin-block-start: -2rem !important; + margin-block-end: -2rem !important; + } + .my-lg-n9 { + margin-block-start: -2.25rem !important; + margin-block-end: -2.25rem !important; + } + .my-lg-n10 { + margin-block-start: -2.5rem !important; + margin-block-end: -2.5rem !important; + } + .my-lg-n11 { + margin-block-start: -2.75rem !important; + margin-block-end: -2.75rem !important; + } + .my-lg-n12 { + margin-block-start: -3rem !important; + margin-block-end: -3rem !important; + } + .mt-lg-n50 { + margin-block-start: -0.125rem !important; + } + .mt-lg-n1 { + margin-block-start: -0.25rem !important; + } + .mt-lg-n1_5 { + margin-block-start: -0.375rem !important; + } + .mt-lg-n2 { + margin-block-start: -0.5rem !important; + } + .mt-lg-n3 { + margin-block-start: -0.75rem !important; + } + .mt-lg-n4 { + margin-block-start: -1rem !important; + } + .mt-lg-n5 { + margin-block-start: -1.25rem !important; + } + .mt-lg-n6 { + margin-block-start: -1.5rem !important; + } + .mt-lg-n7 { + margin-block-start: -1.75rem !important; + } + .mt-lg-n8 { + margin-block-start: -2rem !important; + } + .mt-lg-n9 { + margin-block-start: -2.25rem !important; + } + .mt-lg-n10 { + margin-block-start: -2.5rem !important; + } + .mt-lg-n11 { + margin-block-start: -2.75rem !important; + } + .mt-lg-n12 { + margin-block-start: -3rem !important; + } + .me-lg-n50 { + margin-inline-end: -0.125rem !important; + } + .me-lg-n1 { + margin-inline-end: -0.25rem !important; + } + .me-lg-n1_5 { + margin-inline-end: -0.375rem !important; + } + .me-lg-n2 { + margin-inline-end: -0.5rem !important; + } + .me-lg-n3 { + margin-inline-end: -0.75rem !important; + } + .me-lg-n4 { + margin-inline-end: -1rem !important; + } + .me-lg-n5 { + margin-inline-end: -1.25rem !important; + } + .me-lg-n6 { + margin-inline-end: -1.5rem !important; + } + .me-lg-n7 { + margin-inline-end: -1.75rem !important; + } + .me-lg-n8 { + margin-inline-end: -2rem !important; + } + .me-lg-n9 { + margin-inline-end: -2.25rem !important; + } + .me-lg-n10 { + margin-inline-end: -2.5rem !important; + } + .me-lg-n11 { + margin-inline-end: -2.75rem !important; + } + .me-lg-n12 { + margin-inline-end: -3rem !important; + } + .mb-lg-n50 { + margin-block-end: -0.125rem !important; + } + .mb-lg-n1 { + margin-block-end: -0.25rem !important; + } + .mb-lg-n1_5 { + margin-block-end: -0.375rem !important; + } + .mb-lg-n2 { + margin-block-end: -0.5rem !important; + } + .mb-lg-n3 { + margin-block-end: -0.75rem !important; + } + .mb-lg-n4 { + margin-block-end: -1rem !important; + } + .mb-lg-n5 { + margin-block-end: -1.25rem !important; + } + .mb-lg-n6 { + margin-block-end: -1.5rem !important; + } + .mb-lg-n7 { + margin-block-end: -1.75rem !important; + } + .mb-lg-n8 { + margin-block-end: -2rem !important; + } + .mb-lg-n9 { + margin-block-end: -2.25rem !important; + } + .mb-lg-n10 { + margin-block-end: -2.5rem !important; + } + .mb-lg-n11 { + margin-block-end: -2.75rem !important; + } + .mb-lg-n12 { + margin-block-end: -3rem !important; + } + .ms-lg-n50 { + margin-inline-start: -0.125rem !important; + } + .ms-lg-n1 { + margin-inline-start: -0.25rem !important; + } + .ms-lg-n1_5 { + margin-inline-start: -0.375rem !important; + } + .ms-lg-n2 { + margin-inline-start: -0.5rem !important; + } + .ms-lg-n3 { + margin-inline-start: -0.75rem !important; + } + .ms-lg-n4 { + margin-inline-start: -1rem !important; + } + .ms-lg-n5 { + margin-inline-start: -1.25rem !important; + } + .ms-lg-n6 { + margin-inline-start: -1.5rem !important; + } + .ms-lg-n7 { + margin-inline-start: -1.75rem !important; + } + .ms-lg-n8 { + margin-inline-start: -2rem !important; + } + .ms-lg-n9 { + margin-inline-start: -2.25rem !important; + } + .ms-lg-n10 { + margin-inline-start: -2.5rem !important; + } + .ms-lg-n11 { + margin-inline-start: -2.75rem !important; + } + .ms-lg-n12 { + margin-inline-start: -3rem !important; + } + .p-lg-0 { + padding: 0 !important; + } + .p-lg-50 { + padding: 0.125rem !important; + } + .p-lg-1 { + padding: 0.25rem !important; + } + .p-lg-1_5 { + padding: 0.375rem !important; + } + .p-lg-2 { + padding: 0.5rem !important; + } + .p-lg-3 { + padding: 0.75rem !important; + } + .p-lg-4 { + padding: 1rem !important; + } + .p-lg-5 { + padding: 1.25rem !important; + } + .p-lg-6 { + padding: 1.5rem !important; + } + .p-lg-7 { + padding: 1.75rem !important; + } + .p-lg-8 { + padding: 2rem !important; + } + .p-lg-9 { + padding: 2.25rem !important; + } + .p-lg-10 { + padding: 2.5rem !important; + } + .p-lg-11 { + padding: 2.75rem !important; + } + .p-lg-12 { + padding: 3rem !important; + } + .px-lg-0 { + padding-inline-end: 0 !important; + padding-inline-start: 0 !important; + } + .px-lg-50 { + padding-inline-end: 0.125rem !important; + padding-inline-start: 0.125rem !important; + } + .px-lg-1 { + padding-inline-end: 0.25rem !important; + padding-inline-start: 0.25rem !important; + } + .px-lg-1_5 { + padding-inline-end: 0.375rem !important; + padding-inline-start: 0.375rem !important; + } + .px-lg-2 { + padding-inline-end: 0.5rem !important; + padding-inline-start: 0.5rem !important; + } + .px-lg-3 { + padding-inline-end: 0.75rem !important; + padding-inline-start: 0.75rem !important; + } + .px-lg-4 { + padding-inline-end: 1rem !important; + padding-inline-start: 1rem !important; + } + .px-lg-5 { + padding-inline-end: 1.25rem !important; + padding-inline-start: 1.25rem !important; + } + .px-lg-6 { + padding-inline-end: 1.5rem !important; + padding-inline-start: 1.5rem !important; + } + .px-lg-7 { + padding-inline-end: 1.75rem !important; + padding-inline-start: 1.75rem !important; + } + .px-lg-8 { + padding-inline-end: 2rem !important; + padding-inline-start: 2rem !important; + } + .px-lg-9 { + padding-inline-end: 2.25rem !important; + padding-inline-start: 2.25rem !important; + } + .px-lg-10 { + padding-inline-end: 2.5rem !important; + padding-inline-start: 2.5rem !important; + } + .px-lg-11 { + padding-inline-end: 2.75rem !important; + padding-inline-start: 2.75rem !important; + } + .px-lg-12 { + padding-inline-end: 3rem !important; + padding-inline-start: 3rem !important; + } + .py-lg-0 { + padding-block-start: 0 !important; + padding-block-end: 0 !important; + } + .py-lg-50 { + padding-block-start: 0.125rem !important; + padding-block-end: 0.125rem !important; + } + .py-lg-1 { + padding-block-start: 0.25rem !important; + padding-block-end: 0.25rem !important; + } + .py-lg-1_5 { + padding-block-start: 0.375rem !important; + padding-block-end: 0.375rem !important; + } + .py-lg-2 { + padding-block-start: 0.5rem !important; + padding-block-end: 0.5rem !important; + } + .py-lg-3 { + padding-block-start: 0.75rem !important; + padding-block-end: 0.75rem !important; + } + .py-lg-4 { + padding-block-start: 1rem !important; + padding-block-end: 1rem !important; + } + .py-lg-5 { + padding-block-start: 1.25rem !important; + padding-block-end: 1.25rem !important; + } + .py-lg-6 { + padding-block-start: 1.5rem !important; + padding-block-end: 1.5rem !important; + } + .py-lg-7 { + padding-block-start: 1.75rem !important; + padding-block-end: 1.75rem !important; + } + .py-lg-8 { + padding-block-start: 2rem !important; + padding-block-end: 2rem !important; + } + .py-lg-9 { + padding-block-start: 2.25rem !important; + padding-block-end: 2.25rem !important; + } + .py-lg-10 { + padding-block-start: 2.5rem !important; + padding-block-end: 2.5rem !important; + } + .py-lg-11 { + padding-block-start: 2.75rem !important; + padding-block-end: 2.75rem !important; + } + .py-lg-12 { + padding-block-start: 3rem !important; + padding-block-end: 3rem !important; + } + .pt-lg-0 { + padding-block-start: 0 !important; + } + .pt-lg-50 { + padding-block-start: 0.125rem !important; + } + .pt-lg-1 { + padding-block-start: 0.25rem !important; + } + .pt-lg-1_5 { + padding-block-start: 0.375rem !important; + } + .pt-lg-2 { + padding-block-start: 0.5rem !important; + } + .pt-lg-3 { + padding-block-start: 0.75rem !important; + } + .pt-lg-4 { + padding-block-start: 1rem !important; + } + .pt-lg-5 { + padding-block-start: 1.25rem !important; + } + .pt-lg-6 { + padding-block-start: 1.5rem !important; + } + .pt-lg-7 { + padding-block-start: 1.75rem !important; + } + .pt-lg-8 { + padding-block-start: 2rem !important; + } + .pt-lg-9 { + padding-block-start: 2.25rem !important; + } + .pt-lg-10 { + padding-block-start: 2.5rem !important; + } + .pt-lg-11 { + padding-block-start: 2.75rem !important; + } + .pt-lg-12 { + padding-block-start: 3rem !important; + } + .pe-lg-0 { + padding-inline-end: 0 !important; + } + .pe-lg-50 { + padding-inline-end: 0.125rem !important; + } + .pe-lg-1 { + padding-inline-end: 0.25rem !important; + } + .pe-lg-1_5 { + padding-inline-end: 0.375rem !important; + } + .pe-lg-2 { + padding-inline-end: 0.5rem !important; + } + .pe-lg-3 { + padding-inline-end: 0.75rem !important; + } + .pe-lg-4 { + padding-inline-end: 1rem !important; + } + .pe-lg-5 { + padding-inline-end: 1.25rem !important; + } + .pe-lg-6 { + padding-inline-end: 1.5rem !important; + } + .pe-lg-7 { + padding-inline-end: 1.75rem !important; + } + .pe-lg-8 { + padding-inline-end: 2rem !important; + } + .pe-lg-9 { + padding-inline-end: 2.25rem !important; + } + .pe-lg-10 { + padding-inline-end: 2.5rem !important; + } + .pe-lg-11 { + padding-inline-end: 2.75rem !important; + } + .pe-lg-12 { + padding-inline-end: 3rem !important; + } + .pb-lg-0 { + padding-block-end: 0 !important; + } + .pb-lg-50 { + padding-block-end: 0.125rem !important; + } + .pb-lg-1 { + padding-block-end: 0.25rem !important; + } + .pb-lg-1_5 { + padding-block-end: 0.375rem !important; + } + .pb-lg-2 { + padding-block-end: 0.5rem !important; + } + .pb-lg-3 { + padding-block-end: 0.75rem !important; + } + .pb-lg-4 { + padding-block-end: 1rem !important; + } + .pb-lg-5 { + padding-block-end: 1.25rem !important; + } + .pb-lg-6 { + padding-block-end: 1.5rem !important; + } + .pb-lg-7 { + padding-block-end: 1.75rem !important; + } + .pb-lg-8 { + padding-block-end: 2rem !important; + } + .pb-lg-9 { + padding-block-end: 2.25rem !important; + } + .pb-lg-10 { + padding-block-end: 2.5rem !important; + } + .pb-lg-11 { + padding-block-end: 2.75rem !important; + } + .pb-lg-12 { + padding-block-end: 3rem !important; + } + .ps-lg-0 { + padding-inline-start: 0 !important; + } + .ps-lg-50 { + padding-inline-start: 0.125rem !important; + } + .ps-lg-1 { + padding-inline-start: 0.25rem !important; + } + .ps-lg-1_5 { + padding-inline-start: 0.375rem !important; + } + .ps-lg-2 { + padding-inline-start: 0.5rem !important; + } + .ps-lg-3 { + padding-inline-start: 0.75rem !important; + } + .ps-lg-4 { + padding-inline-start: 1rem !important; + } + .ps-lg-5 { + padding-inline-start: 1.25rem !important; + } + .ps-lg-6 { + padding-inline-start: 1.5rem !important; + } + .ps-lg-7 { + padding-inline-start: 1.75rem !important; + } + .ps-lg-8 { + padding-inline-start: 2rem !important; + } + .ps-lg-9 { + padding-inline-start: 2.25rem !important; + } + .ps-lg-10 { + padding-inline-start: 2.5rem !important; + } + .ps-lg-11 { + padding-inline-start: 2.75rem !important; + } + .ps-lg-12 { + padding-inline-start: 3rem !important; + } + .gap-lg-0 { + gap: 0 !important; + } + .gap-lg-50 { + gap: 0.125rem !important; + } + .gap-lg-1 { + gap: 0.25rem !important; + } + .gap-lg-1_5 { + gap: 0.375rem !important; + } + .gap-lg-2 { + gap: 0.5rem !important; + } + .gap-lg-3 { + gap: 0.75rem !important; + } + .gap-lg-4 { + gap: 1rem !important; + } + .gap-lg-5 { + gap: 1.25rem !important; + } + .gap-lg-6 { + gap: 1.5rem !important; + } + .gap-lg-7 { + gap: 1.75rem !important; + } + .gap-lg-8 { + gap: 2rem !important; + } + .gap-lg-9 { + gap: 2.25rem !important; + } + .gap-lg-10 { + gap: 2.5rem !important; + } + .gap-lg-11 { + gap: 2.75rem !important; + } + .gap-lg-12 { + gap: 3rem !important; + } + .row-gap-lg-0 { + row-gap: 0 !important; + } + .row-gap-lg-50 { + row-gap: 0.125rem !important; + } + .row-gap-lg-1 { + row-gap: 0.25rem !important; + } + .row-gap-lg-1_5 { + row-gap: 0.375rem !important; + } + .row-gap-lg-2 { + row-gap: 0.5rem !important; + } + .row-gap-lg-3 { + row-gap: 0.75rem !important; + } + .row-gap-lg-4 { + row-gap: 1rem !important; + } + .row-gap-lg-5 { + row-gap: 1.25rem !important; + } + .row-gap-lg-6 { + row-gap: 1.5rem !important; + } + .row-gap-lg-7 { + row-gap: 1.75rem !important; + } + .row-gap-lg-8 { + row-gap: 2rem !important; + } + .row-gap-lg-9 { + row-gap: 2.25rem !important; + } + .row-gap-lg-10 { + row-gap: 2.5rem !important; + } + .row-gap-lg-11 { + row-gap: 2.75rem !important; + } + .row-gap-lg-12 { + row-gap: 3rem !important; + } + .column-gap-lg-0 { + column-gap: 0 !important; + } + .column-gap-lg-50 { + column-gap: 0.125rem !important; + } + .column-gap-lg-1 { + column-gap: 0.25rem !important; + } + .column-gap-lg-1_5 { + column-gap: 0.375rem !important; + } + .column-gap-lg-2 { + column-gap: 0.5rem !important; + } + .column-gap-lg-3 { + column-gap: 0.75rem !important; + } + .column-gap-lg-4 { + column-gap: 1rem !important; + } + .column-gap-lg-5 { + column-gap: 1.25rem !important; + } + .column-gap-lg-6 { + column-gap: 1.5rem !important; + } + .column-gap-lg-7 { + column-gap: 1.75rem !important; + } + .column-gap-lg-8 { + column-gap: 2rem !important; + } + .column-gap-lg-9 { + column-gap: 2.25rem !important; + } + .column-gap-lg-10 { + column-gap: 2.5rem !important; + } + .column-gap-lg-11 { + column-gap: 2.75rem !important; + } + .column-gap-lg-12 { + column-gap: 3rem !important; + } + .text-lg-start { + text-align: start !important; + } + .text-lg-end { + text-align: end !important; + } + .text-lg-center { + text-align: center !important; + } +} +@media (min-width: 1200px) { + .float-xl-start { + float: inline-start !important; + } + .float-xl-end { + float: inline-end !important; + } + .float-xl-none { + float: none !important; + } + .object-fit-xl-contain { + object-fit: contain !important; + } + .object-fit-xl-cover { + object-fit: cover !important; + } + .object-fit-xl-fill { + object-fit: fill !important; + } + .object-fit-xl-scale { + object-fit: scale-down !important; + } + .object-fit-xl-none { + object-fit: none !important; + } + .d-xl-inline { + display: inline !important; + } + .d-xl-inline-block { + display: inline-block !important; + } + .d-xl-block { + display: block !important; + } + .d-xl-grid { + display: grid !important; + } + .d-xl-table { + display: table !important; + } + .d-xl-table-row { + display: table-row !important; + } + .d-xl-table-cell { + display: table-cell !important; + } + .d-xl-flex { + display: flex !important; + } + .d-xl-inline-flex { + display: inline-flex !important; + } + .d-xl-none { + display: none !important; + } + .border-xl-solid { + border-style: solid !important; + } + .border-xl-dashed { + border-style: dashed !important; + } + .border-xl-none { + border-style: none !important; + } + .flex-xl-fill { + flex: 1 1 auto !important; + } + .flex-xl-row { + flex-direction: row !important; + } + .flex-xl-column { + flex-direction: column !important; + } + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + .flex-xl-wrap { + flex-wrap: wrap !important; + } + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + .justify-content-xl-start { + justify-content: flex-start !important; + } + .justify-content-xl-end { + justify-content: flex-end !important; + } + .justify-content-xl-center { + justify-content: center !important; + } + .justify-content-xl-between { + justify-content: space-between !important; + } + .justify-content-xl-around { + justify-content: space-around !important; + } + .justify-content-xl-evenly { + justify-content: space-evenly !important; + } + .align-items-xl-start { + align-items: flex-start !important; + } + .align-items-xl-end { + align-items: flex-end !important; + } + .align-items-xl-center { + align-items: center !important; + } + .align-items-xl-baseline { + align-items: baseline !important; + } + .align-items-xl-stretch { + align-items: stretch !important; + } + .align-content-xl-start { + align-content: flex-start !important; + } + .align-content-xl-end { + align-content: flex-end !important; + } + .align-content-xl-center { + align-content: center !important; + } + .align-content-xl-between { + align-content: space-between !important; + } + .align-content-xl-around { + align-content: space-around !important; + } + .align-content-xl-stretch { + align-content: stretch !important; + } + .align-self-xl-auto { + align-self: auto !important; + } + .align-self-xl-start { + align-self: flex-start !important; + } + .align-self-xl-end { + align-self: flex-end !important; + } + .align-self-xl-center { + align-self: center !important; + } + .align-self-xl-baseline { + align-self: baseline !important; + } + .align-self-xl-stretch { + align-self: stretch !important; + } + .order-xl-first { + order: -1 !important; + } + .order-xl-0 { + order: 0 !important; + } + .order-xl-1 { + order: 1 !important; + } + .order-xl-2 { + order: 2 !important; + } + .order-xl-3 { + order: 3 !important; + } + .order-xl-4 { + order: 4 !important; + } + .order-xl-5 { + order: 5 !important; + } + .order-xl-last { + order: 6 !important; + } + .m-xl-0 { + margin: 0 !important; + } + .m-xl-50 { + margin: 0.125rem !important; + } + .m-xl-1 { + margin: 0.25rem !important; + } + .m-xl-1_5 { + margin: 0.375rem !important; + } + .m-xl-2 { + margin: 0.5rem !important; + } + .m-xl-3 { + margin: 0.75rem !important; + } + .m-xl-4 { + margin: 1rem !important; + } + .m-xl-5 { + margin: 1.25rem !important; + } + .m-xl-6 { + margin: 1.5rem !important; + } + .m-xl-7 { + margin: 1.75rem !important; + } + .m-xl-8 { + margin: 2rem !important; + } + .m-xl-9 { + margin: 2.25rem !important; + } + .m-xl-10 { + margin: 2.5rem !important; + } + .m-xl-11 { + margin: 2.75rem !important; + } + .m-xl-12 { + margin: 3rem !important; + } + .m-xl-auto { + margin: auto !important; + } + .mx-xl-0 { + margin-inline-end: 0 !important; + margin-inline-start: 0 !important; + } + .mx-xl-50 { + margin-inline-end: 0.125rem !important; + margin-inline-start: 0.125rem !important; + } + .mx-xl-1 { + margin-inline-end: 0.25rem !important; + margin-inline-start: 0.25rem !important; + } + .mx-xl-1_5 { + margin-inline-end: 0.375rem !important; + margin-inline-start: 0.375rem !important; + } + .mx-xl-2 { + margin-inline-end: 0.5rem !important; + margin-inline-start: 0.5rem !important; + } + .mx-xl-3 { + margin-inline-end: 0.75rem !important; + margin-inline-start: 0.75rem !important; + } + .mx-xl-4 { + margin-inline-end: 1rem !important; + margin-inline-start: 1rem !important; + } + .mx-xl-5 { + margin-inline-end: 1.25rem !important; + margin-inline-start: 1.25rem !important; + } + .mx-xl-6 { + margin-inline-end: 1.5rem !important; + margin-inline-start: 1.5rem !important; + } + .mx-xl-7 { + margin-inline-end: 1.75rem !important; + margin-inline-start: 1.75rem !important; + } + .mx-xl-8 { + margin-inline-end: 2rem !important; + margin-inline-start: 2rem !important; + } + .mx-xl-9 { + margin-inline-end: 2.25rem !important; + margin-inline-start: 2.25rem !important; + } + .mx-xl-10 { + margin-inline-end: 2.5rem !important; + margin-inline-start: 2.5rem !important; + } + .mx-xl-11 { + margin-inline-end: 2.75rem !important; + margin-inline-start: 2.75rem !important; + } + .mx-xl-12 { + margin-inline-end: 3rem !important; + margin-inline-start: 3rem !important; + } + .mx-xl-auto { + margin-inline-end: auto !important; + margin-inline-start: auto !important; + } + .my-xl-0 { + margin-block-start: 0 !important; + margin-block-end: 0 !important; + } + .my-xl-50 { + margin-block-start: 0.125rem !important; + margin-block-end: 0.125rem !important; + } + .my-xl-1 { + margin-block-start: 0.25rem !important; + margin-block-end: 0.25rem !important; + } + .my-xl-1_5 { + margin-block-start: 0.375rem !important; + margin-block-end: 0.375rem !important; + } + .my-xl-2 { + margin-block-start: 0.5rem !important; + margin-block-end: 0.5rem !important; + } + .my-xl-3 { + margin-block-start: 0.75rem !important; + margin-block-end: 0.75rem !important; + } + .my-xl-4 { + margin-block-start: 1rem !important; + margin-block-end: 1rem !important; + } + .my-xl-5 { + margin-block-start: 1.25rem !important; + margin-block-end: 1.25rem !important; + } + .my-xl-6 { + margin-block-start: 1.5rem !important; + margin-block-end: 1.5rem !important; + } + .my-xl-7 { + margin-block-start: 1.75rem !important; + margin-block-end: 1.75rem !important; + } + .my-xl-8 { + margin-block-start: 2rem !important; + margin-block-end: 2rem !important; + } + .my-xl-9 { + margin-block-start: 2.25rem !important; + margin-block-end: 2.25rem !important; + } + .my-xl-10 { + margin-block-start: 2.5rem !important; + margin-block-end: 2.5rem !important; + } + .my-xl-11 { + margin-block-start: 2.75rem !important; + margin-block-end: 2.75rem !important; + } + .my-xl-12 { + margin-block-start: 3rem !important; + margin-block-end: 3rem !important; + } + .my-xl-auto { + margin-block-start: auto !important; + margin-block-end: auto !important; + } + .mt-xl-0 { + margin-block-start: 0 !important; + } + .mt-xl-50 { + margin-block-start: 0.125rem !important; + } + .mt-xl-1 { + margin-block-start: 0.25rem !important; + } + .mt-xl-1_5 { + margin-block-start: 0.375rem !important; + } + .mt-xl-2 { + margin-block-start: 0.5rem !important; + } + .mt-xl-3 { + margin-block-start: 0.75rem !important; + } + .mt-xl-4 { + margin-block-start: 1rem !important; + } + .mt-xl-5 { + margin-block-start: 1.25rem !important; + } + .mt-xl-6 { + margin-block-start: 1.5rem !important; + } + .mt-xl-7 { + margin-block-start: 1.75rem !important; + } + .mt-xl-8 { + margin-block-start: 2rem !important; + } + .mt-xl-9 { + margin-block-start: 2.25rem !important; + } + .mt-xl-10 { + margin-block-start: 2.5rem !important; + } + .mt-xl-11 { + margin-block-start: 2.75rem !important; + } + .mt-xl-12 { + margin-block-start: 3rem !important; + } + .mt-xl-auto { + margin-block-start: auto !important; + } + .me-xl-0 { + margin-inline-end: 0 !important; + } + .me-xl-50 { + margin-inline-end: 0.125rem !important; + } + .me-xl-1 { + margin-inline-end: 0.25rem !important; + } + .me-xl-1_5 { + margin-inline-end: 0.375rem !important; + } + .me-xl-2 { + margin-inline-end: 0.5rem !important; + } + .me-xl-3 { + margin-inline-end: 0.75rem !important; + } + .me-xl-4 { + margin-inline-end: 1rem !important; + } + .me-xl-5 { + margin-inline-end: 1.25rem !important; + } + .me-xl-6 { + margin-inline-end: 1.5rem !important; + } + .me-xl-7 { + margin-inline-end: 1.75rem !important; + } + .me-xl-8 { + margin-inline-end: 2rem !important; + } + .me-xl-9 { + margin-inline-end: 2.25rem !important; + } + .me-xl-10 { + margin-inline-end: 2.5rem !important; + } + .me-xl-11 { + margin-inline-end: 2.75rem !important; + } + .me-xl-12 { + margin-inline-end: 3rem !important; + } + .me-xl-auto { + margin-inline-end: auto !important; + } + .mb-xl-0 { + margin-block-end: 0 !important; + } + .mb-xl-50 { + margin-block-end: 0.125rem !important; + } + .mb-xl-1 { + margin-block-end: 0.25rem !important; + } + .mb-xl-1_5 { + margin-block-end: 0.375rem !important; + } + .mb-xl-2 { + margin-block-end: 0.5rem !important; + } + .mb-xl-3 { + margin-block-end: 0.75rem !important; + } + .mb-xl-4 { + margin-block-end: 1rem !important; + } + .mb-xl-5 { + margin-block-end: 1.25rem !important; + } + .mb-xl-6 { + margin-block-end: 1.5rem !important; + } + .mb-xl-7 { + margin-block-end: 1.75rem !important; + } + .mb-xl-8 { + margin-block-end: 2rem !important; + } + .mb-xl-9 { + margin-block-end: 2.25rem !important; + } + .mb-xl-10 { + margin-block-end: 2.5rem !important; + } + .mb-xl-11 { + margin-block-end: 2.75rem !important; + } + .mb-xl-12 { + margin-block-end: 3rem !important; + } + .mb-xl-auto { + margin-block-end: auto !important; + } + .ms-xl-0 { + margin-inline-start: 0 !important; + } + .ms-xl-50 { + margin-inline-start: 0.125rem !important; + } + .ms-xl-1 { + margin-inline-start: 0.25rem !important; + } + .ms-xl-1_5 { + margin-inline-start: 0.375rem !important; + } + .ms-xl-2 { + margin-inline-start: 0.5rem !important; + } + .ms-xl-3 { + margin-inline-start: 0.75rem !important; + } + .ms-xl-4 { + margin-inline-start: 1rem !important; + } + .ms-xl-5 { + margin-inline-start: 1.25rem !important; + } + .ms-xl-6 { + margin-inline-start: 1.5rem !important; + } + .ms-xl-7 { + margin-inline-start: 1.75rem !important; + } + .ms-xl-8 { + margin-inline-start: 2rem !important; + } + .ms-xl-9 { + margin-inline-start: 2.25rem !important; + } + .ms-xl-10 { + margin-inline-start: 2.5rem !important; + } + .ms-xl-11 { + margin-inline-start: 2.75rem !important; + } + .ms-xl-12 { + margin-inline-start: 3rem !important; + } + .ms-xl-auto { + margin-inline-start: auto !important; + } + .m-xl-n50 { + margin: -0.125rem !important; + } + .m-xl-n1 { + margin: -0.25rem !important; + } + .m-xl-n1_5 { + margin: -0.375rem !important; + } + .m-xl-n2 { + margin: -0.5rem !important; + } + .m-xl-n3 { + margin: -0.75rem !important; + } + .m-xl-n4 { + margin: -1rem !important; + } + .m-xl-n5 { + margin: -1.25rem !important; + } + .m-xl-n6 { + margin: -1.5rem !important; + } + .m-xl-n7 { + margin: -1.75rem !important; + } + .m-xl-n8 { + margin: -2rem !important; + } + .m-xl-n9 { + margin: -2.25rem !important; + } + .m-xl-n10 { + margin: -2.5rem !important; + } + .m-xl-n11 { + margin: -2.75rem !important; + } + .m-xl-n12 { + margin: -3rem !important; + } + .mx-xl-n50 { + margin-inline-end: -0.125rem !important; + margin-inline-start: -0.125rem !important; + } + .mx-xl-n1 { + margin-inline-end: -0.25rem !important; + margin-inline-start: -0.25rem !important; + } + .mx-xl-n1_5 { + margin-inline-end: -0.375rem !important; + margin-inline-start: -0.375rem !important; + } + .mx-xl-n2 { + margin-inline-end: -0.5rem !important; + margin-inline-start: -0.5rem !important; + } + .mx-xl-n3 { + margin-inline-end: -0.75rem !important; + margin-inline-start: -0.75rem !important; + } + .mx-xl-n4 { + margin-inline-end: -1rem !important; + margin-inline-start: -1rem !important; + } + .mx-xl-n5 { + margin-inline-end: -1.25rem !important; + margin-inline-start: -1.25rem !important; + } + .mx-xl-n6 { + margin-inline-end: -1.5rem !important; + margin-inline-start: -1.5rem !important; + } + .mx-xl-n7 { + margin-inline-end: -1.75rem !important; + margin-inline-start: -1.75rem !important; + } + .mx-xl-n8 { + margin-inline-end: -2rem !important; + margin-inline-start: -2rem !important; + } + .mx-xl-n9 { + margin-inline-end: -2.25rem !important; + margin-inline-start: -2.25rem !important; + } + .mx-xl-n10 { + margin-inline-end: -2.5rem !important; + margin-inline-start: -2.5rem !important; + } + .mx-xl-n11 { + margin-inline-end: -2.75rem !important; + margin-inline-start: -2.75rem !important; + } + .mx-xl-n12 { + margin-inline-end: -3rem !important; + margin-inline-start: -3rem !important; + } + .my-xl-n50 { + margin-block-start: -0.125rem !important; + margin-block-end: -0.125rem !important; + } + .my-xl-n1 { + margin-block-start: -0.25rem !important; + margin-block-end: -0.25rem !important; + } + .my-xl-n1_5 { + margin-block-start: -0.375rem !important; + margin-block-end: -0.375rem !important; + } + .my-xl-n2 { + margin-block-start: -0.5rem !important; + margin-block-end: -0.5rem !important; + } + .my-xl-n3 { + margin-block-start: -0.75rem !important; + margin-block-end: -0.75rem !important; + } + .my-xl-n4 { + margin-block-start: -1rem !important; + margin-block-end: -1rem !important; + } + .my-xl-n5 { + margin-block-start: -1.25rem !important; + margin-block-end: -1.25rem !important; + } + .my-xl-n6 { + margin-block-start: -1.5rem !important; + margin-block-end: -1.5rem !important; + } + .my-xl-n7 { + margin-block-start: -1.75rem !important; + margin-block-end: -1.75rem !important; + } + .my-xl-n8 { + margin-block-start: -2rem !important; + margin-block-end: -2rem !important; + } + .my-xl-n9 { + margin-block-start: -2.25rem !important; + margin-block-end: -2.25rem !important; + } + .my-xl-n10 { + margin-block-start: -2.5rem !important; + margin-block-end: -2.5rem !important; + } + .my-xl-n11 { + margin-block-start: -2.75rem !important; + margin-block-end: -2.75rem !important; + } + .my-xl-n12 { + margin-block-start: -3rem !important; + margin-block-end: -3rem !important; + } + .mt-xl-n50 { + margin-block-start: -0.125rem !important; + } + .mt-xl-n1 { + margin-block-start: -0.25rem !important; + } + .mt-xl-n1_5 { + margin-block-start: -0.375rem !important; + } + .mt-xl-n2 { + margin-block-start: -0.5rem !important; + } + .mt-xl-n3 { + margin-block-start: -0.75rem !important; + } + .mt-xl-n4 { + margin-block-start: -1rem !important; + } + .mt-xl-n5 { + margin-block-start: -1.25rem !important; + } + .mt-xl-n6 { + margin-block-start: -1.5rem !important; + } + .mt-xl-n7 { + margin-block-start: -1.75rem !important; + } + .mt-xl-n8 { + margin-block-start: -2rem !important; + } + .mt-xl-n9 { + margin-block-start: -2.25rem !important; + } + .mt-xl-n10 { + margin-block-start: -2.5rem !important; + } + .mt-xl-n11 { + margin-block-start: -2.75rem !important; + } + .mt-xl-n12 { + margin-block-start: -3rem !important; + } + .me-xl-n50 { + margin-inline-end: -0.125rem !important; + } + .me-xl-n1 { + margin-inline-end: -0.25rem !important; + } + .me-xl-n1_5 { + margin-inline-end: -0.375rem !important; + } + .me-xl-n2 { + margin-inline-end: -0.5rem !important; + } + .me-xl-n3 { + margin-inline-end: -0.75rem !important; + } + .me-xl-n4 { + margin-inline-end: -1rem !important; + } + .me-xl-n5 { + margin-inline-end: -1.25rem !important; + } + .me-xl-n6 { + margin-inline-end: -1.5rem !important; + } + .me-xl-n7 { + margin-inline-end: -1.75rem !important; + } + .me-xl-n8 { + margin-inline-end: -2rem !important; + } + .me-xl-n9 { + margin-inline-end: -2.25rem !important; + } + .me-xl-n10 { + margin-inline-end: -2.5rem !important; + } + .me-xl-n11 { + margin-inline-end: -2.75rem !important; + } + .me-xl-n12 { + margin-inline-end: -3rem !important; + } + .mb-xl-n50 { + margin-block-end: -0.125rem !important; + } + .mb-xl-n1 { + margin-block-end: -0.25rem !important; + } + .mb-xl-n1_5 { + margin-block-end: -0.375rem !important; + } + .mb-xl-n2 { + margin-block-end: -0.5rem !important; + } + .mb-xl-n3 { + margin-block-end: -0.75rem !important; + } + .mb-xl-n4 { + margin-block-end: -1rem !important; + } + .mb-xl-n5 { + margin-block-end: -1.25rem !important; + } + .mb-xl-n6 { + margin-block-end: -1.5rem !important; + } + .mb-xl-n7 { + margin-block-end: -1.75rem !important; + } + .mb-xl-n8 { + margin-block-end: -2rem !important; + } + .mb-xl-n9 { + margin-block-end: -2.25rem !important; + } + .mb-xl-n10 { + margin-block-end: -2.5rem !important; + } + .mb-xl-n11 { + margin-block-end: -2.75rem !important; + } + .mb-xl-n12 { + margin-block-end: -3rem !important; + } + .ms-xl-n50 { + margin-inline-start: -0.125rem !important; + } + .ms-xl-n1 { + margin-inline-start: -0.25rem !important; + } + .ms-xl-n1_5 { + margin-inline-start: -0.375rem !important; + } + .ms-xl-n2 { + margin-inline-start: -0.5rem !important; + } + .ms-xl-n3 { + margin-inline-start: -0.75rem !important; + } + .ms-xl-n4 { + margin-inline-start: -1rem !important; + } + .ms-xl-n5 { + margin-inline-start: -1.25rem !important; + } + .ms-xl-n6 { + margin-inline-start: -1.5rem !important; + } + .ms-xl-n7 { + margin-inline-start: -1.75rem !important; + } + .ms-xl-n8 { + margin-inline-start: -2rem !important; + } + .ms-xl-n9 { + margin-inline-start: -2.25rem !important; + } + .ms-xl-n10 { + margin-inline-start: -2.5rem !important; + } + .ms-xl-n11 { + margin-inline-start: -2.75rem !important; + } + .ms-xl-n12 { + margin-inline-start: -3rem !important; + } + .p-xl-0 { + padding: 0 !important; + } + .p-xl-50 { + padding: 0.125rem !important; + } + .p-xl-1 { + padding: 0.25rem !important; + } + .p-xl-1_5 { + padding: 0.375rem !important; + } + .p-xl-2 { + padding: 0.5rem !important; + } + .p-xl-3 { + padding: 0.75rem !important; + } + .p-xl-4 { + padding: 1rem !important; + } + .p-xl-5 { + padding: 1.25rem !important; + } + .p-xl-6 { + padding: 1.5rem !important; + } + .p-xl-7 { + padding: 1.75rem !important; + } + .p-xl-8 { + padding: 2rem !important; + } + .p-xl-9 { + padding: 2.25rem !important; + } + .p-xl-10 { + padding: 2.5rem !important; + } + .p-xl-11 { + padding: 2.75rem !important; + } + .p-xl-12 { + padding: 3rem !important; + } + .px-xl-0 { + padding-inline-end: 0 !important; + padding-inline-start: 0 !important; + } + .px-xl-50 { + padding-inline-end: 0.125rem !important; + padding-inline-start: 0.125rem !important; + } + .px-xl-1 { + padding-inline-end: 0.25rem !important; + padding-inline-start: 0.25rem !important; + } + .px-xl-1_5 { + padding-inline-end: 0.375rem !important; + padding-inline-start: 0.375rem !important; + } + .px-xl-2 { + padding-inline-end: 0.5rem !important; + padding-inline-start: 0.5rem !important; + } + .px-xl-3 { + padding-inline-end: 0.75rem !important; + padding-inline-start: 0.75rem !important; + } + .px-xl-4 { + padding-inline-end: 1rem !important; + padding-inline-start: 1rem !important; + } + .px-xl-5 { + padding-inline-end: 1.25rem !important; + padding-inline-start: 1.25rem !important; + } + .px-xl-6 { + padding-inline-end: 1.5rem !important; + padding-inline-start: 1.5rem !important; + } + .px-xl-7 { + padding-inline-end: 1.75rem !important; + padding-inline-start: 1.75rem !important; + } + .px-xl-8 { + padding-inline-end: 2rem !important; + padding-inline-start: 2rem !important; + } + .px-xl-9 { + padding-inline-end: 2.25rem !important; + padding-inline-start: 2.25rem !important; + } + .px-xl-10 { + padding-inline-end: 2.5rem !important; + padding-inline-start: 2.5rem !important; + } + .px-xl-11 { + padding-inline-end: 2.75rem !important; + padding-inline-start: 2.75rem !important; + } + .px-xl-12 { + padding-inline-end: 3rem !important; + padding-inline-start: 3rem !important; + } + .py-xl-0 { + padding-block-start: 0 !important; + padding-block-end: 0 !important; + } + .py-xl-50 { + padding-block-start: 0.125rem !important; + padding-block-end: 0.125rem !important; + } + .py-xl-1 { + padding-block-start: 0.25rem !important; + padding-block-end: 0.25rem !important; + } + .py-xl-1_5 { + padding-block-start: 0.375rem !important; + padding-block-end: 0.375rem !important; + } + .py-xl-2 { + padding-block-start: 0.5rem !important; + padding-block-end: 0.5rem !important; + } + .py-xl-3 { + padding-block-start: 0.75rem !important; + padding-block-end: 0.75rem !important; + } + .py-xl-4 { + padding-block-start: 1rem !important; + padding-block-end: 1rem !important; + } + .py-xl-5 { + padding-block-start: 1.25rem !important; + padding-block-end: 1.25rem !important; + } + .py-xl-6 { + padding-block-start: 1.5rem !important; + padding-block-end: 1.5rem !important; + } + .py-xl-7 { + padding-block-start: 1.75rem !important; + padding-block-end: 1.75rem !important; + } + .py-xl-8 { + padding-block-start: 2rem !important; + padding-block-end: 2rem !important; + } + .py-xl-9 { + padding-block-start: 2.25rem !important; + padding-block-end: 2.25rem !important; + } + .py-xl-10 { + padding-block-start: 2.5rem !important; + padding-block-end: 2.5rem !important; + } + .py-xl-11 { + padding-block-start: 2.75rem !important; + padding-block-end: 2.75rem !important; + } + .py-xl-12 { + padding-block-start: 3rem !important; + padding-block-end: 3rem !important; + } + .pt-xl-0 { + padding-block-start: 0 !important; + } + .pt-xl-50 { + padding-block-start: 0.125rem !important; + } + .pt-xl-1 { + padding-block-start: 0.25rem !important; + } + .pt-xl-1_5 { + padding-block-start: 0.375rem !important; + } + .pt-xl-2 { + padding-block-start: 0.5rem !important; + } + .pt-xl-3 { + padding-block-start: 0.75rem !important; + } + .pt-xl-4 { + padding-block-start: 1rem !important; + } + .pt-xl-5 { + padding-block-start: 1.25rem !important; + } + .pt-xl-6 { + padding-block-start: 1.5rem !important; + } + .pt-xl-7 { + padding-block-start: 1.75rem !important; + } + .pt-xl-8 { + padding-block-start: 2rem !important; + } + .pt-xl-9 { + padding-block-start: 2.25rem !important; + } + .pt-xl-10 { + padding-block-start: 2.5rem !important; + } + .pt-xl-11 { + padding-block-start: 2.75rem !important; + } + .pt-xl-12 { + padding-block-start: 3rem !important; + } + .pe-xl-0 { + padding-inline-end: 0 !important; + } + .pe-xl-50 { + padding-inline-end: 0.125rem !important; + } + .pe-xl-1 { + padding-inline-end: 0.25rem !important; + } + .pe-xl-1_5 { + padding-inline-end: 0.375rem !important; + } + .pe-xl-2 { + padding-inline-end: 0.5rem !important; + } + .pe-xl-3 { + padding-inline-end: 0.75rem !important; + } + .pe-xl-4 { + padding-inline-end: 1rem !important; + } + .pe-xl-5 { + padding-inline-end: 1.25rem !important; + } + .pe-xl-6 { + padding-inline-end: 1.5rem !important; + } + .pe-xl-7 { + padding-inline-end: 1.75rem !important; + } + .pe-xl-8 { + padding-inline-end: 2rem !important; + } + .pe-xl-9 { + padding-inline-end: 2.25rem !important; + } + .pe-xl-10 { + padding-inline-end: 2.5rem !important; + } + .pe-xl-11 { + padding-inline-end: 2.75rem !important; + } + .pe-xl-12 { + padding-inline-end: 3rem !important; + } + .pb-xl-0 { + padding-block-end: 0 !important; + } + .pb-xl-50 { + padding-block-end: 0.125rem !important; + } + .pb-xl-1 { + padding-block-end: 0.25rem !important; + } + .pb-xl-1_5 { + padding-block-end: 0.375rem !important; + } + .pb-xl-2 { + padding-block-end: 0.5rem !important; + } + .pb-xl-3 { + padding-block-end: 0.75rem !important; + } + .pb-xl-4 { + padding-block-end: 1rem !important; + } + .pb-xl-5 { + padding-block-end: 1.25rem !important; + } + .pb-xl-6 { + padding-block-end: 1.5rem !important; + } + .pb-xl-7 { + padding-block-end: 1.75rem !important; + } + .pb-xl-8 { + padding-block-end: 2rem !important; + } + .pb-xl-9 { + padding-block-end: 2.25rem !important; + } + .pb-xl-10 { + padding-block-end: 2.5rem !important; + } + .pb-xl-11 { + padding-block-end: 2.75rem !important; + } + .pb-xl-12 { + padding-block-end: 3rem !important; + } + .ps-xl-0 { + padding-inline-start: 0 !important; + } + .ps-xl-50 { + padding-inline-start: 0.125rem !important; + } + .ps-xl-1 { + padding-inline-start: 0.25rem !important; + } + .ps-xl-1_5 { + padding-inline-start: 0.375rem !important; + } + .ps-xl-2 { + padding-inline-start: 0.5rem !important; + } + .ps-xl-3 { + padding-inline-start: 0.75rem !important; + } + .ps-xl-4 { + padding-inline-start: 1rem !important; + } + .ps-xl-5 { + padding-inline-start: 1.25rem !important; + } + .ps-xl-6 { + padding-inline-start: 1.5rem !important; + } + .ps-xl-7 { + padding-inline-start: 1.75rem !important; + } + .ps-xl-8 { + padding-inline-start: 2rem !important; + } + .ps-xl-9 { + padding-inline-start: 2.25rem !important; + } + .ps-xl-10 { + padding-inline-start: 2.5rem !important; + } + .ps-xl-11 { + padding-inline-start: 2.75rem !important; + } + .ps-xl-12 { + padding-inline-start: 3rem !important; + } + .gap-xl-0 { + gap: 0 !important; + } + .gap-xl-50 { + gap: 0.125rem !important; + } + .gap-xl-1 { + gap: 0.25rem !important; + } + .gap-xl-1_5 { + gap: 0.375rem !important; + } + .gap-xl-2 { + gap: 0.5rem !important; + } + .gap-xl-3 { + gap: 0.75rem !important; + } + .gap-xl-4 { + gap: 1rem !important; + } + .gap-xl-5 { + gap: 1.25rem !important; + } + .gap-xl-6 { + gap: 1.5rem !important; + } + .gap-xl-7 { + gap: 1.75rem !important; + } + .gap-xl-8 { + gap: 2rem !important; + } + .gap-xl-9 { + gap: 2.25rem !important; + } + .gap-xl-10 { + gap: 2.5rem !important; + } + .gap-xl-11 { + gap: 2.75rem !important; + } + .gap-xl-12 { + gap: 3rem !important; + } + .row-gap-xl-0 { + row-gap: 0 !important; + } + .row-gap-xl-50 { + row-gap: 0.125rem !important; + } + .row-gap-xl-1 { + row-gap: 0.25rem !important; + } + .row-gap-xl-1_5 { + row-gap: 0.375rem !important; + } + .row-gap-xl-2 { + row-gap: 0.5rem !important; + } + .row-gap-xl-3 { + row-gap: 0.75rem !important; + } + .row-gap-xl-4 { + row-gap: 1rem !important; + } + .row-gap-xl-5 { + row-gap: 1.25rem !important; + } + .row-gap-xl-6 { + row-gap: 1.5rem !important; + } + .row-gap-xl-7 { + row-gap: 1.75rem !important; + } + .row-gap-xl-8 { + row-gap: 2rem !important; + } + .row-gap-xl-9 { + row-gap: 2.25rem !important; + } + .row-gap-xl-10 { + row-gap: 2.5rem !important; + } + .row-gap-xl-11 { + row-gap: 2.75rem !important; + } + .row-gap-xl-12 { + row-gap: 3rem !important; + } + .column-gap-xl-0 { + column-gap: 0 !important; + } + .column-gap-xl-50 { + column-gap: 0.125rem !important; + } + .column-gap-xl-1 { + column-gap: 0.25rem !important; + } + .column-gap-xl-1_5 { + column-gap: 0.375rem !important; + } + .column-gap-xl-2 { + column-gap: 0.5rem !important; + } + .column-gap-xl-3 { + column-gap: 0.75rem !important; + } + .column-gap-xl-4 { + column-gap: 1rem !important; + } + .column-gap-xl-5 { + column-gap: 1.25rem !important; + } + .column-gap-xl-6 { + column-gap: 1.5rem !important; + } + .column-gap-xl-7 { + column-gap: 1.75rem !important; + } + .column-gap-xl-8 { + column-gap: 2rem !important; + } + .column-gap-xl-9 { + column-gap: 2.25rem !important; + } + .column-gap-xl-10 { + column-gap: 2.5rem !important; + } + .column-gap-xl-11 { + column-gap: 2.75rem !important; + } + .column-gap-xl-12 { + column-gap: 3rem !important; + } + .text-xl-start { + text-align: start !important; + } + .text-xl-end { + text-align: end !important; + } + .text-xl-center { + text-align: center !important; + } +} +@media (min-width: 1400px) { + .float-xxl-start { + float: inline-start !important; + } + .float-xxl-end { + float: inline-end !important; + } + .float-xxl-none { + float: none !important; + } + .object-fit-xxl-contain { + object-fit: contain !important; + } + .object-fit-xxl-cover { + object-fit: cover !important; + } + .object-fit-xxl-fill { + object-fit: fill !important; + } + .object-fit-xxl-scale { + object-fit: scale-down !important; + } + .object-fit-xxl-none { + object-fit: none !important; + } + .d-xxl-inline { + display: inline !important; + } + .d-xxl-inline-block { + display: inline-block !important; + } + .d-xxl-block { + display: block !important; + } + .d-xxl-grid { + display: grid !important; + } + .d-xxl-table { + display: table !important; + } + .d-xxl-table-row { + display: table-row !important; + } + .d-xxl-table-cell { + display: table-cell !important; + } + .d-xxl-flex { + display: flex !important; + } + .d-xxl-inline-flex { + display: inline-flex !important; + } + .d-xxl-none { + display: none !important; + } + .border-xxl-solid { + border-style: solid !important; + } + .border-xxl-dashed { + border-style: dashed !important; + } + .border-xxl-none { + border-style: none !important; + } + .flex-xxl-fill { + flex: 1 1 auto !important; + } + .flex-xxl-row { + flex-direction: row !important; + } + .flex-xxl-column { + flex-direction: column !important; + } + .flex-xxl-row-reverse { + flex-direction: row-reverse !important; + } + .flex-xxl-column-reverse { + flex-direction: column-reverse !important; + } + .flex-xxl-grow-0 { + flex-grow: 0 !important; + } + .flex-xxl-grow-1 { + flex-grow: 1 !important; + } + .flex-xxl-shrink-0 { + flex-shrink: 0 !important; + } + .flex-xxl-shrink-1 { + flex-shrink: 1 !important; + } + .flex-xxl-wrap { + flex-wrap: wrap !important; + } + .flex-xxl-nowrap { + flex-wrap: nowrap !important; + } + .flex-xxl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + .justify-content-xxl-start { + justify-content: flex-start !important; + } + .justify-content-xxl-end { + justify-content: flex-end !important; + } + .justify-content-xxl-center { + justify-content: center !important; + } + .justify-content-xxl-between { + justify-content: space-between !important; + } + .justify-content-xxl-around { + justify-content: space-around !important; + } + .justify-content-xxl-evenly { + justify-content: space-evenly !important; + } + .align-items-xxl-start { + align-items: flex-start !important; + } + .align-items-xxl-end { + align-items: flex-end !important; + } + .align-items-xxl-center { + align-items: center !important; + } + .align-items-xxl-baseline { + align-items: baseline !important; + } + .align-items-xxl-stretch { + align-items: stretch !important; + } + .align-content-xxl-start { + align-content: flex-start !important; + } + .align-content-xxl-end { + align-content: flex-end !important; + } + .align-content-xxl-center { + align-content: center !important; + } + .align-content-xxl-between { + align-content: space-between !important; + } + .align-content-xxl-around { + align-content: space-around !important; + } + .align-content-xxl-stretch { + align-content: stretch !important; + } + .align-self-xxl-auto { + align-self: auto !important; + } + .align-self-xxl-start { + align-self: flex-start !important; + } + .align-self-xxl-end { + align-self: flex-end !important; + } + .align-self-xxl-center { + align-self: center !important; + } + .align-self-xxl-baseline { + align-self: baseline !important; + } + .align-self-xxl-stretch { + align-self: stretch !important; + } + .order-xxl-first { + order: -1 !important; + } + .order-xxl-0 { + order: 0 !important; + } + .order-xxl-1 { + order: 1 !important; + } + .order-xxl-2 { + order: 2 !important; + } + .order-xxl-3 { + order: 3 !important; + } + .order-xxl-4 { + order: 4 !important; + } + .order-xxl-5 { + order: 5 !important; + } + .order-xxl-last { + order: 6 !important; + } + .m-xxl-0 { + margin: 0 !important; + } + .m-xxl-50 { + margin: 0.125rem !important; + } + .m-xxl-1 { + margin: 0.25rem !important; + } + .m-xxl-1_5 { + margin: 0.375rem !important; + } + .m-xxl-2 { + margin: 0.5rem !important; + } + .m-xxl-3 { + margin: 0.75rem !important; + } + .m-xxl-4 { + margin: 1rem !important; + } + .m-xxl-5 { + margin: 1.25rem !important; + } + .m-xxl-6 { + margin: 1.5rem !important; + } + .m-xxl-7 { + margin: 1.75rem !important; + } + .m-xxl-8 { + margin: 2rem !important; + } + .m-xxl-9 { + margin: 2.25rem !important; + } + .m-xxl-10 { + margin: 2.5rem !important; + } + .m-xxl-11 { + margin: 2.75rem !important; + } + .m-xxl-12 { + margin: 3rem !important; + } + .m-xxl-auto { + margin: auto !important; + } + .mx-xxl-0 { + margin-inline-end: 0 !important; + margin-inline-start: 0 !important; + } + .mx-xxl-50 { + margin-inline-end: 0.125rem !important; + margin-inline-start: 0.125rem !important; + } + .mx-xxl-1 { + margin-inline-end: 0.25rem !important; + margin-inline-start: 0.25rem !important; + } + .mx-xxl-1_5 { + margin-inline-end: 0.375rem !important; + margin-inline-start: 0.375rem !important; + } + .mx-xxl-2 { + margin-inline-end: 0.5rem !important; + margin-inline-start: 0.5rem !important; + } + .mx-xxl-3 { + margin-inline-end: 0.75rem !important; + margin-inline-start: 0.75rem !important; + } + .mx-xxl-4 { + margin-inline-end: 1rem !important; + margin-inline-start: 1rem !important; + } + .mx-xxl-5 { + margin-inline-end: 1.25rem !important; + margin-inline-start: 1.25rem !important; + } + .mx-xxl-6 { + margin-inline-end: 1.5rem !important; + margin-inline-start: 1.5rem !important; + } + .mx-xxl-7 { + margin-inline-end: 1.75rem !important; + margin-inline-start: 1.75rem !important; + } + .mx-xxl-8 { + margin-inline-end: 2rem !important; + margin-inline-start: 2rem !important; + } + .mx-xxl-9 { + margin-inline-end: 2.25rem !important; + margin-inline-start: 2.25rem !important; + } + .mx-xxl-10 { + margin-inline-end: 2.5rem !important; + margin-inline-start: 2.5rem !important; + } + .mx-xxl-11 { + margin-inline-end: 2.75rem !important; + margin-inline-start: 2.75rem !important; + } + .mx-xxl-12 { + margin-inline-end: 3rem !important; + margin-inline-start: 3rem !important; + } + .mx-xxl-auto { + margin-inline-end: auto !important; + margin-inline-start: auto !important; + } + .my-xxl-0 { + margin-block-start: 0 !important; + margin-block-end: 0 !important; + } + .my-xxl-50 { + margin-block-start: 0.125rem !important; + margin-block-end: 0.125rem !important; + } + .my-xxl-1 { + margin-block-start: 0.25rem !important; + margin-block-end: 0.25rem !important; + } + .my-xxl-1_5 { + margin-block-start: 0.375rem !important; + margin-block-end: 0.375rem !important; + } + .my-xxl-2 { + margin-block-start: 0.5rem !important; + margin-block-end: 0.5rem !important; + } + .my-xxl-3 { + margin-block-start: 0.75rem !important; + margin-block-end: 0.75rem !important; + } + .my-xxl-4 { + margin-block-start: 1rem !important; + margin-block-end: 1rem !important; + } + .my-xxl-5 { + margin-block-start: 1.25rem !important; + margin-block-end: 1.25rem !important; + } + .my-xxl-6 { + margin-block-start: 1.5rem !important; + margin-block-end: 1.5rem !important; + } + .my-xxl-7 { + margin-block-start: 1.75rem !important; + margin-block-end: 1.75rem !important; + } + .my-xxl-8 { + margin-block-start: 2rem !important; + margin-block-end: 2rem !important; + } + .my-xxl-9 { + margin-block-start: 2.25rem !important; + margin-block-end: 2.25rem !important; + } + .my-xxl-10 { + margin-block-start: 2.5rem !important; + margin-block-end: 2.5rem !important; + } + .my-xxl-11 { + margin-block-start: 2.75rem !important; + margin-block-end: 2.75rem !important; + } + .my-xxl-12 { + margin-block-start: 3rem !important; + margin-block-end: 3rem !important; + } + .my-xxl-auto { + margin-block-start: auto !important; + margin-block-end: auto !important; + } + .mt-xxl-0 { + margin-block-start: 0 !important; + } + .mt-xxl-50 { + margin-block-start: 0.125rem !important; + } + .mt-xxl-1 { + margin-block-start: 0.25rem !important; + } + .mt-xxl-1_5 { + margin-block-start: 0.375rem !important; + } + .mt-xxl-2 { + margin-block-start: 0.5rem !important; + } + .mt-xxl-3 { + margin-block-start: 0.75rem !important; + } + .mt-xxl-4 { + margin-block-start: 1rem !important; + } + .mt-xxl-5 { + margin-block-start: 1.25rem !important; + } + .mt-xxl-6 { + margin-block-start: 1.5rem !important; + } + .mt-xxl-7 { + margin-block-start: 1.75rem !important; + } + .mt-xxl-8 { + margin-block-start: 2rem !important; + } + .mt-xxl-9 { + margin-block-start: 2.25rem !important; + } + .mt-xxl-10 { + margin-block-start: 2.5rem !important; + } + .mt-xxl-11 { + margin-block-start: 2.75rem !important; + } + .mt-xxl-12 { + margin-block-start: 3rem !important; + } + .mt-xxl-auto { + margin-block-start: auto !important; + } + .me-xxl-0 { + margin-inline-end: 0 !important; + } + .me-xxl-50 { + margin-inline-end: 0.125rem !important; + } + .me-xxl-1 { + margin-inline-end: 0.25rem !important; + } + .me-xxl-1_5 { + margin-inline-end: 0.375rem !important; + } + .me-xxl-2 { + margin-inline-end: 0.5rem !important; + } + .me-xxl-3 { + margin-inline-end: 0.75rem !important; + } + .me-xxl-4 { + margin-inline-end: 1rem !important; + } + .me-xxl-5 { + margin-inline-end: 1.25rem !important; + } + .me-xxl-6 { + margin-inline-end: 1.5rem !important; + } + .me-xxl-7 { + margin-inline-end: 1.75rem !important; + } + .me-xxl-8 { + margin-inline-end: 2rem !important; + } + .me-xxl-9 { + margin-inline-end: 2.25rem !important; + } + .me-xxl-10 { + margin-inline-end: 2.5rem !important; + } + .me-xxl-11 { + margin-inline-end: 2.75rem !important; + } + .me-xxl-12 { + margin-inline-end: 3rem !important; + } + .me-xxl-auto { + margin-inline-end: auto !important; + } + .mb-xxl-0 { + margin-block-end: 0 !important; + } + .mb-xxl-50 { + margin-block-end: 0.125rem !important; + } + .mb-xxl-1 { + margin-block-end: 0.25rem !important; + } + .mb-xxl-1_5 { + margin-block-end: 0.375rem !important; + } + .mb-xxl-2 { + margin-block-end: 0.5rem !important; + } + .mb-xxl-3 { + margin-block-end: 0.75rem !important; + } + .mb-xxl-4 { + margin-block-end: 1rem !important; + } + .mb-xxl-5 { + margin-block-end: 1.25rem !important; + } + .mb-xxl-6 { + margin-block-end: 1.5rem !important; + } + .mb-xxl-7 { + margin-block-end: 1.75rem !important; + } + .mb-xxl-8 { + margin-block-end: 2rem !important; + } + .mb-xxl-9 { + margin-block-end: 2.25rem !important; + } + .mb-xxl-10 { + margin-block-end: 2.5rem !important; + } + .mb-xxl-11 { + margin-block-end: 2.75rem !important; + } + .mb-xxl-12 { + margin-block-end: 3rem !important; + } + .mb-xxl-auto { + margin-block-end: auto !important; + } + .ms-xxl-0 { + margin-inline-start: 0 !important; + } + .ms-xxl-50 { + margin-inline-start: 0.125rem !important; + } + .ms-xxl-1 { + margin-inline-start: 0.25rem !important; + } + .ms-xxl-1_5 { + margin-inline-start: 0.375rem !important; + } + .ms-xxl-2 { + margin-inline-start: 0.5rem !important; + } + .ms-xxl-3 { + margin-inline-start: 0.75rem !important; + } + .ms-xxl-4 { + margin-inline-start: 1rem !important; + } + .ms-xxl-5 { + margin-inline-start: 1.25rem !important; + } + .ms-xxl-6 { + margin-inline-start: 1.5rem !important; + } + .ms-xxl-7 { + margin-inline-start: 1.75rem !important; + } + .ms-xxl-8 { + margin-inline-start: 2rem !important; + } + .ms-xxl-9 { + margin-inline-start: 2.25rem !important; + } + .ms-xxl-10 { + margin-inline-start: 2.5rem !important; + } + .ms-xxl-11 { + margin-inline-start: 2.75rem !important; + } + .ms-xxl-12 { + margin-inline-start: 3rem !important; + } + .ms-xxl-auto { + margin-inline-start: auto !important; + } + .m-xxl-n50 { + margin: -0.125rem !important; + } + .m-xxl-n1 { + margin: -0.25rem !important; + } + .m-xxl-n1_5 { + margin: -0.375rem !important; + } + .m-xxl-n2 { + margin: -0.5rem !important; + } + .m-xxl-n3 { + margin: -0.75rem !important; + } + .m-xxl-n4 { + margin: -1rem !important; + } + .m-xxl-n5 { + margin: -1.25rem !important; + } + .m-xxl-n6 { + margin: -1.5rem !important; + } + .m-xxl-n7 { + margin: -1.75rem !important; + } + .m-xxl-n8 { + margin: -2rem !important; + } + .m-xxl-n9 { + margin: -2.25rem !important; + } + .m-xxl-n10 { + margin: -2.5rem !important; + } + .m-xxl-n11 { + margin: -2.75rem !important; + } + .m-xxl-n12 { + margin: -3rem !important; + } + .mx-xxl-n50 { + margin-inline-end: -0.125rem !important; + margin-inline-start: -0.125rem !important; + } + .mx-xxl-n1 { + margin-inline-end: -0.25rem !important; + margin-inline-start: -0.25rem !important; + } + .mx-xxl-n1_5 { + margin-inline-end: -0.375rem !important; + margin-inline-start: -0.375rem !important; + } + .mx-xxl-n2 { + margin-inline-end: -0.5rem !important; + margin-inline-start: -0.5rem !important; + } + .mx-xxl-n3 { + margin-inline-end: -0.75rem !important; + margin-inline-start: -0.75rem !important; + } + .mx-xxl-n4 { + margin-inline-end: -1rem !important; + margin-inline-start: -1rem !important; + } + .mx-xxl-n5 { + margin-inline-end: -1.25rem !important; + margin-inline-start: -1.25rem !important; + } + .mx-xxl-n6 { + margin-inline-end: -1.5rem !important; + margin-inline-start: -1.5rem !important; + } + .mx-xxl-n7 { + margin-inline-end: -1.75rem !important; + margin-inline-start: -1.75rem !important; + } + .mx-xxl-n8 { + margin-inline-end: -2rem !important; + margin-inline-start: -2rem !important; + } + .mx-xxl-n9 { + margin-inline-end: -2.25rem !important; + margin-inline-start: -2.25rem !important; + } + .mx-xxl-n10 { + margin-inline-end: -2.5rem !important; + margin-inline-start: -2.5rem !important; + } + .mx-xxl-n11 { + margin-inline-end: -2.75rem !important; + margin-inline-start: -2.75rem !important; + } + .mx-xxl-n12 { + margin-inline-end: -3rem !important; + margin-inline-start: -3rem !important; + } + .my-xxl-n50 { + margin-block-start: -0.125rem !important; + margin-block-end: -0.125rem !important; + } + .my-xxl-n1 { + margin-block-start: -0.25rem !important; + margin-block-end: -0.25rem !important; + } + .my-xxl-n1_5 { + margin-block-start: -0.375rem !important; + margin-block-end: -0.375rem !important; + } + .my-xxl-n2 { + margin-block-start: -0.5rem !important; + margin-block-end: -0.5rem !important; + } + .my-xxl-n3 { + margin-block-start: -0.75rem !important; + margin-block-end: -0.75rem !important; + } + .my-xxl-n4 { + margin-block-start: -1rem !important; + margin-block-end: -1rem !important; + } + .my-xxl-n5 { + margin-block-start: -1.25rem !important; + margin-block-end: -1.25rem !important; + } + .my-xxl-n6 { + margin-block-start: -1.5rem !important; + margin-block-end: -1.5rem !important; + } + .my-xxl-n7 { + margin-block-start: -1.75rem !important; + margin-block-end: -1.75rem !important; + } + .my-xxl-n8 { + margin-block-start: -2rem !important; + margin-block-end: -2rem !important; + } + .my-xxl-n9 { + margin-block-start: -2.25rem !important; + margin-block-end: -2.25rem !important; + } + .my-xxl-n10 { + margin-block-start: -2.5rem !important; + margin-block-end: -2.5rem !important; + } + .my-xxl-n11 { + margin-block-start: -2.75rem !important; + margin-block-end: -2.75rem !important; + } + .my-xxl-n12 { + margin-block-start: -3rem !important; + margin-block-end: -3rem !important; + } + .mt-xxl-n50 { + margin-block-start: -0.125rem !important; + } + .mt-xxl-n1 { + margin-block-start: -0.25rem !important; + } + .mt-xxl-n1_5 { + margin-block-start: -0.375rem !important; + } + .mt-xxl-n2 { + margin-block-start: -0.5rem !important; + } + .mt-xxl-n3 { + margin-block-start: -0.75rem !important; + } + .mt-xxl-n4 { + margin-block-start: -1rem !important; + } + .mt-xxl-n5 { + margin-block-start: -1.25rem !important; + } + .mt-xxl-n6 { + margin-block-start: -1.5rem !important; + } + .mt-xxl-n7 { + margin-block-start: -1.75rem !important; + } + .mt-xxl-n8 { + margin-block-start: -2rem !important; + } + .mt-xxl-n9 { + margin-block-start: -2.25rem !important; + } + .mt-xxl-n10 { + margin-block-start: -2.5rem !important; + } + .mt-xxl-n11 { + margin-block-start: -2.75rem !important; + } + .mt-xxl-n12 { + margin-block-start: -3rem !important; + } + .me-xxl-n50 { + margin-inline-end: -0.125rem !important; + } + .me-xxl-n1 { + margin-inline-end: -0.25rem !important; + } + .me-xxl-n1_5 { + margin-inline-end: -0.375rem !important; + } + .me-xxl-n2 { + margin-inline-end: -0.5rem !important; + } + .me-xxl-n3 { + margin-inline-end: -0.75rem !important; + } + .me-xxl-n4 { + margin-inline-end: -1rem !important; + } + .me-xxl-n5 { + margin-inline-end: -1.25rem !important; + } + .me-xxl-n6 { + margin-inline-end: -1.5rem !important; + } + .me-xxl-n7 { + margin-inline-end: -1.75rem !important; + } + .me-xxl-n8 { + margin-inline-end: -2rem !important; + } + .me-xxl-n9 { + margin-inline-end: -2.25rem !important; + } + .me-xxl-n10 { + margin-inline-end: -2.5rem !important; + } + .me-xxl-n11 { + margin-inline-end: -2.75rem !important; + } + .me-xxl-n12 { + margin-inline-end: -3rem !important; + } + .mb-xxl-n50 { + margin-block-end: -0.125rem !important; + } + .mb-xxl-n1 { + margin-block-end: -0.25rem !important; + } + .mb-xxl-n1_5 { + margin-block-end: -0.375rem !important; + } + .mb-xxl-n2 { + margin-block-end: -0.5rem !important; + } + .mb-xxl-n3 { + margin-block-end: -0.75rem !important; + } + .mb-xxl-n4 { + margin-block-end: -1rem !important; + } + .mb-xxl-n5 { + margin-block-end: -1.25rem !important; + } + .mb-xxl-n6 { + margin-block-end: -1.5rem !important; + } + .mb-xxl-n7 { + margin-block-end: -1.75rem !important; + } + .mb-xxl-n8 { + margin-block-end: -2rem !important; + } + .mb-xxl-n9 { + margin-block-end: -2.25rem !important; + } + .mb-xxl-n10 { + margin-block-end: -2.5rem !important; + } + .mb-xxl-n11 { + margin-block-end: -2.75rem !important; + } + .mb-xxl-n12 { + margin-block-end: -3rem !important; + } + .ms-xxl-n50 { + margin-inline-start: -0.125rem !important; + } + .ms-xxl-n1 { + margin-inline-start: -0.25rem !important; + } + .ms-xxl-n1_5 { + margin-inline-start: -0.375rem !important; + } + .ms-xxl-n2 { + margin-inline-start: -0.5rem !important; + } + .ms-xxl-n3 { + margin-inline-start: -0.75rem !important; + } + .ms-xxl-n4 { + margin-inline-start: -1rem !important; + } + .ms-xxl-n5 { + margin-inline-start: -1.25rem !important; + } + .ms-xxl-n6 { + margin-inline-start: -1.5rem !important; + } + .ms-xxl-n7 { + margin-inline-start: -1.75rem !important; + } + .ms-xxl-n8 { + margin-inline-start: -2rem !important; + } + .ms-xxl-n9 { + margin-inline-start: -2.25rem !important; + } + .ms-xxl-n10 { + margin-inline-start: -2.5rem !important; + } + .ms-xxl-n11 { + margin-inline-start: -2.75rem !important; + } + .ms-xxl-n12 { + margin-inline-start: -3rem !important; + } + .p-xxl-0 { + padding: 0 !important; + } + .p-xxl-50 { + padding: 0.125rem !important; + } + .p-xxl-1 { + padding: 0.25rem !important; + } + .p-xxl-1_5 { + padding: 0.375rem !important; + } + .p-xxl-2 { + padding: 0.5rem !important; + } + .p-xxl-3 { + padding: 0.75rem !important; + } + .p-xxl-4 { + padding: 1rem !important; + } + .p-xxl-5 { + padding: 1.25rem !important; + } + .p-xxl-6 { + padding: 1.5rem !important; + } + .p-xxl-7 { + padding: 1.75rem !important; + } + .p-xxl-8 { + padding: 2rem !important; + } + .p-xxl-9 { + padding: 2.25rem !important; + } + .p-xxl-10 { + padding: 2.5rem !important; + } + .p-xxl-11 { + padding: 2.75rem !important; + } + .p-xxl-12 { + padding: 3rem !important; + } + .px-xxl-0 { + padding-inline-end: 0 !important; + padding-inline-start: 0 !important; + } + .px-xxl-50 { + padding-inline-end: 0.125rem !important; + padding-inline-start: 0.125rem !important; + } + .px-xxl-1 { + padding-inline-end: 0.25rem !important; + padding-inline-start: 0.25rem !important; + } + .px-xxl-1_5 { + padding-inline-end: 0.375rem !important; + padding-inline-start: 0.375rem !important; + } + .px-xxl-2 { + padding-inline-end: 0.5rem !important; + padding-inline-start: 0.5rem !important; + } + .px-xxl-3 { + padding-inline-end: 0.75rem !important; + padding-inline-start: 0.75rem !important; + } + .px-xxl-4 { + padding-inline-end: 1rem !important; + padding-inline-start: 1rem !important; + } + .px-xxl-5 { + padding-inline-end: 1.25rem !important; + padding-inline-start: 1.25rem !important; + } + .px-xxl-6 { + padding-inline-end: 1.5rem !important; + padding-inline-start: 1.5rem !important; + } + .px-xxl-7 { + padding-inline-end: 1.75rem !important; + padding-inline-start: 1.75rem !important; + } + .px-xxl-8 { + padding-inline-end: 2rem !important; + padding-inline-start: 2rem !important; + } + .px-xxl-9 { + padding-inline-end: 2.25rem !important; + padding-inline-start: 2.25rem !important; + } + .px-xxl-10 { + padding-inline-end: 2.5rem !important; + padding-inline-start: 2.5rem !important; + } + .px-xxl-11 { + padding-inline-end: 2.75rem !important; + padding-inline-start: 2.75rem !important; + } + .px-xxl-12 { + padding-inline-end: 3rem !important; + padding-inline-start: 3rem !important; + } + .py-xxl-0 { + padding-block-start: 0 !important; + padding-block-end: 0 !important; + } + .py-xxl-50 { + padding-block-start: 0.125rem !important; + padding-block-end: 0.125rem !important; + } + .py-xxl-1 { + padding-block-start: 0.25rem !important; + padding-block-end: 0.25rem !important; + } + .py-xxl-1_5 { + padding-block-start: 0.375rem !important; + padding-block-end: 0.375rem !important; + } + .py-xxl-2 { + padding-block-start: 0.5rem !important; + padding-block-end: 0.5rem !important; + } + .py-xxl-3 { + padding-block-start: 0.75rem !important; + padding-block-end: 0.75rem !important; + } + .py-xxl-4 { + padding-block-start: 1rem !important; + padding-block-end: 1rem !important; + } + .py-xxl-5 { + padding-block-start: 1.25rem !important; + padding-block-end: 1.25rem !important; + } + .py-xxl-6 { + padding-block-start: 1.5rem !important; + padding-block-end: 1.5rem !important; + } + .py-xxl-7 { + padding-block-start: 1.75rem !important; + padding-block-end: 1.75rem !important; + } + .py-xxl-8 { + padding-block-start: 2rem !important; + padding-block-end: 2rem !important; + } + .py-xxl-9 { + padding-block-start: 2.25rem !important; + padding-block-end: 2.25rem !important; + } + .py-xxl-10 { + padding-block-start: 2.5rem !important; + padding-block-end: 2.5rem !important; + } + .py-xxl-11 { + padding-block-start: 2.75rem !important; + padding-block-end: 2.75rem !important; + } + .py-xxl-12 { + padding-block-start: 3rem !important; + padding-block-end: 3rem !important; + } + .pt-xxl-0 { + padding-block-start: 0 !important; + } + .pt-xxl-50 { + padding-block-start: 0.125rem !important; + } + .pt-xxl-1 { + padding-block-start: 0.25rem !important; + } + .pt-xxl-1_5 { + padding-block-start: 0.375rem !important; + } + .pt-xxl-2 { + padding-block-start: 0.5rem !important; + } + .pt-xxl-3 { + padding-block-start: 0.75rem !important; + } + .pt-xxl-4 { + padding-block-start: 1rem !important; + } + .pt-xxl-5 { + padding-block-start: 1.25rem !important; + } + .pt-xxl-6 { + padding-block-start: 1.5rem !important; + } + .pt-xxl-7 { + padding-block-start: 1.75rem !important; + } + .pt-xxl-8 { + padding-block-start: 2rem !important; + } + .pt-xxl-9 { + padding-block-start: 2.25rem !important; + } + .pt-xxl-10 { + padding-block-start: 2.5rem !important; + } + .pt-xxl-11 { + padding-block-start: 2.75rem !important; + } + .pt-xxl-12 { + padding-block-start: 3rem !important; + } + .pe-xxl-0 { + padding-inline-end: 0 !important; + } + .pe-xxl-50 { + padding-inline-end: 0.125rem !important; + } + .pe-xxl-1 { + padding-inline-end: 0.25rem !important; + } + .pe-xxl-1_5 { + padding-inline-end: 0.375rem !important; + } + .pe-xxl-2 { + padding-inline-end: 0.5rem !important; + } + .pe-xxl-3 { + padding-inline-end: 0.75rem !important; + } + .pe-xxl-4 { + padding-inline-end: 1rem !important; + } + .pe-xxl-5 { + padding-inline-end: 1.25rem !important; + } + .pe-xxl-6 { + padding-inline-end: 1.5rem !important; + } + .pe-xxl-7 { + padding-inline-end: 1.75rem !important; + } + .pe-xxl-8 { + padding-inline-end: 2rem !important; + } + .pe-xxl-9 { + padding-inline-end: 2.25rem !important; + } + .pe-xxl-10 { + padding-inline-end: 2.5rem !important; + } + .pe-xxl-11 { + padding-inline-end: 2.75rem !important; + } + .pe-xxl-12 { + padding-inline-end: 3rem !important; + } + .pb-xxl-0 { + padding-block-end: 0 !important; + } + .pb-xxl-50 { + padding-block-end: 0.125rem !important; + } + .pb-xxl-1 { + padding-block-end: 0.25rem !important; + } + .pb-xxl-1_5 { + padding-block-end: 0.375rem !important; + } + .pb-xxl-2 { + padding-block-end: 0.5rem !important; + } + .pb-xxl-3 { + padding-block-end: 0.75rem !important; + } + .pb-xxl-4 { + padding-block-end: 1rem !important; + } + .pb-xxl-5 { + padding-block-end: 1.25rem !important; + } + .pb-xxl-6 { + padding-block-end: 1.5rem !important; + } + .pb-xxl-7 { + padding-block-end: 1.75rem !important; + } + .pb-xxl-8 { + padding-block-end: 2rem !important; + } + .pb-xxl-9 { + padding-block-end: 2.25rem !important; + } + .pb-xxl-10 { + padding-block-end: 2.5rem !important; + } + .pb-xxl-11 { + padding-block-end: 2.75rem !important; + } + .pb-xxl-12 { + padding-block-end: 3rem !important; + } + .ps-xxl-0 { + padding-inline-start: 0 !important; + } + .ps-xxl-50 { + padding-inline-start: 0.125rem !important; + } + .ps-xxl-1 { + padding-inline-start: 0.25rem !important; + } + .ps-xxl-1_5 { + padding-inline-start: 0.375rem !important; + } + .ps-xxl-2 { + padding-inline-start: 0.5rem !important; + } + .ps-xxl-3 { + padding-inline-start: 0.75rem !important; + } + .ps-xxl-4 { + padding-inline-start: 1rem !important; + } + .ps-xxl-5 { + padding-inline-start: 1.25rem !important; + } + .ps-xxl-6 { + padding-inline-start: 1.5rem !important; + } + .ps-xxl-7 { + padding-inline-start: 1.75rem !important; + } + .ps-xxl-8 { + padding-inline-start: 2rem !important; + } + .ps-xxl-9 { + padding-inline-start: 2.25rem !important; + } + .ps-xxl-10 { + padding-inline-start: 2.5rem !important; + } + .ps-xxl-11 { + padding-inline-start: 2.75rem !important; + } + .ps-xxl-12 { + padding-inline-start: 3rem !important; + } + .gap-xxl-0 { + gap: 0 !important; + } + .gap-xxl-50 { + gap: 0.125rem !important; + } + .gap-xxl-1 { + gap: 0.25rem !important; + } + .gap-xxl-1_5 { + gap: 0.375rem !important; + } + .gap-xxl-2 { + gap: 0.5rem !important; + } + .gap-xxl-3 { + gap: 0.75rem !important; + } + .gap-xxl-4 { + gap: 1rem !important; + } + .gap-xxl-5 { + gap: 1.25rem !important; + } + .gap-xxl-6 { + gap: 1.5rem !important; + } + .gap-xxl-7 { + gap: 1.75rem !important; + } + .gap-xxl-8 { + gap: 2rem !important; + } + .gap-xxl-9 { + gap: 2.25rem !important; + } + .gap-xxl-10 { + gap: 2.5rem !important; + } + .gap-xxl-11 { + gap: 2.75rem !important; + } + .gap-xxl-12 { + gap: 3rem !important; + } + .row-gap-xxl-0 { + row-gap: 0 !important; + } + .row-gap-xxl-50 { + row-gap: 0.125rem !important; + } + .row-gap-xxl-1 { + row-gap: 0.25rem !important; + } + .row-gap-xxl-1_5 { + row-gap: 0.375rem !important; + } + .row-gap-xxl-2 { + row-gap: 0.5rem !important; + } + .row-gap-xxl-3 { + row-gap: 0.75rem !important; + } + .row-gap-xxl-4 { + row-gap: 1rem !important; + } + .row-gap-xxl-5 { + row-gap: 1.25rem !important; + } + .row-gap-xxl-6 { + row-gap: 1.5rem !important; + } + .row-gap-xxl-7 { + row-gap: 1.75rem !important; + } + .row-gap-xxl-8 { + row-gap: 2rem !important; + } + .row-gap-xxl-9 { + row-gap: 2.25rem !important; + } + .row-gap-xxl-10 { + row-gap: 2.5rem !important; + } + .row-gap-xxl-11 { + row-gap: 2.75rem !important; + } + .row-gap-xxl-12 { + row-gap: 3rem !important; + } + .column-gap-xxl-0 { + column-gap: 0 !important; + } + .column-gap-xxl-50 { + column-gap: 0.125rem !important; + } + .column-gap-xxl-1 { + column-gap: 0.25rem !important; + } + .column-gap-xxl-1_5 { + column-gap: 0.375rem !important; + } + .column-gap-xxl-2 { + column-gap: 0.5rem !important; + } + .column-gap-xxl-3 { + column-gap: 0.75rem !important; + } + .column-gap-xxl-4 { + column-gap: 1rem !important; + } + .column-gap-xxl-5 { + column-gap: 1.25rem !important; + } + .column-gap-xxl-6 { + column-gap: 1.5rem !important; + } + .column-gap-xxl-7 { + column-gap: 1.75rem !important; + } + .column-gap-xxl-8 { + column-gap: 2rem !important; + } + .column-gap-xxl-9 { + column-gap: 2.25rem !important; + } + .column-gap-xxl-10 { + column-gap: 2.5rem !important; + } + .column-gap-xxl-11 { + column-gap: 2.75rem !important; + } + .column-gap-xxl-12 { + column-gap: 3rem !important; + } + .text-xxl-start { + text-align: start !important; + } + .text-xxl-end { + text-align: end !important; + } + .text-xxl-center { + text-align: center !important; + } +} +@media (min-width: 1200px) { + .fs-1 { + font-size: 2.875rem !important; + } + .fs-2 { + font-size: 2.375rem !important; + } + .fs-3 { + font-size: 1.75rem !important; + } + .fs-4 { + font-size: 1.5rem !important; + } + .fs-xxlarge { + font-size: 6rem !important; + } +} +@media print { + .d-print-inline { + display: inline !important; + } + .d-print-inline-block { + display: inline-block !important; + } + .d-print-block { + display: block !important; + } + .d-print-grid { + display: grid !important; + } + .d-print-table { + display: table !important; + } + .d-print-table-row { + display: table-row !important; + } + .d-print-table-cell { + display: table-cell !important; + } + .d-print-flex { + display: flex !important; + } + .d-print-inline-flex { + display: inline-flex !important; + } + .d-print-none { + display: none !important; + } +} +/* Default */ +:root, +[data-bs-theme="light"] { + /* Menu */ + --bs-menu-bg: var(--bs-paper-bg); + --bs-menu-bg-rgb: var(--bs-paper-bg-rgb); + --bs-menu-color: #384551; + --bs-menu-color-rgb: 56, 69, 81; + --bs-menu-hover-bg: #f2f3f3; + --bs-menu-hover-color: #384551; + --bs-menu-sub-active-bg: var(--bs-primary-bg-subtle); + --bs-menu-sub-active-color: var(--bs-primary); + --bs-menu-active-color: var(--bs-primary); + --bs-menu-active-bg: var(--bs-primary-bg-subtle); + --bs-menu-active-toggle-bg: #edeef0; + --bs-menu-horizontal-active-bg: var(--bs-menu-bg); + --bs-menu-box-shadow: 0 0.125rem 0.375rem 0 rgba(34, 48, 62, 0.08); + --bs-menu-divider-color: var(--bs-white); + --bs-menu-width: 16.25rem; + --bs-menu-collapsed-width: 5.25rem; + --bs-menu-item-spacer: 0.125rem; + --bs-menu-vertical-link-padding-y: 0.3125rem; + --bs-menu-vertical-link-padding-x: 0.9375rem; + --bs-menu-vertical-menu-link-padding-y: 0.3125rem; + --bs-menu-vertical-menu-level-spacer: 0.65rem; + --bs-menu-horizontal-menu-box-shadow: var(--bs-box-shadow-lg); +} + +[data-semidark-menu="true"], +[data-bs-theme="dark"] { + --bs-menu-bg: #2b2c40; + --bs-menu-bg-rgb: var(--bs-paper-bg-rgb); + --bs-menu-color: #b2b2c4; + --bs-menu-color-rgb: 178, 178, 196; + --bs-menu-hover-bg: rgba(230, 230, 241, 0.06); + --bs-menu-hover-color: #b2b2c4; + --bs-menu-active-bg: var(--bs-primary); + --bs-menu-active-color: #fff; + --bs-menu-active-toggle-bg: rgba(230, 230, 241, 0.08); + --bs-menu-sub-active-bg: var(--bs-primary); + --bs-menu-sub-active-color: #fff; + --bs-menu-box-shadow: 0 0.125rem 0.375rem 0 rgba(20, 20, 29, 0.2); + --bs-menu-divider-color: transparent; + --bs-menu-horizontal-active-bg: var(--bs-menu-bg); +} + +/* App Overlay +******************************************************************************* */ +.app-overlay { + position: absolute; + z-index: 3; + background-color: transparent; + inset: 0; + transition: all 0.25s ease-in-out; + visibility: hidden; +} +.app-overlay.show { + background-color: rgba(34, 48, 62, 0.5); + visibility: visible; +} + +/* IE Fixes +******************************************************************************* */ +@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { + /* Fix IE parent container height bug when containing image with fluid width */ + .card, + .card-body, + .media, + .flex-column, + .tab-content { + min-block-size: 1px; + } + img { + block-size: auto; + min-block-size: 1px; + } +} +/* Containers +******************************************************************************* */ +.container, +.container-fluid, +.container-sm, +.container-md, +.container-lg, +.container-xl, +.container-xxl { + padding-inline: 1rem; +} +@media (min-width: 992px) { + .container, + .container-fluid, + .container-sm, + .container-md, + .container-lg, + .container-xl, + .container-xxl { + padding-inline: 1.625rem; + } +} + +/* Buy now section +******************************************************************************* */ +.buy-now .btn-buy-now { + position: fixed; + z-index: 1080; + box-shadow: 0 1px 20px 1px #ff3e1d; + inset-block-end: 3rem; + inset-inline-end: 1.625rem; +} +.buy-now .btn-buy-now:hover { + box-shadow: none; +} + +/* Common +******************************************************************************* */ +/* Line Clamp with ellipsis +******************************************************************************* */ +.line-clamp-1 { + display: -webkit-box; + overflow: hidden; + -webkit-box-orient: vertical; + -webkit-line-clamp: 1; +} + +.line-clamp-2 { + display: -webkit-box; + overflow: hidden; + -webkit-box-orient: vertical; + -webkit-line-clamp: 2; +} + +.line-clamp-3 { + display: -webkit-box; + overflow: hidden; + -webkit-box-orient: vertical; + -webkit-line-clamp: 3; +} + +/* Background +******************************************************************************* */ +.ui-bg-cover { + background-color: rgba(0, 0, 0, 0); + background-position: center center; + background-size: cover; +} + +.ui-bg-overlay-container, +.ui-bg-video-container { + position: relative; +} +.ui-bg-overlay-container > *, +.ui-bg-video-container > * { + position: relative; +} + +.ui-bg-overlay-container .ui-bg-overlay { + position: absolute; + display: block; + background-color: var(--bs-gray-900); + inset: 0; +} + +[data-bs-theme="dark"] .ui-bg-overlay-container .ui-bg-overlay { + background-color: #575882; +} + +/* Menu +******************************************************************************* */ +.menu { + display: flex; + background-color: var(--bs-menu-bg); + /* PS Scrollbar */ +} +@media (min-width: 1200px) { + .menu { + box-shadow: var(--bs-menu-box-shadow); + } +} +.menu .app-brand { + inline-size: 100%; + padding-inline: calc(var(--bs-menu-vertical-link-padding-x) * 2.1333); +} +.menu .app-brand .app-brand-text { + color: var(--bs-heading-color); +} +.menu .app-brand .layout-menu-toggle { + position: absolute; + z-index: 3; + border: 7px solid var(--bs-body-bg); + border-radius: 50%; + background-color: var(--bs-primary); + inset-inline-start: 15.2rem; + opacity: 1; + /* transition: opacity $menu-animation-duration ease-in-out; */ +} +.menu .app-brand .layout-menu-toggle i { + block-size: 1.375rem; + color: var(--bs-white); + inline-size: 1.375rem; + line-height: 1; + transition: all 0.3s ease-in-out; +} +:dir(rtl) .menu .app-brand .layout-menu-toggle i { + transform: scaleX(-1); +} +@media (min-width: 1200px) { + .menu .app-brand .layout-menu-toggle::before { + position: absolute; + z-index: -1; + display: none; + border: 1px solid var(--bs-border-color); + border-radius: 50%; + block-size: 2.25rem; + clip-path: circle(71% at 0% 50%); + content: ""; + inline-size: 2.25rem; + inset-block-start: -0.46rem; + inset-inline-start: -0.5rem; + } + :dir(rtl) .menu .app-brand .layout-menu-toggle::before { + clip-path: circle(71% at 100% 50%); + } + [data-skin="bordered"] .menu .app-brand .layout-menu-toggle::before { + display: block; + } +} +@media (max-width: 1199.98px) { + .menu .app-brand .layout-menu-toggle { + display: none; + border: 7px solid var(--bs-paper-bg); + } + .layout-menu-expanded .menu .app-brand .layout-menu-toggle { + display: block; + } +} +.menu .menu-sub > .menu-item > .menu-link::before { + position: absolute; + border-radius: 50%; + background-color: var(--bs-gray-400); + block-size: 0.375rem; + content: ""; + inline-size: 0.375rem; + inset-inline-start: 1.4375rem; +} +.layout-horizontal .menu .menu-sub > .menu-item > .menu-link::before { + inset-inline-start: 1rem; +} +@media (max-width: 1199.98px) { + .layout-horizontal .menu .menu-sub > .menu-item > .menu-link::before { + inset-inline-start: 1.5rem; + } +} +.menu.menu-horizontal + .menu-inner + > .menu-item + > .menu-sub + > .menu-item + > .menu-link { + padding-inline-start: 1rem; +} +.menu.menu-horizontal + .menu-inner + > .menu-item + > .menu-sub + > .menu-item + > .menu-link::before { + display: none; +} +.menu.menu-horizontal .menu-sub .menu-item .menu-link { + padding-inline-start: 3rem; +} +.menu .ps.ps--active-y > .ps__rail-y { + background: none; +} +.menu .ps .ps__rail-y { + inset-inline: auto 0.25rem !important; +} +.menu .ps .ps__thumb-y, +.menu .ps .ps__rail-y { + inline-size: 0.125rem; +} +.menu .ps .ps__rail-y:hover, +.menu .ps .ps__rail-y:focus, +.menu .ps .ps__rail-y.ps--clicking, +.menu .ps .ps__rail-y:hover > .ps__thumb-y, +.menu .ps .ps__rail-y:focus > .ps__thumb-y, +.menu .ps .ps__rail-y.ps--clicking > .ps__thumb-y { + inline-size: 0.375rem; +} +.menu .ps .ps__thumb-y, +.menu .ps .ps__rail-y.ps--clicking > .ps__thumb-y { + opacity: 0.3; +} + +/* Menu link */ +.menu-link { + position: relative; + display: flex; + flex: 0 1 auto; + align-items: center; + margin: 0; + /* link hover animation */ +} +.menu:not(.menu-no-animation) .menu-link { + transition-duration: 0.3s; + transition-property: color, background-color, inset-inline-start; +} +.menu-item.disabled .menu-link { + cursor: not-allowed; +} +.menu-link > :not(.menu-icon) { + flex: 0 1 auto; + opacity: 1; +} +.menu:not(.menu-no-animation) .menu-link > :not(.menu-icon) { + transition: opacity 0.3s ease-in-out; +} + +.menu-inner { + display: flex; + align-items: flex-start; + justify-content: flex-start; + padding: 0; + margin: 0; + block-size: 100%; +} +.menu-inner > .menu-item.menu-item-closing .menu-item.open .menu-sub, +.menu-inner > .menu-item.menu-item-closing .menu-item.open .menu-toggle { + background-color: transparent; + color: var(--bs-menu-color); +} + +.menu-inner-shadow { + position: absolute; + z-index: 2; + display: none; + background: linear-gradient( + var(--bs-menu-bg) 41%, + rgba(var(--bs-menu-bg-rgb), 0.11) 95%, + rgba(var(--bs-menu-bg-rgb), 0) + ); + inline-size: 100%; + inset-block-start: 4.35rem; + pointer-events: none; +} +@media (min-width: 1200px) { + .menu-inner-shadow { + block-size: 3rem; + } +} +@media (max-width: 1199.98px) { + .menu-inner-shadow { + block-size: 1.5rem; + } +} +.layout-navbar-full .menu-inner-shadow { + inset-block-start: 0; +} + +/* Menu item */ +.menu-item { + align-items: flex-start; + justify-content: flex-start; +} +.menu-item.menu-item-animating { + transition: block-size 0.3s ease-in-out; +} + +/* Horizontal Menu +****************************************************************************** */ +.menu.menu-horizontal .menu-inner > .menu-item > .menu-link { + border-radius: 0.375rem; +} +.menu.menu-horizontal .menu-inner > .menu-item.active > .menu-link.menu-toggle { + background: var(--bs-menu-active-bg); + color: var(--bs-menu-active-color); +} +.menu.menu-horizontal .menu-inner > .menu-item { + margin-block: 0.625rem; + margin-inline: 0; +} +.menu.menu-horizontal .menu-inner > .menu-item:not(:first-child) { + margin-inline-start: 0.1875rem; +} +.menu.menu-horizontal .menu-inner > .menu-item:not(:last-child) { + margin-inline-end: 0.1875rem; +} +.menu.menu-horizontal .menu-inner > .menu-item .menu-sub { + z-index: 1; + box-shadow: var(--bs-menu-horizontal-menu-box-shadow); +} + +.menu-item, +.menu-header, +.menu-divider, +.menu-block { + flex: 0 0 auto; + flex-direction: column; + padding: 0; + margin: 0; + list-style: none; +} + +.menu-header { + opacity: 1; + transition: opacity 0.3s ease-in-out; +} +.menu-header .menu-header-text { + color: var(--bs-gray-400); + letter-spacing: 0.4px; + text-transform: uppercase; + white-space: nowrap; +} + +/* Menu Icon */ +.menu-icon { + flex-grow: 0; + flex-shrink: 0; + block-size: 1.375rem; + font-size: 1.375rem; + inline-size: 1.375rem; + margin-inline-end: 0.5rem; +} +.menu:not(.menu-no-animation) .menu-icon { + transition: margin-inline-end 0.3s ease; +} +.menu-icon .menu-link { + transition-duration: 0.3s; +} +.menu-icon .menu-toggle::after { + transition-duration: 0.3s; + transition-property: -webkit-transform, transform; +} + +.menu-link, +.menu-horizontal-prev, +.menu-horizontal-next { + color: var(--bs-menu-color); +} +.menu-link:hover, +.menu-link:focus, +.menu-horizontal-prev:hover, +.menu-horizontal-prev:focus, +.menu-horizontal-next:hover, +.menu-horizontal-next:focus { + color: var(--bs-menu-hover-color); +} + +.menu-item.disabled .menu-link, +.menu-horizontal-prev.disabled, +.menu-horizontal-next.disabled { + opacity: 0.6; +} + +/* Sub menu */ +.menu-sub { + display: none; + flex-direction: column; + padding: 0; + margin: 0; +} +.menu-item.open > .menu-sub { + display: flex; +} +.menu-sub > .menu-item.active > .menu-link { + background-color: transparent; + color: var(--bs-heading-color); +} +.menu-sub > .menu-item.active > .menu-link:not(.menu-toggle)::before { + box-shadow: 0 0 0 1px var(--bs-paper-bg); +} +.menu-sub > .menu-item.active > .menu-link.menu-toggle { + background-color: var(--bs-menu-active-toggle-bg); + color: var(--bs-menu-color); +} + +/* Menu toggle open/close arrow */ +.menu-toggle::after { + position: absolute; + display: block; + border: 2px solid; + block-size: 0.45em; + border-block-end: 0; + border-inline-start: 0; + content: ""; + inline-size: 0.45em; + inset-block-start: 49%; + transform: translateY(-50%) rotate(45deg); +} +:dir(rtl) .menu-toggle::after { + transform: translateY(-50%) rotate(-45deg); +} + +/* Menu divider */ +.menu-divider { + border: 0; + border-block-start: 1px solid; + border-block-start-color: var(--bs-menu-divider-color); + inline-size: 100%; +} + +.menu-vertical { + flex-direction: column; +} +.menu-vertical:not(.menu-no-animation) { + transition: inline-size 0.3s; +} +.menu-vertical, +.menu-vertical .menu-block, +.menu-vertical .menu-inner > .menu-item, +.menu-vertical .menu-inner > .menu-header { + inline-size: var(--bs-menu-width); +} +.menu-vertical .menu-inner { + flex: 1 1 auto; + flex-direction: column; +} +.menu-vertical .menu-inner > .menu-item { + margin-block: var(--bs-menu-item-spacer); + margin-inline: 0; + /* menu-link spacing */ +} +.layout-wrapper:not(.layout-horizontal) + .menu-vertical + .menu-inner + > .menu-item.active::before { + position: absolute; + background-color: var(--bs-primary); + block-size: 2.6845rem; + content: ""; + inline-size: 0.25rem; + inset-inline-end: 0; + border-start-start-radius: 0.375rem; + border-end-start-radius: 0.375rem; +} +.menu-vertical .menu-inner > .menu-item.active > .menu-link:not(.menu-toggle) { + background-color: var(--bs-menu-active-bg); + color: var(--bs-menu-active-color); +} +.menu-vertical .menu-inner > .menu-item .menu-link { + border-radius: 0.375rem; + margin-block: 0; + margin-inline: 1rem; +} +.menu-vertical .menu-item .menu-link, +.menu-vertical .menu-block { + padding-block: var(--bs-menu-vertical-link-padding-y); + padding-inline: var(--bs-menu-vertical-link-padding-x); +} +.layout-menu-hover .menu-vertical .menu-inner > .menu-item > .menu-link, +.layout-menu-hover .menu-vertical .menu-inner > .menu-block, +.layout-menu-hover .menu-vertical .menu-inner > .menu-header { + padding-inline: calc(0.9375rem - 1px) + calc(var(--bs-menu-vertical-link-padding-x) + 1.76em); +} +.menu-vertical .menu-header { + position: relative; + margin-block: 1rem 0.5rem; + margin-inline: 0; + padding-block: 0.625rem; + padding-inline: 1.9996875rem; +} +.menu-vertical .menu-header::before { + position: absolute; + background-color: var(--bs-gray-200); + block-size: 1px; + content: ""; + inline-size: 1rem; + inset-block-start: 50%; + inset-inline-start: 0; + transition: all 0.3s ease-in-out; +} +.menu-vertical .menu-item .menu-link { + font-size: 0.9375rem; + min-block-size: 2.625rem; +} +.menu-vertical .menu-item .menu-link > div:not(.badge) { + overflow: hidden; + line-height: 1.375rem; + text-overflow: ellipsis; + white-space: nowrap; +} +.menu-vertical .menu-item .menu-toggle { + padding-inline-end: calc(var(--bs-menu-vertical-link-padding-x) + 1.76em); +} +.menu-vertical .menu-item .menu-toggle::after { + inset-inline-end: calc(var(--bs-menu-vertical-link-padding-x) + 0.3rem); + transition: transform 0.3s; +} +.menu-vertical .menu-item:not(.active):not(.open) .menu-link:hover { + background-color: var(--bs-menu-hover-bg); +} +.menu-vertical .menu-item.active > .menu-toggle { + background-color: var(--bs-menu-sub-active-bg); + color: var(--bs-menu-sub-active-color); +} +.menu-vertical + .menu-item.active:not(.open) + > .menu-link:not(.menu-toggle)::before { + /* border: 3px solid var(--bs-primary-bg-subtle); */ + background-color: var(--bs-primary); + block-size: 0.5rem; + box-shadow: 0 0 0 3px var(--bs-primary-bg-subtle); + inline-size: 0.5rem; + inset-inline-start: 1.4rem; +} +.layout-horizontal + .menu-vertical + .menu-item.active:not(.open) + > .menu-link:not(.menu-toggle)::before { + inset-inline-start: 1.5rem; +} +.menu-vertical .menu-item.open:not(.menu-item-closing) > .menu-link::after { + transform: translateY(-50%) rotate(135deg); +} +:dir(rtl) + .menu-vertical + .menu-item.open:not(.menu-item-closing) + > .menu-link::after { + transform: translateY(-50%) rotate(-135deg); +} +.menu-vertical .menu-divider { + padding: 0; + margin-block: 0.5rem; +} +.menu-vertical .menu-sub .menu-item { + margin-block: calc(var(--bs-menu-item-spacer) * 2) 0; + margin-inline: 0; +} +@media (max-width: 1199.98px) { + .layout-horizontal .menu-vertical .menu-sub .menu-icon { + display: none; + } +} +@media (max-width: 1199.98px) { + .layout-horizontal .menu-vertical { + box-shadow: none; + } +} +.layout-horizontal .menu-vertical .menu-item { + margin-block-start: 0.25rem; +} +.menu-vertical .menu-horizontal-wrapper { + flex: none; +} +.menu-vertical ~ .menu-mobile-toggler { + display: none; +} +.layout-navbar-hidden .menu-vertical ~ .menu-mobile-toggler { + position: fixed; + z-index: 1067; + display: flex; + align-items: center; + justify-content: center; + background-color: var(--bs-secondary); + inset-block-end: calc(1.625rem * 2); + inset-inline-start: 1.625rem; +} +.menu-vertical .menu-sub .menu-link { + padding-inline-start: 2.9375rem; +} +.layout-wrapper:not(.layout-horizontal) + .menu-vertical + .menu-inner + > .menu-item + .menu-sub + .menu-sub + .menu-link { + padding-inline-start: 3.4375rem; +} +.layout-wrapper:not(.layout-horizontal) + .menu-vertical + .menu-inner + > .menu-item + .menu-sub + .menu-sub + .menu-link::before { + inset-inline-start: 1.975rem; +} +.layout-wrapper:not(.layout-horizontal) + .menu-vertical + .menu-inner + > .menu-item + .menu-sub + .menu-sub + > .menu-item.active + > .menu-link::before { + inset-inline-start: 1.965rem; +} +.layout-wrapper:not(.layout-horizontal) + .menu-vertical + .menu-inner + > .menu-item + .menu-sub + .menu-sub + .menu-sub + .menu-link { + padding-inline-start: 4.0875rem; +} +.layout-wrapper:not(.layout-horizontal) + .menu-vertical + .menu-inner + > .menu-item + .menu-sub + .menu-sub + .menu-sub + .menu-link::before { + inset-inline-start: 2.625rem; +} +.layout-wrapper:not(.layout-horizontal) + .menu-vertical + .menu-inner + > .menu-item + .menu-sub + .menu-sub + .menu-sub + > .menu-item.active + > .menu-link::before { + inset-inline-start: 2.615rem; +} +.layout-wrapper:not(.layout-horizontal) + .menu-vertical + .menu-inner + > .menu-item + .menu-sub + .menu-sub + .menu-sub + .menu-sub + .menu-link { + padding-inline-start: 4.7375rem; +} +.layout-wrapper:not(.layout-horizontal) + .menu-vertical + .menu-inner + > .menu-item + .menu-sub + .menu-sub + .menu-sub + .menu-sub + .menu-link::before { + inset-inline-start: 3.275rem; +} +.layout-wrapper:not(.layout-horizontal) + .menu-vertical + .menu-inner + > .menu-item + .menu-sub + .menu-sub + .menu-sub + .menu-sub + > .menu-item.active + > .menu-link::before { + inset-inline-start: 3.265rem; +} +.layout-wrapper:not(.layout-horizontal) + .menu-vertical + .menu-inner + > .menu-item + .menu-sub + .menu-sub + .menu-sub + .menu-sub + .menu-sub + .menu-link { + padding-inline-start: 5.3875rem; +} +.layout-wrapper:not(.layout-horizontal) + .menu-vertical + .menu-inner + > .menu-item + .menu-sub + .menu-sub + .menu-sub + .menu-sub + .menu-sub + .menu-link::before { + inset-inline-start: 3.925rem; +} +.layout-wrapper:not(.layout-horizontal) + .menu-vertical + .menu-inner + > .menu-item + .menu-sub + .menu-sub + .menu-sub + .menu-sub + .menu-sub + > .menu-item.active + > .menu-link::before { + inset-inline-start: 3.915rem; +} + +/* Vertical Menu Collapsed +******************************************************************************* */ +/* Only for menu example */ +.menu-collapsed:not(:hover) { + inline-size: var(--bs-menu-collapsed-width); + /* Custom for sneat only */ +} +.menu-collapsed:not(:hover) .menu-inner > .menu-item { + inline-size: var(--bs-menu-collapsed-width); +} +.menu-collapsed:not(:hover) .menu-inner > .menu-header, +.menu-collapsed:not(:hover) .menu-block { + position: relative; + inline-size: var(--bs-menu-width); + margin-inline-start: var(--bs-menu-collapsed-width); + padding-inline: 0.5rem + calc(var(--bs-menu-vertical-link-padding-x) * 2 - 0.5rem); + text-indent: -9999px; + text-overflow: ellipsis; + white-space: nowrap; +} +.menu-collapsed:not(:hover) .menu-inner > .menu-header .menu-header-text, +.menu-collapsed:not(:hover) .menu-block .menu-header-text { + overflow: hidden; + opacity: 0; +} +.menu-collapsed:not(:hover) .menu-inner > .menu-header::before, +.menu-collapsed:not(:hover) .menu-block::before { + position: absolute; + display: block; + content: ""; + inline-size: calc(var(--bs-menu-collapsed-width) * 0.22); + inset-block: 1.1875rem; + inset-inline-start: calc(-1 * var(--bs-menu-collapsed-width) * 0.61); + text-align: center; +} +.menu-collapsed:not(:hover) .menu-block::before { + block-size: 0.125rem; +} +.menu-collapsed:not(:hover) .menu-inner > .menu-item div:not(.menu-block) { + overflow: hidden; + opacity: 0; + text-overflow: ellipsis; + white-space: nowrap; +} +.menu-collapsed:not(:hover) .menu-inner > .menu-item > .menu-sub, +.menu-collapsed:not(:hover) .menu-inner > .menu-item.open > .menu-sub { + display: none; +} +.menu-collapsed:not(:hover) .menu-inner > .menu-item > .menu-toggle::after { + display: none; +} +.menu-collapsed:not(:hover):not(.layout-menu-hover) + .menu-inner + > .menu-item + > .menu-link, +.menu-collapsed:not(:hover):not(.layout-menu-hover) .menu-inner > .menu-block, +.menu-collapsed:not(:hover):not(.layout-menu-hover) .menu-inner > .menu-header { + padding-inline: calc(0.9375rem - 1px); +} +.menu-collapsed:not(:hover) .menu-inner > .menu-item > .menu-link .menu-icon { + margin-inline-end: 0; + text-align: center; +} + +/* Horizontal +******************************************************************************* */ +.menu-horizontal { + flex-direction: row; + inline-size: 100%; +} +.menu-horizontal .menu-inner { + overflow: hidden; + flex: 0 1 100%; + flex-direction: row; +} +.menu-horizontal .menu-inner .menu-item:not(.menu-item-closing) > .menu-sub { + background-color: var(--bs-menu-bg); +} +.menu-horizontal .menu-inner .menu-item:hover > .menu-link { + background-color: var(--bs-menu-hover-bg); + color: var(--bs-menu-hover-color); +} +.menu-horizontal .menu-item .menu-link { + padding-block: 0.625rem; + padding-inline: 1rem; +} +.menu-horizontal .menu-item.active > .menu-link:not(.menu-toggle) { + background: var(--bs-menu-horizontal-active-bg); + color: var(--bs-primary); +} +.menu-horizontal .menu-item.active > .menu-link:not(.menu-toggle)::before { + background-color: var(--bs-primary); + box-shadow: 0 0 0 3px var(--bs-primary-bg-subtle); +} +.menu-horizontal .menu-item .menu-toggle { + padding-inline-end: calc(1rem + 1.76em); +} +.menu-horizontal .menu-item .menu-toggle::after { + inset-block-start: 47%; + inset-inline-end: calc(1rem + 0.15rem); +} +.menu-horizontal .menu-inner > .menu-item > .menu-toggle::after { + transform: translateY(-50%) rotate(135deg); +} +:dir(rtl) .menu-horizontal .menu-inner > .menu-item > .menu-toggle::after { + transform: translateY(-50%) rotate(-135deg); +} +.menu-horizontal .menu-inner > .menu-item > .menu-toggle::before { + position: absolute; + z-index: 2; + block-size: 0.625rem; + content: ""; + inline-size: 100%; + inset-block-start: 100%; + inset-inline-start: 0; + pointer-events: auto; +} +.menu-horizontal .menu-inner > .menu-item > .menu-sub { + margin-block-start: 0.625rem; +} +.menu-horizontal .menu-inner > .menu-item > .menu-sub .menu-sub { + margin-block: 0; + margin-inline: 0.375rem; +} +.menu-horizontal + .menu-inner + > .menu-item:not(.menu-item-closing).open + .menu-item.open { + position: relative; +} +.menu-horizontal .menu-sub { + position: absolute; + inline-size: 14.5rem; + padding-block: 0.5rem; + padding-inline: 0; +} +.menu-horizontal .menu-sub .menu-item { + /* padding-inline: $menu-link-spacer-x; */ +} +.menu-horizontal .menu-sub .menu-item:not(:last-child) { + margin-block-end: 0.125rem; +} +.menu-horizontal .menu-sub .menu-item.open .menu-link > div::after { + position: absolute; + z-index: 2; + block-size: 100%; + content: ""; + inline-size: 1.0625rem; + inset-inline-end: -1.0625rem; + pointer-events: auto; +} +.menu-horizontal .menu-sub .menu-sub { + position: absolute; + inline-size: 100%; + inset-block-start: 0; + inset-inline-start: 100%; +} +.menu-horizontal .menu-sub .menu-link { + padding-block: 0.625rem; +} +.menu-horizontal .menu-inner > .menu-item .menu-sub { + border-radius: 0.375rem; +} +.menu-horizontal .menu-inner > .menu-item .menu-sub .menu-sub .menu-link { + padding-inline-start: 2rem; +} +.menu-horizontal:not(.menu-no-animation) .menu-inner .menu-item.open .menu-sub { + animation: menuDropdownShow 0.3s ease-in-out; +} +@media (max-width: 991.98px) { + .menu-horizontal { + display: none; + } +} + +.menu-horizontal-wrapper { + overflow: hidden; + flex: 0 1 100%; + inline-size: 0; +} +.menu:not(.menu-no-animation) .menu-horizontal-wrapper .menu-inner { + transition: margin 0.3s; +} + +.menu-horizontal-prev, +.menu-horizontal-next { + position: relative; + display: block; + flex: 0 0 auto; + inline-size: 2.25rem; +} +.menu-horizontal-prev::after, +.menu-horizontal-next::after { + position: absolute; + display: block; + border: 1px solid; + block-size: 0.5rem; + border-block-start: 0; + content: ""; + inline-size: 0.5rem; + inset-block-start: 50%; + inset-inline-start: 50%; +} +.menu-horizontal-prev.disabled, +.menu-horizontal-next.disabled { + cursor: not-allowed; +} + +.menu-horizontal-prev::after { + border-inline-end: 0; + transform: translate(0, -50%) rotate(45deg); +} +:dir(rtl) .menu-horizontal-prev::after { + transform: translate(0, -50%) rotate(-45deg); +} + +.menu-horizontal-next::after { + border-inline-start: 0; + transform: translate(50%, -50%) rotate(315deg); +} +:dir(rtl) .menu-horizontal-next::after { + transform: translate(-50%, -50%) rotate(-315deg); +} + +@keyframes menuDropdownShow { + 0% { + opacity: 0; + transform: translateY(-0.5rem); + } + 100% { + opacity: 1; + transform: translateY(0); + } +} +/* Layouts +******************************************************************************* */ +.layout-container { + min-block-size: 100vh; +} + +.layout-wrapper, +.layout-container { + display: flex; + flex: 1 1 auto; + align-items: stretch; + inline-size: 100%; +} + +.layout-menu-offcanvas .layout-wrapper, +.layout-menu-fixed-offcanvas .layout-wrapper { + overflow: hidden; +} + +/* Display menu toggle on navbar for .layout-menu-offcanvas, .layout-menu-fixed-offcanvas */ +.layout-menu-offcanvas .layout-navbar .layout-menu-toggle, +.layout-menu-fixed-offcanvas .layout-navbar .layout-menu-toggle { + display: block !important; +} + +/* Hide menu close icon from large screen for .layout-menu-offcanvas, .layout-menu-fixed-offcanvas */ +@media (min-width: 1200px) { + .layout-menu-offcanvas .layout-menu .layout-menu-toggle, + .layout-menu-fixed-offcanvas .layout-menu .layout-menu-toggle { + display: none; + } + .layout-horizontal .layout-page .menu-horizontal { + box-shadow: var(--bs-menu-box-shadow); + } +} +.layout-page, +.content-wrapper, +.content-wrapper > *, +.layout-menu { + min-block-size: 1px; +} + +.layout-navbar, +.content-footer { + flex: 0 0 auto; +} + +.layout-page { + display: flex; + flex: 1 1 auto; + align-items: stretch; + padding: 0; +} +.layout-without-menu .layout-page { + padding-inline: 0 !important; +} + +.content-wrapper { + display: flex; + flex: 1 1 auto; + flex-direction: column; + align-items: stretch; + justify-content: space-between; +} + +/* Content backdrop */ +.content-backdrop { + /* z-index: 1 (layout static) */ + position: fixed; + top: 0; + left: 0; + z-index: 1; + width: 100vw; + height: 100vh; + background-color: #22303e; +} +.content-backdrop.fade { + opacity: 0; +} +.content-backdrop.show { + opacity: 0.5; +} +.layout-menu-fixed .content-backdrop { + z-index: 10; +} +.layout-horizontal .content-backdrop:not(.fade) { + z-index: 9; + /* Horizontal fix for search background with opacity */ + inset-block-start: 4rem !important; +} +.content-backdrop.fade { + z-index: -1; +} + +/* Layout Navbar +******************************************************************************* */ +.sticky-element { + position: sticky; + z-index: 8; +} +.window-scrolled .sticky-element { + inset-block-start: 0; + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.layout-navbar-fixed .sticky-element { + inset-block-start: 4.4375rem; +} +.layout-menu-fixed .layout-horizontal .sticky-element { + inset-block-start: 7.75rem; +} +.layout-menu-fixed.layout-navbar-fixed .layout-horizontal .sticky-element { + inset-block-start: 4rem; +} + +.layout-navbar { + position: relative; + z-index: 2; + flex-wrap: nowrap; + block-size: 4rem; + color: var(--bs-body-color); + padding-block: 0.5rem; +} +.layout-navbar .navbar { + transform: translate3d(0, 0, 0); +} +.layout-navbar .navbar-nav-right { + flex-basis: 100%; +} +.layout-navbar.navbar-detached { + /* Container layout max-width */ + border-radius: 0.375rem; + box-shadow: var(--bs-box-shadow-sm); + /* Navbar static */ + inline-size: calc(100% - 1.625rem * 2); + margin-block: 1rem 0; + padding-block: 0; + padding-inline: 1.5rem; +} +.layout-navbar.navbar-detached.container-xxl { + max-inline-size: calc(1440px - 1.625rem * 2); +} +.layout-navbar-fixed .layout-navbar.navbar-detached { + inline-size: calc(100% - 1.625rem * 2 - 16.25rem); +} +@media (max-width: 1199.98px) { + .layout-navbar-fixed .layout-navbar.navbar-detached { + inline-size: calc(100% - 1.625rem * 2) !important; + } +} +@media (max-width: 991.98px) { + .layout-navbar-fixed .layout-navbar.navbar-detached { + inline-size: calc(100% - 1rem * 2) !important; + } +} +.layout-navbar-fixed.layout-menu-collapsed .layout-navbar.navbar-detached { + inline-size: calc(100% - 1.625rem * 2 - 5.25rem); +} +.layout-menu-collapsed .layout-navbar.navbar-detached, +.layout-without-menu .layout-navbar.navbar-detached { + inline-size: calc(100% - 1.625rem * 2); +} +.layout-wrapper:not(.layout-horizontal) + .layout-navbar + .dropdown-menu[data-bs-popper] { + inset-block-start: 144%; +} +@media (max-width: 767.98px) { + .layout-wrapper:not(.layout-horizontal) + .layout-navbar + .dropdown-menu[data-bs-popper] { + inset-block-start: 110%; + } +} +.layout-navbar .navbar-dropdown .badge-notifications { + inset-block-start: 3px; + inset-inline-end: -2px; +} +.layout-navbar .navbar-dropdown .dropdown-menu { + overflow: hidden; + min-inline-size: 22rem; +} +.layout-navbar .navbar-dropdown .dropdown-menu .dropdown-item { + min-block-size: 2.375rem; +} +.layout-navbar .navbar-dropdown .dropdown-menu .last-login { + white-space: normal; +} +.layout-navbar + .navbar-dropdown.dropdown-notifications + .dropdown-notifications-list { + max-block-size: 30rem; +} +.layout-navbar + .navbar-dropdown.dropdown-notifications + .dropdown-notifications-list + .dropdown-notifications-item { + cursor: pointer; + padding-block: 0.75rem; + padding-inline: 1rem; +} +.layout-navbar + .navbar-dropdown.dropdown-notifications + .dropdown-notifications-list + .dropdown-notifications-item + .dropdown-notifications-actions { + text-align: center; +} +.layout-navbar + .navbar-dropdown.dropdown-notifications + .dropdown-notifications-list + .dropdown-notifications-item + .dropdown-notifications-actions + > a { + display: block; +} +.layout-navbar + .navbar-dropdown.dropdown-notifications + .dropdown-notifications-list + .dropdown-notifications-item + .dropdown-notifications-archive + i, +.layout-navbar + .navbar-dropdown.dropdown-notifications + .dropdown-notifications-list + .dropdown-notifications-item + .dropdown-notifications-archive + span { + color: var(--bs-heading-color); +} +.layout-navbar + .navbar-dropdown.dropdown-notifications + .dropdown-notifications-list + .dropdown-notifications-item.marked-as-read + .dropdown-notifications-read, +.layout-navbar + .navbar-dropdown.dropdown-notifications + .dropdown-notifications-list + .dropdown-notifications-item.marked-as-read + .dropdown-notifications-archive { + visibility: hidden; +} +.layout-navbar + .navbar-dropdown.dropdown-notifications + .dropdown-notifications-list + .dropdown-notifications-item.marked-as-read + .dropdown-notifications-read + span { + background-color: var(--bs-secondary); +} +.layout-navbar + .navbar-dropdown.dropdown-notifications + .dropdown-notifications-list + .dropdown-notifications-item:not(.marked-as-read) + .dropdown-notifications-archive { + visibility: hidden; +} +.layout-navbar + .navbar-dropdown.dropdown-notifications + .dropdown-notifications-list + .dropdown-notifications-item:hover.marked-as-read + .dropdown-notifications-read, +.layout-navbar + .navbar-dropdown.dropdown-notifications + .dropdown-notifications-list + .dropdown-notifications-item:hover.marked-as-read + .dropdown-notifications-archive { + visibility: visible; +} +.layout-navbar + .navbar-dropdown.dropdown-notifications + .dropdown-notifications-list + .dropdown-notifications-item:hover:not(.marked-as-read) + .dropdown-notifications-archive { + visibility: visible; +} +.layout-navbar .navbar-dropdown.dropdown-shortcuts .dropdown-shortcuts-list { + max-block-size: 30rem; +} +.layout-navbar .navbar-dropdown.dropdown-shortcuts .dropdown-shortcuts-item { + padding: 1.5rem; + text-align: center; +} +.layout-navbar + .navbar-dropdown.dropdown-shortcuts + .dropdown-shortcuts-item:hover { + background-color: var(--bs-gray-60); +} +.layout-navbar + .navbar-dropdown.dropdown-shortcuts + .dropdown-shortcuts-item + .dropdown-shortcuts-icon { + display: flex; + align-items: center; + justify-content: center; + background-color: var(--bs-gray-80); + block-size: 3.125rem; + color: var(--bs-heading-color); + inline-size: 3.125rem; + margin-inline: auto; +} +.layout-navbar .navbar-dropdown.dropdown-shortcuts .dropdown-shortcuts-item a, +.layout-navbar + .navbar-dropdown.dropdown-shortcuts + .dropdown-shortcuts-item + a:hover { + display: block; + color: var(--bs-heading-color) !important; + font-weight: 500; + margin-block-end: 0; +} +.layout-navbar .navbar-dropdown.dropdown-user .dropdown-menu { + min-inline-size: 14rem; +} +.layout-navbar[class*="bg-"]:not(.bg-navbar-theme) .nav-item .input-group-text, +.layout-navbar[class*="bg-"]:not(.bg-navbar-theme) .nav-item .dropdown-toggle { + color: var(--bs-white); +} +@media (max-width: 1199.98px) { + .layout-navbar .navbar-nav .nav-item.dropdown .dropdown-menu { + position: absolute; + } + .layout-navbar .navbar-nav .nav-item.dropdown .dropdown-menu .last-login { + white-space: nowrap; + } +} +@media (max-width: 767.98px) { + .layout-navbar .navbar-nav .nav-item.dropdown { + position: static; + float: inline-start; + } + .layout-navbar .navbar-nav .nav-item.dropdown .dropdown-menu { + position: absolute; + inline-size: 92%; + inset-inline-start: 0.9rem; + min-inline-size: auto; + } +} + +/* Navbar require high z-index as we use z-index for menu slide-out for below large screen */ +@media (max-width: 1199.98px) { + .layout-navbar { + z-index: 1080; + } +} +/* Layout Menu +******************************************************************************* */ +.layout-menu { + position: relative; + flex: 1 0 auto; +} +.layout-menu a:focus-visible { + outline: none; +} +.layout-menu .menu { + transform: translate3d(0, 0, 0); +} +.layout-menu.menu-vertical ~ .layout-page.window-scrolled .layout-navbar { + backdrop-filter: saturate(200%) blur(6px); + background-color: rgba(var(--bs-paper-bg-rgb), 0.88); +} + +/* Layout Content navbar +******************************************************************************* */ +.layout-content-navbar .layout-page { + flex-basis: 100%; + flex-direction: column; + inline-size: 0; + max-inline-size: 100%; + min-inline-size: 0; +} +.layout-content-navbar .content-wrapper { + inline-size: 100%; +} + +/* Layout Navbar full +******************************************************************************* */ +.layout-navbar-full .layout-container { + flex-direction: column; +} +@media (min-width: 1200px) { + .layout-navbar-full:not(.layout-horizontal) .menu-inner { + margin-block-start: 0.75rem; + } +} +.layout-navbar-full .content-wrapper { + flex-basis: 100%; + inline-size: 0; + max-inline-size: 100%; + min-inline-size: 0; +} +.layout-navbar-full.layout-horizontal .layout-navbar { + background-color: var(--bs-navbar-bg); + box-shadow: 0 1px 0 var(--bs-border-color); +} +.layout-navbar-full.layout-horizontal + .layout-navbar + .aa-DetachedSearchButtonPlaceholder { + display: none; +} +.layout-navbar-full.layout-horizontal + .layout-navbar + .search-toggler + .aa-DetachedSearchButton { + display: block; +} +.layout-navbar-full .content-backdrop.show { + z-index: 9; +} +.layout-menu-fixed .layout-navbar-full .content-backdrop.show, +.layout-menu-fixed-offcanvas .layout-navbar-full .content-backdrop.show { + z-index: 1076; +} + +/* Toggle +******************************************************************************* */ +.layout-menu-toggle i { + transition-duration: 0.3s; + transition-property: transform; +} +:dir(ltr) .layout-menu-toggle i { + transform: rotate(0deg); +} +:dir(rtl) .layout-menu-toggle i { + transform: rotate(180deg); +} + +@media (min-width: 992px) { + .layout-menu-hover .layout-menu-toggle { + display: none; + } +} +/* Collapsed layout (Default static and static off-canvas menu) +******************************************************************************* */ +@media (min-width: 1200px) { + /* Menu style */ + .layout-menu-collapsed:not( + .layout-menu-hover, + .layout-menu-offcanvas, + .layout-menu-fixed-offcanvas + ) + .layout-menu + .menu-vertical, + .layout-menu-collapsed:not( + .layout-menu-hover, + .layout-menu-offcanvas, + .layout-menu-fixed-offcanvas + ) + .layout-menu.menu-vertical { + inline-size: var(--bs-menu-collapsed-width); + /* Custom for sneat only */ + } + .layout-menu-collapsed:not( + .layout-menu-hover, + .layout-menu-offcanvas, + .layout-menu-fixed-offcanvas + ) + .layout-menu + .menu-vertical + .menu-inner + > .menu-item, + .layout-menu-collapsed:not( + .layout-menu-hover, + .layout-menu-offcanvas, + .layout-menu-fixed-offcanvas + ) + .layout-menu.menu-vertical + .menu-inner + > .menu-item { + inline-size: var(--bs-menu-collapsed-width); + } + .layout-menu-collapsed:not( + .layout-menu-hover, + .layout-menu-offcanvas, + .layout-menu-fixed-offcanvas + ) + .layout-menu + .menu-vertical + .menu-inner + > .menu-header, + .layout-menu-collapsed:not( + .layout-menu-hover, + .layout-menu-offcanvas, + .layout-menu-fixed-offcanvas + ) + .layout-menu + .menu-vertical + .menu-block, + .layout-menu-collapsed:not( + .layout-menu-hover, + .layout-menu-offcanvas, + .layout-menu-fixed-offcanvas + ) + .layout-menu.menu-vertical + .menu-inner + > .menu-header, + .layout-menu-collapsed:not( + .layout-menu-hover, + .layout-menu-offcanvas, + .layout-menu-fixed-offcanvas + ) + .layout-menu.menu-vertical + .menu-block { + position: relative; + inline-size: var(--bs-menu-width); + margin-inline-start: var(--bs-menu-collapsed-width); + padding-inline: 0.5rem + calc(var(--bs-menu-vertical-link-padding-x) * 2 - 0.5rem); + text-indent: -9999px; + text-overflow: ellipsis; + white-space: nowrap; + } + .layout-menu-collapsed:not( + .layout-menu-hover, + .layout-menu-offcanvas, + .layout-menu-fixed-offcanvas + ) + .layout-menu + .menu-vertical + .menu-inner + > .menu-header + .menu-header-text, + .layout-menu-collapsed:not( + .layout-menu-hover, + .layout-menu-offcanvas, + .layout-menu-fixed-offcanvas + ) + .layout-menu + .menu-vertical + .menu-block + .menu-header-text, + .layout-menu-collapsed:not( + .layout-menu-hover, + .layout-menu-offcanvas, + .layout-menu-fixed-offcanvas + ) + .layout-menu.menu-vertical + .menu-inner + > .menu-header + .menu-header-text, + .layout-menu-collapsed:not( + .layout-menu-hover, + .layout-menu-offcanvas, + .layout-menu-fixed-offcanvas + ) + .layout-menu.menu-vertical + .menu-block + .menu-header-text { + overflow: hidden; + opacity: 0; + } + .layout-menu-collapsed:not( + .layout-menu-hover, + .layout-menu-offcanvas, + .layout-menu-fixed-offcanvas + ) + .layout-menu + .menu-vertical + .menu-inner + > .menu-header::before, + .layout-menu-collapsed:not( + .layout-menu-hover, + .layout-menu-offcanvas, + .layout-menu-fixed-offcanvas + ) + .layout-menu + .menu-vertical + .menu-block::before, + .layout-menu-collapsed:not( + .layout-menu-hover, + .layout-menu-offcanvas, + .layout-menu-fixed-offcanvas + ) + .layout-menu.menu-vertical + .menu-inner + > .menu-header::before, + .layout-menu-collapsed:not( + .layout-menu-hover, + .layout-menu-offcanvas, + .layout-menu-fixed-offcanvas + ) + .layout-menu.menu-vertical + .menu-block::before { + position: absolute; + display: block; + content: ""; + inline-size: calc(var(--bs-menu-collapsed-width) * 0.22); + inset-block: 1.1875rem; + inset-inline-start: calc(-1 * var(--bs-menu-collapsed-width) * 0.61); + text-align: center; + } + .layout-menu-collapsed:not( + .layout-menu-hover, + .layout-menu-offcanvas, + .layout-menu-fixed-offcanvas + ) + .layout-menu + .menu-vertical + .menu-block::before, + .layout-menu-collapsed:not( + .layout-menu-hover, + .layout-menu-offcanvas, + .layout-menu-fixed-offcanvas + ) + .layout-menu.menu-vertical + .menu-block::before { + block-size: 0.125rem; + } + .layout-menu-collapsed:not( + .layout-menu-hover, + .layout-menu-offcanvas, + .layout-menu-fixed-offcanvas + ) + .layout-menu + .menu-vertical + .menu-inner + > .menu-item + div:not(.menu-block), + .layout-menu-collapsed:not( + .layout-menu-hover, + .layout-menu-offcanvas, + .layout-menu-fixed-offcanvas + ) + .layout-menu.menu-vertical + .menu-inner + > .menu-item + div:not(.menu-block) { + overflow: hidden; + opacity: 0; + text-overflow: ellipsis; + white-space: nowrap; + } + .layout-menu-collapsed:not( + .layout-menu-hover, + .layout-menu-offcanvas, + .layout-menu-fixed-offcanvas + ) + .layout-menu + .menu-vertical + .menu-inner + > .menu-item + > .menu-sub, + .layout-menu-collapsed:not( + .layout-menu-hover, + .layout-menu-offcanvas, + .layout-menu-fixed-offcanvas + ) + .layout-menu + .menu-vertical + .menu-inner + > .menu-item.open + > .menu-sub, + .layout-menu-collapsed:not( + .layout-menu-hover, + .layout-menu-offcanvas, + .layout-menu-fixed-offcanvas + ) + .layout-menu.menu-vertical + .menu-inner + > .menu-item + > .menu-sub, + .layout-menu-collapsed:not( + .layout-menu-hover, + .layout-menu-offcanvas, + .layout-menu-fixed-offcanvas + ) + .layout-menu.menu-vertical + .menu-inner + > .menu-item.open + > .menu-sub { + display: none; + } + .layout-menu-collapsed:not( + .layout-menu-hover, + .layout-menu-offcanvas, + .layout-menu-fixed-offcanvas + ) + .layout-menu + .menu-vertical + .menu-inner + > .menu-item + > .menu-toggle::after, + .layout-menu-collapsed:not( + .layout-menu-hover, + .layout-menu-offcanvas, + .layout-menu-fixed-offcanvas + ) + .layout-menu.menu-vertical + .menu-inner + > .menu-item + > .menu-toggle::after { + display: none; + } + .layout-menu-collapsed:not( + .layout-menu-hover, + .layout-menu-offcanvas, + .layout-menu-fixed-offcanvas + ) + .layout-menu + .menu-vertical:not(.layout-menu-hover) + .menu-inner + > .menu-item + > .menu-link, + .layout-menu-collapsed:not( + .layout-menu-hover, + .layout-menu-offcanvas, + .layout-menu-fixed-offcanvas + ) + .layout-menu + .menu-vertical:not(.layout-menu-hover) + .menu-inner + > .menu-block, + .layout-menu-collapsed:not( + .layout-menu-hover, + .layout-menu-offcanvas, + .layout-menu-fixed-offcanvas + ) + .layout-menu + .menu-vertical:not(.layout-menu-hover) + .menu-inner + > .menu-header, + .layout-menu-collapsed:not( + .layout-menu-hover, + .layout-menu-offcanvas, + .layout-menu-fixed-offcanvas + ) + .layout-menu.menu-vertical:not(.layout-menu-hover) + .menu-inner + > .menu-item + > .menu-link, + .layout-menu-collapsed:not( + .layout-menu-hover, + .layout-menu-offcanvas, + .layout-menu-fixed-offcanvas + ) + .layout-menu.menu-vertical:not(.layout-menu-hover) + .menu-inner + > .menu-block, + .layout-menu-collapsed:not( + .layout-menu-hover, + .layout-menu-offcanvas, + .layout-menu-fixed-offcanvas + ) + .layout-menu.menu-vertical:not(.layout-menu-hover) + .menu-inner + > .menu-header { + padding-inline: calc(0.9375rem - 1px); + } + .layout-menu-collapsed:not( + .layout-menu-hover, + .layout-menu-offcanvas, + .layout-menu-fixed-offcanvas + ) + .layout-menu + .menu-vertical + .menu-inner + > .menu-item + > .menu-link + .menu-icon, + .layout-menu-collapsed:not( + .layout-menu-hover, + .layout-menu-offcanvas, + .layout-menu-fixed-offcanvas + ) + .layout-menu.menu-vertical + .menu-inner + > .menu-item + > .menu-link + .menu-icon { + margin-inline-end: 0; + text-align: center; + } + /* Menu position */ + .layout-menu-hover.layout-menu-collapsed .layout-menu { + margin-inline-end: -calc( + var(--bs-menu-width) var(--bs-menu-collapsed-width) + ); + } + .layout-menu-hover.layout-menu-collapsed .layout-menu .layout-menu-toggle i { + transform: rotate(180deg); + transition-duration: 0.3s; + transition-property: transform; + } + .layout-menu-hover.layout-menu-collapsed + .layout-menu + .layout-menu-toggle + i + :dir(rtl) { + transform: rotate(0deg); + } +} +/* Off-canvas layout (Layout Collapsed) +******************************************************************************* */ +@media (min-width: 1200px) { + .layout-menu-collapsed.layout-menu-offcanvas .layout-menu { + margin-inline-end: -var(--bs-menu-width); + transform: translateX(-100%); + } +} +/* Fixed off-canvas layout (Layout Fixed) +******************************************************************************* */ +@media (min-width: 1200px) { + /* Menu */ + .layout-menu-fixed .layout-menu, + .layout-menu-fixed-offcanvas .layout-menu { + position: fixed; + inset-block: 0; + inset-inline-start: 0; + margin-inline: 0 !important; + } + /* Fixed off-canvas */ + /* Menu collapsed */ + .layout-menu-fixed-offcanvas.layout-menu-collapsed .layout-menu { + transform: translateX(-100%); + } + /* Container */ + /* Menu expanded */ + .layout-menu-fixed:not(.layout-menu-collapsed) .layout-page, + .layout-menu-fixed-offcanvas:not(.layout-menu-collapsed) .layout-page { + padding-inline-start: var(--bs-menu-width); + } + /* Menu collapsed */ + .layout-menu-fixed.layout-menu-collapsed .layout-page { + padding-inline-start: var(--bs-menu-collapsed-width); + } +} +/* Reset paddings (for non fixed entities) */ +html:not(.layout-navbar-fixed, .layout-menu-fixed, .layout-menu-fixed-offcanvas) + .layout-page, +html:not(.layout-navbar-fixed) .layout-content-navbar .layout-page { + padding-block-start: 0 !important; +} + +html:not(.layout-footer-fixed) .content-wrapper { + padding-block-end: 0 !important; +} + +@media (max-width: 1199.98px) { + .layout-menu-fixed .layout-wrapper.layout-navbar-full .layout-menu, + .layout-menu-fixed-offcanvas .layout-wrapper.layout-navbar-full .layout-menu { + inset-block-start: 0 !important; + } + html:not(.layout-navbar-fixed) .layout-navbar-full .layout-page { + padding-block-start: 0 !important; + } +} +/* Hidden navbar layout +******************************************************************************* */ +.layout-navbar-hidden .layout-navbar { + display: none; +} + +/* Fixed navbar layout +******************************************************************************* */ +.layout-navbar-fixed .layout-navbar { + position: fixed; + inset-block-start: 0; + inset-inline: 0; +} +.layout-navbar-fixed .container-p-y:not([class^="pt-"]):not([class*=" pt-"]) { + padding-block-start: 1.75rem !important; +} + +.layout-navbar-fixed + .layout-wrapper:not(.layout-horizontal) + .layout-page::before { + position: fixed; + z-index: 10; + backdrop-filter: saturate(200%) blur(10px); + background: linear-gradient( + 180deg, + rgba(var(--bs-body-bg-rgb), 70%) 44%, + rgba(var(--bs-body-bg-rgb), 43%) 73%, + rgba(var(--bs-body-bg-rgb), 0%) + ); + block-size: 4.75rem; + content: ""; + inline-size: 100%; + inset-block-start: 0; + mask: linear-gradient( + var(--bs-body-bg), + var(--bs-body-bg) 18%, + transparent 100% + ); +} + +@media (min-width: 1200px) { + /* Fix navbar within Navbar Full layout in fixed mode */ + .layout-menu-fixed .layout-navbar-full .layout-navbar, + .layout-menu-fixed-offcanvas .layout-navbar-full .layout-navbar { + position: fixed; + inset-block-start: 0; + inset-inline: 0; + } + /* Fix navbar within Content Navbar layout in fixed mode - Menu expanded */ + .layout-navbar-fixed:not(.layout-menu-collapsed) + .layout-content-navbar:not(.layout-without-menu) + .layout-navbar, + .layout-menu-fixed.layout-navbar-fixed:not(.layout-menu-collapsed) + .layout-content-navbar:not(.layout-without-menu) + .layout-navbar, + .layout-menu-fixed-offcanvas.layout-navbar-fixed:not(.layout-menu-collapsed) + .layout-content-navbar:not(.layout-without-menu) + .layout-navbar { + inset-inline-start: var(--bs-menu-width); + } + .layout-navbar-fixed:not(.layout-menu-collapsed).swal2-shown + .layout-content-navbar:not(.layout-without-menu) + .layout-navbar, + .layout-navbar-fixed:not(.layout-menu-collapsed) + .modal-open + .layout-content-navbar:not(.layout-without-menu) + .layout-navbar, + .layout-menu-fixed.layout-navbar-fixed:not(.layout-menu-collapsed).swal2-shown + .layout-content-navbar:not(.layout-without-menu) + .layout-navbar, + .layout-menu-fixed.layout-navbar-fixed:not(.layout-menu-collapsed) + .modal-open + .layout-content-navbar:not(.layout-without-menu) + .layout-navbar, + .layout-menu-fixed-offcanvas.layout-navbar-fixed:not( + .layout-menu-collapsed + ).swal2-shown + .layout-content-navbar:not(.layout-without-menu) + .layout-navbar, + .layout-menu-fixed-offcanvas.layout-navbar-fixed:not(.layout-menu-collapsed) + .modal-open + .layout-content-navbar:not(.layout-without-menu) + .layout-navbar { + inset-inline-start: calc(16.25rem - var(--bs-scrollbar-width)); + } + .layout-navbar-fixed:not(.layout-menu-collapsed):dir(rtl).swal2-shown + .layout-content-navbar:not(.layout-without-menu) + .layout-navbar, + .layout-navbar-fixed:not(.layout-menu-collapsed):dir(rtl) + .modal-open + .layout-content-navbar:not(.layout-without-menu) + .layout-navbar, + .layout-menu-fixed.layout-navbar-fixed:not(.layout-menu-collapsed):dir( + rtl + ).swal2-shown + .layout-content-navbar:not(.layout-without-menu) + .layout-navbar, + .layout-menu-fixed.layout-navbar-fixed:not(.layout-menu-collapsed):dir(rtl) + .modal-open + .layout-content-navbar:not(.layout-without-menu) + .layout-navbar, + .layout-menu-fixed-offcanvas.layout-navbar-fixed:not( + .layout-menu-collapsed + ):dir(rtl).swal2-shown + .layout-content-navbar:not(.layout-without-menu) + .layout-navbar, + .layout-menu-fixed-offcanvas.layout-navbar-fixed:not( + .layout-menu-collapsed + ):dir(rtl) + .modal-open + .layout-content-navbar:not(.layout-without-menu) + .layout-navbar { + inset-inline-start: calc(16.25rem + var(--bs-scrollbar-width)); + } + /* Horizontal Layout when menu fixed */ + .layout-menu-fixed.swal2-shown .layout-horizontal .layout-navbar, + .layout-menu-fixed.swal2-shown .layout-horizontal .layout-menu-horizontal, + .layout-menu-fixed .modal-open .layout-horizontal .layout-navbar, + .layout-menu-fixed .modal-open .layout-horizontal .layout-menu-horizontal { + inline-size: calc(100% - var(--bs-scrollbar-width)); + } + :dir(rtl).layout-menu-fixed.swal2-shown .layout-horizontal .layout-navbar, + :dir(rtl).layout-menu-fixed .modal-open .layout-horizontal .layout-navbar { + inline-size: calc(100% + var(--bs-scrollbar-width)); + } + .layout-menu-fixed:not(.layout-navbar-hidden) + .layout-horizontal + .layout-page + .menu-horizontal, + .layout-menu-fixed-offcanvas:not(.layout-navbar-hidden) + .layout-horizontal + .layout-page + .menu-horizontal { + position: fixed; + inset-block-start: 4rem; + } + .layout-menu-fixed:not(.layout-navbar-hidden) + .layout-horizontal + .layout-page + .menu-horizontal + + [class*="container-"], + .layout-menu-fixed-offcanvas:not(.layout-navbar-hidden) + .layout-horizontal + .layout-page + .menu-horizontal + + [class*="container-"] { + padding-block-start: 5.25rem !important; + } + /* Layout fixed not off-canvas - Menu collapsed */ + .layout-navbar-fixed.layout-menu-collapsed:not( + .layout-menu-offcanvas, + .layout-menu-fixed-offcanvas + ) + .layout-content-navbar + .layout-navbar, + .layout-menu-fixed.layout-navbar-fixed.layout-menu-collapsed + .layout-content-navbar + .layout-navbar { + inset-inline-start: var(--bs-menu-collapsed-width); + } + .layout-navbar-fixed.layout-menu-collapsed:not( + .layout-menu-offcanvas, + .layout-menu-fixed-offcanvas + ).swal2-shown + .layout-content-navbar:not(.layout-without-menu) + .layout-navbar:has(.container-xxl), + .layout-navbar-fixed.layout-menu-collapsed:not( + .layout-menu-offcanvas, + .layout-menu-fixed-offcanvas + ).swal2-shown + .layout-content-navbar:not(.layout-without-menu) + .layout-navbar:has( + .container-fluid, + .container-sm, + .container-md, + .container-lg, + .container-xl, + .container-xxl + ), + .layout-navbar-fixed.layout-menu-collapsed:not( + .layout-menu-offcanvas, + .layout-menu-fixed-offcanvas + ) + .modal-open + .layout-content-navbar:not(.layout-without-menu) + .layout-navbar:has(.container-xxl), + .layout-navbar-fixed.layout-menu-collapsed:not( + .layout-menu-offcanvas, + .layout-menu-fixed-offcanvas + ) + .modal-open + .layout-content-navbar:not(.layout-without-menu) + .layout-navbar:has( + .container-fluid, + .container-sm, + .container-md, + .container-lg, + .container-xl, + .container-xxl + ), + .layout-menu-fixed.layout-navbar-fixed.layout-menu-collapsed.swal2-shown + .layout-content-navbar:not(.layout-without-menu) + .layout-navbar:has(.container-xxl), + .layout-menu-fixed.layout-navbar-fixed.layout-menu-collapsed.swal2-shown + .layout-content-navbar:not(.layout-without-menu) + .layout-navbar:has( + .container-fluid, + .container-sm, + .container-md, + .container-lg, + .container-xl, + .container-xxl + ), + .layout-menu-fixed.layout-navbar-fixed.layout-menu-collapsed + .modal-open + .layout-content-navbar:not(.layout-without-menu) + .layout-navbar:has(.container-xxl), + .layout-menu-fixed.layout-navbar-fixed.layout-menu-collapsed + .modal-open + .layout-content-navbar:not(.layout-without-menu) + .layout-navbar:has( + .container-fluid, + .container-sm, + .container-md, + .container-lg, + .container-xl, + .container-xxl + ) { + inset-inline-start: calc( + var(--bs-menu-collapsed-width) - var(--bs-scrollbar-width) + ); + } + .layout-navbar-fixed.layout-menu-collapsed:not( + .layout-menu-offcanvas, + .layout-menu-fixed-offcanvas + ).swal2-shown + .layout-content-navbar:not(.layout-without-menu) + .layout-navbar:has( + .container-fluid, + .container-sm, + .container-md, + .container-lg, + .container-xl, + .container-xxl + ), + .layout-navbar-fixed.layout-menu-collapsed:not( + .layout-menu-offcanvas, + .layout-menu-fixed-offcanvas + ) + .modal-open + .layout-content-navbar:not(.layout-without-menu) + .layout-navbar:has( + .container-fluid, + .container-sm, + .container-md, + .container-lg, + .container-xl, + .container-xxl + ), + .layout-menu-fixed.layout-navbar-fixed.layout-menu-collapsed.swal2-shown + .layout-content-navbar:not(.layout-without-menu) + .layout-navbar:has( + .container-fluid, + .container-sm, + .container-md, + .container-lg, + .container-xl, + .container-xxl + ), + .layout-menu-fixed.layout-navbar-fixed.layout-menu-collapsed + .modal-open + .layout-content-navbar:not(.layout-without-menu) + .layout-navbar:has( + .container-fluid, + .container-sm, + .container-md, + .container-lg, + .container-xl, + .container-xxl + ) { + inline-size: calc( + 100% - 1.625rem * 2 - var(--bs-menu-collapsed-width) - + var(--bs-scrollbar-width) + ); + } + .layout-navbar-fixed.layout-menu-collapsed:not( + .layout-menu-offcanvas, + .layout-menu-fixed-offcanvas + ):dir(rtl).swal2-shown + .layout-content-navbar:not(.layout-without-menu) + .layout-navbar:has(.container-xxl), + .layout-navbar-fixed.layout-menu-collapsed:not( + .layout-menu-offcanvas, + .layout-menu-fixed-offcanvas + ):dir(rtl) + .modal-open + .layout-content-navbar:not(.layout-without-menu) + .layout-navbar:has(.container-xxl), + .layout-menu-fixed.layout-navbar-fixed.layout-menu-collapsed:dir( + rtl + ).swal2-shown + .layout-content-navbar:not(.layout-without-menu) + .layout-navbar:has(.container-xxl), + .layout-menu-fixed.layout-navbar-fixed.layout-menu-collapsed:dir(rtl) + .modal-open + .layout-content-navbar:not(.layout-without-menu) + .layout-navbar:has(.container-xxl) { + inset-inline-start: calc( + var(--bs-menu-collapsed-width) + var(--bs-scrollbar-width) + ); + } + .layout-navbar-fixed.layout-menu-collapsed:not( + .layout-menu-offcanvas, + .layout-menu-fixed-offcanvas + ):dir(rtl).swal2-shown + .layout-content-navbar:not(.layout-without-menu) + .layout-navbar, + .layout-navbar-fixed.layout-menu-collapsed:not( + .layout-menu-offcanvas, + .layout-menu-fixed-offcanvas + ):dir(rtl) + .modal-open + .layout-content-navbar:not(.layout-without-menu) + .layout-navbar, + .layout-menu-fixed.layout-navbar-fixed.layout-menu-collapsed:dir( + rtl + ).swal2-shown + .layout-content-navbar:not(.layout-without-menu) + .layout-navbar, + .layout-menu-fixed.layout-navbar-fixed.layout-menu-collapsed:dir(rtl) + .modal-open + .layout-content-navbar:not(.layout-without-menu) + .layout-navbar { + inline-size: calc( + 100% - 1.625rem * 2 - var(--bs-menu-collapsed-width) - + var(--bs-scrollbar-width) + ); + } + .layout-navbar-fixed.layout-menu-collapsed:not( + .layout-menu-offcanvas, + .layout-menu-fixed-offcanvas + ):dir(rtl).swal2-shown + .layout-content-navbar:not(.layout-without-menu) + .layout-navbar:has( + .container-fluid, + .container-sm, + .container-md, + .container-lg, + .container-xl, + .container-xxl + ), + .layout-navbar-fixed.layout-menu-collapsed:not( + .layout-menu-offcanvas, + .layout-menu-fixed-offcanvas + ):dir(rtl) + .modal-open + .layout-content-navbar:not(.layout-without-menu) + .layout-navbar:has( + .container-fluid, + .container-sm, + .container-md, + .container-lg, + .container-xl, + .container-xxl + ), + .layout-menu-fixed.layout-navbar-fixed.layout-menu-collapsed:dir( + rtl + ).swal2-shown + .layout-content-navbar:not(.layout-without-menu) + .layout-navbar:has( + .container-fluid, + .container-sm, + .container-md, + .container-lg, + .container-xl, + .container-xxl + ), + .layout-menu-fixed.layout-navbar-fixed.layout-menu-collapsed:dir(rtl) + .modal-open + .layout-content-navbar:not(.layout-without-menu) + .layout-navbar:has( + .container-fluid, + .container-sm, + .container-md, + .container-lg, + .container-xl, + .container-xxl + ) { + inset-inline-start: calc( + var(--bs-menu-collapsed-width) + var(--bs-scrollbar-width) + ); + } +} +/* Fixed footer +******************************************************************************* */ +.layout-footer-fixed .content-footer { + position: fixed; + z-index: 9; + inset-block-end: 0; + inset-inline: 0; +} + +.layout-footer-fixed + .layout-wrapper:not(.layout-horizontal) + .content-footer + .footer-container, +.layout-footer-fixed .layout-wrapper.layout-horizontal .content-footer { + background-color: var(--bs-footer-bg); + box-shadow: var(--bs-footer-box-shadow); +} + +.layout-footer-fixed + .layout-wrapper:not(.layout-horizontal) + .content-footer + .footer-container { + border: var(--bs-footer-border-width) solid var(--bs-footer-border-color); + padding-inline: 1.5rem; + border-top-left-radius: 0.375rem; + border-top-right-radius: 0.375rem; +} + +@media (min-width: 1200px) { + /* Fixed footer - Menu expanded */ + .layout-footer-fixed:not(.layout-menu-collapsed) + .layout-wrapper:not(.layout-without-menu) + .content-footer { + inset-inline-start: var(--bs-menu-width); + } + .layout-footer-fixed:not(.layout-menu-collapsed).swal2-shown + .layout-wrapper + .content-footer:has( + .container-fluid, + .container-sm, + .container-md, + .container-lg, + .container-xl, + .container-xxl + ), + .layout-footer-fixed:not(.layout-menu-collapsed) + .modal-open + .layout-wrapper + .content-footer:has( + .container-fluid, + .container-sm, + .container-md, + .container-lg, + .container-xl, + .container-xxl + ) { + inline-size: calc(100% - 16.25rem - var(--bs-scrollbar-width)); + } + .layout-footer-fixed:not(.layout-menu-collapsed):dir(rtl).swal2-shown + .layout-wrapper:not(.layout-without-menu) + .content-footer:has(.container-xxl), + .layout-footer-fixed:not(.layout-menu-collapsed):dir(rtl) + .modal-open + .layout-wrapper:not(.layout-without-menu) + .content-footer:has(.container-xxl) { + inset-inline-start: calc(16.25rem + var(--bs-scrollbar-width)); + } + .layout-footer-fixed:not(.layout-menu-collapsed):dir(rtl).swal2-shown + .layout-wrapper + .content-footer:has( + .container-fluid, + .container-sm, + .container-md, + .container-lg, + .container-xl, + .container-xxl + ), + .layout-footer-fixed:not(.layout-menu-collapsed):dir(rtl) + .modal-open + .layout-wrapper + .content-footer:has( + .container-fluid, + .container-sm, + .container-md, + .container-lg, + .container-xl, + .container-xxl + ) { + inset-inline-start: calc(var(--bs-menu-width) + var(--bs-scrollbar-width)); + } + /* Fixed footer - Menu collapsed */ + .layout-footer-fixed.layout-menu-collapsed:not( + .layout-menu-offcanvas, + .layout-menu-fixed-offcanvas + ) + .layout-wrapper:not(.layout-without-menu) + .content-footer { + inset-inline-start: var(--bs-menu-collapsed-width); + } + .layout-footer-fixed.layout-menu-collapsed:not( + .layout-menu-offcanvas, + .layout-menu-fixed-offcanvas + ).swal2-shown + .layout-wrapper:not(.layout-without-menu) + .content-footer:has(.container-xxl), + .layout-footer-fixed.layout-menu-collapsed:not( + .layout-menu-offcanvas, + .layout-menu-fixed-offcanvas + ) + .modal-open + .layout-wrapper:not(.layout-without-menu) + .content-footer:has(.container-xxl) { + inset-inline-start: calc(5.25rem - var(--bs-scrollbar-width)); + } + .layout-footer-fixed.layout-menu-collapsed:not( + .layout-menu-offcanvas, + .layout-menu-fixed-offcanvas + ).swal2-shown + .layout-wrapper:not(.layout-without-menu) + .content-footer:has( + .container-fluid, + .container-sm, + .container-md, + .container-lg, + .container-xl, + .container-xxl + ), + .layout-footer-fixed.layout-menu-collapsed:not( + .layout-menu-offcanvas, + .layout-menu-fixed-offcanvas + ) + .modal-open + .layout-wrapper:not(.layout-without-menu) + .content-footer:has( + .container-fluid, + .container-sm, + .container-md, + .container-lg, + .container-xl, + .container-xxl + ) { + inline-size: calc(100% - 5.25rem - var(--bs-scrollbar-width)); + inset-inline-start: 5.25rem; + } + .layout-footer-fixed.layout-menu-collapsed:not( + .layout-menu-offcanvas, + .layout-menu-fixed-offcanvas + ):dir(rtl).swal2-shown + .layout-wrapper:not(.layout-without-menu) + .content-footer, + .layout-footer-fixed.layout-menu-collapsed:not( + .layout-menu-offcanvas, + .layout-menu-fixed-offcanvas + ):dir(rtl) + .modal-open + .layout-wrapper:not(.layout-without-menu) + .content-footer { + inset-inline-start: calc(5.25rem + var(--bs-scrollbar-width)); + } +} +/* Small screens layout +******************************************************************************* */ +@media (max-width: 1199.98px) { + .layout-menu { + position: fixed !important; + block-size: 100% !important; + inset-block-start: 0 !important; + inset-inline-start: 0 !important; + margin-inline: 0 !important; + transform: translate3d(-100%, 0, 0); + will-change: transform, -webkit-transform; + } + :dir(rtl) .layout-menu { + transform: translate3d(100%, 0, 0); + } + .layout-menu-expanded .layout-menu { + transform: translate3d(0, 0, 0) !important; + } + .layout-menu-expanded body { + overflow: hidden; + } + .layout-overlay { + position: fixed; + display: none; + background: #22303e; + block-size: 100% !important; + cursor: pointer; + inset-block-start: 0; + inset-inline: 0; + opacity: 0.5; + } + .layout-menu-expanded .layout-overlay { + display: block; + } + .layout-menu-100vh .layout-menu, + .layout-menu-100vh .layout-overlay { + block-size: 100dvh !important; + } + .drag-target { + position: fixed; + z-index: 1036; + block-size: 100%; + inline-size: 40px; + inset-block-start: 0; + inset-inline-start: 0; + } +} +/* Z-Indexes +******************************************************************************* */ +/* Navbar (fixed) */ +body:not(.modal-open) .layout-navbar-full .layout-navbar { + z-index: 1080; +} +body:not(.modal-open) .layout-content-navbar .layout-navbar { + z-index: 1075; +} + +/* Menu horizontal */ +.layout-menu-horizontal { + z-index: 9; +} + +@media (max-width: 1199.98px) { + .layout-menu { + z-index: 1100; + } + .layout-overlay { + z-index: 1099; + } +} +@media (min-width: 1200px) { + /* Navbar full layout */ + .layout-navbar-full .layout-navbar { + z-index: 10; + } + .layout-navbar-full .layout-menu { + z-index: 9; + } + /* Content Navbar layout */ + .layout-content-navbar .layout-navbar { + z-index: 9; + } + .layout-content-navbar .layout-menu { + z-index: 11; + } + /* Collapsed */ + .layout-menu-collapsed:not( + .layout-menu-offcanvas, + .layout-menu-fixed-offcanvas + ).layout-menu-hover + .layout-navbar-full + .layout-menu { + z-index: 1075 !important; + } + .layout-menu-collapsed:not( + .layout-menu-offcanvas, + .layout-menu-fixed-offcanvas + ) + .layout-content-navbar + .layout-menu { + z-index: 1085 !important; + } + /* Navbar full layout */ + .layout-menu-fixed body:not(.modal-open) .layout-navbar-full .layout-menu, + .layout-menu-fixed-offcanvas + body:not(.modal-open) + .layout-navbar-full + .layout-menu { + z-index: 1075; + } + /* Content Navbar layout */ + .layout-navbar-fixed + body:not(.modal-open) + .layout-content-navbar + .layout-menu, + .layout-menu-fixed body:not(.modal-open) .layout-content-navbar .layout-menu, + .layout-menu-fixed-offcanvas + body:not(.modal-open) + .layout-content-navbar + .layout-menu { + z-index: 1080; + } +} +/* Transitions and animations +******************************************************************************* */ +/* Disable navbar link hover transition */ +.layout-menu-link-no-transition .layout-menu .menu-link, +.layout-menu-link-no-transition .layout-menu-horizontal .menu-link { + animation: none !important; + transition: none !important; +} + +/* Disable navbar link hover transition */ +.layout-no-transition .layout-menu, +.layout-no-transition .layout-menu .menu, +.layout-no-transition .layout-menu .menu-item, +.layout-no-transition .layout-menu-horizontal, +.layout-no-transition .layout-menu-horizontal .menu, +.layout-no-transition .layout-menu-horizontal .menu-item { + animation: none !important; + transition: none !important; +} + +@media (max-width: 1199.98px) { + .layout-transitioning .layout-overlay { + animation: menuAnimation 0.3s; + } + .layout-transitioning .layout-menu { + transition-duration: 0.3s; + transition-property: transform, -webkit-transform; + } +} +@media (min-width: 1200px) { + .layout-menu-collapsed:not( + .layout-transitioning, + .layout-menu-offcanvas, + .layout-menu-fixed, + .layout-menu-fixed-offcanvas + ) + .layout-menu { + transition-duration: 0.3s; + transition-property: margin-inline-start, margin-inline-end, inline-size; + } + .layout-transitioning.layout-menu-offcanvas .layout-menu { + transition-duration: 0.3s; + transition-property: margin-inline-start, margin-inline-end, transform, + -webkit-transform; + } + .layout-transitioning.layout-menu-fixed .layout-page, + .layout-transitioning.layout-menu-fixed-offcanvas .layout-page { + transition-duration: 0.3s; + transition-property: padding-inline-start, padding-inline-end; + } + .layout-transitioning.layout-menu-fixed .layout-menu { + transition: inline-size 0.3s; + } + .layout-transitioning.layout-menu-fixed-offcanvas .layout-menu { + transition-duration: 0.3s; + transition-property: transform, -webkit-transform; + } + .layout-transitioning.layout-navbar-fixed + .layout-content-navbar + .layout-navbar, + .layout-transitioning.layout-footer-fixed .content-footer { + transition-duration: 0.3s; + transition-property: inset-inline-start, inset-inline-end; + } + .layout-transitioning:not( + .layout-menu-offcanvas, + .layout-menu-fixed, + .layout-menu-fixed-offcanvas + ) + .layout-menu { + transition-duration: 0.3s; + transition-property: margin-inline-start, margin-inline-end, inline-size; + } +} +/* Disable transitions/animations in IE 10-11 */ +@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { + .menu, + .layout-menu, + .layout-page, + .layout-navbar, + .content-footer { + transition: none !important; + transition-duration: 0s !important; + } + .layout-overlay { + animation: none !important; + } +} +@keyframes menuAnimation { + 0% { + opacity: 0; + } + 100% { + opacity: 0.5; + } +} +.aa-DetachedSearchButton { + display: flex; + align-items: center; + border: none; + background: transparent; + gap: 1rem; +} +.aa-DetachedSearchButton .aa-DetachedSearchButtonPlaceholder { + color: var(--bs-secondary-color); +} +@media (max-width: 767.98px) { + .aa-DetachedSearchButton .aa-DetachedSearchButtonPlaceholder { + display: none; + } +} + +.aa-InputWrapper ::placeholder { + color: var(--bs-secondary-color); +} + +.aa-DetachedSearchButtonIcon::before, +.aa-SubmitButton::before { + display: block; + background-color: currentcolor; + content: ""; + margin-block-end: -3px; + mask-image: var(--svg); + mask-repeat: no-repeat; + mask-size: 100% 100%; + --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M10 18a7.95 7.95 0 0 0 4.897-1.688l4.396 4.396l1.414-1.414l-4.396-4.396A7.95 7.95 0 0 0 18 10c0-4.411-3.589-8-8-8s-8 3.589-8 8s3.589 8 8 8m0-14c3.309 0 6 2.691 6 6s-2.691 6-6 6s-6-2.691-6-6s2.691-6 6-6'/%3E%3C/svg%3E"); +} +.aa-DetachedSearchButtonIcon .aa-SubmitIcon, +.aa-SubmitButton .aa-SubmitIcon { + display: none; +} + +.aa-DetachedSearchButtonIcon::before { + block-size: 22px; + inline-size: 22px; +} + +.aa-SubmitButton::before { + block-size: 24px; + inline-size: 24px; +} + +.aa-DetachedSearchButtonQuery { + display: none; +} + +.layout-wrapper:not(.layout-horizontal) + .aa-DetachedSearchButtonPlaceholder[hidden] { + display: block !important; +} + +/* Search Headings */ +.search-headings { + display: block; + color: var(--bs-secondary-color); + font-size: 0.75rem; + letter-spacing: 0.8px; + margin-block: 1rem 0.5rem; + margin-inline: 0; + padding-block: 0; + padding-inline: 1.25rem; + text-transform: uppercase; +} +.suggestion-section .search-headings { + line-height: 14px; + margin-block: 0.5rem; +} + +/* Suggestion Items */ +.suggestion-items .suggestion-item { + color: var(--bs-heading-color); + gap: 0.35rem; + padding-block: 0.543rem; + padding-inline: 1rem; + text-decoration: none; + transition: all 0.2s ease; + border-radius: var(--bs-border-radius); +} +.suggestion-items .suggestion-item:hover, +.suggestion-items .suggestion-item[aria-selected="true"], +.suggestion-items .suggestion-item.suggestion-item-focused { + color: var(--bs-primary); +} +.suggestion-items .suggestion-item:focus, +.suggestion-items .suggestion-item:focus-visible { + background-color: var(--bs-primary-bg-subtle); + color: var(--bs-primary); +} + +/* Detached Overlay */ +.aa-DetachedOverlay { + position: fixed; + z-index: 999999; + backdrop-filter: blur(3px); + background: rgba(0, 0, 0, 0.35); + block-size: 100vh; + inset-block-start: 0; + inset-inline-end: 0; + inset-inline-start: 0; +} +.aa-DetachedOverlay .aa-DetachedContainer { + position: fixed; + background: var(--bs-paper-bg); + box-shadow: var(--bs-box-shadow-lg); + inset-block-start: 4rem; + max-block-size: 32.9375rem; + border-radius: 0.5rem; + inline-size: 600px; + inset-inline-start: calc(50% - 300px); +} +@media (max-width: 767.98px) { + .aa-DetachedOverlay .aa-DetachedContainer { + inline-size: 450px; + inset-inline-start: calc(50% - 225px); + } +} +@media (max-width: 575.98px) { + .aa-DetachedOverlay .aa-DetachedContainer { + inline-size: 90%; + inset-inline-start: 50%; + transform: translateX(-50%); + } +} +.aa-DetachedOverlay .search-control { + background: transparent; + inline-size: 100%; +} +.aa-DetachedOverlay .search-control:focus, +.aa-DetachedOverlay .search-control:focus-visible { + outline: none; +} +.aa-DetachedOverlay .search-control::-webkit-search-cancel-button, +.aa-DetachedOverlay .search-control::-webkit-search-decoration { + display: none; + appearance: none; +} +.aa-DetachedOverlay .search-control::-ms-clear { + display: none; +} +.aa-DetachedOverlay .aa-List { + padding-inline-start: 0; +} +.aa-DetachedOverlay .aa-InputWrapperPrefix { + position: absolute; +} +.aa-DetachedOverlay .aa-SubmitButton { + border: 0; + background: none; + padding-inline-start: 0.7rem; +} +.aa-DetachedOverlay #autocomplete-0-input { + padding-inline-start: 2.5rem; +} +.aa-DetachedOverlay .aa-Form, +.aa-DetachedOverlay .aa-InputWrapper { + inline-size: 100%; +} +.aa-DetachedOverlay .aa-Form { + padding-block: 1.231rem; + padding-inline-start: 0.7rem; +} +.aa-DetachedOverlay .aa-DetachedCancelButton.btn-search-close { + display: flex; + align-items: center; + justify-content: center; + border: 0; + background: none; + gap: 1rem; + inline-size: 8rem; + inset-inline-end: 1.5rem; + padding-inline-end: 1.75rem; +} +.aa-DetachedOverlay .aa-SourceHeader { + margin-block-end: 0.5rem; +} +.aa-DetachedOverlay .aa-Item { + display: flex; + align-items: center; +} +.aa-DetachedOverlay .aa-Item .item-wrapper { + display: flex; + align-items: center; + gap: 0.5rem; +} +.aa-DetachedOverlay .aa-Item svg { + color: var(--bs-secondary-color); + font-size: 1rem; + opacity: 0; +} +:dir(rtl) .aa-DetachedOverlay .aa-Item svg { + transform: scaleX(-1); +} +.aa-DetachedOverlay .aa-Item:hover, +.aa-DetachedOverlay .aa-Item[aria-selected="true"] { + background: var(--bs-gray-100); +} +.aa-DetachedOverlay .aa-Item:hover svg, +.aa-DetachedOverlay .aa-Item[aria-selected="true"] svg { + opacity: 1; +} +.aa-DetachedOverlay .aa-Item a { + color: var(--bs-body-color); + font-size: var(--bs-body-font-size); + gap: 0.5rem; + padding-block: 0.543rem; + padding-inline: 1.25rem; +} + +.search-no-results-wrapper { + block-size: 28.75rem; +} + +/* App Brand +******************************************************************************* */ +.app-brand { + display: flex; + flex-grow: 0; + flex-shrink: 0; + align-items: center; +} +.app-brand .app-brand-text { + opacity: 1; + transition: opacity 0.3s ease-in-out; +} +.app-brand .layout-menu-toggle { + display: block; +} +.app-brand .app-brand-img { + display: block; +} +.app-brand .app-brand-img-collapsed { + display: none; +} + +.app-brand-link { + display: flex; + align-items: center; +} + +/* App brand with vertical menu */ +.menu-horizontal .app-brand, +.menu-horizontal .app-brand + .menu-divider { + display: none !important; +} + +@media (min-width: 1200px) { + .layout-menu-collapsed:not(.layout-menu-hover) + .layout-menu + .app-brand-logo + ~ .app-brand-text, + .menu-collapsed:not(:hover) .app-brand .app-brand-logo ~ .app-brand-text { + opacity: 0; + } + .layout-menu-collapsed:not(.layout-menu-hover) .layout-menu .app-brand-img, + .menu-collapsed:not(:hover) .app-brand .app-brand-img { + display: none; + } + .layout-menu-collapsed:not(.layout-menu-hover) + .layout-menu + .app-brand-img-collapsed, + .menu-collapsed:not(:hover) .app-brand .app-brand-img-collapsed { + display: block; + } +} +/* Within menu */ +:not(.layout-menu) + > .menu-vertical.menu-collapsed:not(.layout-menu):not(:hover) + .app-brand, +.layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not( + .layout-menu-fixed-offcanvas + ) + .layout-menu + .app-brand { + inline-size: 5.25rem; +} +:not(.layout-menu) + > .menu-vertical.menu-collapsed:not(.layout-menu):not(:hover) + .app-brand-logo, +:not(.layout-menu) + > .menu-vertical.menu-collapsed:not(.layout-menu):not(:hover) + .app-brand-link, +:not(.layout-menu) + > .menu-vertical.menu-collapsed:not(.layout-menu):not(:hover) + .app-brand-text, +.layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not( + .layout-menu-fixed-offcanvas + ) + .layout-menu + .app-brand-logo, +.layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not( + .layout-menu-fixed-offcanvas + ) + .layout-menu + .app-brand-link, +.layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not( + .layout-menu-fixed-offcanvas + ) + .layout-menu + .app-brand-text { + margin-inline: auto; +} +:not(.layout-menu) + > .menu-vertical.menu-collapsed:not(.layout-menu):not(:hover) + .app-brand-logo + ~ .app-brand-text, +.layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not( + .layout-menu-fixed-offcanvas + ) + .layout-menu + .app-brand-logo + ~ .app-brand-text { + overflow: hidden; + opacity: 0; + text-overflow: ellipsis; + white-space: nowrap; +} +:not(.layout-menu) + > .menu-vertical.menu-collapsed:not(.layout-menu):not(:hover) + .app-brand + .layout-menu-toggle, +.layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not( + .layout-menu-fixed-offcanvas + ) + .layout-menu + .app-brand + .layout-menu-toggle { + inset-inline-start: calc(5.25rem - 1.5rem); + opacity: 0; +} +:not(.layout-menu) + > .menu-vertical.menu-collapsed:not(.layout-menu):not(:hover) + .app-brand-img, +.layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not( + .layout-menu-fixed-offcanvas + ) + .layout-menu + .app-brand-img { + display: none; +} +:not(.layout-menu) + > .menu-vertical.menu-collapsed:not(.layout-menu):not(:hover) + .app-brand-img-collapsed, +.layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not( + .layout-menu-fixed-offcanvas + ) + .layout-menu + .app-brand-img-collapsed { + display: block; +} + +/* Custom Options +******************************************************************************* */ +/* Custom option */ +.custom-option { + border: var(--bs-border-width) solid var(--bs-border-color); + border-radius: 0.375rem; + padding-inline-start: 0; +} +.custom-option:hover { + border-color: var(--bs-gray-600); +} +.custom-option:not(.custom-option-image) { + margin: calc(2px - (var(--bs-border-width))); +} +.custom-option.checked { + border: 2px solid var(--bs-primary); + margin: 0; +} +.custom-option.custom-option-image { + overflow: hidden; + border-width: 2px; + margin-block-end: 0; +} +.custom-option.custom-option-image .custom-option-body img { + block-size: 100%; + inline-size: 100%; +} +.custom-option.custom-option-image.custom-option-image-radio .form-check-input { + display: none; +} +.custom-option.custom-option-image.custom-option-image-check .form-check-input { + position: absolute; + border: 1px solid transparent; + margin: 0; + inset-block-start: 1rem; + inset-inline-end: 1rem; +} +.custom-option.custom-option-image.custom-option-image-check:hover + .form-check-input { + border-width: 1px; + border-color: var(--bs-body-color); +} +.custom-option.custom-option-image.custom-option-image-check:hover + .form-check-input:checked { + border-color: var(--bs-primary); +} +.custom-option .custom-option-content { + inline-size: 100%; +} +.custom-option .form-check-input { + margin-inline-start: -2.016em; +} +.custom-option.custom-option-basic .custom-option-content { + padding: 1.065em; + padding-inline-start: 3.515em; +} +.custom-option.custom-option-basic .custom-option-header { + display: flex; + align-items: center; + justify-content: space-between; + padding-block-end: 0.4375rem; +} +.custom-option .custom-option-body { + color: var(--bs-body-color); +} +.custom-option.custom-option-icon { + overflow: hidden; +} +.custom-option.custom-option-icon.checked .icon-base, +.custom-option.custom-option-icon.checked svg { + color: var(--bs-primary); +} +.custom-option.custom-option-icon .icon-base, +.custom-option.custom-option-icon svg { + color: var(--bs-heading-color); +} +.custom-option.custom-option-icon .custom-option-content { + padding: 1.065em; + text-align: center; +} +.custom-option.custom-option-icon .custom-option-body { + display: block; + margin-block-end: 0.5rem; +} +.custom-option.custom-option-icon .custom-option-body .icon-base { + block-size: 1.75rem; + font-size: 1.75rem; + inline-size: 1.75rem; + display: block; + margin-block-end: 0.5rem; + margin-inline: auto; +} +.custom-option.custom-option-icon .custom-option-body svg { + block-size: 2.5rem; + inline-size: 2.5rem; + margin-block-end: 0.5rem; +} +.custom-option.custom-option-icon .custom-option-body .custom-option-title { + display: block; + color: var(--bs-heading-color); + font-weight: 500; + margin-block-end: 0.5rem; +} +.custom-option.custom-option-icon .form-check-input { + margin: 0; + float: none; +} +.custom-option.custom-option-label.checked { + background-color: rgba(var(--bs-primary-rgb), 0.12); + color: var(--bs-primary); +} +.custom-option.custom-option-label.checked .custom-option-header span, +.custom-option.custom-option-label.checked .custom-option-title { + color: var(--bs-primary); +} + +.switch { + --bs-switch-bg: var(--bs-gray-100); + --bs-switch-color: rgba(var(--bs-base-color), 0.4); + --bs-switch-border-color: var(--bs-gray-100); + --bs-switch-box-shadow: 0 0 0.25rem 0 rgba(34, 48, 62, 0.16) inset; + --bs-switch-holder-bg: var(--bs-white); + --bs-switch-holder-shadow: var(--bs-box-shadow-xs); + /* Checked state */ + position: relative; + display: inline-block; + border-radius: 30rem; + cursor: pointer; + margin-inline-end: 0.75rem; + vertical-align: middle; + font-size: 0.9375rem; + line-height: 1.4; + min-block-size: 1.35rem; +} +.switch .switch-input:checked ~ .switch-toggle-slider { + --bs-switch-bg: var(--bs-primary); + --bs-switch-color: var(--bs-white); + --bs-switch-border-color: var(--bs-primary); + --bs-switch-box-shadow: 0 0.125rem 0.375rem 0 rgba(var(--bs-primary-rgb), 0.3); +} +.switch[class*="switch-outline-"], +.switch.switch-outline { + --bs-switch-bg: transparent; + --bs-switch-box-shadow: none; + --bs-switch-holder-bg: var(--bs-gray-100); + --bs-switch-holder-shadow: none; +} +.switch[class*="switch-outline-"] .switch-input:checked ~ .switch-toggle-slider, +.switch.switch-outline .switch-input:checked ~ .switch-toggle-slider { + --bs-switch-bg: transparent; + --bs-switch-box-shadow: none; +} +.switch.switch-outline .switch-input:checked ~ .switch-toggle-slider { + --bs-switch-color: var(--bs-primary); + --bs-switch-border-color: var(--bs-primary); + --bs-switch-holder-bg: var(--bs-primary); +} +.switch:has(.switch-input:disabled) { + cursor: not-allowed; +} +.switch .switch-input ~ .switch-label { + padding-inline-start: 3rem; +} +.switch .switch-toggle-slider { + block-size: 1.35rem; + inline-size: 2.5rem; + line-height: 1.35rem; +} +.switch .switch-toggle-slider .icon-base { + position: relative; + block-size: 0.9375rem; + font-size: 0.9375rem; + inline-size: 0.9375rem; + inset-block-start: -1.9px; +} +.switch .switch-label { + inset-block-start: 0.01875rem; +} +.switch .switch-toggle-slider::after { + block-size: 14px; + inline-size: 14px; +} +.switch .switch-on { + padding-inline: 0.125rem 1.1rem; +} +.switch .switch-off { + padding-inline-start: 1.1rem; +} +.switch .switch-input.is-invalid ~ .switch-label, +.was-validated .switch .switch-input:invalid ~ .switch-label { + color: var(--bs-form-invalid-border-color); +} +.switch .switch-input.is-valid ~ .switch-label, +.was-validated .switch .switch-input:valid ~ .switch-label { + color: var(--bs-form-valid-border-color); +} +.switch .switch-input.is-invalid ~ .switch-toggle-slider, +.was-validated .switch .switch-input:invalid ~ .switch-toggle-slider { + --bs-switch-border-color: var(--bs-form-invalid-border-color); +} +.switch .switch-input.is-valid ~ .switch-toggle-slider, +.was-validated .switch .switch-input:valid ~ .switch-toggle-slider { + --bs-switch-border-color: var(--bs-form-valid-border-color); +} +.switch .switch-input.is-invalid:checked ~ .switch-toggle-slider, +.was-validated .switch .switch-input:invalid:checked ~ .switch-toggle-slider { + --bs-switch-bg: var(--bs-form-invalid-color); + --bs-switch-box-shadow: none; +} +.switch .switch-input.is-valid:checked ~ .switch-toggle-slider, +.was-validated .switch .switch-input:valid:checked ~ .switch-toggle-slider { + --bs-switch-bg: var(--bs-form-valid-color); + --bs-switch-box-shadow: none; +} + +/* Input +******************************************************************************* */ +.switch-input { + position: absolute; + z-index: -1; + opacity: 0; +} +.was-validated .switch-input:invalid ~ .valid-feedback, +.was-validated .switch-input:invalid ~ .valid-tooltip, +.switch-input.is-invalid ~ .valid-feedback, +.switch-input.is-invalid ~ .valid-tooltip, +.was-validated .switch-input:valid ~ .valid-feedback, +.was-validated .switch-input:valid ~ .valid-tooltip, +.switch-input.is-valid ~ .valid-feedback, +.switch-input.is-valid ~ .valid-tooltip { + display: block; +} + +/* Toggle slider +******************************************************************************* */ +.switch-toggle-slider { + position: absolute; + overflow: hidden; + border: 1px solid var(--bs-switch-border-color); + border-radius: 30rem; + background: var(--bs-switch-bg); + box-shadow: var(--bs-switch-box-shadow); + color: var(--bs-switch-color); + font-size: 0.625rem; + inset-block-start: 50%; + transform: translateY(-50%); + transition-duration: 0.2s; + transition-property: inset-inline-start, inset-inline-end, background, + box-shadow; + user-select: none; +} +.switch-toggle-slider::after { + position: absolute; + display: block; + border-radius: 50%; + background: var(--bs-switch-holder-bg); + box-shadow: var(--bs-switch-holder-shadow); + content: ""; + inset-block-start: 50%; + inset-inline: 8% auto; + transform: translateY(-50%); + transition-duration: 0.2s; + transition-property: inset-inline-start, inset-inline-end, background; +} + +/* Label switch +******************************************************************************* */ +.switch-label { + position: relative; + display: inline-block; + color: var(--bs-heading-color); + font-weight: 400; +} +.switch-label:first-child { + padding-inline-end: 0.5rem; +} + +/* Checked / Unchecked states */ +.switch-off, +.switch-on { + position: absolute; + block-size: 100%; + inline-size: 100%; + inset-block-start: 0; + text-align: center; + transition-duration: 0.2s; + transition-property: inset-inline-start, inset-inline-end; +} + +.switch-on { + inset-inline-start: -100%; +} +.switch-input:not(:checked) ~ .switch-toggle-slider .switch-on { + color: transparent; +} + +.switch-off { + inset-inline-start: 0; +} + +/* Checked state */ +.switch-input:checked ~ .switch-toggle-slider::after { + inset-inline: 95% auto; + transform: translate(-100%, -50%); +} +:dir(rtl) .switch-input:checked ~ .switch-toggle-slider::after { + inset-inline: 94% auto; + transform: translate(100%, -50%); +} +.switch-input:checked ~ .switch-toggle-slider .switch-on { + inset-inline-start: 0; +} +.switch-input:checked ~ .switch-toggle-slider .switch-off { + color: transparent; + inset-inline-start: 100%; +} + +/* Stacked switches +******************************************************************************* */ +.switches-stacked::after { + display: block; + clear: both; + content: ""; +} +.switches-stacked .switch { + display: block; + margin-inline: 0; +} +.switches-stacked .switch:not(:last-child) { + margin-block-end: 0.75rem; +} + +/* Square +******************************************************************************* */ +.switch-square, +.switch-square .switch-toggle-slider { + border-radius: 0.375rem; +} + +.switch-square .switch-toggle-slider::after { + border-radius: calc(0.375rem - 2px); +} + +/* Disabled +******************************************************************************* */ +.switch-input:disabled ~ .switch-toggle-slider { + opacity: 0.45; +} +.switch-input:disabled ~ .switch-label { + color: var(--bs-secondary-color); +} + +/* Switch Sizes +******************************************************************************* */ +.switch-sm { + font-size: 0.75rem; + line-height: 1.6; + min-block-size: 1.125rem; +} +.switch-sm .switch-input ~ .switch-label { + padding-inline-start: 2.375rem; +} +.switch-sm .switch-toggle-slider { + block-size: 1.125rem; + inline-size: 1.875rem; + line-height: 1.125rem; +} +.switch-sm .switch-toggle-slider .icon-base { + position: relative; + block-size: 0.75rem; + font-size: 0.75rem; + inline-size: 0.75rem; + inset-block-start: -2px; +} +.switch-sm .switch-label { + inset-block-start: 0; +} +.switch-sm .switch-toggle-slider::after { + block-size: 13px; + inline-size: 13px; +} +.switch-sm .switch-on { + padding-inline: 0.085rem 0.955rem; +} +.switch-sm .switch-off { + padding-inline-start: 0.955rem; +} + +.switch-lg { + font-size: 1.0625rem; + line-height: 1.47; + min-block-size: 1.75rem; +} +.switch-lg .switch-input ~ .switch-label { + padding-inline-start: 3.75rem; +} +.switch-lg .switch-toggle-slider { + block-size: 1.75rem; + inline-size: 3.25rem; + line-height: 1.75rem; +} +.switch-lg .switch-toggle-slider .icon-base { + position: relative; + block-size: 1.0625rem; + font-size: 1.0625rem; + inline-size: 1.0625rem; + inset-block-start: -2px; +} +.switch-lg .switch-label { + inset-block-start: 0.0940625rem; +} +.switch-lg .switch-toggle-slider::after { + block-size: 21px; + inline-size: 21px; +} +.switch-lg .switch-on { + padding-inline: 0.125rem 1.5rem; +} +.switch-lg .switch-off { + padding-inline-start: 1.5rem; +} + +/* Validation states +******************************************************************************* */ +.switch .valid-feedback, +.switch .invalid-feedback { + padding-inline-start: 0.5rem; +} + +/* Generate contextual modifier classes for colorizing the alert */ +.switch-primary .switch-input:checked ~ .switch-toggle-slider { + --bs-switch-bg: var(--bs-primary); + --bs-switch-border-color: var(--bs-primary); + --bs-switch-box-shadow: 0 0.125rem 0.375rem 0 rgba(var(--bs-primary-rgb), 0.3); +} + +.switch-outline-primary .switch-input:checked ~ .switch-toggle-slider { + --bs-switch-color: var(--bs-primary); + --bs-switch-border-color: var(--bs-primary); + --bs-switch-holder-bg: var(--bs-primary); +} + +.switch-secondary .switch-input:checked ~ .switch-toggle-slider { + --bs-switch-bg: var(--bs-secondary); + --bs-switch-border-color: var(--bs-secondary); + --bs-switch-box-shadow: 0 0.125rem 0.375rem 0 + rgba(var(--bs-secondary-rgb), 0.3); +} + +.switch-outline-secondary .switch-input:checked ~ .switch-toggle-slider { + --bs-switch-color: var(--bs-secondary); + --bs-switch-border-color: var(--bs-secondary); + --bs-switch-holder-bg: var(--bs-secondary); +} + +.switch-success .switch-input:checked ~ .switch-toggle-slider { + --bs-switch-bg: var(--bs-success); + --bs-switch-border-color: var(--bs-success); + --bs-switch-box-shadow: 0 0.125rem 0.375rem 0 rgba(var(--bs-success-rgb), 0.3); +} + +.switch-outline-success .switch-input:checked ~ .switch-toggle-slider { + --bs-switch-color: var(--bs-success); + --bs-switch-border-color: var(--bs-success); + --bs-switch-holder-bg: var(--bs-success); +} + +.switch-info .switch-input:checked ~ .switch-toggle-slider { + --bs-switch-bg: var(--bs-info); + --bs-switch-border-color: var(--bs-info); + --bs-switch-box-shadow: 0 0.125rem 0.375rem 0 rgba(var(--bs-info-rgb), 0.3); +} + +.switch-outline-info .switch-input:checked ~ .switch-toggle-slider { + --bs-switch-color: var(--bs-info); + --bs-switch-border-color: var(--bs-info); + --bs-switch-holder-bg: var(--bs-info); +} + +.switch-warning .switch-input:checked ~ .switch-toggle-slider { + --bs-switch-bg: var(--bs-warning); + --bs-switch-border-color: var(--bs-warning); + --bs-switch-box-shadow: 0 0.125rem 0.375rem 0 rgba(var(--bs-warning-rgb), 0.3); +} + +.switch-outline-warning .switch-input:checked ~ .switch-toggle-slider { + --bs-switch-color: var(--bs-warning); + --bs-switch-border-color: var(--bs-warning); + --bs-switch-holder-bg: var(--bs-warning); +} + +.switch-danger .switch-input:checked ~ .switch-toggle-slider { + --bs-switch-bg: var(--bs-danger); + --bs-switch-border-color: var(--bs-danger); + --bs-switch-box-shadow: 0 0.125rem 0.375rem 0 rgba(var(--bs-danger-rgb), 0.3); +} + +.switch-outline-danger .switch-input:checked ~ .switch-toggle-slider { + --bs-switch-color: var(--bs-danger); + --bs-switch-border-color: var(--bs-danger); + --bs-switch-holder-bg: var(--bs-danger); +} + +.switch-light .switch-input:checked ~ .switch-toggle-slider { + --bs-switch-bg: var(--bs-light); + --bs-switch-border-color: var(--bs-light); + --bs-switch-box-shadow: 0 0.125rem 0.375rem 0 rgba(var(--bs-light-rgb), 0.3); +} + +.switch-outline-light .switch-input:checked ~ .switch-toggle-slider { + --bs-switch-color: var(--bs-light); + --bs-switch-border-color: var(--bs-light); + --bs-switch-holder-bg: var(--bs-light); +} + +.switch-dark .switch-input:checked ~ .switch-toggle-slider { + --bs-switch-bg: var(--bs-dark); + --bs-switch-border-color: var(--bs-dark); + --bs-switch-box-shadow: 0 0.125rem 0.375rem 0 rgba(var(--bs-dark-rgb), 0.3); +} + +.switch-outline-dark .switch-input:checked ~ .switch-toggle-slider { + --bs-switch-color: var(--bs-dark); + --bs-switch-border-color: var(--bs-dark); + --bs-switch-holder-bg: var(--bs-dark); +} + +.switch-gray .switch-input:checked ~ .switch-toggle-slider { + --bs-switch-bg: var(--bs-gray); + --bs-switch-border-color: var(--bs-gray); + --bs-switch-box-shadow: 0 0.125rem 0.375rem 0 rgba(var(--bs-gray-rgb), 0.3); +} + +.switch-outline-gray .switch-input:checked ~ .switch-toggle-slider { + --bs-switch-color: var(--bs-gray); + --bs-switch-border-color: var(--bs-gray); + --bs-switch-holder-bg: var(--bs-gray); +} + +/* Avatar +******************************************************************************* */ +/* Avatar Styles */ +.avatar { + --bs-avatar-size: 2.375rem; + --bs-avatar-group-border: var(--bs-paper-bg); + --bs-avatar-initial-inline: 3px; + --bs-avatar-initial-bg: #eeedf0; + position: relative; + block-size: var(--bs-avatar-size); + cursor: pointer; + inline-size: var(--bs-avatar-size); +} +.avatar .avatar-initial { + position: absolute; + display: flex; + align-items: center; + justify-content: center; + background-color: var(--bs-avatar-initial-bg); + color: var(--bs-white); + font-size: var(--bs-avatar-initial); + font-weight: 500; + inset: 0; + text-transform: uppercase; +} +.avatar.avatar-online::after, +.avatar.avatar-offline::after, +.avatar.avatar-away::after, +.avatar.avatar-busy::after { + position: absolute; + border-radius: 100%; + block-size: calc(var(--bs-avatar-size) * 0.2); + box-shadow: 0 0 0 2px var(--bs-white); + content: ""; + inline-size: calc(var(--bs-avatar-size) * 0.2); + inset-block-end: 0; + inset-inline-end: var(--bs-avatar-initial-inline); +} +.avatar img { + block-size: 100%; + inline-size: 100%; +} +.avatar.avatar-online::after { + background-color: var(--bs-success); +} +.avatar.avatar-offline::after { + background-color: var(--bs-secondary); +} +.avatar.avatar-away::after { + background-color: var(--bs-warning); +} +.avatar.avatar-busy::after { + background-color: var(--bs-danger); +} +.avatar [class*="avatar-shadow-"] { + background-color: var(--bs-avatar-icon-bg); + box-shadow: 0 0 0 0.25rem rgba(var(--bs-avatar-icon-shadow-color), 0.06); + color: var(--bs-avatar-icon-color); +} + +/* Pull up avatar style */ +.pull-up { + transition: all 0.25s ease; +} +.pull-up:hover { + z-index: 30; + border-radius: 50%; + box-shadow: var(--bs-box-shadow); + transform: translateY(-4px) scale(1.02); +} + +.avatar-xs { + --bs-avatar-size: 1.5rem; + --bs-avatar-initial: 0.625rem; + --bs-avatar-initial-inline: 1px; +} + +.avatar-sm { + --bs-avatar-size: 2rem; + --bs-avatar-initial: 0.8125rem; + --bs-avatar-initial-inline: 2px; +} + +.avatar-md { + --bs-avatar-size: 3rem; + --bs-avatar-initial: 1.125rem; + --bs-avatar-initial-inline: 3px; +} + +.avatar-lg { + --bs-avatar-size: 3.5rem; + --bs-avatar-initial: 1.5rem; + --bs-avatar-initial-inline: 4px; +} + +.avatar-xl { + --bs-avatar-size: 4rem; + --bs-avatar-initial: 1.875rem; + --bs-avatar-initial-inline: 5px; +} + +/* Avatar Group SCSS */ +.avatar-group .avatar { + margin-inline-start: -0.8rem; + transition: all 0.25s ease; +} +.avatar-group .avatar:first-child { + margin-inline-start: 0; +} +.avatar-group .avatar img, +.avatar-group .avatar .avatar-initial { + border: 2px solid var(--bs-avatar-group-border); + color: var(--bs-heading-color); +} +.avatar-group .avatar:hover { + z-index: 30; + transition: all 0.25s ease; +} +.avatar-group .avatar-xs { + margin-inline-start: -0.65rem; +} +.avatar-group .avatar-sm { + margin-inline-start: -0.75rem; +} +.avatar-group .avatar-md { + margin-inline-start: -0.9rem; +} +.avatar-group .avatar-lg { + margin-inline-start: -1.5rem; +} +.avatar-group .avatar-xl { + margin-inline-start: -1.75rem; +} + +.avatar .avatar-shadow-primary { + --bs-avatar-icon-color: var(--bs-primary); + --bs-avatar-icon-shadow-color: var(--bs-primary-rgb); + --bs-avatar-icon-bg: var(--bs-primary-bg-subtle); +} + +.avatar .avatar-shadow-secondary { + --bs-avatar-icon-color: var(--bs-secondary); + --bs-avatar-icon-shadow-color: var(--bs-secondary-rgb); + --bs-avatar-icon-bg: var(--bs-secondary-bg-subtle); +} + +.avatar .avatar-shadow-success { + --bs-avatar-icon-color: var(--bs-success); + --bs-avatar-icon-shadow-color: var(--bs-success-rgb); + --bs-avatar-icon-bg: var(--bs-success-bg-subtle); +} + +.avatar .avatar-shadow-info { + --bs-avatar-icon-color: var(--bs-info); + --bs-avatar-icon-shadow-color: var(--bs-info-rgb); + --bs-avatar-icon-bg: var(--bs-info-bg-subtle); +} + +.avatar .avatar-shadow-warning { + --bs-avatar-icon-color: var(--bs-warning); + --bs-avatar-icon-shadow-color: var(--bs-warning-rgb); + --bs-avatar-icon-bg: var(--bs-warning-bg-subtle); +} + +.avatar .avatar-shadow-danger { + --bs-avatar-icon-color: var(--bs-danger); + --bs-avatar-icon-shadow-color: var(--bs-danger-rgb); + --bs-avatar-icon-bg: var(--bs-danger-bg-subtle); +} + +.avatar .avatar-shadow-light { + --bs-avatar-icon-color: var(--bs-light); + --bs-avatar-icon-shadow-color: var(--bs-light-rgb); + --bs-avatar-icon-bg: var(--bs-light-bg-subtle); +} + +.avatar .avatar-shadow-dark { + --bs-avatar-icon-color: var(--bs-dark); + --bs-avatar-icon-shadow-color: var(--bs-dark-rgb); + --bs-avatar-icon-bg: var(--bs-dark-bg-subtle); +} + +.avatar .avatar-shadow-gray { + --bs-avatar-icon-color: var(--bs-gray); + --bs-avatar-icon-shadow-color: var(--bs-gray-rgb); + --bs-avatar-icon-bg: var(--bs-gray-bg-subtle); +} + +/* Avatar dark css */ +[data-bs-theme="dark"] { + /* Avatar Status indication */ +} +[data-bs-theme="dark"] .avatar { + --bs-avatar-initial-bg: #373b50; +} +[data-bs-theme="dark"] .avatar.avatar-online::after, +[data-bs-theme="dark"] .avatar.avatar-offline::after, +[data-bs-theme="dark"] .avatar.avatar-away::after, +[data-bs-theme="dark"] .avatar.avatar-busy::after { + box-shadow: 0 0 0 2px var(--bs-body-bg); +} + +/* Timeline +******************************************************************************* */ +.timeline { + --bs-timeline-point-indicator-color: var(--bs-primary); + --bs-timeline-event-time-color: var(--bs-secondary-color); + position: relative; + padding: 0; + block-size: 100%; + inline-size: 100%; + list-style: none; +} +.timeline:not(.timeline-center) { + padding-inline-start: 0.5rem; +} +.timeline .timeline-header { + display: flex; + flex-direction: row; + align-items: center; + justify-content: space-between; +} +.timeline .timeline-header > *:first-child { + margin-inline-end: 0.5rem; +} +.timeline .timeline-item { + position: relative; + border: 0; + border-inline-start: 1px solid var(--bs-border-color); + padding-inline-start: 1.4rem; +} +.timeline .timeline-item .timeline-event { + position: relative; + border-radius: var(--bs-border-radius); + background-color: var(--bs-paper-bg); + inline-size: 100%; + min-block-size: 4rem; + padding-block: 0.5rem 0.3375rem; + padding-inline: 0; +} +.timeline .timeline-item .timeline-event .timeline-event-time { + position: absolute; + color: var(--bs-timeline-event-time-color); + font-size: 0.8125rem; + inset-block-start: 1.2rem; +} +.timeline .timeline-item .timeline-indicator, +.timeline .timeline-item .timeline-indicator-advanced { + position: absolute; + z-index: 2; + display: flex; + align-items: center; + justify-content: center; + border-radius: 50%; + background-color: var(--bs-body-bg); + block-size: 2rem; + box-shadow: 0 0 0 10px var(--bs-body-bg); + inline-size: 2rem; + inset-block-start: 0.64rem; + inset-inline-start: -1rem; + text-align: center; +} +.timeline .timeline-item .timeline-indicator .icon-base, +.timeline .timeline-item .timeline-indicator-advanced .icon-base { + color: var(--bs-timeline-point-indicator-color); +} +.timeline .timeline-item [class*="timeline-indicator-"] { + background-color: var(--bs-timeline-point-indicator-bg); +} +.timeline .timeline-item .timeline-indicator-advanced { + background-color: var(--bs-paper-bg); + box-shadow: 0 0 0 10px var(--bs-paper-bg); + inset-block-start: 0; +} +.timeline .timeline-item .timeline-point { + position: absolute; + z-index: 2; + display: block; + border-radius: 50%; + background-color: var(--bs-timeline-point-indicator-color); + block-size: 0.75rem; + box-shadow: 0 0 0 10px var(--bs-paper-bg); + inline-size: 0.75rem; + inset-block-start: 0; + inset-inline-start: -0.38rem; + outline: 3px solid + rgba(var(--bs-timeline-point-indicator-outline-color), 0.12); +} +.timeline .timeline-item.timeline-item-transparent .timeline-event { + background-color: transparent; + inset-block-start: -0.9rem; + padding-inline: 0; +} +.timeline.timeline-outline .timeline-item .timeline-point { + border: 2px solid var(--bs-timeline-point-indicator-color); + background-color: var(--bs-paper-bg); + outline: unset; +} +.timeline.timeline-center .timeline-item { + clear: both; + inline-size: 50%; +} +.timeline.timeline-center .timeline-item .timeline-event { + inset-block-start: 0; +} +.timeline.timeline-center .timeline-item .timeline-indicator { + inset-block-start: 0.64rem; +} +.timeline.timeline-center .timeline-item.timeline-item-left, +.timeline.timeline-center + .timeline-item:nth-of-type(odd):not( + .timeline-item-left, + .timeline-item-right + ) { + border-inline-end: 1px solid var(--bs-border-color); + border-inline-start: 0; + float: inline-start; + padding-block-end: 2.5rem; + padding-inline: 0 2.25rem; +} +.timeline.timeline-center + .timeline-item.timeline-item-left + .timeline-event + .timeline-event-time, +.timeline.timeline-center + .timeline-item:nth-of-type(odd):not(.timeline-item-left, .timeline-item-right) + .timeline-event + .timeline-event-time { + inset-inline-end: -10.2rem; +} +.timeline.timeline-center .timeline-item.timeline-item-left .timeline-point, +.timeline.timeline-center + .timeline-item:nth-of-type(odd):not(.timeline-item-left, .timeline-item-right) + .timeline-point { + inset-inline-start: 100%; + margin-inline-start: -0.3rem; +} +.timeline.timeline-center .timeline-item.timeline-item-right, +.timeline.timeline-center + .timeline-item:nth-of-type(even):not( + .timeline-item-left, + .timeline-item-right + ) { + border-inline-start: 1px solid var(--bs-border-color); + float: inline-end; + inset-inline-end: 1px; + padding-block-end: 2.5rem; + padding-inline: 2.25rem 0; +} +.timeline.timeline-center + .timeline-item.timeline-item-right + .timeline-event-time, +.timeline.timeline-center + .timeline-item:nth-of-type(even):not( + .timeline-item-left, + .timeline-item-right + ) + .timeline-event-time { + inset-inline-start: -10.2rem; +} + +@media (min-width: 768px) { + .timeline.timeline-center + .timeline-item.timeline-item-left + .timeline-indicator, + .timeline.timeline-center + .timeline-item:nth-of-type(odd):not( + .timeline-item-left, + .timeline-item-right + ) + .timeline-indicator { + inset-inline-start: calc(100% - 2rem / 2); + } + .timeline.timeline-center .timeline-item.timeline-item-left::after, + .timeline.timeline-center + .timeline-item:nth-of-type(odd):not( + .timeline-item-left, + .timeline-item-right + )::after { + inset-inline-start: calc(100% - 2rem / 2); + } +} +/* To Change Timeline Center's Alignment om small Screen */ +@media (max-width: 767.98px) { + .timeline.timeline-center .timeline-end-indicator { + inset-inline-start: -2px; + } + .timeline.timeline-center .timeline-item { + border-inline-end: 0 !important; + float: inline-start !important; + inline-size: 100%; + inset-inline-start: 1rem; + padding-inline: 3.5rem 1.5rem !important; + } + .timeline.timeline-center .timeline-item:not(:last-child) { + border-inline-start: 2px solid var(--bs-border-color) !important; + } + .timeline.timeline-center + .timeline-item + .timeline-event + .timeline-event-time { + inset-block-start: -1.4rem; + inset-inline: 0 auto !important; + } +} +@media (max-width: 575.98px) { + .timeline .timeline-header { + flex-direction: column; + align-items: flex-start; + } +} +.timeline .timeline-point-primary, +.timeline .timeline-indicator-primary { + --bs-timeline-point-indicator-bg: var(--bs-primary-bg-subtle); + --bs-timeline-point-indicator-color: var(--bs-primary); + --bs-timeline-point-indicator-outline-color: var(--bs-primary-rgb); +} + +.timeline .timeline-point-secondary, +.timeline .timeline-indicator-secondary { + --bs-timeline-point-indicator-bg: var(--bs-secondary-bg-subtle); + --bs-timeline-point-indicator-color: var(--bs-secondary); + --bs-timeline-point-indicator-outline-color: var(--bs-secondary-rgb); +} + +.timeline .timeline-point-success, +.timeline .timeline-indicator-success { + --bs-timeline-point-indicator-bg: var(--bs-success-bg-subtle); + --bs-timeline-point-indicator-color: var(--bs-success); + --bs-timeline-point-indicator-outline-color: var(--bs-success-rgb); +} + +.timeline .timeline-point-info, +.timeline .timeline-indicator-info { + --bs-timeline-point-indicator-bg: var(--bs-info-bg-subtle); + --bs-timeline-point-indicator-color: var(--bs-info); + --bs-timeline-point-indicator-outline-color: var(--bs-info-rgb); +} + +.timeline .timeline-point-warning, +.timeline .timeline-indicator-warning { + --bs-timeline-point-indicator-bg: var(--bs-warning-bg-subtle); + --bs-timeline-point-indicator-color: var(--bs-warning); + --bs-timeline-point-indicator-outline-color: var(--bs-warning-rgb); +} + +.timeline .timeline-point-danger, +.timeline .timeline-indicator-danger { + --bs-timeline-point-indicator-bg: var(--bs-danger-bg-subtle); + --bs-timeline-point-indicator-color: var(--bs-danger); + --bs-timeline-point-indicator-outline-color: var(--bs-danger-rgb); +} + +.timeline .timeline-point-light, +.timeline .timeline-indicator-light { + --bs-timeline-point-indicator-bg: var(--bs-light-bg-subtle); + --bs-timeline-point-indicator-color: var(--bs-light); + --bs-timeline-point-indicator-outline-color: var(--bs-light-rgb); +} + +.timeline .timeline-point-dark, +.timeline .timeline-indicator-dark { + --bs-timeline-point-indicator-bg: var(--bs-dark-bg-subtle); + --bs-timeline-point-indicator-color: var(--bs-dark); + --bs-timeline-point-indicator-outline-color: var(--bs-dark-rgb); +} + +.timeline .timeline-point-gray, +.timeline .timeline-indicator-gray { + --bs-timeline-point-indicator-bg: var(--bs-gray-bg-subtle); + --bs-timeline-point-indicator-color: var(--bs-gray); + --bs-timeline-point-indicator-outline-color: var(--bs-gray-rgb); +} + +/* Divider +******************************************************************************* */ +.divider { + --bs-divider-color: var(--bs-gray-200); + display: block; + overflow: hidden; + margin-block: 1rem; + margin-inline: 0; + text-align: center; + white-space: nowrap; +} +.divider .divider-text { + position: relative; + display: inline-block; + color: var(--bs-heading-color); + font-size: 0.9375rem; + padding-block: 0; + padding-inline: 0.677rem; +} +.divider .divider-text .icon-base { + block-size: 1rem; + font-size: 1rem; + inline-size: 1rem; +} +.divider .divider-text::before, +.divider .divider-text::after { + position: absolute; + border-block-start: 1px solid var(--bs-divider-color); + content: ""; + inline-size: 100vw; + inset-block-start: 50%; +} +.divider .divider-text::before { + inset-inline-end: 100%; +} +.divider .divider-text::after { + inset-inline-start: 100%; +} +.divider.text-start .divider-text { + padding-inline-start: 0; +} +.divider.text-end .divider-text { + padding-inline-end: 0; +} +.divider.text-start-center .divider-text { + inset-inline-start: -25%; +} +.divider.text-end-center .divider-text { + inset-inline-end: -25%; +} +.divider.divider-dotted .divider-text::before, +.divider.divider-dotted .divider-text::after { + border-width: 0 1px 1px; + border-style: dotted; + border-color: var(--bs-divider-color); +} +.divider.divider-dashed .divider-text::before, +.divider.divider-dashed .divider-text::after { + border-width: 0 1px 1px; + border-style: dashed; + border-color: var(--bs-divider-color); +} + +.divider-primary { + --bs-divider-color: var(--bs-primary); +} + +.divider-secondary { + --bs-divider-color: var(--bs-secondary); +} + +.divider-success { + --bs-divider-color: var(--bs-success); +} + +.divider-info { + --bs-divider-color: var(--bs-info); +} + +.divider-warning { + --bs-divider-color: var(--bs-warning); +} + +.divider-danger { + --bs-divider-color: var(--bs-danger); +} + +.divider-light { + --bs-divider-color: var(--bs-light); +} + +.divider-dark { + --bs-divider-color: var(--bs-dark); +} + +.divider-gray { + --bs-divider-color: var(--bs-gray); +} + +/* Footer +******************************************************************************* */ +.footer { + --bs-footer-color: var(--bs-body-color); + --bs-footer-bg: var(--bs-paper-bg); + --bs-footer-border-width: 0; + --bs-footer-border-color: var(--bs-border-color); + --bs-footer-link-color: var(--bs-primary); + --bs-footer-link-hover-color: rgba(var(--bs-primary-rgb), 0.8); + --bs-footer-link-disabled-color: var(--bs-gray-300); + --bs-footer-link-active-color: var(--bs-primary); + --bs-footer-brand-color: var(--bs-primary); + --bs-footer-brand-hover-color: color-mix( + in sRGB, + var(--bs-primary) 84%, + var(--bs-paper-bg) + ); + --bs-footer-box-shadow: var(--bs-box-shadow-lg); + color: var(--bs-footer-color); +} +.footer .footer-brand { + color: var(--bs-footer-brand-color); +} +.footer .footer-brand:hover, +.footer .footer-brand:focus { + color: var(--bs-footer-brand-hover-color); +} +.footer.content-footer .footer-container { + block-size: 54px; +} +.footer .footer-link { + display: inline-block; + color: var(--bs-footer-link-color); +} +.footer .footer-link:hover, +.footer .footer-link:focus { + color: var(--bs-footer-link-hover-color); +} +.footer .footer-link.disabled { + color: var(--bs-footer-link-disabled-color) !important; +} +.footer .footer-link:active, +.footer .footer-link.active { + color: var(--bs-footer-link-active-color); +} +.footer.bg-footer-theme { + --bs-footer-brand-color: var(--bs-body-color); +} +.footer.bg-white { + --bs-footer-color: #393a5a; + --bs-footer-link-color: #393a5a; + --bs-footer-link-hover-color: #000; + --bs-footer-brand-color: #22303e; + --bs-footer-brand-hover-color: #000; +} + +/* Generate contextual modifier classes for colorizing the footer */ +.footer.bg-primary { + --bs-footer-brand-hover-color: color-mix( + in sRGB, + var(--bs-paper-bg) 84%, + var(--bs-primary) + ); + --bs-footer-link-hover-color: color-mix( + in sRGB, + var(--bs-paper-bg) 84%, + var(--bs-primary) + ); + --bs-footer-color: var(--bs-primary-contrast); + --bs-footer-link-color: var(--bs-primary-contrast); + --bs-footer-brand-color: var(--bs-primary-contrast); +} + +.footer.bg-secondary { + --bs-footer-brand-hover-color: color-mix( + in sRGB, + var(--bs-paper-bg) 84%, + var(--bs-secondary) + ); + --bs-footer-link-hover-color: color-mix( + in sRGB, + var(--bs-paper-bg) 84%, + var(--bs-secondary) + ); + --bs-footer-color: var(--bs-secondary-contrast); + --bs-footer-link-color: var(--bs-secondary-contrast); + --bs-footer-brand-color: var(--bs-secondary-contrast); +} + +.footer.bg-success { + --bs-footer-brand-hover-color: color-mix( + in sRGB, + var(--bs-paper-bg) 84%, + var(--bs-success) + ); + --bs-footer-link-hover-color: color-mix( + in sRGB, + var(--bs-paper-bg) 84%, + var(--bs-success) + ); + --bs-footer-color: var(--bs-success-contrast); + --bs-footer-link-color: var(--bs-success-contrast); + --bs-footer-brand-color: var(--bs-success-contrast); +} + +.footer.bg-info { + --bs-footer-brand-hover-color: color-mix( + in sRGB, + var(--bs-paper-bg) 84%, + var(--bs-info) + ); + --bs-footer-link-hover-color: color-mix( + in sRGB, + var(--bs-paper-bg) 84%, + var(--bs-info) + ); + --bs-footer-color: var(--bs-info-contrast); + --bs-footer-link-color: var(--bs-info-contrast); + --bs-footer-brand-color: var(--bs-info-contrast); +} + +.footer.bg-warning { + --bs-footer-brand-hover-color: color-mix( + in sRGB, + var(--bs-paper-bg) 84%, + var(--bs-warning) + ); + --bs-footer-link-hover-color: color-mix( + in sRGB, + var(--bs-paper-bg) 84%, + var(--bs-warning) + ); + --bs-footer-color: var(--bs-warning-contrast); + --bs-footer-link-color: var(--bs-warning-contrast); + --bs-footer-brand-color: var(--bs-warning-contrast); +} + +.footer.bg-danger { + --bs-footer-brand-hover-color: color-mix( + in sRGB, + var(--bs-paper-bg) 84%, + var(--bs-danger) + ); + --bs-footer-link-hover-color: color-mix( + in sRGB, + var(--bs-paper-bg) 84%, + var(--bs-danger) + ); + --bs-footer-color: var(--bs-danger-contrast); + --bs-footer-link-color: var(--bs-danger-contrast); + --bs-footer-brand-color: var(--bs-danger-contrast); +} + +.footer.bg-light { + --bs-footer-brand-hover-color: color-mix( + in sRGB, + var(--bs-paper-bg) 40%, + var(--bs-light-contrast) + ); + --bs-footer-link-hover-color: var(--bs-light-contrast); + --bs-footer-color: var(--bs-body-color); + --bs-footer-link-color: var(--bs-body-color); + --bs-footer-brand-color: var(--bs-heading-color); +} + +.footer.bg-dark { + --bs-footer-brand-hover-color: color-mix( + in sRGB, + var(--bs-paper-bg) 84%, + var(--bs-dark) + ); + --bs-footer-link-hover-color: color-mix( + in sRGB, + var(--bs-paper-bg) 84%, + var(--bs-dark) + ); + --bs-footer-color: var(--bs-dark-contrast); + --bs-footer-link-color: var(--bs-dark-contrast); + --bs-footer-brand-color: var(--bs-dark-contrast); +} + +.footer.bg-gray { + --bs-footer-brand-hover-color: color-mix( + in sRGB, + var(--bs-paper-bg) 84%, + var(--bs-gray) + ); + --bs-footer-link-hover-color: color-mix( + in sRGB, + var(--bs-paper-bg) 84%, + var(--bs-gray) + ); + --bs-footer-color: var(--bs-gray-contrast); + --bs-footer-link-color: var(--bs-gray-contrast); + --bs-footer-brand-color: var(--bs-gray-contrast); +} + +/* Dark Theme */ +[data-bs-theme="dark"] .footer.bg-dark { + --bs-footer-brand-hover-color: color-mix( + in sRGB, + var(--bs-paper-bg) 84%, + var(--bs-dark-contrast) + ); + --bs-footer-link-hover-color: color-mix( + in sRGB, + var(--bs-paper-bg) 84%, + var(--bs-dark-contrast) + ); +} diff --git a/src/components/Activities/Attendance.jsx b/src/components/Activities/Attendance.jsx index e3fee8b6..0ee7fc97 100644 --- a/src/components/Activities/Attendance.jsx +++ b/src/components/Activities/Attendance.jsx @@ -1,4 +1,4 @@ -import React,{useState}from "react"; +import React, { useState } from "react"; import moment from "moment"; import Avatar from "../common/Avatar"; import { convertShortTime } from "../../utils/dateUtils"; @@ -6,105 +6,151 @@ import RenderAttendanceStatus from "./RenderAttendanceStatus"; import usePagination from "../../hooks/usePagination"; import { useNavigate } from "react-router-dom"; +const Attendance = ({ attendance, getRole, handleModalData }) => { + const { currentPage, totalPages, currentItems, paginate } = usePagination( + attendance, + 5 + ); + const [loading, setLoading] = useState(false); + const navigate = useNavigate(); -const Attendance = ( {attendance, getRole, handleModalData} ) => -{ - - const { currentPage, totalPages, currentItems, paginate } = usePagination(attendance, 5); - const [loading,setLoading] = useState(false); - const navigate = useNavigate() - return ( - <> -
- {attendance && attendance.length > 0 ? (<> - - - - - - - - - - - - {currentItems && - currentItems - .sort((a, b) => { - // If checkInTime exists, compare it, otherwise, treat null as earlier than a date - const checkInA = a.checkInTime ? new Date(a.checkInTime) : new Date(0); - const checkInB = b.checkInTime ? new Date(b.checkInTime) : new Date(0); - return checkInB - checkInA; // Sort in descending order of checkInTime - }) - .map( ( item ) => ( - - + + + + + ))} + +
NameRoleCheck-InCheck-OutActions
-
- - + <> +
+ {attendance && attendance.length > 0 ? ( + <> + + + + + + + + + + + + {currentItems && + currentItems + .sort((a, b) => { + // If checkInTime exists, compare it, otherwise, treat null as earlier than a date + const checkInA = a.checkInTime + ? new Date(a.checkInTime) + : new Date(0); + const checkInB = b.checkInTime + ? new Date(b.checkInTime) + : new Date(0); + return checkInB - checkInA; // Sort in descending order of checkInTime + }) + .map((item) => ( + + - - - - + + - - - ))} - - -
+ Name + Role + + Check-In + + Check-Out + Actions
+ - {item.jobRoleName} - - {item.checkInTime ? convertShortTime(item.checkInTime):"--"}{item.checkOutTime ? convertShortTime(item.checkOutTime):"--"} - -
+
{item.jobRoleName} + {item.checkInTime + ? convertShortTime(item.checkInTime) + : "--"} + + {item.checkOutTime + ? convertShortTime(item.checkOutTime) + : "--"} + + +
- -{ - !loading && ( - - ) -} - - ) : ( - No employees assigned to the project - )} + {!loading && ( + + )} + + ) : ( + No employees assigned to the project + )}
- ); }; -export default Attendance; \ No newline at end of file +export default Attendance; diff --git a/src/components/Activities/AttendcesLogs.jsx b/src/components/Activities/AttendcesLogs.jsx index a18522ed..65a85be9 100644 --- a/src/components/Activities/AttendcesLogs.jsx +++ b/src/components/Activities/AttendcesLogs.jsx @@ -87,7 +87,7 @@ const AttendanceLog = ({ attendance, handleModalData, projectId }) => { />
- + {attendance.firstName} {attendance.lastName} diff --git a/src/components/Activities/Regularization.jsx b/src/components/Activities/Regularization.jsx index 0c76cd06..dd61c8a3 100644 --- a/src/components/Activities/Regularization.jsx +++ b/src/components/Activities/Regularization.jsx @@ -47,7 +47,7 @@ const Regularization = ({ handleRequest }) => { >
- + {att.firstName} {att.lastName} diff --git a/src/components/Layout/Header.jsx b/src/components/Layout/Header.jsx index 4e948cbb..c65b62a9 100644 --- a/src/components/Layout/Header.jsx +++ b/src/components/Layout/Header.jsx @@ -76,7 +76,7 @@ const Header = () => { {/* Search */}
- + { const navigate = useNavigate(); return (