From 66625c9106a827b1838bf39f0249b90fab6739bb Mon Sep 17 00:00:00 2001 From: Stefan Date: Fri, 25 Mar 2022 12:36:26 +0200 Subject: [PATCH] refactor: update product to v1.0.7 - refactor SCSS --- CHANGELOG.md | 4 + README.md | 2 +- assets/css/soft-design-system.css | 4399 +++++------------ assets/css/soft-design-system.css.map | 339 +- assets/css/soft-design-system.min.css | 2 +- assets/js/soft-design-system.js | 2 +- assets/scss/soft-design-system.scss | 2 +- .../scss/soft-design-system/_accordion.scss | 27 - .../scss/soft-design-system/_backgrounds.scss | 19 - .../soft-design-system/_cards-extend.scss | 4 - .../scss/soft-design-system/_components.scss | 5 - .../soft-design-system/_dropdown-extend.scss | 31 - .../_floating-elements.scss | 73 - .../scss/soft-design-system/_list-check.scss | 25 - .../scss/soft-design-system/_misc-extend.scss | 250 - .../scss/soft-design-system/_rtl-extend.scss | 63 - .../badges/_badge-circle.scss | 29 - .../soft-design-system/badges/_badge-dot.scss | 41 - .../badges/_badge-floating.scss | 17 - .../soft-design-system/badges/_badge.scss | 81 - .../soft-design-system/cards/card-blog.scss | 17 - .../cards/card-horizontal.scss | 24 - .../cards/card-pricing.scss | 48 - .../cards/card-profile.scss | 59 - .../plugins/pro/_carousel-slick.scss | 102 - .../plugins/pro/_choices.scss | 446 -- .../plugins/pro/_datatable-extend.scss | 126 - .../plugins/pro/_datatable.scss | 179 - .../plugins/pro/_dragula.scss | 22 - .../plugins/pro/_dropzone.scss | 396 -- .../plugins/pro/_fullcalendar-extend.scss | 94 - .../plugins/pro/_fullcalendar.scss | 1434 ------ .../plugins/pro/_glidejs.scss | 179 - .../plugins/pro/_green-audio-player.scss | 245 - .../plugins/pro/_highlight.scss | 83 - .../plugins/pro/_kanban.scss | 158 - .../plugins/pro/_leaflet.scss | 656 --- .../plugins/pro/_list-check.scss | 17 - .../plugins/pro/_photoswipe.scss | 182 - .../plugins/pro/_quill.scss | 949 ---- .../plugins/pro/_rating-widget.scss | 36 - .../plugins/pro/_sweetalert2-extend.scss | 38 - .../plugins/pro/_sweetalert2.scss | 1322 ----- .../plugins/pro/multi-step.scss | 112 - .../plugins/pro/plugins-extend.scss | 22 - assets/scss/soft-design-system/theme-pro.scss | 38 - assets/scss/soft-design-system/theme.scss | 2 +- docs/documentation.html | 6 +- index.html | 20 +- package.json | 4 +- pages/about-us.html | 6 +- pages/author.html | 6 +- pages/contact-us.html | 6 +- pages/sign-in.html | 6 +- presentation.html | 6 +- sections/attention-catchers/alerts.html | 6 +- sections/attention-catchers/modals.html | 6 +- .../attention-catchers/tooltips-popovers.html | 8 +- sections/elements/avatars.html | 10 +- sections/elements/badges.html | 12 +- sections/elements/breadcrumbs.html | 6 +- sections/elements/buttons.html | 8 +- sections/elements/dropdowns.html | 6 +- sections/elements/progress-bars.html | 6 +- sections/elements/toggles.html | 10 +- sections/elements/typography.html | 10 +- sections/input-areas/forms.html | 10 +- sections/input-areas/inputs.html | 6 +- sections/navigation/nav-tabs.html | 6 +- sections/navigation/navbars.html | 6 +- sections/navigation/pagination.html | 6 +- sections/page-sections/features.html | 6 +- sections/page-sections/hero-sections.html | 6 +- 73 files changed, 1450 insertions(+), 11145 deletions(-) delete mode 100644 assets/scss/soft-design-system/_accordion.scss delete mode 100644 assets/scss/soft-design-system/_backgrounds.scss delete mode 100644 assets/scss/soft-design-system/_cards-extend.scss delete mode 100644 assets/scss/soft-design-system/_components.scss delete mode 100644 assets/scss/soft-design-system/_dropdown-extend.scss delete mode 100644 assets/scss/soft-design-system/_floating-elements.scss delete mode 100644 assets/scss/soft-design-system/_list-check.scss delete mode 100644 assets/scss/soft-design-system/_misc-extend.scss delete mode 100644 assets/scss/soft-design-system/_rtl-extend.scss delete mode 100644 assets/scss/soft-design-system/badges/_badge-circle.scss delete mode 100644 assets/scss/soft-design-system/badges/_badge-dot.scss delete mode 100644 assets/scss/soft-design-system/badges/_badge-floating.scss delete mode 100644 assets/scss/soft-design-system/badges/_badge.scss delete mode 100644 assets/scss/soft-design-system/cards/card-blog.scss delete mode 100644 assets/scss/soft-design-system/cards/card-horizontal.scss delete mode 100644 assets/scss/soft-design-system/cards/card-pricing.scss delete mode 100644 assets/scss/soft-design-system/cards/card-profile.scss delete mode 100644 assets/scss/soft-design-system/plugins/pro/_carousel-slick.scss delete mode 100644 assets/scss/soft-design-system/plugins/pro/_choices.scss delete mode 100644 assets/scss/soft-design-system/plugins/pro/_datatable-extend.scss delete mode 100644 assets/scss/soft-design-system/plugins/pro/_datatable.scss delete mode 100644 assets/scss/soft-design-system/plugins/pro/_dragula.scss delete mode 100644 assets/scss/soft-design-system/plugins/pro/_dropzone.scss delete mode 100644 assets/scss/soft-design-system/plugins/pro/_fullcalendar-extend.scss delete mode 100644 assets/scss/soft-design-system/plugins/pro/_fullcalendar.scss delete mode 100644 assets/scss/soft-design-system/plugins/pro/_glidejs.scss delete mode 100644 assets/scss/soft-design-system/plugins/pro/_green-audio-player.scss delete mode 100644 assets/scss/soft-design-system/plugins/pro/_highlight.scss delete mode 100644 assets/scss/soft-design-system/plugins/pro/_kanban.scss delete mode 100644 assets/scss/soft-design-system/plugins/pro/_leaflet.scss delete mode 100644 assets/scss/soft-design-system/plugins/pro/_list-check.scss delete mode 100644 assets/scss/soft-design-system/plugins/pro/_photoswipe.scss delete mode 100644 assets/scss/soft-design-system/plugins/pro/_quill.scss delete mode 100644 assets/scss/soft-design-system/plugins/pro/_rating-widget.scss delete mode 100644 assets/scss/soft-design-system/plugins/pro/_sweetalert2-extend.scss delete mode 100644 assets/scss/soft-design-system/plugins/pro/_sweetalert2.scss delete mode 100644 assets/scss/soft-design-system/plugins/pro/multi-step.scss delete mode 100644 assets/scss/soft-design-system/plugins/pro/plugins-extend.scss delete mode 100644 assets/scss/soft-design-system/theme-pro.scss diff --git a/CHANGELOG.md b/CHANGELOG.md index 2d464d83..1100bf37 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,5 +1,9 @@ # Change Log +## [1.0.7] 2022-03-25 +### Update +- update SCSS folder + ## [1.0.6] 2022-03-22 ### Updates & Bugfixing - upgrade Bootstrap version to v5.1.3 diff --git a/README.md b/README.md index 4f20f094..861d3dba 100644 --- a/README.md +++ b/README.md @@ -119,7 +119,7 @@ If you have questions or need help integrating the product please [contact us](h ## Licensing -- Copyright 2021 [Creative Tim](https://www.creative-tim.com?ref=readme-suds) +- Copyright 2022 [Creative Tim](https://www.creative-tim.com?ref=readme-suds) - Creative Tim [license](https://www.creative-tim.com/license?ref=readme-suds) ## Useful Links diff --git a/assets/css/soft-design-system.css b/assets/css/soft-design-system.css index 1f0792b2..1deea0fa 100644 --- a/assets/css/soft-design-system.css +++ b/assets/css/soft-design-system.css @@ -1,3 +1,4 @@ +@charset "UTF-8"; /*! * Bootstrap v5.1.3 (https://getbootstrap.com/) * Copyright 2011-2021 The Bootstrap Authors @@ -49,7 +50,7 @@ --bs-black-rgb: 0, 0, 0; --bs-body-color-rgb: 103, 116, 142; --bs-body-bg-rgb: 255, 255, 255; - --bs-font-sans-serif: Open Sans; + --bs-font-sans-serif: "Open Sans"; --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); --bs-body-font-family: var(--bs-font-sans-serif); @@ -97,18 +98,7 @@ hr:not([size]) { height: 1px; } -h1, -.h1, -h2, -.h2, -h3, -.h3, -h4, -.h4, -h5, -.h5, -h6, -.h6 { +h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 { margin-top: 0; margin-bottom: 0.5rem; font-weight: 400; @@ -116,65 +106,47 @@ h6, color: #344767; } -h1, -.h1 { +h1, .h1 { font-size: calc(1.425rem + 2.1vw); } - @media (min-width: 1200px) { - - h1, - .h1 { + h1, .h1 { font-size: 3rem; } } -h2, -.h2 { +h2, .h2 { font-size: calc(1.35rem + 1.2vw); } - @media (min-width: 1200px) { - - h2, - .h2 { + h2, .h2 { font-size: 2.25rem; } } -h3, -.h3 { +h3, .h3 { font-size: calc(1.3125rem + 0.75vw); } - @media (min-width: 1200px) { - - h3, - .h3 { + h3, .h3 { font-size: 1.875rem; } } -h4, -.h4 { +h4, .h4 { font-size: calc(1.275rem + 0.3vw); } - @media (min-width: 1200px) { - - h4, - .h4 { + h4, .h4 { font-size: 1.5rem; } } -h5, -.h5 { +h5, .h5 { font-size: 1.25rem; } -h6, -.h6 { +h6, .h6 { font-size: 1rem; } @@ -185,9 +157,11 @@ p { abbr[title], abbr[data-bs-original-title] { - text-decoration: underline dotted; + -webkit-text-decoration: underline dotted; + text-decoration: underline dotted; cursor: help; - text-decoration-skip-ink: none; + -webkit-text-decoration-skip-ink: none; + text-decoration-skip-ink: none; } address { @@ -220,7 +194,7 @@ dt { } dd { - margin-bottom: .5rem; + margin-bottom: 0.5rem; margin-left: 0; } @@ -233,13 +207,11 @@ strong { font-weight: 700; } -small, -.small { +small, .small { font-size: 0.875em; } -mark, -.mark { +mark, .mark { padding: 0.2em; background-color: #fcf8e3; } @@ -253,25 +225,23 @@ sup { } sub { - bottom: -.25em; + bottom: -0.25em; } sup { - top: -.5em; + top: -0.5em; } a { color: #cb0c9f; text-decoration: none; } - a:hover { color: #830866; text-decoration: none; } -a:not([href]):not([class]), -a:not([href]):not([class]):hover { +a:not([href]):not([class]), a:not([href]):not([class]):hover { color: inherit; text-decoration: none; } @@ -282,9 +252,7 @@ kbd, samp { font-family: var(--bs-font-monospace); font-size: 1em; - direction: ltr - /* rtl:ignore */ - ; + direction: ltr /* rtl:ignore */; unicode-bidi: bidi-override; } @@ -295,7 +263,6 @@ pre { overflow: auto; font-size: 0.875em; } - pre code { font-size: inherit; color: inherit; @@ -307,8 +274,7 @@ code { color: #d63384; word-wrap: break-word; } - -a>code { +a > code { color: inherit; } @@ -319,7 +285,6 @@ kbd { background-color: #212529; border-radius: 0.25rem; } - kbd kbd { padding: 0; font-size: 1em; @@ -391,14 +356,13 @@ select { text-transform: none; } -[role="button"] { +[role=button] { cursor: pointer; } select { word-wrap: normal; } - select:disabled { opacity: 1; } @@ -408,16 +372,15 @@ select:disabled { } button, -[type="button"], -[type="reset"], -[type="submit"] { +[type=button], +[type=reset], +[type=submit] { -webkit-appearance: button; } - button:not(:disabled), -[type="button"]:not(:disabled), -[type="reset"]:not(:disabled), -[type="submit"]:not(:disabled) { +[type=button]:not(:disabled), +[type=reset]:not(:disabled), +[type=submit]:not(:disabled) { cursor: pointer; } @@ -445,14 +408,12 @@ legend { font-size: calc(1.275rem + 0.3vw); line-height: inherit; } - @media (min-width: 1200px) { legend { font-size: 1.5rem; } } - -legend+* { +legend + * { clear: left; } @@ -470,7 +431,7 @@ legend+* { height: auto; } -[type="search"] { +[type=search] { outline-offset: -2px; -webkit-appearance: textfield; } @@ -531,7 +492,6 @@ progress { font-weight: 300; line-height: 1.2; } - @media (min-width: 1200px) { .display-1 { font-size: 5rem; @@ -543,7 +503,6 @@ progress { font-weight: 300; line-height: 1.2; } - @media (min-width: 1200px) { .display-2 { font-size: 4.5rem; @@ -555,7 +514,6 @@ progress { font-weight: 300; line-height: 1.2; } - @media (min-width: 1200px) { .display-3 { font-size: 4rem; @@ -567,7 +525,6 @@ progress { font-weight: 300; line-height: 1.2; } - @media (min-width: 1200px) { .display-4 { font-size: 3.5rem; @@ -579,7 +536,6 @@ progress { font-weight: 300; line-height: 1.2; } - @media (min-width: 1200px) { .display-5 { font-size: 3rem; @@ -591,7 +547,6 @@ progress { font-weight: 300; line-height: 1.2; } - @media (min-width: 1200px) { .display-6 { font-size: 2.5rem; @@ -611,7 +566,6 @@ progress { .list-inline-item { display: inline-block; } - .list-inline-item:not(:last-child) { margin-right: 0.5rem; } @@ -625,8 +579,7 @@ progress { margin-bottom: 1rem; font-size: 1.25rem; } - -.blockquote> :last-child { +.blockquote > :last-child { margin-bottom: 0; } @@ -636,9 +589,8 @@ progress { font-size: 0.875em; color: #6c757d; } - .blockquote-footer::before { - content: "\2014\00A0"; + content: "— "; } .img-fluid { @@ -671,11 +623,11 @@ progress { .container, .container-fluid, -.container-sm, -.container-md, -.container-lg, +.container-xxl, .container-xl, -.container-xxl { +.container-lg, +.container-md, +.container-sm { width: 100%; padding-right: var(--bs-gutter-x, 1.5rem); padding-left: var(--bs-gutter-x, 1.5rem); @@ -684,71 +636,45 @@ progress { } @media (min-width: 576px) { - - .container, - .container-sm { + .container-sm, .container { max-width: 540px; } } - @media (min-width: 768px) { - - .container, - .container-sm, - .container-md { + .container-md, .container-sm, .container { max-width: 720px; } } - @media (min-width: 992px) { - - .container, - .container-sm, - .container-md, - .container-lg { + .container-lg, .container-md, .container-sm, .container { max-width: 960px; } } - @media (min-width: 1200px) { - - .container, - .container-sm, - .container-md, - .container-lg, - .container-xl { + .container-xl, .container-lg, .container-md, .container-sm, .container { max-width: 1140px; } } - @media (min-width: 1400px) { - - .container, - .container-sm, - .container-md, - .container-lg, - .container-xl, - .container-xxl { + .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container { max-width: 1320px; } } - .row { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(-1 * var(--bs-gutter-y)); - margin-right: calc(-.5 * var(--bs-gutter-x)); - margin-left: calc(-.5 * var(--bs-gutter-x)); + margin-right: calc(-0.5 * var(--bs-gutter-x)); + margin-left: calc(-0.5 * var(--bs-gutter-x)); } - -.row>* { +.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); + padding-right: calc(var(--bs-gutter-x) * 0.5); + padding-left: calc(var(--bs-gutter-x) * 0.5); margin-top: var(--bs-gutter-y); } @@ -756,39 +682,39 @@ progress { flex: 1 0 0%; } -.row-cols-auto>* { +.row-cols-auto > * { flex: 0 0 auto; width: auto; } -.row-cols-1>* { +.row-cols-1 > * { flex: 0 0 auto; width: 100%; } -.row-cols-2>* { +.row-cols-2 > * { flex: 0 0 auto; width: 50%; } -.row-cols-3>* { +.row-cols-3 > * { flex: 0 0 auto; - width: 33.333333%; + width: 33.3333333333%; } -.row-cols-4>* { +.row-cols-4 > * { flex: 0 0 auto; width: 25%; } -.row-cols-5>* { +.row-cols-5 > * { flex: 0 0 auto; width: 20%; } -.row-cols-6>* { +.row-cols-6 > * { flex: 0 0 auto; - width: 16.666667%; + width: 16.6666666667%; } .col-auto { @@ -798,12 +724,12 @@ progress { .col-1 { flex: 0 0 auto; - width: 8.333333%; + width: 8.33333333%; } .col-2 { flex: 0 0 auto; - width: 16.666667%; + width: 16.66666667%; } .col-3 { @@ -813,12 +739,12 @@ progress { .col-4 { flex: 0 0 auto; - width: 33.333333%; + width: 33.33333333%; } .col-5 { flex: 0 0 auto; - width: 41.666667%; + width: 41.66666667%; } .col-6 { @@ -828,12 +754,12 @@ progress { .col-7 { flex: 0 0 auto; - width: 58.333333%; + width: 58.33333333%; } .col-8 { flex: 0 0 auto; - width: 66.666667%; + width: 66.66666667%; } .col-9 { @@ -843,12 +769,12 @@ progress { .col-10 { flex: 0 0 auto; - width: 83.333333%; + width: 83.33333333%; } .col-11 { flex: 0 0 auto; - width: 91.666667%; + width: 91.66666667%; } .col-12 { @@ -857,11 +783,11 @@ progress { } .offset-1 { - margin-left: 8.333333%; + margin-left: 8.33333333%; } .offset-2 { - margin-left: 16.666667%; + margin-left: 16.66666667%; } .offset-3 { @@ -869,11 +795,11 @@ progress { } .offset-4 { - margin-left: 33.333333%; + margin-left: 33.33333333%; } .offset-5 { - margin-left: 41.666667%; + margin-left: 41.66666667%; } .offset-6 { @@ -881,11 +807,11 @@ progress { } .offset-7 { - margin-left: 58.333333%; + margin-left: 58.33333333%; } .offset-8 { - margin-left: 66.666667%; + margin-left: 66.66666667%; } .offset-9 { @@ -893,11 +819,11 @@ progress { } .offset-10 { - margin-left: 83.333333%; + margin-left: 83.33333333%; } .offset-11 { - margin-left: 91.666667%; + margin-left: 91.66666667%; } .g-0, @@ -1035,39 +961,39 @@ progress { flex: 1 0 0%; } - .row-cols-sm-auto>* { + .row-cols-sm-auto > * { flex: 0 0 auto; width: auto; } - .row-cols-sm-1>* { + .row-cols-sm-1 > * { flex: 0 0 auto; width: 100%; } - .row-cols-sm-2>* { + .row-cols-sm-2 > * { flex: 0 0 auto; width: 50%; } - .row-cols-sm-3>* { + .row-cols-sm-3 > * { flex: 0 0 auto; - width: 33.333333%; + width: 33.3333333333%; } - .row-cols-sm-4>* { + .row-cols-sm-4 > * { flex: 0 0 auto; width: 25%; } - .row-cols-sm-5>* { + .row-cols-sm-5 > * { flex: 0 0 auto; width: 20%; } - .row-cols-sm-6>* { + .row-cols-sm-6 > * { flex: 0 0 auto; - width: 16.666667%; + width: 16.6666666667%; } .col-sm-auto { @@ -1077,12 +1003,12 @@ progress { .col-sm-1 { flex: 0 0 auto; - width: 8.333333%; + width: 8.33333333%; } .col-sm-2 { flex: 0 0 auto; - width: 16.666667%; + width: 16.66666667%; } .col-sm-3 { @@ -1092,12 +1018,12 @@ progress { .col-sm-4 { flex: 0 0 auto; - width: 33.333333%; + width: 33.33333333%; } .col-sm-5 { flex: 0 0 auto; - width: 41.666667%; + width: 41.66666667%; } .col-sm-6 { @@ -1107,12 +1033,12 @@ progress { .col-sm-7 { flex: 0 0 auto; - width: 58.333333%; + width: 58.33333333%; } .col-sm-8 { flex: 0 0 auto; - width: 66.666667%; + width: 66.66666667%; } .col-sm-9 { @@ -1122,12 +1048,12 @@ progress { .col-sm-10 { flex: 0 0 auto; - width: 83.333333%; + width: 83.33333333%; } .col-sm-11 { flex: 0 0 auto; - width: 91.666667%; + width: 91.66666667%; } .col-sm-12 { @@ -1140,11 +1066,11 @@ progress { } .offset-sm-1 { - margin-left: 8.333333%; + margin-left: 8.33333333%; } .offset-sm-2 { - margin-left: 16.666667%; + margin-left: 16.66666667%; } .offset-sm-3 { @@ -1152,11 +1078,11 @@ progress { } .offset-sm-4 { - margin-left: 33.333333%; + margin-left: 33.33333333%; } .offset-sm-5 { - margin-left: 41.666667%; + margin-left: 41.66666667%; } .offset-sm-6 { @@ -1164,11 +1090,11 @@ progress { } .offset-sm-7 { - margin-left: 58.333333%; + margin-left: 58.33333333%; } .offset-sm-8 { - margin-left: 66.666667%; + margin-left: 66.66666667%; } .offset-sm-9 { @@ -1176,182 +1102,181 @@ progress { } .offset-sm-10 { - margin-left: 83.333333%; + margin-left: 83.33333333%; } .offset-sm-11 { - margin-left: 91.666667%; + margin-left: 91.66666667%; } .g-sm-0, - .gx-sm-0 { +.gx-sm-0 { --bs-gutter-x: 0; } .g-sm-0, - .gy-sm-0 { +.gy-sm-0 { --bs-gutter-y: 0; } .g-sm-1, - .gx-sm-1 { +.gx-sm-1 { --bs-gutter-x: 0.25rem; } .g-sm-1, - .gy-sm-1 { +.gy-sm-1 { --bs-gutter-y: 0.25rem; } .g-sm-2, - .gx-sm-2 { +.gx-sm-2 { --bs-gutter-x: 0.5rem; } .g-sm-2, - .gy-sm-2 { +.gy-sm-2 { --bs-gutter-y: 0.5rem; } .g-sm-3, - .gx-sm-3 { +.gx-sm-3 { --bs-gutter-x: 1rem; } .g-sm-3, - .gy-sm-3 { +.gy-sm-3 { --bs-gutter-y: 1rem; } .g-sm-4, - .gx-sm-4 { +.gx-sm-4 { --bs-gutter-x: 1.5rem; } .g-sm-4, - .gy-sm-4 { +.gy-sm-4 { --bs-gutter-y: 1.5rem; } .g-sm-5, - .gx-sm-5 { +.gx-sm-5 { --bs-gutter-x: 3rem; } .g-sm-5, - .gy-sm-5 { +.gy-sm-5 { --bs-gutter-y: 3rem; } .g-sm-6, - .gx-sm-6 { +.gx-sm-6 { --bs-gutter-x: 4rem; } .g-sm-6, - .gy-sm-6 { +.gy-sm-6 { --bs-gutter-y: 4rem; } .g-sm-7, - .gx-sm-7 { +.gx-sm-7 { --bs-gutter-x: 6rem; } .g-sm-7, - .gy-sm-7 { +.gy-sm-7 { --bs-gutter-y: 6rem; } .g-sm-8, - .gx-sm-8 { +.gx-sm-8 { --bs-gutter-x: 8rem; } .g-sm-8, - .gy-sm-8 { +.gy-sm-8 { --bs-gutter-y: 8rem; } .g-sm-9, - .gx-sm-9 { +.gx-sm-9 { --bs-gutter-x: 10rem; } .g-sm-9, - .gy-sm-9 { +.gy-sm-9 { --bs-gutter-y: 10rem; } .g-sm-10, - .gx-sm-10 { +.gx-sm-10 { --bs-gutter-x: 12rem; } .g-sm-10, - .gy-sm-10 { +.gy-sm-10 { --bs-gutter-y: 12rem; } .g-sm-11, - .gx-sm-11 { +.gx-sm-11 { --bs-gutter-x: 14rem; } .g-sm-11, - .gy-sm-11 { +.gy-sm-11 { --bs-gutter-y: 14rem; } .g-sm-12, - .gx-sm-12 { +.gx-sm-12 { --bs-gutter-x: 16rem; } .g-sm-12, - .gy-sm-12 { +.gy-sm-12 { --bs-gutter-y: 16rem; } } - @media (min-width: 768px) { .col-md { flex: 1 0 0%; } - .row-cols-md-auto>* { + .row-cols-md-auto > * { flex: 0 0 auto; width: auto; } - .row-cols-md-1>* { + .row-cols-md-1 > * { flex: 0 0 auto; width: 100%; } - .row-cols-md-2>* { + .row-cols-md-2 > * { flex: 0 0 auto; width: 50%; } - .row-cols-md-3>* { + .row-cols-md-3 > * { flex: 0 0 auto; - width: 33.333333%; + width: 33.3333333333%; } - .row-cols-md-4>* { + .row-cols-md-4 > * { flex: 0 0 auto; width: 25%; } - .row-cols-md-5>* { + .row-cols-md-5 > * { flex: 0 0 auto; width: 20%; } - .row-cols-md-6>* { + .row-cols-md-6 > * { flex: 0 0 auto; - width: 16.666667%; + width: 16.6666666667%; } .col-md-auto { @@ -1361,12 +1286,12 @@ progress { .col-md-1 { flex: 0 0 auto; - width: 8.333333%; + width: 8.33333333%; } .col-md-2 { flex: 0 0 auto; - width: 16.666667%; + width: 16.66666667%; } .col-md-3 { @@ -1376,12 +1301,12 @@ progress { .col-md-4 { flex: 0 0 auto; - width: 33.333333%; + width: 33.33333333%; } .col-md-5 { flex: 0 0 auto; - width: 41.666667%; + width: 41.66666667%; } .col-md-6 { @@ -1391,12 +1316,12 @@ progress { .col-md-7 { flex: 0 0 auto; - width: 58.333333%; + width: 58.33333333%; } .col-md-8 { flex: 0 0 auto; - width: 66.666667%; + width: 66.66666667%; } .col-md-9 { @@ -1406,12 +1331,12 @@ progress { .col-md-10 { flex: 0 0 auto; - width: 83.333333%; + width: 83.33333333%; } .col-md-11 { flex: 0 0 auto; - width: 91.666667%; + width: 91.66666667%; } .col-md-12 { @@ -1424,11 +1349,11 @@ progress { } .offset-md-1 { - margin-left: 8.333333%; + margin-left: 8.33333333%; } .offset-md-2 { - margin-left: 16.666667%; + margin-left: 16.66666667%; } .offset-md-3 { @@ -1436,11 +1361,11 @@ progress { } .offset-md-4 { - margin-left: 33.333333%; + margin-left: 33.33333333%; } .offset-md-5 { - margin-left: 41.666667%; + margin-left: 41.66666667%; } .offset-md-6 { @@ -1448,11 +1373,11 @@ progress { } .offset-md-7 { - margin-left: 58.333333%; + margin-left: 58.33333333%; } .offset-md-8 { - margin-left: 66.666667%; + margin-left: 66.66666667%; } .offset-md-9 { @@ -1460,182 +1385,181 @@ progress { } .offset-md-10 { - margin-left: 83.333333%; + margin-left: 83.33333333%; } .offset-md-11 { - margin-left: 91.666667%; + margin-left: 91.66666667%; } .g-md-0, - .gx-md-0 { +.gx-md-0 { --bs-gutter-x: 0; } .g-md-0, - .gy-md-0 { +.gy-md-0 { --bs-gutter-y: 0; } .g-md-1, - .gx-md-1 { +.gx-md-1 { --bs-gutter-x: 0.25rem; } .g-md-1, - .gy-md-1 { +.gy-md-1 { --bs-gutter-y: 0.25rem; } .g-md-2, - .gx-md-2 { +.gx-md-2 { --bs-gutter-x: 0.5rem; } .g-md-2, - .gy-md-2 { +.gy-md-2 { --bs-gutter-y: 0.5rem; } .g-md-3, - .gx-md-3 { +.gx-md-3 { --bs-gutter-x: 1rem; } .g-md-3, - .gy-md-3 { +.gy-md-3 { --bs-gutter-y: 1rem; } .g-md-4, - .gx-md-4 { +.gx-md-4 { --bs-gutter-x: 1.5rem; } .g-md-4, - .gy-md-4 { +.gy-md-4 { --bs-gutter-y: 1.5rem; } .g-md-5, - .gx-md-5 { +.gx-md-5 { --bs-gutter-x: 3rem; } .g-md-5, - .gy-md-5 { +.gy-md-5 { --bs-gutter-y: 3rem; } .g-md-6, - .gx-md-6 { +.gx-md-6 { --bs-gutter-x: 4rem; } .g-md-6, - .gy-md-6 { +.gy-md-6 { --bs-gutter-y: 4rem; } .g-md-7, - .gx-md-7 { +.gx-md-7 { --bs-gutter-x: 6rem; } .g-md-7, - .gy-md-7 { +.gy-md-7 { --bs-gutter-y: 6rem; } .g-md-8, - .gx-md-8 { +.gx-md-8 { --bs-gutter-x: 8rem; } .g-md-8, - .gy-md-8 { +.gy-md-8 { --bs-gutter-y: 8rem; } .g-md-9, - .gx-md-9 { +.gx-md-9 { --bs-gutter-x: 10rem; } .g-md-9, - .gy-md-9 { +.gy-md-9 { --bs-gutter-y: 10rem; } .g-md-10, - .gx-md-10 { +.gx-md-10 { --bs-gutter-x: 12rem; } .g-md-10, - .gy-md-10 { +.gy-md-10 { --bs-gutter-y: 12rem; } .g-md-11, - .gx-md-11 { +.gx-md-11 { --bs-gutter-x: 14rem; } .g-md-11, - .gy-md-11 { +.gy-md-11 { --bs-gutter-y: 14rem; } .g-md-12, - .gx-md-12 { +.gx-md-12 { --bs-gutter-x: 16rem; } .g-md-12, - .gy-md-12 { +.gy-md-12 { --bs-gutter-y: 16rem; } } - @media (min-width: 992px) { .col-lg { flex: 1 0 0%; } - .row-cols-lg-auto>* { + .row-cols-lg-auto > * { flex: 0 0 auto; width: auto; } - .row-cols-lg-1>* { + .row-cols-lg-1 > * { flex: 0 0 auto; width: 100%; } - .row-cols-lg-2>* { + .row-cols-lg-2 > * { flex: 0 0 auto; width: 50%; } - .row-cols-lg-3>* { + .row-cols-lg-3 > * { flex: 0 0 auto; - width: 33.333333%; + width: 33.3333333333%; } - .row-cols-lg-4>* { + .row-cols-lg-4 > * { flex: 0 0 auto; width: 25%; } - .row-cols-lg-5>* { + .row-cols-lg-5 > * { flex: 0 0 auto; width: 20%; } - .row-cols-lg-6>* { + .row-cols-lg-6 > * { flex: 0 0 auto; - width: 16.666667%; + width: 16.6666666667%; } .col-lg-auto { @@ -1645,12 +1569,12 @@ progress { .col-lg-1 { flex: 0 0 auto; - width: 8.333333%; + width: 8.33333333%; } .col-lg-2 { flex: 0 0 auto; - width: 16.666667%; + width: 16.66666667%; } .col-lg-3 { @@ -1660,12 +1584,12 @@ progress { .col-lg-4 { flex: 0 0 auto; - width: 33.333333%; + width: 33.33333333%; } .col-lg-5 { flex: 0 0 auto; - width: 41.666667%; + width: 41.66666667%; } .col-lg-6 { @@ -1675,12 +1599,12 @@ progress { .col-lg-7 { flex: 0 0 auto; - width: 58.333333%; + width: 58.33333333%; } .col-lg-8 { flex: 0 0 auto; - width: 66.666667%; + width: 66.66666667%; } .col-lg-9 { @@ -1690,12 +1614,12 @@ progress { .col-lg-10 { flex: 0 0 auto; - width: 83.333333%; + width: 83.33333333%; } .col-lg-11 { flex: 0 0 auto; - width: 91.666667%; + width: 91.66666667%; } .col-lg-12 { @@ -1708,11 +1632,11 @@ progress { } .offset-lg-1 { - margin-left: 8.333333%; + margin-left: 8.33333333%; } .offset-lg-2 { - margin-left: 16.666667%; + margin-left: 16.66666667%; } .offset-lg-3 { @@ -1720,11 +1644,11 @@ progress { } .offset-lg-4 { - margin-left: 33.333333%; + margin-left: 33.33333333%; } .offset-lg-5 { - margin-left: 41.666667%; + margin-left: 41.66666667%; } .offset-lg-6 { @@ -1732,11 +1656,11 @@ progress { } .offset-lg-7 { - margin-left: 58.333333%; + margin-left: 58.33333333%; } .offset-lg-8 { - margin-left: 66.666667%; + margin-left: 66.66666667%; } .offset-lg-9 { @@ -1744,182 +1668,181 @@ progress { } .offset-lg-10 { - margin-left: 83.333333%; + margin-left: 83.33333333%; } .offset-lg-11 { - margin-left: 91.666667%; + margin-left: 91.66666667%; } .g-lg-0, - .gx-lg-0 { +.gx-lg-0 { --bs-gutter-x: 0; } .g-lg-0, - .gy-lg-0 { +.gy-lg-0 { --bs-gutter-y: 0; } .g-lg-1, - .gx-lg-1 { +.gx-lg-1 { --bs-gutter-x: 0.25rem; } .g-lg-1, - .gy-lg-1 { +.gy-lg-1 { --bs-gutter-y: 0.25rem; } .g-lg-2, - .gx-lg-2 { +.gx-lg-2 { --bs-gutter-x: 0.5rem; } .g-lg-2, - .gy-lg-2 { +.gy-lg-2 { --bs-gutter-y: 0.5rem; } .g-lg-3, - .gx-lg-3 { +.gx-lg-3 { --bs-gutter-x: 1rem; } .g-lg-3, - .gy-lg-3 { +.gy-lg-3 { --bs-gutter-y: 1rem; } .g-lg-4, - .gx-lg-4 { +.gx-lg-4 { --bs-gutter-x: 1.5rem; } .g-lg-4, - .gy-lg-4 { +.gy-lg-4 { --bs-gutter-y: 1.5rem; } .g-lg-5, - .gx-lg-5 { +.gx-lg-5 { --bs-gutter-x: 3rem; } .g-lg-5, - .gy-lg-5 { +.gy-lg-5 { --bs-gutter-y: 3rem; } .g-lg-6, - .gx-lg-6 { +.gx-lg-6 { --bs-gutter-x: 4rem; } .g-lg-6, - .gy-lg-6 { +.gy-lg-6 { --bs-gutter-y: 4rem; } .g-lg-7, - .gx-lg-7 { +.gx-lg-7 { --bs-gutter-x: 6rem; } .g-lg-7, - .gy-lg-7 { +.gy-lg-7 { --bs-gutter-y: 6rem; } .g-lg-8, - .gx-lg-8 { +.gx-lg-8 { --bs-gutter-x: 8rem; } .g-lg-8, - .gy-lg-8 { +.gy-lg-8 { --bs-gutter-y: 8rem; } .g-lg-9, - .gx-lg-9 { +.gx-lg-9 { --bs-gutter-x: 10rem; } .g-lg-9, - .gy-lg-9 { +.gy-lg-9 { --bs-gutter-y: 10rem; } .g-lg-10, - .gx-lg-10 { +.gx-lg-10 { --bs-gutter-x: 12rem; } .g-lg-10, - .gy-lg-10 { +.gy-lg-10 { --bs-gutter-y: 12rem; } .g-lg-11, - .gx-lg-11 { +.gx-lg-11 { --bs-gutter-x: 14rem; } .g-lg-11, - .gy-lg-11 { +.gy-lg-11 { --bs-gutter-y: 14rem; } .g-lg-12, - .gx-lg-12 { +.gx-lg-12 { --bs-gutter-x: 16rem; } .g-lg-12, - .gy-lg-12 { +.gy-lg-12 { --bs-gutter-y: 16rem; } } - @media (min-width: 1200px) { .col-xl { flex: 1 0 0%; } - .row-cols-xl-auto>* { + .row-cols-xl-auto > * { flex: 0 0 auto; width: auto; } - .row-cols-xl-1>* { + .row-cols-xl-1 > * { flex: 0 0 auto; width: 100%; } - .row-cols-xl-2>* { + .row-cols-xl-2 > * { flex: 0 0 auto; width: 50%; } - .row-cols-xl-3>* { + .row-cols-xl-3 > * { flex: 0 0 auto; - width: 33.333333%; + width: 33.3333333333%; } - .row-cols-xl-4>* { + .row-cols-xl-4 > * { flex: 0 0 auto; width: 25%; } - .row-cols-xl-5>* { + .row-cols-xl-5 > * { flex: 0 0 auto; width: 20%; } - .row-cols-xl-6>* { + .row-cols-xl-6 > * { flex: 0 0 auto; - width: 16.666667%; + width: 16.6666666667%; } .col-xl-auto { @@ -1929,12 +1852,12 @@ progress { .col-xl-1 { flex: 0 0 auto; - width: 8.333333%; + width: 8.33333333%; } .col-xl-2 { flex: 0 0 auto; - width: 16.666667%; + width: 16.66666667%; } .col-xl-3 { @@ -1944,12 +1867,12 @@ progress { .col-xl-4 { flex: 0 0 auto; - width: 33.333333%; + width: 33.33333333%; } .col-xl-5 { flex: 0 0 auto; - width: 41.666667%; + width: 41.66666667%; } .col-xl-6 { @@ -1959,12 +1882,12 @@ progress { .col-xl-7 { flex: 0 0 auto; - width: 58.333333%; + width: 58.33333333%; } .col-xl-8 { flex: 0 0 auto; - width: 66.666667%; + width: 66.66666667%; } .col-xl-9 { @@ -1974,12 +1897,12 @@ progress { .col-xl-10 { flex: 0 0 auto; - width: 83.333333%; + width: 83.33333333%; } .col-xl-11 { flex: 0 0 auto; - width: 91.666667%; + width: 91.66666667%; } .col-xl-12 { @@ -1992,11 +1915,11 @@ progress { } .offset-xl-1 { - margin-left: 8.333333%; + margin-left: 8.33333333%; } .offset-xl-2 { - margin-left: 16.666667%; + margin-left: 16.66666667%; } .offset-xl-3 { @@ -2004,11 +1927,11 @@ progress { } .offset-xl-4 { - margin-left: 33.333333%; + margin-left: 33.33333333%; } .offset-xl-5 { - margin-left: 41.666667%; + margin-left: 41.66666667%; } .offset-xl-6 { @@ -2016,11 +1939,11 @@ progress { } .offset-xl-7 { - margin-left: 58.333333%; + margin-left: 58.33333333%; } .offset-xl-8 { - margin-left: 66.666667%; + margin-left: 66.66666667%; } .offset-xl-9 { @@ -2028,182 +1951,181 @@ progress { } .offset-xl-10 { - margin-left: 83.333333%; + margin-left: 83.33333333%; } .offset-xl-11 { - margin-left: 91.666667%; + margin-left: 91.66666667%; } .g-xl-0, - .gx-xl-0 { +.gx-xl-0 { --bs-gutter-x: 0; } .g-xl-0, - .gy-xl-0 { +.gy-xl-0 { --bs-gutter-y: 0; } .g-xl-1, - .gx-xl-1 { +.gx-xl-1 { --bs-gutter-x: 0.25rem; } .g-xl-1, - .gy-xl-1 { +.gy-xl-1 { --bs-gutter-y: 0.25rem; } .g-xl-2, - .gx-xl-2 { +.gx-xl-2 { --bs-gutter-x: 0.5rem; } .g-xl-2, - .gy-xl-2 { +.gy-xl-2 { --bs-gutter-y: 0.5rem; } .g-xl-3, - .gx-xl-3 { +.gx-xl-3 { --bs-gutter-x: 1rem; } .g-xl-3, - .gy-xl-3 { +.gy-xl-3 { --bs-gutter-y: 1rem; } .g-xl-4, - .gx-xl-4 { +.gx-xl-4 { --bs-gutter-x: 1.5rem; } .g-xl-4, - .gy-xl-4 { +.gy-xl-4 { --bs-gutter-y: 1.5rem; } .g-xl-5, - .gx-xl-5 { +.gx-xl-5 { --bs-gutter-x: 3rem; } .g-xl-5, - .gy-xl-5 { +.gy-xl-5 { --bs-gutter-y: 3rem; } .g-xl-6, - .gx-xl-6 { +.gx-xl-6 { --bs-gutter-x: 4rem; } .g-xl-6, - .gy-xl-6 { +.gy-xl-6 { --bs-gutter-y: 4rem; } .g-xl-7, - .gx-xl-7 { +.gx-xl-7 { --bs-gutter-x: 6rem; } .g-xl-7, - .gy-xl-7 { +.gy-xl-7 { --bs-gutter-y: 6rem; } .g-xl-8, - .gx-xl-8 { +.gx-xl-8 { --bs-gutter-x: 8rem; } .g-xl-8, - .gy-xl-8 { +.gy-xl-8 { --bs-gutter-y: 8rem; } .g-xl-9, - .gx-xl-9 { +.gx-xl-9 { --bs-gutter-x: 10rem; } .g-xl-9, - .gy-xl-9 { +.gy-xl-9 { --bs-gutter-y: 10rem; } .g-xl-10, - .gx-xl-10 { +.gx-xl-10 { --bs-gutter-x: 12rem; } .g-xl-10, - .gy-xl-10 { +.gy-xl-10 { --bs-gutter-y: 12rem; } .g-xl-11, - .gx-xl-11 { +.gx-xl-11 { --bs-gutter-x: 14rem; } .g-xl-11, - .gy-xl-11 { +.gy-xl-11 { --bs-gutter-y: 14rem; } .g-xl-12, - .gx-xl-12 { +.gx-xl-12 { --bs-gutter-x: 16rem; } .g-xl-12, - .gy-xl-12 { +.gy-xl-12 { --bs-gutter-y: 16rem; } } - @media (min-width: 1400px) { .col-xxl { flex: 1 0 0%; } - .row-cols-xxl-auto>* { + .row-cols-xxl-auto > * { flex: 0 0 auto; width: auto; } - .row-cols-xxl-1>* { + .row-cols-xxl-1 > * { flex: 0 0 auto; width: 100%; } - .row-cols-xxl-2>* { + .row-cols-xxl-2 > * { flex: 0 0 auto; width: 50%; } - .row-cols-xxl-3>* { + .row-cols-xxl-3 > * { flex: 0 0 auto; - width: 33.333333%; + width: 33.3333333333%; } - .row-cols-xxl-4>* { + .row-cols-xxl-4 > * { flex: 0 0 auto; width: 25%; } - .row-cols-xxl-5>* { + .row-cols-xxl-5 > * { flex: 0 0 auto; width: 20%; } - .row-cols-xxl-6>* { + .row-cols-xxl-6 > * { flex: 0 0 auto; - width: 16.666667%; + width: 16.6666666667%; } .col-xxl-auto { @@ -2213,12 +2135,12 @@ progress { .col-xxl-1 { flex: 0 0 auto; - width: 8.333333%; + width: 8.33333333%; } .col-xxl-2 { flex: 0 0 auto; - width: 16.666667%; + width: 16.66666667%; } .col-xxl-3 { @@ -2228,12 +2150,12 @@ progress { .col-xxl-4 { flex: 0 0 auto; - width: 33.333333%; + width: 33.33333333%; } .col-xxl-5 { flex: 0 0 auto; - width: 41.666667%; + width: 41.66666667%; } .col-xxl-6 { @@ -2243,12 +2165,12 @@ progress { .col-xxl-7 { flex: 0 0 auto; - width: 58.333333%; + width: 58.33333333%; } .col-xxl-8 { flex: 0 0 auto; - width: 66.666667%; + width: 66.66666667%; } .col-xxl-9 { @@ -2258,12 +2180,12 @@ progress { .col-xxl-10 { flex: 0 0 auto; - width: 83.333333%; + width: 83.33333333%; } .col-xxl-11 { flex: 0 0 auto; - width: 91.666667%; + width: 91.66666667%; } .col-xxl-12 { @@ -2276,11 +2198,11 @@ progress { } .offset-xxl-1 { - margin-left: 8.333333%; + margin-left: 8.33333333%; } .offset-xxl-2 { - margin-left: 16.666667%; + margin-left: 16.66666667%; } .offset-xxl-3 { @@ -2288,11 +2210,11 @@ progress { } .offset-xxl-4 { - margin-left: 33.333333%; + margin-left: 33.33333333%; } .offset-xxl-5 { - margin-left: 41.666667%; + margin-left: 41.66666667%; } .offset-xxl-6 { @@ -2300,11 +2222,11 @@ progress { } .offset-xxl-7 { - margin-left: 58.333333%; + margin-left: 58.33333333%; } .offset-xxl-8 { - margin-left: 66.666667%; + margin-left: 66.66666667%; } .offset-xxl-9 { @@ -2312,144 +2234,143 @@ progress { } .offset-xxl-10 { - margin-left: 83.333333%; + margin-left: 83.33333333%; } .offset-xxl-11 { - margin-left: 91.666667%; + margin-left: 91.66666667%; } .g-xxl-0, - .gx-xxl-0 { +.gx-xxl-0 { --bs-gutter-x: 0; } .g-xxl-0, - .gy-xxl-0 { +.gy-xxl-0 { --bs-gutter-y: 0; } .g-xxl-1, - .gx-xxl-1 { +.gx-xxl-1 { --bs-gutter-x: 0.25rem; } .g-xxl-1, - .gy-xxl-1 { +.gy-xxl-1 { --bs-gutter-y: 0.25rem; } .g-xxl-2, - .gx-xxl-2 { +.gx-xxl-2 { --bs-gutter-x: 0.5rem; } .g-xxl-2, - .gy-xxl-2 { +.gy-xxl-2 { --bs-gutter-y: 0.5rem; } .g-xxl-3, - .gx-xxl-3 { +.gx-xxl-3 { --bs-gutter-x: 1rem; } .g-xxl-3, - .gy-xxl-3 { +.gy-xxl-3 { --bs-gutter-y: 1rem; } .g-xxl-4, - .gx-xxl-4 { +.gx-xxl-4 { --bs-gutter-x: 1.5rem; } .g-xxl-4, - .gy-xxl-4 { +.gy-xxl-4 { --bs-gutter-y: 1.5rem; } .g-xxl-5, - .gx-xxl-5 { +.gx-xxl-5 { --bs-gutter-x: 3rem; } .g-xxl-5, - .gy-xxl-5 { +.gy-xxl-5 { --bs-gutter-y: 3rem; } .g-xxl-6, - .gx-xxl-6 { +.gx-xxl-6 { --bs-gutter-x: 4rem; } .g-xxl-6, - .gy-xxl-6 { +.gy-xxl-6 { --bs-gutter-y: 4rem; } .g-xxl-7, - .gx-xxl-7 { +.gx-xxl-7 { --bs-gutter-x: 6rem; } .g-xxl-7, - .gy-xxl-7 { +.gy-xxl-7 { --bs-gutter-y: 6rem; } .g-xxl-8, - .gx-xxl-8 { +.gx-xxl-8 { --bs-gutter-x: 8rem; } .g-xxl-8, - .gy-xxl-8 { +.gy-xxl-8 { --bs-gutter-y: 8rem; } .g-xxl-9, - .gx-xxl-9 { +.gx-xxl-9 { --bs-gutter-x: 10rem; } .g-xxl-9, - .gy-xxl-9 { +.gy-xxl-9 { --bs-gutter-y: 10rem; } .g-xxl-10, - .gx-xxl-10 { +.gx-xxl-10 { --bs-gutter-x: 12rem; } .g-xxl-10, - .gy-xxl-10 { +.gy-xxl-10 { --bs-gutter-y: 12rem; } .g-xxl-11, - .gx-xxl-11 { +.gx-xxl-11 { --bs-gutter-x: 14rem; } .g-xxl-11, - .gy-xxl-11 { +.gy-xxl-11 { --bs-gutter-y: 14rem; } .g-xxl-12, - .gx-xxl-12 { +.gx-xxl-12 { --bs-gutter-x: 16rem; } .g-xxl-12, - .gy-xxl-12 { +.gy-xxl-12 { --bs-gutter-y: 16rem; } } - .table { --bs-table-bg: transparent; --bs-table-accent-bg: transparent; @@ -2465,23 +2386,19 @@ progress { vertical-align: top; border-color: #e9ecef; } - -.table> :not(caption)>*>* { +.table > :not(caption) > * > * { padding: 0.5rem 0.5rem; background-color: var(--bs-table-bg); border-bottom-width: 1px; box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg); } - -.table>tbody { +.table > tbody { vertical-align: inherit; } - -.table>thead { +.table > thead { vertical-align: bottom; } - -.table> :not(:first-child) { +.table > :not(:first-child) { border-top: 2px solid currentColor; } @@ -2489,27 +2406,25 @@ progress { caption-side: top; } -.table-sm> :not(caption)>*>* { +.table-sm > :not(caption) > * > * { padding: 0.25rem 0.25rem; } -.table-bordered> :not(caption)>* { +.table-bordered > :not(caption) > * { border-width: 1px 0; } - -.table-bordered> :not(caption)>*>* { +.table-bordered > :not(caption) > * > * { border-width: 0 1px; } -.table-borderless> :not(caption)>*>* { +.table-borderless > :not(caption) > * > * { border-bottom-width: 0; } - -.table-borderless> :not(:first-child) { +.table-borderless > :not(:first-child) { border-top-width: 0; } -.table-striped>tbody>tr:nth-of-type(odd)>* { +.table-striped > tbody > tr:nth-of-type(odd) > * { --bs-table-accent-bg: var(--bs-table-striped-bg); color: var(--bs-table-striped-color); } @@ -2519,7 +2434,7 @@ progress { color: var(--bs-table-active-color); } -.table-hover>tbody>tr:hover>* { +.table-hover > tbody > tr:hover > * { --bs-table-accent-bg: var(--bs-table-hover-bg); color: var(--bs-table-hover-color); } @@ -2631,35 +2546,30 @@ progress { -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.5rem; font-size: 0.75rem; @@ -2706,25 +2616,23 @@ progress { background-color: #fff; background-clip: padding-box; border: 1px solid #d2d6da; - appearance: none; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; border-radius: 0.5rem; transition: box-shadow 0.15s ease, border-color 0.15s ease; } - @media (prefers-reduced-motion: reduce) { .form-control { transition: none; } } - -.form-control[type="file"] { +.form-control[type=file] { overflow: hidden; } - -.form-control[type="file"]:not(:disabled):not([readonly]) { +.form-control[type=file]:not(:disabled):not([readonly]) { cursor: pointer; } - .form-control:focus { color: #495057; background-color: #fff; @@ -2732,26 +2640,30 @@ progress { outline: 0; box-shadow: 0 0 0 2px #e9aede; } - .form-control::-webkit-date-and-time-value { height: 1.4rem; } - +.form-control::-moz-placeholder { + color: #adb5bd; + opacity: 1; +} +.form-control:-ms-input-placeholder { + color: #adb5bd; + opacity: 1; +} .form-control::placeholder { color: #adb5bd; opacity: 1; } - -.form-control:disabled, -.form-control[readonly] { +.form-control:disabled, .form-control[readonly] { background-color: #e9ecef; opacity: 1; } - .form-control::file-selector-button { padding: 0.5rem 0.75rem; margin: -0.5rem -0.75rem; - margin-inline-end: 0.75rem; + -webkit-margin-end: 0.75rem; + margin-inline-end: 0.75rem; color: #495057; background-color: #fff; pointer-events: none; @@ -2762,21 +2674,19 @@ progress { border-radius: 0; transition: all 0.15s ease-in; } - @media (prefers-reduced-motion: reduce) { .form-control::file-selector-button { transition: none; } } - .form-control:hover:not(:disabled):not([readonly])::file-selector-button { background-color: #f2f2f2; } - .form-control::-webkit-file-upload-button { padding: 0.5rem 0.75rem; margin: -0.5rem -0.75rem; - margin-inline-end: 0.75rem; + -webkit-margin-end: 0.75rem; + margin-inline-end: 0.75rem; color: #495057; background-color: #fff; pointer-events: none; @@ -2785,15 +2695,15 @@ progress { border-width: 0; border-inline-end-width: 1px; border-radius: 0; + -webkit-transition: all 0.15s ease-in; transition: all 0.15s ease-in; } - @media (prefers-reduced-motion: reduce) { .form-control::-webkit-file-upload-button { + -webkit-transition: none; transition: none; } } - .form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button { background-color: #f2f2f2; } @@ -2809,9 +2719,7 @@ progress { border: solid transparent; border-width: 1px 0; } - -.form-control-plaintext.form-control-sm, -.form-control-plaintext.form-control-lg { +.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { padding-right: 0; padding-left: 0; } @@ -2822,17 +2730,17 @@ progress { font-size: 0.75rem; border-radius: 0.5rem; } - .form-control-sm::file-selector-button { padding: 0.25rem 0.75rem; margin: -0.25rem -0.75rem; - margin-inline-end: 0.75rem; + -webkit-margin-end: 0.75rem; + margin-inline-end: 0.75rem; } - .form-control-sm::-webkit-file-upload-button { padding: 0.25rem 0.75rem; margin: -0.25rem -0.75rem; - margin-inline-end: 0.75rem; + -webkit-margin-end: 0.75rem; + margin-inline-end: 0.75rem; } .form-control-lg { @@ -2841,27 +2749,25 @@ progress { font-size: 0.875rem; border-radius: 0.5rem; } - .form-control-lg::file-selector-button { padding: 0.75rem 0.75rem; margin: -0.75rem -0.75rem; - margin-inline-end: 0.75rem; + -webkit-margin-end: 0.75rem; + margin-inline-end: 0.75rem; } - .form-control-lg::-webkit-file-upload-button { padding: 0.75rem 0.75rem; margin: -0.75rem -0.75rem; - margin-inline-end: 0.75rem; + -webkit-margin-end: 0.75rem; + margin-inline-end: 0.75rem; } textarea.form-control { min-height: unset; } - textarea.form-control-sm { min-height: unset; } - textarea.form-control-lg { min-height: unset; } @@ -2871,16 +2777,13 @@ textarea.form-control-lg { height: auto; padding: 0.5rem; } - .form-control-color:not(:disabled):not([readonly]) { cursor: pointer; } - .form-control-color::-moz-color-swatch { height: 1.4rem; border-radius: 0.5rem; } - .form-control-color::-webkit-color-swatch { height: 1.4rem; border-radius: 0.5rem; @@ -2903,32 +2806,28 @@ textarea.form-control-lg { border: 1px solid #d2d6da; border-radius: 0.5rem; transition: box-shadow 0.15s ease, border-color 0.15s ease; - appearance: none; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; } - @media (prefers-reduced-motion: reduce) { .form-select { transition: none; } } - .form-select:focus { border-color: #e293d3; outline: 0; box-shadow: 0 0 0 2px #e9aede; } - -.form-select[multiple], -.form-select[size]:not([size="1"]) { +.form-select[multiple], .form-select[size]:not([size="1"]) { padding-right: 0.75rem; background-image: none; } - .form-select:disabled { color: #6c757d; background-color: #e9ecef; } - .form-select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #495057; @@ -2956,7 +2855,6 @@ textarea.form-control-lg { padding-left: 1.73em; margin-bottom: 0.125rem; } - .form-check .form-check-input { float: left; margin-left: -1.73em; @@ -2972,69 +2870,59 @@ textarea.form-control-lg { background-position: center; background-size: contain; border: none; - appearance: none; - color-adjust: exact; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + -webkit-print-color-adjust: exact; + color-adjust: exact; transition: background-color 0.25s ease, border-color 0.25s ease, background-position 0.15s ease-in-out, opacity 0.15s ease-out, box-shadow 0.15s ease-in-out; } - @media (prefers-reduced-motion: reduce) { .form-check-input { transition: none; } } - -.form-check-input[type="checkbox"] { +.form-check-input[type=checkbox] { border-radius: 0.35rem; } - -.form-check-input[type="radio"] { +.form-check-input[type=radio] { border-radius: 50%; } - .form-check-input:active { filter: brightness(99%); } - .form-check-input:focus { border-color: none; outline: 0; box-shadow: none; } - .form-check-input:checked { background-color: transparent; border-color: transparent; } - -.form-check-input:checked[type="checkbox"] { +.form-check-input:checked[type=checkbox] { background-image: linear-gradient(310deg, #141727 0%, #3A416F 100%); } - -.form-check-input:checked[type="radio"] { +.form-check-input:checked[type=radio] { background-image: linear-gradient(310deg, #141727 0%, #3A416F 100%); } - -.form-check-input[type="checkbox"]:indeterminate { +.form-check-input[type=checkbox]:indeterminate { background-color: #cb0c9f; border-color: #cb0c9f; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e"); } - .form-check-input:disabled { pointer-events: none; filter: none; opacity: 0.5; } - -.form-check-input[disabled]~.form-check-label, -.form-check-input:disabled~.form-check-label { +.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { opacity: 0.5; } .form-switch { padding-left: 3rem; } - .form-switch .form-check-input { width: 2.5rem; margin-left: -3rem; @@ -3043,17 +2931,14 @@ textarea.form-control-lg { border-radius: 2.5rem; transition: background-color 0.25s ease, border-color 0.25s ease, background-position 0.15s ease-in-out, opacity 0.15s ease-out, box-shadow 0.15s ease-in-out; } - @media (prefers-reduced-motion: reduce) { .form-switch .form-check-input { transition: none; } } - .form-switch .form-check-input:focus { background-image: none; } - .form-switch .form-check-input:checked { background-position: right center; background-image: none; @@ -3069,9 +2954,7 @@ textarea.form-control-lg { clip: rect(0, 0, 0, 0); pointer-events: none; } - -.btn-check[disabled]+.btn, -.btn-check:disabled+.btn { +.btn-check[disabled] + .btn, .btn-check:disabled + .btn { pointer-events: none; filter: none; opacity: 0.65; @@ -3082,25 +2965,22 @@ textarea.form-control-lg { height: calc(1rem + 4px); padding: 0; background-color: transparent; - appearance: none; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; } - .form-range:focus { outline: 0; } - .form-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 2px #e9aede; } - .form-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 2px #e9aede; } - .form-range::-moz-focus-outer { border: 0; } - .form-range::-webkit-slider-thumb { width: 1rem; height: 1rem; @@ -3108,20 +2988,20 @@ textarea.form-control-lg { background-color: #cb0c9f; border: 0; border-radius: 1rem; + -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; - appearance: none; + -webkit-appearance: none; + appearance: none; } - @media (prefers-reduced-motion: reduce) { .form-range::-webkit-slider-thumb { + -webkit-transition: none; transition: none; } } - .form-range::-webkit-slider-thumb:active { background-color: #f891e1; } - .form-range::-webkit-slider-runnable-track { width: 100%; height: 0.5rem; @@ -3131,27 +3011,26 @@ textarea.form-control-lg { border-color: transparent; border-radius: 1rem; } - .form-range::-moz-range-thumb { width: 1rem; height: 1rem; background-color: #cb0c9f; border: 0; border-radius: 1rem; + -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; - appearance: none; + -moz-appearance: none; + appearance: none; } - @media (prefers-reduced-motion: reduce) { .form-range::-moz-range-thumb { + -moz-transition: none; transition: none; } } - .form-range::-moz-range-thumb:active { background-color: #f891e1; } - .form-range::-moz-range-track { width: 100%; height: 0.5rem; @@ -3161,15 +3040,12 @@ textarea.form-control-lg { border-color: transparent; border-radius: 1rem; } - .form-range:disabled { pointer-events: none; } - .form-range:disabled::-webkit-slider-thumb { background-color: #adb5bd; } - .form-range:disabled::-moz-range-thumb { background-color: #adb5bd; } @@ -3177,14 +3053,12 @@ textarea.form-control-lg { .form-floating { position: relative; } - -.form-floating>.form-control, -.form-floating>.form-select { +.form-floating > .form-control, +.form-floating > .form-select { height: calc(3.5rem + 2px); line-height: 1.25; } - -.form-floating>label { +.form-floating > label { position: absolute; top: 0; left: 0; @@ -3195,45 +3069,58 @@ textarea.form-control-lg { transform-origin: 0 0; transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out; } - @media (prefers-reduced-motion: reduce) { - .form-floating>label { + .form-floating > label { transition: none; } } - -.form-floating>.form-control { +.form-floating > .form-control { padding: 1rem 0.75rem; } - -.form-floating>.form-control::placeholder { +.form-floating > .form-control::-moz-placeholder { color: transparent; } - -.form-floating>.form-control:focus, -.form-floating>.form-control:not(:placeholder-shown) { +.form-floating > .form-control:-ms-input-placeholder { + color: transparent; +} +.form-floating > .form-control::placeholder { + color: transparent; +} +.form-floating > .form-control:not(:-moz-placeholder-shown) { padding-top: 1.625rem; padding-bottom: 0.625rem; } - -.form-floating>.form-control:-webkit-autofill { +.form-floating > .form-control:not(:-ms-input-placeholder) { padding-top: 1.625rem; padding-bottom: 0.625rem; } - -.form-floating>.form-select { +.form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown) { 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-select~label { +.form-floating > .form-control:-webkit-autofill { + padding-top: 1.625rem; + padding-bottom: 0.625rem; +} +.form-floating > .form-select { + padding-top: 1.625rem; + padding-bottom: 0.625rem; +} +.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label { opacity: 0.65; transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); } - -.form-floating>.form-control:-webkit-autofill~label { +.form-floating > .form-control:not(:-ms-input-placeholder) ~ label { + opacity: 0.65; + transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); +} +.form-floating > .form-control:focus ~ label, +.form-floating > .form-control:not(:placeholder-shown) ~ label, +.form-floating > .form-select ~ label { + opacity: 0.65; + transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); +} +.form-floating > .form-control:-webkit-autofill ~ label { opacity: 0.65; transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); } @@ -3245,25 +3132,21 @@ textarea.form-control-lg { align-items: stretch; width: 100%; } - -.input-group>.form-control, -.input-group>.form-select { +.input-group > .form-control, +.input-group > .form-select { position: relative; flex: 1 1 auto; width: 1%; min-width: 0; } - -.input-group>.form-control:focus, -.input-group>.form-select:focus { +.input-group > .form-control:focus, +.input-group > .form-select:focus { z-index: 3; } - .input-group .btn { position: relative; z-index: 2; } - .input-group .btn:focus { z-index: 3; } @@ -3283,42 +3166,40 @@ textarea.form-control-lg { border-radius: 0.5rem; } -.input-group-lg>.form-control, -.input-group-lg>.form-select, -.input-group-lg>.input-group-text, -.input-group-lg>.btn { +.input-group-lg > .form-control, +.input-group-lg > .form-select, +.input-group-lg > .input-group-text, +.input-group-lg > .btn { padding: 0.75rem 0.75rem; font-size: 0.875rem; border-radius: 0.5rem; } -.input-group-sm>.form-control, -.input-group-sm>.form-select, -.input-group-sm>.input-group-text, -.input-group-sm>.btn { +.input-group-sm > .form-control, +.input-group-sm > .form-select, +.input-group-sm > .input-group-text, +.input-group-sm > .btn { padding: 0.25rem 0.75rem; font-size: 0.75rem; border-radius: 0.5rem; } -.input-group-lg>.form-select, -.input-group-sm>.form-select { +.input-group-lg > .form-select, +.input-group-sm > .form-select { padding-right: 1.75rem; } -.input-group:not(.has-validation)> :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu), -.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n + 3) { +.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu), +.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3) { border-top-right-radius: 0; border-bottom-right-radius: 0; } - -.input-group.has-validation> :nth-last-child(n + 3):not(.dropdown-toggle):not(.dropdown-menu), -.input-group.has-validation>.dropdown-toggle:nth-last-child(n + 4) { +.input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu), +.input-group.has-validation > .dropdown-toggle:nth-last-child(n+4) { border-top-right-radius: 0; border-bottom-right-radius: 0; } - -.input-group> :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { +.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { margin-left: -1px; border-top-left-radius: 0; border-bottom-left-radius: 0; @@ -3339,22 +3220,21 @@ textarea.form-control-lg { display: none; max-width: 100%; padding: 0.25rem 0.5rem; - margin-top: .1rem; + margin-top: 0.1rem; font-size: 0.875rem; color: #000; background-color: rgba(102, 212, 50, 0.9); border-radius: 0.5rem; } -.was-validated :valid~.valid-feedback, -.was-validated :valid~.valid-tooltip, -.is-valid~.valid-feedback, -.is-valid~.valid-tooltip { +.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 { +.was-validated .form-control:valid, .form-control.is-valid { border-color: #66d432; padding-right: unset; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 8'%3e%3cpath fill='%2366d432' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); @@ -3362,73 +3242,53 @@ textarea.form-control-lg { background-position: right 0.75rem center; background-size: 1rem 1rem; } - -.was-validated .form-control:valid:focus, -.form-control.is-valid:focus { +.was-validated .form-control:valid:focus, .form-control.is-valid:focus { border-color: #66d432; box-shadow: 0 0 0 2px rgba(102, 212, 50, 0.25); } -.was-validated textarea.form-control:valid, -textarea.form-control.is-valid { +.was-validated textarea.form-control:valid, textarea.form-control.is-valid { padding-right: unset; background-position: top 0.75rem right 0.75rem; } -.was-validated .form-select:valid, -.form-select.is-valid { +.was-validated .form-select:valid, .form-select.is-valid { border-color: #66d432; } - -.was-validated .form-select:valid:not([multiple]):not([size]), -.was-validated .form-select:valid:not([multiple])[size="1"], -.form-select.is-valid:not([multiple]):not([size]), -.form-select.is-valid:not([multiple])[size="1"] { +.was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"] { padding-right: 2.875rem; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 8'%3e%3cpath fill='%2366d432' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); background-position: right 0.75rem center, center right 1.75rem; background-size: 16px 12px, 1rem 1rem; } - -.was-validated .form-select:valid:focus, -.form-select.is-valid:focus { +.was-validated .form-select:valid:focus, .form-select.is-valid:focus { border-color: #66d432; box-shadow: 0 0 0 2px rgba(102, 212, 50, 0.25); } -.was-validated .form-check-input:valid, -.form-check-input.is-valid { +.was-validated .form-check-input:valid, .form-check-input.is-valid { border-color: #66d432; } - -.was-validated .form-check-input:valid:checked, -.form-check-input.is-valid:checked { +.was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked { background-color: #66d432; } - -.was-validated .form-check-input:valid:focus, -.form-check-input.is-valid:focus { +.was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus { box-shadow: 0 0 0 2px rgba(102, 212, 50, 0.25); } - -.was-validated .form-check-input:valid~.form-check-label, -.form-check-input.is-valid~.form-check-label { +.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { color: #66d432; } -.form-check-inline .form-check-input~.valid-feedback { - margin-left: .5em; +.form-check-inline .form-check-input ~ .valid-feedback { + margin-left: 0.5em; } -.was-validated .input-group .form-control:valid, -.input-group .form-control.is-valid, +.was-validated .input-group .form-control:valid, .input-group .form-control.is-valid, .was-validated .input-group .form-select:valid, .input-group .form-select.is-valid { z-index: 1; } - -.was-validated .input-group .form-control:valid:focus, -.input-group .form-control.is-valid:focus, +.was-validated .input-group .form-control:valid:focus, .input-group .form-control.is-valid:focus, .was-validated .input-group .form-select:valid:focus, .input-group .form-select.is-valid:focus { z-index: 3; @@ -3449,22 +3309,21 @@ textarea.form-control.is-valid { display: none; max-width: 100%; padding: 0.25rem 0.5rem; - margin-top: .1rem; + margin-top: 0.1rem; font-size: 0.875rem; color: #000; background-color: rgba(253, 92, 112, 0.9); border-radius: 0.5rem; } -.was-validated :invalid~.invalid-feedback, -.was-validated :invalid~.invalid-tooltip, -.is-invalid~.invalid-feedback, -.is-invalid~.invalid-tooltip { +.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 { +.was-validated .form-control:invalid, .form-control.is-invalid { border-color: #fd5c70; padding-right: unset; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23fd5c70' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23fd5c70' stroke='none'/%3e%3c/svg%3e"); @@ -3472,73 +3331,53 @@ textarea.form-control.is-valid { background-position: right 0.75rem center; background-size: 1rem 1rem; } - -.was-validated .form-control:invalid:focus, -.form-control.is-invalid:focus { +.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { border-color: #fd5c70; box-shadow: 0 0 0 2px rgba(253, 92, 112, 0.25); } -.was-validated textarea.form-control:invalid, -textarea.form-control.is-invalid { +.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { padding-right: unset; background-position: top 0.75rem right 0.75rem; } -.was-validated .form-select:invalid, -.form-select.is-invalid { +.was-validated .form-select:invalid, .form-select.is-invalid { border-color: #fd5c70; } - -.was-validated .form-select:invalid:not([multiple]):not([size]), -.was-validated .form-select:invalid:not([multiple])[size="1"], -.form-select.is-invalid:not([multiple]):not([size]), -.form-select.is-invalid:not([multiple])[size="1"] { +.was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"] { padding-right: 2.875rem; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23fd5c70' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23fd5c70' stroke='none'/%3e%3c/svg%3e"); background-position: right 0.75rem center, center right 1.75rem; background-size: 16px 12px, 1rem 1rem; } - -.was-validated .form-select:invalid:focus, -.form-select.is-invalid:focus { +.was-validated .form-select:invalid:focus, .form-select.is-invalid:focus { border-color: #fd5c70; box-shadow: 0 0 0 2px rgba(253, 92, 112, 0.25); } -.was-validated .form-check-input:invalid, -.form-check-input.is-invalid { +.was-validated .form-check-input:invalid, .form-check-input.is-invalid { border-color: #fd5c70; } - -.was-validated .form-check-input:invalid:checked, -.form-check-input.is-invalid:checked { +.was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked { background-color: #fd5c70; } - -.was-validated .form-check-input:invalid:focus, -.form-check-input.is-invalid:focus { +.was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus { box-shadow: 0 0 0 2px rgba(253, 92, 112, 0.25); } - -.was-validated .form-check-input:invalid~.form-check-label, -.form-check-input.is-invalid~.form-check-label { +.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { color: #fd5c70; } -.form-check-inline .form-check-input~.invalid-feedback { - margin-left: .5em; +.form-check-inline .form-check-input ~ .invalid-feedback { + margin-left: 0.5em; } -.was-validated .input-group .form-control:invalid, -.input-group .form-control.is-invalid, +.was-validated .input-group .form-control:invalid, .input-group .form-control.is-invalid, .was-validated .input-group .form-select:invalid, .input-group .form-select.is-invalid { z-index: 2; } - -.was-validated .input-group .form-control:invalid:focus, -.input-group .form-control.is-invalid:focus, +.was-validated .input-group .form-control:invalid:focus, .input-group .form-control.is-invalid:focus, .was-validated .input-group .form-select:invalid:focus, .input-group .form-select.is-invalid:focus { z-index: 3; @@ -3552,7 +3391,10 @@ textarea.form-control.is-invalid { text-align: center; vertical-align: middle; cursor: pointer; - user-select: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; background-color: transparent; border: 1px solid transparent; padding: 0.75rem 1.5rem; @@ -3560,26 +3402,19 @@ textarea.form-control.is-invalid { border-radius: 0.5rem; transition: all 0.15s ease-in; } - @media (prefers-reduced-motion: reduce) { .btn { transition: none; } } - .btn:hover { color: #67748e; } - -.btn-check:focus+.btn, -.btn:focus { +.btn-check:focus + .btn, .btn:focus { outline: 0; box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.09), 0 2px 3px -1px rgba(0, 0, 0, 0.07); } - -.btn:disabled, -.btn.disabled, -fieldset:disabled .btn { +.btn:disabled, .btn.disabled, fieldset:disabled .btn { pointer-events: none; opacity: 0.65; } @@ -3589,41 +3424,26 @@ fieldset:disabled .btn { background-color: #cb0c9f; border-color: #cb0c9f; } - .btn-primary:hover { color: #fff; background-color: #ad0a87; border-color: #a20a7f; } - -.btn-check:focus+.btn-primary, -.btn-primary:focus { +.btn-check:focus + .btn-primary, .btn-primary:focus { color: #fff; background-color: #ad0a87; border-color: #a20a7f; box-shadow: 0 0 0 0.2rem rgba(211, 48, 173, 0.5); } - -.btn-check:checked+.btn-primary, -.btn-check:active+.btn-primary, -.btn-primary:active, -.btn-primary.active, -.show>.btn-primary.dropdown-toggle { +.btn-check:checked + .btn-primary, .btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle { color: #fff; background-color: #a20a7f; border-color: #980977; } - -.btn-check:checked+.btn-primary:focus, -.btn-check:active+.btn-primary:focus, -.btn-primary:active:focus, -.btn-primary.active:focus, -.show>.btn-primary.dropdown-toggle:focus { +.btn-check:checked + .btn-primary:focus, .btn-check:active + .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus, .show > .btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(211, 48, 173, 0.5); } - -.btn-primary:disabled, -.btn-primary.disabled { +.btn-primary:disabled, .btn-primary.disabled { color: #fff; background-color: #cb0c9f; border-color: #cb0c9f; @@ -3634,41 +3454,26 @@ fieldset:disabled .btn { background-color: #8392AB; border-color: #8392AB; } - .btn-secondary:hover { color: #000; background-color: #96a2b8; border-color: #8f9db3; } - -.btn-check:focus+.btn-secondary, -.btn-secondary:focus { +.btn-check:focus + .btn-secondary, .btn-secondary:focus { color: #000; background-color: #96a2b8; border-color: #8f9db3; box-shadow: 0 0 0 0.2rem rgba(111, 124, 145, 0.5); } - -.btn-check:checked+.btn-secondary, -.btn-check:active+.btn-secondary, -.btn-secondary:active, -.btn-secondary.active, -.show>.btn-secondary.dropdown-toggle { +.btn-check:checked + .btn-secondary, .btn-check:active + .btn-secondary, .btn-secondary:active, .btn-secondary.active, .show > .btn-secondary.dropdown-toggle { color: #000; background-color: #9ca8bc; border-color: #8f9db3; } - -.btn-check:checked+.btn-secondary:focus, -.btn-check:active+.btn-secondary:focus, -.btn-secondary:active:focus, -.btn-secondary.active:focus, -.show>.btn-secondary.dropdown-toggle:focus { +.btn-check:checked + .btn-secondary:focus, .btn-check:active + .btn-secondary:focus, .btn-secondary:active:focus, .btn-secondary.active:focus, .show > .btn-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(111, 124, 145, 0.5); } - -.btn-secondary:disabled, -.btn-secondary.disabled { +.btn-secondary:disabled, .btn-secondary.disabled { color: #000; background-color: #8392AB; border-color: #8392AB; @@ -3679,41 +3484,26 @@ fieldset:disabled .btn { background-color: #82d616; border-color: #82d616; } - .btn-success:hover { color: #000; background-color: #95dc39; border-color: #8fda2d; } - -.btn-check:focus+.btn-success, -.btn-success:focus { +.btn-check:focus + .btn-success, .btn-success:focus { color: #000; background-color: #95dc39; border-color: #8fda2d; box-shadow: 0 0 0 0.2rem rgba(111, 182, 19, 0.5); } - -.btn-check:checked+.btn-success, -.btn-check:active+.btn-success, -.btn-success:active, -.btn-success.active, -.show>.btn-success.dropdown-toggle { +.btn-check:checked + .btn-success, .btn-check:active + .btn-success, .btn-success:active, .btn-success.active, .show > .btn-success.dropdown-toggle { color: #000; background-color: #9bde45; border-color: #8fda2d; } - -.btn-check:checked+.btn-success:focus, -.btn-check:active+.btn-success:focus, -.btn-success:active:focus, -.btn-success.active:focus, -.show>.btn-success.dropdown-toggle:focus { +.btn-check:checked + .btn-success:focus, .btn-check:active + .btn-success:focus, .btn-success:active:focus, .btn-success.active:focus, .show > .btn-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(111, 182, 19, 0.5); } - -.btn-success:disabled, -.btn-success.disabled { +.btn-success:disabled, .btn-success.disabled { color: #000; background-color: #82d616; border-color: #82d616; @@ -3724,41 +3514,26 @@ fieldset:disabled .btn { background-color: #17c1e8; border-color: #17c1e8; } - .btn-info:hover { color: #000; background-color: #3acaeb; border-color: #2ec7ea; } - -.btn-check:focus+.btn-info, -.btn-info:focus { +.btn-check:focus + .btn-info, .btn-info:focus { color: #000; background-color: #3acaeb; border-color: #2ec7ea; box-shadow: 0 0 0 0.2rem rgba(20, 164, 197, 0.5); } - -.btn-check:checked+.btn-info, -.btn-check:active+.btn-info, -.btn-info:active, -.btn-info.active, -.show>.btn-info.dropdown-toggle { +.btn-check:checked + .btn-info, .btn-check:active + .btn-info, .btn-info:active, .btn-info.active, .show > .btn-info.dropdown-toggle { color: #000; background-color: #45cded; border-color: #2ec7ea; } - -.btn-check:checked+.btn-info:focus, -.btn-check:active+.btn-info:focus, -.btn-info:active:focus, -.btn-info.active:focus, -.show>.btn-info.dropdown-toggle:focus { +.btn-check:checked + .btn-info:focus, .btn-check:active + .btn-info:focus, .btn-info:active:focus, .btn-info.active:focus, .show > .btn-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(20, 164, 197, 0.5); } - -.btn-info:disabled, -.btn-info.disabled { +.btn-info:disabled, .btn-info.disabled { color: #000; background-color: #17c1e8; border-color: #17c1e8; @@ -3769,41 +3544,26 @@ fieldset:disabled .btn { background-color: #fbcf33; border-color: #fbcf33; } - .btn-warning:hover { color: #000; background-color: #fcd652; border-color: #fbd447; } - -.btn-check:focus+.btn-warning, -.btn-warning:focus { +.btn-check:focus + .btn-warning, .btn-warning:focus { color: #000; background-color: #fcd652; border-color: #fbd447; box-shadow: 0 0 0 0.2rem rgba(213, 176, 43, 0.5); } - -.btn-check:checked+.btn-warning, -.btn-check:active+.btn-warning, -.btn-warning:active, -.btn-warning.active, -.show>.btn-warning.dropdown-toggle { +.btn-check:checked + .btn-warning, .btn-check:active + .btn-warning, .btn-warning:active, .btn-warning.active, .show > .btn-warning.dropdown-toggle { color: #000; background-color: #fcd95c; border-color: #fbd447; } - -.btn-check:checked+.btn-warning:focus, -.btn-check:active+.btn-warning:focus, -.btn-warning:active:focus, -.btn-warning.active:focus, -.show>.btn-warning.dropdown-toggle:focus { +.btn-check:checked + .btn-warning:focus, .btn-check:active + .btn-warning:focus, .btn-warning:active:focus, .btn-warning.active:focus, .show > .btn-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(213, 176, 43, 0.5); } - -.btn-warning:disabled, -.btn-warning.disabled { +.btn-warning:disabled, .btn-warning.disabled { color: #000; background-color: #fbcf33; border-color: #fbcf33; @@ -3814,41 +3574,26 @@ fieldset:disabled .btn { background-color: #ea0606; border-color: #ea0606; } - .btn-danger:hover { color: #fff; background-color: #c70505; border-color: #bb0505; } - -.btn-check:focus+.btn-danger, -.btn-danger:focus { +.btn-check:focus + .btn-danger, .btn-danger:focus { color: #fff; background-color: #c70505; border-color: #bb0505; box-shadow: 0 0 0 0.2rem rgba(237, 43, 43, 0.5); } - -.btn-check:checked+.btn-danger, -.btn-check:active+.btn-danger, -.btn-danger:active, -.btn-danger.active, -.show>.btn-danger.dropdown-toggle { +.btn-check:checked + .btn-danger, .btn-check:active + .btn-danger, .btn-danger:active, .btn-danger.active, .show > .btn-danger.dropdown-toggle { color: #fff; background-color: #bb0505; border-color: #b00505; } - -.btn-check:checked+.btn-danger:focus, -.btn-check:active+.btn-danger:focus, -.btn-danger:active:focus, -.btn-danger.active:focus, -.show>.btn-danger.dropdown-toggle:focus { +.btn-check:checked + .btn-danger:focus, .btn-check:active + .btn-danger:focus, .btn-danger:active:focus, .btn-danger.active:focus, .show > .btn-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(237, 43, 43, 0.5); } - -.btn-danger:disabled, -.btn-danger.disabled { +.btn-danger:disabled, .btn-danger.disabled { color: #fff; background-color: #ea0606; border-color: #ea0606; @@ -3859,41 +3604,26 @@ fieldset:disabled .btn { background-color: #e9ecef; border-color: #e9ecef; } - .btn-light:hover { color: #000; background-color: #eceff1; border-color: #ebeef1; } - -.btn-check:focus+.btn-light, -.btn-light:focus { +.btn-check:focus + .btn-light, .btn-light:focus { color: #000; background-color: #eceff1; border-color: #ebeef1; box-shadow: 0 0 0 0.2rem rgba(198, 201, 203, 0.5); } - -.btn-check:checked+.btn-light, -.btn-check:active+.btn-light, -.btn-light:active, -.btn-light.active, -.show>.btn-light.dropdown-toggle { +.btn-check:checked + .btn-light, .btn-check:active + .btn-light, .btn-light:active, .btn-light.active, .show > .btn-light.dropdown-toggle { color: #000; background-color: #edf0f2; border-color: #ebeef1; } - -.btn-check:checked+.btn-light:focus, -.btn-check:active+.btn-light:focus, -.btn-light:active:focus, -.btn-light.active:focus, -.show>.btn-light.dropdown-toggle:focus { +.btn-check:checked + .btn-light:focus, .btn-check:active + .btn-light:focus, .btn-light:active:focus, .btn-light.active:focus, .show > .btn-light.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(198, 201, 203, 0.5); } - -.btn-light:disabled, -.btn-light.disabled { +.btn-light:disabled, .btn-light.disabled { color: #000; background-color: #e9ecef; border-color: #e9ecef; @@ -3904,41 +3634,26 @@ fieldset:disabled .btn { background-color: #344767; border-color: #344767; } - .btn-dark:hover { color: #fff; background-color: #2c3c58; border-color: #2a3952; } - -.btn-check:focus+.btn-dark, -.btn-dark:focus { +.btn-check:focus + .btn-dark, .btn-dark:focus { color: #fff; background-color: #2c3c58; border-color: #2a3952; box-shadow: 0 0 0 0.2rem rgba(82, 99, 126, 0.5); } - -.btn-check:checked+.btn-dark, -.btn-check:active+.btn-dark, -.btn-dark:active, -.btn-dark.active, -.show>.btn-dark.dropdown-toggle { +.btn-check:checked + .btn-dark, .btn-check:active + .btn-dark, .btn-dark:active, .btn-dark.active, .show > .btn-dark.dropdown-toggle { color: #fff; background-color: #2a3952; border-color: #27354d; } - -.btn-check:checked+.btn-dark:focus, -.btn-check:active+.btn-dark:focus, -.btn-dark:active:focus, -.btn-dark.active:focus, -.show>.btn-dark.dropdown-toggle:focus { +.btn-check:checked + .btn-dark:focus, .btn-check:active + .btn-dark:focus, .btn-dark:active:focus, .btn-dark.active:focus, .show > .btn-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(82, 99, 126, 0.5); } - -.btn-dark:disabled, -.btn-dark.disabled { +.btn-dark:disabled, .btn-dark.disabled { color: #fff; background-color: #344767; border-color: #344767; @@ -3949,41 +3664,26 @@ fieldset:disabled .btn { background-color: #fff; border-color: #fff; } - .btn-white:hover { color: #000; background-color: white; border-color: white; } - -.btn-check:focus+.btn-white, -.btn-white:focus { +.btn-check:focus + .btn-white, .btn-white:focus { color: #000; background-color: white; border-color: white; box-shadow: 0 0 0 0.2rem rgba(217, 217, 217, 0.5); } - -.btn-check:checked+.btn-white, -.btn-check:active+.btn-white, -.btn-white:active, -.btn-white.active, -.show>.btn-white.dropdown-toggle { +.btn-check:checked + .btn-white, .btn-check:active + .btn-white, .btn-white:active, .btn-white.active, .show > .btn-white.dropdown-toggle { color: #000; background-color: white; border-color: white; } - -.btn-check:checked+.btn-white:focus, -.btn-check:active+.btn-white:focus, -.btn-white:active:focus, -.btn-white.active:focus, -.show>.btn-white.dropdown-toggle:focus { +.btn-check:checked + .btn-white:focus, .btn-check:active + .btn-white:focus, .btn-white:active:focus, .btn-white.active:focus, .show > .btn-white.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(217, 217, 217, 0.5); } - -.btn-white:disabled, -.btn-white.disabled { +.btn-white:disabled, .btn-white.disabled { color: #000; background-color: #fff; border-color: #fff; @@ -3993,38 +3693,23 @@ fieldset:disabled .btn { color: #cb0c9f; border-color: #cb0c9f; } - .btn-outline-primary:hover { color: #fff; background-color: #cb0c9f; border-color: #cb0c9f; } - -.btn-check:focus+.btn-outline-primary, -.btn-outline-primary:focus { +.btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus { box-shadow: 0 0 0 0.2rem rgba(203, 12, 159, 0.5); } - -.btn-check:checked+.btn-outline-primary, -.btn-check:active+.btn-outline-primary, -.btn-outline-primary:active, -.btn-outline-primary.active, -.btn-outline-primary.dropdown-toggle.show { +.btn-check:checked + .btn-outline-primary, .btn-check:active + .btn-outline-primary, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show { color: #fff; background-color: #cb0c9f; border-color: #cb0c9f; } - -.btn-check:checked+.btn-outline-primary:focus, -.btn-check:active+.btn-outline-primary:focus, -.btn-outline-primary:active:focus, -.btn-outline-primary.active:focus, -.btn-outline-primary.dropdown-toggle.show:focus { +.btn-check:checked + .btn-outline-primary:focus, .btn-check:active + .btn-outline-primary:focus, .btn-outline-primary:active:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.2rem rgba(203, 12, 159, 0.5); } - -.btn-outline-primary:disabled, -.btn-outline-primary.disabled { +.btn-outline-primary:disabled, .btn-outline-primary.disabled { color: #cb0c9f; background-color: transparent; } @@ -4033,38 +3718,23 @@ fieldset:disabled .btn { color: #8392AB; border-color: #8392AB; } - .btn-outline-secondary:hover { color: #000; background-color: #8392AB; border-color: #8392AB; } - -.btn-check:focus+.btn-outline-secondary, -.btn-outline-secondary:focus { +.btn-check:focus + .btn-outline-secondary, .btn-outline-secondary:focus { box-shadow: 0 0 0 0.2rem rgba(131, 146, 171, 0.5); } - -.btn-check:checked+.btn-outline-secondary, -.btn-check:active+.btn-outline-secondary, -.btn-outline-secondary:active, -.btn-outline-secondary.active, -.btn-outline-secondary.dropdown-toggle.show { +.btn-check:checked + .btn-outline-secondary, .btn-check:active + .btn-outline-secondary, .btn-outline-secondary:active, .btn-outline-secondary.active, .btn-outline-secondary.dropdown-toggle.show { color: #000; background-color: #8392AB; border-color: #8392AB; } - -.btn-check:checked+.btn-outline-secondary:focus, -.btn-check:active+.btn-outline-secondary:focus, -.btn-outline-secondary:active:focus, -.btn-outline-secondary.active:focus, -.btn-outline-secondary.dropdown-toggle.show:focus { +.btn-check:checked + .btn-outline-secondary:focus, .btn-check:active + .btn-outline-secondary:focus, .btn-outline-secondary:active:focus, .btn-outline-secondary.active:focus, .btn-outline-secondary.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.2rem rgba(131, 146, 171, 0.5); } - -.btn-outline-secondary:disabled, -.btn-outline-secondary.disabled { +.btn-outline-secondary:disabled, .btn-outline-secondary.disabled { color: #8392AB; background-color: transparent; } @@ -4073,38 +3743,23 @@ fieldset:disabled .btn { color: #82d616; border-color: #82d616; } - .btn-outline-success:hover { color: #000; background-color: #82d616; border-color: #82d616; } - -.btn-check:focus+.btn-outline-success, -.btn-outline-success:focus { +.btn-check:focus + .btn-outline-success, .btn-outline-success:focus { box-shadow: 0 0 0 0.2rem rgba(130, 214, 22, 0.5); } - -.btn-check:checked+.btn-outline-success, -.btn-check:active+.btn-outline-success, -.btn-outline-success:active, -.btn-outline-success.active, -.btn-outline-success.dropdown-toggle.show { +.btn-check:checked + .btn-outline-success, .btn-check:active + .btn-outline-success, .btn-outline-success:active, .btn-outline-success.active, .btn-outline-success.dropdown-toggle.show { color: #000; background-color: #82d616; border-color: #82d616; } - -.btn-check:checked+.btn-outline-success:focus, -.btn-check:active+.btn-outline-success:focus, -.btn-outline-success:active:focus, -.btn-outline-success.active:focus, -.btn-outline-success.dropdown-toggle.show:focus { +.btn-check:checked + .btn-outline-success:focus, .btn-check:active + .btn-outline-success:focus, .btn-outline-success:active:focus, .btn-outline-success.active:focus, .btn-outline-success.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.2rem rgba(130, 214, 22, 0.5); } - -.btn-outline-success:disabled, -.btn-outline-success.disabled { +.btn-outline-success:disabled, .btn-outline-success.disabled { color: #82d616; background-color: transparent; } @@ -4113,38 +3768,23 @@ fieldset:disabled .btn { color: #17c1e8; border-color: #17c1e8; } - .btn-outline-info:hover { color: #000; background-color: #17c1e8; border-color: #17c1e8; } - -.btn-check:focus+.btn-outline-info, -.btn-outline-info:focus { +.btn-check:focus + .btn-outline-info, .btn-outline-info:focus { box-shadow: 0 0 0 0.2rem rgba(23, 193, 232, 0.5); } - -.btn-check:checked+.btn-outline-info, -.btn-check:active+.btn-outline-info, -.btn-outline-info:active, -.btn-outline-info.active, -.btn-outline-info.dropdown-toggle.show { +.btn-check:checked + .btn-outline-info, .btn-check:active + .btn-outline-info, .btn-outline-info:active, .btn-outline-info.active, .btn-outline-info.dropdown-toggle.show { color: #000; background-color: #17c1e8; border-color: #17c1e8; } - -.btn-check:checked+.btn-outline-info:focus, -.btn-check:active+.btn-outline-info:focus, -.btn-outline-info:active:focus, -.btn-outline-info.active:focus, -.btn-outline-info.dropdown-toggle.show:focus { +.btn-check:checked + .btn-outline-info:focus, .btn-check:active + .btn-outline-info:focus, .btn-outline-info:active:focus, .btn-outline-info.active:focus, .btn-outline-info.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.2rem rgba(23, 193, 232, 0.5); } - -.btn-outline-info:disabled, -.btn-outline-info.disabled { +.btn-outline-info:disabled, .btn-outline-info.disabled { color: #17c1e8; background-color: transparent; } @@ -4153,38 +3793,23 @@ fieldset:disabled .btn { color: #fbcf33; border-color: #fbcf33; } - .btn-outline-warning:hover { color: #000; background-color: #fbcf33; border-color: #fbcf33; } - -.btn-check:focus+.btn-outline-warning, -.btn-outline-warning:focus { +.btn-check:focus + .btn-outline-warning, .btn-outline-warning:focus { box-shadow: 0 0 0 0.2rem rgba(251, 207, 51, 0.5); } - -.btn-check:checked+.btn-outline-warning, -.btn-check:active+.btn-outline-warning, -.btn-outline-warning:active, -.btn-outline-warning.active, -.btn-outline-warning.dropdown-toggle.show { +.btn-check:checked + .btn-outline-warning, .btn-check:active + .btn-outline-warning, .btn-outline-warning:active, .btn-outline-warning.active, .btn-outline-warning.dropdown-toggle.show { color: #000; background-color: #fbcf33; border-color: #fbcf33; } - -.btn-check:checked+.btn-outline-warning:focus, -.btn-check:active+.btn-outline-warning:focus, -.btn-outline-warning:active:focus, -.btn-outline-warning.active:focus, -.btn-outline-warning.dropdown-toggle.show:focus { +.btn-check:checked + .btn-outline-warning:focus, .btn-check:active + .btn-outline-warning:focus, .btn-outline-warning:active:focus, .btn-outline-warning.active:focus, .btn-outline-warning.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.2rem rgba(251, 207, 51, 0.5); } - -.btn-outline-warning:disabled, -.btn-outline-warning.disabled { +.btn-outline-warning:disabled, .btn-outline-warning.disabled { color: #fbcf33; background-color: transparent; } @@ -4193,38 +3818,23 @@ fieldset:disabled .btn { color: #ea0606; border-color: #ea0606; } - .btn-outline-danger:hover { color: #fff; background-color: #ea0606; border-color: #ea0606; } - -.btn-check:focus+.btn-outline-danger, -.btn-outline-danger:focus { +.btn-check:focus + .btn-outline-danger, .btn-outline-danger:focus { box-shadow: 0 0 0 0.2rem rgba(234, 6, 6, 0.5); } - -.btn-check:checked+.btn-outline-danger, -.btn-check:active+.btn-outline-danger, -.btn-outline-danger:active, -.btn-outline-danger.active, -.btn-outline-danger.dropdown-toggle.show { +.btn-check:checked + .btn-outline-danger, .btn-check:active + .btn-outline-danger, .btn-outline-danger:active, .btn-outline-danger.active, .btn-outline-danger.dropdown-toggle.show { color: #fff; background-color: #ea0606; border-color: #ea0606; } - -.btn-check:checked+.btn-outline-danger:focus, -.btn-check:active+.btn-outline-danger:focus, -.btn-outline-danger:active:focus, -.btn-outline-danger.active:focus, -.btn-outline-danger.dropdown-toggle.show:focus { +.btn-check:checked + .btn-outline-danger:focus, .btn-check:active + .btn-outline-danger:focus, .btn-outline-danger:active:focus, .btn-outline-danger.active:focus, .btn-outline-danger.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.2rem rgba(234, 6, 6, 0.5); } - -.btn-outline-danger:disabled, -.btn-outline-danger.disabled { +.btn-outline-danger:disabled, .btn-outline-danger.disabled { color: #ea0606; background-color: transparent; } @@ -4233,38 +3843,23 @@ fieldset:disabled .btn { color: #e9ecef; border-color: #e9ecef; } - .btn-outline-light:hover { color: #000; background-color: #e9ecef; border-color: #e9ecef; } - -.btn-check:focus+.btn-outline-light, -.btn-outline-light:focus { +.btn-check:focus + .btn-outline-light, .btn-outline-light:focus { box-shadow: 0 0 0 0.2rem rgba(233, 236, 239, 0.5); } - -.btn-check:checked+.btn-outline-light, -.btn-check:active+.btn-outline-light, -.btn-outline-light:active, -.btn-outline-light.active, -.btn-outline-light.dropdown-toggle.show { +.btn-check:checked + .btn-outline-light, .btn-check:active + .btn-outline-light, .btn-outline-light:active, .btn-outline-light.active, .btn-outline-light.dropdown-toggle.show { color: #000; background-color: #e9ecef; border-color: #e9ecef; } - -.btn-check:checked+.btn-outline-light:focus, -.btn-check:active+.btn-outline-light:focus, -.btn-outline-light:active:focus, -.btn-outline-light.active:focus, -.btn-outline-light.dropdown-toggle.show:focus { +.btn-check:checked + .btn-outline-light:focus, .btn-check:active + .btn-outline-light:focus, .btn-outline-light:active:focus, .btn-outline-light.active:focus, .btn-outline-light.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.2rem rgba(233, 236, 239, 0.5); } - -.btn-outline-light:disabled, -.btn-outline-light.disabled { +.btn-outline-light:disabled, .btn-outline-light.disabled { color: #e9ecef; background-color: transparent; } @@ -4273,38 +3868,23 @@ fieldset:disabled .btn { color: #344767; border-color: #344767; } - .btn-outline-dark:hover { color: #fff; background-color: #344767; border-color: #344767; } - -.btn-check:focus+.btn-outline-dark, -.btn-outline-dark:focus { +.btn-check:focus + .btn-outline-dark, .btn-outline-dark:focus { box-shadow: 0 0 0 0.2rem rgba(52, 71, 103, 0.5); } - -.btn-check:checked+.btn-outline-dark, -.btn-check:active+.btn-outline-dark, -.btn-outline-dark:active, -.btn-outline-dark.active, -.btn-outline-dark.dropdown-toggle.show { +.btn-check:checked + .btn-outline-dark, .btn-check:active + .btn-outline-dark, .btn-outline-dark:active, .btn-outline-dark.active, .btn-outline-dark.dropdown-toggle.show { color: #fff; background-color: #344767; border-color: #344767; } - -.btn-check:checked+.btn-outline-dark:focus, -.btn-check:active+.btn-outline-dark:focus, -.btn-outline-dark:active:focus, -.btn-outline-dark.active:focus, -.btn-outline-dark.dropdown-toggle.show:focus { +.btn-check:checked + .btn-outline-dark:focus, .btn-check:active + .btn-outline-dark:focus, .btn-outline-dark:active:focus, .btn-outline-dark.active:focus, .btn-outline-dark.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.2rem rgba(52, 71, 103, 0.5); } - -.btn-outline-dark:disabled, -.btn-outline-dark.disabled { +.btn-outline-dark:disabled, .btn-outline-dark.disabled { color: #344767; background-color: transparent; } @@ -4313,38 +3893,23 @@ fieldset:disabled .btn { color: #fff; border-color: #fff; } - .btn-outline-white:hover { color: #000; background-color: #fff; border-color: #fff; } - -.btn-check:focus+.btn-outline-white, -.btn-outline-white:focus { +.btn-check:focus + .btn-outline-white, .btn-outline-white:focus { box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); } - -.btn-check:checked+.btn-outline-white, -.btn-check:active+.btn-outline-white, -.btn-outline-white:active, -.btn-outline-white.active, -.btn-outline-white.dropdown-toggle.show { +.btn-check:checked + .btn-outline-white, .btn-check:active + .btn-outline-white, .btn-outline-white:active, .btn-outline-white.active, .btn-outline-white.dropdown-toggle.show { color: #000; background-color: #fff; border-color: #fff; } - -.btn-check:checked+.btn-outline-white:focus, -.btn-check:active+.btn-outline-white:focus, -.btn-outline-white:active:focus, -.btn-outline-white.active:focus, -.btn-outline-white.dropdown-toggle.show:focus { +.btn-check:checked + .btn-outline-white:focus, .btn-check:active + .btn-outline-white:focus, .btn-outline-white:active:focus, .btn-outline-white.active:focus, .btn-outline-white.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); } - -.btn-outline-white:disabled, -.btn-outline-white.disabled { +.btn-outline-white:disabled, .btn-outline-white.disabled { color: #fff; background-color: transparent; } @@ -4354,30 +3919,24 @@ fieldset:disabled .btn { color: #cb0c9f; text-decoration: none; } - .btn-link:hover { color: #830866; text-decoration: none; } - .btn-link:focus { text-decoration: none; } - -.btn-link:disabled, -.btn-link.disabled { +.btn-link:disabled, .btn-link.disabled { color: #6c757d; } -.btn-lg, -.btn-group-lg>.btn { +.btn-lg, .btn-group-lg > .btn { padding: 0.875rem 4rem; font-size: 0.875rem; border-radius: 0.5rem; } -.btn-sm, -.btn-group-sm>.btn { +.btn-sm, .btn-group-sm > .btn { padding: 0.5rem 2rem; font-size: 0.75rem; border-radius: 0.5rem; @@ -4386,13 +3945,11 @@ fieldset:disabled .btn { .fade { transition: opacity 0.15s linear; } - @media (prefers-reduced-motion: reduce) { .fade { transition: none; } } - .fade:not(.show) { opacity: 0; } @@ -4406,19 +3963,16 @@ fieldset:disabled .btn { 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; @@ -4435,7 +3989,6 @@ fieldset:disabled .btn { .dropdown-toggle { white-space: nowrap; } - .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; @@ -4446,7 +3999,6 @@ fieldset:disabled .btn { border-bottom: 0; border-left: 0.3em solid transparent; } - .dropdown-toggle:empty::after { margin-left: 0; } @@ -4467,7 +4019,6 @@ fieldset:disabled .btn { border: 0 solid transparent; border-radius: 0.5rem; } - .dropdown-menu[data-bs-popper] { top: 100%; left: 0; @@ -4477,7 +4028,6 @@ fieldset:disabled .btn { .dropdown-menu-start { --bs-position: start; } - .dropdown-menu-start[data-bs-popper] { right: auto; left: 0; @@ -4486,7 +4036,6 @@ fieldset:disabled .btn { .dropdown-menu-end { --bs-position: end; } - .dropdown-menu-end[data-bs-popper] { right: 0; left: auto; @@ -4496,7 +4045,6 @@ fieldset:disabled .btn { .dropdown-menu-sm-start { --bs-position: start; } - .dropdown-menu-sm-start[data-bs-popper] { right: auto; left: 0; @@ -4505,18 +4053,15 @@ fieldset:disabled .btn { .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; @@ -4525,18 +4070,15 @@ fieldset:disabled .btn { .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; @@ -4545,18 +4087,15 @@ fieldset:disabled .btn { .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; @@ -4565,18 +4104,15 @@ fieldset:disabled .btn { .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; @@ -4585,20 +4121,17 @@ fieldset:disabled .btn { .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: 1.625rem; } - .dropup .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; @@ -4609,7 +4142,6 @@ fieldset:disabled .btn { border-bottom: 0.3em solid; border-left: 0.3em solid transparent; } - .dropup .dropdown-toggle:empty::after { margin-left: 0; } @@ -4621,7 +4153,6 @@ fieldset:disabled .btn { margin-top: 0; margin-left: 1.625rem; } - .dropend .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; @@ -4632,11 +4163,9 @@ fieldset:disabled .btn { border-bottom: 0.3em solid transparent; border-left: 0.3em solid; } - .dropend .dropdown-toggle:empty::after { margin-left: 0; } - .dropend .dropdown-toggle::after { vertical-align: 0; } @@ -4648,18 +4177,15 @@ fieldset:disabled .btn { margin-top: 0; margin-right: 1.625rem; } - .dropstart .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; } - .dropstart .dropdown-toggle::after { display: none; } - .dropstart .dropdown-toggle::before { display: inline-block; margin-right: 0.255em; @@ -4669,11 +4195,9 @@ fieldset:disabled .btn { border-right: 0.3em solid; border-bottom: 0.3em solid transparent; } - .dropstart .dropdown-toggle:empty::after { margin-left: 0; } - .dropstart .dropdown-toggle::before { vertical-align: 0; } @@ -4697,22 +4221,16 @@ fieldset:disabled .btn { background-color: transparent; border: 0; } - -.dropdown-item:hover, -.dropdown-item:focus { +.dropdown-item:hover, .dropdown-item:focus { color: #344767; background-color: #e9ecef; } - -.dropdown-item.active, -.dropdown-item:active { +.dropdown-item.active, .dropdown-item:active { color: #67748e; text-decoration: none; background-color: transparent; } - -.dropdown-item.disabled, -.dropdown-item:disabled { +.dropdown-item.disabled, .dropdown-item:disabled { color: #6c757d; pointer-events: none; background-color: transparent; @@ -4742,36 +4260,26 @@ fieldset:disabled .btn { background-color: #343a40; border-color: transparent; } - .dropdown-menu-dark .dropdown-item { color: #dee2e6; } - -.dropdown-menu-dark .dropdown-item:hover, -.dropdown-menu-dark .dropdown-item:focus { +.dropdown-menu-dark .dropdown-item:hover, .dropdown-menu-dark .dropdown-item:focus { color: #fff; background-color: rgba(255, 255, 255, 0.15); } - -.dropdown-menu-dark .dropdown-item.active, -.dropdown-menu-dark .dropdown-item:active { +.dropdown-menu-dark .dropdown-item.active, .dropdown-menu-dark .dropdown-item:active { color: #67748e; background-color: transparent; } - -.dropdown-menu-dark .dropdown-item.disabled, -.dropdown-menu-dark .dropdown-item:disabled { +.dropdown-menu-dark .dropdown-item.disabled, .dropdown-menu-dark .dropdown-item:disabled { color: #adb5bd; } - .dropdown-menu-dark .dropdown-divider { border-color: transparent; } - .dropdown-menu-dark .dropdown-item-text { color: #dee2e6; } - .dropdown-menu-dark .dropdown-header { color: #adb5bd; } @@ -4782,25 +4290,23 @@ fieldset:disabled .btn { display: inline-flex; vertical-align: middle; } - -.btn-group>.btn, -.btn-group-vertical>.btn { +.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 { +.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; } @@ -4809,25 +4315,22 @@ fieldset:disabled .btn { flex-wrap: wrap; justify-content: flex-start; } - .btn-toolbar .input-group { width: auto; } -.btn-group>.btn:not(:first-child), -.btn-group>.btn-group:not(:first-child) { +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) { margin-left: -1px; } - -.btn-group>.btn:not(:last-child):not(.dropdown-toggle), -.btn-group>.btn-group:not(:last-child)>.btn { +.btn-group > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group > .btn-group:not(:last-child) > .btn { border-top-right-radius: 0; border-bottom-right-radius: 0; } - -.btn-group>.btn:nth-child(n + 3), -.btn-group> :not(.btn-check)+.btn, -.btn-group>.btn-group:not(:first-child)>.btn { +.btn-group > .btn:nth-child(n+3), +.btn-group > :not(.btn-check) + .btn, +.btn-group > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; } @@ -4836,25 +4339,19 @@ fieldset:disabled .btn { padding-right: 1.125rem; padding-left: 1.125rem; } - -.dropdown-toggle-split::after, -.dropup .dropdown-toggle-split::after, -.dropend .dropdown-toggle-split::after { +.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 { +.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { padding-right: 1.5rem; padding-left: 1.5rem; } -.btn-lg+.dropdown-toggle-split, -.btn-group-lg>.btn+.dropdown-toggle-split { +.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { padding-right: 3rem; padding-left: 3rem; } @@ -4864,25 +4361,21 @@ fieldset:disabled .btn { align-items: flex-start; justify-content: center; } - -.btn-group-vertical>.btn, -.btn-group-vertical>.btn-group { +.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) { +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) { margin-top: -1px; } - -.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle), -.btn-group-vertical>.btn-group:not(:last-child)>.btn { +.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 { +.btn-group-vertical > .btn ~ .btn, +.btn-group-vertical > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-top-right-radius: 0; } @@ -4901,18 +4394,14 @@ fieldset:disabled .btn { color: #cb0c9f; 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 { +.nav-link:hover, .nav-link:focus { color: #830866; } - .nav-link.disabled { color: #6c757d; pointer-events: none; @@ -4922,7 +4411,6 @@ fieldset:disabled .btn { .nav-tabs { border-bottom: 1px solid #dee2e6; } - .nav-tabs .nav-link { margin-bottom: -1px; background: none; @@ -4930,26 +4418,21 @@ fieldset:disabled .btn { border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; } - -.nav-tabs .nav-link:hover, -.nav-tabs .nav-link:focus { +.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { border-color: #e9ecef #e9ecef #dee2e6; isolation: isolate; } - .nav-tabs .nav-link.disabled { color: #6c757d; background-color: transparent; border-color: transparent; } - .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: #495057; background-color: #fff; border-color: #dee2e6 #dee2e6 #fff; } - .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; @@ -4961,20 +4444,19 @@ fieldset:disabled .btn { border: 0; border-radius: 0.75rem; } - .nav-pills .nav-link.active, -.nav-pills .show>.nav-link { +.nav-pills .show > .nav-link { color: #344767; background-color: #fff; } -.nav-fill>.nav-link, +.nav-fill > .nav-link, .nav-fill .nav-item { flex: 1 1 auto; text-align: center; } -.nav-justified>.nav-link, +.nav-justified > .nav-link, .nav-justified .nav-item { flex-basis: 0; flex-grow: 1; @@ -4986,11 +4468,10 @@ fieldset:disabled .btn { width: 100%; } -.tab-content>.tab-pane { +.tab-content > .tab-pane { display: none; } - -.tab-content>.active { +.tab-content > .active { display: block; } @@ -5005,20 +4486,18 @@ fieldset:disabled .btn { padding-bottom: 0.5rem; padding-left: 1rem; } - -.navbar>.container, -.navbar>.container-fluid, -.navbar>.container-sm, -.navbar>.container-md, -.navbar>.container-lg, -.navbar>.container-xl, -.navbar>.container-xxl { +.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: 0.59375rem; padding-bottom: 0.59375rem; @@ -5026,7 +4505,6 @@ fieldset:disabled .btn { font-size: 0.875rem; white-space: nowrap; } - .navbar-nav { display: flex; flex-direction: column; @@ -5034,12 +4512,10 @@ fieldset:disabled .btn { margin-bottom: 0; list-style: none; } - .navbar-nav .nav-link { padding-right: 0; padding-left: 0; } - .navbar-nav .dropdown-menu { position: static; } @@ -5064,17 +4540,14 @@ fieldset:disabled .btn { border-radius: 0.5rem; transition: box-shadow 0.15s ease-in-out; } - @media (prefers-reduced-motion: reduce) { .navbar-toggler { transition: none; } } - .navbar-toggler:hover { text-decoration: none; } - .navbar-toggler:focus { text-decoration: none; outline: 0; @@ -5101,37 +4574,29 @@ fieldset:disabled .btn { 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: 0.5rem; padding-left: 0.5rem; } - .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-header { display: none; } - .navbar-expand-sm .offcanvas { position: inherit; bottom: 0; @@ -5144,14 +4609,12 @@ fieldset:disabled .btn { transition: none; transform: none; } - .navbar-expand-sm .offcanvas-top, - .navbar-expand-sm .offcanvas-bottom { +.navbar-expand-sm .offcanvas-bottom { height: auto; border-top: 0; border-bottom: 0; } - .navbar-expand-sm .offcanvas-body { display: flex; flex-grow: 0; @@ -5159,43 +4622,34 @@ fieldset:disabled .btn { 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: 0.5rem; padding-left: 0.5rem; } - .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-header { display: none; } - .navbar-expand-md .offcanvas { position: inherit; bottom: 0; @@ -5208,14 +4662,12 @@ fieldset:disabled .btn { transition: none; transform: none; } - .navbar-expand-md .offcanvas-top, - .navbar-expand-md .offcanvas-bottom { +.navbar-expand-md .offcanvas-bottom { height: auto; border-top: 0; border-bottom: 0; } - .navbar-expand-md .offcanvas-body { display: flex; flex-grow: 0; @@ -5223,43 +4675,34 @@ fieldset:disabled .btn { 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: 0.5rem; padding-left: 0.5rem; } - .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-header { display: none; } - .navbar-expand-lg .offcanvas { position: inherit; bottom: 0; @@ -5272,14 +4715,12 @@ fieldset:disabled .btn { transition: none; transform: none; } - .navbar-expand-lg .offcanvas-top, - .navbar-expand-lg .offcanvas-bottom { +.navbar-expand-lg .offcanvas-bottom { height: auto; border-top: 0; border-bottom: 0; } - .navbar-expand-lg .offcanvas-body { display: flex; flex-grow: 0; @@ -5287,43 +4728,34 @@ fieldset:disabled .btn { 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: 0.5rem; padding-left: 0.5rem; } - .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-header { display: none; } - .navbar-expand-xl .offcanvas { position: inherit; bottom: 0; @@ -5336,14 +4768,12 @@ fieldset:disabled .btn { transition: none; transform: none; } - .navbar-expand-xl .offcanvas-top, - .navbar-expand-xl .offcanvas-bottom { +.navbar-expand-xl .offcanvas-bottom { height: auto; border-top: 0; border-bottom: 0; } - .navbar-expand-xl .offcanvas-body { display: flex; flex-grow: 0; @@ -5351,43 +4781,34 @@ fieldset:disabled .btn { 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: 0.5rem; padding-left: 0.5rem; } - .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-header { display: none; } - .navbar-expand-xxl .offcanvas { position: inherit; bottom: 0; @@ -5400,14 +4821,12 @@ fieldset:disabled .btn { transition: none; transform: none; } - .navbar-expand-xxl .offcanvas-top, - .navbar-expand-xxl .offcanvas-bottom { +.navbar-expand-xxl .offcanvas-bottom { height: auto; border-top: 0; border-bottom: 0; } - .navbar-expand-xxl .offcanvas-body { display: flex; flex-grow: 0; @@ -5415,42 +4834,33 @@ fieldset:disabled .btn { 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: 0.5rem; padding-left: 0.5rem; } - .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-header { display: none; } - .navbar-expand .offcanvas { position: inherit; bottom: 0; @@ -5463,14 +4873,12 @@ fieldset:disabled .btn { transition: none; transform: none; } - .navbar-expand .offcanvas-top, .navbar-expand .offcanvas-bottom { height: auto; border-top: 0; border-bottom: 0; } - .navbar-expand .offcanvas-body { display: flex; flex-grow: 0; @@ -5481,43 +4889,32 @@ fieldset:disabled .btn { .navbar-light .navbar-brand { color: rgba(52, 71, 103, 0.9); } - -.navbar-light .navbar-brand:hover, -.navbar-light .navbar-brand:focus { +.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { color: rgba(52, 71, 103, 0.9); } - .navbar-light .navbar-nav .nav-link { color: #344767; } - -.navbar-light .navbar-nav .nav-link:hover, -.navbar-light .navbar-nav .nav-link:focus { +.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { color: rgba(52, 71, 103, 0.7); } - .navbar-light .navbar-nav .nav-link.disabled { color: rgba(52, 71, 103, 0.3); } - -.navbar-light .navbar-nav .show>.nav-link, +.navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .nav-link.active { color: rgba(52, 71, 103, 0.9); } - .navbar-light .navbar-toggler { color: #344767; border-color: rgba(52, 71, 103, 0.1); } - .navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23344767' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } - .navbar-light .navbar-text { color: #344767; } - .navbar-light .navbar-text a, .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { @@ -5527,43 +4924,32 @@ fieldset:disabled .btn { .navbar-dark .navbar-brand { color: #fff; } - -.navbar-dark .navbar-brand:hover, -.navbar-dark .navbar-brand:focus { +.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { color: #fff; } - .navbar-dark .navbar-nav .nav-link { color: rgba(255, 255, 255, 0.85); } - -.navbar-dark .navbar-nav .nav-link:hover, -.navbar-dark .navbar-nav .nav-link:focus { +.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { color: rgba(255, 255, 255, 0.75); } - .navbar-dark .navbar-nav .nav-link.disabled { color: rgba(255, 255, 255, 0.25); } - -.navbar-dark .navbar-nav .show>.nav-link, +.navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .nav-link.active { color: #fff; } - .navbar-dark .navbar-toggler { color: rgba(255, 255, 255, 0.85); border-color: rgba(255, 255, 255, 0.1); } - .navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.85%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } - .navbar-dark .navbar-text { color: rgba(255, 255, 255, 0.85); } - .navbar-dark .navbar-text a, .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { @@ -5581,31 +4967,26 @@ fieldset:disabled .btn { border: 0 solid rgba(0, 0, 0, 0.125); border-radius: 1rem; } - -.card>hr { +.card > hr { margin-right: 0; margin-left: 0; } - -.card>.list-group { +.card > .list-group { border-top: inherit; border-bottom: inherit; } - -.card>.list-group:first-child { +.card > .list-group:first-child { border-top-width: 0; border-top-left-radius: 1rem; border-top-right-radius: 1rem; } - -.card>.list-group:last-child { +.card > .list-group:last-child { border-bottom-width: 0; border-bottom-right-radius: 1rem; border-bottom-left-radius: 1rem; } - -.card>.card-header+.list-group, -.card>.list-group+.card-footer { +.card > .card-header + .list-group, +.card > .list-group + .card-footer { border-top: 0; } @@ -5627,7 +5008,7 @@ fieldset:disabled .btn { margin-bottom: 0; } -.card-link+.card-link { +.card-link + .card-link { margin-left: 1rem; } @@ -5637,7 +5018,6 @@ fieldset:disabled .btn { background-color: #fff; border-bottom: 0 solid rgba(0, 0, 0, 0.125); } - .card-header:first-child { border-radius: 1rem 1rem 0 0; } @@ -5647,7 +5027,6 @@ fieldset:disabled .btn { background-color: #fff; border-top: 0 solid rgba(0, 0, 0, 0.125); } - .card-footer:last-child { border-radius: 0 0 1rem 1rem; } @@ -5692,53 +5071,44 @@ fieldset:disabled .btn { border-bottom-left-radius: 1rem; } -.card-group>.card { +.card-group > .card { margin-bottom: 0.75rem; } - @media (min-width: 576px) { .card-group { display: flex; flex-flow: row wrap; } - - .card-group>.card { + .card-group > .card { flex: 1 0 0%; margin-bottom: 0; } - - .card-group>.card+.card { + .card-group > .card + .card { margin-left: 0; border-left: 0; } - - .card-group>.card:not(:last-child) { + .card-group > .card:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } - - .card-group>.card:not(:last-child) .card-img-top, - .card-group>.card:not(:last-child) .card-header { + .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 { + .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) { + .card-group > .card:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } - - .card-group>.card:not(:first-child) .card-img-top, - .card-group>.card:not(:first-child) .card-header { + .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 { + .card-group > .card:not(:first-child) .card-img-bottom, +.card-group > .card:not(:first-child) .card-footer { border-bottom-left-radius: 0; } } @@ -5758,24 +5128,20 @@ fieldset:disabled .btn { overflow-anchor: none; transition: all 0.15s ease-in, border-radius 0.15s ease; } - @media (prefers-reduced-motion: reduce) { .accordion-button { transition: none; } } - .accordion-button:not(.collapsed) { color: #344767; background-color: transparent; box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.125); } - .accordion-button:not(.collapsed)::after { background-image: none; transform: rotate(180deg); } - .accordion-button::after { flex-shrink: 0; width: 1rem; @@ -5787,17 +5153,14 @@ fieldset:disabled .btn { background-size: 1rem; transition: transform 0.2s ease-in-out; } - @media (prefers-reduced-motion: reduce) { .accordion-button::after { transition: none; } } - .accordion-button:hover { z-index: 2; } - .accordion-button:focus { z-index: 3; border-color: #e293d3; @@ -5813,31 +5176,25 @@ fieldset:disabled .btn { background-color: transparent; border: 0 solid rgba(0, 0, 0, 0.125); } - .accordion-item:first-of-type { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } - .accordion-item:first-of-type .accordion-button { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } - .accordion-item:not(:first-of-type) { border-top: 0; } - .accordion-item:last-of-type { border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } - .accordion-item:last-of-type .accordion-button.collapsed { border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } - .accordion-item:last-of-type .accordion-collapse { border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; @@ -5850,21 +5207,17 @@ fieldset:disabled .btn { .accordion-flush .accordion-collapse { border-width: 0; } - .accordion-flush .accordion-item { border-right: 0; border-left: 0; border-radius: 0; } - .accordion-flush .accordion-item:first-child { border-top: 0; } - .accordion-flush .accordion-item:last-child { border-bottom: 0; } - .accordion-flush .accordion-item .accordion-button { border-radius: 0; } @@ -5879,19 +5232,15 @@ fieldset:disabled .btn { border-radius: 0.5rem; } -.breadcrumb-item+.breadcrumb-item { +.breadcrumb-item + .breadcrumb-item { padding-left: 0.5rem; } - -.breadcrumb-item+.breadcrumb-item::before { +.breadcrumb-item + .breadcrumb-item::before { float: left; padding-right: 0.5rem; color: #6c757d; - content: var(--bs-breadcrumb-divider, "/") - /* rtl: var(--bs-breadcrumb-divider, "/") */ - ; + content: var(--bs-breadcrumb-divider, "/") /* rtl: var(--bs-breadcrumb-divider, "/") */; } - .breadcrumb-item.active { color: #6c757d; } @@ -5910,20 +5259,17 @@ fieldset:disabled .btn { border: 1px solid #dee2e6; 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: #830866; background-color: #e9ecef; border-color: #dee2e6; } - .page-link:focus { z-index: 3; color: #830866; @@ -5935,14 +5281,12 @@ fieldset:disabled .btn { .page-item:not(:first-child) .page-link { margin-left: -1px; } - .page-item.active .page-link { z-index: 3; color: #fff; background-color: #cb0c9f; border-color: #cb0c9f; } - .page-item.disabled .page-link { color: #6c757d; pointer-events: none; @@ -5958,7 +5302,6 @@ fieldset:disabled .btn { border-top-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem; } - .page-item:last-child .page-link { border-top-right-radius: 0.5rem; border-bottom-right-radius: 0.5rem; @@ -5968,12 +5311,10 @@ fieldset:disabled .btn { padding: 0.75rem 1.5rem; font-size: 1.125rem; } - .pagination-lg .page-item:first-child .page-link { border-top-left-radius: 0.75rem; border-bottom-left-radius: 0.75rem; } - .pagination-lg .page-item:last-child .page-link { border-top-right-radius: 0.75rem; border-bottom-right-radius: 0.75rem; @@ -5983,12 +5324,10 @@ fieldset:disabled .btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; } - .pagination-sm .page-item:first-child .page-link { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } - .pagination-sm .page-item:last-child .page-link { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; @@ -6006,7 +5345,6 @@ fieldset:disabled .btn { vertical-align: baseline; border-radius: 0.45rem; } - .badge:empty { display: none; } @@ -6035,7 +5373,6 @@ fieldset:disabled .btn { .alert-dismissible { padding-right: 3rem; } - .alert-dismissible .btn-close { position: absolute; top: 0; @@ -6049,7 +5386,6 @@ fieldset:disabled .btn { background-color: #f5ceec; border-color: #efb6e2; } - .alert-primary .alert-link { color: #62064c; } @@ -6059,7 +5395,6 @@ fieldset:disabled .btn { background-color: #e6e9ee; border-color: #dadee6; } - .alert-secondary .alert-link { color: #3f4652; } @@ -6069,7 +5404,6 @@ fieldset:disabled .btn { background-color: #e6f7d0; border-color: #daf3b9; } - .alert-success .alert-link { color: #2a4507; } @@ -6079,7 +5413,6 @@ fieldset:disabled .btn { background-color: #d1f3fa; border-color: #b9ecf8; } - .alert-info .alert-link { color: #0b5d6f; } @@ -6089,7 +5422,6 @@ fieldset:disabled .btn { background-color: #fef5d6; border-color: #fef1c2; } - .alert-warning .alert-link { color: #504210; } @@ -6099,7 +5431,6 @@ fieldset:disabled .btn { background-color: #fbcdcd; border-color: #f9b4b4; } - .alert-danger .alert-link { color: #700303; } @@ -6109,7 +5440,6 @@ fieldset:disabled .btn { background-color: #fbfbfc; border-color: #f8f9fa; } - .alert-light .alert-link { color: #4a4b4d; } @@ -6119,7 +5449,6 @@ fieldset:disabled .btn { background-color: #d6dae1; border-color: #c2c8d1; } - .alert-dark .alert-link { color: #192232; } @@ -6129,17 +5458,21 @@ fieldset:disabled .btn { background-color: white; border-color: white; } - .alert-white .alert-link { color: #525252; } -@keyframes progress-bar-stripes { +@-webkit-keyframes progress-bar-stripes { 0% { background-position-x: 3px; } } +@keyframes progress-bar-stripes { + 0% { + background-position-x: 3px; + } +} .progress { display: flex; height: 3px; @@ -6160,7 +5493,6 @@ fieldset:disabled .btn { background-color: #cb0c9f; transition: width 0.6s ease; } - @media (prefers-reduced-motion: reduce) { .progress-bar { transition: none; @@ -6173,12 +5505,13 @@ fieldset:disabled .btn { } .progress-bar-animated { - animation: 1s linear infinite progress-bar-stripes; + -webkit-animation: 1s linear infinite progress-bar-stripes; + animation: 1s linear infinite progress-bar-stripes; } - @media (prefers-reduced-motion: reduce) { .progress-bar-animated { - animation: none; + -webkit-animation: none; + animation: none; } } @@ -6194,8 +5527,7 @@ fieldset:disabled .btn { list-style-type: none; counter-reset: section; } - -.list-group-numbered>li::before { +.list-group-numbered > li::before { content: counters(section, ".") ". "; counter-increment: section; } @@ -6205,15 +5537,12 @@ fieldset:disabled .btn { color: #495057; text-align: inherit; } - -.list-group-item-action:hover, -.list-group-item-action:focus { +.list-group-item-action:hover, .list-group-item-action:focus { z-index: 1; color: #495057; text-decoration: none; background-color: #f8f9fa; } - .list-group-item-action:active { color: #67748e; background-color: #e9ecef; @@ -6227,36 +5556,29 @@ fieldset:disabled .btn { background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.125); } - .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 { +.list-group-item.disabled, .list-group-item:disabled { color: #6c757d; pointer-events: none; background-color: #fff; } - .list-group-item.active { z-index: 2; color: #fff; background-color: #cb0c9f; border-color: #cb0c9f; } - -.list-group-item+.list-group-item { +.list-group-item + .list-group-item { border-top-width: 0; } - -.list-group-item+.list-group-item.active { +.list-group-item + .list-group-item.active { margin-top: -1px; border-top-width: 1px; } @@ -6264,27 +5586,22 @@ fieldset:disabled .btn { .list-group-horizontal { flex-direction: row; } - -.list-group-horizontal>.list-group-item:first-child { +.list-group-horizontal > .list-group-item:first-child { border-bottom-left-radius: 0.5rem; border-top-right-radius: 0; } - -.list-group-horizontal>.list-group-item:last-child { +.list-group-horizontal > .list-group-item:last-child { border-top-right-radius: 0.5rem; border-bottom-left-radius: 0; } - -.list-group-horizontal>.list-group-item.active { +.list-group-horizontal > .list-group-item.active { margin-top: 0; } - -.list-group-horizontal>.list-group-item+.list-group-item { +.list-group-horizontal > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } - -.list-group-horizontal>.list-group-item+.list-group-item.active { +.list-group-horizontal > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } @@ -6293,161 +5610,129 @@ fieldset:disabled .btn { .list-group-horizontal-sm { flex-direction: row; } - - .list-group-horizontal-sm>.list-group-item:first-child { + .list-group-horizontal-sm > .list-group-item:first-child { border-bottom-left-radius: 0.5rem; border-top-right-radius: 0; } - - .list-group-horizontal-sm>.list-group-item:last-child { + .list-group-horizontal-sm > .list-group-item:last-child { border-top-right-radius: 0.5rem; border-bottom-left-radius: 0; } - - .list-group-horizontal-sm>.list-group-item.active { + .list-group-horizontal-sm > .list-group-item.active { margin-top: 0; } - - .list-group-horizontal-sm>.list-group-item+.list-group-item { + .list-group-horizontal-sm > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } - - .list-group-horizontal-sm>.list-group-item+.list-group-item.active { + .list-group-horizontal-sm > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } - @media (min-width: 768px) { .list-group-horizontal-md { flex-direction: row; } - - .list-group-horizontal-md>.list-group-item:first-child { + .list-group-horizontal-md > .list-group-item:first-child { border-bottom-left-radius: 0.5rem; border-top-right-radius: 0; } - - .list-group-horizontal-md>.list-group-item:last-child { + .list-group-horizontal-md > .list-group-item:last-child { border-top-right-radius: 0.5rem; border-bottom-left-radius: 0; } - - .list-group-horizontal-md>.list-group-item.active { + .list-group-horizontal-md > .list-group-item.active { margin-top: 0; } - - .list-group-horizontal-md>.list-group-item+.list-group-item { + .list-group-horizontal-md > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } - - .list-group-horizontal-md>.list-group-item+.list-group-item.active { + .list-group-horizontal-md > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } - @media (min-width: 992px) { .list-group-horizontal-lg { flex-direction: row; } - - .list-group-horizontal-lg>.list-group-item:first-child { + .list-group-horizontal-lg > .list-group-item:first-child { border-bottom-left-radius: 0.5rem; border-top-right-radius: 0; } - - .list-group-horizontal-lg>.list-group-item:last-child { + .list-group-horizontal-lg > .list-group-item:last-child { border-top-right-radius: 0.5rem; border-bottom-left-radius: 0; } - - .list-group-horizontal-lg>.list-group-item.active { + .list-group-horizontal-lg > .list-group-item.active { margin-top: 0; } - - .list-group-horizontal-lg>.list-group-item+.list-group-item { + .list-group-horizontal-lg > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } - - .list-group-horizontal-lg>.list-group-item+.list-group-item.active { + .list-group-horizontal-lg > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } - @media (min-width: 1200px) { .list-group-horizontal-xl { flex-direction: row; } - - .list-group-horizontal-xl>.list-group-item:first-child { + .list-group-horizontal-xl > .list-group-item:first-child { border-bottom-left-radius: 0.5rem; border-top-right-radius: 0; } - - .list-group-horizontal-xl>.list-group-item:last-child { + .list-group-horizontal-xl > .list-group-item:last-child { border-top-right-radius: 0.5rem; border-bottom-left-radius: 0; } - - .list-group-horizontal-xl>.list-group-item.active { + .list-group-horizontal-xl > .list-group-item.active { margin-top: 0; } - - .list-group-horizontal-xl>.list-group-item+.list-group-item { + .list-group-horizontal-xl > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } - - .list-group-horizontal-xl>.list-group-item+.list-group-item.active { + .list-group-horizontal-xl > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } - @media (min-width: 1400px) { .list-group-horizontal-xxl { flex-direction: row; } - - .list-group-horizontal-xxl>.list-group-item:first-child { + .list-group-horizontal-xxl > .list-group-item:first-child { border-bottom-left-radius: 0.5rem; border-top-right-radius: 0; } - - .list-group-horizontal-xxl>.list-group-item:last-child { + .list-group-horizontal-xxl > .list-group-item:last-child { border-top-right-radius: 0.5rem; border-bottom-left-radius: 0; } - - .list-group-horizontal-xxl>.list-group-item.active { + .list-group-horizontal-xxl > .list-group-item.active { margin-top: 0; } - - .list-group-horizontal-xxl>.list-group-item+.list-group-item { + .list-group-horizontal-xxl > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } - - .list-group-horizontal-xxl>.list-group-item+.list-group-item.active { + .list-group-horizontal-xxl > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } - .list-group-flush { border-radius: 0; } - -.list-group-flush>.list-group-item { +.list-group-flush > .list-group-item { border-width: 0 0 1px; } - -.list-group-flush>.list-group-item:last-child { +.list-group-flush > .list-group-item:last-child { border-bottom-width: 0; } @@ -6455,13 +5740,10 @@ fieldset:disabled .btn { color: #7a075f; background-color: #f5ceec; } - -.list-group-item-primary.list-group-item-action:hover, -.list-group-item-primary.list-group-item-action:focus { +.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { color: #7a075f; background-color: #ddb9d4; } - .list-group-item-primary.list-group-item-action.active { color: #fff; background-color: #7a075f; @@ -6472,13 +5754,10 @@ fieldset:disabled .btn { color: #4f5867; background-color: #e6e9ee; } - -.list-group-item-secondary.list-group-item-action:hover, -.list-group-item-secondary.list-group-item-action:focus { +.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { color: #4f5867; background-color: #cfd2d6; } - .list-group-item-secondary.list-group-item-action.active { color: #fff; background-color: #4f5867; @@ -6489,13 +5768,10 @@ fieldset:disabled .btn { color: #345609; background-color: #e6f7d0; } - -.list-group-item-success.list-group-item-action:hover, -.list-group-item-success.list-group-item-action:focus { +.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { color: #345609; background-color: #cfdebb; } - .list-group-item-success.list-group-item-action.active { color: #fff; background-color: #345609; @@ -6506,13 +5782,10 @@ fieldset:disabled .btn { color: #0e748b; background-color: #d1f3fa; } - -.list-group-item-info.list-group-item-action:hover, -.list-group-item-info.list-group-item-action:focus { +.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { color: #0e748b; background-color: #bcdbe1; } - .list-group-item-info.list-group-item-action.active { color: #fff; background-color: #0e748b; @@ -6523,13 +5796,10 @@ fieldset:disabled .btn { color: #645314; background-color: #fef5d6; } - -.list-group-item-warning.list-group-item-action:hover, -.list-group-item-warning.list-group-item-action:focus { +.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { color: #645314; background-color: #e5ddc1; } - .list-group-item-warning.list-group-item-action.active { color: #fff; background-color: #645314; @@ -6540,13 +5810,10 @@ fieldset:disabled .btn { color: #8c0404; background-color: #fbcdcd; } - -.list-group-item-danger.list-group-item-action:hover, -.list-group-item-danger.list-group-item-action:focus { +.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { color: #8c0404; background-color: #e2b9b9; } - .list-group-item-danger.list-group-item-action.active { color: #fff; background-color: #8c0404; @@ -6557,13 +5824,10 @@ fieldset:disabled .btn { color: #5d5e60; background-color: #fbfbfc; } - -.list-group-item-light.list-group-item-action:hover, -.list-group-item-light.list-group-item-action:focus { +.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { color: #5d5e60; background-color: #e2e2e3; } - .list-group-item-light.list-group-item-action.active { color: #fff; background-color: #5d5e60; @@ -6574,13 +5838,10 @@ fieldset:disabled .btn { color: #1f2b3e; background-color: #d6dae1; } - -.list-group-item-dark.list-group-item-action:hover, -.list-group-item-dark.list-group-item-action:focus { +.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { color: #1f2b3e; background-color: #c1c4cb; } - .list-group-item-dark.list-group-item-action.active { color: #fff; background-color: #1f2b3e; @@ -6591,13 +5852,10 @@ fieldset:disabled .btn { color: #666666; background-color: white; } - -.list-group-item-white.list-group-item-action:hover, -.list-group-item-white.list-group-item-action:focus { +.list-group-item-white.list-group-item-action:hover, .list-group-item-white.list-group-item-action:focus { color: #666666; background-color: #e6e6e6; } - .list-group-item-white.list-group-item-action.active { color: #fff; background-color: #666666; @@ -6615,23 +5873,22 @@ fieldset:disabled .btn { border-radius: 0.25rem; opacity: 0.5; } - .btn-close:hover { color: #fff; text-decoration: none; opacity: 0.75; } - .btn-close:focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(203, 12, 159, 0.25); opacity: 1; } - -.btn-close:disabled, -.btn-close.disabled { +.btn-close:disabled, .btn-close.disabled { pointer-events: none; - user-select: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; opacity: 0.25; } @@ -6650,22 +5907,21 @@ fieldset:disabled .btn { box-shadow: 0 0.3125rem 0.625rem 0 rgba(0, 0, 0, 0.12); border-radius: 0.5rem; } - .toast.showing { opacity: 0; } - .toast:not(.show) { display: none; } .toast-container { + width: -webkit-max-content; + width: -moz-max-content; width: max-content; max-width: 100%; pointer-events: none; } - -.toast-container> :not(:last-child) { +.toast-container > :not(:last-child) { margin-bottom: 1.5rem; } @@ -6680,7 +5936,6 @@ fieldset:disabled .btn { border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; } - .toast-header .btn-close { margin-right: -0.375rem; margin-left: 0.75rem; @@ -6710,22 +5965,18 @@ fieldset:disabled .btn { margin: 0.5rem; pointer-events: none; } - .modal.fade .modal-dialog { transition: transform 0.3s ease-out; transform: translate(0, -50px); } - @media (prefers-reduced-motion: reduce) { .modal.fade .modal-dialog { transition: none; } } - .modal.show .modal-dialog { transform: none; } - .modal.modal-static .modal-dialog { transform: scale(1.02); } @@ -6733,12 +5984,10 @@ fieldset:disabled .btn { .modal-dialog-scrollable { height: calc(100% - 1rem); } - .modal-dialog-scrollable .modal-content { max-height: 100%; overflow: hidden; } - .modal-dialog-scrollable .modal-body { overflow-y: auto; } @@ -6771,11 +6020,9 @@ fieldset:disabled .btn { height: 100vh; background-color: #000; } - .modal-backdrop.fade { opacity: 0; } - .modal-backdrop.show { opacity: 0.5; } @@ -6790,7 +6037,6 @@ fieldset:disabled .btn { border-top-left-radius: calc(0.75rem - 1px); border-top-right-radius: calc(0.75rem - 1px); } - .modal-header .btn-close { padding: 0.5rem 0.5rem; margin: -0.5rem -0.5rem -0.5rem auto; @@ -6818,8 +6064,7 @@ fieldset:disabled .btn { border-bottom-right-radius: calc(0.75rem - 1px); border-bottom-left-radius: calc(0.75rem - 1px); } - -.modal-footer>* { +.modal-footer > * { margin: 0.25rem; } @@ -6841,42 +6086,34 @@ fieldset:disabled .btn { max-width: 300px; } } - @media (min-width: 992px) { - .modal-lg, - .modal-xl { +.modal-xl { max-width: 800px; } } - @media (min-width: 1200px) { .modal-xl { max-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 { border-radius: 0; } - .modal-fullscreen .modal-body { overflow-y: auto; } - .modal-fullscreen .modal-footer { border-radius: 0; } @@ -6888,26 +6125,21 @@ fieldset:disabled .btn { height: 100%; margin: 0; } - .modal-fullscreen-sm-down .modal-content { height: 100%; border: 0; border-radius: 0; } - .modal-fullscreen-sm-down .modal-header { border-radius: 0; } - .modal-fullscreen-sm-down .modal-body { overflow-y: auto; } - .modal-fullscreen-sm-down .modal-footer { border-radius: 0; } } - @media (max-width: 767.98px) { .modal-fullscreen-md-down { width: 100vw; @@ -6915,26 +6147,21 @@ fieldset:disabled .btn { height: 100%; margin: 0; } - .modal-fullscreen-md-down .modal-content { height: 100%; border: 0; border-radius: 0; } - .modal-fullscreen-md-down .modal-header { border-radius: 0; } - .modal-fullscreen-md-down .modal-body { overflow-y: auto; } - .modal-fullscreen-md-down .modal-footer { border-radius: 0; } } - @media (max-width: 991.98px) { .modal-fullscreen-lg-down { width: 100vw; @@ -6942,26 +6169,21 @@ fieldset:disabled .btn { height: 100%; margin: 0; } - .modal-fullscreen-lg-down .modal-content { height: 100%; border: 0; border-radius: 0; } - .modal-fullscreen-lg-down .modal-header { border-radius: 0; } - .modal-fullscreen-lg-down .modal-body { overflow-y: auto; } - .modal-fullscreen-lg-down .modal-footer { border-radius: 0; } } - @media (max-width: 1199.98px) { .modal-fullscreen-xl-down { width: 100vw; @@ -6969,26 +6191,21 @@ fieldset:disabled .btn { height: 100%; margin: 0; } - .modal-fullscreen-xl-down .modal-content { height: 100%; border: 0; border-radius: 0; } - .modal-fullscreen-xl-down .modal-header { border-radius: 0; } - .modal-fullscreen-xl-down .modal-body { overflow-y: auto; } - .modal-fullscreen-xl-down .modal-footer { border-radius: 0; } } - @media (max-width: 1399.98px) { .modal-fullscreen-xxl-down { width: 100vw; @@ -6996,26 +6213,21 @@ fieldset:disabled .btn { height: 100%; margin: 0; } - .modal-fullscreen-xxl-down .modal-content { height: 100%; border: 0; border-radius: 0; } - .modal-fullscreen-xxl-down .modal-header { border-radius: 0; } - .modal-fullscreen-xxl-down .modal-body { overflow-y: auto; } - .modal-fullscreen-xxl-down .modal-footer { border-radius: 0; } } - .tooltip { position: absolute; z-index: 1070; @@ -7039,18 +6251,15 @@ fieldset:disabled .btn { word-wrap: break-word; opacity: 0; } - .tooltip.show { opacity: 0.9; } - .tooltip .tooltip-arrow { position: absolute; display: block; width: 0.8rem; height: 0.4rem; } - .tooltip .tooltip-arrow::before { position: absolute; content: ""; @@ -7058,73 +6267,53 @@ fieldset:disabled .btn { border-style: solid; } -.bs-tooltip-top, -.bs-tooltip-auto[data-popper-placement^="top"] { +.bs-tooltip-top, .bs-tooltip-auto[data-popper-placement^=top] { padding: 0.4rem 0; } - -.bs-tooltip-top .tooltip-arrow, -.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow { +.bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow { bottom: 0; } - -.bs-tooltip-top .tooltip-arrow::before, -.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before { +.bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before { top: -1px; border-width: 0.4rem 0.4rem 0; border-top-color: #000; } -.bs-tooltip-end, -.bs-tooltip-auto[data-popper-placement^="right"] { +.bs-tooltip-end, .bs-tooltip-auto[data-popper-placement^=right] { padding: 0 0.4rem; } - -.bs-tooltip-end .tooltip-arrow, -.bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow { +.bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow { left: 0; width: 0.4rem; height: 0.8rem; } - -.bs-tooltip-end .tooltip-arrow::before, -.bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow::before { +.bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before { right: -1px; border-width: 0.4rem 0.4rem 0.4rem 0; border-right-color: #000; } -.bs-tooltip-bottom, -.bs-tooltip-auto[data-popper-placement^="bottom"] { +.bs-tooltip-bottom, .bs-tooltip-auto[data-popper-placement^=bottom] { padding: 0.4rem 0; } - -.bs-tooltip-bottom .tooltip-arrow, -.bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow { +.bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow { top: 0; } - -.bs-tooltip-bottom .tooltip-arrow::before, -.bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow::before { +.bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before { bottom: -1px; border-width: 0 0.4rem 0.4rem; border-bottom-color: #000; } -.bs-tooltip-start, -.bs-tooltip-auto[data-popper-placement^="left"] { +.bs-tooltip-start, .bs-tooltip-auto[data-popper-placement^=left] { padding: 0 0.4rem; } - -.bs-tooltip-start .tooltip-arrow, -.bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow { +.bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow { right: 0; width: 0.4rem; height: 0.8rem; } - -.bs-tooltip-start .tooltip-arrow::before, -.bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow::before { +.bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before { left: -1px; border-width: 0.4rem 0 0.4rem 0.4rem; border-left-color: #000; @@ -7142,9 +6331,7 @@ fieldset:disabled .btn { .popover { position: absolute; top: 0; - left: 0 - /* rtl:ignore */ - ; + left: 0 /* rtl:ignore */; z-index: 1060; display: block; max-width: 276px; @@ -7169,16 +6356,13 @@ fieldset:disabled .btn { border: 0px solid rgba(0, 0, 0, 0.2); border-radius: 0.75rem; } - .popover .popover-arrow { position: absolute; display: block; width: 1rem; height: 0.5rem; } - -.popover .popover-arrow::before, -.popover .popover-arrow::after { +.popover .popover-arrow::before, .popover .popover-arrow::after { position: absolute; display: block; content: ""; @@ -7186,67 +6370,50 @@ fieldset:disabled .btn { border-style: solid; } -.bs-popover-top>.popover-arrow, -.bs-popover-auto[data-popper-placement^="top"]>.popover-arrow { +.bs-popover-top > .popover-arrow, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow { bottom: calc(-0.5rem - 0px); } - -.bs-popover-top>.popover-arrow::before, -.bs-popover-auto[data-popper-placement^="top"]>.popover-arrow::before { +.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before { bottom: 0; border-width: 0.5rem 0.5rem 0; border-top-color: rgba(0, 0, 0, 0.25); } - -.bs-popover-top>.popover-arrow::after, -.bs-popover-auto[data-popper-placement^="top"]>.popover-arrow::after { +.bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after { bottom: 0px; border-width: 0.5rem 0.5rem 0; border-top-color: #fff; } -.bs-popover-end>.popover-arrow, -.bs-popover-auto[data-popper-placement^="right"]>.popover-arrow { +.bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow { left: calc(-0.5rem - 0px); width: 0.5rem; height: 1rem; } - -.bs-popover-end>.popover-arrow::before, -.bs-popover-auto[data-popper-placement^="right"]>.popover-arrow::before { +.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before { left: 0; border-width: 0.5rem 0.5rem 0.5rem 0; border-right-color: rgba(0, 0, 0, 0.25); } - -.bs-popover-end>.popover-arrow::after, -.bs-popover-auto[data-popper-placement^="right"]>.popover-arrow::after { +.bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after { left: 0px; border-width: 0.5rem 0.5rem 0.5rem 0; border-right-color: #fff; } -.bs-popover-bottom>.popover-arrow, -.bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow { +.bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow { top: calc(-0.5rem - 0px); } - -.bs-popover-bottom>.popover-arrow::before, -.bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow::before { +.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before { top: 0; border-width: 0 0.5rem 0.5rem 0.5rem; border-bottom-color: rgba(0, 0, 0, 0.25); } - -.bs-popover-bottom>.popover-arrow::after, -.bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow::after { +.bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after { top: 0px; border-width: 0 0.5rem 0.5rem 0.5rem; border-bottom-color: #fff; } - -.bs-popover-bottom .popover-header::before, -.bs-popover-auto[data-popper-placement^="bottom"] .popover-header::before { +.bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before { position: absolute; top: 0; left: 50%; @@ -7257,22 +6424,17 @@ fieldset:disabled .btn { border-bottom: 0px solid #e9ecef; } -.bs-popover-start>.popover-arrow, -.bs-popover-auto[data-popper-placement^="left"]>.popover-arrow { +.bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow { right: calc(-0.5rem - 0px); width: 0.5rem; height: 1rem; } - -.bs-popover-start>.popover-arrow::before, -.bs-popover-auto[data-popper-placement^="left"]>.popover-arrow::before { +.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before { right: 0; border-width: 0.5rem 0 0.5rem 0.5rem; border-left-color: rgba(0, 0, 0, 0.25); } - -.bs-popover-start>.popover-arrow::after, -.bs-popover-auto[data-popper-placement^="left"]>.popover-arrow::after { +.bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after { right: 0px; border-width: 0.5rem 0 0.5rem 0.5rem; border-left-color: #fff; @@ -7288,7 +6450,6 @@ fieldset:disabled .btn { border-top-left-radius: calc(0.75rem - 0px); border-top-right-radius: calc(0.75rem - 0px); } - .popover-header:empty { display: none; } @@ -7311,7 +6472,6 @@ fieldset:disabled .btn { width: 100%; overflow: hidden; } - .carousel-inner::after { display: block; clear: both; @@ -7324,10 +6484,10 @@ fieldset:disabled .btn { float: left; width: 100%; margin-right: -100%; - backface-visibility: hidden; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; transition: transform 0.6s ease-in-out; } - @media (prefers-reduced-motion: reduce) { .carousel-item { transition: none; @@ -7357,25 +6517,21 @@ fieldset:disabled .btn { 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 { +.carousel-fade .active.carousel-item-end { transition: none; } } @@ -7398,17 +6554,13 @@ fieldset:disabled .btn { opacity: 0.5; transition: opacity 0.15s ease; } - @media (prefers-reduced-motion: reduce) { - .carousel-control-prev, - .carousel-control-next { +.carousel-control-next { transition: none; } } - -.carousel-control-prev:hover, -.carousel-control-prev:focus, +.carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus { color: #fff; @@ -7465,7 +6617,6 @@ fieldset:disabled .btn { margin-left: 15%; list-style: none; } - .carousel-indicators [data-bs-target] { box-sizing: content-box; flex: 0 1 auto; @@ -7484,13 +6635,11 @@ fieldset:disabled .btn { 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; } @@ -7510,23 +6659,24 @@ fieldset:disabled .btn { .carousel-dark .carousel-control-next-icon { filter: invert(1) grayscale(100); } - .carousel-dark .carousel-indicators [data-bs-target] { background-color: #000; } - .carousel-dark .carousel-caption { color: #000; } -@keyframes spinner-border { +@-webkit-keyframes spinner-border { to { - transform: rotate(360deg) - /* rtl:ignore */ - ; + transform: rotate(360deg) /* rtl:ignore */; } } +@keyframes spinner-border { + to { + transform: rotate(360deg) /* rtl:ignore */; + } +} .spinner-border { display: inline-block; width: 2rem; @@ -7535,7 +6685,8 @@ fieldset:disabled .btn { border: 0.25em solid currentColor; border-right-color: transparent; border-radius: 50%; - animation: 0.75s linear infinite spinner-border; + -webkit-animation: 0.75s linear infinite spinner-border; + animation: 0.75s linear infinite spinner-border; } .spinner-border-sm { @@ -7544,17 +6695,25 @@ fieldset:disabled .btn { border-width: 0.2em; } -@keyframes spinner-grow { +@-webkit-keyframes spinner-grow { 0% { transform: scale(0); } - 50% { opacity: 1; transform: none; } } +@keyframes spinner-grow { + 0% { + transform: scale(0); + } + 50% { + opacity: 1; + transform: none; + } +} .spinner-grow { display: inline-block; width: 2rem; @@ -7563,7 +6722,8 @@ fieldset:disabled .btn { background-color: currentColor; border-radius: 50%; opacity: 0; - animation: 0.75s linear infinite spinner-grow; + -webkit-animation: 0.75s linear infinite spinner-grow; + animation: 0.75s linear infinite spinner-grow; } .spinner-grow-sm { @@ -7572,13 +6732,12 @@ fieldset:disabled .btn { } @media (prefers-reduced-motion: reduce) { - .spinner-border, - .spinner-grow { - animation-duration: 1.5s; +.spinner-grow { + -webkit-animation-duration: 1.5s; + animation-duration: 1.5s; } } - .offcanvas { position: fixed; bottom: 0; @@ -7592,7 +6751,6 @@ fieldset:disabled .btn { outline: 0; transition: transform 0.3s ease-in-out; } - @media (prefers-reduced-motion: reduce) { .offcanvas { transition: none; @@ -7608,11 +6766,9 @@ fieldset:disabled .btn { height: 100vh; background-color: #000; } - .offcanvas-backdrop.fade { opacity: 0; } - .offcanvas-backdrop.show { opacity: 0.5; } @@ -7623,7 +6779,6 @@ fieldset:disabled .btn { justify-content: space-between; padding: 1rem 1rem; } - .offcanvas-header .btn-close { padding: 0.5rem 0.5rem; margin-top: -0.5rem; @@ -7689,18 +6844,17 @@ fieldset:disabled .btn { background-color: currentColor; opacity: 0.5; } - .placeholder.btn::before { display: inline-block; content: ""; } .placeholder-xs { - min-height: .6em; + min-height: 0.6em; } .placeholder-sm { - min-height: .8em; + min-height: 0.8em; } .placeholder-lg { @@ -7708,27 +6862,43 @@ fieldset:disabled .btn { } .placeholder-glow .placeholder { - animation: placeholder-glow 2s ease-in-out infinite; + -webkit-animation: placeholder-glow 2s ease-in-out infinite; + animation: placeholder-glow 2s ease-in-out infinite; } -@keyframes placeholder-glow { +@-webkit-keyframes placeholder-glow { 50% { opacity: 0.2; } } +@keyframes placeholder-glow { + 50% { + opacity: 0.2; + } +} .placeholder-wave { - mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%); - mask-size: 200% 100%; - animation: placeholder-wave 2s linear infinite; + -webkit-mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%); + mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%); + -webkit-mask-size: 200% 100%; + mask-size: 200% 100%; + -webkit-animation: placeholder-wave 2s linear infinite; + animation: placeholder-wave 2s linear infinite; } -@keyframes placeholder-wave { +@-webkit-keyframes placeholder-wave { 100% { - mask-position: -200% 0%; + -webkit-mask-position: -200% 0%; + mask-position: -200% 0%; } } +@keyframes placeholder-wave { + 100% { + -webkit-mask-position: -200% 0%; + mask-position: -200% 0%; + } +} .clearfix::after { display: block; clear: both; @@ -7738,81 +6908,63 @@ fieldset:disabled .btn { .link-primary { color: #cb0c9f; } - -.link-primary:hover, -.link-primary:focus { +.link-primary:hover, .link-primary:focus { color: #a20a7f; } .link-secondary { color: #8392AB; } - -.link-secondary:hover, -.link-secondary:focus { +.link-secondary:hover, .link-secondary:focus { color: #9ca8bc; } .link-success { color: #82d616; } - -.link-success:hover, -.link-success:focus { +.link-success:hover, .link-success:focus { color: #9bde45; } .link-info { color: #17c1e8; } - -.link-info:hover, -.link-info:focus { +.link-info:hover, .link-info:focus { color: #45cded; } .link-warning { color: #fbcf33; } - -.link-warning:hover, -.link-warning:focus { +.link-warning:hover, .link-warning:focus { color: #fcd95c; } .link-danger { color: #ea0606; } - -.link-danger:hover, -.link-danger:focus { +.link-danger:hover, .link-danger:focus { color: #bb0505; } .link-light { color: #e9ecef; } - -.link-light:hover, -.link-light:focus { +.link-light:hover, .link-light:focus { color: #edf0f2; } .link-dark { color: #344767; } - -.link-dark:hover, -.link-dark:focus { +.link-dark:hover, .link-dark:focus { color: #2a3952; } .link-white { color: #fff; } - -.link-white:hover, -.link-white:focus { +.link-white:hover, .link-white:focus { color: white; } @@ -7820,14 +6972,12 @@ fieldset:disabled .btn { position: relative; width: 100%; } - .ratio::before { display: block; padding-top: var(--bs-aspect-ratio); content: ""; } - -.ratio>* { +.ratio > * { position: absolute; top: 0; left: 0; @@ -7840,15 +6990,15 @@ fieldset:disabled .btn { } .ratio-4x3 { - --bs-aspect-ratio: calc(3 / 4 * 100%); + --bs-aspect-ratio: 75%; } .ratio-16x9 { - --bs-aspect-ratio: calc(9 / 16 * 100%); + --bs-aspect-ratio: 56.25%; } .ratio-21x9 { - --bs-aspect-ratio: calc(9 / 21 * 100%); + --bs-aspect-ratio: 42.8571428571%; } .fixed-top { @@ -7868,6 +7018,7 @@ fieldset:disabled .btn { } .sticky-top { + position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; @@ -7875,44 +7026,44 @@ fieldset:disabled .btn { @media (min-width: 576px) { .sticky-sm-top { + position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; } } - @media (min-width: 768px) { .sticky-md-top { + position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; } } - @media (min-width: 992px) { .sticky-lg-top { + position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; } } - @media (min-width: 1200px) { .sticky-xl-top { + position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; } } - @media (min-width: 1400px) { .sticky-xxl-top { + position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; } } - .hstack { display: flex; flex-direction: row; @@ -8146,6 +7297,7 @@ fieldset:disabled .btn { } .position-sticky { + position: -webkit-sticky !important; position: sticky !important; } @@ -10375,15 +9527,24 @@ fieldset:disabled .btn { } .user-select-all { - user-select: all !important; + -webkit-user-select: all !important; + -moz-user-select: all !important; + -ms-user-select: all !important; + user-select: all !important; } .user-select-auto { - user-select: auto !important; + -webkit-user-select: auto !important; + -moz-user-select: auto !important; + -ms-user-select: auto !important; + user-select: auto !important; } .user-select-none { - user-select: none !important; + -webkit-user-select: none !important; + -moz-user-select: none !important; + -ms-user-select: none !important; + user-select: none !important; } .pe-none { @@ -10414,8 +9575,7 @@ fieldset:disabled .btn { border-radius: 0.75rem !important; } -.rounded-circle, -.avatar.rounded-circle img { +.rounded-circle, .avatar.rounded-circle img { border-radius: 50% !important; } @@ -12594,7 +11754,6 @@ fieldset:disabled .btn { border-bottom-right-radius: 50rem !important; } } - @media (min-width: 768px) { .float-md-start { float: left !important; @@ -14374,7 +13533,6 @@ fieldset:disabled .btn { border-bottom-right-radius: 50rem !important; } } - @media (min-width: 992px) { .float-lg-start { float: left !important; @@ -16154,7 +15312,6 @@ fieldset:disabled .btn { border-bottom-right-radius: 50rem !important; } } - @media (min-width: 1200px) { .float-xl-start { float: left !important; @@ -17934,7 +17091,6 @@ fieldset:disabled .btn { border-bottom-right-radius: 50rem !important; } } - @media (min-width: 1400px) { .float-xxl-start { float: left !important; @@ -19714,7 +18870,6 @@ fieldset:disabled .btn { border-bottom-right-radius: 50rem !important; } } - @media (min-width: 1200px) { .fs-1 { font-size: 3rem !important; @@ -19732,7 +18887,6 @@ fieldset:disabled .btn { font-size: 1.5rem !important; } } - @media print { .d-print-inline { display: inline !important; @@ -19774,11 +18928,10 @@ fieldset:disabled .btn { display: none !important; } } - /*! ========================================================= -* Soft UI Design System - v1.0.6 +* Soft UI Design System - v1.0.7 ========================================================= * Product Page: https://www.creative-tim.com/product/soft-ui-design-system @@ -19841,22 +18994,18 @@ fieldset:disabled .btn { border-radius: 0.75rem; height: 48px; width: 48px; - transition: all .2s ease-in-out; + transition: all 0.2s ease-in-out; } - .avatar img { width: 100%; } - -.avatar+.avatar-content { +.avatar + .avatar-content { display: inline-block; margin-left: 0.75rem; } - .avatar.avatar-raised { margin-top: -24px; } - .avatar.avatar-scale-up:hover { transform: scale(1.2); } @@ -19869,7 +19018,6 @@ fieldset:disabled .btn { width: 110px !important; height: 110px !important; } - .avatar-xxl.avatar-raised { margin-top: -55px; } @@ -19878,7 +19026,6 @@ fieldset:disabled .btn { width: 74px !important; height: 74px !important; } - .avatar-xl.avatar-raised { margin-top: -37px; } @@ -19888,7 +19035,6 @@ fieldset:disabled .btn { height: 58px !important; font-size: 0.875rem; } - .avatar-lg.avatar-raised { margin-top: -29px; } @@ -19898,7 +19044,6 @@ fieldset:disabled .btn { height: 36px !important; font-size: 0.875rem; } - .avatar-sm.avatar-raised { margin-top: -18px; } @@ -19908,7 +19053,6 @@ fieldset:disabled .btn { height: 24px !important; font-size: 0.75rem; } - .avatar-xs.avatar-raised { margin-top: -12px; } @@ -19918,12 +19062,10 @@ fieldset:disabled .btn { z-index: 2; border: 2px solid #fff; } - .avatar-group .avatar:hover { z-index: 3; } - -.avatar-group .avatar+.avatar { +.avatar-group .avatar + .avatar { margin-left: -1rem; } @@ -19975,107 +19117,81 @@ fieldset:disabled .btn { background-size: 150%; background-position-x: 25%; } - -.btn:not([class*="btn-outline-"]) { +.btn:not([class*=btn-outline-]) { border: 0; } - -.btn:active, -.btn:active:focus, -.btn:active:hover { +.btn:active, .btn:active:focus, .btn:active:hover { box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.09), 0 2px 3px -1px rgba(0, 0, 0, 0.07); transform: scale(1); opacity: 0.85; } - .btn:hover:not(.btn-icon-only) { box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.09), 0 2px 3px -1px rgba(0, 0, 0, 0.07); transform: scale(1.02); } - .btn.bg-white:hover { color: #67748e; } - .btn.btn-link { box-shadow: none; font-weight: 700; } - -.btn.btn-link:hover, -.btn.btn-link:focus { +.btn.btn-link:hover, .btn.btn-link:focus { box-shadow: none; } - .btn.btn-round { border-radius: 1.875rem; } - .btn.btn-icon-only { width: 2.375rem; height: 2.375rem; padding: 0.7rem 0.7rem; } - -.btn.btn-sm.btn-icon-only, -.btn-group-sm>.btn.btn-icon-only { +.btn.btn-sm.btn-icon-only, .btn-group-sm > .btn.btn-icon-only { width: 1.5875rem; height: 1.5875rem; padding: 0.3rem 0.3rem; } - -.btn.btn-sm i, -.btn-group-sm>.btn i { +.btn.btn-sm i, .btn-group-sm > .btn i { font-size: 0.5rem; } - -.btn.btn-lg.btn-icon-only, -.btn-group-lg>.btn.btn-icon-only { +.btn.btn-lg.btn-icon-only, .btn-group-lg > .btn.btn-icon-only { width: 3.25rem; height: 3.25rem; padding: 1rem 1rem; } - -.btn.btn-lg i, -.btn-group-lg>.btn i { +.btn.btn-lg i, .btn-group-lg > .btn i { font-size: 1.2rem; position: relative; top: 2px; } - .btn.btn-rounded { border-radius: 1.875rem; } - .btn.btn-transparent { appearance: none; -moz-appearance: none; -webkit-appearance: none; } -.btn-check:checked+.btn svg .color-background { +.btn-check:checked + .btn svg .color-background { fill: #fff; } - -.btn-check:checked+.btn:hover svg .color-background { +.btn-check:checked + .btn:hover svg .color-background { fill: #344767; } .icon-move-right i { transition: all 0.2s cubic-bezier(0.34, 1.61, 0.7, 1.3); } - -.icon-move-right:hover i, -.icon-move-right:focus i { +.icon-move-right:hover i, .icon-move-right:focus i { transform: translateX(5px); } .icon-move-left i { transition: all 0.2s cubic-bezier(0.34, 1.61, 0.7, 1.3); } - -.icon-move-left:hover i, -.icon-move-left:focus i { +.icon-move-left:hover i, .icon-move-left:focus i { transform: translateX(-5px); } @@ -20084,24 +19200,18 @@ fieldset:disabled .btn { background-color: #cb0c9f; border-color: #cb0c9f; } - .btn-primary .btn.bg-outline-primary, .btn.bg-gradient-primary .btn.bg-outline-primary { border: 1px solid #cb0c9f; } - -.btn-primary:not(:disabled):not(.disabled).active, -.btn-primary:not(:disabled):not(.disabled):active, -.show>.btn-primary.dropdown-toggle, +.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle, .btn.bg-gradient-primary:not(:disabled):not(.disabled).active, .btn.bg-gradient-primary:not(:disabled):not(.disabled):active, -.show>.btn.bg-gradient-primary.dropdown-toggle { +.show > .btn.bg-gradient-primary.dropdown-toggle { color: color-yiq(#cb0c9f); background-color: #cb0c9f; } - -.btn-primary.focus, -.btn-primary:focus, +.btn-primary.focus, .btn-primary:focus, .btn.bg-gradient-primary.focus, .btn.bg-gradient-primary:focus { color: #fff; @@ -20110,10 +19220,9 @@ fieldset:disabled .btn { .btn-outline-primary { box-shadow: none; } - .btn-outline-primary:hover:not(.active) { background-color: transparent; - opacity: .75; + opacity: 0.75; box-shadow: none; color: #cb0c9f; } @@ -20123,24 +19232,18 @@ fieldset:disabled .btn { background-color: #8392AB; border-color: #8392AB; } - .btn-secondary .btn.bg-outline-secondary, .btn.bg-gradient-secondary .btn.bg-outline-secondary { border: 1px solid #8392AB; } - -.btn-secondary:not(:disabled):not(.disabled).active, -.btn-secondary:not(:disabled):not(.disabled):active, -.show>.btn-secondary.dropdown-toggle, +.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show > .btn-secondary.dropdown-toggle, .btn.bg-gradient-secondary:not(:disabled):not(.disabled).active, .btn.bg-gradient-secondary:not(:disabled):not(.disabled):active, -.show>.btn.bg-gradient-secondary.dropdown-toggle { +.show > .btn.bg-gradient-secondary.dropdown-toggle { color: color-yiq(#8392AB); background-color: #8392AB; } - -.btn-secondary.focus, -.btn-secondary:focus, +.btn-secondary.focus, .btn-secondary:focus, .btn.bg-gradient-secondary.focus, .btn.bg-gradient-secondary:focus { color: #fff; @@ -20149,10 +19252,9 @@ fieldset:disabled .btn { .btn-outline-secondary { box-shadow: none; } - .btn-outline-secondary:hover:not(.active) { background-color: transparent; - opacity: .75; + opacity: 0.75; box-shadow: none; color: #8392AB; } @@ -20162,24 +19264,18 @@ fieldset:disabled .btn { background-color: #82d616; border-color: #82d616; } - .btn-success .btn.bg-outline-success, .btn.bg-gradient-success .btn.bg-outline-success { border: 1px solid #82d616; } - -.btn-success:not(:disabled):not(.disabled).active, -.btn-success:not(:disabled):not(.disabled):active, -.show>.btn-success.dropdown-toggle, +.btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show > .btn-success.dropdown-toggle, .btn.bg-gradient-success:not(:disabled):not(.disabled).active, .btn.bg-gradient-success:not(:disabled):not(.disabled):active, -.show>.btn.bg-gradient-success.dropdown-toggle { +.show > .btn.bg-gradient-success.dropdown-toggle { color: color-yiq(#82d616); background-color: #82d616; } - -.btn-success.focus, -.btn-success:focus, +.btn-success.focus, .btn-success:focus, .btn.bg-gradient-success.focus, .btn.bg-gradient-success:focus { color: #fff; @@ -20188,10 +19284,9 @@ fieldset:disabled .btn { .btn-outline-success { box-shadow: none; } - .btn-outline-success:hover:not(.active) { background-color: transparent; - opacity: .75; + opacity: 0.75; box-shadow: none; color: #82d616; } @@ -20201,24 +19296,18 @@ fieldset:disabled .btn { background-color: #17c1e8; border-color: #17c1e8; } - .btn-info .btn.bg-outline-info, .btn.bg-gradient-info .btn.bg-outline-info { border: 1px solid #17c1e8; } - -.btn-info:not(:disabled):not(.disabled).active, -.btn-info:not(:disabled):not(.disabled):active, -.show>.btn-info.dropdown-toggle, +.btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show > .btn-info.dropdown-toggle, .btn.bg-gradient-info:not(:disabled):not(.disabled).active, .btn.bg-gradient-info:not(:disabled):not(.disabled):active, -.show>.btn.bg-gradient-info.dropdown-toggle { +.show > .btn.bg-gradient-info.dropdown-toggle { color: color-yiq(#17c1e8); background-color: #17c1e8; } - -.btn-info.focus, -.btn-info:focus, +.btn-info.focus, .btn-info:focus, .btn.bg-gradient-info.focus, .btn.bg-gradient-info:focus { color: #fff; @@ -20227,10 +19316,9 @@ fieldset:disabled .btn { .btn-outline-info { box-shadow: none; } - .btn-outline-info:hover:not(.active) { background-color: transparent; - opacity: .75; + opacity: 0.75; box-shadow: none; color: #17c1e8; } @@ -20240,24 +19328,18 @@ fieldset:disabled .btn { background-color: #fbcf33; border-color: #fbcf33; } - .btn-warning .btn.bg-outline-warning, .btn.bg-gradient-warning .btn.bg-outline-warning { border: 1px solid #fbcf33; } - -.btn-warning:not(:disabled):not(.disabled).active, -.btn-warning:not(:disabled):not(.disabled):active, -.show>.btn-warning.dropdown-toggle, +.btn-warning:not(:disabled):not(.disabled).active, .btn-warning:not(:disabled):not(.disabled):active, .show > .btn-warning.dropdown-toggle, .btn.bg-gradient-warning:not(:disabled):not(.disabled).active, .btn.bg-gradient-warning:not(:disabled):not(.disabled):active, -.show>.btn.bg-gradient-warning.dropdown-toggle { +.show > .btn.bg-gradient-warning.dropdown-toggle { color: color-yiq(#fbcf33); background-color: #fbcf33; } - -.btn-warning.focus, -.btn-warning:focus, +.btn-warning.focus, .btn-warning:focus, .btn.bg-gradient-warning.focus, .btn.bg-gradient-warning:focus { color: #fff; @@ -20266,10 +19348,9 @@ fieldset:disabled .btn { .btn-outline-warning { box-shadow: none; } - .btn-outline-warning:hover:not(.active) { background-color: transparent; - opacity: .75; + opacity: 0.75; box-shadow: none; color: #fbcf33; } @@ -20279,24 +19360,18 @@ fieldset:disabled .btn { background-color: #ea0606; border-color: #ea0606; } - .btn-danger .btn.bg-outline-danger, .btn.bg-gradient-danger .btn.bg-outline-danger { border: 1px solid #ea0606; } - -.btn-danger:not(:disabled):not(.disabled).active, -.btn-danger:not(:disabled):not(.disabled):active, -.show>.btn-danger.dropdown-toggle, +.btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, .show > .btn-danger.dropdown-toggle, .btn.bg-gradient-danger:not(:disabled):not(.disabled).active, .btn.bg-gradient-danger:not(:disabled):not(.disabled):active, -.show>.btn.bg-gradient-danger.dropdown-toggle { +.show > .btn.bg-gradient-danger.dropdown-toggle { color: color-yiq(#ea0606); background-color: #ea0606; } - -.btn-danger.focus, -.btn-danger:focus, +.btn-danger.focus, .btn-danger:focus, .btn.bg-gradient-danger.focus, .btn.bg-gradient-danger:focus { color: #fff; @@ -20305,10 +19380,9 @@ fieldset:disabled .btn { .btn-outline-danger { box-shadow: none; } - .btn-outline-danger:hover:not(.active) { background-color: transparent; - opacity: .75; + opacity: 0.75; box-shadow: none; color: #ea0606; } @@ -20318,18 +19392,14 @@ fieldset:disabled .btn { background-color: #e9ecef; border-color: #e9ecef; } - .btn-light .btn.bg-outline-light, .btn.bg-gradient-light .btn.bg-outline-light { border: 1px solid #e9ecef; } - -.btn-light:not(:disabled):not(.disabled).active, -.btn-light:not(:disabled):not(.disabled):active, -.show>.btn-light.dropdown-toggle, +.btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show > .btn-light.dropdown-toggle, .btn.bg-gradient-light:not(:disabled):not(.disabled).active, .btn.bg-gradient-light:not(:disabled):not(.disabled):active, -.show>.btn.bg-gradient-light.dropdown-toggle { +.show > .btn.bg-gradient-light.dropdown-toggle { color: color-yiq(#e9ecef); background-color: #e9ecef; } @@ -20337,10 +19407,9 @@ fieldset:disabled .btn { .btn-outline-light { box-shadow: none; } - .btn-outline-light:hover:not(.active) { background-color: transparent; - opacity: .75; + opacity: 0.75; box-shadow: none; color: #e9ecef; } @@ -20350,24 +19419,18 @@ fieldset:disabled .btn { background-color: #344767; border-color: #344767; } - .btn-dark .btn.bg-outline-dark, .btn.bg-gradient-dark .btn.bg-outline-dark { border: 1px solid #344767; } - -.btn-dark:not(:disabled):not(.disabled).active, -.btn-dark:not(:disabled):not(.disabled):active, -.show>.btn-dark.dropdown-toggle, +.btn-dark:not(:disabled):not(.disabled).active, .btn-dark:not(:disabled):not(.disabled):active, .show > .btn-dark.dropdown-toggle, .btn.bg-gradient-dark:not(:disabled):not(.disabled).active, .btn.bg-gradient-dark:not(:disabled):not(.disabled):active, -.show>.btn.bg-gradient-dark.dropdown-toggle { +.show > .btn.bg-gradient-dark.dropdown-toggle { color: color-yiq(#344767); background-color: #344767; } - -.btn-dark.focus, -.btn-dark:focus, +.btn-dark.focus, .btn-dark:focus, .btn.bg-gradient-dark.focus, .btn.bg-gradient-dark:focus { color: #fff; @@ -20376,10 +19439,9 @@ fieldset:disabled .btn { .btn-outline-dark { box-shadow: none; } - .btn-outline-dark:hover:not(.active) { background-color: transparent; - opacity: .75; + opacity: 0.75; box-shadow: none; color: #344767; } @@ -20389,18 +19451,14 @@ fieldset:disabled .btn { background-color: #fff; border-color: #fff; } - .btn-white .btn.bg-outline-white, .btn.bg-gradient-white .btn.bg-outline-white { border: 1px solid #fff; } - -.btn-white:not(:disabled):not(.disabled).active, -.btn-white:not(:disabled):not(.disabled):active, -.show>.btn-white.dropdown-toggle, +.btn-white:not(:disabled):not(.disabled).active, .btn-white:not(:disabled):not(.disabled):active, .show > .btn-white.dropdown-toggle, .btn.bg-gradient-white:not(:disabled):not(.disabled).active, .btn.bg-gradient-white:not(:disabled):not(.disabled):active, -.show>.btn.bg-gradient-white.dropdown-toggle { +.show > .btn.bg-gradient-white.dropdown-toggle { color: color-yiq(#fff); background-color: #fff; } @@ -20408,10 +19466,9 @@ fieldset:disabled .btn { .btn-outline-white { box-shadow: none; } - .btn-outline-white:hover:not(.active) { background-color: transparent; - opacity: .75; + opacity: 0.75; box-shadow: none; color: #fff; } @@ -20425,7 +19482,6 @@ fieldset:disabled .btn { .btn.bg-gradient-primary { color: #fff; } - .btn-primary:hover, .btn.bg-gradient-primary:hover { color: #fff; @@ -20435,7 +19491,6 @@ fieldset:disabled .btn { .btn.bg-gradient-secondary { color: #fff; } - .btn-secondary:hover, .btn.bg-gradient-secondary:hover { color: #fff; @@ -20445,7 +19500,6 @@ fieldset:disabled .btn { .btn.bg-gradient-danger { color: #fff; } - .btn-danger:hover, .btn.bg-gradient-danger:hover { color: #fff; @@ -20455,7 +19509,6 @@ fieldset:disabled .btn { .btn.bg-gradient-info { color: #fff; } - .btn-info:hover, .btn.bg-gradient-info:hover { color: #fff; @@ -20465,7 +19518,6 @@ fieldset:disabled .btn { .btn.bg-gradient-success { color: #fff; } - .btn-success:hover, .btn.bg-gradient-success:hover { color: #fff; @@ -20475,7 +19527,6 @@ fieldset:disabled .btn { .btn.bg-gradient-warning { color: #fff; } - .btn-warning:hover, .btn.bg-gradient-warning:hover { color: #fff; @@ -20485,7 +19536,6 @@ fieldset:disabled .btn { .btn.bg-gradient-dark { color: #fff; } - .btn-dark:hover, .btn.bg-gradient-dark:hover { color: #fff; @@ -20495,7 +19545,6 @@ fieldset:disabled .btn { .btn.bg-gradient-light { color: #3A416F; } - .btn-light:hover, .btn.bg-gradient-light:hover { color: #3A416F; @@ -20504,7 +19553,6 @@ fieldset:disabled .btn { .breadcrumb-item { font-size: 0.875rem; } - .breadcrumb-item.text-white::before { color: #fff; } @@ -20512,23 +19560,18 @@ fieldset:disabled .btn { .breadcrumb-dark { background-color: #344767; } - .breadcrumb-dark .breadcrumb-item { font-weight: 600; } - .breadcrumb-dark .breadcrumb-item a { color: #f8f9fa; } - .breadcrumb-dark .breadcrumb-item a:hover { color: #fff; } - -.breadcrumb-dark .breadcrumb-item+.breadcrumb-item::before { +.breadcrumb-dark .breadcrumb-item + .breadcrumb-item::before { color: #adb5bd; } - .breadcrumb-dark .breadcrumb-item.active { color: #dee2e6; } @@ -20542,21 +19585,17 @@ fieldset:disabled .btn { .card { box-shadow: 0 20px 27px 0 rgba(0, 0, 0, 0.05); } - .card .card-header { padding: 1.5rem; } - .card .card-body { font-family: "Open Sans"; padding: 1.5rem; } - .card.card-plain { background-color: transparent; box-shadow: none; } - .card .card-footer { padding: 1.5rem; background-color: transparent; @@ -20565,14 +19604,12 @@ fieldset:disabled .btn { .author { display: flex; } - -.author .name>span { +.author .name > span { line-height: 1.571; font-weight: 600; font-size: 0.875rem; color: #3A416F; } - .author .stats { font-size: 0.875rem; font-weight: 400; @@ -20581,7 +19618,6 @@ fieldset:disabled .btn { .card.card-background { align-items: center; } - .card.card-background .full-background { background-position: 50%; background-size: cover; @@ -20591,13 +19627,11 @@ fieldset:disabled .btn { position: absolute; border-radius: 1rem; } - .card.card-background .card-body { color: #fff; position: relative; z-index: 2; } - .card.card-background .card-body .content-center, .card.card-background .card-body .content-left { min-height: 330px; @@ -20605,20 +19639,16 @@ fieldset:disabled .btn { padding-top: 60px; padding-bottom: 60px; } - .card.card-background .card-body .content-center { text-align: center; } - .card.card-background .card-body.body-left { width: 90%; } - .card.card-background .card-body .author .name span, .card.card-background .card-body .author .name .stats { color: #fff; } - .card.card-background:after { position: absolute; top: 0; @@ -20632,142 +19662,116 @@ fieldset:disabled .btn { background: rgba(0, 0, 0, 0.4); border-radius: 1rem; } - .card.card-background.card-background-mask-primary:before { background: rgba(0, 0, 0, 0.2); } - .card.card-background.card-background-mask-primary:after { background-image: linear-gradient(310deg, #7928CA 0%, #FF0080 100%); - opacity: .85; + opacity: 0.85; } - .card.card-background.card-background-mask-secondary:before { background: rgba(0, 0, 0, 0.2); } - .card.card-background.card-background-mask-secondary:after { background-image: linear-gradient(310deg, #627594 0%, #A8B8D8 100%); - opacity: .85; + opacity: 0.85; } - .card.card-background.card-background-mask-success:before { background: rgba(0, 0, 0, 0.2); } - .card.card-background.card-background-mask-success:after { background-image: linear-gradient(310deg, #17ad37 0%, #98ec2d 100%); - opacity: .85; + opacity: 0.85; } - .card.card-background.card-background-mask-info:before { background: rgba(0, 0, 0, 0.2); } - .card.card-background.card-background-mask-info:after { background-image: linear-gradient(310deg, #2152ff 0%, #21d4fd 100%); - opacity: .85; + opacity: 0.85; } - .card.card-background.card-background-mask-warning:before { background: rgba(0, 0, 0, 0.2); } - .card.card-background.card-background-mask-warning:after { background-image: linear-gradient(310deg, #f53939 0%, #fbcf33 100%); - opacity: .85; + opacity: 0.85; } - .card.card-background.card-background-mask-danger:before { background: rgba(0, 0, 0, 0.2); } - .card.card-background.card-background-mask-danger:after { background-image: linear-gradient(310deg, #ea0606 0%, #ff667c 100%); - opacity: .85; + opacity: 0.85; } - .card.card-background.card-background-mask-light:before { background: rgba(0, 0, 0, 0.2); } - .card.card-background.card-background-mask-light:after { background-image: linear-gradient(310deg, #CED4DA 0%, #EBEFF4 100%); - opacity: .85; + opacity: 0.85; } - .card.card-background.card-background-mask-dark:before { background: rgba(0, 0, 0, 0.2); } - .card.card-background.card-background-mask-dark:after { background-image: linear-gradient(310deg, #141727 0%, #3A416F 100%); - opacity: .85; + opacity: 0.85; } - .card.card-background .card-category { font-size: 0.875rem; font-weight: 600; } - .card.card-background .card-description { margin-top: 24px; margin-bottom: 24px; } @media (min-width: 992px) { - .dropdown .dropdown-menu, - .dropup .dropdown-menu, - .dropstart .dropdown-menu, - .dropend .dropdown-menu { +.dropup .dropdown-menu, +.dropstart .dropdown-menu, +.dropend .dropdown-menu { box-shadow: 0 8px 26px -4px rgba(20, 20, 20, 0.15), 0 8px 9px -5px rgba(20, 20, 20, 0.06); cursor: pointer; } - - .dropdown .dropdown-toggle:after, - .dropdown .dropdown-toggle:before, - .dropup .dropdown-toggle:after, - .dropup .dropdown-toggle:before, - .dropstart .dropdown-toggle:after, - .dropstart .dropdown-toggle:before, - .dropend .dropdown-toggle:after, - .dropend .dropdown-toggle:before { + .dropdown .dropdown-toggle:after, .dropdown .dropdown-toggle:before, +.dropup .dropdown-toggle:after, +.dropup .dropdown-toggle:before, +.dropstart .dropdown-toggle:after, +.dropstart .dropdown-toggle:before, +.dropend .dropdown-toggle:after, +.dropend .dropdown-toggle:before { font: normal normal normal 14px/1 FontAwesome; border: none; vertical-align: middle; font-weight: 600; } - - .dropdown .dropdown-toggle.show:after, - .dropdown .dropdown-toggle.show:before, - .dropup .dropdown-toggle.show:after, - .dropup .dropdown-toggle.show:before, - .dropstart .dropdown-toggle.show:after, - .dropstart .dropdown-toggle.show:before, - .dropend .dropdown-toggle.show:after, - .dropend .dropdown-toggle.show:before { + .dropdown .dropdown-toggle.show:after, .dropdown .dropdown-toggle.show:before, +.dropup .dropdown-toggle.show:after, +.dropup .dropdown-toggle.show:before, +.dropstart .dropdown-toggle.show:after, +.dropstart .dropdown-toggle.show:before, +.dropend .dropdown-toggle.show:after, +.dropend .dropdown-toggle.show:before { transform: rotate(180deg); } - - .dropdown .dropdown-toggle:after, - .dropdown .dropdown-toggle:before, - .dropup .dropdown-toggle:after, - .dropup .dropdown-toggle:before, - .dropstart .dropdown-toggle:after, - .dropstart .dropdown-toggle:before, - .dropend .dropdown-toggle:after, - .dropend .dropdown-toggle:before { + .dropdown .dropdown-toggle:after, .dropdown .dropdown-toggle:before, +.dropup .dropdown-toggle:after, +.dropup .dropdown-toggle:before, +.dropstart .dropdown-toggle:after, +.dropstart .dropdown-toggle:before, +.dropend .dropdown-toggle:after, +.dropend .dropdown-toggle:before { transition: 0.3s ease; } .dropdown .dropdown-menu, - .dropup .dropdown-menu { +.dropup .dropdown-menu { transition: visibility 0.25s, opacity 0.25s, transform 0.25s; } - .dropdown .dropdown-toggle:after, - .dropup .dropdown-toggle:after { +.dropup .dropdown-toggle:after { content: "\f107"; } @@ -20780,7 +19784,7 @@ fieldset:disabled .btn { } .dropdown.dropdown-hover .dropdown-menu, - .dropdown .dropdown-menu { +.dropdown .dropdown-menu { display: block; opacity: 0; top: 0; @@ -20791,33 +19795,28 @@ fieldset:disabled .btn { backface-visibility: hidden; will-change: transform, box-shadow; } - - .dropdown.dropdown-hover:hover>.dropdown-menu, - .dropdown .dropdown-menu.show { + .dropdown.dropdown-hover:hover > .dropdown-menu, +.dropdown .dropdown-menu.show { opacity: 1; pointer-events: auto; visibility: visible; transform: perspective(999px) rotateX(0deg) translateZ(0) translate3d(0, 37px, 5px) !important; } - - .dropdown.dropdown-hover:hover>.dropdown-menu:before, - .dropdown .dropdown-menu.show:before { + .dropdown.dropdown-hover:hover > .dropdown-menu:before, +.dropdown .dropdown-menu.show:before { top: -20px; } - .dropdown.dropdown-hover:after { - content: ''; + content: ""; position: absolute; left: 0; bottom: -24px; width: 100%; height: 100%; } - .dropdown:not(.dropdown-hover) .dropdown-menu { margin-top: 8px !important; } - .dropdown .dropdown-menu:before { font-family: "FontAwesome"; content: "\f0d8"; @@ -20829,7 +19828,6 @@ fieldset:disabled .btn { color: #fff; transition: top 0.35s ease; } - .dropdown .dropdown-item .arrow { transform: rotate(-90deg); } @@ -20838,9 +19836,8 @@ fieldset:disabled .btn { transition: background-color 0.3s ease, color 0.3s ease; } } - @media (max-width: 991.98px) { - .navbar-toggler+.navbar-collapse .dropdown:not(.nav-item) .dropdown-menu { + .navbar-toggler + .navbar-collapse .dropdown:not(.nav-item) .dropdown-menu { display: block; opacity: 0; top: 0; @@ -20853,8 +19850,7 @@ fieldset:disabled .btn { will-change: transform, box-shadow; box-shadow: 0 8px 26px -4px rgba(20, 20, 20, 0.15), 0 8px 9px -5px rgba(20, 20, 20, 0.06); } - - .navbar-toggler+.navbar-collapse .dropdown:not(.nav-item) .dropdown-menu:before { + .navbar-toggler + .navbar-collapse .dropdown:not(.nav-item) .dropdown-menu:before { font-family: "FontAwesome"; content: "\f0d8"; position: absolute; @@ -20865,23 +19861,19 @@ fieldset:disabled .btn { color: #fff; transition: top 0.35s ease; } - - .navbar-toggler+.navbar-collapse .dropdown:not(.nav-item):not(.dropdown-hover) .dropdown-menu { + .navbar-toggler + .navbar-collapse .dropdown:not(.nav-item):not(.dropdown-hover) .dropdown-menu { margin-top: 8px !important; } - - .navbar-toggler+.navbar-collapse .dropdown:not(.nav-item) .dropdown-menu.show { + .navbar-toggler + .navbar-collapse .dropdown:not(.nav-item) .dropdown-menu.show { opacity: 1; pointer-events: auto; visibility: visible; transform: perspective(999px) rotateX(0deg) translateZ(0) translate3d(0, 37px, 5px) !important; } - - .navbar-toggler+.navbar-collapse .dropdown:not(.nav-item) .dropdown-menu.show:before { + .navbar-toggler + .navbar-collapse .dropdown:not(.nav-item) .dropdown-menu.show:before { top: -20px; } - - .navbar-toggler+.navbar-collapse .dropdown.nav-item .dropdown-menu { + .navbar-toggler + .navbar-collapse .dropdown.nav-item .dropdown-menu { background-color: transparent; overflow: scroll; position: relative; @@ -20901,7 +19893,6 @@ fieldset:disabled .btn { will-change: transform, box-shadow; box-shadow: 0 8px 26px -4px rgba(20, 20, 20, 0.15), 0 8px 9px -5px rgba(20, 20, 20, 0.06); } - :not(.navbar) .dropdown .dropdown-menu:before { font-family: "FontAwesome"; content: "\f0d8"; @@ -20913,21 +19904,17 @@ fieldset:disabled .btn { color: #fff; transition: top 0.35s ease; } - :not(.navbar) .dropdown:not(.dropdown-hover) .dropdown-menu { margin-top: 8px !important; } - :not(.navbar) .dropdown .dropdown-menu.show { opacity: 1; pointer-events: auto; visibility: visible; } - :not(.navbar) .dropdown .dropdown-menu.show:before { top: -20px; } - :not(.navbar) .dropdown.nav-item .dropdown-menu { position: absolute; } @@ -20935,12 +19922,11 @@ fieldset:disabled .btn { .dropdown.nav-item .dropdown-menu-animation { display: block; height: 0; - transition: all .35s ease; + transition: all 0.35s ease; padding-top: 0 !important; padding-bottom: 0 !important; opacity: 0; } - .dropdown.nav-item .dropdown-menu-animation.show { height: 250px; opacity: 1; @@ -20952,7 +19938,6 @@ fieldset:disabled .btn { margin-bottom: 1rem; } } - .dropdown-menu li { position: relative; } @@ -20962,34 +19947,29 @@ fieldset:disabled .btn { bottom: 0; width: 50%; } - -.dropdown .dropdown-menu .dropdown-item+.dropdown-menu:before { +.dropdown .dropdown-menu .dropdown-item + .dropdown-menu:before { transform: rotate(-90deg); left: 0; top: 0; z-index: -1; - transition: left .35s ease; + transition: left 0.35s ease; } - .dropdown .dropdown-menu.dropdown-menu-end { right: 0 !important; left: auto !important; } - .dropdown .dropdown-menu.dropdown-menu-end:before { right: 28px; left: auto; } - -.dropdown.dropdown-subitem:hover .dropdown-item+.dropdown-menu:before { +.dropdown.dropdown-subitem:hover .dropdown-item + .dropdown-menu:before { left: -8px; } - -.dropdown>.dropdown-menu .dropdown-item+.dropdown-menu { +.dropdown > .dropdown-menu .dropdown-item + .dropdown-menu { transform: perspective(999px) rotateX(0deg) translateZ(0) translate3d(0, 0px, 5px) !important; } -.dropdown .dropdown-menu .dropdown-item+.dropdown-menu { +.dropdown .dropdown-menu .dropdown-item + .dropdown-menu { right: -197px; left: auto; top: 0; @@ -21012,13 +19992,11 @@ fieldset:disabled .btn { min-width: 15rem; } } - @media (max-width: 1199.98px) { .dropdown-lg-responsive { min-width: 19rem; } } - .dropup .dropdown-menu { box-shadow: 0 8px 26px -4px rgba(20, 20, 20, 0.15), 0 8px 9px -5px rgba(20, 20, 20, 0.06); transition: visibility 0.25s, opacity 0.25s, transform 0.25s; @@ -21035,17 +20013,14 @@ fieldset:disabled .btn { backface-visibility: hidden; will-change: transform, box-shadow; } - .dropup .dropdown-menu.show { pointer-events: auto; transform: perspective(999px) rotateX(0deg) translateZ(0) translate3d(1px, 0px, 5px) !important; opacity: 1; } - .dropup .dropdown-menu.show:after { bottom: -20px; } - .dropup .dropdown-menu:after { font-family: "FontAwesome"; content: "\f0d7"; @@ -21068,7 +20043,6 @@ fieldset:disabled .btn { background-size: cover; background-position: 50%; } - .page-header .container { z-index: 1; } @@ -21080,7 +20054,6 @@ fieldset:disabled .btn { right: -10rem; border-bottom-left-radius: 0.75rem; } - .oblique .oblique-image { transform: skewX(10deg); } @@ -21095,11 +20068,9 @@ fieldset:disabled .btn { box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.16); cursor: pointer; } - .fixed-plugin .fixed-plugin-button i { pointer-events: none; } - .fixed-plugin .card { position: fixed !important; right: -360px; @@ -21110,10 +20081,9 @@ fieldset:disabled .btn { width: 360px; border-radius: 0; padding: 0 10px; - transition: .2s ease; + transition: 0.2s ease; z-index: 1020; } - .fixed-plugin .badge { border: 1px solid #fff; border-radius: 50%; @@ -21125,23 +20095,18 @@ fieldset:disabled .btn { width: 23px; transition: all 0.2s ease-in-out; } - -.fixed-plugin .badge:hover, -.fixed-plugin .badge.active { +.fixed-plugin .badge:hover, .fixed-plugin .badge.active { border-color: #344767; } - .fixed-plugin .btn.bg-gradient-primary:not(:disabled):not(.disabled) { border: 1px solid transparent; } - .fixed-plugin .btn.bg-gradient-primary:not(:disabled):not(.disabled):not(.active) { background-color: transparent; background-image: none; border: 1px solid #cb0c9f; color: #cb0c9f; } - .fixed-plugin.show .card { right: 0; } @@ -21149,36 +20114,29 @@ fieldset:disabled .btn { .input-group { border-radius: 0.5rem; } - .input-group, .input-group .input-group-text { transition: box-shadow 0.15s ease, border-color 0.15s ease; } - -.input-group> :not(:first-child):not(.dropdown-menu) { +.input-group > :not(:first-child):not(.dropdown-menu) { margin-left: 0; } - .input-group .form-control:focus { border-left: 1px solid #e293d3 !important; border-right: 1px solid #e293d3 !important; } - .input-group .form-control:not(:first-child) { border-left: 0; padding-left: 0; } - .input-group .form-control:not(:last-child) { border-right: 0; padding-right: 0; } - -.input-group .form-control+.input-group-text { +.input-group .form-control + .input-group-text { border-left: 0; border-right: 1px solid #d2d6da; } - .input-group .input-group-text { border-right: 0; } @@ -21209,28 +20167,22 @@ fieldset:disabled .btn { box-shadow: 0 0 0 2px #e9aede; transition: box-shadow 0.15s ease, border-color 0.15s ease; } - .focused .form-control:focus { box-shadow: none; } - .focused .input-group-text { border-color: #e293d3; } -.form-check:not(.form-switch) .form-check-input[type="checkbox"], -.form-check:not(.form-switch) .form-check-input[type="radio"] { +.form-check:not(.form-switch) .form-check-input[type=checkbox], .form-check:not(.form-switch) .form-check-input[type=radio] { border: 1px solid #cbd3da; margin-top: 0.25rem; position: relative; } - -.form-check:not(.form-switch) .form-check-input[type="checkbox"]:checked, -.form-check:not(.form-switch) .form-check-input[type="radio"]:checked { +.form-check:not(.form-switch) .form-check-input[type=checkbox]:checked, .form-check:not(.form-switch) .form-check-input[type=radio]:checked { border: 0; } - -.form-check:not(.form-switch) .form-check-input[type="checkbox"]:after { +.form-check:not(.form-switch) .form-check-input[type=checkbox]:after { transition: opacity 0.25s ease-in-out; font-family: "FontAwesome"; content: "\f00c"; @@ -21244,16 +20196,13 @@ fieldset:disabled .btn { font-size: 0.67rem; opacity: 0; } - -.form-check:not(.form-switch) .form-check-input[type="checkbox"]:checked:after { +.form-check:not(.form-switch) .form-check-input[type=checkbox]:checked:after { opacity: 1; } - -.form-check:not(.form-switch) .form-check-input[type="radio"] { +.form-check:not(.form-switch) .form-check-input[type=radio] { transition: border 0s; } - -.form-check:not(.form-switch) .form-check-input[type="radio"]:after { +.form-check:not(.form-switch) .form-check-input[type=radio]:after { transition: opacity 0.25s ease-in-out; content: ""; position: absolute; @@ -21263,17 +20212,15 @@ fieldset:disabled .btn { background-color: #fff; opacity: 0; } - -.form-check:not(.form-switch) .form-check-input[type="radio"]:checked { +.form-check:not(.form-switch) .form-check-input[type=radio]:checked { padding: 6px; } - -.form-check:not(.form-switch) .form-check-input[type="radio"]:checked:after { +.form-check:not(.form-switch) .form-check-input[type=radio]:checked:after { opacity: 1; } .form-check-label, -.form-check-input[type="checkbox"] { +.form-check-input[type=checkbox] { cursor: pointer; } @@ -21294,7 +20241,6 @@ fieldset:disabled .btn { background-color: rgba(58, 65, 111, 0.1); height: 1.25em; } - .form-switch .form-check-input:after { transition: transform 0.25s ease-in-out, background-color 0.25s ease-in-out; content: ""; @@ -21307,11 +20253,9 @@ fieldset:disabled .btn { box-shadow: 0 0.3125rem 0.625rem 0 rgba(0, 0, 0, 0.12); top: 1px; } - .form-switch .form-check-input:checked:after { transform: translateX(21px); } - .form-switch .form-check-input:checked { border-color: rgba(58, 65, 111, 0.95); background-color: rgba(58, 65, 111, 0.95); @@ -21333,7 +20277,6 @@ label, .form-control.is-invalid:focus { box-shadow: 0 0 0 2px rgba(253, 92, 112, 0.6); } - .form-control.is-valid:focus { box-shadow: 0 0 0 2px rgba(102, 212, 50, 0.65); } @@ -21345,7 +20288,6 @@ label, padding-top: 0; padding-bottom: 0.25rem; } - .footer .nav-link:hover { opacity: 1 !important; transition: opacity 0.3 ease; @@ -21461,14 +20403,12 @@ label, background-position: center; border-radius: 0.75rem; } - .icon-shape i { color: #fff; opacity: 0.8; top: 11px; position: relative; } - .icon-shape .ni { top: 14px; } @@ -21477,47 +20417,41 @@ label, width: 20px; height: 20px; } - .icon-xxs i { top: -4px; - font-size: .5rem; + font-size: 0.5rem; } .icon-xs { width: 24px; height: 24px; } - .icon-xs i { top: -4px; - font-size: .5rem; + font-size: 0.5rem; } .icon-sm { width: 32px; height: 32px; } - .icon-sm i { top: 2px; - font-size: .65rem; + font-size: 0.65rem; } .icon-md { width: 48px; height: 48px; } - .icon-md i { top: 22%; font-size: 0.875rem; } - .icon-md.icon-striped { background-position-x: 85px; background-position-y: 85px; } - .icon-md.icon-striped i { top: 11%; margin-left: -10px; @@ -21528,17 +20462,14 @@ label, width: 64px; height: 64px; } - .icon-lg i { top: 31%; font-size: 1.25rem; } - .icon-lg.icon-striped { background-position-x: 111px; background-position-y: 111px; } - .icon-lg.icon-striped i { top: 21%; margin-left: -15px; @@ -21549,17 +20480,14 @@ label, height: 100px; border-radius: 0.75rem; } - .icon-xl i { top: 37%; font-size: 1.6rem; } - .icon-xl.icon-striped { background-position-x: 80px; background-position-y: 80px; } - .icon-xl.icon-striped i { top: 30%; margin-left: -15px; @@ -21568,11 +20496,9 @@ label, .info-horizontal { text-align: left !important; } - .info-horizontal .icon { float: left; } - .info-horizontal .description { overflow: hidden; } @@ -21580,7 +20506,6 @@ label, svg.text-primary .color-foreground { fill: #7928CA; } - svg.text-primary .color-background { fill: #FF0080; } @@ -21588,7 +20513,6 @@ svg.text-primary .color-background { svg.text-secondary .color-foreground { fill: #627594; } - svg.text-secondary .color-background { fill: #A8B8D8; } @@ -21596,7 +20520,6 @@ svg.text-secondary .color-background { svg.text-info .color-foreground { fill: #2152ff; } - svg.text-info .color-background { fill: #21d4fd; } @@ -21604,7 +20527,6 @@ svg.text-info .color-background { svg.text-warning .color-foreground { fill: #f53939; } - svg.text-warning .color-background { fill: #fbcf33; } @@ -21612,7 +20534,6 @@ svg.text-warning .color-background { svg.text-danger .color-foreground { fill: #ea0606; } - svg.text-danger .color-background { fill: #ff667c; } @@ -21620,7 +20541,6 @@ svg.text-danger .color-background { svg.text-success .color-foreground { fill: #17ad37; } - svg.text-success .color-background { fill: #98ec2d; } @@ -21628,7 +20548,6 @@ svg.text-success .color-background { svg.text-dark .color-foreground { fill: #141727; } - svg.text-dark .color-background { fill: #3A416F; } @@ -21639,20 +20558,16 @@ svg.text-dark .color-background { backdrop-filter: saturate(200%) blur(30px); background-color: rgba(255, 255, 255, 0.8) !important; } - .blur.saturation-less { -webkit-backdrop-filter: saturate(20%) blur(30px); backdrop-filter: saturate(20%) blur(30px); } - .blur.blur-rounded { border-radius: 40px; } - .blur.blur-light { background-color: rgba(255, 255, 255, 0.4); } - .blur.blur-dark { background-color: rgba(0, 0, 0, 0.3); } @@ -21675,34 +20590,28 @@ svg.text-dark .color-background { -webkit-backdrop-filter: saturate(200%) blur(30px); backdrop-filter: saturate(200%) blur(30px); } - .blur-section.blur-gradient-primary { background-image: linear-gradient(310deg, rgba(121, 40, 202, 0.95) 0%, rgba(255, 0, 128, 0.95) 100%); } *.move-on-hover { - -webkit-transition: 0.2s ease-out; transition: 0.2s ease-out; overflow: hidden; - -webkit-transform-origin: 50% 0; transform-origin: 50% 0; transform-origin: 50% 0; - -webkit-transform: perspective(999px) rotateX(0deg) translate3d(0, 0, 0); transform: perspective(999px) rotateX(0deg) translate3d(0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: transform, box-shadow; } - *.move-on-hover:hover { - -webkit-transform: perspective(999px) rotateX(7deg) translate3d(0px, -4px, 5px); transform: perspective(999px) rotateX(7deg) translate3d(0px, -4px, 5px); } - *.gradient-animation { background: linear-gradient(-45deg, #2152ff, #ea0606, #fbcf33, #7928CA, #344767); background-size: 400% 400% !important; - animation: gradient 10s ease infinite; + -webkit-animation: gradient 10s ease infinite; + animation: gradient 10s ease infinite; } hr.vertical { @@ -21713,15 +20622,12 @@ hr.vertical { top: 0; width: 1px; } - hr.vertical.light { background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), white, rgba(255, 255, 255, 0)); } - hr.vertical.dark { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0)); } - hr.vertical.gray-light { background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)); } @@ -21729,15 +20635,12 @@ hr.vertical.gray-light { hr.horizontal { background-color: transparent; } - hr.horizontal.light { background-image: linear-gradient(to right, rgba(255, 255, 255, 0), white, rgba(255, 255, 255, 0)); } - hr.horizontal.dark { background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0)); } - hr.horizontal.gray-light { background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)); } @@ -21808,14 +20711,13 @@ hr.horizontal.gray-light { min-height: 100px; max-height: 150px; } - .waves.waves-sm { height: 50px; min-height: 50px; } - -.waves.no-animation .moving-waves>use { - animation: none; +.waves.no-animation .moving-waves > use { + -webkit-animation: none; + animation: none; } .wave-rotate { @@ -21823,50 +20725,70 @@ hr.horizontal.gray-light { } /* Animation for the waves */ -.moving-waves>use { - animation: move-forever 40s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite; +.moving-waves > use { + -webkit-animation: move-forever 40s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite; + animation: move-forever 40s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite; } -.moving-waves>use:nth-child(1) { - animation-delay: -2s; - animation-duration: 11s; +.moving-waves > use:nth-child(1) { + -webkit-animation-delay: -2s; + animation-delay: -2s; + -webkit-animation-duration: 11s; + animation-duration: 11s; } -.moving-waves>use:nth-child(2) { - animation-delay: -4s; - animation-duration: 13s; +.moving-waves > use:nth-child(2) { + -webkit-animation-delay: -4s; + animation-delay: -4s; + -webkit-animation-duration: 13s; + animation-duration: 13s; } -.moving-waves>use:nth-child(3) { - animation-delay: -3s; - animation-duration: 15s; +.moving-waves > use:nth-child(3) { + -webkit-animation-delay: -3s; + animation-delay: -3s; + -webkit-animation-duration: 15s; + animation-duration: 15s; } -.moving-waves>use:nth-child(4) { - animation-delay: -4s; - animation-duration: 20s; +.moving-waves > use:nth-child(4) { + -webkit-animation-delay: -4s; + animation-delay: -4s; + -webkit-animation-duration: 20s; + animation-duration: 20s; } -.moving-waves>use:nth-child(5) { - animation-delay: -4s; - animation-duration: 25s; +.moving-waves > use:nth-child(5) { + -webkit-animation-delay: -4s; + animation-delay: -4s; + -webkit-animation-duration: 25s; + animation-duration: 25s; } -.moving-waves>use:nth-child(6) { - animation-delay: -3s; - animation-duration: 30s; +.moving-waves > use:nth-child(6) { + -webkit-animation-delay: -3s; + animation-delay: -3s; + -webkit-animation-duration: 30s; + animation-duration: 30s; } -@keyframes move-forever { +@-webkit-keyframes move-forever { 0% { transform: translate3d(-90px, 0, 0); } - 100% { transform: translate3d(85px, 0, 0); } } +@keyframes move-forever { + 0% { + transform: translate3d(-90px, 0, 0); + } + 100% { + transform: translate3d(85px, 0, 0); + } +} /*Shrinking for mobile*/ @media (max-width: 767.98px) { .waves { @@ -21877,20 +20799,16 @@ hr.horizontal.gray-light { hr.horizontal { background-color: transparent; } - hr.horizontal:not(.dark) { background-image: linear-gradient(to right, rgba(255, 255, 255, 0), white, rgba(255, 255, 255, 0)); } - hr.horizontal.vertical { transform: rotate(90deg); } - hr.horizontal.dark { background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0)); } } - .overflow-visible { overflow: visible !important; } @@ -21925,64 +20843,54 @@ hr.horizontal.gray-light { @media (min-width: 992px) { .virtual-reality .sidenav { margin-top: 1.5rem; - animation-name: fadeInBottom; - animation-fill-mode: both; - animation-duration: 1.5s; + -webkit-animation-name: fadeInBottom; + animation-name: fadeInBottom; + -webkit-animation-fill-mode: both; + animation-fill-mode: both; + -webkit-animation-duration: 1.5s; + animation-duration: 1.5s; transform: scale(0.6); background: #fff; left: 18% !important; position: absolute; } } - .navbar { box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.16); } - .navbar .navbar-brand { color: #344767; } - .navbar .nav-link { color: #344767; padding: 0.5rem 1rem; font-weight: 400; font-size: 0.875rem; } - .navbar.navbar-absolute { position: absolute; width: 100%; z-index: 1; } - -.navbar.navbar-transparent .nav-link, -.navbar.navbar-transparent .nav-link i { +.navbar.navbar-transparent .nav-link, .navbar.navbar-transparent .nav-link i { color: #fff; } - -.navbar.navbar-transparent .nav-link:hover, -.navbar.navbar-transparent .nav-link:focus { +.navbar.navbar-transparent .nav-link:hover, .navbar.navbar-transparent .nav-link:focus { color: rgba(255, 255, 255, 0.75); } - .navbar.navbar-transparent .navbar-toggler .navbar-toggler-icon .navbar-toggler-bar { background: #fff; } - .navbar.navbar-transparent .navbar-collapse { border-radius: 1rem; } - .navbar.navbar-dark .navbar-collapse.show .dropdown-header.text-dark, .navbar.navbar-dark .navbar-collapse.collapsing .dropdown-header.text-dark { color: #fff !important; } - .navbar .sidenav-toggler-inner { width: 18px; } - .navbar .sidenav-toggler-inner .sidenav-toggler-line { transition: all 0.15s ease; background: #67748e; @@ -21991,11 +20899,9 @@ hr.horizontal.gray-light { display: block; height: 2px; } - .navbar .sidenav-toggler-inner .sidenav-toggler-line:not(:last-child) { margin-bottom: 3px; } - .g-sidenav-show.g-sidenav-pinned .navbar .sidenav-toggler-inner .sidenav-toggler-line:first-child, .g-sidenav-show.g-sidenav-pinned .navbar .sidenav-toggler-inner .sidenav-toggler-line:last-child { width: 13px; @@ -22005,11 +20911,9 @@ hr.horizontal.gray-light { .navbar-light { background-color: #fff !important; } - .navbar-light .navbar-toggler { border: none; } - .navbar-light .navbar-toggler:focus { box-shadow: none; } @@ -22017,7 +20921,6 @@ hr.horizontal.gray-light { .navbar-toggler .navbar-toggler-icon { background-image: none; } - .navbar-toggler .navbar-toggler-icon .navbar-toggler-bar { display: block; position: relative; @@ -22028,23 +20931,18 @@ hr.horizontal.gray-light { transition: all 0.2s; margin: 0 auto; } - -.navbar-toggler .navbar-toggler-icon .navbar-toggler-bar.bar2, -.navbar-toggler .navbar-toggler-icon .navbar-toggler-bar.bar3 { +.navbar-toggler .navbar-toggler-icon .navbar-toggler-bar.bar2, .navbar-toggler .navbar-toggler-icon .navbar-toggler-bar.bar3 { margin-top: 7px; } - -.navbar-toggler[aria-expanded="true"] .navbar-toggler-bar.bar1 { +.navbar-toggler[aria-expanded=true] .navbar-toggler-bar.bar1 { transform: rotate(45deg); transform-origin: 10% 10%; margin-top: 4px; } - -.navbar-toggler[aria-expanded="true"] .navbar-toggler-bar.bar2 { +.navbar-toggler[aria-expanded=true] .navbar-toggler-bar.bar2 { opacity: 0; } - -.navbar-toggler[aria-expanded="true"] .navbar-toggler-bar.bar3 { +.navbar-toggler[aria-expanded=true] .navbar-toggler-bar.bar3 { transform: rotate(-45deg); transform-origin: 10% 90%; margin-top: 3px; @@ -22055,28 +20953,21 @@ hr.horizontal.gray-light { padding-top: 0.5rem; padding-bottom: 0.5rem; } - .navbar.navbar-transparent .navbar-collapse.collapsing { background: #fff; } - .navbar.navbar-transparent .navbar-collapse.show { background: #fff; } - .navbar.navbar-transparent .navbar-collapse.show .nav-link, - .navbar.navbar-transparent .navbar-collapse.show i { +.navbar.navbar-transparent .navbar-collapse.show i { color: #344767; } - - .g-sidenav-show .navbar:not(.sidenav).navbar-main .navbar-collapse, - .g-sidenav-show .navbar:not(.mixed-navbar) .navbar-collapse { + .g-sidenav-show .navbar:not(.sidenav).navbar-main .navbar-collapse, .g-sidenav-show .navbar:not(.mixed-navbar) .navbar-collapse { display: flex !important; flex-basis: auto; } - - .g-sidenav-show .navbar:not(.sidenav).navbar-main .navbar-nav, - .g-sidenav-show .navbar:not(.mixed-navbar) .navbar-nav { + .g-sidenav-show .navbar:not(.sidenav).navbar-main .navbar-nav, .g-sidenav-show .navbar:not(.mixed-navbar) .navbar-nav { flex-direction: row; } @@ -22084,84 +20975,66 @@ hr.horizontal.gray-light { box-shadow: 0 8px 26px -4px rgba(20, 20, 20, 0.15), 0 8px 9px -5px rgba(20, 20, 20, 0.06); } } - @media (max-width: 767.98px) { .navbar-collapse { position: relative; } - .navbar-collapse .navbar-nav { width: 100%; } - .navbar-collapse .navbar-nav .nav-item.dropdown { position: static; } - .navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-menu { left: 0; right: 0; } - .navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-menu.show:before { content: none; } } - @media (max-width: 575.98px) { .navbar-nav .nav-item.dropdown .dropdown-menu { left: 0; right: auto; } } - -@use "sass:math"; - -.navbar-vertical .navbar-brand>img, +.navbar-vertical .navbar-brand > img, .navbar-vertical .navbar-brand-img { max-width: 100%; max-height: 2rem; } - .navbar-vertical .navbar-nav { flex-direction: column !important; } - .navbar-vertical .navbar-nav .nav-link { padding-left: 1rem; padding-right: 1rem; font-weight: 500; color: #67748e; } - -.navbar-vertical .navbar-nav .nav-link>i { +.navbar-vertical .navbar-nav .nav-link > i { min-width: 1.8rem; font-size: 0.9375rem; line-height: 1.5rem; } - .navbar-vertical .navbar-nav .nav-link .dropdown-menu { border: none; } - .navbar-vertical .navbar-nav .nav-link .dropdown-menu .dropdown-menu { margin-left: 0.5rem; } - .navbar-vertical .navbar-nav .nav-link .icon { padding: 10px; } - .navbar-vertical .navbar-nav .nav-sm .nav-link { font-size: 0.8125rem; } - .navbar-vertical .navbar-nav .nav-link { display: flex; align-items: center; white-space: nowrap; } - .navbar-vertical .navbar-heading { padding-top: 0.5rem; padding-bottom: 0.5rem; @@ -22169,7 +21042,6 @@ hr.horizontal.gray-light { text-transform: uppercase; letter-spacing: 0.04em; } - .navbar-vertical.navbar-expand-xs { display: block; position: fixed; @@ -22181,70 +21053,56 @@ hr.horizontal.gray-light { padding: 0; box-shadow: none; } - .navbar-vertical.navbar-expand-xs .navbar-collapse { display: block; overflow: auto; height: calc(100vh - 360px); } - -.navbar-vertical.navbar-expand-xs>[class*="container"] { +.navbar-vertical.navbar-expand-xs > [class*=container] { flex-direction: column; align-items: stretch; min-height: 100%; padding-left: 0; padding-right: 0; } - -@media all and (-ms-high-contrast: none), -(-ms-high-contrast: active) { - .navbar-vertical.navbar-expand-xs>[class*="container"] { +@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { + .navbar-vertical.navbar-expand-xs > [class*=container] { min-height: none; height: 100%; } } - .navbar-vertical.navbar-expand-xs.fixed-start { left: 0; } - .navbar-vertical.navbar-expand-xs.fixed-end { right: 0; } - .navbar-vertical.navbar-expand-xs .navbar-nav .nav-link { padding-top: 0.675rem; padding-bottom: 0.675rem; margin: 0 1rem; } - .navbar-vertical.navbar-expand-xs .navbar-nav .nav-link .nav-link-text, .navbar-vertical.navbar-expand-xs .navbar-nav .nav-link .sidenav-mini-icon, .navbar-vertical.navbar-expand-xs .navbar-nav .nav-link .sidenav-normal, .navbar-vertical.navbar-expand-xs .navbar-nav .nav-link i { pointer-events: none; } - .navbar-vertical.navbar-expand-xs .navbar-nav .nav-item { width: 100%; } - -.navbar-vertical.navbar-expand-xs .navbar-nav>.nav-item { +.navbar-vertical.navbar-expand-xs .navbar-nav > .nav-item { margin-top: 0.125rem; } - -.navbar-vertical.navbar-expand-xs .navbar-nav>.nav-item .icon .ni { +.navbar-vertical.navbar-expand-xs .navbar-nav > .nav-item .icon .ni { top: 0; } - -.navbar-vertical.navbar-expand-xs .navbar-nav>.nav-item>.nav-link .icon svg .color-background { +.navbar-vertical.navbar-expand-xs .navbar-nav > .nav-item > .nav-link .icon svg .color-background { fill: #3A416F; } - -.navbar-vertical.navbar-expand-xs .navbar-nav>.nav-item>.nav-link .icon svg .color-foreground { +.navbar-vertical.navbar-expand-xs .navbar-nav > .nav-item > .nav-link .icon svg .color-foreground { fill: #141727; } - .navbar-vertical.navbar-expand-xs .lavalamp-object { width: calc(100% - 1rem) !important; background: theme-color("primary"); @@ -22255,17 +21113,14 @@ hr.horizontal.gray-light { padding-right: 1rem; border-radius: 0.25rem; } - .navbar-vertical.navbar-expand-xs .navbar-nav .nav .nav-link { padding-top: 0.417rem; padding-bottom: 0.417rem; padding-left: 15px; } - -.navbar-vertical.navbar-expand-xs .navbar-nav .nav .nav-link>span.sidenav-normal { +.navbar-vertical.navbar-expand-xs .navbar-nav .nav .nav-link > span.sidenav-normal { transition: all 0.1s ease 0s; } - @media (min-width: 576px) { .navbar-vertical.navbar-expand-sm { display: block; @@ -22278,14 +21133,12 @@ hr.horizontal.gray-light { padding: 0; box-shadow: none; } - .navbar-vertical.navbar-expand-sm .navbar-collapse { display: block; overflow: auto; height: calc(100vh - 360px); } - - .navbar-vertical.navbar-expand-sm>[class*="container"] { + .navbar-vertical.navbar-expand-sm > [class*=container] { flex-direction: column; align-items: stretch; min-height: 100%; @@ -22293,57 +21146,55 @@ hr.horizontal.gray-light { padding-right: 0; } } - -@media all and (min-width: 576px) and (-ms-high-contrast: none), -(min-width: 576px) and (-ms-high-contrast: active) { - .navbar-vertical.navbar-expand-sm>[class*="container"] { +@media (min-width: 576px) and (-ms-high-contrast: none), (min-width: 576px) and (-ms-high-contrast: active) { + .navbar-vertical.navbar-expand-sm > [class*=container] { min-height: none; height: 100%; } } - @media (min-width: 576px) { .navbar-vertical.navbar-expand-sm.fixed-start { left: 0; } - +} +@media (min-width: 576px) { .navbar-vertical.navbar-expand-sm.fixed-end { right: 0; } - +} +@media (min-width: 576px) { .navbar-vertical.navbar-expand-sm .navbar-nav .nav-link { padding-top: 0.675rem; padding-bottom: 0.675rem; margin: 0 1rem; } - .navbar-vertical.navbar-expand-sm .navbar-nav .nav-link .nav-link-text, - .navbar-vertical.navbar-expand-sm .navbar-nav .nav-link .sidenav-mini-icon, - .navbar-vertical.navbar-expand-sm .navbar-nav .nav-link .sidenav-normal, - .navbar-vertical.navbar-expand-sm .navbar-nav .nav-link i { +.navbar-vertical.navbar-expand-sm .navbar-nav .nav-link .sidenav-mini-icon, +.navbar-vertical.navbar-expand-sm .navbar-nav .nav-link .sidenav-normal, +.navbar-vertical.navbar-expand-sm .navbar-nav .nav-link i { pointer-events: none; } - +} +@media (min-width: 576px) { .navbar-vertical.navbar-expand-sm .navbar-nav .nav-item { width: 100%; } - - .navbar-vertical.navbar-expand-sm .navbar-nav>.nav-item { +} +@media (min-width: 576px) { + .navbar-vertical.navbar-expand-sm .navbar-nav > .nav-item { margin-top: 0.125rem; } - - .navbar-vertical.navbar-expand-sm .navbar-nav>.nav-item .icon .ni { + .navbar-vertical.navbar-expand-sm .navbar-nav > .nav-item .icon .ni { top: 0; } - - .navbar-vertical.navbar-expand-sm .navbar-nav>.nav-item>.nav-link .icon svg .color-background { + .navbar-vertical.navbar-expand-sm .navbar-nav > .nav-item > .nav-link .icon svg .color-background { fill: #3A416F; } - - .navbar-vertical.navbar-expand-sm .navbar-nav>.nav-item>.nav-link .icon svg .color-foreground { + .navbar-vertical.navbar-expand-sm .navbar-nav > .nav-item > .nav-link .icon svg .color-foreground { fill: #141727; } - +} +@media (min-width: 576px) { .navbar-vertical.navbar-expand-sm .lavalamp-object { width: calc(100% - 1rem) !important; background: theme-color("primary"); @@ -22354,18 +21205,17 @@ hr.horizontal.gray-light { padding-right: 1rem; border-radius: 0.25rem; } - +} +@media (min-width: 576px) { .navbar-vertical.navbar-expand-sm .navbar-nav .nav .nav-link { padding-top: 0.417rem; padding-bottom: 0.417rem; padding-left: 15px; } - - .navbar-vertical.navbar-expand-sm .navbar-nav .nav .nav-link>span.sidenav-normal { + .navbar-vertical.navbar-expand-sm .navbar-nav .nav .nav-link > span.sidenav-normal { transition: all 0.1s ease 0s; } } - @media (min-width: 768px) { .navbar-vertical.navbar-expand-md { display: block; @@ -22378,14 +21228,12 @@ hr.horizontal.gray-light { padding: 0; box-shadow: none; } - .navbar-vertical.navbar-expand-md .navbar-collapse { display: block; overflow: auto; height: calc(100vh - 360px); } - - .navbar-vertical.navbar-expand-md>[class*="container"] { + .navbar-vertical.navbar-expand-md > [class*=container] { flex-direction: column; align-items: stretch; min-height: 100%; @@ -22393,57 +21241,55 @@ hr.horizontal.gray-light { padding-right: 0; } } - -@media all and (min-width: 768px) and (-ms-high-contrast: none), -(min-width: 768px) and (-ms-high-contrast: active) { - .navbar-vertical.navbar-expand-md>[class*="container"] { +@media (min-width: 768px) and (-ms-high-contrast: none), (min-width: 768px) and (-ms-high-contrast: active) { + .navbar-vertical.navbar-expand-md > [class*=container] { min-height: none; height: 100%; } } - @media (min-width: 768px) { .navbar-vertical.navbar-expand-md.fixed-start { left: 0; } - +} +@media (min-width: 768px) { .navbar-vertical.navbar-expand-md.fixed-end { right: 0; } - +} +@media (min-width: 768px) { .navbar-vertical.navbar-expand-md .navbar-nav .nav-link { padding-top: 0.675rem; padding-bottom: 0.675rem; margin: 0 1rem; } - .navbar-vertical.navbar-expand-md .navbar-nav .nav-link .nav-link-text, - .navbar-vertical.navbar-expand-md .navbar-nav .nav-link .sidenav-mini-icon, - .navbar-vertical.navbar-expand-md .navbar-nav .nav-link .sidenav-normal, - .navbar-vertical.navbar-expand-md .navbar-nav .nav-link i { +.navbar-vertical.navbar-expand-md .navbar-nav .nav-link .sidenav-mini-icon, +.navbar-vertical.navbar-expand-md .navbar-nav .nav-link .sidenav-normal, +.navbar-vertical.navbar-expand-md .navbar-nav .nav-link i { pointer-events: none; } - +} +@media (min-width: 768px) { .navbar-vertical.navbar-expand-md .navbar-nav .nav-item { width: 100%; } - - .navbar-vertical.navbar-expand-md .navbar-nav>.nav-item { +} +@media (min-width: 768px) { + .navbar-vertical.navbar-expand-md .navbar-nav > .nav-item { margin-top: 0.125rem; } - - .navbar-vertical.navbar-expand-md .navbar-nav>.nav-item .icon .ni { + .navbar-vertical.navbar-expand-md .navbar-nav > .nav-item .icon .ni { top: 0; } - - .navbar-vertical.navbar-expand-md .navbar-nav>.nav-item>.nav-link .icon svg .color-background { + .navbar-vertical.navbar-expand-md .navbar-nav > .nav-item > .nav-link .icon svg .color-background { fill: #3A416F; } - - .navbar-vertical.navbar-expand-md .navbar-nav>.nav-item>.nav-link .icon svg .color-foreground { + .navbar-vertical.navbar-expand-md .navbar-nav > .nav-item > .nav-link .icon svg .color-foreground { fill: #141727; } - +} +@media (min-width: 768px) { .navbar-vertical.navbar-expand-md .lavalamp-object { width: calc(100% - 1rem) !important; background: theme-color("primary"); @@ -22454,18 +21300,17 @@ hr.horizontal.gray-light { padding-right: 1rem; border-radius: 0.25rem; } - +} +@media (min-width: 768px) { .navbar-vertical.navbar-expand-md .navbar-nav .nav .nav-link { padding-top: 0.417rem; padding-bottom: 0.417rem; padding-left: 15px; } - - .navbar-vertical.navbar-expand-md .navbar-nav .nav .nav-link>span.sidenav-normal { + .navbar-vertical.navbar-expand-md .navbar-nav .nav .nav-link > span.sidenav-normal { transition: all 0.1s ease 0s; } } - @media (min-width: 992px) { .navbar-vertical.navbar-expand-lg { display: block; @@ -22478,14 +21323,12 @@ hr.horizontal.gray-light { padding: 0; box-shadow: none; } - .navbar-vertical.navbar-expand-lg .navbar-collapse { display: block; overflow: auto; height: calc(100vh - 360px); } - - .navbar-vertical.navbar-expand-lg>[class*="container"] { + .navbar-vertical.navbar-expand-lg > [class*=container] { flex-direction: column; align-items: stretch; min-height: 100%; @@ -22493,57 +21336,55 @@ hr.horizontal.gray-light { padding-right: 0; } } - -@media all and (min-width: 992px) and (-ms-high-contrast: none), -(min-width: 992px) and (-ms-high-contrast: active) { - .navbar-vertical.navbar-expand-lg>[class*="container"] { +@media (min-width: 992px) and (-ms-high-contrast: none), (min-width: 992px) and (-ms-high-contrast: active) { + .navbar-vertical.navbar-expand-lg > [class*=container] { min-height: none; height: 100%; } } - @media (min-width: 992px) { .navbar-vertical.navbar-expand-lg.fixed-start { left: 0; } - +} +@media (min-width: 992px) { .navbar-vertical.navbar-expand-lg.fixed-end { right: 0; } - +} +@media (min-width: 992px) { .navbar-vertical.navbar-expand-lg .navbar-nav .nav-link { padding-top: 0.675rem; padding-bottom: 0.675rem; margin: 0 1rem; } - .navbar-vertical.navbar-expand-lg .navbar-nav .nav-link .nav-link-text, - .navbar-vertical.navbar-expand-lg .navbar-nav .nav-link .sidenav-mini-icon, - .navbar-vertical.navbar-expand-lg .navbar-nav .nav-link .sidenav-normal, - .navbar-vertical.navbar-expand-lg .navbar-nav .nav-link i { +.navbar-vertical.navbar-expand-lg .navbar-nav .nav-link .sidenav-mini-icon, +.navbar-vertical.navbar-expand-lg .navbar-nav .nav-link .sidenav-normal, +.navbar-vertical.navbar-expand-lg .navbar-nav .nav-link i { pointer-events: none; } - +} +@media (min-width: 992px) { .navbar-vertical.navbar-expand-lg .navbar-nav .nav-item { width: 100%; } - - .navbar-vertical.navbar-expand-lg .navbar-nav>.nav-item { +} +@media (min-width: 992px) { + .navbar-vertical.navbar-expand-lg .navbar-nav > .nav-item { margin-top: 0.125rem; } - - .navbar-vertical.navbar-expand-lg .navbar-nav>.nav-item .icon .ni { + .navbar-vertical.navbar-expand-lg .navbar-nav > .nav-item .icon .ni { top: 0; } - - .navbar-vertical.navbar-expand-lg .navbar-nav>.nav-item>.nav-link .icon svg .color-background { + .navbar-vertical.navbar-expand-lg .navbar-nav > .nav-item > .nav-link .icon svg .color-background { fill: #3A416F; } - - .navbar-vertical.navbar-expand-lg .navbar-nav>.nav-item>.nav-link .icon svg .color-foreground { + .navbar-vertical.navbar-expand-lg .navbar-nav > .nav-item > .nav-link .icon svg .color-foreground { fill: #141727; } - +} +@media (min-width: 992px) { .navbar-vertical.navbar-expand-lg .lavalamp-object { width: calc(100% - 1rem) !important; background: theme-color("primary"); @@ -22554,18 +21395,17 @@ hr.horizontal.gray-light { padding-right: 1rem; border-radius: 0.25rem; } - +} +@media (min-width: 992px) { .navbar-vertical.navbar-expand-lg .navbar-nav .nav .nav-link { padding-top: 0.417rem; padding-bottom: 0.417rem; padding-left: 15px; } - - .navbar-vertical.navbar-expand-lg .navbar-nav .nav .nav-link>span.sidenav-normal { + .navbar-vertical.navbar-expand-lg .navbar-nav .nav .nav-link > span.sidenav-normal { transition: all 0.1s ease 0s; } } - @media (min-width: 1200px) { .navbar-vertical.navbar-expand-xl { display: block; @@ -22578,14 +21418,12 @@ hr.horizontal.gray-light { padding: 0; box-shadow: none; } - .navbar-vertical.navbar-expand-xl .navbar-collapse { display: block; overflow: auto; height: calc(100vh - 360px); } - - .navbar-vertical.navbar-expand-xl>[class*="container"] { + .navbar-vertical.navbar-expand-xl > [class*=container] { flex-direction: column; align-items: stretch; min-height: 100%; @@ -22593,57 +21431,55 @@ hr.horizontal.gray-light { padding-right: 0; } } - -@media all and (min-width: 1200px) and (-ms-high-contrast: none), -(min-width: 1200px) and (-ms-high-contrast: active) { - .navbar-vertical.navbar-expand-xl>[class*="container"] { +@media (min-width: 1200px) and (-ms-high-contrast: none), (min-width: 1200px) and (-ms-high-contrast: active) { + .navbar-vertical.navbar-expand-xl > [class*=container] { min-height: none; height: 100%; } } - @media (min-width: 1200px) { .navbar-vertical.navbar-expand-xl.fixed-start { left: 0; } - +} +@media (min-width: 1200px) { .navbar-vertical.navbar-expand-xl.fixed-end { right: 0; } - +} +@media (min-width: 1200px) { .navbar-vertical.navbar-expand-xl .navbar-nav .nav-link { padding-top: 0.675rem; padding-bottom: 0.675rem; margin: 0 1rem; } - .navbar-vertical.navbar-expand-xl .navbar-nav .nav-link .nav-link-text, - .navbar-vertical.navbar-expand-xl .navbar-nav .nav-link .sidenav-mini-icon, - .navbar-vertical.navbar-expand-xl .navbar-nav .nav-link .sidenav-normal, - .navbar-vertical.navbar-expand-xl .navbar-nav .nav-link i { +.navbar-vertical.navbar-expand-xl .navbar-nav .nav-link .sidenav-mini-icon, +.navbar-vertical.navbar-expand-xl .navbar-nav .nav-link .sidenav-normal, +.navbar-vertical.navbar-expand-xl .navbar-nav .nav-link i { pointer-events: none; } - +} +@media (min-width: 1200px) { .navbar-vertical.navbar-expand-xl .navbar-nav .nav-item { width: 100%; } - - .navbar-vertical.navbar-expand-xl .navbar-nav>.nav-item { +} +@media (min-width: 1200px) { + .navbar-vertical.navbar-expand-xl .navbar-nav > .nav-item { margin-top: 0.125rem; } - - .navbar-vertical.navbar-expand-xl .navbar-nav>.nav-item .icon .ni { + .navbar-vertical.navbar-expand-xl .navbar-nav > .nav-item .icon .ni { top: 0; } - - .navbar-vertical.navbar-expand-xl .navbar-nav>.nav-item>.nav-link .icon svg .color-background { + .navbar-vertical.navbar-expand-xl .navbar-nav > .nav-item > .nav-link .icon svg .color-background { fill: #3A416F; } - - .navbar-vertical.navbar-expand-xl .navbar-nav>.nav-item>.nav-link .icon svg .color-foreground { + .navbar-vertical.navbar-expand-xl .navbar-nav > .nav-item > .nav-link .icon svg .color-foreground { fill: #141727; } - +} +@media (min-width: 1200px) { .navbar-vertical.navbar-expand-xl .lavalamp-object { width: calc(100% - 1rem) !important; background: theme-color("primary"); @@ -22654,18 +21490,17 @@ hr.horizontal.gray-light { padding-right: 1rem; border-radius: 0.25rem; } - +} +@media (min-width: 1200px) { .navbar-vertical.navbar-expand-xl .navbar-nav .nav .nav-link { padding-top: 0.417rem; padding-bottom: 0.417rem; padding-left: 15px; } - - .navbar-vertical.navbar-expand-xl .navbar-nav .nav .nav-link>span.sidenav-normal { + .navbar-vertical.navbar-expand-xl .navbar-nav .nav .nav-link > span.sidenav-normal { transition: all 0.1s ease 0s; } } - @media (min-width: 1400px) { .navbar-vertical.navbar-expand-xxl { display: block; @@ -22678,14 +21513,12 @@ hr.horizontal.gray-light { padding: 0; box-shadow: none; } - .navbar-vertical.navbar-expand-xxl .navbar-collapse { display: block; overflow: auto; height: calc(100vh - 360px); } - - .navbar-vertical.navbar-expand-xxl>[class*="container"] { + .navbar-vertical.navbar-expand-xxl > [class*=container] { flex-direction: column; align-items: stretch; min-height: 100%; @@ -22693,57 +21526,55 @@ hr.horizontal.gray-light { padding-right: 0; } } - -@media all and (min-width: 1400px) and (-ms-high-contrast: none), -(min-width: 1400px) and (-ms-high-contrast: active) { - .navbar-vertical.navbar-expand-xxl>[class*="container"] { +@media (min-width: 1400px) and (-ms-high-contrast: none), (min-width: 1400px) and (-ms-high-contrast: active) { + .navbar-vertical.navbar-expand-xxl > [class*=container] { min-height: none; height: 100%; } } - @media (min-width: 1400px) { .navbar-vertical.navbar-expand-xxl.fixed-start { left: 0; } - +} +@media (min-width: 1400px) { .navbar-vertical.navbar-expand-xxl.fixed-end { right: 0; } - +} +@media (min-width: 1400px) { .navbar-vertical.navbar-expand-xxl .navbar-nav .nav-link { padding-top: 0.675rem; padding-bottom: 0.675rem; margin: 0 1rem; } - .navbar-vertical.navbar-expand-xxl .navbar-nav .nav-link .nav-link-text, - .navbar-vertical.navbar-expand-xxl .navbar-nav .nav-link .sidenav-mini-icon, - .navbar-vertical.navbar-expand-xxl .navbar-nav .nav-link .sidenav-normal, - .navbar-vertical.navbar-expand-xxl .navbar-nav .nav-link i { +.navbar-vertical.navbar-expand-xxl .navbar-nav .nav-link .sidenav-mini-icon, +.navbar-vertical.navbar-expand-xxl .navbar-nav .nav-link .sidenav-normal, +.navbar-vertical.navbar-expand-xxl .navbar-nav .nav-link i { pointer-events: none; } - +} +@media (min-width: 1400px) { .navbar-vertical.navbar-expand-xxl .navbar-nav .nav-item { width: 100%; } - - .navbar-vertical.navbar-expand-xxl .navbar-nav>.nav-item { +} +@media (min-width: 1400px) { + .navbar-vertical.navbar-expand-xxl .navbar-nav > .nav-item { margin-top: 0.125rem; } - - .navbar-vertical.navbar-expand-xxl .navbar-nav>.nav-item .icon .ni { + .navbar-vertical.navbar-expand-xxl .navbar-nav > .nav-item .icon .ni { top: 0; } - - .navbar-vertical.navbar-expand-xxl .navbar-nav>.nav-item>.nav-link .icon svg .color-background { + .navbar-vertical.navbar-expand-xxl .navbar-nav > .nav-item > .nav-link .icon svg .color-background { fill: #3A416F; } - - .navbar-vertical.navbar-expand-xxl .navbar-nav>.nav-item>.nav-link .icon svg .color-foreground { + .navbar-vertical.navbar-expand-xxl .navbar-nav > .nav-item > .nav-link .icon svg .color-foreground { fill: #141727; } - +} +@media (min-width: 1400px) { .navbar-vertical.navbar-expand-xxl .lavalamp-object { width: calc(100% - 1rem) !important; background: theme-color("primary"); @@ -22754,51 +21585,43 @@ hr.horizontal.gray-light { padding-right: 1rem; border-radius: 0.25rem; } - +} +@media (min-width: 1400px) { .navbar-vertical.navbar-expand-xxl .navbar-nav .nav .nav-link { padding-top: 0.417rem; padding-bottom: 0.417rem; padding-left: 15px; } - - .navbar-vertical.navbar-expand-xxl .navbar-nav .nav .nav-link>span.sidenav-normal { + .navbar-vertical.navbar-expand-xxl .navbar-nav .nav .nav-link > span.sidenav-normal { transition: all 0.1s ease 0s; } } -.sidenav[data-color="primary"] .navbar-nav>.nav-item>.nav-link.active .icon { +.sidenav[data-color=primary] .navbar-nav > .nav-item > .nav-link.active .icon { background-image: linear-gradient(310deg, #cb0c9f 0%, #cb0c9f 100%); } - -.sidenav[data-color="secondary"] .navbar-nav>.nav-item>.nav-link.active .icon { +.sidenav[data-color=secondary] .navbar-nav > .nav-item > .nav-link.active .icon { background-image: linear-gradient(310deg, #8392AB 0%, #8392AB 100%); } - -.sidenav[data-color="success"] .navbar-nav>.nav-item>.nav-link.active .icon { +.sidenav[data-color=success] .navbar-nav > .nav-item > .nav-link.active .icon { background-image: linear-gradient(310deg, #82d616 0%, #82d616 100%); } - -.sidenav[data-color="info"] .navbar-nav>.nav-item>.nav-link.active .icon { +.sidenav[data-color=info] .navbar-nav > .nav-item > .nav-link.active .icon { background-image: linear-gradient(310deg, #17c1e8 0%, #17c1e8 100%); } - -.sidenav[data-color="warning"] .navbar-nav>.nav-item>.nav-link.active .icon { +.sidenav[data-color=warning] .navbar-nav > .nav-item > .nav-link.active .icon { background-image: linear-gradient(310deg, #fbcf33 0%, #fbcf33 100%); } - -.sidenav[data-color="danger"] .navbar-nav>.nav-item>.nav-link.active .icon { +.sidenav[data-color=danger] .navbar-nav > .nav-item > .nav-link.active .icon { background-image: linear-gradient(310deg, #ea0606 0%, #ea0606 100%); } - -.sidenav[data-color="light"] .navbar-nav>.nav-item>.nav-link.active .icon { +.sidenav[data-color=light] .navbar-nav > .nav-item > .nav-link.active .icon { background-image: linear-gradient(310deg, #e9ecef 0%, #e9ecef 100%); } - -.sidenav[data-color="dark"] .navbar-nav>.nav-item>.nav-link.active .icon { +.sidenav[data-color=dark] .navbar-nav > .nav-item > .nav-link.active .icon { background-image: linear-gradient(310deg, #344767 0%, #344767 100%); } - -.sidenav[data-color="white"] .navbar-nav>.nav-item>.nav-link.active .icon { +.sidenav[data-color=white] .navbar-nav > .nav-item > .nav-link.active .icon { background-image: linear-gradient(310deg, #fff 0%, #fff 100%); } @@ -22810,38 +21633,30 @@ hr.horizontal.gray-light { .sidenav { z-index: 9999; } - .sidenav .navbar-brand, .sidenav .navbar-heading { display: block; } - @media (min-width: 1200px) { .sidenav:hover { max-width: 15.625rem; } - .sidenav .sidenav-toggler { padding: 1.5rem; } - - .sidenav.fixed-start~.main-content { + .sidenav.fixed-start ~ .main-content { margin-left: 17.125rem; } - - .sidenav.fixed-end~.main-content { + .sidenav.fixed-end ~ .main-content { margin-right: 17.125rem; } } - .sidenav .navbar-heading .docs-mini { padding-left: 3px; } - .sidenav .navbar-heading { transition: all 0.1s ease; } - .sidenav .navbar-brand { padding: 1.5rem 2rem; } @@ -22858,13 +21673,11 @@ hr.horizontal.gray-light { height: auto; transition: all 0.2s ease-in-out; } - @media (prefers-reduced-motion: reduce) { .g-sidenav-show .sidenav .nav-item .collapse { transition: none; } } - .g-sidenav-show .sidenav .nav-link-text { transition: 0.3s ease; opacity: 1; @@ -22874,102 +21687,84 @@ hr.horizontal.gray-light { .g-sidenav-show.rtl .sidenav { transform: translateX(17.125rem); } - .g-sidenav-show:not(.rtl) .sidenav { transform: translateX(-17.125rem); } - - .g-sidenav-show .sidenav.fixed-start~.main-content { + .g-sidenav-show .sidenav.fixed-start ~ .main-content { margin-left: 0 !important; } - .g-sidenav-show.g-sidenav-pinned .sidenav { transform: translateX(0); } } - .navbar-vertical.bg-white { box-shadow: 0 20px 27px 0 rgba(0, 0, 0, 0.05); } - .navbar-vertical.bg-white .navbar-nav .nav-link.active { box-shadow: none; } - .navbar-vertical.bg-white .navbar-nav .nav-link .icon { background-image: linear-gradient(310deg, #e9ecef 0%, #e9ecef 100%); } - .navbar-vertical .navbar-nav .nav-link.active { font-weight: 600; box-shadow: 0 20px 27px 0 rgba(0, 0, 0, 0.05); border-radius: 0.5rem; } - -.navbar-vertical .navbar-nav>.nav-item .nav-link.active { +.navbar-vertical .navbar-nav > .nav-item .nav-link.active { color: #344767; background-color: #fff; } - -.navbar-vertical .navbar-nav>.nav-item .nav-link.active .icon { +.navbar-vertical .navbar-nav > .nav-item .nav-link.active .icon { background-image: linear-gradient(310deg, #cb0c9f 0%, #cb0c9f 100%); } - -.navbar-vertical .navbar-nav>.nav-item .nav-link.active .icon svg .color-background, -.navbar-vertical .navbar-nav>.nav-item .nav-link.active .icon svg .color-foreground { +.navbar-vertical .navbar-nav > .nav-item .nav-link.active .icon svg .color-background, +.navbar-vertical .navbar-nav > .nav-item .nav-link.active .icon svg .color-foreground { fill: #fff; } .navbar-main { transition: box-shadow 0.25s ease-in, background-color 0.25s ease-in; } - .navbar-main.fixed-top { width: calc(100% - (15.625rem + 1.5rem * 3)); } - -.navbar-main.fixed-top+[class*="container"] { +.navbar-main.fixed-top + [class*=container] { margin-top: 7.1875rem !important; } -.navbar-vertical .navbar-nav .nav-link[data-bs-toggle="collapse"]:after { +.navbar-vertical .navbar-nav .nav-link[data-bs-toggle=collapse]:after { display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; - font-family: 'Font Awesome 5 Free'; + font-family: "Font Awesome 5 Free"; font-weight: 700; content: "\f107"; margin-left: auto; color: rgba(58, 65, 111, 0.5); transition: all 0.2s ease-in-out; } - @media (prefers-reduced-motion: reduce) { - .navbar-vertical .navbar-nav .nav-link[data-bs-toggle="collapse"]:after { + .navbar-vertical .navbar-nav .nav-link[data-bs-toggle=collapse]:after { transition: none; } } - -.navbar-vertical .navbar-nav .nav-link[data-bs-toggle="collapse"][aria-expanded="true"]:after { +.navbar-vertical .navbar-nav .nav-link[data-bs-toggle=collapse][aria-expanded=true]:after { color: #3A416F; transform: rotate(180deg); } - .navbar-vertical .navbar-nav .nav-item .collapse .nav, .navbar-vertical .navbar-nav .nav-item .collapsing .nav { transition: all 0.2s ease-in-out; } - @media (prefers-reduced-motion: reduce) { - .navbar-vertical .navbar-nav .nav-item .collapse .nav, - .navbar-vertical .navbar-nav .nav-item .collapsing .nav { +.navbar-vertical .navbar-nav .nav-item .collapsing .nav { transition: none; } } - .navbar-vertical .navbar-nav .nav-item .collapse .nav .nav-item .nav-link, .navbar-vertical .navbar-nav .nav-item .collapsing .nav .nav-item .nav-link { position: relative; @@ -22978,7 +21773,6 @@ hr.horizontal.gray-light { color: rgba(58, 65, 111, 0.5); margin-left: 1.35rem; } - .navbar-vertical .navbar-nav .nav-item .collapse .nav .nav-item .nav-link:before, .navbar-vertical .navbar-nav .nav-item .collapsing .nav .nav-item .nav-link:before { content: ""; @@ -22991,37 +21785,31 @@ hr.horizontal.gray-light { border-radius: 1.5rem; background: rgba(58, 65, 111, 0.5); } - .navbar-vertical .navbar-nav .nav-item .collapse .nav .nav-item .nav-link.active, .navbar-vertical .navbar-nav .nav-item .collapsing .nav .nav-item .nav-link.active { color: #3A416F; } - .navbar-vertical .navbar-nav .nav-item .collapse .nav .nav-item .nav-link.active:before, .navbar-vertical .navbar-nav .nav-item .collapsing .nav .nav-item .nav-link.active:before { height: 8px; width: 8px; background: #3A416F; } - .navbar-vertical .navbar-nav .nav-item .collapse .nav .nav-item.active .nav-link, .navbar-vertical .navbar-nav .nav-item .collapsing .nav .nav-item.active .nav-link { color: #3A416F; } - .navbar-vertical .navbar-nav .nav-item .collapse .nav .nav-item.active .nav-link:before, .navbar-vertical .navbar-nav .nav-item .collapsing .nav .nav-item.active .nav-link:before { height: 8px; width: 8px; background: #3A416F; } - .navbar-vertical .navbar-nav .nav-item .collapse .nav .nav-item .nav-item .nav-link:before, .navbar-vertical .navbar-nav .nav-item .collapsing .nav .nav-item .nav-item .nav-link:before { content: none; } - -.navbar-vertical.blur .navbar-nav>.nav-item .nav-link { +.navbar-vertical.blur .navbar-nav > .nav-item .nav-link { background-color: transparent; box-shadow: none; } @@ -23030,31 +21818,25 @@ hr.horizontal.gray-light { .navbar-vertical .navbar-brand span { transition: all 0.2s ease-in-out; } - @media (prefers-reduced-motion: reduce) { - .navbar-vertical .navbar-brand .navbar-brand-img, - .navbar-vertical .navbar-brand span { +.navbar-vertical .navbar-brand span { transition: none; } } - .navbar-vertical .nav-item .nav-link span.sidenav-mini-icon { transition: all 0.2s ease-in-out; text-align: center; width: 0; } - @media (prefers-reduced-motion: reduce) { .navbar-vertical .nav-item .nav-link span.sidenav-mini-icon { transition: none; } } - .navbar-vertical .docs-info { transition: all 0.2s ease-in-out; } - @media (prefers-reduced-motion: reduce) { .navbar-vertical .docs-info { transition: none; @@ -23069,141 +21851,111 @@ hr.horizontal.gray-light { .g-sidenav-hidden.rtl .main-content { margin-right: 6rem !important; } - .g-sidenav-hidden.rtl .main-content .navbar-vertical:hover { max-width: 15.625rem !important; } - - .g-sidenav-hidden.rtl .sidenav:hover+.main-content { + .g-sidenav-hidden.rtl .sidenav:hover + .main-content { margin-right: 17.125rem !important; } - .g-sidenav-hidden .navbar-vertical { max-width: 6rem !important; } - - .g-sidenav-hidden .navbar-vertical.fixed-start~.main-content { + .g-sidenav-hidden .navbar-vertical.fixed-start ~ .main-content { margin-left: 7.5rem; } - .g-sidenav-hidden .navbar-vertical .navbar-brand img { width: auto !important; } - .g-sidenav-hidden .navbar-vertical .navbar-brand span { opacity: 0; } - .g-sidenav-hidden .navbar-vertical .nav-item .nav-link .icon { padding: 10px; } - .g-sidenav-hidden .navbar-vertical .nav-item .nav-link .nav-link-text, - .g-sidenav-hidden .navbar-vertical .nav-item .nav-link .sidenav-normal { +.g-sidenav-hidden .navbar-vertical .nav-item .nav-link .sidenav-normal { opacity: 0; width: 0; } - .g-sidenav-hidden .navbar-vertical .nav-item .nav-link .sidenav-mini-icon { min-width: 1.8rem; margin-left: 0.15rem; opacity: 1; } - - .g-sidenav-hidden .navbar-vertical .nav-item .nav-link[data-bs-toggle="collapse"]:after { + .g-sidenav-hidden .navbar-vertical .nav-item .nav-link[data-bs-toggle=collapse]:after { content: ""; } - .g-sidenav-hidden .navbar-vertical .nav-item .collapse .nav { margin-left: 0 !important; padding-left: 0 !important; } - .g-sidenav-hidden .navbar-vertical .nav-item .collapse .nav .nav-item .nav-link { margin-left: 1rem; } - .g-sidenav-hidden .navbar-vertical .nav-item .collapse .nav .nav-item .nav-link:before { content: none; } - - .g-sidenav-hidden .navbar-vertical .nav-item .collapse .nav .nav-item .nav-link[data-bs-toggle="collapse"]:after { + .g-sidenav-hidden .navbar-vertical .nav-item .collapse .nav .nav-item .nav-link[data-bs-toggle=collapse]:after { content: "\f107"; } - .g-sidenav-hidden .navbar-vertical .card.card-background .icon-shape { margin-bottom: 0 !important; } - .g-sidenav-hidden .navbar-vertical .card.card-background .docs-info { opacity: 0; width: 0; height: 0; } - .g-sidenav-hidden .navbar-vertical:hover { max-width: 15.625rem !important; } - - .g-sidenav-hidden .navbar-vertical:hover.fixed-start~.main-content { + .g-sidenav-hidden .navbar-vertical:hover.fixed-start ~ .main-content { margin-left: 17.125rem; } - .g-sidenav-hidden .navbar-vertical:hover .navbar-brand span { opacity: 1; } - .g-sidenav-hidden .navbar-vertical:hover .nav-item .nav-link .nav-link-text, - .g-sidenav-hidden .navbar-vertical:hover .nav-item .nav-link .sidenav-normal { +.g-sidenav-hidden .navbar-vertical:hover .nav-item .nav-link .sidenav-normal { opacity: 1; width: auto; } - .g-sidenav-hidden .navbar-vertical:hover .nav-item .nav-link .sidenav-mini-icon { opacity: 0; width: 0; min-width: 0; } - - .g-sidenav-hidden .navbar-vertical:hover .nav-item .nav-link[data-bs-toggle="collapse"]:after { + .g-sidenav-hidden .navbar-vertical:hover .nav-item .nav-link[data-bs-toggle=collapse]:after { content: "\f107"; } - .g-sidenav-hidden .navbar-vertical:hover .nav-item .collapse .nav { margin-left: 1.5rem !important; padding-left: 1rem !important; } - .g-sidenav-hidden .navbar-vertical:hover .nav-item .collapse .nav .nav-item .nav-link { margin-left: 1.35rem; } - .g-sidenav-hidden .navbar-vertical:hover .nav-item .collapse .nav .nav-item .nav-link:before { content: ""; } - .g-sidenav-hidden .navbar-vertical:hover .nav-item .collapse .nav .nav-item .collapse .nav, - .g-sidenav-hidden .navbar-vertical:hover .nav-item .collapse .nav .nav-item .collapsing .nav { +.g-sidenav-hidden .navbar-vertical:hover .nav-item .collapse .nav .nav-item .collapsing .nav { margin-left: 0 !important; padding-left: 0 !important; } - .g-sidenav-hidden .navbar-vertical:hover .nav-item .collapse .nav .nav-item .collapse .nav .nav-item .nav-link:before, - .g-sidenav-hidden .navbar-vertical:hover .nav-item .collapse .nav .nav-item .collapsing .nav .nav-item .nav-link:before { +.g-sidenav-hidden .navbar-vertical:hover .nav-item .collapse .nav .nav-item .collapsing .nav .nav-item .nav-link:before { content: none; } - .g-sidenav-hidden .navbar-vertical:hover .card.card-background .icon-shape { margin-bottom: 1rem !important; } - .g-sidenav-hidden .navbar-vertical:hover .card.card-background .docs-info { opacity: 1; width: auto; height: auto; } } - .navbar-vertical .navbar-nav .nav-item .nav-link .icon i { color: #141727; } @@ -23217,114 +21969,91 @@ hr.horizontal.gray-light { border-radius: 0.75rem; position: relative; } - .nav.nav-pills.nav-pills-vertical { border-radius: 1.1875rem; } - .nav.nav-pills.nav-pills-vertical .nav-link.active { border-radius: 0.875rem; } - .nav.nav-pills .nav-link { z-index: 3; color: #344767; border-radius: 0.5rem; background-color: inherit; } - .nav.nav-pills .nav-link.active { - animation: 0.2s ease; + -webkit-animation: 0.2s ease; + animation: 0.2s ease; } - .nav.nav-pills .nav-link:hover:not(.active) { color: #344767; } - .nav.nav-pills.nav-pills-primary { background: #fff; color: #fff; } - .nav.nav-pills.nav-pills-primary .nav-link.active { color: #fff; } - .nav.nav-pills.nav-pills-primary .moving-tab .nav-link.active { background: #7928CA; color: #7928CA; } - .nav.nav-pills.nav-pills-info { background: #fff; color: #fff; } - .nav.nav-pills.nav-pills-info .nav-link.active { color: #fff; } - .nav.nav-pills.nav-pills-info .moving-tab .nav-link.active { background: #2152ff; color: #2152ff; } - .nav.nav-pills.nav-pills-success { background: #fff; color: #fff; } - .nav.nav-pills.nav-pills-success .nav-link.active { color: #fff; } - .nav.nav-pills.nav-pills-success .moving-tab .nav-link.active { background: #17ad37; color: #17ad37; } - .nav.nav-pills.nav-pills-warning { background: #fff; color: #fff; } - .nav.nav-pills.nav-pills-warning .nav-link.active { color: #fff; } - .nav.nav-pills.nav-pills-warning .moving-tab .nav-link.active { background: #f53939; color: #f53939; } - .nav.nav-pills.nav-pills-danger { background: #fff; color: #fff; } - .nav.nav-pills.nav-pills-danger .nav-link.active { color: #fff; } - .nav.nav-pills.nav-pills-danger .moving-tab .nav-link.active { background: #ea0606; color: #ea0606; } - .nav.nav-pills.nav-pills-dark { background: #fff; color: #fff; } - .nav.nav-pills.nav-pills-dark .nav-link.active { color: #fff; } - .nav.nav-pills.nav-pills-dark .moving-tab .nav-link.active { background: #141727; color: #141727; } - .nav.nav-pills .nav-item { z-index: 3; } @@ -23332,21 +22061,19 @@ hr.horizontal.gray-light { .moving-tab { z-index: 1 !important; } - .moving-tab .nav-link { color: #fff; - transition: .2s ease; + transition: 0.2s ease; border-radius: 0.5rem; } - .moving-tab .nav-link.active { color: #fff; font-weight: 600; box-shadow: 0px 1px 5px 1px #ddd; - animation: 0.2s ease; + -webkit-animation: 0.2s ease; + animation: 0.2s ease; background: #fff; } - .moving-tab .nav-link:hover:not(.active) { color: #344767; } @@ -23354,7 +22081,6 @@ hr.horizontal.gray-light { .page-item.active .page-link { box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.09), 0 2px 3px -1px rgba(0, 0, 0, 0.07); } - .page-item .page-link, .page-item span { display: flex; @@ -23383,58 +22109,35 @@ hr.horizontal.gray-light { line-height: 30px; } -.pagination.pagination-primary .page-item.active>.page-link, -.pagination.pagination-primary .page-item.active>.page-link:focus, -.pagination.pagination-primary .page-item.active>.page-link:hover { +.pagination.pagination-primary .page-item.active > .page-link, .pagination.pagination-primary .page-item.active > .page-link:focus, .pagination.pagination-primary .page-item.active > .page-link:hover { background-image: linear-gradient(310deg, #7928CA 0%, #FF0080 100%); border: none; } - -.pagination.pagination-secondary .page-item.active>.page-link, -.pagination.pagination-secondary .page-item.active>.page-link:focus, -.pagination.pagination-secondary .page-item.active>.page-link:hover { +.pagination.pagination-secondary .page-item.active > .page-link, .pagination.pagination-secondary .page-item.active > .page-link:focus, .pagination.pagination-secondary .page-item.active > .page-link:hover { background-image: linear-gradient(310deg, #627594 0%, #A8B8D8 100%); border: none; } - -.pagination.pagination-success .page-item.active>.page-link, -.pagination.pagination-success .page-item.active>.page-link:focus, -.pagination.pagination-success .page-item.active>.page-link:hover { +.pagination.pagination-success .page-item.active > .page-link, .pagination.pagination-success .page-item.active > .page-link:focus, .pagination.pagination-success .page-item.active > .page-link:hover { background-image: linear-gradient(310deg, #17ad37 0%, #98ec2d 100%); border: none; } - -.pagination.pagination-info .page-item.active>.page-link, -.pagination.pagination-info .page-item.active>.page-link:focus, -.pagination.pagination-info .page-item.active>.page-link:hover { +.pagination.pagination-info .page-item.active > .page-link, .pagination.pagination-info .page-item.active > .page-link:focus, .pagination.pagination-info .page-item.active > .page-link:hover { background-image: linear-gradient(310deg, #2152ff 0%, #21d4fd 100%); border: none; } - -.pagination.pagination-warning .page-item.active>.page-link, -.pagination.pagination-warning .page-item.active>.page-link:focus, -.pagination.pagination-warning .page-item.active>.page-link:hover { +.pagination.pagination-warning .page-item.active > .page-link, .pagination.pagination-warning .page-item.active > .page-link:focus, .pagination.pagination-warning .page-item.active > .page-link:hover { background-image: linear-gradient(310deg, #f53939 0%, #fbcf33 100%); border: none; } - -.pagination.pagination-danger .page-item.active>.page-link, -.pagination.pagination-danger .page-item.active>.page-link:focus, -.pagination.pagination-danger .page-item.active>.page-link:hover { +.pagination.pagination-danger .page-item.active > .page-link, .pagination.pagination-danger .page-item.active > .page-link:focus, .pagination.pagination-danger .page-item.active > .page-link:hover { background-image: linear-gradient(310deg, #ea0606 0%, #ff667c 100%); border: none; } - -.pagination.pagination-light .page-item.active>.page-link, -.pagination.pagination-light .page-item.active>.page-link:focus, -.pagination.pagination-light .page-item.active>.page-link:hover { +.pagination.pagination-light .page-item.active > .page-link, .pagination.pagination-light .page-item.active > .page-link:focus, .pagination.pagination-light .page-item.active > .page-link:hover { background-image: linear-gradient(310deg, #CED4DA 0%, #EBEFF4 100%); border: none; } - -.pagination.pagination-dark .page-item.active>.page-link, -.pagination.pagination-dark .page-item.active>.page-link:focus, -.pagination.pagination-dark .page-item.active>.page-link:hover { +.pagination.pagination-dark .page-item.active > .page-link, .pagination.pagination-dark .page-item.active > .page-link:focus, .pagination.pagination-dark .page-item.active > .page-link:hover { background-image: linear-gradient(310deg, #141727 0%, #3A416F 100%); border: none; } @@ -23457,83 +22160,67 @@ hr.horizontal.gray-light { .progress { overflow: visible; } - .progress.progress-sm { height: 4px; } - .progress.progress-lg { height: 20px; } -.rtl .breadcrumb .breadcrumb-item+.breadcrumb-item::before { +.rtl .breadcrumb .breadcrumb-item + .breadcrumb-item::before { float: right; padding-left: 0.5rem; padding-right: 0; } - .rtl .sidenav .navbar-nav { width: 100%; padding-right: 0; } - .rtl .fixed-plugin .fixed-plugin-button { left: 30px; right: auto; } - .rtl .fixed-plugin .card { left: -360px !important; right: auto; } - .rtl .fixed-plugin.show .card { right: auto; left: 0 !important; } - .rtl .timeline .timeline-content { margin-right: 45px; margin-left: 0; } - .rtl .timeline .timeline-step { transform: translateX(50%); } - .rtl .timeline.timeline-one-side:before { right: 1rem; } - .rtl .timeline.timeline-one-side .timeline-step { right: 1rem; } - .rtl .form-check.form-switch .form-check-input:after { transform: translateX(-1px); } - .rtl .form-check.form-switch .form-check-input:checked:after { transform: translateX(-21px); } - -.rtl .avatar-group .avatar+.avatar { +.rtl .avatar-group .avatar + .avatar { margin-left: 0; margin-right: -1rem; } - .rtl .dropdown .dropdown-menu { left: 0; } - .rtl .input-group .input-group-text { border-left: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; border-right: 1px solid #d2d6da; } - -.rtl .input-group> :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { +.rtl .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { margin-right: -1px; border-top-right-radius: 0; border-bottom-right-radius: 0; @@ -23542,9 +22229,7 @@ hr.horizontal.gray-light { border-right: 0; border-left: 1px solid #d2d6da; } - -.rtl .input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n + 3), -.rtl .input-group:not(.has-validation)> :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) { +.rtl .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3), .rtl .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) { border-top-right-radius: 0.5rem; border-bottom-right-radius: 0.5rem; } @@ -23553,19 +22238,13 @@ hr.horizontal.gray-light { background-color: #3b5998; color: #fff; } - -.btn.btn-facebook:focus, -.btn.btn-facebook:hover { +.btn.btn-facebook:focus, .btn.btn-facebook:hover { background-color: #344e86; color: #fff; } - -.btn.btn-facebook:active, -.btn.btn-facebook:focus, -.btn.btn-facebook:active:focus { +.btn.btn-facebook:active, .btn.btn-facebook:focus, .btn.btn-facebook:active:focus { box-shadow: none; } - .btn.btn-facebook.btn-simple { color: #344e86; background-color: transparent; @@ -23573,45 +22252,29 @@ hr.horizontal.gray-light { box-shadow: none; border: none; } - -.btn.btn-facebook.btn-simple:hover, -.btn.btn-facebook.btn-simple:focus, -.btn.btn-facebook.btn-simple:hover:focus, -.btn.btn-facebook.btn-simple:active, -.btn.btn-facebook.btn-simple:hover:focus:active { +.btn.btn-facebook.btn-simple:hover, .btn.btn-facebook.btn-simple:focus, .btn.btn-facebook.btn-simple:hover:focus, .btn.btn-facebook.btn-simple:active, .btn.btn-facebook.btn-simple:hover:focus:active { color: #344e86; background: transparent !important; box-shadow: none !important; } - .btn.btn-facebook.btn-neutral { color: #3b5998; background-color: #fff; } - -.btn.btn-facebook.btn-neutral:hover, -.btn.btn-facebook.btn-neutral:focus, -.btn.btn-facebook.btn-neutral:active { +.btn.btn-facebook.btn-neutral:hover, .btn.btn-facebook.btn-neutral:focus, .btn.btn-facebook.btn-neutral:active { color: #344e86; } - .btn.btn-twitter { background-color: #55acee; color: #fff; } - -.btn.btn-twitter:focus, -.btn.btn-twitter:hover { +.btn.btn-twitter:focus, .btn.btn-twitter:hover { background-color: #3ea1ec; color: #fff; } - -.btn.btn-twitter:active, -.btn.btn-twitter:focus, -.btn.btn-twitter:active:focus { +.btn.btn-twitter:active, .btn.btn-twitter:focus, .btn.btn-twitter:active:focus { box-shadow: none; } - .btn.btn-twitter.btn-simple { color: #3ea1ec; background-color: transparent; @@ -23619,45 +22282,29 @@ hr.horizontal.gray-light { box-shadow: none; border: none; } - -.btn.btn-twitter.btn-simple:hover, -.btn.btn-twitter.btn-simple:focus, -.btn.btn-twitter.btn-simple:hover:focus, -.btn.btn-twitter.btn-simple:active, -.btn.btn-twitter.btn-simple:hover:focus:active { +.btn.btn-twitter.btn-simple:hover, .btn.btn-twitter.btn-simple:focus, .btn.btn-twitter.btn-simple:hover:focus, .btn.btn-twitter.btn-simple:active, .btn.btn-twitter.btn-simple:hover:focus:active { color: #3ea1ec; background: transparent !important; box-shadow: none !important; } - .btn.btn-twitter.btn-neutral { color: #55acee; background-color: #fff; } - -.btn.btn-twitter.btn-neutral:hover, -.btn.btn-twitter.btn-neutral:focus, -.btn.btn-twitter.btn-neutral:active { +.btn.btn-twitter.btn-neutral:hover, .btn.btn-twitter.btn-neutral:focus, .btn.btn-twitter.btn-neutral:active { color: #3ea1ec; } - .btn.btn-pinterest { background-color: #cc2127; color: #fff; } - -.btn.btn-pinterest:focus, -.btn.btn-pinterest:hover { +.btn.btn-pinterest:focus, .btn.btn-pinterest:hover { background-color: #b21d22; color: #fff; } - -.btn.btn-pinterest:active, -.btn.btn-pinterest:focus, -.btn.btn-pinterest:active:focus { +.btn.btn-pinterest:active, .btn.btn-pinterest:focus, .btn.btn-pinterest:active:focus { box-shadow: none; } - .btn.btn-pinterest.btn-simple { color: #b21d22; background-color: transparent; @@ -23665,45 +22312,29 @@ hr.horizontal.gray-light { box-shadow: none; border: none; } - -.btn.btn-pinterest.btn-simple:hover, -.btn.btn-pinterest.btn-simple:focus, -.btn.btn-pinterest.btn-simple:hover:focus, -.btn.btn-pinterest.btn-simple:active, -.btn.btn-pinterest.btn-simple:hover:focus:active { +.btn.btn-pinterest.btn-simple:hover, .btn.btn-pinterest.btn-simple:focus, .btn.btn-pinterest.btn-simple:hover:focus, .btn.btn-pinterest.btn-simple:active, .btn.btn-pinterest.btn-simple:hover:focus:active { color: #b21d22; background: transparent !important; box-shadow: none !important; } - .btn.btn-pinterest.btn-neutral { color: #cc2127; background-color: #fff; } - -.btn.btn-pinterest.btn-neutral:hover, -.btn.btn-pinterest.btn-neutral:focus, -.btn.btn-pinterest.btn-neutral:active { +.btn.btn-pinterest.btn-neutral:hover, .btn.btn-pinterest.btn-neutral:focus, .btn.btn-pinterest.btn-neutral:active { color: #b21d22; } - .btn.btn-linkedin { background-color: #0077B5; color: #fff; } - -.btn.btn-linkedin:focus, -.btn.btn-linkedin:hover { +.btn.btn-linkedin:focus, .btn.btn-linkedin:hover { background-color: #00669c; color: #fff; } - -.btn.btn-linkedin:active, -.btn.btn-linkedin:focus, -.btn.btn-linkedin:active:focus { +.btn.btn-linkedin:active, .btn.btn-linkedin:focus, .btn.btn-linkedin:active:focus { box-shadow: none; } - .btn.btn-linkedin.btn-simple { color: #00669c; background-color: transparent; @@ -23711,45 +22342,29 @@ hr.horizontal.gray-light { box-shadow: none; border: none; } - -.btn.btn-linkedin.btn-simple:hover, -.btn.btn-linkedin.btn-simple:focus, -.btn.btn-linkedin.btn-simple:hover:focus, -.btn.btn-linkedin.btn-simple:active, -.btn.btn-linkedin.btn-simple:hover:focus:active { +.btn.btn-linkedin.btn-simple:hover, .btn.btn-linkedin.btn-simple:focus, .btn.btn-linkedin.btn-simple:hover:focus, .btn.btn-linkedin.btn-simple:active, .btn.btn-linkedin.btn-simple:hover:focus:active { color: #00669c; background: transparent !important; box-shadow: none !important; } - .btn.btn-linkedin.btn-neutral { color: #0077B5; background-color: #fff; } - -.btn.btn-linkedin.btn-neutral:hover, -.btn.btn-linkedin.btn-neutral:focus, -.btn.btn-linkedin.btn-neutral:active { +.btn.btn-linkedin.btn-neutral:hover, .btn.btn-linkedin.btn-neutral:focus, .btn.btn-linkedin.btn-neutral:active { color: #00669c; } - .btn.btn-dribbble { background-color: #ea4c89; color: #fff; } - -.btn.btn-dribbble:focus, -.btn.btn-dribbble:hover { +.btn.btn-dribbble:focus, .btn.btn-dribbble:hover { background-color: #e73177; color: #fff; } - -.btn.btn-dribbble:active, -.btn.btn-dribbble:focus, -.btn.btn-dribbble:active:focus { +.btn.btn-dribbble:active, .btn.btn-dribbble:focus, .btn.btn-dribbble:active:focus { box-shadow: none; } - .btn.btn-dribbble.btn-simple { color: #e73177; background-color: transparent; @@ -23757,45 +22372,29 @@ hr.horizontal.gray-light { box-shadow: none; border: none; } - -.btn.btn-dribbble.btn-simple:hover, -.btn.btn-dribbble.btn-simple:focus, -.btn.btn-dribbble.btn-simple:hover:focus, -.btn.btn-dribbble.btn-simple:active, -.btn.btn-dribbble.btn-simple:hover:focus:active { +.btn.btn-dribbble.btn-simple:hover, .btn.btn-dribbble.btn-simple:focus, .btn.btn-dribbble.btn-simple:hover:focus, .btn.btn-dribbble.btn-simple:active, .btn.btn-dribbble.btn-simple:hover:focus:active { color: #e73177; background: transparent !important; box-shadow: none !important; } - .btn.btn-dribbble.btn-neutral { color: #ea4c89; background-color: #fff; } - -.btn.btn-dribbble.btn-neutral:hover, -.btn.btn-dribbble.btn-neutral:focus, -.btn.btn-dribbble.btn-neutral:active { +.btn.btn-dribbble.btn-neutral:hover, .btn.btn-dribbble.btn-neutral:focus, .btn.btn-dribbble.btn-neutral:active { color: #e73177; } - .btn.btn-github { background-color: #24292E; color: #fff; } - -.btn.btn-github:focus, -.btn.btn-github:hover { +.btn.btn-github:focus, .btn.btn-github:hover { background-color: #171a1d; color: #fff; } - -.btn.btn-github:active, -.btn.btn-github:focus, -.btn.btn-github:active:focus { +.btn.btn-github:active, .btn.btn-github:focus, .btn.btn-github:active:focus { box-shadow: none; } - .btn.btn-github.btn-simple { color: #171a1d; background-color: transparent; @@ -23803,45 +22402,29 @@ hr.horizontal.gray-light { box-shadow: none; border: none; } - -.btn.btn-github.btn-simple:hover, -.btn.btn-github.btn-simple:focus, -.btn.btn-github.btn-simple:hover:focus, -.btn.btn-github.btn-simple:active, -.btn.btn-github.btn-simple:hover:focus:active { +.btn.btn-github.btn-simple:hover, .btn.btn-github.btn-simple:focus, .btn.btn-github.btn-simple:hover:focus, .btn.btn-github.btn-simple:active, .btn.btn-github.btn-simple:hover:focus:active { color: #171a1d; background: transparent !important; box-shadow: none !important; } - .btn.btn-github.btn-neutral { color: #24292E; background-color: #fff; } - -.btn.btn-github.btn-neutral:hover, -.btn.btn-github.btn-neutral:focus, -.btn.btn-github.btn-neutral:active { +.btn.btn-github.btn-neutral:hover, .btn.btn-github.btn-neutral:focus, .btn.btn-github.btn-neutral:active { color: #171a1d; } - .btn.btn-youtube { background-color: #e52d27; color: #fff; } - -.btn.btn-youtube:focus, -.btn.btn-youtube:hover { +.btn.btn-youtube:focus, .btn.btn-youtube:hover { background-color: #d41f1a; color: #fff; } - -.btn.btn-youtube:active, -.btn.btn-youtube:focus, -.btn.btn-youtube:active:focus { +.btn.btn-youtube:active, .btn.btn-youtube:focus, .btn.btn-youtube:active:focus { box-shadow: none; } - .btn.btn-youtube.btn-simple { color: #d41f1a; background-color: transparent; @@ -23849,45 +22432,29 @@ hr.horizontal.gray-light { box-shadow: none; border: none; } - -.btn.btn-youtube.btn-simple:hover, -.btn.btn-youtube.btn-simple:focus, -.btn.btn-youtube.btn-simple:hover:focus, -.btn.btn-youtube.btn-simple:active, -.btn.btn-youtube.btn-simple:hover:focus:active { +.btn.btn-youtube.btn-simple:hover, .btn.btn-youtube.btn-simple:focus, .btn.btn-youtube.btn-simple:hover:focus, .btn.btn-youtube.btn-simple:active, .btn.btn-youtube.btn-simple:hover:focus:active { color: #d41f1a; background: transparent !important; box-shadow: none !important; } - .btn.btn-youtube.btn-neutral { color: #e52d27; background-color: #fff; } - -.btn.btn-youtube.btn-neutral:hover, -.btn.btn-youtube.btn-neutral:focus, -.btn.btn-youtube.btn-neutral:active { +.btn.btn-youtube.btn-neutral:hover, .btn.btn-youtube.btn-neutral:focus, .btn.btn-youtube.btn-neutral:active { color: #d41f1a; } - .btn.btn-instagram { background-color: #125688; color: #fff; } - -.btn.btn-instagram:focus, -.btn.btn-instagram:hover { +.btn.btn-instagram:focus, .btn.btn-instagram:hover { background-color: #0e456d; color: #fff; } - -.btn.btn-instagram:active, -.btn.btn-instagram:focus, -.btn.btn-instagram:active:focus { +.btn.btn-instagram:active, .btn.btn-instagram:focus, .btn.btn-instagram:active:focus { box-shadow: none; } - .btn.btn-instagram.btn-simple { color: #0e456d; background-color: transparent; @@ -23895,45 +22462,29 @@ hr.horizontal.gray-light { box-shadow: none; border: none; } - -.btn.btn-instagram.btn-simple:hover, -.btn.btn-instagram.btn-simple:focus, -.btn.btn-instagram.btn-simple:hover:focus, -.btn.btn-instagram.btn-simple:active, -.btn.btn-instagram.btn-simple:hover:focus:active { +.btn.btn-instagram.btn-simple:hover, .btn.btn-instagram.btn-simple:focus, .btn.btn-instagram.btn-simple:hover:focus, .btn.btn-instagram.btn-simple:active, .btn.btn-instagram.btn-simple:hover:focus:active { color: #0e456d; background: transparent !important; box-shadow: none !important; } - .btn.btn-instagram.btn-neutral { color: #125688; background-color: #fff; } - -.btn.btn-instagram.btn-neutral:hover, -.btn.btn-instagram.btn-neutral:focus, -.btn.btn-instagram.btn-neutral:active { +.btn.btn-instagram.btn-neutral:hover, .btn.btn-instagram.btn-neutral:focus, .btn.btn-instagram.btn-neutral:active { color: #0e456d; } - .btn.btn-reddit { background-color: #ff4500; color: #fff; } - -.btn.btn-reddit:focus, -.btn.btn-reddit:hover { +.btn.btn-reddit:focus, .btn.btn-reddit:hover { background-color: #e03d00; color: #fff; } - -.btn.btn-reddit:active, -.btn.btn-reddit:focus, -.btn.btn-reddit:active:focus { +.btn.btn-reddit:active, .btn.btn-reddit:focus, .btn.btn-reddit:active:focus { box-shadow: none; } - .btn.btn-reddit.btn-simple { color: #e03d00; background-color: transparent; @@ -23941,45 +22492,29 @@ hr.horizontal.gray-light { box-shadow: none; border: none; } - -.btn.btn-reddit.btn-simple:hover, -.btn.btn-reddit.btn-simple:focus, -.btn.btn-reddit.btn-simple:hover:focus, -.btn.btn-reddit.btn-simple:active, -.btn.btn-reddit.btn-simple:hover:focus:active { +.btn.btn-reddit.btn-simple:hover, .btn.btn-reddit.btn-simple:focus, .btn.btn-reddit.btn-simple:hover:focus, .btn.btn-reddit.btn-simple:active, .btn.btn-reddit.btn-simple:hover:focus:active { color: #e03d00; background: transparent !important; box-shadow: none !important; } - .btn.btn-reddit.btn-neutral { color: #ff4500; background-color: #fff; } - -.btn.btn-reddit.btn-neutral:hover, -.btn.btn-reddit.btn-neutral:focus, -.btn.btn-reddit.btn-neutral:active { +.btn.btn-reddit.btn-neutral:hover, .btn.btn-reddit.btn-neutral:focus, .btn.btn-reddit.btn-neutral:active { color: #e03d00; } - .btn.btn-tumblr { background-color: #35465c; color: #fff; } - -.btn.btn-tumblr:focus, -.btn.btn-tumblr:hover { +.btn.btn-tumblr:focus, .btn.btn-tumblr:hover { background-color: #2a3749; color: #fff; } - -.btn.btn-tumblr:active, -.btn.btn-tumblr:focus, -.btn.btn-tumblr:active:focus { +.btn.btn-tumblr:active, .btn.btn-tumblr:focus, .btn.btn-tumblr:active:focus { box-shadow: none; } - .btn.btn-tumblr.btn-simple { color: #2a3749; background-color: transparent; @@ -23987,45 +22522,29 @@ hr.horizontal.gray-light { box-shadow: none; border: none; } - -.btn.btn-tumblr.btn-simple:hover, -.btn.btn-tumblr.btn-simple:focus, -.btn.btn-tumblr.btn-simple:hover:focus, -.btn.btn-tumblr.btn-simple:active, -.btn.btn-tumblr.btn-simple:hover:focus:active { +.btn.btn-tumblr.btn-simple:hover, .btn.btn-tumblr.btn-simple:focus, .btn.btn-tumblr.btn-simple:hover:focus, .btn.btn-tumblr.btn-simple:active, .btn.btn-tumblr.btn-simple:hover:focus:active { color: #2a3749; background: transparent !important; box-shadow: none !important; } - .btn.btn-tumblr.btn-neutral { color: #35465c; background-color: #fff; } - -.btn.btn-tumblr.btn-neutral:hover, -.btn.btn-tumblr.btn-neutral:focus, -.btn.btn-tumblr.btn-neutral:active { +.btn.btn-tumblr.btn-neutral:hover, .btn.btn-tumblr.btn-neutral:focus, .btn.btn-tumblr.btn-neutral:active { color: #2a3749; } - .btn.btn-behance { background-color: #1769ff; color: #fff; } - -.btn.btn-behance:focus, -.btn.btn-behance:hover { +.btn.btn-behance:focus, .btn.btn-behance:hover { background-color: #0057f7; color: #fff; } - -.btn.btn-behance:active, -.btn.btn-behance:focus, -.btn.btn-behance:active:focus { +.btn.btn-behance:active, .btn.btn-behance:focus, .btn.btn-behance:active:focus { box-shadow: none; } - .btn.btn-behance.btn-simple { color: #0057f7; background-color: transparent; @@ -24033,45 +22552,29 @@ hr.horizontal.gray-light { box-shadow: none; border: none; } - -.btn.btn-behance.btn-simple:hover, -.btn.btn-behance.btn-simple:focus, -.btn.btn-behance.btn-simple:hover:focus, -.btn.btn-behance.btn-simple:active, -.btn.btn-behance.btn-simple:hover:focus:active { +.btn.btn-behance.btn-simple:hover, .btn.btn-behance.btn-simple:focus, .btn.btn-behance.btn-simple:hover:focus, .btn.btn-behance.btn-simple:active, .btn.btn-behance.btn-simple:hover:focus:active { color: #0057f7; background: transparent !important; box-shadow: none !important; } - .btn.btn-behance.btn-neutral { color: #1769ff; background-color: #fff; } - -.btn.btn-behance.btn-neutral:hover, -.btn.btn-behance.btn-neutral:focus, -.btn.btn-behance.btn-neutral:active { +.btn.btn-behance.btn-neutral:hover, .btn.btn-behance.btn-neutral:focus, .btn.btn-behance.btn-neutral:active { color: #0057f7; } - .btn.btn-vimeo { background-color: #1AB7EA; color: #fff; } - -.btn.btn-vimeo:focus, -.btn.btn-vimeo:hover { +.btn.btn-vimeo:focus, .btn.btn-vimeo:hover { background-color: #13a3d2; color: #fff; } - -.btn.btn-vimeo:active, -.btn.btn-vimeo:focus, -.btn.btn-vimeo:active:focus { +.btn.btn-vimeo:active, .btn.btn-vimeo:focus, .btn.btn-vimeo:active:focus { box-shadow: none; } - .btn.btn-vimeo.btn-simple { color: #13a3d2; background-color: transparent; @@ -24079,45 +22582,29 @@ hr.horizontal.gray-light { box-shadow: none; border: none; } - -.btn.btn-vimeo.btn-simple:hover, -.btn.btn-vimeo.btn-simple:focus, -.btn.btn-vimeo.btn-simple:hover:focus, -.btn.btn-vimeo.btn-simple:active, -.btn.btn-vimeo.btn-simple:hover:focus:active { +.btn.btn-vimeo.btn-simple:hover, .btn.btn-vimeo.btn-simple:focus, .btn.btn-vimeo.btn-simple:hover:focus, .btn.btn-vimeo.btn-simple:active, .btn.btn-vimeo.btn-simple:hover:focus:active { color: #13a3d2; background: transparent !important; box-shadow: none !important; } - .btn.btn-vimeo.btn-neutral { color: #1AB7EA; background-color: #fff; } - -.btn.btn-vimeo.btn-neutral:hover, -.btn.btn-vimeo.btn-neutral:focus, -.btn.btn-vimeo.btn-neutral:active { +.btn.btn-vimeo.btn-neutral:hover, .btn.btn-vimeo.btn-neutral:focus, .btn.btn-vimeo.btn-neutral:active { color: #13a3d2; } - .btn.btn-slack { background-color: #3aaf85; color: #fff; } - -.btn.btn-slack:focus, -.btn.btn-slack:hover { +.btn.btn-slack:focus, .btn.btn-slack:hover { background-color: #329874; color: #fff; } - -.btn.btn-slack:active, -.btn.btn-slack:focus, -.btn.btn-slack:active:focus { +.btn.btn-slack:active, .btn.btn-slack:focus, .btn.btn-slack:active:focus { box-shadow: none; } - .btn.btn-slack.btn-simple { color: #329874; background-color: transparent; @@ -24125,73 +22612,56 @@ hr.horizontal.gray-light { box-shadow: none; border: none; } - -.btn.btn-slack.btn-simple:hover, -.btn.btn-slack.btn-simple:focus, -.btn.btn-slack.btn-simple:hover:focus, -.btn.btn-slack.btn-simple:active, -.btn.btn-slack.btn-simple:hover:focus:active { +.btn.btn-slack.btn-simple:hover, .btn.btn-slack.btn-simple:focus, .btn.btn-slack.btn-simple:hover:focus, .btn.btn-slack.btn-simple:active, .btn.btn-slack.btn-simple:hover:focus:active { color: #329874; background: transparent !important; box-shadow: none !important; } - .btn.btn-slack.btn-neutral { color: #3aaf85; background-color: #fff; } - -.btn.btn-slack.btn-neutral:hover, -.btn.btn-slack.btn-neutral:focus, -.btn.btn-slack.btn-neutral:active { +.btn.btn-slack.btn-neutral:hover, .btn.btn-slack.btn-neutral:focus, .btn.btn-slack.btn-neutral:active { color: #329874; } .table { border-collapse: inherit; } - .table thead th { padding: 0.75rem 1.5rem; text-transform: capitalize; letter-spacing: 0px; border-bottom: 1px solid #e9ecef; } - .table th { font-weight: 600; } - .table td .progress { height: 3px; width: 120px; margin: 0; } - .table td, .table th { white-space: nowrap; } - .table.align-items-center td, .table.align-items-center th { vertical-align: middle; } - .table tbody tr:last-child td { border-width: 0; } - -.table> :not(:last-child)> :last-child>* { +.table > :not(:last-child) > :last-child > * { border-bottom-color: #e9ecef; } .timeline { position: relative; } - .timeline:before { - content: ''; + content: ""; position: absolute; top: 0; left: 1rem; @@ -24202,17 +22672,14 @@ hr.horizontal.gray-light { .timeline-block { position: relative; } - .timeline-block:after { content: ""; display: table; clear: both; } - .timeline-block:first-child { margin-top: 0; } - .timeline-block:last-child { margin-bottom: 0; } @@ -24233,9 +22700,7 @@ hr.horizontal.gray-light { font-weight: 600; z-index: 1; } - -.timeline-step svg, -.timeline-step i { +.timeline-step svg, .timeline-step i { line-height: 1.4; } @@ -24246,7 +22711,6 @@ hr.horizontal.gray-light { position: relative; top: -6px; } - .timeline-content:after { content: ""; display: table; @@ -24271,19 +22735,15 @@ hr.horizontal.gray-light { float: right; } } - .timeline-one-side:before { left: 1rem; } - .timeline-one-side .timeline-step { left: 1rem; } - .timeline-one-side .timeline-content { width: auto; } - @media (min-width: 992px) { .timeline-one-side .timeline-content { max-width: 30rem; @@ -24295,12 +22755,9 @@ hr.horizontal.gray-light { } .tilt { - -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } - .tilt .up { - -webkit-transform: translateZ(50px) scale(0.7); transform: translateZ(50px) scale(0.7) !important; transition: all 0.5s; } @@ -24325,97 +22782,64 @@ body { line-height: 1.6; } -h1, -.h1, -.h1 { +h1, .h1 { font-size: 3rem; line-height: 1.25; letter-spacing: -0.025rem; } - @media (max-width: 575.98px) { - - h1, - .h1, - .h1 { + h1, .h1 { font-size: calc(1.425rem + 2.1vw); } } -h2, -.h2, -.h2 { +h2, .h2 { font-size: 2.25rem; line-height: 1.3; letter-spacing: 0.05rem; } - @media (max-width: 575.98px) { - - h2, - .h2, - .h2 { + h2, .h2 { font-size: calc(1.35rem + 1.2vw); } } -h3, -.h3, -.h3 { +h3, .h3 { font-size: 1.875rem; line-height: 1.375; } - @media (max-width: 575.98px) { - - h3, - .h3, - .h3 { + h3, .h3 { font-size: calc(1.3125rem + 0.75vw); } } -h4, -.h4, -.h4 { +h4, .h4 { font-size: 1.5rem; line-height: 1.375; } - @media (max-width: 575.98px) { - - h4, - .h4, - .h4 { + h4, .h4 { font-size: calc(1.275rem + 0.3vw); } } -h5, -.h5, -.h5 { +h5, .h5 { font-size: 1.25rem; line-height: 1.375; } - @media (max-width: 575.98px) { - - h5, - .h5, - .h5 { + h5, .h5 { font-size: 1.25rem; } } -h6, -.h6, -.h6 { +h6, .h6 { font-size: 1rem; line-height: 1.625; } -p, -.p { +p, .p { font-size: 1rem; font-weight: 400; line-height: 1.6; @@ -24427,42 +22851,22 @@ p, line-height: 1.625; } -h1, -.h1, -.h1, -h2, -.h2, -.h2, -h3, -.h3, -.h3 { +h1, .h1, +h2, .h2, +h3, .h3 { font-weight: 700; } -h4, -.h4, -.h4, -h5, -.h5, -.h5, -h6, -.h6, -.h6 { +h4, .h4, +h5, .h5, +h6, .h6 { font-weight: 600; } -h1, -.h1, -.h1, -h2, -.h2, -.h2, -h3, -.h3, -.h3, -h4, -.h4, -.h4 { +h1, .h1, +h2, .h2, +h3, .h3, +h4, .h4 { letter-spacing: -0.05rem; } @@ -24479,8 +22883,7 @@ a { line-height: 1.25; } -p, -.p { +p, .p { font-size: 1rem; } @@ -24566,27 +22969,21 @@ p { position: relative; z-index: 1; } - .text-gradient.text-primary { background-image: linear-gradient(310deg, #7928CA, #FF0080); } - .text-gradient.text-info { background-image: linear-gradient(310deg, #2152FF, #21D4FD); } - .text-gradient.text-success { background-image: linear-gradient(310deg, #17AD37, #C1E823); } - .text-gradient.text-warning { background-image: linear-gradient(310deg, #F53939, #FBCF33); } - .text-gradient.text-danger { background-image: linear-gradient(310deg, #D60808, #FF6690); } - .text-gradient.text-dark { background-image: linear-gradient(310deg, #141727, #3A416F); } @@ -24594,8 +22991,7 @@ p { .blockquote { border-left: 3px solid #6c757d; } - -.blockquote>span { +.blockquote > span { font-style: italic; } @@ -24703,9 +23099,7 @@ p { border-radius: 5px; position: absolute; width: 307.875px; - -webkit-box-sizing: border-box; box-sizing: border-box; - -ms-touch-action: manipulation; touch-action: manipulation; background: #fff; -webkit-box-shadow: 0 8px 26px -4px rgba(20, 20, 20, 0.15), 0 8px 9px -5px rgba(20, 20, 20, 0.06); @@ -24745,12 +23139,10 @@ p { } .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) { - -webkit-box-shadow: none !important; box-shadow: none !important; } .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) { - -webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6; box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6; } @@ -24780,7 +23172,7 @@ p { display: block; pointer-events: none; border: solid transparent; - content: ''; + content: ""; height: 0; width: 0; left: 22px; @@ -24846,9 +23238,6 @@ p { } .flatpickr-months { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; } @@ -24865,9 +23254,6 @@ p { -ms-user-select: none; user-select: none; overflow: hidden; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; flex: 1; } @@ -24897,14 +23283,14 @@ p { .flatpickr-months .flatpickr-prev-month.flatpickr-prev-month, .flatpickr-months .flatpickr-next-month.flatpickr-prev-month { /* - /*rtl:begin:ignore*/ + /*rtl:begin:ignore*/ /* - */ + */ left: 0; /* - /*rtl:end:ignore*/ + /*rtl:end:ignore*/ /* - */ + */ } /* @@ -24914,14 +23300,14 @@ p { .flatpickr-months .flatpickr-prev-month.flatpickr-next-month, .flatpickr-months .flatpickr-next-month.flatpickr-next-month { /* - /*rtl:begin:ignore*/ + /*rtl:begin:ignore*/ /* - */ + */ right: 0; /* - /*rtl:end:ignore*/ + /*rtl:end:ignore*/ /* - */ + */ } /* @@ -24946,7 +23332,6 @@ p { .flatpickr-months .flatpickr-prev-month svg path, .flatpickr-months .flatpickr-next-month svg path { - -webkit-transition: fill 0.1s; transition: fill 0.1s; fill: inherit; } @@ -24985,7 +23370,6 @@ p { opacity: 0; cursor: pointer; border: 1px solid rgba(57, 57, 57, 0.15); - -webkit-box-sizing: border-box; box-sizing: border-box; } @@ -25056,7 +23440,6 @@ p { height: 34px; display: inline-block; text-align: center; - -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); } @@ -25075,7 +23458,7 @@ p { .flatpickr-current-month .numInputWrapper { width: 6ch; - width: 7ch\0; + width: 7ch\0 ; display: inline-block; } @@ -25089,7 +23472,6 @@ p { .flatpickr-current-month input.cur-year { background: transparent; - -webkit-box-sizing: border-box; box-sizing: border-box; color: inherit; cursor: text; @@ -25165,25 +23547,13 @@ p { text-align: center; overflow: hidden; width: 100%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; align-items: center; height: 28px; } .flatpickr-weekdays .flatpickr-weekdaycontainer { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; flex: 1; } @@ -25196,9 +23566,6 @@ span.flatpickr-weekday { margin: 0; text-align: center; display: block; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; flex: 1; font-weight: bolder; } @@ -25211,13 +23578,7 @@ span.flatpickr-weekday { .flatpickr-days { position: relative; overflow: hidden; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; align-items: flex-start; width: 307.875px; } @@ -25233,26 +23594,17 @@ span.flatpickr-weekday { width: 307.875px; min-width: 307.875px; max-width: 307.875px; - -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; - display: -ms-flexbox; - display: -webkit-box; - display: -webkit-flex; display: flex; - -webkit-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-wrap: wrap; - -ms-flex-pack: justify; - -webkit-justify-content: space-around; justify-content: space-around; - -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); opacity: 1; } -.dayContainer+.dayContainer { - -webkit-box-shadow: -1px 0 0 #e6e6e6; +.dayContainer + .dayContainer { box-shadow: -1px 0 0 #e6e6e6; } @@ -25260,14 +23612,11 @@ span.flatpickr-weekday { background: none; border: 1px solid transparent; border-radius: 150px; - -webkit-box-sizing: border-box; box-sizing: border-box; color: #393939; cursor: pointer; font-weight: 400; width: 14.2857143%; - -webkit-flex-basis: 14.2857143%; - -ms-flex-preferred-size: 14.2857143%; flex-basis: 14.2857143%; max-width: 39px; height: 39px; @@ -25275,9 +23624,6 @@ span.flatpickr-weekday { margin: 0; display: inline-block; position: relative; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; justify-content: center; text-align: center; } @@ -25330,7 +23676,6 @@ span.flatpickr-weekday { .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay { background: #569ff7; - -webkit-box-shadow: none; box-shadow: none; color: #fff; border-color: #569ff7; @@ -25348,10 +23693,9 @@ span.flatpickr-weekday { border-radius: 0 50px 50px 0; } -.flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)), -.flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)), -.flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)) { - -webkit-box-shadow: -10px 0 0 #569ff7; +.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)), +.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)), +.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) { box-shadow: -10px 0 0 #569ff7; } @@ -25363,7 +23707,6 @@ span.flatpickr-weekday { .flatpickr-day.inRange { border-radius: 0; - -webkit-box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6; box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6; } @@ -25388,7 +23731,6 @@ span.flatpickr-weekday { .flatpickr-day.week.selected { border-radius: 0; - -webkit-box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7; box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7; } @@ -25406,7 +23748,6 @@ span.flatpickr-weekday { .flatpickr-weekwrapper .flatpickr-weeks { padding: 0 12px; - -webkit-box-shadow: 1px 0 0 #e6e6e6; box-shadow: 1px 0 0 #e6e6e6; } @@ -25429,11 +23770,7 @@ span.flatpickr-weekday { .flatpickr-innerContainer { display: block; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; - -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; } @@ -25441,7 +23778,6 @@ span.flatpickr-weekday { .flatpickr-rContainer { display: inline-block; padding: 0; - -webkit-box-sizing: border-box; box-sizing: border-box; } @@ -25452,12 +23788,8 @@ span.flatpickr-weekday { height: 0; line-height: 40px; max-height: 40px; - -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; } @@ -25468,9 +23800,6 @@ span.flatpickr-weekday { } .flatpickr-time .numInputWrapper { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; flex: 1; width: 40%; height: 40px; @@ -25495,7 +23824,6 @@ span.flatpickr-weekday { .flatpickr-time input { background: transparent; - -webkit-box-shadow: none; box-shadow: none; border: 0; border-radius: 0; @@ -25507,7 +23835,6 @@ span.flatpickr-weekday { color: #393939; font-size: 14px; position: relative; - -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: textfield; -moz-appearance: textfield; @@ -25540,8 +23867,6 @@ span.flatpickr-weekday { -moz-user-select: none; -ms-user-select: none; user-select: none; - -webkit-align-self: center; - -ms-flex-item-align: center; align-self: center; } @@ -25567,31 +23892,23 @@ span.flatpickr-weekday { @-webkit-keyframes fpFadeInDown { from { opacity: 0; - -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } - to { opacity: 1; - -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } - @keyframes fpFadeInDown { from { opacity: 0; - -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } - to { opacity: 1; - -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } - .datepicker.flatpickr-input { background-color: #fff; } @@ -25600,47 +23917,34 @@ span.flatpickr-weekday { margin-left: -38px; margin-top: 4px; } - .flatpickr-calendar.arrowBottom { margin-top: -20px; } - .flatpickr-calendar .flatpickr-innerContainer { margin-top: 15px !important; } - .flatpickr-calendar .numInputWrapper span { border: none; border-bottom: 1px solid rgba(57, 57, 57, 0.15); } - .flatpickr-calendar .numInputWrapper:hover .arrowUp, .flatpickr-calendar .numInputWrapper:hover .arrowDown { margin-top: 3px; } - -.flatpickr-calendar .flatpickr-day.today, -.flatpickr-calendar .flatpickr-day.selected, -.flatpickr-calendar .flatpickr-day.startRange, -.flatpickr-calendar .flatpickr-day.endRange { +.flatpickr-calendar .flatpickr-day.today, .flatpickr-calendar .flatpickr-day.selected, .flatpickr-calendar .flatpickr-day.startRange, .flatpickr-calendar .flatpickr-day.endRange { background: #cb0c9f !important; color: #fff; border: none; } - .flatpickr-calendar .flatpickr-day.inRange { background: rgba(94, 114, 228, 0.28); border: none; - -webkit-box-shadow: -5px 0 0 #D7DCF8, 5px 0 0 #D7DCF8; box-shadow: -5px 0 0 #D7DCF8, 5px 0 0 #D7DCF8; } - -.flatpickr-calendar .flatpickr-day:not(.selected):hover, -.flatpickr-calendar .flatpickr-day:not(.selected):focus { +.flatpickr-calendar .flatpickr-day:not(.selected):hover, .flatpickr-calendar .flatpickr-day:not(.selected):focus { background: rgba(94, 114, 228, 0.28); border: none; } - .flatpickr-calendar .flatpickr-time input:hover, .flatpickr-calendar .flatpickr-time .flatpickr-am-pm:hover, .flatpickr-calendar .flatpickr-time input:focus, @@ -25652,9 +23956,9 @@ span.flatpickr-weekday { background: #fff; } -.flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)), -.flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)), -.flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)) { +.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)), +.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)), +.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)) { box-shadow: -10px 0 0 #cb0c9f; } @@ -25668,12 +23972,10 @@ span.flatpickr-weekday { -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-user-select: none; - -ms-touch-action: none; touch-action: none; -ms-user-select: none; -moz-user-select: none; user-select: none; - -moz-box-sizing: border-box; box-sizing: border-box; } @@ -25753,7 +24055,6 @@ span.flatpickr-weekday { .noUi-state-tap .noUi-connect, .noUi-state-tap .noUi-origin { - -webkit-transition: transform 0.3s; transition: transform 0.3s; } @@ -25800,7 +24101,7 @@ span.flatpickr-weekday { */ .noUi-target { background: #e9ecef; - border-radius: .25rem; + border-radius: 0.25rem; } .noUi-connects { @@ -25827,11 +24128,11 @@ span.flatpickr-weekday { background: #fff; cursor: default; box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB; - webkit-transition: .3s ease 0s; - -moz-transition: .3s ease 0s; - -ms-transition: .3s ease 0s; - -o-transform: .3s ease 0s; - transition: .3s ease 0s; + webkit-transition: 0.3s ease 0s; + -moz-transition: 0.3s ease 0s; + -ms-transition: 0.3s ease 0s; + -o-transform: 0.3s ease 0s; + transition: 0.3s ease 0s; } .noUi-active { @@ -25856,7 +24157,6 @@ span.flatpickr-weekday { */ .noUi-pips, .noUi-pips * { - -moz-box-sizing: border-box; box-sizing: border-box; } @@ -25907,12 +24207,10 @@ span.flatpickr-weekday { } .noUi-value-horizontal { - -webkit-transform: translate(-50%, 50%); transform: translate(-50%, 50%); } .noUi-rtl .noUi-value-horizontal { - -webkit-transform: translate(50%, 50%); transform: translate(50%, 50%); } @@ -25941,13 +24239,11 @@ span.flatpickr-weekday { } .noUi-value-vertical { - -webkit-transform: translate(0, -50%); transform: translate(0, -50%); padding-left: 25px; } .noUi-rtl .noUi-value-vertical { - -webkit-transform: translate(0, 50%); transform: translate(0, 50%); } @@ -25978,28 +24274,24 @@ span.flatpickr-weekday { } .noUi-horizontal .noUi-tooltip { - -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); left: 50%; bottom: 120%; } .noUi-vertical .noUi-tooltip { - -webkit-transform: translate(0, -50%); transform: translate(0, -50%); top: 50%; right: 120%; } -.noUi-horizontal .noUi-origin>.noUi-tooltip { - -webkit-transform: translate(50%, 0); +.noUi-horizontal .noUi-origin > .noUi-tooltip { transform: translate(50%, 0); left: auto; bottom: 10px; } -.noUi-vertical .noUi-origin>.noUi-tooltip { - -webkit-transform: translate(0, -18px); +.noUi-vertical .noUi-origin > .noUi-tooltip { transform: translate(0, -18px); top: auto; right: 28px; @@ -26012,12 +24304,12 @@ https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javasc * Based on dabblet (http://dabblet.com) * @author Lea Verou */ -code[class*="language-"], -pre[class*="language-"] { +code[class*=language-], +pre[class*=language-] { color: black; background: none; text-shadow: 0 1px white; - font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace; + font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace; font-size: 1em; text-align: left; white-space: pre; @@ -26029,51 +24321,49 @@ pre[class*="language-"] { -o-tab-size: 4; tab-size: 4; -webkit-hyphens: none; - -moz-hyphens: none; -ms-hyphens: none; hyphens: none; } -pre[class*="language-"]::-moz-selection, -pre[class*="language-"] ::-moz-selection, -code[class*="language-"]::-moz-selection, -code[class*="language-"] ::-moz-selection { +pre[class*=language-]::-moz-selection, pre[class*=language-] ::-moz-selection, +code[class*=language-]::-moz-selection, code[class*=language-] ::-moz-selection { text-shadow: none; background: #b3d4fc; } -pre[class*="language-"]::selection, -pre[class*="language-"] ::selection, -code[class*="language-"]::selection, -code[class*="language-"] ::selection { +pre[class*=language-]::-moz-selection, pre[class*=language-] ::-moz-selection, code[class*=language-]::-moz-selection, code[class*=language-] ::-moz-selection { text-shadow: none; background: #b3d4fc; } -@media print { +pre[class*=language-]::selection, pre[class*=language-] ::selection, +code[class*=language-]::selection, code[class*=language-] ::selection { + text-shadow: none; + background: #b3d4fc; +} - code[class*="language-"], - pre[class*="language-"] { +@media print { + code[class*=language-], +pre[class*=language-] { text-shadow: none; } } - /* Code blocks */ -pre[class*="language-"] { +pre[class*=language-] { padding: 1em; overflow: auto; - border-radius: .75rem; + border-radius: 0.75rem; } -:not(pre)>code[class*="language-"], -pre[class*="language-"] { +:not(pre) > code[class*=language-], +pre[class*=language-] { background: #f8f9fa; } /* Inline code */ -:not(pre)>code[class*="language-"] { - padding: .1em; - border-radius: .3em; +:not(pre) > code[class*=language-] { + padding: 0.1em; + border-radius: 0.3em; white-space: normal; } @@ -26089,7 +24379,7 @@ pre[class*="language-"] { } .token.namespace { - opacity: .7; + opacity: 0.7; } .token.property, @@ -26168,8 +24458,8 @@ pre[class*="language-"] { .ps__rail-x { display: none; opacity: 0; - transition: background-color .2s linear, opacity .2s linear; - -webkit-transition: background-color .2s linear, opacity .2s linear; + transition: background-color 0.2s linear, opacity 0.2s linear; + -webkit-transition: background-color 0.2s linear, opacity 0.2s linear; height: 15px; /* there must be 'bottom' or 'top' for ps__rail-x */ bottom: 0px; @@ -26180,8 +24470,8 @@ pre[class*="language-"] { .ps__rail-y { display: none; opacity: 0; - transition: background-color .2s linear, opacity .2s linear; - -webkit-transition: background-color .2s linear, opacity .2s linear; + transition: background-color 0.2s linear, opacity 0.2s linear; + -webkit-transition: background-color 0.2s linear, opacity 0.2s linear; width: 15px; /* there must be 'right' or 'left' for ps__rail-y */ right: 0; @@ -26189,18 +24479,18 @@ pre[class*="language-"] { position: absolute; } -.ps--active-x>.ps__rail-x, -.ps--active-y>.ps__rail-y { +.ps--active-x > .ps__rail-x, +.ps--active-y > .ps__rail-y { display: block; background-color: transparent; } -.ps:hover>.ps__rail-x, -.ps:hover>.ps__rail-y, -.ps--focus>.ps__rail-x, -.ps--focus>.ps__rail-y, -.ps--scrolling-x>.ps__rail-x, -.ps--scrolling-y>.ps__rail-y { +.ps:hover > .ps__rail-x, +.ps:hover > .ps__rail-y, +.ps--focus > .ps__rail-x, +.ps--focus > .ps__rail-y, +.ps--scrolling-x > .ps__rail-x, +.ps--scrolling-y > .ps__rail-y { opacity: 0.6; } @@ -26220,8 +24510,8 @@ pre[class*="language-"] { .ps__thumb-x { background-color: #aaa; border-radius: 6px; - transition: background-color .2s linear, height .2s ease-in-out; - -webkit-transition: background-color .2s linear, height .2s ease-in-out; + transition: background-color 0.2s linear, height 0.2s ease-in-out; + -webkit-transition: background-color 0.2s linear, height 0.2s ease-in-out; height: 6px; /* there must be 'bottom' for ps__thumb-x */ bottom: 2px; @@ -26232,8 +24522,8 @@ pre[class*="language-"] { .ps__thumb-y { background-color: #aaa; border-radius: 6px; - transition: background-color .2s linear, width .2s ease-in-out; - -webkit-transition: background-color .2s linear, width .2s ease-in-out; + transition: background-color 0.2s linear, width 0.2s ease-in-out; + -webkit-transition: background-color 0.2s linear, width 0.2s ease-in-out; width: 6px; /* there must be 'right' for ps__thumb-y */ right: 2px; @@ -26241,15 +24531,15 @@ pre[class*="language-"] { position: absolute; } -.ps__rail-x:hover>.ps__thumb-x, -.ps__rail-x:focus>.ps__thumb-x, +.ps__rail-x:hover > .ps__thumb-x, +.ps__rail-x:focus > .ps__thumb-x, .ps__rail-x.ps--clicking .ps__thumb-x { background-color: #999; height: 11px; } -.ps__rail-y:hover>.ps__thumb-y, -.ps__rail-y:focus>.ps__thumb-y, +.ps__rail-y:hover > .ps__thumb-y, +.ps__rail-y:focus > .ps__thumb-y, .ps__rail-y.ps--clicking .ps__thumb-y { background-color: #999; width: 11px; @@ -26261,12 +24551,9 @@ pre[class*="language-"] { overflow: auto !important; } } - -@media screen and (-ms-high-contrast: active), -(-ms-high-contrast: none) { +@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .ps { overflow: auto !important; } } - -/*# sourceMappingURL=kit-free.css.map */ \ No newline at end of file +/*# sourceMappingURL=soft-design-system.css.map */ diff --git a/assets/css/soft-design-system.css.map b/assets/css/soft-design-system.css.map index 8b2d3038..c67a2fb0 100644 --- a/assets/css/soft-design-system.css.map +++ b/assets/css/soft-design-system.css.map @@ -1,338 +1 @@ -{ - "version": 3, - "file": "kit-free.css", - "sources": [ - "../scss/kit-free.scss", - "../scss/bootstrap/_functions.scss", - "../scss/custom/_variables.scss", - "../scss//_variables.scss", - "../scss//variables/_animations.scss", - "../scss//variables/_avatars.scss", - "../scss//variables/_cards.scss", - "../scss//variables/_dark-version.scss", - "../scss//variables/_dropdowns.scss", - "../scss//variables/_header.scss", - "../scss//variables/_info-areas.scss", - "../scss//variables/_navbar.scss", - "../scss//variables/_navbar-vertical.scss", - "../scss//variables/_utilities.scss", - "../scss//variables/_utilities-extend.scss", - "../scss//variables/_misc.scss", - "../scss//variables/_misc-extend.scss", - "../scss//variables/_form-switch.scss", - "../scss//variables/_fixed-plugin.scss", - "../scss//variables/_pagination.scss", - "../scss//variables/_badge.scss", - "../scss//variables/_rtl.scss", - "../scss//variables/_cards-extend.scss", - "../scss//variables/_choices.scss", - "../scss//variables/_timeline.scss", - "../scss//variables/_full-calendar.scss", - "../scss//variables/_social-buttons.scss", - "../scss//variables/_virtual-reality.scss", - "../scss//_utilities.scss", - "../scss/bootstrap/_functions.scss", - "../scss/bootstrap/_variables.scss", - "../scss/bootstrap/_utilities.scss", - "../scss/bootstrap/bootstrap.scss", - "../scss/bootstrap/_functions.scss", - "../scss/bootstrap/_variables.scss", - "../scss/bootstrap/_mixins.scss", - "../scss/bootstrap/vendor/_rfs.scss", - "../scss/bootstrap/mixins/_deprecate.scss", - "../scss/bootstrap/mixins/_breakpoints.scss", - "../scss/bootstrap/mixins/_color-scheme.scss", - "../scss/bootstrap/mixins/_image.scss", - "../scss/bootstrap/mixins/_resize.scss", - "../scss/bootstrap/mixins/_visually-hidden.scss", - "../scss/bootstrap/mixins/_reset-text.scss", - "../scss/bootstrap/mixins/_text-truncate.scss", - "../scss/bootstrap/mixins/_utilities.scss", - "../scss/bootstrap/mixins/_alert.scss", - "../scss/bootstrap/mixins/_backdrop.scss", - "../scss/bootstrap/mixins/_buttons.scss", - "../scss/bootstrap/mixins/_caret.scss", - "../scss/bootstrap/mixins/_pagination.scss", - "../scss/bootstrap/mixins/_lists.scss", - "../scss/bootstrap/mixins/_list-group.scss", - "../scss/bootstrap/mixins/_forms.scss", - "../scss/bootstrap/mixins/_table-variants.scss", - "../scss/bootstrap/mixins/_border-radius.scss", - "../scss/bootstrap/mixins/_box-shadow.scss", - "../scss/bootstrap/mixins/_gradients.scss", - "../scss/bootstrap/mixins/_transition.scss", - "../scss/bootstrap/mixins/_clearfix.scss", - "../scss/bootstrap/mixins/_container.scss", - "../scss/bootstrap/mixins/_grid.scss", - "../scss/bootstrap/_utilities.scss", - "../scss/bootstrap/_root.scss", - "../scss/bootstrap/_reboot.scss", - "../scss/bootstrap/_type.scss", - "../scss/bootstrap/_images.scss", - "../scss/bootstrap/_containers.scss", - "../scss/bootstrap/_grid.scss", - "../scss/bootstrap/_tables.scss", - "../scss/bootstrap/_forms.scss", - "../scss/bootstrap/forms/_labels.scss", - "../scss/bootstrap/forms/_form-text.scss", - "../scss/bootstrap/forms/_form-control.scss", - "../scss/bootstrap/forms/_form-select.scss", - "../scss/bootstrap/forms/_form-check.scss", - "../scss/bootstrap/forms/_form-range.scss", - "../scss/bootstrap/forms/_floating-labels.scss", - "../scss/bootstrap/forms/_input-group.scss", - "../scss/bootstrap/forms/_validation.scss", - "../scss/bootstrap/_buttons.scss", - "../scss/bootstrap/_transitions.scss", - "../scss/bootstrap/_dropdown.scss", - "../scss/bootstrap/_button-group.scss", - "../scss/bootstrap/_nav.scss", - "../scss/bootstrap/_navbar.scss", - "../scss/bootstrap/_card.scss", - "../scss/bootstrap/_accordion.scss", - "../scss/bootstrap/_breadcrumb.scss", - "../scss/bootstrap/_pagination.scss", - "../scss/bootstrap/_badge.scss", - "../scss/bootstrap/_alert.scss", - "../scss/bootstrap/_progress.scss", - "../scss/bootstrap/_list-group.scss", - "../scss/bootstrap/_close.scss", - "../scss/bootstrap/_toasts.scss", - "../scss/bootstrap/_modal.scss", - "../scss/bootstrap/_tooltip.scss", - "../scss/bootstrap/_popover.scss", - "../scss/bootstrap/_carousel.scss", - "../scss/bootstrap/_spinners.scss", - "../scss/bootstrap/_offcanvas.scss", - "../scss/bootstrap/_placeholders.scss", - "../scss/bootstrap/_helpers.scss", - "../scss/bootstrap/helpers/_clearfix.scss", - "../scss/bootstrap/helpers/_colored-links.scss", - "../scss/bootstrap/helpers/_ratio.scss", - "../scss/bootstrap/helpers/_position.scss", - "../scss/bootstrap/helpers/_stacks.scss", - "../scss/bootstrap/helpers/_visually-hidden.scss", - "../scss/bootstrap/helpers/_stretched-link.scss", - "../scss/bootstrap/helpers/_text-truncation.scss", - "../scss/bootstrap/helpers/_vr.scss", - "../scss/bootstrap/utilities/_api.scss", - "../scss//theme.scss", - "../scss//variables/_navbar-vertical.scss", - "../scss//variables/_social-buttons.scss", - "../scss//variables/_breadcrumb.scss", - "../scss//mixins/mixins.scss", - "../scss//mixins/_badge.scss", - "../scss//mixins/_hover.scss", - "../scss//mixins/_colored-shadows.scss", - "../scss//mixins/_social-buttons.scss", - "../scss//_alert.scss", - "../scss//_avatars.scss", - "../scss//_badge.scss", - "../scss//_buttons.scss", - "../scss//_breadcrumbs.scss", - "../scss//_cards.scss", - "../scss//cards/card-background.scss", - "../scss//_dropdown.scss", - "../scss//_dropup.scss", - "../scss//_header.scss", - "../scss//_fixed-plugin.scss", - "../scss//forms/_forms.scss", - "../scss//forms/_input-group.scss", - "../scss//forms/_form-check.scss", - "../scss//forms/_form-switch.scss", - "../scss//forms/_form-select.scss", - "../scss//forms/_labels.scss", - "../scss//forms/_inputs.scss", - "../scss//_footer.scss", - "../scss//_gradients.scss", - "../scss//_info-areas.scss", - "../scss//_misc.scss", - "../scss//_navbar.scss", - "../scss//_navbar-vertical.scss", - "../scss//_nav.scss", - "../scss//_pagination.scss", - "../scss//_popovers.scss", - "../scss//_progress.scss", - "../scss//_rtl.scss", - "../scss//_social-buttons.scss", - "../scss//_tables.scss", - "../scss//_timeline.scss", - "../scss//_tilt.scss", - "../scss//_tooltips.scss", - "../scss//_typography.scss", - "../scss//plugins/free/plugins.scss", - "../scss//plugins/free/_flatpickr.scss", - "../scss//plugins/free/_nouislider.scss", - "../scss//plugins/free/_prism.scss", - "../scss//plugins/free/_perfect-scrollbar.scss", - "../scss/custom/_styles.scss" - ], - "sourcesContent": [ - "// =========================================================\n// * Soft UI Design System - v1.0.6\n// =========================================================\n//\n// * Product Page: https://www.creative-tim.com/product/soft-ui-design-system\n// * Copyright 2022 Creative Tim (https://www.creative-tim.com)\n//\n// Coded by www.creative-tim.com\n//\n// =========================================================\n//\n// * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.\n\n// Bootstrap Functions\n@import \"bootstrap/functions\";\n\n// Custom Variables\n@import \"custom/variables\";\n\n// Theme Variables\n@import \"/variables\";\n\n// Bootstrap Core\n@import \"bootstrap/bootstrap\";\n\n// Theme Core\n@import \"/theme\";\n\n// Custom Variables\n@import \"custom/styles\";\n", - "// Bootstrap functions\n//\n// Utility mixins and functions for evaluating source code across our variables, maps, and mixins.\n\n// Ascending\n// Used to evaluate Sass maps like our grid breakpoints.\n@mixin _assert-ascending($map, $map-name) {\n $prev-key: null;\n $prev-num: null;\n @each $key, $num in $map {\n @if $prev-num == null or unit($num) == \"%\" or unit($prev-num) == \"%\" {\n // Do nothing\n } @else if not comparable($prev-num, $num) {\n @warn \"Potentially invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} whose unit makes it incomparable to #{$prev-num}, the value of the previous key '#{$prev-key}' !\";\n } @else if $prev-num >= $num {\n @warn \"Invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} which isn't greater than #{$prev-num}, the value of the previous key '#{$prev-key}' !\";\n }\n $prev-key: $key;\n $prev-num: $num;\n }\n}\n\n// Starts at zero\n// Used to ensure the min-width of the lowest breakpoint starts at 0.\n@mixin _assert-starts-at-zero($map, $map-name: \"$grid-breakpoints\") {\n @if length($map) > 0 {\n $values: map-values($map);\n $first-value: nth($values, 1);\n @if $first-value != 0 {\n @warn \"First breakpoint in #{$map-name} must start at 0, but starts at #{$first-value}.\";\n }\n }\n}\n\n// Colors\n@function to-rgb($value) {\n @return red($value), green($value), blue($value);\n}\n\n// stylelint-disable scss/dollar-variable-pattern\n@function rgba-css-var($identifier, $target) {\n @if $identifier == \"body\" and $target == \"bg\" {\n @return rgba(var(--#{$variable-prefix}#{$identifier}-bg-rgb), var(--#{$variable-prefix}#{$target}-opacity));\n } @if $identifier == \"body\" and $target == \"text\" {\n @return rgba(var(--#{$variable-prefix}#{$identifier}-color-rgb), var(--#{$variable-prefix}#{$target}-opacity));\n } @else {\n @return rgba(var(--#{$variable-prefix}#{$identifier}-rgb), var(--#{$variable-prefix}#{$target}-opacity));\n }\n}\n\n@function map-loop($map, $func, $args...) {\n $_map: ();\n\n @each $key, $value in $map {\n // allow to pass the $key and $value of the map as an function argument\n $_args: ();\n @each $arg in $args {\n $_args: append($_args, if($arg == \"$key\", $key, if($arg == \"$value\", $value, $arg)));\n }\n\n $_map: map-merge($_map, ($key: call(get-function($func), $_args...)));\n }\n\n @return $_map;\n}\n// stylelint-enable scss/dollar-variable-pattern\n\n@function varify($list) {\n $result: null;\n @each $entry in $list {\n $result: append($result, var(--#{$variable-prefix}#{$entry}), space);\n }\n @return $result;\n}\n\n// Internal Bootstrap function to turn maps into its negative variant.\n// It prefixes the keys with `n` and makes the value negative.\n@function negativify-map($map) {\n $result: ();\n @each $key, $value in $map {\n @if $key != 0 {\n $result: map-merge($result, (\"n\" + $key: (-$value)));\n }\n }\n @return $result;\n}\n\n// Get multiple keys from a sass map\n@function map-get-multiple($map, $values) {\n $result: ();\n @each $key, $value in $map {\n @if (index($values, $key) != null) {\n $result: map-merge($result, ($key: $value));\n }\n }\n @return $result;\n}\n\n// Merge multiple maps\n@function map-merge-multiple($maps...) {\n $merged-maps: ();\n\n @each $map in $maps {\n $merged-maps: map-merge($merged-maps, $map);\n }\n @return $merged-maps;\n}\n\n// Replace `$search` with `$replace` in `$string`\n// Used on our SVG icon backgrounds for custom forms.\n//\n// @author Hugo Giraudel\n// @param {String} $string - Initial string\n// @param {String} $search - Substring to replace\n// @param {String} $replace ('') - New value\n// @return {String} - Updated string\n@function str-replace($string, $search, $replace: \"\") {\n $index: str-index($string, $search);\n\n @if $index {\n @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);\n }\n\n @return $string;\n}\n\n// See https://codepen.io/kevinweber/pen/dXWoRw\n//\n// Requires the use of quotes around data URIs.\n\n@function escape-svg($string) {\n @if str-index($string, \"data:image/svg+xml\") {\n @each $char, $encoded in $escaped-characters {\n // Do not escape the url brackets\n @if str-index($string, \"url(\") == 1 {\n $string: url(\"#{str-replace(str-slice($string, 6, -3), $char, $encoded)}\");\n } @else {\n $string: str-replace($string, $char, $encoded);\n }\n }\n }\n\n @return $string;\n}\n\n// Color contrast\n// See https://github.com/twbs/bootstrap/pull/30168\n\n// A list of pre-calculated numbers of pow(divide((divide($value, 255) + .055), 1.055), 2.4). (from 0 to 255)\n// stylelint-disable-next-line scss/dollar-variable-default, scss/dollar-variable-pattern\n$_luminance-list: .0008 .001 .0011 .0013 .0015 .0017 .002 .0022 .0025 .0027 .003 .0033 .0037 .004 .0044 .0048 .0052 .0056 .006 .0065 .007 .0075 .008 .0086 .0091 .0097 .0103 .011 .0116 .0 .013 .0137 .0144 .0152 .016 .0168 .0176 .0185 .0194 .0203 .0212 .0222 .0232 .0242 .0252 .0262 .0273 .0284 .0296 .0307 .0319 .0331 .0343 .0356 .0369 .0382 .0395 .0409 .0423 .0437 .0452 .0467 .0482 .0497 .0513 .0529 .0545 .0561 .0578 .0595 .0612 .063 .0648 .0666 .0685 .0704 .0723 .0742 .0762 .0782 .0802 .0823 .0844 .0865 .0887 .0908 .0931 .0953 .0976 .0999 .1022 .1046 .107 .1095 .1119 .1144 .117 .1195 .1221 .1248 .1274 .1301 .1329 .1356 .1384 .1413 .1441 .147 .15 .1529 .1559 .159 .162 .1651 .1683 .1714 .1746 .1779 .1812 .1845 .1878 .1912 .1946 .1981 .2016 .2051 .2086 .2122 .2159 .2195 .2232 .227 .2307 .2346 .2384 .2423 .2462 .2502 .2542 .2582 .2623 .2664 .2705 .2747 .2789 .2831 .2874 .2918 .2961 .3005 .305 .3095 .314 .3185 .3231 .3278 .3325 .3372 .3419 .3467 .3515 .3564 .3613 .3663 .3712 .3763 .3813 .3864 .3916 .3968 .402 .4072 .4125 .4179 .4233 .4287 .4342 .4397 .4452 .4508 .4564 .4621 .4678 .4735 .4793 .4851 .491 .4969 .5029 .5089 .5149 .521 .5271 .5333 .5395 .5457 .552 .5583 .5647 .5711 .5776 .5841 .5906 .5972 .6038 .6105 .6172 .624 .6308 .6376 .6445 .6514 .6584 .6654 .6724 .6795 .6867 .6939 .7011 .7084 .7157 .7231 .7305 .7379 .7454 .7529 .7605 .7682 .7758 .7835 .7913 .7991 .807 .8148 .8228 .8308 .8388 .8469 .855 .8632 .8714 .8796 .8879 .8963 .9047 .9131 .9216 .9301 .9387 .9473 .956 .9647 .9734 .9823 .9911 1;\n\n@function color-contrast($background, $color-contrast-dark: $color-contrast-dark, $color-contrast-light: $color-contrast-light, $min-contrast-ratio: $min-contrast-ratio) {\n $foregrounds: $color-contrast-light, $color-contrast-dark, $white, $black;\n $max-ratio: 0;\n $max-ratio-color: null;\n\n @each $color in $foregrounds {\n $contrast-ratio: contrast-ratio($background, $color);\n @if $contrast-ratio > $min-contrast-ratio {\n @return $color;\n } @else if $contrast-ratio > $max-ratio {\n $max-ratio: $contrast-ratio;\n $max-ratio-color: $color;\n }\n }\n\n @warn \"Found no color leading to #{$min-contrast-ratio}:1 contrast ratio against #{$background}...\";\n\n @return $max-ratio-color;\n}\n\n@function contrast-ratio($background, $foreground: $color-contrast-light) {\n $l1: luminance($background);\n $l2: luminance(opaque($background, $foreground));\n\n @return if($l1 > $l2, divide($l1 + .05, $l2 + .05), divide($l2 + .05, $l1 + .05));\n}\n\n// Return WCAG2.0 relative luminance\n// See https://www.w3.org/WAI/GL/wiki/Relative_luminance\n// See https://www.w3.org/TR/WCAG20-TECHS/G17.html#G17-tests\n@function luminance($color) {\n $rgb: (\n \"r\": red($color),\n \"g\": green($color),\n \"b\": blue($color)\n );\n\n @each $name, $value in $rgb {\n $value: if(divide($value, 255) < .03928, divide(divide($value, 255), 12.92), nth($_luminance-list, $value + 1));\n $rgb: map-merge($rgb, ($name: $value));\n }\n\n @return (map-get($rgb, \"r\") * .2126) + (map-get($rgb, \"g\") * .7152) + (map-get($rgb, \"b\") * .0722);\n}\n\n// Return opaque color\n// opaque(#fff, rgba(0, 0, 0, .5)) => #808080\n@function opaque($background, $foreground) {\n @return mix(rgba($foreground, 1), $background, opacity($foreground) * 100);\n}\n\n// scss-docs-start color-functions\n// Tint a color: mix a color with white\n@function tint-color($color, $weight) {\n @return mix(white, $color, $weight);\n}\n\n// Shade a color: mix a color with black\n@function shade-color($color, $weight) {\n @return mix(black, $color, $weight);\n}\n\n// Shade the color if the weight is positive, else tint it\n@function shift-color($color, $weight) {\n @return if($weight > 0, shade-color($color, $weight), tint-color($color, -$weight));\n}\n// scss-docs-end color-functions\n\n// Return valid calc\n@function add($value1, $value2, $return-calc: true) {\n @if $value1 == null {\n @return $value2;\n }\n\n @if $value2 == null {\n @return $value1;\n }\n\n @if type-of($value1) == number and type-of($value2) == number and comparable($value1, $value2) {\n @return $value1 + $value2;\n }\n\n @return if($return-calc == true, calc(#{$value1} + #{$value2}), $value1 + unquote(\" + \") + $value2);\n}\n\n@function subtract($value1, $value2, $return-calc: true) {\n @if $value1 == null and $value2 == null {\n @return null;\n }\n\n @if $value1 == null {\n @return -$value2;\n }\n\n @if $value2 == null {\n @return $value1;\n }\n\n @if type-of($value1) == number and type-of($value2) == number and comparable($value1, $value2) {\n @return $value1 - $value2;\n }\n\n @if type-of($value2) != number {\n $value2: unquote(\"(\") + $value2 + unquote(\")\");\n }\n\n @return if($return-calc == true, calc(#{$value1} - #{$value2}), $value1 + unquote(\" - \") + $value2);\n}\n\n@function divide($dividend, $divisor, $precision: 10) {\n $sign: if($dividend > 0 and $divisor > 0 or $dividend < 0 and $divisor < 0, 1, -1);\n $dividend: abs($dividend);\n $divisor: abs($divisor);\n @if $dividend == 0 {\n @return 0;\n }\n @if $divisor == 0 {\n @error \"Cannot divide by 0\";\n }\n $remainder: $dividend;\n $result: 0;\n $factor: 10;\n @while ($remainder > 0 and $precision >= 0) {\n $quotient: 0;\n @while ($remainder >= $divisor) {\n $remainder: $remainder - $divisor;\n $quotient: $quotient + 1;\n }\n $result: $result * 10 + $quotient;\n $factor: $factor * .1;\n $remainder: $remainder * 10;\n $precision: $precision - 1;\n @if ($precision < 0 and $remainder >= $divisor * 5) {\n $result: $result + 1;\n }\n }\n $result: $result * $factor * $sign;\n $dividend-unit: unit($dividend);\n $divisor-unit: unit($divisor);\n $unit-map: (\n \"px\": 1px,\n \"rem\": 1rem,\n \"em\": 1em,\n \"%\": 1%\n );\n @if ($dividend-unit != $divisor-unit and map-has-key($unit-map, $dividend-unit)) {\n $result: $result * map-get($unit-map, $dividend-unit);\n }\n @return $result;\n}\n", - "", - "// Variables\n//\n// Variables should follow the `$component-state-property-size` formula for\n// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.\n\n// $soft-background-color: #fbfbfb !default;\n$soft-background-color: #ffffff !default; // Testing\n$font-color: #67748e !default;\n$h-color: #344767 !default;\n\n// Color system\n\n$white: #fff !default;\n$gray-100: #f8f9fa !default;\n$gray-200: #e9ecef !default;\n$gray-300: #dee2e6 !default;\n$gray-400: #ced4da !default;\n$gray-500: #adb5bd !default;\n$gray-600: #6c757d !default;\n$gray-700: #495057 !default;\n$gray-800: #343a40 !default;\n$gray-900: #212529 !default;\n$black: #000 !default;\n\n// fusv-enable\n\n$blue: #63B3ED !default;\n$indigo: #596CFF !default;\n$purple: #6f42c1 !default;\n$pink: #d63384 !default;\n$red: #F56565 !default;\n$orange: #fd7e14 !default;\n$yellow: #FBD38D !default;\n$green: #81E6D9 !default;\n$teal: #20c997 !default;\n$cyan: #0dcaf0 !default;\n\n// scss-docs-start colors-map\n$colors: (\n \"blue\": $blue,\n \"indigo\": $indigo,\n \"purple\": $purple,\n \"pink\": $pink,\n \"red\": $red,\n \"orange\": $orange,\n \"yellow\": $yellow,\n \"green\": $green,\n \"teal\": $teal,\n \"cyan\": $cyan,\n \"white\": $white,\n \"gray\": $gray-600,\n \"gray-dark\": $gray-800,\n) !default;\n// scss-docs-end colors-map\n\n$primary: #cb0c9f !default;\n$secondary: #8392AB !default;\n$info: #17c1e8 !default;\n$success: #82d616 !default;\n$warning: #fbcf33 !default;\n$danger: #ea0606 !default;\n$light: $gray-200 !default;\n$dark: $h-color !default;\n\n// scss-docs-start theme-colors-map\n$theme-colors: (\n \"primary\": $primary,\n \"secondary\": $secondary,\n \"success\": $success,\n \"info\": $info,\n \"warning\": $warning,\n \"danger\": $danger,\n \"light\": $light,\n \"dark\": $dark,\n \"white\": $white\n) !default;\n// scss-docs-end theme-colors-map\n\n\n// Gradient colors\n$primary-gradient: #7928CA !default;\n$primary-gradient-state: #FF0080 !default;\n\n$secondary-gradient: #627594 !default;\n$secondary-gradient-state: #A8B8D8 !default;\n\n$info-gradient: #2152ff !default;\n$info-gradient-state: #21d4fd !default;\n\n$success-gradient: #17ad37 !default;\n$success-gradient-state: #98ec2d !default;\n\n$danger-gradient: #ea0606 !default;\n$danger-gradient-state: #ff667c !default;\n\n$warning-gradient: #f53939 !default;\n$warning-gradient-state: #fbcf33 !default;\n\n$dark-gradient: #141727 !default;\n$dark-gradient-state: #3A416F !default;\n\n$light-gradient: #CED4DA !default;\n$light-gradient-state: #EBEFF4 !default;\n\n$dark-gradient-dark: #323a54 !default;\n$dark-gradient-state-dark: #1a2035 !default;\n\n// Gradient Colors map\n$theme-gradient-colors: (\n \"primary\": ($primary-gradient, $primary-gradient-state),\n \"secondary\": ($secondary-gradient, $secondary-gradient-state),\n \"success\": ($success-gradient, $success-gradient-state),\n \"info\": ($info-gradient, $info-gradient-state),\n \"warning\": ($warning-gradient, $warning-gradient-state),\n \"danger\": ($danger-gradient, $danger-gradient-state),\n \"light\": ($light-gradient, $light-gradient-state),\n \"dark\": ($dark-gradient, $dark-gradient-state)\n) !default;\n\n// Set a specific jump point for requesting color jumps\n$theme-color-interval: 8% !default;\n\n// The contrast ratio to reach against white, to determine if color changes from \"light\" to \"dark\". Acceptable values for WCAG 2.0 are 3, 4.5 and 7.\n// See https://www.w3.org/TR/WCAG20/#visual-audio-contrast-contrast\n$min-contrast-ratio: 4.5 !default;\n\n// Customize the light and dark text colors for use in our color contrast function.\n$color-contrast-dark: $black !default;\n$color-contrast-light: $white !default;\n\n// fusv-disable\n$blue-100: tint-color($blue, 8) !default;\n$blue-200: tint-color($blue, 6) !default;\n$blue-300: tint-color($blue, 4) !default;\n$blue-400: tint-color($blue, 2) !default;\n$blue-500: $blue !default;\n$blue-600: shade-color($blue, 2) !default;\n$blue-700: shade-color($blue, 4) !default;\n$blue-800: shade-color($blue, 6) !default;\n$blue-900: shade-color($blue, 8) !default;\n\n$indigo-100: tint-color($indigo, 8) !default;\n$indigo-200: tint-color($indigo, 6) !default;\n$indigo-300: tint-color($indigo, 4) !default;\n$indigo-400: tint-color($indigo, 2) !default;\n$indigo-500: $indigo !default;\n$indigo-600: shade-color($indigo, 2) !default;\n$indigo-700: shade-color($indigo, 4) !default;\n$indigo-800: shade-color($indigo, 6) !default;\n$indigo-900: shade-color($indigo, 8) !default;\n\n$purple-100: tint-color($purple, 8) !default;\n$purple-200: tint-color($purple, 6) !default;\n$purple-300: tint-color($purple, 4) !default;\n$purple-400: tint-color($purple, 2) !default;\n$purple-500: $purple !default;\n$purple-600: shade-color($purple, 2) !default;\n$purple-700: shade-color($purple, 4) !default;\n$purple-800: shade-color($purple, 6) !default;\n$purple-900: shade-color($purple, 8) !default;\n\n$pink-100: tint-color($pink, 8) !default;\n$pink-200: tint-color($pink, 6) !default;\n$pink-300: tint-color($pink, 4) !default;\n$pink-400: tint-color($pink, 2) !default;\n$pink-500: $pink !default;\n$pink-600: shade-color($pink, 2) !default;\n$pink-700: shade-color($pink, 4) !default;\n$pink-800: shade-color($pink, 6) !default;\n$pink-900: shade-color($pink, 8) !default;\n\n$red-100: tint-color($red, 8) !default;\n$red-200: tint-color($red, 6) !default;\n$red-300: tint-color($red, 4) !default;\n$red-400: tint-color($red, 2) !default;\n$red-500: $red !default;\n$red-600: shade-color($red, 2) !default;\n$red-700: shade-color($red, 4) !default;\n$red-800: shade-color($red, 6) !default;\n$red-900: shade-color($red, 8) !default;\n\n$orange-100: tint-color($orange, 8) !default;\n$orange-200: tint-color($orange, 6) !default;\n$orange-300: tint-color($orange, 4) !default;\n$orange-400: tint-color($orange, 2) !default;\n$orange-500: $orange !default;\n$orange-600: shade-color($orange, 2) !default;\n$orange-700: shade-color($orange, 4) !default;\n$orange-800: shade-color($orange, 6) !default;\n$orange-900: shade-color($orange, 8) !default;\n\n$yellow-100: tint-color($yellow, 8) !default;\n$yellow-200: tint-color($yellow, 6) !default;\n$yellow-300: tint-color($yellow, 4) !default;\n$yellow-400: tint-color($yellow, 2) !default;\n$yellow-500: $yellow !default;\n$yellow-600: shade-color($yellow, 2) !default;\n$yellow-700: shade-color($yellow, 4) !default;\n$yellow-800: shade-color($yellow, 6) !default;\n$yellow-900: shade-color($yellow, 8) !default;\n\n$green-100: tint-color($green, 8) !default;\n$green-200: tint-color($green, 6) !default;\n$green-300: tint-color($green, 4) !default;\n$green-400: tint-color($green, 2) !default;\n$green-500: $green !default;\n$green-600: shade-color($green, 2) !default;\n$green-700: shade-color($green, 4) !default;\n$green-800: shade-color($green, 6) !default;\n$green-900: shade-color($green, 8) !default;\n\n$teal-100: tint-color($teal, 8) !default;\n$teal-200: tint-color($teal, 6) !default;\n$teal-300: tint-color($teal, 4) !default;\n$teal-400: tint-color($teal, 2) !default;\n$teal-500: $teal !default;\n$teal-600: shade-color($teal, 2) !default;\n$teal-700: shade-color($teal, 4) !default;\n$teal-800: shade-color($teal, 6) !default;\n$teal-900: shade-color($teal, 8) !default;\n\n$cyan-100: tint-color($cyan, 8) !default;\n$cyan-200: tint-color($cyan, 6) !default;\n$cyan-300: tint-color($cyan, 4) !default;\n$cyan-400: tint-color($cyan, 2) !default;\n$cyan-500: $cyan !default;\n$cyan-600: shade-color($cyan, 2) !default;\n$cyan-700: shade-color($cyan, 4) !default;\n$cyan-800: shade-color($cyan, 6) !default;\n$cyan-900: shade-color($cyan, 8) !default;\n// fusv-enable\n\n// Characters which are escaped by the escape-svg function\n$escaped-characters: (\n (\"<\", \"%3c\"),\n (\">\", \"%3e\"),\n (\"#\", \"%23\"),\n (\"(\", \"%28\"),\n (\")\", \"%29\"),\n) !default;\n\n// Options\n//\n// Quickly modify global styling by enabling or disabling optional features.\n\n$enable-caret: true !default;\n$enable-rounded: true !default;\n$enable-shadows: false !default;\n$enable-gradients: false !default;\n$enable-transitions: true !default;\n$enable-reduced-motion: true !default;\n$enable-grid-classes: true !default;\n$enable-button-pointers: true !default;\n$enable-rfs: true !default;\n$enable-validation-icons: true !default;\n$enable-negative-margins: true !default;\n$enable-deprecation-messages: true !default;\n$enable-important-utilities: true !default;\n\n// Gradient\n//\n// The gradient which is added to components if `$enable-gradients` is `true`\n// This gradient is also added to elements with `.bg-gradient`\n$gradient: linear-gradient(180deg, rgba($white, .15), rgba($white, 0)) !default;\n\n// Spacing\n//\n// Control the default styling of most Bootstrap elements by modifying these\n// variables. Mostly focused on spacing.\n// You can add more entries to the $spacers map, should you need more variation.\n\n$spacer: 1rem !default;\n$spacers: (\n 0: 0,\n 1: $spacer * 0.25,\n 2: $spacer * 0.5,\n 3: $spacer,\n 4: $spacer * 1.5,\n 5: $spacer * 3,\n 6: $spacer * 4,\n 7: $spacer * 6,\n 8: $spacer * 8,\n 9: $spacer * 10,\n 10: $spacer * 12,\n 11: $spacer * 14,\n 12: $spacer * 16,\n) !default;\n\n$negative-spacers: if($enable-negative-margins, negativify-map($spacers), null) !default;\n\n// Position\n//\n// Define the edge positioning anchors of the position utilities.\n\n$position-values: (\n 0: 0,\n 1: 1%,\n 2: 2%,\n 3: 3%,\n 4: 4%,\n 5: 5%,\n 6: 6%,\n 7: 7%,\n 8: 8%,\n 9: 9%,\n 10: 10%,\n 50: 50%,\n 100: 100%\n) !default;\n\n\n// Body\n//\n// Settings for the `` element.\n\n$body-bg: $white !default;\n$body-color: $font-color !default;\n$body-text-align: null !default;\n\n\n// Links\n//\n// Style anchor elements.\n\n$link-color: $primary !default;\n$link-decoration: none !default;\n$link-hover-color: darken($link-color, 15%) !default;\n$link-hover-decoration: none !default;\n// Darken percentage for links with `.text-*` class (e.g. `.text-success`)\n$emphasized-link-hover-darken-percentage: 15% !default;\n\n$stretched-link-pseudo-element: after !default;\n$stretched-link-z-index: 1 !default;\n\n// Paragraphs\n//\n// Style p element.\n\n$paragraph-margin-bottom: 1rem !default;\n\n\n// Grid breakpoints\n//\n// Define the minimum dimensions at which your layout will change,\n// adapting to different screen sizes, for use in media queries.\n\n// scss-docs-start grid-breakpoints\n$grid-breakpoints: (\n xs: 0,\n sm: 576px,\n md: 768px,\n lg: 992px,\n xl: 1200px,\n xxl: 1400px\n) !default;\n// scss-docs-end grid-breakpoints\n\n@include _assert-ascending($grid-breakpoints, \"$grid-breakpoints\");\n@include _assert-starts-at-zero($grid-breakpoints, \"$grid-breakpoints\");\n\n\n// Grid containers\n//\n// Define the maximum width of `.container` for different screen sizes.\n\n// scss-docs-start container-max-widths\n$container-max-widths: (\n sm: 540px,\n md: 720px,\n lg: 960px,\n xl: 1140px,\n xxl: 1320px\n) !default;\n// scss-docs-end container-max-widths\n\n@include _assert-ascending($container-max-widths, \"$container-max-widths\");\n\n\n// Grid columns\n//\n// Set the number of columns and specify the width of the gutters.\n\n$grid-columns: 12 !default;\n$grid-gutter-width: 1.5rem !default;\n$grid-row-columns: 6 !default;\n\n$gutters: $spacers !default;\n\n// Container padding\n\n$container-padding-x: $grid-gutter-width !default;\n\n\n// Components\n//\n// Define common padding and border radius sizes and more.\n\n$border-width: 1px !default;\n$border-color: $gray-300 !default;\n\n$border-radius-xs: .125rem !default;\n$border-radius-sm: .25rem !default;\n$border-radius-md: .5rem !default;\n$border-radius-lg: .75rem !default;\n$border-radius-xl: 1rem !default;\n$border-radius-2xl: 1.5rem !default;\n$border-radius-section: 10rem !default;\n\n$border-widths: (\n 0: 0,\n 1: 1px,\n 2: 2px,\n 3: 3px,\n 4: 4px,\n 5: 5px\n) !default;\n\n$rounded-pill: 50rem !default;\n\n$box-shadow-xs: 0 2px 9px -5px rgba($black, 0.15) !default;\n$box-shadow-sm: 0 .25rem .375rem -.0625rem rgba(20, 20, 20, .12), 0 .125rem .25rem -.0625rem rgba(20, 20, 20, .07) !default;\n$box-shadow: 0 .3125rem .625rem 0 rgba(0, 0, 0, 0.12) !default;\n$box-shadow-lg: 0 8px 26px -4px rgba(20, 20, 20, 0.15), 0 8px 9px -5px rgba(20, 20, 20, 0.06) !default;\n$box-shadow-xl: 0 23px 45px -11px rgba(20, 20, 20, .25) !default;\n$box-shadow-inset: inset 0 1px 2px rgba($black, .075) !default;\n\n$component-active-color: $white !default;\n$component-active-bg: $primary !default;\n\n$caret-width: .3em !default;\n$caret-vertical-align: $caret-width * .85 !default;\n$caret-spacing: $caret-width * .85 !default;\n\n$transition-base: all .2s ease-in-out !default;\n$transition-fade: opacity .15s linear !default;\n$transition-collapse: height .35s ease !default;\n\n// stylelint-disable function-disallowed-list\n// scss-docs-start aspect-ratios\n$aspect-ratios: (\n \"1x1\": 100%,\n \"4x3\": calc(3 / 4 * 100%),\n \"16x9\": calc(9 / 16 * 100%),\n \"21x9\": calc(9 / 21 * 100%)\n) !default;\n// scss-docs-end aspect-ratios\n// stylelint-enable function-disallowed-list\n\n// Typography\n//\n// Font, line-height, and color for body text, headings, and more.\n\n// stylelint-disable value-keyword-case\n$font-family-sans-serif: 'Open Sans' !default;\n$font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace !default;\n// stylelint-enable value-keyword-case\n$font-family-base: var(--bs-font-sans-serif) !default;\n$font-family-code: var(--bs-font-monospace) !default;\n\n// $font-size-root effects the value of `rem`, which is used for as well font sizes, paddings and margins\n// $font-size-base effects the font size of the body text\n$font-size-root: null !default;\n$font-size-base: 1rem !default; // Assumes the browser default, typically `16px`\n$font-size-xxs: $font-size-base * .65 !default;\n$font-size-xs: $font-size-base * .75 !default;\n$font-size-sm: $font-size-base * .875 !default;\n$font-size-lg: $font-size-base * 1.125 !default;\n$font-size-xl: $font-size-base * 1.25 !default;\n$font-size-2xl: $font-size-base * 1.5 !default;\n$font-size-3xl: $font-size-base * 1.875 !default;\n$font-size-4xl: $font-size-base * 2 !default;\n$font-size-5xl: $font-size-base * 2.25 !default;\n$font-size-6xl: $font-size-base * 3 !default;\n$font-size-7xl: $font-size-base * 3.75 !default;\n$font-size-8xl: $font-size-base * 4 !default;\n$font-size-9xl: $font-size-base * 5 !default;\n\n$font-weight-lighter: lighter !default;\n$font-weight-light: 300 !default;\n$font-weight-normal: 400 !default;\n$font-weight-bold: 600 !default;\n$font-weight-bolder: 700 !default;\n\n$font-weight-base: $font-weight-normal !default;\n\n$h1-font-weight: $font-weight-bold !default;\n$h2-font-weight: $font-weight-bold !default;\n$h3-font-weight: $font-weight-bold !default;\n$h4-font-weight: $font-weight-bold !default;\n$h5-font-weight: $font-weight-bold !default;\n$h6-font-weight: $font-weight-bold !default;\n$p-font-weight: $font-weight-normal !default;\n$lead-font-weight: $font-weight-normal !default;\n$text-sm-font-weight: $font-weight-normal !default;\n$text-xs-font-weight: $font-weight-normal !default;\n\n$line-height: 1.75rem !default;\n$line-height-base: 1.5 !default;\n$line-height-sm: 1.25 !default;\n$line-height-lg: 2 !default;\n\n$h1-line-height: 1.25 !default;\n$h2-line-height: 1.3 !default;\n$h3-line-height: 1.375 !default;\n$h4-line-height: 1.375 !default;\n$h5-line-height: 1.375 !default;\n$h6-line-height: 1.625 !default;\n$p-line-height: 1.6 !default;\n$lead-line-height: 1.625 !default;\n$text-sm-line-height: 1.5 !default;\n$text-xs-line-height: 1.25 !default;\n\n$font-size-base: 1rem !default; // Assumes the browser default, typically `16px`\n$h1-font-size: $font-size-base * 3 !default;\n$h2-font-size: $font-size-base * 2.25 !default;\n$h3-font-size: $font-size-base * 1.875 !default;\n$h4-font-size: $font-size-base * 1.5 !default;\n$h5-font-size: $font-size-base * 1.25 !default;\n$h6-font-size: $font-size-base !default;\n$lead-font-size: $font-size-base * 1.25 !default;\n\n\n$text-sm-font-size: .875rem !default;\n$text-xs-font-size: .75rem !default;\n$p-font-size: 1rem !default;\n\n$headings-margin-bottom: $spacer * 0.5 !default;\n$headings-font-family: null !default;\n$headings-font-style: null !default;\n$headings-font-weight: 400 !default;\n$headings-line-height: 1.2 !default;\n$headings-color: #344767 !default;\n\n// scss-docs-start display-headings\n$display-font-sizes: (\n 1: 5rem,\n 2: 4.5rem,\n 3: 4rem,\n 4: 3.5rem,\n 5: 3rem,\n 6: 2.5rem\n) !default;\n\n$display-font-weight: 300 !default;\n$display-line-height: $headings-line-height !default;\n// scss-docs-end display-headings\n\n$lead-font-size: $font-size-base * 1.25 !default;\n$lead-font-weight: 300 !default;\n\n$small-font-size: .875em !default;\n\n$sub-sup-font-size: .75em !default;\n\n$text-secondary: $font-color !default;\n$text-muted: $gray-600 !default;\n\n// text gradient\n$text-gradient-bg-clip: text !default;\n$text-gradient-text-fill: transparent !default;\n$text-gradient-position: relative !default;\n$text-gradient-zindex: 1 !default;\n$text-gradient-bg-primary: linear-gradient(310deg, #7928CA, #FF0080) !default;\n$text-gradient-bg-info: linear-gradient(310deg, #2152FF, #21D4FD) !default;\n$text-gradient-bg-success: linear-gradient(310deg, #17AD37, #C1E823) !default;\n$text-gradient-bg-warning: linear-gradient(310deg, #F53939, #FBCF33) !default;\n$text-gradient-bg-danger: linear-gradient(310deg, #D60808, #FF6690) !default;\n$text-gradient-bg-dark: linear-gradient(310deg, #141727, #3A416F) !default;\n\n$initialism-font-size: $small-font-size !default;\n\n$blockquote-margin-y: $spacer !default;\n$blockquote-font-size: $font-size-base * 1.25 !default;\n$blockquote-footer-color: $gray-600 !default;\n$blockquote-footer-font-size: $small-font-size !default;\n\n$hr-margin-y: $spacer !default;\n$hr-color: inherit !default;\n$hr-height: $border-width !default;\n$hr-opacity: .25 !default;\n\n$legend-margin-bottom: .5rem !default;\n$legend-font-size: 1.5rem !default;\n$legend-font-weight: null !default;\n\n$mark-padding: .2em !default;\n\n$dt-font-weight: $font-weight-bold !default;\n\n$nested-kbd-font-weight: $font-weight-bold !default;\n\n$list-inline-padding: .5rem !default;\n\n$mark-bg: #fcf8e3 !default;\n\n// Letter Spacing\n$letter-wider: .05rem !default;\n$letter-normal: 0rem !default;\n$letter-tighter: -0.05rem !default;\n$h1-letter-spacing: 0.1rem !default;\n$a-letter-spacing: -0.025rem !default;\n\n// Tables\n//\n// Customizes the `.table` component with basic values, each used across all table variations.\n$table-head-spacer-y: .75rem !default;\n$table-head-spacer-x: 1.5rem !default;\n$table-head-font-size: .65rem !default;\n$table-head-font-weight: $font-weight-bold !default;\n$table-head-text-transform: capitalize !default;\n$table-head-letter-spacing: 0px !default;\n$table-head-bg: $gray-100 !default;\n$table-head-color: $gray-600 !default;\n\n$table-body-font-size: .8125rem !default;\n\n$table-border-width: $border-width !default;\n$table-border-color: $gray-200 !default;\n\n// scss-docs-start table-variables\n$table-cell-padding-y: .5rem !default;\n$table-cell-padding-x: .5rem !default;\n$table-cell-padding-y-sm: .25rem !default;\n$table-cell-padding-x-sm: .25rem !default;\n\n$table-cell-vertical-align: top !default;\n\n$table-color: $body-color !default;\n$table-bg: transparent !default;\n\n$table-th-font-weight: null !default;\n\n$table-striped-color: $table-color !default;\n$table-striped-bg-factor: .05 !default;\n$table-striped-bg: rgba($black, $table-striped-bg-factor) !default;\n\n$table-active-color: $table-color !default;\n$table-active-bg-factor: .1 !default;\n$table-active-bg: rgba($black, $table-active-bg-factor) !default;\n\n$table-hover-color: $table-color !default;\n$table-hover-bg-factor: .075 !default;\n$table-hover-bg: rgba($black, $table-hover-bg-factor) !default;\n\n$table-border-factor: .1 !default;\n$table-border-width: $border-width !default;\n$table-border-color: $border-color !default;\n\n$table-striped-order: odd !default;\n\n$table-group-separator-color: currentColor !default;\n\n$table-caption-color: $text-muted !default;\n\n$table-bg-level: -9 !default;\n$table-bg-scale: -80% !default;\n\n\n$table-variants: (\n \"primary\": shift-color($primary, $table-bg-scale),\n \"secondary\": shift-color($secondary, $table-bg-scale),\n \"success\": shift-color($success, $table-bg-scale),\n \"info\": shift-color($info, $table-bg-scale),\n \"warning\": shift-color($warning, $table-bg-scale),\n \"danger\": shift-color($danger, $table-bg-scale),\n \"light\": $light,\n \"dark\": $dark,\n) !default;\n// scss-docs-end table-variables\n\n\n// Buttons + Forms\n//\n// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.\n\n$input-btn-padding-y: .5rem !default;\n$input-btn-padding-x: .75rem !default;\n$input-btn-font-family: null !default;\n$input-btn-font-size: 1rem !default;\n$input-btn-line-height: 1.4 !default;\n\n$input-btn-focus-width: .2rem !default;\n$input-btn-focus-color-opacity: .25 !default;\n$input-btn-focus-color: rgba($component-active-bg, $input-btn-focus-color-opacity) !default;\n$input-btn-focus-box-shadow: 0 0 0 $input-btn-focus-width $input-btn-focus-color !default;\n\n$input-btn-padding-y-sm: .25rem !default;\n$input-btn-padding-x-sm: .75rem !default;\n$input-btn-font-size-sm: .75rem !default;\n\n$input-btn-padding-y-lg: .75rem !default;\n$input-btn-padding-x-lg: .75rem !default;\n$input-btn-font-size-lg: .875rem !default;\n\n$input-btn-border-width: $border-width !default;\n\n\n// Buttons\n//\n// For each of Bootstrap's buttons, define text, background, and border color.\n\n$btn-padding-y: .75rem !default;\n$btn-padding-x: 1.5rem !default;\n$btn-font-family: $input-btn-font-family !default;\n$btn-font-size: $text-xs-font-size !default;\n$btn-line-height: $input-btn-line-height !default;\n$btn-white-space: null !default; // Set to `nowrap` to prevent text wrapping\n$btn-letter-spacing: -0.025rem !default; // Set to `nowrap` to prevent text wrapping\n\n$btn-margin-bottom: 1rem !default;\n$btn-padding-y-sm: .5rem !default;\n$btn-padding-x-sm: 2rem !default;\n$btn-font-size-sm: $input-btn-font-size-sm !default;\n\n$btn-padding-y-lg: .875rem !default;\n$btn-padding-x-lg: 4rem !default;\n$btn-font-size-lg: .875rem !default;\n\n$btn-border-width: $input-btn-border-width !default;\n\n$btn-font-weight: $font-weight-bolder !default;\n$btn-box-shadow: 0 4px 7px -1px rgba(0,0,0,.11), 0 2px 4px -1px rgba(0,0,0,.07) !default;\n$btn-box-shadow-values: 0 5px 8px 0 !default;\n$btn-box-shadow-hover-values: 0 8px 10px 0 !default;\n$btn-hover-box-shadow: 0 3px 5px -1px rgba(0,0,0,.09), 0 2px 3px -1px rgba(0,0,0,.07) !default;\n$btn-focus-box-shadow: $btn-hover-box-shadow !default;\n$btn-focus-width: $input-btn-focus-width !default;\n$btn-hover-opacity: .85 !default;\n$btn-disabled-opacity: .65 !default;\n$btn-active-box-shadow: none !default;\n$btn-background-size: 150% !default;\n$btn-hover-transform: scale(1.02) !default;\n$btn-active-hover-transform: scale(1) !default;\n$btn-background-position-x: 25% !default;\n\n$btn-link-color: $link-color !default;\n$btn-link-hover-color: $link-hover-color !default;\n$btn-link-disabled-color: $gray-600 !default;\n\n$btn-block-spacing-y: .5rem !default;\n\n// Allows for customizing button radius independently from global border radius\n$btn-border-radius: .5rem !default;\n$btn-border-radius-lg: .5rem !default;\n$btn-border-radius-sm: .5rem !default;\n$btn-border-rounded: 1.875rem !default;\n\n$btn-icon-transition: all .2s cubic-bezier(.34,1.61,.7,1.3) !default;\n$btn-icon-transform-right: translateX(5px) !default;\n$btn-icon-transform-left: translateX(-5px) !default;\n\n// Allows for customizing button radius independently from global border radius\n$btn-border-radius: $border-radius-md !default;\n$btn-border-radius-sm: $border-radius-sm !default;\n$btn-border-radius-lg: $border-radius-lg !default;\n\n$btn-transition: all .15s ease-in !default;\n\n$btn-just-icon-padding-x-sm: .3rem !default;\n$btn-just-icon-padding-y-sm: .3rem !default;\n$btn-just-icon-padding-x: .7rem !default;\n$btn-just-icon-padding-y: .7rem !default;\n$btn-just-icon-padding-x-lg: 1rem !default;\n$btn-just-icon-padding-y-lg: 1rem !default;\n$btn-just-icon-width: 2.375rem !default;\n$btn-just-icon-height: $btn-just-icon-width !default;\n$btn-just-icon-width-sm: 1.5875rem !default;\n$btn-just-icon-height-sm: $btn-just-icon-width-sm !default;\n$btn-just-icon-sm-font-size: .5rem !default;\n$btn-just-icon-width-lg: 3.25rem !default;\n$btn-just-icon-height-lg: $btn-just-icon-width-lg !default;\n$btn-just-icon-lg-font-size: 1.2rem !default;\n$btn-just-icon-lg-position: relative !default;\n$btn-just-icon-lg-top: 2px !default;\n\n// we've overwritten the default Bootstrap function\n// for dynamically adding font color since the colors\n// added by that function were not correctly set\n$btn-primary-font-color: #fff !default;\n$btn-secondary-font-color: #fff !default;\n$btn-danger-font-color: #fff !default;\n$btn-info-font-color: #fff !default;\n$btn-success-font-color: #fff !default;\n$btn-warning-font-color: #fff !default;\n$btn-dark-font-color: #fff !default;\n$btn-light-font-color: #3A416F !default;\n\n$btn-font-colors: () !default;\n\n$btn-font-colors: map-merge(\n (\n \"primary\": $btn-primary-font-color,\n \"secondary\": $btn-secondary-font-color,\n \"danger\": $btn-danger-font-color,\n \"info\": $btn-info-font-color,\n \"success\": $btn-success-font-color,\n \"warning\": $btn-warning-font-color,\n \"dark\": $btn-dark-font-color,\n \"light\": $btn-light-font-color\n ),\n $btn-font-colors\n);\n\n// Forms\n\n$form-text-margin-top: .25rem !default;\n$form-text-font-size: $small-font-size !default;\n$form-text-font-style: null !default;\n$form-text-font-weight: null !default;\n$form-text-color: $text-muted !default;\n\n$form-label-margin-bottom: .5rem !default;\n$form-label-margin-left: .25rem !default;\n$form-label-font-size: .75rem !default;\n$form-label-font-style: null !default;\n$form-label-font-weight: 700 !default;\n$form-label-color: $dark !default;\n\n$input-padding-y: .5rem !default;\n$input-padding-x: .75rem !default;\n$input-font-family: $input-btn-font-family !default;\n$input-font-size: $font-size-sm !default;\n$input-font-weight: $font-weight-base !default;\n$input-line-height: 1.4rem !default;\n\n$input-padding-y-sm: $input-btn-padding-y-sm !default;\n$input-padding-x-sm: $input-btn-padding-x-sm !default;\n$input-font-size-sm: .75rem !default;\n\n$input-padding-y-lg: $input-btn-padding-y-lg !default;\n$input-padding-x-lg: $input-btn-padding-x-lg !default;\n$input-font-size-lg: .875rem !default;\n\n$input-bg: $white !default;\n$input-disabled-bg: $gray-200 !default;\n$input-disabled-border-color: null !default;\n\n$input-color: $gray-700 !default;\n$input-border-color: #d2d6da !default;\n$input-border-width: $input-btn-border-width !default;\n$input-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !default;\n\n$input-border-radius: $border-radius-md !default;\n$input-border-radius-sm: $border-radius-md !default;\n$input-border-radius-lg: $border-radius-md !default;\n\n$input-focus-bg: $white !default;\n$input-focus-border-color: #e293d3 !default;\n$input-focus-color: $input-color !default;\n$input-focus-width: 2px !default;\n$input-focus-box-shadow: 0 0 0 $input-focus-width #e9aede !default;\n\n$input-placeholder-color: $gray-500 !default;\n$input-plaintext-color: $dark !default;\n\n$input-height-border: $input-border-width * 2 !default;\n\n$input-height-inner: unset !default;\n$input-height-inner-half: 1rem !default;\n$input-height-inner-quarter: .75rem !default;\n\n$input-height: unset !default;\n$input-height-sm: unset !default;\n$input-height-lg: unset !default;\n\n$input-transition: box-shadow .15s ease, border-color .15s ease !default;\n\n\n$form-check-input-width: 1.23em !default;\n$form-check-min-height: $font-size-base * $line-height-base !default;\n$form-check-padding-left: $form-check-input-width + .45em !default;\n$form-check-margin-bottom: .125rem !default;\n$form-check-label-color: null !default;\n$form-check-label-cursor: null !default;\n$form-check-transition: background-color .25s ease, border-color .25s ease, background-position .15s ease-in-out, opacity .15s ease-out, box-shadow .15s ease-in-out !default;\n$form-check-transition-time: .25s !default;\n\n$form-check-input-active-filter: brightness(99%) !default;\n\n$form-check-input-bg: $white !default;\n$form-check-input-border: none !default;\n$form-check-input-border-radius: .35rem !default;\n$form-check-radio-border-radius: 50% !default;\n$form-check-input-focus-border: none !default;\n$form-check-input-focus-box-shadow: none !default;\n\n$form-check-input-checked-color: $white !default;\n$form-check-input-checked-bg-color: transparent !default;\n$form-check-input-checked-border-color: $form-check-input-checked-bg-color !default;\n$form-check-input-checked-bg-image: linear-gradient(310deg, $dark-gradient 0%, $dark-gradient-state 100%) !default;\n$form-check-radio-checked-bg-image: $form-check-input-checked-bg-image !default;\n$form-check-radio-after-width: .5rem !default;\n\n$form-check-input-indeterminate-color: $component-active-color !default;\n$form-check-input-indeterminate-bg-color: $component-active-bg !default;\n$form-check-input-indeterminate-border-color: $form-check-input-indeterminate-bg-color !default;\n$form-check-input-indeterminate-bg-image: url(\"data:image/svg+xml,\") !default;\n\n$form-switch-color: rgba(0, 0, 0, 1) !default;\n$form-switch-height: 1.2em !default;\n$form-switch-width: 2.5rem !default;\n$form-switch-check-after-width: 1rem !default;\n$form-switch-padding-start: $form-switch-width + .5rem !default;\n$form-switch-bg-image: none !default;\n$form-switch-border-radius: $form-switch-width !default;\n$form-switch-translate-x-start: 1px !default;\n$form-switch-translate-x-end: 21px !default;\n$form-switch-round-box-shadow: $box-shadow !default;\n$form-switch-transition: $form-check-transition !default;\n\n$form-switch-focus-color: $form-switch-color !default;\n$form-switch-focus-bg-image: $form-switch-bg-image !default;\n$form-switch-checked-color: $white !default;\n$form-switch-checked-bg-image: $form-switch-bg-image !default;\n$form-switch-checked-bg-position: right center !default;\n\n$form-check-inline-margin-right: 1rem !default;\n\n$input-group-addon-padding-y: $input-padding-y !default;\n$input-group-addon-padding-x: $input-padding-x !default;\n$input-group-addon-font-weight: $input-font-weight !default;\n$input-group-addon-color: $dark !default;\n$input-group-addon-bg: $white !default;\n$input-group-addon-border-color: $input-border-color !default;\n\n\n$form-select-padding-y: $input-padding-y !default;\n$form-select-padding-x: $input-padding-x !default;\n$form-select-font-family: $input-font-family !default;\n$form-select-font-size: $input-font-size !default;\n$form-select-height: $input-height !default;\n$form-select-indicator-padding: 1rem !default; // Extra padding to account for the presence of the background-image based indicator\n$form-select-font-weight: $input-font-weight !default;\n$form-select-line-height: $input-line-height !default;\n$form-select-color: $input-color !default;\n$form-select-disabled-color: $gray-600 !default;\n$form-select-bg: $input-bg !default;\n$form-select-disabled-bg: $gray-200 !default;\n$form-select-disabled-border-color: $input-disabled-border-color !default;\n$form-select-bg-position: right $form-select-padding-x center !default;\n$form-select-bg-size: 16px 12px !default; // In pixels because image dimensions\n$form-select-indicator-color: $gray-800 !default;\n$form-select-indicator: url(\"data:image/svg+xml,\") !default;\n\n$form-select-feedback-icon-padding-right: add(1em * .75, (2 * $form-select-padding-y * .75) + $form-select-padding-x + $form-select-indicator-padding) !default;\n$form-select-feedback-icon-position: center right ($form-select-padding-x + $form-select-indicator-padding) !default;\n$form-select-feedback-icon-size: $input-height-inner-half $input-height-inner-half !default;\n\n$form-select-border-width: $input-border-width !default;\n$form-select-border-color: $input-border-color !default;\n$form-select-border-radius: $border-radius-md !default;\n$form-select-box-shadow: $box-shadow-inset !default;\n\n$form-select-focus-border-color: $input-focus-border-color !default;\n$form-select-focus-width: $input-focus-width !default;\n$form-select-focus-box-shadow: $input-focus-box-shadow !default;\n\n$form-select-padding-y-sm: $input-padding-y-sm !default;\n$form-select-padding-x-sm: $input-padding-x-sm !default;\n$form-select-font-size-sm: $input-font-size-sm !default;\n$form-select-height-sm: $input-height-sm !default;\n\n$form-select-padding-y-lg: $input-padding-y-lg !default;\n$form-select-padding-x-lg: $input-padding-x-lg !default;\n$form-select-font-size-lg: $input-font-size-lg !default;\n$form-select-height-lg: $input-height-lg !default;\n\n$form-range-track-width: 100% !default;\n$form-range-track-height: .5rem !default;\n$form-range-track-cursor: pointer !default;\n$form-range-track-bg: $gray-300 !default;\n$form-range-track-border-radius: 1rem !default;\n$form-range-track-box-shadow: $box-shadow-inset !default;\n\n$form-range-thumb-width: 1rem !default;\n$form-range-thumb-height: $form-range-thumb-width !default;\n$form-range-thumb-bg: $component-active-bg !default;\n$form-range-thumb-border: 0 !default;\n$form-range-thumb-border-radius: 1rem !default;\n$form-range-thumb-box-shadow: 0 .1rem .25rem rgba($black, .1) !default;\n$form-range-thumb-focus-box-shadow: 0 0 0 1px $body-bg, $input-focus-box-shadow !default;\n$form-range-thumb-focus-box-shadow-width: $input-focus-width !default; // For focus box shadow issue in Edge\n$form-range-thumb-active-bg: lighten($component-active-bg, 35%) !default;\n$form-range-thumb-disabled-bg: $gray-500 !default;\n$form-range-thumb-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$form-file-height: $input-height !default;\n$form-file-focus-border-color: $input-focus-border-color !default;\n$form-file-focus-box-shadow: $input-focus-box-shadow !default;\n$form-file-disabled-bg: $input-disabled-bg !default;\n$form-file-disabled-border-color: $input-disabled-border-color !default;\n\n$form-file-padding-y: $input-padding-y !default;\n$form-file-padding-x: $input-padding-x !default;\n$form-file-line-height: $input-line-height !default;\n$form-file-font-family: $input-font-family !default;\n$form-file-font-weight: $input-font-weight !default;\n$form-file-color: $input-color !default;\n$form-file-bg: $input-bg !default;\n$form-file-border-width: $input-border-width !default;\n$form-file-border-color: $input-border-color !default;\n$form-file-border-radius: $input-border-radius !default;\n$form-file-box-shadow: $input-box-shadow !default;\n$form-file-button-color: $form-file-color !default;\n$form-file-button-bg: $input-group-addon-bg !default;\n\n$form-file-padding-y-sm: $input-padding-y-sm !default;\n$form-file-padding-x-sm: $input-padding-x-sm !default;\n$form-file-font-size-sm: $input-font-size-sm !default;\n$form-file-height-sm: $input-height-sm !default;\n\n$form-file-padding-y-lg: $input-padding-y-lg !default;\n$form-file-padding-x-lg: $input-padding-x-lg !default;\n$form-file-font-size-lg: $input-font-size-lg !default;\n$form-file-height-lg: $input-height-lg !default;\n\n\n// Form validation\n\n$form-feedback-margin-top: $form-text-margin-top !default;\n$form-feedback-font-size: $form-text-font-size !default;\n$form-feedback-font-style: $form-text-font-style !default;\n$form-feedback-valid-color: #66d432 !default;\n$form-feedback-invalid-color: #fd5c70 !default;\n\n$form-feedback-icon-valid-color: $form-feedback-valid-color !default;\n$form-feedback-icon-valid: url(\"data:image/svg+xml,\") !default;\n$form-feedback-icon-invalid-color: $form-feedback-invalid-color !default;\n$form-feedback-icon-invalid: url(\"data:image/svg+xml,\") !default;\n\n// scss-docs-start form-validation-states\n$form-validation-states: (\n \"valid\": (\n \"color\": $form-feedback-valid-color,\n \"icon\": $form-feedback-icon-valid\n ),\n \"invalid\": (\n \"color\": $form-feedback-invalid-color,\n \"icon\": $form-feedback-icon-invalid\n )\n) !default;\n// scss-docs-end form-validation-states\n\n// Z-index master list\n//\n// Warning: Avoid customizing these values. They're used for a bird's eye view\n// of components dependent on the z-axis and are designed to all work together.\n\n// scss-docs-start zindex-stack\n$zindex-dropdown: 1000 !default;\n$zindex-sticky: 1020 !default;\n$zindex-fixed: 1030 !default;\n$zindex-modal-backdrop: 1040 !default;\n$zindex-modal: 1050 !default;\n$zindex-popover: 1060 !default;\n$zindex-tooltip: 1070 !default;\n// scss-docs-end zindex-stack\n\n\n// Navs\n\n$nav-link-padding-y: .5rem !default;\n$nav-link-padding-x: 1rem !default;\n$nav-link-font-size: null !default;\n$nav-link-font-weight: null !default;\n$nav-link-color: null !default;\n$nav-link-hover-color: null !default;\n$nav-link-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out !default;\n$nav-link-disabled-color: $gray-600 !default;\n$nav-link-footer-padding: .25rem !default;\n\n$nav-tabs-border-color: $gray-300 !default;\n$nav-tabs-border-width: $border-width !default;\n$nav-tabs-border-radius: $border-radius-md !default;\n$nav-tabs-link-hover-border-color: $gray-200 $gray-200 $nav-tabs-border-color !default;\n$nav-tabs-link-active-color: $gray-700 !default;\n$nav-tabs-link-active-bg: $body-bg !default;\n$nav-tabs-link-active-border-color: $gray-300 $gray-300 $nav-tabs-link-active-bg !default;\n\n$nav-pills-border-radius: 0.75rem !default;\n$nav-pills-link-active-color: $dark !default;\n$nav-pills-link-active-bg: $white !default;\n$nav-pills-link-transition: background-color .3s ease !default;\n$nav-pills-background: $gray-100 !default;\n$nav-pills-vertical-background: transparent !default;\n$nav-pills-vertical-radius: 1.1875rem !default;\n$nav-pills-vertical-link-radius: .875rem !default;\n\n\n// Navbar\n\n$navbar-padding-y: $spacer * 0.5 !default;\n$navbar-padding-x: null !default;\n$navbar-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .16) !default;\n\n$navbar-nav-link-padding-x: .5rem !default;\n$navbar-nav-link-padding: $navbar-nav-link-padding-x 1rem !default;\n\n$navbar-brand-font-size: $font-size-sm !default;\n// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link\n$nav-link-height: $font-size-base * $line-height-base + $nav-link-padding-y * 2 !default;\n$navbar-brand-height: $navbar-brand-font-size * $line-height-base !default;\n$navbar-brand-padding-y: ($nav-link-height - $navbar-brand-height) * 0.5 !default;\n$navbar-brand-margin-right: 1rem !default;\n\n$navbar-toggler-padding-y: .25rem !default;\n$navbar-toggler-padding-x: .75rem !default;\n$navbar-toggler-font-size: $font-size-lg !default;\n$navbar-toggler-border-radius: $btn-border-radius !default;\n$navbar-toggler-focus-width: $btn-focus-width !default;\n$navbar-toggler-transition: box-shadow .15s ease-in-out !default;\n\n$navbar-blur-bg-color: rgba(255, 255, 255, .8) !default;\n$navbar-blur-dark-bg-color: rgba(2, 5, 22, .8) !default;\n\n$navbar-dark-color: rgba($white, .85) !default;\n$navbar-dark-hover-color: rgba($white, .75) !default;\n$navbar-dark-active-color: $white !default;\n$navbar-dark-disabled-color: rgba($white, .25) !default;\n$navbar-dark-toggler-icon-bg: url(\"data:image/svg+xml,\") !default;\n$navbar-dark-toggler-border-color: rgba($white, .1) !default;\n\n$navbar-light-color: $dark !default;\n$navbar-light-hover-color: rgba($dark, .7) !default;\n$navbar-light-active-color: rgba($dark, .9) !default;\n$navbar-light-disabled-color: rgba($dark, .3) !default;\n$navbar-light-toggler-icon-bg: url(\"data:image/svg+xml,\") !default;\n$navbar-light-toggler-border-color: rgba($dark, .1) !default;\n\n$navbar-light-brand-color: $navbar-light-active-color !default;\n$navbar-light-brand-hover-color: $navbar-light-active-color !default;\n$navbar-dark-brand-color: $navbar-dark-active-color !default;\n$navbar-dark-brand-hover-color: $navbar-dark-active-color !default;\n\n// Sidenav toggler\n$sidenav-toggler-width: 18px !default;\n$sidenav-toggler-line-transition: all .15s ease !default;\n$sidenav-toggler-line-height: 2px !default;\n$sidenav-toggler-line-margin-bottom: 3px !default;\n$sidenav-toggler-line-active-width: 13px !default;\n$sidenav-toggler-line-transform: translateX(5px) !default;\n\n// Dropdowns\n//\n// Dropdown menu container and contents.\n\n$dropdown-min-width: 11rem !default;\n$dropdown-padding-x: 0 !default;\n$dropdown-padding-y: .5rem !default;\n$dropdown-spacer: 1.625rem !default;\n$dropdown-font-size: $font-size-sm !default;\n$dropdown-color: $body-color !default;\n$dropdown-bg: $white !default;\n$dropdown-border-color: transparent !default;\n$dropdown-border-radius: $border-radius-md !default;\n$dropdown-border-width: 0 !default;\n$dropdown-inner-border-radius: subtract($dropdown-border-radius, $dropdown-border-width) !default;\n$dropdown-transition-time: .3s ease !default;\n$dropdown-divider-bg: $dropdown-border-color !default;\n$dropdown-divider-margin-y: $spacer * 0.5 !default;\n$dropdown-box-shadow: $box-shadow-lg !default;\n\n$dropdown-link-color: $font-color !default;\n$dropdown-link-hover-color: $h-color !default;\n$dropdown-link-hover-bg: $gray-200 !default;\n\n$dropdown-link-active-color: $font-color !default;\n$dropdown-link-active-bg: transparent !default;\n\n$dropdown-link-disabled-color: $gray-600 !default;\n\n$dropdown-item-padding-y: .3rem !default;\n$dropdown-item-padding-x: $spacer !default;\n\n$dropdown-header-color: $gray-600 !default;\n$dropdown-header-padding: $dropdown-padding-y $dropdown-item-padding-x !default;\n\n$dropdown-dark-color: $gray-300 !default;\n$dropdown-dark-bg: $gray-800 !default;\n$dropdown-dark-border-color: $dropdown-border-color !default;\n$dropdown-dark-divider-bg: $dropdown-divider-bg !default;\n$dropdown-dark-box-shadow: null !default;\n$dropdown-dark-link-color: $dropdown-dark-color !default;\n$dropdown-dark-link-hover-color: $white !default;\n$dropdown-dark-link-hover-bg: rgba($white, .15) !default;\n$dropdown-dark-link-active-color: $dropdown-link-active-color !default;\n$dropdown-dark-link-active-bg: $dropdown-link-active-bg !default;\n$dropdown-dark-link-disabled-color: $gray-500 !default;\n$dropdown-dark-header-color: $gray-500 !default;\n\n\n// Pagination\n\n$pagination-padding-y: .375rem !default;\n$pagination-padding-x: .75rem !default;\n$pagination-padding-y-sm: .25rem !default;\n$pagination-padding-x-sm: .5rem !default;\n$pagination-padding-y-lg: .75rem !default;\n$pagination-padding-x-lg: 1.5rem !default;\n\n$pagination-color: $link-color !default;\n$pagination-bg: $white !default;\n$pagination-border-width: $border-width !default;\n$pagination-border-radius: $border-radius-md !default;\n$pagination-margin-left: -$pagination-border-width !default;\n$pagination-border-color: $gray-300 !default;\n\n$pagination-focus-color: $link-hover-color !default;\n$pagination-focus-bg: $gray-200 !default;\n$pagination-focus-box-shadow: $input-btn-focus-box-shadow !default;\n$pagination-focus-outline: 0 !default;\n\n$pagination-hover-color: $link-hover-color !default;\n$pagination-hover-bg: $gray-200 !default;\n$pagination-hover-border-color: $gray-300 !default;\n\n$pagination-active-color: $component-active-color !default;\n$pagination-active-bg: $component-active-bg !default;\n$pagination-active-border-color: $pagination-active-bg !default;\n\n$pagination-disabled-color: $gray-600 !default;\n$pagination-disabled-bg: $white !default;\n$pagination-disabled-border-color: $gray-300 !default;\n\n$pagination-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n// Cards\n\n$card-spacer-y: $spacer !default;\n$card-spacer-x: $spacer !default;\n$card-title-spacer-y: $spacer * 0.5 !default;\n$card-border-width: 0 !default;\n$card-border-radius: 1rem !default;\n$card-border-color: rgba($black, .125) !default;\n$card-inner-border-radius: subtract($card-border-radius, $card-border-width) !default;\n$card-cap-padding-y: $card-spacer-y * 0.5 !default;\n$card-cap-padding-x: $card-spacer-x !default;\n$card-cap-bg: $white !default;\n$card-cap-color: null !default;\n$card-height: null !default;\n$card-color: null !default;\n$card-bg: $white !default;\n\n$card-img-overlay-padding: $spacer !default;\n\n$card-group-margin: $grid-gutter-width * 0.5 !default;\n\n\n// Accordion\n$accordion-padding-y: 1rem !default;\n$accordion-padding-x: 1rem !default;\n$accordion-color: $body-color !default;\n$accordion-bg: transparent !default;\n$accordion-border-width: 0 !default;\n$accordion-border-color: rgba($black, .125) !default;\n$accordion-border-radius: $border-radius-sm !default;\n\n$accordion-body-padding-y: $accordion-padding-y !default;\n$accordion-body-padding-x: $accordion-padding-x !default;\n\n$accordion-button-padding-y: $accordion-padding-y !default;\n$accordion-button-padding-x: $accordion-padding-x !default;\n$accordion-button-color: $accordion-color !default;\n$accordion-button-bg: $accordion-bg !default;\n$accordion-transition: $btn-transition, border-radius .15s ease !default;\n$accordion-button-active-bg: $accordion-bg !default;\n$accordion-button-active-color: $dark !default;\n\n$accordion-button-focus-border-color: $input-focus-border-color !default;\n$accordion-button-focus-box-shadow: none !default;\n\n$accordion-icon-width: 1rem !default;\n$accordion-icon-color: $accordion-color !default;\n$accordion-icon-active-color: $accordion-button-active-color !default;\n$accordion-icon-transition: transform .2s ease-in-out !default;\n$accordion-icon-transform: rotate(180deg) !default;\n\n$accordion-button-icon: none !default;\n$accordion-button-active-icon: none !default;\n\n\n// Tooltips\n\n$tooltip-font-size: $font-size-sm !default;\n$tooltip-max-width: 200px !default;\n$tooltip-color: $white !default;\n$tooltip-bg: $black !default;\n$tooltip-border-radius: $border-radius-md !default;\n$tooltip-opacity: .9 !default;\n$tooltip-padding-y: $spacer * 0.25 !default;\n$tooltip-padding-x: $spacer * 0.5 !default;\n$tooltip-margin: 0 !default;\n\n$tooltip-arrow-width: .8rem !default;\n$tooltip-arrow-height: .4rem !default;\n$tooltip-arrow-color: $tooltip-bg !default;\n\n// Form tooltips must come after regular tooltips\n$form-feedback-tooltip-padding-y: $tooltip-padding-y !default;\n$form-feedback-tooltip-padding-x: $tooltip-padding-x !default;\n$form-feedback-tooltip-font-size: $tooltip-font-size !default;\n$form-feedback-tooltip-line-height: null !default;\n$form-feedback-tooltip-opacity: $tooltip-opacity !default;\n$form-feedback-tooltip-border-radius: $tooltip-border-radius !default;\n\n\n// Popovers\n\n$popover-font-size: $font-size-xs !default;\n$popover-bg: $white !default;\n$popover-max-width: 276px !default;\n$popover-border-width: 0px !default;\n$popover-border-color: rgba($black, .2) !default;\n$popover-border-radius: $border-radius-lg !default;\n$popover-inner-border-radius: subtract($popover-border-radius, $popover-border-width) !default;\n$popover-box-shadow: $box-shadow-sm !default;\n\n$popover-header-bg: $gray-200 !default;\n$popover-header-color: $headings-color !default;\n$popover-header-padding-y: .5rem !default;\n$popover-header-padding-x: $spacer !default;\n\n$popover-body-color: $font-color !default;\n$popover-body-padding-y: $spacer !default;\n$popover-body-padding-x: $spacer !default;\n\n$popover-arrow-width: 1rem !default;\n$popover-arrow-height: .5rem !default;\n$popover-arrow-color: $popover-bg !default;\n\n$popover-arrow-outer-color: fade-in($popover-border-color, .05) !default;\n\n\n// Toasts\n\n$toast-max-width: 350px !default;\n$toast-padding-x: .75rem !default;\n$toast-padding-y: .75rem !default;\n$toast-font-size: .875rem !default;\n$toast-color: null !default;\n$toast-background-color: rgba($white, .85) !default;\n$toast-border-width: 0 !default;\n$toast-border-color: transparent !default;\n$toast-border-radius: $border-radius-md !default;\n$toast-box-shadow: $box-shadow !default;\n\n$toast-header-color: $h-color !default;\n$toast-header-background-color: rgba($white, .85) !default;\n$toast-header-border-color: rgba(0, 0, 0, .05) !default;\n\n\n// Badges\n\n$badge-font-size: .75em !default;\n$badge-font-weight: $font-weight-bolder !default;\n$badge-color: $white !default;\n$badge-padding-y: .55em !default;\n$badge-padding-x: .9em !default;\n$badge-border-radius-custom: .45rem !default;\n$badge-border-radius: $badge-border-radius-custom !default;\n\n\n// Modals\n\n// Padding applied to the modal body\n$modal-inner-padding: $spacer !default;\n\n// Margin between elements in footer, must be lower than or equal to 2 * $modal-inner-padding\n$modal-footer-margin-between: .5rem !default;\n\n$modal-dialog-margin: .5rem !default;\n$modal-dialog-margin-y-sm-up: 1.75rem !default;\n\n$modal-title-line-height: $line-height-base !default;\n\n$modal-content-color: null !default;\n$modal-content-bg: $white !default;\n$modal-content-border-color: rgba($black, .2) !default;\n$modal-content-border-width: $border-width !default;\n$modal-content-border-radius: $border-radius-lg !default;\n$modal-content-inner-border-radius: subtract($modal-content-border-radius, $modal-content-border-width) !default;\n$modal-content-box-shadow-xs: $box-shadow-sm !default;\n$modal-content-box-shadow-sm-up: $box-shadow !default;\n\n$modal-backdrop-bg: $black !default;\n$modal-backdrop-opacity: .5 !default;\n$modal-header-border-color: $border-color !default;\n$modal-footer-border-color: $modal-header-border-color !default;\n$modal-header-border-width: $modal-content-border-width !default;\n$modal-footer-border-width: $modal-header-border-width !default;\n$modal-header-padding-y: $modal-inner-padding !default;\n$modal-header-padding-x: $modal-inner-padding !default;\n$modal-header-padding: $modal-header-padding-y $modal-header-padding-x !default; // Keep this for backwards compatibility\n\n$modal-sm: 300px !default;\n$modal-md: 500px !default;\n$modal-lg: 800px !default;\n$modal-xl: 1140px !default;\n\n$modal-fade-transform: translate(0, -50px) !default;\n$modal-show-transform: none !default;\n$modal-transition: transform .3s ease-out !default;\n$modal-scale-transform: scale(1.02) !default;\n\n\n// Alerts\n//\n// Define alert colors, border radius, and padding.\n\n$alert-padding-y: $spacer !default;\n$alert-padding-x: $spacer !default;\n$alert-margin-bottom: 1rem !default;\n$alert-border-radius: $border-radius-md !default;\n$alert-link-font-weight: $font-weight-bold !default;\n$alert-border-width: $border-width !default;\n\n$alert-bg-level: -10 !default;\n$alert-border-level: -9 !default;\n$alert-color-level: 6 !default;\n\n$alert-dismissible-padding-r: $alert-padding-x * 3 !default; // 3x covers width of x plus default padding on either side\n\n\n// Progress bars\n\n$progress-height: 3px !default;\n$progress-bar-height: 6px !default;\n$progress-height-sm: 4px !default;\n$progress-height-lg: 20px !default;\n$progress-font-size: $font-size-base * .75 !default;\n$progress-bg: $gray-200 !default;\n$progress-border-radius: $border-radius-md !default;\n$progress-box-shadow: $box-shadow-inset !default;\n$progress-bar-color: $white !default;\n$progress-bar-bg: $primary !default;\n$progress-bar-animation-timing: 1s linear infinite !default;\n$progress-bar-transition: width .6s ease !default;\n\n\n// List group\n\n$list-group-color: inherit !default;\n$list-group-bg: $white !default;\n$list-group-border-color: rgba($black, .125) !default;\n$list-group-border-width: $border-width !default;\n$list-group-border-radius: $border-radius-md !default;\n\n$list-group-item-padding-y: $spacer * 0.5 !default;\n$list-group-item-padding-x: $spacer !default;\n$list-group-item-bg-level: -9 !default;\n$list-group-item-color-level: 6 !default;\n\n$list-group-hover-bg: $gray-100 !default;\n$list-group-active-color: $component-active-color !default;\n$list-group-active-bg: $component-active-bg !default;\n$list-group-active-border-color: $list-group-active-bg !default;\n\n$list-group-disabled-color: $gray-600 !default;\n$list-group-disabled-bg: $list-group-bg !default;\n\n$list-group-action-color: $gray-700 !default;\n$list-group-action-hover-color: $list-group-action-color !default;\n\n$list-group-action-active-color: $body-color !default;\n$list-group-action-active-bg: $gray-200 !default;\n\n\n// Image thumbnails\n\n$thumbnail-padding: .25rem !default;\n$thumbnail-bg: $body-bg !default;\n$thumbnail-border-width: $border-width !default;\n$thumbnail-border-color: $gray-300 !default;\n$thumbnail-border-radius: $border-radius-md !default;\n$thumbnail-box-shadow: $box-shadow-sm !default;\n\n\n// Figures\n\n$figure-caption-font-size: $small-font-size !default;\n$figure-caption-color: $gray-600 !default;\n\n\n// Breadcrumbs\n\n$breadcrumb-font-size: null !default;\n$breadcrumb-padding-y: $spacer * 0.5 !default;\n$breadcrumb-padding-x: $spacer !default;\n$breadcrumb-item-padding-x: .5rem !default;\n$breadcrumb-margin-bottom: 1rem !default;\n$breadcrumb-bg: $gray-200 !default;\n$breadcrumb-divider-color: $gray-600 !default;\n$breadcrumb-active-color: $gray-600 !default;\n$breadcrumb-divider: quote(\"/\") !default;\n$breadcrumb-border-radius: $border-radius-md !default;\n\n// Carousel\n\n$carousel-control-color: $white !default;\n$carousel-control-width: 15% !default;\n$carousel-control-opacity: .5 !default;\n$carousel-control-hover-opacity: .9 !default;\n$carousel-control-transition: opacity .15s ease !default;\n\n$carousel-indicator-width: 30px !default;\n$carousel-indicator-height: 3px !default;\n$carousel-indicator-hit-area-height: 10px !default;\n$carousel-indicator-spacer: 3px !default;\n$carousel-indicator-opacity: .5 !default;\n$carousel-indicator-active-bg: $white !default;\n$carousel-indicator-active-opacity: 1 !default;\n$carousel-indicator-transition: opacity .6s ease !default;\n\n$carousel-caption-width: 70% !default;\n$carousel-caption-color: $white !default;\n$carousel-caption-padding-y: 1.25rem !default;\n$carousel-caption-spacer: 1.25rem !default;\n\n$carousel-control-icon-width: 2rem !default;\n\n$carousel-control-prev-icon-bg: url(\"data:image/svg+xml,\") !default;\n$carousel-control-next-icon-bg: url(\"data:image/svg+xml,\") !default;\n\n$carousel-transition-duration: .6s !default;\n$carousel-transition: transform $carousel-transition-duration ease-in-out !default; // Define transform transition first if using multiple transitions (e.g., `transform 2s ease, opacity .5s ease-out`)\n\n$carousel-dark-indicator-active-bg: $black !default;\n$carousel-dark-caption-color: $black !default;\n$carousel-dark-control-icon-filter: invert(1) grayscale(100) !default;\n\n\n// Spinners\n\n$spinner-width: 2rem !default;\n$spinner-height: $spinner-width !default;\n$spinner-border-width: .25em !default;\n$spinner-animation-speed: .75s !default;\n\n$spinner-width-sm: 1rem !default;\n$spinner-height-sm: $spinner-width-sm !default;\n$spinner-border-width-sm: .2em !default;\n\n\n// Close\n\n$btn-close-width: 1em !default;\n$btn-close-height: $btn-close-width !default;\n$btn-close-padding-x: .25em !default;\n$btn-close-padding-y: $btn-close-padding-x !default;\n$btn-close-color: $white !default;\n$btn-close-bg: url(\"data:image/svg+xml,\") !default;\n$btn-close-focus-shadow: $input-btn-focus-box-shadow !default;\n$btn-close-opacity: .5 !default;\n$btn-close-hover-opacity: .75 !default;\n$btn-close-focus-opacity: 1 !default;\n$btn-close-disabled-opacity: .25 !default;\n$btn-close-white-filter: invert(1) grayscale(100%) brightness(200%) !default;\n\n// Code\n\n$code-font-size: $small-font-size !default;\n$code-color: $pink !default;\n\n$kbd-padding-y: .2rem !default;\n$kbd-padding-x: .4rem !default;\n$kbd-font-size: $code-font-size !default;\n$kbd-color: $white !default;\n$kbd-bg: $gray-900 !default;\n$pre-color: null !default;\n\n// Tilt Animation\n\n$tilt-transform-style: preserve-3d !default;\n$tilt-transform-up-transform: translateZ(50px) scale(0.7) !default;\n$tilt-transform-up-transition: all 0.5s !default;\n\n// Variables for Core\n\n@import \"variables/animations\";\n@import \"variables/avatars\";\n@import \"variables/cards\";\n@import \"variables/dark-version\";\n@import \"variables/dropdowns\";\n@import 'variables/header';\n@import 'variables/info-areas';\n@import 'variables/navbar';\n@import 'variables/navbar-vertical';\n@import 'variables/utilities';\n@import 'variables/utilities-extend';\n@import 'variables/misc';\n@import 'variables/misc-extend';\n@import 'variables/form-switch';\n@import 'variables/fixed-plugin';\n@import 'variables/pagination';\n@import 'variables/badge';\n@import 'variables/rtl';\n@import 'variables/cards-extend';\n@import 'variables/choices';\n@import 'variables/timeline';\n@import 'variables/full-calendar';\n@import 'variables/social-buttons';\n@import 'variables/virtual-reality';\n\n\n// Import Utilities\n@import \"utilities\";\n", - "// Waves Animation & Styling\n\n$waves-position: relative !default;\n$waves-width: 100% !default;\n$waves-height: 16vh !default;\n$waves-min-height: 100px !default;\n$waves-max-height: 150px !default;\n$waves-margin-bottom: -7px !default;\n$waves-height-sm: 50px !default;\n$waves-min-height-sm: $waves-height-sm !default;\n$waves-rotate: rotate(180deg) !default;\n$waves-mobile-height: 40px !default;\n\n$moving-waves-keyframe-0: translate3d(-90px,0,0) !default;\n$moving-waves-keyframe-100: translate3d(85px,0,0) !default;\n$moving-waves-animation: move-forever 40s cubic-bezier(.55,.5,.45,.5) infinite !default;\n$moving-waves-child-1-delay: -2s !default;\n$moving-waves-child-1-duration: 11s !default;\n$moving-waves-child-2-delay: -4s !default;\n$moving-waves-child-2-duration: 13s !default;\n$moving-waves-child-3-delay: -3s !default;\n$moving-waves-child-3-duration: 15s !default;\n$moving-waves-child-4-delay: -4s !default;\n$moving-waves-child-4-duration: 20s !default;\n$moving-waves-child-5-delay: -4s !default;\n$moving-waves-child-5-duration: 25s !default;\n$moving-waves-child-6-delay: -3s !default;\n$moving-waves-child-6-duration: 30s !default;\n\n// Fade In\n\n$fade-in-animation-name: fadeInBottom !default;\n$fade-in-animation-top-name: fadeInTop !default;\n$fade-in-bottom-transform: translateY(100%) !default;\n$fade-in-top-transform: translateY(-100%) !default;\n\n\n$fade-in-1-animation-duration: 1.5s !default;\n$fade-in-2-animation-duration: 1.75s !default;\n$fade-in-3-animation-duration: 2s !default;\n$fade-in-4-animation-duration: 2.25s !default;\n$fade-in-5-animation-duration: 2.5s !default;\n\n\n$floating-man-width: 350px !default;\n", - "// Avatar\n$avatar-height: 48px !default;\n$avatar-width: 48px !default;\n\n$avatar-xs-height: 24px !default;\n$avatar-xs-width: 24px !default;\n\n$avatar-sm-height: 36px !default;\n$avatar-sm-width: 36px !default;\n\n$avatar-lg-height: 58px !default;\n$avatar-lg-width: 58px !default;\n\n$avatar-xl-height: 74px !default;\n$avatar-xl-width: 74px !default;\n\n$avatar-xxl-height: 110px !default;\n$avatar-xxl-width: 110px !default;\n\n$avatar-font-size: 1rem !default;\n$avatar-content-margin: .75rem !default;\n\n\n// Avatar Group\n$avatar-group-border: 2px !default;\n$avatar-group-zindex: 2 !default;\n$avatar-group-zindex-hover: 3 !default;\n$avatar-group-double: -1rem !default;\n", - "$card-box-shadow: 0 20px 27px 0 rgba(0,0,0,0.05) !default;\n$card-background-blur: rgba(255, 255, 255, 0.8) !default;\n\n$card-header-padding: 1.5rem !default;\n\n$card-body-padding: $card-header-padding !default;\n$card-plain-bg-color: transparent !default;\n$card-plain-box-shadow: none !default;\n\n$card-footer-padding: $card-body-padding !default;\n\n$card-title-font-weight: $font-weight-bold !default;\n$card-title-line-height: 1.2 !default;\n\n$card-author-display: flex !default;\n$card-author-name-line-height: 1.571 !default;\n$card-author-name-color: #3A416F !default;\n$card-author-stats-color: #5D6494 !default;\n$card-avatar-width: 30px !default;\n$card-avatar-height: $card-avatar-width !default;\n$card-avatar-overflow: hidden !default;\n$card-avatar-radius: 50% !default;\n$card-avatar-mr: 5px !default;\n$card-stats-name-mt: -4px !default;\n$card-name-ml: .25rem !default;\n\n$card-badge-text-transform: uppercase !default;\n$card-badge-bg-color: #FAFAFF !default;\n\n\n// Card Background\n$card-bg-align-items: center !default;\n$card-bg-body-position: relative !default;\n$card-bg-body-z-index: 2 !default;\n$card-bg-content-min-height: 330px !default;\n$card-bg-content-max-width: 450px !default;\n$card-bg-content-pt: 60px !default;\n$card-bg-content-pb: $card-bg-content-pt !default;\n$card-bg-body-left-width: 90% !default;\n\n$card-bg-description-margin: 24px !default;\n\n$card-bg-filter-position: absolute !default;\n$card-bg-filter-top: 0 !default;\n$card-bg-filter-bottom: $card-bg-filter-top !default;\n$card-bg-filter-left: $card-bg-filter-top !default;\n$card-bg-filter-height: 100% !default;\n$card-bg-filter-width: $card-bg-filter-height !default;\n$card-bg-filter-z-index: 1 !default;\n$card-bg-filter-display: block !default;\n$card-bg-filter-content: \"\" !default;\n$card-bg-filter-bg: rgba(0,0,0,.4) !default;\n$card-bg-filter-mask-bg: rgba(0,0,0,.2) !default;\n$card-bg-filter-radius: 1rem !default;\n\n$card-full-bg-bg-position: 50% !default;\n$card-full-bg-bg-size: cover !default;\n$card-full-bg-mb: 30px !default;\n$card-full-bg-width: 100% !default;\n$card-full-bg-height: $card-full-bg-width !default;\n$card-full-bg-position: absolute !default;\n$card-full-bg-radius: $card-bg-filter-radius !default;\n", - "$dark-version-body-color: rgba(255, 255, 255, .8) !default;\n$dark-version-bg-color: #141728 !default;\n$dark-version-sidenav-bg-color: #111322 !default;\n$dark-version-card-bg-color: #111322 !default;\n$dark-version-card-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .20), 0 1px 5px 0 rgba(0, 0, 0, .12) !default;\n$dark-version-input-bg-image: linear-gradient(0deg, #e91e63 2px, rgba(156, 39, 176, 0) 0), linear-gradient(0deg, rgba(210, 210, 210, .6) 1px, rgba(209, 209, 209, 0) 0) !default;\n$dark-version-border-color: rgba(255, 255, 255, .4) !default;\n$dark-version-table-color: rgba(255, 255, 255, .6) !default;\n$dark-version-caret-sidebar-color: rgba(206, 212, 218, .7) !default;\n$dark-nav-link-active-shadow: 0 0 2rem 0 rgba(0, 0, 0, .15) !default;\n", - "$dropdown-subitem-position: 101% !default;\n$dropdown-transition: visibility .25s,opacity .25s,transform .25s !default;\n$dropdown-transform-origin: 50% 0 !default;\n$dropdown-transform: perspective(999px) rotateX(-10deg) translateZ(0) translate3d(0px, 37px, 0px) !important !default;\n$dropdown-transform-show: perspective(999px) rotateX(0deg) translateZ(0) translate3d(0, 37px,5px) !important !default;\n\n$dropdown-multilevel-transform: perspective(999px) rotateX(-10deg) translateZ(0) translate3d(0px, 0px, 0px) !important !default;\n$dropdown-multilevel-transform-show: perspective(999px) rotateX(0deg) translateZ(0) translate3d(0, 0px,5px) !important !default;\n\n$dropup-transform-origin: bottom !default;\n$dropup-transform: perspective(999px) rotateX(12deg) translateZ(0) translate3d(0px, 0px, 0px) !important !default;\n$dropup-transform-show: perspective(999px) rotateX(0deg) translateZ(0) translate3d(1px,0px,5px) !important !default;\n\n$dropdown-transform-responsive-show: $dropdown-multilevel-transform-show !default;\n$dropdown-icon-margin-right: .75rem !default;\n\n$dropdown-toggle-arrow-transform: rotate(180deg) !default;\n$dropdown-toggle-arrow-transition: .3s ease !default;\n\n$dropdown-button-after-margin-top: 3px !default;\n\n$dropdown-animation-arrow-left-position: 28px !default;\n$dropup-animation-arrow-bottom-position: 22px !default;\n$dropdown-animation-arrow-font-size: 22px !default;\n$dropup-animation-arrow-transition: bottom .35s ease !default;\n$dropdown-animation-arrow-transition: top .35s ease !default;\n$dropup-mb: .5rem !default;\n\n$dropdown-mt: 8px !default;\n$dropdown-hover-after-bottom-pos: -24px !default;\n$dropdown-hover-after-bottom-pos: -24px !default;\n$dropdown-hover-arrow-active-top: -20px !default;\n\n$dropdown-subitem-position-right: -197px !default;\n$dropdown-subitem-left-hover: -8px !default;\n$dropdown-subitem-arrow-rotate: rotate(-90deg) !default;\n\n$dropdown-md-min-width: 15rem !default;\n$dropdown-lg-min-width: 23rem !default;\n$dropdown-lg-width-responsive: 19rem !default;\n$dropdown-xl-min-width: 40rem !default;\n\n$dropdown-subitem-position: 101% !default;\n\n\n// Extend\n$dropdown-subitem-position-right: -197px !default;\n$dropdown-subitem-left-hover: -8px !default;\n$dropdown-subitem-arrow-rotate: rotate(-90deg) !default;\n\n$dropdown-md-min-width: 15rem !default;\n$dropdown-lg-min-width: 23rem !default;\n$dropdown-lg-width-responsive: 19rem !default;\n$dropdown-xl-min-width: 40rem !default;\n", - "$page-header-padding: 0 !default;\n$page-header-position: relative !default;\n$page-header-overflow: hidden !default;\n$page-header-display: flex !default;\n$page-header-align-items: center !default;\n$page-header-bg-size: cover !default;\n$page-header-bg-position: 50% !default;\n\n$mask-position: absolute !default;\n$mask-bg-size: cover !default;\n$mask-bg-position: center center !default;\n$mask-top: 0 !default;\n$mask-left: $mask-top !default;\n$mask-width: 100% !default;\n$mask-height: $mask-width !default;\n$mask-opacity: .8 !default;\n\n$page-header-conteiner-index: 1 !default;\n\n$header-oblique-img-width: 60% !default;\n$header-oblique-img-right: -10rem !default;\n$header-oblique-transform: skewX(-10deg) !default;\n$header-oblique-overflow: hidden !default;\n$header-oblique-img-transform: skewX(10deg) !default;\n", - "$icon-shape-bg-image: linear-gradient(310deg,#7928CA,#FF0080) !default;\n$icon-shape-bg-position: center !default;\n\n$icon-striped-bg-md: 85px !default;\n$icon-striped-bg-lg: 111px !default;\n$icon-striped-bg-xl: 80px !default;\n\n$icon-striped-icon-mt: 25% !default;\n$icon-striped-icon-ml: -24% !default;\n\n$icon-shape-icon-opacity: .8 !default;\n$info-icon-top: 11px !default;\n$info-icon-top-xxs: -4px !default;\n$info-icon-top-xs: -4px !default;\n$info-icon-top-sm: 2px !default;\n$info-icon-top-md: 22% !default;\n$info-icon-top-lg: 31% !default;\n$info-icon-top-xl: 37% !default;\n$info-icon-position: relative !default;\n\n$icon-xxs-width: 20px !default;\n$icon-xxs-height: $icon-xxs-width !default;\n$icon-xs-width: 24px !default;\n$icon-xs-height: $icon-xs-width !default;\n$icon-sm-width: 32px !default;\n$icon-sm-height: $icon-sm-width !default;\n$icon-md-width: 48px !default;\n$icon-md-height: $icon-md-width !default;\n$icon-lg-width: 64px !default;\n$icon-lg-height: $icon-lg-width !default;\n$icon-xl-width: 100px !default;\n$icon-xl-height: $icon-xl-width !default;\n", - "// Navbar toggler icon on responsive styling\n\n$navbar-toggler-bar-display: block !default;\n$navbar-toggler-bar-position: relative !default;\n$navbar-toggler-bar-width: 22px !default;\n$navbar-toggler-bar-height: 1px !default;\n$navbar-toggler-bar-radius: 1px !default;\n$navbar-toggler-bar-transition: all 0.2s !default;\n$navbar-toggler-bar-margin-top: 7px !default;\n\n$navbar-toggler-bar-1-transform: rotate(45deg) !default;\n$navbar-toggler-bar-1-transform-origin: 10% 10% !default;\n$navbar-toggler-bar-1-margin-top: 4px !default;\n$navbar-toggler-bar-2-opacity: 0 !default;\n$navbar-toggler-bar-3-transform: rotate(-45deg) !default;\n$navbar-toggler-bar-3-transform-origin: 10% 90% !default;\n$navbar-toggler-bar-3-margin-top: 3px !default;\n", - "$navbar-light-bg: #FBFBFB !default;\n$navbar-light-hover-bg: darken($gray-100, 5%) !default;\n$navbar-light-active-bg: darken($gray-100, 5%) !default;\n$navbar-light-border-color: rgba($black, .05) !default;\n$navbar-light-color: rgba($black, .6) !default;\n$navbar-light-hover-color: rgba($black, .7) !default;\n$navbar-light-active-color: rgba($black, .9) !default;\n$navbar-light-disabled-color: rgba($black, .3) !default;\n$navbar-light-toggler-border-color: transparent !default;\n// Vertical navbar\n$sidenav-header-width: 4.875rem !default;\n$sidenav-card-opacity: .65 !default;\n$navbar-vertical-box-shadow: 0 0 2rem 0 rgba(136, 152, 170, .15) !default;\n$navbar-vertical-border-color: rgba($black, .05) !default;\n$navbar-vertical-width: 3.875rem !default;\n$navbar-vertical-open-width: 15.625rem !default;\n$navbar-vertical-padding-x: 1rem !default;\n$navbar-vertical-nav-link-padding-x: 1rem !default;\n$navbar-vertical-nav-link-padding-y: .675rem !default;\n$navbar-vertical-sidenav-normal-ml: 4.01rem !default;\n$navbar-vertical-m: 1rem !default;\n$navbar-vertical-inner: calc(100vh - 360px) !default;\n$navbar-icon-min-width: 1.8rem !default;\n$navbar-icon-margin-left: 0.15rem !default;\n$navbar-breadcrumb-padding-y: $nav-link-padding-y !default;\n$navbar-breadcrumb-padding-x: 0 !default;\n$navbar-light-border-color: $border-color !default;\n$navbar-dark-bg: transparent !default;\n$navbar-dark-hover-bg: rgba(255, 255, 255, .1) !default;\n$navbar-dark-active-bg: rgba(255, 255, 255, .1) !default;\n$navbar-dark-border-color: rgba(255, 255, 255, .1) !default;\n$navbar-dark-color: rgba($white, .95) !default;\n$navbar-dark-hover-color: rgba($white, .65) !default;\n$navbar-dark-active-color: rgba($white, .65) !default;\n$navbar-dark-disabled-color: rgba($white, .25) !default;\n$navbar-dark-toggler-border-color: transparent !default;\n$navbar-padding-y: 1rem !default;\n$navbar-padding-x: 1rem !default;\n$navbar-nav-link-padding-x: 1rem !default;\n$navbar-nav-link-padding-y: 1rem !default;\n$navbar-nav-link-font-size: .875rem !default;\n$navbar-nav-link-font-weight: 500 !default;\n$navbar-nav-link-text-transform: normal !default;\n$navbar-nav-link-letter-spacing: 0 !default;\n$navbar-nav-link-border-radius: $border-radius-sm !default;\n$font-size-xs: ($font-size-base * .75);\n$transition-base-time: .25s;\n$transition-cubic-bezier: all $transition-base-time cubic-bezier(.68, -0.55, .265, 1.55) !default;\n\n// Navbar collapse\n\n$navbar-vertical-collapse-dot-size: 5px !default;\n$navbar-vertical-collapse-dot-size-active: 8px !default;\n$navbar-vertical-collapse-margin-left: 1.35rem !default;\n$navbar-vertical-collapse-left: -18px !default;\n$navbar-vertical-collapse-top: 50% !default;\n$navbar-vertical-collapse-translate: translate(0,-50%) !default;\n\n$navbar-vertical-hidden-width: 6rem !default;\n\n// RTL Page\n\n$rtl-sidebar-bullet-right: -1.125rem !default;\n$rtl-sidebar-hover-padding-right: 2.5rem !default;\n", - "// on hover transition variables\n$move-transition: .2s ease-out !default;\n$move-overflow: hidden !default;\n$move-transform: perspective(999px) rotateX(0deg) translate3d(0,0,0) !default;\n$move-transform-origin: 50% 0 !default;\n$move-backface-visibility: hidden !default;\n$move-will-change: transform,box-shadow !default;\n$move-hover-transform: perspective(999px) rotateX(7deg) translate3d(0px,-4px,5px) !default;\n\n// Sections Height Utilities\n$section-height-25-min-height: 25vh !default;\n$section-height-35-min-height: 35vh !default;\n$section-height-45-min-height: 45vh !default;\n$section-height-50-min-height: 50vh !default;\n$section-height-55-min-height: 55vh !default;\n$section-height-65-min-height: 65vh !default;\n$section-height-70-min-height: 70vh !default;\n$section-height-75-min-height: 75vh !default;\n$section-height-80-min-height: 80vh !default;\n$section-height-85-min-height: 85vh !default;\n$section-height-90-min-height: 90vh !default;\n$section-height-95-min-height: 95vh !default;\n$section-height-100-min-height: 100vh !default;\n\n// extra padding utilities variables - CT\n$padding-6: 4rem !default;\n$padding-7: 6rem !default;\n$padding-8: 8rem !default;\n$padding-9: 10rem !default;\n$padding-10: 12rem !default;\n$padding-11: 14rem !default;\n$padding-12: 16rem !default;\n\n// extra margins utilities variables - CT\n$margin-6: 4rem !default;\n$margin-7: 6rem !default;\n$margin-8: 8rem !default;\n$margin-9: 10rem !default;\n$margin-10: 12rem !default;\n$margin-11: 14rem !default;\n$margin-12: 16rem !default;\n\n// extra width values variables - CT\n$width-0: 0% !default;\n$width-1: 1% !default;\n$width-2: 2% !default;\n$width-3: 3% !default;\n$width-4: 4% !default;\n$width-5: 5% !default;\n$width-6: 6% !default;\n$width-7: 7% !default;\n$width-8: 8% !default;\n$width-9: 9% !default;\n$width-10: 10% !default;\n$width-15: 15% !default;\n$width-20: 20% !default;\n$width-25: 25% !default;\n$width-30: 30% !default;\n$width-35: 35% !default;\n$width-40: 40% !default;\n$width-45: 45% !default;\n$width-50: 50% !default;\n$width-55: 55% !default;\n$width-60: 60% !default;\n$width-65: 65% !default;\n$width-70: 70% !default;\n$width-75: 75% !default;\n$width-80: 80% !default;\n$width-85: 85% !default;\n$width-90: 90% !default;\n$width-95: 95% !default;\n$width-100: 100% !default;\n\n// extra max width values variables - CT\n$max-width-100: 100px !default;\n$max-width-200: 200px !default;\n$max-width-300: 300px !default;\n$max-width-400: 400px !default;\n$max-width-500: 500px !default;\n\n// extra height values variables - CT\n$height-100: 100px !default;\n$height-150: 150px !default;\n$height-200: 200px !default;\n$height-300: 300px !default;\n$height-400: 400px !default;\n$height-500: 500px !default;\n$height-600: 600px !default;\n\n\n// extra min height values variables - CT\n$min-height-100: 100px !default;\n$min-height-150: 150px !default;\n$min-height-160: 160px !default;\n$min-height-200: 200px !default;\n$min-height-250: 250px !default;\n$min-height-300: 300px !default;\n$min-height-400: 400px !default;\n$min-height-500: 500px !default;\n$min-height-600: 600px !default;\n\n// extra min height values variables - CT\n$max-height-100: 100px !default;\n$max-height-150: 150px !default;\n$max-height-160: 160px !default;\n$max-height-200: 200px !default;\n$max-height-250: 250px !default;\n$max-height-300: 300px !default;\n$max-height-400: 400px !default;\n$max-height-500: 500px !default;\n$max-height-600: 600px !default;\n\n// extra min height vh values variables - CT\n$max-height-vh-10: 10vh !default;\n$max-height-vh-20: 20vh !default;\n$max-height-vh-30: 30vh !default;\n$max-height-vh-40: 40vh !default;\n$max-height-vh-50: 50vh !default;\n$max-height-vh-60: 60vh !default;\n$max-height-vh-70: 70vh !default;\n$max-height-vh-80: 80vh !default;\n$max-height-vh-90: 90vh !default;\n$max-height-vh-100: 100vh !default;\n\n// Extra Padding values Map\n$paddings: (\n \"6\": $padding-6,\n \"7\": $padding-7,\n \"8\": $padding-8,\n \"9\": $padding-9,\n \"10\": $padding-10,\n \"11\": $padding-11,\n \"12\": $padding-12\n) !default;\n\n// Extra Margins values Map\n$margins: (\n \"6\": $margin-6,\n \"7\": $margin-7,\n \"8\": $margin-8,\n \"9\": $margin-9,\n \"10\": $margin-10,\n \"11\": $margin-11,\n \"12\": $margin-12\n) !default;\n\n$width: (\n \"0\": $width-0,\n \"1\": $width-1,\n \"2\": $width-2,\n \"3\": $width-3,\n \"4\": $width-4,\n \"5\": $width-5,\n \"6\": $width-6,\n \"7\": $width-7,\n \"8\": $width-8,\n \"9\": $width-9,\n \"10\": $width-10,\n \"15\": $width-15,\n \"20\": $width-20,\n \"25\": $width-25,\n \"30\": $width-30,\n \"35\": $width-35,\n \"40\": $width-40,\n \"45\": $width-45,\n \"50\": $width-50,\n \"55\": $width-55,\n \"60\": $width-60,\n \"65\": $width-65,\n \"70\": $width-70,\n \"75\": $width-75,\n \"80\": $width-80,\n \"85\": $width-85,\n \"90\": $width-90,\n \"95\": $width-95,\n \"100\": $width-100,\n \"auto\": auto\n) !default;\n\n\n// blur effect variables\n$blur-border-radius-rounded: 40px !default;\n$blur-box-shadow: inset 0px 0px 2px #fefefed1 !default;\n$blur-backdrop-filter: saturate(200%) blur(30px) !default;\n$blur-backdrop-filter-less: saturate(20%) blur(30px) !default;\n\n$shadow-blur-box-shadow: inset 0 0px 1px 1px rgba(254, 254, 254, .9), 0 20px 27px 0 rgba(0, 0, 0, .05) !default;\n\n// sidebar variables\n\n$sidebar-width: 80px !default;\n$sidebar-transition: 1s ease !default;\n", - "// Colores Shadow on cards\n$colored-shadow-top: 3.5% !default;\n$colored-shadow-blur: 12px !default;\n$colored-shadow-scale: .94 !default;\n$colored-shadow-scale-avatar: .87 !default;\n\n// Card Projects\n$card-project-transition: .4s cubic-bezier(.215,.61,.355,1) !default;\n$card-project-avatar-transform: scale(.8) translateY(-45px) !default;\n$card-project-hover-transform: translateY(-2px) !default;\n\n// Transform Perspective effect\n$transform-perspective: scale(1) perspective(1040px) rotateY(-11deg) rotateX(2deg) rotate(2deg) !default;\n$transform-perspective-inverse: scale(1) perspective(1040px) rotateY(11deg) rotateX(-2deg) rotate(-2deg) !default;\n\n// Z index\n$z-index2: 2 !default;\n\n// Width in PX\n$width-32-px: 32px !default;\n$width-48-px: 48px !default;\n$width-64-px: 64px !default;\n", - "// Horizontal Faded Line\n$hr-bg: transparent !default;\n$hr-transform: rotate(90deg) !default;\n$hr-bg-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1), rgba(255, 255, 255, 0)) !default;\n$hr-bg-dark-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, .4), rgba(0, 0, 0, 0)) !default;\n\n\n// Gradient Animation\n$gradient-animation-background: linear-gradient(-45deg, $info-gradient, $danger, $warning, $primary-gradient, $dark) !default;\n$gradient-animation-bg-size: 400% 400% !default;\n\n// Device Wrapper\n$device-wrapper-radius: 3.5rem !default;\n$device-wrapper-box-shadow: 0 12px 15px rgba(140, 152, 164, 0.1) !default;\n$device-wrapper-animation: gradient 10s ease infinite !default;\n\n\n// Nav pills\n$nav-pills-link-border-radius: 0.5rem !default;\n$nav-pills-link-box-shadow: 0px 1px 5px 1px #ddd !default;\n$nav-pills-link-active-padding: 7px 15px !default;\n$nav-pills-link-active-margin: 1px !default;\n$nav-pills-link-active-animation: .2s ease !default;\n\n// Table Progress\n\n$table-progress-width: 120px !default;\n$table-progress-height: 3px !default;\n$table-progress-margin: 0 !default;\n\n// Tooltip Arrow\n\n$tooltip-arrow-left: 1px !default;\n$tooltip-arrow-right: $tooltip-arrow-left !default;\n\n// Footer Link hover animation\n\n$footer-link-animation: opacity .3 ease !default;\n\n// Blur background\n\n$blur-light-background: rgba(255, 255, 255, 0.4) !default;\n$blur-dark-background: rgba(0, 0, 0, 0.3) !default;\n\n// HR w/ opacity\n\n$hr-bg-color: transparent !default;\n$hr-width: 1px !default;\n$hr-margin: .75rem 0 !default;\n$hr-horizontal-bg-image-light: linear-gradient(to right, rgba(255, 255, 255, 0), white, rgba(255, 255, 255, 0)) !default;\n$hr-horizontal-bg-image-gray-light: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, .1), rgba(0, 0, 0, 0)) !default;\n$hr-horizontal-bg-image-dark: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, .4), rgba(0, 0, 0, 0)) !default;\n$hr-vertical-bg-image-light: linear-gradient(to bottom, rgba(255, 255, 255, 0), white, rgba(255, 255, 255, 0)) !default;\n$hr-vertical-bg-image-dark: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, .4), rgba(0, 0, 0, 0)) !default;\n", - "// Text Border\n$text-border-bg-color: rgba($secondary,.5) !default;\n$text-border-bg-color-before: linear-gradient(90deg,transparent,rgba(117,117,117,.4),rgba(117,117,117,.4)) !default;\n$text-border-bg-color-after: linear-gradient(90deg,rgba(117,117,117,.4),rgba(117,117,117,.4),transparent) !default;\n$text-border-display: inline-block !default;\n$text-border-width: 30% !default;\n$text-border-height: 1px !default;\n$text-border-position: relative !default;\n$text-border-vertical-align: middle !default;\n$text-border-before-right: .5em !default;\n$text-border-before-ml: -50% !default;\n$text-border-after-left: $text-border-before-right !default;\n$text-border-after-mr: $text-border-before-ml !default;\n\n\n// Header Shapes\n\n$shape-1-width: 55% !default;\n$shape-1-left: 15% !default;\n$shape-2-width: 35% !default;\n$shape-2-left: 20% !default;\n$shape-3-width: 50% !default;\n$shape-3-left: -28rem !default;\n\n$shape-img-1-right: 7% !default;\n$shape-img-1-width: 36% !default;\n$shape-img-1-margin-top: 12% !default;\n\n$shape-img-2-left: 24% !default;\n$shape-img-2-width: 27% !default;\n$shape-img-2-margin-top: 10% !default;\n\n// Comming Soon page\n\n$coming-rotate-transform: rotate(20deg) !default;\n\n\n// Tilt Animation\n\n$tilt-transform-style: preserve-3d !default;\n$tilt-transform-up-transform: translateZ(50px) scale(0.7) !default;\n$tilt-transform-up-transition: all 0.5s !default;\n\n// Round Slider\n\n$round-slider-m-width: 200px !default;\n$round-slider-scale-m-width: 300px !default;\n$round-slider-transition: all .5s ease-out 0s !default;\n", - "$slider-dim: 15px !default;\n$slider-position: 2px !default;\n$moving-circle: translateX(21px) !default;\n", - "$fixed-plugin-bottom: 30px !default;\n$fixed-plugin-right: $fixed-plugin-bottom !default;\n$fixed-plugin-radius: 50% !default;\n$fixed-plugin-box-shadow: $navbar-box-shadow !default;\n$fixed-plugin-button-z-index: 990 !default;\n$fixed-plugin-card-z-index: 1020 !default;\n$fixed-plugin-card-width: 360px !default;\n", - "// Pagination\n\n$pagination-active-box-shadow: $btn-hover-box-shadow !default;\n\n$page-link-display: flex !default;\n$page-link-align-items: center !default;\n$page-link-justify-content: $page-link-align-items !default;\n$page-link-margin: 0 3px !default;\n$page-link-radius: 50% !default;\n$page-link-width: 36px !default;\n$page-link-height: $page-link-width !default;\n\n$page-link-width-lg: 46px !default;\n$page-link-height-lg: $page-link-width-lg !default;\n$page-link-line-height-lg: $page-link-width-lg !default;\n\n$page-link-width-sm: 30px !default;\n$page-link-height-sm: $page-link-width-sm !default;\n$page-link-line-height-sm: $page-link-width-sm !default;\n", - "// Badge\n$badge-sm-padding: .45em .775em !default;\n$badge-sm-font-size: .65em !default;\n$badge-md-padding: .65em 1em !default;\n$badge-lg-padding: .85em 1.375em !default;\n$badge-inline-margin-right: .625rem !default;\n$badge-inline-span-top: 2px !default;\n$badge-btn-margin: .5rem !default;\n\n// Badge Circle\n$badge-circle-border-radius: 50% !default;\n$badge-circle-width: 1.25rem !default;\n$badge-circle-height: 1.25rem !default;\n$badge-circle-font-size: .75rem !default;\n$badge-circle-font-weight: 600 !default;\n\n$badge-circle-md-width: 1.5rem !default;\n$badge-circle-md-height: 1.5rem !default;\n\n$badge-circle-lg-width: 2rem !default;\n$badge-circle-lg-height: 2rem !default;\n\n//Badge Dot\n$badge-dot-icon-width: .375rem !default;\n$badge-dot-icon-height: .375rem !default;\n$badge-dot-icon-radius: 50% !default;\n$badge-dot-icon-margin-right: .375rem !default;\n\n$badge-dot-md-icon-width: .5rem !default;\n$badge-dot-md-icon-height: .5rem !default;\n\n$badge-dot-lg-icon-width: .625rem !default;\n$badge-dot-lg-icon-height: .625rem !default;\n\n//Badge Floating\n$badge-floating-top: -50% !default;\n$badge-floating-border: 3px !default;\n$badge-floating-transform: translate(147%, 50%) !default;\n", - "$timeline-step-transform-rtl: translateX(50%) !default;\n", - "// Card Profile\n$card-profile-body-text-align: center !default;\n$card-profile-body-padding: 1.25rem 2rem !default;\n$card-profile-avatar-margin: 0 auto !default;\n$card-profile-img-mt: 32px !default;\n$card-profile-img-radius: 50% !default;\n$card-profile-img-width: 130px !default;\n$card-profile-btn-mt: 24px !default;\n$card-profile-p-line-height: 1.778 !default;\n\n// Card Pricing\n$card-pricing-body-padding: 2.25rem !default;\n$card-pricing-line-height: 1.111 !default;\n$card-pricing-title-mb: $card-bg-description-margin !default;\n$card-pricing-td-line-height: 1.429 !default;\n$card-pricing-icon-height: 4rem !default;\n$card-pricing-icon-width: $card-pricing-icon-height !default;\n$card-pricing-icon-position: absolute !default;\n$card-pricing-icon-top: -22px !default;\n$card-pricing-icon-font-size: 1.25rem !default;\n$card-pricing-icon-lg-font-size: 1.75rem !default;\n$card-pricing-i-padding: 18px !default;\n$card-pricing-badge-padding: 5px !default;\n$card-pricing-badge-font-size: 6px !default;\n$card-pricing-badge-position: relative !default;\n$card-pricing-badge-top: -2px !default;\n$card-pricing-border-color: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));\n$card-pricing-border-color-dark: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, .4), rgba(0, 0, 0, 0));\n", - "$choices-box-shadow: $dropdown-box-shadow !default;\n$choices-border-radius: .5rem !default;\n$choices-animation: .3s cubic-bezier(.23,1,.32,1) !default;\n$choices-transition: $dropdown-transition !default;\n$choices-transform: perspective(999px) rotateX(-10deg) translateZ(0) translate3d(0px, 37px, 0px) !important !default;\n$choices-transform-show: perspective(999px) rotateX(0deg) translateZ(0) translate3d(0,37px,5px) !important !default;\n$choices-padding-y: 1rem !default;\n$choices-padding-x: .5rem !default;\n", - "// Timeline\n\n$timeline-axis-width: 2px !default;\n$timeline-axis-color: $border-color !default;\n$timeline-left: 1rem !default;\n\n$timeline-step-bg: $white !default;\n$timeline-step-width: 26px !default;\n$timeline-step-height: $timeline-step-width !default;\n$timeline-step-radius: 50% !default;\n$timeline-step-transform: translateX(-50%) !default;\n$timeline-step-line-height: 1.4 !default;\n\n$timeline-step-border-width: 2px !default;\n$timeline-step-border-color: $timeline-axis-color !default;\n\n$timeline-content-margin-left: 45px !default;\n$timeline-content-padding-top: .35rem !default;\n$timeline-content-top: -6px !default;\n", - "$fc-event-title-padding-y: .2rem !default;\n$fc-event-title-padding-x: .3rem !default;\n\n$fc-daygrid-event-border-radius: .35rem !default;\n$fc-theme-standard-dark-border-color: rgba($secondary, .3) !default;\n", - "// Social Buttons\n\n$facebook: #3b5998 !default;\n$facebook-states: darken($facebook, 5%) !default;\n$twitter: #55acee !default;\n$twitter-states: darken($twitter, 5%) !default;\n$instagram: #125688 !default;\n$instagram-states: darken($instagram, 6%) !default;\n$linkedin: #0077B5 !default;\n$linkedin-states: darken($linkedin, 5%) !default;\n$pinterest: #cc2127 !default;\n$pinterest-states: darken($pinterest, 6%) !default;\n$youtube: #e52d27 !default;\n$youtube-states: darken($youtube, 6%) !default;\n$dribbble: #ea4c89 !default;\n$dribbble-states: darken($dribbble, 6%) !default;\n$github: #24292E !default;\n$github-states: darken($github, 6%) !default;\n$reddit: #ff4500 !default;\n$reddit-states: darken($reddit, 6%) !default;\n$tumblr: #35465c !default;\n$tumblr-states: darken($tumblr, 6%) !default;\n$behance: #1769ff !default;\n$behance-states: darken($behance, 6%) !default;\n$vimeo: #1AB7EA !default;\n$vimeo-states: darken($vimeo, 6%) !default;\n$slack: #3aaf85 !default;\n$slack-states: darken($slack, 6%) !default;\n", - "$animation-name: fadeInBottom !default;\n$animation-mode: both !default;\n$animation-duration: 1.5s !default;\n$transform-scale: scale(0.6) !default;\n$position-left: 18% !default; \n", - "@import \"../bootstrap/functions\";\n@import \"../bootstrap/variables\";\n@import \"../bootstrap/utilities\";\n\n$utilities: (\n // scss-docs-start utils-vertical-align\n \"align\": (\n property: vertical-align,\n class: align,\n values: baseline top middle bottom text-bottom text-top\n ),\n // scss-docs-end utils-vertical-align\n // scss-docs-start utils-float\n \"float\": (\n responsive: true,\n property: float,\n values: (\n start: left,\n end: right,\n none: none,\n )\n ),\n // scss-docs-end utils-float\n // scss-docs-start utils-overflow\n \"overflow\": (\n property: overflow,\n values: auto hidden visible scroll,\n ),\n // scss-docs-end utils-overflow\n // scss-docs-start utils-display\n \"display\": (\n responsive: true,\n print: true,\n property: display,\n class: d,\n values: inline inline-block block grid table table-row table-cell flex inline-flex none\n ),\n // scss-docs-end utils-display\n // scss-docs-start utils-shadow\n \"shadow\": (\n property: box-shadow,\n class: shadow,\n values: (\n null: $box-shadow,\n xs: $box-shadow-xs,\n sm: $box-shadow-sm,\n md: $box-shadow,\n lg: $box-shadow-lg,\n xl: $box-shadow-xl,\n none: none,\n )\n ),\n // scss-docs-end utils-shadow\n // scss-docs-start utils-position\n \"position\": (\n property: position,\n values: static relative absolute fixed sticky\n ),\n \"top\": (\n property: top,\n values: $position-values\n ),\n \"bottom\": (\n property: bottom,\n values: $position-values\n ),\n \"start\": (\n property: left,\n class: start,\n values: $position-values\n ),\n \"end\": (\n property: right,\n class: end,\n values: $position-values\n ),\n \"translate-middle\": (\n property: transform,\n class: translate-middle,\n values: (\n null: translate(-50%, -50%),\n x: translateX(-50%),\n y: translateY(-50%),\n )\n ),\n //Scale\n \"transform\": (\n property: transform,\n class: transform-scale,\n responsive: true,\n values: (\n 5: scale(.5),\n 6: scale(.6),\n 7: scale(.7),\n 8: scale(.8),\n 9: scale(.9),\n 10: scale(1),\n )\n ),\n // scss-docs-end utils-position\n // scss-docs-start utils-borders\n \"border\": (\n property: border,\n values: (\n null: $border-width solid $border-color,\n 0: 0,\n )\n ),\n \"border-top\": (\n property: border-top,\n responsive: true,\n values: (\n null: $border-width solid $border-color,\n 0: 0,\n )\n ),\n \"border-end\": (\n property: border-right,\n responsive: true,\n class: border-end,\n values: (\n null: $border-width solid $border-color,\n 0: 0,\n )\n ),\n \"border-bottom\": (\n property: border-bottom,\n responsive: true,\n values: (\n null: $border-width solid $border-color,\n 0: 0,\n )\n ),\n \"border-start\": (\n property: border-left,\n responsive: true,\n class: border-start,\n values: (\n null: $border-width solid $border-color,\n 0: 0,\n )\n ),\n \"border-color\": (\n property: border-color,\n class: border,\n values: map-merge($theme-colors, (\"white\": $white))\n ),\n \"border-width\": (\n property: border-width,\n class: border,\n values: $border-widths\n ),\n // scss-docs-end utils-borders\n // Sizing utilities\n // scss-docs-start utils-sizing\n \"width\": (\n property: width,\n responsive: true,\n class: w,\n values: $width\n ),\n \"max-width\": (\n property: max-width,\n class: mw,\n values: (100: 100%)\n ),\n \"viewport-width\": (\n property: width,\n class: vw,\n values: (100: 100vw)\n ),\n \"min-viewport-width\": (\n property: min-width,\n class: min-vw,\n values: (100: 100vw)\n ),\n \"height\": (\n property: height,\n class: h,\n values: (\n 25: 25%,\n 50: 50%,\n 75: 75%,\n 100: 100%,\n auto: auto\n )\n ),\n \"max-height\": (\n property: max-height,\n class: mh,\n values: (100: 100%)\n ),\n \"viewport-height\": (\n property: height,\n class: vh,\n values: (100: 100vh)\n ),\n \"min-viewport-height\": (\n property: min-height,\n class: min-vh,\n values: (\n 25: $section-height-25-min-height,\n 35: $section-height-35-min-height,\n 45: $section-height-45-min-height,\n 50: $section-height-50-min-height,\n 55: $section-height-55-min-height,\n 65: $section-height-65-min-height,\n 70: $section-height-70-min-height,\n 75: $section-height-75-min-height,\n 80: $section-height-80-min-height,\n 85: $section-height-85-min-height,\n 90: $section-height-90-min-height,\n 95: $section-height-95-min-height,\n 100: 100vh\n )\n ),\n // scss-docs-end utils-sizing\n // Flex utilities\n // scss-docs-start utils-flex\n \"flex\": (\n responsive: true,\n property: flex,\n values: (fill: 1 1 auto)\n ),\n \"flex-direction\": (\n responsive: true,\n property: flex-direction,\n class: flex,\n values: row column row-reverse column-reverse\n ),\n \"flex-grow\": (\n responsive: true,\n property: flex-grow,\n class: flex,\n values: (\n grow-0: 0,\n grow-1: 1,\n )\n ),\n \"flex-shrink\": (\n responsive: true,\n property: flex-shrink,\n class: flex,\n values: (\n shrink-0: 0,\n shrink-1: 1,\n )\n ),\n \"flex-wrap\": (\n responsive: true,\n property: flex-wrap,\n class: flex,\n values: wrap nowrap wrap-reverse\n ),\n \"gap\": (\n responsive: true,\n property: gap,\n class: gap,\n values: $spacers\n ),\n \"justify-content\": (\n responsive: true,\n property: justify-content,\n values: (\n start: flex-start,\n end: flex-end,\n center: center,\n between: space-between,\n around: space-around,\n evenly: space-evenly,\n )\n ),\n \"align-items\": (\n responsive: true,\n property: align-items,\n values: (\n start: flex-start,\n end: flex-end,\n center: center,\n baseline: baseline,\n stretch: stretch,\n )\n ),\n \"align-content\": (\n responsive: true,\n property: align-content,\n values: (\n start: flex-start,\n end: flex-end,\n center: center,\n between: space-between,\n around: space-around,\n stretch: stretch,\n )\n ),\n \"align-self\": (\n responsive: true,\n property: align-self,\n values: (\n auto: auto,\n start: flex-start,\n end: flex-end,\n center: center,\n baseline: baseline,\n stretch: stretch,\n )\n ),\n \"order\": (\n responsive: true,\n property: order,\n values: (\n first: -1,\n 0: 0,\n 1: 1,\n 2: 2,\n 3: 3,\n 4: 4,\n 5: 5,\n last: 6,\n ),\n ),\n // scss-docs-end utils-flex\n // Margin utilities\n // scss-docs-start utils-spacing\n \"margin\": (\n responsive: true,\n property: margin,\n class: m,\n values: map-merge($spacers, (auto: auto))\n ),\n \"margin-x\": (\n responsive: true,\n property: margin-right margin-left,\n class: mx,\n values: map-merge($spacers, (auto: auto))\n ),\n \"margin-y\": (\n responsive: true,\n property: margin-top margin-bottom,\n class: my,\n values: map-merge($spacers, (auto: auto))\n ),\n \"margin-top\": (\n responsive: true,\n property: margin-top,\n class: mt,\n values: map-merge($spacers, (auto: auto))\n ),\n \"margin-end\": (\n responsive: true,\n property: margin-right,\n class: me,\n values: map-merge($spacers, (auto: auto))\n ),\n \"margin-bottom\": (\n responsive: true,\n property: margin-bottom,\n class: mb,\n values: map-merge($spacers, (auto: auto))\n ),\n \"margin-start\": (\n responsive: true,\n property: margin-left,\n class: ms,\n values: map-merge($spacers, (auto: auto))\n ),\n // Negative margin utilities\n \"negative-margin\": (\n responsive: true,\n property: margin,\n class: m,\n values: $negative-spacers\n ),\n \"negative-margin-x\": (\n responsive: true,\n property: margin-right margin-left,\n class: mx,\n values: $negative-spacers\n ),\n \"negative-margin-y\": (\n responsive: true,\n property: margin-top margin-bottom,\n class: my,\n values: $negative-spacers\n ),\n \"negative-margin-top\": (\n responsive: true,\n property: margin-top,\n class: mt,\n values: $negative-spacers\n ),\n \"negative-margin-end\": (\n responsive: true,\n property: margin-right,\n class: me,\n values: $negative-spacers\n ),\n \"negative-margin-bottom\": (\n responsive: true,\n property: margin-bottom,\n class: mb,\n values: $negative-spacers\n ),\n \"negative-margin-start\": (\n responsive: true,\n property: margin-left,\n class: ms,\n values: $negative-spacers\n ),\n // Padding utilities\n \"padding\": (\n responsive: true,\n property: padding,\n class: p,\n values: $spacers\n ),\n \"padding-x\": (\n responsive: true,\n property: padding-right padding-left,\n class: px,\n values: $spacers\n ),\n \"padding-y\": (\n responsive: true,\n property: padding-top padding-bottom,\n class: py,\n values: $spacers\n ),\n \"padding-top\": (\n responsive: true,\n property: padding-top,\n class: pt,\n values: $spacers\n ),\n \"padding-end\": (\n responsive: true,\n property: padding-right,\n class: pe,\n values: $spacers\n ),\n \"padding-bottom\": (\n responsive: true,\n property: padding-bottom,\n class: pb,\n values: $spacers\n ),\n \"padding-start\": (\n responsive: true,\n property: padding-left,\n class: ps,\n values: $spacers\n ),\n // scss-docs-end utils-spacing\n // Text\n // scss-docs-start utils-text\n \"font-family\": (\n property: font-family,\n class: font,\n values: (monospace: var(--#{$variable-prefix}font-monospace))\n ),\n \"font-size\": (\n rfs: true,\n property: font-size,\n class: fs,\n values: $font-sizes\n ),\n \"font-style\": (\n property: font-style,\n class: fst,\n values: italic normal\n ),\n \"font-weight\": (\n property: font-weight,\n class: fw,\n values: (\n light: $font-weight-light,\n lighter: $font-weight-lighter,\n normal: $font-weight-normal,\n bold: $font-weight-bold,\n bolder: $font-weight-bolder\n )\n ),\n \"line-height\": (\n property: line-height,\n class: lh,\n values: (\n 1: 1,\n sm: $line-height-sm,\n base: $line-height-base,\n lg: $line-height-lg,\n )\n ),\n \"text-align\": (\n responsive: true,\n property: text-align,\n class: text,\n values: (\n start: left,\n end: right,\n center: center,\n )\n ),\n \"text-decoration\": (\n property: text-decoration,\n values: none underline line-through\n ),\n \"text-transform\": (\n property: text-transform,\n class: text,\n values: lowercase uppercase capitalize\n ),\n \"white-space\": (\n property: white-space,\n class: text,\n values: (\n wrap: normal,\n nowrap: nowrap,\n )\n ),\n \"word-wrap\": (\n property: word-wrap word-break,\n class: text,\n values: (break: break-word),\n rtl: false\n ),\n // scss-docs-end utils-text\n // scss-docs-start utils-color\n \"color\": (\n property: color,\n class: text,\n values: map-merge(\n $theme-colors,\n (\n \"white\": $white,\n \"body\": $body-color,\n \"muted\": $text-muted,\n \"black-50\": rgba($black, .5),\n \"white-50\": rgba($white, .5),\n \"reset\": inherit,\n )\n )\n ),\n // scss-docs-end utils-color\n // scss-docs-start utils-bg-color\n \"background-color\": (\n property: background-color,\n class: bg,\n values: map-merge(\n $theme-colors,\n (\n \"body\": $body-bg,\n \"white\": $white,\n \"transparent\": transparent,\n \"gray-100\": $gray-100,\n \"gray-200\": $gray-200,\n \"gray-300\": $gray-300,\n \"gray-400\": $gray-400,\n \"gray-500\": $gray-500,\n \"gray-600\": $gray-600,\n \"gray-700\": $gray-700,\n \"gray-800\": $gray-800,\n \"gray-900\": $gray-900,\n )\n )\n ),\n // scss-docs-end utils-bg-color\n \"gradient\": (\n property: background-image,\n class: bg,\n values: (gradient: var(--#{$variable-prefix}gradient))\n ),\n // scss-docs-start utils-interaction\n \"user-select\": (\n property: user-select,\n values: all auto none\n ),\n \"pointer-events\": (\n property: pointer-events,\n class: pe,\n values: none auto,\n ),\n // scss-docs-end utils-interaction\n // scss-docs-start utils-border-radius\n \"rounded\": (\n property: border-radius,\n class: rounded,\n values: (\n null: $border-radius,\n 0: 0,\n 1: $border-radius-sm,\n 2: $border-radius,\n 3: $border-radius-lg,\n circle: 50%,\n pill: $border-radius-pill\n )\n ),\n \"rounded-top\": (\n property: border-top-left-radius border-top-right-radius,\n class: rounded-top,\n values: (null: $border-radius)\n ),\n \"rounded-end\": (\n property: border-top-right-radius border-bottom-right-radius,\n class: rounded-end,\n values: (null: $border-radius)\n ),\n \"rounded-bottom\": (\n property: border-bottom-right-radius border-bottom-left-radius,\n class: rounded-bottom,\n values: (null: $border-radius)\n ),\n \"rounded-start\": (\n property: border-bottom-left-radius border-top-left-radius,\n class: rounded-start,\n values: (null: $border-radius)\n ),\n // scss-docs-end utils-border-radius\n // scss-docs-start utils-visibility\n \"visibility\": (\n property: visibility,\n class: null,\n values: (\n visible: visible,\n invisible: hidden,\n )\n ),\n // Opacity utilities\n \"opacity\": (\n property: opacity,\n values: (\n 0: 0,\n 1: .1,\n 2: .2,\n 3: .3,\n 4: .4,\n 5: .5,\n 6: .6,\n 7: .7,\n 8: .8,\n 9: .9,\n 10: 1\n ),\n ),\n // Z-index utilities\n \"z-index\": (\n property: z-index,\n values: (\n 0: 0,\n 1: 1,\n 2: 2,\n 3: 3\n ),\n ),\n // Letter spacing utilities\n \"letter-spacing\": (\n property: letter-spacing,\n values: (\n 1: 1px,\n 2: 2px,\n 3: 3px,\n 4: 4px,\n 5: 5px\n ),\n ),\n // Border radius utilities\n \"border-top-left-radius\": (\n property: border-top-left-radius,\n class: border-radius-top-start,\n responsive: true,\n values: (\n null: $border-radius,\n 0: 0,\n sm: $border-radius-sm,\n md: $border-radius,\n lg: $border-radius-lg,\n xl: $border-radius-xl,\n 2xl: $border-radius-2xl,\n circle: 50%,\n pill: $border-radius-pill\n )\n ),\n \"border-top-right-radius\": (\n property: border-top-right-radius,\n class: border-radius-top-end,\n responsive: true,\n values: (\n null: $border-radius,\n 0: 0,\n sm: $border-radius-sm,\n md: $border-radius,\n lg: $border-radius-lg,\n xl: $border-radius-xl,\n 2xl: $border-radius-2xl,\n circle: 50%,\n pill: $border-radius-pill\n )\n ),\n \"border-bottom-left-radius\": (\n property: border-bottom-left-radius,\n class: border-radius-bottom-start,\n responsive: true,\n values: (\n null: $border-radius,\n 0: 0,\n sm: $border-radius-sm,\n md: $border-radius,\n lg: $border-radius-lg,\n xl: $border-radius-xl,\n 2xl: $border-radius-2xl,\n circle: 50%,\n pill: $border-radius-pill\n )\n ),\n \"border-bottom-right-radius\": (\n property: border-bottom-right-radius,\n class: border-radius-bottom-end,\n responsive: true,\n values: (\n null: $border-radius,\n 0: 0,\n sm: $border-radius-sm,\n md: $border-radius,\n lg: $border-radius-lg,\n xl: $border-radius-xl,\n 2xl: $border-radius-2xl,\n circle: 50%,\n pill: $border-radius-pill\n )\n ),\n // Max Height Values\n \"max-height-px\": (\n property: max-height,\n class: max-height,\n values: (\n 100: $max-height-100,\n 150: $max-height-150,\n 160: $max-height-160,\n 200: $max-height-200,\n 250: $max-height-250,\n 300: $max-height-300,\n 400: $max-height-400,\n 500: $max-height-500,\n 600: $max-height-600\n )\n ),\n // Max Height Values vh\n \"max-height-vh\": (\n property: max-height,\n class: max-height-vh,\n values: (\n 10: $max-height-vh-10,\n 20: $max-height-vh-20,\n 30: $max-height-vh-30,\n 40: $max-height-vh-40,\n 50: $max-height-vh-50,\n 60: $max-height-vh-60,\n 70: $max-height-vh-70,\n 80: $max-height-vh-80,\n 90: $max-height-vh-90,\n 100: $max-height-vh-100,\n )\n ),\n // Min Height Values\n \"min-height-px\": (\n property: min-height,\n class: min-height,\n values: (\n 100: $min-height-100,\n 150: $min-height-150,\n 160: $min-height-160,\n 200: $min-height-200,\n 250: $min-height-250,\n 300: $min-height-300,\n 400: $min-height-400,\n 500: $min-height-500,\n 600: $min-height-600\n )\n ),\n // Height Values\n \"height-px\": (\n property: height,\n class: height,\n values: (\n 100: $height-100,\n 150: $height-150,\n 200: $height-200,\n 300: $height-300,\n 400: $height-400,\n 500: $height-500,\n 600: $height-600\n )\n ),\n // Max Width Values\n \"max-width-px\": (\n property: max-width,\n class: max-width,\n values: (\n 100: $max-width-100,\n 200: $max-width-200,\n 300: $max-width-300,\n 400: $max-width-400,\n 500: $max-width-500\n )\n ),\n);\n", - "// Bootstrap functions\n//\n// Utility mixins and functions for evaluating source code across our variables, maps, and mixins.\n\n// Ascending\n// Used to evaluate Sass maps like our grid breakpoints.\n@mixin _assert-ascending($map, $map-name) {\n $prev-key: null;\n $prev-num: null;\n @each $key, $num in $map {\n @if $prev-num == null or unit($num) == \"%\" or unit($prev-num) == \"%\" {\n // Do nothing\n } @else if not comparable($prev-num, $num) {\n @warn \"Potentially invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} whose unit makes it incomparable to #{$prev-num}, the value of the previous key '#{$prev-key}' !\";\n } @else if $prev-num >= $num {\n @warn \"Invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} which isn't greater than #{$prev-num}, the value of the previous key '#{$prev-key}' !\";\n }\n $prev-key: $key;\n $prev-num: $num;\n }\n}\n\n// Starts at zero\n// Used to ensure the min-width of the lowest breakpoint starts at 0.\n@mixin _assert-starts-at-zero($map, $map-name: \"$grid-breakpoints\") {\n @if length($map) > 0 {\n $values: map-values($map);\n $first-value: nth($values, 1);\n @if $first-value != 0 {\n @warn \"First breakpoint in #{$map-name} must start at 0, but starts at #{$first-value}.\";\n }\n }\n}\n\n// Colors\n@function to-rgb($value) {\n @return red($value), green($value), blue($value);\n}\n\n// stylelint-disable scss/dollar-variable-pattern\n@function rgba-css-var($identifier, $target) {\n @if $identifier == \"body\" and $target == \"bg\" {\n @return rgba(var(--#{$variable-prefix}#{$identifier}-bg-rgb), var(--#{$variable-prefix}#{$target}-opacity));\n } @if $identifier == \"body\" and $target == \"text\" {\n @return rgba(var(--#{$variable-prefix}#{$identifier}-color-rgb), var(--#{$variable-prefix}#{$target}-opacity));\n } @else {\n @return rgba(var(--#{$variable-prefix}#{$identifier}-rgb), var(--#{$variable-prefix}#{$target}-opacity));\n }\n}\n\n@function map-loop($map, $func, $args...) {\n $_map: ();\n\n @each $key, $value in $map {\n // allow to pass the $key and $value of the map as an function argument\n $_args: ();\n @each $arg in $args {\n $_args: append($_args, if($arg == \"$key\", $key, if($arg == \"$value\", $value, $arg)));\n }\n\n $_map: map-merge($_map, ($key: call(get-function($func), $_args...)));\n }\n\n @return $_map;\n}\n// stylelint-enable scss/dollar-variable-pattern\n\n@function varify($list) {\n $result: null;\n @each $entry in $list {\n $result: append($result, var(--#{$variable-prefix}#{$entry}), space);\n }\n @return $result;\n}\n\n// Internal Bootstrap function to turn maps into its negative variant.\n// It prefixes the keys with `n` and makes the value negative.\n@function negativify-map($map) {\n $result: ();\n @each $key, $value in $map {\n @if $key != 0 {\n $result: map-merge($result, (\"n\" + $key: (-$value)));\n }\n }\n @return $result;\n}\n\n// Get multiple keys from a sass map\n@function map-get-multiple($map, $values) {\n $result: ();\n @each $key, $value in $map {\n @if (index($values, $key) != null) {\n $result: map-merge($result, ($key: $value));\n }\n }\n @return $result;\n}\n\n// Merge multiple maps\n@function map-merge-multiple($maps...) {\n $merged-maps: ();\n\n @each $map in $maps {\n $merged-maps: map-merge($merged-maps, $map);\n }\n @return $merged-maps;\n}\n\n// Replace `$search` with `$replace` in `$string`\n// Used on our SVG icon backgrounds for custom forms.\n//\n// @author Hugo Giraudel\n// @param {String} $string - Initial string\n// @param {String} $search - Substring to replace\n// @param {String} $replace ('') - New value\n// @return {String} - Updated string\n@function str-replace($string, $search, $replace: \"\") {\n $index: str-index($string, $search);\n\n @if $index {\n @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);\n }\n\n @return $string;\n}\n\n// See https://codepen.io/kevinweber/pen/dXWoRw\n//\n// Requires the use of quotes around data URIs.\n\n@function escape-svg($string) {\n @if str-index($string, \"data:image/svg+xml\") {\n @each $char, $encoded in $escaped-characters {\n // Do not escape the url brackets\n @if str-index($string, \"url(\") == 1 {\n $string: url(\"#{str-replace(str-slice($string, 6, -3), $char, $encoded)}\");\n } @else {\n $string: str-replace($string, $char, $encoded);\n }\n }\n }\n\n @return $string;\n}\n\n// Color contrast\n// See https://github.com/twbs/bootstrap/pull/30168\n\n// A list of pre-calculated numbers of pow(divide((divide($value, 255) + .055), 1.055), 2.4). (from 0 to 255)\n// stylelint-disable-next-line scss/dollar-variable-default, scss/dollar-variable-pattern\n$_luminance-list: .0008 .001 .0011 .0013 .0015 .0017 .002 .0022 .0025 .0027 .003 .0033 .0037 .004 .0044 .0048 .0052 .0056 .006 .0065 .007 .0075 .008 .0086 .0091 .0097 .0103 .011 .0116 .0 .013 .0137 .0144 .0152 .016 .0168 .0176 .0185 .0194 .0203 .0212 .0222 .0232 .0242 .0252 .0262 .0273 .0284 .0296 .0307 .0319 .0331 .0343 .0356 .0369 .0382 .0395 .0409 .0423 .0437 .0452 .0467 .0482 .0497 .0513 .0529 .0545 .0561 .0578 .0595 .0612 .063 .0648 .0666 .0685 .0704 .0723 .0742 .0762 .0782 .0802 .0823 .0844 .0865 .0887 .0908 .0931 .0953 .0976 .0999 .1022 .1046 .107 .1095 .1119 .1144 .117 .1195 .1221 .1248 .1274 .1301 .1329 .1356 .1384 .1413 .1441 .147 .15 .1529 .1559 .159 .162 .1651 .1683 .1714 .1746 .1779 .1812 .1845 .1878 .1912 .1946 .1981 .2016 .2051 .2086 .2122 .2159 .2195 .2232 .227 .2307 .2346 .2384 .2423 .2462 .2502 .2542 .2582 .2623 .2664 .2705 .2747 .2789 .2831 .2874 .2918 .2961 .3005 .305 .3095 .314 .3185 .3231 .3278 .3325 .3372 .3419 .3467 .3515 .3564 .3613 .3663 .3712 .3763 .3813 .3864 .3916 .3968 .402 .4072 .4125 .4179 .4233 .4287 .4342 .4397 .4452 .4508 .4564 .4621 .4678 .4735 .4793 .4851 .491 .4969 .5029 .5089 .5149 .521 .5271 .5333 .5395 .5457 .552 .5583 .5647 .5711 .5776 .5841 .5906 .5972 .6038 .6105 .6172 .624 .6308 .6376 .6445 .6514 .6584 .6654 .6724 .6795 .6867 .6939 .7011 .7084 .7157 .7231 .7305 .7379 .7454 .7529 .7605 .7682 .7758 .7835 .7913 .7991 .807 .8148 .8228 .8308 .8388 .8469 .855 .8632 .8714 .8796 .8879 .8963 .9047 .9131 .9216 .9301 .9387 .9473 .956 .9647 .9734 .9823 .9911 1;\n\n@function color-contrast($background, $color-contrast-dark: $color-contrast-dark, $color-contrast-light: $color-contrast-light, $min-contrast-ratio: $min-contrast-ratio) {\n $foregrounds: $color-contrast-light, $color-contrast-dark, $white, $black;\n $max-ratio: 0;\n $max-ratio-color: null;\n\n @each $color in $foregrounds {\n $contrast-ratio: contrast-ratio($background, $color);\n @if $contrast-ratio > $min-contrast-ratio {\n @return $color;\n } @else if $contrast-ratio > $max-ratio {\n $max-ratio: $contrast-ratio;\n $max-ratio-color: $color;\n }\n }\n\n @warn \"Found no color leading to #{$min-contrast-ratio}:1 contrast ratio against #{$background}...\";\n\n @return $max-ratio-color;\n}\n\n@function contrast-ratio($background, $foreground: $color-contrast-light) {\n $l1: luminance($background);\n $l2: luminance(opaque($background, $foreground));\n\n @return if($l1 > $l2, divide($l1 + .05, $l2 + .05), divide($l2 + .05, $l1 + .05));\n}\n\n// Return WCAG2.0 relative luminance\n// See https://www.w3.org/WAI/GL/wiki/Relative_luminance\n// See https://www.w3.org/TR/WCAG20-TECHS/G17.html#G17-tests\n@function luminance($color) {\n $rgb: (\n \"r\": red($color),\n \"g\": green($color),\n \"b\": blue($color)\n );\n\n @each $name, $value in $rgb {\n $value: if(divide($value, 255) < .03928, divide(divide($value, 255), 12.92), nth($_luminance-list, $value + 1));\n $rgb: map-merge($rgb, ($name: $value));\n }\n\n @return (map-get($rgb, \"r\") * .2126) + (map-get($rgb, \"g\") * .7152) + (map-get($rgb, \"b\") * .0722);\n}\n\n// Return opaque color\n// opaque(#fff, rgba(0, 0, 0, .5)) => #808080\n@function opaque($background, $foreground) {\n @return mix(rgba($foreground, 1), $background, opacity($foreground) * 100);\n}\n\n// scss-docs-start color-functions\n// Tint a color: mix a color with white\n@function tint-color($color, $weight) {\n @return mix(white, $color, $weight);\n}\n\n// Shade a color: mix a color with black\n@function shade-color($color, $weight) {\n @return mix(black, $color, $weight);\n}\n\n// Shade the color if the weight is positive, else tint it\n@function shift-color($color, $weight) {\n @return if($weight > 0, shade-color($color, $weight), tint-color($color, -$weight));\n}\n// scss-docs-end color-functions\n\n// Return valid calc\n@function add($value1, $value2, $return-calc: true) {\n @if $value1 == null {\n @return $value2;\n }\n\n @if $value2 == null {\n @return $value1;\n }\n\n @if type-of($value1) == number and type-of($value2) == number and comparable($value1, $value2) {\n @return $value1 + $value2;\n }\n\n @return if($return-calc == true, calc(#{$value1} + #{$value2}), $value1 + unquote(\" + \") + $value2);\n}\n\n@function subtract($value1, $value2, $return-calc: true) {\n @if $value1 == null and $value2 == null {\n @return null;\n }\n\n @if $value1 == null {\n @return -$value2;\n }\n\n @if $value2 == null {\n @return $value1;\n }\n\n @if type-of($value1) == number and type-of($value2) == number and comparable($value1, $value2) {\n @return $value1 - $value2;\n }\n\n @if type-of($value2) != number {\n $value2: unquote(\"(\") + $value2 + unquote(\")\");\n }\n\n @return if($return-calc == true, calc(#{$value1} - #{$value2}), $value1 + unquote(\" - \") + $value2);\n}\n\n@function divide($dividend, $divisor, $precision: 10) {\n $sign: if($dividend > 0 and $divisor > 0 or $dividend < 0 and $divisor < 0, 1, -1);\n $dividend: abs($dividend);\n $divisor: abs($divisor);\n @if $dividend == 0 {\n @return 0;\n }\n @if $divisor == 0 {\n @error \"Cannot divide by 0\";\n }\n $remainder: $dividend;\n $result: 0;\n $factor: 10;\n @while ($remainder > 0 and $precision >= 0) {\n $quotient: 0;\n @while ($remainder >= $divisor) {\n $remainder: $remainder - $divisor;\n $quotient: $quotient + 1;\n }\n $result: $result * 10 + $quotient;\n $factor: $factor * .1;\n $remainder: $remainder * 10;\n $precision: $precision - 1;\n @if ($precision < 0 and $remainder >= $divisor * 5) {\n $result: $result + 1;\n }\n }\n $result: $result * $factor * $sign;\n $dividend-unit: unit($dividend);\n $divisor-unit: unit($divisor);\n $unit-map: (\n \"px\": 1px,\n \"rem\": 1rem,\n \"em\": 1em,\n \"%\": 1%\n );\n @if ($dividend-unit != $divisor-unit and map-has-key($unit-map, $dividend-unit)) {\n $result: $result * map-get($unit-map, $dividend-unit);\n }\n @return $result;\n}\n", - "// Variables\n//\n// Variables should follow the `$component-state-property-size` formula for\n// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.\n\n// Color system\n\n// scss-docs-start gray-color-variables\n$white: #fff !default;\n$gray-100: #f8f9fa !default;\n$gray-200: #e9ecef !default;\n$gray-300: #dee2e6 !default;\n$gray-400: #ced4da !default;\n$gray-500: #adb5bd !default;\n$gray-600: #6c757d !default;\n$gray-700: #495057 !default;\n$gray-800: #343a40 !default;\n$gray-900: #212529 !default;\n$black: #000 !default;\n// scss-docs-end gray-color-variables\n\n// fusv-disable\n// scss-docs-start gray-colors-map\n$grays: (\n \"100\": $gray-100,\n \"200\": $gray-200,\n \"300\": $gray-300,\n \"400\": $gray-400,\n \"500\": $gray-500,\n \"600\": $gray-600,\n \"700\": $gray-700,\n \"800\": $gray-800,\n \"900\": $gray-900\n) !default;\n// scss-docs-end gray-colors-map\n// fusv-enable\n\n// scss-docs-start color-variables\n$blue: #0d6efd !default;\n$indigo: #6610f2 !default;\n$purple: #6f42c1 !default;\n$pink: #d63384 !default;\n$red: #dc3545 !default;\n$orange: #fd7e14 !default;\n$yellow: #ffc107 !default;\n$green: #198754 !default;\n$teal: #20c997 !default;\n$cyan: #0dcaf0 !default;\n// scss-docs-end color-variables\n\n// scss-docs-start colors-map\n$colors: (\n \"blue\": $blue,\n \"indigo\": $indigo,\n \"purple\": $purple,\n \"pink\": $pink,\n \"red\": $red,\n \"orange\": $orange,\n \"yellow\": $yellow,\n \"green\": $green,\n \"teal\": $teal,\n \"cyan\": $cyan,\n \"white\": $white,\n \"gray\": $gray-600,\n \"gray-dark\": $gray-800\n) !default;\n// scss-docs-end colors-map\n\n// scss-docs-start theme-color-variables\n$primary: $blue !default;\n$secondary: $gray-600 !default;\n$success: $green !default;\n$info: $cyan !default;\n$warning: $yellow !default;\n$danger: $red !default;\n$light: $gray-100 !default;\n$dark: $gray-900 !default;\n// scss-docs-end theme-color-variables\n\n// scss-docs-start theme-colors-map\n$theme-colors: (\n \"primary\": $primary,\n \"secondary\": $secondary,\n \"success\": $success,\n \"info\": $info,\n \"warning\": $warning,\n \"danger\": $danger,\n \"light\": $light,\n \"dark\": $dark\n) !default;\n// scss-docs-end theme-colors-map\n\n// scss-docs-start theme-colors-rgb\n$theme-colors-rgb: map-loop($theme-colors, to-rgb, \"$value\") !default;\n// scss-docs-end theme-colors-rgb\n\n// The contrast ratio to reach against white, to determine if color changes from \"light\" to \"dark\". Acceptable values for WCAG 2.0 are 3, 4.5 and 7.\n// See https://www.w3.org/TR/WCAG20/#visual-audio-contrast-contrast\n$min-contrast-ratio: 4.5 !default;\n\n// Customize the light and dark text colors for use in our color contrast function.\n$color-contrast-dark: $black !default;\n$color-contrast-light: $white !default;\n\n// fusv-disable\n$blue-100: tint-color($blue, 80%) !default;\n$blue-200: tint-color($blue, 60%) !default;\n$blue-300: tint-color($blue, 40%) !default;\n$blue-400: tint-color($blue, 20%) !default;\n$blue-500: $blue !default;\n$blue-600: shade-color($blue, 20%) !default;\n$blue-700: shade-color($blue, 40%) !default;\n$blue-800: shade-color($blue, 60%) !default;\n$blue-900: shade-color($blue, 80%) !default;\n\n$indigo-100: tint-color($indigo, 80%) !default;\n$indigo-200: tint-color($indigo, 60%) !default;\n$indigo-300: tint-color($indigo, 40%) !default;\n$indigo-400: tint-color($indigo, 20%) !default;\n$indigo-500: $indigo !default;\n$indigo-600: shade-color($indigo, 20%) !default;\n$indigo-700: shade-color($indigo, 40%) !default;\n$indigo-800: shade-color($indigo, 60%) !default;\n$indigo-900: shade-color($indigo, 80%) !default;\n\n$purple-100: tint-color($purple, 80%) !default;\n$purple-200: tint-color($purple, 60%) !default;\n$purple-300: tint-color($purple, 40%) !default;\n$purple-400: tint-color($purple, 20%) !default;\n$purple-500: $purple !default;\n$purple-600: shade-color($purple, 20%) !default;\n$purple-700: shade-color($purple, 40%) !default;\n$purple-800: shade-color($purple, 60%) !default;\n$purple-900: shade-color($purple, 80%) !default;\n\n$pink-100: tint-color($pink, 80%) !default;\n$pink-200: tint-color($pink, 60%) !default;\n$pink-300: tint-color($pink, 40%) !default;\n$pink-400: tint-color($pink, 20%) !default;\n$pink-500: $pink !default;\n$pink-600: shade-color($pink, 20%) !default;\n$pink-700: shade-color($pink, 40%) !default;\n$pink-800: shade-color($pink, 60%) !default;\n$pink-900: shade-color($pink, 80%) !default;\n\n$red-100: tint-color($red, 80%) !default;\n$red-200: tint-color($red, 60%) !default;\n$red-300: tint-color($red, 40%) !default;\n$red-400: tint-color($red, 20%) !default;\n$red-500: $red !default;\n$red-600: shade-color($red, 20%) !default;\n$red-700: shade-color($red, 40%) !default;\n$red-800: shade-color($red, 60%) !default;\n$red-900: shade-color($red, 80%) !default;\n\n$orange-100: tint-color($orange, 80%) !default;\n$orange-200: tint-color($orange, 60%) !default;\n$orange-300: tint-color($orange, 40%) !default;\n$orange-400: tint-color($orange, 20%) !default;\n$orange-500: $orange !default;\n$orange-600: shade-color($orange, 20%) !default;\n$orange-700: shade-color($orange, 40%) !default;\n$orange-800: shade-color($orange, 60%) !default;\n$orange-900: shade-color($orange, 80%) !default;\n\n$yellow-100: tint-color($yellow, 80%) !default;\n$yellow-200: tint-color($yellow, 60%) !default;\n$yellow-300: tint-color($yellow, 40%) !default;\n$yellow-400: tint-color($yellow, 20%) !default;\n$yellow-500: $yellow !default;\n$yellow-600: shade-color($yellow, 20%) !default;\n$yellow-700: shade-color($yellow, 40%) !default;\n$yellow-800: shade-color($yellow, 60%) !default;\n$yellow-900: shade-color($yellow, 80%) !default;\n\n$green-100: tint-color($green, 80%) !default;\n$green-200: tint-color($green, 60%) !default;\n$green-300: tint-color($green, 40%) !default;\n$green-400: tint-color($green, 20%) !default;\n$green-500: $green !default;\n$green-600: shade-color($green, 20%) !default;\n$green-700: shade-color($green, 40%) !default;\n$green-800: shade-color($green, 60%) !default;\n$green-900: shade-color($green, 80%) !default;\n\n$teal-100: tint-color($teal, 80%) !default;\n$teal-200: tint-color($teal, 60%) !default;\n$teal-300: tint-color($teal, 40%) !default;\n$teal-400: tint-color($teal, 20%) !default;\n$teal-500: $teal !default;\n$teal-600: shade-color($teal, 20%) !default;\n$teal-700: shade-color($teal, 40%) !default;\n$teal-800: shade-color($teal, 60%) !default;\n$teal-900: shade-color($teal, 80%) !default;\n\n$cyan-100: tint-color($cyan, 80%) !default;\n$cyan-200: tint-color($cyan, 60%) !default;\n$cyan-300: tint-color($cyan, 40%) !default;\n$cyan-400: tint-color($cyan, 20%) !default;\n$cyan-500: $cyan !default;\n$cyan-600: shade-color($cyan, 20%) !default;\n$cyan-700: shade-color($cyan, 40%) !default;\n$cyan-800: shade-color($cyan, 60%) !default;\n$cyan-900: shade-color($cyan, 80%) !default;\n\n$blues: (\n \"blue-100\": $blue-100,\n \"blue-200\": $blue-200,\n \"blue-300\": $blue-300,\n \"blue-400\": $blue-400,\n \"blue-500\": $blue-500,\n \"blue-600\": $blue-600,\n \"blue-700\": $blue-700,\n \"blue-800\": $blue-800,\n \"blue-900\": $blue-900\n) !default;\n\n$indigos: (\n \"indigo-100\": $indigo-100,\n \"indigo-200\": $indigo-200,\n \"indigo-300\": $indigo-300,\n \"indigo-400\": $indigo-400,\n \"indigo-500\": $indigo-500,\n \"indigo-600\": $indigo-600,\n \"indigo-700\": $indigo-700,\n \"indigo-800\": $indigo-800,\n \"indigo-900\": $indigo-900\n) !default;\n\n$purples: (\n \"purple-100\": $purple-200,\n \"purple-200\": $purple-100,\n \"purple-300\": $purple-300,\n \"purple-400\": $purple-400,\n \"purple-500\": $purple-500,\n \"purple-600\": $purple-600,\n \"purple-700\": $purple-700,\n \"purple-800\": $purple-800,\n \"purple-900\": $purple-900\n) !default;\n\n$pinks: (\n \"pink-100\": $pink-100,\n \"pink-200\": $pink-200,\n \"pink-300\": $pink-300,\n \"pink-400\": $pink-400,\n \"pink-500\": $pink-500,\n \"pink-600\": $pink-600,\n \"pink-700\": $pink-700,\n \"pink-800\": $pink-800,\n \"pink-900\": $pink-900\n) !default;\n\n$reds: (\n \"red-100\": $red-100,\n \"red-200\": $red-200,\n \"red-300\": $red-300,\n \"red-400\": $red-400,\n \"red-500\": $red-500,\n \"red-600\": $red-600,\n \"red-700\": $red-700,\n \"red-800\": $red-800,\n \"red-900\": $red-900\n) !default;\n\n$oranges: (\n \"orange-100\": $orange-100,\n \"orange-200\": $orange-200,\n \"orange-300\": $orange-300,\n \"orange-400\": $orange-400,\n \"orange-500\": $orange-500,\n \"orange-600\": $orange-600,\n \"orange-700\": $orange-700,\n \"orange-800\": $orange-800,\n \"orange-900\": $orange-900\n) !default;\n\n$yellows: (\n \"yellow-100\": $yellow-100,\n \"yellow-200\": $yellow-200,\n \"yellow-300\": $yellow-300,\n \"yellow-400\": $yellow-400,\n \"yellow-500\": $yellow-500,\n \"yellow-600\": $yellow-600,\n \"yellow-700\": $yellow-700,\n \"yellow-800\": $yellow-800,\n \"yellow-900\": $yellow-900\n) !default;\n\n$greens: (\n \"green-100\": $green-100,\n \"green-200\": $green-200,\n \"green-300\": $green-300,\n \"green-400\": $green-400,\n \"green-500\": $green-500,\n \"green-600\": $green-600,\n \"green-700\": $green-700,\n \"green-800\": $green-800,\n \"green-900\": $green-900\n) !default;\n\n$teals: (\n \"teal-100\": $teal-100,\n \"teal-200\": $teal-200,\n \"teal-300\": $teal-300,\n \"teal-400\": $teal-400,\n \"teal-500\": $teal-500,\n \"teal-600\": $teal-600,\n \"teal-700\": $teal-700,\n \"teal-800\": $teal-800,\n \"teal-900\": $teal-900\n) !default;\n\n$cyans: (\n \"cyan-100\": $cyan-100,\n \"cyan-200\": $cyan-200,\n \"cyan-300\": $cyan-300,\n \"cyan-400\": $cyan-400,\n \"cyan-500\": $cyan-500,\n \"cyan-600\": $cyan-600,\n \"cyan-700\": $cyan-700,\n \"cyan-800\": $cyan-800,\n \"cyan-900\": $cyan-900\n) !default;\n// fusv-enable\n\n// Characters which are escaped by the escape-svg function\n$escaped-characters: (\n (\"<\", \"%3c\"),\n (\">\", \"%3e\"),\n (\"#\", \"%23\"),\n (\"(\", \"%28\"),\n (\")\", \"%29\"),\n) !default;\n\n// Options\n//\n// Quickly modify global styling by enabling or disabling optional features.\n\n$enable-caret: true !default;\n$enable-rounded: true !default;\n$enable-shadows: false !default;\n$enable-gradients: false !default;\n$enable-transitions: true !default;\n$enable-reduced-motion: true !default;\n$enable-smooth-scroll: true !default;\n$enable-grid-classes: true !default;\n$enable-cssgrid: false !default;\n$enable-button-pointers: true !default;\n$enable-rfs: true !default;\n$enable-validation-icons: true !default;\n$enable-negative-margins: false !default;\n$enable-deprecation-messages: true !default;\n$enable-important-utilities: true !default;\n\n// Prefix for :root CSS variables\n\n$variable-prefix: bs- !default;\n\n// Gradient\n//\n// The gradient which is added to components if `$enable-gradients` is `true`\n// This gradient is also added to elements with `.bg-gradient`\n// scss-docs-start variable-gradient\n$gradient: linear-gradient(180deg, rgba($white, .15), rgba($white, 0)) !default;\n// scss-docs-end variable-gradient\n\n// Spacing\n//\n// Control the default styling of most Bootstrap elements by modifying these\n// variables. Mostly focused on spacing.\n// You can add more entries to the $spacers map, should you need more variation.\n\n// scss-docs-start spacer-variables-maps\n$spacer: 1rem !default;\n$spacers: (\n 0: 0,\n 1: $spacer * .25,\n 2: $spacer * .5,\n 3: $spacer,\n 4: $spacer * 1.5,\n 5: $spacer * 3,\n) !default;\n\n$negative-spacers: if($enable-negative-margins, negativify-map($spacers), null) !default;\n// scss-docs-end spacer-variables-maps\n\n// Position\n//\n// Define the edge positioning anchors of the position utilities.\n\n// scss-docs-start position-map\n$position-values: (\n 0: 0,\n 50: 50%,\n 100: 100%\n) !default;\n// scss-docs-end position-map\n\n// Body\n//\n// Settings for the `` element.\n\n$body-bg: $white !default;\n$body-color: $gray-900 !default;\n$body-text-align: null !default;\n\n// Utilities maps\n//\n// Extends the default `$theme-colors` maps to help create our utilities.\n\n// Come v6, we'll de-dupe these variables. Until then, for backward compatibility, we keep them to reassign.\n// scss-docs-start utilities-colors\n$utilities-colors: $theme-colors-rgb !default;\n// scss-docs-end utilities-colors\n\n// scss-docs-start utilities-text-colors\n$utilities-text: map-merge(\n $utilities-colors,\n (\n \"black\": to-rgb($black),\n \"white\": to-rgb($white),\n \"body\": to-rgb($body-color)\n )\n) !default;\n$utilities-text-colors: map-loop($utilities-text, rgba-css-var, \"$key\", \"text\") !default;\n// scss-docs-end utilities-text-colors\n\n// scss-docs-start utilities-bg-colors\n$utilities-bg: map-merge(\n $utilities-colors,\n (\n \"black\": to-rgb($black),\n \"white\": to-rgb($white),\n \"body\": to-rgb($body-bg)\n )\n) !default;\n$utilities-bg-colors: map-loop($utilities-bg, rgba-css-var, \"$key\", \"bg\") !default;\n// scss-docs-end utilities-bg-colors\n\n// Links\n//\n// Style anchor elements.\n\n$link-color: $primary !default;\n$link-decoration: underline !default;\n$link-shade-percentage: 20% !default;\n$link-hover-color: shift-color($link-color, $link-shade-percentage) !default;\n$link-hover-decoration: null !default;\n\n$stretched-link-pseudo-element: after !default;\n$stretched-link-z-index: 1 !default;\n\n// Paragraphs\n//\n// Style p element.\n\n$paragraph-margin-bottom: 1rem !default;\n\n\n// Grid breakpoints\n//\n// Define the minimum dimensions at which your layout will change,\n// adapting to different screen sizes, for use in media queries.\n\n// scss-docs-start grid-breakpoints\n$grid-breakpoints: (\n xs: 0,\n sm: 576px,\n md: 768px,\n lg: 992px,\n xl: 1200px,\n xxl: 1400px\n) !default;\n// scss-docs-end grid-breakpoints\n\n@include _assert-ascending($grid-breakpoints, \"$grid-breakpoints\");\n@include _assert-starts-at-zero($grid-breakpoints, \"$grid-breakpoints\");\n\n\n// Grid containers\n//\n// Define the maximum width of `.container` for different screen sizes.\n\n// scss-docs-start container-max-widths\n$container-max-widths: (\n sm: 540px,\n md: 720px,\n lg: 960px,\n xl: 1140px,\n xxl: 1320px\n) !default;\n// scss-docs-end container-max-widths\n\n@include _assert-ascending($container-max-widths, \"$container-max-widths\");\n\n\n// Grid columns\n//\n// Set the number of columns and specify the width of the gutters.\n\n$grid-columns: 12 !default;\n$grid-gutter-width: 1.5rem !default;\n$grid-row-columns: 6 !default;\n\n$gutters: $spacers !default;\n\n// Container padding\n\n$container-padding-x: $grid-gutter-width * .5 !default;\n\n\n// Components\n//\n// Define common padding and border radius sizes and more.\n\n// scss-docs-start border-variables\n$border-width: 1px !default;\n$border-widths: (\n 1: 1px,\n 2: 2px,\n 3: 3px,\n 4: 4px,\n 5: 5px\n) !default;\n\n$border-color: $gray-300 !default;\n// scss-docs-end border-variables\n\n// scss-docs-start border-radius-variables\n$border-radius: .25rem !default;\n$border-radius-sm: .2rem !default;\n$border-radius-lg: .3rem !default;\n$border-radius-pill: 50rem !default;\n// scss-docs-end border-radius-variables\n\n// scss-docs-start box-shadow-variables\n$box-shadow: 0 .5rem 1rem rgba($black, .15) !default;\n$box-shadow-sm: 0 .125rem .25rem rgba($black, .075) !default;\n$box-shadow-lg: 0 1rem 3rem rgba($black, .175) !default;\n$box-shadow-inset: inset 0 1px 2px rgba($black, .075) !default;\n// scss-docs-end box-shadow-variables\n\n$component-active-color: $white !default;\n$component-active-bg: $primary !default;\n\n// scss-docs-start caret-variables\n$caret-width: .3em !default;\n$caret-vertical-align: $caret-width * .85 !default;\n$caret-spacing: $caret-width * .85 !default;\n// scss-docs-end caret-variables\n\n$transition-base: all .2s ease-in-out !default;\n$transition-fade: opacity .15s linear !default;\n// scss-docs-start collapse-transition\n$transition-collapse: height .35s ease !default;\n$transition-collapse-width: width .35s ease !default;\n// scss-docs-end collapse-transition\n\n// stylelint-disable function-disallowed-list\n// scss-docs-start aspect-ratios\n$aspect-ratios: (\n \"1x1\": 100%,\n \"4x3\": calc(3 / 4 * 100%),\n \"16x9\": calc(9 / 16 * 100%),\n \"21x9\": calc(9 / 21 * 100%)\n) !default;\n// scss-docs-end aspect-ratios\n// stylelint-enable function-disallowed-list\n\n// Typography\n//\n// Font, line-height, and color for body text, headings, and more.\n\n// scss-docs-start font-variables\n// stylelint-disable value-keyword-case\n$font-family-sans-serif: system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\" !default;\n$font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace !default;\n// stylelint-enable value-keyword-case\n$font-family-base: var(--#{$variable-prefix}font-sans-serif) !default;\n$font-family-code: var(--#{$variable-prefix}font-monospace) !default;\n\n// $font-size-root affects the value of `rem`, which is used for as well font sizes, paddings, and margins\n// $font-size-base affects the font size of the body text\n$font-size-root: null !default;\n$font-size-base: 1rem !default; // Assumes the browser default, typically `16px`\n$font-size-sm: $font-size-base * .875 !default;\n$font-size-lg: $font-size-base * 1.25 !default;\n\n$font-weight-lighter: lighter !default;\n$font-weight-light: 300 !default;\n$font-weight-normal: 400 !default;\n$font-weight-bold: 700 !default;\n$font-weight-bolder: bolder !default;\n\n$font-weight-base: $font-weight-normal !default;\n\n$line-height-base: 1.5 !default;\n$line-height-sm: 1.25 !default;\n$line-height-lg: 2 !default;\n\n$h1-font-size: $font-size-base * 2.5 !default;\n$h2-font-size: $font-size-base * 2 !default;\n$h3-font-size: $font-size-base * 1.75 !default;\n$h4-font-size: $font-size-base * 1.5 !default;\n$h5-font-size: $font-size-base * 1.25 !default;\n$h6-font-size: $font-size-base !default;\n// scss-docs-end font-variables\n\n// scss-docs-start font-sizes\n$font-sizes: (\n 1: $h1-font-size,\n 2: $h2-font-size,\n 3: $h3-font-size,\n 4: $h4-font-size,\n 5: $h5-font-size,\n 6: $h6-font-size\n) !default;\n// scss-docs-end font-sizes\n\n// scss-docs-start headings-variables\n$headings-margin-bottom: $spacer * .5 !default;\n$headings-font-family: null !default;\n$headings-font-style: null !default;\n$headings-font-weight: 500 !default;\n$headings-line-height: 1.2 !default;\n$headings-color: null !default;\n// scss-docs-end headings-variables\n\n// scss-docs-start display-headings\n$display-font-sizes: (\n 1: 5rem,\n 2: 4.5rem,\n 3: 4rem,\n 4: 3.5rem,\n 5: 3rem,\n 6: 2.5rem\n) !default;\n\n$display-font-weight: 300 !default;\n$display-line-height: $headings-line-height !default;\n// scss-docs-end display-headings\n\n// scss-docs-start type-variables\n$lead-font-size: $font-size-base * 1.25 !default;\n$lead-font-weight: 300 !default;\n\n$small-font-size: .875em !default;\n\n$sub-sup-font-size: .75em !default;\n\n$text-muted: $gray-600 !default;\n\n$initialism-font-size: $small-font-size !default;\n\n$blockquote-margin-y: $spacer !default;\n$blockquote-font-size: $font-size-base * 1.25 !default;\n$blockquote-footer-color: $gray-600 !default;\n$blockquote-footer-font-size: $small-font-size !default;\n\n$hr-margin-y: $spacer !default;\n$hr-color: inherit !default;\n$hr-height: $border-width !default;\n$hr-opacity: .25 !default;\n\n$legend-margin-bottom: .5rem !default;\n$legend-font-size: 1.5rem !default;\n$legend-font-weight: null !default;\n\n$mark-padding: .2em !default;\n\n$dt-font-weight: $font-weight-bold !default;\n\n$nested-kbd-font-weight: $font-weight-bold !default;\n\n$list-inline-padding: .5rem !default;\n\n$mark-bg: #fcf8e3 !default;\n// scss-docs-end type-variables\n\n\n// Tables\n//\n// Customizes the `.table` component with basic values, each used across all table variations.\n\n// scss-docs-start table-variables\n$table-cell-padding-y: .5rem !default;\n$table-cell-padding-x: .5rem !default;\n$table-cell-padding-y-sm: .25rem !default;\n$table-cell-padding-x-sm: .25rem !default;\n\n$table-cell-vertical-align: top !default;\n\n$table-color: $body-color !default;\n$table-bg: transparent !default;\n$table-accent-bg: transparent !default;\n\n$table-th-font-weight: null !default;\n\n$table-striped-color: $table-color !default;\n$table-striped-bg-factor: .05 !default;\n$table-striped-bg: rgba($black, $table-striped-bg-factor) !default;\n\n$table-active-color: $table-color !default;\n$table-active-bg-factor: .1 !default;\n$table-active-bg: rgba($black, $table-active-bg-factor) !default;\n\n$table-hover-color: $table-color !default;\n$table-hover-bg-factor: .075 !default;\n$table-hover-bg: rgba($black, $table-hover-bg-factor) !default;\n\n$table-border-factor: .1 !default;\n$table-border-width: $border-width !default;\n$table-border-color: $border-color !default;\n\n$table-striped-order: odd !default;\n\n$table-group-separator-color: currentColor !default;\n\n$table-caption-color: $text-muted !default;\n\n$table-bg-scale: -80% !default;\n// scss-docs-end table-variables\n\n// scss-docs-start table-loop\n$table-variants: (\n \"primary\": shift-color($primary, $table-bg-scale),\n \"secondary\": shift-color($secondary, $table-bg-scale),\n \"success\": shift-color($success, $table-bg-scale),\n \"info\": shift-color($info, $table-bg-scale),\n \"warning\": shift-color($warning, $table-bg-scale),\n \"danger\": shift-color($danger, $table-bg-scale),\n \"light\": $light,\n \"dark\": $dark,\n) !default;\n// scss-docs-end table-loop\n\n\n// Buttons + Forms\n//\n// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.\n\n// scss-docs-start input-btn-variables\n$input-btn-padding-y: .375rem !default;\n$input-btn-padding-x: .75rem !default;\n$input-btn-font-family: null !default;\n$input-btn-font-size: $font-size-base !default;\n$input-btn-line-height: $line-height-base !default;\n\n$input-btn-focus-width: .25rem !default;\n$input-btn-focus-color-opacity: .25 !default;\n$input-btn-focus-color: rgba($component-active-bg, $input-btn-focus-color-opacity) !default;\n$input-btn-focus-blur: 0 !default;\n$input-btn-focus-box-shadow: 0 0 $input-btn-focus-blur $input-btn-focus-width $input-btn-focus-color !default;\n\n$input-btn-padding-y-sm: .25rem !default;\n$input-btn-padding-x-sm: .5rem !default;\n$input-btn-font-size-sm: $font-size-sm !default;\n\n$input-btn-padding-y-lg: .5rem !default;\n$input-btn-padding-x-lg: 1rem !default;\n$input-btn-font-size-lg: $font-size-lg !default;\n\n$input-btn-border-width: $border-width !default;\n// scss-docs-end input-btn-variables\n\n\n// Buttons\n//\n// For each of Bootstrap's buttons, define text, background, and border color.\n\n// scss-docs-start btn-variables\n$btn-padding-y: $input-btn-padding-y !default;\n$btn-padding-x: $input-btn-padding-x !default;\n$btn-font-family: $input-btn-font-family !default;\n$btn-font-size: $input-btn-font-size !default;\n$btn-line-height: $input-btn-line-height !default;\n$btn-white-space: null !default; // Set to `nowrap` to prevent text wrapping\n\n$btn-padding-y-sm: $input-btn-padding-y-sm !default;\n$btn-padding-x-sm: $input-btn-padding-x-sm !default;\n$btn-font-size-sm: $input-btn-font-size-sm !default;\n\n$btn-padding-y-lg: $input-btn-padding-y-lg !default;\n$btn-padding-x-lg: $input-btn-padding-x-lg !default;\n$btn-font-size-lg: $input-btn-font-size-lg !default;\n\n$btn-border-width: $input-btn-border-width !default;\n\n$btn-font-weight: $font-weight-normal !default;\n$btn-box-shadow: inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075) !default;\n$btn-focus-width: $input-btn-focus-width !default;\n$btn-focus-box-shadow: $input-btn-focus-box-shadow !default;\n$btn-disabled-opacity: .65 !default;\n$btn-active-box-shadow: inset 0 3px 5px rgba($black, .125) !default;\n\n$btn-link-color: $link-color !default;\n$btn-link-hover-color: $link-hover-color !default;\n$btn-link-disabled-color: $gray-600 !default;\n\n// Allows for customizing button radius independently from global border radius\n$btn-border-radius: $border-radius !default;\n$btn-border-radius-sm: $border-radius-sm !default;\n$btn-border-radius-lg: $border-radius-lg !default;\n\n$btn-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$btn-hover-bg-shade-amount: 15% !default;\n$btn-hover-bg-tint-amount: 15% !default;\n$btn-hover-border-shade-amount: 20% !default;\n$btn-hover-border-tint-amount: 10% !default;\n$btn-active-bg-shade-amount: 20% !default;\n$btn-active-bg-tint-amount: 20% !default;\n$btn-active-border-shade-amount: 25% !default;\n$btn-active-border-tint-amount: 10% !default;\n// scss-docs-end btn-variables\n\n\n// Forms\n\n// scss-docs-start form-text-variables\n$form-text-margin-top: .25rem !default;\n$form-text-font-size: $small-font-size !default;\n$form-text-font-style: null !default;\n$form-text-font-weight: null !default;\n$form-text-color: $text-muted !default;\n// scss-docs-end form-text-variables\n\n// scss-docs-start form-label-variables\n$form-label-margin-bottom: .5rem !default;\n$form-label-font-size: null !default;\n$form-label-font-style: null !default;\n$form-label-font-weight: null !default;\n$form-label-color: null !default;\n// scss-docs-end form-label-variables\n\n// scss-docs-start form-input-variables\n$input-padding-y: $input-btn-padding-y !default;\n$input-padding-x: $input-btn-padding-x !default;\n$input-font-family: $input-btn-font-family !default;\n$input-font-size: $input-btn-font-size !default;\n$input-font-weight: $font-weight-base !default;\n$input-line-height: $input-btn-line-height !default;\n\n$input-padding-y-sm: $input-btn-padding-y-sm !default;\n$input-padding-x-sm: $input-btn-padding-x-sm !default;\n$input-font-size-sm: $input-btn-font-size-sm !default;\n\n$input-padding-y-lg: $input-btn-padding-y-lg !default;\n$input-padding-x-lg: $input-btn-padding-x-lg !default;\n$input-font-size-lg: $input-btn-font-size-lg !default;\n\n$input-bg: $body-bg !default;\n$input-disabled-bg: $gray-200 !default;\n$input-disabled-border-color: null !default;\n\n$input-color: $body-color !default;\n$input-border-color: $gray-400 !default;\n$input-border-width: $input-btn-border-width !default;\n$input-box-shadow: $box-shadow-inset !default;\n\n$input-border-radius: $border-radius !default;\n$input-border-radius-sm: $border-radius-sm !default;\n$input-border-radius-lg: $border-radius-lg !default;\n\n$input-focus-bg: $input-bg !default;\n$input-focus-border-color: tint-color($component-active-bg, 50%) !default;\n$input-focus-color: $input-color !default;\n$input-focus-width: $input-btn-focus-width !default;\n$input-focus-box-shadow: $input-btn-focus-box-shadow !default;\n\n$input-placeholder-color: $gray-600 !default;\n$input-plaintext-color: $body-color !default;\n\n$input-height-border: $input-border-width * 2 !default;\n\n$input-height-inner: add($input-line-height * 1em, $input-padding-y * 2) !default;\n$input-height-inner-half: add($input-line-height * .5em, $input-padding-y) !default;\n$input-height-inner-quarter: add($input-line-height * .25em, $input-padding-y * .5) !default;\n\n$input-height: add($input-line-height * 1em, add($input-padding-y * 2, $input-height-border, false)) !default;\n$input-height-sm: add($input-line-height * 1em, add($input-padding-y-sm * 2, $input-height-border, false)) !default;\n$input-height-lg: add($input-line-height * 1em, add($input-padding-y-lg * 2, $input-height-border, false)) !default;\n\n$input-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$form-color-width: 3rem !default;\n// scss-docs-end form-input-variables\n\n// scss-docs-start form-check-variables\n$form-check-input-width: 1em !default;\n$form-check-min-height: $font-size-base * $line-height-base !default;\n$form-check-padding-start: $form-check-input-width + .5em !default;\n$form-check-margin-bottom: .125rem !default;\n$form-check-label-color: null !default;\n$form-check-label-cursor: null !default;\n$form-check-transition: null !default;\n\n$form-check-input-active-filter: brightness(90%) !default;\n\n$form-check-input-bg: $input-bg !default;\n$form-check-input-border: 1px solid rgba($black, .25) !default;\n$form-check-input-border-radius: .25em !default;\n$form-check-radio-border-radius: 50% !default;\n$form-check-input-focus-border: $input-focus-border-color !default;\n$form-check-input-focus-box-shadow: $input-btn-focus-box-shadow !default;\n\n$form-check-input-checked-color: $component-active-color !default;\n$form-check-input-checked-bg-color: $component-active-bg !default;\n$form-check-input-checked-border-color: $form-check-input-checked-bg-color !default;\n$form-check-input-checked-bg-image: url(\"data:image/svg+xml,\") !default;\n$form-check-radio-checked-bg-image: url(\"data:image/svg+xml,\") !default;\n\n$form-check-input-indeterminate-color: $component-active-color !default;\n$form-check-input-indeterminate-bg-color: $component-active-bg !default;\n$form-check-input-indeterminate-border-color: $form-check-input-indeterminate-bg-color !default;\n$form-check-input-indeterminate-bg-image: url(\"data:image/svg+xml,\") !default;\n\n$form-check-input-disabled-opacity: .5 !default;\n$form-check-label-disabled-opacity: $form-check-input-disabled-opacity !default;\n$form-check-btn-check-disabled-opacity: $btn-disabled-opacity !default;\n\n$form-check-inline-margin-end: 1rem !default;\n// scss-docs-end form-check-variables\n\n// scss-docs-start form-switch-variables\n$form-switch-color: rgba($black, .25) !default;\n$form-switch-width: 2em !default;\n$form-switch-padding-start: $form-switch-width + .5em !default;\n$form-switch-bg-image: url(\"data:image/svg+xml,\") !default;\n$form-switch-border-radius: $form-switch-width !default;\n$form-switch-transition: background-position .15s ease-in-out !default;\n\n$form-switch-focus-color: $input-focus-border-color !default;\n$form-switch-focus-bg-image: url(\"data:image/svg+xml,\") !default;\n\n$form-switch-checked-color: $component-active-color !default;\n$form-switch-checked-bg-image: url(\"data:image/svg+xml,\") !default;\n$form-switch-checked-bg-position: right center !default;\n// scss-docs-end form-switch-variables\n\n// scss-docs-start input-group-variables\n$input-group-addon-padding-y: $input-padding-y !default;\n$input-group-addon-padding-x: $input-padding-x !default;\n$input-group-addon-font-weight: $input-font-weight !default;\n$input-group-addon-color: $input-color !default;\n$input-group-addon-bg: $gray-200 !default;\n$input-group-addon-border-color: $input-border-color !default;\n// scss-docs-end input-group-variables\n\n// scss-docs-start form-select-variables\n$form-select-padding-y: $input-padding-y !default;\n$form-select-padding-x: $input-padding-x !default;\n$form-select-font-family: $input-font-family !default;\n$form-select-font-size: $input-font-size !default;\n$form-select-indicator-padding: $form-select-padding-x * 3 !default; // Extra padding for background-image\n$form-select-font-weight: $input-font-weight !default;\n$form-select-line-height: $input-line-height !default;\n$form-select-color: $input-color !default;\n$form-select-bg: $input-bg !default;\n$form-select-disabled-color: null !default;\n$form-select-disabled-bg: $gray-200 !default;\n$form-select-disabled-border-color: $input-disabled-border-color !default;\n$form-select-bg-position: right $form-select-padding-x center !default;\n$form-select-bg-size: 16px 12px !default; // In pixels because image dimensions\n$form-select-indicator-color: $gray-800 !default;\n$form-select-indicator: url(\"data:image/svg+xml,\") !default;\n\n$form-select-feedback-icon-padding-end: $form-select-padding-x * 2.5 + $form-select-indicator-padding !default;\n$form-select-feedback-icon-position: center right $form-select-indicator-padding !default;\n$form-select-feedback-icon-size: $input-height-inner-half $input-height-inner-half !default;\n\n$form-select-border-width: $input-border-width !default;\n$form-select-border-color: $input-border-color !default;\n$form-select-border-radius: $input-border-radius !default;\n$form-select-box-shadow: $box-shadow-inset !default;\n\n$form-select-focus-border-color: $input-focus-border-color !default;\n$form-select-focus-width: $input-focus-width !default;\n$form-select-focus-box-shadow: 0 0 0 $form-select-focus-width $input-btn-focus-color !default;\n\n$form-select-padding-y-sm: $input-padding-y-sm !default;\n$form-select-padding-x-sm: $input-padding-x-sm !default;\n$form-select-font-size-sm: $input-font-size-sm !default;\n$form-select-border-radius-sm: $input-border-radius-sm !default;\n\n$form-select-padding-y-lg: $input-padding-y-lg !default;\n$form-select-padding-x-lg: $input-padding-x-lg !default;\n$form-select-font-size-lg: $input-font-size-lg !default;\n$form-select-border-radius-lg: $input-border-radius-lg !default;\n\n$form-select-transition: $input-transition !default;\n// scss-docs-end form-select-variables\n\n// scss-docs-start form-range-variables\n$form-range-track-width: 100% !default;\n$form-range-track-height: .5rem !default;\n$form-range-track-cursor: pointer !default;\n$form-range-track-bg: $gray-300 !default;\n$form-range-track-border-radius: 1rem !default;\n$form-range-track-box-shadow: $box-shadow-inset !default;\n\n$form-range-thumb-width: 1rem !default;\n$form-range-thumb-height: $form-range-thumb-width !default;\n$form-range-thumb-bg: $component-active-bg !default;\n$form-range-thumb-border: 0 !default;\n$form-range-thumb-border-radius: 1rem !default;\n$form-range-thumb-box-shadow: 0 .1rem .25rem rgba($black, .1) !default;\n$form-range-thumb-focus-box-shadow: 0 0 0 1px $body-bg, $input-focus-box-shadow !default;\n$form-range-thumb-focus-box-shadow-width: $input-focus-width !default; // For focus box shadow issue in Edge\n$form-range-thumb-active-bg: tint-color($component-active-bg, 70%) !default;\n$form-range-thumb-disabled-bg: $gray-500 !default;\n$form-range-thumb-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n// scss-docs-end form-range-variables\n\n// scss-docs-start form-file-variables\n$form-file-button-color: $input-color !default;\n$form-file-button-bg: $input-group-addon-bg !default;\n$form-file-button-hover-bg: shade-color($form-file-button-bg, 5%) !default;\n// scss-docs-end form-file-variables\n\n// scss-docs-start form-floating-variables\n$form-floating-height: add(3.5rem, $input-height-border) !default;\n$form-floating-line-height: 1.25 !default;\n$form-floating-padding-x: $input-padding-x !default;\n$form-floating-padding-y: 1rem !default;\n$form-floating-input-padding-t: 1.625rem !default;\n$form-floating-input-padding-b: .625rem !default;\n$form-floating-label-opacity: .65 !default;\n$form-floating-label-transform: scale(.85) translateY(-.5rem) translateX(.15rem) !default;\n$form-floating-transition: opacity .1s ease-in-out, transform .1s ease-in-out !default;\n// scss-docs-end form-floating-variables\n\n// Form validation\n\n// scss-docs-start form-feedback-variables\n$form-feedback-margin-top: $form-text-margin-top !default;\n$form-feedback-font-size: $form-text-font-size !default;\n$form-feedback-font-style: $form-text-font-style !default;\n$form-feedback-valid-color: $success !default;\n$form-feedback-invalid-color: $danger !default;\n\n$form-feedback-icon-valid-color: $form-feedback-valid-color !default;\n$form-feedback-icon-valid: url(\"data:image/svg+xml,\") !default;\n$form-feedback-icon-invalid-color: $form-feedback-invalid-color !default;\n$form-feedback-icon-invalid: url(\"data:image/svg+xml,\") !default;\n// scss-docs-end form-feedback-variables\n\n// scss-docs-start form-validation-states\n$form-validation-states: (\n \"valid\": (\n \"color\": $form-feedback-valid-color,\n \"icon\": $form-feedback-icon-valid\n ),\n \"invalid\": (\n \"color\": $form-feedback-invalid-color,\n \"icon\": $form-feedback-icon-invalid\n )\n) !default;\n// scss-docs-end form-validation-states\n\n// Z-index master list\n//\n// Warning: Avoid customizing these values. They're used for a bird's eye view\n// of components dependent on the z-axis and are designed to all work together.\n\n// scss-docs-start zindex-stack\n$zindex-dropdown: 1000 !default;\n$zindex-sticky: 1020 !default;\n$zindex-fixed: 1030 !default;\n$zindex-offcanvas-backdrop: 1040 !default;\n$zindex-offcanvas: 1045 !default;\n$zindex-modal-backdrop: 1050 !default;\n$zindex-modal: 1055 !default;\n$zindex-popover: 1070 !default;\n$zindex-tooltip: 1080 !default;\n// scss-docs-end zindex-stack\n\n\n// Navs\n\n// scss-docs-start nav-variables\n$nav-link-padding-y: .5rem !default;\n$nav-link-padding-x: 1rem !default;\n$nav-link-font-size: null !default;\n$nav-link-font-weight: null !default;\n$nav-link-color: $link-color !default;\n$nav-link-hover-color: $link-hover-color !default;\n$nav-link-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out !default;\n$nav-link-disabled-color: $gray-600 !default;\n\n$nav-tabs-border-color: $gray-300 !default;\n$nav-tabs-border-width: $border-width !default;\n$nav-tabs-border-radius: $border-radius !default;\n$nav-tabs-link-hover-border-color: $gray-200 $gray-200 $nav-tabs-border-color !default;\n$nav-tabs-link-active-color: $gray-700 !default;\n$nav-tabs-link-active-bg: $body-bg !default;\n$nav-tabs-link-active-border-color: $gray-300 $gray-300 $nav-tabs-link-active-bg !default;\n\n$nav-pills-border-radius: $border-radius !default;\n$nav-pills-link-active-color: $component-active-color !default;\n$nav-pills-link-active-bg: $component-active-bg !default;\n// scss-docs-end nav-variables\n\n\n// Navbar\n\n// scss-docs-start navbar-variables\n$navbar-padding-y: $spacer * .5 !default;\n$navbar-padding-x: null !default;\n\n$navbar-nav-link-padding-x: .5rem !default;\n\n$navbar-brand-font-size: $font-size-lg !default;\n// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link\n$nav-link-height: $font-size-base * $line-height-base + $nav-link-padding-y * 2 !default;\n$navbar-brand-height: $navbar-brand-font-size * $line-height-base !default;\n$navbar-brand-padding-y: ($nav-link-height - $navbar-brand-height) * .5 !default;\n$navbar-brand-margin-end: 1rem !default;\n\n$navbar-toggler-padding-y: .25rem !default;\n$navbar-toggler-padding-x: .75rem !default;\n$navbar-toggler-font-size: $font-size-lg !default;\n$navbar-toggler-border-radius: $btn-border-radius !default;\n$navbar-toggler-focus-width: $btn-focus-width !default;\n$navbar-toggler-transition: box-shadow .15s ease-in-out !default;\n// scss-docs-end navbar-variables\n\n// scss-docs-start navbar-theme-variables\n$navbar-dark-color: rgba($white, .55) !default;\n$navbar-dark-hover-color: rgba($white, .75) !default;\n$navbar-dark-active-color: $white !default;\n$navbar-dark-disabled-color: rgba($white, .25) !default;\n$navbar-dark-toggler-icon-bg: url(\"data:image/svg+xml,\") !default;\n$navbar-dark-toggler-border-color: rgba($white, .1) !default;\n\n$navbar-light-color: rgba($black, .55) !default;\n$navbar-light-hover-color: rgba($black, .7) !default;\n$navbar-light-active-color: rgba($black, .9) !default;\n$navbar-light-disabled-color: rgba($black, .3) !default;\n$navbar-light-toggler-icon-bg: url(\"data:image/svg+xml,\") !default;\n$navbar-light-toggler-border-color: rgba($black, .1) !default;\n\n$navbar-light-brand-color: $navbar-light-active-color !default;\n$navbar-light-brand-hover-color: $navbar-light-active-color !default;\n$navbar-dark-brand-color: $navbar-dark-active-color !default;\n$navbar-dark-brand-hover-color: $navbar-dark-active-color !default;\n// scss-docs-end navbar-theme-variables\n\n\n// Dropdowns\n//\n// Dropdown menu container and contents.\n\n// scss-docs-start dropdown-variables\n$dropdown-min-width: 10rem !default;\n$dropdown-padding-x: 0 !default;\n$dropdown-padding-y: .5rem !default;\n$dropdown-spacer: .125rem !default;\n$dropdown-font-size: $font-size-base !default;\n$dropdown-color: $body-color !default;\n$dropdown-bg: $white !default;\n$dropdown-border-color: rgba($black, .15) !default;\n$dropdown-border-radius: $border-radius !default;\n$dropdown-border-width: $border-width !default;\n$dropdown-inner-border-radius: subtract($dropdown-border-radius, $dropdown-border-width) !default;\n$dropdown-divider-bg: $dropdown-border-color !default;\n$dropdown-divider-margin-y: $spacer * .5 !default;\n$dropdown-box-shadow: $box-shadow !default;\n\n$dropdown-link-color: $gray-900 !default;\n$dropdown-link-hover-color: shade-color($dropdown-link-color, 10%) !default;\n$dropdown-link-hover-bg: $gray-200 !default;\n\n$dropdown-link-active-color: $component-active-color !default;\n$dropdown-link-active-bg: $component-active-bg !default;\n\n$dropdown-link-disabled-color: $gray-500 !default;\n\n$dropdown-item-padding-y: $spacer * .25 !default;\n$dropdown-item-padding-x: $spacer !default;\n\n$dropdown-header-color: $gray-600 !default;\n$dropdown-header-padding: $dropdown-padding-y $dropdown-item-padding-x !default;\n// scss-docs-end dropdown-variables\n\n// scss-docs-start dropdown-dark-variables\n$dropdown-dark-color: $gray-300 !default;\n$dropdown-dark-bg: $gray-800 !default;\n$dropdown-dark-border-color: $dropdown-border-color !default;\n$dropdown-dark-divider-bg: $dropdown-divider-bg !default;\n$dropdown-dark-box-shadow: null !default;\n$dropdown-dark-link-color: $dropdown-dark-color !default;\n$dropdown-dark-link-hover-color: $white !default;\n$dropdown-dark-link-hover-bg: rgba($white, .15) !default;\n$dropdown-dark-link-active-color: $dropdown-link-active-color !default;\n$dropdown-dark-link-active-bg: $dropdown-link-active-bg !default;\n$dropdown-dark-link-disabled-color: $gray-500 !default;\n$dropdown-dark-header-color: $gray-500 !default;\n// scss-docs-end dropdown-dark-variables\n\n\n// Pagination\n\n// scss-docs-start pagination-variables\n$pagination-padding-y: .375rem !default;\n$pagination-padding-x: .75rem !default;\n$pagination-padding-y-sm: .25rem !default;\n$pagination-padding-x-sm: .5rem !default;\n$pagination-padding-y-lg: .75rem !default;\n$pagination-padding-x-lg: 1.5rem !default;\n\n$pagination-color: $link-color !default;\n$pagination-bg: $white !default;\n$pagination-border-width: $border-width !default;\n$pagination-border-radius: $border-radius !default;\n$pagination-margin-start: -$pagination-border-width !default;\n$pagination-border-color: $gray-300 !default;\n\n$pagination-focus-color: $link-hover-color !default;\n$pagination-focus-bg: $gray-200 !default;\n$pagination-focus-box-shadow: $input-btn-focus-box-shadow !default;\n$pagination-focus-outline: 0 !default;\n\n$pagination-hover-color: $link-hover-color !default;\n$pagination-hover-bg: $gray-200 !default;\n$pagination-hover-border-color: $gray-300 !default;\n\n$pagination-active-color: $component-active-color !default;\n$pagination-active-bg: $component-active-bg !default;\n$pagination-active-border-color: $pagination-active-bg !default;\n\n$pagination-disabled-color: $gray-600 !default;\n$pagination-disabled-bg: $white !default;\n$pagination-disabled-border-color: $gray-300 !default;\n\n$pagination-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$pagination-border-radius-sm: $border-radius-sm !default;\n$pagination-border-radius-lg: $border-radius-lg !default;\n// scss-docs-end pagination-variables\n\n\n// Placeholders\n\n// scss-docs-start placeholders\n$placeholder-opacity-max: .5 !default;\n$placeholder-opacity-min: .2 !default;\n// scss-docs-end placeholders\n\n// Cards\n\n// scss-docs-start card-variables\n$card-spacer-y: $spacer !default;\n$card-spacer-x: $spacer !default;\n$card-title-spacer-y: $spacer * .5 !default;\n$card-border-width: $border-width !default;\n$card-border-color: rgba($black, .125) !default;\n$card-border-radius: $border-radius !default;\n$card-box-shadow: null !default;\n$card-inner-border-radius: subtract($card-border-radius, $card-border-width) !default;\n$card-cap-padding-y: $card-spacer-y * .5 !default;\n$card-cap-padding-x: $card-spacer-x !default;\n$card-cap-bg: rgba($black, .03) !default;\n$card-cap-color: null !default;\n$card-height: null !default;\n$card-color: null !default;\n$card-bg: $white !default;\n$card-img-overlay-padding: $spacer !default;\n$card-group-margin: $grid-gutter-width * .5 !default;\n// scss-docs-end card-variables\n\n// Accordion\n\n// scss-docs-start accordion-variables\n$accordion-padding-y: 1rem !default;\n$accordion-padding-x: 1.25rem !default;\n$accordion-color: $body-color !default;\n$accordion-bg: $body-bg !default;\n$accordion-border-width: $border-width !default;\n$accordion-border-color: rgba($black, .125) !default;\n$accordion-border-radius: $border-radius !default;\n$accordion-inner-border-radius: subtract($accordion-border-radius, $accordion-border-width) !default;\n\n$accordion-body-padding-y: $accordion-padding-y !default;\n$accordion-body-padding-x: $accordion-padding-x !default;\n\n$accordion-button-padding-y: $accordion-padding-y !default;\n$accordion-button-padding-x: $accordion-padding-x !default;\n$accordion-button-color: $accordion-color !default;\n$accordion-button-bg: $accordion-bg !default;\n$accordion-transition: $btn-transition, border-radius .15s ease !default;\n$accordion-button-active-bg: tint-color($component-active-bg, 90%) !default;\n$accordion-button-active-color: shade-color($primary, 10%) !default;\n\n$accordion-button-focus-border-color: $input-focus-border-color !default;\n$accordion-button-focus-box-shadow: $btn-focus-box-shadow !default;\n\n$accordion-icon-width: 1.25rem !default;\n$accordion-icon-color: $accordion-button-color !default;\n$accordion-icon-active-color: $accordion-button-active-color !default;\n$accordion-icon-transition: transform .2s ease-in-out !default;\n$accordion-icon-transform: rotate(-180deg) !default;\n\n$accordion-button-icon: url(\"data:image/svg+xml,\") !default;\n$accordion-button-active-icon: url(\"data:image/svg+xml,\") !default;\n// scss-docs-end accordion-variables\n\n// Tooltips\n\n// scss-docs-start tooltip-variables\n$tooltip-font-size: $font-size-sm !default;\n$tooltip-max-width: 200px !default;\n$tooltip-color: $white !default;\n$tooltip-bg: $black !default;\n$tooltip-border-radius: $border-radius !default;\n$tooltip-opacity: .9 !default;\n$tooltip-padding-y: $spacer * .25 !default;\n$tooltip-padding-x: $spacer * .5 !default;\n$tooltip-margin: 0 !default;\n\n$tooltip-arrow-width: .8rem !default;\n$tooltip-arrow-height: .4rem !default;\n$tooltip-arrow-color: $tooltip-bg !default;\n// scss-docs-end tooltip-variables\n\n// Form tooltips must come after regular tooltips\n// scss-docs-start tooltip-feedback-variables\n$form-feedback-tooltip-padding-y: $tooltip-padding-y !default;\n$form-feedback-tooltip-padding-x: $tooltip-padding-x !default;\n$form-feedback-tooltip-font-size: $tooltip-font-size !default;\n$form-feedback-tooltip-line-height: null !default;\n$form-feedback-tooltip-opacity: $tooltip-opacity !default;\n$form-feedback-tooltip-border-radius: $tooltip-border-radius !default;\n// scss-docs-end tooltip-feedback-variables\n\n\n// Popovers\n\n// scss-docs-start popover-variables\n$popover-font-size: $font-size-sm !default;\n$popover-bg: $white !default;\n$popover-max-width: 276px !default;\n$popover-border-width: $border-width !default;\n$popover-border-color: rgba($black, .2) !default;\n$popover-border-radius: $border-radius-lg !default;\n$popover-inner-border-radius: subtract($popover-border-radius, $popover-border-width) !default;\n$popover-box-shadow: $box-shadow !default;\n\n$popover-header-bg: shade-color($popover-bg, 6%) !default;\n$popover-header-color: $headings-color !default;\n$popover-header-padding-y: .5rem !default;\n$popover-header-padding-x: $spacer !default;\n\n$popover-body-color: $body-color !default;\n$popover-body-padding-y: $spacer !default;\n$popover-body-padding-x: $spacer !default;\n\n$popover-arrow-width: 1rem !default;\n$popover-arrow-height: .5rem !default;\n$popover-arrow-color: $popover-bg !default;\n\n$popover-arrow-outer-color: fade-in($popover-border-color, .05) !default;\n// scss-docs-end popover-variables\n\n\n// Toasts\n\n// scss-docs-start toast-variables\n$toast-max-width: 350px !default;\n$toast-padding-x: .75rem !default;\n$toast-padding-y: .5rem !default;\n$toast-font-size: .875rem !default;\n$toast-color: null !default;\n$toast-background-color: rgba($white, .85) !default;\n$toast-border-width: 1px !default;\n$toast-border-color: rgba($black, .1) !default;\n$toast-border-radius: $border-radius !default;\n$toast-box-shadow: $box-shadow !default;\n$toast-spacing: $container-padding-x !default;\n\n$toast-header-color: $gray-600 !default;\n$toast-header-background-color: rgba($white, .85) !default;\n$toast-header-border-color: rgba($black, .05) !default;\n// scss-docs-end toast-variables\n\n\n// Badges\n\n// scss-docs-start badge-variables\n$badge-font-size: .75em !default;\n$badge-font-weight: $font-weight-bold !default;\n$badge-color: $white !default;\n$badge-padding-y: .35em !default;\n$badge-padding-x: .65em !default;\n$badge-border-radius: $border-radius !default;\n// scss-docs-end badge-variables\n\n\n// Modals\n\n// scss-docs-start modal-variables\n$modal-inner-padding: $spacer !default;\n\n$modal-footer-margin-between: .5rem !default;\n\n$modal-dialog-margin: .5rem !default;\n$modal-dialog-margin-y-sm-up: 1.75rem !default;\n\n$modal-title-line-height: $line-height-base !default;\n\n$modal-content-color: null !default;\n$modal-content-bg: $white !default;\n$modal-content-border-color: rgba($black, .2) !default;\n$modal-content-border-width: $border-width !default;\n$modal-content-border-radius: $border-radius-lg !default;\n$modal-content-inner-border-radius: subtract($modal-content-border-radius, $modal-content-border-width) !default;\n$modal-content-box-shadow-xs: $box-shadow-sm !default;\n$modal-content-box-shadow-sm-up: $box-shadow !default;\n\n$modal-backdrop-bg: $black !default;\n$modal-backdrop-opacity: .5 !default;\n$modal-header-border-color: $border-color !default;\n$modal-footer-border-color: $modal-header-border-color !default;\n$modal-header-border-width: $modal-content-border-width !default;\n$modal-footer-border-width: $modal-header-border-width !default;\n$modal-header-padding-y: $modal-inner-padding !default;\n$modal-header-padding-x: $modal-inner-padding !default;\n$modal-header-padding: $modal-header-padding-y $modal-header-padding-x !default; // Keep this for backwards compatibility\n\n$modal-sm: 300px !default;\n$modal-md: 500px !default;\n$modal-lg: 800px !default;\n$modal-xl: 1140px !default;\n\n$modal-fade-transform: translate(0, -50px) !default;\n$modal-show-transform: none !default;\n$modal-transition: transform .3s ease-out !default;\n$modal-scale-transform: scale(1.02) !default;\n// scss-docs-end modal-variables\n\n\n// Alerts\n//\n// Define alert colors, border radius, and padding.\n\n// scss-docs-start alert-variables\n$alert-padding-y: $spacer !default;\n$alert-padding-x: $spacer !default;\n$alert-margin-bottom: 1rem !default;\n$alert-border-radius: $border-radius !default;\n$alert-link-font-weight: $font-weight-bold !default;\n$alert-border-width: $border-width !default;\n$alert-bg-scale: -80% !default;\n$alert-border-scale: -70% !default;\n$alert-color-scale: 40% !default;\n$alert-dismissible-padding-r: $alert-padding-x * 3 !default; // 3x covers width of x plus default padding on either side\n// scss-docs-end alert-variables\n\n\n// Progress bars\n\n// scss-docs-start progress-variables\n$progress-height: 1rem !default;\n$progress-font-size: $font-size-base * .75 !default;\n$progress-bg: $gray-200 !default;\n$progress-border-radius: $border-radius !default;\n$progress-box-shadow: $box-shadow-inset !default;\n$progress-bar-color: $white !default;\n$progress-bar-bg: $primary !default;\n$progress-bar-animation-timing: 1s linear infinite !default;\n$progress-bar-transition: width .6s ease !default;\n// scss-docs-end progress-variables\n\n\n// List group\n\n// scss-docs-start list-group-variables\n$list-group-color: $gray-900 !default;\n$list-group-bg: $white !default;\n$list-group-border-color: rgba($black, .125) !default;\n$list-group-border-width: $border-width !default;\n$list-group-border-radius: $border-radius !default;\n\n$list-group-item-padding-y: $spacer * .5 !default;\n$list-group-item-padding-x: $spacer !default;\n$list-group-item-bg-scale: -80% !default;\n$list-group-item-color-scale: 40% !default;\n\n$list-group-hover-bg: $gray-100 !default;\n$list-group-active-color: $component-active-color !default;\n$list-group-active-bg: $component-active-bg !default;\n$list-group-active-border-color: $list-group-active-bg !default;\n\n$list-group-disabled-color: $gray-600 !default;\n$list-group-disabled-bg: $list-group-bg !default;\n\n$list-group-action-color: $gray-700 !default;\n$list-group-action-hover-color: $list-group-action-color !default;\n\n$list-group-action-active-color: $body-color !default;\n$list-group-action-active-bg: $gray-200 !default;\n// scss-docs-end list-group-variables\n\n\n// Image thumbnails\n\n// scss-docs-start thumbnail-variables\n$thumbnail-padding: .25rem !default;\n$thumbnail-bg: $body-bg !default;\n$thumbnail-border-width: $border-width !default;\n$thumbnail-border-color: $gray-300 !default;\n$thumbnail-border-radius: $border-radius !default;\n$thumbnail-box-shadow: $box-shadow-sm !default;\n// scss-docs-end thumbnail-variables\n\n\n// Figures\n\n// scss-docs-start figure-variables\n$figure-caption-font-size: $small-font-size !default;\n$figure-caption-color: $gray-600 !default;\n// scss-docs-end figure-variables\n\n\n// Breadcrumbs\n\n// scss-docs-start breadcrumb-variables\n$breadcrumb-font-size: null !default;\n$breadcrumb-padding-y: 0 !default;\n$breadcrumb-padding-x: 0 !default;\n$breadcrumb-item-padding-x: .5rem !default;\n$breadcrumb-margin-bottom: 1rem !default;\n$breadcrumb-bg: null !default;\n$breadcrumb-divider-color: $gray-600 !default;\n$breadcrumb-active-color: $gray-600 !default;\n$breadcrumb-divider: quote(\"/\") !default;\n$breadcrumb-divider-flipped: $breadcrumb-divider !default;\n$breadcrumb-border-radius: null !default;\n// scss-docs-end breadcrumb-variables\n\n// Carousel\n\n// scss-docs-start carousel-variables\n$carousel-control-color: $white !default;\n$carousel-control-width: 15% !default;\n$carousel-control-opacity: .5 !default;\n$carousel-control-hover-opacity: .9 !default;\n$carousel-control-transition: opacity .15s ease !default;\n\n$carousel-indicator-width: 30px !default;\n$carousel-indicator-height: 3px !default;\n$carousel-indicator-hit-area-height: 10px !default;\n$carousel-indicator-spacer: 3px !default;\n$carousel-indicator-opacity: .5 !default;\n$carousel-indicator-active-bg: $white !default;\n$carousel-indicator-active-opacity: 1 !default;\n$carousel-indicator-transition: opacity .6s ease !default;\n\n$carousel-caption-width: 70% !default;\n$carousel-caption-color: $white !default;\n$carousel-caption-padding-y: 1.25rem !default;\n$carousel-caption-spacer: 1.25rem !default;\n\n$carousel-control-icon-width: 2rem !default;\n\n$carousel-control-prev-icon-bg: url(\"data:image/svg+xml,\") !default;\n$carousel-control-next-icon-bg: url(\"data:image/svg+xml,\") !default;\n\n$carousel-transition-duration: .6s !default;\n$carousel-transition: transform $carousel-transition-duration ease-in-out !default; // Define transform transition first if using multiple transitions (e.g., `transform 2s ease, opacity .5s ease-out`)\n\n$carousel-dark-indicator-active-bg: $black !default;\n$carousel-dark-caption-color: $black !default;\n$carousel-dark-control-icon-filter: invert(1) grayscale(100) !default;\n// scss-docs-end carousel-variables\n\n\n// Spinners\n\n// scss-docs-start spinner-variables\n$spinner-width: 2rem !default;\n$spinner-height: $spinner-width !default;\n$spinner-vertical-align: -.125em !default;\n$spinner-border-width: .25em !default;\n$spinner-animation-speed: .75s !default;\n\n$spinner-width-sm: 1rem !default;\n$spinner-height-sm: $spinner-width-sm !default;\n$spinner-border-width-sm: .2em !default;\n// scss-docs-end spinner-variables\n\n\n// Close\n\n// scss-docs-start close-variables\n$btn-close-width: 1em !default;\n$btn-close-height: $btn-close-width !default;\n$btn-close-padding-x: .25em !default;\n$btn-close-padding-y: $btn-close-padding-x !default;\n$btn-close-color: $black !default;\n$btn-close-bg: url(\"data:image/svg+xml,\") !default;\n$btn-close-focus-shadow: $input-btn-focus-box-shadow !default;\n$btn-close-opacity: .5 !default;\n$btn-close-hover-opacity: .75 !default;\n$btn-close-focus-opacity: 1 !default;\n$btn-close-disabled-opacity: .25 !default;\n$btn-close-white-filter: invert(1) grayscale(100%) brightness(200%) !default;\n// scss-docs-end close-variables\n\n\n// Offcanvas\n\n// scss-docs-start offcanvas-variables\n$offcanvas-padding-y: $modal-inner-padding !default;\n$offcanvas-padding-x: $modal-inner-padding !default;\n$offcanvas-horizontal-width: 400px !default;\n$offcanvas-vertical-height: 30vh !default;\n$offcanvas-transition-duration: .3s !default;\n$offcanvas-border-color: $modal-content-border-color !default;\n$offcanvas-border-width: $modal-content-border-width !default;\n$offcanvas-title-line-height: $modal-title-line-height !default;\n$offcanvas-bg-color: $modal-content-bg !default;\n$offcanvas-color: $modal-content-color !default;\n$offcanvas-box-shadow: $modal-content-box-shadow-xs !default;\n$offcanvas-backdrop-bg: $modal-backdrop-bg !default;\n$offcanvas-backdrop-opacity: $modal-backdrop-opacity !default;\n// scss-docs-end offcanvas-variables\n\n// Code\n\n$code-font-size: $small-font-size !default;\n$code-color: $pink !default;\n\n$kbd-padding-y: .2rem !default;\n$kbd-padding-x: .4rem !default;\n$kbd-font-size: $code-font-size !default;\n$kbd-color: $white !default;\n$kbd-bg: $gray-900 !default;\n\n$pre-color: null !default;\n", - "// stylelint-disable indentation\n\n// Utilities\n\n$utilities: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$utilities: map-merge(\n (\n // scss-docs-start utils-vertical-align\n \"align\": (\n property: vertical-align,\n class: align,\n values: baseline top middle bottom text-bottom text-top\n ),\n // scss-docs-end utils-vertical-align\n // scss-docs-start utils-float\n \"float\": (\n responsive: true,\n property: float,\n values: (\n start: left,\n end: right,\n none: none,\n )\n ),\n // scss-docs-end utils-float\n // Opacity utilities\n // scss-docs-start utils-opacity\n \"opacity\": (\n property: opacity,\n values: (\n 0: 0,\n 25: .25,\n 50: .5,\n 75: .75,\n 100: 1,\n )\n ),\n // scss-docs-end utils-opacity\n // scss-docs-start utils-overflow\n \"overflow\": (\n property: overflow,\n values: auto hidden visible scroll,\n ),\n // scss-docs-end utils-overflow\n // scss-docs-start utils-display\n \"display\": (\n responsive: true,\n print: true,\n property: display,\n class: d,\n values: inline inline-block block grid table table-row table-cell flex inline-flex none\n ),\n // scss-docs-end utils-display\n // scss-docs-start utils-shadow\n \"shadow\": (\n property: box-shadow,\n class: shadow,\n values: (\n null: $box-shadow,\n sm: $box-shadow-sm,\n lg: $box-shadow-lg,\n none: none,\n )\n ),\n // scss-docs-end utils-shadow\n // scss-docs-start utils-position\n \"position\": (\n property: position,\n values: static relative absolute fixed sticky\n ),\n \"top\": (\n property: top,\n values: $position-values\n ),\n \"bottom\": (\n property: bottom,\n values: $position-values\n ),\n \"start\": (\n property: left,\n class: start,\n values: $position-values\n ),\n \"end\": (\n property: right,\n class: end,\n values: $position-values\n ),\n \"translate-middle\": (\n property: transform,\n class: translate-middle,\n values: (\n null: translate(-50%, -50%),\n x: translateX(-50%),\n y: translateY(-50%),\n )\n ),\n // scss-docs-end utils-position\n // scss-docs-start utils-borders\n \"border\": (\n property: border,\n values: (\n null: $border-width solid $border-color,\n 0: 0,\n )\n ),\n \"border-top\": (\n property: border-top,\n values: (\n null: $border-width solid $border-color,\n 0: 0,\n )\n ),\n \"border-end\": (\n property: border-right,\n class: border-end,\n values: (\n null: $border-width solid $border-color,\n 0: 0,\n )\n ),\n \"border-bottom\": (\n property: border-bottom,\n values: (\n null: $border-width solid $border-color,\n 0: 0,\n )\n ),\n \"border-start\": (\n property: border-left,\n class: border-start,\n values: (\n null: $border-width solid $border-color,\n 0: 0,\n )\n ),\n \"border-color\": (\n property: border-color,\n class: border,\n values: map-merge($theme-colors, (\"white\": $white))\n ),\n \"border-width\": (\n property: border-width,\n class: border,\n values: $border-widths\n ),\n // scss-docs-end utils-borders\n // Sizing utilities\n // scss-docs-start utils-sizing\n \"width\": (\n property: width,\n class: w,\n values: (\n 25: 25%,\n 50: 50%,\n 75: 75%,\n 100: 100%,\n auto: auto\n )\n ),\n \"max-width\": (\n property: max-width,\n class: mw,\n values: (100: 100%)\n ),\n \"viewport-width\": (\n property: width,\n class: vw,\n values: (100: 100vw)\n ),\n \"min-viewport-width\": (\n property: min-width,\n class: min-vw,\n values: (100: 100vw)\n ),\n \"height\": (\n property: height,\n class: h,\n values: (\n 25: 25%,\n 50: 50%,\n 75: 75%,\n 100: 100%,\n auto: auto\n )\n ),\n \"max-height\": (\n property: max-height,\n class: mh,\n values: (100: 100%)\n ),\n \"viewport-height\": (\n property: height,\n class: vh,\n values: (100: 100vh)\n ),\n \"min-viewport-height\": (\n property: min-height,\n class: min-vh,\n values: (100: 100vh)\n ),\n // scss-docs-end utils-sizing\n // Flex utilities\n // scss-docs-start utils-flex\n \"flex\": (\n responsive: true,\n property: flex,\n values: (fill: 1 1 auto)\n ),\n \"flex-direction\": (\n responsive: true,\n property: flex-direction,\n class: flex,\n values: row column row-reverse column-reverse\n ),\n \"flex-grow\": (\n responsive: true,\n property: flex-grow,\n class: flex,\n values: (\n grow-0: 0,\n grow-1: 1,\n )\n ),\n \"flex-shrink\": (\n responsive: true,\n property: flex-shrink,\n class: flex,\n values: (\n shrink-0: 0,\n shrink-1: 1,\n )\n ),\n \"flex-wrap\": (\n responsive: true,\n property: flex-wrap,\n class: flex,\n values: wrap nowrap wrap-reverse\n ),\n \"gap\": (\n responsive: true,\n property: gap,\n class: gap,\n values: $spacers\n ),\n \"justify-content\": (\n responsive: true,\n property: justify-content,\n values: (\n start: flex-start,\n end: flex-end,\n center: center,\n between: space-between,\n around: space-around,\n evenly: space-evenly,\n )\n ),\n \"align-items\": (\n responsive: true,\n property: align-items,\n values: (\n start: flex-start,\n end: flex-end,\n center: center,\n baseline: baseline,\n stretch: stretch,\n )\n ),\n \"align-content\": (\n responsive: true,\n property: align-content,\n values: (\n start: flex-start,\n end: flex-end,\n center: center,\n between: space-between,\n around: space-around,\n stretch: stretch,\n )\n ),\n \"align-self\": (\n responsive: true,\n property: align-self,\n values: (\n auto: auto,\n start: flex-start,\n end: flex-end,\n center: center,\n baseline: baseline,\n stretch: stretch,\n )\n ),\n \"order\": (\n responsive: true,\n property: order,\n values: (\n first: -1,\n 0: 0,\n 1: 1,\n 2: 2,\n 3: 3,\n 4: 4,\n 5: 5,\n last: 6,\n ),\n ),\n // scss-docs-end utils-flex\n // Margin utilities\n // scss-docs-start utils-spacing\n \"margin\": (\n responsive: true,\n property: margin,\n class: m,\n values: map-merge($spacers, (auto: auto))\n ),\n \"margin-x\": (\n responsive: true,\n property: margin-right margin-left,\n class: mx,\n values: map-merge($spacers, (auto: auto))\n ),\n \"margin-y\": (\n responsive: true,\n property: margin-top margin-bottom,\n class: my,\n values: map-merge($spacers, (auto: auto))\n ),\n \"margin-top\": (\n responsive: true,\n property: margin-top,\n class: mt,\n values: map-merge($spacers, (auto: auto))\n ),\n \"margin-end\": (\n responsive: true,\n property: margin-right,\n class: me,\n values: map-merge($spacers, (auto: auto))\n ),\n \"margin-bottom\": (\n responsive: true,\n property: margin-bottom,\n class: mb,\n values: map-merge($spacers, (auto: auto))\n ),\n \"margin-start\": (\n responsive: true,\n property: margin-left,\n class: ms,\n values: map-merge($spacers, (auto: auto))\n ),\n // Negative margin utilities\n \"negative-margin\": (\n responsive: true,\n property: margin,\n class: m,\n values: $negative-spacers\n ),\n \"negative-margin-x\": (\n responsive: true,\n property: margin-right margin-left,\n class: mx,\n values: $negative-spacers\n ),\n \"negative-margin-y\": (\n responsive: true,\n property: margin-top margin-bottom,\n class: my,\n values: $negative-spacers\n ),\n \"negative-margin-top\": (\n responsive: true,\n property: margin-top,\n class: mt,\n values: $negative-spacers\n ),\n \"negative-margin-end\": (\n responsive: true,\n property: margin-right,\n class: me,\n values: $negative-spacers\n ),\n \"negative-margin-bottom\": (\n responsive: true,\n property: margin-bottom,\n class: mb,\n values: $negative-spacers\n ),\n \"negative-margin-start\": (\n responsive: true,\n property: margin-left,\n class: ms,\n values: $negative-spacers\n ),\n // Padding utilities\n \"padding\": (\n responsive: true,\n property: padding,\n class: p,\n values: $spacers\n ),\n \"padding-x\": (\n responsive: true,\n property: padding-right padding-left,\n class: px,\n values: $spacers\n ),\n \"padding-y\": (\n responsive: true,\n property: padding-top padding-bottom,\n class: py,\n values: $spacers\n ),\n \"padding-top\": (\n responsive: true,\n property: padding-top,\n class: pt,\n values: $spacers\n ),\n \"padding-end\": (\n responsive: true,\n property: padding-right,\n class: pe,\n values: $spacers\n ),\n \"padding-bottom\": (\n responsive: true,\n property: padding-bottom,\n class: pb,\n values: $spacers\n ),\n \"padding-start\": (\n responsive: true,\n property: padding-left,\n class: ps,\n values: $spacers\n ),\n // scss-docs-end utils-spacing\n // Text\n // scss-docs-start utils-text\n \"font-family\": (\n property: font-family,\n class: font,\n values: (monospace: var(--#{$variable-prefix}font-monospace))\n ),\n \"font-size\": (\n rfs: true,\n property: font-size,\n class: fs,\n values: $font-sizes\n ),\n \"font-style\": (\n property: font-style,\n class: fst,\n values: italic normal\n ),\n \"font-weight\": (\n property: font-weight,\n class: fw,\n values: (\n light: $font-weight-light,\n lighter: $font-weight-lighter,\n normal: $font-weight-normal,\n bold: $font-weight-bold,\n bolder: $font-weight-bolder\n )\n ),\n \"line-height\": (\n property: line-height,\n class: lh,\n values: (\n 1: 1,\n sm: $line-height-sm,\n base: $line-height-base,\n lg: $line-height-lg,\n )\n ),\n \"text-align\": (\n responsive: true,\n property: text-align,\n class: text,\n values: (\n start: left,\n end: right,\n center: center,\n )\n ),\n \"text-decoration\": (\n property: text-decoration,\n values: none underline line-through\n ),\n \"text-transform\": (\n property: text-transform,\n class: text,\n values: lowercase uppercase capitalize\n ),\n \"white-space\": (\n property: white-space,\n class: text,\n values: (\n wrap: normal,\n nowrap: nowrap,\n )\n ),\n \"word-wrap\": (\n property: word-wrap word-break,\n class: text,\n values: (break: break-word),\n rtl: false\n ),\n // scss-docs-end utils-text\n // scss-docs-start utils-color\n \"color\": (\n property: color,\n class: text,\n local-vars: (\n \"text-opacity\": 1\n ),\n values: map-merge(\n $utilities-text-colors,\n (\n \"muted\": $text-muted,\n \"black-50\": rgba($black, .5), // deprecated\n \"white-50\": rgba($white, .5), // deprecated\n \"reset\": inherit,\n )\n )\n ),\n \"text-opacity\": (\n css-var: true,\n class: text-opacity,\n values: (\n 25: .25,\n 50: .5,\n 75: .75,\n 100: 1\n )\n ),\n // scss-docs-end utils-color\n // scss-docs-start utils-bg-color\n \"background-color\": (\n property: background-color,\n class: bg,\n local-vars: (\n \"bg-opacity\": 1\n ),\n values: map-merge(\n $utilities-bg-colors,\n (\n \"transparent\": transparent\n )\n )\n ),\n \"bg-opacity\": (\n css-var: true,\n class: bg-opacity,\n values: (\n 10: .1,\n 25: .25,\n 50: .5,\n 75: .75,\n 100: 1\n )\n ),\n // scss-docs-end utils-bg-color\n \"gradient\": (\n property: background-image,\n class: bg,\n values: (gradient: var(--#{$variable-prefix}gradient))\n ),\n // scss-docs-start utils-interaction\n \"user-select\": (\n property: user-select,\n values: all auto none\n ),\n \"pointer-events\": (\n property: pointer-events,\n class: pe,\n values: none auto,\n ),\n // scss-docs-end utils-interaction\n // scss-docs-start utils-border-radius\n \"rounded\": (\n property: border-radius,\n class: rounded,\n values: (\n null: $border-radius,\n 0: 0,\n 1: $border-radius-sm,\n 2: $border-radius,\n 3: $border-radius-lg,\n circle: 50%,\n pill: $border-radius-pill\n )\n ),\n \"rounded-top\": (\n property: border-top-left-radius border-top-right-radius,\n class: rounded-top,\n values: (null: $border-radius)\n ),\n \"rounded-end\": (\n property: border-top-right-radius border-bottom-right-radius,\n class: rounded-end,\n values: (null: $border-radius)\n ),\n \"rounded-bottom\": (\n property: border-bottom-right-radius border-bottom-left-radius,\n class: rounded-bottom,\n values: (null: $border-radius)\n ),\n \"rounded-start\": (\n property: border-bottom-left-radius border-top-left-radius,\n class: rounded-start,\n values: (null: $border-radius)\n ),\n // scss-docs-end utils-border-radius\n // scss-docs-start utils-visibility\n \"visibility\": (\n property: visibility,\n class: null,\n values: (\n visible: visible,\n invisible: hidden,\n )\n )\n // scss-docs-end utils-visibility\n ),\n $utilities\n);\n", - "/*!\n * Bootstrap v5.1.3 (https://getbootstrap.com/)\n * Copyright 2011-2021 The Bootstrap Authors\n * Copyright 2011-2021 Twitter, Inc.\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n */\n\n// scss-docs-start import-stack\n// Configuration\n@import \"functions\";\n@import \"variables\";\n@import \"mixins\";\n@import \"utilities\";\n\n// Layout & components\n@import \"root\";\n@import \"reboot\";\n@import \"type\";\n@import \"images\";\n@import \"containers\";\n@import \"grid\";\n@import \"tables\";\n@import \"forms\";\n@import \"buttons\";\n@import \"transitions\";\n@import \"dropdown\";\n@import \"button-group\";\n@import \"nav\";\n@import \"navbar\";\n@import \"card\";\n@import \"accordion\";\n@import \"breadcrumb\";\n@import \"pagination\";\n@import \"badge\";\n@import \"alert\";\n@import \"progress\";\n@import \"list-group\";\n@import \"close\";\n@import \"toasts\";\n@import \"modal\";\n@import \"tooltip\";\n@import \"popover\";\n@import \"carousel\";\n@import \"spinners\";\n@import \"offcanvas\";\n@import \"placeholders\";\n\n// Helpers\n@import \"helpers\";\n\n// Utilities\n@import \"utilities/api\";\n// scss-docs-end import-stack\n", - "// Bootstrap functions\n//\n// Utility mixins and functions for evaluating source code across our variables, maps, and mixins.\n\n// Ascending\n// Used to evaluate Sass maps like our grid breakpoints.\n@mixin _assert-ascending($map, $map-name) {\n $prev-key: null;\n $prev-num: null;\n @each $key, $num in $map {\n @if $prev-num == null or unit($num) == \"%\" or unit($prev-num) == \"%\" {\n // Do nothing\n } @else if not comparable($prev-num, $num) {\n @warn \"Potentially invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} whose unit makes it incomparable to #{$prev-num}, the value of the previous key '#{$prev-key}' !\";\n } @else if $prev-num >= $num {\n @warn \"Invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} which isn't greater than #{$prev-num}, the value of the previous key '#{$prev-key}' !\";\n }\n $prev-key: $key;\n $prev-num: $num;\n }\n}\n\n// Starts at zero\n// Used to ensure the min-width of the lowest breakpoint starts at 0.\n@mixin _assert-starts-at-zero($map, $map-name: \"$grid-breakpoints\") {\n @if length($map) > 0 {\n $values: map-values($map);\n $first-value: nth($values, 1);\n @if $first-value != 0 {\n @warn \"First breakpoint in #{$map-name} must start at 0, but starts at #{$first-value}.\";\n }\n }\n}\n\n// Colors\n@function to-rgb($value) {\n @return red($value), green($value), blue($value);\n}\n\n// stylelint-disable scss/dollar-variable-pattern\n@function rgba-css-var($identifier, $target) {\n @if $identifier == \"body\" and $target == \"bg\" {\n @return rgba(var(--#{$variable-prefix}#{$identifier}-bg-rgb), var(--#{$variable-prefix}#{$target}-opacity));\n } @if $identifier == \"body\" and $target == \"text\" {\n @return rgba(var(--#{$variable-prefix}#{$identifier}-color-rgb), var(--#{$variable-prefix}#{$target}-opacity));\n } @else {\n @return rgba(var(--#{$variable-prefix}#{$identifier}-rgb), var(--#{$variable-prefix}#{$target}-opacity));\n }\n}\n\n@function map-loop($map, $func, $args...) {\n $_map: ();\n\n @each $key, $value in $map {\n // allow to pass the $key and $value of the map as an function argument\n $_args: ();\n @each $arg in $args {\n $_args: append($_args, if($arg == \"$key\", $key, if($arg == \"$value\", $value, $arg)));\n }\n\n $_map: map-merge($_map, ($key: call(get-function($func), $_args...)));\n }\n\n @return $_map;\n}\n// stylelint-enable scss/dollar-variable-pattern\n\n@function varify($list) {\n $result: null;\n @each $entry in $list {\n $result: append($result, var(--#{$variable-prefix}#{$entry}), space);\n }\n @return $result;\n}\n\n// Internal Bootstrap function to turn maps into its negative variant.\n// It prefixes the keys with `n` and makes the value negative.\n@function negativify-map($map) {\n $result: ();\n @each $key, $value in $map {\n @if $key != 0 {\n $result: map-merge($result, (\"n\" + $key: (-$value)));\n }\n }\n @return $result;\n}\n\n// Get multiple keys from a sass map\n@function map-get-multiple($map, $values) {\n $result: ();\n @each $key, $value in $map {\n @if (index($values, $key) != null) {\n $result: map-merge($result, ($key: $value));\n }\n }\n @return $result;\n}\n\n// Merge multiple maps\n@function map-merge-multiple($maps...) {\n $merged-maps: ();\n\n @each $map in $maps {\n $merged-maps: map-merge($merged-maps, $map);\n }\n @return $merged-maps;\n}\n\n// Replace `$search` with `$replace` in `$string`\n// Used on our SVG icon backgrounds for custom forms.\n//\n// @author Hugo Giraudel\n// @param {String} $string - Initial string\n// @param {String} $search - Substring to replace\n// @param {String} $replace ('') - New value\n// @return {String} - Updated string\n@function str-replace($string, $search, $replace: \"\") {\n $index: str-index($string, $search);\n\n @if $index {\n @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);\n }\n\n @return $string;\n}\n\n// See https://codepen.io/kevinweber/pen/dXWoRw\n//\n// Requires the use of quotes around data URIs.\n\n@function escape-svg($string) {\n @if str-index($string, \"data:image/svg+xml\") {\n @each $char, $encoded in $escaped-characters {\n // Do not escape the url brackets\n @if str-index($string, \"url(\") == 1 {\n $string: url(\"#{str-replace(str-slice($string, 6, -3), $char, $encoded)}\");\n } @else {\n $string: str-replace($string, $char, $encoded);\n }\n }\n }\n\n @return $string;\n}\n\n// Color contrast\n// See https://github.com/twbs/bootstrap/pull/30168\n\n// A list of pre-calculated numbers of pow(divide((divide($value, 255) + .055), 1.055), 2.4). (from 0 to 255)\n// stylelint-disable-next-line scss/dollar-variable-default, scss/dollar-variable-pattern\n$_luminance-list: .0008 .001 .0011 .0013 .0015 .0017 .002 .0022 .0025 .0027 .003 .0033 .0037 .004 .0044 .0048 .0052 .0056 .006 .0065 .007 .0075 .008 .0086 .0091 .0097 .0103 .011 .0116 .0 .013 .0137 .0144 .0152 .016 .0168 .0176 .0185 .0194 .0203 .0212 .0222 .0232 .0242 .0252 .0262 .0273 .0284 .0296 .0307 .0319 .0331 .0343 .0356 .0369 .0382 .0395 .0409 .0423 .0437 .0452 .0467 .0482 .0497 .0513 .0529 .0545 .0561 .0578 .0595 .0612 .063 .0648 .0666 .0685 .0704 .0723 .0742 .0762 .0782 .0802 .0823 .0844 .0865 .0887 .0908 .0931 .0953 .0976 .0999 .1022 .1046 .107 .1095 .1119 .1144 .117 .1195 .1221 .1248 .1274 .1301 .1329 .1356 .1384 .1413 .1441 .147 .15 .1529 .1559 .159 .162 .1651 .1683 .1714 .1746 .1779 .1812 .1845 .1878 .1912 .1946 .1981 .2016 .2051 .2086 .2122 .2159 .2195 .2232 .227 .2307 .2346 .2384 .2423 .2462 .2502 .2542 .2582 .2623 .2664 .2705 .2747 .2789 .2831 .2874 .2918 .2961 .3005 .305 .3095 .314 .3185 .3231 .3278 .3325 .3372 .3419 .3467 .3515 .3564 .3613 .3663 .3712 .3763 .3813 .3864 .3916 .3968 .402 .4072 .4125 .4179 .4233 .4287 .4342 .4397 .4452 .4508 .4564 .4621 .4678 .4735 .4793 .4851 .491 .4969 .5029 .5089 .5149 .521 .5271 .5333 .5395 .5457 .552 .5583 .5647 .5711 .5776 .5841 .5906 .5972 .6038 .6105 .6172 .624 .6308 .6376 .6445 .6514 .6584 .6654 .6724 .6795 .6867 .6939 .7011 .7084 .7157 .7231 .7305 .7379 .7454 .7529 .7605 .7682 .7758 .7835 .7913 .7991 .807 .8148 .8228 .8308 .8388 .8469 .855 .8632 .8714 .8796 .8879 .8963 .9047 .9131 .9216 .9301 .9387 .9473 .956 .9647 .9734 .9823 .9911 1;\n\n@function color-contrast($background, $color-contrast-dark: $color-contrast-dark, $color-contrast-light: $color-contrast-light, $min-contrast-ratio: $min-contrast-ratio) {\n $foregrounds: $color-contrast-light, $color-contrast-dark, $white, $black;\n $max-ratio: 0;\n $max-ratio-color: null;\n\n @each $color in $foregrounds {\n $contrast-ratio: contrast-ratio($background, $color);\n @if $contrast-ratio > $min-contrast-ratio {\n @return $color;\n } @else if $contrast-ratio > $max-ratio {\n $max-ratio: $contrast-ratio;\n $max-ratio-color: $color;\n }\n }\n\n @warn \"Found no color leading to #{$min-contrast-ratio}:1 contrast ratio against #{$background}...\";\n\n @return $max-ratio-color;\n}\n\n@function contrast-ratio($background, $foreground: $color-contrast-light) {\n $l1: luminance($background);\n $l2: luminance(opaque($background, $foreground));\n\n @return if($l1 > $l2, divide($l1 + .05, $l2 + .05), divide($l2 + .05, $l1 + .05));\n}\n\n// Return WCAG2.0 relative luminance\n// See https://www.w3.org/WAI/GL/wiki/Relative_luminance\n// See https://www.w3.org/TR/WCAG20-TECHS/G17.html#G17-tests\n@function luminance($color) {\n $rgb: (\n \"r\": red($color),\n \"g\": green($color),\n \"b\": blue($color)\n );\n\n @each $name, $value in $rgb {\n $value: if(divide($value, 255) < .03928, divide(divide($value, 255), 12.92), nth($_luminance-list, $value + 1));\n $rgb: map-merge($rgb, ($name: $value));\n }\n\n @return (map-get($rgb, \"r\") * .2126) + (map-get($rgb, \"g\") * .7152) + (map-get($rgb, \"b\") * .0722);\n}\n\n// Return opaque color\n// opaque(#fff, rgba(0, 0, 0, .5)) => #808080\n@function opaque($background, $foreground) {\n @return mix(rgba($foreground, 1), $background, opacity($foreground) * 100);\n}\n\n// scss-docs-start color-functions\n// Tint a color: mix a color with white\n@function tint-color($color, $weight) {\n @return mix(white, $color, $weight);\n}\n\n// Shade a color: mix a color with black\n@function shade-color($color, $weight) {\n @return mix(black, $color, $weight);\n}\n\n// Shade the color if the weight is positive, else tint it\n@function shift-color($color, $weight) {\n @return if($weight > 0, shade-color($color, $weight), tint-color($color, -$weight));\n}\n// scss-docs-end color-functions\n\n// Return valid calc\n@function add($value1, $value2, $return-calc: true) {\n @if $value1 == null {\n @return $value2;\n }\n\n @if $value2 == null {\n @return $value1;\n }\n\n @if type-of($value1) == number and type-of($value2) == number and comparable($value1, $value2) {\n @return $value1 + $value2;\n }\n\n @return if($return-calc == true, calc(#{$value1} + #{$value2}), $value1 + unquote(\" + \") + $value2);\n}\n\n@function subtract($value1, $value2, $return-calc: true) {\n @if $value1 == null and $value2 == null {\n @return null;\n }\n\n @if $value1 == null {\n @return -$value2;\n }\n\n @if $value2 == null {\n @return $value1;\n }\n\n @if type-of($value1) == number and type-of($value2) == number and comparable($value1, $value2) {\n @return $value1 - $value2;\n }\n\n @if type-of($value2) != number {\n $value2: unquote(\"(\") + $value2 + unquote(\")\");\n }\n\n @return if($return-calc == true, calc(#{$value1} - #{$value2}), $value1 + unquote(\" - \") + $value2);\n}\n\n@function divide($dividend, $divisor, $precision: 10) {\n $sign: if($dividend > 0 and $divisor > 0 or $dividend < 0 and $divisor < 0, 1, -1);\n $dividend: abs($dividend);\n $divisor: abs($divisor);\n @if $dividend == 0 {\n @return 0;\n }\n @if $divisor == 0 {\n @error \"Cannot divide by 0\";\n }\n $remainder: $dividend;\n $result: 0;\n $factor: 10;\n @while ($remainder > 0 and $precision >= 0) {\n $quotient: 0;\n @while ($remainder >= $divisor) {\n $remainder: $remainder - $divisor;\n $quotient: $quotient + 1;\n }\n $result: $result * 10 + $quotient;\n $factor: $factor * .1;\n $remainder: $remainder * 10;\n $precision: $precision - 1;\n @if ($precision < 0 and $remainder >= $divisor * 5) {\n $result: $result + 1;\n }\n }\n $result: $result * $factor * $sign;\n $dividend-unit: unit($dividend);\n $divisor-unit: unit($divisor);\n $unit-map: (\n \"px\": 1px,\n \"rem\": 1rem,\n \"em\": 1em,\n \"%\": 1%\n );\n @if ($dividend-unit != $divisor-unit and map-has-key($unit-map, $dividend-unit)) {\n $result: $result * map-get($unit-map, $dividend-unit);\n }\n @return $result;\n}\n", - "// Variables\n//\n// Variables should follow the `$component-state-property-size` formula for\n// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.\n\n// Color system\n\n// scss-docs-start gray-color-variables\n$white: #fff !default;\n$gray-100: #f8f9fa !default;\n$gray-200: #e9ecef !default;\n$gray-300: #dee2e6 !default;\n$gray-400: #ced4da !default;\n$gray-500: #adb5bd !default;\n$gray-600: #6c757d !default;\n$gray-700: #495057 !default;\n$gray-800: #343a40 !default;\n$gray-900: #212529 !default;\n$black: #000 !default;\n// scss-docs-end gray-color-variables\n\n// fusv-disable\n// scss-docs-start gray-colors-map\n$grays: (\n \"100\": $gray-100,\n \"200\": $gray-200,\n \"300\": $gray-300,\n \"400\": $gray-400,\n \"500\": $gray-500,\n \"600\": $gray-600,\n \"700\": $gray-700,\n \"800\": $gray-800,\n \"900\": $gray-900\n) !default;\n// scss-docs-end gray-colors-map\n// fusv-enable\n\n// scss-docs-start color-variables\n$blue: #0d6efd !default;\n$indigo: #6610f2 !default;\n$purple: #6f42c1 !default;\n$pink: #d63384 !default;\n$red: #dc3545 !default;\n$orange: #fd7e14 !default;\n$yellow: #ffc107 !default;\n$green: #198754 !default;\n$teal: #20c997 !default;\n$cyan: #0dcaf0 !default;\n// scss-docs-end color-variables\n\n// scss-docs-start colors-map\n$colors: (\n \"blue\": $blue,\n \"indigo\": $indigo,\n \"purple\": $purple,\n \"pink\": $pink,\n \"red\": $red,\n \"orange\": $orange,\n \"yellow\": $yellow,\n \"green\": $green,\n \"teal\": $teal,\n \"cyan\": $cyan,\n \"white\": $white,\n \"gray\": $gray-600,\n \"gray-dark\": $gray-800\n) !default;\n// scss-docs-end colors-map\n\n// scss-docs-start theme-color-variables\n$primary: $blue !default;\n$secondary: $gray-600 !default;\n$success: $green !default;\n$info: $cyan !default;\n$warning: $yellow !default;\n$danger: $red !default;\n$light: $gray-100 !default;\n$dark: $gray-900 !default;\n// scss-docs-end theme-color-variables\n\n// scss-docs-start theme-colors-map\n$theme-colors: (\n \"primary\": $primary,\n \"secondary\": $secondary,\n \"success\": $success,\n \"info\": $info,\n \"warning\": $warning,\n \"danger\": $danger,\n \"light\": $light,\n \"dark\": $dark\n) !default;\n// scss-docs-end theme-colors-map\n\n// scss-docs-start theme-colors-rgb\n$theme-colors-rgb: map-loop($theme-colors, to-rgb, \"$value\") !default;\n// scss-docs-end theme-colors-rgb\n\n// The contrast ratio to reach against white, to determine if color changes from \"light\" to \"dark\". Acceptable values for WCAG 2.0 are 3, 4.5 and 7.\n// See https://www.w3.org/TR/WCAG20/#visual-audio-contrast-contrast\n$min-contrast-ratio: 4.5 !default;\n\n// Customize the light and dark text colors for use in our color contrast function.\n$color-contrast-dark: $black !default;\n$color-contrast-light: $white !default;\n\n// fusv-disable\n$blue-100: tint-color($blue, 80%) !default;\n$blue-200: tint-color($blue, 60%) !default;\n$blue-300: tint-color($blue, 40%) !default;\n$blue-400: tint-color($blue, 20%) !default;\n$blue-500: $blue !default;\n$blue-600: shade-color($blue, 20%) !default;\n$blue-700: shade-color($blue, 40%) !default;\n$blue-800: shade-color($blue, 60%) !default;\n$blue-900: shade-color($blue, 80%) !default;\n\n$indigo-100: tint-color($indigo, 80%) !default;\n$indigo-200: tint-color($indigo, 60%) !default;\n$indigo-300: tint-color($indigo, 40%) !default;\n$indigo-400: tint-color($indigo, 20%) !default;\n$indigo-500: $indigo !default;\n$indigo-600: shade-color($indigo, 20%) !default;\n$indigo-700: shade-color($indigo, 40%) !default;\n$indigo-800: shade-color($indigo, 60%) !default;\n$indigo-900: shade-color($indigo, 80%) !default;\n\n$purple-100: tint-color($purple, 80%) !default;\n$purple-200: tint-color($purple, 60%) !default;\n$purple-300: tint-color($purple, 40%) !default;\n$purple-400: tint-color($purple, 20%) !default;\n$purple-500: $purple !default;\n$purple-600: shade-color($purple, 20%) !default;\n$purple-700: shade-color($purple, 40%) !default;\n$purple-800: shade-color($purple, 60%) !default;\n$purple-900: shade-color($purple, 80%) !default;\n\n$pink-100: tint-color($pink, 80%) !default;\n$pink-200: tint-color($pink, 60%) !default;\n$pink-300: tint-color($pink, 40%) !default;\n$pink-400: tint-color($pink, 20%) !default;\n$pink-500: $pink !default;\n$pink-600: shade-color($pink, 20%) !default;\n$pink-700: shade-color($pink, 40%) !default;\n$pink-800: shade-color($pink, 60%) !default;\n$pink-900: shade-color($pink, 80%) !default;\n\n$red-100: tint-color($red, 80%) !default;\n$red-200: tint-color($red, 60%) !default;\n$red-300: tint-color($red, 40%) !default;\n$red-400: tint-color($red, 20%) !default;\n$red-500: $red !default;\n$red-600: shade-color($red, 20%) !default;\n$red-700: shade-color($red, 40%) !default;\n$red-800: shade-color($red, 60%) !default;\n$red-900: shade-color($red, 80%) !default;\n\n$orange-100: tint-color($orange, 80%) !default;\n$orange-200: tint-color($orange, 60%) !default;\n$orange-300: tint-color($orange, 40%) !default;\n$orange-400: tint-color($orange, 20%) !default;\n$orange-500: $orange !default;\n$orange-600: shade-color($orange, 20%) !default;\n$orange-700: shade-color($orange, 40%) !default;\n$orange-800: shade-color($orange, 60%) !default;\n$orange-900: shade-color($orange, 80%) !default;\n\n$yellow-100: tint-color($yellow, 80%) !default;\n$yellow-200: tint-color($yellow, 60%) !default;\n$yellow-300: tint-color($yellow, 40%) !default;\n$yellow-400: tint-color($yellow, 20%) !default;\n$yellow-500: $yellow !default;\n$yellow-600: shade-color($yellow, 20%) !default;\n$yellow-700: shade-color($yellow, 40%) !default;\n$yellow-800: shade-color($yellow, 60%) !default;\n$yellow-900: shade-color($yellow, 80%) !default;\n\n$green-100: tint-color($green, 80%) !default;\n$green-200: tint-color($green, 60%) !default;\n$green-300: tint-color($green, 40%) !default;\n$green-400: tint-color($green, 20%) !default;\n$green-500: $green !default;\n$green-600: shade-color($green, 20%) !default;\n$green-700: shade-color($green, 40%) !default;\n$green-800: shade-color($green, 60%) !default;\n$green-900: shade-color($green, 80%) !default;\n\n$teal-100: tint-color($teal, 80%) !default;\n$teal-200: tint-color($teal, 60%) !default;\n$teal-300: tint-color($teal, 40%) !default;\n$teal-400: tint-color($teal, 20%) !default;\n$teal-500: $teal !default;\n$teal-600: shade-color($teal, 20%) !default;\n$teal-700: shade-color($teal, 40%) !default;\n$teal-800: shade-color($teal, 60%) !default;\n$teal-900: shade-color($teal, 80%) !default;\n\n$cyan-100: tint-color($cyan, 80%) !default;\n$cyan-200: tint-color($cyan, 60%) !default;\n$cyan-300: tint-color($cyan, 40%) !default;\n$cyan-400: tint-color($cyan, 20%) !default;\n$cyan-500: $cyan !default;\n$cyan-600: shade-color($cyan, 20%) !default;\n$cyan-700: shade-color($cyan, 40%) !default;\n$cyan-800: shade-color($cyan, 60%) !default;\n$cyan-900: shade-color($cyan, 80%) !default;\n\n$blues: (\n \"blue-100\": $blue-100,\n \"blue-200\": $blue-200,\n \"blue-300\": $blue-300,\n \"blue-400\": $blue-400,\n \"blue-500\": $blue-500,\n \"blue-600\": $blue-600,\n \"blue-700\": $blue-700,\n \"blue-800\": $blue-800,\n \"blue-900\": $blue-900\n) !default;\n\n$indigos: (\n \"indigo-100\": $indigo-100,\n \"indigo-200\": $indigo-200,\n \"indigo-300\": $indigo-300,\n \"indigo-400\": $indigo-400,\n \"indigo-500\": $indigo-500,\n \"indigo-600\": $indigo-600,\n \"indigo-700\": $indigo-700,\n \"indigo-800\": $indigo-800,\n \"indigo-900\": $indigo-900\n) !default;\n\n$purples: (\n \"purple-100\": $purple-200,\n \"purple-200\": $purple-100,\n \"purple-300\": $purple-300,\n \"purple-400\": $purple-400,\n \"purple-500\": $purple-500,\n \"purple-600\": $purple-600,\n \"purple-700\": $purple-700,\n \"purple-800\": $purple-800,\n \"purple-900\": $purple-900\n) !default;\n\n$pinks: (\n \"pink-100\": $pink-100,\n \"pink-200\": $pink-200,\n \"pink-300\": $pink-300,\n \"pink-400\": $pink-400,\n \"pink-500\": $pink-500,\n \"pink-600\": $pink-600,\n \"pink-700\": $pink-700,\n \"pink-800\": $pink-800,\n \"pink-900\": $pink-900\n) !default;\n\n$reds: (\n \"red-100\": $red-100,\n \"red-200\": $red-200,\n \"red-300\": $red-300,\n \"red-400\": $red-400,\n \"red-500\": $red-500,\n \"red-600\": $red-600,\n \"red-700\": $red-700,\n \"red-800\": $red-800,\n \"red-900\": $red-900\n) !default;\n\n$oranges: (\n \"orange-100\": $orange-100,\n \"orange-200\": $orange-200,\n \"orange-300\": $orange-300,\n \"orange-400\": $orange-400,\n \"orange-500\": $orange-500,\n \"orange-600\": $orange-600,\n \"orange-700\": $orange-700,\n \"orange-800\": $orange-800,\n \"orange-900\": $orange-900\n) !default;\n\n$yellows: (\n \"yellow-100\": $yellow-100,\n \"yellow-200\": $yellow-200,\n \"yellow-300\": $yellow-300,\n \"yellow-400\": $yellow-400,\n \"yellow-500\": $yellow-500,\n \"yellow-600\": $yellow-600,\n \"yellow-700\": $yellow-700,\n \"yellow-800\": $yellow-800,\n \"yellow-900\": $yellow-900\n) !default;\n\n$greens: (\n \"green-100\": $green-100,\n \"green-200\": $green-200,\n \"green-300\": $green-300,\n \"green-400\": $green-400,\n \"green-500\": $green-500,\n \"green-600\": $green-600,\n \"green-700\": $green-700,\n \"green-800\": $green-800,\n \"green-900\": $green-900\n) !default;\n\n$teals: (\n \"teal-100\": $teal-100,\n \"teal-200\": $teal-200,\n \"teal-300\": $teal-300,\n \"teal-400\": $teal-400,\n \"teal-500\": $teal-500,\n \"teal-600\": $teal-600,\n \"teal-700\": $teal-700,\n \"teal-800\": $teal-800,\n \"teal-900\": $teal-900\n) !default;\n\n$cyans: (\n \"cyan-100\": $cyan-100,\n \"cyan-200\": $cyan-200,\n \"cyan-300\": $cyan-300,\n \"cyan-400\": $cyan-400,\n \"cyan-500\": $cyan-500,\n \"cyan-600\": $cyan-600,\n \"cyan-700\": $cyan-700,\n \"cyan-800\": $cyan-800,\n \"cyan-900\": $cyan-900\n) !default;\n// fusv-enable\n\n// Characters which are escaped by the escape-svg function\n$escaped-characters: (\n (\"<\", \"%3c\"),\n (\">\", \"%3e\"),\n (\"#\", \"%23\"),\n (\"(\", \"%28\"),\n (\")\", \"%29\"),\n) !default;\n\n// Options\n//\n// Quickly modify global styling by enabling or disabling optional features.\n\n$enable-caret: true !default;\n$enable-rounded: true !default;\n$enable-shadows: false !default;\n$enable-gradients: false !default;\n$enable-transitions: true !default;\n$enable-reduced-motion: true !default;\n$enable-smooth-scroll: true !default;\n$enable-grid-classes: true !default;\n$enable-cssgrid: false !default;\n$enable-button-pointers: true !default;\n$enable-rfs: true !default;\n$enable-validation-icons: true !default;\n$enable-negative-margins: false !default;\n$enable-deprecation-messages: true !default;\n$enable-important-utilities: true !default;\n\n// Prefix for :root CSS variables\n\n$variable-prefix: bs- !default;\n\n// Gradient\n//\n// The gradient which is added to components if `$enable-gradients` is `true`\n// This gradient is also added to elements with `.bg-gradient`\n// scss-docs-start variable-gradient\n$gradient: linear-gradient(180deg, rgba($white, .15), rgba($white, 0)) !default;\n// scss-docs-end variable-gradient\n\n// Spacing\n//\n// Control the default styling of most Bootstrap elements by modifying these\n// variables. Mostly focused on spacing.\n// You can add more entries to the $spacers map, should you need more variation.\n\n// scss-docs-start spacer-variables-maps\n$spacer: 1rem !default;\n$spacers: (\n 0: 0,\n 1: $spacer * .25,\n 2: $spacer * .5,\n 3: $spacer,\n 4: $spacer * 1.5,\n 5: $spacer * 3,\n) !default;\n\n$negative-spacers: if($enable-negative-margins, negativify-map($spacers), null) !default;\n// scss-docs-end spacer-variables-maps\n\n// Position\n//\n// Define the edge positioning anchors of the position utilities.\n\n// scss-docs-start position-map\n$position-values: (\n 0: 0,\n 50: 50%,\n 100: 100%\n) !default;\n// scss-docs-end position-map\n\n// Body\n//\n// Settings for the `` element.\n\n$body-bg: $white !default;\n$body-color: $gray-900 !default;\n$body-text-align: null !default;\n\n// Utilities maps\n//\n// Extends the default `$theme-colors` maps to help create our utilities.\n\n// Come v6, we'll de-dupe these variables. Until then, for backward compatibility, we keep them to reassign.\n// scss-docs-start utilities-colors\n$utilities-colors: $theme-colors-rgb !default;\n// scss-docs-end utilities-colors\n\n// scss-docs-start utilities-text-colors\n$utilities-text: map-merge(\n $utilities-colors,\n (\n \"black\": to-rgb($black),\n \"white\": to-rgb($white),\n \"body\": to-rgb($body-color)\n )\n) !default;\n$utilities-text-colors: map-loop($utilities-text, rgba-css-var, \"$key\", \"text\") !default;\n// scss-docs-end utilities-text-colors\n\n// scss-docs-start utilities-bg-colors\n$utilities-bg: map-merge(\n $utilities-colors,\n (\n \"black\": to-rgb($black),\n \"white\": to-rgb($white),\n \"body\": to-rgb($body-bg)\n )\n) !default;\n$utilities-bg-colors: map-loop($utilities-bg, rgba-css-var, \"$key\", \"bg\") !default;\n// scss-docs-end utilities-bg-colors\n\n// Links\n//\n// Style anchor elements.\n\n$link-color: $primary !default;\n$link-decoration: underline !default;\n$link-shade-percentage: 20% !default;\n$link-hover-color: shift-color($link-color, $link-shade-percentage) !default;\n$link-hover-decoration: null !default;\n\n$stretched-link-pseudo-element: after !default;\n$stretched-link-z-index: 1 !default;\n\n// Paragraphs\n//\n// Style p element.\n\n$paragraph-margin-bottom: 1rem !default;\n\n\n// Grid breakpoints\n//\n// Define the minimum dimensions at which your layout will change,\n// adapting to different screen sizes, for use in media queries.\n\n// scss-docs-start grid-breakpoints\n$grid-breakpoints: (\n xs: 0,\n sm: 576px,\n md: 768px,\n lg: 992px,\n xl: 1200px,\n xxl: 1400px\n) !default;\n// scss-docs-end grid-breakpoints\n\n@include _assert-ascending($grid-breakpoints, \"$grid-breakpoints\");\n@include _assert-starts-at-zero($grid-breakpoints, \"$grid-breakpoints\");\n\n\n// Grid containers\n//\n// Define the maximum width of `.container` for different screen sizes.\n\n// scss-docs-start container-max-widths\n$container-max-widths: (\n sm: 540px,\n md: 720px,\n lg: 960px,\n xl: 1140px,\n xxl: 1320px\n) !default;\n// scss-docs-end container-max-widths\n\n@include _assert-ascending($container-max-widths, \"$container-max-widths\");\n\n\n// Grid columns\n//\n// Set the number of columns and specify the width of the gutters.\n\n$grid-columns: 12 !default;\n$grid-gutter-width: 1.5rem !default;\n$grid-row-columns: 6 !default;\n\n$gutters: $spacers !default;\n\n// Container padding\n\n$container-padding-x: $grid-gutter-width * .5 !default;\n\n\n// Components\n//\n// Define common padding and border radius sizes and more.\n\n// scss-docs-start border-variables\n$border-width: 1px !default;\n$border-widths: (\n 1: 1px,\n 2: 2px,\n 3: 3px,\n 4: 4px,\n 5: 5px\n) !default;\n\n$border-color: $gray-300 !default;\n// scss-docs-end border-variables\n\n// scss-docs-start border-radius-variables\n$border-radius: .25rem !default;\n$border-radius-sm: .2rem !default;\n$border-radius-lg: .3rem !default;\n$border-radius-pill: 50rem !default;\n// scss-docs-end border-radius-variables\n\n// scss-docs-start box-shadow-variables\n$box-shadow: 0 .5rem 1rem rgba($black, .15) !default;\n$box-shadow-sm: 0 .125rem .25rem rgba($black, .075) !default;\n$box-shadow-lg: 0 1rem 3rem rgba($black, .175) !default;\n$box-shadow-inset: inset 0 1px 2px rgba($black, .075) !default;\n// scss-docs-end box-shadow-variables\n\n$component-active-color: $white !default;\n$component-active-bg: $primary !default;\n\n// scss-docs-start caret-variables\n$caret-width: .3em !default;\n$caret-vertical-align: $caret-width * .85 !default;\n$caret-spacing: $caret-width * .85 !default;\n// scss-docs-end caret-variables\n\n$transition-base: all .2s ease-in-out !default;\n$transition-fade: opacity .15s linear !default;\n// scss-docs-start collapse-transition\n$transition-collapse: height .35s ease !default;\n$transition-collapse-width: width .35s ease !default;\n// scss-docs-end collapse-transition\n\n// stylelint-disable function-disallowed-list\n// scss-docs-start aspect-ratios\n$aspect-ratios: (\n \"1x1\": 100%,\n \"4x3\": calc(3 / 4 * 100%),\n \"16x9\": calc(9 / 16 * 100%),\n \"21x9\": calc(9 / 21 * 100%)\n) !default;\n// scss-docs-end aspect-ratios\n// stylelint-enable function-disallowed-list\n\n// Typography\n//\n// Font, line-height, and color for body text, headings, and more.\n\n// scss-docs-start font-variables\n// stylelint-disable value-keyword-case\n$font-family-sans-serif: system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\" !default;\n$font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace !default;\n// stylelint-enable value-keyword-case\n$font-family-base: var(--#{$variable-prefix}font-sans-serif) !default;\n$font-family-code: var(--#{$variable-prefix}font-monospace) !default;\n\n// $font-size-root affects the value of `rem`, which is used for as well font sizes, paddings, and margins\n// $font-size-base affects the font size of the body text\n$font-size-root: null !default;\n$font-size-base: 1rem !default; // Assumes the browser default, typically `16px`\n$font-size-sm: $font-size-base * .875 !default;\n$font-size-lg: $font-size-base * 1.25 !default;\n\n$font-weight-lighter: lighter !default;\n$font-weight-light: 300 !default;\n$font-weight-normal: 400 !default;\n$font-weight-bold: 700 !default;\n$font-weight-bolder: bolder !default;\n\n$font-weight-base: $font-weight-normal !default;\n\n$line-height-base: 1.5 !default;\n$line-height-sm: 1.25 !default;\n$line-height-lg: 2 !default;\n\n$h1-font-size: $font-size-base * 2.5 !default;\n$h2-font-size: $font-size-base * 2 !default;\n$h3-font-size: $font-size-base * 1.75 !default;\n$h4-font-size: $font-size-base * 1.5 !default;\n$h5-font-size: $font-size-base * 1.25 !default;\n$h6-font-size: $font-size-base !default;\n// scss-docs-end font-variables\n\n// scss-docs-start font-sizes\n$font-sizes: (\n 1: $h1-font-size,\n 2: $h2-font-size,\n 3: $h3-font-size,\n 4: $h4-font-size,\n 5: $h5-font-size,\n 6: $h6-font-size\n) !default;\n// scss-docs-end font-sizes\n\n// scss-docs-start headings-variables\n$headings-margin-bottom: $spacer * .5 !default;\n$headings-font-family: null !default;\n$headings-font-style: null !default;\n$headings-font-weight: 500 !default;\n$headings-line-height: 1.2 !default;\n$headings-color: null !default;\n// scss-docs-end headings-variables\n\n// scss-docs-start display-headings\n$display-font-sizes: (\n 1: 5rem,\n 2: 4.5rem,\n 3: 4rem,\n 4: 3.5rem,\n 5: 3rem,\n 6: 2.5rem\n) !default;\n\n$display-font-weight: 300 !default;\n$display-line-height: $headings-line-height !default;\n// scss-docs-end display-headings\n\n// scss-docs-start type-variables\n$lead-font-size: $font-size-base * 1.25 !default;\n$lead-font-weight: 300 !default;\n\n$small-font-size: .875em !default;\n\n$sub-sup-font-size: .75em !default;\n\n$text-muted: $gray-600 !default;\n\n$initialism-font-size: $small-font-size !default;\n\n$blockquote-margin-y: $spacer !default;\n$blockquote-font-size: $font-size-base * 1.25 !default;\n$blockquote-footer-color: $gray-600 !default;\n$blockquote-footer-font-size: $small-font-size !default;\n\n$hr-margin-y: $spacer !default;\n$hr-color: inherit !default;\n$hr-height: $border-width !default;\n$hr-opacity: .25 !default;\n\n$legend-margin-bottom: .5rem !default;\n$legend-font-size: 1.5rem !default;\n$legend-font-weight: null !default;\n\n$mark-padding: .2em !default;\n\n$dt-font-weight: $font-weight-bold !default;\n\n$nested-kbd-font-weight: $font-weight-bold !default;\n\n$list-inline-padding: .5rem !default;\n\n$mark-bg: #fcf8e3 !default;\n// scss-docs-end type-variables\n\n\n// Tables\n//\n// Customizes the `.table` component with basic values, each used across all table variations.\n\n// scss-docs-start table-variables\n$table-cell-padding-y: .5rem !default;\n$table-cell-padding-x: .5rem !default;\n$table-cell-padding-y-sm: .25rem !default;\n$table-cell-padding-x-sm: .25rem !default;\n\n$table-cell-vertical-align: top !default;\n\n$table-color: $body-color !default;\n$table-bg: transparent !default;\n$table-accent-bg: transparent !default;\n\n$table-th-font-weight: null !default;\n\n$table-striped-color: $table-color !default;\n$table-striped-bg-factor: .05 !default;\n$table-striped-bg: rgba($black, $table-striped-bg-factor) !default;\n\n$table-active-color: $table-color !default;\n$table-active-bg-factor: .1 !default;\n$table-active-bg: rgba($black, $table-active-bg-factor) !default;\n\n$table-hover-color: $table-color !default;\n$table-hover-bg-factor: .075 !default;\n$table-hover-bg: rgba($black, $table-hover-bg-factor) !default;\n\n$table-border-factor: .1 !default;\n$table-border-width: $border-width !default;\n$table-border-color: $border-color !default;\n\n$table-striped-order: odd !default;\n\n$table-group-separator-color: currentColor !default;\n\n$table-caption-color: $text-muted !default;\n\n$table-bg-scale: -80% !default;\n// scss-docs-end table-variables\n\n// scss-docs-start table-loop\n$table-variants: (\n \"primary\": shift-color($primary, $table-bg-scale),\n \"secondary\": shift-color($secondary, $table-bg-scale),\n \"success\": shift-color($success, $table-bg-scale),\n \"info\": shift-color($info, $table-bg-scale),\n \"warning\": shift-color($warning, $table-bg-scale),\n \"danger\": shift-color($danger, $table-bg-scale),\n \"light\": $light,\n \"dark\": $dark,\n) !default;\n// scss-docs-end table-loop\n\n\n// Buttons + Forms\n//\n// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.\n\n// scss-docs-start input-btn-variables\n$input-btn-padding-y: .375rem !default;\n$input-btn-padding-x: .75rem !default;\n$input-btn-font-family: null !default;\n$input-btn-font-size: $font-size-base !default;\n$input-btn-line-height: $line-height-base !default;\n\n$input-btn-focus-width: .25rem !default;\n$input-btn-focus-color-opacity: .25 !default;\n$input-btn-focus-color: rgba($component-active-bg, $input-btn-focus-color-opacity) !default;\n$input-btn-focus-blur: 0 !default;\n$input-btn-focus-box-shadow: 0 0 $input-btn-focus-blur $input-btn-focus-width $input-btn-focus-color !default;\n\n$input-btn-padding-y-sm: .25rem !default;\n$input-btn-padding-x-sm: .5rem !default;\n$input-btn-font-size-sm: $font-size-sm !default;\n\n$input-btn-padding-y-lg: .5rem !default;\n$input-btn-padding-x-lg: 1rem !default;\n$input-btn-font-size-lg: $font-size-lg !default;\n\n$input-btn-border-width: $border-width !default;\n// scss-docs-end input-btn-variables\n\n\n// Buttons\n//\n// For each of Bootstrap's buttons, define text, background, and border color.\n\n// scss-docs-start btn-variables\n$btn-padding-y: $input-btn-padding-y !default;\n$btn-padding-x: $input-btn-padding-x !default;\n$btn-font-family: $input-btn-font-family !default;\n$btn-font-size: $input-btn-font-size !default;\n$btn-line-height: $input-btn-line-height !default;\n$btn-white-space: null !default; // Set to `nowrap` to prevent text wrapping\n\n$btn-padding-y-sm: $input-btn-padding-y-sm !default;\n$btn-padding-x-sm: $input-btn-padding-x-sm !default;\n$btn-font-size-sm: $input-btn-font-size-sm !default;\n\n$btn-padding-y-lg: $input-btn-padding-y-lg !default;\n$btn-padding-x-lg: $input-btn-padding-x-lg !default;\n$btn-font-size-lg: $input-btn-font-size-lg !default;\n\n$btn-border-width: $input-btn-border-width !default;\n\n$btn-font-weight: $font-weight-normal !default;\n$btn-box-shadow: inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075) !default;\n$btn-focus-width: $input-btn-focus-width !default;\n$btn-focus-box-shadow: $input-btn-focus-box-shadow !default;\n$btn-disabled-opacity: .65 !default;\n$btn-active-box-shadow: inset 0 3px 5px rgba($black, .125) !default;\n\n$btn-link-color: $link-color !default;\n$btn-link-hover-color: $link-hover-color !default;\n$btn-link-disabled-color: $gray-600 !default;\n\n// Allows for customizing button radius independently from global border radius\n$btn-border-radius: $border-radius !default;\n$btn-border-radius-sm: $border-radius-sm !default;\n$btn-border-radius-lg: $border-radius-lg !default;\n\n$btn-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$btn-hover-bg-shade-amount: 15% !default;\n$btn-hover-bg-tint-amount: 15% !default;\n$btn-hover-border-shade-amount: 20% !default;\n$btn-hover-border-tint-amount: 10% !default;\n$btn-active-bg-shade-amount: 20% !default;\n$btn-active-bg-tint-amount: 20% !default;\n$btn-active-border-shade-amount: 25% !default;\n$btn-active-border-tint-amount: 10% !default;\n// scss-docs-end btn-variables\n\n\n// Forms\n\n// scss-docs-start form-text-variables\n$form-text-margin-top: .25rem !default;\n$form-text-font-size: $small-font-size !default;\n$form-text-font-style: null !default;\n$form-text-font-weight: null !default;\n$form-text-color: $text-muted !default;\n// scss-docs-end form-text-variables\n\n// scss-docs-start form-label-variables\n$form-label-margin-bottom: .5rem !default;\n$form-label-font-size: null !default;\n$form-label-font-style: null !default;\n$form-label-font-weight: null !default;\n$form-label-color: null !default;\n// scss-docs-end form-label-variables\n\n// scss-docs-start form-input-variables\n$input-padding-y: $input-btn-padding-y !default;\n$input-padding-x: $input-btn-padding-x !default;\n$input-font-family: $input-btn-font-family !default;\n$input-font-size: $input-btn-font-size !default;\n$input-font-weight: $font-weight-base !default;\n$input-line-height: $input-btn-line-height !default;\n\n$input-padding-y-sm: $input-btn-padding-y-sm !default;\n$input-padding-x-sm: $input-btn-padding-x-sm !default;\n$input-font-size-sm: $input-btn-font-size-sm !default;\n\n$input-padding-y-lg: $input-btn-padding-y-lg !default;\n$input-padding-x-lg: $input-btn-padding-x-lg !default;\n$input-font-size-lg: $input-btn-font-size-lg !default;\n\n$input-bg: $body-bg !default;\n$input-disabled-bg: $gray-200 !default;\n$input-disabled-border-color: null !default;\n\n$input-color: $body-color !default;\n$input-border-color: $gray-400 !default;\n$input-border-width: $input-btn-border-width !default;\n$input-box-shadow: $box-shadow-inset !default;\n\n$input-border-radius: $border-radius !default;\n$input-border-radius-sm: $border-radius-sm !default;\n$input-border-radius-lg: $border-radius-lg !default;\n\n$input-focus-bg: $input-bg !default;\n$input-focus-border-color: tint-color($component-active-bg, 50%) !default;\n$input-focus-color: $input-color !default;\n$input-focus-width: $input-btn-focus-width !default;\n$input-focus-box-shadow: $input-btn-focus-box-shadow !default;\n\n$input-placeholder-color: $gray-600 !default;\n$input-plaintext-color: $body-color !default;\n\n$input-height-border: $input-border-width * 2 !default;\n\n$input-height-inner: add($input-line-height * 1em, $input-padding-y * 2) !default;\n$input-height-inner-half: add($input-line-height * .5em, $input-padding-y) !default;\n$input-height-inner-quarter: add($input-line-height * .25em, $input-padding-y * .5) !default;\n\n$input-height: add($input-line-height * 1em, add($input-padding-y * 2, $input-height-border, false)) !default;\n$input-height-sm: add($input-line-height * 1em, add($input-padding-y-sm * 2, $input-height-border, false)) !default;\n$input-height-lg: add($input-line-height * 1em, add($input-padding-y-lg * 2, $input-height-border, false)) !default;\n\n$input-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$form-color-width: 3rem !default;\n// scss-docs-end form-input-variables\n\n// scss-docs-start form-check-variables\n$form-check-input-width: 1em !default;\n$form-check-min-height: $font-size-base * $line-height-base !default;\n$form-check-padding-start: $form-check-input-width + .5em !default;\n$form-check-margin-bottom: .125rem !default;\n$form-check-label-color: null !default;\n$form-check-label-cursor: null !default;\n$form-check-transition: null !default;\n\n$form-check-input-active-filter: brightness(90%) !default;\n\n$form-check-input-bg: $input-bg !default;\n$form-check-input-border: 1px solid rgba($black, .25) !default;\n$form-check-input-border-radius: .25em !default;\n$form-check-radio-border-radius: 50% !default;\n$form-check-input-focus-border: $input-focus-border-color !default;\n$form-check-input-focus-box-shadow: $input-btn-focus-box-shadow !default;\n\n$form-check-input-checked-color: $component-active-color !default;\n$form-check-input-checked-bg-color: $component-active-bg !default;\n$form-check-input-checked-border-color: $form-check-input-checked-bg-color !default;\n$form-check-input-checked-bg-image: url(\"data:image/svg+xml,\") !default;\n$form-check-radio-checked-bg-image: url(\"data:image/svg+xml,\") !default;\n\n$form-check-input-indeterminate-color: $component-active-color !default;\n$form-check-input-indeterminate-bg-color: $component-active-bg !default;\n$form-check-input-indeterminate-border-color: $form-check-input-indeterminate-bg-color !default;\n$form-check-input-indeterminate-bg-image: url(\"data:image/svg+xml,\") !default;\n\n$form-check-input-disabled-opacity: .5 !default;\n$form-check-label-disabled-opacity: $form-check-input-disabled-opacity !default;\n$form-check-btn-check-disabled-opacity: $btn-disabled-opacity !default;\n\n$form-check-inline-margin-end: 1rem !default;\n// scss-docs-end form-check-variables\n\n// scss-docs-start form-switch-variables\n$form-switch-color: rgba($black, .25) !default;\n$form-switch-width: 2em !default;\n$form-switch-padding-start: $form-switch-width + .5em !default;\n$form-switch-bg-image: url(\"data:image/svg+xml,\") !default;\n$form-switch-border-radius: $form-switch-width !default;\n$form-switch-transition: background-position .15s ease-in-out !default;\n\n$form-switch-focus-color: $input-focus-border-color !default;\n$form-switch-focus-bg-image: url(\"data:image/svg+xml,\") !default;\n\n$form-switch-checked-color: $component-active-color !default;\n$form-switch-checked-bg-image: url(\"data:image/svg+xml,\") !default;\n$form-switch-checked-bg-position: right center !default;\n// scss-docs-end form-switch-variables\n\n// scss-docs-start input-group-variables\n$input-group-addon-padding-y: $input-padding-y !default;\n$input-group-addon-padding-x: $input-padding-x !default;\n$input-group-addon-font-weight: $input-font-weight !default;\n$input-group-addon-color: $input-color !default;\n$input-group-addon-bg: $gray-200 !default;\n$input-group-addon-border-color: $input-border-color !default;\n// scss-docs-end input-group-variables\n\n// scss-docs-start form-select-variables\n$form-select-padding-y: $input-padding-y !default;\n$form-select-padding-x: $input-padding-x !default;\n$form-select-font-family: $input-font-family !default;\n$form-select-font-size: $input-font-size !default;\n$form-select-indicator-padding: $form-select-padding-x * 3 !default; // Extra padding for background-image\n$form-select-font-weight: $input-font-weight !default;\n$form-select-line-height: $input-line-height !default;\n$form-select-color: $input-color !default;\n$form-select-bg: $input-bg !default;\n$form-select-disabled-color: null !default;\n$form-select-disabled-bg: $gray-200 !default;\n$form-select-disabled-border-color: $input-disabled-border-color !default;\n$form-select-bg-position: right $form-select-padding-x center !default;\n$form-select-bg-size: 16px 12px !default; // In pixels because image dimensions\n$form-select-indicator-color: $gray-800 !default;\n$form-select-indicator: url(\"data:image/svg+xml,\") !default;\n\n$form-select-feedback-icon-padding-end: $form-select-padding-x * 2.5 + $form-select-indicator-padding !default;\n$form-select-feedback-icon-position: center right $form-select-indicator-padding !default;\n$form-select-feedback-icon-size: $input-height-inner-half $input-height-inner-half !default;\n\n$form-select-border-width: $input-border-width !default;\n$form-select-border-color: $input-border-color !default;\n$form-select-border-radius: $input-border-radius !default;\n$form-select-box-shadow: $box-shadow-inset !default;\n\n$form-select-focus-border-color: $input-focus-border-color !default;\n$form-select-focus-width: $input-focus-width !default;\n$form-select-focus-box-shadow: 0 0 0 $form-select-focus-width $input-btn-focus-color !default;\n\n$form-select-padding-y-sm: $input-padding-y-sm !default;\n$form-select-padding-x-sm: $input-padding-x-sm !default;\n$form-select-font-size-sm: $input-font-size-sm !default;\n$form-select-border-radius-sm: $input-border-radius-sm !default;\n\n$form-select-padding-y-lg: $input-padding-y-lg !default;\n$form-select-padding-x-lg: $input-padding-x-lg !default;\n$form-select-font-size-lg: $input-font-size-lg !default;\n$form-select-border-radius-lg: $input-border-radius-lg !default;\n\n$form-select-transition: $input-transition !default;\n// scss-docs-end form-select-variables\n\n// scss-docs-start form-range-variables\n$form-range-track-width: 100% !default;\n$form-range-track-height: .5rem !default;\n$form-range-track-cursor: pointer !default;\n$form-range-track-bg: $gray-300 !default;\n$form-range-track-border-radius: 1rem !default;\n$form-range-track-box-shadow: $box-shadow-inset !default;\n\n$form-range-thumb-width: 1rem !default;\n$form-range-thumb-height: $form-range-thumb-width !default;\n$form-range-thumb-bg: $component-active-bg !default;\n$form-range-thumb-border: 0 !default;\n$form-range-thumb-border-radius: 1rem !default;\n$form-range-thumb-box-shadow: 0 .1rem .25rem rgba($black, .1) !default;\n$form-range-thumb-focus-box-shadow: 0 0 0 1px $body-bg, $input-focus-box-shadow !default;\n$form-range-thumb-focus-box-shadow-width: $input-focus-width !default; // For focus box shadow issue in Edge\n$form-range-thumb-active-bg: tint-color($component-active-bg, 70%) !default;\n$form-range-thumb-disabled-bg: $gray-500 !default;\n$form-range-thumb-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n// scss-docs-end form-range-variables\n\n// scss-docs-start form-file-variables\n$form-file-button-color: $input-color !default;\n$form-file-button-bg: $input-group-addon-bg !default;\n$form-file-button-hover-bg: shade-color($form-file-button-bg, 5%) !default;\n// scss-docs-end form-file-variables\n\n// scss-docs-start form-floating-variables\n$form-floating-height: add(3.5rem, $input-height-border) !default;\n$form-floating-line-height: 1.25 !default;\n$form-floating-padding-x: $input-padding-x !default;\n$form-floating-padding-y: 1rem !default;\n$form-floating-input-padding-t: 1.625rem !default;\n$form-floating-input-padding-b: .625rem !default;\n$form-floating-label-opacity: .65 !default;\n$form-floating-label-transform: scale(.85) translateY(-.5rem) translateX(.15rem) !default;\n$form-floating-transition: opacity .1s ease-in-out, transform .1s ease-in-out !default;\n// scss-docs-end form-floating-variables\n\n// Form validation\n\n// scss-docs-start form-feedback-variables\n$form-feedback-margin-top: $form-text-margin-top !default;\n$form-feedback-font-size: $form-text-font-size !default;\n$form-feedback-font-style: $form-text-font-style !default;\n$form-feedback-valid-color: $success !default;\n$form-feedback-invalid-color: $danger !default;\n\n$form-feedback-icon-valid-color: $form-feedback-valid-color !default;\n$form-feedback-icon-valid: url(\"data:image/svg+xml,\") !default;\n$form-feedback-icon-invalid-color: $form-feedback-invalid-color !default;\n$form-feedback-icon-invalid: url(\"data:image/svg+xml,\") !default;\n// scss-docs-end form-feedback-variables\n\n// scss-docs-start form-validation-states\n$form-validation-states: (\n \"valid\": (\n \"color\": $form-feedback-valid-color,\n \"icon\": $form-feedback-icon-valid\n ),\n \"invalid\": (\n \"color\": $form-feedback-invalid-color,\n \"icon\": $form-feedback-icon-invalid\n )\n) !default;\n// scss-docs-end form-validation-states\n\n// Z-index master list\n//\n// Warning: Avoid customizing these values. They're used for a bird's eye view\n// of components dependent on the z-axis and are designed to all work together.\n\n// scss-docs-start zindex-stack\n$zindex-dropdown: 1000 !default;\n$zindex-sticky: 1020 !default;\n$zindex-fixed: 1030 !default;\n$zindex-offcanvas-backdrop: 1040 !default;\n$zindex-offcanvas: 1045 !default;\n$zindex-modal-backdrop: 1050 !default;\n$zindex-modal: 1055 !default;\n$zindex-popover: 1070 !default;\n$zindex-tooltip: 1080 !default;\n// scss-docs-end zindex-stack\n\n\n// Navs\n\n// scss-docs-start nav-variables\n$nav-link-padding-y: .5rem !default;\n$nav-link-padding-x: 1rem !default;\n$nav-link-font-size: null !default;\n$nav-link-font-weight: null !default;\n$nav-link-color: $link-color !default;\n$nav-link-hover-color: $link-hover-color !default;\n$nav-link-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out !default;\n$nav-link-disabled-color: $gray-600 !default;\n\n$nav-tabs-border-color: $gray-300 !default;\n$nav-tabs-border-width: $border-width !default;\n$nav-tabs-border-radius: $border-radius !default;\n$nav-tabs-link-hover-border-color: $gray-200 $gray-200 $nav-tabs-border-color !default;\n$nav-tabs-link-active-color: $gray-700 !default;\n$nav-tabs-link-active-bg: $body-bg !default;\n$nav-tabs-link-active-border-color: $gray-300 $gray-300 $nav-tabs-link-active-bg !default;\n\n$nav-pills-border-radius: $border-radius !default;\n$nav-pills-link-active-color: $component-active-color !default;\n$nav-pills-link-active-bg: $component-active-bg !default;\n// scss-docs-end nav-variables\n\n\n// Navbar\n\n// scss-docs-start navbar-variables\n$navbar-padding-y: $spacer * .5 !default;\n$navbar-padding-x: null !default;\n\n$navbar-nav-link-padding-x: .5rem !default;\n\n$navbar-brand-font-size: $font-size-lg !default;\n// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link\n$nav-link-height: $font-size-base * $line-height-base + $nav-link-padding-y * 2 !default;\n$navbar-brand-height: $navbar-brand-font-size * $line-height-base !default;\n$navbar-brand-padding-y: ($nav-link-height - $navbar-brand-height) * .5 !default;\n$navbar-brand-margin-end: 1rem !default;\n\n$navbar-toggler-padding-y: .25rem !default;\n$navbar-toggler-padding-x: .75rem !default;\n$navbar-toggler-font-size: $font-size-lg !default;\n$navbar-toggler-border-radius: $btn-border-radius !default;\n$navbar-toggler-focus-width: $btn-focus-width !default;\n$navbar-toggler-transition: box-shadow .15s ease-in-out !default;\n// scss-docs-end navbar-variables\n\n// scss-docs-start navbar-theme-variables\n$navbar-dark-color: rgba($white, .55) !default;\n$navbar-dark-hover-color: rgba($white, .75) !default;\n$navbar-dark-active-color: $white !default;\n$navbar-dark-disabled-color: rgba($white, .25) !default;\n$navbar-dark-toggler-icon-bg: url(\"data:image/svg+xml,\") !default;\n$navbar-dark-toggler-border-color: rgba($white, .1) !default;\n\n$navbar-light-color: rgba($black, .55) !default;\n$navbar-light-hover-color: rgba($black, .7) !default;\n$navbar-light-active-color: rgba($black, .9) !default;\n$navbar-light-disabled-color: rgba($black, .3) !default;\n$navbar-light-toggler-icon-bg: url(\"data:image/svg+xml,\") !default;\n$navbar-light-toggler-border-color: rgba($black, .1) !default;\n\n$navbar-light-brand-color: $navbar-light-active-color !default;\n$navbar-light-brand-hover-color: $navbar-light-active-color !default;\n$navbar-dark-brand-color: $navbar-dark-active-color !default;\n$navbar-dark-brand-hover-color: $navbar-dark-active-color !default;\n// scss-docs-end navbar-theme-variables\n\n\n// Dropdowns\n//\n// Dropdown menu container and contents.\n\n// scss-docs-start dropdown-variables\n$dropdown-min-width: 10rem !default;\n$dropdown-padding-x: 0 !default;\n$dropdown-padding-y: .5rem !default;\n$dropdown-spacer: .125rem !default;\n$dropdown-font-size: $font-size-base !default;\n$dropdown-color: $body-color !default;\n$dropdown-bg: $white !default;\n$dropdown-border-color: rgba($black, .15) !default;\n$dropdown-border-radius: $border-radius !default;\n$dropdown-border-width: $border-width !default;\n$dropdown-inner-border-radius: subtract($dropdown-border-radius, $dropdown-border-width) !default;\n$dropdown-divider-bg: $dropdown-border-color !default;\n$dropdown-divider-margin-y: $spacer * .5 !default;\n$dropdown-box-shadow: $box-shadow !default;\n\n$dropdown-link-color: $gray-900 !default;\n$dropdown-link-hover-color: shade-color($dropdown-link-color, 10%) !default;\n$dropdown-link-hover-bg: $gray-200 !default;\n\n$dropdown-link-active-color: $component-active-color !default;\n$dropdown-link-active-bg: $component-active-bg !default;\n\n$dropdown-link-disabled-color: $gray-500 !default;\n\n$dropdown-item-padding-y: $spacer * .25 !default;\n$dropdown-item-padding-x: $spacer !default;\n\n$dropdown-header-color: $gray-600 !default;\n$dropdown-header-padding: $dropdown-padding-y $dropdown-item-padding-x !default;\n// scss-docs-end dropdown-variables\n\n// scss-docs-start dropdown-dark-variables\n$dropdown-dark-color: $gray-300 !default;\n$dropdown-dark-bg: $gray-800 !default;\n$dropdown-dark-border-color: $dropdown-border-color !default;\n$dropdown-dark-divider-bg: $dropdown-divider-bg !default;\n$dropdown-dark-box-shadow: null !default;\n$dropdown-dark-link-color: $dropdown-dark-color !default;\n$dropdown-dark-link-hover-color: $white !default;\n$dropdown-dark-link-hover-bg: rgba($white, .15) !default;\n$dropdown-dark-link-active-color: $dropdown-link-active-color !default;\n$dropdown-dark-link-active-bg: $dropdown-link-active-bg !default;\n$dropdown-dark-link-disabled-color: $gray-500 !default;\n$dropdown-dark-header-color: $gray-500 !default;\n// scss-docs-end dropdown-dark-variables\n\n\n// Pagination\n\n// scss-docs-start pagination-variables\n$pagination-padding-y: .375rem !default;\n$pagination-padding-x: .75rem !default;\n$pagination-padding-y-sm: .25rem !default;\n$pagination-padding-x-sm: .5rem !default;\n$pagination-padding-y-lg: .75rem !default;\n$pagination-padding-x-lg: 1.5rem !default;\n\n$pagination-color: $link-color !default;\n$pagination-bg: $white !default;\n$pagination-border-width: $border-width !default;\n$pagination-border-radius: $border-radius !default;\n$pagination-margin-start: -$pagination-border-width !default;\n$pagination-border-color: $gray-300 !default;\n\n$pagination-focus-color: $link-hover-color !default;\n$pagination-focus-bg: $gray-200 !default;\n$pagination-focus-box-shadow: $input-btn-focus-box-shadow !default;\n$pagination-focus-outline: 0 !default;\n\n$pagination-hover-color: $link-hover-color !default;\n$pagination-hover-bg: $gray-200 !default;\n$pagination-hover-border-color: $gray-300 !default;\n\n$pagination-active-color: $component-active-color !default;\n$pagination-active-bg: $component-active-bg !default;\n$pagination-active-border-color: $pagination-active-bg !default;\n\n$pagination-disabled-color: $gray-600 !default;\n$pagination-disabled-bg: $white !default;\n$pagination-disabled-border-color: $gray-300 !default;\n\n$pagination-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$pagination-border-radius-sm: $border-radius-sm !default;\n$pagination-border-radius-lg: $border-radius-lg !default;\n// scss-docs-end pagination-variables\n\n\n// Placeholders\n\n// scss-docs-start placeholders\n$placeholder-opacity-max: .5 !default;\n$placeholder-opacity-min: .2 !default;\n// scss-docs-end placeholders\n\n// Cards\n\n// scss-docs-start card-variables\n$card-spacer-y: $spacer !default;\n$card-spacer-x: $spacer !default;\n$card-title-spacer-y: $spacer * .5 !default;\n$card-border-width: $border-width !default;\n$card-border-color: rgba($black, .125) !default;\n$card-border-radius: $border-radius !default;\n$card-box-shadow: null !default;\n$card-inner-border-radius: subtract($card-border-radius, $card-border-width) !default;\n$card-cap-padding-y: $card-spacer-y * .5 !default;\n$card-cap-padding-x: $card-spacer-x !default;\n$card-cap-bg: rgba($black, .03) !default;\n$card-cap-color: null !default;\n$card-height: null !default;\n$card-color: null !default;\n$card-bg: $white !default;\n$card-img-overlay-padding: $spacer !default;\n$card-group-margin: $grid-gutter-width * .5 !default;\n// scss-docs-end card-variables\n\n// Accordion\n\n// scss-docs-start accordion-variables\n$accordion-padding-y: 1rem !default;\n$accordion-padding-x: 1.25rem !default;\n$accordion-color: $body-color !default;\n$accordion-bg: $body-bg !default;\n$accordion-border-width: $border-width !default;\n$accordion-border-color: rgba($black, .125) !default;\n$accordion-border-radius: $border-radius !default;\n$accordion-inner-border-radius: subtract($accordion-border-radius, $accordion-border-width) !default;\n\n$accordion-body-padding-y: $accordion-padding-y !default;\n$accordion-body-padding-x: $accordion-padding-x !default;\n\n$accordion-button-padding-y: $accordion-padding-y !default;\n$accordion-button-padding-x: $accordion-padding-x !default;\n$accordion-button-color: $accordion-color !default;\n$accordion-button-bg: $accordion-bg !default;\n$accordion-transition: $btn-transition, border-radius .15s ease !default;\n$accordion-button-active-bg: tint-color($component-active-bg, 90%) !default;\n$accordion-button-active-color: shade-color($primary, 10%) !default;\n\n$accordion-button-focus-border-color: $input-focus-border-color !default;\n$accordion-button-focus-box-shadow: $btn-focus-box-shadow !default;\n\n$accordion-icon-width: 1.25rem !default;\n$accordion-icon-color: $accordion-button-color !default;\n$accordion-icon-active-color: $accordion-button-active-color !default;\n$accordion-icon-transition: transform .2s ease-in-out !default;\n$accordion-icon-transform: rotate(-180deg) !default;\n\n$accordion-button-icon: url(\"data:image/svg+xml,\") !default;\n$accordion-button-active-icon: url(\"data:image/svg+xml,\") !default;\n// scss-docs-end accordion-variables\n\n// Tooltips\n\n// scss-docs-start tooltip-variables\n$tooltip-font-size: $font-size-sm !default;\n$tooltip-max-width: 200px !default;\n$tooltip-color: $white !default;\n$tooltip-bg: $black !default;\n$tooltip-border-radius: $border-radius !default;\n$tooltip-opacity: .9 !default;\n$tooltip-padding-y: $spacer * .25 !default;\n$tooltip-padding-x: $spacer * .5 !default;\n$tooltip-margin: 0 !default;\n\n$tooltip-arrow-width: .8rem !default;\n$tooltip-arrow-height: .4rem !default;\n$tooltip-arrow-color: $tooltip-bg !default;\n// scss-docs-end tooltip-variables\n\n// Form tooltips must come after regular tooltips\n// scss-docs-start tooltip-feedback-variables\n$form-feedback-tooltip-padding-y: $tooltip-padding-y !default;\n$form-feedback-tooltip-padding-x: $tooltip-padding-x !default;\n$form-feedback-tooltip-font-size: $tooltip-font-size !default;\n$form-feedback-tooltip-line-height: null !default;\n$form-feedback-tooltip-opacity: $tooltip-opacity !default;\n$form-feedback-tooltip-border-radius: $tooltip-border-radius !default;\n// scss-docs-end tooltip-feedback-variables\n\n\n// Popovers\n\n// scss-docs-start popover-variables\n$popover-font-size: $font-size-sm !default;\n$popover-bg: $white !default;\n$popover-max-width: 276px !default;\n$popover-border-width: $border-width !default;\n$popover-border-color: rgba($black, .2) !default;\n$popover-border-radius: $border-radius-lg !default;\n$popover-inner-border-radius: subtract($popover-border-radius, $popover-border-width) !default;\n$popover-box-shadow: $box-shadow !default;\n\n$popover-header-bg: shade-color($popover-bg, 6%) !default;\n$popover-header-color: $headings-color !default;\n$popover-header-padding-y: .5rem !default;\n$popover-header-padding-x: $spacer !default;\n\n$popover-body-color: $body-color !default;\n$popover-body-padding-y: $spacer !default;\n$popover-body-padding-x: $spacer !default;\n\n$popover-arrow-width: 1rem !default;\n$popover-arrow-height: .5rem !default;\n$popover-arrow-color: $popover-bg !default;\n\n$popover-arrow-outer-color: fade-in($popover-border-color, .05) !default;\n// scss-docs-end popover-variables\n\n\n// Toasts\n\n// scss-docs-start toast-variables\n$toast-max-width: 350px !default;\n$toast-padding-x: .75rem !default;\n$toast-padding-y: .5rem !default;\n$toast-font-size: .875rem !default;\n$toast-color: null !default;\n$toast-background-color: rgba($white, .85) !default;\n$toast-border-width: 1px !default;\n$toast-border-color: rgba($black, .1) !default;\n$toast-border-radius: $border-radius !default;\n$toast-box-shadow: $box-shadow !default;\n$toast-spacing: $container-padding-x !default;\n\n$toast-header-color: $gray-600 !default;\n$toast-header-background-color: rgba($white, .85) !default;\n$toast-header-border-color: rgba($black, .05) !default;\n// scss-docs-end toast-variables\n\n\n// Badges\n\n// scss-docs-start badge-variables\n$badge-font-size: .75em !default;\n$badge-font-weight: $font-weight-bold !default;\n$badge-color: $white !default;\n$badge-padding-y: .35em !default;\n$badge-padding-x: .65em !default;\n$badge-border-radius: $border-radius !default;\n// scss-docs-end badge-variables\n\n\n// Modals\n\n// scss-docs-start modal-variables\n$modal-inner-padding: $spacer !default;\n\n$modal-footer-margin-between: .5rem !default;\n\n$modal-dialog-margin: .5rem !default;\n$modal-dialog-margin-y-sm-up: 1.75rem !default;\n\n$modal-title-line-height: $line-height-base !default;\n\n$modal-content-color: null !default;\n$modal-content-bg: $white !default;\n$modal-content-border-color: rgba($black, .2) !default;\n$modal-content-border-width: $border-width !default;\n$modal-content-border-radius: $border-radius-lg !default;\n$modal-content-inner-border-radius: subtract($modal-content-border-radius, $modal-content-border-width) !default;\n$modal-content-box-shadow-xs: $box-shadow-sm !default;\n$modal-content-box-shadow-sm-up: $box-shadow !default;\n\n$modal-backdrop-bg: $black !default;\n$modal-backdrop-opacity: .5 !default;\n$modal-header-border-color: $border-color !default;\n$modal-footer-border-color: $modal-header-border-color !default;\n$modal-header-border-width: $modal-content-border-width !default;\n$modal-footer-border-width: $modal-header-border-width !default;\n$modal-header-padding-y: $modal-inner-padding !default;\n$modal-header-padding-x: $modal-inner-padding !default;\n$modal-header-padding: $modal-header-padding-y $modal-header-padding-x !default; // Keep this for backwards compatibility\n\n$modal-sm: 300px !default;\n$modal-md: 500px !default;\n$modal-lg: 800px !default;\n$modal-xl: 1140px !default;\n\n$modal-fade-transform: translate(0, -50px) !default;\n$modal-show-transform: none !default;\n$modal-transition: transform .3s ease-out !default;\n$modal-scale-transform: scale(1.02) !default;\n// scss-docs-end modal-variables\n\n\n// Alerts\n//\n// Define alert colors, border radius, and padding.\n\n// scss-docs-start alert-variables\n$alert-padding-y: $spacer !default;\n$alert-padding-x: $spacer !default;\n$alert-margin-bottom: 1rem !default;\n$alert-border-radius: $border-radius !default;\n$alert-link-font-weight: $font-weight-bold !default;\n$alert-border-width: $border-width !default;\n$alert-bg-scale: -80% !default;\n$alert-border-scale: -70% !default;\n$alert-color-scale: 40% !default;\n$alert-dismissible-padding-r: $alert-padding-x * 3 !default; // 3x covers width of x plus default padding on either side\n// scss-docs-end alert-variables\n\n\n// Progress bars\n\n// scss-docs-start progress-variables\n$progress-height: 1rem !default;\n$progress-font-size: $font-size-base * .75 !default;\n$progress-bg: $gray-200 !default;\n$progress-border-radius: $border-radius !default;\n$progress-box-shadow: $box-shadow-inset !default;\n$progress-bar-color: $white !default;\n$progress-bar-bg: $primary !default;\n$progress-bar-animation-timing: 1s linear infinite !default;\n$progress-bar-transition: width .6s ease !default;\n// scss-docs-end progress-variables\n\n\n// List group\n\n// scss-docs-start list-group-variables\n$list-group-color: $gray-900 !default;\n$list-group-bg: $white !default;\n$list-group-border-color: rgba($black, .125) !default;\n$list-group-border-width: $border-width !default;\n$list-group-border-radius: $border-radius !default;\n\n$list-group-item-padding-y: $spacer * .5 !default;\n$list-group-item-padding-x: $spacer !default;\n$list-group-item-bg-scale: -80% !default;\n$list-group-item-color-scale: 40% !default;\n\n$list-group-hover-bg: $gray-100 !default;\n$list-group-active-color: $component-active-color !default;\n$list-group-active-bg: $component-active-bg !default;\n$list-group-active-border-color: $list-group-active-bg !default;\n\n$list-group-disabled-color: $gray-600 !default;\n$list-group-disabled-bg: $list-group-bg !default;\n\n$list-group-action-color: $gray-700 !default;\n$list-group-action-hover-color: $list-group-action-color !default;\n\n$list-group-action-active-color: $body-color !default;\n$list-group-action-active-bg: $gray-200 !default;\n// scss-docs-end list-group-variables\n\n\n// Image thumbnails\n\n// scss-docs-start thumbnail-variables\n$thumbnail-padding: .25rem !default;\n$thumbnail-bg: $body-bg !default;\n$thumbnail-border-width: $border-width !default;\n$thumbnail-border-color: $gray-300 !default;\n$thumbnail-border-radius: $border-radius !default;\n$thumbnail-box-shadow: $box-shadow-sm !default;\n// scss-docs-end thumbnail-variables\n\n\n// Figures\n\n// scss-docs-start figure-variables\n$figure-caption-font-size: $small-font-size !default;\n$figure-caption-color: $gray-600 !default;\n// scss-docs-end figure-variables\n\n\n// Breadcrumbs\n\n// scss-docs-start breadcrumb-variables\n$breadcrumb-font-size: null !default;\n$breadcrumb-padding-y: 0 !default;\n$breadcrumb-padding-x: 0 !default;\n$breadcrumb-item-padding-x: .5rem !default;\n$breadcrumb-margin-bottom: 1rem !default;\n$breadcrumb-bg: null !default;\n$breadcrumb-divider-color: $gray-600 !default;\n$breadcrumb-active-color: $gray-600 !default;\n$breadcrumb-divider: quote(\"/\") !default;\n$breadcrumb-divider-flipped: $breadcrumb-divider !default;\n$breadcrumb-border-radius: null !default;\n// scss-docs-end breadcrumb-variables\n\n// Carousel\n\n// scss-docs-start carousel-variables\n$carousel-control-color: $white !default;\n$carousel-control-width: 15% !default;\n$carousel-control-opacity: .5 !default;\n$carousel-control-hover-opacity: .9 !default;\n$carousel-control-transition: opacity .15s ease !default;\n\n$carousel-indicator-width: 30px !default;\n$carousel-indicator-height: 3px !default;\n$carousel-indicator-hit-area-height: 10px !default;\n$carousel-indicator-spacer: 3px !default;\n$carousel-indicator-opacity: .5 !default;\n$carousel-indicator-active-bg: $white !default;\n$carousel-indicator-active-opacity: 1 !default;\n$carousel-indicator-transition: opacity .6s ease !default;\n\n$carousel-caption-width: 70% !default;\n$carousel-caption-color: $white !default;\n$carousel-caption-padding-y: 1.25rem !default;\n$carousel-caption-spacer: 1.25rem !default;\n\n$carousel-control-icon-width: 2rem !default;\n\n$carousel-control-prev-icon-bg: url(\"data:image/svg+xml,\") !default;\n$carousel-control-next-icon-bg: url(\"data:image/svg+xml,\") !default;\n\n$carousel-transition-duration: .6s !default;\n$carousel-transition: transform $carousel-transition-duration ease-in-out !default; // Define transform transition first if using multiple transitions (e.g., `transform 2s ease, opacity .5s ease-out`)\n\n$carousel-dark-indicator-active-bg: $black !default;\n$carousel-dark-caption-color: $black !default;\n$carousel-dark-control-icon-filter: invert(1) grayscale(100) !default;\n// scss-docs-end carousel-variables\n\n\n// Spinners\n\n// scss-docs-start spinner-variables\n$spinner-width: 2rem !default;\n$spinner-height: $spinner-width !default;\n$spinner-vertical-align: -.125em !default;\n$spinner-border-width: .25em !default;\n$spinner-animation-speed: .75s !default;\n\n$spinner-width-sm: 1rem !default;\n$spinner-height-sm: $spinner-width-sm !default;\n$spinner-border-width-sm: .2em !default;\n// scss-docs-end spinner-variables\n\n\n// Close\n\n// scss-docs-start close-variables\n$btn-close-width: 1em !default;\n$btn-close-height: $btn-close-width !default;\n$btn-close-padding-x: .25em !default;\n$btn-close-padding-y: $btn-close-padding-x !default;\n$btn-close-color: $black !default;\n$btn-close-bg: url(\"data:image/svg+xml,\") !default;\n$btn-close-focus-shadow: $input-btn-focus-box-shadow !default;\n$btn-close-opacity: .5 !default;\n$btn-close-hover-opacity: .75 !default;\n$btn-close-focus-opacity: 1 !default;\n$btn-close-disabled-opacity: .25 !default;\n$btn-close-white-filter: invert(1) grayscale(100%) brightness(200%) !default;\n// scss-docs-end close-variables\n\n\n// Offcanvas\n\n// scss-docs-start offcanvas-variables\n$offcanvas-padding-y: $modal-inner-padding !default;\n$offcanvas-padding-x: $modal-inner-padding !default;\n$offcanvas-horizontal-width: 400px !default;\n$offcanvas-vertical-height: 30vh !default;\n$offcanvas-transition-duration: .3s !default;\n$offcanvas-border-color: $modal-content-border-color !default;\n$offcanvas-border-width: $modal-content-border-width !default;\n$offcanvas-title-line-height: $modal-title-line-height !default;\n$offcanvas-bg-color: $modal-content-bg !default;\n$offcanvas-color: $modal-content-color !default;\n$offcanvas-box-shadow: $modal-content-box-shadow-xs !default;\n$offcanvas-backdrop-bg: $modal-backdrop-bg !default;\n$offcanvas-backdrop-opacity: $modal-backdrop-opacity !default;\n// scss-docs-end offcanvas-variables\n\n// Code\n\n$code-font-size: $small-font-size !default;\n$code-color: $pink !default;\n\n$kbd-padding-y: .2rem !default;\n$kbd-padding-x: .4rem !default;\n$kbd-font-size: $code-font-size !default;\n$kbd-color: $white !default;\n$kbd-bg: $gray-900 !default;\n\n$pre-color: null !default;\n", - "// Toggles\n//\n// Used in conjunction with global variables to enable certain theme features.\n\n// Vendor\n@import \"vendor/rfs\";\n\n// Deprecate\n@import \"mixins/deprecate\";\n\n// Helpers\n@import \"mixins/breakpoints\";\n@import \"mixins/color-scheme\";\n@import \"mixins/image\";\n@import \"mixins/resize\";\n@import \"mixins/visually-hidden\";\n@import \"mixins/reset-text\";\n@import \"mixins/text-truncate\";\n\n// Utilities\n@import \"mixins/utilities\";\n\n// Components\n@import \"mixins/alert\";\n@import \"mixins/backdrop\";\n@import \"mixins/buttons\";\n@import \"mixins/caret\";\n@import \"mixins/pagination\";\n@import \"mixins/lists\";\n@import \"mixins/list-group\";\n@import \"mixins/forms\";\n@import \"mixins/table-variants\";\n\n// Skins\n@import \"mixins/border-radius\";\n@import \"mixins/box-shadow\";\n@import \"mixins/gradients\";\n@import \"mixins/transition\";\n\n// Layout\n@import \"mixins/clearfix\";\n@import \"mixins/container\";\n@import \"mixins/grid\";\n", - "// stylelint-disable property-blacklist, scss/dollar-variable-default\n\n// SCSS RFS mixin\n//\n// Automated responsive values for font sizes, paddings, margins and much more\n//\n// Licensed under MIT (https://github.com/twbs/rfs/blob/main/LICENSE)\n\n// Configuration\n\n// Base value\n$rfs-base-value: 1.25rem !default;\n$rfs-unit: rem !default;\n\n@if $rfs-unit != rem and $rfs-unit != px {\n @error \"`#{$rfs-unit}` is not a valid unit for $rfs-unit. Use `px` or `rem`.\";\n}\n\n// Breakpoint at where values start decreasing if screen width is smaller\n$rfs-breakpoint: 1200px !default;\n$rfs-breakpoint-unit: px !default;\n\n@if $rfs-breakpoint-unit != px and $rfs-breakpoint-unit != em and $rfs-breakpoint-unit != rem {\n @error \"`#{$rfs-breakpoint-unit}` is not a valid unit for $rfs-breakpoint-unit. Use `px`, `em` or `rem`.\";\n}\n\n// Resize values based on screen height and width\n$rfs-two-dimensional: false !default;\n\n// Factor of decrease\n$rfs-factor: 10 !default;\n\n@if type-of($rfs-factor) != number or $rfs-factor <= 1 {\n @error \"`#{$rfs-factor}` is not a valid $rfs-factor, it must be greater than 1.\";\n}\n\n// Mode. Possibilities: \"min-media-query\", \"max-media-query\"\n$rfs-mode: min-media-query !default;\n\n// Generate enable or disable classes. Possibilities: false, \"enable\" or \"disable\"\n$rfs-class: false !default;\n\n// 1 rem = $rfs-rem-value px\n$rfs-rem-value: 16 !default;\n\n// Safari iframe resize bug: https://github.com/twbs/rfs/issues/14\n$rfs-safari-iframe-resize-bug-fix: false !default;\n\n// Disable RFS by setting $enable-rfs to false\n$enable-rfs: true !default;\n\n// Cache $rfs-base-value unit\n$rfs-base-value-unit: unit($rfs-base-value);\n\n@function divide($dividend, $divisor, $precision: 10) {\n $sign: if($dividend > 0 and $divisor > 0 or $dividend < 0 and $divisor < 0, 1, -1);\n $dividend: abs($dividend);\n $divisor: abs($divisor);\n @if $dividend == 0 {\n @return 0;\n }\n @if $divisor == 0 {\n @error \"Cannot divide by 0\";\n }\n $remainder: $dividend;\n $result: 0;\n $factor: 10;\n @while ($remainder > 0 and $precision >= 0) {\n $quotient: 0;\n @while ($remainder >= $divisor) {\n $remainder: $remainder - $divisor;\n $quotient: $quotient + 1;\n }\n $result: $result * 10 + $quotient;\n $factor: $factor * .1;\n $remainder: $remainder * 10;\n $precision: $precision - 1;\n @if ($precision < 0 and $remainder >= $divisor * 5) {\n $result: $result + 1;\n }\n }\n $result: $result * $factor * $sign;\n $dividend-unit: unit($dividend);\n $divisor-unit: unit($divisor);\n $unit-map: (\n \"px\": 1px,\n \"rem\": 1rem,\n \"em\": 1em,\n \"%\": 1%\n );\n @if ($dividend-unit != $divisor-unit and map-has-key($unit-map, $dividend-unit)) {\n $result: $result * map-get($unit-map, $dividend-unit);\n }\n @return $result;\n}\n\n// Remove px-unit from $rfs-base-value for calculations\n@if $rfs-base-value-unit == px {\n $rfs-base-value: divide($rfs-base-value, $rfs-base-value * 0 + 1);\n}\n@else if $rfs-base-value-unit == rem {\n $rfs-base-value: divide($rfs-base-value, divide($rfs-base-value * 0 + 1, $rfs-rem-value));\n}\n\n// Cache $rfs-breakpoint unit to prevent multiple calls\n$rfs-breakpoint-unit-cache: unit($rfs-breakpoint);\n\n// Remove unit from $rfs-breakpoint for calculations\n@if $rfs-breakpoint-unit-cache == px {\n $rfs-breakpoint: divide($rfs-breakpoint, $rfs-breakpoint * 0 + 1);\n}\n@else if $rfs-breakpoint-unit-cache == rem or $rfs-breakpoint-unit-cache == \"em\" {\n $rfs-breakpoint: divide($rfs-breakpoint, divide($rfs-breakpoint * 0 + 1, $rfs-rem-value));\n}\n\n// Calculate the media query value\n$rfs-mq-value: if($rfs-breakpoint-unit == px, #{$rfs-breakpoint}px, #{divide($rfs-breakpoint, $rfs-rem-value)}#{$rfs-breakpoint-unit});\n$rfs-mq-property-width: if($rfs-mode == max-media-query, max-width, min-width);\n$rfs-mq-property-height: if($rfs-mode == max-media-query, max-height, min-height);\n\n// Internal mixin used to determine which media query needs to be used\n@mixin _rfs-media-query {\n @if $rfs-two-dimensional {\n @if $rfs-mode == max-media-query {\n @media (#{$rfs-mq-property-width}: #{$rfs-mq-value}), (#{$rfs-mq-property-height}: #{$rfs-mq-value}) {\n @content;\n }\n }\n @else {\n @media (#{$rfs-mq-property-width}: #{$rfs-mq-value}) and (#{$rfs-mq-property-height}: #{$rfs-mq-value}) {\n @content;\n }\n }\n }\n @else {\n @media (#{$rfs-mq-property-width}: #{$rfs-mq-value}) {\n @content;\n }\n }\n}\n\n// Internal mixin that adds disable classes to the selector if needed.\n@mixin _rfs-rule {\n @if $rfs-class == disable and $rfs-mode == max-media-query {\n // Adding an extra class increases specificity, which prevents the media query to override the property\n &,\n .disable-rfs &,\n &.disable-rfs {\n @content;\n }\n }\n @else if $rfs-class == enable and $rfs-mode == min-media-query {\n .enable-rfs &,\n &.enable-rfs {\n @content;\n }\n }\n @else {\n @content;\n }\n}\n\n// Internal mixin that adds enable classes to the selector if needed.\n@mixin _rfs-media-query-rule {\n\n @if $rfs-class == enable {\n @if $rfs-mode == min-media-query {\n @content;\n }\n\n @include _rfs-media-query {\n .enable-rfs &,\n &.enable-rfs {\n @content;\n }\n }\n }\n @else {\n @if $rfs-class == disable and $rfs-mode == min-media-query {\n .disable-rfs &,\n &.disable-rfs {\n @content;\n }\n }\n @include _rfs-media-query {\n @content;\n }\n }\n}\n\n// Helper function to get the formatted non-responsive value\n@function rfs-value($values) {\n // Convert to list\n $values: if(type-of($values) != list, ($values,), $values);\n\n $val: '';\n\n // Loop over each value and calculate value\n @each $value in $values {\n @if $value == 0 {\n $val: $val + ' 0';\n }\n @else {\n // Cache $value unit\n $unit: if(type-of($value) == \"number\", unit($value), false);\n\n @if $unit == px {\n // Convert to rem if needed\n $val: $val + ' ' + if($rfs-unit == rem, #{divide($value, $value * 0 + $rfs-rem-value)}rem, $value);\n }\n @else if $unit == rem {\n // Convert to px if needed\n $val: $val + ' ' + if($rfs-unit == px, #{divide($value, $value * 0 + 1) * $rfs-rem-value}px, $value);\n }\n @else {\n // If $value isn't a number (like inherit) or $value has a unit (not px or rem, like 1.5em) or $ is 0, just print the value\n $val: $val + ' ' + $value;\n }\n }\n }\n\n // Remove first space\n @return unquote(str-slice($val, 2));\n}\n\n// Helper function to get the responsive value calculated by RFS\n@function rfs-fluid-value($values) {\n // Convert to list\n $values: if(type-of($values) != list, ($values,), $values);\n\n $val: '';\n\n // Loop over each value and calculate value\n @each $value in $values {\n @if $value == 0 {\n $val: $val + ' 0';\n }\n\n @else {\n // Cache $value unit\n $unit: if(type-of($value) == \"number\", unit($value), false);\n\n // If $value isn't a number (like inherit) or $value has a unit (not px or rem, like 1.5em) or $ is 0, just print the value\n @if not $unit or $unit != px and $unit != rem {\n $val: $val + ' ' + $value;\n }\n\n @else {\n // Remove unit from $value for calculations\n $value: divide($value, $value * 0 + if($unit == px, 1, divide(1, $rfs-rem-value)));\n\n // Only add the media query if the value is greater than the minimum value\n @if abs($value) <= $rfs-base-value or not $enable-rfs {\n $val: $val + ' ' + if($rfs-unit == rem, #{divide($value, $rfs-rem-value)}rem, #{$value}px);\n }\n @else {\n // Calculate the minimum value\n $value-min: $rfs-base-value + divide(abs($value) - $rfs-base-value, $rfs-factor);\n\n // Calculate difference between $value and the minimum value\n $value-diff: abs($value) - $value-min;\n\n // Base value formatting\n $min-width: if($rfs-unit == rem, #{divide($value-min, $rfs-rem-value)}rem, #{$value-min}px);\n\n // Use negative value if needed\n $min-width: if($value < 0, -$min-width, $min-width);\n\n // Use `vmin` if two-dimensional is enabled\n $variable-unit: if($rfs-two-dimensional, vmin, vw);\n\n // Calculate the variable width between 0 and $rfs-breakpoint\n $variable-width: #{divide($value-diff * 100, $rfs-breakpoint)}#{$variable-unit};\n\n // Return the calculated value\n $val: $val + ' calc(' + $min-width + if($value < 0, ' - ', ' + ') + $variable-width + ')';\n }\n }\n }\n }\n\n // Remove first space\n @return unquote(str-slice($val, 2));\n}\n\n// RFS mixin\n@mixin rfs($values, $property: font-size) {\n @if $values != null {\n $val: rfs-value($values);\n $fluidVal: rfs-fluid-value($values);\n\n // Do not print the media query if responsive & non-responsive values are the same\n @if $val == $fluidVal {\n #{$property}: $val;\n }\n @else {\n @include _rfs-rule {\n #{$property}: if($rfs-mode == max-media-query, $val, $fluidVal);\n\n // Include safari iframe resize fix if needed\n min-width: if($rfs-safari-iframe-resize-bug-fix, (0 * 1vw), null);\n }\n\n @include _rfs-media-query-rule {\n #{$property}: if($rfs-mode == max-media-query, $fluidVal, $val);\n }\n }\n }\n}\n\n// Shorthand helper mixins\n@mixin font-size($value) {\n @include rfs($value);\n}\n\n@mixin padding($value) {\n @include rfs($value, padding);\n}\n\n@mixin padding-top($value) {\n @include rfs($value, padding-top);\n}\n\n@mixin padding-right($value) {\n @include rfs($value, padding-right);\n}\n\n@mixin padding-bottom($value) {\n @include rfs($value, padding-bottom);\n}\n\n@mixin padding-left($value) {\n @include rfs($value, padding-left);\n}\n\n@mixin margin($value) {\n @include rfs($value, margin);\n}\n\n@mixin margin-top($value) {\n @include rfs($value, margin-top);\n}\n\n@mixin margin-right($value) {\n @include rfs($value, margin-right);\n}\n\n@mixin margin-bottom($value) {\n @include rfs($value, margin-bottom);\n}\n\n@mixin margin-left($value) {\n @include rfs($value, margin-left);\n}\n", - "// Deprecate mixin\n//\n// This mixin can be used to deprecate mixins or functions.\n// `$enable-deprecation-messages` is a global variable, `$ignore-warning` is a variable that can be passed to\n// some deprecated mixins to suppress the warning (for example if the mixin is still be used in the current version of Bootstrap)\n@mixin deprecate($name, $deprecate-version, $remove-version, $ignore-warning: false) {\n @if ($enable-deprecation-messages != false and $ignore-warning != true) {\n @warn \"#{$name} has been deprecated as of #{$deprecate-version}. It will be removed entirely in #{$remove-version}.\";\n }\n}\n", - "// Breakpoint viewport sizes and media queries.\n//\n// Breakpoints are defined as a map of (name: minimum width), order from small to large:\n//\n// (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)\n//\n// The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.\n\n// Name of the next breakpoint, or null for the last breakpoint.\n//\n// >> breakpoint-next(sm)\n// md\n// >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// md\n// >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))\n// md\n@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\n $n: index($breakpoint-names, $name);\n @if not $n {\n @error \"breakpoint `#{$name}` not found in `#{$breakpoints}`\";\n }\n @return if($n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);\n}\n\n// Minimum breakpoint width. Null for the smallest (first) breakpoint.\n//\n// >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 576px\n@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {\n $min: map-get($breakpoints, $name);\n @return if($min != 0, $min, null);\n}\n\n// Maximum breakpoint width.\n// The maximum value is reduced by 0.02px to work around the limitations of\n// `min-` and `max-` prefixes and viewports with fractional widths.\n// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max\n// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\n// See https://bugs.webkit.org/show_bug.cgi?id=178261\n//\n// >> breakpoint-max(md, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 767.98px\n@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {\n $max: map-get($breakpoints, $name);\n @return if($max and $max > 0, $max - .02, null);\n}\n\n// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash in front.\n// Useful for making responsive utilities.\n//\n// >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"\" (Returns a blank string)\n// >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"-sm\"\n@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {\n @return if(breakpoint-min($name, $breakpoints) == null, \"\", \"-#{$name}\");\n}\n\n// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.\n// Makes the @content apply to the given breakpoint and wider.\n@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n @if $min {\n @media (min-width: $min) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media of at most the maximum breakpoint width. No query for the largest breakpoint.\n// Makes the @content apply to the given breakpoint and narrower.\n@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {\n $max: breakpoint-max($name, $breakpoints);\n @if $max {\n @media (max-width: $max) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media that spans multiple breakpoint widths.\n// Makes the @content apply between the min and max breakpoints\n@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($lower, $breakpoints);\n $max: breakpoint-max($upper, $breakpoints);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($lower, $breakpoints) {\n @content;\n }\n } @else if $min == null {\n @include media-breakpoint-down($upper, $breakpoints) {\n @content;\n }\n }\n}\n\n// Media between the breakpoint's minimum and maximum widths.\n// No minimum for the smallest breakpoint, and no maximum for the largest one.\n// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.\n@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n $next: breakpoint-next($name, $breakpoints);\n $max: breakpoint-max($next);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($name, $breakpoints) {\n @content;\n }\n } @else if $min == null {\n @include media-breakpoint-down($next, $breakpoints) {\n @content;\n }\n }\n}\n", - "// scss-docs-start mixin-color-scheme\n@mixin color-scheme($name) {\n @media (prefers-color-scheme: #{$name}) {\n @content;\n }\n}\n// scss-docs-end mixin-color-scheme\n", - "// Image Mixins\n// - Responsive image\n// - Retina image\n\n\n// Responsive image\n//\n// Keep images from scaling beyond the width of their parents.\n\n@mixin img-fluid {\n // Part 1: Set a maximum relative to the parent\n max-width: 100%;\n // Part 2: Override the height to auto, otherwise images will be stretched\n // when setting a width and height attribute on the img element.\n height: auto;\n}\n", - "// Resize anything\n\n@mixin resizable($direction) {\n overflow: auto; // Per CSS3 UI, `resize` only applies when `overflow` isn't `visible`\n resize: $direction; // Options: horizontal, vertical, both\n}\n", - "// stylelint-disable declaration-no-important\n\n// Hide content visually while keeping it accessible to assistive technologies\n//\n// See: https://www.a11yproject.com/posts/2013-01-11-how-to-hide-content/\n// See: https://kittygiraudel.com/2016/10/13/css-hide-and-seek/\n\n@mixin visually-hidden() {\n position: absolute !important;\n width: 1px !important;\n height: 1px !important;\n padding: 0 !important;\n margin: -1px !important; // Fix for https://github.com/twbs/bootstrap/issues/25686\n overflow: hidden !important;\n clip: rect(0, 0, 0, 0) !important;\n white-space: nowrap !important;\n border: 0 !important;\n}\n\n// Use to only display content when it's focused, or one of its child elements is focused\n// (i.e. when focus is within the element/container that the class was applied to)\n//\n// Useful for \"Skip to main content\" links; see https://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1\n\n@mixin visually-hidden-focusable() {\n &:not(:focus):not(:focus-within) {\n @include visually-hidden();\n }\n}\n", - "@mixin reset-text {\n font-family: $font-family-base;\n // We deliberately do NOT reset font-size or overflow-wrap / word-wrap.\n font-style: normal;\n font-weight: $font-weight-normal;\n line-height: $line-height-base;\n text-align: left; // Fallback for where `start` is not supported\n text-align: start;\n text-decoration: none;\n text-shadow: none;\n text-transform: none;\n letter-spacing: normal;\n word-break: normal;\n word-spacing: normal;\n white-space: normal;\n line-break: auto;\n}\n", - "// Text truncate\n// Requires inline-block or block for proper styling\n\n@mixin text-truncate() {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n", - "// Utility generator\n// Used to generate utilities & print utilities\n@mixin generate-utility($utility, $infix, $is-rfs-media-query: false) {\n $values: map-get($utility, values);\n\n // If the values are a list or string, convert it into a map\n @if type-of($values) == \"string\" or type-of(nth($values, 1)) != \"list\" {\n $values: zip($values, $values);\n }\n\n @each $key, $value in $values {\n $properties: map-get($utility, property);\n\n // Multiple properties are possible, for example with vertical or horizontal margins or paddings\n @if type-of($properties) == \"string\" {\n $properties: append((), $properties);\n }\n\n // Use custom class if present\n $property-class: if(map-has-key($utility, class), map-get($utility, class), nth($properties, 1));\n $property-class: if($property-class == null, \"\", $property-class);\n\n // State params to generate pseudo-classes\n $state: if(map-has-key($utility, state), map-get($utility, state), ());\n\n $infix: if($property-class == \"\" and str-slice($infix, 1, 1) == \"-\", str-slice($infix, 2), $infix);\n\n // Don't prefix if value key is null (eg. with shadow class)\n $property-class-modifier: if($key, if($property-class == \"\" and $infix == \"\", \"\", \"-\") + $key, \"\");\n\n @if map-get($utility, rfs) {\n // Inside the media query\n @if $is-rfs-media-query {\n $val: rfs-value($value);\n\n // Do not render anything if fluid and non fluid values are the same\n $value: if($val == rfs-fluid-value($value), null, $val);\n }\n @else {\n $value: rfs-fluid-value($value);\n }\n }\n\n $is-css-var: map-get($utility, css-var);\n $is-local-vars: map-get($utility, local-vars);\n $is-rtl: map-get($utility, rtl);\n\n @if $value != null {\n @if $is-rtl == false {\n /* rtl:begin:remove */\n }\n\n @if $is-css-var {\n .#{$property-class + $infix + $property-class-modifier} {\n --#{$variable-prefix}#{$property-class}: #{$value};\n }\n\n @each $pseudo in $state {\n .#{$property-class + $infix + $property-class-modifier}-#{$pseudo}:#{$pseudo} {\n --#{$variable-prefix}#{$property-class}: #{$value};\n }\n }\n } @else {\n .#{$property-class + $infix + $property-class-modifier} {\n @each $property in $properties {\n @if $is-local-vars {\n @each $local-var, $value in $is-local-vars {\n --#{$variable-prefix}#{$local-var}: #{$value};\n }\n }\n #{$property}: $value if($enable-important-utilities, !important, null);\n }\n }\n\n @each $pseudo in $state {\n .#{$property-class + $infix + $property-class-modifier}-#{$pseudo}:#{$pseudo} {\n @each $property in $properties {\n #{$property}: $value if($enable-important-utilities, !important, null);\n }\n }\n }\n }\n\n @if $is-rtl == false {\n /* rtl:end:remove */\n }\n }\n }\n}\n", - "// scss-docs-start alert-variant-mixin\n@mixin alert-variant($background, $border, $color) {\n color: $color;\n @include gradient-bg($background);\n border-color: $border;\n\n .alert-link {\n color: shade-color($color, 20%);\n }\n}\n// scss-docs-end alert-variant-mixin\n", - "// Shared between modals and offcanvases\n@mixin overlay-backdrop($zindex, $backdrop-bg, $backdrop-opacity) {\n position: fixed;\n top: 0;\n left: 0;\n z-index: $zindex;\n width: 100vw;\n height: 100vh;\n background-color: $backdrop-bg;\n\n // Fade for backdrop\n &.fade { opacity: 0; }\n &.show { opacity: $backdrop-opacity; }\n}\n", - "// Button variants\n//\n// Easily pump out default styles, as well as :hover, :focus, :active,\n// and disabled options for all buttons\n\n// scss-docs-start btn-variant-mixin\n@mixin button-variant(\n $background,\n $border,\n $color: color-contrast($background),\n $hover-background: if($color == $color-contrast-light, shade-color($background, $btn-hover-bg-shade-amount), tint-color($background, $btn-hover-bg-tint-amount)),\n $hover-border: if($color == $color-contrast-light, shade-color($border, $btn-hover-border-shade-amount), tint-color($border, $btn-hover-border-tint-amount)),\n $hover-color: color-contrast($hover-background),\n $active-background: if($color == $color-contrast-light, shade-color($background, $btn-active-bg-shade-amount), tint-color($background, $btn-active-bg-tint-amount)),\n $active-border: if($color == $color-contrast-light, shade-color($border, $btn-active-border-shade-amount), tint-color($border, $btn-active-border-tint-amount)),\n $active-color: color-contrast($active-background),\n $disabled-background: $background,\n $disabled-border: $border,\n $disabled-color: color-contrast($disabled-background)\n) {\n color: $color;\n @include gradient-bg($background);\n border-color: $border;\n @include box-shadow($btn-box-shadow);\n\n &:hover {\n color: $hover-color;\n @include gradient-bg($hover-background);\n border-color: $hover-border;\n }\n\n .btn-check:focus + &,\n &:focus {\n color: $hover-color;\n @include gradient-bg($hover-background);\n border-color: $hover-border;\n @if $enable-shadows {\n @include box-shadow($btn-box-shadow, 0 0 0 $btn-focus-width rgba(mix($color, $border, 15%), .5));\n } @else {\n // Avoid using mixin so we can pass custom focus shadow properly\n box-shadow: 0 0 0 $btn-focus-width rgba(mix($color, $border, 15%), .5);\n }\n }\n\n .btn-check:checked + &,\n .btn-check:active + &,\n &:active,\n &.active,\n .show > &.dropdown-toggle {\n color: $active-color;\n background-color: $active-background;\n // Remove CSS gradients if they're enabled\n background-image: if($enable-gradients, none, null);\n border-color: $active-border;\n\n &:focus {\n @if $enable-shadows {\n @include box-shadow($btn-active-box-shadow, 0 0 0 $btn-focus-width rgba(mix($color, $border, 15%), .5));\n } @else {\n // Avoid using mixin so we can pass custom focus shadow properly\n box-shadow: 0 0 0 $btn-focus-width rgba(mix($color, $border, 15%), .5);\n }\n }\n }\n\n &:disabled,\n &.disabled {\n color: $disabled-color;\n background-color: $disabled-background;\n // Remove CSS gradients if they're enabled\n background-image: if($enable-gradients, none, null);\n border-color: $disabled-border;\n }\n}\n// scss-docs-end btn-variant-mixin\n\n// scss-docs-start btn-outline-variant-mixin\n@mixin button-outline-variant(\n $color,\n $color-hover: color-contrast($color),\n $active-background: $color,\n $active-border: $color,\n $active-color: color-contrast($active-background)\n) {\n color: $color;\n border-color: $color;\n\n &:hover {\n color: $color-hover;\n background-color: $active-background;\n border-color: $active-border;\n }\n\n .btn-check:focus + &,\n &:focus {\n box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);\n }\n\n .btn-check:checked + &,\n .btn-check:active + &,\n &:active,\n &.active,\n &.dropdown-toggle.show {\n color: $active-color;\n background-color: $active-background;\n border-color: $active-border;\n\n &:focus {\n @if $enable-shadows {\n @include box-shadow($btn-active-box-shadow, 0 0 0 $btn-focus-width rgba($color, .5));\n } @else {\n // Avoid using mixin so we can pass custom focus shadow properly\n box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);\n }\n }\n }\n\n &:disabled,\n &.disabled {\n color: $color;\n background-color: transparent;\n }\n}\n// scss-docs-end btn-outline-variant-mixin\n\n// scss-docs-start btn-size-mixin\n@mixin button-size($padding-y, $padding-x, $font-size, $border-radius) {\n padding: $padding-y $padding-x;\n @include font-size($font-size);\n // Manually declare to provide an override to the browser default\n @include border-radius($border-radius, 0);\n}\n// scss-docs-end btn-size-mixin\n", - "// scss-docs-start caret-mixins\n@mixin caret-down {\n border-top: $caret-width solid;\n border-right: $caret-width solid transparent;\n border-bottom: 0;\n border-left: $caret-width solid transparent;\n}\n\n@mixin caret-up {\n border-top: 0;\n border-right: $caret-width solid transparent;\n border-bottom: $caret-width solid;\n border-left: $caret-width solid transparent;\n}\n\n@mixin caret-end {\n border-top: $caret-width solid transparent;\n border-right: 0;\n border-bottom: $caret-width solid transparent;\n border-left: $caret-width solid;\n}\n\n@mixin caret-start {\n border-top: $caret-width solid transparent;\n border-right: $caret-width solid;\n border-bottom: $caret-width solid transparent;\n}\n\n@mixin caret($direction: down) {\n @if $enable-caret {\n &::after {\n display: inline-block;\n margin-left: $caret-spacing;\n vertical-align: $caret-vertical-align;\n content: \"\";\n @if $direction == down {\n @include caret-down();\n } @else if $direction == up {\n @include caret-up();\n } @else if $direction == end {\n @include caret-end();\n }\n }\n\n @if $direction == start {\n &::after {\n display: none;\n }\n\n &::before {\n display: inline-block;\n margin-right: $caret-spacing;\n vertical-align: $caret-vertical-align;\n content: \"\";\n @include caret-start();\n }\n }\n\n &:empty::after {\n margin-left: 0;\n }\n }\n}\n// scss-docs-end caret-mixins\n", - "// Pagination\n\n// scss-docs-start pagination-mixin\n@mixin pagination-size($padding-y, $padding-x, $font-size, $border-radius) {\n .page-link {\n padding: $padding-y $padding-x;\n @include font-size($font-size);\n }\n\n .page-item {\n @if $pagination-margin-start == (-$pagination-border-width) {\n &:first-child {\n .page-link {\n @include border-start-radius($border-radius);\n }\n }\n\n &:last-child {\n .page-link {\n @include border-end-radius($border-radius);\n }\n }\n } @else {\n //Add border-radius to all pageLinks in case they have left margin\n .page-link {\n @include border-radius($border-radius);\n }\n }\n }\n}\n// scss-docs-end pagination-mixin\n", - "// Lists\n\n// Unstyled keeps list items block level, just removes default browser padding and list-style\n@mixin list-unstyled {\n padding-left: 0;\n list-style: none;\n}\n", - "// List Groups\n\n// scss-docs-start list-group-mixin\n@mixin list-group-item-variant($state, $background, $color) {\n .list-group-item-#{$state} {\n color: $color;\n background-color: $background;\n\n &.list-group-item-action {\n &:hover,\n &:focus {\n color: $color;\n background-color: shade-color($background, 10%);\n }\n\n &.active {\n color: $white;\n background-color: $color;\n border-color: $color;\n }\n }\n }\n}\n// scss-docs-end list-group-mixin\n", - "// This mixin uses an `if()` technique to be compatible with Dart Sass\n// See https://github.com/sass/sass/issues/1873#issuecomment-152293725 for more details\n\n// scss-docs-start form-validation-mixins\n@mixin form-validation-state-selector($state) {\n @if ($state == \"valid\" or $state == \"invalid\") {\n .was-validated #{if(&, \"&\", \"\")}:#{$state},\n #{if(&, \"&\", \"\")}.is-#{$state} {\n @content;\n }\n } @else {\n #{if(&, \"&\", \"\")}.is-#{$state} {\n @content;\n }\n }\n}\n\n@mixin form-validation-state(\n $state,\n $color,\n $icon,\n $tooltip-color: color-contrast($color),\n $tooltip-bg-color: rgba($color, $form-feedback-tooltip-opacity),\n $focus-box-shadow: 0 0 $input-btn-focus-blur $input-focus-width rgba($color, $input-btn-focus-color-opacity)\n) {\n .#{$state}-feedback {\n display: none;\n width: 100%;\n margin-top: $form-feedback-margin-top;\n @include font-size($form-feedback-font-size);\n font-style: $form-feedback-font-style;\n color: $color;\n }\n\n .#{$state}-tooltip {\n position: absolute;\n top: 100%;\n z-index: 5;\n display: none;\n max-width: 100%; // Contain to parent when possible\n padding: $form-feedback-tooltip-padding-y $form-feedback-tooltip-padding-x;\n margin-top: .1rem;\n @include font-size($form-feedback-tooltip-font-size);\n line-height: $form-feedback-tooltip-line-height;\n color: $tooltip-color;\n background-color: $tooltip-bg-color;\n @include border-radius($form-feedback-tooltip-border-radius);\n }\n\n @include form-validation-state-selector($state) {\n ~ .#{$state}-feedback,\n ~ .#{$state}-tooltip {\n display: block;\n }\n }\n\n .form-control {\n @include form-validation-state-selector($state) {\n border-color: $color;\n\n @if $enable-validation-icons {\n padding-right: $input-height-inner;\n background-image: escape-svg($icon);\n background-repeat: no-repeat;\n background-position: right $input-height-inner-quarter center;\n background-size: $input-height-inner-half $input-height-inner-half;\n }\n\n &:focus {\n border-color: $color;\n box-shadow: $focus-box-shadow;\n }\n }\n }\n\n // stylelint-disable-next-line selector-no-qualifying-type\n textarea.form-control {\n @include form-validation-state-selector($state) {\n @if $enable-validation-icons {\n padding-right: $input-height-inner;\n background-position: top $input-height-inner-quarter right $input-height-inner-quarter;\n }\n }\n }\n\n .form-select {\n @include form-validation-state-selector($state) {\n border-color: $color;\n\n @if $enable-validation-icons {\n &:not([multiple]):not([size]),\n &:not([multiple])[size=\"1\"] {\n padding-right: $form-select-feedback-icon-padding-end;\n background-image: escape-svg($form-select-indicator), escape-svg($icon);\n background-position: $form-select-bg-position, $form-select-feedback-icon-position;\n background-size: $form-select-bg-size, $form-select-feedback-icon-size;\n }\n }\n\n &:focus {\n border-color: $color;\n box-shadow: $focus-box-shadow;\n }\n }\n }\n\n .form-check-input {\n @include form-validation-state-selector($state) {\n border-color: $color;\n\n &:checked {\n background-color: $color;\n }\n\n &:focus {\n box-shadow: $focus-box-shadow;\n }\n\n ~ .form-check-label {\n color: $color;\n }\n }\n }\n .form-check-inline .form-check-input {\n ~ .#{$state}-feedback {\n margin-left: .5em;\n }\n }\n\n .input-group .form-control,\n .input-group .form-select {\n @include form-validation-state-selector($state) {\n @if $state == \"valid\" {\n z-index: 1;\n } @else if $state == \"invalid\" {\n z-index: 2;\n }\n &:focus {\n z-index: 3;\n }\n }\n }\n}\n// scss-docs-end form-validation-mixins\n", - "// scss-docs-start table-variant\n@mixin table-variant($state, $background) {\n .table-#{$state} {\n $color: color-contrast(opaque($body-bg, $background));\n $hover-bg: mix($color, $background, percentage($table-hover-bg-factor));\n $striped-bg: mix($color, $background, percentage($table-striped-bg-factor));\n $active-bg: mix($color, $background, percentage($table-active-bg-factor));\n\n --#{$variable-prefix}table-bg: #{$background};\n --#{$variable-prefix}table-striped-bg: #{$striped-bg};\n --#{$variable-prefix}table-striped-color: #{color-contrast($striped-bg)};\n --#{$variable-prefix}table-active-bg: #{$active-bg};\n --#{$variable-prefix}table-active-color: #{color-contrast($active-bg)};\n --#{$variable-prefix}table-hover-bg: #{$hover-bg};\n --#{$variable-prefix}table-hover-color: #{color-contrast($hover-bg)};\n\n color: $color;\n border-color: mix($color, $background, percentage($table-border-factor));\n }\n}\n// scss-docs-end table-variant\n", - "// stylelint-disable property-disallowed-list\n// Single side border-radius\n\n// Helper function to replace negative values with 0\n@function valid-radius($radius) {\n $return: ();\n @each $value in $radius {\n @if type-of($value) == number {\n $return: append($return, max($value, 0));\n } @else {\n $return: append($return, $value);\n }\n }\n @return $return;\n}\n\n// scss-docs-start border-radius-mixins\n@mixin border-radius($radius: $border-radius, $fallback-border-radius: false) {\n @if $enable-rounded {\n border-radius: valid-radius($radius);\n }\n @else if $fallback-border-radius != false {\n border-radius: $fallback-border-radius;\n }\n}\n\n@mixin border-top-radius($radius: $border-radius) {\n @if $enable-rounded {\n border-top-left-radius: valid-radius($radius);\n border-top-right-radius: valid-radius($radius);\n }\n}\n\n@mixin border-end-radius($radius: $border-radius) {\n @if $enable-rounded {\n border-top-right-radius: valid-radius($radius);\n border-bottom-right-radius: valid-radius($radius);\n }\n}\n\n@mixin border-bottom-radius($radius: $border-radius) {\n @if $enable-rounded {\n border-bottom-right-radius: valid-radius($radius);\n border-bottom-left-radius: valid-radius($radius);\n }\n}\n\n@mixin border-start-radius($radius: $border-radius) {\n @if $enable-rounded {\n border-top-left-radius: valid-radius($radius);\n border-bottom-left-radius: valid-radius($radius);\n }\n}\n\n@mixin border-top-start-radius($radius: $border-radius) {\n @if $enable-rounded {\n border-top-left-radius: valid-radius($radius);\n }\n}\n\n@mixin border-top-end-radius($radius: $border-radius) {\n @if $enable-rounded {\n border-top-right-radius: valid-radius($radius);\n }\n}\n\n@mixin border-bottom-end-radius($radius: $border-radius) {\n @if $enable-rounded {\n border-bottom-right-radius: valid-radius($radius);\n }\n}\n\n@mixin border-bottom-start-radius($radius: $border-radius) {\n @if $enable-rounded {\n border-bottom-left-radius: valid-radius($radius);\n }\n}\n// scss-docs-end border-radius-mixins\n", - "@mixin box-shadow($shadow...) {\n @if $enable-shadows {\n $result: ();\n\n @each $value in $shadow {\n @if $value != null {\n $result: append($result, $value, \"comma\");\n }\n @if $value == none and length($shadow) > 1 {\n @warn \"The keyword 'none' must be used as a single argument.\";\n }\n }\n\n @if (length($result) > 0) {\n box-shadow: $result;\n }\n }\n}\n", - "// Gradients\n\n// scss-docs-start gradient-bg-mixin\n@mixin gradient-bg($color: null) {\n background-color: $color;\n\n @if $enable-gradients {\n background-image: var(--#{$variable-prefix}gradient);\n }\n}\n// scss-docs-end gradient-bg-mixin\n\n// scss-docs-start gradient-mixins\n// Horizontal gradient, from left to right\n//\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\n@mixin gradient-x($start-color: $gray-700, $end-color: $gray-800, $start-percent: 0%, $end-percent: 100%) {\n background-image: linear-gradient(to right, $start-color $start-percent, $end-color $end-percent);\n}\n\n// Vertical gradient, from top to bottom\n//\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\n@mixin gradient-y($start-color: $gray-700, $end-color: $gray-800, $start-percent: null, $end-percent: null) {\n background-image: linear-gradient(to bottom, $start-color $start-percent, $end-color $end-percent);\n}\n\n@mixin gradient-directional($start-color: $gray-700, $end-color: $gray-800, $deg: 45deg) {\n background-image: linear-gradient($deg, $start-color, $end-color);\n}\n\n@mixin gradient-x-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {\n background-image: linear-gradient(to right, $start-color, $mid-color $color-stop, $end-color);\n}\n\n@mixin gradient-y-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {\n background-image: linear-gradient($start-color, $mid-color $color-stop, $end-color);\n}\n\n@mixin gradient-radial($inner-color: $gray-700, $outer-color: $gray-800) {\n background-image: radial-gradient(circle, $inner-color, $outer-color);\n}\n\n@mixin gradient-striped($color: rgba($white, .15), $angle: 45deg) {\n background-image: linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);\n}\n// scss-docs-end gradient-mixins\n", - "// stylelint-disable property-disallowed-list\n@mixin transition($transition...) {\n @if length($transition) == 0 {\n $transition: $transition-base;\n }\n\n @if length($transition) > 1 {\n @each $value in $transition {\n @if $value == null or $value == none {\n @warn \"The keyword 'none' or 'null' must be used as a single argument.\";\n }\n }\n }\n\n @if $enable-transitions {\n @if nth($transition, 1) != null {\n transition: $transition;\n }\n\n @if $enable-reduced-motion and nth($transition, 1) != null and nth($transition, 1) != none {\n @media (prefers-reduced-motion: reduce) {\n transition: none;\n }\n }\n }\n}\n", - "// scss-docs-start clearfix\n@mixin clearfix() {\n &::after {\n display: block;\n clear: both;\n content: \"\";\n }\n}\n// scss-docs-end clearfix\n", - "// Container mixins\n\n@mixin make-container($gutter: $container-padding-x) {\n width: 100%;\n padding-right: var(--#{$variable-prefix}gutter-x, #{$gutter});\n padding-left: var(--#{$variable-prefix}gutter-x, #{$gutter});\n margin-right: auto;\n margin-left: auto;\n}\n", - "// Grid system\n//\n// Generate semantic grid columns with these mixins.\n\n@mixin make-row($gutter: $grid-gutter-width) {\n --#{$variable-prefix}gutter-x: #{$gutter};\n --#{$variable-prefix}gutter-y: 0;\n display: flex;\n flex-wrap: wrap;\n // TODO: Revisit calc order after https://github.com/react-bootstrap/react-bootstrap/issues/6039 is fixed\n margin-top: calc(-1 * var(--#{$variable-prefix}gutter-y)); // stylelint-disable-line function-disallowed-list\n margin-right: calc(-.5 * var(--#{$variable-prefix}gutter-x)); // stylelint-disable-line function-disallowed-list\n margin-left: calc(-.5 * var(--#{$variable-prefix}gutter-x)); // stylelint-disable-line function-disallowed-list\n}\n\n@mixin make-col-ready($gutter: $grid-gutter-width) {\n // Add box sizing if only the grid is loaded\n box-sizing: if(variable-exists(include-column-box-sizing) and $include-column-box-sizing, border-box, null);\n // Prevent columns from becoming too narrow when at smaller grid tiers by\n // always setting `width: 100%;`. This works because we set the width\n // later on to override this initial width.\n flex-shrink: 0;\n width: 100%;\n max-width: 100%; // Prevent `.col-auto`, `.col` (& responsive variants) from breaking out the grid\n padding-right: calc(var(--#{$variable-prefix}gutter-x) * .5); // stylelint-disable-line function-disallowed-list\n padding-left: calc(var(--#{$variable-prefix}gutter-x) * .5); // stylelint-disable-line function-disallowed-list\n margin-top: var(--#{$variable-prefix}gutter-y);\n}\n\n@mixin make-col($size: false, $columns: $grid-columns) {\n @if $size {\n flex: 0 0 auto;\n width: percentage(divide($size, $columns));\n\n } @else {\n flex: 1 1 0;\n max-width: 100%;\n }\n}\n\n@mixin make-col-auto() {\n flex: 0 0 auto;\n width: auto;\n}\n\n@mixin make-col-offset($size, $columns: $grid-columns) {\n $num: divide($size, $columns);\n margin-left: if($num == 0, 0, percentage($num));\n}\n\n// Row columns\n//\n// Specify on a parent element(e.g., .row) to force immediate children into NN\n// numberof columns. Supports wrapping to new lines, but does not do a Masonry\n// style grid.\n@mixin row-cols($count) {\n > * {\n flex: 0 0 auto;\n width: divide(100%, $count);\n }\n}\n\n// Framework grid generation\n//\n// Used only by Bootstrap to generate the correct number of grid classes given\n// any value of `$grid-columns`.\n\n@mixin make-grid-columns($columns: $grid-columns, $gutter: $grid-gutter-width, $breakpoints: $grid-breakpoints) {\n @each $breakpoint in map-keys($breakpoints) {\n $infix: breakpoint-infix($breakpoint, $breakpoints);\n\n @include media-breakpoint-up($breakpoint, $breakpoints) {\n // Provide basic `.col-{bp}` classes for equal-width flexbox columns\n .col#{$infix} {\n flex: 1 0 0%; // Flexbugs #4: https://github.com/philipwalton/flexbugs#flexbug-4\n }\n\n .row-cols#{$infix}-auto > * {\n @include make-col-auto();\n }\n\n @if $grid-row-columns > 0 {\n @for $i from 1 through $grid-row-columns {\n .row-cols#{$infix}-#{$i} {\n @include row-cols($i);\n }\n }\n }\n\n .col#{$infix}-auto {\n @include make-col-auto();\n }\n\n @if $columns > 0 {\n @for $i from 1 through $columns {\n .col#{$infix}-#{$i} {\n @include make-col($i, $columns);\n }\n }\n\n // `$columns - 1` because offsetting by the width of an entire row isn't possible\n @for $i from 0 through ($columns - 1) {\n @if not ($infix == \"\" and $i == 0) { // Avoid emitting useless .offset-0\n .offset#{$infix}-#{$i} {\n @include make-col-offset($i, $columns);\n }\n }\n }\n }\n\n // Gutters\n //\n // Make use of `.g-*`, `.gx-*` or `.gy-*` utilities to change spacing between the columns.\n @each $key, $value in $gutters {\n .g#{$infix}-#{$key},\n .gx#{$infix}-#{$key} {\n --#{$variable-prefix}gutter-x: #{$value};\n }\n\n .g#{$infix}-#{$key},\n .gy#{$infix}-#{$key} {\n --#{$variable-prefix}gutter-y: #{$value};\n }\n }\n }\n }\n}\n\n@mixin make-cssgrid($columns: $grid-columns, $breakpoints: $grid-breakpoints) {\n @each $breakpoint in map-keys($breakpoints) {\n $infix: breakpoint-infix($breakpoint, $breakpoints);\n\n @include media-breakpoint-up($breakpoint, $breakpoints) {\n @if $columns > 0 {\n @for $i from 1 through $columns {\n .g-col#{$infix}-#{$i} {\n grid-column: auto / span $i;\n }\n }\n\n // Start with `1` because `0` is and invalid value.\n // Ends with `$columns - 1` because offsetting by the width of an entire row isn't possible.\n @for $i from 1 through ($columns - 1) {\n .g-start#{$infix}-#{$i} {\n grid-column-start: $i;\n }\n }\n }\n }\n }\n}\n", - "// stylelint-disable indentation\n\n// Utilities\n\n$utilities: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$utilities: map-merge(\n (\n // scss-docs-start utils-vertical-align\n \"align\": (\n property: vertical-align,\n class: align,\n values: baseline top middle bottom text-bottom text-top\n ),\n // scss-docs-end utils-vertical-align\n // scss-docs-start utils-float\n \"float\": (\n responsive: true,\n property: float,\n values: (\n start: left,\n end: right,\n none: none,\n )\n ),\n // scss-docs-end utils-float\n // Opacity utilities\n // scss-docs-start utils-opacity\n \"opacity\": (\n property: opacity,\n values: (\n 0: 0,\n 25: .25,\n 50: .5,\n 75: .75,\n 100: 1,\n )\n ),\n // scss-docs-end utils-opacity\n // scss-docs-start utils-overflow\n \"overflow\": (\n property: overflow,\n values: auto hidden visible scroll,\n ),\n // scss-docs-end utils-overflow\n // scss-docs-start utils-display\n \"display\": (\n responsive: true,\n print: true,\n property: display,\n class: d,\n values: inline inline-block block grid table table-row table-cell flex inline-flex none\n ),\n // scss-docs-end utils-display\n // scss-docs-start utils-shadow\n \"shadow\": (\n property: box-shadow,\n class: shadow,\n values: (\n null: $box-shadow,\n sm: $box-shadow-sm,\n lg: $box-shadow-lg,\n none: none,\n )\n ),\n // scss-docs-end utils-shadow\n // scss-docs-start utils-position\n \"position\": (\n property: position,\n values: static relative absolute fixed sticky\n ),\n \"top\": (\n property: top,\n values: $position-values\n ),\n \"bottom\": (\n property: bottom,\n values: $position-values\n ),\n \"start\": (\n property: left,\n class: start,\n values: $position-values\n ),\n \"end\": (\n property: right,\n class: end,\n values: $position-values\n ),\n \"translate-middle\": (\n property: transform,\n class: translate-middle,\n values: (\n null: translate(-50%, -50%),\n x: translateX(-50%),\n y: translateY(-50%),\n )\n ),\n // scss-docs-end utils-position\n // scss-docs-start utils-borders\n \"border\": (\n property: border,\n values: (\n null: $border-width solid $border-color,\n 0: 0,\n )\n ),\n \"border-top\": (\n property: border-top,\n values: (\n null: $border-width solid $border-color,\n 0: 0,\n )\n ),\n \"border-end\": (\n property: border-right,\n class: border-end,\n values: (\n null: $border-width solid $border-color,\n 0: 0,\n )\n ),\n \"border-bottom\": (\n property: border-bottom,\n values: (\n null: $border-width solid $border-color,\n 0: 0,\n )\n ),\n \"border-start\": (\n property: border-left,\n class: border-start,\n values: (\n null: $border-width solid $border-color,\n 0: 0,\n )\n ),\n \"border-color\": (\n property: border-color,\n class: border,\n values: map-merge($theme-colors, (\"white\": $white))\n ),\n \"border-width\": (\n property: border-width,\n class: border,\n values: $border-widths\n ),\n // scss-docs-end utils-borders\n // Sizing utilities\n // scss-docs-start utils-sizing\n \"width\": (\n property: width,\n class: w,\n values: (\n 25: 25%,\n 50: 50%,\n 75: 75%,\n 100: 100%,\n auto: auto\n )\n ),\n \"max-width\": (\n property: max-width,\n class: mw,\n values: (100: 100%)\n ),\n \"viewport-width\": (\n property: width,\n class: vw,\n values: (100: 100vw)\n ),\n \"min-viewport-width\": (\n property: min-width,\n class: min-vw,\n values: (100: 100vw)\n ),\n \"height\": (\n property: height,\n class: h,\n values: (\n 25: 25%,\n 50: 50%,\n 75: 75%,\n 100: 100%,\n auto: auto\n )\n ),\n \"max-height\": (\n property: max-height,\n class: mh,\n values: (100: 100%)\n ),\n \"viewport-height\": (\n property: height,\n class: vh,\n values: (100: 100vh)\n ),\n \"min-viewport-height\": (\n property: min-height,\n class: min-vh,\n values: (100: 100vh)\n ),\n // scss-docs-end utils-sizing\n // Flex utilities\n // scss-docs-start utils-flex\n \"flex\": (\n responsive: true,\n property: flex,\n values: (fill: 1 1 auto)\n ),\n \"flex-direction\": (\n responsive: true,\n property: flex-direction,\n class: flex,\n values: row column row-reverse column-reverse\n ),\n \"flex-grow\": (\n responsive: true,\n property: flex-grow,\n class: flex,\n values: (\n grow-0: 0,\n grow-1: 1,\n )\n ),\n \"flex-shrink\": (\n responsive: true,\n property: flex-shrink,\n class: flex,\n values: (\n shrink-0: 0,\n shrink-1: 1,\n )\n ),\n \"flex-wrap\": (\n responsive: true,\n property: flex-wrap,\n class: flex,\n values: wrap nowrap wrap-reverse\n ),\n \"gap\": (\n responsive: true,\n property: gap,\n class: gap,\n values: $spacers\n ),\n \"justify-content\": (\n responsive: true,\n property: justify-content,\n values: (\n start: flex-start,\n end: flex-end,\n center: center,\n between: space-between,\n around: space-around,\n evenly: space-evenly,\n )\n ),\n \"align-items\": (\n responsive: true,\n property: align-items,\n values: (\n start: flex-start,\n end: flex-end,\n center: center,\n baseline: baseline,\n stretch: stretch,\n )\n ),\n \"align-content\": (\n responsive: true,\n property: align-content,\n values: (\n start: flex-start,\n end: flex-end,\n center: center,\n between: space-between,\n around: space-around,\n stretch: stretch,\n )\n ),\n \"align-self\": (\n responsive: true,\n property: align-self,\n values: (\n auto: auto,\n start: flex-start,\n end: flex-end,\n center: center,\n baseline: baseline,\n stretch: stretch,\n )\n ),\n \"order\": (\n responsive: true,\n property: order,\n values: (\n first: -1,\n 0: 0,\n 1: 1,\n 2: 2,\n 3: 3,\n 4: 4,\n 5: 5,\n last: 6,\n ),\n ),\n // scss-docs-end utils-flex\n // Margin utilities\n // scss-docs-start utils-spacing\n \"margin\": (\n responsive: true,\n property: margin,\n class: m,\n values: map-merge($spacers, (auto: auto))\n ),\n \"margin-x\": (\n responsive: true,\n property: margin-right margin-left,\n class: mx,\n values: map-merge($spacers, (auto: auto))\n ),\n \"margin-y\": (\n responsive: true,\n property: margin-top margin-bottom,\n class: my,\n values: map-merge($spacers, (auto: auto))\n ),\n \"margin-top\": (\n responsive: true,\n property: margin-top,\n class: mt,\n values: map-merge($spacers, (auto: auto))\n ),\n \"margin-end\": (\n responsive: true,\n property: margin-right,\n class: me,\n values: map-merge($spacers, (auto: auto))\n ),\n \"margin-bottom\": (\n responsive: true,\n property: margin-bottom,\n class: mb,\n values: map-merge($spacers, (auto: auto))\n ),\n \"margin-start\": (\n responsive: true,\n property: margin-left,\n class: ms,\n values: map-merge($spacers, (auto: auto))\n ),\n // Negative margin utilities\n \"negative-margin\": (\n responsive: true,\n property: margin,\n class: m,\n values: $negative-spacers\n ),\n \"negative-margin-x\": (\n responsive: true,\n property: margin-right margin-left,\n class: mx,\n values: $negative-spacers\n ),\n \"negative-margin-y\": (\n responsive: true,\n property: margin-top margin-bottom,\n class: my,\n values: $negative-spacers\n ),\n \"negative-margin-top\": (\n responsive: true,\n property: margin-top,\n class: mt,\n values: $negative-spacers\n ),\n \"negative-margin-end\": (\n responsive: true,\n property: margin-right,\n class: me,\n values: $negative-spacers\n ),\n \"negative-margin-bottom\": (\n responsive: true,\n property: margin-bottom,\n class: mb,\n values: $negative-spacers\n ),\n \"negative-margin-start\": (\n responsive: true,\n property: margin-left,\n class: ms,\n values: $negative-spacers\n ),\n // Padding utilities\n \"padding\": (\n responsive: true,\n property: padding,\n class: p,\n values: $spacers\n ),\n \"padding-x\": (\n responsive: true,\n property: padding-right padding-left,\n class: px,\n values: $spacers\n ),\n \"padding-y\": (\n responsive: true,\n property: padding-top padding-bottom,\n class: py,\n values: $spacers\n ),\n \"padding-top\": (\n responsive: true,\n property: padding-top,\n class: pt,\n values: $spacers\n ),\n \"padding-end\": (\n responsive: true,\n property: padding-right,\n class: pe,\n values: $spacers\n ),\n \"padding-bottom\": (\n responsive: true,\n property: padding-bottom,\n class: pb,\n values: $spacers\n ),\n \"padding-start\": (\n responsive: true,\n property: padding-left,\n class: ps,\n values: $spacers\n ),\n // scss-docs-end utils-spacing\n // Text\n // scss-docs-start utils-text\n \"font-family\": (\n property: font-family,\n class: font,\n values: (monospace: var(--#{$variable-prefix}font-monospace))\n ),\n \"font-size\": (\n rfs: true,\n property: font-size,\n class: fs,\n values: $font-sizes\n ),\n \"font-style\": (\n property: font-style,\n class: fst,\n values: italic normal\n ),\n \"font-weight\": (\n property: font-weight,\n class: fw,\n values: (\n light: $font-weight-light,\n lighter: $font-weight-lighter,\n normal: $font-weight-normal,\n bold: $font-weight-bold,\n bolder: $font-weight-bolder\n )\n ),\n \"line-height\": (\n property: line-height,\n class: lh,\n values: (\n 1: 1,\n sm: $line-height-sm,\n base: $line-height-base,\n lg: $line-height-lg,\n )\n ),\n \"text-align\": (\n responsive: true,\n property: text-align,\n class: text,\n values: (\n start: left,\n end: right,\n center: center,\n )\n ),\n \"text-decoration\": (\n property: text-decoration,\n values: none underline line-through\n ),\n \"text-transform\": (\n property: text-transform,\n class: text,\n values: lowercase uppercase capitalize\n ),\n \"white-space\": (\n property: white-space,\n class: text,\n values: (\n wrap: normal,\n nowrap: nowrap,\n )\n ),\n \"word-wrap\": (\n property: word-wrap word-break,\n class: text,\n values: (break: break-word),\n rtl: false\n ),\n // scss-docs-end utils-text\n // scss-docs-start utils-color\n \"color\": (\n property: color,\n class: text,\n local-vars: (\n \"text-opacity\": 1\n ),\n values: map-merge(\n $utilities-text-colors,\n (\n \"muted\": $text-muted,\n \"black-50\": rgba($black, .5), // deprecated\n \"white-50\": rgba($white, .5), // deprecated\n \"reset\": inherit,\n )\n )\n ),\n \"text-opacity\": (\n css-var: true,\n class: text-opacity,\n values: (\n 25: .25,\n 50: .5,\n 75: .75,\n 100: 1\n )\n ),\n // scss-docs-end utils-color\n // scss-docs-start utils-bg-color\n \"background-color\": (\n property: background-color,\n class: bg,\n local-vars: (\n \"bg-opacity\": 1\n ),\n values: map-merge(\n $utilities-bg-colors,\n (\n \"transparent\": transparent\n )\n )\n ),\n \"bg-opacity\": (\n css-var: true,\n class: bg-opacity,\n values: (\n 10: .1,\n 25: .25,\n 50: .5,\n 75: .75,\n 100: 1\n )\n ),\n // scss-docs-end utils-bg-color\n \"gradient\": (\n property: background-image,\n class: bg,\n values: (gradient: var(--#{$variable-prefix}gradient))\n ),\n // scss-docs-start utils-interaction\n \"user-select\": (\n property: user-select,\n values: all auto none\n ),\n \"pointer-events\": (\n property: pointer-events,\n class: pe,\n values: none auto,\n ),\n // scss-docs-end utils-interaction\n // scss-docs-start utils-border-radius\n \"rounded\": (\n property: border-radius,\n class: rounded,\n values: (\n null: $border-radius,\n 0: 0,\n 1: $border-radius-sm,\n 2: $border-radius,\n 3: $border-radius-lg,\n circle: 50%,\n pill: $border-radius-pill\n )\n ),\n \"rounded-top\": (\n property: border-top-left-radius border-top-right-radius,\n class: rounded-top,\n values: (null: $border-radius)\n ),\n \"rounded-end\": (\n property: border-top-right-radius border-bottom-right-radius,\n class: rounded-end,\n values: (null: $border-radius)\n ),\n \"rounded-bottom\": (\n property: border-bottom-right-radius border-bottom-left-radius,\n class: rounded-bottom,\n values: (null: $border-radius)\n ),\n \"rounded-start\": (\n property: border-bottom-left-radius border-top-left-radius,\n class: rounded-start,\n values: (null: $border-radius)\n ),\n // scss-docs-end utils-border-radius\n // scss-docs-start utils-visibility\n \"visibility\": (\n property: visibility,\n class: null,\n values: (\n visible: visible,\n invisible: hidden,\n )\n )\n // scss-docs-end utils-visibility\n ),\n $utilities\n);\n", - ":root {\n // Note: Custom variable values only support SassScript inside `#{}`.\n\n // Colors\n //\n // Generate palettes for full colors, grays, and theme colors.\n\n @each $color, $value in $colors {\n --#{$variable-prefix}#{$color}: #{$value};\n }\n\n @each $color, $value in $grays {\n --#{$variable-prefix}gray-#{$color}: #{$value};\n }\n\n @each $color, $value in $theme-colors {\n --#{$variable-prefix}#{$color}: #{$value};\n }\n\n @each $color, $value in $theme-colors-rgb {\n --#{$variable-prefix}#{$color}-rgb: #{$value};\n }\n\n --#{$variable-prefix}white-rgb: #{to-rgb($white)};\n --#{$variable-prefix}black-rgb: #{to-rgb($black)};\n --#{$variable-prefix}body-color-rgb: #{to-rgb($body-color)};\n --#{$variable-prefix}body-bg-rgb: #{to-rgb($body-bg)};\n\n // Fonts\n\n // Note: Use `inspect` for lists so that quoted items keep the quotes.\n // See https://github.com/sass/sass/issues/2383#issuecomment-336349172\n --#{$variable-prefix}font-sans-serif: #{inspect($font-family-sans-serif)};\n --#{$variable-prefix}font-monospace: #{inspect($font-family-monospace)};\n --#{$variable-prefix}gradient: #{$gradient};\n\n // Root and body\n // stylelint-disable custom-property-empty-line-before\n // scss-docs-start root-body-variables\n @if $font-size-root != null {\n --#{$variable-prefix}root-font-size: #{$font-size-root};\n }\n --#{$variable-prefix}body-font-family: #{$font-family-base};\n --#{$variable-prefix}body-font-size: #{$font-size-base};\n --#{$variable-prefix}body-font-weight: #{$font-weight-base};\n --#{$variable-prefix}body-line-height: #{$line-height-base};\n --#{$variable-prefix}body-color: #{$body-color};\n @if $body-text-align != null {\n --#{$variable-prefix}body-text-align: #{$body-text-align};\n }\n --#{$variable-prefix}body-bg: #{$body-bg};\n // scss-docs-end root-body-variables\n // stylelint-enable custom-property-empty-line-before\n}\n", - "// stylelint-disable declaration-no-important, selector-no-qualifying-type, property-no-vendor-prefix\n\n\n// Reboot\n//\n// Normalization of HTML elements, manually forked from Normalize.css to remove\n// styles targeting irrelevant browsers while applying new styles.\n//\n// Normalize is licensed MIT. https://github.com/necolas/normalize.css\n\n\n// Document\n//\n// Change from `box-sizing: content-box` so that `width` is not affected by `padding` or `border`.\n\n*,\n*::before,\n*::after {\n box-sizing: border-box;\n}\n\n\n// Root\n//\n// Ability to the value of the root font sizes, affecting the value of `rem`.\n// null by default, thus nothing is generated.\n\n:root {\n @if $font-size-root != null {\n font-size: var(--#{$variable-prefix}root-font-size);\n }\n\n @if $enable-smooth-scroll {\n @media (prefers-reduced-motion: no-preference) {\n scroll-behavior: smooth;\n }\n }\n}\n\n\n// Body\n//\n// 1. Remove the margin in all browsers.\n// 2. As a best practice, apply a default `background-color`.\n// 3. Prevent adjustments of font size after orientation changes in iOS.\n// 4. Change the default tap highlight to be completely transparent in iOS.\n\n// scss-docs-start reboot-body-rules\nbody {\n margin: 0; // 1\n font-family: var(--#{$variable-prefix}body-font-family);\n @include font-size(var(--#{$variable-prefix}body-font-size));\n font-weight: var(--#{$variable-prefix}body-font-weight);\n line-height: var(--#{$variable-prefix}body-line-height);\n color: var(--#{$variable-prefix}body-color);\n text-align: var(--#{$variable-prefix}body-text-align);\n background-color: var(--#{$variable-prefix}body-bg); // 2\n -webkit-text-size-adjust: 100%; // 3\n -webkit-tap-highlight-color: rgba($black, 0); // 4\n}\n// scss-docs-end reboot-body-rules\n\n\n// Content grouping\n//\n// 1. Reset Firefox's gray color\n// 2. Set correct height and prevent the `size` attribute to make the `hr` look like an input field\n\nhr {\n margin: $hr-margin-y 0;\n color: $hr-color; // 1\n background-color: currentColor;\n border: 0;\n opacity: $hr-opacity;\n}\n\nhr:not([size]) {\n height: $hr-height; // 2\n}\n\n\n// Typography\n//\n// 1. Remove top margins from headings\n// By default, `

`-`

` all receive top and bottom margins. We nuke the top\n// margin for easier control within type scales as it avoids margin collapsing.\n\n%heading {\n margin-top: 0; // 1\n margin-bottom: $headings-margin-bottom;\n font-family: $headings-font-family;\n font-style: $headings-font-style;\n font-weight: $headings-font-weight;\n line-height: $headings-line-height;\n color: $headings-color;\n}\n\nh1 {\n @extend %heading;\n @include font-size($h1-font-size);\n}\n\nh2 {\n @extend %heading;\n @include font-size($h2-font-size);\n}\n\nh3 {\n @extend %heading;\n @include font-size($h3-font-size);\n}\n\nh4 {\n @extend %heading;\n @include font-size($h4-font-size);\n}\n\nh5 {\n @extend %heading;\n @include font-size($h5-font-size);\n}\n\nh6 {\n @extend %heading;\n @include font-size($h6-font-size);\n}\n\n\n// Reset margins on paragraphs\n//\n// Similarly, the top margin on `

`s get reset. However, we also reset the\n// bottom margin to use `rem` units instead of `em`.\n\np {\n margin-top: 0;\n margin-bottom: $paragraph-margin-bottom;\n}\n\n\n// Abbreviations\n//\n// 1. Duplicate behavior to the data-bs-* attribute for our tooltip plugin\n// 2. Add the correct text decoration in Chrome, Edge, Opera, and Safari.\n// 3. Add explicit cursor to indicate changed behavior.\n// 4. Prevent the text-decoration to be skipped.\n\nabbr[title],\nabbr[data-bs-original-title] { // 1\n text-decoration: underline dotted; // 2\n cursor: help; // 3\n text-decoration-skip-ink: none; // 4\n}\n\n\n// Address\n\naddress {\n margin-bottom: 1rem;\n font-style: normal;\n line-height: inherit;\n}\n\n\n// Lists\n\nol,\nul {\n padding-left: 2rem;\n}\n\nol,\nul,\ndl {\n margin-top: 0;\n margin-bottom: 1rem;\n}\n\nol ol,\nul ul,\nol ul,\nul ol {\n margin-bottom: 0;\n}\n\ndt {\n font-weight: $dt-font-weight;\n}\n\n// 1. Undo browser default\n\ndd {\n margin-bottom: .5rem;\n margin-left: 0; // 1\n}\n\n\n// Blockquote\n\nblockquote {\n margin: 0 0 1rem;\n}\n\n\n// Strong\n//\n// Add the correct font weight in Chrome, Edge, and Safari\n\nb,\nstrong {\n font-weight: $font-weight-bolder;\n}\n\n\n// Small\n//\n// Add the correct font size in all browsers\n\nsmall {\n @include font-size($small-font-size);\n}\n\n\n// Mark\n\nmark {\n padding: $mark-padding;\n background-color: $mark-bg;\n}\n\n\n// Sub and Sup\n//\n// Prevent `sub` and `sup` elements from affecting the line height in\n// all browsers.\n\nsub,\nsup {\n position: relative;\n @include font-size($sub-sup-font-size);\n line-height: 0;\n vertical-align: baseline;\n}\n\nsub { bottom: -.25em; }\nsup { top: -.5em; }\n\n\n// Links\n\na {\n color: $link-color;\n text-decoration: $link-decoration;\n\n &:hover {\n color: $link-hover-color;\n text-decoration: $link-hover-decoration;\n }\n}\n\n// And undo these styles for placeholder links/named anchors (without href).\n// It would be more straightforward to just use a[href] in previous block, but that\n// causes specificity issues in many other styles that are too complex to fix.\n// See https://github.com/twbs/bootstrap/issues/19402\n\na:not([href]):not([class]) {\n &,\n &:hover {\n color: inherit;\n text-decoration: none;\n }\n}\n\n\n// Code\n\npre,\ncode,\nkbd,\nsamp {\n font-family: $font-family-code;\n @include font-size(1em); // Correct the odd `em` font sizing in all browsers.\n direction: ltr #{\"/* rtl:ignore */\"};\n unicode-bidi: bidi-override;\n}\n\n// 1. Remove browser default top margin\n// 2. Reset browser default of `1em` to use `rem`s\n// 3. Don't allow content to break outside\n\npre {\n display: block;\n margin-top: 0; // 1\n margin-bottom: 1rem; // 2\n overflow: auto; // 3\n @include font-size($code-font-size);\n color: $pre-color;\n\n // Account for some code outputs that place code tags in pre tags\n code {\n @include font-size(inherit);\n color: inherit;\n word-break: normal;\n }\n}\n\ncode {\n @include font-size($code-font-size);\n color: $code-color;\n word-wrap: break-word;\n\n // Streamline the style when inside anchors to avoid broken underline and more\n a > & {\n color: inherit;\n }\n}\n\nkbd {\n padding: $kbd-padding-y $kbd-padding-x;\n @include font-size($kbd-font-size);\n color: $kbd-color;\n background-color: $kbd-bg;\n @include border-radius($border-radius-sm);\n\n kbd {\n padding: 0;\n @include font-size(1em);\n font-weight: $nested-kbd-font-weight;\n }\n}\n\n\n// Figures\n//\n// Apply a consistent margin strategy (matches our type styles).\n\nfigure {\n margin: 0 0 1rem;\n}\n\n\n// Images and content\n\nimg,\nsvg {\n vertical-align: middle;\n}\n\n\n// Tables\n//\n// Prevent double borders\n\ntable {\n caption-side: bottom;\n border-collapse: collapse;\n}\n\ncaption {\n padding-top: $table-cell-padding-y;\n padding-bottom: $table-cell-padding-y;\n color: $table-caption-color;\n text-align: left;\n}\n\n// 1. Removes font-weight bold by inheriting\n// 2. Matches default `` alignment by inheriting `text-align`.\n// 3. Fix alignment for Safari\n\nth {\n font-weight: $table-th-font-weight; // 1\n text-align: inherit; // 2\n text-align: -webkit-match-parent; // 3\n}\n\nthead,\ntbody,\ntfoot,\ntr,\ntd,\nth {\n border-color: inherit;\n border-style: solid;\n border-width: 0;\n}\n\n\n// Forms\n//\n// 1. Allow labels to use `margin` for spacing.\n\nlabel {\n display: inline-block; // 1\n}\n\n// Remove the default `border-radius` that macOS Chrome adds.\n// See https://github.com/twbs/bootstrap/issues/24093\n\nbutton {\n // stylelint-disable-next-line property-disallowed-list\n border-radius: 0;\n}\n\n// Explicitly remove focus outline in Chromium when it shouldn't be\n// visible (e.g. as result of mouse click or touch tap). It already\n// should be doing this automatically, but seems to currently be\n// confused and applies its very visible two-tone outline anyway.\n\nbutton:focus:not(:focus-visible) {\n outline: 0;\n}\n\n// 1. Remove the margin in Firefox and Safari\n\ninput,\nbutton,\nselect,\noptgroup,\ntextarea {\n margin: 0; // 1\n font-family: inherit;\n @include font-size(inherit);\n line-height: inherit;\n}\n\n// Remove the inheritance of text transform in Firefox\nbutton,\nselect {\n text-transform: none;\n}\n// Set the cursor for non-`