From 21a5dec8e753e720744bff23ba26377495be0d43 Mon Sep 17 00:00:00 2001 From: Vitor Abujamra Date: Tue, 1 Oct 2024 11:00:43 -0300 Subject: [PATCH] =?UTF-8?q?Cria=C3=A7=C3=A3o=20DEV?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- dev/CHANGELOG.md | 107 + dev/ISSUE_TEMPLATE.md | 13 + dev/LICENSE.md | 21 + dev/README.md | 178 + dev/assets/css/material-dashboard.css | 27936 ++++++++++++++++ dev/assets/css/material-dashboard.css.map | 360 + dev/assets/css/material-dashboard.min.css | 42 + dev/assets/css/nucleo-icons.css | 597 + dev/assets/css/nucleo-svg.css | 135 + dev/assets/fonts/nucleo-icons.eot | Bin 0 -> 18516 bytes dev/assets/fonts/nucleo-icons.svg | 312 + dev/assets/fonts/nucleo-icons.ttf | Bin 0 -> 18292 bytes dev/assets/fonts/nucleo-icons.woff | Bin 0 -> 10220 bytes dev/assets/fonts/nucleo-icons.woff2 | Bin 0 -> 8580 bytes dev/assets/fonts/nucleo.eot | Bin 0 -> 26524 bytes dev/assets/fonts/nucleo.ttf | Bin 0 -> 26364 bytes dev/assets/fonts/nucleo.woff | Bin 0 -> 15168 bytes dev/assets/fonts/nucleo.woff2 | Bin 0 -> 12616 bytes dev/assets/img/apple-icon.png | Bin 0 -> 809 bytes dev/assets/img/bg-pricing.jpg | Bin 0 -> 936651 bytes dev/assets/img/bg-smart-home-1.jpg | Bin 0 -> 766637 bytes dev/assets/img/bg-smart-home-2.jpg | Bin 0 -> 681766 bytes dev/assets/img/bruce-mars.jpg | Bin 0 -> 26785 bytes dev/assets/img/down-arrow-dark.svg | 11 + dev/assets/img/down-arrow-white.svg | 1 + dev/assets/img/down-arrow.svg | 11 + dev/assets/img/drake.jpg | Bin 0 -> 15331 bytes dev/assets/img/favicon.png | Bin 0 -> 809 bytes dev/assets/img/home-decor-1.jpg | Bin 0 -> 937206 bytes dev/assets/img/home-decor-2.jpg | Bin 0 -> 1088035 bytes dev/assets/img/home-decor-3.jpg | Bin 0 -> 1159457 bytes dev/assets/img/icons/flags/AU.png | Bin 0 -> 1253 bytes dev/assets/img/icons/flags/BR.png | Bin 0 -> 1172 bytes dev/assets/img/icons/flags/DE.png | Bin 0 -> 927 bytes dev/assets/img/icons/flags/GB.png | Bin 0 -> 1376 bytes dev/assets/img/icons/flags/US.png | Bin 0 -> 1157 bytes dev/assets/img/illustrations/chat.png | Bin 0 -> 39793 bytes .../img/illustrations/danger-chat-ill.png | Bin 0 -> 156611 bytes .../img/illustrations/dark-lock-ill.png | Bin 0 -> 173336 bytes dev/assets/img/illustrations/error-404.png | Bin 0 -> 147784 bytes dev/assets/img/illustrations/error-500.png | Bin 0 -> 35420 bytes .../img/illustrations/illustration-lock.jpg | Bin 0 -> 283124 bytes .../img/illustrations/illustration-reset.jpg | Bin 0 -> 307658 bytes .../img/illustrations/illustration-signin.jpg | Bin 0 -> 531130 bytes .../img/illustrations/illustration-signup.jpg | Bin 0 -> 502012 bytes .../illustration-verification.jpg | Bin 0 -> 199055 bytes dev/assets/img/illustrations/lock.png | Bin 0 -> 36200 bytes dev/assets/img/illustrations/pattern-tree.svg | 20 + dev/assets/img/illustrations/rocket-white.png | Bin 0 -> 65096 bytes dev/assets/img/ivana-square.jpg | Bin 0 -> 21720 bytes dev/assets/img/ivana-squares.jpg | Bin 0 -> 21257 bytes dev/assets/img/ivancik.jpg | Bin 0 -> 725542 bytes dev/assets/img/kal-visuals-square.jpg | Bin 0 -> 21187 bytes dev/assets/img/logo-ct-dark.png | Bin 0 -> 6956 bytes dev/assets/img/logo-ct.png | Bin 0 -> 5756 bytes .../img/logos/gray-logos/logo-coinbase.svg | 16 + dev/assets/img/logos/gray-logos/logo-nasa.svg | 9 + .../img/logos/gray-logos/logo-netflix.svg | 9 + .../img/logos/gray-logos/logo-pinterest.svg | 9 + .../img/logos/gray-logos/logo-spotify.svg | 9 + .../img/logos/gray-logos/logo-vodafone.svg | 9 + dev/assets/img/logos/mastercard.png | Bin 0 -> 41970 bytes dev/assets/img/logos/visa.png | Bin 0 -> 46206 bytes dev/assets/img/marie.jpg | Bin 0 -> 25325 bytes dev/assets/img/meeting.jpg | Bin 0 -> 430291 bytes dev/assets/img/office-dark.jpg | Bin 0 -> 78202 bytes dev/assets/img/product-12.jpg | Bin 0 -> 405209 bytes dev/assets/img/products/product-1-min.jpg | Bin 0 -> 140780 bytes dev/assets/img/products/product-11.jpg | Bin 0 -> 1289641 bytes dev/assets/img/products/product-2-min.jpg | Bin 0 -> 112048 bytes dev/assets/img/products/product-3-min.jpg | Bin 0 -> 81151 bytes dev/assets/img/products/product-4-min.jpg | Bin 0 -> 66913 bytes dev/assets/img/products/product-5-min.jpg | Bin 0 -> 88380 bytes dev/assets/img/products/product-6-min.jpg | Bin 0 -> 120547 bytes dev/assets/img/products/product-7-min.jpg | Bin 0 -> 98795 bytes dev/assets/img/products/product-details-1.jpg | Bin 0 -> 299730 bytes dev/assets/img/products/product-details-2.jpg | Bin 0 -> 178848 bytes dev/assets/img/products/product-details-3.jpg | Bin 0 -> 139474 bytes dev/assets/img/products/product-details-4.jpg | Bin 0 -> 155967 bytes dev/assets/img/products/product-details-5.jpg | Bin 0 -> 156027 bytes dev/assets/img/shapes/pattern-lines.svg | 91 + dev/assets/img/shapes/waves-white.svg | 324 + dev/assets/img/small-logos/bootstrap.svg | 9 + dev/assets/img/small-logos/creative-tim.svg | 7 + dev/assets/img/small-logos/devto.svg | 9 + dev/assets/img/small-logos/github.svg | 10 + dev/assets/img/small-logos/google-webdev.svg | 11 + dev/assets/img/small-logos/icon-bulb.svg | 37 + dev/assets/img/small-logos/icon-sun-cloud.png | Bin 0 -> 96900 bytes dev/assets/img/small-logos/logo-asana.svg | 16 + dev/assets/img/small-logos/logo-atlassian.svg | 16 + dev/assets/img/small-logos/logo-invision.svg | 10 + dev/assets/img/small-logos/logo-jira.svg | 21 + dev/assets/img/small-logos/logo-slack.svg | 12 + dev/assets/img/small-logos/logo-spotify.svg | 9 + dev/assets/img/small-logos/logo-xd.svg | 11 + dev/assets/img/team-1.jpg | Bin 0 -> 27795 bytes dev/assets/img/team-2.jpg | Bin 0 -> 23880 bytes dev/assets/img/team-3.jpg | Bin 0 -> 21970 bytes dev/assets/img/team-4.jpg | Bin 0 -> 14489 bytes dev/assets/img/team-5.jpg | Bin 0 -> 24747 bytes dev/assets/img/tesla-model-s.png | Bin 0 -> 110646 bytes dev/assets/img/vr-bg.jpg | Bin 0 -> 264736 bytes dev/assets/js/core/bootstrap.bundle.min.js | 6 + dev/assets/js/core/bootstrap.min.js | 6 + dev/assets/js/core/popper.min.js | 4 + dev/assets/js/material-dashboard.js | 876 + dev/assets/js/material-dashboard.js.map | 1 + dev/assets/js/material-dashboard.min.js | 17 + dev/assets/js/plugins/Chart.extension.js | 130 + dev/assets/js/plugins/bootstrap-notify.js | 432 + dev/assets/js/plugins/chartjs.min.js | 13 + dev/assets/js/plugins/countup.min.js | 1 + .../js/plugins/perfect-scrollbar.min.js | 19 + dev/assets/js/plugins/smooth-scrollbar.min.js | 25 + dev/assets/js/plugins/world.js | 2464 ++ dev/assets/scss/material-dashboard.scss | 30 + .../scss/material-dashboard/_alert.scss | 17 + .../scss/material-dashboard/_avatars.scss | 123 + .../scss/material-dashboard/_badge.scss | 8 + .../scss/material-dashboard/_breadcrumbs.scss | 48 + .../scss/material-dashboard/_buttons.scss | 191 + .../scss/material-dashboard/_cards.scss | 60 + .../material-dashboard/_dark-version.scss | 281 + .../scss/material-dashboard/_dropdown.scss | 292 + .../scss/material-dashboard/_dropup.scss | 41 + .../material-dashboard/_fixed-plugin.scss | 60 + .../scss/material-dashboard/_footer.scss | 17 + .../scss/material-dashboard/_forms.scss | 49 + .../scss/material-dashboard/_gradients.scss | 18 + .../scss/material-dashboard/_header.scss | 25 + .../scss/material-dashboard/_icons.scss | 32 + .../scss/material-dashboard/_info-areas.scss | 178 + dev/assets/scss/material-dashboard/_misc.scss | 442 + dev/assets/scss/material-dashboard/_nav.scss | 123 + .../material-dashboard/_navbar-vertical.scss | 725 + .../scss/material-dashboard/_navbar.scss | 220 + .../scss/material-dashboard/_pagination.scss | 58 + .../scss/material-dashboard/_popovers.scss | 10 + .../scss/material-dashboard/_progress.scss | 15 + .../scss/material-dashboard/_ripple.scss | 15 + dev/assets/scss/material-dashboard/_rtl.scss | 125 + .../material-dashboard/_social-buttons.scss | 42 + .../scss/material-dashboard/_tables.scss | 53 + dev/assets/scss/material-dashboard/_tilt.scss | 11 + .../scss/material-dashboard/_timeline.scss | 137 + .../scss/material-dashboard/_tooltips.scss | 9 + .../scss/material-dashboard/_typography.scss | 301 + .../material-dashboard/_utilities-extend.scss | 11 + .../scss/material-dashboard/_utilities.scss | 837 + .../scss/material-dashboard/_variables.scss | 1674 + .../bootstrap/_accordion.scss | 149 + .../material-dashboard/bootstrap/_alert.scss | 71 + .../material-dashboard/bootstrap/_badge.scss | 38 + .../bootstrap/_breadcrumb.scss | 40 + .../bootstrap/_button-group.scss | 142 + .../bootstrap/_buttons.scss | 207 + .../material-dashboard/bootstrap/_card.scss | 234 + .../bootstrap/_carousel.scss | 226 + .../material-dashboard/bootstrap/_close.scss | 40 + .../bootstrap/_containers.scss | 41 + .../bootstrap/_dropdown.scss | 249 + .../material-dashboard/bootstrap/_forms.scss | 9 + .../bootstrap/_functions.scss | 302 + .../material-dashboard/bootstrap/_grid.scss | 33 + .../bootstrap/_helpers.scss | 10 + .../material-dashboard/bootstrap/_images.scss | 42 + .../bootstrap/_list-group.scss | 192 + .../material-dashboard/bootstrap/_maps.scss | 54 + .../material-dashboard/bootstrap/_mixins.scss | 43 + .../material-dashboard/bootstrap/_modal.scss | 237 + .../material-dashboard/bootstrap/_nav.scss | 172 + .../material-dashboard/bootstrap/_navbar.scss | 278 + .../bootstrap/_offcanvas.scss | 144 + .../bootstrap/_pagination.scss | 109 + .../bootstrap/_placeholders.scss | 51 + .../bootstrap/_popover.scss | 196 + .../bootstrap/_progress.scss | 59 + .../material-dashboard/bootstrap/_reboot.scss | 610 + .../material-dashboard/bootstrap/_root.scss | 73 + .../bootstrap/_spinners.scss | 85 + .../material-dashboard/bootstrap/_tables.scss | 164 + .../material-dashboard/bootstrap/_toasts.scss | 73 + .../bootstrap/_tooltip.scss | 120 + .../bootstrap/_transitions.scss | 27 + .../material-dashboard/bootstrap/_type.scss | 106 + .../bootstrap/_utilities.scss | 647 + .../bootstrap/_variables.scss | 1634 + .../bootstrap/bootstrap-grid.scss | 64 + .../bootstrap/bootstrap-reboot.scss | 9 + .../bootstrap/bootstrap-utilities.scss | 18 + .../bootstrap/bootstrap.scss | 51 + .../bootstrap/forms/_floating-labels.scss | 75 + .../bootstrap/forms/_form-check.scss | 175 + .../bootstrap/forms/_form-control.scss | 194 + .../bootstrap/forms/_form-range.scss | 91 + .../bootstrap/forms/_form-select.scss | 71 + .../bootstrap/forms/_form-text.scss | 11 + .../bootstrap/forms/_input-group.scss | 132 + .../bootstrap/forms/_labels.scss | 36 + .../bootstrap/forms/_validation.scss | 12 + .../bootstrap/helpers/_clearfix.scss | 3 + .../bootstrap/helpers/_color-bg.scss | 10 + .../bootstrap/helpers/_colored-links.scss | 12 + .../bootstrap/helpers/_position.scss | 36 + .../bootstrap/helpers/_ratio.scss | 26 + .../bootstrap/helpers/_stacks.scss | 15 + .../bootstrap/helpers/_stretched-link.scss | 15 + .../bootstrap/helpers/_text-truncation.scss | 7 + .../bootstrap/helpers/_visually-hidden.scss | 8 + .../bootstrap/helpers/_vr.scss | 8 + .../bootstrap/mixins/_alert.scss | 15 + .../bootstrap/mixins/_backdrop.scss | 14 + .../bootstrap/mixins/_banner.scss | 9 + .../bootstrap/mixins/_border-radius.scss | 78 + .../bootstrap/mixins/_box-shadow.scss | 18 + .../bootstrap/mixins/_breakpoints.scss | 127 + .../bootstrap/mixins/_buttons.scss | 70 + .../bootstrap/mixins/_caret.scss | 64 + .../bootstrap/mixins/_clearfix.scss | 9 + .../bootstrap/mixins/_color-scheme.scss | 7 + .../bootstrap/mixins/_container.scss | 11 + .../bootstrap/mixins/_deprecate.scss | 10 + .../bootstrap/mixins/_forms.scss | 152 + .../bootstrap/mixins/_gradients.scss | 47 + .../bootstrap/mixins/_grid.scss | 151 + .../bootstrap/mixins/_image.scss | 16 + .../bootstrap/mixins/_list-group.scss | 24 + .../bootstrap/mixins/_lists.scss | 7 + .../bootstrap/mixins/_pagination.scss | 10 + .../bootstrap/mixins/_reset-text.scss | 17 + .../bootstrap/mixins/_resize.scss | 6 + .../bootstrap/mixins/_table-variants.scss | 24 + .../bootstrap/mixins/_text-truncate.scss | 8 + .../bootstrap/mixins/_transition.scss | 26 + .../bootstrap/mixins/_utilities.scss | 97 + .../bootstrap/mixins/_visually-hidden.scss | 29 + .../bootstrap/utilities/_api.scss | 47 + .../bootstrap/vendor/_rfs.scss | 354 + .../cards/card-background.scss | 81 + .../material-dashboard/cards/card-rotate.scss | 148 + .../material-dashboard/custom/_styles.scss | 0 .../material-dashboard/custom/_variables.scss | 0 .../material-dashboard/forms/_form-check.scss | 91 + .../forms/_form-select.scss | 3 + .../forms/_form-switch.scss | 43 + .../scss/material-dashboard/forms/_forms.scss | 6 + .../forms/_input-group.scss | 312 + .../material-dashboard/forms/_inputs.scss | 47 + .../material-dashboard/forms/_labels.scss | 21 + .../material-dashboard/mixins/_badge.scss | 12 + .../material-dashboard/mixins/_buttons.scss | 12 + .../mixins/_colored-shadows.scss | 5 + .../material-dashboard/mixins/_hover.scss | 27 + .../mixins/_social-buttons.scss | 46 + .../material-dashboard/mixins/_vendor.scss | 58 + .../material-dashboard/mixins/mixins.scss | 6 + .../plugins/free/_flatpickr.scss | 878 + .../plugins/free/_nouislider.scss | 298 + .../plugins/free/_perfect-scrollbar.scss | 116 + .../plugins/free/_prism.scss | 142 + .../plugins/free/plugins.scss | 4 + dev/assets/scss/material-dashboard/theme.scss | 63 + .../variables/_animations.scss | 45 + .../variables/_avatars.scss | 28 + .../material-dashboard/variables/_badge.scss | 40 + .../variables/_breadcrumb.scss | 5 + .../variables/_cards-extend.scss | 28 + .../material-dashboard/variables/_cards.scss | 65 + .../variables/_choices.scss | 8 + .../variables/_dark-version.scss | 9 + .../variables/_dropdowns.scss | 53 + .../variables/_fixed-plugin.scss | 7 + .../variables/_form-switch.scss | 3 + .../variables/_full-calendar.scss | 6 + .../material-dashboard/variables/_header.scss | 24 + .../variables/_info-areas.scss | 32 + .../variables/_misc-extend.scss | 48 + .../material-dashboard/variables/_misc.scss | 59 + .../variables/_navbar-vertical.scss | 65 + .../material-dashboard/variables/_navbar.scss | 17 + .../variables/_pagination.scss | 19 + .../material-dashboard/variables/_ripple.scss | 32 + .../material-dashboard/variables/_rtl.scss | 1 + .../variables/_social-buttons.scss | 28 + .../material-dashboard/variables/_table.scss | 19 + .../variables/_timeline.scss | 20 + .../variables/_utilities-extend.scss | 32 + .../variables/_utilities.scss | 195 + .../variables/_virtual-reality.scss | 5 + dev/composer.json | 13 + dev/docs/documentation.html | 218 + dev/gulpfile.js | 34 + dev/index.html | 1014 + dev/package.json | 50 + dev/pages/billing.html | 701 + dev/pages/dashboard.html | 1115 + dev/pages/icons.html | 408 + dev/pages/map.html | 453 + dev/pages/notifications.html | 532 + dev/pages/profile.html | 749 + dev/pages/rtl.html | 1115 + dev/pages/sign-in.html | 211 + dev/pages/sign-up.html | 174 + dev/pages/tables.html | 812 + dev/pages/template.html | 390 + dev/pages/typography.html | 427 + dev/pages/virtual-reality.html | 527 + dev/template.html | 231 + 309 files changed, 62589 insertions(+) create mode 100644 dev/CHANGELOG.md create mode 100644 dev/ISSUE_TEMPLATE.md create mode 100644 dev/LICENSE.md create mode 100644 dev/README.md create mode 100644 dev/assets/css/material-dashboard.css create mode 100644 dev/assets/css/material-dashboard.css.map create mode 100644 dev/assets/css/material-dashboard.min.css create mode 100644 dev/assets/css/nucleo-icons.css create mode 100644 dev/assets/css/nucleo-svg.css create mode 100644 dev/assets/fonts/nucleo-icons.eot create mode 100644 dev/assets/fonts/nucleo-icons.svg create mode 100644 dev/assets/fonts/nucleo-icons.ttf create mode 100644 dev/assets/fonts/nucleo-icons.woff create mode 100644 dev/assets/fonts/nucleo-icons.woff2 create mode 100644 dev/assets/fonts/nucleo.eot create mode 100644 dev/assets/fonts/nucleo.ttf create mode 100644 dev/assets/fonts/nucleo.woff create mode 100644 dev/assets/fonts/nucleo.woff2 create mode 100644 dev/assets/img/apple-icon.png create mode 100644 dev/assets/img/bg-pricing.jpg create mode 100644 dev/assets/img/bg-smart-home-1.jpg create mode 100644 dev/assets/img/bg-smart-home-2.jpg create mode 100644 dev/assets/img/bruce-mars.jpg create mode 100644 dev/assets/img/down-arrow-dark.svg create mode 100644 dev/assets/img/down-arrow-white.svg create mode 100644 dev/assets/img/down-arrow.svg create mode 100644 dev/assets/img/drake.jpg create mode 100644 dev/assets/img/favicon.png create mode 100644 dev/assets/img/home-decor-1.jpg create mode 100644 dev/assets/img/home-decor-2.jpg create mode 100644 dev/assets/img/home-decor-3.jpg create mode 100644 dev/assets/img/icons/flags/AU.png create mode 100644 dev/assets/img/icons/flags/BR.png create mode 100644 dev/assets/img/icons/flags/DE.png create mode 100644 dev/assets/img/icons/flags/GB.png create mode 100644 dev/assets/img/icons/flags/US.png create mode 100644 dev/assets/img/illustrations/chat.png create mode 100644 dev/assets/img/illustrations/danger-chat-ill.png create mode 100644 dev/assets/img/illustrations/dark-lock-ill.png create mode 100644 dev/assets/img/illustrations/error-404.png create mode 100644 dev/assets/img/illustrations/error-500.png create mode 100644 dev/assets/img/illustrations/illustration-lock.jpg create mode 100644 dev/assets/img/illustrations/illustration-reset.jpg create mode 100644 dev/assets/img/illustrations/illustration-signin.jpg create mode 100644 dev/assets/img/illustrations/illustration-signup.jpg create mode 100644 dev/assets/img/illustrations/illustration-verification.jpg create mode 100644 dev/assets/img/illustrations/lock.png create mode 100644 dev/assets/img/illustrations/pattern-tree.svg create mode 100644 dev/assets/img/illustrations/rocket-white.png create mode 100644 dev/assets/img/ivana-square.jpg create mode 100644 dev/assets/img/ivana-squares.jpg create mode 100644 dev/assets/img/ivancik.jpg create mode 100644 dev/assets/img/kal-visuals-square.jpg create mode 100644 dev/assets/img/logo-ct-dark.png create mode 100644 dev/assets/img/logo-ct.png create mode 100644 dev/assets/img/logos/gray-logos/logo-coinbase.svg create mode 100644 dev/assets/img/logos/gray-logos/logo-nasa.svg create mode 100644 dev/assets/img/logos/gray-logos/logo-netflix.svg create mode 100644 dev/assets/img/logos/gray-logos/logo-pinterest.svg create mode 100644 dev/assets/img/logos/gray-logos/logo-spotify.svg create mode 100644 dev/assets/img/logos/gray-logos/logo-vodafone.svg create mode 100644 dev/assets/img/logos/mastercard.png create mode 100644 dev/assets/img/logos/visa.png create mode 100644 dev/assets/img/marie.jpg create mode 100644 dev/assets/img/meeting.jpg create mode 100644 dev/assets/img/office-dark.jpg create mode 100644 dev/assets/img/product-12.jpg create mode 100644 dev/assets/img/products/product-1-min.jpg create mode 100644 dev/assets/img/products/product-11.jpg create mode 100644 dev/assets/img/products/product-2-min.jpg create mode 100644 dev/assets/img/products/product-3-min.jpg create mode 100644 dev/assets/img/products/product-4-min.jpg create mode 100644 dev/assets/img/products/product-5-min.jpg create mode 100644 dev/assets/img/products/product-6-min.jpg create mode 100644 dev/assets/img/products/product-7-min.jpg create mode 100644 dev/assets/img/products/product-details-1.jpg create mode 100644 dev/assets/img/products/product-details-2.jpg create mode 100644 dev/assets/img/products/product-details-3.jpg create mode 100644 dev/assets/img/products/product-details-4.jpg create mode 100644 dev/assets/img/products/product-details-5.jpg create mode 100644 dev/assets/img/shapes/pattern-lines.svg create mode 100644 dev/assets/img/shapes/waves-white.svg create mode 100644 dev/assets/img/small-logos/bootstrap.svg create mode 100644 dev/assets/img/small-logos/creative-tim.svg create mode 100644 dev/assets/img/small-logos/devto.svg create mode 100644 dev/assets/img/small-logos/github.svg create mode 100644 dev/assets/img/small-logos/google-webdev.svg create mode 100644 dev/assets/img/small-logos/icon-bulb.svg create mode 100644 dev/assets/img/small-logos/icon-sun-cloud.png create mode 100644 dev/assets/img/small-logos/logo-asana.svg create mode 100644 dev/assets/img/small-logos/logo-atlassian.svg create mode 100644 dev/assets/img/small-logos/logo-invision.svg create mode 100644 dev/assets/img/small-logos/logo-jira.svg create mode 100644 dev/assets/img/small-logos/logo-slack.svg create mode 100644 dev/assets/img/small-logos/logo-spotify.svg create mode 100644 dev/assets/img/small-logos/logo-xd.svg create mode 100644 dev/assets/img/team-1.jpg create mode 100644 dev/assets/img/team-2.jpg create mode 100644 dev/assets/img/team-3.jpg create mode 100644 dev/assets/img/team-4.jpg create mode 100644 dev/assets/img/team-5.jpg create mode 100644 dev/assets/img/tesla-model-s.png create mode 100644 dev/assets/img/vr-bg.jpg create mode 100644 dev/assets/js/core/bootstrap.bundle.min.js create mode 100644 dev/assets/js/core/bootstrap.min.js create mode 100644 dev/assets/js/core/popper.min.js create mode 100644 dev/assets/js/material-dashboard.js create mode 100644 dev/assets/js/material-dashboard.js.map create mode 100644 dev/assets/js/material-dashboard.min.js create mode 100644 dev/assets/js/plugins/Chart.extension.js create mode 100644 dev/assets/js/plugins/bootstrap-notify.js create mode 100644 dev/assets/js/plugins/chartjs.min.js create mode 100644 dev/assets/js/plugins/countup.min.js create mode 100644 dev/assets/js/plugins/perfect-scrollbar.min.js create mode 100644 dev/assets/js/plugins/smooth-scrollbar.min.js create mode 100644 dev/assets/js/plugins/world.js create mode 100644 dev/assets/scss/material-dashboard.scss create mode 100644 dev/assets/scss/material-dashboard/_alert.scss create mode 100644 dev/assets/scss/material-dashboard/_avatars.scss create mode 100644 dev/assets/scss/material-dashboard/_badge.scss create mode 100644 dev/assets/scss/material-dashboard/_breadcrumbs.scss create mode 100644 dev/assets/scss/material-dashboard/_buttons.scss create mode 100644 dev/assets/scss/material-dashboard/_cards.scss create mode 100644 dev/assets/scss/material-dashboard/_dark-version.scss create mode 100644 dev/assets/scss/material-dashboard/_dropdown.scss create mode 100644 dev/assets/scss/material-dashboard/_dropup.scss create mode 100644 dev/assets/scss/material-dashboard/_fixed-plugin.scss create mode 100644 dev/assets/scss/material-dashboard/_footer.scss create mode 100644 dev/assets/scss/material-dashboard/_forms.scss create mode 100644 dev/assets/scss/material-dashboard/_gradients.scss create mode 100644 dev/assets/scss/material-dashboard/_header.scss create mode 100644 dev/assets/scss/material-dashboard/_icons.scss create mode 100644 dev/assets/scss/material-dashboard/_info-areas.scss create mode 100644 dev/assets/scss/material-dashboard/_misc.scss create mode 100644 dev/assets/scss/material-dashboard/_nav.scss create mode 100644 dev/assets/scss/material-dashboard/_navbar-vertical.scss create mode 100644 dev/assets/scss/material-dashboard/_navbar.scss create mode 100644 dev/assets/scss/material-dashboard/_pagination.scss create mode 100644 dev/assets/scss/material-dashboard/_popovers.scss create mode 100644 dev/assets/scss/material-dashboard/_progress.scss create mode 100644 dev/assets/scss/material-dashboard/_ripple.scss create mode 100644 dev/assets/scss/material-dashboard/_rtl.scss create mode 100644 dev/assets/scss/material-dashboard/_social-buttons.scss create mode 100644 dev/assets/scss/material-dashboard/_tables.scss create mode 100644 dev/assets/scss/material-dashboard/_tilt.scss create mode 100644 dev/assets/scss/material-dashboard/_timeline.scss create mode 100644 dev/assets/scss/material-dashboard/_tooltips.scss create mode 100644 dev/assets/scss/material-dashboard/_typography.scss create mode 100644 dev/assets/scss/material-dashboard/_utilities-extend.scss create mode 100644 dev/assets/scss/material-dashboard/_utilities.scss create mode 100644 dev/assets/scss/material-dashboard/_variables.scss create mode 100644 dev/assets/scss/material-dashboard/bootstrap/_accordion.scss create mode 100644 dev/assets/scss/material-dashboard/bootstrap/_alert.scss create mode 100644 dev/assets/scss/material-dashboard/bootstrap/_badge.scss create mode 100644 dev/assets/scss/material-dashboard/bootstrap/_breadcrumb.scss create mode 100644 dev/assets/scss/material-dashboard/bootstrap/_button-group.scss create mode 100644 dev/assets/scss/material-dashboard/bootstrap/_buttons.scss create mode 100644 dev/assets/scss/material-dashboard/bootstrap/_card.scss create mode 100644 dev/assets/scss/material-dashboard/bootstrap/_carousel.scss create mode 100644 dev/assets/scss/material-dashboard/bootstrap/_close.scss create mode 100644 dev/assets/scss/material-dashboard/bootstrap/_containers.scss create mode 100644 dev/assets/scss/material-dashboard/bootstrap/_dropdown.scss create mode 100644 dev/assets/scss/material-dashboard/bootstrap/_forms.scss create mode 100644 dev/assets/scss/material-dashboard/bootstrap/_functions.scss create mode 100644 dev/assets/scss/material-dashboard/bootstrap/_grid.scss create mode 100644 dev/assets/scss/material-dashboard/bootstrap/_helpers.scss create mode 100644 dev/assets/scss/material-dashboard/bootstrap/_images.scss create mode 100644 dev/assets/scss/material-dashboard/bootstrap/_list-group.scss create mode 100644 dev/assets/scss/material-dashboard/bootstrap/_maps.scss create mode 100644 dev/assets/scss/material-dashboard/bootstrap/_mixins.scss create mode 100644 dev/assets/scss/material-dashboard/bootstrap/_modal.scss create mode 100644 dev/assets/scss/material-dashboard/bootstrap/_nav.scss create mode 100644 dev/assets/scss/material-dashboard/bootstrap/_navbar.scss create mode 100644 dev/assets/scss/material-dashboard/bootstrap/_offcanvas.scss create mode 100644 dev/assets/scss/material-dashboard/bootstrap/_pagination.scss create mode 100644 dev/assets/scss/material-dashboard/bootstrap/_placeholders.scss create mode 100644 dev/assets/scss/material-dashboard/bootstrap/_popover.scss create mode 100644 dev/assets/scss/material-dashboard/bootstrap/_progress.scss create mode 100644 dev/assets/scss/material-dashboard/bootstrap/_reboot.scss create mode 100644 dev/assets/scss/material-dashboard/bootstrap/_root.scss create mode 100644 dev/assets/scss/material-dashboard/bootstrap/_spinners.scss create mode 100644 dev/assets/scss/material-dashboard/bootstrap/_tables.scss create mode 100644 dev/assets/scss/material-dashboard/bootstrap/_toasts.scss create mode 100644 dev/assets/scss/material-dashboard/bootstrap/_tooltip.scss create mode 100644 dev/assets/scss/material-dashboard/bootstrap/_transitions.scss create mode 100644 dev/assets/scss/material-dashboard/bootstrap/_type.scss create mode 100644 dev/assets/scss/material-dashboard/bootstrap/_utilities.scss create mode 100644 dev/assets/scss/material-dashboard/bootstrap/_variables.scss create mode 100644 dev/assets/scss/material-dashboard/bootstrap/bootstrap-grid.scss create mode 100644 dev/assets/scss/material-dashboard/bootstrap/bootstrap-reboot.scss create mode 100644 dev/assets/scss/material-dashboard/bootstrap/bootstrap-utilities.scss create mode 100644 dev/assets/scss/material-dashboard/bootstrap/bootstrap.scss create mode 100644 dev/assets/scss/material-dashboard/bootstrap/forms/_floating-labels.scss create mode 100644 dev/assets/scss/material-dashboard/bootstrap/forms/_form-check.scss create mode 100644 dev/assets/scss/material-dashboard/bootstrap/forms/_form-control.scss create mode 100644 dev/assets/scss/material-dashboard/bootstrap/forms/_form-range.scss create mode 100644 dev/assets/scss/material-dashboard/bootstrap/forms/_form-select.scss create mode 100644 dev/assets/scss/material-dashboard/bootstrap/forms/_form-text.scss create mode 100644 dev/assets/scss/material-dashboard/bootstrap/forms/_input-group.scss create mode 100644 dev/assets/scss/material-dashboard/bootstrap/forms/_labels.scss create mode 100644 dev/assets/scss/material-dashboard/bootstrap/forms/_validation.scss create mode 100644 dev/assets/scss/material-dashboard/bootstrap/helpers/_clearfix.scss create mode 100644 dev/assets/scss/material-dashboard/bootstrap/helpers/_color-bg.scss create mode 100644 dev/assets/scss/material-dashboard/bootstrap/helpers/_colored-links.scss create mode 100644 dev/assets/scss/material-dashboard/bootstrap/helpers/_position.scss create mode 100644 dev/assets/scss/material-dashboard/bootstrap/helpers/_ratio.scss create mode 100644 dev/assets/scss/material-dashboard/bootstrap/helpers/_stacks.scss create mode 100644 dev/assets/scss/material-dashboard/bootstrap/helpers/_stretched-link.scss create mode 100644 dev/assets/scss/material-dashboard/bootstrap/helpers/_text-truncation.scss create mode 100644 dev/assets/scss/material-dashboard/bootstrap/helpers/_visually-hidden.scss create mode 100644 dev/assets/scss/material-dashboard/bootstrap/helpers/_vr.scss create mode 100644 dev/assets/scss/material-dashboard/bootstrap/mixins/_alert.scss create mode 100644 dev/assets/scss/material-dashboard/bootstrap/mixins/_backdrop.scss create mode 100644 dev/assets/scss/material-dashboard/bootstrap/mixins/_banner.scss create mode 100644 dev/assets/scss/material-dashboard/bootstrap/mixins/_border-radius.scss create mode 100644 dev/assets/scss/material-dashboard/bootstrap/mixins/_box-shadow.scss create mode 100644 dev/assets/scss/material-dashboard/bootstrap/mixins/_breakpoints.scss create mode 100644 dev/assets/scss/material-dashboard/bootstrap/mixins/_buttons.scss create mode 100644 dev/assets/scss/material-dashboard/bootstrap/mixins/_caret.scss create mode 100644 dev/assets/scss/material-dashboard/bootstrap/mixins/_clearfix.scss create mode 100644 dev/assets/scss/material-dashboard/bootstrap/mixins/_color-scheme.scss create mode 100644 dev/assets/scss/material-dashboard/bootstrap/mixins/_container.scss create mode 100644 dev/assets/scss/material-dashboard/bootstrap/mixins/_deprecate.scss create mode 100644 dev/assets/scss/material-dashboard/bootstrap/mixins/_forms.scss create mode 100644 dev/assets/scss/material-dashboard/bootstrap/mixins/_gradients.scss create mode 100644 dev/assets/scss/material-dashboard/bootstrap/mixins/_grid.scss create mode 100644 dev/assets/scss/material-dashboard/bootstrap/mixins/_image.scss create mode 100644 dev/assets/scss/material-dashboard/bootstrap/mixins/_list-group.scss create mode 100644 dev/assets/scss/material-dashboard/bootstrap/mixins/_lists.scss create mode 100644 dev/assets/scss/material-dashboard/bootstrap/mixins/_pagination.scss create mode 100644 dev/assets/scss/material-dashboard/bootstrap/mixins/_reset-text.scss create mode 100644 dev/assets/scss/material-dashboard/bootstrap/mixins/_resize.scss create mode 100644 dev/assets/scss/material-dashboard/bootstrap/mixins/_table-variants.scss create mode 100644 dev/assets/scss/material-dashboard/bootstrap/mixins/_text-truncate.scss create mode 100644 dev/assets/scss/material-dashboard/bootstrap/mixins/_transition.scss create mode 100644 dev/assets/scss/material-dashboard/bootstrap/mixins/_utilities.scss create mode 100644 dev/assets/scss/material-dashboard/bootstrap/mixins/_visually-hidden.scss create mode 100644 dev/assets/scss/material-dashboard/bootstrap/utilities/_api.scss create mode 100644 dev/assets/scss/material-dashboard/bootstrap/vendor/_rfs.scss create mode 100644 dev/assets/scss/material-dashboard/cards/card-background.scss create mode 100644 dev/assets/scss/material-dashboard/cards/card-rotate.scss create mode 100644 dev/assets/scss/material-dashboard/custom/_styles.scss create mode 100644 dev/assets/scss/material-dashboard/custom/_variables.scss create mode 100644 dev/assets/scss/material-dashboard/forms/_form-check.scss create mode 100644 dev/assets/scss/material-dashboard/forms/_form-select.scss create mode 100644 dev/assets/scss/material-dashboard/forms/_form-switch.scss create mode 100644 dev/assets/scss/material-dashboard/forms/_forms.scss create mode 100644 dev/assets/scss/material-dashboard/forms/_input-group.scss create mode 100644 dev/assets/scss/material-dashboard/forms/_inputs.scss create mode 100644 dev/assets/scss/material-dashboard/forms/_labels.scss create mode 100644 dev/assets/scss/material-dashboard/mixins/_badge.scss create mode 100644 dev/assets/scss/material-dashboard/mixins/_buttons.scss create mode 100644 dev/assets/scss/material-dashboard/mixins/_colored-shadows.scss create mode 100644 dev/assets/scss/material-dashboard/mixins/_hover.scss create mode 100644 dev/assets/scss/material-dashboard/mixins/_social-buttons.scss create mode 100644 dev/assets/scss/material-dashboard/mixins/_vendor.scss create mode 100644 dev/assets/scss/material-dashboard/mixins/mixins.scss create mode 100644 dev/assets/scss/material-dashboard/plugins/free/_flatpickr.scss create mode 100644 dev/assets/scss/material-dashboard/plugins/free/_nouislider.scss create mode 100644 dev/assets/scss/material-dashboard/plugins/free/_perfect-scrollbar.scss create mode 100644 dev/assets/scss/material-dashboard/plugins/free/_prism.scss create mode 100644 dev/assets/scss/material-dashboard/plugins/free/plugins.scss create mode 100644 dev/assets/scss/material-dashboard/theme.scss create mode 100644 dev/assets/scss/material-dashboard/variables/_animations.scss create mode 100644 dev/assets/scss/material-dashboard/variables/_avatars.scss create mode 100644 dev/assets/scss/material-dashboard/variables/_badge.scss create mode 100644 dev/assets/scss/material-dashboard/variables/_breadcrumb.scss create mode 100644 dev/assets/scss/material-dashboard/variables/_cards-extend.scss create mode 100644 dev/assets/scss/material-dashboard/variables/_cards.scss create mode 100644 dev/assets/scss/material-dashboard/variables/_choices.scss create mode 100644 dev/assets/scss/material-dashboard/variables/_dark-version.scss create mode 100644 dev/assets/scss/material-dashboard/variables/_dropdowns.scss create mode 100644 dev/assets/scss/material-dashboard/variables/_fixed-plugin.scss create mode 100644 dev/assets/scss/material-dashboard/variables/_form-switch.scss create mode 100644 dev/assets/scss/material-dashboard/variables/_full-calendar.scss create mode 100644 dev/assets/scss/material-dashboard/variables/_header.scss create mode 100644 dev/assets/scss/material-dashboard/variables/_info-areas.scss create mode 100644 dev/assets/scss/material-dashboard/variables/_misc-extend.scss create mode 100644 dev/assets/scss/material-dashboard/variables/_misc.scss create mode 100644 dev/assets/scss/material-dashboard/variables/_navbar-vertical.scss create mode 100644 dev/assets/scss/material-dashboard/variables/_navbar.scss create mode 100644 dev/assets/scss/material-dashboard/variables/_pagination.scss create mode 100644 dev/assets/scss/material-dashboard/variables/_ripple.scss create mode 100644 dev/assets/scss/material-dashboard/variables/_rtl.scss create mode 100644 dev/assets/scss/material-dashboard/variables/_social-buttons.scss create mode 100644 dev/assets/scss/material-dashboard/variables/_table.scss create mode 100644 dev/assets/scss/material-dashboard/variables/_timeline.scss create mode 100644 dev/assets/scss/material-dashboard/variables/_utilities-extend.scss create mode 100644 dev/assets/scss/material-dashboard/variables/_utilities.scss create mode 100644 dev/assets/scss/material-dashboard/variables/_virtual-reality.scss create mode 100644 dev/composer.json create mode 100644 dev/docs/documentation.html create mode 100644 dev/gulpfile.js create mode 100644 dev/index.html create mode 100644 dev/package.json create mode 100644 dev/pages/billing.html create mode 100644 dev/pages/dashboard.html create mode 100644 dev/pages/icons.html create mode 100644 dev/pages/map.html create mode 100644 dev/pages/notifications.html create mode 100644 dev/pages/profile.html create mode 100644 dev/pages/rtl.html create mode 100644 dev/pages/sign-in.html create mode 100644 dev/pages/sign-up.html create mode 100644 dev/pages/tables.html create mode 100644 dev/pages/template.html create mode 100644 dev/pages/typography.html create mode 100644 dev/pages/virtual-reality.html create mode 100644 dev/template.html diff --git a/dev/CHANGELOG.md b/dev/CHANGELOG.md new file mode 100644 index 0000000..61e343a --- /dev/null +++ b/dev/CHANGELOG.md @@ -0,0 +1,107 @@ +# Change Log + +## [3.1.0] 2023-05-03 +### Updates & Improvements +- update Bootstrap to v5.2.2 +- update Popper to v2.11.6 +- fix issues +- update sidebar & navbar + +## [3.0.5] 2022-10-10 +### Updates & Improvements +- update Bootstrap to v5.2.2 +- update Popper to v2.11.6 +- update `start-0` and `end-0` classes on RTL +- fix perfectScrollbar issue on RTL +- fix the NavTabs second active tab issue + +## [3.0.4] 2022-06-15 +### BugFixing +- fix inputs on RTL +- update tag border + +## [3.0.3] 2022-06-08 +### Update and Improvements +- update Bootstrap to v5.2.0-beta1 +- fix modal close button on docs +- update color of `.form-control` on Dark Mode +- update typo on card stats +- fix Safari browser button styling issue +- add sticky navbar option on Profile page +- add link to Sign In page in navbar +- update dropdown item color on hover - Dark Mode + +## [3.0.2] 2022-03-25 +### Updates +- update SCSS folder + +## [3.0.1] 2022-03-07 +### Update and Improvements +- fix running 'npm install' issue +- fix SCSS compiling issues + +## [3.0.0] 2021-10-19 +### Refactor and Improvements +- Update Bootstrap to v5.1.3 +- Update to Material Design 2 +- New Documentation version +- New Product structure + +## [2.1.2] 2020-02-11 +### Improvements, BugFixing +- Fixed the broken links +- Improvements and BugFixing for documentation +- Change versions on CSS and JS files + +## [2.1.1] 2018-11-13 +### Improvements, BugFixing +- Changes for responsive devices +- Improvements and BugFixing for documentation +- Change versions on CSS and JS files +- Pro Documentation integrated in Free Version +- Eliminated extra CSS and JS + +## [2.1.0] 2018-06-13 +### Bug fixing +- Card-chart fixed on Windows +- Bug fixes for responsive devices +- Small changes for components + +## [2.0.0] 2018-03-27 +### Bootstrap 4 update +- Core base code on Bootstrap 4 +- Documentation code base written from scratch +- Speed optimizations +- Class changes : .card-block to .card-body + - .navbar-toggleable-* to .navbar-expand-* + - .hidden-*-down to .d-none .d-*-block + - .hidden-*-up to .d-*-none + - .checkbox to .form-check + - .radio to .form-check + - more class changes here:https://getbootstrap.com/docs/4.0/migration/ +- Bug fixes for responsive devices +- Small changes for components + +## [1.2.0] 2017-09-08 +### BugFixing +- added PerfectScrollbar for windows better scroll +- added arrive.js library for dynamic content +- fix issue with charts when resizing window +- change size of buttons for notifications on mobile +- added pagination style +- fixed issue with Bootstrap modal +- added fixed navbar +- documentation updates +- minor design fixes + +## [1.1.1] 2017-02-08 +### MIT License +- switched to MIT License + +## [1.1.0] 2016-11-10 +### New Page Added, Small Fixes +- fix link in documentation +- for those who want to upsell inside their dashboard we added a new page "Upgrade to PRO" with a pricing and options table + +## [1.0.0] 2016-09-21 +### Initial Release diff --git a/dev/ISSUE_TEMPLATE.md b/dev/ISSUE_TEMPLATE.md new file mode 100644 index 0000000..a408951 --- /dev/null +++ b/dev/ISSUE_TEMPLATE.md @@ -0,0 +1,13 @@ + + + diff --git a/dev/LICENSE.md b/dev/LICENSE.md new file mode 100644 index 0000000..73164ce --- /dev/null +++ b/dev/LICENSE.md @@ -0,0 +1,21 @@ +MIT License + +Copyright (c) 2017 Creative Tim (https://www.creative-tim.com) + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. diff --git a/dev/README.md b/dev/README.md new file mode 100644 index 0000000..541dfd4 --- /dev/null +++ b/dev/README.md @@ -0,0 +1,178 @@ +# [Material Dashboard 2](http://demos.creative-tim.com/material-dashboard/pages/dashboard.html?ref=readme-md2) [![Tweet](https://img.shields.io/twitter/url/http/shields.io.svg?style=social&logo=twitter)](https://twitter.com/intent/tweet?url=https://www.creative-tim.com/product/material-dashboard&text=Check%20Material%20Dashboard%202%20made%20by%20@CreativeTim%20#webdesign%20#dashboard%20#materialdesign%20#html%20https://www.creative-tim.com/product/material-dashboard) [![Discord](https://badgen.net/badge/icon/discord?icon=discord&label)](https://discord.gg/FhCJCaHdQa) + +![version](https://img.shields.io/badge/version-3.1.0-blue.svg) [![GitHub issues open](https://img.shields.io/github/issues/creativetimofficial/material-dashboard.svg)](https://github.com/creativetimofficial/material-dashboard/issues?q=is%3Aopen+is%3Aissue) [![GitHub issues closed](https://img.shields.io/github/issues-closed-raw/creativetimofficial/material-dashboard.svg)](https://github.com/creativetimofficial/material-dashboard/issues?q=is%3Aissue+is%3Aclosed) + +![Image](https://s3.amazonaws.com/creativetim_bucket/products/50/original/material-dashboard.jpg?1634648873) + +[Material Dashboard](https://www.creative-tim.com/product/material-dashboard) is a free Material Bootstrap Admin with a fresh, new design inspired by Google's Material Design. We are very excited to introduce our take on the material concepts through an easy to use and beautiful set of components. Material Dashboard was built over the popular Bootstrap framework and it comes with a couple of third-party plugins redesigned to fit in with the rest of the elements. + +Material Dashboard makes use of light, surface and movement. The general layout resembles sheets of paper following multiple different layers, so that the depth and order is obvious. The navigation stays mainly on the left sidebar and the content is on the right inside the main panel. + +This product came as a result of users asking for a material dashboard after we released our successful [Material Kit](https://www.creative-tim.com/product/material-kit). We developed it based on your feedback and it is a powerful bootstrap admin dashboard, which allows you to build products like admin panels, content managements systems and CRMs. + +Material Dashboard comes with 5 color filter choices for both the sidebar and the card headers (blue, green, orange, red and purple) and an option to have a background image on the sidebar. + +Special thanks go to: +- [Robert McIntosh](https://github.com/mouse0270/bootstrap-notify) for the notification system. +- [Chartist](https://gionkunz.github.io/chartist-js/) for the wonderful charts. +We are very excited to share this dashboard with you and we look forward to hearing your feedback! +- [Nepcha Analytics](https://nepcha.com?ref=readme) for the analytics tool. Nepcha is already integrated with Material Dashboard. You can use it to gain insights into your sources of traffic. + + +## Table of Contents + +- [Material Dashboard 2 ](#material-dashboard-2--) + - [Table of Contents](#table-of-contents) + - [Versions](#versions) + - [Demo](#demo) + - [Quick start](#quick-start) + - [Documentation](#documentation) + - [File Structure](#file-structure) + - [Browser Support](#browser-support) + - [Resources](#resources) + - [Reporting Issues](#reporting-issues) + - [Upgrade to Premium version](#upgrade-to-premium-version) + - [Technical Support or Questions](#technical-support-or-questions) + - [Licensing](#licensing) + - [Useful Links](#useful-links) + - [Social Media](#social-media) + + + +## Versions + +[](https://www.creative-tim.com/product/material-dashboard)[](https://www.creative-tim.com/product/material-tailwind-dashboard-react) [](https://www.creative-tim.com/product/material-dashboard-react)[](https://www.creative-tim.com/product/vue-material-dashboard)[](https://www.creative-tim.com/product/material-dashboard-angular2)[](https://www.creative-tim.com/product/material-kit-react-native)[](https://www.creative-tim.com/product/material-dashboard-laravel)[](https://www.creative-tim.com/product/vuetify-material-dashboard)[](https://www.creative-tim.com/product/material-dashboard-django)[](https://www.creative-tim.com/product/nextjs-material-dashboard)[](https://www.creative-tim.com/product/material-dashboard-flask)[](https://www.creative-tim.com/product/material-dashboard-react-asp-net)[](https://www.creative-tim.com/product/material-dashboard-react-nodejs) + + +| Bootstrap 5 | Bootstrap 4 | Bootstrap 3 | Dark HTML | +| --- | --- | --- | --- | +| [![Material Dashboard HTML](https://s3.amazonaws.com/creativetim_bucket/products/50/original/material-dashboard.jpg?1634648873)](https://www.creative-tim.com/product/material-dashboard) | [![Material Dashboard Bootstrap 4](https://s3.amazonaws.com/creativetim_bucket/products/537/original/opt_md_thumbnail.jpeg?1634047548)](https://www.creative-tim.com/product/material-dashboard-bs4) | [![Material Dashboard Bootstrap 3](https://s3.amazonaws.com/creativetim_bucket/products/78/original/opt_mdp_thumbnail.jpg?1521133551)](https://www.creative-tim.com/product/material-dashboard-bs4) | [![Material Dashboard Dark Edition](https://s3.amazonaws.com/creativetim_bucket/products/95/original/opt_mdb_thumbnail.jpg?1535551949)](https://www.creative-tim.com/product/material-dashboard-dark) | + +| React | Tailwind | Vue | Angular | +| --- | --- | --- | --- | +| [![Material Dashboard React](https://s3.amazonaws.com/creativetim_bucket/products/488/original/material-tailwind-react-dashboard.jpg?1667367968)](https://www.creative-tim.com/product/material-tailwind-dashboard-react) | [![Material Tailwind Dashboard React](https://s3.amazonaws.com/creativetim_bucket/products/71/original/material-dashboard-react.jpg?1638950990)](https://www.creative-tim.com/product/material-dashboard-react) | [![Vue Material Dashboard](https://s3.amazonaws.com/creativetim_bucket/products/81/original/opt_md_vue_thumbnail.jpg?1534938464)](https://www.creative-tim.com/product/vue-material-dashboard) | [![Material Dashboard Angular](https://s3.amazonaws.com/creativetim_bucket/products/53/original/opt_md_angular_thumbnail.jpg?1551358074)](https://www.creative-tim.com/product/material-dashboard-angular2) | + +| Vuetify | React Native | Nextjs | Nodejs | +| --- | --- | --- | --- | +| [![Material Dashboard Vuetify](https://s3.amazonaws.com/creativetim_bucket/products/100/original/opt_md_vuetify_thumbnail.jpg)](https://www.creative-tim.com/product/vuetify-material-dashboard) | [![React Native](https://s3.amazonaws.com/creativetim_bucket/products/144/original/opt_mkrn_thumbnail.jpg)](https://www.creative-tim.com/product/material-kit-react-native) | [![Nextjs Material Dashboard](https://s3.amazonaws.com/creativetim_bucket/products/341/original/opt_md_nextjs_thumbnail.jpg)](https://www.creative-tim.com/product/nextjs-material-dashboard) | [![Material Dashboard React Nodejs](https://s3.amazonaws.com/creativetim_bucket/products/157/original/react-material-dashboard-nodejs.jpg?1680251614)](https://www.creative-tim.com/product/material-dashboard-react-nodejs) + +| Laravel | Asp.NET | Django | Flask | +| --- | --- | --- | --- | +| [![Material Dashboard Laravel](https://s3.amazonaws.com/creativetim_bucket/products/154/original/material-dashboard-laravel.jpg?1664460694)](https://www.creative-tim.com/product/material-dashboard-laravel) | [![Asp.NET](https://s3.amazonaws.com/creativetim_bucket/products/397/original/opt_md_aspnet_thumbnail.jpg)](https://www.creative-tim.com/product/material-dashboard-react-asp-net) | [![Material Dashboard Django](https://s3.amazonaws.com/creativetim_bucket/products/337/original/opt_md_django_thumbnail.jpg)](https://www.creative-tim.com/product/material-dashboard-django) | [![Material Dashboard Flask](https://s3.amazonaws.com/creativetim_bucket/products/338/original/opt_md_flask_thumbnail.jpg)](https://www.creative-tim.com/product/material-dashboard-flask) + + +## Demo + +- [Start page](https://demos.creative-tim.com/material-dashboard/examples/dashboard.html) +- [User profile page](https://demos.creative-tim.com/material-dashboard/examples/user.html) +- [Tables page ](https://demos.creative-tim.com/material-dashboard/examples/tables.html) +- [Maps Page](https://demos.creative-tim.com/material-dashboard/examples/map.html) +- [Notifications page](https://demos.creative-tim.com/material-dashboard/examples/notifications.html) + +[View More](https://demos.creative-tim.com/material-dashboard/examples/dashboard.html). + + +## Quick start + +- `npm i material-dashboard` +- Clone the repo: `git clone https://github.com/creativetimofficial/material-dashboard.git`. +- [Download from Github](https://github.com/creativetimofficial/material-dashboard/archive/master.zip). +- [Download from Creative Tim](https://www.creative-tim.com/product/material-dashboard). + + +## Documentation +The documentation for the Material Dashboard is hosted at our [website](https://demos.creative-tim.com/material-dashboard/docs/2.1/getting-started/introduction.html). + + +## File Structure +Within the download you'll find the following directories and files: + +``` +material-dashboard + ā”œā”€ā”€ assets + ā”‚Ā Ā  ā”œā”€ā”€ css + ā”‚Ā Ā  ā”œā”€ā”€ fonts + ā”‚Ā Ā  ā”œā”€ā”€ img + ā”‚Ā Ā  ā”œā”€ā”€ js + ā”‚Ā Ā  ā”‚Ā Ā  ā”œā”€ā”€ core + ā”‚Ā Ā  ā”‚Ā Ā  ā”œā”€ā”€ plugins + ā”‚Ā Ā  ā”‚Ā Ā  ā””ā”€ā”€ material-dashboard.js + ā”‚Ā Ā  ā”‚Ā Ā  ā””ā”€ā”€ material-dashboard.js.map + ā”‚Ā Ā  ā”‚Ā Ā  ā””ā”€ā”€ material-dashboard.min.js + ā”‚Ā Ā  ā””ā”€ā”€ scss + ā”‚Ā Ā  ā”œā”€ā”€ material-dashboard + ā”‚Ā Ā  ā””ā”€ā”€ material-dashboard.scss + ā”œā”€ā”€ docs + ā”‚Ā Ā  ā”œā”€ā”€ documentation.html + ā”œā”€ā”€ pages + ā”œā”€ā”€ CHANGELOG.md + ā”œā”€ā”€ gulpfile.js + ā”œā”€ā”€ package.json +``` + + +## Browser Support + +At present, we officially aim to support the last two versions of the following browsers: + + + + + +## Resources +- Demo: +- Download Page: +- Documentation: +- License Agreement: +- PRO Version: +- Support: +- Issues: [Github Issues Page](https://github.com/creativetimofficial/material-dashboard/issues) +- [Material Kit](https://www.creative-tim.com/product/material-kit?ref=github-md-free) - For Front End Development +- [Nepcha Analytics](https://nepcha.com?ref=readme) - Analytics tool for your website + +## Reporting Issues + +We use GitHub Issues as the official bug tracker for the Material Dashboard. Here are some advices for our users that want to report an issue: + +1. Make sure that you are using the latest version of the Material Dashboard. Check the CHANGELOG from your dashboard on our [website](https://www.creative-tim.com/). +2. Providing us reproducible steps for the issue will shorten the time it takes for it to be fixed. +3. Some issues may be browser specific, so specifying in what browser you encountered the issue might help. + +## Upgrade to Premium version + +Are you looking for more components? Please check our Premium Version of Material Dashboard [here](https://www.creative-tim.com/product/material-dashboard-pro/) + +## Technical Support or Questions + +If you have questions or need help integrating the product please [contact us](https://www.creative-tim.com/contact-us) instead of opening an issue. + + + +## Licensing + +- Copyright 2023 Creative Tim (https://www.creative-tim.com/) +- Licensed under MIT (https://github.com/creativetimofficial/material-dashboard/blob/master/LICENSE.md) + + + +## Useful Links + +- [More products](https://www.creative-tim.com/templates?ref=readme-sudp) from Creative Tim +- [Tutorials](https://www.youtube.com/channel/UCVyTG4sCw-rOvB9oHkzZD1w) +- [Freebies](https://www.creative-tim.com/bootstrap-themes/free?ref=readme-sudp) from Creative Tim +- [Affiliate Program](https://www.creative-tim.com/affiliates/new?ref=readme-sudp) (earn money) +- [Bundles](https://www.creative-tim.com/bundles) +- [Material Design](https://www.creative-tim.com/design-system/material) +- [Get Discount](https://www.creative-tim.com/coupon) + +##### Social Media + +Twitter: + +Facebook: + +Dribbble: + +TikTok: + +Instagram: diff --git a/dev/assets/css/material-dashboard.css b/dev/assets/css/material-dashboard.css new file mode 100644 index 0000000..79425e6 --- /dev/null +++ b/dev/assets/css/material-dashboard.css @@ -0,0 +1,27936 @@ +/*! + +========================================================= +* Material Dashboard 2 - v3.1.0 +========================================================= + +* Product Page: https://www.creative-tim.com/product/material-dashboard +* Copyright 2023 Creative Tim (https://www.creative-tim.com) +* Licensed under MIT (https://github.com/creativetimofficial/material-dashboard/blob/master/LICENSE.md) + +* Coded by www.creative-tim.com + +========================================================= + +* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. +*/ + +/*! + * Bootstrap v5.2.3 (https://getbootstrap.com/) + * Copyright 2011-2022 The Bootstrap Authors + * Copyright 2011-2022 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) + */ +:root { + --bs-blue: #63B3ED; + --bs-indigo: #596CFF; + --bs-purple: #6f42c1; + --bs-pink: #d63384; + --bs-red: #F56565; + --bs-orange: #fd7e14; + --bs-yellow: #FBD38D; + --bs-green: #81E6D9; + --bs-teal: #20c997; + --bs-cyan: #0dcaf0; + --bs-white: #fff; + --bs-gray: #6c757d; + --bs-gray-dark: #343a40; + --bs-gray-100: #f8f9fa; + --bs-gray-200: #f0f2f5; + --bs-gray-300: #dee2e6; + --bs-gray-400: #ced4da; + --bs-gray-500: #adb5bd; + --bs-gray-600: #6c757d; + --bs-gray-700: #495057; + --bs-gray-800: #343a40; + --bs-gray-900: #212529; + --bs-primary: #e91e63; + --bs-secondary: #7b809a; + --bs-success: #4CAF50; + --bs-info: #1A73E8; + --bs-warning: #fb8c00; + --bs-danger: #F44335; + --bs-light: #f0f2f5; + --bs-dark: #344767; + --bs-white: #fff; + --bs-dark-blue: #1A237E; + --bs-primary-rgb: 233, 30, 99; + --bs-secondary-rgb: , 128, 154; + --bs-success-rgb: 76, 175, 80; + --bs-info-rgb: 26, 115, 232; + --bs-warning-rgb: 251, 140, 0; + --bs-danger-rgb: 244, 67, 53; + --bs-light-rgb: 240, 242, 245; + --bs-dark-rgb: 52, 71, 103; + --bs-white-rgb: 255, 255, 255; + --bs-dark-blue-rgb: 26, 35, 126; + --bs-white-rgb: 255, 255, 255; + --bs-black-rgb: 0, 0, 0; + --bs-body-color-rgb: , 128, 154; + --bs-body-bg-rgb: 255, 255, 255; + --bs-font-sans-serif: "Roboto", Helvetica, Arial, sans-serif; + --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); + --bs-body-font-family: var(--bs-font-sans-serif); + --bs-body-font-size: 1rem; + --bs-body-font-weight: 400; + --bs-body-line-height: 1.5; + --bs-body-color: #7b809a; + --bs-body-bg: #fff; + --bs-border-width: 1px; + --bs-border-style: solid; + --bs-border-color: #dee2e6; + --bs-border-color-translucent: rgba(0, 0, 0, 0.175); + --bs-border-radius: 0.375rem; + --bs-border-radius-sm: 0.125rem; + --bs-border-radius-lg: 0.5rem; + --bs-border-radius-xl: 0.75rem; + --bs-border-radius-2xl: 1rem; + --bs-border-radius-pill: 50rem; + --bs-link-color: #e91e63; + --bs-link-hover-color: #e91e63; + --bs-code-color: #d63384; + --bs-highlight-bg: #fcf8e3; +} + +*, +*::before, +*::after { + box-sizing: border-box; +} + +@media (prefers-reduced-motion: no-preference) { + :root { + scroll-behavior: smooth; + } +} + +body { + margin: 0; + font-family: var(--bs-body-font-family); + font-size: var(--bs-body-font-size); + font-weight: var(--bs-body-font-weight); + line-height: var(--bs-body-line-height); + color: var(--bs-body-color); + text-align: var(--bs-body-text-align); + background-color: var(--bs-body-bg); + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +} + +hr { + margin: 1rem 0; + color: inherit; + border: 0; + border-top: 1px solid; + opacity: 0.25; +} + +h1, +.h1, +h2, +.h2, +h3, +.h3, +h4, +.h4, +h5, +.h5, +h6, +.h6 { + margin-top: 0; + margin-bottom: 0.5rem; + font-weight: 400; + line-height: 1.2; + color: #344767; +} + +h1, +.h1 { + font-size: calc(1.425rem + 2.1vw); +} + +@media (min-width: 1200px) { + + h1, + .h1 { + font-size: 3rem; + } +} + +h2, +.h2 { + font-size: calc(1.35rem + 1.2vw); +} + +@media (min-width: 1200px) { + + h2, + .h2 { + font-size: 2.25rem; + } +} + +h3, +.h3 { + font-size: calc(1.3125rem + 0.75vw); +} + +@media (min-width: 1200px) { + + h3, + .h3 { + font-size: 1.875rem; + } +} + +h4, +.h4 { + font-size: calc(1.275rem + 0.3vw); +} + +@media (min-width: 1200px) { + + h4, + .h4 { + font-size: 1.5rem; + } +} + +h5, +.h5 { + font-size: 1.25rem; +} + +h6, +.h6 { + font-size: 1rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title] { + text-decoration: underline dotted; + cursor: help; + text-decoration-skip-ink: none; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul { + padding-left: 2rem; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 600; +} + +dd { + margin-bottom: .5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +b, +strong { + font-weight: 700; +} + +small, +.small { + font-size: 0.875em; +} + +mark, +.mark { + padding: 0.2em; + background-color: var(--bs-highlight-bg); +} + +sub, +sup { + position: relative; + font-size: 0.75em; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -.25em; +} + +sup { + top: -.5em; +} + +a { + color: var(--bs-link-color); + text-decoration: none; +} + +a:hover { + color: var(--bs-link-hover-color); + text-decoration: none; +} + +a:not([href]):not([class]), +a:not([href]):not([class]):hover { + color: inherit; + text-decoration: none; +} + +pre, +code, +kbd, +samp { + font-family: var(--bs-font-monospace); + font-size: 1em; +} + +pre { + display: block; + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; + font-size: 0.875em; +} + +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} + +code { + font-size: 0.875em; + color: var(--bs-code-color); + word-wrap: break-word; +} + +a>code { + color: inherit; +} + +kbd { + padding: 0.2rem 0.4rem; + font-size: 0.875em; + color: #fff; + background-color: #212529; + border-radius: 0.125rem; +} + +kbd kbd { + padding: 0; + font-size: 1em; + font-weight: 600; +} + +figure { + margin: 0 0 1rem; +} + +img, +svg { + vertical-align: middle; +} + +table { + caption-side: bottom; + border-collapse: collapse; +} + +caption { + padding-top: 0.5rem; + padding-bottom: 0.5rem; + color: #6c757d; + text-align: left; +} + +th { + text-align: inherit; + text-align: -webkit-match-parent; +} + +thead, +tbody, +tfoot, +tr, +td, +th { + border-color: inherit; + border-style: solid; + border-width: 0; +} + +label { + display: inline-block; +} + +button { + border-radius: 0; +} + +button:focus:not(:focus-visible) { + outline: 0; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +select { + text-transform: none; +} + +[role="button"] { + cursor: pointer; +} + +select { + word-wrap: normal; +} + +select:disabled { + opacity: 1; +} + +[list]:not([type="date"]):not([type="datetime-local"]):not([type="month"]):not([type="week"]):not([type="time"])::-webkit-calendar-picker-indicator { + display: none !important; +} + +button, +[type="button"], +[type="reset"], +[type="submit"] { + -webkit-appearance: button; +} + +button:not(:disabled), +[type="button"]:not(:disabled), +[type="reset"]:not(:disabled), +[type="submit"]:not(:disabled) { + cursor: pointer; +} + +::-moz-focus-inner { + padding: 0; + border-style: none; +} + +textarea { + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + float: left; + width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: calc(1.275rem + 0.3vw); + line-height: inherit; +} + +@media (min-width: 1200px) { + legend { + font-size: 1.5rem; + } +} + +legend+* { + clear: left; +} + +::-webkit-datetime-edit-fields-wrapper, +::-webkit-datetime-edit-text, +::-webkit-datetime-edit-minute, +::-webkit-datetime-edit-hour-field, +::-webkit-datetime-edit-day-field, +::-webkit-datetime-edit-month-field, +::-webkit-datetime-edit-year-field { + padding: 0; +} + +::-webkit-inner-spin-button { + height: auto; +} + +[type="search"] { + outline-offset: -2px; + -webkit-appearance: textfield; +} + +/* rtl:raw: +[type="tel"], +[type="url"], +[type="email"], +[type="number"] { + direction: ltr; +} +*/ +::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-color-swatch-wrapper { + padding: 0; +} + +::file-selector-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +iframe { + border: 0; +} + +summary { + display: list-item; + cursor: pointer; +} + +progress { + vertical-align: baseline; +} + +[hidden] { + display: none !important; +} + +.lead { + font-size: 1.25rem; + font-weight: 400; +} + +.display-1 { + font-size: calc(1.625rem + 4.5vw); + font-weight: 300; + line-height: 1.2; +} + +@media (min-width: 1200px) { + .display-1 { + font-size: 5rem; + } +} + +.display-2 { + font-size: calc(1.575rem + 3.9vw); + font-weight: 300; + line-height: 1.2; +} + +@media (min-width: 1200px) { + .display-2 { + font-size: 4.5rem; + } +} + +.display-3 { + font-size: calc(1.525rem + 3.3vw); + font-weight: 300; + line-height: 1.2; +} + +@media (min-width: 1200px) { + .display-3 { + font-size: 4rem; + } +} + +.display-4 { + font-size: calc(1.475rem + 2.7vw); + font-weight: 300; + line-height: 1.2; +} + +@media (min-width: 1200px) { + .display-4 { + font-size: 3.5rem; + } +} + +.display-5 { + font-size: calc(1.425rem + 2.1vw); + font-weight: 300; + line-height: 1.2; +} + +@media (min-width: 1200px) { + .display-5 { + font-size: 3rem; + } +} + +.display-6 { + font-size: calc(1.375rem + 1.5vw); + font-weight: 300; + line-height: 1.2; +} + +@media (min-width: 1200px) { + .display-6 { + font-size: 2.5rem; + } +} + +.list-unstyled { + padding-left: 0; + list-style: none; +} + +.list-inline { + padding-left: 0; + list-style: none; +} + +.list-inline-item { + display: inline-block; +} + +.list-inline-item:not(:last-child) { + margin-right: 0.5rem; +} + +.initialism { + font-size: 0.875em; + text-transform: uppercase; +} + +.blockquote { + margin-bottom: 1rem; + font-size: 1.25rem; +} + +.blockquote> :last-child { + margin-bottom: 0; +} + +.blockquote-footer { + margin-top: -1rem; + margin-bottom: 1rem; + font-size: 0.875em; + color: #6c757d; +} + +.blockquote-footer::before { + content: "\2014\00A0"; +} + +.img-fluid { + max-width: 100%; + height: auto; +} + +.img-thumbnail { + padding: 0.25rem; + background-color: #fff; + border: 1px solid #dee2e6; + border-radius: 0.375rem; + max-width: 100%; + height: auto; +} + +.figure { + display: inline-block; +} + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; +} + +.figure-caption { + font-size: 0.875em; + color: #6c757d; +} + +.container, +.container-fluid, +.container-sm, +.container-md, +.container-lg, +.container-xl, +.container-xxl { + --bs-gutter-x: 1.5rem; + --bs-gutter-y: 0; + width: 100%; + padding-right: calc(var(--bs-gutter-x) * .5); + padding-left: calc(var(--bs-gutter-x) * .5); + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 576px) { + + .container, + .container-sm { + max-width: 540px; + } +} + +@media (min-width: 768px) { + + .container, + .container-sm, + .container-md { + max-width: 720px; + } +} + +@media (min-width: 992px) { + + .container, + .container-sm, + .container-md, + .container-lg { + max-width: 960px; + } +} + +@media (min-width: 1200px) { + + .container, + .container-sm, + .container-md, + .container-lg, + .container-xl { + max-width: 1140px; + } +} + +@media (min-width: 1400px) { + + .container, + .container-sm, + .container-md, + .container-lg, + .container-xl, + .container-xxl { + 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)); +} + +.row>* { + flex-shrink: 0; + width: 100%; + max-width: 100%; + padding-right: calc(var(--bs-gutter-x) * .5); + padding-left: calc(var(--bs-gutter-x) * .5); + margin-top: var(--bs-gutter-y); +} + +.col { + flex: 1 0 0%; +} + +.row-cols-auto>* { + flex: 0 0 auto; + width: auto; +} + +.row-cols-1>* { + flex: 0 0 auto; + width: 100%; +} + +.row-cols-2>* { + flex: 0 0 auto; + width: 50%; +} + +.row-cols-3>* { + flex: 0 0 auto; + width: 33.333333%; +} + +.row-cols-4>* { + flex: 0 0 auto; + width: 25%; +} + +.row-cols-5>* { + flex: 0 0 auto; + width: 20%; +} + +.row-cols-6>* { + flex: 0 0 auto; + width: 16.666667%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; +} + +.col-1 { + flex: 0 0 auto; + width: 8.333333%; +} + +.col-2 { + flex: 0 0 auto; + width: 16.666667%; +} + +.col-3 { + flex: 0 0 auto; + width: 25%; +} + +.col-4 { + flex: 0 0 auto; + width: 33.333333%; +} + +.col-5 { + flex: 0 0 auto; + width: 41.666667%; +} + +.col-6 { + flex: 0 0 auto; + width: 50%; +} + +.col-7 { + flex: 0 0 auto; + width: 58.333333%; +} + +.col-8 { + flex: 0 0 auto; + width: 66.666667%; +} + +.col-9 { + flex: 0 0 auto; + width: 75%; +} + +.col-10 { + flex: 0 0 auto; + width: 83.333333%; +} + +.col-11 { + flex: 0 0 auto; + width: 91.666667%; +} + +.col-12 { + flex: 0 0 auto; + width: 100%; +} + +.offset-1 { + margin-left: 8.333333%; +} + +.offset-2 { + margin-left: 16.666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.333333%; +} + +.offset-5 { + margin-left: 41.666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.333333%; +} + +.offset-8 { + margin-left: 66.666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.333333%; +} + +.offset-11 { + margin-left: 91.666667%; +} + +.g-0, +.gx-0 { + --bs-gutter-x: 0; +} + +.g-0, +.gy-0 { + --bs-gutter-y: 0; +} + +.g-1, +.gx-1 { + --bs-gutter-x: 0.25rem; +} + +.g-1, +.gy-1 { + --bs-gutter-y: 0.25rem; +} + +.g-2, +.gx-2 { + --bs-gutter-x: 0.5rem; +} + +.g-2, +.gy-2 { + --bs-gutter-y: 0.5rem; +} + +.g-3, +.gx-3 { + --bs-gutter-x: 1rem; +} + +.g-3, +.gy-3 { + --bs-gutter-y: 1rem; +} + +.g-4, +.gx-4 { + --bs-gutter-x: 1.5rem; +} + +.g-4, +.gy-4 { + --bs-gutter-y: 1.5rem; +} + +.g-5, +.gx-5 { + --bs-gutter-x: 3rem; +} + +.g-5, +.gy-5 { + --bs-gutter-y: 3rem; +} + +.g-6, +.gx-6 { + --bs-gutter-x: 4rem; +} + +.g-6, +.gy-6 { + --bs-gutter-y: 4rem; +} + +.g-7, +.gx-7 { + --bs-gutter-x: 6rem; +} + +.g-7, +.gy-7 { + --bs-gutter-y: 6rem; +} + +.g-8, +.gx-8 { + --bs-gutter-x: 8rem; +} + +.g-8, +.gy-8 { + --bs-gutter-y: 8rem; +} + +.g-9, +.gx-9 { + --bs-gutter-x: 10rem; +} + +.g-9, +.gy-9 { + --bs-gutter-y: 10rem; +} + +.g-10, +.gx-10 { + --bs-gutter-x: 12rem; +} + +.g-10, +.gy-10 { + --bs-gutter-y: 12rem; +} + +.g-11, +.gx-11 { + --bs-gutter-x: 14rem; +} + +.g-11, +.gy-11 { + --bs-gutter-y: 14rem; +} + +.g-12, +.gx-12 { + --bs-gutter-x: 16rem; +} + +.g-12, +.gy-12 { + --bs-gutter-y: 16rem; +} + +@media (min-width: 576px) { + .col-sm { + flex: 1 0 0%; + } + + .row-cols-sm-auto>* { + flex: 0 0 auto; + width: auto; + } + + .row-cols-sm-1>* { + flex: 0 0 auto; + width: 100%; + } + + .row-cols-sm-2>* { + flex: 0 0 auto; + width: 50%; + } + + .row-cols-sm-3>* { + flex: 0 0 auto; + width: 33.333333%; + } + + .row-cols-sm-4>* { + flex: 0 0 auto; + width: 25%; + } + + .row-cols-sm-5>* { + flex: 0 0 auto; + width: 20%; + } + + .row-cols-sm-6>* { + flex: 0 0 auto; + width: 16.666667%; + } + + .col-sm-auto { + flex: 0 0 auto; + width: auto; + } + + .col-sm-1 { + flex: 0 0 auto; + width: 8.333333%; + } + + .col-sm-2 { + flex: 0 0 auto; + width: 16.666667%; + } + + .col-sm-3 { + flex: 0 0 auto; + width: 25%; + } + + .col-sm-4 { + flex: 0 0 auto; + width: 33.333333%; + } + + .col-sm-5 { + flex: 0 0 auto; + width: 41.666667%; + } + + .col-sm-6 { + flex: 0 0 auto; + width: 50%; + } + + .col-sm-7 { + flex: 0 0 auto; + width: 58.333333%; + } + + .col-sm-8 { + flex: 0 0 auto; + width: 66.666667%; + } + + .col-sm-9 { + flex: 0 0 auto; + width: 75%; + } + + .col-sm-10 { + flex: 0 0 auto; + width: 83.333333%; + } + + .col-sm-11 { + flex: 0 0 auto; + width: 91.666667%; + } + + .col-sm-12 { + flex: 0 0 auto; + width: 100%; + } + + .offset-sm-0 { + margin-left: 0; + } + + .offset-sm-1 { + margin-left: 8.333333%; + } + + .offset-sm-2 { + margin-left: 16.666667%; + } + + .offset-sm-3 { + margin-left: 25%; + } + + .offset-sm-4 { + margin-left: 33.333333%; + } + + .offset-sm-5 { + margin-left: 41.666667%; + } + + .offset-sm-6 { + margin-left: 50%; + } + + .offset-sm-7 { + margin-left: 58.333333%; + } + + .offset-sm-8 { + margin-left: 66.666667%; + } + + .offset-sm-9 { + margin-left: 75%; + } + + .offset-sm-10 { + margin-left: 83.333333%; + } + + .offset-sm-11 { + margin-left: 91.666667%; + } + + .g-sm-0, + .gx-sm-0 { + --bs-gutter-x: 0; + } + + .g-sm-0, + .gy-sm-0 { + --bs-gutter-y: 0; + } + + .g-sm-1, + .gx-sm-1 { + --bs-gutter-x: 0.25rem; + } + + .g-sm-1, + .gy-sm-1 { + --bs-gutter-y: 0.25rem; + } + + .g-sm-2, + .gx-sm-2 { + --bs-gutter-x: 0.5rem; + } + + .g-sm-2, + .gy-sm-2 { + --bs-gutter-y: 0.5rem; + } + + .g-sm-3, + .gx-sm-3 { + --bs-gutter-x: 1rem; + } + + .g-sm-3, + .gy-sm-3 { + --bs-gutter-y: 1rem; + } + + .g-sm-4, + .gx-sm-4 { + --bs-gutter-x: 1.5rem; + } + + .g-sm-4, + .gy-sm-4 { + --bs-gutter-y: 1.5rem; + } + + .g-sm-5, + .gx-sm-5 { + --bs-gutter-x: 3rem; + } + + .g-sm-5, + .gy-sm-5 { + --bs-gutter-y: 3rem; + } + + .g-sm-6, + .gx-sm-6 { + --bs-gutter-x: 4rem; + } + + .g-sm-6, + .gy-sm-6 { + --bs-gutter-y: 4rem; + } + + .g-sm-7, + .gx-sm-7 { + --bs-gutter-x: 6rem; + } + + .g-sm-7, + .gy-sm-7 { + --bs-gutter-y: 6rem; + } + + .g-sm-8, + .gx-sm-8 { + --bs-gutter-x: 8rem; + } + + .g-sm-8, + .gy-sm-8 { + --bs-gutter-y: 8rem; + } + + .g-sm-9, + .gx-sm-9 { + --bs-gutter-x: 10rem; + } + + .g-sm-9, + .gy-sm-9 { + --bs-gutter-y: 10rem; + } + + .g-sm-10, + .gx-sm-10 { + --bs-gutter-x: 12rem; + } + + .g-sm-10, + .gy-sm-10 { + --bs-gutter-y: 12rem; + } + + .g-sm-11, + .gx-sm-11 { + --bs-gutter-x: 14rem; + } + + .g-sm-11, + .gy-sm-11 { + --bs-gutter-y: 14rem; + } + + .g-sm-12, + .gx-sm-12 { + --bs-gutter-x: 16rem; + } + + .g-sm-12, + .gy-sm-12 { + --bs-gutter-y: 16rem; + } +} + +@media (min-width: 768px) { + .col-md { + flex: 1 0 0%; + } + + .row-cols-md-auto>* { + flex: 0 0 auto; + width: auto; + } + + .row-cols-md-1>* { + flex: 0 0 auto; + width: 100%; + } + + .row-cols-md-2>* { + flex: 0 0 auto; + width: 50%; + } + + .row-cols-md-3>* { + flex: 0 0 auto; + width: 33.333333%; + } + + .row-cols-md-4>* { + flex: 0 0 auto; + width: 25%; + } + + .row-cols-md-5>* { + flex: 0 0 auto; + width: 20%; + } + + .row-cols-md-6>* { + flex: 0 0 auto; + width: 16.666667%; + } + + .col-md-auto { + flex: 0 0 auto; + width: auto; + } + + .col-md-1 { + flex: 0 0 auto; + width: 8.333333%; + } + + .col-md-2 { + flex: 0 0 auto; + width: 16.666667%; + } + + .col-md-3 { + flex: 0 0 auto; + width: 25%; + } + + .col-md-4 { + flex: 0 0 auto; + width: 33.333333%; + } + + .col-md-5 { + flex: 0 0 auto; + width: 41.666667%; + } + + .col-md-6 { + flex: 0 0 auto; + width: 50%; + } + + .col-md-7 { + flex: 0 0 auto; + width: 58.333333%; + } + + .col-md-8 { + flex: 0 0 auto; + width: 66.666667%; + } + + .col-md-9 { + flex: 0 0 auto; + width: 75%; + } + + .col-md-10 { + flex: 0 0 auto; + width: 83.333333%; + } + + .col-md-11 { + flex: 0 0 auto; + width: 91.666667%; + } + + .col-md-12 { + flex: 0 0 auto; + width: 100%; + } + + .offset-md-0 { + margin-left: 0; + } + + .offset-md-1 { + margin-left: 8.333333%; + } + + .offset-md-2 { + margin-left: 16.666667%; + } + + .offset-md-3 { + margin-left: 25%; + } + + .offset-md-4 { + margin-left: 33.333333%; + } + + .offset-md-5 { + margin-left: 41.666667%; + } + + .offset-md-6 { + margin-left: 50%; + } + + .offset-md-7 { + margin-left: 58.333333%; + } + + .offset-md-8 { + margin-left: 66.666667%; + } + + .offset-md-9 { + margin-left: 75%; + } + + .offset-md-10 { + margin-left: 83.333333%; + } + + .offset-md-11 { + margin-left: 91.666667%; + } + + .g-md-0, + .gx-md-0 { + --bs-gutter-x: 0; + } + + .g-md-0, + .gy-md-0 { + --bs-gutter-y: 0; + } + + .g-md-1, + .gx-md-1 { + --bs-gutter-x: 0.25rem; + } + + .g-md-1, + .gy-md-1 { + --bs-gutter-y: 0.25rem; + } + + .g-md-2, + .gx-md-2 { + --bs-gutter-x: 0.5rem; + } + + .g-md-2, + .gy-md-2 { + --bs-gutter-y: 0.5rem; + } + + .g-md-3, + .gx-md-3 { + --bs-gutter-x: 1rem; + } + + .g-md-3, + .gy-md-3 { + --bs-gutter-y: 1rem; + } + + .g-md-4, + .gx-md-4 { + --bs-gutter-x: 1.5rem; + } + + .g-md-4, + .gy-md-4 { + --bs-gutter-y: 1.5rem; + } + + .g-md-5, + .gx-md-5 { + --bs-gutter-x: 3rem; + } + + .g-md-5, + .gy-md-5 { + --bs-gutter-y: 3rem; + } + + .g-md-6, + .gx-md-6 { + --bs-gutter-x: 4rem; + } + + .g-md-6, + .gy-md-6 { + --bs-gutter-y: 4rem; + } + + .g-md-7, + .gx-md-7 { + --bs-gutter-x: 6rem; + } + + .g-md-7, + .gy-md-7 { + --bs-gutter-y: 6rem; + } + + .g-md-8, + .gx-md-8 { + --bs-gutter-x: 8rem; + } + + .g-md-8, + .gy-md-8 { + --bs-gutter-y: 8rem; + } + + .g-md-9, + .gx-md-9 { + --bs-gutter-x: 10rem; + } + + .g-md-9, + .gy-md-9 { + --bs-gutter-y: 10rem; + } + + .g-md-10, + .gx-md-10 { + --bs-gutter-x: 12rem; + } + + .g-md-10, + .gy-md-10 { + --bs-gutter-y: 12rem; + } + + .g-md-11, + .gx-md-11 { + --bs-gutter-x: 14rem; + } + + .g-md-11, + .gy-md-11 { + --bs-gutter-y: 14rem; + } + + .g-md-12, + .gx-md-12 { + --bs-gutter-x: 16rem; + } + + .g-md-12, + .gy-md-12 { + --bs-gutter-y: 16rem; + } +} + +@media (min-width: 992px) { + .col-lg { + flex: 1 0 0%; + } + + .row-cols-lg-auto>* { + flex: 0 0 auto; + width: auto; + } + + .row-cols-lg-1>* { + flex: 0 0 auto; + width: 100%; + } + + .row-cols-lg-2>* { + flex: 0 0 auto; + width: 50%; + } + + .row-cols-lg-3>* { + flex: 0 0 auto; + width: 33.333333%; + } + + .row-cols-lg-4>* { + flex: 0 0 auto; + width: 25%; + } + + .row-cols-lg-5>* { + flex: 0 0 auto; + width: 20%; + } + + .row-cols-lg-6>* { + flex: 0 0 auto; + width: 16.666667%; + } + + .col-lg-auto { + flex: 0 0 auto; + width: auto; + } + + .col-lg-1 { + flex: 0 0 auto; + width: 8.333333%; + } + + .col-lg-2 { + flex: 0 0 auto; + width: 16.666667%; + } + + .col-lg-3 { + flex: 0 0 auto; + width: 25%; + } + + .col-lg-4 { + flex: 0 0 auto; + width: 33.333333%; + } + + .col-lg-5 { + flex: 0 0 auto; + width: 41.666667%; + } + + .col-lg-6 { + flex: 0 0 auto; + width: 50%; + } + + .col-lg-7 { + flex: 0 0 auto; + width: 58.333333%; + } + + .col-lg-8 { + flex: 0 0 auto; + width: 66.666667%; + } + + .col-lg-9 { + flex: 0 0 auto; + width: 75%; + } + + .col-lg-10 { + flex: 0 0 auto; + width: 83.333333%; + } + + .col-lg-11 { + flex: 0 0 auto; + width: 91.666667%; + } + + .col-lg-12 { + flex: 0 0 auto; + width: 100%; + } + + .offset-lg-0 { + margin-left: 0; + } + + .offset-lg-1 { + margin-left: 8.333333%; + } + + .offset-lg-2 { + margin-left: 16.666667%; + } + + .offset-lg-3 { + margin-left: 25%; + } + + .offset-lg-4 { + margin-left: 33.333333%; + } + + .offset-lg-5 { + margin-left: 41.666667%; + } + + .offset-lg-6 { + margin-left: 50%; + } + + .offset-lg-7 { + margin-left: 58.333333%; + } + + .offset-lg-8 { + margin-left: 66.666667%; + } + + .offset-lg-9 { + margin-left: 75%; + } + + .offset-lg-10 { + margin-left: 83.333333%; + } + + .offset-lg-11 { + margin-left: 91.666667%; + } + + .g-lg-0, + .gx-lg-0 { + --bs-gutter-x: 0; + } + + .g-lg-0, + .gy-lg-0 { + --bs-gutter-y: 0; + } + + .g-lg-1, + .gx-lg-1 { + --bs-gutter-x: 0.25rem; + } + + .g-lg-1, + .gy-lg-1 { + --bs-gutter-y: 0.25rem; + } + + .g-lg-2, + .gx-lg-2 { + --bs-gutter-x: 0.5rem; + } + + .g-lg-2, + .gy-lg-2 { + --bs-gutter-y: 0.5rem; + } + + .g-lg-3, + .gx-lg-3 { + --bs-gutter-x: 1rem; + } + + .g-lg-3, + .gy-lg-3 { + --bs-gutter-y: 1rem; + } + + .g-lg-4, + .gx-lg-4 { + --bs-gutter-x: 1.5rem; + } + + .g-lg-4, + .gy-lg-4 { + --bs-gutter-y: 1.5rem; + } + + .g-lg-5, + .gx-lg-5 { + --bs-gutter-x: 3rem; + } + + .g-lg-5, + .gy-lg-5 { + --bs-gutter-y: 3rem; + } + + .g-lg-6, + .gx-lg-6 { + --bs-gutter-x: 4rem; + } + + .g-lg-6, + .gy-lg-6 { + --bs-gutter-y: 4rem; + } + + .g-lg-7, + .gx-lg-7 { + --bs-gutter-x: 6rem; + } + + .g-lg-7, + .gy-lg-7 { + --bs-gutter-y: 6rem; + } + + .g-lg-8, + .gx-lg-8 { + --bs-gutter-x: 8rem; + } + + .g-lg-8, + .gy-lg-8 { + --bs-gutter-y: 8rem; + } + + .g-lg-9, + .gx-lg-9 { + --bs-gutter-x: 10rem; + } + + .g-lg-9, + .gy-lg-9 { + --bs-gutter-y: 10rem; + } + + .g-lg-10, + .gx-lg-10 { + --bs-gutter-x: 12rem; + } + + .g-lg-10, + .gy-lg-10 { + --bs-gutter-y: 12rem; + } + + .g-lg-11, + .gx-lg-11 { + --bs-gutter-x: 14rem; + } + + .g-lg-11, + .gy-lg-11 { + --bs-gutter-y: 14rem; + } + + .g-lg-12, + .gx-lg-12 { + --bs-gutter-x: 16rem; + } + + .g-lg-12, + .gy-lg-12 { + --bs-gutter-y: 16rem; + } +} + +@media (min-width: 1200px) { + .col-xl { + flex: 1 0 0%; + } + + .row-cols-xl-auto>* { + flex: 0 0 auto; + width: auto; + } + + .row-cols-xl-1>* { + flex: 0 0 auto; + width: 100%; + } + + .row-cols-xl-2>* { + flex: 0 0 auto; + width: 50%; + } + + .row-cols-xl-3>* { + flex: 0 0 auto; + width: 33.333333%; + } + + .row-cols-xl-4>* { + flex: 0 0 auto; + width: 25%; + } + + .row-cols-xl-5>* { + flex: 0 0 auto; + width: 20%; + } + + .row-cols-xl-6>* { + flex: 0 0 auto; + width: 16.666667%; + } + + .col-xl-auto { + flex: 0 0 auto; + width: auto; + } + + .col-xl-1 { + flex: 0 0 auto; + width: 8.333333%; + } + + .col-xl-2 { + flex: 0 0 auto; + width: 16.666667%; + } + + .col-xl-3 { + flex: 0 0 auto; + width: 25%; + } + + .col-xl-4 { + flex: 0 0 auto; + width: 33.333333%; + } + + .col-xl-5 { + flex: 0 0 auto; + width: 41.666667%; + } + + .col-xl-6 { + flex: 0 0 auto; + width: 50%; + } + + .col-xl-7 { + flex: 0 0 auto; + width: 58.333333%; + } + + .col-xl-8 { + flex: 0 0 auto; + width: 66.666667%; + } + + .col-xl-9 { + flex: 0 0 auto; + width: 75%; + } + + .col-xl-10 { + flex: 0 0 auto; + width: 83.333333%; + } + + .col-xl-11 { + flex: 0 0 auto; + width: 91.666667%; + } + + .col-xl-12 { + flex: 0 0 auto; + width: 100%; + } + + .offset-xl-0 { + margin-left: 0; + } + + .offset-xl-1 { + margin-left: 8.333333%; + } + + .offset-xl-2 { + margin-left: 16.666667%; + } + + .offset-xl-3 { + margin-left: 25%; + } + + .offset-xl-4 { + margin-left: 33.333333%; + } + + .offset-xl-5 { + margin-left: 41.666667%; + } + + .offset-xl-6 { + margin-left: 50%; + } + + .offset-xl-7 { + margin-left: 58.333333%; + } + + .offset-xl-8 { + margin-left: 66.666667%; + } + + .offset-xl-9 { + margin-left: 75%; + } + + .offset-xl-10 { + margin-left: 83.333333%; + } + + .offset-xl-11 { + margin-left: 91.666667%; + } + + .g-xl-0, + .gx-xl-0 { + --bs-gutter-x: 0; + } + + .g-xl-0, + .gy-xl-0 { + --bs-gutter-y: 0; + } + + .g-xl-1, + .gx-xl-1 { + --bs-gutter-x: 0.25rem; + } + + .g-xl-1, + .gy-xl-1 { + --bs-gutter-y: 0.25rem; + } + + .g-xl-2, + .gx-xl-2 { + --bs-gutter-x: 0.5rem; + } + + .g-xl-2, + .gy-xl-2 { + --bs-gutter-y: 0.5rem; + } + + .g-xl-3, + .gx-xl-3 { + --bs-gutter-x: 1rem; + } + + .g-xl-3, + .gy-xl-3 { + --bs-gutter-y: 1rem; + } + + .g-xl-4, + .gx-xl-4 { + --bs-gutter-x: 1.5rem; + } + + .g-xl-4, + .gy-xl-4 { + --bs-gutter-y: 1.5rem; + } + + .g-xl-5, + .gx-xl-5 { + --bs-gutter-x: 3rem; + } + + .g-xl-5, + .gy-xl-5 { + --bs-gutter-y: 3rem; + } + + .g-xl-6, + .gx-xl-6 { + --bs-gutter-x: 4rem; + } + + .g-xl-6, + .gy-xl-6 { + --bs-gutter-y: 4rem; + } + + .g-xl-7, + .gx-xl-7 { + --bs-gutter-x: 6rem; + } + + .g-xl-7, + .gy-xl-7 { + --bs-gutter-y: 6rem; + } + + .g-xl-8, + .gx-xl-8 { + --bs-gutter-x: 8rem; + } + + .g-xl-8, + .gy-xl-8 { + --bs-gutter-y: 8rem; + } + + .g-xl-9, + .gx-xl-9 { + --bs-gutter-x: 10rem; + } + + .g-xl-9, + .gy-xl-9 { + --bs-gutter-y: 10rem; + } + + .g-xl-10, + .gx-xl-10 { + --bs-gutter-x: 12rem; + } + + .g-xl-10, + .gy-xl-10 { + --bs-gutter-y: 12rem; + } + + .g-xl-11, + .gx-xl-11 { + --bs-gutter-x: 14rem; + } + + .g-xl-11, + .gy-xl-11 { + --bs-gutter-y: 14rem; + } + + .g-xl-12, + .gx-xl-12 { + --bs-gutter-x: 16rem; + } + + .g-xl-12, + .gy-xl-12 { + --bs-gutter-y: 16rem; + } +} + +@media (min-width: 1400px) { + .col-xxl { + flex: 1 0 0%; + } + + .row-cols-xxl-auto>* { + flex: 0 0 auto; + width: auto; + } + + .row-cols-xxl-1>* { + flex: 0 0 auto; + width: 100%; + } + + .row-cols-xxl-2>* { + flex: 0 0 auto; + width: 50%; + } + + .row-cols-xxl-3>* { + flex: 0 0 auto; + width: 33.333333%; + } + + .row-cols-xxl-4>* { + flex: 0 0 auto; + width: 25%; + } + + .row-cols-xxl-5>* { + flex: 0 0 auto; + width: 20%; + } + + .row-cols-xxl-6>* { + flex: 0 0 auto; + width: 16.666667%; + } + + .col-xxl-auto { + flex: 0 0 auto; + width: auto; + } + + .col-xxl-1 { + flex: 0 0 auto; + width: 8.333333%; + } + + .col-xxl-2 { + flex: 0 0 auto; + width: 16.666667%; + } + + .col-xxl-3 { + flex: 0 0 auto; + width: 25%; + } + + .col-xxl-4 { + flex: 0 0 auto; + width: 33.333333%; + } + + .col-xxl-5 { + flex: 0 0 auto; + width: 41.666667%; + } + + .col-xxl-6 { + flex: 0 0 auto; + width: 50%; + } + + .col-xxl-7 { + flex: 0 0 auto; + width: 58.333333%; + } + + .col-xxl-8 { + flex: 0 0 auto; + width: 66.666667%; + } + + .col-xxl-9 { + flex: 0 0 auto; + width: 75%; + } + + .col-xxl-10 { + flex: 0 0 auto; + width: 83.333333%; + } + + .col-xxl-11 { + flex: 0 0 auto; + width: 91.666667%; + } + + .col-xxl-12 { + flex: 0 0 auto; + width: 100%; + } + + .offset-xxl-0 { + margin-left: 0; + } + + .offset-xxl-1 { + margin-left: 8.333333%; + } + + .offset-xxl-2 { + margin-left: 16.666667%; + } + + .offset-xxl-3 { + margin-left: 25%; + } + + .offset-xxl-4 { + margin-left: 33.333333%; + } + + .offset-xxl-5 { + margin-left: 41.666667%; + } + + .offset-xxl-6 { + margin-left: 50%; + } + + .offset-xxl-7 { + margin-left: 58.333333%; + } + + .offset-xxl-8 { + margin-left: 66.666667%; + } + + .offset-xxl-9 { + margin-left: 75%; + } + + .offset-xxl-10 { + margin-left: 83.333333%; + } + + .offset-xxl-11 { + margin-left: 91.666667%; + } + + .g-xxl-0, + .gx-xxl-0 { + --bs-gutter-x: 0; + } + + .g-xxl-0, + .gy-xxl-0 { + --bs-gutter-y: 0; + } + + .g-xxl-1, + .gx-xxl-1 { + --bs-gutter-x: 0.25rem; + } + + .g-xxl-1, + .gy-xxl-1 { + --bs-gutter-y: 0.25rem; + } + + .g-xxl-2, + .gx-xxl-2 { + --bs-gutter-x: 0.5rem; + } + + .g-xxl-2, + .gy-xxl-2 { + --bs-gutter-y: 0.5rem; + } + + .g-xxl-3, + .gx-xxl-3 { + --bs-gutter-x: 1rem; + } + + .g-xxl-3, + .gy-xxl-3 { + --bs-gutter-y: 1rem; + } + + .g-xxl-4, + .gx-xxl-4 { + --bs-gutter-x: 1.5rem; + } + + .g-xxl-4, + .gy-xxl-4 { + --bs-gutter-y: 1.5rem; + } + + .g-xxl-5, + .gx-xxl-5 { + --bs-gutter-x: 3rem; + } + + .g-xxl-5, + .gy-xxl-5 { + --bs-gutter-y: 3rem; + } + + .g-xxl-6, + .gx-xxl-6 { + --bs-gutter-x: 4rem; + } + + .g-xxl-6, + .gy-xxl-6 { + --bs-gutter-y: 4rem; + } + + .g-xxl-7, + .gx-xxl-7 { + --bs-gutter-x: 6rem; + } + + .g-xxl-7, + .gy-xxl-7 { + --bs-gutter-y: 6rem; + } + + .g-xxl-8, + .gx-xxl-8 { + --bs-gutter-x: 8rem; + } + + .g-xxl-8, + .gy-xxl-8 { + --bs-gutter-y: 8rem; + } + + .g-xxl-9, + .gx-xxl-9 { + --bs-gutter-x: 10rem; + } + + .g-xxl-9, + .gy-xxl-9 { + --bs-gutter-y: 10rem; + } + + .g-xxl-10, + .gx-xxl-10 { + --bs-gutter-x: 12rem; + } + + .g-xxl-10, + .gy-xxl-10 { + --bs-gutter-y: 12rem; + } + + .g-xxl-11, + .gx-xxl-11 { + --bs-gutter-x: 14rem; + } + + .g-xxl-11, + .gy-xxl-11 { + --bs-gutter-y: 14rem; + } + + .g-xxl-12, + .gx-xxl-12 { + --bs-gutter-x: 16rem; + } + + .g-xxl-12, + .gy-xxl-12 { + --bs-gutter-y: 16rem; + } +} + +.table { + --bs-table-color: #7b809a; + --bs-table-bg: transparent; + --bs-table-border-color: #f0f2f5; + --bs-table-accent-bg: transparent; + --bs-table-striped-color: #7b809a; + --bs-table-striped-bg: rgba(0, 0, 0, 0.05); + --bs-table-active-color: #7b809a; + --bs-table-active-bg: rgba(0, 0, 0, 0.1); + --bs-table-hover-color: #7b809a; + --bs-table-hover-bg: rgba(0, 0, 0, 0.075); + width: 100%; + margin-bottom: 1rem; + color: var(--bs-table-color); + vertical-align: top; + border-color: var(--bs-table-border-color); +} + +.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 { + vertical-align: inherit; +} + +.table>thead { + vertical-align: bottom; +} + +.table-group-divider { + border-top: 2px solid currentColor; +} + +.caption-top { + caption-side: top; +} + +.table-sm> :not(caption)>*>* { + padding: 0.25rem 0.25rem; +} + +.table-bordered> :not(caption)>* { + border-width: 1px 0; +} + +.table-bordered> :not(caption)>*>* { + border-width: 0 1px; +} + +.table-borderless> :not(caption)>*>* { + border-bottom-width: 0; +} + +.table-borderless> :not(:first-child) { + border-top-width: 0; +} + +.table-striped>tbody>tr:nth-of-type(odd)>* { + --bs-table-accent-bg: var(--bs-table-striped-bg); + color: var(--bs-table-striped-color); +} + +.table-striped-columns> :not(caption)>tr> :nth-child(even) { + --bs-table-accent-bg: var(--bs-table-striped-bg); + color: var(--bs-table-striped-color); +} + +.table-active { + --bs-table-accent-bg: var(--bs-table-active-bg); + color: var(--bs-table-active-color); +} + +.table-hover>tbody>tr:hover>* { + --bs-table-accent-bg: var(--bs-table-hover-bg); + color: var(--bs-table-hover-color); +} + +.table-primary { + --bs-table-color: #000; + --bs-table-bg: #fbd2e0; + --bs-table-border-color: #e2bdca; + --bs-table-striped-bg: #eec8d5; + --bs-table-striped-color: #000; + --bs-table-active-bg: #e2bdca; + --bs-table-active-color: #000; + --bs-table-hover-bg: #e8c2cf; + --bs-table-hover-color: #000; + color: var(--bs-table-color); + border-color: var(--bs-table-border-color); +} + +.table-secondary { + --bs-table-color: #000; + --bs-table-bg: #e5e6eb; + --bs-table-border-color: #cecfd4; + --bs-table-striped-bg: #dadbdf; + --bs-table-striped-color: #000; + --bs-table-active-bg: #cecfd4; + --bs-table-active-color: #000; + --bs-table-hover-bg: #d4d5d9; + --bs-table-hover-color: #000; + color: var(--bs-table-color); + border-color: var(--bs-table-border-color); +} + +.table-success { + --bs-table-color: #000; + --bs-table-bg: #dbefdc; + --bs-table-border-color: #c5d7c6; + --bs-table-striped-bg: #d0e3d1; + --bs-table-striped-color: #000; + --bs-table-active-bg: #c5d7c6; + --bs-table-active-color: #000; + --bs-table-hover-bg: #cbddcc; + --bs-table-hover-color: #000; + color: var(--bs-table-color); + border-color: var(--bs-table-border-color); +} + +.table-info { + --bs-table-color: #000; + --bs-table-bg: #d1e3fa; + --bs-table-border-color: #bccce1; + --bs-table-striped-bg: #c7d8ee; + --bs-table-striped-color: #000; + --bs-table-active-bg: #bccce1; + --bs-table-active-color: #000; + --bs-table-hover-bg: #c1d2e7; + --bs-table-hover-color: #000; + color: var(--bs-table-color); + border-color: var(--bs-table-border-color); +} + +.table-warning { + --bs-table-color: #000; + --bs-table-bg: #fee8cc; + --bs-table-border-color: #e5d1b8; + --bs-table-striped-bg: #f1dcc2; + --bs-table-striped-color: #000; + --bs-table-active-bg: #e5d1b8; + --bs-table-active-color: #000; + --bs-table-hover-bg: #ebd7bd; + --bs-table-hover-color: #000; + color: var(--bs-table-color); + border-color: var(--bs-table-border-color); +} + +.table-danger { + --bs-table-color: #000; + --bs-table-bg: #fdd9d7; + --bs-table-border-color: #e4c3c2; + --bs-table-striped-bg: #f0cecc; + --bs-table-striped-color: #000; + --bs-table-active-bg: #e4c3c2; + --bs-table-active-color: #000; + --bs-table-hover-bg: #eac9c7; + --bs-table-hover-color: #000; + color: var(--bs-table-color); + border-color: var(--bs-table-border-color); +} + +.table-light { + --bs-table-color: #000; + --bs-table-bg: #f0f2f5; + --bs-table-border-color: #d8dadd; + --bs-table-striped-bg: #e4e6e9; + --bs-table-striped-color: #000; + --bs-table-active-bg: #d8dadd; + --bs-table-active-color: #000; + --bs-table-hover-bg: #dee0e3; + --bs-table-hover-color: #000; + color: var(--bs-table-color); + border-color: var(--bs-table-border-color); +} + +.table-dark { + --bs-table-color: #fff; + --bs-table-bg: #344767; + --bs-table-border-color: #485976; + --bs-table-striped-bg: #3e506f; + --bs-table-striped-color: #fff; + --bs-table-active-bg: #485976; + --bs-table-active-color: #fff; + --bs-table-hover-bg: #435572; + --bs-table-hover-color: #fff; + color: var(--bs-table-color); + border-color: var(--bs-table-border-color); +} + +.table-responsive { + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} + +@media (max-width: 575.98px) { + .table-responsive-sm { + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } +} + +@media (max-width: 767.98px) { + .table-responsive-md { + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } +} + +@media (max-width: 991.98px) { + .table-responsive-lg { + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } +} + +@media (max-width: 1199.98px) { + .table-responsive-xl { + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } +} + +@media (max-width: 1399.98px) { + .table-responsive-xxl { + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } +} + +.form-label { + margin-bottom: 0.5rem; + font-size: 0.875rem; + font-weight: 400; + color: #7b809a; +} + +.col-form-label { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + margin-bottom: 0; + font-size: inherit; + font-weight: 400; + line-height: 1.5rem; + color: #7b809a; +} + +.col-form-label-lg { + padding-top: calc(0.75rem + 1px); + padding-bottom: calc(0.75rem + 1px); + font-size: 0.875rem; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.75rem; +} + +.form-text { + margin-top: 0.25rem; + font-size: 0.875em; + color: #6c757d; +} + +.form-control { + display: block; + width: 100%; + padding: 0.5rem 0; + font-size: 0.875rem; + font-weight: 400; + line-height: 1.5rem; + color: #495057; + background-color: transparent; + background-clip: padding-box; + border: 1px solid #d2d6da; + appearance: none; + border-radius: 0.375rem; + transition: 0.2s ease; +} + +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} + +.form-control[type="file"] { + overflow: hidden; +} + +.form-control[type="file"]:not(:disabled):not([readonly]) { + cursor: pointer; +} + +.form-control:focus { + color: #495057; + background-color: transparent; + border-color: transparent; + outline: 0; + box-shadow: none; +} + +.form-control::-webkit-date-and-time-value { + height: 1.5rem; +} + +.form-control::placeholder { + color: #adb5bd; + opacity: 1; +} + +.form-control:disabled { + background-color: #f0f2f5; + opacity: 1; +} + +.form-control::file-selector-button { + padding: 0.5rem 0; + margin: -0.5rem 0; + margin-inline-end: 0; + color: #495057; + background-color: transparent; + pointer-events: none; + border-color: inherit; + border-style: solid; + border-width: 0; + border-inline-end-width: 1px; + 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: rgba(0, 0, 0, 0.05); +} + +.form-control-plaintext { + display: block; + width: 100%; + padding: 0.5rem 0; + margin-bottom: 0; + line-height: 1.5rem; + color: #344767; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} + +.form-control-plaintext:focus { + outline: 0; +} + +.form-control-plaintext.form-control-sm, +.form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + min-height: unset; + padding: 0.25rem 0.75rem; + font-size: 0.75rem; + border-radius: 0.125rem; +} + +.form-control-sm::file-selector-button { + padding: 0.25rem 0.75rem; + margin: -0.25rem -0.75rem; + margin-inline-end: 0.75rem; +} + +.form-control-lg { + min-height: unset; + padding: 0.75rem 0.75rem; + 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; +} + +textarea.form-control { + min-height: unset; +} + +textarea.form-control-sm { + min-height: unset; +} + +textarea.form-control-lg { + min-height: unset; +} + +.form-control-color { + width: 3rem; + height: unset; + padding: 0.5rem; +} + +.form-control-color:not(:disabled):not([readonly]) { + cursor: pointer; +} + +.form-control-color::-moz-color-swatch { + border: 0 !important; + border-radius: 0.375rem; +} + +.form-control-color::-webkit-color-swatch { + border-radius: 0.375rem; +} + +.form-control-color.form-control-sm { + height: unset; +} + +.form-control-color.form-control-lg { + height: unset; +} + +.form-select { + display: block; + width: 100%; + padding: 0.5rem 1rem 0.5rem 0; + -moz-padding-start: -3px; + font-size: 0.875rem; + font-weight: 400; + line-height: 1.5rem; + color: #495057; + background-color: transparent; + 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"); + background-repeat: no-repeat; + background-position: right 0 center; + background-size: 16px 12px; + border: 1px solid #d2d6da; + border-radius: 0.375rem; + transition: 0.2s ease; + appearance: none; +} + +@media (prefers-reduced-motion: reduce) { + .form-select { + transition: none; + } +} + +.form-select:focus { + border-color: transparent; + outline: 0; + box-shadow: none; +} + +.form-select[multiple], +.form-select[size]:not([size="1"]) { + padding-right: 0; + background-image: none; +} + +.form-select:disabled { + color: #6c757d; + background-color: #f0f2f5; +} + +.form-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #495057; +} + +.form-select-sm { + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.75rem; + font-size: 0.75rem; + border-radius: 0.125rem; +} + +.form-select-lg { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + padding-left: 0.75rem; + font-size: 0.875rem; + border-radius: 0.5rem; +} + +.form-check { + display: block; + min-height: auto; + padding-left: 1.73em; + margin-bottom: 0.125rem; +} + +.form-check .form-check-input { + float: left; + margin-left: -1.73em; +} + +.form-check-reverse { + padding-right: 1.73em; + padding-left: 0; + text-align: right; +} + +.form-check-reverse .form-check-input { + float: right; + margin-right: -1.73em; + margin-left: 0; +} + +.form-check-input { + width: 1.23em; + height: 1.23em; + margin-top: 0.135em; + vertical-align: top; + background-color: #fff; + background-repeat: no-repeat; + background-position: center; + background-size: contain; + border: none; + appearance: none; + print-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"] { + border-radius: 0.35rem; +} + +.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"] { + background-image: linear-gradient(195deg, #EC407A 0%, #D81B60 100%); +} + +.form-check-input:checked[type="radio"] { + background-image: linear-gradient(195deg, #EC407A 0%, #D81B60 100%); +} + +.form-check-input[type="checkbox"]:indeterminate { + background-color: #e91e63; + border-color: #e91e63; + 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 { + cursor: default; + opacity: 0.5; +} + +.form-switch { + padding-left: 2.375rem; +} + +.form-switch .form-check-input { + width: 1.875rem; + margin-left: -2.375rem; + background-image: none; + background-position: left center; + border-radius: 1.875rem; + 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; +} + +.form-switch.form-check-reverse { + padding-right: 2.375rem; + padding-left: 0; +} + +.form-switch.form-check-reverse .form-check-input { + margin-right: -2.375rem; + margin-left: 0; +} + +.form-check-inline { + display: inline-block; + margin-right: 1rem; +} + +.btn-check { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} + +.btn-check[disabled]+.btn, +.btn-check:disabled+.btn { + pointer-events: none; + filter: none; + opacity: 0.65; +} + +.form-range { + width: 100%; + height: calc(1rem + 4px); + padding: 0; + background-color: transparent; + appearance: none; +} + +.form-range:focus { + outline: 0; +} + +.form-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #fff, none; +} + +.form-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #fff, none; +} + +.form-range::-moz-focus-outer { + border: 0; +} + +.form-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #e91e63; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} + +@media (prefers-reduced-motion: reduce) { + .form-range::-webkit-slider-thumb { + transition: none; + } +} + +.form-range::-webkit-slider-thumb:active { + background-color: #f9c1d4; +} + +.form-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #dee2e6; + border-color: transparent; + border-radius: 1rem; +} + +.form-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #e91e63; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} + +@media (prefers-reduced-motion: reduce) { + .form-range::-moz-range-thumb { + transition: none; + } +} + +.form-range::-moz-range-thumb:active { + background-color: #f9c1d4; +} + +.form-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #dee2e6; + 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; +} + +.form-floating { + position: relative; +} + +.form-floating>.form-control, +.form-floating>.form-control-plaintext, +.form-floating>.form-select { + height: calc(3.5rem + 2px); + line-height: 1.25; +} + +.form-floating>label { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + padding: 1rem 0; + overflow: hidden; + text-align: start; + text-overflow: ellipsis; + white-space: nowrap; + pointer-events: none; + border: 1px solid transparent; + transform-origin: 0 0; + transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .form-floating>label { + transition: none; + } +} + +.form-floating>.form-control, +.form-floating>.form-control-plaintext { + padding: 1rem 0; +} + +.form-floating>.form-control::placeholder, +.form-floating>.form-control-plaintext::placeholder { + color: transparent; +} + +.form-floating>.form-control:focus, +.form-floating>.form-control:not(:placeholder-shown), +.form-floating>.form-control-plaintext:focus, +.form-floating>.form-control-plaintext:not(:placeholder-shown) { + padding-top: 1.625rem; + padding-bottom: 0.625rem; +} + +.form-floating>.form-control:-webkit-autofill, +.form-floating>.form-control-plaintext:-webkit-autofill { + padding-top: 1.625rem; + padding-bottom: 0.625rem; +} + +.form-floating>.form-select { + padding-top: 1.625rem; + padding-bottom: 0.625rem; +} + +.form-floating>.form-control:focus~label, +.form-floating>.form-control:not(:placeholder-shown)~label, +.form-floating>.form-control-plaintext~label, +.form-floating>.form-select~label { + 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); +} + +.form-floating>.form-control-plaintext~label { + border-width: 1px 0; +} + +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; +} + +.input-group>.form-control, +.input-group>.form-select, +.input-group>.form-floating { + position: relative; + flex: 1 1 auto; + width: 1%; + min-width: 0; +} + +.input-group>.form-control:focus, +.input-group>.form-select:focus, +.input-group>.form-floating:focus-within { + z-index: 5; +} + +.input-group .btn { + position: relative; + z-index: 2; +} + +.input-group .btn:focus { + z-index: 5; +} + +.input-group-text { + display: flex; + align-items: center; + padding: 0.5rem 0; + font-size: 0.875rem; + font-weight: 400; + line-height: 1.5rem; + color: #344767; + text-align: center; + white-space: nowrap; + background-color: transparent; + border: 1px solid #d2d6da; + border-radius: 0.375rem; +} + +.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 { + padding: 0.25rem 0.75rem; + font-size: 0.75rem; + border-radius: 0.125rem; +} + +.input-group-lg>.form-select, +.input-group-sm>.form-select { + padding-right: 1rem; +} + +.input-group:not(.has-validation)> :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating), +.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n + 3), +.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control, +.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group.has-validation> :nth-last-child(n + 3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating), +.input-group.has-validation>.dropdown-toggle:nth-last-child(n + 4), +.input-group.has-validation>.form-floating:nth-last-child(n + 3)>.form-control, +.input-group.has-validation>.form-floating:nth-last-child(n + 3)>.form-select { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group> :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { + margin-left: -1px; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group>.form-floating:not(:first-child)>.form-control, +.input-group>.form-floating:not(:first-child)>.form-select { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 0.875em; + color: #66d432; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: .1rem; + font-size: 0.875rem; + color: #000; + background-color: rgba(102, 212, 50, 0.9); + border-radius: 0.375rem; +} + +.was-validated :valid~.valid-feedback, +.was-validated :valid~.valid-tooltip, +.is-valid~.valid-feedback, +.is-valid~.valid-tooltip { + display: block; +} + +.was-validated .form-control:valid, +.form-control.is-valid { + border-color: #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"); + background-repeat: no-repeat; + background-position: right 0.75rem center; + background-size: 1rem 1rem; +} + +.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 { + padding-right: unset; + background-position: top 0.75rem right 0.75rem; +} + +.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"] { + padding-right: 1rem; + 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 center, center right 1rem; + background-size: 16px 12px, 1rem 1rem; +} + +.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-control-color:valid, +.form-control-color.is-valid { + width: calc(3rem + unset); +} + +.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 { + background-color: #66d432; +} + +.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 { + color: #66d432; +} + +.form-check-inline .form-check-input~.valid-feedback { + margin-left: .5em; +} + +.was-validated .input-group>.form-control:not(:focus):valid, +.input-group>.form-control:not(:focus).is-valid, +.was-validated .input-group>.form-select:not(:focus):valid, +.input-group>.form-select:not(:focus).is-valid, +.was-validated .input-group>.form-floating:not(:focus-within):valid, +.input-group>.form-floating:not(:focus-within).is-valid { + z-index: 3; +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 0.875em; + color: #fd5c70; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: .1rem; + font-size: 0.875rem; + color: #000; + background-color: rgba(253, 92, 112, 0.9); + border-radius: 0.375rem; +} + +.was-validated :invalid~.invalid-feedback, +.was-validated :invalid~.invalid-tooltip, +.is-invalid~.invalid-feedback, +.is-invalid~.invalid-tooltip { + display: block; +} + +.was-validated .form-control:invalid, +.form-control.is-invalid { + border-color: #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"); + background-repeat: no-repeat; + background-position: right 0.75rem center; + background-size: 1rem 1rem; +} + +.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 { + padding-right: unset; + background-position: top 0.75rem right 0.75rem; +} + +.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"] { + padding-right: 1rem; + 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 center, center right 1rem; + background-size: 16px 12px, 1rem 1rem; +} + +.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-control-color:invalid, +.form-control-color.is-invalid { + width: calc(3rem + unset); +} + +.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 { + background-color: #fd5c70; +} + +.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 { + color: #fd5c70; +} + +.form-check-inline .form-check-input~.invalid-feedback { + margin-left: .5em; +} + +.was-validated .input-group>.form-control:not(:focus):invalid, +.input-group>.form-control:not(:focus).is-invalid, +.was-validated .input-group>.form-select:not(:focus):invalid, +.input-group>.form-select:not(:focus).is-invalid, +.was-validated .input-group>.form-floating:not(:focus-within):invalid, +.input-group>.form-floating:not(:focus-within).is-invalid { + z-index: 4; +} + +.btn { + --bs-btn-padding-x: 1.5rem; + --bs-btn-padding-y: 0.625rem; + --bs-btn-font-family: ; + --bs-btn-font-size: 0.75rem; + --bs-btn-font-weight: 700; + --bs-btn-line-height: 1.667; + --bs-btn-color: #7b809a; + --bs-btn-bg: transparent; + --bs-btn-border-width: 1px; + --bs-btn-border-color: transparent; + --bs-btn-border-radius: 0.5rem; + --bs-btn-hover-border-color: transparent; + --bs-btn-box-shadow: 0 4px 7px -1px rgba(0, 0, 0, 0.11), 0 2px 4px -1px rgba(0, 0, 0, 0.07); + --bs-btn-disabled-opacity: 0.65; + --bs-btn-focus-box-shadow: 0 0 0 0.2rem rgba(var(--bs-btn-focus-shadow-rgb), .5); + display: inline-block; + padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x); + font-family: var(--bs-btn-font-family); + font-size: var(--bs-btn-font-size); + font-weight: var(--bs-btn-font-weight); + line-height: var(--bs-btn-line-height); + color: var(--bs-btn-color); + text-align: center; + vertical-align: middle; + cursor: pointer; + user-select: none; + border: var(--bs-btn-border-width) solid var(--bs-btn-border-color); + border-radius: var(--bs-btn-border-radius); + background-color: var(--bs-btn-bg); + transition: all 0.15s ease-in; +} + +@media (prefers-reduced-motion: reduce) { + .btn { + transition: none; + } +} + +.btn:hover { + color: var(--bs-btn-hover-color); + background-color: var(--bs-btn-hover-bg); + border-color: var(--bs-btn-hover-border-color); +} + +.btn-check+.btn:hover { + color: var(--bs-btn-color); + background-color: var(--bs-btn-bg); + border-color: var(--bs-btn-border-color); +} + +.btn:focus-visible { + color: var(--bs-btn-hover-color); + background-color: var(--bs-btn-hover-bg); + border-color: var(--bs-btn-hover-border-color); + outline: 0; + box-shadow: var(--bs-btn-focus-box-shadow); +} + +.btn-check:focus-visible+.btn { + border-color: var(--bs-btn-hover-border-color); + outline: 0; + box-shadow: var(--bs-btn-focus-box-shadow); +} + +.btn-check:checked+.btn, +:not(.btn-check)+.btn:active, +.btn:first-child:active, +.btn.active, +.btn.show { + color: var(--bs-btn-active-color); + background-color: var(--bs-btn-active-bg); + border-color: var(--bs-btn-active-border-color); +} + +.btn-check:checked+.btn:focus-visible, +:not(.btn-check)+.btn:active:focus-visible, +.btn:first-child:active:focus-visible, +.btn.active:focus-visible, +.btn.show:focus-visible { + box-shadow: var(--bs-btn-focus-box-shadow); +} + +.btn:disabled, +.btn.disabled, +fieldset:disabled .btn { + color: var(--bs-btn-disabled-color); + pointer-events: none; + background-color: var(--bs-btn-disabled-bg); + border-color: var(--bs-btn-disabled-border-color); + opacity: var(--bs-btn-disabled-opacity); +} + +.btn-primary { + --bs-btn-color: #000; + --bs-btn-bg: #e91e63; + --bs-btn-border-color: #e91e63; + --bs-btn-hover-color: #000; + --bs-btn-hover-bg: #ec407a; + --bs-btn-hover-border-color: #eb3573; + --bs-btn-focus-shadow-rgb: 198, 26, 84; + --bs-btn-active-color: #000; + --bs-btn-active-bg: #ed4b82; + --bs-btn-active-border-color: #eb3573; + --bs-btn-active-shadow: none; + --bs-btn-disabled-color: #000; + --bs-btn-disabled-bg: #e91e63; + --bs-btn-disabled-border-color: #e91e63; +} + +.btn-secondary { + --bs-btn-color: #000; + --bs-btn-bg: #7b809a; + --bs-btn-border-color: #7b809a; + --bs-btn-hover-color: #000; + --bs-btn-hover-bg: #8f93a9; + --bs-btn-hover-border-color: #888da4; + --bs-btn-focus-shadow-rgb: 105, 109, 131; + --bs-btn-active-color: #000; + --bs-btn-active-bg: #9599ae; + --bs-btn-active-border-color: #888da4; + --bs-btn-active-shadow: none; + --bs-btn-disabled-color: #000; + --bs-btn-disabled-bg: #7b809a; + --bs-btn-disabled-border-color: #7b809a; +} + +.btn-success { + --bs-btn-color: #000; + --bs-btn-bg: #4CAF50; + --bs-btn-border-color: #4CAF50; + --bs-btn-hover-color: #000; + --bs-btn-hover-bg: #67bb6a; + --bs-btn-hover-border-color: #5eb762; + --bs-btn-focus-shadow-rgb: 65, 149, 68; + --bs-btn-active-color: #000; + --bs-btn-active-bg: #70bf73; + --bs-btn-active-border-color: #5eb762; + --bs-btn-active-shadow: none; + --bs-btn-disabled-color: #000; + --bs-btn-disabled-bg: #4CAF50; + --bs-btn-disabled-border-color: #4CAF50; +} + +.btn-info { + --bs-btn-color: #fff; + --bs-btn-bg: #1A73E8; + --bs-btn-border-color: #1A73E8; + --bs-btn-hover-color: #fff; + --bs-btn-hover-bg: #1662c5; + --bs-btn-hover-border-color: #155cba; + --bs-btn-focus-shadow-rgb: 60, 136, 235; + --bs-btn-active-color: #fff; + --bs-btn-active-bg: #155cba; + --bs-btn-active-border-color: #1456ae; + --bs-btn-active-shadow: none; + --bs-btn-disabled-color: #fff; + --bs-btn-disabled-bg: #1A73E8; + --bs-btn-disabled-border-color: #1A73E8; +} + +.btn-warning { + --bs-btn-color: #000; + --bs-btn-bg: #fb8c00; + --bs-btn-border-color: #fb8c00; + --bs-btn-hover-color: #000; + --bs-btn-hover-bg: #fc9d26; + --bs-btn-hover-border-color: #fb981a; + --bs-btn-focus-shadow-rgb: 213, 119, 0; + --bs-btn-active-color: #000; + --bs-btn-active-bg: #fca333; + --bs-btn-active-border-color: #fb981a; + --bs-btn-active-shadow: none; + --bs-btn-disabled-color: #000; + --bs-btn-disabled-bg: #fb8c00; + --bs-btn-disabled-border-color: #fb8c00; +} + +.btn-danger { + --bs-btn-color: #000; + --bs-btn-bg: #F44335; + --bs-btn-border-color: #F44335; + --bs-btn-hover-color: #000; + --bs-btn-hover-bg: #f65f53; + --bs-btn-hover-border-color: #f55649; + --bs-btn-focus-shadow-rgb: 207, 57, 45; + --bs-btn-active-color: #000; + --bs-btn-active-bg: #f6695d; + --bs-btn-active-border-color: #f55649; + --bs-btn-active-shadow: none; + --bs-btn-disabled-color: #000; + --bs-btn-disabled-bg: #F44335; + --bs-btn-disabled-border-color: #F44335; +} + +.btn-light { + --bs-btn-color: #000; + --bs-btn-bg: #f0f2f5; + --bs-btn-border-color: #f0f2f5; + --bs-btn-hover-color: #000; + --bs-btn-hover-bg: #ccced0; + --bs-btn-hover-border-color: #c0c2c4; + --bs-btn-focus-shadow-rgb: 204, 206, 208; + --bs-btn-active-color: #000; + --bs-btn-active-bg: #c0c2c4; + --bs-btn-active-border-color: #b4b6b8; + --bs-btn-active-shadow: none; + --bs-btn-disabled-color: #000; + --bs-btn-disabled-bg: #f0f2f5; + --bs-btn-disabled-border-color: #f0f2f5; +} + +.btn-dark { + --bs-btn-color: #fff; + --bs-btn-bg: #344767; + --bs-btn-border-color: #344767; + --bs-btn-hover-color: #fff; + --bs-btn-hover-bg: #52637e; + --bs-btn-hover-border-color: #485976; + --bs-btn-focus-shadow-rgb: 82, 99, 126; + --bs-btn-active-color: #fff; + --bs-btn-active-bg: #5d6c85; + --bs-btn-active-border-color: #485976; + --bs-btn-active-shadow: none; + --bs-btn-disabled-color: #fff; + --bs-btn-disabled-bg: #344767; + --bs-btn-disabled-border-color: #344767; +} + +.btn-white { + --bs-btn-color: #000; + --bs-btn-bg: #fff; + --bs-btn-border-color: #fff; + --bs-btn-hover-color: #000; + --bs-btn-hover-bg: white; + --bs-btn-hover-border-color: white; + --bs-btn-focus-shadow-rgb: 217, 217, 217; + --bs-btn-active-color: #000; + --bs-btn-active-bg: white; + --bs-btn-active-border-color: white; + --bs-btn-active-shadow: none; + --bs-btn-disabled-color: #000; + --bs-btn-disabled-bg: #fff; + --bs-btn-disabled-border-color: #fff; +} + +.btn-dark-blue { + --bs-btn-color: #fff; + --bs-btn-bg: #1A237E; + --bs-btn-border-color: #1A237E; + --bs-btn-hover-color: #fff; + --bs-btn-hover-bg: #161e6b; + --bs-btn-hover-border-color: #151c65; + --bs-btn-focus-shadow-rgb: 60, 68, 145; + --bs-btn-active-color: #fff; + --bs-btn-active-bg: #151c65; + --bs-btn-active-border-color: #141a5f; + --bs-btn-active-shadow: none; + --bs-btn-disabled-color: #fff; + --bs-btn-disabled-bg: #1A237E; + --bs-btn-disabled-border-color: #1A237E; +} + +.btn-outline-primary { + --bs-btn-color: #e91e63; + --bs-btn-border-color: #e91e63; + --bs-btn-hover-color: #000; + --bs-btn-hover-bg: #e91e63; + --bs-btn-hover-border-color: #e91e63; + --bs-btn-focus-shadow-rgb: 233, 30, 99; + --bs-btn-active-color: #000; + --bs-btn-active-bg: #e91e63; + --bs-btn-active-border-color: #e91e63; + --bs-btn-active-shadow: none; + --bs-btn-disabled-color: #e91e63; + --bs-btn-disabled-bg: transparent; + --bs-btn-disabled-border-color: #e91e63; + --bs-gradient: none; +} + +.btn-outline-secondary { + --bs-btn-color: #7b809a; + --bs-btn-border-color: #7b809a; + --bs-btn-hover-color: #000; + --bs-btn-hover-bg: #7b809a; + --bs-btn-hover-border-color: #7b809a; + --bs-btn-focus-shadow-rgb: , 128, 154; + --bs-btn-active-color: #000; + --bs-btn-active-bg: #7b809a; + --bs-btn-active-border-color: #7b809a; + --bs-btn-active-shadow: none; + --bs-btn-disabled-color: #7b809a; + --bs-btn-disabled-bg: transparent; + --bs-btn-disabled-border-color: #7b809a; + --bs-gradient: none; +} + +.btn-outline-success { + --bs-btn-color: #4CAF50; + --bs-btn-border-color: #4CAF50; + --bs-btn-hover-color: #000; + --bs-btn-hover-bg: #4CAF50; + --bs-btn-hover-border-color: #4CAF50; + --bs-btn-focus-shadow-rgb: 76, 175, 80; + --bs-btn-active-color: #000; + --bs-btn-active-bg: #4CAF50; + --bs-btn-active-border-color: #4CAF50; + --bs-btn-active-shadow: none; + --bs-btn-disabled-color: #4CAF50; + --bs-btn-disabled-bg: transparent; + --bs-btn-disabled-border-color: #4CAF50; + --bs-gradient: none; +} + +.btn-outline-info { + --bs-btn-color: #1A73E8; + --bs-btn-border-color: #1A73E8; + --bs-btn-hover-color: #fff; + --bs-btn-hover-bg: #1A73E8; + --bs-btn-hover-border-color: #1A73E8; + --bs-btn-focus-shadow-rgb: 26, 115, 232; + --bs-btn-active-color: #fff; + --bs-btn-active-bg: #1A73E8; + --bs-btn-active-border-color: #1A73E8; + --bs-btn-active-shadow: none; + --bs-btn-disabled-color: #1A73E8; + --bs-btn-disabled-bg: transparent; + --bs-btn-disabled-border-color: #1A73E8; + --bs-gradient: none; +} + +.btn-outline-warning { + --bs-btn-color: #fb8c00; + --bs-btn-border-color: #fb8c00; + --bs-btn-hover-color: #000; + --bs-btn-hover-bg: #fb8c00; + --bs-btn-hover-border-color: #fb8c00; + --bs-btn-focus-shadow-rgb: 251, 140, 0; + --bs-btn-active-color: #000; + --bs-btn-active-bg: #fb8c00; + --bs-btn-active-border-color: #fb8c00; + --bs-btn-active-shadow: none; + --bs-btn-disabled-color: #fb8c00; + --bs-btn-disabled-bg: transparent; + --bs-btn-disabled-border-color: #fb8c00; + --bs-gradient: none; +} + +.btn-outline-danger { + --bs-btn-color: #F44335; + --bs-btn-border-color: #F44335; + --bs-btn-hover-color: #000; + --bs-btn-hover-bg: #F44335; + --bs-btn-hover-border-color: #F44335; + --bs-btn-focus-shadow-rgb: 244, 67, 53; + --bs-btn-active-color: #000; + --bs-btn-active-bg: #F44335; + --bs-btn-active-border-color: #F44335; + --bs-btn-active-shadow: none; + --bs-btn-disabled-color: #F44335; + --bs-btn-disabled-bg: transparent; + --bs-btn-disabled-border-color: #F44335; + --bs-gradient: none; +} + +.btn-outline-light { + --bs-btn-color: #f0f2f5; + --bs-btn-border-color: #f0f2f5; + --bs-btn-hover-color: #000; + --bs-btn-hover-bg: #f0f2f5; + --bs-btn-hover-border-color: #f0f2f5; + --bs-btn-focus-shadow-rgb: 240, 242, 245; + --bs-btn-active-color: #000; + --bs-btn-active-bg: #f0f2f5; + --bs-btn-active-border-color: #f0f2f5; + --bs-btn-active-shadow: none; + --bs-btn-disabled-color: #f0f2f5; + --bs-btn-disabled-bg: transparent; + --bs-btn-disabled-border-color: #f0f2f5; + --bs-gradient: none; +} + +.btn-outline-dark { + --bs-btn-color: #344767; + --bs-btn-border-color: #344767; + --bs-btn-hover-color: #fff; + --bs-btn-hover-bg: #344767; + --bs-btn-hover-border-color: #344767; + --bs-btn-focus-shadow-rgb: 52, 71, 103; + --bs-btn-active-color: #fff; + --bs-btn-active-bg: #344767; + --bs-btn-active-border-color: #344767; + --bs-btn-active-shadow: none; + --bs-btn-disabled-color: #344767; + --bs-btn-disabled-bg: transparent; + --bs-btn-disabled-border-color: #344767; + --bs-gradient: none; +} + +.btn-outline-white { + --bs-btn-color: #fff; + --bs-btn-border-color: #fff; + --bs-btn-hover-color: #000; + --bs-btn-hover-bg: #fff; + --bs-btn-hover-border-color: #fff; + --bs-btn-focus-shadow-rgb: 255, 255, 255; + --bs-btn-active-color: #000; + --bs-btn-active-bg: #fff; + --bs-btn-active-border-color: #fff; + --bs-btn-active-shadow: none; + --bs-btn-disabled-color: #fff; + --bs-btn-disabled-bg: transparent; + --bs-btn-disabled-border-color: #fff; + --bs-gradient: none; +} + +.btn-outline-dark-blue { + --bs-btn-color: #1A237E; + --bs-btn-border-color: #1A237E; + --bs-btn-hover-color: #fff; + --bs-btn-hover-bg: #1A237E; + --bs-btn-hover-border-color: #1A237E; + --bs-btn-focus-shadow-rgb: 26, 35, 126; + --bs-btn-active-color: #fff; + --bs-btn-active-bg: #1A237E; + --bs-btn-active-border-color: #1A237E; + --bs-btn-active-shadow: none; + --bs-btn-disabled-color: #1A237E; + --bs-btn-disabled-bg: transparent; + --bs-btn-disabled-border-color: #1A237E; + --bs-gradient: none; +} + +.btn-link { + --bs-btn-font-weight: 400; + --bs-btn-color: #e91e63; + --bs-btn-bg: transparent; + --bs-btn-border-color: transparent; + --bs-btn-hover-color: #e91e63; + --bs-btn-hover-border-color: transparent; + --bs-btn-active-color: #e91e63; + --bs-btn-active-border-color: transparent; + --bs-btn-disabled-color: #6c757d; + --bs-btn-disabled-border-color: transparent; + --bs-btn-box-shadow: none; + --bs-btn-focus-shadow-rgb: 198, 26, 84; + text-decoration: none; +} + +.btn-link:hover, +.btn-link:focus-visible { + text-decoration: none; +} + +.btn-link:focus-visible { + color: var(--bs-btn-color); +} + +.btn-link:hover { + color: var(--bs-btn-hover-color); +} + +.btn-lg, +.btn-group-lg>.btn { + --bs-btn-padding-y: 0.75rem; + --bs-btn-padding-x: 1.75rem; + --bs-btn-font-size: 0.875rem; + --bs-btn-border-radius: 0.5rem; +} + +.btn-sm, +.btn-group-sm>.btn { + --bs-btn-padding-y: 0.375rem; + --bs-btn-padding-x: 1rem; + --bs-btn-font-size: 0.75rem; + --bs-btn-border-radius: 0.5rem; +} + +.fade { + transition: opacity 0.15s linear; +} + +@media (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} + +.fade:not(.show) { + opacity: 0; +} + +.collapse:not(.show) { + display: none; +} + +.collapsing { + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} + +@media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} + +.collapsing.collapse-horizontal { + width: 0; + height: auto; + transition: width 0.35s ease; +} + +@media (prefers-reduced-motion: reduce) { + .collapsing.collapse-horizontal { + transition: none; + } +} + +.dropup, +.dropend, +.dropdown, +.dropstart, +.dropup-center, +.dropdown-center { + position: relative; +} + +.dropdown-toggle { + white-space: nowrap; +} + +.dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; +} + +.dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropdown-menu { + --bs-dropdown-zindex: 1000; + --bs-dropdown-min-width: 11rem; + --bs-dropdown-padding-x: 0; + --bs-dropdown-padding-y: 0.5rem; + --bs-dropdown-spacer: 1.625rem; + --bs-dropdown-font-size: 0.875rem; + --bs-dropdown-color: #7b809a; + --bs-dropdown-bg: #fff; + --bs-dropdown-border-color: transparent; + --bs-dropdown-border-radius: 0.375rem; + --bs-dropdown-border-width: 0; + --bs-dropdown-inner-border-radius: 0.375rem; + --bs-dropdown-divider-bg: transparent; + --bs-dropdown-divider-margin-y: 0.5rem; + --bs-dropdown-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + --bs-dropdown-link-color: #7b809a; + --bs-dropdown-link-hover-color: #344767; + --bs-dropdown-link-hover-bg: #f0f2f5; + --bs-dropdown-link-active-color: #7b809a; + --bs-dropdown-link-active-bg: transparent; + --bs-dropdown-link-disabled-color: #6c757d; + --bs-dropdown-item-padding-x: 1rem; + --bs-dropdown-item-padding-y: 0.3rem; + --bs-dropdown-header-color: #6c757d; + --bs-dropdown-header-padding-x: 1rem; + --bs-dropdown-header-padding-y: 0.5rem; + position: absolute; + z-index: var(--bs-dropdown-zindex); + display: none; + min-width: var(--bs-dropdown-min-width); + padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x); + margin: 0; + font-size: var(--bs-dropdown-font-size); + color: var(--bs-dropdown-color); + text-align: left; + list-style: none; + background-color: var(--bs-dropdown-bg); + background-clip: padding-box; + border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color); + border-radius: var(--bs-dropdown-border-radius); +} + +.dropdown-menu[data-bs-popper] { + top: 100%; + left: 0; + margin-top: var(--bs-dropdown-spacer); +} + +.dropdown-menu-start { + --bs-position: start; +} + +.dropdown-menu-start[data-bs-popper] { + right: auto; + left: 0; +} + +.dropdown-menu-end { + --bs-position: end; +} + +.dropdown-menu-end[data-bs-popper] { + right: 0; + left: auto; +} + +@media (min-width: 576px) { + .dropdown-menu-sm-start { + --bs-position: start; + } + + .dropdown-menu-sm-start[data-bs-popper] { + right: auto; + left: 0; + } + + .dropdown-menu-sm-end { + --bs-position: end; + } + + .dropdown-menu-sm-end[data-bs-popper] { + right: 0; + left: auto; + } +} + +@media (min-width: 768px) { + .dropdown-menu-md-start { + --bs-position: start; + } + + .dropdown-menu-md-start[data-bs-popper] { + right: auto; + left: 0; + } + + .dropdown-menu-md-end { + --bs-position: end; + } + + .dropdown-menu-md-end[data-bs-popper] { + right: 0; + left: auto; + } +} + +@media (min-width: 992px) { + .dropdown-menu-lg-start { + --bs-position: start; + } + + .dropdown-menu-lg-start[data-bs-popper] { + right: auto; + left: 0; + } + + .dropdown-menu-lg-end { + --bs-position: end; + } + + .dropdown-menu-lg-end[data-bs-popper] { + right: 0; + left: auto; + } +} + +@media (min-width: 1200px) { + .dropdown-menu-xl-start { + --bs-position: start; + } + + .dropdown-menu-xl-start[data-bs-popper] { + right: auto; + left: 0; + } + + .dropdown-menu-xl-end { + --bs-position: end; + } + + .dropdown-menu-xl-end[data-bs-popper] { + right: 0; + left: auto; + } +} + +@media (min-width: 1400px) { + .dropdown-menu-xxl-start { + --bs-position: start; + } + + .dropdown-menu-xxl-start[data-bs-popper] { + right: auto; + left: 0; + } + + .dropdown-menu-xxl-end { + --bs-position: end; + } + + .dropdown-menu-xxl-end[data-bs-popper] { + right: 0; + left: auto; + } +} + +.dropup .dropdown-menu[data-bs-popper] { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: var(--bs-dropdown-spacer); +} + +.dropup .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; +} + +.dropup .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropend .dropdown-menu[data-bs-popper] { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: var(--bs-dropdown-spacer); +} + +.dropend .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; +} + +.dropend .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropend .dropdown-toggle::after { + vertical-align: 0; +} + +.dropstart .dropdown-menu[data-bs-popper] { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: var(--bs-dropdown-spacer); +} + +.dropstart .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; +} + +.dropstart .dropdown-toggle::after { + display: none; +} + +.dropstart .dropdown-toggle::before { + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; +} + +.dropstart .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropstart .dropdown-toggle::before { + vertical-align: 0; +} + +.dropdown-divider { + height: 0; + margin: var(--bs-dropdown-divider-margin-y) 0; + overflow: hidden; + border-top: 1px solid var(--bs-dropdown-divider-bg); + opacity: 1; +} + +.dropdown-item { + display: block; + width: 100%; + padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x); + clear: both; + font-weight: 400; + color: var(--bs-dropdown-link-color); + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; +} + +.dropdown-item:hover, +.dropdown-item:focus { + color: var(--bs-dropdown-link-hover-color); + background-color: var(--bs-dropdown-link-hover-bg); +} + +.dropdown-item.active, +.dropdown-item:active { + color: var(--bs-dropdown-link-active-color); + text-decoration: none; + background-color: var(--bs-dropdown-link-active-bg); +} + +.dropdown-item.disabled, +.dropdown-item:disabled { + color: var(--bs-dropdown-link-disabled-color); + pointer-events: none; + background-color: transparent; +} + +.dropdown-menu.show { + display: block; +} + +.dropdown-header { + display: block; + padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x); + margin-bottom: 0; + font-size: 0.875rem; + color: var(--bs-dropdown-header-color); + white-space: nowrap; +} + +.dropdown-item-text { + display: block; + padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x); + color: var(--bs-dropdown-link-color); +} + +.dropdown-menu-dark { + --bs-dropdown-color: #dee2e6; + --bs-dropdown-bg: #343a40; + --bs-dropdown-border-color: transparent; + --bs-dropdown-box-shadow: ; + --bs-dropdown-link-color: #dee2e6; + --bs-dropdown-link-hover-color: #fff; + --bs-dropdown-divider-bg: transparent; + --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15); + --bs-dropdown-link-active-color: #7b809a; + --bs-dropdown-link-active-bg: transparent; + --bs-dropdown-link-disabled-color: #adb5bd; + --bs-dropdown-header-color: #adb5bd; +} + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; +} + +.btn-group>.btn, +.btn-group-vertical>.btn { + position: relative; + flex: 1 1 auto; +} + +.btn-group>.btn-check:checked+.btn, +.btn-group>.btn-check:focus+.btn, +.btn-group>.btn:hover, +.btn-group>.btn:focus, +.btn-group>.btn:active, +.btn-group>.btn.active, +.btn-group-vertical>.btn-check:checked+.btn, +.btn-group-vertical>.btn-check:focus+.btn, +.btn-group-vertical>.btn:hover, +.btn-group-vertical>.btn:focus, +.btn-group-vertical>.btn:active, +.btn-group-vertical>.btn.active { + z-index: 1; +} + +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} + +.btn-toolbar .input-group { + width: auto; +} + +.btn-group { + border-radius: 0.5rem; +} + +.btn-group> :not(.btn-check:first-child)+.btn, +.btn-group>.btn-group:not(:first-child) { + margin-left: -1px; +} + +.btn-group>.btn:not(:last-child):not(.dropdown-toggle), +.btn-group>.btn.dropdown-toggle-split:first-child, +.btn-group>.btn-group:not(:last-child)>.btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.btn-group>.btn:nth-child(n + 3), +.btn-group> :not(.btn-check)+.btn, +.btn-group>.btn-group:not(:first-child)>.btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.dropdown-toggle-split { + padding-right: 1.125rem; + padding-left: 1.125rem; +} + +.dropdown-toggle-split::after, +.dropup .dropdown-toggle-split::after, +.dropend .dropdown-toggle-split::after { + margin-left: 0; +} + +.dropstart .dropdown-toggle-split::before { + margin-right: 0; +} + +.btn-sm+.dropdown-toggle-split, +.btn-group-sm>.btn+.dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; +} + +.btn-lg+.dropdown-toggle-split, +.btn-group-lg>.btn+.dropdown-toggle-split { + padding-right: 1.3125rem; + padding-left: 1.3125rem; +} + +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} + +.btn-group-vertical>.btn, +.btn-group-vertical>.btn-group { + width: 100%; +} + +.btn-group-vertical>.btn:not(:first-child), +.btn-group-vertical>.btn-group:not(:first-child) { + margin-top: -1px; +} + +.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle), +.btn-group-vertical>.btn-group:not(:last-child)>.btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +.btn-group-vertical>.btn~.btn, +.btn-group-vertical>.btn-group:not(:first-child)>.btn { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav { + --bs-nav-link-padding-x: 1rem; + --bs-nav-link-padding-y: 0.5rem; + --bs-nav-link-font-weight: ; + --bs-nav-link-color: var(--bs-link-color); + --bs-nav-link-hover-color: var(--bs-link-hover-color); + --bs-nav-link-disabled-color: #6c757d; + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.nav-link { + display: block; + padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x); + font-size: var(--bs-nav-link-font-size); + font-weight: var(--bs-nav-link-font-weight); + color: var(--bs-nav-link-color); + transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .nav-link { + transition: none; + } +} + +.nav-link:hover, +.nav-link:focus { + color: var(--bs-nav-link-hover-color); +} + +.nav-link.disabled { + color: var(--bs-nav-link-disabled-color); + pointer-events: none; + cursor: default; +} + +.nav-tabs { + --bs-nav-tabs-border-width: 1px; + --bs-nav-tabs-border-color: #dee2e6; + --bs-nav-tabs-border-radius: 0.375rem; + --bs-nav-tabs-link-hover-border-color: #f0f2f5 #f0f2f5 #dee2e6; + --bs-nav-tabs-link-active-color: #495057; + --bs-nav-tabs-link-active-bg: #fff; + --bs-nav-tabs-link-active-border-color: #dee2e6 #dee2e6 #fff; + border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color); +} + +.nav-tabs .nav-link { + margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width)); + background: none; + border: var(--bs-nav-tabs-border-width) solid transparent; + border-top-left-radius: var(--bs-nav-tabs-border-radius); + border-top-right-radius: var(--bs-nav-tabs-border-radius); +} + +.nav-tabs .nav-link:hover, +.nav-tabs .nav-link:focus { + isolation: isolate; + border-color: var(--bs-nav-tabs-link-hover-border-color); +} + +.nav-tabs .nav-link.disabled, +.nav-tabs .nav-link:disabled { + color: var(--bs-nav-link-disabled-color); + background-color: transparent; + border-color: transparent; +} + +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: var(--bs-nav-tabs-link-active-color); + background-color: var(--bs-nav-tabs-link-active-bg); + border-color: var(--bs-nav-tabs-link-active-border-color); +} + +.nav-tabs .dropdown-menu { + margin-top: calc(-1 * var(--bs-nav-tabs-border-width)); + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav-pills { + --bs-nav-pills-border-radius: 0.75rem; + --bs-nav-pills-link-active-color: #344767; + --bs-nav-pills-link-active-bg: #fff; +} + +.nav-pills .nav-link { + background: none; + border: 0; + border-radius: var(--bs-nav-pills-border-radius); +} + +.nav-pills .nav-link:disabled { + color: var(--bs-nav-link-disabled-color); + background-color: transparent; + border-color: transparent; +} + +.nav-pills .nav-link.active, +.nav-pills .show>.nav-link { + color: var(--bs-nav-pills-link-active-color); + background-color: var(--bs-nav-pills-link-active-bg); +} + +.nav-fill>.nav-link, +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; +} + +.nav-justified>.nav-link, +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} + +.nav-fill .nav-item .nav-link, +.nav-justified .nav-item .nav-link { + width: 100%; +} + +.tab-content>.tab-pane { + display: none; +} + +.tab-content>.active { + display: block; +} + +.navbar { + --bs-navbar-padding-x: 1rem; + --bs-navbar-padding-y: 0.5rem; + --bs-navbar-color: #344767; + --bs-navbar-hover-color: rgba(52, 71, 103, 0.7); + --bs-navbar-disabled-color: rgba(52, 71, 103, 0.3); + --bs-navbar-active-color: rgba(52, 71, 103, 0.9); + --bs-navbar-brand-padding-y: 0.40625rem; + --bs-navbar-brand-margin-end: 1rem; + --bs-navbar-brand-font-size: 1.125rem; + --bs-navbar-brand-color: rgba(52, 71, 103, 0.9); + --bs-navbar-brand-hover-color: rgba(52, 71, 103, 0.9); + --bs-navbar-nav-link-padding-x: 0.5rem; + --bs-navbar-toggler-padding-y: 0.25rem; + --bs-navbar-toggler-padding-x: 0.75rem; + --bs-navbar-toggler-font-size: 1.125rem; + --bs-navbar-toggler-icon-bg: 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"); + --bs-navbar-toggler-border-color: rgba(52, 71, 103, 0.1); + --bs-navbar-toggler-border-radius: 0.5rem; + --bs-navbar-toggler-focus-width: 0.2rem; + --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out; + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x); +} + +.navbar>.container, +.navbar>.container-fluid, +.navbar>.container-sm, +.navbar>.container-md, +.navbar>.container-lg, +.navbar>.container-xl, +.navbar>.container-xxl { + display: flex; + flex-wrap: inherit; + align-items: center; + justify-content: space-between; +} + +.navbar-brand { + padding-top: var(--bs-navbar-brand-padding-y); + padding-bottom: var(--bs-navbar-brand-padding-y); + margin-right: var(--bs-navbar-brand-margin-end); + font-size: var(--bs-navbar-brand-font-size); + color: var(--bs-navbar-brand-color); + white-space: nowrap; +} + +.navbar-brand:hover, +.navbar-brand:focus { + color: var(--bs-navbar-brand-hover-color); +} + +.navbar-nav { + --bs-nav-link-padding-x: 0; + --bs-nav-link-padding-y: 0.5rem; + --bs-nav-link-font-weight: ; + --bs-nav-link-color: var(--bs-navbar-color); + --bs-nav-link-hover-color: var(--bs-navbar-hover-color); + --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color); + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.navbar-nav .show>.nav-link, +.navbar-nav .nav-link.active { + color: var(--bs-navbar-active-color); +} + +.navbar-nav .dropdown-menu { + position: static; +} + +.navbar-text { + padding-top: 0.5rem; + padding-bottom: 0.5rem; + color: var(--bs-navbar-color); +} + +.navbar-text a, +.navbar-text a:hover, +.navbar-text a:focus { + color: var(--bs-navbar-active-color); +} + +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; +} + +.navbar-toggler { + padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x); + font-size: var(--bs-navbar-toggler-font-size); + line-height: 1; + color: var(--bs-navbar-color); + background-color: transparent; + border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color); + border-radius: var(--bs-navbar-toggler-border-radius); + transition: var(--bs-navbar-toggler-transition); +} + +@media (prefers-reduced-motion: reduce) { + .navbar-toggler { + transition: none; + } +} + +.navbar-toggler:hover { + text-decoration: none; +} + +.navbar-toggler:focus { + text-decoration: none; + outline: 0; + box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width); +} + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + background-image: var(--bs-navbar-toggler-icon-bg); + background-repeat: no-repeat; + background-position: center; + background-size: 100%; +} + +.navbar-nav-scroll { + max-height: var(--bs-scroll-height, 75vh); + overflow-y: auto; +} + +@media (min-width: 576px) { + .navbar-expand-sm { + flex-wrap: nowrap; + justify-content: flex-start; + } + + .navbar-expand-sm .navbar-nav { + flex-direction: row; + } + + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: var(--bs-navbar-nav-link-padding-x); + padding-left: var(--bs-navbar-nav-link-padding-x); + } + + .navbar-expand-sm .navbar-nav-scroll { + overflow: visible; + } + + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + + .navbar-expand-sm .navbar-toggler { + display: none; + } + + .navbar-expand-sm .offcanvas { + position: static; + z-index: auto; + flex-grow: 1; + width: auto !important; + height: auto !important; + visibility: visible !important; + background-color: transparent !important; + border: 0 !important; + transform: none !important; + transition: none; + } + + .navbar-expand-sm .offcanvas .offcanvas-header { + display: none; + } + + .navbar-expand-sm .offcanvas .offcanvas-body { + display: flex; + flex-grow: 0; + padding: 0; + overflow-y: visible; + } +} + +@media (min-width: 768px) { + .navbar-expand-md { + flex-wrap: nowrap; + justify-content: flex-start; + } + + .navbar-expand-md .navbar-nav { + flex-direction: row; + } + + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + + .navbar-expand-md .navbar-nav .nav-link { + padding-right: var(--bs-navbar-nav-link-padding-x); + padding-left: var(--bs-navbar-nav-link-padding-x); + } + + .navbar-expand-md .navbar-nav-scroll { + overflow: visible; + } + + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + + .navbar-expand-md .navbar-toggler { + display: none; + } + + .navbar-expand-md .offcanvas { + position: static; + z-index: auto; + flex-grow: 1; + width: auto !important; + height: auto !important; + visibility: visible !important; + background-color: transparent !important; + border: 0 !important; + transform: none !important; + transition: none; + } + + .navbar-expand-md .offcanvas .offcanvas-header { + display: none; + } + + .navbar-expand-md .offcanvas .offcanvas-body { + display: flex; + flex-grow: 0; + padding: 0; + overflow-y: visible; + } +} + +@media (min-width: 992px) { + .navbar-expand-lg { + flex-wrap: nowrap; + justify-content: flex-start; + } + + .navbar-expand-lg .navbar-nav { + flex-direction: row; + } + + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: var(--bs-navbar-nav-link-padding-x); + padding-left: var(--bs-navbar-nav-link-padding-x); + } + + .navbar-expand-lg .navbar-nav-scroll { + overflow: visible; + } + + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + + .navbar-expand-lg .navbar-toggler { + display: none; + } + + .navbar-expand-lg .offcanvas { + position: static; + z-index: auto; + flex-grow: 1; + width: auto !important; + height: auto !important; + visibility: visible !important; + background-color: transparent !important; + border: 0 !important; + transform: none !important; + transition: none; + } + + .navbar-expand-lg .offcanvas .offcanvas-header { + display: none; + } + + .navbar-expand-lg .offcanvas .offcanvas-body { + display: flex; + flex-grow: 0; + padding: 0; + overflow-y: visible; + } +} + +@media (min-width: 1200px) { + .navbar-expand-xl { + flex-wrap: nowrap; + justify-content: flex-start; + } + + .navbar-expand-xl .navbar-nav { + flex-direction: row; + } + + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: var(--bs-navbar-nav-link-padding-x); + padding-left: var(--bs-navbar-nav-link-padding-x); + } + + .navbar-expand-xl .navbar-nav-scroll { + overflow: visible; + } + + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + + .navbar-expand-xl .navbar-toggler { + display: none; + } + + .navbar-expand-xl .offcanvas { + position: static; + z-index: auto; + flex-grow: 1; + width: auto !important; + height: auto !important; + visibility: visible !important; + background-color: transparent !important; + border: 0 !important; + transform: none !important; + transition: none; + } + + .navbar-expand-xl .offcanvas .offcanvas-header { + display: none; + } + + .navbar-expand-xl .offcanvas .offcanvas-body { + display: flex; + flex-grow: 0; + padding: 0; + overflow-y: visible; + } +} + +@media (min-width: 1400px) { + .navbar-expand-xxl { + flex-wrap: nowrap; + justify-content: flex-start; + } + + .navbar-expand-xxl .navbar-nav { + flex-direction: row; + } + + .navbar-expand-xxl .navbar-nav .dropdown-menu { + position: absolute; + } + + .navbar-expand-xxl .navbar-nav .nav-link { + padding-right: var(--bs-navbar-nav-link-padding-x); + padding-left: var(--bs-navbar-nav-link-padding-x); + } + + .navbar-expand-xxl .navbar-nav-scroll { + overflow: visible; + } + + .navbar-expand-xxl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + + .navbar-expand-xxl .navbar-toggler { + display: none; + } + + .navbar-expand-xxl .offcanvas { + position: static; + z-index: auto; + flex-grow: 1; + width: auto !important; + height: auto !important; + visibility: visible !important; + background-color: transparent !important; + border: 0 !important; + transform: none !important; + transition: none; + } + + .navbar-expand-xxl .offcanvas .offcanvas-header { + display: none; + } + + .navbar-expand-xxl .offcanvas .offcanvas-body { + display: flex; + flex-grow: 0; + padding: 0; + overflow-y: visible; + } +} + +.navbar-expand { + flex-wrap: nowrap; + justify-content: flex-start; +} + +.navbar-expand .navbar-nav { + flex-direction: row; +} + +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} + +.navbar-expand .navbar-nav .nav-link { + padding-right: var(--bs-navbar-nav-link-padding-x); + padding-left: var(--bs-navbar-nav-link-padding-x); +} + +.navbar-expand .navbar-nav-scroll { + overflow: visible; +} + +.navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; +} + +.navbar-expand .navbar-toggler { + display: none; +} + +.navbar-expand .offcanvas { + position: static; + z-index: auto; + flex-grow: 1; + width: auto !important; + height: auto !important; + visibility: visible !important; + background-color: transparent !important; + border: 0 !important; + transform: none !important; + transition: none; +} + +.navbar-expand .offcanvas .offcanvas-header { + display: none; +} + +.navbar-expand .offcanvas .offcanvas-body { + display: flex; + flex-grow: 0; + padding: 0; + overflow-y: visible; +} + +.navbar-dark { + --bs-navbar-color: rgba(255, 255, 255, 0.85); + --bs-navbar-hover-color: rgba(255, 255, 255, 0.75); + --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25); + --bs-navbar-active-color: #fff; + --bs-navbar-brand-color: #fff; + --bs-navbar-brand-hover-color: #fff; + --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1); + --bs-navbar-toggler-icon-bg: 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"); +} + +.card { + --bs-card-spacer-y: 1rem; + --bs-card-spacer-x: 1rem; + --bs-card-title-spacer-y: 0.5rem; + --bs-card-border-width: 0; + --bs-card-border-color: rgba(0, 0, 0, 0.125); + --bs-card-border-radius: 0.75rem; + --bs-card-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + --bs-card-inner-border-radius: 0.75rem; + --bs-card-cap-padding-y: 0.5rem; + --bs-card-cap-padding-x: 1rem; + --bs-card-cap-bg: #fff; + --bs-card-cap-color: ; + --bs-card-height: ; + --bs-card-color: ; + --bs-card-bg: #fff; + --bs-card-img-overlay-padding: 1rem; + --bs-card-group-margin: 0.75rem; + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + height: var(--bs-card-height); + word-wrap: break-word; + background-color: var(--bs-card-bg); + background-clip: border-box; + border: var(--bs-card-border-width) solid var(--bs-card-border-color); + border-radius: var(--bs-card-border-radius); +} + +.card>hr { + margin-right: 0; + margin-left: 0; +} + +.card>.list-group { + border-top: inherit; + border-bottom: inherit; +} + +.card>.list-group:first-child { + border-top-width: 0; + border-top-left-radius: var(--bs-card-inner-border-radius); + border-top-right-radius: var(--bs-card-inner-border-radius); +} + +.card>.list-group:last-child { + border-bottom-width: 0; + border-bottom-right-radius: var(--bs-card-inner-border-radius); + border-bottom-left-radius: var(--bs-card-inner-border-radius); +} + +.card>.card-header+.list-group, +.card>.list-group+.card-footer { + border-top: 0; +} + +.card-body { + flex: 1 1 auto; + padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x); + color: var(--bs-card-color); +} + +.card-title { + margin-bottom: var(--bs-card-title-spacer-y); +} + +.card-subtitle { + margin-top: calc(-.5 * var(--bs-card-title-spacer-y)); + margin-bottom: 0; +} + +.card-text:last-child { + margin-bottom: 0; +} + +.card-link+.card-link { + margin-left: var(--bs-card-spacer-x); +} + +.card-header { + padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x); + margin-bottom: 0; + color: var(--bs-card-cap-color); + background-color: var(--bs-card-cap-bg); + border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color); +} + +.card-header:first-child { + border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0; +} + +.card-footer { + padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x); + color: var(--bs-card-cap-color); + background-color: var(--bs-card-cap-bg); + border-top: var(--bs-card-border-width) solid var(--bs-card-border-color); +} + +.card-footer:last-child { + border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius); +} + +.card-header-tabs { + margin-right: calc(-.5 * var(--bs-card-cap-padding-x)); + margin-bottom: calc(-1 * var(--bs-card-cap-padding-y)); + margin-left: calc(-.5 * var(--bs-card-cap-padding-x)); + border-bottom: 0; +} + +.card-header-tabs .nav-link.active { + background-color: var(--bs-card-bg); + border-bottom-color: var(--bs-card-bg); +} + +.card-header-pills { + margin-right: calc(-.5 * var(--bs-card-cap-padding-x)); + margin-left: calc(-.5 * var(--bs-card-cap-padding-x)); +} + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: var(--bs-card-img-overlay-padding); + border-radius: var(--bs-card-inner-border-radius); +} + +.card-img, +.card-img-top, +.card-img-bottom { + width: 100%; +} + +.card-img, +.card-img-top { + border-top-left-radius: var(--bs-card-inner-border-radius); + border-top-right-radius: var(--bs-card-inner-border-radius); +} + +.card-img, +.card-img-bottom { + border-bottom-right-radius: var(--bs-card-inner-border-radius); + border-bottom-left-radius: var(--bs-card-inner-border-radius); +} + +.card-group>.card { + margin-bottom: var(--bs-card-group-margin); +} + +@media (min-width: 576px) { + .card-group { + display: flex; + flex-flow: row wrap; + } + + .card-group>.card { + flex: 1 0 0%; + margin-bottom: 0; + } + + .card-group>.card+.card { + margin-left: 0; + border-left: 0; + } + + .card-group>.card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .card-group>.card:not(:last-child) .card-img-top, + .card-group>.card:not(:last-child) .card-header { + border-top-right-radius: 0; + } + + .card-group>.card:not(:last-child) .card-img-bottom, + .card-group>.card:not(:last-child) .card-footer { + border-bottom-right-radius: 0; + } + + .card-group>.card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .card-group>.card:not(:first-child) .card-img-top, + .card-group>.card:not(:first-child) .card-header { + border-top-left-radius: 0; + } + + .card-group>.card:not(:first-child) .card-img-bottom, + .card-group>.card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; + } +} + +.accordion { + --bs-accordion-color: #7b809a; + --bs-accordion-bg: transparent; + --bs-accordion-transition: all 0.15s ease-in, border-radius 0.15s ease; + --bs-accordion-border-color: rgba(0, 0, 0, 0.125); + --bs-accordion-border-width: 0; + --bs-accordion-border-radius: 0.125rem; + --bs-accordion-inner-border-radius: 0.125rem; + --bs-accordion-btn-padding-x: 0rem; + --bs-accordion-btn-padding-y: 1rem; + --bs-accordion-btn-color: #7b809a; + --bs-accordion-btn-bg: transparent; + --bs-accordion-btn-icon: none; + --bs-accordion-btn-icon-width: 1rem; + --bs-accordion-btn-icon-transform: rotate(180deg); + --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out; + --bs-accordion-btn-active-icon: none; + --bs-accordion-btn-focus-border-color: transparent; + --bs-accordion-btn-focus-box-shadow: none; + --bs-accordion-body-padding-x: 0rem; + --bs-accordion-body-padding-y: 1rem; + --bs-accordion-active-color: #344767; + --bs-accordion-active-bg: transparent; +} + +.accordion-button { + position: relative; + display: flex; + align-items: center; + width: 100%; + padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x); + font-size: 1rem; + color: var(--bs-accordion-btn-color); + text-align: left; + background-color: var(--bs-accordion-btn-bg); + border: 0; + border-radius: 0; + overflow-anchor: none; + transition: var(--bs-accordion-transition); +} + +@media (prefers-reduced-motion: reduce) { + .accordion-button { + transition: none; + } +} + +.accordion-button:not(.collapsed) { + color: var(--bs-accordion-active-color); + background-color: var(--bs-accordion-active-bg); + box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color); +} + +.accordion-button:not(.collapsed)::after { + background-image: var(--bs-accordion-btn-active-icon); + transform: var(--bs-accordion-btn-icon-transform); +} + +.accordion-button::after { + flex-shrink: 0; + width: var(--bs-accordion-btn-icon-width); + height: var(--bs-accordion-btn-icon-width); + margin-left: auto; + content: ""; + background-image: var(--bs-accordion-btn-icon); + background-repeat: no-repeat; + background-size: var(--bs-accordion-btn-icon-width); + transition: var(--bs-accordion-btn-icon-transition); +} + +@media (prefers-reduced-motion: reduce) { + .accordion-button::after { + transition: none; + } +} + +.accordion-button:hover { + z-index: 2; +} + +.accordion-button:focus { + z-index: 3; + border-color: var(--bs-accordion-btn-focus-border-color); + outline: 0; + box-shadow: var(--bs-accordion-btn-focus-box-shadow); +} + +.accordion-header { + margin-bottom: 0; +} + +.accordion-item { + color: var(--bs-accordion-color); + background-color: var(--bs-accordion-bg); + border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color); +} + +.accordion-item:first-of-type { + border-top-left-radius: var(--bs-accordion-border-radius); + border-top-right-radius: var(--bs-accordion-border-radius); +} + +.accordion-item:first-of-type .accordion-button { + border-top-left-radius: var(--bs-accordion-inner-border-radius); + border-top-right-radius: var(--bs-accordion-inner-border-radius); +} + +.accordion-item:not(:first-of-type) { + border-top: 0; +} + +.accordion-item:last-of-type { + border-bottom-right-radius: var(--bs-accordion-border-radius); + border-bottom-left-radius: var(--bs-accordion-border-radius); +} + +.accordion-item:last-of-type .accordion-button.collapsed { + border-bottom-right-radius: var(--bs-accordion-inner-border-radius); + border-bottom-left-radius: var(--bs-accordion-inner-border-radius); +} + +.accordion-item:last-of-type .accordion-collapse { + border-bottom-right-radius: var(--bs-accordion-border-radius); + border-bottom-left-radius: var(--bs-accordion-border-radius); +} + +.accordion-body { + padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x); +} + +.accordion-flush .accordion-collapse { + border-width: 0; +} + +.accordion-flush .accordion-item { + border-right: 0; + border-left: 0; + border-radius: 0; +} + +.accordion-flush .accordion-item:first-child { + border-top: 0; +} + +.accordion-flush .accordion-item:last-child { + border-bottom: 0; +} + +.accordion-flush .accordion-item .accordion-button, +.accordion-flush .accordion-item .accordion-button.collapsed { + border-radius: 0; +} + +.breadcrumb { + --bs-breadcrumb-padding-x: 1rem; + --bs-breadcrumb-padding-y: 0.5rem; + --bs-breadcrumb-margin-bottom: 1rem; + --bs-breadcrumb-bg: #f0f2f5; + --bs-breadcrumb-border-radius: 0.375rem; + --bs-breadcrumb-divider-color: #6c757d; + --bs-breadcrumb-item-padding-x: 0.5rem; + --bs-breadcrumb-item-active-color: #6c757d; + display: flex; + flex-wrap: wrap; + padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x); + margin-bottom: var(--bs-breadcrumb-margin-bottom); + font-size: var(--bs-breadcrumb-font-size); + list-style: none; + background-color: var(--bs-breadcrumb-bg); + border-radius: var(--bs-breadcrumb-border-radius); +} + +.breadcrumb-item+.breadcrumb-item { + padding-left: var(--bs-breadcrumb-item-padding-x); +} + +.breadcrumb-item+.breadcrumb-item::before { + float: left; + padding-right: var(--bs-breadcrumb-item-padding-x); + color: var(--bs-breadcrumb-divider-color); + content: var(--bs-breadcrumb-divider, "/") + /* rtl: var(--bs-breadcrumb-divider, "/") */ + ; +} + +.breadcrumb-item.active { + color: var(--bs-breadcrumb-item-active-color); +} + +.pagination { + --bs-pagination-padding-x: 0.75rem; + --bs-pagination-padding-y: 0.375rem; + --bs-pagination-font-size: 1rem; + --bs-pagination-color: #e91e63; + --bs-pagination-bg: #fff; + --bs-pagination-border-width: 1px; + --bs-pagination-border-color: #dee2e6; + --bs-pagination-border-radius: 0.375rem; + --bs-pagination-hover-color: #e91e63; + --bs-pagination-hover-bg: #f0f2f5; + --bs-pagination-hover-border-color: #dee2e6; + --bs-pagination-focus-color: #e91e63; + --bs-pagination-focus-bg: #f0f2f5; + --bs-pagination-focus-box-shadow: 0 0 0 0.2rem rgba(233, 30, 99, 0.25); + --bs-pagination-active-color: #fff; + --bs-pagination-active-bg: #e91e63; + --bs-pagination-active-border-color: #e91e63; + --bs-pagination-disabled-color: #6c757d; + --bs-pagination-disabled-bg: #fff; + --bs-pagination-disabled-border-color: #dee2e6; + display: flex; + padding-left: 0; + list-style: none; +} + +.page-link { + position: relative; + display: block; + padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x); + font-size: var(--bs-pagination-font-size); + color: var(--bs-pagination-color); + background-color: var(--bs-pagination-bg); + border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color); + transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .page-link { + transition: none; + } +} + +.page-link:hover { + z-index: 2; + color: var(--bs-pagination-hover-color); + background-color: var(--bs-pagination-hover-bg); + border-color: var(--bs-pagination-hover-border-color); +} + +.page-link:focus { + z-index: 3; + color: var(--bs-pagination-focus-color); + background-color: var(--bs-pagination-focus-bg); + outline: 0; + box-shadow: var(--bs-pagination-focus-box-shadow); +} + +.page-link.active, +.active>.page-link { + z-index: 3; + color: var(--bs-pagination-active-color); + background-color: var(--bs-pagination-active-bg); + border-color: var(--bs-pagination-active-border-color); +} + +.page-link.disabled, +.disabled>.page-link { + color: var(--bs-pagination-disabled-color); + pointer-events: none; + background-color: var(--bs-pagination-disabled-bg); + border-color: var(--bs-pagination-disabled-border-color); +} + +.page-item:not(:first-child) .page-link { + margin-left: -1px; +} + +.page-item:first-child .page-link { + border-top-left-radius: var(--bs-pagination-border-radius); + border-bottom-left-radius: var(--bs-pagination-border-radius); +} + +.page-item:last-child .page-link { + border-top-right-radius: var(--bs-pagination-border-radius); + border-bottom-right-radius: var(--bs-pagination-border-radius); +} + +.pagination-lg { + --bs-pagination-padding-x: 1.5rem; + --bs-pagination-padding-y: 0.75rem; + --bs-pagination-font-size: 1.125rem; + --bs-pagination-border-radius: 0.5rem; +} + +.pagination-sm { + --bs-pagination-padding-x: 0.5rem; + --bs-pagination-padding-y: 0.25rem; + --bs-pagination-font-size: 0.875rem; + --bs-pagination-border-radius: 0.125rem; +} + +.badge { + --bs-badge-padding-x: 0.9em; + --bs-badge-padding-y: 0.55em; + --bs-badge-font-size: 0.75em; + --bs-badge-font-weight: 700; + --bs-badge-color: #fff; + --bs-badge-border-radius: 0.45rem; + display: inline-block; + padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x); + font-size: var(--bs-badge-font-size); + font-weight: var(--bs-badge-font-weight); + line-height: 1; + color: var(--bs-badge-color); + text-align: center; + white-space: nowrap; + vertical-align: baseline; + border-radius: var(--bs-badge-border-radius); +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.alert { + --bs-alert-bg: transparent; + --bs-alert-padding-x: 1rem; + --bs-alert-padding-y: 1rem; + --bs-alert-margin-bottom: 1rem; + --bs-alert-color: inherit; + --bs-alert-border-color: transparent; + --bs-alert-border: 0 solid var(--bs-alert-border-color); + --bs-alert-border-radius: 0.375rem; + position: relative; + padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x); + margin-bottom: var(--bs-alert-margin-bottom); + color: var(--bs-alert-color); + background-color: var(--bs-alert-bg); + border: var(--bs-alert-border); + border-radius: var(--bs-alert-border-radius); +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 600; +} + +.alert-dismissible { + padding-right: 3rem; +} + +.alert-dismissible .btn-close { + position: absolute; + top: 0; + right: 0; + z-index: 2; + padding: 1.25rem 1rem; +} + +.alert-primary { + --bs-alert-color: #8cb; + --bs-alert-bg: #fbd2e0; + --bs-alert-border-color: #f8bcd0; +} + +.alert-primary .alert-link { + color: #700e2f; +} + +.alert-secondary { + --bs-alert-color: #4a4d5c; + --bs-alert-bg: #e5e6eb; + --bs-alert-border-color: #d7d9e1; +} + +.alert-secondary .alert-link { + color: #3b3e4a; +} + +.alert-success { + --bs-alert-color: #2e6930; + --bs-alert-bg: #dbefdc; + --bs-alert-border-color: #c9e7cb; +} + +.alert-success .alert-link { + color: #255426; +} + +.alert-info { + --bs-alert-color: #10458b; + --bs-alert-bg: #d1e3fa; + --bs-alert-border-color: #bad5f8; +} + +.alert-info .alert-link { + color: #0d376f; +} + +.alert-warning { + --bs-alert-color: #975400; + --bs-alert-bg: #fee8cc; + --bs-alert-border-color: #feddb3; +} + +.alert-warning .alert-link { + color: #794300; +} + +.alert-danger { + --bs-alert-color: #922820; + --bs-alert-bg: #fdd9d7; + --bs-alert-border-color: #fcc7c2; +} + +.alert-danger .alert-link { + color: #75201a; +} + +.alert-light { + --bs-alert-color: #606162; + --bs-alert-bg: #fcfcfd; + --bs-alert-border-color: #fbfbfc; +} + +.alert-light .alert-link { + color: #4d4e4e; +} + +.alert-dark { + --bs-alert-color: #1f2b3e; + --bs-alert-bg: #d6dae1; + --bs-alert-border-color: #c2c8d1; +} + +.alert-dark .alert-link { + color: #192232; +} + +.alert-white { + --bs-alert-color: #666666; + --bs-alert-bg: white; + --bs-alert-border-color: white; +} + +.alert-white .alert-link { + color: #525252; +} + +.alert-dark-blue { + --bs-alert-color: #10154c; + --bs-alert-bg: #d1d3e5; + --bs-alert-border-color: #babdd8; +} + +.alert-dark-blue .alert-link { + color: #0d113d; +} + +@keyframes progress-bar-stripes { + 0% { + background-position-x: 6px; + } +} + +.progress { + --bs-progress-height: 6px; + --bs-progress-font-size: 0.75rem; + --bs-progress-bg: #f0f2f5; + --bs-progress-border-radius: 0.125rem; + --bs-progress-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075); + --bs-progress-bar-color: #fff; + --bs-progress-bar-bg: #e91e63; + --bs-progress-bar-transition: width 0.6s ease; + display: flex; + height: var(--bs-progress-height); + overflow: hidden; + font-size: var(--bs-progress-font-size); + background-color: var(--bs-progress-bg); + border-radius: var(--bs-progress-border-radius); +} + +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; + color: var(--bs-progress-bar-color); + text-align: center; + white-space: nowrap; + background-color: var(--bs-progress-bar-bg); + transition: var(--bs-progress-bar-transition); +} + +@media (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; + } +} + +.progress-bar-striped { + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-size: var(--bs-progress-height) var(--bs-progress-height); +} + +.progress-bar-animated { + animation: 1s linear infinite progress-bar-stripes; +} + +@media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + animation: none; + } +} + +.list-group { + --bs-list-group-color: inherit; + --bs-list-group-bg: #fff; + --bs-list-group-border-color: rgba(0, 0, 0, 0.125); + --bs-list-group-border-width: 1px; + --bs-list-group-border-radius: 0.375rem; + --bs-list-group-item-padding-x: 1rem; + --bs-list-group-item-padding-y: 0.5rem; + --bs-list-group-action-color: #495057; + --bs-list-group-action-hover-color: #495057; + --bs-list-group-action-hover-bg: #f8f9fa; + --bs-list-group-action-active-color: #7b809a; + --bs-list-group-action-active-bg: #f0f2f5; + --bs-list-group-disabled-color: #6c757d; + --bs-list-group-disabled-bg: #fff; + --bs-list-group-active-color: #fff; + --bs-list-group-active-bg: #e91e63; + --bs-list-group-active-border-color: #e91e63; + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + border-radius: var(--bs-list-group-border-radius); +} + +.list-group-numbered { + list-style-type: none; + counter-reset: section; +} + +.list-group-numbered>.list-group-item::before { + content: counters(section, ".") ". "; + counter-increment: section; +} + +.list-group-item-action { + width: 100%; + color: var(--bs-list-group-action-color); + text-align: inherit; +} + +.list-group-item-action:hover, +.list-group-item-action:focus { + z-index: 1; + color: var(--bs-list-group-action-hover-color); + text-decoration: none; + background-color: var(--bs-list-group-action-hover-bg); +} + +.list-group-item-action:active { + color: var(--bs-list-group-action-active-color); + background-color: var(--bs-list-group-action-active-bg); +} + +.list-group-item { + position: relative; + display: block; + padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x); + color: var(--bs-list-group-color); + background-color: var(--bs-list-group-bg); + border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color); +} + +.list-group-item:first-child { + border-top-left-radius: inherit; + border-top-right-radius: inherit; +} + +.list-group-item:last-child { + border-bottom-right-radius: inherit; + border-bottom-left-radius: inherit; +} + +.list-group-item.disabled, +.list-group-item:disabled { + color: var(--bs-list-group-disabled-color); + pointer-events: none; + background-color: var(--bs-list-group-disabled-bg); +} + +.list-group-item.active { + z-index: 2; + color: var(--bs-list-group-active-color); + background-color: var(--bs-list-group-active-bg); + border-color: var(--bs-list-group-active-border-color); +} + +.list-group-item+.list-group-item { + border-top-width: 0; +} + +.list-group-item+.list-group-item.active { + margin-top: calc(-1 * var(--bs-list-group-border-width)); + border-top-width: var(--bs-list-group-border-width); +} + +.list-group-horizontal { + flex-direction: row; +} + +.list-group-horizontal>.list-group-item:first-child:not(:last-child) { + border-bottom-left-radius: var(--bs-list-group-border-radius); + border-top-right-radius: 0; +} + +.list-group-horizontal>.list-group-item:last-child:not(:first-child) { + border-top-right-radius: var(--bs-list-group-border-radius); + border-bottom-left-radius: 0; +} + +.list-group-horizontal>.list-group-item.active { + margin-top: 0; +} + +.list-group-horizontal>.list-group-item+.list-group-item { + border-top-width: var(--bs-list-group-border-width); + border-left-width: 0; +} + +.list-group-horizontal>.list-group-item+.list-group-item.active { + margin-left: calc(-1 * var(--bs-list-group-border-width)); + border-left-width: var(--bs-list-group-border-width); +} + +@media (min-width: 576px) { + .list-group-horizontal-sm { + flex-direction: row; + } + + .list-group-horizontal-sm>.list-group-item:first-child:not(:last-child) { + border-bottom-left-radius: var(--bs-list-group-border-radius); + border-top-right-radius: 0; + } + + .list-group-horizontal-sm>.list-group-item:last-child:not(:first-child) { + border-top-right-radius: var(--bs-list-group-border-radius); + border-bottom-left-radius: 0; + } + + .list-group-horizontal-sm>.list-group-item.active { + margin-top: 0; + } + + .list-group-horizontal-sm>.list-group-item+.list-group-item { + border-top-width: var(--bs-list-group-border-width); + border-left-width: 0; + } + + .list-group-horizontal-sm>.list-group-item+.list-group-item.active { + margin-left: calc(-1 * var(--bs-list-group-border-width)); + border-left-width: var(--bs-list-group-border-width); + } +} + +@media (min-width: 768px) { + .list-group-horizontal-md { + flex-direction: row; + } + + .list-group-horizontal-md>.list-group-item:first-child:not(:last-child) { + border-bottom-left-radius: var(--bs-list-group-border-radius); + border-top-right-radius: 0; + } + + .list-group-horizontal-md>.list-group-item:last-child:not(:first-child) { + border-top-right-radius: var(--bs-list-group-border-radius); + border-bottom-left-radius: 0; + } + + .list-group-horizontal-md>.list-group-item.active { + margin-top: 0; + } + + .list-group-horizontal-md>.list-group-item+.list-group-item { + border-top-width: var(--bs-list-group-border-width); + border-left-width: 0; + } + + .list-group-horizontal-md>.list-group-item+.list-group-item.active { + margin-left: calc(-1 * var(--bs-list-group-border-width)); + border-left-width: var(--bs-list-group-border-width); + } +} + +@media (min-width: 992px) { + .list-group-horizontal-lg { + flex-direction: row; + } + + .list-group-horizontal-lg>.list-group-item:first-child:not(:last-child) { + border-bottom-left-radius: var(--bs-list-group-border-radius); + border-top-right-radius: 0; + } + + .list-group-horizontal-lg>.list-group-item:last-child:not(:first-child) { + border-top-right-radius: var(--bs-list-group-border-radius); + border-bottom-left-radius: 0; + } + + .list-group-horizontal-lg>.list-group-item.active { + margin-top: 0; + } + + .list-group-horizontal-lg>.list-group-item+.list-group-item { + border-top-width: var(--bs-list-group-border-width); + border-left-width: 0; + } + + .list-group-horizontal-lg>.list-group-item+.list-group-item.active { + margin-left: calc(-1 * var(--bs-list-group-border-width)); + border-left-width: var(--bs-list-group-border-width); + } +} + +@media (min-width: 1200px) { + .list-group-horizontal-xl { + flex-direction: row; + } + + .list-group-horizontal-xl>.list-group-item:first-child:not(:last-child) { + border-bottom-left-radius: var(--bs-list-group-border-radius); + border-top-right-radius: 0; + } + + .list-group-horizontal-xl>.list-group-item:last-child:not(:first-child) { + border-top-right-radius: var(--bs-list-group-border-radius); + border-bottom-left-radius: 0; + } + + .list-group-horizontal-xl>.list-group-item.active { + margin-top: 0; + } + + .list-group-horizontal-xl>.list-group-item+.list-group-item { + border-top-width: var(--bs-list-group-border-width); + border-left-width: 0; + } + + .list-group-horizontal-xl>.list-group-item+.list-group-item.active { + margin-left: calc(-1 * var(--bs-list-group-border-width)); + border-left-width: var(--bs-list-group-border-width); + } +} + +@media (min-width: 1400px) { + .list-group-horizontal-xxl { + flex-direction: row; + } + + .list-group-horizontal-xxl>.list-group-item:first-child:not(:last-child) { + border-bottom-left-radius: var(--bs-list-group-border-radius); + border-top-right-radius: 0; + } + + .list-group-horizontal-xxl>.list-group-item:last-child:not(:first-child) { + border-top-right-radius: var(--bs-list-group-border-radius); + border-bottom-left-radius: 0; + } + + .list-group-horizontal-xxl>.list-group-item.active { + margin-top: 0; + } + + .list-group-horizontal-xxl>.list-group-item+.list-group-item { + border-top-width: var(--bs-list-group-border-width); + border-left-width: 0; + } + + .list-group-horizontal-xxl>.list-group-item+.list-group-item.active { + margin-left: calc(-1 * var(--bs-list-group-border-width)); + border-left-width: var(--bs-list-group-border-width); + } +} + +.list-group-flush { + border-radius: 0; +} + +.list-group-flush>.list-group-item { + border-width: 0 0 var(--bs-list-group-border-width); +} + +.list-group-flush>.list-group-item:last-child { + border-bottom-width: 0; +} + +.list-group-item-primary { + color: #8cb; + background-color: #fbd2e0; +} + +.list-group-item-primary.list-group-item-action:hover, +.list-group-item-primary.list-group-item-action:focus { + color: #8cb; + background-color: #e2bdca; +} + +.list-group-item-primary.list-group-item-action.active { + color: #fff; + background-color: #8cb; + border-color: #8cb; +} + +.list-group-item-secondary { + color: #4a4d5c; + background-color: #e5e6eb; +} + +.list-group-item-secondary.list-group-item-action:hover, +.list-group-item-secondary.list-group-item-action:focus { + color: #4a4d5c; + background-color: #cecfd4; +} + +.list-group-item-secondary.list-group-item-action.active { + color: #fff; + background-color: #4a4d5c; + border-color: #4a4d5c; +} + +.list-group-item-success { + color: #2e6930; + background-color: #dbefdc; +} + +.list-group-item-success.list-group-item-action:hover, +.list-group-item-success.list-group-item-action:focus { + color: #2e6930; + background-color: #c5d7c6; +} + +.list-group-item-success.list-group-item-action.active { + color: #fff; + background-color: #2e6930; + border-color: #2e6930; +} + +.list-group-item-info { + color: #10458b; + background-color: #d1e3fa; +} + +.list-group-item-info.list-group-item-action:hover, +.list-group-item-info.list-group-item-action:focus { + color: #10458b; + background-color: #bccce1; +} + +.list-group-item-info.list-group-item-action.active { + color: #fff; + background-color: #10458b; + border-color: #10458b; +} + +.list-group-item-warning { + color: #975400; + background-color: #fee8cc; +} + +.list-group-item-warning.list-group-item-action:hover, +.list-group-item-warning.list-group-item-action:focus { + color: #975400; + background-color: #e5d1b8; +} + +.list-group-item-warning.list-group-item-action.active { + color: #fff; + background-color: #975400; + border-color: #975400; +} + +.list-group-item-danger { + color: #922820; + background-color: #fdd9d7; +} + +.list-group-item-danger.list-group-item-action:hover, +.list-group-item-danger.list-group-item-action:focus { + color: #922820; + background-color: #e4c3c2; +} + +.list-group-item-danger.list-group-item-action.active { + color: #fff; + background-color: #922820; + border-color: #922820; +} + +.list-group-item-light { + color: #606162; + background-color: #fcfcfd; +} + +.list-group-item-light.list-group-item-action:hover, +.list-group-item-light.list-group-item-action:focus { + color: #606162; + background-color: #e3e3e4; +} + +.list-group-item-light.list-group-item-action.active { + color: #fff; + background-color: #606162; + border-color: #606162; +} + +.list-group-item-dark { + color: #1f2b3e; + background-color: #d6dae1; +} + +.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; + border-color: #1f2b3e; +} + +.list-group-item-white { + color: #666666; + background-color: white; +} + +.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; + border-color: #666666; +} + +.list-group-item-dark-blue { + color: #10154c; + background-color: #d1d3e5; +} + +.list-group-item-dark-blue.list-group-item-action:hover, +.list-group-item-dark-blue.list-group-item-action:focus { + color: #10154c; + background-color: #bcbece; +} + +.list-group-item-dark-blue.list-group-item-action.active { + color: #fff; + background-color: #10154c; + border-color: #10154c; +} + +.btn-close { + box-sizing: content-box; + width: 1em; + height: 1em; + padding: 0.25em 0.25em; + color: #fff; + background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat; + border: 0; + border-radius: 0.375rem; + 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(233, 30, 99, 0.25); + opacity: 1; +} + +.btn-close:disabled, +.btn-close.disabled { + pointer-events: none; + user-select: none; + opacity: 0.25; +} + +.btn-close-white { + filter: invert(1) grayscale(100%) brightness(200%); +} + +.toast { + --bs-toast-zindex: 1090; + --bs-toast-padding-x: 0.75rem; + --bs-toast-padding-y: 0.75rem; + --bs-toast-spacing: 1.5rem; + --bs-toast-max-width: 350px; + --bs-toast-font-size: 0.875rem; + --bs-toast-color: ; + --bs-toast-bg: rgba(255, 255, 255, 0.85); + --bs-toast-border-width: 0; + --bs-toast-border-color: transparent; + --bs-toast-border-radius: 0.375rem; + --bs-toast-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + --bs-toast-header-color: #344767; + --bs-toast-header-bg: rgba(255, 255, 255, 0.85); + --bs-toast-header-border-color: rgba(0, 0, 0, 0.05); + width: var(--bs-toast-max-width); + max-width: 100%; + font-size: var(--bs-toast-font-size); + color: var(--bs-toast-color); + pointer-events: auto; + background-color: var(--bs-toast-bg); + background-clip: padding-box; + border: var(--bs-toast-border-width) solid var(--bs-toast-border-color); + box-shadow: var(--bs-toast-box-shadow); + border-radius: var(--bs-toast-border-radius); +} + +.toast.showing { + opacity: 0; +} + +.toast:not(.show) { + display: none; +} + +.toast-container { + --bs-toast-zindex: 1090; + position: absolute; + z-index: var(--bs-toast-zindex); + width: max-content; + max-width: 100%; + pointer-events: none; +} + +.toast-container> :not(:last-child) { + margin-bottom: var(--bs-toast-spacing); +} + +.toast-header { + display: flex; + align-items: center; + padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x); + color: var(--bs-toast-header-color); + background-color: var(--bs-toast-header-bg); + background-clip: padding-box; + border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color); + border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width)); + border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width)); +} + +.toast-header .btn-close { + margin-right: calc(-.5 * var(--bs-toast-padding-x)); + margin-left: var(--bs-toast-padding-x); +} + +.toast-body { + padding: var(--bs-toast-padding-x); + word-wrap: break-word; +} + +.modal { + --bs-modal-zindex: 1050; + --bs-modal-width: 500px; + --bs-modal-padding: 1rem; + --bs-modal-margin: 0.5rem; + --bs-modal-color: ; + --bs-modal-bg: #fff; + --bs-modal-border-color: rgba(0, 0, 0, 0.2); + --bs-modal-border-width: 1px; + --bs-modal-border-radius: 0.5rem; + --bs-modal-box-shadow: 0 0.3125rem 0.625rem 0 rgba(0, 0, 0, 0.12); + --bs-modal-inner-border-radius: calc(0.5rem - 1px); + --bs-modal-header-padding-x: 1rem; + --bs-modal-header-padding-y: 1rem; + --bs-modal-header-padding: 1rem 1rem; + --bs-modal-header-border-color: #dee2e6; + --bs-modal-header-border-width: 1px; + --bs-modal-title-line-height: 1.5; + --bs-modal-footer-gap: 0.5rem; + --bs-modal-footer-bg: ; + --bs-modal-footer-border-color: #dee2e6; + --bs-modal-footer-border-width: 1px; + position: fixed; + top: 0; + left: 0; + z-index: var(--bs-modal-zindex); + display: none; + width: 100%; + height: 100%; + overflow-x: hidden; + overflow-y: auto; + outline: 0; +} + +.modal-dialog { + position: relative; + width: auto; + margin: var(--bs-modal-margin); + pointer-events: none; +} + +.modal.fade .modal-dialog { + transition: transform 0.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); +} + +.modal-dialog-scrollable { + height: calc(100% - var(--bs-modal-margin) * 2); +} + +.modal-dialog-scrollable .modal-content { + max-height: 100%; + overflow: hidden; +} + +.modal-dialog-scrollable .modal-body { + overflow-y: auto; +} + +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - var(--bs-modal-margin) * 2); +} + +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + color: var(--bs-modal-color); + pointer-events: auto; + background-color: var(--bs-modal-bg); + background-clip: padding-box; + border: var(--bs-modal-border-width) solid var(--bs-modal-border-color); + border-radius: var(--bs-modal-border-radius); + outline: 0; +} + +.modal-backdrop { + --bs-backdrop-zindex: 1040; + --bs-backdrop-bg: #000; + --bs-backdrop-opacity: 0.5; + position: fixed; + top: 0; + left: 0; + z-index: var(--bs-backdrop-zindex); + width: 100vw; + height: 100vh; + background-color: var(--bs-backdrop-bg); +} + +.modal-backdrop.fade { + opacity: 0; +} + +.modal-backdrop.show { + opacity: var(--bs-backdrop-opacity); +} + +.modal-header { + display: flex; + flex-shrink: 0; + align-items: center; + justify-content: space-between; + padding: var(--bs-modal-header-padding); + border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color); + border-top-left-radius: var(--bs-modal-inner-border-radius); + border-top-right-radius: var(--bs-modal-inner-border-radius); +} + +.modal-header .btn-close { + padding: calc(var(--bs-modal-header-padding-y) * .5) calc(var(--bs-modal-header-padding-x) * .5); + margin: calc(-.5 * var(--bs-modal-header-padding-y)) calc(-.5 * var(--bs-modal-header-padding-x)) calc(-.5 * var(--bs-modal-header-padding-y)) auto; +} + +.modal-title { + margin-bottom: 0; + line-height: var(--bs-modal-title-line-height); +} + +.modal-body { + position: relative; + flex: 1 1 auto; + padding: var(--bs-modal-padding); +} + +.modal-footer { + display: flex; + flex-shrink: 0; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * .5); + background-color: var(--bs-modal-footer-bg); + border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color); + border-bottom-right-radius: var(--bs-modal-inner-border-radius); + border-bottom-left-radius: var(--bs-modal-inner-border-radius); +} + +.modal-footer>* { + margin: calc(var(--bs-modal-footer-gap) * .5); +} + +@media (min-width: 576px) { + .modal { + --bs-modal-margin: 1.75rem; + --bs-modal-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + } + + .modal-dialog { + max-width: var(--bs-modal-width); + margin-right: auto; + margin-left: auto; + } + + .modal-sm { + --bs-modal-width: 300px; + } +} + +@media (min-width: 992px) { + + .modal-lg, + .modal-xl { + --bs-modal-width: 800px; + } +} + +@media (min-width: 1200px) { + .modal-xl { + --bs-modal-width: 1140px; + } +} + +.modal-fullscreen { + width: 100vw; + max-width: none; + height: 100%; + margin: 0; +} + +.modal-fullscreen .modal-content { + height: 100%; + border: 0; + border-radius: 0; +} + +.modal-fullscreen .modal-header, +.modal-fullscreen .modal-footer { + border-radius: 0; +} + +.modal-fullscreen .modal-body { + overflow-y: auto; +} + +@media (max-width: 575.98px) { + .modal-fullscreen-sm-down { + width: 100vw; + max-width: none; + height: 100%; + margin: 0; + } + + .modal-fullscreen-sm-down .modal-content { + height: 100%; + border: 0; + border-radius: 0; + } + + .modal-fullscreen-sm-down .modal-header, + .modal-fullscreen-sm-down .modal-footer { + border-radius: 0; + } + + .modal-fullscreen-sm-down .modal-body { + overflow-y: auto; + } +} + +@media (max-width: 767.98px) { + .modal-fullscreen-md-down { + width: 100vw; + max-width: none; + height: 100%; + margin: 0; + } + + .modal-fullscreen-md-down .modal-content { + height: 100%; + border: 0; + border-radius: 0; + } + + .modal-fullscreen-md-down .modal-header, + .modal-fullscreen-md-down .modal-footer { + border-radius: 0; + } + + .modal-fullscreen-md-down .modal-body { + overflow-y: auto; + } +} + +@media (max-width: 991.98px) { + .modal-fullscreen-lg-down { + width: 100vw; + max-width: none; + height: 100%; + margin: 0; + } + + .modal-fullscreen-lg-down .modal-content { + height: 100%; + border: 0; + border-radius: 0; + } + + .modal-fullscreen-lg-down .modal-header, + .modal-fullscreen-lg-down .modal-footer { + border-radius: 0; + } + + .modal-fullscreen-lg-down .modal-body { + overflow-y: auto; + } +} + +@media (max-width: 1199.98px) { + .modal-fullscreen-xl-down { + width: 100vw; + max-width: none; + height: 100%; + margin: 0; + } + + .modal-fullscreen-xl-down .modal-content { + height: 100%; + border: 0; + border-radius: 0; + } + + .modal-fullscreen-xl-down .modal-header, + .modal-fullscreen-xl-down .modal-footer { + border-radius: 0; + } + + .modal-fullscreen-xl-down .modal-body { + overflow-y: auto; + } +} + +@media (max-width: 1399.98px) { + .modal-fullscreen-xxl-down { + width: 100vw; + max-width: none; + height: 100%; + margin: 0; + } + + .modal-fullscreen-xxl-down .modal-content { + height: 100%; + border: 0; + border-radius: 0; + } + + .modal-fullscreen-xxl-down .modal-header, + .modal-fullscreen-xxl-down .modal-footer { + border-radius: 0; + } + + .modal-fullscreen-xxl-down .modal-body { + overflow-y: auto; + } +} + +.tooltip { + --bs-tooltip-zindex: 1070; + --bs-tooltip-max-width: 200px; + --bs-tooltip-padding-x: 0.5rem; + --bs-tooltip-padding-y: 0.25rem; + --bs-tooltip-margin: 0; + --bs-tooltip-font-size: 0.875rem; + --bs-tooltip-color: #fff; + --bs-tooltip-bg: #000; + --bs-tooltip-border-radius: 0.375rem; + --bs-tooltip-opacity: 0.9; + --bs-tooltip-arrow-width: 0.8rem; + --bs-tooltip-arrow-height: 0.4rem; + z-index: var(--bs-tooltip-zindex); + display: block; + padding: var(--bs-tooltip-arrow-height); + margin: var(--bs-tooltip-margin); + font-family: var(--bs-font-sans-serif); + font-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + white-space: normal; + word-spacing: normal; + line-break: auto; + font-size: var(--bs-tooltip-font-size); + word-wrap: break-word; + opacity: 0; +} + +.tooltip.show { + opacity: var(--bs-tooltip-opacity); +} + +.tooltip .tooltip-arrow { + display: block; + width: var(--bs-tooltip-arrow-width); + height: var(--bs-tooltip-arrow-height); +} + +.tooltip .tooltip-arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-tooltip-top .tooltip-arrow, +.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow { + bottom: 0; +} + +.bs-tooltip-top .tooltip-arrow::before, +.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before { + top: -1px; + border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0; + border-top-color: var(--bs-tooltip-bg); +} + +/* rtl:begin:ignore */ +.bs-tooltip-end .tooltip-arrow, +.bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow { + left: 0; + width: var(--bs-tooltip-arrow-height); + height: var(--bs-tooltip-arrow-width); +} + +.bs-tooltip-end .tooltip-arrow::before, +.bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow::before { + right: -1px; + border-width: calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0; + border-right-color: var(--bs-tooltip-bg); +} + +/* rtl:end:ignore */ +.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 { + bottom: -1px; + border-width: 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height); + border-bottom-color: var(--bs-tooltip-bg); +} + +/* rtl:begin:ignore */ +.bs-tooltip-start .tooltip-arrow, +.bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow { + right: 0; + width: var(--bs-tooltip-arrow-height); + height: var(--bs-tooltip-arrow-width); +} + +.bs-tooltip-start .tooltip-arrow::before, +.bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow::before { + left: -1px; + border-width: calc(var(--bs-tooltip-arrow-width) * .5) 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height); + border-left-color: var(--bs-tooltip-bg); +} + +/* rtl:end:ignore */ +.tooltip-inner { + max-width: var(--bs-tooltip-max-width); + padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x); + color: var(--bs-tooltip-color); + text-align: center; + background-color: var(--bs-tooltip-bg); + border-radius: var(--bs-tooltip-border-radius); +} + +.popover { + --bs-popover-zindex: 1060; + --bs-popover-max-width: 276px; + --bs-popover-font-size: 0.75rem; + --bs-popover-bg: #fff; + --bs-popover-border-width: 0px; + --bs-popover-border-color: rgba(0, 0, 0, 0.2); + --bs-popover-border-radius: 0.5rem; + --bs-popover-inner-border-radius: calc(0.5rem - 0px); + --bs-popover-box-shadow: 0 0.3125rem 0.625rem 0 rgba(0, 0, 0, 0.12); + --bs-popover-header-padding-x: 1rem; + --bs-popover-header-padding-y: 0.5rem; + --bs-popover-header-font-size: 1rem; + --bs-popover-header-color: #344767; + --bs-popover-header-bg: #f0f2f5; + --bs-popover-body-padding-x: 1rem; + --bs-popover-body-padding-y: 1rem; + --bs-popover-body-color: #7b809a; + --bs-popover-arrow-width: 1rem; + --bs-popover-arrow-height: 0.5rem; + --bs-popover-arrow-border: var(--bs-popover-border-color); + z-index: var(--bs-popover-zindex); + display: block; + max-width: var(--bs-popover-max-width); + font-family: var(--bs-font-sans-serif); + font-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + white-space: normal; + word-spacing: normal; + line-break: auto; + font-size: var(--bs-popover-font-size); + word-wrap: break-word; + background-color: var(--bs-popover-bg); + background-clip: padding-box; + border: var(--bs-popover-border-width) solid var(--bs-popover-border-color); + border-radius: var(--bs-popover-border-radius); +} + +.popover .popover-arrow { + display: block; + width: var(--bs-popover-arrow-width); + height: var(--bs-popover-arrow-height); +} + +.popover .popover-arrow::before, +.popover .popover-arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; + border-width: 0; +} + +.bs-popover-top>.popover-arrow, +.bs-popover-auto[data-popper-placement^="top"]>.popover-arrow { + bottom: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width)); +} + +.bs-popover-top>.popover-arrow::before, +.bs-popover-auto[data-popper-placement^="top"]>.popover-arrow::before, +.bs-popover-top>.popover-arrow::after, +.bs-popover-auto[data-popper-placement^="top"]>.popover-arrow::after { + border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0; +} + +.bs-popover-top>.popover-arrow::before, +.bs-popover-auto[data-popper-placement^="top"]>.popover-arrow::before { + bottom: 0; + border-top-color: var(--bs-popover-arrow-border); +} + +.bs-popover-top>.popover-arrow::after, +.bs-popover-auto[data-popper-placement^="top"]>.popover-arrow::after { + bottom: var(--bs-popover-border-width); + border-top-color: var(--bs-popover-bg); +} + +/* rtl:begin:ignore */ +.bs-popover-end>.popover-arrow, +.bs-popover-auto[data-popper-placement^="right"]>.popover-arrow { + left: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width)); + width: var(--bs-popover-arrow-height); + height: var(--bs-popover-arrow-width); +} + +.bs-popover-end>.popover-arrow::before, +.bs-popover-auto[data-popper-placement^="right"]>.popover-arrow::before, +.bs-popover-end>.popover-arrow::after, +.bs-popover-auto[data-popper-placement^="right"]>.popover-arrow::after { + border-width: calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0; +} + +.bs-popover-end>.popover-arrow::before, +.bs-popover-auto[data-popper-placement^="right"]>.popover-arrow::before { + left: 0; + border-right-color: var(--bs-popover-arrow-border); +} + +.bs-popover-end>.popover-arrow::after, +.bs-popover-auto[data-popper-placement^="right"]>.popover-arrow::after { + left: var(--bs-popover-border-width); + border-right-color: var(--bs-popover-bg); +} + +/* rtl:end:ignore */ +.bs-popover-bottom>.popover-arrow, +.bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow { + top: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width)); +} + +.bs-popover-bottom>.popover-arrow::before, +.bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow::before, +.bs-popover-bottom>.popover-arrow::after, +.bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow::after { + border-width: 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height); +} + +.bs-popover-bottom>.popover-arrow::before, +.bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow::before { + top: 0; + border-bottom-color: var(--bs-popover-arrow-border); +} + +.bs-popover-bottom>.popover-arrow::after, +.bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow::after { + top: var(--bs-popover-border-width); + border-bottom-color: var(--bs-popover-bg); +} + +.bs-popover-bottom .popover-header::before, +.bs-popover-auto[data-popper-placement^="bottom"] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: var(--bs-popover-arrow-width); + margin-left: calc(-.5 * var(--bs-popover-arrow-width)); + content: ""; + border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg); +} + +/* rtl:begin:ignore */ +.bs-popover-start>.popover-arrow, +.bs-popover-auto[data-popper-placement^="left"]>.popover-arrow { + right: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width)); + width: var(--bs-popover-arrow-height); + height: var(--bs-popover-arrow-width); +} + +.bs-popover-start>.popover-arrow::before, +.bs-popover-auto[data-popper-placement^="left"]>.popover-arrow::before, +.bs-popover-start>.popover-arrow::after, +.bs-popover-auto[data-popper-placement^="left"]>.popover-arrow::after { + border-width: calc(var(--bs-popover-arrow-width) * .5) 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height); +} + +.bs-popover-start>.popover-arrow::before, +.bs-popover-auto[data-popper-placement^="left"]>.popover-arrow::before { + right: 0; + border-left-color: var(--bs-popover-arrow-border); +} + +.bs-popover-start>.popover-arrow::after, +.bs-popover-auto[data-popper-placement^="left"]>.popover-arrow::after { + right: var(--bs-popover-border-width); + border-left-color: var(--bs-popover-bg); +} + +/* rtl:end:ignore */ +.popover-header { + padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x); + margin-bottom: 0; + font-size: var(--bs-popover-header-font-size); + color: var(--bs-popover-header-color); + background-color: var(--bs-popover-header-bg); + border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color); + border-top-left-radius: var(--bs-popover-inner-border-radius); + border-top-right-radius: var(--bs-popover-inner-border-radius); +} + +.popover-header:empty { + display: none; +} + +.popover-body { + padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x); + color: var(--bs-popover-body-color); +} + +.carousel { + position: relative; +} + +.carousel.pointer-event { + touch-action: pan-y; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} + +.carousel-inner::after { + display: block; + clear: both; + content: ""; +} + +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + backface-visibility: hidden; + transition: transform 0.6s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; + } +} + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; +} + +.carousel-item-next:not(.carousel-item-start), +.active.carousel-item-end { + transform: translateX(100%); +} + +.carousel-item-prev:not(.carousel-item-end), +.active.carousel-item-start { + transform: translateX(-100%); +} + +.carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + transform: none; +} + +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-next.carousel-item-start, +.carousel-fade .carousel-item-prev.carousel-item-end { + z-index: 1; + opacity: 1; +} + +.carousel-fade .active.carousel-item-start, +.carousel-fade .active.carousel-item-end { + z-index: 0; + opacity: 0; + transition: opacity 0s 0.6s; +} + +@media (prefers-reduced-motion: reduce) { + + .carousel-fade .active.carousel-item-start, + .carousel-fade .active.carousel-item-end { + transition: none; + } +} + +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + padding: 0; + color: #fff; + text-align: center; + background: none; + border: 0; + opacity: 0.5; + transition: opacity 0.15s ease; +} + +@media (prefers-reduced-motion: reduce) { + + .carousel-control-prev, + .carousel-control-next { + transition: none; + } +} + +.carousel-control-prev:hover, +.carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: #fff; + text-decoration: none; + outline: 0; + opacity: 0.9; +} + +.carousel-control-prev { + left: 0; +} + +.carousel-control-next { + right: 0; +} + +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 2rem; + height: 2rem; + background-repeat: no-repeat; + background-position: 50%; + background-size: 100% 100%; +} + +/* rtl:options: { + "autoRename": true, + "stringMap":[ { + "name" : "prev-next", + "search" : "prev", + "replace" : "next" + } ] +} */ +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e"); +} + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); +} + +.carousel-indicators { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 2; + display: flex; + justify-content: center; + padding: 0; + margin-right: 15%; + margin-bottom: 1rem; + margin-left: 15%; + list-style: none; +} + +.carousel-indicators [data-bs-target] { + box-sizing: content-box; + flex: 0 1 auto; + width: 30px; + height: 3px; + padding: 0; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #fff; + background-clip: padding-box; + border: 0; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: 0.5; + transition: opacity 0.6s ease; +} + +@media (prefers-reduced-motion: reduce) { + .carousel-indicators [data-bs-target] { + transition: none; + } +} + +.carousel-indicators .active { + opacity: 1; +} + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 1.25rem; + left: 15%; + padding-top: 1.25rem; + padding-bottom: 1.25rem; + color: #fff; + text-align: center; +} + +.carousel-dark .carousel-control-prev-icon, +.carousel-dark .carousel-control-next-icon { + filter: invert(1) grayscale(100); +} + +.carousel-dark .carousel-indicators [data-bs-target] { + background-color: #000; +} + +.carousel-dark .carousel-caption { + color: #000; +} + +.spinner-grow, +.spinner-border { + display: inline-block; + width: var(--bs-spinner-width); + height: var(--bs-spinner-height); + vertical-align: var(--bs-spinner-vertical-align); + border-radius: 50%; + animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name); +} + +@keyframes spinner-border { + to { + transform: rotate(360deg) + /* rtl:ignore */ + ; + } +} + +.spinner-border { + --bs-spinner-width: 2rem; + --bs-spinner-height: 2rem; + --bs-spinner-vertical-align: -0.125em; + --bs-spinner-border-width: 0.25em; + --bs-spinner-animation-speed: 0.75s; + --bs-spinner-animation-name: spinner-border; + border: var(--bs-spinner-border-width) solid currentcolor; + border-right-color: transparent; +} + +.spinner-border-sm { + --bs-spinner-width: 1rem; + --bs-spinner-height: 1rem; + --bs-spinner-border-width: 0.2em; +} + +@keyframes spinner-grow { + 0% { + transform: scale(0); + } + + 50% { + opacity: 1; + transform: none; + } +} + +.spinner-grow { + --bs-spinner-width: 2rem; + --bs-spinner-height: 2rem; + --bs-spinner-vertical-align: -0.125em; + --bs-spinner-animation-speed: 0.75s; + --bs-spinner-animation-name: spinner-grow; + background-color: currentcolor; + opacity: 0; +} + +.spinner-grow-sm { + --bs-spinner-width: 1rem; + --bs-spinner-height: 1rem; +} + +@media (prefers-reduced-motion: reduce) { + + .spinner-border, + .spinner-grow { + --bs-spinner-animation-speed: 1.5s; + } +} + +.offcanvas-sm, +.offcanvas-md, +.offcanvas-lg, +.offcanvas-xl, +.offcanvas-xxl, +.offcanvas { + --bs-offcanvas-zindex: 1045; + --bs-offcanvas-width: 400px; + --bs-offcanvas-height: 30vh; + --bs-offcanvas-padding-x: 1rem; + --bs-offcanvas-padding-y: 1rem; + --bs-offcanvas-color: ; + --bs-offcanvas-bg: #fff; + --bs-offcanvas-border-width: 1px; + --bs-offcanvas-border-color: rgba(0, 0, 0, 0.2); + --bs-offcanvas-box-shadow: 0 0.3125rem 0.625rem 0 rgba(0, 0, 0, 0.12); +} + +@media (max-width: 575.98px) { + .offcanvas-sm { + position: fixed; + bottom: 0; + z-index: var(--bs-offcanvas-zindex); + display: flex; + flex-direction: column; + max-width: 100%; + color: var(--bs-offcanvas-color); + visibility: hidden; + background-color: var(--bs-offcanvas-bg); + background-clip: padding-box; + outline: 0; + transition: transform 0.3s ease-in-out; + } +} + +@media (max-width: 575.98px) and (prefers-reduced-motion: reduce) { + .offcanvas-sm { + transition: none; + } +} + +@media (max-width: 575.98px) { + .offcanvas-sm.offcanvas-start { + top: 0; + left: 0; + width: var(--bs-offcanvas-width); + border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateX(-100%); + } + + .offcanvas-sm.offcanvas-end { + top: 0; + right: 0; + width: var(--bs-offcanvas-width); + border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateX(100%); + } + + .offcanvas-sm.offcanvas-top { + top: 0; + right: 0; + left: 0; + height: var(--bs-offcanvas-height); + max-height: 100%; + border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateY(-100%); + } + + .offcanvas-sm.offcanvas-bottom { + right: 0; + left: 0; + height: var(--bs-offcanvas-height); + max-height: 100%; + border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateY(100%); + } + + .offcanvas-sm.showing, + .offcanvas-sm.show:not(.hiding) { + transform: none; + } + + .offcanvas-sm.showing, + .offcanvas-sm.hiding, + .offcanvas-sm.show { + visibility: visible; + } +} + +@media (min-width: 576px) { + .offcanvas-sm { + --bs-offcanvas-height: auto; + --bs-offcanvas-border-width: 0; + background-color: transparent !important; + } + + .offcanvas-sm .offcanvas-header { + display: none; + } + + .offcanvas-sm .offcanvas-body { + display: flex; + flex-grow: 0; + padding: 0; + overflow-y: visible; + background-color: transparent !important; + } +} + +@media (max-width: 767.98px) { + .offcanvas-md { + position: fixed; + bottom: 0; + z-index: var(--bs-offcanvas-zindex); + display: flex; + flex-direction: column; + max-width: 100%; + color: var(--bs-offcanvas-color); + visibility: hidden; + background-color: var(--bs-offcanvas-bg); + background-clip: padding-box; + outline: 0; + transition: transform 0.3s ease-in-out; + } +} + +@media (max-width: 767.98px) and (prefers-reduced-motion: reduce) { + .offcanvas-md { + transition: none; + } +} + +@media (max-width: 767.98px) { + .offcanvas-md.offcanvas-start { + top: 0; + left: 0; + width: var(--bs-offcanvas-width); + border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateX(-100%); + } + + .offcanvas-md.offcanvas-end { + top: 0; + right: 0; + width: var(--bs-offcanvas-width); + border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateX(100%); + } + + .offcanvas-md.offcanvas-top { + top: 0; + right: 0; + left: 0; + height: var(--bs-offcanvas-height); + max-height: 100%; + border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateY(-100%); + } + + .offcanvas-md.offcanvas-bottom { + right: 0; + left: 0; + height: var(--bs-offcanvas-height); + max-height: 100%; + border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateY(100%); + } + + .offcanvas-md.showing, + .offcanvas-md.show:not(.hiding) { + transform: none; + } + + .offcanvas-md.showing, + .offcanvas-md.hiding, + .offcanvas-md.show { + visibility: visible; + } +} + +@media (min-width: 768px) { + .offcanvas-md { + --bs-offcanvas-height: auto; + --bs-offcanvas-border-width: 0; + background-color: transparent !important; + } + + .offcanvas-md .offcanvas-header { + display: none; + } + + .offcanvas-md .offcanvas-body { + display: flex; + flex-grow: 0; + padding: 0; + overflow-y: visible; + background-color: transparent !important; + } +} + +@media (max-width: 991.98px) { + .offcanvas-lg { + position: fixed; + bottom: 0; + z-index: var(--bs-offcanvas-zindex); + display: flex; + flex-direction: column; + max-width: 100%; + color: var(--bs-offcanvas-color); + visibility: hidden; + background-color: var(--bs-offcanvas-bg); + background-clip: padding-box; + outline: 0; + transition: transform 0.3s ease-in-out; + } +} + +@media (max-width: 991.98px) and (prefers-reduced-motion: reduce) { + .offcanvas-lg { + transition: none; + } +} + +@media (max-width: 991.98px) { + .offcanvas-lg.offcanvas-start { + top: 0; + left: 0; + width: var(--bs-offcanvas-width); + border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateX(-100%); + } + + .offcanvas-lg.offcanvas-end { + top: 0; + right: 0; + width: var(--bs-offcanvas-width); + border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateX(100%); + } + + .offcanvas-lg.offcanvas-top { + top: 0; + right: 0; + left: 0; + height: var(--bs-offcanvas-height); + max-height: 100%; + border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateY(-100%); + } + + .offcanvas-lg.offcanvas-bottom { + right: 0; + left: 0; + height: var(--bs-offcanvas-height); + max-height: 100%; + border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateY(100%); + } + + .offcanvas-lg.showing, + .offcanvas-lg.show:not(.hiding) { + transform: none; + } + + .offcanvas-lg.showing, + .offcanvas-lg.hiding, + .offcanvas-lg.show { + visibility: visible; + } +} + +@media (min-width: 992px) { + .offcanvas-lg { + --bs-offcanvas-height: auto; + --bs-offcanvas-border-width: 0; + background-color: transparent !important; + } + + .offcanvas-lg .offcanvas-header { + display: none; + } + + .offcanvas-lg .offcanvas-body { + display: flex; + flex-grow: 0; + padding: 0; + overflow-y: visible; + background-color: transparent !important; + } +} + +@media (max-width: 1199.98px) { + .offcanvas-xl { + position: fixed; + bottom: 0; + z-index: var(--bs-offcanvas-zindex); + display: flex; + flex-direction: column; + max-width: 100%; + color: var(--bs-offcanvas-color); + visibility: hidden; + background-color: var(--bs-offcanvas-bg); + background-clip: padding-box; + outline: 0; + transition: transform 0.3s ease-in-out; + } +} + +@media (max-width: 1199.98px) and (prefers-reduced-motion: reduce) { + .offcanvas-xl { + transition: none; + } +} + +@media (max-width: 1199.98px) { + .offcanvas-xl.offcanvas-start { + top: 0; + left: 0; + width: var(--bs-offcanvas-width); + border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateX(-100%); + } + + .offcanvas-xl.offcanvas-end { + top: 0; + right: 0; + width: var(--bs-offcanvas-width); + border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateX(100%); + } + + .offcanvas-xl.offcanvas-top { + top: 0; + right: 0; + left: 0; + height: var(--bs-offcanvas-height); + max-height: 100%; + border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateY(-100%); + } + + .offcanvas-xl.offcanvas-bottom { + right: 0; + left: 0; + height: var(--bs-offcanvas-height); + max-height: 100%; + border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateY(100%); + } + + .offcanvas-xl.showing, + .offcanvas-xl.show:not(.hiding) { + transform: none; + } + + .offcanvas-xl.showing, + .offcanvas-xl.hiding, + .offcanvas-xl.show { + visibility: visible; + } +} + +@media (min-width: 1200px) { + .offcanvas-xl { + --bs-offcanvas-height: auto; + --bs-offcanvas-border-width: 0; + background-color: transparent !important; + } + + .offcanvas-xl .offcanvas-header { + display: none; + } + + .offcanvas-xl .offcanvas-body { + display: flex; + flex-grow: 0; + padding: 0; + overflow-y: visible; + background-color: transparent !important; + } +} + +@media (max-width: 1399.98px) { + .offcanvas-xxl { + position: fixed; + bottom: 0; + z-index: var(--bs-offcanvas-zindex); + display: flex; + flex-direction: column; + max-width: 100%; + color: var(--bs-offcanvas-color); + visibility: hidden; + background-color: var(--bs-offcanvas-bg); + background-clip: padding-box; + outline: 0; + transition: transform 0.3s ease-in-out; + } +} + +@media (max-width: 1399.98px) and (prefers-reduced-motion: reduce) { + .offcanvas-xxl { + transition: none; + } +} + +@media (max-width: 1399.98px) { + .offcanvas-xxl.offcanvas-start { + top: 0; + left: 0; + width: var(--bs-offcanvas-width); + border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateX(-100%); + } + + .offcanvas-xxl.offcanvas-end { + top: 0; + right: 0; + width: var(--bs-offcanvas-width); + border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateX(100%); + } + + .offcanvas-xxl.offcanvas-top { + top: 0; + right: 0; + left: 0; + height: var(--bs-offcanvas-height); + max-height: 100%; + border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateY(-100%); + } + + .offcanvas-xxl.offcanvas-bottom { + right: 0; + left: 0; + height: var(--bs-offcanvas-height); + max-height: 100%; + border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateY(100%); + } + + .offcanvas-xxl.showing, + .offcanvas-xxl.show:not(.hiding) { + transform: none; + } + + .offcanvas-xxl.showing, + .offcanvas-xxl.hiding, + .offcanvas-xxl.show { + visibility: visible; + } +} + +@media (min-width: 1400px) { + .offcanvas-xxl { + --bs-offcanvas-height: auto; + --bs-offcanvas-border-width: 0; + background-color: transparent !important; + } + + .offcanvas-xxl .offcanvas-header { + display: none; + } + + .offcanvas-xxl .offcanvas-body { + display: flex; + flex-grow: 0; + padding: 0; + overflow-y: visible; + background-color: transparent !important; + } +} + +.offcanvas { + position: fixed; + bottom: 0; + z-index: var(--bs-offcanvas-zindex); + display: flex; + flex-direction: column; + max-width: 100%; + color: var(--bs-offcanvas-color); + visibility: hidden; + background-color: var(--bs-offcanvas-bg); + background-clip: padding-box; + outline: 0; + transition: transform 0.3s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .offcanvas { + transition: none; + } +} + +.offcanvas.offcanvas-start { + top: 0; + left: 0; + width: var(--bs-offcanvas-width); + border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateX(-100%); +} + +.offcanvas.offcanvas-end { + top: 0; + right: 0; + width: var(--bs-offcanvas-width); + border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateX(100%); +} + +.offcanvas.offcanvas-top { + top: 0; + right: 0; + left: 0; + height: var(--bs-offcanvas-height); + max-height: 100%; + border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateY(-100%); +} + +.offcanvas.offcanvas-bottom { + right: 0; + left: 0; + height: var(--bs-offcanvas-height); + max-height: 100%; + border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateY(100%); +} + +.offcanvas.showing, +.offcanvas.show:not(.hiding) { + transform: none; +} + +.offcanvas.showing, +.offcanvas.hiding, +.offcanvas.show { + visibility: visible; +} + +.offcanvas-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #000; +} + +.offcanvas-backdrop.fade { + opacity: 0; +} + +.offcanvas-backdrop.show { + opacity: 0.5; +} + +.offcanvas-header { + display: flex; + align-items: center; + justify-content: space-between; + padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x); +} + +.offcanvas-header .btn-close { + padding: calc(var(--bs-offcanvas-padding-y) * .5) calc(var(--bs-offcanvas-padding-x) * .5); + margin-top: calc(-.5 * var(--bs-offcanvas-padding-y)); + margin-right: calc(-.5 * var(--bs-offcanvas-padding-x)); + margin-bottom: calc(-.5 * var(--bs-offcanvas-padding-y)); +} + +.offcanvas-title { + margin-bottom: 0; + line-height: 1.5; +} + +.offcanvas-body { + flex-grow: 1; + padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x); + overflow-y: auto; +} + +.placeholder { + display: inline-block; + min-height: 1em; + vertical-align: middle; + cursor: wait; + background-color: currentcolor; + opacity: 0.5; +} + +.placeholder.btn::before { + display: inline-block; + content: ""; +} + +.placeholder-xs { + min-height: .6em; +} + +.placeholder-sm { + min-height: .8em; +} + +.placeholder-lg { + min-height: 1.2em; +} + +.placeholder-glow .placeholder { + animation: placeholder-glow 2s ease-in-out infinite; +} + +@keyframes placeholder-glow { + 50% { + opacity: 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; +} + +@keyframes placeholder-wave { + 100% { + mask-position: -200% 0%; + } +} + +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.text-bg-primary { + color: #000 !important; + background-color: RGBA(233, 30, 99, var(--bs-bg-opacity, 1)) !important; +} + +.text-bg-secondary { + color: #000 !important; + background-color: RGBA(, 128, 154, var(--bs-bg-opacity, 1)) !important; +} + +.text-bg-success { + color: #000 !important; + background-color: RGBA(76, 175, 80, var(--bs-bg-opacity, 1)) !important; +} + +.text-bg-info { + color: #fff !important; + background-color: RGBA(26, 115, 232, var(--bs-bg-opacity, 1)) !important; +} + +.text-bg-warning { + color: #000 !important; + background-color: RGBA(251, 140, 0, var(--bs-bg-opacity, 1)) !important; +} + +.text-bg-danger { + color: #000 !important; + background-color: RGBA(244, 67, 53, var(--bs-bg-opacity, 1)) !important; +} + +.text-bg-light { + color: #000 !important; + background-color: RGBA(240, 242, 245, var(--bs-bg-opacity, 1)) !important; +} + +.text-bg-dark { + color: #fff !important; + background-color: RGBA(52, 71, 103, var(--bs-bg-opacity, 1)) !important; +} + +.text-bg-white { + color: #000 !important; + background-color: RGBA(255, 255, 255, var(--bs-bg-opacity, 1)) !important; +} + +.text-bg-dark-blue { + color: #fff !important; + background-color: RGBA(26, 35, 126, var(--bs-bg-opacity, 1)) !important; +} + +.link-primary { + color: #e91e63 !important; +} + +.link-primary:hover, +.link-primary:focus { + color: #ed4b82 !important; +} + +.link-secondary { + color: #7b809a !important; +} + +.link-secondary:hover, +.link-secondary:focus { + color: #9599ae !important; +} + +.link-success { + color: #4CAF50 !important; +} + +.link-success:hover, +.link-success:focus { + color: #70bf73 !important; +} + +.link-info { + color: #1A73E8 !important; +} + +.link-info:hover, +.link-info:focus { + color: #155cba !important; +} + +.link-warning { + color: #fb8c00 !important; +} + +.link-warning:hover, +.link-warning:focus { + color: #fca333 !important; +} + +.link-danger { + color: #F44335 !important; +} + +.link-danger:hover, +.link-danger:focus { + color: #f6695d !important; +} + +.link-light { + color: #f0f2f5 !important; +} + +.link-light:hover, +.link-light:focus { + color: #f3f5f7 !important; +} + +.link-dark { + color: #344767 !important; +} + +.link-dark:hover, +.link-dark:focus { + color: #2a3952 !important; +} + +.link-white { + color: #fff !important; +} + +.link-white:hover, +.link-white:focus { + color: white !important; +} + +.link-dark-blue { + color: #1A237E !important; +} + +.link-dark-blue:hover, +.link-dark-blue:focus { + color: #151c65 !important; +} + +.ratio { + position: relative; + width: 100%; +} + +.ratio::before { + display: block; + padding-top: var(--bs-aspect-ratio); + content: ""; +} + +.ratio>* { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; +} + +.ratio-1x1 { + --bs-aspect-ratio: 100%; +} + +.ratio-4x3 { + --bs-aspect-ratio: calc(3 / 4 * 100%); +} + +.ratio-16x9 { + --bs-aspect-ratio: calc(9 / 16 * 100%); +} + +.ratio-21x9 { + --bs-aspect-ratio: calc(9 / 21 * 100%); +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +.sticky-top { + position: sticky; + top: 0; + z-index: 1020; +} + +.sticky-bottom { + position: sticky; + bottom: 0; + z-index: 1020; +} + +@media (min-width: 576px) { + .sticky-sm-top { + position: sticky; + top: 0; + z-index: 1020; + } + + .sticky-sm-bottom { + position: sticky; + bottom: 0; + z-index: 1020; + } +} + +@media (min-width: 768px) { + .sticky-md-top { + position: sticky; + top: 0; + z-index: 1020; + } + + .sticky-md-bottom { + position: sticky; + bottom: 0; + z-index: 1020; + } +} + +@media (min-width: 992px) { + .sticky-lg-top { + position: sticky; + top: 0; + z-index: 1020; + } + + .sticky-lg-bottom { + position: sticky; + bottom: 0; + z-index: 1020; + } +} + +@media (min-width: 1200px) { + .sticky-xl-top { + position: sticky; + top: 0; + z-index: 1020; + } + + .sticky-xl-bottom { + position: sticky; + bottom: 0; + z-index: 1020; + } +} + +@media (min-width: 1400px) { + .sticky-xxl-top { + position: sticky; + top: 0; + z-index: 1020; + } + + .sticky-xxl-bottom { + position: sticky; + bottom: 0; + z-index: 1020; + } +} + +.hstack { + display: flex; + flex-direction: row; + align-items: center; + align-self: stretch; +} + +.vstack { + display: flex; + flex: 1 1 auto; + flex-direction: column; + align-self: stretch; +} + +.visually-hidden, +.visually-hidden-focusable:not(:focus):not(:focus-within) { + position: absolute !important; + width: 1px !important; + height: 1px !important; + padding: 0 !important; + margin: -1px !important; + overflow: hidden !important; + clip: rect(0, 0, 0, 0) !important; + white-space: nowrap !important; + border: 0 !important; +} + +.stretched-link::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1; + content: ""; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.vr { + display: inline-block; + align-self: stretch; + width: 1px; + min-height: 1em; + background-color: currentcolor; + opacity: 0.25; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.float-start { + float: left !important; +} + +.float-end { + float: right !important; +} + +.float-none { + float: none !important; +} + +.opacity-0 { + opacity: 0 !important; +} + +.opacity-1 { + opacity: 0.1 !important; +} + +.opacity-2 { + opacity: 0.2 !important; +} + +.opacity-3 { + opacity: 0.3 !important; +} + +.opacity-4 { + opacity: 0.4 !important; +} + +.opacity-5 { + opacity: 0.5 !important; +} + +.opacity-6 { + opacity: 0.6 !important; +} + +.opacity-7 { + opacity: 0.7 !important; +} + +.opacity-8 { + opacity: 0.8 !important; +} + +.opacity-9 { + opacity: 0.9 !important; +} + +.opacity-10 { + opacity: 1 !important; +} + +.overflow-auto { + overflow: auto !important; +} + +.overflow-hidden { + overflow: hidden !important; +} + +.overflow-visible { + overflow: visible !important; +} + +.overflow-scroll { + overflow: scroll !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-grid { + display: grid !important; +} + +.d-table { + display: table !important; +} + +.d-table-row { + display: table-row !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: flex !important; +} + +.d-inline-flex { + display: inline-flex !important; +} + +.d-none { + display: none !important; +} + +.shadow { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important; +} + +.shadow-sm { + box-shadow: 0 0.3125rem 0.625rem 0 rgba(0, 0, 0, 0.12) !important; +} + +.shadow-lg { + box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important; +} + +.shadow-xl { + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: sticky !important; +} + +.top-0 { + top: 0 !important; +} + +.top-1 { + top: 1% !important; +} + +.top-2 { + top: 2% !important; +} + +.top-3 { + top: 3% !important; +} + +.top-4 { + top: 4% !important; +} + +.top-5 { + top: 5% !important; +} + +.top-6 { + top: 6% !important; +} + +.top-7 { + top: 7% !important; +} + +.top-8 { + top: 8% !important; +} + +.top-9 { + top: 9% !important; +} + +.top-10 { + top: 10% !important; +} + +.top-50 { + top: 50% !important; +} + +.top-100 { + top: 100% !important; +} + +.bottom-0 { + bottom: 0 !important; +} + +.bottom-1 { + bottom: 1% !important; +} + +.bottom-2 { + bottom: 2% !important; +} + +.bottom-3 { + bottom: 3% !important; +} + +.bottom-4 { + bottom: 4% !important; +} + +.bottom-5 { + bottom: 5% !important; +} + +.bottom-6 { + bottom: 6% !important; +} + +.bottom-7 { + bottom: 7% !important; +} + +.bottom-8 { + bottom: 8% !important; +} + +.bottom-9 { + bottom: 9% !important; +} + +.bottom-10 { + bottom: 10% !important; +} + +.bottom-50 { + bottom: 50% !important; +} + +.bottom-100 { + bottom: 100% !important; +} + +.start-0 { + left: 0 !important; +} + +.start-1 { + left: 1% !important; +} + +.start-2 { + left: 2% !important; +} + +.start-3 { + left: 3% !important; +} + +.start-4 { + left: 4% !important; +} + +.start-5 { + left: 5% !important; +} + +.start-6 { + left: 6% !important; +} + +.start-7 { + left: 7% !important; +} + +.start-8 { + left: 8% !important; +} + +.start-9 { + left: 9% !important; +} + +.start-10 { + left: 10% !important; +} + +.start-50 { + left: 50% !important; +} + +.start-100 { + left: 100% !important; +} + +.end-0 { + right: 0 !important; +} + +.end-1 { + right: 1% !important; +} + +.end-2 { + right: 2% !important; +} + +.end-3 { + right: 3% !important; +} + +.end-4 { + right: 4% !important; +} + +.end-5 { + right: 5% !important; +} + +.end-6 { + right: 6% !important; +} + +.end-7 { + right: 7% !important; +} + +.end-8 { + right: 8% !important; +} + +.end-9 { + right: 9% !important; +} + +.end-10 { + right: 10% !important; +} + +.end-50 { + right: 50% !important; +} + +.end-100 { + right: 100% !important; +} + +.translate-middle { + transform: translate(-50%, -50%) !important; +} + +.translate-middle-x { + transform: translateX(-50%) !important; +} + +.translate-middle-y { + transform: translateY(-50%) !important; +} + +.border { + border: 1px solid #dee2e6 !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top { + border-top: 1px solid #dee2e6 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-end { + border-right: 1px solid #dee2e6 !important; +} + +.border-end-0 { + border-right: 0 !important; +} + +.border-bottom { + border-bottom: 1px solid #dee2e6 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-start { + border-left: 1px solid #dee2e6 !important; +} + +.border-start-0 { + border-left: 0 !important; +} + +.border-primary { + border-color: #e91e63 !important; +} + +.border-secondary { + border-color: #7b809a !important; +} + +.border-success { + border-color: #4CAF50 !important; +} + +.border-info { + border-color: #1A73E8 !important; +} + +.border-warning { + border-color: #fb8c00 !important; +} + +.border-danger { + border-color: #F44335 !important; +} + +.border-light { + border-color: #f0f2f5 !important; +} + +.border-dark { + border-color: #344767 !important; +} + +.border-white { + border-color: #fff !important; +} + +.border-dark-blue { + border-color: #1A237E !important; +} + +.border-0 { + border-width: 0 !important; +} + +.border-1 { + border-width: 1px !important; +} + +.border-2 { + border-width: 2px !important; +} + +.border-3 { + border-width: 3px !important; +} + +.border-4 { + border-width: 4px !important; +} + +.border-5 { + border-width: 5px !important; +} + +.border-opacity-10 { + --bs-border-opacity: 0.1; +} + +.border-opacity-25 { + --bs-border-opacity: 0.25; +} + +.border-opacity-50 { + --bs-border-opacity: 0.5; +} + +.border-opacity-75 { + --bs-border-opacity: 0.75; +} + +.border-opacity-100 { + --bs-border-opacity: 1; +} + +.w-0 { + width: 0% !important; +} + +.w-1 { + width: 1% !important; +} + +.w-2 { + width: 2% !important; +} + +.w-3 { + width: 3% !important; +} + +.w-4 { + width: 4% !important; +} + +.w-5 { + width: 5% !important; +} + +.w-6 { + width: 6% !important; +} + +.w-7 { + width: 7% !important; +} + +.w-8 { + width: 8% !important; +} + +.w-9 { + width: 9% !important; +} + +.w-10 { + width: 10% !important; +} + +.w-15 { + width: 15% !important; +} + +.w-20 { + width: 20% !important; +} + +.w-25 { + width: 25% !important; +} + +.w-30 { + width: 30% !important; +} + +.w-35 { + width: 35% !important; +} + +.w-40 { + width: 40% !important; +} + +.w-45 { + width: 45% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-55 { + width: 55% !important; +} + +.w-60 { + width: 60% !important; +} + +.w-65 { + width: 65% !important; +} + +.w-70 { + width: 70% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-80 { + width: 80% !important; +} + +.w-85 { + width: 85% !important; +} + +.w-90 { + width: 90% !important; +} + +.w-95 { + width: 95% !important; +} + +.w-100 { + width: 100% !important; +} + +.w-auto { + width: auto !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.vw-100 { + width: 100vw !important; +} + +.min-vw-100 { + min-width: 100vw !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.h-auto { + height: auto !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.vh-100 { + height: 100vh !important; +} + +.min-vh-25 { + min-height: 25vh !important; +} + +.min-vh-35 { + min-height: 35vh !important; +} + +.min-vh-45 { + min-height: 45vh !important; +} + +.min-vh-50 { + min-height: 50vh !important; +} + +.min-vh-55 { + min-height: 55vh !important; +} + +.min-vh-65 { + min-height: 65vh !important; +} + +.min-vh-70 { + min-height: 70vh !important; +} + +.min-vh-75 { + min-height: 75vh !important; +} + +.min-vh-80 { + min-height: 80vh !important; +} + +.min-vh-85 { + min-height: 85vh !important; +} + +.min-vh-90 { + min-height: 90vh !important; +} + +.min-vh-95 { + min-height: 95vh !important; +} + +.min-vh-100 { + min-height: 100vh !important; +} + +.flex-fill { + flex: 1 1 auto !important; +} + +.flex-row { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-grow-0 { + flex-grow: 0 !important; +} + +.flex-grow-1 { + flex-grow: 1 !important; +} + +.flex-shrink-0 { + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + flex-shrink: 1 !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.justify-content-start { + justify-content: flex-start !important; +} + +.justify-content-end { + justify-content: flex-end !important; +} + +.justify-content-center { + justify-content: center !important; +} + +.justify-content-between { + justify-content: space-between !important; +} + +.justify-content-around { + justify-content: space-around !important; +} + +.justify-content-evenly { + justify-content: space-evenly !important; +} + +.align-items-start { + align-items: flex-start !important; +} + +.align-items-end { + align-items: flex-end !important; +} + +.align-items-center { + align-items: center !important; +} + +.align-items-baseline { + align-items: baseline !important; +} + +.align-items-stretch { + align-items: stretch !important; +} + +.align-content-start { + align-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +.order-first { + order: -1 !important; +} + +.order-0 { + order: 0 !important; +} + +.order-1 { + order: 1 !important; +} + +.order-2 { + order: 2 !important; +} + +.order-3 { + order: 3 !important; +} + +.order-4 { + order: 4 !important; +} + +.order-5 { + order: 5 !important; +} + +.order-last { + order: 6 !important; +} + +.m-0 { + margin: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.m-6 { + margin: 4rem !important; +} + +.m-7 { + margin: 6rem !important; +} + +.m-8 { + margin: 8rem !important; +} + +.m-9 { + margin: 10rem !important; +} + +.m-10 { + margin: 12rem !important; +} + +.m-11 { + margin: 14rem !important; +} + +.m-12 { + margin: 16rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mx-0 { + margin-right: 0 !important; + margin-left: 0 !important; +} + +.mx-1 { + margin-right: 0.25rem !important; + margin-left: 0.25rem !important; +} + +.mx-2 { + margin-right: 0.5rem !important; + margin-left: 0.5rem !important; +} + +.mx-3 { + margin-right: 1rem !important; + margin-left: 1rem !important; +} + +.mx-4 { + margin-right: 1.5rem !important; + margin-left: 1.5rem !important; +} + +.mx-5 { + margin-right: 3rem !important; + margin-left: 3rem !important; +} + +.mx-6 { + margin-right: 4rem !important; + margin-left: 4rem !important; +} + +.mx-7 { + margin-right: 6rem !important; + margin-left: 6rem !important; +} + +.mx-8 { + margin-right: 8rem !important; + margin-left: 8rem !important; +} + +.mx-9 { + margin-right: 10rem !important; + margin-left: 10rem !important; +} + +.mx-10 { + margin-right: 12rem !important; + margin-left: 12rem !important; +} + +.mx-11 { + margin-right: 14rem !important; + margin-left: 14rem !important; +} + +.mx-12 { + margin-right: 16rem !important; + margin-left: 16rem !important; +} + +.mx-auto { + margin-right: auto !important; + margin-left: auto !important; +} + +.my-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; +} + +.my-1 { + margin-top: 0.25rem !important; + margin-bottom: 0.25rem !important; +} + +.my-2 { + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; +} + +.my-3 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; +} + +.my-4 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; +} + +.my-5 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; +} + +.my-6 { + margin-top: 4rem !important; + margin-bottom: 4rem !important; +} + +.my-7 { + margin-top: 6rem !important; + margin-bottom: 6rem !important; +} + +.my-8 { + margin-top: 8rem !important; + margin-bottom: 8rem !important; +} + +.my-9 { + margin-top: 10rem !important; + margin-bottom: 10rem !important; +} + +.my-10 { + margin-top: 12rem !important; + margin-bottom: 12rem !important; +} + +.my-11 { + margin-top: 14rem !important; + margin-bottom: 14rem !important; +} + +.my-12 { + margin-top: 16rem !important; + margin-bottom: 16rem !important; +} + +.my-auto { + margin-top: auto !important; + margin-bottom: auto !important; +} + +.mt-0 { + margin-top: 0 !important; +} + +.mt-1 { + margin-top: 0.25rem !important; +} + +.mt-2 { + margin-top: 0.5rem !important; +} + +.mt-3 { + margin-top: 1rem !important; +} + +.mt-4 { + margin-top: 1.5rem !important; +} + +.mt-5 { + margin-top: 3rem !important; +} + +.mt-6 { + margin-top: 4rem !important; +} + +.mt-7 { + margin-top: 6rem !important; +} + +.mt-8 { + margin-top: 8rem !important; +} + +.mt-9 { + margin-top: 10rem !important; +} + +.mt-10 { + margin-top: 12rem !important; +} + +.mt-11 { + margin-top: 14rem !important; +} + +.mt-12 { + margin-top: 16rem !important; +} + +.mt-auto { + margin-top: auto !important; +} + +.me-0 { + margin-right: 0 !important; +} + +.me-1 { + margin-right: 0.25rem !important; +} + +.me-2 { + margin-right: 0.5rem !important; +} + +.me-3 { + margin-right: 1rem !important; +} + +.me-4 { + margin-right: 1.5rem !important; +} + +.me-5 { + margin-right: 3rem !important; +} + +.me-6 { + margin-right: 4rem !important; +} + +.me-7 { + margin-right: 6rem !important; +} + +.me-8 { + margin-right: 8rem !important; +} + +.me-9 { + margin-right: 10rem !important; +} + +.me-10 { + margin-right: 12rem !important; +} + +.me-11 { + margin-right: 14rem !important; +} + +.me-12 { + margin-right: 16rem !important; +} + +.me-auto { + margin-right: auto !important; +} + +.mb-0 { + margin-bottom: 0 !important; +} + +.mb-1 { + margin-bottom: 0.25rem !important; +} + +.mb-2 { + margin-bottom: 0.5rem !important; +} + +.mb-3 { + margin-bottom: 1rem !important; +} + +.mb-4 { + margin-bottom: 1.5rem !important; +} + +.mb-5 { + margin-bottom: 3rem !important; +} + +.mb-6 { + margin-bottom: 4rem !important; +} + +.mb-7 { + margin-bottom: 6rem !important; +} + +.mb-8 { + margin-bottom: 8rem !important; +} + +.mb-9 { + margin-bottom: 10rem !important; +} + +.mb-10 { + margin-bottom: 12rem !important; +} + +.mb-11 { + margin-bottom: 14rem !important; +} + +.mb-12 { + margin-bottom: 16rem !important; +} + +.mb-auto { + margin-bottom: auto !important; +} + +.ms-0 { + margin-left: 0 !important; +} + +.ms-1 { + margin-left: 0.25rem !important; +} + +.ms-2 { + margin-left: 0.5rem !important; +} + +.ms-3 { + margin-left: 1rem !important; +} + +.ms-4 { + margin-left: 1.5rem !important; +} + +.ms-5 { + margin-left: 3rem !important; +} + +.ms-6 { + margin-left: 4rem !important; +} + +.ms-7 { + margin-left: 6rem !important; +} + +.ms-8 { + margin-left: 8rem !important; +} + +.ms-9 { + margin-left: 10rem !important; +} + +.ms-10 { + margin-left: 12rem !important; +} + +.ms-11 { + margin-left: 14rem !important; +} + +.ms-12 { + margin-left: 16rem !important; +} + +.ms-auto { + margin-left: auto !important; +} + +.m-n1 { + margin: -0.25rem !important; +} + +.m-n2 { + margin: -0.5rem !important; +} + +.m-n3 { + margin: -1rem !important; +} + +.m-n4 { + margin: -1.5rem !important; +} + +.m-n5 { + margin: -3rem !important; +} + +.m-n6 { + margin: -4rem !important; +} + +.m-n7 { + margin: -6rem !important; +} + +.m-n8 { + margin: -8rem !important; +} + +.m-n9 { + margin: -10rem !important; +} + +.m-n10 { + margin: -12rem !important; +} + +.m-n11 { + margin: -14rem !important; +} + +.m-n12 { + margin: -16rem !important; +} + +.mx-n1 { + margin-right: -0.25rem !important; + margin-left: -0.25rem !important; +} + +.mx-n2 { + margin-right: -0.5rem !important; + margin-left: -0.5rem !important; +} + +.mx-n3 { + margin-right: -1rem !important; + margin-left: -1rem !important; +} + +.mx-n4 { + margin-right: -1.5rem !important; + margin-left: -1.5rem !important; +} + +.mx-n5 { + margin-right: -3rem !important; + margin-left: -3rem !important; +} + +.mx-n6 { + margin-right: -4rem !important; + margin-left: -4rem !important; +} + +.mx-n7 { + margin-right: -6rem !important; + margin-left: -6rem !important; +} + +.mx-n8 { + margin-right: -8rem !important; + margin-left: -8rem !important; +} + +.mx-n9 { + margin-right: -10rem !important; + margin-left: -10rem !important; +} + +.mx-n10 { + margin-right: -12rem !important; + margin-left: -12rem !important; +} + +.mx-n11 { + margin-right: -14rem !important; + margin-left: -14rem !important; +} + +.mx-n12 { + margin-right: -16rem !important; + margin-left: -16rem !important; +} + +.my-n1 { + margin-top: -0.25rem !important; + margin-bottom: -0.25rem !important; +} + +.my-n2 { + margin-top: -0.5rem !important; + margin-bottom: -0.5rem !important; +} + +.my-n3 { + margin-top: -1rem !important; + margin-bottom: -1rem !important; +} + +.my-n4 { + margin-top: -1.5rem !important; + margin-bottom: -1.5rem !important; +} + +.my-n5 { + margin-top: -3rem !important; + margin-bottom: -3rem !important; +} + +.my-n6 { + margin-top: -4rem !important; + margin-bottom: -4rem !important; +} + +.my-n7 { + margin-top: -6rem !important; + margin-bottom: -6rem !important; +} + +.my-n8 { + margin-top: -8rem !important; + margin-bottom: -8rem !important; +} + +.my-n9 { + margin-top: -10rem !important; + margin-bottom: -10rem !important; +} + +.my-n10 { + margin-top: -12rem !important; + margin-bottom: -12rem !important; +} + +.my-n11 { + margin-top: -14rem !important; + margin-bottom: -14rem !important; +} + +.my-n12 { + margin-top: -16rem !important; + margin-bottom: -16rem !important; +} + +.mt-n1 { + margin-top: -0.25rem !important; +} + +.mt-n2 { + margin-top: -0.5rem !important; +} + +.mt-n3 { + margin-top: -1rem !important; +} + +.mt-n4 { + margin-top: -1.5rem !important; +} + +.mt-n5 { + margin-top: -3rem !important; +} + +.mt-n6 { + margin-top: -4rem !important; +} + +.mt-n7 { + margin-top: -6rem !important; +} + +.mt-n8 { + margin-top: -8rem !important; +} + +.mt-n9 { + margin-top: -10rem !important; +} + +.mt-n10 { + margin-top: -12rem !important; +} + +.mt-n11 { + margin-top: -14rem !important; +} + +.mt-n12 { + margin-top: -16rem !important; +} + +.me-n1 { + margin-right: -0.25rem !important; +} + +.me-n2 { + margin-right: -0.5rem !important; +} + +.me-n3 { + margin-right: -1rem !important; +} + +.me-n4 { + margin-right: -1.5rem !important; +} + +.me-n5 { + margin-right: -3rem !important; +} + +.me-n6 { + margin-right: -4rem !important; +} + +.me-n7 { + margin-right: -6rem !important; +} + +.me-n8 { + margin-right: -8rem !important; +} + +.me-n9 { + margin-right: -10rem !important; +} + +.me-n10 { + margin-right: -12rem !important; +} + +.me-n11 { + margin-right: -14rem !important; +} + +.me-n12 { + margin-right: -16rem !important; +} + +.mb-n1 { + margin-bottom: -0.25rem !important; +} + +.mb-n2 { + margin-bottom: -0.5rem !important; +} + +.mb-n3 { + margin-bottom: -1rem !important; +} + +.mb-n4 { + margin-bottom: -1.5rem !important; +} + +.mb-n5 { + margin-bottom: -3rem !important; +} + +.mb-n6 { + margin-bottom: -4rem !important; +} + +.mb-n7 { + margin-bottom: -6rem !important; +} + +.mb-n8 { + margin-bottom: -8rem !important; +} + +.mb-n9 { + margin-bottom: -10rem !important; +} + +.mb-n10 { + margin-bottom: -12rem !important; +} + +.mb-n11 { + margin-bottom: -14rem !important; +} + +.mb-n12 { + margin-bottom: -16rem !important; +} + +.ms-n1 { + margin-left: -0.25rem !important; +} + +.ms-n2 { + margin-left: -0.5rem !important; +} + +.ms-n3 { + margin-left: -1rem !important; +} + +.ms-n4 { + margin-left: -1.5rem !important; +} + +.ms-n5 { + margin-left: -3rem !important; +} + +.ms-n6 { + margin-left: -4rem !important; +} + +.ms-n7 { + margin-left: -6rem !important; +} + +.ms-n8 { + margin-left: -8rem !important; +} + +.ms-n9 { + margin-left: -10rem !important; +} + +.ms-n10 { + margin-left: -12rem !important; +} + +.ms-n11 { + margin-left: -14rem !important; +} + +.ms-n12 { + margin-left: -16rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.p-6 { + padding: 4rem !important; +} + +.p-7 { + padding: 6rem !important; +} + +.p-8 { + padding: 8rem !important; +} + +.p-9 { + padding: 10rem !important; +} + +.p-10 { + padding: 12rem !important; +} + +.p-11 { + padding: 14rem !important; +} + +.p-12 { + padding: 16rem !important; +} + +.px-0 { + padding-right: 0 !important; + padding-left: 0 !important; +} + +.px-1 { + padding-right: 0.25rem !important; + padding-left: 0.25rem !important; +} + +.px-2 { + padding-right: 0.5rem !important; + padding-left: 0.5rem !important; +} + +.px-3 { + padding-right: 1rem !important; + padding-left: 1rem !important; +} + +.px-4 { + padding-right: 1.5rem !important; + padding-left: 1.5rem !important; +} + +.px-5 { + padding-right: 3rem !important; + padding-left: 3rem !important; +} + +.px-6 { + padding-right: 4rem !important; + padding-left: 4rem !important; +} + +.px-7 { + padding-right: 6rem !important; + padding-left: 6rem !important; +} + +.px-8 { + padding-right: 8rem !important; + padding-left: 8rem !important; +} + +.px-9 { + padding-right: 10rem !important; + padding-left: 10rem !important; +} + +.px-10 { + padding-right: 12rem !important; + padding-left: 12rem !important; +} + +.px-11 { + padding-right: 14rem !important; + padding-left: 14rem !important; +} + +.px-12 { + padding-right: 16rem !important; + padding-left: 16rem !important; +} + +.py-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; +} + +.py-1 { + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; +} + +.py-2 { + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; +} + +.py-3 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; +} + +.py-4 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; +} + +.py-5 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; +} + +.py-6 { + padding-top: 4rem !important; + padding-bottom: 4rem !important; +} + +.py-7 { + padding-top: 6rem !important; + padding-bottom: 6rem !important; +} + +.py-8 { + padding-top: 8rem !important; + padding-bottom: 8rem !important; +} + +.py-9 { + padding-top: 10rem !important; + padding-bottom: 10rem !important; +} + +.py-10 { + padding-top: 12rem !important; + padding-bottom: 12rem !important; +} + +.py-11 { + padding-top: 14rem !important; + padding-bottom: 14rem !important; +} + +.py-12 { + padding-top: 16rem !important; + padding-bottom: 16rem !important; +} + +.pt-0 { + padding-top: 0 !important; +} + +.pt-1 { + padding-top: 0.25rem !important; +} + +.pt-2 { + padding-top: 0.5rem !important; +} + +.pt-3 { + padding-top: 1rem !important; +} + +.pt-4 { + padding-top: 1.5rem !important; +} + +.pt-5 { + padding-top: 3rem !important; +} + +.pt-6 { + padding-top: 4rem !important; +} + +.pt-7 { + padding-top: 6rem !important; +} + +.pt-8 { + padding-top: 8rem !important; +} + +.pt-9 { + padding-top: 10rem !important; +} + +.pt-10 { + padding-top: 12rem !important; +} + +.pt-11 { + padding-top: 14rem !important; +} + +.pt-12 { + padding-top: 16rem !important; +} + +.pe-0 { + padding-right: 0 !important; +} + +.pe-1 { + padding-right: 0.25rem !important; +} + +.pe-2 { + padding-right: 0.5rem !important; +} + +.pe-3 { + padding-right: 1rem !important; +} + +.pe-4 { + padding-right: 1.5rem !important; +} + +.pe-5 { + padding-right: 3rem !important; +} + +.pe-6 { + padding-right: 4rem !important; +} + +.pe-7 { + padding-right: 6rem !important; +} + +.pe-8 { + padding-right: 8rem !important; +} + +.pe-9 { + padding-right: 10rem !important; +} + +.pe-10 { + padding-right: 12rem !important; +} + +.pe-11 { + padding-right: 14rem !important; +} + +.pe-12 { + padding-right: 16rem !important; +} + +.pb-0 { + padding-bottom: 0 !important; +} + +.pb-1 { + padding-bottom: 0.25rem !important; +} + +.pb-2 { + padding-bottom: 0.5rem !important; +} + +.pb-3 { + padding-bottom: 1rem !important; +} + +.pb-4 { + padding-bottom: 1.5rem !important; +} + +.pb-5 { + padding-bottom: 3rem !important; +} + +.pb-6 { + padding-bottom: 4rem !important; +} + +.pb-7 { + padding-bottom: 6rem !important; +} + +.pb-8 { + padding-bottom: 8rem !important; +} + +.pb-9 { + padding-bottom: 10rem !important; +} + +.pb-10 { + padding-bottom: 12rem !important; +} + +.pb-11 { + padding-bottom: 14rem !important; +} + +.pb-12 { + padding-bottom: 16rem !important; +} + +.ps-0 { + padding-left: 0 !important; +} + +.ps-1 { + padding-left: 0.25rem !important; +} + +.ps-2 { + padding-left: 0.5rem !important; +} + +.ps-3 { + padding-left: 1rem !important; +} + +.ps-4 { + padding-left: 1.5rem !important; +} + +.ps-5 { + padding-left: 3rem !important; +} + +.ps-6 { + padding-left: 4rem !important; +} + +.ps-7 { + padding-left: 6rem !important; +} + +.ps-8 { + padding-left: 8rem !important; +} + +.ps-9 { + padding-left: 10rem !important; +} + +.ps-10 { + padding-left: 12rem !important; +} + +.ps-11 { + padding-left: 14rem !important; +} + +.ps-12 { + padding-left: 16rem !important; +} + +.gap-0 { + gap: 0 !important; +} + +.gap-1 { + gap: 0.25rem !important; +} + +.gap-2 { + gap: 0.5rem !important; +} + +.gap-3 { + gap: 1rem !important; +} + +.gap-4 { + gap: 1.5rem !important; +} + +.gap-5 { + gap: 3rem !important; +} + +.gap-6 { + gap: 4rem !important; +} + +.gap-7 { + gap: 6rem !important; +} + +.gap-8 { + gap: 8rem !important; +} + +.gap-9 { + gap: 10rem !important; +} + +.gap-10 { + gap: 12rem !important; +} + +.gap-11 { + gap: 14rem !important; +} + +.gap-12 { + gap: 16rem !important; +} + +.font-monospace { + font-family: var(--bs-font-monospace) !important; +} + +.fs-1 { + font-size: calc(1.425rem + 2.1vw) !important; +} + +.fs-2 { + font-size: calc(1.35rem + 1.2vw) !important; +} + +.fs-3 { + font-size: calc(1.3125rem + 0.75vw) !important; +} + +.fs-4 { + font-size: calc(1.275rem + 0.3vw) !important; +} + +.fs-5 { + font-size: 1.25rem !important; +} + +.fs-6 { + font-size: 1rem !important; +} + +.fst-italic { + font-style: italic !important; +} + +.fst-normal { + font-style: normal !important; +} + +.fw-light { + font-weight: 300 !important; +} + +.fw-lighter { + font-weight: lighter !important; +} + +.fw-normal { + font-weight: 400 !important; +} + +.fw-bold { + font-weight: 600 !important; +} + +.fw-bolder { + font-weight: 700 !important; +} + +.lh-1 { + line-height: 1 !important; +} + +.lh-sm { + line-height: 1.25 !important; +} + +.lh-base { + line-height: 1.5 !important; +} + +.lh-lg { + line-height: 2 !important; +} + +.text-start { + text-align: left !important; +} + +.text-end { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.text-decoration-underline { + text-decoration: underline !important; +} + +.text-decoration-line-through { + text-decoration: line-through !important; +} + +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.text-wrap { + white-space: normal !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +/* rtl:begin:remove */ +.text-break { + word-wrap: break-word !important; + word-break: break-word !important; +} + +/* rtl:end:remove */ +.text-primary { + color: #e91e63 !important; +} + +.text-secondary { + color: #7b809a !important; +} + +.text-success { + color: #4CAF50 !important; +} + +.text-info { + color: #1A73E8 !important; +} + +.text-warning { + color: #fb8c00 !important; +} + +.text-danger { + color: #F44335 !important; +} + +.text-light { + color: #f0f2f5 !important; +} + +.text-dark { + color: #344767 !important; +} + +.text-white { + color: #fff !important; +} + +.text-dark-blue { + color: #1A237E !important; +} + +.text-body { + color: #7b809a !important; +} + +.text-rose { + color: #e91e63 !important; +} + +.text-muted { + color: #6c757d !important; +} + +.text-black-50 { + color: rgba(0, 0, 0, 0.5) !important; +} + +.text-white-50 { + color: rgba(255, 255, 255, 0.5) !important; +} + +.text-reset { + color: inherit !important; +} + +.text-opacity-25 { + --bs-text-opacity: 0.25; +} + +.text-opacity-50 { + --bs-text-opacity: 0.5; +} + +.text-opacity-75 { + --bs-text-opacity: 0.75; +} + +.text-opacity-100 { + --bs-text-opacity: 1; +} + +.bg-primary { + background-color: #e91e63 !important; +} + +.bg-secondary { + background-color: #7b809a !important; +} + +.bg-success { + background-color: #4CAF50 !important; +} + +.bg-info { + background-color: #1A73E8 !important; +} + +.bg-warning { + background-color: #fb8c00 !important; +} + +.bg-danger { + background-color: #F44335 !important; +} + +.bg-light { + background-color: #f0f2f5 !important; +} + +.bg-dark { + background-color: #344767 !important; +} + +.bg-white { + background-color: #fff !important; +} + +.bg-dark-blue { + background-color: #1A237E !important; +} + +.bg-body { + background-color: #fff !important; +} + +.bg-transparent { + background-color: transparent !important; +} + +.bg-gray-100 { + background-color: #f8f9fa !important; +} + +.bg-gray-200 { + background-color: #f0f2f5 !important; +} + +.bg-gray-300 { + background-color: #dee2e6 !important; +} + +.bg-gray-400 { + background-color: #ced4da !important; +} + +.bg-gray-500 { + background-color: #adb5bd !important; +} + +.bg-gray-600 { + background-color: #6c757d !important; +} + +.bg-gray-700 { + background-color: #495057 !important; +} + +.bg-gray-800 { + background-color: #343a40 !important; +} + +.bg-gray-900 { + background-color: #212529 !important; +} + +.bg-opacity-10 { + --bs-bg-opacity: 0.1; +} + +.bg-opacity-25 { + --bs-bg-opacity: 0.25; +} + +.bg-opacity-50 { + --bs-bg-opacity: 0.5; +} + +.bg-opacity-75 { + --bs-bg-opacity: 0.75; +} + +.bg-opacity-100 { + --bs-bg-opacity: 1; +} + +.bg-gradient { + background-image: var(--bs-gradient) !important; +} + +.user-select-all { + user-select: all !important; +} + +.user-select-auto { + user-select: auto !important; +} + +.user-select-none { + user-select: none !important; +} + +.pe-none { + pointer-events: none !important; +} + +.pe-auto { + pointer-events: auto !important; +} + +.rounded { + border-radius: 0.375rem !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.rounded-1 { + border-radius: 0.125rem !important; +} + +.rounded-2 { + border-radius: 0.375rem !important; +} + +.rounded-3 { + border-radius: 0.5rem !important; +} + +.rounded-circle, +.avatar.rounded-circle img { + border-radius: 50% !important; +} + +.rounded-pill { + border-radius: 50rem !important; +} + +.rounded-top { + border-top-left-radius: 0.375rem !important; + border-top-right-radius: 0.375rem !important; +} + +.rounded-end { + border-top-right-radius: 0.375rem !important; + border-bottom-right-radius: 0.375rem !important; +} + +.rounded-bottom { + border-bottom-right-radius: 0.375rem !important; + border-bottom-left-radius: 0.375rem !important; +} + +.rounded-start { + border-bottom-left-radius: 0.375rem !important; + border-top-left-radius: 0.375rem !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +.overflow-x-auto { + overflow-x: auto !important; +} + +.overflow-x-hidden { + overflow-x: hidden !important; +} + +.overflow-x-visible { + overflow-x: visible !important; +} + +.overflow-x-scroll { + overflow-x: scroll !important; +} + +.overflow-y-auto { + overflow-y: auto !important; +} + +.overflow-y-hidden { + overflow-y: hidden !important; +} + +.overflow-y-visible { + overflow-y: visible !important; +} + +.overflow-y-scroll { + overflow-y: scroll !important; +} + +.shadow-primary { + box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(233, 30, 99, 0.4) !important; +} + +.shadow-secondary { + box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(210, 210, 210, 0.4) !important; +} + +.shadow-info { + box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(0, 188, 212, 0.4) !important; +} + +.shadow-warning { + box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(255, 152, 0, 0.4) !important; +} + +.shadow-success { + box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(76, 175, 80, 0.4) !important; +} + +.shadow-danger { + box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(244, 67, 54, 0.4) !important; +} + +.shadow-dark { + box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(64, 64, 64, 0.4) !important; +} + +.shadow-light { + box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(233, 30, 99, 0.4) !important; +} + +.transform-scale-5 { + transform: scale(0.5) !important; +} + +.transform-scale-6 { + transform: scale(0.6) !important; +} + +.transform-scale-7 { + transform: scale(0.7) !important; +} + +.transform-scale-8 { + transform: scale(0.8) !important; +} + +.transform-scale-9 { + transform: scale(0.9) !important; +} + +.transform-scale-10 { + transform: scale(1) !important; +} + +.z-index-0 { + z-index: 0 !important; +} + +.z-index-1 { + z-index: 1 !important; +} + +.z-index-2 { + z-index: 2 !important; +} + +.z-index-3 { + z-index: 3 !important; +} + +.letter-spacing-1 { + letter-spacing: 1px !important; +} + +.letter-spacing-2 { + letter-spacing: 2px !important; +} + +.letter-spacing-3 { + letter-spacing: 3px !important; +} + +.letter-spacing-4 { + letter-spacing: 4px !important; +} + +.letter-spacing-5 { + letter-spacing: 5px !important; +} + +.border-radius-top-start { + border-top-left-radius: 0.375rem !important; +} + +.border-radius-top-start-0 { + border-top-left-radius: 0 !important; +} + +.border-radius-top-start-sm { + border-top-left-radius: 0.125rem !important; +} + +.border-radius-top-start-md { + border-top-left-radius: 0.375rem !important; +} + +.border-radius-top-start-lg { + border-top-left-radius: 0.5rem !important; +} + +.border-radius-top-start-xl { + border-top-left-radius: 0.75rem !important; +} + +.border-radius-top-start-2xl { + border-top-left-radius: 1rem !important; +} + +.border-radius-top-start-circle { + border-top-left-radius: 50% !important; +} + +.border-radius-top-start-pill { + border-top-left-radius: 50rem !important; +} + +.border-radius-top-end { + border-top-right-radius: 0.375rem !important; +} + +.border-radius-top-end-0 { + border-top-right-radius: 0 !important; +} + +.border-radius-top-end-sm { + border-top-right-radius: 0.125rem !important; +} + +.border-radius-top-end-md { + border-top-right-radius: 0.375rem !important; +} + +.border-radius-top-end-lg { + border-top-right-radius: 0.5rem !important; +} + +.border-radius-top-end-xl { + border-top-right-radius: 0.75rem !important; +} + +.border-radius-top-end-2xl { + border-top-right-radius: 1rem !important; +} + +.border-radius-top-end-circle { + border-top-right-radius: 50% !important; +} + +.border-radius-top-end-pill { + border-top-right-radius: 50rem !important; +} + +.border-radius-bottom-start { + border-bottom-left-radius: 0.375rem !important; +} + +.border-radius-bottom-start-0 { + border-bottom-left-radius: 0 !important; +} + +.border-radius-bottom-start-sm { + border-bottom-left-radius: 0.125rem !important; +} + +.border-radius-bottom-start-md { + border-bottom-left-radius: 0.375rem !important; +} + +.border-radius-bottom-start-lg { + border-bottom-left-radius: 0.5rem !important; +} + +.border-radius-bottom-start-xl { + border-bottom-left-radius: 0.75rem !important; +} + +.border-radius-bottom-start-2xl { + border-bottom-left-radius: 1rem !important; +} + +.border-radius-bottom-start-circle { + border-bottom-left-radius: 50% !important; +} + +.border-radius-bottom-start-pill { + border-bottom-left-radius: 50rem !important; +} + +.border-radius-bottom-end { + border-bottom-right-radius: 0.375rem !important; +} + +.border-radius-bottom-end-0 { + border-bottom-right-radius: 0 !important; +} + +.border-radius-bottom-end-sm { + border-bottom-right-radius: 0.125rem !important; +} + +.border-radius-bottom-end-md { + border-bottom-right-radius: 0.375rem !important; +} + +.border-radius-bottom-end-lg { + border-bottom-right-radius: 0.5rem !important; +} + +.border-radius-bottom-end-xl { + border-bottom-right-radius: 0.75rem !important; +} + +.border-radius-bottom-end-2xl { + border-bottom-right-radius: 1rem !important; +} + +.border-radius-bottom-end-circle { + border-bottom-right-radius: 50% !important; +} + +.border-radius-bottom-end-pill { + border-bottom-right-radius: 50rem !important; +} + +.max-height-100 { + max-height: 100px !important; +} + +.max-height-130 { + max-height: 130px !important; +} + +.max-height-140 { + max-height: 140px !important; +} + +.max-height-150 { + max-height: 150px !important; +} + +.max-height-160 { + max-height: 160px !important; +} + +.max-height-200 { + max-height: 200px !important; +} + +.max-height-250 { + max-height: 250px !important; +} + +.max-height-300 { + max-height: 300px !important; +} + +.max-height-400 { + max-height: 400px !important; +} + +.max-height-500 { + max-height: 500px !important; +} + +.max-height-600 { + max-height: 600px !important; +} + +.max-height-vh-10 { + max-height: 10vh !important; +} + +.max-height-vh-20 { + max-height: 20vh !important; +} + +.max-height-vh-30 { + max-height: 30vh !important; +} + +.max-height-vh-40 { + max-height: 40vh !important; +} + +.max-height-vh-50 { + max-height: 50vh !important; +} + +.max-height-vh-60 { + max-height: 60vh !important; +} + +.max-height-vh-70 { + max-height: 70vh !important; +} + +.max-height-vh-80 { + max-height: 80vh !important; +} + +.max-height-vh-90 { + max-height: 90vh !important; +} + +.max-height-vh-100 { + max-height: 100vh !important; +} + +.min-height-100 { + min-height: 100px !important; +} + +.min-height-130 { + min-height: 130px !important; +} + +.min-height-140 { + min-height: 140px !important; +} + +.min-height-150 { + min-height: 150px !important; +} + +.min-height-160 { + min-height: 160px !important; +} + +.min-height-200 { + min-height: 200px !important; +} + +.min-height-250 { + min-height: 250px !important; +} + +.min-height-300 { + min-height: 300px !important; +} + +.min-height-400 { + min-height: 400px !important; +} + +.min-height-500 { + min-height: 500px !important; +} + +.min-height-600 { + min-height: 600px !important; +} + +.height-100 { + height: 100px !important; +} + +.height-200 { + height: 200px !important; +} + +.height-300 { + height: 300px !important; +} + +.height-400 { + height: 400px !important; +} + +.height-500 { + height: 500px !important; +} + +.height-600 { + height: 600px !important; +} + +.max-width-100 { + max-width: 100px !important; +} + +.max-width-200 { + max-width: 200px !important; +} + +.max-width-300 { + max-width: 300px !important; +} + +.max-width-400 { + max-width: 400px !important; +} + +.max-width-500 { + max-width: 500px !important; +} + +@media (min-width: 576px) { + .float-sm-start { + float: left !important; + } + + .float-sm-end { + float: right !important; + } + + .float-sm-none { + float: none !important; + } + + .d-sm-inline { + display: inline !important; + } + + .d-sm-inline-block { + display: inline-block !important; + } + + .d-sm-block { + display: block !important; + } + + .d-sm-grid { + display: grid !important; + } + + .d-sm-table { + display: table !important; + } + + .d-sm-table-row { + display: table-row !important; + } + + .d-sm-table-cell { + display: table-cell !important; + } + + .d-sm-flex { + display: flex !important; + } + + .d-sm-inline-flex { + display: inline-flex !important; + } + + .d-sm-none { + display: none !important; + } + + .border-top-sm { + border-top: 1px solid #dee2e6 !important; + } + + .border-top-sm-0 { + border-top: 0 !important; + } + + .border-end-sm { + border-right: 1px solid #dee2e6 !important; + } + + .border-end-sm-0 { + border-right: 0 !important; + } + + .border-bottom-sm { + border-bottom: 1px solid #dee2e6 !important; + } + + .border-bottom-sm-0 { + border-bottom: 0 !important; + } + + .border-start-sm { + border-left: 1px solid #dee2e6 !important; + } + + .border-start-sm-0 { + border-left: 0 !important; + } + + .w-sm-0 { + width: 0% !important; + } + + .w-sm-1 { + width: 1% !important; + } + + .w-sm-2 { + width: 2% !important; + } + + .w-sm-3 { + width: 3% !important; + } + + .w-sm-4 { + width: 4% !important; + } + + .w-sm-5 { + width: 5% !important; + } + + .w-sm-6 { + width: 6% !important; + } + + .w-sm-7 { + width: 7% !important; + } + + .w-sm-8 { + width: 8% !important; + } + + .w-sm-9 { + width: 9% !important; + } + + .w-sm-10 { + width: 10% !important; + } + + .w-sm-15 { + width: 15% !important; + } + + .w-sm-20 { + width: 20% !important; + } + + .w-sm-25 { + width: 25% !important; + } + + .w-sm-30 { + width: 30% !important; + } + + .w-sm-35 { + width: 35% !important; + } + + .w-sm-40 { + width: 40% !important; + } + + .w-sm-45 { + width: 45% !important; + } + + .w-sm-50 { + width: 50% !important; + } + + .w-sm-55 { + width: 55% !important; + } + + .w-sm-60 { + width: 60% !important; + } + + .w-sm-65 { + width: 65% !important; + } + + .w-sm-70 { + width: 70% !important; + } + + .w-sm-75 { + width: 75% !important; + } + + .w-sm-80 { + width: 80% !important; + } + + .w-sm-85 { + width: 85% !important; + } + + .w-sm-90 { + width: 90% !important; + } + + .w-sm-95 { + width: 95% !important; + } + + .w-sm-100 { + width: 100% !important; + } + + .w-sm-auto { + width: auto !important; + } + + .flex-sm-fill { + flex: 1 1 auto !important; + } + + .flex-sm-row { + flex-direction: row !important; + } + + .flex-sm-column { + flex-direction: column !important; + } + + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + + .flex-sm-wrap { + flex-wrap: wrap !important; + } + + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .justify-content-sm-start { + justify-content: flex-start !important; + } + + .justify-content-sm-end { + justify-content: flex-end !important; + } + + .justify-content-sm-center { + justify-content: center !important; + } + + .justify-content-sm-between { + justify-content: space-between !important; + } + + .justify-content-sm-around { + justify-content: space-around !important; + } + + .justify-content-sm-evenly { + justify-content: space-evenly !important; + } + + .align-items-sm-start { + align-items: flex-start !important; + } + + .align-items-sm-end { + align-items: flex-end !important; + } + + .align-items-sm-center { + align-items: center !important; + } + + .align-items-sm-baseline { + align-items: baseline !important; + } + + .align-items-sm-stretch { + align-items: stretch !important; + } + + .align-content-sm-start { + align-content: flex-start !important; + } + + .align-content-sm-end { + align-content: flex-end !important; + } + + .align-content-sm-center { + align-content: center !important; + } + + .align-content-sm-between { + align-content: space-between !important; + } + + .align-content-sm-around { + align-content: space-around !important; + } + + .align-content-sm-stretch { + align-content: stretch !important; + } + + .align-self-sm-auto { + align-self: auto !important; + } + + .align-self-sm-start { + align-self: flex-start !important; + } + + .align-self-sm-end { + align-self: flex-end !important; + } + + .align-self-sm-center { + align-self: center !important; + } + + .align-self-sm-baseline { + align-self: baseline !important; + } + + .align-self-sm-stretch { + align-self: stretch !important; + } + + .order-sm-first { + order: -1 !important; + } + + .order-sm-0 { + order: 0 !important; + } + + .order-sm-1 { + order: 1 !important; + } + + .order-sm-2 { + order: 2 !important; + } + + .order-sm-3 { + order: 3 !important; + } + + .order-sm-4 { + order: 4 !important; + } + + .order-sm-5 { + order: 5 !important; + } + + .order-sm-last { + order: 6 !important; + } + + .m-sm-0 { + margin: 0 !important; + } + + .m-sm-1 { + margin: 0.25rem !important; + } + + .m-sm-2 { + margin: 0.5rem !important; + } + + .m-sm-3 { + margin: 1rem !important; + } + + .m-sm-4 { + margin: 1.5rem !important; + } + + .m-sm-5 { + margin: 3rem !important; + } + + .m-sm-6 { + margin: 4rem !important; + } + + .m-sm-7 { + margin: 6rem !important; + } + + .m-sm-8 { + margin: 8rem !important; + } + + .m-sm-9 { + margin: 10rem !important; + } + + .m-sm-10 { + margin: 12rem !important; + } + + .m-sm-11 { + margin: 14rem !important; + } + + .m-sm-12 { + margin: 16rem !important; + } + + .m-sm-auto { + margin: auto !important; + } + + .mx-sm-0 { + margin-right: 0 !important; + margin-left: 0 !important; + } + + .mx-sm-1 { + margin-right: 0.25rem !important; + margin-left: 0.25rem !important; + } + + .mx-sm-2 { + margin-right: 0.5rem !important; + margin-left: 0.5rem !important; + } + + .mx-sm-3 { + margin-right: 1rem !important; + margin-left: 1rem !important; + } + + .mx-sm-4 { + margin-right: 1.5rem !important; + margin-left: 1.5rem !important; + } + + .mx-sm-5 { + margin-right: 3rem !important; + margin-left: 3rem !important; + } + + .mx-sm-6 { + margin-right: 4rem !important; + margin-left: 4rem !important; + } + + .mx-sm-7 { + margin-right: 6rem !important; + margin-left: 6rem !important; + } + + .mx-sm-8 { + margin-right: 8rem !important; + margin-left: 8rem !important; + } + + .mx-sm-9 { + margin-right: 10rem !important; + margin-left: 10rem !important; + } + + .mx-sm-10 { + margin-right: 12rem !important; + margin-left: 12rem !important; + } + + .mx-sm-11 { + margin-right: 14rem !important; + margin-left: 14rem !important; + } + + .mx-sm-12 { + margin-right: 16rem !important; + margin-left: 16rem !important; + } + + .mx-sm-auto { + margin-right: auto !important; + margin-left: auto !important; + } + + .my-sm-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; + } + + .my-sm-1 { + margin-top: 0.25rem !important; + margin-bottom: 0.25rem !important; + } + + .my-sm-2 { + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; + } + + .my-sm-3 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; + } + + .my-sm-4 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; + } + + .my-sm-5 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; + } + + .my-sm-6 { + margin-top: 4rem !important; + margin-bottom: 4rem !important; + } + + .my-sm-7 { + margin-top: 6rem !important; + margin-bottom: 6rem !important; + } + + .my-sm-8 { + margin-top: 8rem !important; + margin-bottom: 8rem !important; + } + + .my-sm-9 { + margin-top: 10rem !important; + margin-bottom: 10rem !important; + } + + .my-sm-10 { + margin-top: 12rem !important; + margin-bottom: 12rem !important; + } + + .my-sm-11 { + margin-top: 14rem !important; + margin-bottom: 14rem !important; + } + + .my-sm-12 { + margin-top: 16rem !important; + margin-bottom: 16rem !important; + } + + .my-sm-auto { + margin-top: auto !important; + margin-bottom: auto !important; + } + + .mt-sm-0 { + margin-top: 0 !important; + } + + .mt-sm-1 { + margin-top: 0.25rem !important; + } + + .mt-sm-2 { + margin-top: 0.5rem !important; + } + + .mt-sm-3 { + margin-top: 1rem !important; + } + + .mt-sm-4 { + margin-top: 1.5rem !important; + } + + .mt-sm-5 { + margin-top: 3rem !important; + } + + .mt-sm-6 { + margin-top: 4rem !important; + } + + .mt-sm-7 { + margin-top: 6rem !important; + } + + .mt-sm-8 { + margin-top: 8rem !important; + } + + .mt-sm-9 { + margin-top: 10rem !important; + } + + .mt-sm-10 { + margin-top: 12rem !important; + } + + .mt-sm-11 { + margin-top: 14rem !important; + } + + .mt-sm-12 { + margin-top: 16rem !important; + } + + .mt-sm-auto { + margin-top: auto !important; + } + + .me-sm-0 { + margin-right: 0 !important; + } + + .me-sm-1 { + margin-right: 0.25rem !important; + } + + .me-sm-2 { + margin-right: 0.5rem !important; + } + + .me-sm-3 { + margin-right: 1rem !important; + } + + .me-sm-4 { + margin-right: 1.5rem !important; + } + + .me-sm-5 { + margin-right: 3rem !important; + } + + .me-sm-6 { + margin-right: 4rem !important; + } + + .me-sm-7 { + margin-right: 6rem !important; + } + + .me-sm-8 { + margin-right: 8rem !important; + } + + .me-sm-9 { + margin-right: 10rem !important; + } + + .me-sm-10 { + margin-right: 12rem !important; + } + + .me-sm-11 { + margin-right: 14rem !important; + } + + .me-sm-12 { + margin-right: 16rem !important; + } + + .me-sm-auto { + margin-right: auto !important; + } + + .mb-sm-0 { + margin-bottom: 0 !important; + } + + .mb-sm-1 { + margin-bottom: 0.25rem !important; + } + + .mb-sm-2 { + margin-bottom: 0.5rem !important; + } + + .mb-sm-3 { + margin-bottom: 1rem !important; + } + + .mb-sm-4 { + margin-bottom: 1.5rem !important; + } + + .mb-sm-5 { + margin-bottom: 3rem !important; + } + + .mb-sm-6 { + margin-bottom: 4rem !important; + } + + .mb-sm-7 { + margin-bottom: 6rem !important; + } + + .mb-sm-8 { + margin-bottom: 8rem !important; + } + + .mb-sm-9 { + margin-bottom: 10rem !important; + } + + .mb-sm-10 { + margin-bottom: 12rem !important; + } + + .mb-sm-11 { + margin-bottom: 14rem !important; + } + + .mb-sm-12 { + margin-bottom: 16rem !important; + } + + .mb-sm-auto { + margin-bottom: auto !important; + } + + .ms-sm-0 { + margin-left: 0 !important; + } + + .ms-sm-1 { + margin-left: 0.25rem !important; + } + + .ms-sm-2 { + margin-left: 0.5rem !important; + } + + .ms-sm-3 { + margin-left: 1rem !important; + } + + .ms-sm-4 { + margin-left: 1.5rem !important; + } + + .ms-sm-5 { + margin-left: 3rem !important; + } + + .ms-sm-6 { + margin-left: 4rem !important; + } + + .ms-sm-7 { + margin-left: 6rem !important; + } + + .ms-sm-8 { + margin-left: 8rem !important; + } + + .ms-sm-9 { + margin-left: 10rem !important; + } + + .ms-sm-10 { + margin-left: 12rem !important; + } + + .ms-sm-11 { + margin-left: 14rem !important; + } + + .ms-sm-12 { + margin-left: 16rem !important; + } + + .ms-sm-auto { + margin-left: auto !important; + } + + .m-sm-n1 { + margin: -0.25rem !important; + } + + .m-sm-n2 { + margin: -0.5rem !important; + } + + .m-sm-n3 { + margin: -1rem !important; + } + + .m-sm-n4 { + margin: -1.5rem !important; + } + + .m-sm-n5 { + margin: -3rem !important; + } + + .m-sm-n6 { + margin: -4rem !important; + } + + .m-sm-n7 { + margin: -6rem !important; + } + + .m-sm-n8 { + margin: -8rem !important; + } + + .m-sm-n9 { + margin: -10rem !important; + } + + .m-sm-n10 { + margin: -12rem !important; + } + + .m-sm-n11 { + margin: -14rem !important; + } + + .m-sm-n12 { + margin: -16rem !important; + } + + .mx-sm-n1 { + margin-right: -0.25rem !important; + margin-left: -0.25rem !important; + } + + .mx-sm-n2 { + margin-right: -0.5rem !important; + margin-left: -0.5rem !important; + } + + .mx-sm-n3 { + margin-right: -1rem !important; + margin-left: -1rem !important; + } + + .mx-sm-n4 { + margin-right: -1.5rem !important; + margin-left: -1.5rem !important; + } + + .mx-sm-n5 { + margin-right: -3rem !important; + margin-left: -3rem !important; + } + + .mx-sm-n6 { + margin-right: -4rem !important; + margin-left: -4rem !important; + } + + .mx-sm-n7 { + margin-right: -6rem !important; + margin-left: -6rem !important; + } + + .mx-sm-n8 { + margin-right: -8rem !important; + margin-left: -8rem !important; + } + + .mx-sm-n9 { + margin-right: -10rem !important; + margin-left: -10rem !important; + } + + .mx-sm-n10 { + margin-right: -12rem !important; + margin-left: -12rem !important; + } + + .mx-sm-n11 { + margin-right: -14rem !important; + margin-left: -14rem !important; + } + + .mx-sm-n12 { + margin-right: -16rem !important; + margin-left: -16rem !important; + } + + .my-sm-n1 { + margin-top: -0.25rem !important; + margin-bottom: -0.25rem !important; + } + + .my-sm-n2 { + margin-top: -0.5rem !important; + margin-bottom: -0.5rem !important; + } + + .my-sm-n3 { + margin-top: -1rem !important; + margin-bottom: -1rem !important; + } + + .my-sm-n4 { + margin-top: -1.5rem !important; + margin-bottom: -1.5rem !important; + } + + .my-sm-n5 { + margin-top: -3rem !important; + margin-bottom: -3rem !important; + } + + .my-sm-n6 { + margin-top: -4rem !important; + margin-bottom: -4rem !important; + } + + .my-sm-n7 { + margin-top: -6rem !important; + margin-bottom: -6rem !important; + } + + .my-sm-n8 { + margin-top: -8rem !important; + margin-bottom: -8rem !important; + } + + .my-sm-n9 { + margin-top: -10rem !important; + margin-bottom: -10rem !important; + } + + .my-sm-n10 { + margin-top: -12rem !important; + margin-bottom: -12rem !important; + } + + .my-sm-n11 { + margin-top: -14rem !important; + margin-bottom: -14rem !important; + } + + .my-sm-n12 { + margin-top: -16rem !important; + margin-bottom: -16rem !important; + } + + .mt-sm-n1 { + margin-top: -0.25rem !important; + } + + .mt-sm-n2 { + margin-top: -0.5rem !important; + } + + .mt-sm-n3 { + margin-top: -1rem !important; + } + + .mt-sm-n4 { + margin-top: -1.5rem !important; + } + + .mt-sm-n5 { + margin-top: -3rem !important; + } + + .mt-sm-n6 { + margin-top: -4rem !important; + } + + .mt-sm-n7 { + margin-top: -6rem !important; + } + + .mt-sm-n8 { + margin-top: -8rem !important; + } + + .mt-sm-n9 { + margin-top: -10rem !important; + } + + .mt-sm-n10 { + margin-top: -12rem !important; + } + + .mt-sm-n11 { + margin-top: -14rem !important; + } + + .mt-sm-n12 { + margin-top: -16rem !important; + } + + .me-sm-n1 { + margin-right: -0.25rem !important; + } + + .me-sm-n2 { + margin-right: -0.5rem !important; + } + + .me-sm-n3 { + margin-right: -1rem !important; + } + + .me-sm-n4 { + margin-right: -1.5rem !important; + } + + .me-sm-n5 { + margin-right: -3rem !important; + } + + .me-sm-n6 { + margin-right: -4rem !important; + } + + .me-sm-n7 { + margin-right: -6rem !important; + } + + .me-sm-n8 { + margin-right: -8rem !important; + } + + .me-sm-n9 { + margin-right: -10rem !important; + } + + .me-sm-n10 { + margin-right: -12rem !important; + } + + .me-sm-n11 { + margin-right: -14rem !important; + } + + .me-sm-n12 { + margin-right: -16rem !important; + } + + .mb-sm-n1 { + margin-bottom: -0.25rem !important; + } + + .mb-sm-n2 { + margin-bottom: -0.5rem !important; + } + + .mb-sm-n3 { + margin-bottom: -1rem !important; + } + + .mb-sm-n4 { + margin-bottom: -1.5rem !important; + } + + .mb-sm-n5 { + margin-bottom: -3rem !important; + } + + .mb-sm-n6 { + margin-bottom: -4rem !important; + } + + .mb-sm-n7 { + margin-bottom: -6rem !important; + } + + .mb-sm-n8 { + margin-bottom: -8rem !important; + } + + .mb-sm-n9 { + margin-bottom: -10rem !important; + } + + .mb-sm-n10 { + margin-bottom: -12rem !important; + } + + .mb-sm-n11 { + margin-bottom: -14rem !important; + } + + .mb-sm-n12 { + margin-bottom: -16rem !important; + } + + .ms-sm-n1 { + margin-left: -0.25rem !important; + } + + .ms-sm-n2 { + margin-left: -0.5rem !important; + } + + .ms-sm-n3 { + margin-left: -1rem !important; + } + + .ms-sm-n4 { + margin-left: -1.5rem !important; + } + + .ms-sm-n5 { + margin-left: -3rem !important; + } + + .ms-sm-n6 { + margin-left: -4rem !important; + } + + .ms-sm-n7 { + margin-left: -6rem !important; + } + + .ms-sm-n8 { + margin-left: -8rem !important; + } + + .ms-sm-n9 { + margin-left: -10rem !important; + } + + .ms-sm-n10 { + margin-left: -12rem !important; + } + + .ms-sm-n11 { + margin-left: -14rem !important; + } + + .ms-sm-n12 { + margin-left: -16rem !important; + } + + .p-sm-0 { + padding: 0 !important; + } + + .p-sm-1 { + padding: 0.25rem !important; + } + + .p-sm-2 { + padding: 0.5rem !important; + } + + .p-sm-3 { + padding: 1rem !important; + } + + .p-sm-4 { + padding: 1.5rem !important; + } + + .p-sm-5 { + padding: 3rem !important; + } + + .p-sm-6 { + padding: 4rem !important; + } + + .p-sm-7 { + padding: 6rem !important; + } + + .p-sm-8 { + padding: 8rem !important; + } + + .p-sm-9 { + padding: 10rem !important; + } + + .p-sm-10 { + padding: 12rem !important; + } + + .p-sm-11 { + padding: 14rem !important; + } + + .p-sm-12 { + padding: 16rem !important; + } + + .px-sm-0 { + padding-right: 0 !important; + padding-left: 0 !important; + } + + .px-sm-1 { + padding-right: 0.25rem !important; + padding-left: 0.25rem !important; + } + + .px-sm-2 { + padding-right: 0.5rem !important; + padding-left: 0.5rem !important; + } + + .px-sm-3 { + padding-right: 1rem !important; + padding-left: 1rem !important; + } + + .px-sm-4 { + padding-right: 1.5rem !important; + padding-left: 1.5rem !important; + } + + .px-sm-5 { + padding-right: 3rem !important; + padding-left: 3rem !important; + } + + .px-sm-6 { + padding-right: 4rem !important; + padding-left: 4rem !important; + } + + .px-sm-7 { + padding-right: 6rem !important; + padding-left: 6rem !important; + } + + .px-sm-8 { + padding-right: 8rem !important; + padding-left: 8rem !important; + } + + .px-sm-9 { + padding-right: 10rem !important; + padding-left: 10rem !important; + } + + .px-sm-10 { + padding-right: 12rem !important; + padding-left: 12rem !important; + } + + .px-sm-11 { + padding-right: 14rem !important; + padding-left: 14rem !important; + } + + .px-sm-12 { + padding-right: 16rem !important; + padding-left: 16rem !important; + } + + .py-sm-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; + } + + .py-sm-1 { + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; + } + + .py-sm-2 { + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; + } + + .py-sm-3 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; + } + + .py-sm-4 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; + } + + .py-sm-5 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; + } + + .py-sm-6 { + padding-top: 4rem !important; + padding-bottom: 4rem !important; + } + + .py-sm-7 { + padding-top: 6rem !important; + padding-bottom: 6rem !important; + } + + .py-sm-8 { + padding-top: 8rem !important; + padding-bottom: 8rem !important; + } + + .py-sm-9 { + padding-top: 10rem !important; + padding-bottom: 10rem !important; + } + + .py-sm-10 { + padding-top: 12rem !important; + padding-bottom: 12rem !important; + } + + .py-sm-11 { + padding-top: 14rem !important; + padding-bottom: 14rem !important; + } + + .py-sm-12 { + padding-top: 16rem !important; + padding-bottom: 16rem !important; + } + + .pt-sm-0 { + padding-top: 0 !important; + } + + .pt-sm-1 { + padding-top: 0.25rem !important; + } + + .pt-sm-2 { + padding-top: 0.5rem !important; + } + + .pt-sm-3 { + padding-top: 1rem !important; + } + + .pt-sm-4 { + padding-top: 1.5rem !important; + } + + .pt-sm-5 { + padding-top: 3rem !important; + } + + .pt-sm-6 { + padding-top: 4rem !important; + } + + .pt-sm-7 { + padding-top: 6rem !important; + } + + .pt-sm-8 { + padding-top: 8rem !important; + } + + .pt-sm-9 { + padding-top: 10rem !important; + } + + .pt-sm-10 { + padding-top: 12rem !important; + } + + .pt-sm-11 { + padding-top: 14rem !important; + } + + .pt-sm-12 { + padding-top: 16rem !important; + } + + .pe-sm-0 { + padding-right: 0 !important; + } + + .pe-sm-1 { + padding-right: 0.25rem !important; + } + + .pe-sm-2 { + padding-right: 0.5rem !important; + } + + .pe-sm-3 { + padding-right: 1rem !important; + } + + .pe-sm-4 { + padding-right: 1.5rem !important; + } + + .pe-sm-5 { + padding-right: 3rem !important; + } + + .pe-sm-6 { + padding-right: 4rem !important; + } + + .pe-sm-7 { + padding-right: 6rem !important; + } + + .pe-sm-8 { + padding-right: 8rem !important; + } + + .pe-sm-9 { + padding-right: 10rem !important; + } + + .pe-sm-10 { + padding-right: 12rem !important; + } + + .pe-sm-11 { + padding-right: 14rem !important; + } + + .pe-sm-12 { + padding-right: 16rem !important; + } + + .pb-sm-0 { + padding-bottom: 0 !important; + } + + .pb-sm-1 { + padding-bottom: 0.25rem !important; + } + + .pb-sm-2 { + padding-bottom: 0.5rem !important; + } + + .pb-sm-3 { + padding-bottom: 1rem !important; + } + + .pb-sm-4 { + padding-bottom: 1.5rem !important; + } + + .pb-sm-5 { + padding-bottom: 3rem !important; + } + + .pb-sm-6 { + padding-bottom: 4rem !important; + } + + .pb-sm-7 { + padding-bottom: 6rem !important; + } + + .pb-sm-8 { + padding-bottom: 8rem !important; + } + + .pb-sm-9 { + padding-bottom: 10rem !important; + } + + .pb-sm-10 { + padding-bottom: 12rem !important; + } + + .pb-sm-11 { + padding-bottom: 14rem !important; + } + + .pb-sm-12 { + padding-bottom: 16rem !important; + } + + .ps-sm-0 { + padding-left: 0 !important; + } + + .ps-sm-1 { + padding-left: 0.25rem !important; + } + + .ps-sm-2 { + padding-left: 0.5rem !important; + } + + .ps-sm-3 { + padding-left: 1rem !important; + } + + .ps-sm-4 { + padding-left: 1.5rem !important; + } + + .ps-sm-5 { + padding-left: 3rem !important; + } + + .ps-sm-6 { + padding-left: 4rem !important; + } + + .ps-sm-7 { + padding-left: 6rem !important; + } + + .ps-sm-8 { + padding-left: 8rem !important; + } + + .ps-sm-9 { + padding-left: 10rem !important; + } + + .ps-sm-10 { + padding-left: 12rem !important; + } + + .ps-sm-11 { + padding-left: 14rem !important; + } + + .ps-sm-12 { + padding-left: 16rem !important; + } + + .gap-sm-0 { + gap: 0 !important; + } + + .gap-sm-1 { + gap: 0.25rem !important; + } + + .gap-sm-2 { + gap: 0.5rem !important; + } + + .gap-sm-3 { + gap: 1rem !important; + } + + .gap-sm-4 { + gap: 1.5rem !important; + } + + .gap-sm-5 { + gap: 3rem !important; + } + + .gap-sm-6 { + gap: 4rem !important; + } + + .gap-sm-7 { + gap: 6rem !important; + } + + .gap-sm-8 { + gap: 8rem !important; + } + + .gap-sm-9 { + gap: 10rem !important; + } + + .gap-sm-10 { + gap: 12rem !important; + } + + .gap-sm-11 { + gap: 14rem !important; + } + + .gap-sm-12 { + gap: 16rem !important; + } + + .text-sm-start { + text-align: left !important; + } + + .text-sm-end { + text-align: right !important; + } + + .text-sm-center { + text-align: center !important; + } + + .transform-scale-sm-5 { + transform: scale(0.5) !important; + } + + .transform-scale-sm-6 { + transform: scale(0.6) !important; + } + + .transform-scale-sm-7 { + transform: scale(0.7) !important; + } + + .transform-scale-sm-8 { + transform: scale(0.8) !important; + } + + .transform-scale-sm-9 { + transform: scale(0.9) !important; + } + + .transform-scale-sm-10 { + transform: scale(1) !important; + } + + .border-radius-top-start-sm { + border-top-left-radius: 0.375rem !important; + } + + .border-radius-top-start-sm-0 { + border-top-left-radius: 0 !important; + } + + .border-radius-top-start-sm-sm { + border-top-left-radius: 0.125rem !important; + } + + .border-radius-top-start-sm-md { + border-top-left-radius: 0.375rem !important; + } + + .border-radius-top-start-sm-lg { + border-top-left-radius: 0.5rem !important; + } + + .border-radius-top-start-sm-xl { + border-top-left-radius: 0.75rem !important; + } + + .border-radius-top-start-sm-2xl { + border-top-left-radius: 1rem !important; + } + + .border-radius-top-start-sm-circle { + border-top-left-radius: 50% !important; + } + + .border-radius-top-start-sm-pill { + border-top-left-radius: 50rem !important; + } + + .border-radius-top-end-sm { + border-top-right-radius: 0.375rem !important; + } + + .border-radius-top-end-sm-0 { + border-top-right-radius: 0 !important; + } + + .border-radius-top-end-sm-sm { + border-top-right-radius: 0.125rem !important; + } + + .border-radius-top-end-sm-md { + border-top-right-radius: 0.375rem !important; + } + + .border-radius-top-end-sm-lg { + border-top-right-radius: 0.5rem !important; + } + + .border-radius-top-end-sm-xl { + border-top-right-radius: 0.75rem !important; + } + + .border-radius-top-end-sm-2xl { + border-top-right-radius: 1rem !important; + } + + .border-radius-top-end-sm-circle { + border-top-right-radius: 50% !important; + } + + .border-radius-top-end-sm-pill { + border-top-right-radius: 50rem !important; + } + + .border-radius-bottom-start-sm { + border-bottom-left-radius: 0.375rem !important; + } + + .border-radius-bottom-start-sm-0 { + border-bottom-left-radius: 0 !important; + } + + .border-radius-bottom-start-sm-sm { + border-bottom-left-radius: 0.125rem !important; + } + + .border-radius-bottom-start-sm-md { + border-bottom-left-radius: 0.375rem !important; + } + + .border-radius-bottom-start-sm-lg { + border-bottom-left-radius: 0.5rem !important; + } + + .border-radius-bottom-start-sm-xl { + border-bottom-left-radius: 0.75rem !important; + } + + .border-radius-bottom-start-sm-2xl { + border-bottom-left-radius: 1rem !important; + } + + .border-radius-bottom-start-sm-circle { + border-bottom-left-radius: 50% !important; + } + + .border-radius-bottom-start-sm-pill { + border-bottom-left-radius: 50rem !important; + } + + .border-radius-bottom-end-sm { + border-bottom-right-radius: 0.375rem !important; + } + + .border-radius-bottom-end-sm-0 { + border-bottom-right-radius: 0 !important; + } + + .border-radius-bottom-end-sm-sm { + border-bottom-right-radius: 0.125rem !important; + } + + .border-radius-bottom-end-sm-md { + border-bottom-right-radius: 0.375rem !important; + } + + .border-radius-bottom-end-sm-lg { + border-bottom-right-radius: 0.5rem !important; + } + + .border-radius-bottom-end-sm-xl { + border-bottom-right-radius: 0.75rem !important; + } + + .border-radius-bottom-end-sm-2xl { + border-bottom-right-radius: 1rem !important; + } + + .border-radius-bottom-end-sm-circle { + border-bottom-right-radius: 50% !important; + } + + .border-radius-bottom-end-sm-pill { + border-bottom-right-radius: 50rem !important; + } +} + +@media (min-width: 768px) { + .float-md-start { + float: left !important; + } + + .float-md-end { + float: right !important; + } + + .float-md-none { + float: none !important; + } + + .d-md-inline { + display: inline !important; + } + + .d-md-inline-block { + display: inline-block !important; + } + + .d-md-block { + display: block !important; + } + + .d-md-grid { + display: grid !important; + } + + .d-md-table { + display: table !important; + } + + .d-md-table-row { + display: table-row !important; + } + + .d-md-table-cell { + display: table-cell !important; + } + + .d-md-flex { + display: flex !important; + } + + .d-md-inline-flex { + display: inline-flex !important; + } + + .d-md-none { + display: none !important; + } + + .border-top-md { + border-top: 1px solid #dee2e6 !important; + } + + .border-top-md-0 { + border-top: 0 !important; + } + + .border-end-md { + border-right: 1px solid #dee2e6 !important; + } + + .border-end-md-0 { + border-right: 0 !important; + } + + .border-bottom-md { + border-bottom: 1px solid #dee2e6 !important; + } + + .border-bottom-md-0 { + border-bottom: 0 !important; + } + + .border-start-md { + border-left: 1px solid #dee2e6 !important; + } + + .border-start-md-0 { + border-left: 0 !important; + } + + .w-md-0 { + width: 0% !important; + } + + .w-md-1 { + width: 1% !important; + } + + .w-md-2 { + width: 2% !important; + } + + .w-md-3 { + width: 3% !important; + } + + .w-md-4 { + width: 4% !important; + } + + .w-md-5 { + width: 5% !important; + } + + .w-md-6 { + width: 6% !important; + } + + .w-md-7 { + width: 7% !important; + } + + .w-md-8 { + width: 8% !important; + } + + .w-md-9 { + width: 9% !important; + } + + .w-md-10 { + width: 10% !important; + } + + .w-md-15 { + width: 15% !important; + } + + .w-md-20 { + width: 20% !important; + } + + .w-md-25 { + width: 25% !important; + } + + .w-md-30 { + width: 30% !important; + } + + .w-md-35 { + width: 35% !important; + } + + .w-md-40 { + width: 40% !important; + } + + .w-md-45 { + width: 45% !important; + } + + .w-md-50 { + width: 50% !important; + } + + .w-md-55 { + width: 55% !important; + } + + .w-md-60 { + width: 60% !important; + } + + .w-md-65 { + width: 65% !important; + } + + .w-md-70 { + width: 70% !important; + } + + .w-md-75 { + width: 75% !important; + } + + .w-md-80 { + width: 80% !important; + } + + .w-md-85 { + width: 85% !important; + } + + .w-md-90 { + width: 90% !important; + } + + .w-md-95 { + width: 95% !important; + } + + .w-md-100 { + width: 100% !important; + } + + .w-md-auto { + width: auto !important; + } + + .flex-md-fill { + flex: 1 1 auto !important; + } + + .flex-md-row { + flex-direction: row !important; + } + + .flex-md-column { + flex-direction: column !important; + } + + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-md-grow-0 { + flex-grow: 0 !important; + } + + .flex-md-grow-1 { + flex-grow: 1 !important; + } + + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + + .flex-md-wrap { + flex-wrap: wrap !important; + } + + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .justify-content-md-start { + justify-content: flex-start !important; + } + + .justify-content-md-end { + justify-content: flex-end !important; + } + + .justify-content-md-center { + justify-content: center !important; + } + + .justify-content-md-between { + justify-content: space-between !important; + } + + .justify-content-md-around { + justify-content: space-around !important; + } + + .justify-content-md-evenly { + justify-content: space-evenly !important; + } + + .align-items-md-start { + align-items: flex-start !important; + } + + .align-items-md-end { + align-items: flex-end !important; + } + + .align-items-md-center { + align-items: center !important; + } + + .align-items-md-baseline { + align-items: baseline !important; + } + + .align-items-md-stretch { + align-items: stretch !important; + } + + .align-content-md-start { + align-content: flex-start !important; + } + + .align-content-md-end { + align-content: flex-end !important; + } + + .align-content-md-center { + align-content: center !important; + } + + .align-content-md-between { + align-content: space-between !important; + } + + .align-content-md-around { + align-content: space-around !important; + } + + .align-content-md-stretch { + align-content: stretch !important; + } + + .align-self-md-auto { + align-self: auto !important; + } + + .align-self-md-start { + align-self: flex-start !important; + } + + .align-self-md-end { + align-self: flex-end !important; + } + + .align-self-md-center { + align-self: center !important; + } + + .align-self-md-baseline { + align-self: baseline !important; + } + + .align-self-md-stretch { + align-self: stretch !important; + } + + .order-md-first { + order: -1 !important; + } + + .order-md-0 { + order: 0 !important; + } + + .order-md-1 { + order: 1 !important; + } + + .order-md-2 { + order: 2 !important; + } + + .order-md-3 { + order: 3 !important; + } + + .order-md-4 { + order: 4 !important; + } + + .order-md-5 { + order: 5 !important; + } + + .order-md-last { + order: 6 !important; + } + + .m-md-0 { + margin: 0 !important; + } + + .m-md-1 { + margin: 0.25rem !important; + } + + .m-md-2 { + margin: 0.5rem !important; + } + + .m-md-3 { + margin: 1rem !important; + } + + .m-md-4 { + margin: 1.5rem !important; + } + + .m-md-5 { + margin: 3rem !important; + } + + .m-md-6 { + margin: 4rem !important; + } + + .m-md-7 { + margin: 6rem !important; + } + + .m-md-8 { + margin: 8rem !important; + } + + .m-md-9 { + margin: 10rem !important; + } + + .m-md-10 { + margin: 12rem !important; + } + + .m-md-11 { + margin: 14rem !important; + } + + .m-md-12 { + margin: 16rem !important; + } + + .m-md-auto { + margin: auto !important; + } + + .mx-md-0 { + margin-right: 0 !important; + margin-left: 0 !important; + } + + .mx-md-1 { + margin-right: 0.25rem !important; + margin-left: 0.25rem !important; + } + + .mx-md-2 { + margin-right: 0.5rem !important; + margin-left: 0.5rem !important; + } + + .mx-md-3 { + margin-right: 1rem !important; + margin-left: 1rem !important; + } + + .mx-md-4 { + margin-right: 1.5rem !important; + margin-left: 1.5rem !important; + } + + .mx-md-5 { + margin-right: 3rem !important; + margin-left: 3rem !important; + } + + .mx-md-6 { + margin-right: 4rem !important; + margin-left: 4rem !important; + } + + .mx-md-7 { + margin-right: 6rem !important; + margin-left: 6rem !important; + } + + .mx-md-8 { + margin-right: 8rem !important; + margin-left: 8rem !important; + } + + .mx-md-9 { + margin-right: 10rem !important; + margin-left: 10rem !important; + } + + .mx-md-10 { + margin-right: 12rem !important; + margin-left: 12rem !important; + } + + .mx-md-11 { + margin-right: 14rem !important; + margin-left: 14rem !important; + } + + .mx-md-12 { + margin-right: 16rem !important; + margin-left: 16rem !important; + } + + .mx-md-auto { + margin-right: auto !important; + margin-left: auto !important; + } + + .my-md-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; + } + + .my-md-1 { + margin-top: 0.25rem !important; + margin-bottom: 0.25rem !important; + } + + .my-md-2 { + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; + } + + .my-md-3 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; + } + + .my-md-4 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; + } + + .my-md-5 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; + } + + .my-md-6 { + margin-top: 4rem !important; + margin-bottom: 4rem !important; + } + + .my-md-7 { + margin-top: 6rem !important; + margin-bottom: 6rem !important; + } + + .my-md-8 { + margin-top: 8rem !important; + margin-bottom: 8rem !important; + } + + .my-md-9 { + margin-top: 10rem !important; + margin-bottom: 10rem !important; + } + + .my-md-10 { + margin-top: 12rem !important; + margin-bottom: 12rem !important; + } + + .my-md-11 { + margin-top: 14rem !important; + margin-bottom: 14rem !important; + } + + .my-md-12 { + margin-top: 16rem !important; + margin-bottom: 16rem !important; + } + + .my-md-auto { + margin-top: auto !important; + margin-bottom: auto !important; + } + + .mt-md-0 { + margin-top: 0 !important; + } + + .mt-md-1 { + margin-top: 0.25rem !important; + } + + .mt-md-2 { + margin-top: 0.5rem !important; + } + + .mt-md-3 { + margin-top: 1rem !important; + } + + .mt-md-4 { + margin-top: 1.5rem !important; + } + + .mt-md-5 { + margin-top: 3rem !important; + } + + .mt-md-6 { + margin-top: 4rem !important; + } + + .mt-md-7 { + margin-top: 6rem !important; + } + + .mt-md-8 { + margin-top: 8rem !important; + } + + .mt-md-9 { + margin-top: 10rem !important; + } + + .mt-md-10 { + margin-top: 12rem !important; + } + + .mt-md-11 { + margin-top: 14rem !important; + } + + .mt-md-12 { + margin-top: 16rem !important; + } + + .mt-md-auto { + margin-top: auto !important; + } + + .me-md-0 { + margin-right: 0 !important; + } + + .me-md-1 { + margin-right: 0.25rem !important; + } + + .me-md-2 { + margin-right: 0.5rem !important; + } + + .me-md-3 { + margin-right: 1rem !important; + } + + .me-md-4 { + margin-right: 1.5rem !important; + } + + .me-md-5 { + margin-right: 3rem !important; + } + + .me-md-6 { + margin-right: 4rem !important; + } + + .me-md-7 { + margin-right: 6rem !important; + } + + .me-md-8 { + margin-right: 8rem !important; + } + + .me-md-9 { + margin-right: 10rem !important; + } + + .me-md-10 { + margin-right: 12rem !important; + } + + .me-md-11 { + margin-right: 14rem !important; + } + + .me-md-12 { + margin-right: 16rem !important; + } + + .me-md-auto { + margin-right: auto !important; + } + + .mb-md-0 { + margin-bottom: 0 !important; + } + + .mb-md-1 { + margin-bottom: 0.25rem !important; + } + + .mb-md-2 { + margin-bottom: 0.5rem !important; + } + + .mb-md-3 { + margin-bottom: 1rem !important; + } + + .mb-md-4 { + margin-bottom: 1.5rem !important; + } + + .mb-md-5 { + margin-bottom: 3rem !important; + } + + .mb-md-6 { + margin-bottom: 4rem !important; + } + + .mb-md-7 { + margin-bottom: 6rem !important; + } + + .mb-md-8 { + margin-bottom: 8rem !important; + } + + .mb-md-9 { + margin-bottom: 10rem !important; + } + + .mb-md-10 { + margin-bottom: 12rem !important; + } + + .mb-md-11 { + margin-bottom: 14rem !important; + } + + .mb-md-12 { + margin-bottom: 16rem !important; + } + + .mb-md-auto { + margin-bottom: auto !important; + } + + .ms-md-0 { + margin-left: 0 !important; + } + + .ms-md-1 { + margin-left: 0.25rem !important; + } + + .ms-md-2 { + margin-left: 0.5rem !important; + } + + .ms-md-3 { + margin-left: 1rem !important; + } + + .ms-md-4 { + margin-left: 1.5rem !important; + } + + .ms-md-5 { + margin-left: 3rem !important; + } + + .ms-md-6 { + margin-left: 4rem !important; + } + + .ms-md-7 { + margin-left: 6rem !important; + } + + .ms-md-8 { + margin-left: 8rem !important; + } + + .ms-md-9 { + margin-left: 10rem !important; + } + + .ms-md-10 { + margin-left: 12rem !important; + } + + .ms-md-11 { + margin-left: 14rem !important; + } + + .ms-md-12 { + margin-left: 16rem !important; + } + + .ms-md-auto { + margin-left: auto !important; + } + + .m-md-n1 { + margin: -0.25rem !important; + } + + .m-md-n2 { + margin: -0.5rem !important; + } + + .m-md-n3 { + margin: -1rem !important; + } + + .m-md-n4 { + margin: -1.5rem !important; + } + + .m-md-n5 { + margin: -3rem !important; + } + + .m-md-n6 { + margin: -4rem !important; + } + + .m-md-n7 { + margin: -6rem !important; + } + + .m-md-n8 { + margin: -8rem !important; + } + + .m-md-n9 { + margin: -10rem !important; + } + + .m-md-n10 { + margin: -12rem !important; + } + + .m-md-n11 { + margin: -14rem !important; + } + + .m-md-n12 { + margin: -16rem !important; + } + + .mx-md-n1 { + margin-right: -0.25rem !important; + margin-left: -0.25rem !important; + } + + .mx-md-n2 { + margin-right: -0.5rem !important; + margin-left: -0.5rem !important; + } + + .mx-md-n3 { + margin-right: -1rem !important; + margin-left: -1rem !important; + } + + .mx-md-n4 { + margin-right: -1.5rem !important; + margin-left: -1.5rem !important; + } + + .mx-md-n5 { + margin-right: -3rem !important; + margin-left: -3rem !important; + } + + .mx-md-n6 { + margin-right: -4rem !important; + margin-left: -4rem !important; + } + + .mx-md-n7 { + margin-right: -6rem !important; + margin-left: -6rem !important; + } + + .mx-md-n8 { + margin-right: -8rem !important; + margin-left: -8rem !important; + } + + .mx-md-n9 { + margin-right: -10rem !important; + margin-left: -10rem !important; + } + + .mx-md-n10 { + margin-right: -12rem !important; + margin-left: -12rem !important; + } + + .mx-md-n11 { + margin-right: -14rem !important; + margin-left: -14rem !important; + } + + .mx-md-n12 { + margin-right: -16rem !important; + margin-left: -16rem !important; + } + + .my-md-n1 { + margin-top: -0.25rem !important; + margin-bottom: -0.25rem !important; + } + + .my-md-n2 { + margin-top: -0.5rem !important; + margin-bottom: -0.5rem !important; + } + + .my-md-n3 { + margin-top: -1rem !important; + margin-bottom: -1rem !important; + } + + .my-md-n4 { + margin-top: -1.5rem !important; + margin-bottom: -1.5rem !important; + } + + .my-md-n5 { + margin-top: -3rem !important; + margin-bottom: -3rem !important; + } + + .my-md-n6 { + margin-top: -4rem !important; + margin-bottom: -4rem !important; + } + + .my-md-n7 { + margin-top: -6rem !important; + margin-bottom: -6rem !important; + } + + .my-md-n8 { + margin-top: -8rem !important; + margin-bottom: -8rem !important; + } + + .my-md-n9 { + margin-top: -10rem !important; + margin-bottom: -10rem !important; + } + + .my-md-n10 { + margin-top: -12rem !important; + margin-bottom: -12rem !important; + } + + .my-md-n11 { + margin-top: -14rem !important; + margin-bottom: -14rem !important; + } + + .my-md-n12 { + margin-top: -16rem !important; + margin-bottom: -16rem !important; + } + + .mt-md-n1 { + margin-top: -0.25rem !important; + } + + .mt-md-n2 { + margin-top: -0.5rem !important; + } + + .mt-md-n3 { + margin-top: -1rem !important; + } + + .mt-md-n4 { + margin-top: -1.5rem !important; + } + + .mt-md-n5 { + margin-top: -3rem !important; + } + + .mt-md-n6 { + margin-top: -4rem !important; + } + + .mt-md-n7 { + margin-top: -6rem !important; + } + + .mt-md-n8 { + margin-top: -8rem !important; + } + + .mt-md-n9 { + margin-top: -10rem !important; + } + + .mt-md-n10 { + margin-top: -12rem !important; + } + + .mt-md-n11 { + margin-top: -14rem !important; + } + + .mt-md-n12 { + margin-top: -16rem !important; + } + + .me-md-n1 { + margin-right: -0.25rem !important; + } + + .me-md-n2 { + margin-right: -0.5rem !important; + } + + .me-md-n3 { + margin-right: -1rem !important; + } + + .me-md-n4 { + margin-right: -1.5rem !important; + } + + .me-md-n5 { + margin-right: -3rem !important; + } + + .me-md-n6 { + margin-right: -4rem !important; + } + + .me-md-n7 { + margin-right: -6rem !important; + } + + .me-md-n8 { + margin-right: -8rem !important; + } + + .me-md-n9 { + margin-right: -10rem !important; + } + + .me-md-n10 { + margin-right: -12rem !important; + } + + .me-md-n11 { + margin-right: -14rem !important; + } + + .me-md-n12 { + margin-right: -16rem !important; + } + + .mb-md-n1 { + margin-bottom: -0.25rem !important; + } + + .mb-md-n2 { + margin-bottom: -0.5rem !important; + } + + .mb-md-n3 { + margin-bottom: -1rem !important; + } + + .mb-md-n4 { + margin-bottom: -1.5rem !important; + } + + .mb-md-n5 { + margin-bottom: -3rem !important; + } + + .mb-md-n6 { + margin-bottom: -4rem !important; + } + + .mb-md-n7 { + margin-bottom: -6rem !important; + } + + .mb-md-n8 { + margin-bottom: -8rem !important; + } + + .mb-md-n9 { + margin-bottom: -10rem !important; + } + + .mb-md-n10 { + margin-bottom: -12rem !important; + } + + .mb-md-n11 { + margin-bottom: -14rem !important; + } + + .mb-md-n12 { + margin-bottom: -16rem !important; + } + + .ms-md-n1 { + margin-left: -0.25rem !important; + } + + .ms-md-n2 { + margin-left: -0.5rem !important; + } + + .ms-md-n3 { + margin-left: -1rem !important; + } + + .ms-md-n4 { + margin-left: -1.5rem !important; + } + + .ms-md-n5 { + margin-left: -3rem !important; + } + + .ms-md-n6 { + margin-left: -4rem !important; + } + + .ms-md-n7 { + margin-left: -6rem !important; + } + + .ms-md-n8 { + margin-left: -8rem !important; + } + + .ms-md-n9 { + margin-left: -10rem !important; + } + + .ms-md-n10 { + margin-left: -12rem !important; + } + + .ms-md-n11 { + margin-left: -14rem !important; + } + + .ms-md-n12 { + margin-left: -16rem !important; + } + + .p-md-0 { + padding: 0 !important; + } + + .p-md-1 { + padding: 0.25rem !important; + } + + .p-md-2 { + padding: 0.5rem !important; + } + + .p-md-3 { + padding: 1rem !important; + } + + .p-md-4 { + padding: 1.5rem !important; + } + + .p-md-5 { + padding: 3rem !important; + } + + .p-md-6 { + padding: 4rem !important; + } + + .p-md-7 { + padding: 6rem !important; + } + + .p-md-8 { + padding: 8rem !important; + } + + .p-md-9 { + padding: 10rem !important; + } + + .p-md-10 { + padding: 12rem !important; + } + + .p-md-11 { + padding: 14rem !important; + } + + .p-md-12 { + padding: 16rem !important; + } + + .px-md-0 { + padding-right: 0 !important; + padding-left: 0 !important; + } + + .px-md-1 { + padding-right: 0.25rem !important; + padding-left: 0.25rem !important; + } + + .px-md-2 { + padding-right: 0.5rem !important; + padding-left: 0.5rem !important; + } + + .px-md-3 { + padding-right: 1rem !important; + padding-left: 1rem !important; + } + + .px-md-4 { + padding-right: 1.5rem !important; + padding-left: 1.5rem !important; + } + + .px-md-5 { + padding-right: 3rem !important; + padding-left: 3rem !important; + } + + .px-md-6 { + padding-right: 4rem !important; + padding-left: 4rem !important; + } + + .px-md-7 { + padding-right: 6rem !important; + padding-left: 6rem !important; + } + + .px-md-8 { + padding-right: 8rem !important; + padding-left: 8rem !important; + } + + .px-md-9 { + padding-right: 10rem !important; + padding-left: 10rem !important; + } + + .px-md-10 { + padding-right: 12rem !important; + padding-left: 12rem !important; + } + + .px-md-11 { + padding-right: 14rem !important; + padding-left: 14rem !important; + } + + .px-md-12 { + padding-right: 16rem !important; + padding-left: 16rem !important; + } + + .py-md-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; + } + + .py-md-1 { + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; + } + + .py-md-2 { + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; + } + + .py-md-3 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; + } + + .py-md-4 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; + } + + .py-md-5 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; + } + + .py-md-6 { + padding-top: 4rem !important; + padding-bottom: 4rem !important; + } + + .py-md-7 { + padding-top: 6rem !important; + padding-bottom: 6rem !important; + } + + .py-md-8 { + padding-top: 8rem !important; + padding-bottom: 8rem !important; + } + + .py-md-9 { + padding-top: 10rem !important; + padding-bottom: 10rem !important; + } + + .py-md-10 { + padding-top: 12rem !important; + padding-bottom: 12rem !important; + } + + .py-md-11 { + padding-top: 14rem !important; + padding-bottom: 14rem !important; + } + + .py-md-12 { + padding-top: 16rem !important; + padding-bottom: 16rem !important; + } + + .pt-md-0 { + padding-top: 0 !important; + } + + .pt-md-1 { + padding-top: 0.25rem !important; + } + + .pt-md-2 { + padding-top: 0.5rem !important; + } + + .pt-md-3 { + padding-top: 1rem !important; + } + + .pt-md-4 { + padding-top: 1.5rem !important; + } + + .pt-md-5 { + padding-top: 3rem !important; + } + + .pt-md-6 { + padding-top: 4rem !important; + } + + .pt-md-7 { + padding-top: 6rem !important; + } + + .pt-md-8 { + padding-top: 8rem !important; + } + + .pt-md-9 { + padding-top: 10rem !important; + } + + .pt-md-10 { + padding-top: 12rem !important; + } + + .pt-md-11 { + padding-top: 14rem !important; + } + + .pt-md-12 { + padding-top: 16rem !important; + } + + .pe-md-0 { + padding-right: 0 !important; + } + + .pe-md-1 { + padding-right: 0.25rem !important; + } + + .pe-md-2 { + padding-right: 0.5rem !important; + } + + .pe-md-3 { + padding-right: 1rem !important; + } + + .pe-md-4 { + padding-right: 1.5rem !important; + } + + .pe-md-5 { + padding-right: 3rem !important; + } + + .pe-md-6 { + padding-right: 4rem !important; + } + + .pe-md-7 { + padding-right: 6rem !important; + } + + .pe-md-8 { + padding-right: 8rem !important; + } + + .pe-md-9 { + padding-right: 10rem !important; + } + + .pe-md-10 { + padding-right: 12rem !important; + } + + .pe-md-11 { + padding-right: 14rem !important; + } + + .pe-md-12 { + padding-right: 16rem !important; + } + + .pb-md-0 { + padding-bottom: 0 !important; + } + + .pb-md-1 { + padding-bottom: 0.25rem !important; + } + + .pb-md-2 { + padding-bottom: 0.5rem !important; + } + + .pb-md-3 { + padding-bottom: 1rem !important; + } + + .pb-md-4 { + padding-bottom: 1.5rem !important; + } + + .pb-md-5 { + padding-bottom: 3rem !important; + } + + .pb-md-6 { + padding-bottom: 4rem !important; + } + + .pb-md-7 { + padding-bottom: 6rem !important; + } + + .pb-md-8 { + padding-bottom: 8rem !important; + } + + .pb-md-9 { + padding-bottom: 10rem !important; + } + + .pb-md-10 { + padding-bottom: 12rem !important; + } + + .pb-md-11 { + padding-bottom: 14rem !important; + } + + .pb-md-12 { + padding-bottom: 16rem !important; + } + + .ps-md-0 { + padding-left: 0 !important; + } + + .ps-md-1 { + padding-left: 0.25rem !important; + } + + .ps-md-2 { + padding-left: 0.5rem !important; + } + + .ps-md-3 { + padding-left: 1rem !important; + } + + .ps-md-4 { + padding-left: 1.5rem !important; + } + + .ps-md-5 { + padding-left: 3rem !important; + } + + .ps-md-6 { + padding-left: 4rem !important; + } + + .ps-md-7 { + padding-left: 6rem !important; + } + + .ps-md-8 { + padding-left: 8rem !important; + } + + .ps-md-9 { + padding-left: 10rem !important; + } + + .ps-md-10 { + padding-left: 12rem !important; + } + + .ps-md-11 { + padding-left: 14rem !important; + } + + .ps-md-12 { + padding-left: 16rem !important; + } + + .gap-md-0 { + gap: 0 !important; + } + + .gap-md-1 { + gap: 0.25rem !important; + } + + .gap-md-2 { + gap: 0.5rem !important; + } + + .gap-md-3 { + gap: 1rem !important; + } + + .gap-md-4 { + gap: 1.5rem !important; + } + + .gap-md-5 { + gap: 3rem !important; + } + + .gap-md-6 { + gap: 4rem !important; + } + + .gap-md-7 { + gap: 6rem !important; + } + + .gap-md-8 { + gap: 8rem !important; + } + + .gap-md-9 { + gap: 10rem !important; + } + + .gap-md-10 { + gap: 12rem !important; + } + + .gap-md-11 { + gap: 14rem !important; + } + + .gap-md-12 { + gap: 16rem !important; + } + + .text-md-start { + text-align: left !important; + } + + .text-md-end { + text-align: right !important; + } + + .text-md-center { + text-align: center !important; + } + + .transform-scale-md-5 { + transform: scale(0.5) !important; + } + + .transform-scale-md-6 { + transform: scale(0.6) !important; + } + + .transform-scale-md-7 { + transform: scale(0.7) !important; + } + + .transform-scale-md-8 { + transform: scale(0.8) !important; + } + + .transform-scale-md-9 { + transform: scale(0.9) !important; + } + + .transform-scale-md-10 { + transform: scale(1) !important; + } + + .border-radius-top-start-md { + border-top-left-radius: 0.375rem !important; + } + + .border-radius-top-start-md-0 { + border-top-left-radius: 0 !important; + } + + .border-radius-top-start-md-sm { + border-top-left-radius: 0.125rem !important; + } + + .border-radius-top-start-md-md { + border-top-left-radius: 0.375rem !important; + } + + .border-radius-top-start-md-lg { + border-top-left-radius: 0.5rem !important; + } + + .border-radius-top-start-md-xl { + border-top-left-radius: 0.75rem !important; + } + + .border-radius-top-start-md-2xl { + border-top-left-radius: 1rem !important; + } + + .border-radius-top-start-md-circle { + border-top-left-radius: 50% !important; + } + + .border-radius-top-start-md-pill { + border-top-left-radius: 50rem !important; + } + + .border-radius-top-end-md { + border-top-right-radius: 0.375rem !important; + } + + .border-radius-top-end-md-0 { + border-top-right-radius: 0 !important; + } + + .border-radius-top-end-md-sm { + border-top-right-radius: 0.125rem !important; + } + + .border-radius-top-end-md-md { + border-top-right-radius: 0.375rem !important; + } + + .border-radius-top-end-md-lg { + border-top-right-radius: 0.5rem !important; + } + + .border-radius-top-end-md-xl { + border-top-right-radius: 0.75rem !important; + } + + .border-radius-top-end-md-2xl { + border-top-right-radius: 1rem !important; + } + + .border-radius-top-end-md-circle { + border-top-right-radius: 50% !important; + } + + .border-radius-top-end-md-pill { + border-top-right-radius: 50rem !important; + } + + .border-radius-bottom-start-md { + border-bottom-left-radius: 0.375rem !important; + } + + .border-radius-bottom-start-md-0 { + border-bottom-left-radius: 0 !important; + } + + .border-radius-bottom-start-md-sm { + border-bottom-left-radius: 0.125rem !important; + } + + .border-radius-bottom-start-md-md { + border-bottom-left-radius: 0.375rem !important; + } + + .border-radius-bottom-start-md-lg { + border-bottom-left-radius: 0.5rem !important; + } + + .border-radius-bottom-start-md-xl { + border-bottom-left-radius: 0.75rem !important; + } + + .border-radius-bottom-start-md-2xl { + border-bottom-left-radius: 1rem !important; + } + + .border-radius-bottom-start-md-circle { + border-bottom-left-radius: 50% !important; + } + + .border-radius-bottom-start-md-pill { + border-bottom-left-radius: 50rem !important; + } + + .border-radius-bottom-end-md { + border-bottom-right-radius: 0.375rem !important; + } + + .border-radius-bottom-end-md-0 { + border-bottom-right-radius: 0 !important; + } + + .border-radius-bottom-end-md-sm { + border-bottom-right-radius: 0.125rem !important; + } + + .border-radius-bottom-end-md-md { + border-bottom-right-radius: 0.375rem !important; + } + + .border-radius-bottom-end-md-lg { + border-bottom-right-radius: 0.5rem !important; + } + + .border-radius-bottom-end-md-xl { + border-bottom-right-radius: 0.75rem !important; + } + + .border-radius-bottom-end-md-2xl { + border-bottom-right-radius: 1rem !important; + } + + .border-radius-bottom-end-md-circle { + border-bottom-right-radius: 50% !important; + } + + .border-radius-bottom-end-md-pill { + border-bottom-right-radius: 50rem !important; + } +} + +@media (min-width: 992px) { + .float-lg-start { + float: left !important; + } + + .float-lg-end { + float: right !important; + } + + .float-lg-none { + float: none !important; + } + + .d-lg-inline { + display: inline !important; + } + + .d-lg-inline-block { + display: inline-block !important; + } + + .d-lg-block { + display: block !important; + } + + .d-lg-grid { + display: grid !important; + } + + .d-lg-table { + display: table !important; + } + + .d-lg-table-row { + display: table-row !important; + } + + .d-lg-table-cell { + display: table-cell !important; + } + + .d-lg-flex { + display: flex !important; + } + + .d-lg-inline-flex { + display: inline-flex !important; + } + + .d-lg-none { + display: none !important; + } + + .border-top-lg { + border-top: 1px solid #dee2e6 !important; + } + + .border-top-lg-0 { + border-top: 0 !important; + } + + .border-end-lg { + border-right: 1px solid #dee2e6 !important; + } + + .border-end-lg-0 { + border-right: 0 !important; + } + + .border-bottom-lg { + border-bottom: 1px solid #dee2e6 !important; + } + + .border-bottom-lg-0 { + border-bottom: 0 !important; + } + + .border-start-lg { + border-left: 1px solid #dee2e6 !important; + } + + .border-start-lg-0 { + border-left: 0 !important; + } + + .w-lg-0 { + width: 0% !important; + } + + .w-lg-1 { + width: 1% !important; + } + + .w-lg-2 { + width: 2% !important; + } + + .w-lg-3 { + width: 3% !important; + } + + .w-lg-4 { + width: 4% !important; + } + + .w-lg-5 { + width: 5% !important; + } + + .w-lg-6 { + width: 6% !important; + } + + .w-lg-7 { + width: 7% !important; + } + + .w-lg-8 { + width: 8% !important; + } + + .w-lg-9 { + width: 9% !important; + } + + .w-lg-10 { + width: 10% !important; + } + + .w-lg-15 { + width: 15% !important; + } + + .w-lg-20 { + width: 20% !important; + } + + .w-lg-25 { + width: 25% !important; + } + + .w-lg-30 { + width: 30% !important; + } + + .w-lg-35 { + width: 35% !important; + } + + .w-lg-40 { + width: 40% !important; + } + + .w-lg-45 { + width: 45% !important; + } + + .w-lg-50 { + width: 50% !important; + } + + .w-lg-55 { + width: 55% !important; + } + + .w-lg-60 { + width: 60% !important; + } + + .w-lg-65 { + width: 65% !important; + } + + .w-lg-70 { + width: 70% !important; + } + + .w-lg-75 { + width: 75% !important; + } + + .w-lg-80 { + width: 80% !important; + } + + .w-lg-85 { + width: 85% !important; + } + + .w-lg-90 { + width: 90% !important; + } + + .w-lg-95 { + width: 95% !important; + } + + .w-lg-100 { + width: 100% !important; + } + + .w-lg-auto { + width: auto !important; + } + + .flex-lg-fill { + flex: 1 1 auto !important; + } + + .flex-lg-row { + flex-direction: row !important; + } + + .flex-lg-column { + flex-direction: column !important; + } + + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + + .flex-lg-wrap { + flex-wrap: wrap !important; + } + + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .justify-content-lg-start { + justify-content: flex-start !important; + } + + .justify-content-lg-end { + justify-content: flex-end !important; + } + + .justify-content-lg-center { + justify-content: center !important; + } + + .justify-content-lg-between { + justify-content: space-between !important; + } + + .justify-content-lg-around { + justify-content: space-around !important; + } + + .justify-content-lg-evenly { + justify-content: space-evenly !important; + } + + .align-items-lg-start { + align-items: flex-start !important; + } + + .align-items-lg-end { + align-items: flex-end !important; + } + + .align-items-lg-center { + align-items: center !important; + } + + .align-items-lg-baseline { + align-items: baseline !important; + } + + .align-items-lg-stretch { + align-items: stretch !important; + } + + .align-content-lg-start { + align-content: flex-start !important; + } + + .align-content-lg-end { + align-content: flex-end !important; + } + + .align-content-lg-center { + align-content: center !important; + } + + .align-content-lg-between { + align-content: space-between !important; + } + + .align-content-lg-around { + align-content: space-around !important; + } + + .align-content-lg-stretch { + align-content: stretch !important; + } + + .align-self-lg-auto { + align-self: auto !important; + } + + .align-self-lg-start { + align-self: flex-start !important; + } + + .align-self-lg-end { + align-self: flex-end !important; + } + + .align-self-lg-center { + align-self: center !important; + } + + .align-self-lg-baseline { + align-self: baseline !important; + } + + .align-self-lg-stretch { + align-self: stretch !important; + } + + .order-lg-first { + order: -1 !important; + } + + .order-lg-0 { + order: 0 !important; + } + + .order-lg-1 { + order: 1 !important; + } + + .order-lg-2 { + order: 2 !important; + } + + .order-lg-3 { + order: 3 !important; + } + + .order-lg-4 { + order: 4 !important; + } + + .order-lg-5 { + order: 5 !important; + } + + .order-lg-last { + order: 6 !important; + } + + .m-lg-0 { + margin: 0 !important; + } + + .m-lg-1 { + margin: 0.25rem !important; + } + + .m-lg-2 { + margin: 0.5rem !important; + } + + .m-lg-3 { + margin: 1rem !important; + } + + .m-lg-4 { + margin: 1.5rem !important; + } + + .m-lg-5 { + margin: 3rem !important; + } + + .m-lg-6 { + margin: 4rem !important; + } + + .m-lg-7 { + margin: 6rem !important; + } + + .m-lg-8 { + margin: 8rem !important; + } + + .m-lg-9 { + margin: 10rem !important; + } + + .m-lg-10 { + margin: 12rem !important; + } + + .m-lg-11 { + margin: 14rem !important; + } + + .m-lg-12 { + margin: 16rem !important; + } + + .m-lg-auto { + margin: auto !important; + } + + .mx-lg-0 { + margin-right: 0 !important; + margin-left: 0 !important; + } + + .mx-lg-1 { + margin-right: 0.25rem !important; + margin-left: 0.25rem !important; + } + + .mx-lg-2 { + margin-right: 0.5rem !important; + margin-left: 0.5rem !important; + } + + .mx-lg-3 { + margin-right: 1rem !important; + margin-left: 1rem !important; + } + + .mx-lg-4 { + margin-right: 1.5rem !important; + margin-left: 1.5rem !important; + } + + .mx-lg-5 { + margin-right: 3rem !important; + margin-left: 3rem !important; + } + + .mx-lg-6 { + margin-right: 4rem !important; + margin-left: 4rem !important; + } + + .mx-lg-7 { + margin-right: 6rem !important; + margin-left: 6rem !important; + } + + .mx-lg-8 { + margin-right: 8rem !important; + margin-left: 8rem !important; + } + + .mx-lg-9 { + margin-right: 10rem !important; + margin-left: 10rem !important; + } + + .mx-lg-10 { + margin-right: 12rem !important; + margin-left: 12rem !important; + } + + .mx-lg-11 { + margin-right: 14rem !important; + margin-left: 14rem !important; + } + + .mx-lg-12 { + margin-right: 16rem !important; + margin-left: 16rem !important; + } + + .mx-lg-auto { + margin-right: auto !important; + margin-left: auto !important; + } + + .my-lg-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; + } + + .my-lg-1 { + margin-top: 0.25rem !important; + margin-bottom: 0.25rem !important; + } + + .my-lg-2 { + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; + } + + .my-lg-3 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; + } + + .my-lg-4 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; + } + + .my-lg-5 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; + } + + .my-lg-6 { + margin-top: 4rem !important; + margin-bottom: 4rem !important; + } + + .my-lg-7 { + margin-top: 6rem !important; + margin-bottom: 6rem !important; + } + + .my-lg-8 { + margin-top: 8rem !important; + margin-bottom: 8rem !important; + } + + .my-lg-9 { + margin-top: 10rem !important; + margin-bottom: 10rem !important; + } + + .my-lg-10 { + margin-top: 12rem !important; + margin-bottom: 12rem !important; + } + + .my-lg-11 { + margin-top: 14rem !important; + margin-bottom: 14rem !important; + } + + .my-lg-12 { + margin-top: 16rem !important; + margin-bottom: 16rem !important; + } + + .my-lg-auto { + margin-top: auto !important; + margin-bottom: auto !important; + } + + .mt-lg-0 { + margin-top: 0 !important; + } + + .mt-lg-1 { + margin-top: 0.25rem !important; + } + + .mt-lg-2 { + margin-top: 0.5rem !important; + } + + .mt-lg-3 { + margin-top: 1rem !important; + } + + .mt-lg-4 { + margin-top: 1.5rem !important; + } + + .mt-lg-5 { + margin-top: 3rem !important; + } + + .mt-lg-6 { + margin-top: 4rem !important; + } + + .mt-lg-7 { + margin-top: 6rem !important; + } + + .mt-lg-8 { + margin-top: 8rem !important; + } + + .mt-lg-9 { + margin-top: 10rem !important; + } + + .mt-lg-10 { + margin-top: 12rem !important; + } + + .mt-lg-11 { + margin-top: 14rem !important; + } + + .mt-lg-12 { + margin-top: 16rem !important; + } + + .mt-lg-auto { + margin-top: auto !important; + } + + .me-lg-0 { + margin-right: 0 !important; + } + + .me-lg-1 { + margin-right: 0.25rem !important; + } + + .me-lg-2 { + margin-right: 0.5rem !important; + } + + .me-lg-3 { + margin-right: 1rem !important; + } + + .me-lg-4 { + margin-right: 1.5rem !important; + } + + .me-lg-5 { + margin-right: 3rem !important; + } + + .me-lg-6 { + margin-right: 4rem !important; + } + + .me-lg-7 { + margin-right: 6rem !important; + } + + .me-lg-8 { + margin-right: 8rem !important; + } + + .me-lg-9 { + margin-right: 10rem !important; + } + + .me-lg-10 { + margin-right: 12rem !important; + } + + .me-lg-11 { + margin-right: 14rem !important; + } + + .me-lg-12 { + margin-right: 16rem !important; + } + + .me-lg-auto { + margin-right: auto !important; + } + + .mb-lg-0 { + margin-bottom: 0 !important; + } + + .mb-lg-1 { + margin-bottom: 0.25rem !important; + } + + .mb-lg-2 { + margin-bottom: 0.5rem !important; + } + + .mb-lg-3 { + margin-bottom: 1rem !important; + } + + .mb-lg-4 { + margin-bottom: 1.5rem !important; + } + + .mb-lg-5 { + margin-bottom: 3rem !important; + } + + .mb-lg-6 { + margin-bottom: 4rem !important; + } + + .mb-lg-7 { + margin-bottom: 6rem !important; + } + + .mb-lg-8 { + margin-bottom: 8rem !important; + } + + .mb-lg-9 { + margin-bottom: 10rem !important; + } + + .mb-lg-10 { + margin-bottom: 12rem !important; + } + + .mb-lg-11 { + margin-bottom: 14rem !important; + } + + .mb-lg-12 { + margin-bottom: 16rem !important; + } + + .mb-lg-auto { + margin-bottom: auto !important; + } + + .ms-lg-0 { + margin-left: 0 !important; + } + + .ms-lg-1 { + margin-left: 0.25rem !important; + } + + .ms-lg-2 { + margin-left: 0.5rem !important; + } + + .ms-lg-3 { + margin-left: 1rem !important; + } + + .ms-lg-4 { + margin-left: 1.5rem !important; + } + + .ms-lg-5 { + margin-left: 3rem !important; + } + + .ms-lg-6 { + margin-left: 4rem !important; + } + + .ms-lg-7 { + margin-left: 6rem !important; + } + + .ms-lg-8 { + margin-left: 8rem !important; + } + + .ms-lg-9 { + margin-left: 10rem !important; + } + + .ms-lg-10 { + margin-left: 12rem !important; + } + + .ms-lg-11 { + margin-left: 14rem !important; + } + + .ms-lg-12 { + margin-left: 16rem !important; + } + + .ms-lg-auto { + margin-left: auto !important; + } + + .m-lg-n1 { + margin: -0.25rem !important; + } + + .m-lg-n2 { + margin: -0.5rem !important; + } + + .m-lg-n3 { + margin: -1rem !important; + } + + .m-lg-n4 { + margin: -1.5rem !important; + } + + .m-lg-n5 { + margin: -3rem !important; + } + + .m-lg-n6 { + margin: -4rem !important; + } + + .m-lg-n7 { + margin: -6rem !important; + } + + .m-lg-n8 { + margin: -8rem !important; + } + + .m-lg-n9 { + margin: -10rem !important; + } + + .m-lg-n10 { + margin: -12rem !important; + } + + .m-lg-n11 { + margin: -14rem !important; + } + + .m-lg-n12 { + margin: -16rem !important; + } + + .mx-lg-n1 { + margin-right: -0.25rem !important; + margin-left: -0.25rem !important; + } + + .mx-lg-n2 { + margin-right: -0.5rem !important; + margin-left: -0.5rem !important; + } + + .mx-lg-n3 { + margin-right: -1rem !important; + margin-left: -1rem !important; + } + + .mx-lg-n4 { + margin-right: -1.5rem !important; + margin-left: -1.5rem !important; + } + + .mx-lg-n5 { + margin-right: -3rem !important; + margin-left: -3rem !important; + } + + .mx-lg-n6 { + margin-right: -4rem !important; + margin-left: -4rem !important; + } + + .mx-lg-n7 { + margin-right: -6rem !important; + margin-left: -6rem !important; + } + + .mx-lg-n8 { + margin-right: -8rem !important; + margin-left: -8rem !important; + } + + .mx-lg-n9 { + margin-right: -10rem !important; + margin-left: -10rem !important; + } + + .mx-lg-n10 { + margin-right: -12rem !important; + margin-left: -12rem !important; + } + + .mx-lg-n11 { + margin-right: -14rem !important; + margin-left: -14rem !important; + } + + .mx-lg-n12 { + margin-right: -16rem !important; + margin-left: -16rem !important; + } + + .my-lg-n1 { + margin-top: -0.25rem !important; + margin-bottom: -0.25rem !important; + } + + .my-lg-n2 { + margin-top: -0.5rem !important; + margin-bottom: -0.5rem !important; + } + + .my-lg-n3 { + margin-top: -1rem !important; + margin-bottom: -1rem !important; + } + + .my-lg-n4 { + margin-top: -1.5rem !important; + margin-bottom: -1.5rem !important; + } + + .my-lg-n5 { + margin-top: -3rem !important; + margin-bottom: -3rem !important; + } + + .my-lg-n6 { + margin-top: -4rem !important; + margin-bottom: -4rem !important; + } + + .my-lg-n7 { + margin-top: -6rem !important; + margin-bottom: -6rem !important; + } + + .my-lg-n8 { + margin-top: -8rem !important; + margin-bottom: -8rem !important; + } + + .my-lg-n9 { + margin-top: -10rem !important; + margin-bottom: -10rem !important; + } + + .my-lg-n10 { + margin-top: -12rem !important; + margin-bottom: -12rem !important; + } + + .my-lg-n11 { + margin-top: -14rem !important; + margin-bottom: -14rem !important; + } + + .my-lg-n12 { + margin-top: -16rem !important; + margin-bottom: -16rem !important; + } + + .mt-lg-n1 { + margin-top: -0.25rem !important; + } + + .mt-lg-n2 { + margin-top: -0.5rem !important; + } + + .mt-lg-n3 { + margin-top: -1rem !important; + } + + .mt-lg-n4 { + margin-top: -1.5rem !important; + } + + .mt-lg-n5 { + margin-top: -3rem !important; + } + + .mt-lg-n6 { + margin-top: -4rem !important; + } + + .mt-lg-n7 { + margin-top: -6rem !important; + } + + .mt-lg-n8 { + margin-top: -8rem !important; + } + + .mt-lg-n9 { + margin-top: -10rem !important; + } + + .mt-lg-n10 { + margin-top: -12rem !important; + } + + .mt-lg-n11 { + margin-top: -14rem !important; + } + + .mt-lg-n12 { + margin-top: -16rem !important; + } + + .me-lg-n1 { + margin-right: -0.25rem !important; + } + + .me-lg-n2 { + margin-right: -0.5rem !important; + } + + .me-lg-n3 { + margin-right: -1rem !important; + } + + .me-lg-n4 { + margin-right: -1.5rem !important; + } + + .me-lg-n5 { + margin-right: -3rem !important; + } + + .me-lg-n6 { + margin-right: -4rem !important; + } + + .me-lg-n7 { + margin-right: -6rem !important; + } + + .me-lg-n8 { + margin-right: -8rem !important; + } + + .me-lg-n9 { + margin-right: -10rem !important; + } + + .me-lg-n10 { + margin-right: -12rem !important; + } + + .me-lg-n11 { + margin-right: -14rem !important; + } + + .me-lg-n12 { + margin-right: -16rem !important; + } + + .mb-lg-n1 { + margin-bottom: -0.25rem !important; + } + + .mb-lg-n2 { + margin-bottom: -0.5rem !important; + } + + .mb-lg-n3 { + margin-bottom: -1rem !important; + } + + .mb-lg-n4 { + margin-bottom: -1.5rem !important; + } + + .mb-lg-n5 { + margin-bottom: -3rem !important; + } + + .mb-lg-n6 { + margin-bottom: -4rem !important; + } + + .mb-lg-n7 { + margin-bottom: -6rem !important; + } + + .mb-lg-n8 { + margin-bottom: -8rem !important; + } + + .mb-lg-n9 { + margin-bottom: -10rem !important; + } + + .mb-lg-n10 { + margin-bottom: -12rem !important; + } + + .mb-lg-n11 { + margin-bottom: -14rem !important; + } + + .mb-lg-n12 { + margin-bottom: -16rem !important; + } + + .ms-lg-n1 { + margin-left: -0.25rem !important; + } + + .ms-lg-n2 { + margin-left: -0.5rem !important; + } + + .ms-lg-n3 { + margin-left: -1rem !important; + } + + .ms-lg-n4 { + margin-left: -1.5rem !important; + } + + .ms-lg-n5 { + margin-left: -3rem !important; + } + + .ms-lg-n6 { + margin-left: -4rem !important; + } + + .ms-lg-n7 { + margin-left: -6rem !important; + } + + .ms-lg-n8 { + margin-left: -8rem !important; + } + + .ms-lg-n9 { + margin-left: -10rem !important; + } + + .ms-lg-n10 { + margin-left: -12rem !important; + } + + .ms-lg-n11 { + margin-left: -14rem !important; + } + + .ms-lg-n12 { + margin-left: -16rem !important; + } + + .p-lg-0 { + padding: 0 !important; + } + + .p-lg-1 { + padding: 0.25rem !important; + } + + .p-lg-2 { + padding: 0.5rem !important; + } + + .p-lg-3 { + padding: 1rem !important; + } + + .p-lg-4 { + padding: 1.5rem !important; + } + + .p-lg-5 { + padding: 3rem !important; + } + + .p-lg-6 { + padding: 4rem !important; + } + + .p-lg-7 { + padding: 6rem !important; + } + + .p-lg-8 { + padding: 8rem !important; + } + + .p-lg-9 { + padding: 10rem !important; + } + + .p-lg-10 { + padding: 12rem !important; + } + + .p-lg-11 { + padding: 14rem !important; + } + + .p-lg-12 { + padding: 16rem !important; + } + + .px-lg-0 { + padding-right: 0 !important; + padding-left: 0 !important; + } + + .px-lg-1 { + padding-right: 0.25rem !important; + padding-left: 0.25rem !important; + } + + .px-lg-2 { + padding-right: 0.5rem !important; + padding-left: 0.5rem !important; + } + + .px-lg-3 { + padding-right: 1rem !important; + padding-left: 1rem !important; + } + + .px-lg-4 { + padding-right: 1.5rem !important; + padding-left: 1.5rem !important; + } + + .px-lg-5 { + padding-right: 3rem !important; + padding-left: 3rem !important; + } + + .px-lg-6 { + padding-right: 4rem !important; + padding-left: 4rem !important; + } + + .px-lg-7 { + padding-right: 6rem !important; + padding-left: 6rem !important; + } + + .px-lg-8 { + padding-right: 8rem !important; + padding-left: 8rem !important; + } + + .px-lg-9 { + padding-right: 10rem !important; + padding-left: 10rem !important; + } + + .px-lg-10 { + padding-right: 12rem !important; + padding-left: 12rem !important; + } + + .px-lg-11 { + padding-right: 14rem !important; + padding-left: 14rem !important; + } + + .px-lg-12 { + padding-right: 16rem !important; + padding-left: 16rem !important; + } + + .py-lg-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; + } + + .py-lg-1 { + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; + } + + .py-lg-2 { + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; + } + + .py-lg-3 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; + } + + .py-lg-4 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; + } + + .py-lg-5 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; + } + + .py-lg-6 { + padding-top: 4rem !important; + padding-bottom: 4rem !important; + } + + .py-lg-7 { + padding-top: 6rem !important; + padding-bottom: 6rem !important; + } + + .py-lg-8 { + padding-top: 8rem !important; + padding-bottom: 8rem !important; + } + + .py-lg-9 { + padding-top: 10rem !important; + padding-bottom: 10rem !important; + } + + .py-lg-10 { + padding-top: 12rem !important; + padding-bottom: 12rem !important; + } + + .py-lg-11 { + padding-top: 14rem !important; + padding-bottom: 14rem !important; + } + + .py-lg-12 { + padding-top: 16rem !important; + padding-bottom: 16rem !important; + } + + .pt-lg-0 { + padding-top: 0 !important; + } + + .pt-lg-1 { + padding-top: 0.25rem !important; + } + + .pt-lg-2 { + padding-top: 0.5rem !important; + } + + .pt-lg-3 { + padding-top: 1rem !important; + } + + .pt-lg-4 { + padding-top: 1.5rem !important; + } + + .pt-lg-5 { + padding-top: 3rem !important; + } + + .pt-lg-6 { + padding-top: 4rem !important; + } + + .pt-lg-7 { + padding-top: 6rem !important; + } + + .pt-lg-8 { + padding-top: 8rem !important; + } + + .pt-lg-9 { + padding-top: 10rem !important; + } + + .pt-lg-10 { + padding-top: 12rem !important; + } + + .pt-lg-11 { + padding-top: 14rem !important; + } + + .pt-lg-12 { + padding-top: 16rem !important; + } + + .pe-lg-0 { + padding-right: 0 !important; + } + + .pe-lg-1 { + padding-right: 0.25rem !important; + } + + .pe-lg-2 { + padding-right: 0.5rem !important; + } + + .pe-lg-3 { + padding-right: 1rem !important; + } + + .pe-lg-4 { + padding-right: 1.5rem !important; + } + + .pe-lg-5 { + padding-right: 3rem !important; + } + + .pe-lg-6 { + padding-right: 4rem !important; + } + + .pe-lg-7 { + padding-right: 6rem !important; + } + + .pe-lg-8 { + padding-right: 8rem !important; + } + + .pe-lg-9 { + padding-right: 10rem !important; + } + + .pe-lg-10 { + padding-right: 12rem !important; + } + + .pe-lg-11 { + padding-right: 14rem !important; + } + + .pe-lg-12 { + padding-right: 16rem !important; + } + + .pb-lg-0 { + padding-bottom: 0 !important; + } + + .pb-lg-1 { + padding-bottom: 0.25rem !important; + } + + .pb-lg-2 { + padding-bottom: 0.5rem !important; + } + + .pb-lg-3 { + padding-bottom: 1rem !important; + } + + .pb-lg-4 { + padding-bottom: 1.5rem !important; + } + + .pb-lg-5 { + padding-bottom: 3rem !important; + } + + .pb-lg-6 { + padding-bottom: 4rem !important; + } + + .pb-lg-7 { + padding-bottom: 6rem !important; + } + + .pb-lg-8 { + padding-bottom: 8rem !important; + } + + .pb-lg-9 { + padding-bottom: 10rem !important; + } + + .pb-lg-10 { + padding-bottom: 12rem !important; + } + + .pb-lg-11 { + padding-bottom: 14rem !important; + } + + .pb-lg-12 { + padding-bottom: 16rem !important; + } + + .ps-lg-0 { + padding-left: 0 !important; + } + + .ps-lg-1 { + padding-left: 0.25rem !important; + } + + .ps-lg-2 { + padding-left: 0.5rem !important; + } + + .ps-lg-3 { + padding-left: 1rem !important; + } + + .ps-lg-4 { + padding-left: 1.5rem !important; + } + + .ps-lg-5 { + padding-left: 3rem !important; + } + + .ps-lg-6 { + padding-left: 4rem !important; + } + + .ps-lg-7 { + padding-left: 6rem !important; + } + + .ps-lg-8 { + padding-left: 8rem !important; + } + + .ps-lg-9 { + padding-left: 10rem !important; + } + + .ps-lg-10 { + padding-left: 12rem !important; + } + + .ps-lg-11 { + padding-left: 14rem !important; + } + + .ps-lg-12 { + padding-left: 16rem !important; + } + + .gap-lg-0 { + gap: 0 !important; + } + + .gap-lg-1 { + gap: 0.25rem !important; + } + + .gap-lg-2 { + gap: 0.5rem !important; + } + + .gap-lg-3 { + gap: 1rem !important; + } + + .gap-lg-4 { + gap: 1.5rem !important; + } + + .gap-lg-5 { + gap: 3rem !important; + } + + .gap-lg-6 { + gap: 4rem !important; + } + + .gap-lg-7 { + gap: 6rem !important; + } + + .gap-lg-8 { + gap: 8rem !important; + } + + .gap-lg-9 { + gap: 10rem !important; + } + + .gap-lg-10 { + gap: 12rem !important; + } + + .gap-lg-11 { + gap: 14rem !important; + } + + .gap-lg-12 { + gap: 16rem !important; + } + + .text-lg-start { + text-align: left !important; + } + + .text-lg-end { + text-align: right !important; + } + + .text-lg-center { + text-align: center !important; + } + + .transform-scale-lg-5 { + transform: scale(0.5) !important; + } + + .transform-scale-lg-6 { + transform: scale(0.6) !important; + } + + .transform-scale-lg-7 { + transform: scale(0.7) !important; + } + + .transform-scale-lg-8 { + transform: scale(0.8) !important; + } + + .transform-scale-lg-9 { + transform: scale(0.9) !important; + } + + .transform-scale-lg-10 { + transform: scale(1) !important; + } + + .border-radius-top-start-lg { + border-top-left-radius: 0.375rem !important; + } + + .border-radius-top-start-lg-0 { + border-top-left-radius: 0 !important; + } + + .border-radius-top-start-lg-sm { + border-top-left-radius: 0.125rem !important; + } + + .border-radius-top-start-lg-md { + border-top-left-radius: 0.375rem !important; + } + + .border-radius-top-start-lg-lg { + border-top-left-radius: 0.5rem !important; + } + + .border-radius-top-start-lg-xl { + border-top-left-radius: 0.75rem !important; + } + + .border-radius-top-start-lg-2xl { + border-top-left-radius: 1rem !important; + } + + .border-radius-top-start-lg-circle { + border-top-left-radius: 50% !important; + } + + .border-radius-top-start-lg-pill { + border-top-left-radius: 50rem !important; + } + + .border-radius-top-end-lg { + border-top-right-radius: 0.375rem !important; + } + + .border-radius-top-end-lg-0 { + border-top-right-radius: 0 !important; + } + + .border-radius-top-end-lg-sm { + border-top-right-radius: 0.125rem !important; + } + + .border-radius-top-end-lg-md { + border-top-right-radius: 0.375rem !important; + } + + .border-radius-top-end-lg-lg { + border-top-right-radius: 0.5rem !important; + } + + .border-radius-top-end-lg-xl { + border-top-right-radius: 0.75rem !important; + } + + .border-radius-top-end-lg-2xl { + border-top-right-radius: 1rem !important; + } + + .border-radius-top-end-lg-circle { + border-top-right-radius: 50% !important; + } + + .border-radius-top-end-lg-pill { + border-top-right-radius: 50rem !important; + } + + .border-radius-bottom-start-lg { + border-bottom-left-radius: 0.375rem !important; + } + + .border-radius-bottom-start-lg-0 { + border-bottom-left-radius: 0 !important; + } + + .border-radius-bottom-start-lg-sm { + border-bottom-left-radius: 0.125rem !important; + } + + .border-radius-bottom-start-lg-md { + border-bottom-left-radius: 0.375rem !important; + } + + .border-radius-bottom-start-lg-lg { + border-bottom-left-radius: 0.5rem !important; + } + + .border-radius-bottom-start-lg-xl { + border-bottom-left-radius: 0.75rem !important; + } + + .border-radius-bottom-start-lg-2xl { + border-bottom-left-radius: 1rem !important; + } + + .border-radius-bottom-start-lg-circle { + border-bottom-left-radius: 50% !important; + } + + .border-radius-bottom-start-lg-pill { + border-bottom-left-radius: 50rem !important; + } + + .border-radius-bottom-end-lg { + border-bottom-right-radius: 0.375rem !important; + } + + .border-radius-bottom-end-lg-0 { + border-bottom-right-radius: 0 !important; + } + + .border-radius-bottom-end-lg-sm { + border-bottom-right-radius: 0.125rem !important; + } + + .border-radius-bottom-end-lg-md { + border-bottom-right-radius: 0.375rem !important; + } + + .border-radius-bottom-end-lg-lg { + border-bottom-right-radius: 0.5rem !important; + } + + .border-radius-bottom-end-lg-xl { + border-bottom-right-radius: 0.75rem !important; + } + + .border-radius-bottom-end-lg-2xl { + border-bottom-right-radius: 1rem !important; + } + + .border-radius-bottom-end-lg-circle { + border-bottom-right-radius: 50% !important; + } + + .border-radius-bottom-end-lg-pill { + border-bottom-right-radius: 50rem !important; + } +} + +@media (min-width: 1200px) { + .float-xl-start { + float: left !important; + } + + .float-xl-end { + float: right !important; + } + + .float-xl-none { + float: none !important; + } + + .d-xl-inline { + display: inline !important; + } + + .d-xl-inline-block { + display: inline-block !important; + } + + .d-xl-block { + display: block !important; + } + + .d-xl-grid { + display: grid !important; + } + + .d-xl-table { + display: table !important; + } + + .d-xl-table-row { + display: table-row !important; + } + + .d-xl-table-cell { + display: table-cell !important; + } + + .d-xl-flex { + display: flex !important; + } + + .d-xl-inline-flex { + display: inline-flex !important; + } + + .d-xl-none { + display: none !important; + } + + .border-top-xl { + border-top: 1px solid #dee2e6 !important; + } + + .border-top-xl-0 { + border-top: 0 !important; + } + + .border-end-xl { + border-right: 1px solid #dee2e6 !important; + } + + .border-end-xl-0 { + border-right: 0 !important; + } + + .border-bottom-xl { + border-bottom: 1px solid #dee2e6 !important; + } + + .border-bottom-xl-0 { + border-bottom: 0 !important; + } + + .border-start-xl { + border-left: 1px solid #dee2e6 !important; + } + + .border-start-xl-0 { + border-left: 0 !important; + } + + .w-xl-0 { + width: 0% !important; + } + + .w-xl-1 { + width: 1% !important; + } + + .w-xl-2 { + width: 2% !important; + } + + .w-xl-3 { + width: 3% !important; + } + + .w-xl-4 { + width: 4% !important; + } + + .w-xl-5 { + width: 5% !important; + } + + .w-xl-6 { + width: 6% !important; + } + + .w-xl-7 { + width: 7% !important; + } + + .w-xl-8 { + width: 8% !important; + } + + .w-xl-9 { + width: 9% !important; + } + + .w-xl-10 { + width: 10% !important; + } + + .w-xl-15 { + width: 15% !important; + } + + .w-xl-20 { + width: 20% !important; + } + + .w-xl-25 { + width: 25% !important; + } + + .w-xl-30 { + width: 30% !important; + } + + .w-xl-35 { + width: 35% !important; + } + + .w-xl-40 { + width: 40% !important; + } + + .w-xl-45 { + width: 45% !important; + } + + .w-xl-50 { + width: 50% !important; + } + + .w-xl-55 { + width: 55% !important; + } + + .w-xl-60 { + width: 60% !important; + } + + .w-xl-65 { + width: 65% !important; + } + + .w-xl-70 { + width: 70% !important; + } + + .w-xl-75 { + width: 75% !important; + } + + .w-xl-80 { + width: 80% !important; + } + + .w-xl-85 { + width: 85% !important; + } + + .w-xl-90 { + width: 90% !important; + } + + .w-xl-95 { + width: 95% !important; + } + + .w-xl-100 { + width: 100% !important; + } + + .w-xl-auto { + width: auto !important; + } + + .flex-xl-fill { + flex: 1 1 auto !important; + } + + .flex-xl-row { + flex-direction: row !important; + } + + .flex-xl-column { + flex-direction: column !important; + } + + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + + .flex-xl-wrap { + flex-wrap: wrap !important; + } + + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .justify-content-xl-start { + justify-content: flex-start !important; + } + + .justify-content-xl-end { + justify-content: flex-end !important; + } + + .justify-content-xl-center { + justify-content: center !important; + } + + .justify-content-xl-between { + justify-content: space-between !important; + } + + .justify-content-xl-around { + justify-content: space-around !important; + } + + .justify-content-xl-evenly { + justify-content: space-evenly !important; + } + + .align-items-xl-start { + align-items: flex-start !important; + } + + .align-items-xl-end { + align-items: flex-end !important; + } + + .align-items-xl-center { + align-items: center !important; + } + + .align-items-xl-baseline { + align-items: baseline !important; + } + + .align-items-xl-stretch { + align-items: stretch !important; + } + + .align-content-xl-start { + align-content: flex-start !important; + } + + .align-content-xl-end { + align-content: flex-end !important; + } + + .align-content-xl-center { + align-content: center !important; + } + + .align-content-xl-between { + align-content: space-between !important; + } + + .align-content-xl-around { + align-content: space-around !important; + } + + .align-content-xl-stretch { + align-content: stretch !important; + } + + .align-self-xl-auto { + align-self: auto !important; + } + + .align-self-xl-start { + align-self: flex-start !important; + } + + .align-self-xl-end { + align-self: flex-end !important; + } + + .align-self-xl-center { + align-self: center !important; + } + + .align-self-xl-baseline { + align-self: baseline !important; + } + + .align-self-xl-stretch { + align-self: stretch !important; + } + + .order-xl-first { + order: -1 !important; + } + + .order-xl-0 { + order: 0 !important; + } + + .order-xl-1 { + order: 1 !important; + } + + .order-xl-2 { + order: 2 !important; + } + + .order-xl-3 { + order: 3 !important; + } + + .order-xl-4 { + order: 4 !important; + } + + .order-xl-5 { + order: 5 !important; + } + + .order-xl-last { + order: 6 !important; + } + + .m-xl-0 { + margin: 0 !important; + } + + .m-xl-1 { + margin: 0.25rem !important; + } + + .m-xl-2 { + margin: 0.5rem !important; + } + + .m-xl-3 { + margin: 1rem !important; + } + + .m-xl-4 { + margin: 1.5rem !important; + } + + .m-xl-5 { + margin: 3rem !important; + } + + .m-xl-6 { + margin: 4rem !important; + } + + .m-xl-7 { + margin: 6rem !important; + } + + .m-xl-8 { + margin: 8rem !important; + } + + .m-xl-9 { + margin: 10rem !important; + } + + .m-xl-10 { + margin: 12rem !important; + } + + .m-xl-11 { + margin: 14rem !important; + } + + .m-xl-12 { + margin: 16rem !important; + } + + .m-xl-auto { + margin: auto !important; + } + + .mx-xl-0 { + margin-right: 0 !important; + margin-left: 0 !important; + } + + .mx-xl-1 { + margin-right: 0.25rem !important; + margin-left: 0.25rem !important; + } + + .mx-xl-2 { + margin-right: 0.5rem !important; + margin-left: 0.5rem !important; + } + + .mx-xl-3 { + margin-right: 1rem !important; + margin-left: 1rem !important; + } + + .mx-xl-4 { + margin-right: 1.5rem !important; + margin-left: 1.5rem !important; + } + + .mx-xl-5 { + margin-right: 3rem !important; + margin-left: 3rem !important; + } + + .mx-xl-6 { + margin-right: 4rem !important; + margin-left: 4rem !important; + } + + .mx-xl-7 { + margin-right: 6rem !important; + margin-left: 6rem !important; + } + + .mx-xl-8 { + margin-right: 8rem !important; + margin-left: 8rem !important; + } + + .mx-xl-9 { + margin-right: 10rem !important; + margin-left: 10rem !important; + } + + .mx-xl-10 { + margin-right: 12rem !important; + margin-left: 12rem !important; + } + + .mx-xl-11 { + margin-right: 14rem !important; + margin-left: 14rem !important; + } + + .mx-xl-12 { + margin-right: 16rem !important; + margin-left: 16rem !important; + } + + .mx-xl-auto { + margin-right: auto !important; + margin-left: auto !important; + } + + .my-xl-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; + } + + .my-xl-1 { + margin-top: 0.25rem !important; + margin-bottom: 0.25rem !important; + } + + .my-xl-2 { + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; + } + + .my-xl-3 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; + } + + .my-xl-4 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; + } + + .my-xl-5 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; + } + + .my-xl-6 { + margin-top: 4rem !important; + margin-bottom: 4rem !important; + } + + .my-xl-7 { + margin-top: 6rem !important; + margin-bottom: 6rem !important; + } + + .my-xl-8 { + margin-top: 8rem !important; + margin-bottom: 8rem !important; + } + + .my-xl-9 { + margin-top: 10rem !important; + margin-bottom: 10rem !important; + } + + .my-xl-10 { + margin-top: 12rem !important; + margin-bottom: 12rem !important; + } + + .my-xl-11 { + margin-top: 14rem !important; + margin-bottom: 14rem !important; + } + + .my-xl-12 { + margin-top: 16rem !important; + margin-bottom: 16rem !important; + } + + .my-xl-auto { + margin-top: auto !important; + margin-bottom: auto !important; + } + + .mt-xl-0 { + margin-top: 0 !important; + } + + .mt-xl-1 { + margin-top: 0.25rem !important; + } + + .mt-xl-2 { + margin-top: 0.5rem !important; + } + + .mt-xl-3 { + margin-top: 1rem !important; + } + + .mt-xl-4 { + margin-top: 1.5rem !important; + } + + .mt-xl-5 { + margin-top: 3rem !important; + } + + .mt-xl-6 { + margin-top: 4rem !important; + } + + .mt-xl-7 { + margin-top: 6rem !important; + } + + .mt-xl-8 { + margin-top: 8rem !important; + } + + .mt-xl-9 { + margin-top: 10rem !important; + } + + .mt-xl-10 { + margin-top: 12rem !important; + } + + .mt-xl-11 { + margin-top: 14rem !important; + } + + .mt-xl-12 { + margin-top: 16rem !important; + } + + .mt-xl-auto { + margin-top: auto !important; + } + + .me-xl-0 { + margin-right: 0 !important; + } + + .me-xl-1 { + margin-right: 0.25rem !important; + } + + .me-xl-2 { + margin-right: 0.5rem !important; + } + + .me-xl-3 { + margin-right: 1rem !important; + } + + .me-xl-4 { + margin-right: 1.5rem !important; + } + + .me-xl-5 { + margin-right: 3rem !important; + } + + .me-xl-6 { + margin-right: 4rem !important; + } + + .me-xl-7 { + margin-right: 6rem !important; + } + + .me-xl-8 { + margin-right: 8rem !important; + } + + .me-xl-9 { + margin-right: 10rem !important; + } + + .me-xl-10 { + margin-right: 12rem !important; + } + + .me-xl-11 { + margin-right: 14rem !important; + } + + .me-xl-12 { + margin-right: 16rem !important; + } + + .me-xl-auto { + margin-right: auto !important; + } + + .mb-xl-0 { + margin-bottom: 0 !important; + } + + .mb-xl-1 { + margin-bottom: 0.25rem !important; + } + + .mb-xl-2 { + margin-bottom: 0.5rem !important; + } + + .mb-xl-3 { + margin-bottom: 1rem !important; + } + + .mb-xl-4 { + margin-bottom: 1.5rem !important; + } + + .mb-xl-5 { + margin-bottom: 3rem !important; + } + + .mb-xl-6 { + margin-bottom: 4rem !important; + } + + .mb-xl-7 { + margin-bottom: 6rem !important; + } + + .mb-xl-8 { + margin-bottom: 8rem !important; + } + + .mb-xl-9 { + margin-bottom: 10rem !important; + } + + .mb-xl-10 { + margin-bottom: 12rem !important; + } + + .mb-xl-11 { + margin-bottom: 14rem !important; + } + + .mb-xl-12 { + margin-bottom: 16rem !important; + } + + .mb-xl-auto { + margin-bottom: auto !important; + } + + .ms-xl-0 { + margin-left: 0 !important; + } + + .ms-xl-1 { + margin-left: 0.25rem !important; + } + + .ms-xl-2 { + margin-left: 0.5rem !important; + } + + .ms-xl-3 { + margin-left: 1rem !important; + } + + .ms-xl-4 { + margin-left: 1.5rem !important; + } + + .ms-xl-5 { + margin-left: 3rem !important; + } + + .ms-xl-6 { + margin-left: 4rem !important; + } + + .ms-xl-7 { + margin-left: 6rem !important; + } + + .ms-xl-8 { + margin-left: 8rem !important; + } + + .ms-xl-9 { + margin-left: 10rem !important; + } + + .ms-xl-10 { + margin-left: 12rem !important; + } + + .ms-xl-11 { + margin-left: 14rem !important; + } + + .ms-xl-12 { + margin-left: 16rem !important; + } + + .ms-xl-auto { + margin-left: auto !important; + } + + .m-xl-n1 { + margin: -0.25rem !important; + } + + .m-xl-n2 { + margin: -0.5rem !important; + } + + .m-xl-n3 { + margin: -1rem !important; + } + + .m-xl-n4 { + margin: -1.5rem !important; + } + + .m-xl-n5 { + margin: -3rem !important; + } + + .m-xl-n6 { + margin: -4rem !important; + } + + .m-xl-n7 { + margin: -6rem !important; + } + + .m-xl-n8 { + margin: -8rem !important; + } + + .m-xl-n9 { + margin: -10rem !important; + } + + .m-xl-n10 { + margin: -12rem !important; + } + + .m-xl-n11 { + margin: -14rem !important; + } + + .m-xl-n12 { + margin: -16rem !important; + } + + .mx-xl-n1 { + margin-right: -0.25rem !important; + margin-left: -0.25rem !important; + } + + .mx-xl-n2 { + margin-right: -0.5rem !important; + margin-left: -0.5rem !important; + } + + .mx-xl-n3 { + margin-right: -1rem !important; + margin-left: -1rem !important; + } + + .mx-xl-n4 { + margin-right: -1.5rem !important; + margin-left: -1.5rem !important; + } + + .mx-xl-n5 { + margin-right: -3rem !important; + margin-left: -3rem !important; + } + + .mx-xl-n6 { + margin-right: -4rem !important; + margin-left: -4rem !important; + } + + .mx-xl-n7 { + margin-right: -6rem !important; + margin-left: -6rem !important; + } + + .mx-xl-n8 { + margin-right: -8rem !important; + margin-left: -8rem !important; + } + + .mx-xl-n9 { + margin-right: -10rem !important; + margin-left: -10rem !important; + } + + .mx-xl-n10 { + margin-right: -12rem !important; + margin-left: -12rem !important; + } + + .mx-xl-n11 { + margin-right: -14rem !important; + margin-left: -14rem !important; + } + + .mx-xl-n12 { + margin-right: -16rem !important; + margin-left: -16rem !important; + } + + .my-xl-n1 { + margin-top: -0.25rem !important; + margin-bottom: -0.25rem !important; + } + + .my-xl-n2 { + margin-top: -0.5rem !important; + margin-bottom: -0.5rem !important; + } + + .my-xl-n3 { + margin-top: -1rem !important; + margin-bottom: -1rem !important; + } + + .my-xl-n4 { + margin-top: -1.5rem !important; + margin-bottom: -1.5rem !important; + } + + .my-xl-n5 { + margin-top: -3rem !important; + margin-bottom: -3rem !important; + } + + .my-xl-n6 { + margin-top: -4rem !important; + margin-bottom: -4rem !important; + } + + .my-xl-n7 { + margin-top: -6rem !important; + margin-bottom: -6rem !important; + } + + .my-xl-n8 { + margin-top: -8rem !important; + margin-bottom: -8rem !important; + } + + .my-xl-n9 { + margin-top: -10rem !important; + margin-bottom: -10rem !important; + } + + .my-xl-n10 { + margin-top: -12rem !important; + margin-bottom: -12rem !important; + } + + .my-xl-n11 { + margin-top: -14rem !important; + margin-bottom: -14rem !important; + } + + .my-xl-n12 { + margin-top: -16rem !important; + margin-bottom: -16rem !important; + } + + .mt-xl-n1 { + margin-top: -0.25rem !important; + } + + .mt-xl-n2 { + margin-top: -0.5rem !important; + } + + .mt-xl-n3 { + margin-top: -1rem !important; + } + + .mt-xl-n4 { + margin-top: -1.5rem !important; + } + + .mt-xl-n5 { + margin-top: -3rem !important; + } + + .mt-xl-n6 { + margin-top: -4rem !important; + } + + .mt-xl-n7 { + margin-top: -6rem !important; + } + + .mt-xl-n8 { + margin-top: -8rem !important; + } + + .mt-xl-n9 { + margin-top: -10rem !important; + } + + .mt-xl-n10 { + margin-top: -12rem !important; + } + + .mt-xl-n11 { + margin-top: -14rem !important; + } + + .mt-xl-n12 { + margin-top: -16rem !important; + } + + .me-xl-n1 { + margin-right: -0.25rem !important; + } + + .me-xl-n2 { + margin-right: -0.5rem !important; + } + + .me-xl-n3 { + margin-right: -1rem !important; + } + + .me-xl-n4 { + margin-right: -1.5rem !important; + } + + .me-xl-n5 { + margin-right: -3rem !important; + } + + .me-xl-n6 { + margin-right: -4rem !important; + } + + .me-xl-n7 { + margin-right: -6rem !important; + } + + .me-xl-n8 { + margin-right: -8rem !important; + } + + .me-xl-n9 { + margin-right: -10rem !important; + } + + .me-xl-n10 { + margin-right: -12rem !important; + } + + .me-xl-n11 { + margin-right: -14rem !important; + } + + .me-xl-n12 { + margin-right: -16rem !important; + } + + .mb-xl-n1 { + margin-bottom: -0.25rem !important; + } + + .mb-xl-n2 { + margin-bottom: -0.5rem !important; + } + + .mb-xl-n3 { + margin-bottom: -1rem !important; + } + + .mb-xl-n4 { + margin-bottom: -1.5rem !important; + } + + .mb-xl-n5 { + margin-bottom: -3rem !important; + } + + .mb-xl-n6 { + margin-bottom: -4rem !important; + } + + .mb-xl-n7 { + margin-bottom: -6rem !important; + } + + .mb-xl-n8 { + margin-bottom: -8rem !important; + } + + .mb-xl-n9 { + margin-bottom: -10rem !important; + } + + .mb-xl-n10 { + margin-bottom: -12rem !important; + } + + .mb-xl-n11 { + margin-bottom: -14rem !important; + } + + .mb-xl-n12 { + margin-bottom: -16rem !important; + } + + .ms-xl-n1 { + margin-left: -0.25rem !important; + } + + .ms-xl-n2 { + margin-left: -0.5rem !important; + } + + .ms-xl-n3 { + margin-left: -1rem !important; + } + + .ms-xl-n4 { + margin-left: -1.5rem !important; + } + + .ms-xl-n5 { + margin-left: -3rem !important; + } + + .ms-xl-n6 { + margin-left: -4rem !important; + } + + .ms-xl-n7 { + margin-left: -6rem !important; + } + + .ms-xl-n8 { + margin-left: -8rem !important; + } + + .ms-xl-n9 { + margin-left: -10rem !important; + } + + .ms-xl-n10 { + margin-left: -12rem !important; + } + + .ms-xl-n11 { + margin-left: -14rem !important; + } + + .ms-xl-n12 { + margin-left: -16rem !important; + } + + .p-xl-0 { + padding: 0 !important; + } + + .p-xl-1 { + padding: 0.25rem !important; + } + + .p-xl-2 { + padding: 0.5rem !important; + } + + .p-xl-3 { + padding: 1rem !important; + } + + .p-xl-4 { + padding: 1.5rem !important; + } + + .p-xl-5 { + padding: 3rem !important; + } + + .p-xl-6 { + padding: 4rem !important; + } + + .p-xl-7 { + padding: 6rem !important; + } + + .p-xl-8 { + padding: 8rem !important; + } + + .p-xl-9 { + padding: 10rem !important; + } + + .p-xl-10 { + padding: 12rem !important; + } + + .p-xl-11 { + padding: 14rem !important; + } + + .p-xl-12 { + padding: 16rem !important; + } + + .px-xl-0 { + padding-right: 0 !important; + padding-left: 0 !important; + } + + .px-xl-1 { + padding-right: 0.25rem !important; + padding-left: 0.25rem !important; + } + + .px-xl-2 { + padding-right: 0.5rem !important; + padding-left: 0.5rem !important; + } + + .px-xl-3 { + padding-right: 1rem !important; + padding-left: 1rem !important; + } + + .px-xl-4 { + padding-right: 1.5rem !important; + padding-left: 1.5rem !important; + } + + .px-xl-5 { + padding-right: 3rem !important; + padding-left: 3rem !important; + } + + .px-xl-6 { + padding-right: 4rem !important; + padding-left: 4rem !important; + } + + .px-xl-7 { + padding-right: 6rem !important; + padding-left: 6rem !important; + } + + .px-xl-8 { + padding-right: 8rem !important; + padding-left: 8rem !important; + } + + .px-xl-9 { + padding-right: 10rem !important; + padding-left: 10rem !important; + } + + .px-xl-10 { + padding-right: 12rem !important; + padding-left: 12rem !important; + } + + .px-xl-11 { + padding-right: 14rem !important; + padding-left: 14rem !important; + } + + .px-xl-12 { + padding-right: 16rem !important; + padding-left: 16rem !important; + } + + .py-xl-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; + } + + .py-xl-1 { + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; + } + + .py-xl-2 { + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; + } + + .py-xl-3 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; + } + + .py-xl-4 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; + } + + .py-xl-5 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; + } + + .py-xl-6 { + padding-top: 4rem !important; + padding-bottom: 4rem !important; + } + + .py-xl-7 { + padding-top: 6rem !important; + padding-bottom: 6rem !important; + } + + .py-xl-8 { + padding-top: 8rem !important; + padding-bottom: 8rem !important; + } + + .py-xl-9 { + padding-top: 10rem !important; + padding-bottom: 10rem !important; + } + + .py-xl-10 { + padding-top: 12rem !important; + padding-bottom: 12rem !important; + } + + .py-xl-11 { + padding-top: 14rem !important; + padding-bottom: 14rem !important; + } + + .py-xl-12 { + padding-top: 16rem !important; + padding-bottom: 16rem !important; + } + + .pt-xl-0 { + padding-top: 0 !important; + } + + .pt-xl-1 { + padding-top: 0.25rem !important; + } + + .pt-xl-2 { + padding-top: 0.5rem !important; + } + + .pt-xl-3 { + padding-top: 1rem !important; + } + + .pt-xl-4 { + padding-top: 1.5rem !important; + } + + .pt-xl-5 { + padding-top: 3rem !important; + } + + .pt-xl-6 { + padding-top: 4rem !important; + } + + .pt-xl-7 { + padding-top: 6rem !important; + } + + .pt-xl-8 { + padding-top: 8rem !important; + } + + .pt-xl-9 { + padding-top: 10rem !important; + } + + .pt-xl-10 { + padding-top: 12rem !important; + } + + .pt-xl-11 { + padding-top: 14rem !important; + } + + .pt-xl-12 { + padding-top: 16rem !important; + } + + .pe-xl-0 { + padding-right: 0 !important; + } + + .pe-xl-1 { + padding-right: 0.25rem !important; + } + + .pe-xl-2 { + padding-right: 0.5rem !important; + } + + .pe-xl-3 { + padding-right: 1rem !important; + } + + .pe-xl-4 { + padding-right: 1.5rem !important; + } + + .pe-xl-5 { + padding-right: 3rem !important; + } + + .pe-xl-6 { + padding-right: 4rem !important; + } + + .pe-xl-7 { + padding-right: 6rem !important; + } + + .pe-xl-8 { + padding-right: 8rem !important; + } + + .pe-xl-9 { + padding-right: 10rem !important; + } + + .pe-xl-10 { + padding-right: 12rem !important; + } + + .pe-xl-11 { + padding-right: 14rem !important; + } + + .pe-xl-12 { + padding-right: 16rem !important; + } + + .pb-xl-0 { + padding-bottom: 0 !important; + } + + .pb-xl-1 { + padding-bottom: 0.25rem !important; + } + + .pb-xl-2 { + padding-bottom: 0.5rem !important; + } + + .pb-xl-3 { + padding-bottom: 1rem !important; + } + + .pb-xl-4 { + padding-bottom: 1.5rem !important; + } + + .pb-xl-5 { + padding-bottom: 3rem !important; + } + + .pb-xl-6 { + padding-bottom: 4rem !important; + } + + .pb-xl-7 { + padding-bottom: 6rem !important; + } + + .pb-xl-8 { + padding-bottom: 8rem !important; + } + + .pb-xl-9 { + padding-bottom: 10rem !important; + } + + .pb-xl-10 { + padding-bottom: 12rem !important; + } + + .pb-xl-11 { + padding-bottom: 14rem !important; + } + + .pb-xl-12 { + padding-bottom: 16rem !important; + } + + .ps-xl-0 { + padding-left: 0 !important; + } + + .ps-xl-1 { + padding-left: 0.25rem !important; + } + + .ps-xl-2 { + padding-left: 0.5rem !important; + } + + .ps-xl-3 { + padding-left: 1rem !important; + } + + .ps-xl-4 { + padding-left: 1.5rem !important; + } + + .ps-xl-5 { + padding-left: 3rem !important; + } + + .ps-xl-6 { + padding-left: 4rem !important; + } + + .ps-xl-7 { + padding-left: 6rem !important; + } + + .ps-xl-8 { + padding-left: 8rem !important; + } + + .ps-xl-9 { + padding-left: 10rem !important; + } + + .ps-xl-10 { + padding-left: 12rem !important; + } + + .ps-xl-11 { + padding-left: 14rem !important; + } + + .ps-xl-12 { + padding-left: 16rem !important; + } + + .gap-xl-0 { + gap: 0 !important; + } + + .gap-xl-1 { + gap: 0.25rem !important; + } + + .gap-xl-2 { + gap: 0.5rem !important; + } + + .gap-xl-3 { + gap: 1rem !important; + } + + .gap-xl-4 { + gap: 1.5rem !important; + } + + .gap-xl-5 { + gap: 3rem !important; + } + + .gap-xl-6 { + gap: 4rem !important; + } + + .gap-xl-7 { + gap: 6rem !important; + } + + .gap-xl-8 { + gap: 8rem !important; + } + + .gap-xl-9 { + gap: 10rem !important; + } + + .gap-xl-10 { + gap: 12rem !important; + } + + .gap-xl-11 { + gap: 14rem !important; + } + + .gap-xl-12 { + gap: 16rem !important; + } + + .text-xl-start { + text-align: left !important; + } + + .text-xl-end { + text-align: right !important; + } + + .text-xl-center { + text-align: center !important; + } + + .transform-scale-xl-5 { + transform: scale(0.5) !important; + } + + .transform-scale-xl-6 { + transform: scale(0.6) !important; + } + + .transform-scale-xl-7 { + transform: scale(0.7) !important; + } + + .transform-scale-xl-8 { + transform: scale(0.8) !important; + } + + .transform-scale-xl-9 { + transform: scale(0.9) !important; + } + + .transform-scale-xl-10 { + transform: scale(1) !important; + } + + .border-radius-top-start-xl { + border-top-left-radius: 0.375rem !important; + } + + .border-radius-top-start-xl-0 { + border-top-left-radius: 0 !important; + } + + .border-radius-top-start-xl-sm { + border-top-left-radius: 0.125rem !important; + } + + .border-radius-top-start-xl-md { + border-top-left-radius: 0.375rem !important; + } + + .border-radius-top-start-xl-lg { + border-top-left-radius: 0.5rem !important; + } + + .border-radius-top-start-xl-xl { + border-top-left-radius: 0.75rem !important; + } + + .border-radius-top-start-xl-2xl { + border-top-left-radius: 1rem !important; + } + + .border-radius-top-start-xl-circle { + border-top-left-radius: 50% !important; + } + + .border-radius-top-start-xl-pill { + border-top-left-radius: 50rem !important; + } + + .border-radius-top-end-xl { + border-top-right-radius: 0.375rem !important; + } + + .border-radius-top-end-xl-0 { + border-top-right-radius: 0 !important; + } + + .border-radius-top-end-xl-sm { + border-top-right-radius: 0.125rem !important; + } + + .border-radius-top-end-xl-md { + border-top-right-radius: 0.375rem !important; + } + + .border-radius-top-end-xl-lg { + border-top-right-radius: 0.5rem !important; + } + + .border-radius-top-end-xl-xl { + border-top-right-radius: 0.75rem !important; + } + + .border-radius-top-end-xl-2xl { + border-top-right-radius: 1rem !important; + } + + .border-radius-top-end-xl-circle { + border-top-right-radius: 50% !important; + } + + .border-radius-top-end-xl-pill { + border-top-right-radius: 50rem !important; + } + + .border-radius-bottom-start-xl { + border-bottom-left-radius: 0.375rem !important; + } + + .border-radius-bottom-start-xl-0 { + border-bottom-left-radius: 0 !important; + } + + .border-radius-bottom-start-xl-sm { + border-bottom-left-radius: 0.125rem !important; + } + + .border-radius-bottom-start-xl-md { + border-bottom-left-radius: 0.375rem !important; + } + + .border-radius-bottom-start-xl-lg { + border-bottom-left-radius: 0.5rem !important; + } + + .border-radius-bottom-start-xl-xl { + border-bottom-left-radius: 0.75rem !important; + } + + .border-radius-bottom-start-xl-2xl { + border-bottom-left-radius: 1rem !important; + } + + .border-radius-bottom-start-xl-circle { + border-bottom-left-radius: 50% !important; + } + + .border-radius-bottom-start-xl-pill { + border-bottom-left-radius: 50rem !important; + } + + .border-radius-bottom-end-xl { + border-bottom-right-radius: 0.375rem !important; + } + + .border-radius-bottom-end-xl-0 { + border-bottom-right-radius: 0 !important; + } + + .border-radius-bottom-end-xl-sm { + border-bottom-right-radius: 0.125rem !important; + } + + .border-radius-bottom-end-xl-md { + border-bottom-right-radius: 0.375rem !important; + } + + .border-radius-bottom-end-xl-lg { + border-bottom-right-radius: 0.5rem !important; + } + + .border-radius-bottom-end-xl-xl { + border-bottom-right-radius: 0.75rem !important; + } + + .border-radius-bottom-end-xl-2xl { + border-bottom-right-radius: 1rem !important; + } + + .border-radius-bottom-end-xl-circle { + border-bottom-right-radius: 50% !important; + } + + .border-radius-bottom-end-xl-pill { + border-bottom-right-radius: 50rem !important; + } +} + +@media (min-width: 1400px) { + .float-xxl-start { + float: left !important; + } + + .float-xxl-end { + float: right !important; + } + + .float-xxl-none { + float: none !important; + } + + .d-xxl-inline { + display: inline !important; + } + + .d-xxl-inline-block { + display: inline-block !important; + } + + .d-xxl-block { + display: block !important; + } + + .d-xxl-grid { + display: grid !important; + } + + .d-xxl-table { + display: table !important; + } + + .d-xxl-table-row { + display: table-row !important; + } + + .d-xxl-table-cell { + display: table-cell !important; + } + + .d-xxl-flex { + display: flex !important; + } + + .d-xxl-inline-flex { + display: inline-flex !important; + } + + .d-xxl-none { + display: none !important; + } + + .border-top-xxl { + border-top: 1px solid #dee2e6 !important; + } + + .border-top-xxl-0 { + border-top: 0 !important; + } + + .border-end-xxl { + border-right: 1px solid #dee2e6 !important; + } + + .border-end-xxl-0 { + border-right: 0 !important; + } + + .border-bottom-xxl { + border-bottom: 1px solid #dee2e6 !important; + } + + .border-bottom-xxl-0 { + border-bottom: 0 !important; + } + + .border-start-xxl { + border-left: 1px solid #dee2e6 !important; + } + + .border-start-xxl-0 { + border-left: 0 !important; + } + + .w-xxl-0 { + width: 0% !important; + } + + .w-xxl-1 { + width: 1% !important; + } + + .w-xxl-2 { + width: 2% !important; + } + + .w-xxl-3 { + width: 3% !important; + } + + .w-xxl-4 { + width: 4% !important; + } + + .w-xxl-5 { + width: 5% !important; + } + + .w-xxl-6 { + width: 6% !important; + } + + .w-xxl-7 { + width: 7% !important; + } + + .w-xxl-8 { + width: 8% !important; + } + + .w-xxl-9 { + width: 9% !important; + } + + .w-xxl-10 { + width: 10% !important; + } + + .w-xxl-15 { + width: 15% !important; + } + + .w-xxl-20 { + width: 20% !important; + } + + .w-xxl-25 { + width: 25% !important; + } + + .w-xxl-30 { + width: 30% !important; + } + + .w-xxl-35 { + width: 35% !important; + } + + .w-xxl-40 { + width: 40% !important; + } + + .w-xxl-45 { + width: 45% !important; + } + + .w-xxl-50 { + width: 50% !important; + } + + .w-xxl-55 { + width: 55% !important; + } + + .w-xxl-60 { + width: 60% !important; + } + + .w-xxl-65 { + width: 65% !important; + } + + .w-xxl-70 { + width: 70% !important; + } + + .w-xxl-75 { + width: 75% !important; + } + + .w-xxl-80 { + width: 80% !important; + } + + .w-xxl-85 { + width: 85% !important; + } + + .w-xxl-90 { + width: 90% !important; + } + + .w-xxl-95 { + width: 95% !important; + } + + .w-xxl-100 { + width: 100% !important; + } + + .w-xxl-auto { + width: auto !important; + } + + .flex-xxl-fill { + flex: 1 1 auto !important; + } + + .flex-xxl-row { + flex-direction: row !important; + } + + .flex-xxl-column { + flex-direction: column !important; + } + + .flex-xxl-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-xxl-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-xxl-grow-0 { + flex-grow: 0 !important; + } + + .flex-xxl-grow-1 { + flex-grow: 1 !important; + } + + .flex-xxl-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-xxl-shrink-1 { + flex-shrink: 1 !important; + } + + .flex-xxl-wrap { + flex-wrap: wrap !important; + } + + .flex-xxl-nowrap { + flex-wrap: nowrap !important; + } + + .flex-xxl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .justify-content-xxl-start { + justify-content: flex-start !important; + } + + .justify-content-xxl-end { + justify-content: flex-end !important; + } + + .justify-content-xxl-center { + justify-content: center !important; + } + + .justify-content-xxl-between { + justify-content: space-between !important; + } + + .justify-content-xxl-around { + justify-content: space-around !important; + } + + .justify-content-xxl-evenly { + justify-content: space-evenly !important; + } + + .align-items-xxl-start { + align-items: flex-start !important; + } + + .align-items-xxl-end { + align-items: flex-end !important; + } + + .align-items-xxl-center { + align-items: center !important; + } + + .align-items-xxl-baseline { + align-items: baseline !important; + } + + .align-items-xxl-stretch { + align-items: stretch !important; + } + + .align-content-xxl-start { + align-content: flex-start !important; + } + + .align-content-xxl-end { + align-content: flex-end !important; + } + + .align-content-xxl-center { + align-content: center !important; + } + + .align-content-xxl-between { + align-content: space-between !important; + } + + .align-content-xxl-around { + align-content: space-around !important; + } + + .align-content-xxl-stretch { + align-content: stretch !important; + } + + .align-self-xxl-auto { + align-self: auto !important; + } + + .align-self-xxl-start { + align-self: flex-start !important; + } + + .align-self-xxl-end { + align-self: flex-end !important; + } + + .align-self-xxl-center { + align-self: center !important; + } + + .align-self-xxl-baseline { + align-self: baseline !important; + } + + .align-self-xxl-stretch { + align-self: stretch !important; + } + + .order-xxl-first { + order: -1 !important; + } + + .order-xxl-0 { + order: 0 !important; + } + + .order-xxl-1 { + order: 1 !important; + } + + .order-xxl-2 { + order: 2 !important; + } + + .order-xxl-3 { + order: 3 !important; + } + + .order-xxl-4 { + order: 4 !important; + } + + .order-xxl-5 { + order: 5 !important; + } + + .order-xxl-last { + order: 6 !important; + } + + .m-xxl-0 { + margin: 0 !important; + } + + .m-xxl-1 { + margin: 0.25rem !important; + } + + .m-xxl-2 { + margin: 0.5rem !important; + } + + .m-xxl-3 { + margin: 1rem !important; + } + + .m-xxl-4 { + margin: 1.5rem !important; + } + + .m-xxl-5 { + margin: 3rem !important; + } + + .m-xxl-6 { + margin: 4rem !important; + } + + .m-xxl-7 { + margin: 6rem !important; + } + + .m-xxl-8 { + margin: 8rem !important; + } + + .m-xxl-9 { + margin: 10rem !important; + } + + .m-xxl-10 { + margin: 12rem !important; + } + + .m-xxl-11 { + margin: 14rem !important; + } + + .m-xxl-12 { + margin: 16rem !important; + } + + .m-xxl-auto { + margin: auto !important; + } + + .mx-xxl-0 { + margin-right: 0 !important; + margin-left: 0 !important; + } + + .mx-xxl-1 { + margin-right: 0.25rem !important; + margin-left: 0.25rem !important; + } + + .mx-xxl-2 { + margin-right: 0.5rem !important; + margin-left: 0.5rem !important; + } + + .mx-xxl-3 { + margin-right: 1rem !important; + margin-left: 1rem !important; + } + + .mx-xxl-4 { + margin-right: 1.5rem !important; + margin-left: 1.5rem !important; + } + + .mx-xxl-5 { + margin-right: 3rem !important; + margin-left: 3rem !important; + } + + .mx-xxl-6 { + margin-right: 4rem !important; + margin-left: 4rem !important; + } + + .mx-xxl-7 { + margin-right: 6rem !important; + margin-left: 6rem !important; + } + + .mx-xxl-8 { + margin-right: 8rem !important; + margin-left: 8rem !important; + } + + .mx-xxl-9 { + margin-right: 10rem !important; + margin-left: 10rem !important; + } + + .mx-xxl-10 { + margin-right: 12rem !important; + margin-left: 12rem !important; + } + + .mx-xxl-11 { + margin-right: 14rem !important; + margin-left: 14rem !important; + } + + .mx-xxl-12 { + margin-right: 16rem !important; + margin-left: 16rem !important; + } + + .mx-xxl-auto { + margin-right: auto !important; + margin-left: auto !important; + } + + .my-xxl-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; + } + + .my-xxl-1 { + margin-top: 0.25rem !important; + margin-bottom: 0.25rem !important; + } + + .my-xxl-2 { + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; + } + + .my-xxl-3 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; + } + + .my-xxl-4 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; + } + + .my-xxl-5 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; + } + + .my-xxl-6 { + margin-top: 4rem !important; + margin-bottom: 4rem !important; + } + + .my-xxl-7 { + margin-top: 6rem !important; + margin-bottom: 6rem !important; + } + + .my-xxl-8 { + margin-top: 8rem !important; + margin-bottom: 8rem !important; + } + + .my-xxl-9 { + margin-top: 10rem !important; + margin-bottom: 10rem !important; + } + + .my-xxl-10 { + margin-top: 12rem !important; + margin-bottom: 12rem !important; + } + + .my-xxl-11 { + margin-top: 14rem !important; + margin-bottom: 14rem !important; + } + + .my-xxl-12 { + margin-top: 16rem !important; + margin-bottom: 16rem !important; + } + + .my-xxl-auto { + margin-top: auto !important; + margin-bottom: auto !important; + } + + .mt-xxl-0 { + margin-top: 0 !important; + } + + .mt-xxl-1 { + margin-top: 0.25rem !important; + } + + .mt-xxl-2 { + margin-top: 0.5rem !important; + } + + .mt-xxl-3 { + margin-top: 1rem !important; + } + + .mt-xxl-4 { + margin-top: 1.5rem !important; + } + + .mt-xxl-5 { + margin-top: 3rem !important; + } + + .mt-xxl-6 { + margin-top: 4rem !important; + } + + .mt-xxl-7 { + margin-top: 6rem !important; + } + + .mt-xxl-8 { + margin-top: 8rem !important; + } + + .mt-xxl-9 { + margin-top: 10rem !important; + } + + .mt-xxl-10 { + margin-top: 12rem !important; + } + + .mt-xxl-11 { + margin-top: 14rem !important; + } + + .mt-xxl-12 { + margin-top: 16rem !important; + } + + .mt-xxl-auto { + margin-top: auto !important; + } + + .me-xxl-0 { + margin-right: 0 !important; + } + + .me-xxl-1 { + margin-right: 0.25rem !important; + } + + .me-xxl-2 { + margin-right: 0.5rem !important; + } + + .me-xxl-3 { + margin-right: 1rem !important; + } + + .me-xxl-4 { + margin-right: 1.5rem !important; + } + + .me-xxl-5 { + margin-right: 3rem !important; + } + + .me-xxl-6 { + margin-right: 4rem !important; + } + + .me-xxl-7 { + margin-right: 6rem !important; + } + + .me-xxl-8 { + margin-right: 8rem !important; + } + + .me-xxl-9 { + margin-right: 10rem !important; + } + + .me-xxl-10 { + margin-right: 12rem !important; + } + + .me-xxl-11 { + margin-right: 14rem !important; + } + + .me-xxl-12 { + margin-right: 16rem !important; + } + + .me-xxl-auto { + margin-right: auto !important; + } + + .mb-xxl-0 { + margin-bottom: 0 !important; + } + + .mb-xxl-1 { + margin-bottom: 0.25rem !important; + } + + .mb-xxl-2 { + margin-bottom: 0.5rem !important; + } + + .mb-xxl-3 { + margin-bottom: 1rem !important; + } + + .mb-xxl-4 { + margin-bottom: 1.5rem !important; + } + + .mb-xxl-5 { + margin-bottom: 3rem !important; + } + + .mb-xxl-6 { + margin-bottom: 4rem !important; + } + + .mb-xxl-7 { + margin-bottom: 6rem !important; + } + + .mb-xxl-8 { + margin-bottom: 8rem !important; + } + + .mb-xxl-9 { + margin-bottom: 10rem !important; + } + + .mb-xxl-10 { + margin-bottom: 12rem !important; + } + + .mb-xxl-11 { + margin-bottom: 14rem !important; + } + + .mb-xxl-12 { + margin-bottom: 16rem !important; + } + + .mb-xxl-auto { + margin-bottom: auto !important; + } + + .ms-xxl-0 { + margin-left: 0 !important; + } + + .ms-xxl-1 { + margin-left: 0.25rem !important; + } + + .ms-xxl-2 { + margin-left: 0.5rem !important; + } + + .ms-xxl-3 { + margin-left: 1rem !important; + } + + .ms-xxl-4 { + margin-left: 1.5rem !important; + } + + .ms-xxl-5 { + margin-left: 3rem !important; + } + + .ms-xxl-6 { + margin-left: 4rem !important; + } + + .ms-xxl-7 { + margin-left: 6rem !important; + } + + .ms-xxl-8 { + margin-left: 8rem !important; + } + + .ms-xxl-9 { + margin-left: 10rem !important; + } + + .ms-xxl-10 { + margin-left: 12rem !important; + } + + .ms-xxl-11 { + margin-left: 14rem !important; + } + + .ms-xxl-12 { + margin-left: 16rem !important; + } + + .ms-xxl-auto { + margin-left: auto !important; + } + + .m-xxl-n1 { + margin: -0.25rem !important; + } + + .m-xxl-n2 { + margin: -0.5rem !important; + } + + .m-xxl-n3 { + margin: -1rem !important; + } + + .m-xxl-n4 { + margin: -1.5rem !important; + } + + .m-xxl-n5 { + margin: -3rem !important; + } + + .m-xxl-n6 { + margin: -4rem !important; + } + + .m-xxl-n7 { + margin: -6rem !important; + } + + .m-xxl-n8 { + margin: -8rem !important; + } + + .m-xxl-n9 { + margin: -10rem !important; + } + + .m-xxl-n10 { + margin: -12rem !important; + } + + .m-xxl-n11 { + margin: -14rem !important; + } + + .m-xxl-n12 { + margin: -16rem !important; + } + + .mx-xxl-n1 { + margin-right: -0.25rem !important; + margin-left: -0.25rem !important; + } + + .mx-xxl-n2 { + margin-right: -0.5rem !important; + margin-left: -0.5rem !important; + } + + .mx-xxl-n3 { + margin-right: -1rem !important; + margin-left: -1rem !important; + } + + .mx-xxl-n4 { + margin-right: -1.5rem !important; + margin-left: -1.5rem !important; + } + + .mx-xxl-n5 { + margin-right: -3rem !important; + margin-left: -3rem !important; + } + + .mx-xxl-n6 { + margin-right: -4rem !important; + margin-left: -4rem !important; + } + + .mx-xxl-n7 { + margin-right: -6rem !important; + margin-left: -6rem !important; + } + + .mx-xxl-n8 { + margin-right: -8rem !important; + margin-left: -8rem !important; + } + + .mx-xxl-n9 { + margin-right: -10rem !important; + margin-left: -10rem !important; + } + + .mx-xxl-n10 { + margin-right: -12rem !important; + margin-left: -12rem !important; + } + + .mx-xxl-n11 { + margin-right: -14rem !important; + margin-left: -14rem !important; + } + + .mx-xxl-n12 { + margin-right: -16rem !important; + margin-left: -16rem !important; + } + + .my-xxl-n1 { + margin-top: -0.25rem !important; + margin-bottom: -0.25rem !important; + } + + .my-xxl-n2 { + margin-top: -0.5rem !important; + margin-bottom: -0.5rem !important; + } + + .my-xxl-n3 { + margin-top: -1rem !important; + margin-bottom: -1rem !important; + } + + .my-xxl-n4 { + margin-top: -1.5rem !important; + margin-bottom: -1.5rem !important; + } + + .my-xxl-n5 { + margin-top: -3rem !important; + margin-bottom: -3rem !important; + } + + .my-xxl-n6 { + margin-top: -4rem !important; + margin-bottom: -4rem !important; + } + + .my-xxl-n7 { + margin-top: -6rem !important; + margin-bottom: -6rem !important; + } + + .my-xxl-n8 { + margin-top: -8rem !important; + margin-bottom: -8rem !important; + } + + .my-xxl-n9 { + margin-top: -10rem !important; + margin-bottom: -10rem !important; + } + + .my-xxl-n10 { + margin-top: -12rem !important; + margin-bottom: -12rem !important; + } + + .my-xxl-n11 { + margin-top: -14rem !important; + margin-bottom: -14rem !important; + } + + .my-xxl-n12 { + margin-top: -16rem !important; + margin-bottom: -16rem !important; + } + + .mt-xxl-n1 { + margin-top: -0.25rem !important; + } + + .mt-xxl-n2 { + margin-top: -0.5rem !important; + } + + .mt-xxl-n3 { + margin-top: -1rem !important; + } + + .mt-xxl-n4 { + margin-top: -1.5rem !important; + } + + .mt-xxl-n5 { + margin-top: -3rem !important; + } + + .mt-xxl-n6 { + margin-top: -4rem !important; + } + + .mt-xxl-n7 { + margin-top: -6rem !important; + } + + .mt-xxl-n8 { + margin-top: -8rem !important; + } + + .mt-xxl-n9 { + margin-top: -10rem !important; + } + + .mt-xxl-n10 { + margin-top: -12rem !important; + } + + .mt-xxl-n11 { + margin-top: -14rem !important; + } + + .mt-xxl-n12 { + margin-top: -16rem !important; + } + + .me-xxl-n1 { + margin-right: -0.25rem !important; + } + + .me-xxl-n2 { + margin-right: -0.5rem !important; + } + + .me-xxl-n3 { + margin-right: -1rem !important; + } + + .me-xxl-n4 { + margin-right: -1.5rem !important; + } + + .me-xxl-n5 { + margin-right: -3rem !important; + } + + .me-xxl-n6 { + margin-right: -4rem !important; + } + + .me-xxl-n7 { + margin-right: -6rem !important; + } + + .me-xxl-n8 { + margin-right: -8rem !important; + } + + .me-xxl-n9 { + margin-right: -10rem !important; + } + + .me-xxl-n10 { + margin-right: -12rem !important; + } + + .me-xxl-n11 { + margin-right: -14rem !important; + } + + .me-xxl-n12 { + margin-right: -16rem !important; + } + + .mb-xxl-n1 { + margin-bottom: -0.25rem !important; + } + + .mb-xxl-n2 { + margin-bottom: -0.5rem !important; + } + + .mb-xxl-n3 { + margin-bottom: -1rem !important; + } + + .mb-xxl-n4 { + margin-bottom: -1.5rem !important; + } + + .mb-xxl-n5 { + margin-bottom: -3rem !important; + } + + .mb-xxl-n6 { + margin-bottom: -4rem !important; + } + + .mb-xxl-n7 { + margin-bottom: -6rem !important; + } + + .mb-xxl-n8 { + margin-bottom: -8rem !important; + } + + .mb-xxl-n9 { + margin-bottom: -10rem !important; + } + + .mb-xxl-n10 { + margin-bottom: -12rem !important; + } + + .mb-xxl-n11 { + margin-bottom: -14rem !important; + } + + .mb-xxl-n12 { + margin-bottom: -16rem !important; + } + + .ms-xxl-n1 { + margin-left: -0.25rem !important; + } + + .ms-xxl-n2 { + margin-left: -0.5rem !important; + } + + .ms-xxl-n3 { + margin-left: -1rem !important; + } + + .ms-xxl-n4 { + margin-left: -1.5rem !important; + } + + .ms-xxl-n5 { + margin-left: -3rem !important; + } + + .ms-xxl-n6 { + margin-left: -4rem !important; + } + + .ms-xxl-n7 { + margin-left: -6rem !important; + } + + .ms-xxl-n8 { + margin-left: -8rem !important; + } + + .ms-xxl-n9 { + margin-left: -10rem !important; + } + + .ms-xxl-n10 { + margin-left: -12rem !important; + } + + .ms-xxl-n11 { + margin-left: -14rem !important; + } + + .ms-xxl-n12 { + margin-left: -16rem !important; + } + + .p-xxl-0 { + padding: 0 !important; + } + + .p-xxl-1 { + padding: 0.25rem !important; + } + + .p-xxl-2 { + padding: 0.5rem !important; + } + + .p-xxl-3 { + padding: 1rem !important; + } + + .p-xxl-4 { + padding: 1.5rem !important; + } + + .p-xxl-5 { + padding: 3rem !important; + } + + .p-xxl-6 { + padding: 4rem !important; + } + + .p-xxl-7 { + padding: 6rem !important; + } + + .p-xxl-8 { + padding: 8rem !important; + } + + .p-xxl-9 { + padding: 10rem !important; + } + + .p-xxl-10 { + padding: 12rem !important; + } + + .p-xxl-11 { + padding: 14rem !important; + } + + .p-xxl-12 { + padding: 16rem !important; + } + + .px-xxl-0 { + padding-right: 0 !important; + padding-left: 0 !important; + } + + .px-xxl-1 { + padding-right: 0.25rem !important; + padding-left: 0.25rem !important; + } + + .px-xxl-2 { + padding-right: 0.5rem !important; + padding-left: 0.5rem !important; + } + + .px-xxl-3 { + padding-right: 1rem !important; + padding-left: 1rem !important; + } + + .px-xxl-4 { + padding-right: 1.5rem !important; + padding-left: 1.5rem !important; + } + + .px-xxl-5 { + padding-right: 3rem !important; + padding-left: 3rem !important; + } + + .px-xxl-6 { + padding-right: 4rem !important; + padding-left: 4rem !important; + } + + .px-xxl-7 { + padding-right: 6rem !important; + padding-left: 6rem !important; + } + + .px-xxl-8 { + padding-right: 8rem !important; + padding-left: 8rem !important; + } + + .px-xxl-9 { + padding-right: 10rem !important; + padding-left: 10rem !important; + } + + .px-xxl-10 { + padding-right: 12rem !important; + padding-left: 12rem !important; + } + + .px-xxl-11 { + padding-right: 14rem !important; + padding-left: 14rem !important; + } + + .px-xxl-12 { + padding-right: 16rem !important; + padding-left: 16rem !important; + } + + .py-xxl-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; + } + + .py-xxl-1 { + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; + } + + .py-xxl-2 { + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; + } + + .py-xxl-3 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; + } + + .py-xxl-4 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; + } + + .py-xxl-5 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; + } + + .py-xxl-6 { + padding-top: 4rem !important; + padding-bottom: 4rem !important; + } + + .py-xxl-7 { + padding-top: 6rem !important; + padding-bottom: 6rem !important; + } + + .py-xxl-8 { + padding-top: 8rem !important; + padding-bottom: 8rem !important; + } + + .py-xxl-9 { + padding-top: 10rem !important; + padding-bottom: 10rem !important; + } + + .py-xxl-10 { + padding-top: 12rem !important; + padding-bottom: 12rem !important; + } + + .py-xxl-11 { + padding-top: 14rem !important; + padding-bottom: 14rem !important; + } + + .py-xxl-12 { + padding-top: 16rem !important; + padding-bottom: 16rem !important; + } + + .pt-xxl-0 { + padding-top: 0 !important; + } + + .pt-xxl-1 { + padding-top: 0.25rem !important; + } + + .pt-xxl-2 { + padding-top: 0.5rem !important; + } + + .pt-xxl-3 { + padding-top: 1rem !important; + } + + .pt-xxl-4 { + padding-top: 1.5rem !important; + } + + .pt-xxl-5 { + padding-top: 3rem !important; + } + + .pt-xxl-6 { + padding-top: 4rem !important; + } + + .pt-xxl-7 { + padding-top: 6rem !important; + } + + .pt-xxl-8 { + padding-top: 8rem !important; + } + + .pt-xxl-9 { + padding-top: 10rem !important; + } + + .pt-xxl-10 { + padding-top: 12rem !important; + } + + .pt-xxl-11 { + padding-top: 14rem !important; + } + + .pt-xxl-12 { + padding-top: 16rem !important; + } + + .pe-xxl-0 { + padding-right: 0 !important; + } + + .pe-xxl-1 { + padding-right: 0.25rem !important; + } + + .pe-xxl-2 { + padding-right: 0.5rem !important; + } + + .pe-xxl-3 { + padding-right: 1rem !important; + } + + .pe-xxl-4 { + padding-right: 1.5rem !important; + } + + .pe-xxl-5 { + padding-right: 3rem !important; + } + + .pe-xxl-6 { + padding-right: 4rem !important; + } + + .pe-xxl-7 { + padding-right: 6rem !important; + } + + .pe-xxl-8 { + padding-right: 8rem !important; + } + + .pe-xxl-9 { + padding-right: 10rem !important; + } + + .pe-xxl-10 { + padding-right: 12rem !important; + } + + .pe-xxl-11 { + padding-right: 14rem !important; + } + + .pe-xxl-12 { + padding-right: 16rem !important; + } + + .pb-xxl-0 { + padding-bottom: 0 !important; + } + + .pb-xxl-1 { + padding-bottom: 0.25rem !important; + } + + .pb-xxl-2 { + padding-bottom: 0.5rem !important; + } + + .pb-xxl-3 { + padding-bottom: 1rem !important; + } + + .pb-xxl-4 { + padding-bottom: 1.5rem !important; + } + + .pb-xxl-5 { + padding-bottom: 3rem !important; + } + + .pb-xxl-6 { + padding-bottom: 4rem !important; + } + + .pb-xxl-7 { + padding-bottom: 6rem !important; + } + + .pb-xxl-8 { + padding-bottom: 8rem !important; + } + + .pb-xxl-9 { + padding-bottom: 10rem !important; + } + + .pb-xxl-10 { + padding-bottom: 12rem !important; + } + + .pb-xxl-11 { + padding-bottom: 14rem !important; + } + + .pb-xxl-12 { + padding-bottom: 16rem !important; + } + + .ps-xxl-0 { + padding-left: 0 !important; + } + + .ps-xxl-1 { + padding-left: 0.25rem !important; + } + + .ps-xxl-2 { + padding-left: 0.5rem !important; + } + + .ps-xxl-3 { + padding-left: 1rem !important; + } + + .ps-xxl-4 { + padding-left: 1.5rem !important; + } + + .ps-xxl-5 { + padding-left: 3rem !important; + } + + .ps-xxl-6 { + padding-left: 4rem !important; + } + + .ps-xxl-7 { + padding-left: 6rem !important; + } + + .ps-xxl-8 { + padding-left: 8rem !important; + } + + .ps-xxl-9 { + padding-left: 10rem !important; + } + + .ps-xxl-10 { + padding-left: 12rem !important; + } + + .ps-xxl-11 { + padding-left: 14rem !important; + } + + .ps-xxl-12 { + padding-left: 16rem !important; + } + + .gap-xxl-0 { + gap: 0 !important; + } + + .gap-xxl-1 { + gap: 0.25rem !important; + } + + .gap-xxl-2 { + gap: 0.5rem !important; + } + + .gap-xxl-3 { + gap: 1rem !important; + } + + .gap-xxl-4 { + gap: 1.5rem !important; + } + + .gap-xxl-5 { + gap: 3rem !important; + } + + .gap-xxl-6 { + gap: 4rem !important; + } + + .gap-xxl-7 { + gap: 6rem !important; + } + + .gap-xxl-8 { + gap: 8rem !important; + } + + .gap-xxl-9 { + gap: 10rem !important; + } + + .gap-xxl-10 { + gap: 12rem !important; + } + + .gap-xxl-11 { + gap: 14rem !important; + } + + .gap-xxl-12 { + gap: 16rem !important; + } + + .text-xxl-start { + text-align: left !important; + } + + .text-xxl-end { + text-align: right !important; + } + + .text-xxl-center { + text-align: center !important; + } + + .transform-scale-xxl-5 { + transform: scale(0.5) !important; + } + + .transform-scale-xxl-6 { + transform: scale(0.6) !important; + } + + .transform-scale-xxl-7 { + transform: scale(0.7) !important; + } + + .transform-scale-xxl-8 { + transform: scale(0.8) !important; + } + + .transform-scale-xxl-9 { + transform: scale(0.9) !important; + } + + .transform-scale-xxl-10 { + transform: scale(1) !important; + } + + .border-radius-top-start-xxl { + border-top-left-radius: 0.375rem !important; + } + + .border-radius-top-start-xxl-0 { + border-top-left-radius: 0 !important; + } + + .border-radius-top-start-xxl-sm { + border-top-left-radius: 0.125rem !important; + } + + .border-radius-top-start-xxl-md { + border-top-left-radius: 0.375rem !important; + } + + .border-radius-top-start-xxl-lg { + border-top-left-radius: 0.5rem !important; + } + + .border-radius-top-start-xxl-xl { + border-top-left-radius: 0.75rem !important; + } + + .border-radius-top-start-xxl-2xl { + border-top-left-radius: 1rem !important; + } + + .border-radius-top-start-xxl-circle { + border-top-left-radius: 50% !important; + } + + .border-radius-top-start-xxl-pill { + border-top-left-radius: 50rem !important; + } + + .border-radius-top-end-xxl { + border-top-right-radius: 0.375rem !important; + } + + .border-radius-top-end-xxl-0 { + border-top-right-radius: 0 !important; + } + + .border-radius-top-end-xxl-sm { + border-top-right-radius: 0.125rem !important; + } + + .border-radius-top-end-xxl-md { + border-top-right-radius: 0.375rem !important; + } + + .border-radius-top-end-xxl-lg { + border-top-right-radius: 0.5rem !important; + } + + .border-radius-top-end-xxl-xl { + border-top-right-radius: 0.75rem !important; + } + + .border-radius-top-end-xxl-2xl { + border-top-right-radius: 1rem !important; + } + + .border-radius-top-end-xxl-circle { + border-top-right-radius: 50% !important; + } + + .border-radius-top-end-xxl-pill { + border-top-right-radius: 50rem !important; + } + + .border-radius-bottom-start-xxl { + border-bottom-left-radius: 0.375rem !important; + } + + .border-radius-bottom-start-xxl-0 { + border-bottom-left-radius: 0 !important; + } + + .border-radius-bottom-start-xxl-sm { + border-bottom-left-radius: 0.125rem !important; + } + + .border-radius-bottom-start-xxl-md { + border-bottom-left-radius: 0.375rem !important; + } + + .border-radius-bottom-start-xxl-lg { + border-bottom-left-radius: 0.5rem !important; + } + + .border-radius-bottom-start-xxl-xl { + border-bottom-left-radius: 0.75rem !important; + } + + .border-radius-bottom-start-xxl-2xl { + border-bottom-left-radius: 1rem !important; + } + + .border-radius-bottom-start-xxl-circle { + border-bottom-left-radius: 50% !important; + } + + .border-radius-bottom-start-xxl-pill { + border-bottom-left-radius: 50rem !important; + } + + .border-radius-bottom-end-xxl { + border-bottom-right-radius: 0.375rem !important; + } + + .border-radius-bottom-end-xxl-0 { + border-bottom-right-radius: 0 !important; + } + + .border-radius-bottom-end-xxl-sm { + border-bottom-right-radius: 0.125rem !important; + } + + .border-radius-bottom-end-xxl-md { + border-bottom-right-radius: 0.375rem !important; + } + + .border-radius-bottom-end-xxl-lg { + border-bottom-right-radius: 0.5rem !important; + } + + .border-radius-bottom-end-xxl-xl { + border-bottom-right-radius: 0.75rem !important; + } + + .border-radius-bottom-end-xxl-2xl { + border-bottom-right-radius: 1rem !important; + } + + .border-radius-bottom-end-xxl-circle { + border-bottom-right-radius: 50% !important; + } + + .border-radius-bottom-end-xxl-pill { + border-bottom-right-radius: 50rem !important; + } +} + +@media (min-width: 1200px) { + .fs-1 { + font-size: 3rem !important; + } + + .fs-2 { + font-size: 2.25rem !important; + } + + .fs-3 { + font-size: 1.875rem !important; + } + + .fs-4 { + font-size: 1.5rem !important; + } +} + +@media print { + .d-print-inline { + display: inline !important; + } + + .d-print-inline-block { + display: inline-block !important; + } + + .d-print-block { + display: block !important; + } + + .d-print-grid { + display: grid !important; + } + + .d-print-table { + display: table !important; + } + + .d-print-table-row { + display: table-row !important; + } + + .d-print-table-cell { + display: table-cell !important; + } + + .d-print-flex { + display: flex !important; + } + + .d-print-inline-flex { + display: inline-flex !important; + } + + .d-print-none { + display: none !important; + } +} + +/*! + +========================================================= +* Material Dashboard 2 - v3.1.0 +========================================================= + +* Product Page: https://www.creative-tim.com/product/material-dashboard +* Copyright 2023 Creative Tim (https://www.creative-tim.com) +* Licensed under MIT (site.license) + +* Coded by www.creative-tim.com + +========================================================= + +* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. + +*/ +.alert-primary { + background-image: linear-gradient(195deg, #EC407A 0%, #D81B60 100%); +} + +.alert-secondary { + background-image: linear-gradient(195deg, #747b8a 0%, #495361 100%); +} + +.alert-success { + background-image: linear-gradient(195deg, #66BB6A 0%, #43A047 100%); +} + +.alert-info { + background-image: linear-gradient(195deg, #49a3f1 0%, #1A73E8 100%); +} + +.alert-warning { + background-image: linear-gradient(195deg, #FFA726 0%, #FB8C00 100%); +} + +.alert-danger { + background-image: linear-gradient(195deg, #EF5350 0%, #E53935 100%); +} + +.alert-light { + background-image: linear-gradient(195deg, #EBEFF4 0%, #CED4DA 100%); +} + +.alert-dark { + background-image: linear-gradient(195deg, #42424a 0%, #191919 100%); +} + +.btn-close:focus { + box-shadow: none; +} + +.alert-dismissible .btn-close { + background-image: none; +} + +.avatar { + color: #fff; + display: inline-flex; + align-items: center; + justify-content: center; + font-size: 1rem; + border-radius: 50rem; + height: 48px; + width: 48px; + transition: all .2s ease-in-out; +} + +.avatar img { + width: 100%; +} + +.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); +} + +.active .avatar.avatar-scale-up { + transform: scale(1.2); +} + +.avatar-xxl { + width: 110px !important; + height: 110px !important; +} + +.avatar-xxl.avatar-raised { + margin-top: -55px; +} + +.avatar-xl { + width: 74px !important; + height: 74px !important; +} + +.avatar-xl.avatar-raised { + margin-top: -37px; +} + +.avatar-lg { + width: 58px !important; + height: 58px !important; + font-size: 0.875rem; +} + +.avatar-lg.avatar-raised { + margin-top: -29px; +} + +.avatar-sm { + width: 36px !important; + height: 36px !important; + font-size: 0.875rem; +} + +.avatar-sm.avatar-raised { + margin-top: -18px; +} + +.avatar-xs { + width: 24px !important; + height: 24px !important; + font-size: 0.75rem; +} + +.avatar-xs.avatar-raised { + margin-top: -12px; +} + +.avatar-group .avatar { + position: relative; + z-index: 2; + border: 2px solid #fff; +} + +.avatar-group .avatar:hover { + z-index: 3; +} + +.avatar-group .avatar+.avatar { + margin-left: -1rem; +} + +.badge.bg-primary { + background: #e91e63; +} + +.badge.bg-secondary { + background: #7b809a; +} + +.badge.bg-success { + background: #4CAF50; +} + +.badge.bg-info { + background: #1A73E8; +} + +.badge.bg-warning { + background: #fb8c00; +} + +.badge.bg-danger { + background: #F44335; +} + +.badge.bg-light { + background: #f0f2f5; +} + +.badge.bg-dark { + background: #344767; +} + +.badge.bg-white { + background: #fff; +} + +.badge.bg-dark-blue { + background: #1A237E; +} + +.badge { + text-transform: uppercase; +} + +.btn { + margin-bottom: 1rem; + letter-spacing: 0; + text-transform: uppercase; + background-size: 150%; + background-position-x: 25%; + position: relative; + overflow: hidden; + -webkit-appearance: none; +} + +.btn:not([class*="btn-outline-"]) { + border: 0; +} + +.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: none; + opacity: 0.85; +} + +.btn.bg-white:hover { + color: #7b809a; +} + +.btn.btn-link { + box-shadow: none; + font-weight: 700; +} + +.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 { + width: 1.5rem; + height: 1.5rem; + padding: 0.3rem 0.3rem; +} + +.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 { + width: 3.25rem; + height: 3.25rem; + padding: 1rem 1rem; +} + +.btn.btn-lg i, +.btn-group-lg>.btn i { + font-size: 1.2rem; + position: relative; + top: 0px; +} + +.btn.btn-rounded { + border-radius: 1.875rem; +} + +.btn .material-icons { + vertical-align: middle; + margin-top: -1px; + margin-bottom: -1px; + font-size: 1.1rem; + display: inline-block; + top: 0; +} + +.btn-check:checked+.btn svg .color-background { + fill: #fff; +} + +.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 { + 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 { + transform: translateX(-5px); +} + +.btn-primary, +.btn.bg-gradient-primary { + box-shadow: 0 3px 3px 0 rgba(233, 30, 99, 0.15), 0 3px 1px -2px rgba(233, 30, 99, 0.2), 0 1px 5px 0 rgba(233, 30, 99, 0.15); +} + +.btn-primary:hover, +.btn.bg-gradient-primary:hover { + background-color: #e91e63; + border-color: #e91e63; + box-shadow: 0 14px 26px -12px rgba(233, 30, 99, 0.4), 0 4px 23px 0 rgba(233, 30, 99, 0.15), 0 8px 10px -5px rgba(233, 30, 99, 0.2); +} + +.btn-primary .btn.bg-outline-primary, +.btn.bg-gradient-primary .btn.bg-outline-primary { + border: 1px solid #e91e63; +} + +.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 { + color: color-yiq(#e91e63); + background-color: #e91e63; +} + +.btn-primary.focus, +.btn-primary:focus, +.btn.bg-gradient-primary.focus, +.btn.bg-gradient-primary:focus { + color: #fff; +} + +.btn-outline-primary { + box-shadow: none; +} + +.btn-outline-primary:hover:not(.active) { + background-color: transparent; + opacity: .75; + box-shadow: none; + color: #e91e63; +} + +.btn-secondary, +.btn.bg-gradient-secondary { + box-shadow: 0 3px 3px 0 rgba(, 128, 154, 0.15), 0 3px 1px -2px rgba(, 128, 154, 0.2), 0 1px 5px 0 rgba(, 128, 154, 0.15); +} + +.btn-secondary:hover, +.btn.bg-gradient-secondary:hover { + background-color: #7b809a; + border-color: #7b809a; + box-shadow: 0 14px 26px -12px rgba(, 128, 154, 0.4), 0 4px 23px 0 rgba(, 128, 154, 0.15), 0 8px 10px -5px rgba(, 128, 154, 0.2); +} + +.btn-secondary .btn.bg-outline-secondary, +.btn.bg-gradient-secondary .btn.bg-outline-secondary { + border: 1px solid #7b809a; +} + +.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 { + color: color-yiq(#7b809a); + background-color: #7b809a; +} + +.btn-secondary.focus, +.btn-secondary:focus, +.btn.bg-gradient-secondary.focus, +.btn.bg-gradient-secondary:focus { + color: #fff; +} + +.btn-outline-secondary { + box-shadow: none; +} + +.btn-outline-secondary:hover:not(.active) { + background-color: transparent; + opacity: .75; + box-shadow: none; + color: #7b809a; +} + +.btn-success, +.btn.bg-gradient-success { + box-shadow: 0 3px 3px 0 rgba(76, 175, 80, 0.15), 0 3px 1px -2px rgba(76, 175, 80, 0.2), 0 1px 5px 0 rgba(76, 175, 80, 0.15); +} + +.btn-success:hover, +.btn.bg-gradient-success:hover { + background-color: #4CAF50; + border-color: #4CAF50; + box-shadow: 0 14px 26px -12px rgba(76, 175, 80, 0.4), 0 4px 23px 0 rgba(76, 175, 80, 0.15), 0 8px 10px -5px rgba(76, 175, 80, 0.2); +} + +.btn-success .btn.bg-outline-success, +.btn.bg-gradient-success .btn.bg-outline-success { + border: 1px solid #4CAF50; +} + +.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 { + color: color-yiq(#4CAF50); + background-color: #4CAF50; +} + +.btn-success.focus, +.btn-success:focus, +.btn.bg-gradient-success.focus, +.btn.bg-gradient-success:focus { + color: #fff; +} + +.btn-outline-success { + box-shadow: none; +} + +.btn-outline-success:hover:not(.active) { + background-color: transparent; + opacity: .75; + box-shadow: none; + color: #4CAF50; +} + +.btn-info, +.btn.bg-gradient-info { + box-shadow: 0 3px 3px 0 rgba(26, 115, 232, 0.15), 0 3px 1px -2px rgba(26, 115, 232, 0.2), 0 1px 5px 0 rgba(26, 115, 232, 0.15); +} + +.btn-info:hover, +.btn.bg-gradient-info:hover { + background-color: #1A73E8; + border-color: #1A73E8; + box-shadow: 0 14px 26px -12px rgba(26, 115, 232, 0.4), 0 4px 23px 0 rgba(26, 115, 232, 0.15), 0 8px 10px -5px rgba(26, 115, 232, 0.2); +} + +.btn-info .btn.bg-outline-info, +.btn.bg-gradient-info .btn.bg-outline-info { + border: 1px solid #1A73E8; +} + +.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 { + color: color-yiq(#1A73E8); + background-color: #1A73E8; +} + +.btn-info.focus, +.btn-info:focus, +.btn.bg-gradient-info.focus, +.btn.bg-gradient-info:focus { + color: #fff; +} + +.btn-outline-info { + box-shadow: none; +} + +.btn-outline-info:hover:not(.active) { + background-color: transparent; + opacity: .75; + box-shadow: none; + color: #1A73E8; +} + +.btn-warning, +.btn.bg-gradient-warning { + box-shadow: 0 3px 3px 0 rgba(251, 140, 0, 0.15), 0 3px 1px -2px rgba(251, 140, 0, 0.2), 0 1px 5px 0 rgba(251, 140, 0, 0.15); +} + +.btn-warning:hover, +.btn.bg-gradient-warning:hover { + background-color: #fb8c00; + border-color: #fb8c00; + box-shadow: 0 14px 26px -12px rgba(251, 140, 0, 0.4), 0 4px 23px 0 rgba(251, 140, 0, 0.15), 0 8px 10px -5px rgba(251, 140, 0, 0.2); +} + +.btn-warning .btn.bg-outline-warning, +.btn.bg-gradient-warning .btn.bg-outline-warning { + border: 1px solid #fb8c00; +} + +.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 { + color: color-yiq(#fb8c00); + background-color: #fb8c00; +} + +.btn-warning.focus, +.btn-warning:focus, +.btn.bg-gradient-warning.focus, +.btn.bg-gradient-warning:focus { + color: #fff; +} + +.btn-outline-warning { + box-shadow: none; +} + +.btn-outline-warning:hover:not(.active) { + background-color: transparent; + opacity: .75; + box-shadow: none; + color: #fb8c00; +} + +.btn-danger, +.btn.bg-gradient-danger { + box-shadow: 0 3px 3px 0 rgba(244, 67, 53, 0.15), 0 3px 1px -2px rgba(244, 67, 53, 0.2), 0 1px 5px 0 rgba(244, 67, 53, 0.15); +} + +.btn-danger:hover, +.btn.bg-gradient-danger:hover { + background-color: #F44335; + border-color: #F44335; + box-shadow: 0 14px 26px -12px rgba(244, 67, 53, 0.4), 0 4px 23px 0 rgba(244, 67, 53, 0.15), 0 8px 10px -5px rgba(244, 67, 53, 0.2); +} + +.btn-danger .btn.bg-outline-danger, +.btn.bg-gradient-danger .btn.bg-outline-danger { + border: 1px solid #F44335; +} + +.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 { + color: color-yiq(#F44335); + background-color: #F44335; +} + +.btn-danger.focus, +.btn-danger:focus, +.btn.bg-gradient-danger.focus, +.btn.bg-gradient-danger:focus { + color: #fff; +} + +.btn-outline-danger { + box-shadow: none; +} + +.btn-outline-danger:hover:not(.active) { + background-color: transparent; + opacity: .75; + box-shadow: none; + color: #F44335; +} + +.btn-light, +.btn.bg-gradient-light { + box-shadow: 0 3px 3px 0 rgba(240, 242, 245, 0.15), 0 3px 1px -2px rgba(240, 242, 245, 0.2), 0 1px 5px 0 rgba(240, 242, 245, 0.15); +} + +.btn-light:hover, +.btn.bg-gradient-light:hover { + background-color: #f0f2f5; + border-color: #f0f2f5; + box-shadow: 0 14px 26px -12px rgba(240, 242, 245, 0.4), 0 4px 23px 0 rgba(240, 242, 245, 0.15), 0 8px 10px -5px rgba(240, 242, 245, 0.2); +} + +.btn-light .btn.bg-outline-light, +.btn.bg-gradient-light .btn.bg-outline-light { + border: 1px solid #f0f2f5; +} + +.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 { + color: color-yiq(#f0f2f5); + background-color: #f0f2f5; +} + +.btn-outline-light { + box-shadow: none; +} + +.btn-outline-light:hover:not(.active) { + background-color: transparent; + opacity: .75; + box-shadow: none; + color: #f0f2f5; +} + +.btn-dark, +.btn.bg-gradient-dark { + box-shadow: 0 3px 3px 0 rgba(52, 71, 103, 0.15), 0 3px 1px -2px rgba(52, 71, 103, 0.2), 0 1px 5px 0 rgba(52, 71, 103, 0.15); +} + +.btn-dark:hover, +.btn.bg-gradient-dark:hover { + background-color: #344767; + border-color: #344767; + box-shadow: 0 14px 26px -12px rgba(52, 71, 103, 0.4), 0 4px 23px 0 rgba(52, 71, 103, 0.15), 0 8px 10px -5px rgba(52, 71, 103, 0.2); +} + +.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.bg-gradient-dark:not(:disabled):not(.disabled).active, +.btn.bg-gradient-dark:not(:disabled):not(.disabled):active, +.show>.btn.bg-gradient-dark.dropdown-toggle { + color: color-yiq(#344767); + background-color: #344767; +} + +.btn-dark.focus, +.btn-dark:focus, +.btn.bg-gradient-dark.focus, +.btn.bg-gradient-dark:focus { + color: #fff; +} + +.btn-outline-dark { + box-shadow: none; +} + +.btn-outline-dark:hover:not(.active) { + background-color: transparent; + opacity: .75; + box-shadow: none; + color: #344767; +} + +.btn-white, +.btn.bg-gradient-white { + box-shadow: 0 3px 3px 0 rgba(255, 255, 255, 0.15), 0 3px 1px -2px rgba(255, 255, 255, 0.2), 0 1px 5px 0 rgba(255, 255, 255, 0.15); +} + +.btn-white:hover, +.btn.bg-gradient-white:hover { + background-color: #fff; + border-color: #fff; + box-shadow: 0 14px 26px -12px rgba(255, 255, 255, 0.4), 0 4px 23px 0 rgba(255, 255, 255, 0.15), 0 8px 10px -5px rgba(255, 255, 255, 0.2); +} + +.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.bg-gradient-white:not(:disabled):not(.disabled).active, +.btn.bg-gradient-white:not(:disabled):not(.disabled):active, +.show>.btn.bg-gradient-white.dropdown-toggle { + color: color-yiq(#fff); + background-color: #fff; +} + +.btn-outline-white { + box-shadow: none; +} + +.btn-outline-white:hover:not(.active) { + background-color: transparent; + opacity: .75; + box-shadow: none; + color: #fff; +} + +.btn-dark-blue, +.btn.bg-gradient-dark-blue { + box-shadow: 0 3px 3px 0 rgba(26, 35, 126, 0.15), 0 3px 1px -2px rgba(26, 35, 126, 0.2), 0 1px 5px 0 rgba(26, 35, 126, 0.15); +} + +.btn-dark-blue:hover, +.btn.bg-gradient-dark-blue:hover { + background-color: #1A237E; + border-color: #1A237E; + box-shadow: 0 14px 26px -12px rgba(26, 35, 126, 0.4), 0 4px 23px 0 rgba(26, 35, 126, 0.15), 0 8px 10px -5px rgba(26, 35, 126, 0.2); +} + +.btn-dark-blue .btn.bg-outline-dark-blue, +.btn.bg-gradient-dark-blue .btn.bg-outline-dark-blue { + border: 1px solid #1A237E; +} + +.btn-dark-blue:not(:disabled):not(.disabled).active, +.btn-dark-blue:not(:disabled):not(.disabled):active, +.show>.btn-dark-blue.dropdown-toggle, +.btn.bg-gradient-dark-blue:not(:disabled):not(.disabled).active, +.btn.bg-gradient-dark-blue:not(:disabled):not(.disabled):active, +.show>.btn.bg-gradient-dark-blue.dropdown-toggle { + color: color-yiq(#1A237E); + background-color: #1A237E; +} + +.btn-dark-blue.focus, +.btn-dark-blue:focus, +.btn.bg-gradient-dark-blue.focus, +.btn.bg-gradient-dark-blue:focus { + color: #fff; +} + +.btn-outline-dark-blue { + box-shadow: none; +} + +.btn-outline-dark-blue:hover:not(.active) { + background-color: transparent; + opacity: .75; + box-shadow: none; + color: #1A237E; +} + +.btn-outline-white { + border-color: rgba(255, 255, 255, 0.75); + background: rgba(255, 255, 255, 0.1); +} + +.btn-primary, +.btn.bg-gradient-primary { + color: #fff; +} + +.btn-primary:hover, +.btn.bg-gradient-primary:hover { + color: #fff; +} + +.btn-secondary, +.btn.bg-gradient-secondary { + color: #fff; +} + +.btn-secondary:hover, +.btn.bg-gradient-secondary:hover { + color: #fff; +} + +.btn-danger, +.btn.bg-gradient-danger { + color: #fff; +} + +.btn-danger:hover, +.btn.bg-gradient-danger:hover { + color: #fff; +} + +.btn-info, +.btn.bg-gradient-info { + color: #fff; +} + +.btn-info:hover, +.btn.bg-gradient-info:hover { + color: #fff; +} + +.btn-success, +.btn.bg-gradient-success { + color: #fff; +} + +.btn-success:hover, +.btn.bg-gradient-success:hover { + color: #fff; +} + +.btn-warning, +.btn.bg-gradient-warning { + color: #fff; +} + +.btn-warning:hover, +.btn.bg-gradient-warning:hover { + color: #fff; +} + +.btn-dark, +.btn.bg-gradient-dark { + color: #fff; +} + +.btn-dark:hover, +.btn.bg-gradient-dark:hover { + color: #fff; +} + +.btn-light, +.btn.bg-gradient-light { + color: #3A416F; +} + +.btn-light:hover, +.btn.bg-gradient-light:hover { + color: #3A416F; +} + +.breadcrumb-item { + font-size: 0.875rem; +} + +.breadcrumb-item.text-white::before { + color: #fff; +} + +.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 { + color: #adb5bd; +} + +.breadcrumb-dark .breadcrumb-item.active { + color: #dee2e6; +} + +.breadcrumb-links { + padding: 0; + margin: 0; + background: transparent; +} + +.card { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); +} + +.card[data-animation="true"] .card-header { + -webkit-transform: translate3d(0, 0, 0); + -moz-transform: translate3d(0, 0, 0); + -o-transform: translate3d(0, 0, 0); + -ms-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + -webkit-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1); + -moz-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1); + -o-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1); + -ms-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1); + transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1); +} + +.card:hover[data-animation="true"] .card-header { + -webkit-transform: translate3d(0, -50px, 0); + -moz-transform: translate3d(0, -50px, 0); + -o-transform: translate3d(0, -50px, 0); + -ms-transform: translate3d(0, -50px, 0); + transform: translate3d(0, -50px, 0); +} + +.card .card-header { + padding: 1.5rem; +} + +.card .card-body { + font-family: "Roboto", Helvetica, Arial, sans-serif; + padding: 1.5rem; +} + +.card.card-plain { + background-color: transparent; + box-shadow: none; +} + +.card .card-footer { + padding: 1.5rem; + background-color: transparent; +} + +.author { + display: flex; +} + +.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; +} + +.card.card-background { + align-items: center; +} + +.card.card-background .full-background { + background-position: 50%; + background-size: cover; + margin-bottom: 30px; + width: 100%; + height: 100%; + position: absolute; + border-radius: 0.75rem; +} + +.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; + max-width: 450px; + 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; + bottom: 0; + left: 0; + height: 100%; + width: 100%; + z-index: 1; + display: block; + content: ""; + background: rgba(0, 0, 0, 0.56); + border-radius: 0.75rem; +} + +.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(195deg, #EC407A 0%, #D81B60 100%); + opacity: .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(195deg, #747b8a 0%, #495361 100%); + opacity: .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(195deg, #66BB6A 0%, #43A047 100%); + opacity: .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(195deg, #49a3f1 0%, #1A73E8 100%); + opacity: .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(195deg, #FFA726 0%, #FB8C00 100%); + opacity: .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(195deg, #EF5350 0%, #E53935 100%); + opacity: .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(195deg, #EBEFF4 0%, #CED4DA 100%); + opacity: .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(195deg, #42424a 0%, #191919 100%); + opacity: .85; +} + +.card.card-background .card-category { + font-size: 0.875rem; + font-weight: 600; +} + +.card.card-background .card-description { + margin-top: 24px; + margin-bottom: 24px; +} + +.rotating-card-container { + -webkit-perspective: 800px; + -moz-perspective: 800px; + -o-perspective: 800px; + -ms-perspective: 800px; + perspective: 800px; +} + +.rotating-card-container .card-rotate { + background: transparent; + box-shadow: none; +} + +.rotating-card-container .card-rotate:after { + display: none; +} + +.rotating-card-container .card { + -webkit-transition: all 0.8s cubic-bezier(0.34, 1.45, 0.7, 1); + -moz-transition: all 0.8s cubic-bezier(0.34, 1.45, 0.7, 1); + -o-transition: all 0.8s cubic-bezier(0.34, 1.45, 0.7, 1); + -ms-transition: all 0.8s cubic-bezier(0.34, 1.45, 0.7, 1); + transition: all 0.8s cubic-bezier(0.34, 1.45, 0.7, 1); + -webkit-transform-style: preserve-3d; + -moz-transform-style: preserve-3d; + -o-transform-style: preserve-3d; + -ms-transform-style: preserve-3d; + transform-style: preserve-3d; + position: relative; +} + +.rotating-card-container .card .back, +.rotating-card-container .card .front { + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -o-backface-visibility: hidden; + -ms-backface-visibility: hidden; + backface-visibility: hidden; + position: absolute; + background-color: #fff; + border-radius: 0.5rem; + top: 0; + left: 0; + justify-content: center; + align-content: center; + display: -webkit-flex; + display: -moz-flex; + display: -ms-flexbox; + display: -o-flex; + display: flex; + -moz-flex-direction: column; + -ms-flex-direction: column; + -o-flex-direction: column; + flex-direction: column; +} + +.rotating-card-container .card .back .card-body, +.rotating-card-container .card .front .card-body { + justify-content: center; + align-content: center; + display: -webkit-flex; + display: -moz-flex; + display: -ms-flexbox; + display: -o-flex; + display: flex; + -moz-flex-direction: column; + -ms-flex-direction: column; + -o-flex-direction: column; + flex-direction: column; +} + +.rotating-card-container .card .back:after, +.rotating-card-container .card .front:after { + position: absolute; + z-index: 1; + width: 100%; + height: 100%; + display: block; + left: 0; + top: 0; + content: ""; + border-radius: 0.5rem; + background-image: linear-gradient(195deg, #EC407A, #D81B60); + opacity: .85; +} + +.rotating-card-container .card .front { + z-index: 2; + position: relative; +} + +.rotating-card-container .card .back { + -webkit-transform: rotateY(180deg); + -moz-transform: rotateY(180deg); + -o-transform: rotateY(180deg); + -ms-transform: rotateY(180deg); + transform: rotateY(180deg); + z-index: 5; + text-align: center; + width: 100%; + height: 100%; +} + +.rotating-card-container .card .back.back-background .card-body { + position: relative; + z-index: 2; +} + +.rotating-card-container .card .back .card-footer .btn { + margin: 0; +} + +.rotating-card-container .card .back .card-body { + padding-left: 15px; + padding-right: 15px; +} + +.rotating-card-container:not(.manual-flip):hover .card { + -webkit-transform: rotateY(180deg); + -moz-transform: rotateY(180deg); + -o-transform: rotateY(180deg); + -ms-transform: rotateY(180deg); + transform: rotateY(180deg); +} + +.rotating-card-container.hover.manual-flip .card { + -webkit-transform: rotateY(180deg); + -moz-transform: rotateY(180deg); + -o-transform: rotateY(180deg); + -ms-transform: rotateY(180deg); + transform: rotateY(180deg); +} + +.card-profile .rotating-card-container .front { + text-align: left; +} + +.back-background .card-body { + min-height: auto; + padding-top: 15px; + padding-bottom: 15px; +} + +/* Fix bug for IE */ +@media screen and (-ms-high-contrast: active), +(-ms-high-contrast: none) { + + .rotating-card-container .card .back, + .rotating-card-container .card .front { + -ms-backface-visibility: visible; + backface-visibility: visible; + } + + .rotating-card-container .card .back { + visibility: hidden; + transition: visibility 0.3s cubic-bezier(0.34, 1.45, 0.7, 1); + } + + .rotating-card-container .card .front { + z-index: 4; + } + + .rotating-card-container.manual-flip.hover .card .back, + .rotating-card-container:not(.manual-flip):hover .card .back { + z-index: 5; + visibility: visible; + } +} + +.dark-version { + background-color: #1a2035 !important; +} + +.dark-version .main-content { + background-color: #1a2035 !important; +} + +.dark-version.virtual-reality>div { + background-image: none !important; +} + +.dark-version .sidenav { + background: #1f283e !important; +} + +.dark-version .sidenav.bg-transparent { + background: transparent !important; +} + +.dark-version .sidenav.bg-transparent .navbar-nav .nav-link { + color: #fff !important; +} + +.dark-version .sidenav.bg-transparent .nav .nav-link { + color: #fff !important; +} + +.dark-version .sidenav.bg-white { + background: #fff !important; +} + +.dark-version .sidenav.bg-white .navbar-nav .nav-link.active:after { + color: rgba(206, 212, 218, 0.7); +} + +.dark-version .sidenav.bg-white .collapse .nav-item .nav-link:not(.active) i { + color: #344767 !important; +} + +.dark-version .sidenav.bg-white .collapse .nav-item h6, +.dark-version .sidenav.bg-white .collapse .nav-item .h6 { + color: #344767 !important; +} + +.dark-version .sidenav .collapse .nav-item .nav-link i { + color: #fff !important; +} + +.dark-version .sidenav.bg-white .collapse .nav-item .nav-link.active.text-dark i, +.dark-version .sidenav.bg-white .collapse .nav-item .nav-link.active.text-dark .nav-link-text { + color: #344767 !important; +} + +.dark-version .fixed-plugin .btn.bg-gradient-dark, +.dark-version .fixed-plugin .btn.btn-outline-dark { + color: #fff !important; + border: 1px solid #fff !important; +} + +.dark-version .fixed-plugin .btn.active { + background: #fff !important; + color: #344767 !important; +} + +.dark-version .bg-gradient-dark { + background-image: linear-gradient(195deg, #323a54, #1a2035) !important; +} + +.dark-version .dropdown .dropdown-menu:before { + color: #202940; +} + +.dark-version .dropdown .dropdown-menu .dropdown-item:hover, +.dark-version .dropdown .dropdown-menu .dropdown-item:focus { + background-color: #1a2035 !important; +} + +.dark-version .dropdown .dropdown-menu .dropdown-item i, +.dark-version .dropdown .dropdown-menu .dropdown-item .material-icons { + color: #fff; +} + +.dark-version .card, +.dark-version .swal2-popup, +.dark-version .dropdown .dropdown-menu, +.dark-version .kanban-board { + background: #202940; + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} + +.dark-version .card .card-header, +.dark-version .swal2-popup .card-header, +.dark-version .dropdown .dropdown-menu .card-header, +.dark-version .kanban-board .card-header { + background: transparent; +} + +.dark-version .card p, +.dark-version .swal2-popup p, +.dark-version .dropdown .dropdown-menu p, +.dark-version .kanban-board p { + color: #fff !important; + opacity: .6; +} + +.dark-version .kanban-item { + background: transparent !important; + border: 1px solid; +} + +.dark-version .swal2-html-container { + color: #fff !important; + opacity: .6; +} + +.dark-version h1, +.dark-version .h1, +.dark-version .h1, +.dark-version h2, +.dark-version .h2, +.dark-version .h2, +.dark-version h3, +.dark-version .h3, +.dark-version .h3, +.dark-version h4, +.dark-version .h4, +.dark-version .h4, +.dark-version h5, +.dark-version .h5, +.dark-version .h5, +.dark-version h6, +.dark-version .h6, +.dark-version .h6, +.dark-version a:not(.dropdown-item):not(.choices__item):not(.leaflet-control-zoom-in):not(.leaflet-control-zoom-out):not(.btn):not(.nav-link):not(.fixed-plugin-button), +.dark-version .table thead tr th, +.dark-version .kanban-title-board { + color: #fff !important; +} + +.dark-version .input-group.input-group-dynamic .form-control, +.dark-version .input-group.input-group-static .form-control { + background-image: linear-gradient(0deg, #e91e63 2px, rgba(156, 39, 176, 0) 0), linear-gradient(0deg, rgba(210, 210, 210, 0.6) 1px, rgba(209, 209, 209, 0) 0) !important; + background-size: 0 100%, 100% 100%; +} + +.dark-version .input-group.input-group-dynamic .form-control:focus, +.dark-version .input-group.input-group-static .form-control:focus { + background-size: 100% 100%, 100% 100%; +} + +.dark-version .input-group.input-group-outline .form-control { + border-color: rgba(255, 255, 255, 0.4) !important; +} + +.dark-version .input-group .is-valid, +.dark-version .input-group .is-invalid { + border-color: rgba(255, 255, 255, 0.4) !important; +} + +.dark-version .accordion .accordion-button { + border-color: rgba(255, 255, 255, 0.4) !important; + color: #fff; + opacity: .8; +} + +.dark-version .table> :not(caption)>*>* { + border-color: rgba(255, 255, 255, 0.4) !important; + color: rgba(255, 255, 255, 0.6) !important; +} + +.dark-version label { + color: rgba(255, 255, 255, 0.8) !important; +} + +.dark-version .list-group-item, +.dark-version .multisteps-form__panel { + background-color: transparent !important; +} + +.dark-version .nav.bg-white { + background-color: #202940 !important; + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} + +.dark-version .nav .nav-link[data-scroll]:hover { + color: #344767 !important; +} + +.dark-version .toast { + background-color: #202940 !important; + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} + +.dark-version .toast .toast-header { + background: transparent; +} + +.dark-version .toast span { + color: #fff; +} + +.dark-version .toast p { + color: #fff !important; + opacity: .6; +} + +.dark-version .choices .choices__input { + background-color: transparent !important; + border-bottom: 1px solid rgba(255, 255, 255, 0.4); + color: #fff; +} + +.dark-version .choices .choices__list.choices__list--dropdown { + background: #202940; + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} + +.dark-version .fc-theme-standard td, +.dark-version .fc-theme-standard th { + border-color: rgba(, 128, 154, 0.3); +} + +.dark-version .dataTable-sorter::after { + border-bottom-color: #fff; +} + +.dark-version .dataTable-sorter::before { + border-top-color: #fff; +} + +.dark-version .ql-snow .ql-stroke { + stroke: #f0f2f5; +} + +.dark-version .ql-snow .ql-fill, +.dark-version .ql-snow .ql-stroke.ql-fill { + fill: #f0f2f5; +} + +.dark-version .ql-toolbar.ql-snow .ql-picker-label { + color: #f0f2f5; +} + +.dark-version .form-control { + color: rgba(255, 255, 255, 0.8) !important; +} + +body.dark-version { + color: rgba(255, 255, 255, 0.8) !important; +} + +@media (min-width: 992px) { + + .dropdown .dropdown-menu, + .dropup .dropdown-menu, + .dropstart .dropdown-menu, + .dropend .dropdown-menu { + box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important; + cursor: pointer; + } + + .dropdown .dropdown-toggle:after, + .dropup .dropdown-toggle:after, + .dropstart .dropdown-toggle:after, + .dropend .dropdown-toggle:after { + content: "\f107"; + font: normal normal normal 14px/1 FontAwesome; + border: none; + vertical-align: middle; + font-weight: 600; + } + + .dropdown .dropdown-toggle.show:after, + .dropup .dropdown-toggle.show:after, + .dropstart .dropdown-toggle.show:after, + .dropend .dropdown-toggle.show:after { + transform: rotate(180deg); + } + + .dropdown .dropdown-toggle:after, + .dropup .dropdown-toggle:after, + .dropstart .dropdown-toggle:after, + .dropend .dropdown-toggle:after { + transition: 0.3s ease; + } + + .dropdown.dropdown-hover .dropdown-menu, + .dropdown .dropdown-menu { + display: block; + position: absolute; + opacity: 0; + transform-origin: 0 0; + inset: 0px auto auto 0px; + margin-top: 2.8125rem !important; + pointer-events: none; + transform: scale(0.95) !important; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + will-change: transform, box-shadow; + } + + .dropdown.dropdown-hover .dropdown-menu .dropdown.dropdown-hover .dropdown-menu, + .dropdown.dropdown-hover .dropdown-menu .dropdown .dropdown-menu, + .dropdown .dropdown-menu .dropdown.dropdown-hover .dropdown-menu, + .dropdown .dropdown-menu .dropdown .dropdown-menu { + margin-top: 0 !important; + } + + .dropdown.dropdown-hover:hover>.dropdown-menu, + .dropdown .dropdown-menu.show { + opacity: 1; + pointer-events: auto; + visibility: visible; + transform: scale(1) !important; + } + + .dropdown.dropdown-hover:hover>.dropdown-menu:before, + .dropdown .dropdown-menu.show:before { + top: -20px; + } + + .dropdown.dropdown-hover:after { + content: ''; + position: absolute; + left: 0; + bottom: -24px; + width: 100%; + height: 100%; + } + + .dropdown:not(.dropdown-hover) .dropdown-menu.show { + margin-top: 2.8125rem !important; + } + + .dropdown .dropdown-menu:before { + font-family: "FontAwesome"; + content: "\f0d8"; + position: absolute; + top: 0; + left: 28px; + right: auto; + font-size: 22px; + color: #fff; + transition: top 0.35s ease; + } + + .dropdown .dropdown-item .arrow { + transform: rotate(-90deg); + } + + .dropdown-item { + 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 { + display: block; + opacity: 0; + top: 0; + transform-origin: 0 0; + pointer-events: none; + transform: scale(0.95) !important; + transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + will-change: transform, box-shadow; + box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + } + + .navbar-toggler+.navbar-collapse .dropdown:not(.nav-item) .dropdown-menu:before { + font-family: "FontAwesome"; + content: "\f0d8"; + position: absolute; + top: 0; + left: 28px; + right: auto; + font-size: 22px; + color: #fff; + transition: top 0.35s ease; + } + + .navbar-toggler+.navbar-collapse .dropdown:not(.nav-item):not(.dropdown-hover) .dropdown-menu { + margin-top: 2.8125rem !important; + } + + .navbar-toggler+.navbar-collapse .dropdown:not(.nav-item) .dropdown-menu.show { + opacity: 1; + pointer-events: auto; + visibility: visible; + transform: scale(1) !important; + } + + .navbar-toggler+.navbar-collapse .dropdown:not(.nav-item) .dropdown-menu.show:before { + top: -20px; + } + + .navbar-toggler+.navbar-collapse .dropdown.nav-item .dropdown-menu { + background-color: transparent; + overflow: scroll; + position: relative; + } + + .dropdown .dropdown-menu { + opacity: 0; + top: 0; + transform-origin: 0 0; + pointer-events: none; + transform: scale(0.95) !important; + transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + will-change: transform, box-shadow; + box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + } + + .dropdown .dropdown-menu:before { + font-family: "FontAwesome"; + content: "\f0d8"; + position: absolute; + top: 0; + left: 28px; + right: auto; + font-size: 22px; + color: #fff; + transition: top 0.35s ease; + } + + .dropdown:not(.dropdown-hover) .dropdown-menu { + margin-top: 2.8125rem !important; + } + + .dropdown .dropdown-menu.show { + opacity: 1; + pointer-events: auto; + visibility: visible; + transform: scale(1) !important; + } + + .dropdown .dropdown-menu.show:before { + top: -20px; + } + + .dropdown.nav-item .dropdown-menu { + position: absolute; + } + + .dropdown.nav-item .dropdown-menu-animation { + display: block; + height: 0; + transition: all .35s ease; + padding-top: 0 !important; + padding-bottom: 0 !important; + opacity: 0; + } + + .dropdown.nav-item .dropdown-menu-animation.show { + height: 250px; + opacity: 1; + } +} + +.dropdown-menu li { + position: relative; +} + +.dropdown.dropdown-subitem:after { + left: 100%; + bottom: 0; + width: 50%; +} + +.dropdown .dropdown-menu .dropdown-item+.dropdown-menu:before { + transform: rotate(-90deg); + left: 0; + top: 0; + z-index: -1; + transition: left .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 { + left: -8px; +} + +.dropdown>.dropdown-menu .dropdown-item+.dropdown-menu { + transform: scale(1) !important; +} + +.dropdown .dropdown-menu .dropdown-item+.dropdown-menu { + right: -197px; + left: auto; + top: 0; +} + +.dropdown-image { + background-size: cover; +} + +@media (min-width: 992px) { + .dropdown-xl { + min-width: 40rem; + } + + .dropdown-lg { + min-width: 23rem; + } + + .dropdown-md { + min-width: 15rem; + } +} + +@media (max-width: 1199.98px) { + .dropdown-lg-responsive { + min-width: 19rem; + } +} + +.dropup .dropdown-menu { + box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important; + cursor: pointer; + top: auto !important; + bottom: 100% !important; + margin-bottom: 0.5rem !important; + display: block; + opacity: 0; + transform-origin: bottom; + pointer-events: none; + transform: scale(0.95) !important; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + will-change: transform, box-shadow; +} + +.dropup .dropdown-menu.show { + pointer-events: auto; + transform: scale(1) !important; + opacity: 1; +} + +.dropup .dropdown-menu.show:after { + bottom: -20px; +} + +.dropup .dropdown-menu:after { + font-family: "FontAwesome"; + content: "\f0d7"; + position: absolute; + z-index: -1; + bottom: 22px; + left: 28px; + right: auto; + font-size: 22px; + color: #fff; + transition: bottom 0.35s ease; +} + +.page-header { + padding: 0; + position: relative; + overflow: hidden; + display: flex; + align-items: center; + background-size: cover; + background-position: 50%; +} + +.page-header .container { + z-index: 1; +} + +.page-header video { + position: absolute; + top: 50%; + left: 50%; + min-width: 100%; + min-height: 100%; + width: auto; + height: auto; + z-index: 0; + transform: translateX(-50%) translateY(-50%); +} + +.fixed-plugin .fixed-plugin-button { + background: #fff; + border-radius: 50%; + bottom: 30px; + right: 30px; + font-size: 1.25rem; + z-index: 990; + 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; + top: 0; + height: 100%; + left: auto !important; + transform: unset !important; + width: 360px; + border-radius: 0; + padding: 0 10px; + transition: .2s ease; + z-index: 1020; +} + +.fixed-plugin .badge { + border: 1px solid #fff; + border-radius: 50%; + cursor: pointer; + display: inline-block; + height: 23px; + margin-right: 5px; + position: relative; + width: 23px; + transition: all 0.2s ease-in-out; +} + +.fixed-plugin .badge:hover, +.fixed-plugin .badge.active { + border-color: #344767; +} + +.fixed-plugin .btn.bg-gradient-dark:not(:disabled):not(.disabled) { + border: 1px solid transparent; +} + +.fixed-plugin .btn.bg-gradient-dark:not(:disabled):not(.disabled):not(.active) { + background-color: transparent; + background-image: none; + border: 1px solid #344767; + color: #344767; +} + +.fixed-plugin.show .card { + right: 0; +} + +.input-group { + border-radius: 0; +} + +.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.375rem !important; + border-bottom-right-radius: 0.375rem !important; +} + +.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.375rem !important; + border-bottom-right-radius: 0.375rem !important; +} + +.input-group, +.input-group .input-group-text { + transition: 0.2s ease; + border: none; +} + +.input-group> :not(:first-child):not(.dropdown-menu) { + margin-left: 2px; +} + +.input-group label { + transition: all 0.3s ease; +} + +.input-group.input-group-dynamic .form-control, +.input-group.input-group-static .form-control { + background: no-repeat bottom, 50% calc(100% - 1px); + background-size: 0 100%, 100% 100%; + transition: 0.2s ease; +} + +.input-group.input-group-dynamic .form-control:not(:first-child), +.input-group.input-group-static .form-control:not(:first-child) { + border-left: 0; + padding-left: 0; +} + +.input-group.input-group-dynamic .form-control:not(:last-child), +.input-group.input-group-static .form-control:not(:last-child) { + border-right: 0; + padding-right: 0; +} + +.input-group.input-group-dynamic .form-control+.input-group-text, +.input-group.input-group-static .form-control+.input-group-text { + border-left: 0; + border-right: 1px solid #d2d6da; +} + +.input-group.input-group-dynamic .form-control, +.input-group.input-group-dynamic .form-control:focus, +.input-group.input-group-static .form-control, +.input-group.input-group-static .form-control:focus { + background-image: linear-gradient(0deg, #e91e63 2px, rgba(156, 39, 176, 0) 0), linear-gradient(0deg, #d2d2d2 1px, rgba(209, 209, 209, 0) 0); + border-radius: 0 !important; +} + +.input-group.input-group-dynamic .form-control:focus, +.input-group.input-group-static .form-control:focus { + background-size: 100% 100%, 100% 100%; +} + +.input-group.input-group-dynamic .form-control[disabled], +.input-group.input-group-static .form-control[disabled] { + cursor: not-allowed; + background-image: linear-gradient(0deg, #e91e63 2px, rgba(156, 39, 176, 0) 0), linear-gradient(0deg, #f0f2f5 1px, rgba(209, 209, 209, 0) 0) !important; +} + +.input-group.input-group-dynamic .input-group-text, +.input-group.input-group-static .input-group-text { + border-right: 0; +} + +.input-group.input-group-dynamic.is-focused .form-label, +.input-group.input-group-dynamic.is-filled .form-label, +.input-group.input-group-static.is-focused .form-label, +.input-group.input-group-static.is-filled .form-label { + font-size: 0.6875rem !important; +} + +.input-group.input-group-dynamic.is-focused .form-label, +.input-group.input-group-static.is-focused .form-label { + top: -0.7rem; +} + +.input-group.input-group-dynamic.is-focused label, +.input-group.input-group-static.is-focused label { + color: #e91e63; +} + +.input-group.input-group-dynamic.is-focused.is-valid label, +.input-group.input-group-static.is-focused.is-valid label { + color: #4CAF50; +} + +.input-group.input-group-dynamic.is-focused.is-valid .form-control, +.input-group.input-group-dynamic.is-focused.is-valid .form-control:focus, +.input-group.input-group-static.is-focused.is-valid .form-control, +.input-group.input-group-static.is-focused.is-valid .form-control:focus { + background-image: linear-gradient(0deg, #4CAF50 2px, rgba(156, 39, 176, 0) 0), linear-gradient(0deg, #d2d2d2 1px, rgba(209, 209, 209, 0) 0); + border-radius: 0 !important; +} + +.input-group.input-group-dynamic.is-focused.is-invalid label, +.input-group.input-group-static.is-focused.is-invalid label { + color: #F44335; +} + +.input-group.input-group-dynamic.is-focused.is-invalid .form-control, +.input-group.input-group-dynamic.is-focused.is-invalid .form-control:focus, +.input-group.input-group-static.is-focused.is-invalid .form-control, +.input-group.input-group-static.is-focused.is-invalid .form-control:focus { + background-image: linear-gradient(0deg, #F44335 2px, rgba(156, 39, 176, 0) 0), linear-gradient(0deg, #d2d2d2 1px, rgba(209, 209, 209, 0) 0); + border-radius: 0 !important; +} + +.input-group.input-group-dynamic.is-valid .form-control, +.input-group.input-group-dynamic.is-valid .form-control:focus, +.input-group.input-group-static.is-valid .form-control, +.input-group.input-group-static.is-valid .form-control:focus { + background-image: linear-gradient(0deg, #4CAF50 2px, rgba(156, 39, 176, 0) 0), linear-gradient(0deg, #d2d2d2 1px, rgba(209, 209, 209, 0) 0); + border-radius: 0 !important; +} + +.input-group.input-group-dynamic.is-invalid .form-control, +.input-group.input-group-dynamic.is-invalid .form-control:focus, +.input-group.input-group-static.is-invalid .form-control, +.input-group.input-group-static.is-invalid .form-control:focus { + background-image: linear-gradient(0deg, #F44335 2px, rgba(156, 39, 176, 0) 0), linear-gradient(0deg, #d2d2d2 1px, rgba(209, 209, 209, 0) 0); + border-radius: 0 !important; +} + +.input-group.input-group-dynamic.is-filled.is-focused .form-label, +.input-group.input-group-dynamic.is-filled .form-label, +.input-group.input-group-static.is-filled.is-focused .form-label, +.input-group.input-group-static.is-filled .form-label { + top: -1rem; +} + +.input-group.input-group-outline .form-control { + background: none; + border: 1px solid #d2d6da; + border-radius: 0.375rem; + border-top-left-radius: 0.375rem !important; + border-bottom-left-radius: 0.375rem !important; + padding: 0.625rem 0.75rem !important; + line-height: 1.3 !important; +} + +.input-group.input-group-outline .form-control.form-control-lg { + padding: 0.75rem 0.75rem !important; +} + +.input-group.input-group-outline .form-control.form-control-sm { + padding: 0.25rem 0.75rem !important; +} + +.input-group.input-group-outline .form-control[disabled] { + cursor: not-allowed; + border-style: dashed; +} + +.input-group.input-group-outline .form-label { + display: flex; + line-height: 3.925 !important; + top: -0.375rem; + margin-bottom: 0; +} + +.input-group.input-group-outline .form-label:before { + content: ""; + margin-right: 4px; + border-left: solid 1px transparent; + border-radius: 4px 0; +} + +.input-group.input-group-outline .form-label:after { + content: ""; + flex-grow: 1; + margin-left: 4px; + border-right: solid 1px transparent; + border-radius: 0 5px; +} + +.input-group.input-group-outline .form-label:before, +.input-group.input-group-outline .form-label:after { + content: ""; + border-top: solid 1px; + border-top-color: #d2d6da; + pointer-events: none; + margin-top: 0.375rem; + box-sizing: border-box; + display: block; + height: 0.5rem; + width: 0.625rem; + border-width: 1px 0 0; + border-color: transparent; +} + +.input-group.input-group-outline.is-focused .form-label+.form-control, +.input-group.input-group-outline.is-filled .form-label+.form-control { + border-color: #e91e63 !important; + border-top-color: transparent !important; + box-shadow: inset 1px 0 #e91e63, inset -1px 0 #e91e63, inset 0 -1px #e91e63; +} + +.input-group.input-group-outline.is-focused .form-label, +.input-group.input-group-outline.is-filled .form-label { + width: 100%; + height: 100%; + font-size: 0.6875rem !important; + color: #e91e63; + display: flex; + line-height: 1.25 !important; +} + +.input-group.input-group-outline.is-focused .form-label:before, +.input-group.input-group-outline.is-focused .form-label:after, +.input-group.input-group-outline.is-filled .form-label:before, +.input-group.input-group-outline.is-filled .form-label:after { + opacity: 1; +} + +.input-group.input-group-outline.is-focused .form-label:before, +.input-group.input-group-outline.is-focused .form-label:after, +.input-group.input-group-outline.is-filled .form-label:before, +.input-group.input-group-outline.is-filled .form-label:after { + border-top-color: #e91e63; + box-shadow: inset 0 1px #e91e63; +} + +.input-group.input-group-outline.is-valid .form-control { + 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"); + background-repeat: no-repeat; + background-position: right 0.75rem center; + background-size: 1rem 1rem; +} + +.input-group.input-group-outline.is-valid.is-focused .form-label+.form-control, +.input-group.input-group-outline.is-valid.is-filled .form-label+.form-control { + border-color: #4CAF50 !important; + box-shadow: inset 1px 0 #4CAF50, inset -1px 0 #4CAF50, inset 0 -1px #4CAF50; + border-top-color: transparent !important; +} + +.input-group.input-group-outline.is-valid.is-focused .form-label, +.input-group.input-group-outline.is-valid.is-filled .form-label { + color: #4CAF50; +} + +.input-group.input-group-outline.is-valid.is-focused .form-label:before, +.input-group.input-group-outline.is-valid.is-focused .form-label:after, +.input-group.input-group-outline.is-valid.is-filled .form-label:before, +.input-group.input-group-outline.is-valid.is-filled .form-label:after { + border-top-color: #4CAF50; + box-shadow: inset 0 1px #4CAF50; +} + +.input-group.input-group-outline.is-invalid .form-control { + 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"); + background-repeat: no-repeat; + background-position: right 0.75rem center; + background-size: 1rem 1rem; +} + +.input-group.input-group-outline.is-invalid.is-focused .form-label+.form-control, +.input-group.input-group-outline.is-invalid.is-filled .form-label+.form-control { + border-color: #F44335 !important; + box-shadow: inset 1px 0 #F44335, inset -1px 0 #F44335, inset 0 -1px #F44335; + border-top-color: transparent !important; +} + +.input-group.input-group-outline.is-invalid.is-focused .form-label, +.input-group.input-group-outline.is-invalid.is-filled .form-label { + color: #F44335; +} + +.input-group.input-group-outline.is-invalid.is-focused .form-label:before, +.input-group.input-group-outline.is-invalid.is-focused .form-label:after, +.input-group.input-group-outline.is-invalid.is-filled .form-label:before, +.input-group.input-group-outline.is-invalid.is-filled .form-label:after { + border-top-color: #F44335; + box-shadow: inset 0 1px #F44335; +} + +.input-group.input-group-outline.input-group-sm .form-label, +.input-group.input-group-outline.input-group-sm label, +.input-group.input-group-dynamic.input-group-sm .form-label, +.input-group.input-group-dynamic.input-group-sm label, +.input-group.input-group-static.input-group-sm .form-label, +.input-group.input-group-static.input-group-sm label { + font-size: 0.75rem; +} + +.input-group.input-group-outline.input-group-lg .form-label, +.input-group.input-group-outline.input-group-lg label, +.input-group.input-group-dynamic.input-group-lg .form-label, +.input-group.input-group-dynamic.input-group-lg label, +.input-group.input-group-static.input-group-lg .form-label, +.input-group.input-group-static.input-group-lg label { + font-size: 0.975rem; +} + +.input-group.input-group-static .form-control { + width: 100%; +} + +.input-group.input-group-static label { + margin-left: 0; + margin-bottom: 0; +} + +.form-check:not(.form-switch) .form-check-input { + float: initial !important; + margin-left: auto !important; +} + +.form-check:not(.form-switch) .form-check-input[type="checkbox"], +.form-check:not(.form-switch) .form-check-input[type="radio"] { + border: 1px solid #d1d7e1; + 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 { + border-color: #e91e63; +} + +.form-check:not(.form-switch) .form-check-input[type="checkbox"] { + background-image: none; +} + +.form-check:not(.form-switch) .form-check-input[type="checkbox"]:after { + transition: opacity 0.25s ease-in-out; + font-family: "FontAwesome"; + content: "\f00c"; + width: 100%; + height: 100%; + color: #fff; + position: absolute; + display: flex; + justify-content: center; + align-items: center; + font-size: 0.67rem; + opacity: 0; +} + +.form-check:not(.form-switch) .form-check-input[type="checkbox"]:checked { + background: #e91e63; +} + +.form-check:not(.form-switch) .form-check-input[type="checkbox"]:checked:after { + opacity: 1; +} + +.form-check:not(.form-switch) .form-check-input[type="radio"] { + transition: border 0s; + background: transparent; +} + +.form-check:not(.form-switch) .form-check-input[type="radio"]:after { + transition: opacity 0.25s ease-in-out; + content: ""; + position: absolute; + width: 0.8375rem; + height: 0.8375rem; + border-radius: 50%; + background-image: linear-gradient(195deg, #EC407A 0%, #D81B60 100%), var(--bs-gradient); + opacity: 0; + left: 0; + right: 0; + top: 0; + bottom: 0; + margin: auto; +} + +.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 { + opacity: 1; +} + +.form-check:not(.form-switch) .form-check-input[type="radio"]:active { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06), 0 0 0 12px rgba(53, 71, 102, 0.1); + border-radius: 50rem; + transition: 0.05s ease; +} + +.form-check-label, +.form-check-input[type="checkbox"] { + cursor: pointer; +} + +.form-check-label { + font-size: 0.875rem; + font-weight: 400; +} + +.form-check-input { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; +} + +.form-switch .form-check-input { + position: relative; + background-color: #ced4da; + height: 0.9375rem; + width: 1.875rem; +} + +.form-switch .form-check-input:after { + transition: transform 0.25s ease-in-out, background-color 0.25s ease-in-out; + content: ""; + width: 1.25rem; + height: 1.25rem; + border-radius: 50%; + border: 1px solid #ced4da; + position: absolute; + background-color: #fff; + transform: translateX(1px); + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + top: -2.5px; + left: -5px; +} + +.form-switch .form-check-input:checked:after { + transform: translateX(21px); + border-color: #42424a; +} + +.form-switch .form-check-input:checked { + border-color: #42424a; + background-color: #42424a; +} + +.form-switch .form-check-input:checked:active:after { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06), 0 0 0 15px rgba(53, 71, 102, 0.1); +} + +.form-switch .form-check-input:active:after { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06), 0 0 0 15px rgba(0, 0, 0, 0.1); +} + +.form-select { + transition: 0.2s ease; +} + +label, +.form-label { + font-size: 0.875rem; + font-weight: 400; + margin-bottom: 0.5rem; + color: #7b809a; + margin-left: 0.25rem; +} + +.input-group .form-label { + position: absolute; + top: 0.6125rem; + margin-left: 0; + transition: 0.2s ease all; +} + +.form-control { + border: none; +} + +.form-control.is-invalid { + border: 1px solid #d2d6da; + padding: 0.625rem 0.75rem; + line-height: 1.3 !important; +} + +.form-control.is-invalid:focus { + box-shadow: 0 0 0 2px rgba(253, 92, 112, 0.6); +} + +.form-control.is-valid { + border: 1px solid #d2d6da; + padding: 0.625rem 0.75rem; + line-height: 1.3 !important; +} + +.form-control.is-valid:focus { + box-shadow: 0 0 0 2px rgba(102, 212, 50, 0.65); +} + +.form-control[disabled] { + padding: 0.625rem 0.75rem; + line-height: 1.45 !important; +} + +.input-group .input-group-text { + position: absolute; + padding: .75rem 0; + right: 0; + border-right: 0 !important; +} + +.input-group .input-group-text i { + color: #6c757d; +} + +.input-group.input-group-static .input-group-text { + bottom: 0; +} + +.footer .nav-link { + color: #344767; + font-weight: 400; + font-size: 0.875rem; + padding-top: 0; + padding-bottom: 0.25rem; +} + +.footer .nav-link:hover { + opacity: 1 !important; + transition: opacity 0.3 ease; +} + +.footer .footer-logo { + max-width: 2rem; +} + +.bg-gradient-primary { + background-image: linear-gradient(195deg, #EC407A 0%, #D81B60 100%); +} + +.bg-gradient-secondary { + background-image: linear-gradient(195deg, #747b8a 0%, #495361 100%); +} + +.bg-gradient-success { + background-image: linear-gradient(195deg, #66BB6A 0%, #43A047 100%); +} + +.bg-gradient-info { + background-image: linear-gradient(195deg, #49a3f1 0%, #1A73E8 100%); +} + +.bg-gradient-warning { + background-image: linear-gradient(195deg, #FFA726 0%, #FB8C00 100%); +} + +.bg-gradient-danger { + background-image: linear-gradient(195deg, #EF5350 0%, #E53935 100%); +} + +.bg-gradient-light { + background-image: linear-gradient(195deg, #EBEFF4 0%, #CED4DA 100%); +} + +.bg-gradient-dark { + background-image: linear-gradient(195deg, #42424a 0%, #191919 100%); +} + +.bg-gradient-faded-primary { + background-image: radial-gradient(370px circle at 80% 50%, rgba(233, 30, 99, 0.6) 0, #c1134e 100%); +} + +.bg-gradient-faded-secondary { + background-image: radial-gradient(370px circle at 80% 50%, rgba(, 128, 154, 0.6) 0, #626780 100%); +} + +.bg-gradient-faded-success { + background-image: radial-gradient(370px circle at 80% 50%, rgba(76, 175, 80, 0.6) 0, #3d8b40 100%); +} + +.bg-gradient-faded-info { + background-image: radial-gradient(370px circle at 80% 50%, rgba(26, 115, 232, 0.6) 0, #135cbc 100%); +} + +.bg-gradient-faded-warning { + background-image: radial-gradient(370px circle at 80% 50%, rgba(251, 140, 0, 0.6) 0, #c87000 100%); +} + +.bg-gradient-faded-danger { + background-image: radial-gradient(370px circle at 80% 50%, rgba(244, 67, 53, 0.6) 0, #e91d0d 100%); +} + +.bg-gradient-faded-light { + background-image: radial-gradient(370px circle at 80% 50%, rgba(240, 242, 245, 0.6) 0, #d1d7e1 100%); +} + +.bg-gradient-faded-dark { + background-image: radial-gradient(370px circle at 80% 50%, rgba(52, 71, 103, 0.6) 0, #233045 100%); +} + +.bg-gradient-faded-white { + background-image: radial-gradient(370px circle at 80% 50%, rgba(255, 255, 255, 0.6) 0, #e6e6e6 100%); +} + +.bg-gradient-faded-dark-blue { + background-image: radial-gradient(370px circle at 80% 50%, rgba(26, 35, 126, 0.6) 0, #111754 100%); +} + +.bg-gradient-faded-primary-vertical { + background-image: radial-gradient(200px circle at 50% 70%, rgba(233, 30, 99, 0.3) 0, #e91e63 100%); +} + +.bg-gradient-faded-secondary-vertical { + background-image: radial-gradient(200px circle at 50% 70%, rgba(, 128, 154, 0.3) 0, #7b809a 100%); +} + +.bg-gradient-faded-success-vertical { + background-image: radial-gradient(200px circle at 50% 70%, rgba(76, 175, 80, 0.3) 0, #4CAF50 100%); +} + +.bg-gradient-faded-info-vertical { + background-image: radial-gradient(200px circle at 50% 70%, rgba(26, 115, 232, 0.3) 0, #1A73E8 100%); +} + +.bg-gradient-faded-warning-vertical { + background-image: radial-gradient(200px circle at 50% 70%, rgba(251, 140, 0, 0.3) 0, #fb8c00 100%); +} + +.bg-gradient-faded-danger-vertical { + background-image: radial-gradient(200px circle at 50% 70%, rgba(244, 67, 53, 0.3) 0, #F44335 100%); +} + +.bg-gradient-faded-light-vertical { + background-image: radial-gradient(200px circle at 50% 70%, rgba(240, 242, 245, 0.3) 0, #f0f2f5 100%); +} + +.bg-gradient-faded-dark-vertical { + background-image: radial-gradient(200px circle at 50% 70%, rgba(52, 71, 103, 0.3) 0, #344767 100%); +} + +.bg-gradient-faded-white-vertical { + background-image: radial-gradient(200px circle at 50% 70%, rgba(255, 255, 255, 0.3) 0, #fff 100%); +} + +.bg-gradient-faded-dark-blue-vertical { + background-image: radial-gradient(200px circle at 50% 70%, rgba(26, 35, 126, 0.3) 0, #1A237E 100%); +} + +.material-icons { + font-family: 'Material Icons Round'; + font-weight: normal; + font-style: normal; + font-size: 20px; + /* Preferred icon size */ + display: inline-block; + line-height: 1; + text-transform: none; + letter-spacing: normal; + word-wrap: normal; + white-space: nowrap; + direction: ltr; + /* Support for all WebKit browsers. */ + -webkit-font-smoothing: antialiased; + /* Support for Safari and Chrome. */ + text-rendering: optimizeLegibility; + /* Support for Firefox. */ + -moz-osx-font-smoothing: grayscale; + /* Support for IE. */ + font-feature-settings: 'liga'; +} + +.nav.nav-pills .nav-link .material-icons { + top: 3px; +} + +.icon-shape { + width: 48px; + height: 48px; + background-position: center; + border-radius: 0.5rem; +} + +.icon-shape i { + color: #fff; + opacity: 0.8; + top: 11px; + position: relative; +} + +.icon-shape .ni { + top: 14px; +} + +.icon-xxs { + width: 20px; + height: 20px; +} + +.icon-xxs i { + top: 0; + font-size: 0.65rem; +} + +.icon-xs { + width: 24px; + height: 24px; +} + +.icon-xs i { + top: -1px; + font-size: 0.75rem; +} + +.icon-sm { + width: 32px; + height: 32px; +} + +.icon-sm i { + top: 4px; + font-size: 0.875rem; +} + +.icon-md { + width: 48px; + height: 48px; +} + +.icon-md i { + top: 30%; + font-size: 1.125rem; +} + +.icon-md.icon-striped { + background-position-x: 85px; + background-position-y: 85px; +} + +.icon-md.icon-striped i { + top: 11%; + margin-left: -10px; + font-size: 0.875rem; +} + +.icon-lg { + width: 64px; + height: 64px; +} + +.icon-lg i { + top: 31%; + font-size: 1.5rem; +} + +.icon-lg.icon-striped { + background-position-x: 111px; + background-position-y: 111px; +} + +.icon-lg.icon-striped i { + top: 21%; + margin-left: -15px; +} + +.icon-xl { + width: 100px; + height: 100px; + border-radius: 0.5rem; +} + +.icon-xl i { + top: 35%; + font-size: 2.1rem; +} + +.icon-xl.icon-striped { + background-position-x: 80px; + background-position-y: 80px; +} + +.icon-xl.icon-striped i { + top: 30%; + margin-left: -15px; +} + +.info-horizontal { + text-align: left !important; +} + +.info-horizontal .icon { + float: left; +} + +.info-horizontal .description { + overflow: hidden; +} + +svg.text-primary .color-foreground { + fill: #EC407A; +} + +svg.text-primary .color-background { + fill: #D81B60; +} + +svg.text-secondary .color-foreground { + fill: #747b8a; +} + +svg.text-secondary .color-background { + fill: #495361; +} + +svg.text-info .color-foreground { + fill: #49a3f1; +} + +svg.text-info .color-background { + fill: #1A73E8; +} + +svg.text-warning .color-foreground { + fill: #FFA726; +} + +svg.text-warning .color-background { + fill: #FB8C00; +} + +svg.text-danger .color-foreground { + fill: #EF5350; +} + +svg.text-danger .color-background { + fill: #E53935; +} + +svg.text-success .color-foreground { + fill: #66BB6A; +} + +svg.text-success .color-background { + fill: #43A047; +} + +svg.text-dark .color-foreground { + fill: #42424a; +} + +svg.text-dark .color-background { + fill: #191919; +} + +html { + border: none !important; +} + +.blur { + box-shadow: inset 0px 0px 2px #fefefed1; + -webkit-backdrop-filter: saturate(200%) blur(30px); + 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); +} + +.shadow-blur { + box-shadow: inset 0 0px 1px 1px rgba(254, 254, 254, 0.9), 0 20px 27px 0 rgba(0, 0, 0, 0.05) !important; +} + +.shadow-card { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important; +} + +.navbar-blur { + -webkit-backdrop-filter: saturate(200%) blur(30px); + backdrop-filter: saturate(200%) blur(30px); + background-color: rgba(255, 255, 255, 0.58) !important; +} + +.blur-section { + -webkit-backdrop-filter: saturate(200%) blur(30px); + backdrop-filter: saturate(200%) blur(30px); +} + +.blur-section.blur-gradient-primary { + background-image: linear-gradient(195deg, rgba(236, 64, 122, 0.95) 0%, rgba(216, 27, 96, 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, #49a3f1, #F44335, #fb8c00, #EC407A, #344767); + background-size: 400% 400% !important; + animation: gradient 10s ease infinite; +} + +hr { + border-top: none; + height: 1px; +} + +hr.vertical { + position: absolute; + background-color: transparent; + height: 100%; + right: 0; + top: 0; + width: 1px; +} + +hr.vertical.light { + background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), #fff, rgba(255, 255, 255, 0)); +} + +hr.vertical.dark { + background-image: linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.4), transparent); +} + +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)); +} + +hr.horizontal { + background-color: transparent; +} + +hr.horizontal.light { + background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), #fff, rgba(255, 255, 255, 0)); +} + +hr.horizontal.dark { + background-image: linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.4), transparent); +} + +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)); +} + +.lock-size { + width: 1.7rem; + height: 1.7rem; +} + +.border-radius-xs { + border-radius: 0.1rem; +} + +.border-radius-sm { + border-radius: 0.125rem; +} + +.border-radius-md { + border-radius: 0.375rem; +} + +.border-radius-lg { + border-radius: 0.5rem; +} + +.border-radius-xl { + border-radius: 0.75rem; +} + +.border-radius-2xl { + border-radius: 1rem; +} + +.border-radius-section { + border-radius: 10rem; +} + +.border-bottom-end-radius-0 { + border-bottom-right-radius: 0; +} + +.border-top-end-radius-0 { + border-top-right-radius: 0; +} + +.border-bottom-start-radius-0 { + border-bottom-left-radius: 0; +} + +.border-top-start-radius-0 { + border-top-left-radius: 0; +} + +.border-dashed { + border-style: dashed; +} + +.z-index-sticky { + z-index: 1020; +} + +.waves { + position: relative; + width: 100%; + height: 16vh; + margin-bottom: -7px; + /*Fix for safari gap*/ + min-height: 100px; + max-height: 150px; +} + +.waves.waves-sm { + height: 50px; + min-height: 50px; +} + +.waves.no-animation .moving-waves>use { + animation: none; +} + +.wave-rotate { + transform: rotate(180deg); +} + +/* 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:nth-child(1) { + animation-delay: -2s; + animation-duration: 11s; +} + +.moving-waves>use:nth-child(2) { + animation-delay: -4s; + animation-duration: 13s; +} + +.moving-waves>use:nth-child(3) { + animation-delay: -3s; + animation-duration: 15s; +} + +.moving-waves>use:nth-child(4) { + animation-delay: -4s; + animation-duration: 20s; +} + +.moving-waves>use:nth-child(5) { + animation-delay: -4s; + animation-duration: 25s; +} + +.moving-waves>use:nth-child(6) { + animation-delay: -3s; + animation-duration: 30s; +} + +@keyframes move-forever { + 0% { + transform: translate3d(-90px, 0, 0); + } + + 100% { + transform: translate3d(85px, 0, 0); + } +} + +/*Shrinking for mobile*/ +@media (max-width: 767.98px) { + .waves { + height: 40px; + min-height: 40px; + } + + 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; +} + +.popover .popover-header { + font-weight: 600; +} + +.bg-cover { + background-size: cover; +} + +.mask { + position: absolute; + background-size: cover; + background-position: center center; + top: 0; + left: 0; + width: 100%; + height: 100%; + opacity: 0.8; +} + +.cursor-pointer { + cursor: pointer; +} + +.transform-translate-50 { + transform: translate(0, -50%); +} + +@media (min-width: 992px) { + .virtual-reality .sidenav { + animation-name: fadeInBottom; + animation-fill-mode: both; + animation-duration: 1.5s; + transform: scale(0.6); + left: 18% !important; + position: absolute; + } +} + +.choices .choices__list { + background: no-repeat bottom, 50% calc(100% - 1px); + background-size: 0 100%, 100% 100%; + transition: 0.2s ease; +} + +.choices .choices__list.choices__list--single .choices__item--selectable { + margin-bottom: 0.5rem; +} + +.choices .choices__list.choices__list--single, +.choices .choices__list.choices__list--single:focus { + background-image: linear-gradient(0deg, #e91e63 2px, rgba(156, 39, 176, 0) 0), linear-gradient(0deg, #d2d2d2 1px, rgba(209, 209, 209, 0) 0); +} + +.choices .choices__list.choices__list--dropdown { + background: #fff; +} + +.choices.is-focused .choices__list { + background-size: 100% 100%, 100% 100%; +} + +.border-right-after:after { + content: ""; + position: absolute; + right: 0; + top: 3vh; + height: 70%; + width: 50%; + border-right: 1px solid #dee2e6; +} + +.rotate-caret .collapse .nav-link:after { + margin-right: auto; + margin-left: 0; +} + +@media (min-width: 1200px) { + .g-sidenav-hidden.rtl .main-content { + margin-right: 7rem !important; + } +} + +.rtl .ps__rail-y { + right: auto !important; + left: 0; +} + +.rtl .start-0 { + right: 0 !important; +} + +.rtl .end-0 { + left: 0 !important; +} + +.bullets { + position: sticky; + top: 30%; + height: 0; + transform: translate(-50%, -50%); + margin-left: auto; +} + +.bullets ul { + display: flex; + flex-direction: column; + align-items: end; + list-style-type: none; + margin-right: -1rem; +} + +.bullets ul li .indicator { + cursor: pointer; + margin-top: 1rem; + display: block; + height: 10px; + width: 10px; + border-radius: 50%; + background-color: #e91e63; +} + +.bullets ul li .active { + transform: scale(1.3); + transition: transform 200ms ease-in-out; +} + +.img-material-tw { + object-fit: cover; +} + +.navbar { + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.16); +} + +.navbar .navbar-brand { + color: #344767; + font-size: 0.875rem; +} + +.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 { + color: #fff; +} + +.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: 0.75rem; +} + +.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: #7b809a; + border-radius: 0.1rem; + position: relative; + 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; + transform: translateX(5px); +} + +.navbar-light { + background-color: #fff !important; +} + +.navbar-light .navbar-toggler { + border: none; +} + +.navbar-light .navbar-toggler:focus { + box-shadow: none; +} + +.navbar-toggler .navbar-toggler-icon { + background-image: none; +} + +.navbar-toggler .navbar-toggler-icon .navbar-toggler-bar { + display: block; + position: relative; + width: 22px; + height: 1px; + border-radius: 1px; + background: #6c757d; + 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 { + margin-top: 7px; +} + +.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 { + opacity: 0; +} + +.navbar-toggler[aria-expanded="true"] .navbar-toggler-bar.bar3 { + transform: rotate(-45deg); + transform-origin: 10% 90%; + margin-top: 3px; +} + +@media (max-width: 991.98px) { + .navbar.navbar-transparent .navbar-collapse { + padding-top: 0.5rem; + padding-bottom: 0.5rem; + box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + } + + .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 { + color: #344767; + } + + .g-sidenav-show .navbar:not(.sidenav).navbar-main .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + + .g-sidenav-show .navbar:not(.sidenav).navbar-main .navbar-nav { + flex-direction: row; + } + + .navbar .navbar-collapse .navbar-nav .dropdown .dropdown-menu { + box-shadow: none !important; + } + + .navbar .navbar-collapse .navbar-nav .dropdown .dropdown-menu:before { + display: none !important; + } +} + +@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; + } +} + +.navbar-vertical .navbar-brand>img, +.navbar-vertical .navbar-brand-img { + max-width: 100%; + max-height: 2rem; +} + +.navbar-vertical .navbar-nav .nav-link { + padding-left: 1rem; + padding-right: 1rem; + font-weight: 300; + color: #fff; +} + +.navbar-vertical .navbar-nav .nav-link>i { + min-width: 1.8rem; + font-size: 1.5rem; + line-height: 1.5rem; + text-align: center; +} + +.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 .avatar { + width: 1.875rem; + height: 1.875rem; +} + +.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; + font-size: 0.75rem; + text-transform: uppercase; + letter-spacing: 0.04em; +} + +.navbar-vertical.navbar-expand-xs { + display: block; + position: fixed; + top: 0; + bottom: 0; + width: 100%; + max-width: 15.625rem !important; + overflow-y: auto; + padding: 0; + box-shadow: none; +} + +.navbar-vertical.navbar-expand-xs .navbar-collapse { + display: block; + overflow: auto; + height: calc(100vh - 200px); +} + +.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"] { + 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.75rem; + padding-bottom: 0.75rem; + margin: 0 1rem; + margin-bottom: 1.5px; +} + +.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 { + margin-top: 0.125rem; +} + +.navbar-vertical.navbar-expand-xs .navbar-nav>.nav-item .icon .ni { + top: 0; +} + +.navbar-vertical.navbar-expand-xs .lavalamp-object { + width: calc(100% - 1rem) !important; + background: theme-color("primary"); + color: color-yiq(#e91e63); + margin-right: 0.5rem; + margin-left: 0.5rem; + padding-left: 1rem; + padding-right: 1rem; + border-radius: 0.125rem; +} + +.navbar-vertical.navbar-expand-xs .navbar-nav .nav .nav-link { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + padding-left: 15px; +} + +.navbar-vertical.navbar-expand-xs .navbar-nav .nav .nav-link>span.sidenav-normal { + transition: all 0.1s ease 0s; +} + +.navbar-vertical.navbar-expand-xs .navbar-nav .nav .nav-link.active { + padding-top: 0.75rem; + padding-bottom: 0.75rem; +} + +@media (min-width: 576px) { + .navbar-vertical.navbar-expand-sm { + display: block; + position: fixed; + top: 0; + bottom: 0; + width: 100%; + max-width: 15.625rem !important; + overflow-y: auto; + padding: 0; + box-shadow: none; + } + + .navbar-vertical.navbar-expand-sm .navbar-collapse { + display: block; + overflow: auto; + height: calc(100vh - 200px); + } + + .navbar-vertical.navbar-expand-sm>[class*="container"] { + flex-direction: column; + align-items: stretch; + min-height: 100%; + padding-left: 0; + 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"] { + min-height: none; + height: 100%; + } +} + +@media (min-width: 576px) { + .navbar-vertical.navbar-expand-sm.fixed-start { + left: 0; + } + + .navbar-vertical.navbar-expand-sm.fixed-end { + right: 0; + } + + .navbar-vertical.navbar-expand-sm .navbar-nav .nav-link { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + margin: 0 1rem; + margin-bottom: 1.5px; + } + + .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 { + pointer-events: none; + } + + .navbar-vertical.navbar-expand-sm .navbar-nav .nav-item { + width: 100%; + } + + .navbar-vertical.navbar-expand-sm .navbar-nav>.nav-item { + margin-top: 0.125rem; + } + + .navbar-vertical.navbar-expand-sm .navbar-nav>.nav-item .icon .ni { + top: 0; + } + + .navbar-vertical.navbar-expand-sm .lavalamp-object { + width: calc(100% - 1rem) !important; + background: theme-color("primary"); + color: color-yiq(#e91e63); + margin-right: 0.5rem; + margin-left: 0.5rem; + padding-left: 1rem; + padding-right: 1rem; + border-radius: 0.125rem; + } + + .navbar-vertical.navbar-expand-sm .navbar-nav .nav .nav-link { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + padding-left: 15px; + } + + .navbar-vertical.navbar-expand-sm .navbar-nav .nav .nav-link>span.sidenav-normal { + transition: all 0.1s ease 0s; + } + + .navbar-vertical.navbar-expand-sm .navbar-nav .nav .nav-link.active { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + } +} + +@media (min-width: 768px) { + .navbar-vertical.navbar-expand-md { + display: block; + position: fixed; + top: 0; + bottom: 0; + width: 100%; + max-width: 15.625rem !important; + overflow-y: auto; + padding: 0; + box-shadow: none; + } + + .navbar-vertical.navbar-expand-md .navbar-collapse { + display: block; + overflow: auto; + height: calc(100vh - 200px); + } + + .navbar-vertical.navbar-expand-md>[class*="container"] { + flex-direction: column; + align-items: stretch; + min-height: 100%; + padding-left: 0; + 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"] { + min-height: none; + height: 100%; + } +} + +@media (min-width: 768px) { + .navbar-vertical.navbar-expand-md.fixed-start { + left: 0; + } + + .navbar-vertical.navbar-expand-md.fixed-end { + right: 0; + } + + .navbar-vertical.navbar-expand-md .navbar-nav .nav-link { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + margin: 0 1rem; + margin-bottom: 1.5px; + } + + .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 { + pointer-events: none; + } + + .navbar-vertical.navbar-expand-md .navbar-nav .nav-item { + width: 100%; + } + + .navbar-vertical.navbar-expand-md .navbar-nav>.nav-item { + margin-top: 0.125rem; + } + + .navbar-vertical.navbar-expand-md .navbar-nav>.nav-item .icon .ni { + top: 0; + } + + .navbar-vertical.navbar-expand-md .lavalamp-object { + width: calc(100% - 1rem) !important; + background: theme-color("primary"); + color: color-yiq(#e91e63); + margin-right: 0.5rem; + margin-left: 0.5rem; + padding-left: 1rem; + padding-right: 1rem; + border-radius: 0.125rem; + } + + .navbar-vertical.navbar-expand-md .navbar-nav .nav .nav-link { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + padding-left: 15px; + } + + .navbar-vertical.navbar-expand-md .navbar-nav .nav .nav-link>span.sidenav-normal { + transition: all 0.1s ease 0s; + } + + .navbar-vertical.navbar-expand-md .navbar-nav .nav .nav-link.active { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + } +} + +@media (min-width: 992px) { + .navbar-vertical.navbar-expand-lg { + display: block; + position: fixed; + top: 0; + bottom: 0; + width: 100%; + max-width: 15.625rem !important; + overflow-y: auto; + padding: 0; + box-shadow: none; + } + + .navbar-vertical.navbar-expand-lg .navbar-collapse { + display: block; + overflow: auto; + height: calc(100vh - 200px); + } + + .navbar-vertical.navbar-expand-lg>[class*="container"] { + flex-direction: column; + align-items: stretch; + min-height: 100%; + padding-left: 0; + 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"] { + min-height: none; + height: 100%; + } +} + +@media (min-width: 992px) { + .navbar-vertical.navbar-expand-lg.fixed-start { + left: 0; + } + + .navbar-vertical.navbar-expand-lg.fixed-end { + right: 0; + } + + .navbar-vertical.navbar-expand-lg .navbar-nav .nav-link { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + margin: 0 1rem; + margin-bottom: 1.5px; + } + + .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 { + pointer-events: none; + } + + .navbar-vertical.navbar-expand-lg .navbar-nav .nav-item { + width: 100%; + } + + .navbar-vertical.navbar-expand-lg .navbar-nav>.nav-item { + margin-top: 0.125rem; + } + + .navbar-vertical.navbar-expand-lg .navbar-nav>.nav-item .icon .ni { + top: 0; + } + + .navbar-vertical.navbar-expand-lg .lavalamp-object { + width: calc(100% - 1rem) !important; + background: theme-color("primary"); + color: color-yiq(#e91e63); + margin-right: 0.5rem; + margin-left: 0.5rem; + padding-left: 1rem; + padding-right: 1rem; + border-radius: 0.125rem; + } + + .navbar-vertical.navbar-expand-lg .navbar-nav .nav .nav-link { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + padding-left: 15px; + } + + .navbar-vertical.navbar-expand-lg .navbar-nav .nav .nav-link>span.sidenav-normal { + transition: all 0.1s ease 0s; + } + + .navbar-vertical.navbar-expand-lg .navbar-nav .nav .nav-link.active { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + } +} + +@media (min-width: 1200px) { + .navbar-vertical.navbar-expand-xl { + display: block; + position: fixed; + top: 0; + bottom: 0; + width: 100%; + max-width: 15.625rem !important; + overflow-y: auto; + padding: 0; + box-shadow: none; + } + + .navbar-vertical.navbar-expand-xl .navbar-collapse { + display: block; + overflow: auto; + height: calc(100vh - 200px); + } + + .navbar-vertical.navbar-expand-xl>[class*="container"] { + flex-direction: column; + align-items: stretch; + min-height: 100%; + padding-left: 0; + 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"] { + min-height: none; + height: 100%; + } +} + +@media (min-width: 1200px) { + .navbar-vertical.navbar-expand-xl.fixed-start { + left: 0; + } + + .navbar-vertical.navbar-expand-xl.fixed-end { + right: 0; + } + + .navbar-vertical.navbar-expand-xl .navbar-nav .nav-link { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + margin: 0 1rem; + margin-bottom: 1.5px; + } + + .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 { + pointer-events: none; + } + + .navbar-vertical.navbar-expand-xl .navbar-nav .nav-item { + width: 100%; + } + + .navbar-vertical.navbar-expand-xl .navbar-nav>.nav-item { + margin-top: 0.125rem; + } + + .navbar-vertical.navbar-expand-xl .navbar-nav>.nav-item .icon .ni { + top: 0; + } + + .navbar-vertical.navbar-expand-xl .lavalamp-object { + width: calc(100% - 1rem) !important; + background: theme-color("primary"); + color: color-yiq(#e91e63); + margin-right: 0.5rem; + margin-left: 0.5rem; + padding-left: 1rem; + padding-right: 1rem; + border-radius: 0.125rem; + } + + .navbar-vertical.navbar-expand-xl .navbar-nav .nav .nav-link { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + padding-left: 15px; + } + + .navbar-vertical.navbar-expand-xl .navbar-nav .nav .nav-link>span.sidenav-normal { + transition: all 0.1s ease 0s; + } + + .navbar-vertical.navbar-expand-xl .navbar-nav .nav .nav-link.active { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + } +} + +@media (min-width: 1400px) { + .navbar-vertical.navbar-expand-xxl { + display: block; + position: fixed; + top: 0; + bottom: 0; + width: 100%; + max-width: 15.625rem !important; + overflow-y: auto; + padding: 0; + box-shadow: none; + } + + .navbar-vertical.navbar-expand-xxl .navbar-collapse { + display: block; + overflow: auto; + height: calc(100vh - 200px); + } + + .navbar-vertical.navbar-expand-xxl>[class*="container"] { + flex-direction: column; + align-items: stretch; + min-height: 100%; + padding-left: 0; + 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"] { + min-height: none; + height: 100%; + } +} + +@media (min-width: 1400px) { + .navbar-vertical.navbar-expand-xxl.fixed-start { + left: 0; + } + + .navbar-vertical.navbar-expand-xxl.fixed-end { + right: 0; + } + + .navbar-vertical.navbar-expand-xxl .navbar-nav .nav-link { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + margin: 0 1rem; + margin-bottom: 1.5px; + } + + .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 { + pointer-events: none; + } + + .navbar-vertical.navbar-expand-xxl .navbar-nav .nav-item { + width: 100%; + } + + .navbar-vertical.navbar-expand-xxl .navbar-nav>.nav-item { + margin-top: 0.125rem; + } + + .navbar-vertical.navbar-expand-xxl .navbar-nav>.nav-item .icon .ni { + top: 0; + } + + .navbar-vertical.navbar-expand-xxl .lavalamp-object { + width: calc(100% - 1rem) !important; + background: theme-color("primary"); + color: color-yiq(#e91e63); + margin-right: 0.5rem; + margin-left: 0.5rem; + padding-left: 1rem; + padding-right: 1rem; + border-radius: 0.125rem; + } + + .navbar-vertical.navbar-expand-xxl .navbar-nav .nav .nav-link { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + padding-left: 15px; + } + + .navbar-vertical.navbar-expand-xxl .navbar-nav .nav .nav-link>span.sidenav-normal { + transition: all 0.1s ease 0s; + } + + .navbar-vertical.navbar-expand-xxl .navbar-nav .nav .nav-link.active { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + } +} + +.sidenav[data-color="primary"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item.active .nav-link.active, +.sidenav[data-color="primary"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item.active .nav-link.active { + background-image: linear-gradient(195deg, #e91e63 0%, #e91e63 100%); +} + +.sidenav[data-color="primary"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active, +.sidenav[data-color="primary"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active { + background-color: rgba(199, 199, 199, 0.2); +} + +.sidenav[data-color="primary"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active+.collapse .nav-item .nav-link.active, +.sidenav[data-color="primary"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active+.collapse .nav-item .nav-link.active { + background-image: linear-gradient(195deg, #e91e63 0%, #e91e63 100%); +} + +.sidenav[data-color="secondary"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item.active .nav-link.active, +.sidenav[data-color="secondary"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item.active .nav-link.active { + background-image: linear-gradient(195deg, #7b809a 0%, #7b809a 100%); +} + +.sidenav[data-color="secondary"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active, +.sidenav[data-color="secondary"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active { + background-color: rgba(199, 199, 199, 0.2); +} + +.sidenav[data-color="secondary"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active+.collapse .nav-item .nav-link.active, +.sidenav[data-color="secondary"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active+.collapse .nav-item .nav-link.active { + background-image: linear-gradient(195deg, #7b809a 0%, #7b809a 100%); +} + +.sidenav[data-color="success"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item.active .nav-link.active, +.sidenav[data-color="success"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item.active .nav-link.active { + background-image: linear-gradient(195deg, #4CAF50 0%, #4CAF50 100%); +} + +.sidenav[data-color="success"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active, +.sidenav[data-color="success"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active { + background-color: rgba(199, 199, 199, 0.2); +} + +.sidenav[data-color="success"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active+.collapse .nav-item .nav-link.active, +.sidenav[data-color="success"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active+.collapse .nav-item .nav-link.active { + background-image: linear-gradient(195deg, #4CAF50 0%, #4CAF50 100%); +} + +.sidenav[data-color="info"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item.active .nav-link.active, +.sidenav[data-color="info"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item.active .nav-link.active { + background-image: linear-gradient(195deg, #1A73E8 0%, #1A73E8 100%); +} + +.sidenav[data-color="info"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active, +.sidenav[data-color="info"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active { + background-color: rgba(199, 199, 199, 0.2); +} + +.sidenav[data-color="info"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active+.collapse .nav-item .nav-link.active, +.sidenav[data-color="info"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active+.collapse .nav-item .nav-link.active { + background-image: linear-gradient(195deg, #1A73E8 0%, #1A73E8 100%); +} + +.sidenav[data-color="warning"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item.active .nav-link.active, +.sidenav[data-color="warning"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item.active .nav-link.active { + background-image: linear-gradient(195deg, #fb8c00 0%, #fb8c00 100%); +} + +.sidenav[data-color="warning"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active, +.sidenav[data-color="warning"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active { + background-color: rgba(199, 199, 199, 0.2); +} + +.sidenav[data-color="warning"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active+.collapse .nav-item .nav-link.active, +.sidenav[data-color="warning"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active+.collapse .nav-item .nav-link.active { + background-image: linear-gradient(195deg, #fb8c00 0%, #fb8c00 100%); +} + +.sidenav[data-color="danger"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item.active .nav-link.active, +.sidenav[data-color="danger"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item.active .nav-link.active { + background-image: linear-gradient(195deg, #F44335 0%, #F44335 100%); +} + +.sidenav[data-color="danger"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active, +.sidenav[data-color="danger"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active { + background-color: rgba(199, 199, 199, 0.2); +} + +.sidenav[data-color="danger"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active+.collapse .nav-item .nav-link.active, +.sidenav[data-color="danger"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active+.collapse .nav-item .nav-link.active { + background-image: linear-gradient(195deg, #F44335 0%, #F44335 100%); +} + +.sidenav[data-color="light"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item.active .nav-link.active, +.sidenav[data-color="light"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item.active .nav-link.active { + background-image: linear-gradient(195deg, #f0f2f5 0%, #f0f2f5 100%); +} + +.sidenav[data-color="light"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active, +.sidenav[data-color="light"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active { + background-color: rgba(199, 199, 199, 0.2); +} + +.sidenav[data-color="light"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active+.collapse .nav-item .nav-link.active, +.sidenav[data-color="light"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active+.collapse .nav-item .nav-link.active { + background-image: linear-gradient(195deg, #f0f2f5 0%, #f0f2f5 100%); +} + +.sidenav[data-color="dark"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item.active .nav-link.active, +.sidenav[data-color="dark"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item.active .nav-link.active { + background-image: linear-gradient(195deg, #344767 0%, #344767 100%); +} + +.sidenav[data-color="dark"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active, +.sidenav[data-color="dark"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active { + background-color: rgba(199, 199, 199, 0.2); +} + +.sidenav[data-color="dark"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active+.collapse .nav-item .nav-link.active, +.sidenav[data-color="dark"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active+.collapse .nav-item .nav-link.active { + background-image: linear-gradient(195deg, #344767 0%, #344767 100%); +} + +.sidenav[data-color="white"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item.active .nav-link.active, +.sidenav[data-color="white"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item.active .nav-link.active { + background-image: linear-gradient(195deg, #fff 0%, #fff 100%); +} + +.sidenav[data-color="white"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active, +.sidenav[data-color="white"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active { + background-color: rgba(199, 199, 199, 0.2); +} + +.sidenav[data-color="white"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active+.collapse .nav-item .nav-link.active, +.sidenav[data-color="white"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active+.collapse .nav-item .nav-link.active { + background-image: linear-gradient(195deg, #fff 0%, #fff 100%); +} + +.sidenav[data-color="dark-blue"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item.active .nav-link.active, +.sidenav[data-color="dark-blue"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item.active .nav-link.active { + background-image: linear-gradient(195deg, #1A237E 0%, #1A237E 100%); +} + +.sidenav[data-color="dark-blue"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active, +.sidenav[data-color="dark-blue"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active { + background-color: rgba(199, 199, 199, 0.2); +} + +.sidenav[data-color="dark-blue"] .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active+.collapse .nav-item .nav-link.active, +.sidenav[data-color="dark-blue"] .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active+.collapse .nav-item .nav-link.active { + background-image: linear-gradient(195deg, #1A237E 0%, #1A237E 100%); +} + +.main-content, +.sidenav { + transition: all 0.2s ease-in-out; +} + +.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 { + margin-left: 17.125rem; + } + + .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; +} + +.sidenav .collapse .nav-item .nav-link.active { + color: #fff !important; +} + +.sidenav .collapse .nav-item .nav-link.active i { + color: #fff !important; +} + +body:not(.dark-version) .sidenav.bg-white .collapse .nav-item .nav-link.active.text-dark i, +body:not(.dark-version) .sidenav.bg-white .collapse .nav-item .nav-link.active.text-dark .nav-link-text, +body:not(.dark-version) .sidenav.bg-transparent .collapse .nav-item .nav-link.active.text-dark i, +body:not(.dark-version) .sidenav.bg-transparent .collapse .nav-item .nav-link.active.text-dark .nav-link-text { + color: #344767 !important; +} + +.sidenav-header { + height: 4.875rem; +} + +.sidenav-footer .card.card-background:after { + opacity: 0.65; +} + +.g-sidenav-show .sidenav .nav-item .collapse { + 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; +} + +.g-sidenav-show.rtl .navbar-vertical .navbar-nav .nav-link[data-bs-toggle="collapse"]:after { + margin-left: 0; +} + +@media (max-width: 1199.98px) { + .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 { + margin-left: 0 !important; + } + + .g-sidenav-show.g-sidenav-pinned .sidenav { + transform: translateX(0); + } +} + +.navbar-vertical.bg-white { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); +} + +.navbar-vertical.bg-white .navbar-nav .nav-link.active { + box-shadow: none; +} + +.navbar-vertical.bg-transparent .navbar-nav .nav-link.active:after, +.navbar-vertical.bg-white .navbar-nav .nav-link.active:after { + color: rgba(206, 212, 218, 0.7) !important; +} + +.navbar-vertical .navbar-nav .nav-link.active { + font-weight: 400; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + border-radius: 0.375rem; + margin-top: 1.5px; + margin-bottom: 1.5px; +} + +.navbar-vertical .navbar-nav>.nav-item .nav-link.active { + color: #fff; + border-right-width: 0; + border-bottom-width: 0; + background-color: rgba(199, 199, 199, 0.2); +} + +.navbar-vertical .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item.active .nav-link.active, +.navbar-vertical .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item.active .nav-link.active { + background-image: linear-gradient(195deg, #e91e63 0%, #e91e63 100%); +} + +.navbar-vertical .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item.active .nav-link.active span, +.navbar-vertical .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item.active .nav-link.active span { + color: #fff; +} + +.navbar-vertical .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active, +.navbar-vertical .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active { + background-color: rgba(199, 199, 199, 0.2); +} + +.navbar-vertical .navbar-nav>.nav-item .nav-link.active+.collapse .nav-item .nav-link.active+.collapse .nav-item .nav-link.active, +.navbar-vertical .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item .nav-link.active+.collapse .nav-item .nav-link.active { + background-image: linear-gradient(195deg, #e91e63 0%, #e91e63 100%); +} + +.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"] { + margin-top: 7.1875rem !important; +} + +.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-weight: 700; + content: "\f107"; + margin-left: auto; + color: rgba(206, 212, 218, 0.7); + transition: all 0.2s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .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 { + color: #CED4DA; + transform: rotate(180deg); +} + +.navbar-vertical .navbar-nav .nav-link[data-bs-toggle="collapse"].active:after { + color: #fff; +} + +.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 { + 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; + background-color: transparent; + box-shadow: none; + color: rgba(206, 212, 218, 0.7); +} + +.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: #CED4DA; +} + +.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: #CED4DA; +} + +.navbar-vertical.blur .navbar-nav>.nav-item .nav-link { + background-color: transparent; + box-shadow: none; +} + +.navbar-vertical .navbar-brand .navbar-brand-img, +.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 { + transition: none; + } +} + +.navbar-vertical .nav-item .nav-link span.sidenav-mini-icon { + transition: all 0.2s ease-in-out; + text-align: center; + min-width: 1.8rem; +} + +@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; + } +} + +.navbar-vertical .nav-item .nav-link { + margin-top: 3px; + margin-bottom: 3px; + border-radius: 0.375rem; + margin-bottom: 1.5px; + margin-top: 1.5px; +} + +.navbar-vertical .nav-item .nav-link+.collapse .nav .nav-item>.nav-link, +.navbar-vertical .nav-item .nav-link+.collapsing .nav .nav-item>.nav-link { + margin-top: 1.5px; + margin-bottom: 1.5px; +} + +.navbar-vertical .nav-item .nav-link+.collapse .nav .nav-item>.nav-link+.collapse .nav .nav-item .nav-link, +.navbar-vertical .nav-item .nav-link+.collapse .nav .nav-item>.nav-link+.collapsing .nav .nav-item .nav-link, +.navbar-vertical .nav-item .nav-link+.collapsing .nav .nav-item>.nav-link+.collapse .nav .nav-item .nav-link, +.navbar-vertical .nav-item .nav-link+.collapsing .nav .nav-item>.nav-link+.collapsing .nav .nav-item .nav-link { + margin-top: 1.5px; + margin-bottom: 1.5px; +} + +.navbar-vertical .nav-item:hover .nav-link { + background-color: rgba(199, 199, 199, 0.2); + border-radius: 0.375rem; +} + +.navbar-vertical .nav-item:hover .nav-link+.collapse .nav .nav-item:hover>.nav-link { + background-color: rgba(199, 199, 199, 0.2); + border-radius: 0.375rem; +} + +.navbar-vertical .nav-item:hover .nav-link+.collapse .nav .nav-item+.collapse .nav .nav-item:hover .nav-link { + background-color: rgba(199, 199, 199, 0.2); + border-radius: 0.375rem; +} + +@media (min-width: 1200px) { + .g-sidenav-hidden.rtl .main-content { + margin-right: 6rem !important; + } + + .g-sidenav-hidden.rtl .navbar-vertical:hover { + max-width: 15.625rem !important; + } + + .g-sidenav-hidden.rtl .navbar-vertical .nav-item .nav-link .material-icons-round { + margin-right: 2px; + } + + .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 { + 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 .material-icons-round { + margin-left: 2px; + } + + .g-sidenav-hidden .navbar-vertical .nav-item .nav-link .nav-link-text, + .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 !important; + } + + .g-sidenav-hidden .navbar-vertical .nav-item .nav-link[data-bs-toggle="collapse"]:after { + content: ""; + opacity: 0; + } + + .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[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 { + 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 { + opacity: 1; + width: auto; + } + + .g-sidenav-hidden .navbar-vertical:hover .nav-item .nav-link[data-bs-toggle="collapse"]:after { + content: "\f107"; + opacity: 1; + } + + .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 { + margin-left: 0 !important; + padding-left: 0 !important; + } + + .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; + } +} + +.nav.nav-pills { + background: #f8f9fa; + 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; +} + +.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: #EC407A; + color: #EC407A; +} + +.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: #49a3f1; + color: #49a3f1; +} + +.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: #66BB6A; + color: #66BB6A; +} + +.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: #FFA726; + color: #FFA726; +} + +.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: #EF5350; + color: #EF5350; +} + +.nav.nav-pills .nav-item { + z-index: 3; +} + +.moving-tab { + z-index: 1 !important; +} + +.moving-tab .nav-link { + color: #fff; + transition: .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; + background: #fff; +} + +.moving-tab .nav-link:hover:not(.active) { + color: #344767; +} + +.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; + align-items: center; + justify-content: center; + color: #7b809a; + padding: 0; + margin: 0 3px; + border-radius: 50% !important; + width: 36px; + height: 36px; + font-size: 0.875rem; +} + +.pagination-lg .page-item .page-link, +.pagination-lg .page-item span { + width: 46px; + height: 46px; + line-height: 46px; +} + +.pagination-sm .page-item .page-link, +.pagination-sm .page-item span { + width: 30px; + height: 30px; + 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 { + background-image: linear-gradient(195deg, #EC407A 0%, #D81B60 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 { + background-image: linear-gradient(195deg, #747b8a 0%, #495361 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 { + background-image: linear-gradient(195deg, #66BB6A 0%, #43A047 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 { + background-image: linear-gradient(195deg, #49a3f1 0%, #1A73E8 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 { + background-image: linear-gradient(195deg, #FFA726 0%, #FB8C00 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 { + background-image: linear-gradient(195deg, #EF5350 0%, #E53935 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 { + background-image: linear-gradient(195deg, #EBEFF4 0%, #CED4DA 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 { + background-image: linear-gradient(195deg, #42424a 0%, #191919 100%); + border: none; +} + +.popover { + box-shadow: 0 0.3125rem 0.625rem 0 rgba(0, 0, 0, 0.12); +} + +.popover .popover-header { + font-weight: 600; +} + +.progress-bar { + height: 6px; + border-radius: 0.125rem; +} + +.progress { + overflow: visible; +} + +.progress.progress-sm { + height: 4px; +} + +.progress.progress-lg { + height: 20px; +} + +.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 { + margin-left: 0; + margin-right: -1rem; +} + +.rtl .dropdown .dropdown-menu { + left: 0; +} + +.rtl .input-group.input-group-outline .form-label:before { + margin-left: 4px; + margin-right: 0; + border-radius: 0 4px; +} + +.rtl .input-group.input-group-outline .form-label:after { + margin-left: 0; + margin-right: 4px; + border-radius: 5px 0; +} + +.rtl .input-group.input-group-outline.is-valid .form-control, +.rtl .input-group.input-group-outline.is-invalid .form-control { + background-position: left 0.75rem center !important; +} + +.rtl .input-group .input-group-text { + border-left: 0; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.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-left-radius: 0.375rem; + border-bottom-left-radius: 0.375rem; +} + +.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.375rem; + border-bottom-right-radius: 0.375rem; +} + +.ripple { + display: block; + position: absolute; + background: rgba(255, 255, 255, 0.3); + border-radius: 100%; + transform: scale(0); + animation: ripple 0.65s linear; +} + +@keyframes ripple { + 100% { + opacity: 0; + transform: scale(2.5); + } +} + +.btn.btn-facebook { + background-color: #3b5998; + color: #fff; +} + +.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 { + box-shadow: none; +} + +.btn.btn-facebook.btn-simple { + color: #344e86; + background-color: transparent; + background-image: none !important; + 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 { + 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 { + color: #344e86; +} + +.btn.btn-twitter { + background-color: #55acee; + color: #fff; +} + +.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 { + box-shadow: none; +} + +.btn.btn-twitter.btn-simple { + color: #3ea1ec; + background-color: transparent; + background-image: none !important; + 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 { + 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 { + color: #3ea1ec; +} + +.btn.btn-pinterest { + background-color: #cc2127; + color: #fff; +} + +.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 { + box-shadow: none; +} + +.btn.btn-pinterest.btn-simple { + color: #b21d22; + background-color: transparent; + background-image: none !important; + 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 { + 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 { + color: #b21d22; +} + +.btn.btn-linkedin { + background-color: #0077B5; + color: #fff; +} + +.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 { + box-shadow: none; +} + +.btn.btn-linkedin.btn-simple { + color: #00669c; + background-color: transparent; + background-image: none !important; + 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 { + 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 { + color: #00669c; +} + +.btn.btn-dribbble { + background-color: #ea4c89; + color: #fff; +} + +.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 { + box-shadow: none; +} + +.btn.btn-dribbble.btn-simple { + color: #e73177; + background-color: transparent; + background-image: none !important; + 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 { + 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 { + color: #e73177; +} + +.btn.btn-github { + background-color: #24292E; + color: #fff; +} + +.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 { + box-shadow: none; +} + +.btn.btn-github.btn-simple { + color: #171a1d; + background-color: transparent; + background-image: none !important; + 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 { + 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 { + color: #171a1d; +} + +.btn.btn-youtube { + background-color: #e52d27; + color: #fff; +} + +.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 { + box-shadow: none; +} + +.btn.btn-youtube.btn-simple { + color: #d41f1a; + background-color: transparent; + background-image: none !important; + 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 { + 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 { + color: #d41f1a; +} + +.btn.btn-instagram { + background-color: #125688; + color: #fff; +} + +.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 { + box-shadow: none; +} + +.btn.btn-instagram.btn-simple { + color: #0e456d; + background-color: transparent; + background-image: none !important; + 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 { + 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 { + color: #0e456d; +} + +.btn.btn-reddit { + background-color: #ff4500; + color: #fff; +} + +.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 { + box-shadow: none; +} + +.btn.btn-reddit.btn-simple { + color: #e03d00; + background-color: transparent; + background-image: none !important; + 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 { + 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 { + color: #e03d00; +} + +.btn.btn-tumblr { + background-color: #35465c; + color: #fff; +} + +.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 { + box-shadow: none; +} + +.btn.btn-tumblr.btn-simple { + color: #2a3749; + background-color: transparent; + background-image: none !important; + 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 { + 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 { + color: #2a3749; +} + +.btn.btn-behance { + background-color: #1769ff; + color: #fff; +} + +.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 { + box-shadow: none; +} + +.btn.btn-behance.btn-simple { + color: #0057f7; + background-color: transparent; + background-image: none !important; + 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 { + 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 { + color: #0057f7; +} + +.btn.btn-vimeo { + background-color: #1AB7EA; + color: #fff; +} + +.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 { + box-shadow: none; +} + +.btn.btn-vimeo.btn-simple { + color: #13a3d2; + background-color: transparent; + background-image: none !important; + 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 { + 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 { + color: #13a3d2; +} + +.btn.btn-slack { + background-color: #3aaf85; + color: #fff; +} + +.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 { + box-shadow: none; +} + +.btn.btn-slack.btn-simple { + color: #329874; + background-color: transparent; + background-image: none !important; + 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 { + 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 { + color: #329874; +} + +.table thead th { + padding: 0.75rem 1.5rem; + text-transform: capitalize; + letter-spacing: 0px; + border-bottom: 1px solid #f0f2f5; +} + +.table th { + font-weight: 600; +} + +.table td .progress { + height: 3px; + width: 120px; + margin: 0; +} + +.table td .progress .progress-bar { + height: 3px; +} + +.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>* { + border-bottom-color: #f0f2f5; +} + +.table> :not(:first-child) { + border-top: 1px solid currentColor; +} + +.timeline { + position: relative; +} + +.timeline:before { + content: ''; + position: absolute; + top: 0; + left: 1rem; + height: 100%; + border-right: 2px solid #e5e5e5; +} + +.timeline.timeline-dark:before { + border-right-color: #4a4a4a; +} + +.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; +} + +.timeline-step { + position: absolute; + display: inline-flex; + align-items: center; + justify-content: center; + left: 0; + width: 26px; + height: 26px; + border-radius: 50%; + background: #fff; + text-align: center; + transform: translateX(-50%); + font-size: 1rem; + font-weight: 600; + z-index: 1; +} + +.timeline-step svg, +.timeline-step i { + line-height: 1.4; +} + +.timeline-content { + position: relative; + margin-left: 45px; + padding-top: 0.35rem; + position: relative; + top: -6px; +} + +.timeline-content:after { + content: ""; + display: table; + clear: both; +} + +@media (min-width: 992px) { + .timeline:before { + left: 50%; + margin-left: -1px; + } + + .timeline-step { + left: 50%; + } + + .timeline-content { + width: 38%; + } + + .timeline-block:nth-child(even) .timeline-content { + 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; + } +} + +.timeline-one-side .timeline-block:nth-child(even) .timeline-content { + float: none; +} + +.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; +} + +.bs-tooltip-auto[x-placement^=right] .tooltip-arrow, +.bs-tooltip-right .tooltip-arrow { + left: 1px; +} + +.bs-tooltip-auto[x-placement^=left] .tooltip-arrow, +.bs-tooltip-left .tooltip-arrow { + right: 1px; +} + +html * { + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +body { + font-weight: 400; + line-height: 1.6; +} + +h1, +.h1, +.h1 { + font-size: 3rem; + line-height: 1.25; + letter-spacing: 0; +} + +@media (max-width: 575.98px) { + + h1, + .h1, + .h1 { + font-size: calc(1.425rem + 2.1vw); + } +} + +h2, +.h2, +.h2 { + font-size: 2.25rem; + line-height: 1.3; + letter-spacing: 0.05rem; +} + +@media (max-width: 575.98px) { + + h2, + .h2, + .h2 { + font-size: calc(1.35rem + 1.2vw); + } +} + +h3, +.h3, +.h3 { + font-size: 1.875rem; + line-height: 1.375; +} + +@media (max-width: 575.98px) { + + h3, + .h3, + .h3 { + font-size: calc(1.3125rem + 0.75vw); + } +} + +h4, +.h4, +.h4 { + font-size: 1.5rem; + line-height: 1.375; +} + +@media (max-width: 575.98px) { + + h4, + .h4, + .h4 { + font-size: calc(1.275rem + 0.3vw); + } +} + +h5, +.h5, +.h5 { + font-size: 1.25rem; + line-height: 1.375; +} + +@media (max-width: 575.98px) { + + h5, + .h5, + .h5 { + font-size: 1.25rem; + } +} + +h6, +.h6, +.h6 { + font-size: 1rem; + line-height: 1.625; +} + +p, +.p { + font-size: 1rem; + font-weight: 400; + line-height: 1.6; +} + +.lead { + font-size: 1.25rem; + font-weight: 400; + line-height: 1.625; +} + +h1, +.h1, +.h1, +h2, +.h2, +.h2, +h3, +.h3, +.h3 { + font-weight: 600; + font-family: var(--bs-font-sans-serif); +} + +h4, +.h4, +.h4, +h5, +.h5, +.h5, +h6, +.h6, +.h6 { + font-weight: 600; +} + +h1, +.h1, +.h1, +h2, +.h2, +.h2, +h3, +.h3, +.h3, +h4, +.h4, +.h4 { + letter-spacing: -0.05rem; +} + +a { + letter-spacing: 0rem; + color: #344767; +} + +.text-sm { + line-height: 1.5; +} + +.text-xs { + line-height: 1.25; +} + +p, +.p { + font-size: 1rem; +} + +.lead { + font-size: 1.25rem; +} + +.text-lg { + font-size: 1.125rem !important; +} + +.text-md { + font-size: 1rem !important; +} + +.text-sm { + font-size: 0.875rem !important; +} + +.text-xs { + font-size: 0.75rem !important; +} + +.text-xxs { + font-size: 0.65rem !important; +} + +p { + line-height: 1.625; + font-weight: 300; +} + +.text-sans-serif { + font-family: "Roboto", Helvetica, Arial, sans-serif !important; +} + +.text-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; +} + +.text-justify { + text-align: justify !important; +} + +.text-wrap { + white-space: normal !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.font-weight-light { + font-weight: 300 !important; +} + +.font-weight-lighter { + font-weight: lighter !important; +} + +.font-weight-normal { + font-weight: 400 !important; +} + +.font-weight-bold { + font-weight: 600 !important; +} + +.font-weight-bolder { + font-weight: 700 !important; +} + +.font-italic { + font-style: italic !important; +} + +.text-gradient { + background-clip: text; + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; + position: relative; + z-index: 1; +} + +.text-gradient.text-primary { + background-image: linear-gradient(195deg, #EC407A, #D81B60); +} + +.text-gradient.text-info { + background-image: linear-gradient(195deg, #49a3f1, #1A73E8); +} + +.text-gradient.text-success { + background-image: linear-gradient(195deg, #66BB6A, #43A047); +} + +.text-gradient.text-warning { + background-image: linear-gradient(195deg, #FFA726, #FB8C00); +} + +.text-gradient.text-danger { + background-image: linear-gradient(195deg, #EF5350, #E53935); +} + +.text-gradient.text-dark { + background-image: linear-gradient(195deg, #42424a, #191919); +} + +.blockquote { + border-left: 3px solid #6c757d; +} + +.blockquote>span { + font-style: italic; +} + +.text-muted { + color: #7b809a !important; +} + +.text-black-50 { + color: rgba(0, 0, 0, 0.5) !important; +} + +.text-white-50 { + color: rgba(255, 255, 255, 0.5) !important; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.text-break { + word-wrap: break-word !important; +} + +.text-reset { + color: inherit !important; +} + +.letter-wider { + letter-spacing: 0.05rem; +} + +.letter-normal { + letter-spacing: 0rem; +} + +.letter-tighter { + letter-spacing: -0.05rem; +} + +.text-lighter { + font-weight: lighter; +} + +.text-light { + font-weight: 300; +} + +.text-normal { + font-weight: 400; +} + +.text-bold { + font-weight: 600; +} + +.text-bolder { + font-weight: 700; +} + +.text-2xl { + font-size: 1.5rem; +} + +.text-3xl { + font-size: 1.875rem; +} + +.text-4xl { + font-size: 2rem; +} + +.text-5xl { + font-size: 2.25rem; +} + +.text-6xl { + font-size: 3rem; +} + +.text-7xl { + font-size: 3.75rem; +} + +.text-8xl { + font-size: 4rem; +} + +.text-9xl { + font-size: 5rem; +} + +.flatpickr-calendar { + background: transparent; + opacity: 0; + display: none; + text-align: center; + visibility: hidden; + padding: 0; + -webkit-animation: none; + animation: none; + direction: ltr; + border: 0; + font-size: 14px; + line-height: 24px; + border-radius: 0.75rem; + 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 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + transform: scale(0.95) !important; +} + +.flatpickr-calendar.open, +.flatpickr-calendar.inline { + opacity: 1; + max-height: 640px; + visibility: visible; + transform: scale(1) !important; +} + +.flatpickr-calendar.open { + display: inline-block; + z-index: 99999; +} + +.flatpickr-calendar.animate.open { + -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1); + animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1); +} + +.flatpickr-calendar.inline { + display: block; + position: relative; + top: 2px; +} + +.flatpickr-calendar.static { + position: absolute; + top: calc(100% + 2px); +} + +.flatpickr-calendar.static.open { + z-index: 999; + display: block; +} + +.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; +} + +.flatpickr-calendar .hasWeeks .dayContainer, +.flatpickr-calendar .hasTime .dayContainer { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +.flatpickr-calendar .hasWeeks .dayContainer { + border-left: 0; +} + +.flatpickr-calendar.hasTime .flatpickr-time { + height: 40px; + border-top: 1px solid #e6e6e6; +} + +.flatpickr-calendar.noCalendar.hasTime .flatpickr-time { + height: auto; +} + +.flatpickr-calendar:before, +.flatpickr-calendar:after { + position: absolute; + display: block; + pointer-events: none; + border: solid transparent; + content: ''; + height: 0; + width: 0; + left: 22px; +} + +.flatpickr-calendar.rightMost:before, +.flatpickr-calendar.arrowRight:before, +.flatpickr-calendar.rightMost:after, +.flatpickr-calendar.arrowRight:after { + left: auto; + right: 22px; +} + +.flatpickr-calendar.arrowCenter:before, +.flatpickr-calendar.arrowCenter:after { + left: 50%; + right: 50%; +} + +.flatpickr-calendar:before { + border-width: 5px; + margin: 0 -5px; +} + +.flatpickr-calendar:after { + border-width: 4px; + margin: 0 -4px; +} + +.flatpickr-calendar.arrowTop:before, +.flatpickr-calendar.arrowTop:after { + bottom: 100%; +} + +.flatpickr-calendar.arrowTop:before { + border-bottom-color: #fff; +} + +.flatpickr-calendar.arrowTop:after { + border-bottom-color: #fff; +} + +.flatpickr-calendar.arrowBottom:before, +.flatpickr-calendar.arrowBottom:after { + top: 100%; +} + +.flatpickr-calendar.arrowBottom:before { + border-top-color: #e6e6e6; +} + +.flatpickr-calendar.arrowBottom:after { + border-top-color: #fff; +} + +.flatpickr-calendar:focus { + outline: 0; +} + +.flatpickr-wrapper { + position: relative; + display: inline-block; +} + +.flatpickr-months { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} + +.flatpickr-months .flatpickr-month { + background: transparent; + color: #344767; + fill: rgba(0, 0, 0, 0.8); + height: 34px; + line-height: 1; + text-align: center; + position: relative; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + overflow: hidden; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} + +.flatpickr-months .flatpickr-prev-month, +.flatpickr-months .flatpickr-next-month { + text-decoration: none; + cursor: pointer; + position: absolute; + top: 0; + height: 34px; + padding: 10px; + z-index: 3; + color: rgba(0, 0, 0, 0.9); + fill: rgba(0, 0, 0, 0.9); +} + +.flatpickr-months .flatpickr-prev-month.flatpickr-disabled, +.flatpickr-months .flatpickr-next-month.flatpickr-disabled { + display: none; +} + +.flatpickr-months .flatpickr-prev-month i, +.flatpickr-months .flatpickr-next-month i { + position: relative; +} + +.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month, +.flatpickr-months .flatpickr-next-month.flatpickr-prev-month { + /* + /*rtl:begin:ignore*/ + /* + */ + left: 0; + /* + /*rtl:end:ignore*/ + /* + */ +} + +/* + /*rtl:begin:ignore*/ +/* + /*rtl:end:ignore*/ +.flatpickr-months .flatpickr-prev-month.flatpickr-next-month, +.flatpickr-months .flatpickr-next-month.flatpickr-next-month { + /* + /*rtl:begin:ignore*/ + /* + */ + right: 0; + /* + /*rtl:end:ignore*/ + /* + */ +} + +/* + /*rtl:begin:ignore*/ +/* + /*rtl:end:ignore*/ +.flatpickr-months .flatpickr-prev-month:hover, +.flatpickr-months .flatpickr-next-month:hover { + color: #959ea9; +} + +.flatpickr-months .flatpickr-prev-month:hover svg, +.flatpickr-months .flatpickr-next-month:hover svg { + fill: #f64747; +} + +.flatpickr-months .flatpickr-prev-month svg, +.flatpickr-months .flatpickr-next-month svg { + width: 14px; + height: 14px; +} + +.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; +} + +.numInputWrapper { + position: relative; + height: auto; +} + +.numInputWrapper input, +.numInputWrapper span { + display: inline-block; +} + +.numInputWrapper input { + width: 100%; +} + +.numInputWrapper input::-ms-clear { + display: none; +} + +.numInputWrapper input::-webkit-outer-spin-button, +.numInputWrapper input::-webkit-inner-spin-button { + margin: 0; + -webkit-appearance: none; +} + +.numInputWrapper span { + position: absolute; + right: 0; + width: 14px; + padding: 0 4px 0 2px; + height: 50%; + line-height: 50%; + opacity: 0; + cursor: pointer; + border: 1px solid rgba(57, 57, 57, 0.15); + -webkit-box-sizing: border-box; + box-sizing: border-box; +} + +.numInputWrapper span:hover { + background: rgba(0, 0, 0, 0.1); +} + +.numInputWrapper span:active { + background: rgba(0, 0, 0, 0.2); +} + +.numInputWrapper span:after { + display: block; + content: ""; + position: absolute; +} + +.numInputWrapper span.arrowUp { + top: 0; + border-bottom: 0; +} + +.numInputWrapper span.arrowUp:after { + border-left: 4px solid transparent; + border-right: 4px solid transparent; + border-bottom: 4px solid rgba(57, 57, 57, 0.6); + top: 26%; +} + +.numInputWrapper span.arrowDown { + top: 50%; +} + +.numInputWrapper span.arrowDown:after { + border-left: 4px solid transparent; + border-right: 4px solid transparent; + border-top: 4px solid rgba(57, 57, 57, 0.6); + top: 40%; +} + +.numInputWrapper span svg { + width: inherit; + height: auto; +} + +.numInputWrapper span svg path { + fill: rgba(0, 0, 0, 0.5); +} + +.numInputWrapper:hover { + background: rgba(0, 0, 0, 0.05); +} + +.numInputWrapper:hover span { + opacity: 1; +} + +.flatpickr-current-month { + font-size: 135%; + line-height: inherit; + font-weight: 300; + color: inherit; + position: absolute; + width: 75%; + left: 12.5%; + padding: 7.48px 0 0 0; + line-height: 1; + height: 34px; + display: inline-block; + text-align: center; + -webkit-transform: translate3d(0px, 0px, 0px); + transform: translate3d(0px, 0px, 0px); +} + +.flatpickr-current-month span.cur-month { + font-family: inherit; + font-weight: 700; + color: inherit; + display: inline-block; + margin-left: 0.5ch; + padding: 0; +} + +.flatpickr-current-month span.cur-month:hover { + background: rgba(0, 0, 0, 0.05); +} + +.flatpickr-current-month .numInputWrapper { + width: 6ch; + width: 7ch\0; + display: inline-block; +} + +.flatpickr-current-month .numInputWrapper span.arrowUp:after { + border-bottom-color: rgba(0, 0, 0, 0.9); +} + +.flatpickr-current-month .numInputWrapper span.arrowDown:after { + border-top-color: rgba(0, 0, 0, 0.9); +} + +.flatpickr-current-month input.cur-year { + background: transparent; + -webkit-box-sizing: border-box; + box-sizing: border-box; + color: inherit; + cursor: text; + padding: 0 0 0 0.5ch; + margin: 0; + display: inline-block; + font-size: inherit; + font-family: inherit; + font-weight: 300; + line-height: inherit; + height: auto; + border: 0; + border-radius: 0; + vertical-align: initial; + -webkit-appearance: textfield; + -moz-appearance: textfield; + appearance: textfield; +} + +.flatpickr-current-month input.cur-year:focus { + outline: 0; +} + +.flatpickr-current-month input.cur-year[disabled], +.flatpickr-current-month input.cur-year[disabled]:hover { + font-size: 100%; + color: rgba(0, 0, 0, 0.5); + background: transparent; + pointer-events: none; +} + +.flatpickr-current-month .flatpickr-monthDropdown-months { + appearance: menulist; + background: transparent; + border: none; + border-radius: 0; + box-sizing: border-box; + color: inherit; + cursor: pointer; + font-size: inherit; + font-family: inherit; + font-weight: 300; + height: auto; + line-height: inherit; + margin: -1px 0 0 0; + outline: none; + padding: 0 0 0 0.5ch; + position: relative; + vertical-align: initial; + -webkit-box-sizing: border-box; + -webkit-appearance: menulist; + -moz-appearance: menulist; + width: auto; +} + +.flatpickr-current-month .flatpickr-monthDropdown-months:focus, +.flatpickr-current-month .flatpickr-monthDropdown-months:active { + outline: none; +} + +.flatpickr-current-month .flatpickr-monthDropdown-months:hover { + background: rgba(0, 0, 0, 0.05); +} + +.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month { + background-color: transparent; + outline: none; + padding: 0; +} + +.flatpickr-weekdays { + background: transparent; + 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; +} + +span.flatpickr-weekday { + cursor: default; + font-size: 90%; + background: transparent; + color: rgba(0, 0, 0, 0.54); + line-height: 1; + margin: 0; + text-align: center; + display: block; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + font-weight: bolder; +} + +.dayContainer, +.flatpickr-weeks { + padding: 1px 0 0 0; +} + +.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; +} + +.flatpickr-days:focus { + outline: 0; +} + +.dayContainer { + padding: 0; + outline: 0; + text-align: left; + 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; + box-shadow: -1px 0 0 #e6e6e6; +} + +.flatpickr-day { + background: none; + border: 1px solid transparent; + border-radius: 150px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + color: #344767; + 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; + line-height: 39px; + 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; +} + +.flatpickr-day.inRange, +.flatpickr-day.prevMonthDay.inRange, +.flatpickr-day.nextMonthDay.inRange, +.flatpickr-day.today.inRange, +.flatpickr-day.prevMonthDay.today.inRange, +.flatpickr-day.nextMonthDay.today.inRange, +.flatpickr-day:hover, +.flatpickr-day.prevMonthDay:hover, +.flatpickr-day.nextMonthDay:hover, +.flatpickr-day:focus, +.flatpickr-day.prevMonthDay:focus, +.flatpickr-day.nextMonthDay:focus { + cursor: pointer; + outline: 0; + background: #e6e6e6; + border-color: #e6e6e6; +} + +.flatpickr-day.today { + border-color: #959ea9; +} + +.flatpickr-day.today:hover, +.flatpickr-day.today:focus { + border-color: #959ea9; + background: #959ea9; + color: #fff; +} + +.flatpickr-day.selected, +.flatpickr-day.startRange, +.flatpickr-day.endRange, +.flatpickr-day.selected.inRange, +.flatpickr-day.startRange.inRange, +.flatpickr-day.endRange.inRange, +.flatpickr-day.selected:focus, +.flatpickr-day.startRange:focus, +.flatpickr-day.endRange:focus, +.flatpickr-day.selected:hover, +.flatpickr-day.startRange:hover, +.flatpickr-day.endRange:hover, +.flatpickr-day.selected.prevMonthDay, +.flatpickr-day.startRange.prevMonthDay, +.flatpickr-day.endRange.prevMonthDay, +.flatpickr-day.selected.nextMonthDay, +.flatpickr-day.startRange.nextMonthDay, +.flatpickr-day.endRange.nextMonthDay { + background: #569ff7; + -webkit-box-shadow: none; + box-shadow: none; + color: #fff; + border-color: #569ff7; +} + +.flatpickr-day.selected.startRange, +.flatpickr-day.startRange.startRange, +.flatpickr-day.endRange.startRange { + border-radius: 50px 0 0 50px; +} + +.flatpickr-day.selected.endRange, +.flatpickr-day.startRange.endRange, +.flatpickr-day.endRange.endRange { + 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; + box-shadow: -10px 0 0 #569ff7; +} + +.flatpickr-day.selected.startRange.endRange, +.flatpickr-day.startRange.startRange.endRange, +.flatpickr-day.endRange.startRange.endRange { + border-radius: 50px; +} + +.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; +} + +.flatpickr-day.flatpickr-disabled, +.flatpickr-day.flatpickr-disabled:hover, +.flatpickr-day.prevMonthDay, +.flatpickr-day.nextMonthDay, +.flatpickr-day.notAllowed, +.flatpickr-day.notAllowed.prevMonthDay, +.flatpickr-day.notAllowed.nextMonthDay { + color: rgba(57, 57, 57, 0.3); + background: transparent; + border-color: transparent; + cursor: default; +} + +.flatpickr-day.flatpickr-disabled, +.flatpickr-day.flatpickr-disabled:hover { + cursor: not-allowed; + color: rgba(57, 57, 57, 0.1); +} + +.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; +} + +.flatpickr-day.hidden { + visibility: hidden; +} + +.rangeMode .flatpickr-day { + margin-top: 1px; +} + +.flatpickr-weekwrapper { + float: left; +} + +.flatpickr-weekwrapper .flatpickr-weeks { + padding: 0 12px; + -webkit-box-shadow: 1px 0 0 #e6e6e6; + box-shadow: 1px 0 0 #e6e6e6; +} + +.flatpickr-weekwrapper .flatpickr-weekday { + float: none; + width: 100%; + line-height: 28px; +} + +.flatpickr-weekwrapper span.flatpickr-day, +.flatpickr-weekwrapper span.flatpickr-day:hover { + display: block; + width: 100%; + max-width: none; + color: rgba(57, 57, 57, 0.3); + background: transparent; + cursor: default; + border: none; +} + +.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; +} + +.flatpickr-rContainer { + display: inline-block; + padding: 0; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} + +.flatpickr-time { + text-align: center; + outline: 0; + display: block; + 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; +} + +.flatpickr-time:after { + content: ""; + display: table; + clear: both; +} + +.flatpickr-time .numInputWrapper { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + width: 40%; + height: 40px; + float: left; +} + +.flatpickr-time .numInputWrapper span.arrowUp:after { + border-bottom-color: #393939; +} + +.flatpickr-time .numInputWrapper span.arrowDown:after { + border-top-color: #393939; +} + +.flatpickr-time.hasSeconds .numInputWrapper { + width: 26%; +} + +.flatpickr-time.time24hr .numInputWrapper { + width: 49%; +} + +.flatpickr-time input { + background: transparent; + -webkit-box-shadow: none; + box-shadow: none; + border: 0; + border-radius: 0; + text-align: center; + margin: 0; + padding: 0; + height: inherit; + line-height: inherit; + color: #393939; + font-size: 14px; + position: relative; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-appearance: textfield; + -moz-appearance: textfield; + appearance: textfield; +} + +.flatpickr-time input.flatpickr-hour { + font-weight: bold; +} + +.flatpickr-time input.flatpickr-minute, +.flatpickr-time input.flatpickr-second { + font-weight: 400; +} + +.flatpickr-time input:focus { + outline: 0; + border: 0; +} + +.flatpickr-time .flatpickr-time-separator, +.flatpickr-time .flatpickr-am-pm { + height: inherit; + float: left; + line-height: inherit; + color: #393939; + font-weight: bold; + width: 2%; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -webkit-align-self: center; + -ms-flex-item-align: center; + align-self: center; +} + +.flatpickr-time .flatpickr-am-pm { + outline: 0; + width: 18%; + cursor: pointer; + text-align: center; + font-weight: 400; +} + +.flatpickr-time input:hover, +.flatpickr-time .flatpickr-am-pm:hover, +.flatpickr-time input:focus, +.flatpickr-time .flatpickr-am-pm:focus { + background: #eee; +} + +.flatpickr-input[readonly] { + cursor: pointer; +} + +@-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; +} + +.flatpickr-calendar.open { + margin-left: 0px; + 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 { + background: #e91e63 !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 { + 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, +.flatpickr-calendar .flatpickr-time .flatpickr-am-pm:focus { + background: rgba(94, 114, 228, 0.28); +} + +.flatpickr.form-control { + 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)) { + box-shadow: -10px 0 0 #e91e63; +} + +/*! nouislider - 14.6.3 - 11/19/2020 */ +/* Functional styling; + * These styles are required for noUiSlider to function. + * You don't need to change these rules to apply your design. + */ +.noUi-target, +.noUi-target * { + -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; +} + +.noUi-target { + position: relative; +} + +.noUi-base, +.noUi-connects { + width: 100%; + height: 2px; + position: relative; + z-index: 1; + top: 0; +} + +/* Wrapper for all connect elements. + */ +.noUi-connects { + z-index: 0; + overflow: hidden; +} + +.noUi-connect, +.noUi-origin { + will-change: transform; + position: absolute; + z-index: 1; + top: 0; + right: 0; + -ms-transform-origin: 0 0; + -webkit-transform-origin: 0 0; + -webkit-transform-style: preserve-3d; + transform-origin: 0 0; + transform-style: flat; +} + +.noUi-connect { + height: 100%; + width: 100%; + border-radius: 0.25rem; +} + +.noUi-origin { + height: 10%; + width: 10%; +} + +/* Offset direction + */ +.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin { + left: 0; + right: auto; +} + +/* Give origins 0 height/width so they don't interfere with clicking the + * connect elements. + */ +.noUi-vertical .noUi-origin { + width: 0; +} + +.noUi-horizontal .noUi-origin { + height: 0; +} + +.noUi-handle { + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + position: absolute; +} + +.noUi-touch-area { + height: 100%; + width: 100%; +} + +.noUi-state-tap .noUi-connect, +.noUi-state-tap .noUi-origin { + -webkit-transition: transform 0.3s; + transition: transform 0.3s; +} + +.noUi-state-drag * { + cursor: inherit !important; +} + +/* Slider size and handle placement; + */ +.noUi-horizontal { + height: 2px; +} + +.noUi-horizontal .noUi-handle { + border-radius: 50%; + background-color: #fff; + box-shadow: 0 1px 13px 0 rgba(0, 0, 0, 0.2); + height: 14px; + width: 14px; + cursor: pointer; + margin-top: -6px; + outline: none; + right: -10px; +} + +.noUi-vertical { + width: 3px; +} + +.noUi-vertical .noUi-handle { + width: 28px; + height: 34px; + right: -6px; + top: -17px; +} + +.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle { + left: -17px; + right: auto; +} + +/* Styling; + * Giving the connect element a border radius causes issues with using transform: scale + */ +.noUi-target { + background: #f0f2f5; + border-radius: .25rem; +} + +.noUi-connects { + border-radius: 3px; +} + +.noUi-connect { + background: #e91e63; +} + +/* Handles and cursors; + */ +.noUi-draggable { + cursor: ew-resize; +} + +.noUi-vertical .noUi-draggable { + cursor: ns-resize; +} + +.noUi-handle { + border: 1px solid #e91e63; + border-radius: 3px; + 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; +} + +.noUi-active { + box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB; + transform: scale3d(1.5, 1.5, 1); +} + +/* Disabled state; + */ +[disabled] .noUi-connect { + background: #B8B8B8; +} + +[disabled].noUi-target, +[disabled].noUi-handle, +[disabled] .noUi-handle { + cursor: not-allowed; +} + +/* Base; + * + */ +.noUi-pips, +.noUi-pips * { + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +.noUi-pips { + position: absolute; + color: #999; +} + +/* Values; + * + */ +.noUi-value { + position: absolute; + white-space: nowrap; + text-align: center; +} + +.noUi-value-sub { + color: #ccc; + font-size: 10px; +} + +/* Markings; + * + */ +.noUi-marker { + position: absolute; + background: #CCC; +} + +.noUi-marker-sub { + background: #AAA; +} + +.noUi-marker-large { + background: #AAA; +} + +/* Horizontal layout; + * + */ +.noUi-pips-horizontal { + padding: 10px 0; + height: 80px; + top: 100%; + left: 0; + width: 100%; +} + +.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%); +} + +.noUi-marker-horizontal.noUi-marker { + margin-left: -1px; + width: 2px; + height: 5px; +} + +.noUi-marker-horizontal.noUi-marker-sub { + height: 10px; +} + +.noUi-marker-horizontal.noUi-marker-large { + height: 15px; +} + +/* Vertical layout; + * + */ +.noUi-pips-vertical { + padding: 0 10px; + height: 100%; + top: 0; + left: 100%; +} + +.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%); +} + +.noUi-marker-vertical.noUi-marker { + width: 5px; + height: 2px; + margin-top: -1px; +} + +.noUi-marker-vertical.noUi-marker-sub { + width: 10px; +} + +.noUi-marker-vertical.noUi-marker-large { + width: 15px; +} + +.noUi-tooltip { + display: block; + position: absolute; + border: 1px solid #D9D9D9; + border-radius: 3px; + background: #fff; + color: #000; + padding: 5px; + text-align: center; + white-space: nowrap; +} + +.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); + transform: translate(50%, 0); + left: auto; + bottom: 10px; +} + +.noUi-vertical .noUi-origin>.noUi-tooltip { + -webkit-transform: translate(0, -18px); + transform: translate(0, -18px); + top: auto; + right: 28px; +} + +/* PrismJS 1.23.0 +https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript */ +/** + * prism.js default theme for JavaScript, CSS and HTML + * Based on dabblet (http://dabblet.com) + * @author Lea Verou + */ +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-size: 1em; + text-align: left; + white-space: pre; + word-spacing: normal; + word-break: normal; + word-wrap: normal; + line-height: 1.5; + -moz-tab-size: 4; + -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 { + text-shadow: none; + background: #b3d4fc; +} + +pre[class*="language-"]::selection, +pre[class*="language-"] ::selection, +code[class*="language-"]::selection, +code[class*="language-"] ::selection { + text-shadow: none; + background: #b3d4fc; +} + +@media print { + + code[class*="language-"], + pre[class*="language-"] { + text-shadow: none; + } +} + +/* Code blocks */ +pre[class*="language-"] { + padding: 1em; + overflow: auto; + border-radius: .75rem; +} + +:not(pre)>code[class*="language-"], +pre[class*="language-"] { + background: #f8f9fa; +} + +/* Inline code */ +:not(pre)>code[class*="language-"] { + padding: .1em; + border-radius: .3em; + white-space: normal; +} + +.token.comment, +.token.prolog, +.token.doctype, +.token.cdata { + color: slategray; +} + +.token.punctuation { + color: #999; +} + +.token.namespace { + opacity: .7; +} + +.token.property, +.token.tag, +.token.boolean, +.token.number, +.token.constant, +.token.symbol, +.token.deleted { + color: #905; +} + +.token.selector, +.token.attr-name, +.token.string, +.token.char, +.token.builtin, +.token.inserted { + color: #690; +} + +.token.operator, +.token.entity, +.token.url, +.language-css .token.string, +.style .token.string { + color: #9a6e3a; + /* This background color was intended by the author of this theme. */ + background: rgba(255, 255, 255, 0.5); +} + +.token.atrule, +.token.attr-value, +.token.keyword { + color: #07a; +} + +.token.function, +.token.class-name { + color: #DD4A68; +} + +.token.regex, +.token.important, +.token.variable { + color: #e90; +} + +.token.important, +.token.bold { + font-weight: bold; +} + +.token.italic { + font-style: italic; +} + +.token.entity { + cursor: help; +} + +/* + * Container style + */ +.ps { + overflow: hidden !important; + overflow-anchor: none; + -ms-overflow-style: none; + touch-action: auto; + -ms-touch-action: auto; +} + +/* + * Scrollbar rail styles + */ +.ps__rail-x { + display: none; + opacity: 0; + transition: background-color .2s linear, opacity .2s linear; + -webkit-transition: background-color .2s linear, opacity .2s linear; + height: 15px; + /* there must be 'bottom' or 'top' for ps__rail-x */ + bottom: 0px; + /* please don't change 'position' */ + position: absolute; +} + +.ps__rail-y { + display: none; + opacity: 0; + transition: background-color .2s linear, opacity .2s linear; + -webkit-transition: background-color .2s linear, opacity .2s linear; + width: 15px; + /* there must be 'right' or 'left' for ps__rail-y */ + right: 0; + /* please don't change 'position' */ + position: absolute; +} + +.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 { + opacity: 0.6; +} + +.ps .ps__rail-x:hover, +.ps .ps__rail-y:hover, +.ps .ps__rail-x:focus, +.ps .ps__rail-y:focus, +.ps .ps__rail-x.ps--clicking, +.ps .ps__rail-y.ps--clicking { + background-color: #eee; + opacity: 0.9; +} + +/* + * Scrollbar thumb styles + */ +.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; + height: 6px; + /* there must be 'bottom' for ps__thumb-x */ + bottom: 2px; + /* please don't change 'position' */ + position: absolute; +} + +.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; + width: 6px; + /* there must be 'right' for ps__thumb-y */ + right: 2px; + /* please don't change 'position' */ + position: absolute; +} + +.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.ps--clicking .ps__thumb-y { + background-color: #999; + width: 11px; +} + +/* MS supports */ +@supports (-ms-overflow-style: none) { + .ps { + overflow: auto !important; + } +} + +@media screen and (-ms-high-contrast: active), +(-ms-high-contrast: none) { + .ps { + overflow: auto !important; + } +} + +/*# sourceMappingURL=dashboard-free.css.map */ \ No newline at end of file diff --git a/dev/assets/css/material-dashboard.css.map b/dev/assets/css/material-dashboard.css.map new file mode 100644 index 0000000..47de91d --- /dev/null +++ b/dev/assets/css/material-dashboard.css.map @@ -0,0 +1,360 @@ +{ + "version": 3, + "file": "dashboard-free.css", + "sources": [ + "../scss/dashboard-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/_ripple.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/_maps.scss", + "../scss/bootstrap/_utilities.scss", + "../scss/bootstrap/bootstrap.scss", + "../scss/bootstrap/mixins/_banner.scss", + "../scss/bootstrap/_functions.scss", + "../scss/bootstrap/_variables.scss", + "../scss/bootstrap/_maps.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/_color-bg.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/_buttons.scss", + "../scss//mixins/_hover.scss", + "../scss//mixins/_colored-shadows.scss", + "../scss//mixins/_social-buttons.scss", + "../scss//mixins/_vendor.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//cards/card-rotate.scss", + "../scss//_dark-version.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//_icons.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//_ripple.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// * Material Dashboard 2 - v3.1.0\n// =========================================================\n\n// * Product Page: https://www.creative-tim.com/product/material-dashboard\n// * Copyright 2023 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(--#{$prefix}#{$identifier}-bg-rgb), var(--#{$prefix}#{$target}-opacity));\n } @if $identifier == \"body\" and $target == \"text\" {\n @return rgba(var(--#{$prefix}#{$identifier}-color-rgb), var(--#{$prefix}#{$target}-opacity));\n } @else {\n @return rgba(var(--#{$prefix}#{$identifier}-rgb), var(--#{$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(--#{$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 Kitty 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.1 relative luminance\n// See https://www.w3.org/TR/WCAG/#dfn-relative-luminance\n// See https://www.w3.org/TR/WCAG/#dfn-contrast-ratio\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: #ffffff !default; // Testing\n$font-color: #7b809a !default;\n$h-color: #344767 !default;\n\n// Color system\n\n$white: #fff !default;\n$gray-100: #f8f9fa !default;\n$gray-200: #f0f2f5 !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$rose: #e91e63 !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: #e91e63 !default;\n$secondary: #7b809a !default;\n$info: #1A73E8 !default;\n$success: #4CAF50 !default;\n$warning: #fb8c00 !default;\n$danger: #F44335 !default;\n$light: $gray-200 !default;\n$dark: $h-color !default;\n$dark-blue: #1A237E !default;\n\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 \"dark-blue\": $dark-blue,\n) !default;\n// scss-docs-end theme-colors-map\n\n\n// Gradient colors\n$primary-gradient: #EC407A !default;\n$primary-gradient-state: #D81B60 !default;\n\n$secondary-gradient: #747b8a !default;\n$secondary-gradient-state: #495361 !default;\n\n$info-gradient: #49a3f1 !default;\n$info-gradient-state: #1A73E8 !default;\n\n$success-gradient: #66BB6A !default;\n$success-gradient-state: #43A047 !default;\n\n$danger-gradient: #EF5350 !default;\n$danger-gradient-state: #E53935 !default;\n\n$warning-gradient: #FFA726 !default;\n$warning-gradient-state: #FB8C00 !default;\n\n$dark-gradient: #42424a !default;\n$dark-gradient-state: #191919 !default;\n\n$light-gradient: #EBEFF4 !default;\n$light-gradient-state: #CED4DA !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: $link-color !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: .1rem !default;\n$border-radius-sm: .125rem !default;\n$border-radius-md: .375rem !default;\n$border-radius-lg: .5rem !default;\n$border-radius-xl: .75rem !default;\n$border-radius-2xl: 1rem !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 .3125rem .625rem 0 rgba(0, 0, 0, 0.12) !default;\n$box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06) !default;\n$box-shadow-lg: 0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05) !default;\n$box-shadow-xl: 0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04) !default;\n$box-shadow-inset: inset 0 1px 2px rgba($black, .075) !default;\n\n// colored Shadows\n\n$box-shadow-primary: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(233, 30, 99, .4) !default;\n$box-shadow-secondary: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(210, 210, 210, .4) !default;\n$box-shadow-info: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(0, 188, 212, .4) !default;\n$box-shadow-warning: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(255, 152, 0, .4) !default;\n$box-shadow-success: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(76, 175, 80, .4) !default;\n$box-shadow-danger: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(244, 67, 54, .4) !default;\n$box-shadow-dark: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(64, 64, 64, .4) !default;\n$box-shadow-light: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(233, 30, 99, .4) !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$transition-material: all .3s 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: 'Roboto', Helvetica, Arial, sans-serif !default;\n$font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace !default;\n$font-family-roboto-slab: 'Roboto Slab', sans-serif !default;\n\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(195deg, $primary-gradient, $primary-gradient-state) !default;\n$text-gradient-bg-info: linear-gradient(195deg, $info-gradient, $info-gradient-state) !default;\n$text-gradient-bg-success: linear-gradient(195deg, $success-gradient, $success-gradient-state) !default;\n$text-gradient-bg-warning: linear-gradient(195deg, $warning-gradient, $warning-gradient-state) !default;\n$text-gradient-bg-danger: linear-gradient(195deg, $danger-gradient, $danger-gradient-state) !default;\n$text-gradient-bg-dark: linear-gradient(195deg, $dark-gradient, $dark-gradient-state) !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.7 !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: .625rem !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: 1.667 !default;\n$btn-white-space: null !default; // Set to `nowrap` to prevent text wrapping\n$btn-letter-spacing: 0 !default; // Set to `nowrap` to prevent text wrapping\n\n$btn-margin-bottom: 1rem !default;\n$btn-padding-y-sm: .375rem !default;\n$btn-padding-x-sm: 1rem !default;\n$btn-font-size-sm: $input-btn-font-size-sm !default;\n\n$btn-padding-y-lg: .75rem !default;\n$btn-padding-x-lg: 1.75rem !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: none !default;\n$btn-active-hover-transform: none !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$shadow-umbra-opacity: 0.2 !default;\n$shadow-penumbra-opacity: 0.14 !default;\n$shadow-ambient-opacity: 0.12 !default;\n$shadow-focus: 0 0 8px rgba($black, .18),\n 0 8px 16px rgba($black, .36);\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.5rem !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: 0px !default;\n\n$btn-material-icon-margin: -1px !default;\n$btn-material-icon-font-size: 1.1rem !default;\n$btn-material-icon-display: inline-block !default;\n$btn-material-icon-top: 0 !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: $white !default;\n$btn-secondary-font-color: $white !default;\n$btn-danger-font-color: $white !default;\n$btn-info-font-color: $white !default;\n$btn-success-font-color: $white !default;\n$btn-warning-font-color: $white !default;\n$btn-dark-font-color: $white !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: .875rem !default;\n$form-label-font-style: null !default;\n$form-label-font-weight: 400 !default;\n$form-label-color: $font-color !default;\n$form-label-position: absolute !default;\n$form-label-top: .6125rem!default;\n$form-label-transition: 0.2s ease all !default;\n\n$form-label-top-focused: -.7rem!default;\n$form-label-top-outline-focused: -.8rem!default;\n$form-label-top-focused-filled: -1rem!default;\n$form-label-font-size-focused: .6875rem !default;\n\n$form-control-outline-padding: .625rem .75rem !default;\n$form-label-outline-ms: .75rem !default;\n$form-label-outline-focused-ms: .5rem !default;\n$form-label-outline-focused-padding: 0 .188rem !default;\n$form-label-outline-focused-z-index: 5 !default;\n$form-label-outline-line-height: 3.925 !default;\n$form-label-outline-top: .375rem !default;\n$form-label-outline-after-height: .5rem !default;\n$form-label-outline-after-width: .625rem !default;\n$form-label-outline-after-border-width: 1px 0 0 !default;\n\n\n\n$input-padding-y: .5rem !default;\n$input-padding-x: 0 !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.5rem !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: transparent !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-sm !default;\n$input-border-radius-lg: $border-radius-lg !default;\n\n$input-focus-bg: transparent !default;\n$input-focus-border-color: transparent !default;\n$input-focus-color: $input-color !default;\n$input-focus-width: 2px !default;\n$input-focus-box-shadow: none !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: .2s ease !default;\n\n$input-background: no-repeat bottom,50% calc(100% - 1px);\n$input-background-size: 0 100%,100% 100%;\n$input-background-size-focus: 100% 100%,100% 100%;\n$input-background-image: linear-gradient(0deg,$primary 2px,rgba(156,39,176,0) 0),linear-gradient(0deg,#d2d2d2 1px,hsla(0,0%,82%,0) 0);\n$input-background-image-valid: linear-gradient(0deg,$success 2px,rgba(156,39,176,0) 0),linear-gradient(0deg,#d2d2d2 1px,hsla(0,0%,82%,0) 0);\n$input-background-image-invalid: linear-gradient(0deg,$danger 2px,rgba(156,39,176,0) 0),linear-gradient(0deg,#d2d2d2 1px,hsla(0,0%,82%,0) 0);\n$input-background-image-disabled: linear-gradient(0deg,$primary 2px,rgba(156,39,176,0) 0),linear-gradient(0deg,$gray-200 1px,hsla(0,0%,82%,0) 0);\n\n$form-check-input-width: 1.23em !default;\n$form-check-min-height: auto !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(195deg, $primary-gradient 0%, $primary-gradient-state 100%) !default;\n$form-check-radio-checked-bg-image: $form-check-input-checked-bg-image !default;\n$form-check-radio-after-width: .8375rem !default;\n$form-check-radio-after-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06), 0 0 0 12px rgba(53, 71, 102, .1) !default;\n$form-check-radio-transition: .05s ease;\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-bg-color: $gray-400 !default;\n$form-switch-height: 0.9375rem !default;\n$form-switch-width: $form-switch-height*2 !default;\n$form-switch-check-after-width: 1.25rem !default;\n$form-switch-check-after-transition: .1s ease !default;\n$form-switch-check-after-border-color: $gray-400 !default;\n$form-switch-check-active-after-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06), 0 0 0 15px rgba(0, 0, 0, .1) !default;\n$form-switch-check-active-checked-after-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06), 0 0 0 15px rgba(53, 71, 102, .1) !default;\n\n$form-switch-check-top: -2.5px !default;\n$form-switch-check-left: -5px !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: transparent !default;\n$input-group-addon-border-color: $input-border-color !default;\n$input-group-sm-font-size: $font-size-xs !default;\n$input-group-lg-font-size: $font-size-base * .975 !default;\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-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) * 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: $border-radius-xl !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: 0rem !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: 0 !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: 6px !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-sm !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/ripple';\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 4px 6px -1px rgba(0,0,0,0.1),\n 0 2px 4px -1px rgba(0,0,0,0.06) !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,.56) !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\n$header-data-animation-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1) !default;\n", + "$dark-version-body-color: rgba(255, 255, 255, .8) !default;\n$dark-version-bg-color: #1a2035 !default;\n$dark-version-sidenav-bg-color: #1f283e !default;\n$dark-version-card-bg-color: #202940 !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", + "$dropdown-subitem-position: 101% !default;\n$dropdown-transition: transform .3s cubic-bezier(.4,0,.2,1),opacity .2s cubic-bezier(.4,0,.2,1) !important !default;\n$dropdown-transform-origin: 0 0 !default;\n$dropdown-transform: scale(.95) !important !default;\n$dropdown-transform-show: scale(1) !important !default;\n\n$dropdown-multilevel-transform: scale(.95) !important !default;\n$dropdown-multilevel-transform-show: scale(1) !important !default;\n\n$dropup-transform-origin: bottom !default;\n$dropup-transform: scale(.95) !important !default;\n$dropup-transform-show: scale(1) !important !default;\n\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: 2.8125rem !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-video-top: 50% !default;\n$header-video-left: $header-video-top !default;\n$header-video-min-width: 100% !default;\n$header-video-min-height: $header-video-min-width !default;\n$header-video-min-transform: translateX(-50%) translateY(-50%) !default;\n", + "$icon-shape-bg-image: linear-gradient(195deg,#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: 0 !default;\n$info-icon-top-xs: -1px !default;\n$info-icon-top-sm: 4px !default;\n$info-icon-top-md: 30% !default;\n$info-icon-top-lg: 31% !default;\n$info-icon-top-xl: 35% !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: .75rem !default;\n$navbar-vertical-sidenav-normal-ml: 4.01rem !default;\n$navbar-vertical-m: 1rem !default;\n$navbar-vertical-inner: calc(100vh - 200px) !default;\n$navbar-icon-min-width: 1.8rem !default;\n$navbar-icon-margin-left: 0.15rem !default;\n$navbar-icon-material-margin-left: 2px !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: 300 !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-md !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-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$navbar-vertical-hidden-width: 6rem !default;\n\n// Hover effect\n$navbar-vertical-hover-bg-color: rgba(199, 199, 199, 0.2) !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-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-130: 130px !default;\n$min-height-140: 140px !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-130: 130px !default;\n$max-height-140: 140px !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\n// Wizard variants\n$multistep-progress-primary-color: #f48aaa !default;\n$multistep-progress-success-color: #9ed1a0 !default;\n$multistep-progress-danger-color: #f79592 !default;\n$multistep-progress-warning-color: #ffc483 !default;\n$multistep-progress-info-color: #88d9e4 !default;\n$multistep-progress-dark-color: #848486 !default;\n$multistep-progress-secondary-color: #a4a9b2 !default;\n$multistep-progress-light-color: #ebeef1 !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-gray-light: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, .1), rgba(0, 0, 0, 0)) !default;\n$hr-bg-color-light: linear-gradient(90deg,hsla(0,0%,100%,0),#fff,hsla(0,0%,100%,0)) !default;\n$hr-bg-color-dark: linear-gradient(90deg,transparent,rgba(0,0,0,.4),transparent) !default;\n\n// border right - pseudo\n\n$border-right-after-top: 3vh !default;\n$border-right-after-height: 70% !default;\n$border-right-after-width: 50% !default;\n$border-right-after-border-color: #dee2e6 !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\n$card-badge-position: -.6875rem !default;\n", + "$timeline-step-transform-rtl: translateX(50%) !default;\n", + "// RIPPLE Effect\n\n$ripple-position: relative !default;\n\n$ripple-container-position: absolute !default;\n$ripple-container-top: 0 !default;\n$ripple-container-left: $ripple-container-top !default;\n$ripple-container-z-index: 1 !default;\n$ripple-container-width: 100% !default;\n$ripple-container-height: $ripple-container-width !default;\n$ripple-container-overflow: hidden !default;\n$ripple-container-pointer: none !default;\n$ripple-container-radius: inherit !default;\n\n$ripple-decorator-position: $ripple-container-position !default;\n$ripple-decorator-width: 20px !default;\n$ripple-decorator-height: $ripple-decorator-width !default;\n$ripple-decorator-mt: -10px !default;\n$ripple-decorator-ml: $ripple-decorator-mt !default;\n$ripple-decorator-pointer: $ripple-container-pointer !default;\n$ripple-decorator-bg-color: rgba($black, 0.05) !default;\n$ripple-decorator-radius: 100% !default;\n$ripple-decorator-opacity: 0 !default;\n$ripple-decorator-transform: scale(1) !default;\n$ripple-decorator-transform-origin: 50% !default;\n\n$ripple-on-opacity: .1 !default;\n$ripple-on-transition: opacity 0.15s ease-in 0s,\n transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s !default;\n\n$ripple-out-opacity: 0 !default;\n$ripple-out-transition: opacity 0.1s linear 0s !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: scale(.95) !important !default;\n$choices-transform-show: scale(1) !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: #e5e5e5 !default;\n$timeline-axis-color-dark: #4a4a4a !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\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/maps\";\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-overflow-x\n \"overflow-x\": (\n property: overflow-x,\n class: overflow-x,\n values: auto hidden visible scroll,\n ),\n // scss-docs-end utils-overflow-x\n // scss-docs-start utils-overflow-y\n \"overflow-y\": (\n property: overflow-y,\n class: overflow-y,\n values: auto hidden visible scroll,\n ),\n // scss-docs-end utils-overflow-y\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 xl: $box-shadow-xl,\n none: none,\n )\n ),\n // scss-docs-start utils-colored-shadow\n \"colored-shadow\": (\n property: box-shadow,\n class: shadow,\n values: (\n primary: $box-shadow-primary,\n secondary: $box-shadow-secondary,\n info: $box-shadow-info,\n warning: $box-shadow-warning,\n success: $box-shadow-success,\n danger: $box-shadow-danger,\n dark: $box-shadow-dark,\n light: $box-shadow-light,\n )\n ),\n // scss-docs-end utils-colored-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(--#{$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 \"rose\": $rose,\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(--#{$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 130: $max-height-130,\n 140: $max-height-140,\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 130: $min-height-130,\n 140: $min-height-140,\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 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(--#{$prefix}#{$identifier}-bg-rgb), var(--#{$prefix}#{$target}-opacity));\n } @if $identifier == \"body\" and $target == \"text\" {\n @return rgba(var(--#{$prefix}#{$identifier}-color-rgb), var(--#{$prefix}#{$target}-opacity));\n } @else {\n @return rgba(var(--#{$prefix}#{$identifier}-rgb), var(--#{$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(--#{$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 Kitty 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.1 relative luminance\n// See https://www.w3.org/TR/WCAG/#dfn-relative-luminance\n// See https://www.w3.org/TR/WCAG/#dfn-contrast-ratio\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 \"black\": $black,\n \"white\": $white,\n \"gray\": $gray-600,\n \"gray-dark\": $gray-800\n) !default;\n// scss-docs-end colors-map\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-100,\n \"purple-200\": $purple-200,\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// 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// 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-container-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; // Deprecated in v5.2.0 for the shorter `$prefix`\n$prefix: $variable-prefix !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// 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// 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// 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// 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-style: solid !default;\n$border-color: $gray-300 !default;\n$border-color-translucent: rgba($black, .175) !default;\n// scss-docs-end border-variables\n\n// scss-docs-start border-radius-variables\n$border-radius: .375rem !default;\n$border-radius-sm: .25rem !default;\n$border-radius-lg: .5rem !default;\n$border-radius-xl: 1rem !default;\n$border-radius-2xl: 2rem !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\", \"Noto Sans\", \"Liberation Sans\", Arial, 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(--#{$prefix}font-sans-serif) !default;\n$font-family-code: var(--#{$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-semibold: 600 !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-family: null !default;\n$display-font-style: null !default;\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\n// fusv-disable\n$hr-bg-color: null !default; // Deprecated in v5.2.0\n$hr-height: null !default; // Deprecated in v5.2.0\n// fusv-enable\n\n$hr-border-color: null !default; // Allows for inherited colors\n$hr-border-width: $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$dt-font-weight: $font-weight-bold !default;\n\n$list-inline-padding: .5rem !default;\n\n$mark-padding: .1875em !default;\n$mark-bg: $yellow-100 !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: var(--#{$prefix}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: var(--#{$prefix}border-color) !default;\n\n$table-striped-order: odd !default;\n$table-striped-columns-order: even !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: var(--#{$prefix}link-color) !default;\n$btn-link-hover-color: var(--#{$prefix}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-color: null !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$zindex-toast: 1090 !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: var(--#{$prefix}link-color) !default;\n$nav-link-hover-color: var(--#{$prefix}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\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$navbar-light-brand-color: $navbar-light-active-color !default;\n$navbar-light-brand-hover-color: $navbar-light-active-color !default;\n// scss-docs-end navbar-variables\n\n// scss-docs-start navbar-dark-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$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-dark-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: var(--#{$prefix}border-color-translucent) !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-x: $dropdown-item-padding-x !default;\n$dropdown-header-padding-y: $dropdown-padding-y !default;\n// fusv-disable\n$dropdown-header-padding: $dropdown-header-padding-y $dropdown-header-padding-x !default; // Deprecated in v5.2.0\n// fusv-enable\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-font-size: $font-size-base !default;\n\n$pagination-color: var(--#{$prefix}link-color) !default;\n$pagination-bg: $white !default;\n$pagination-border-radius: $border-radius !default;\n$pagination-border-width: $border-width !default;\n$pagination-margin-start: ($pagination-border-width * -1) !default;\n$pagination-border-color: $gray-300 !default;\n\n$pagination-focus-color: var(--#{$prefix}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: var(--#{$prefix}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: var(--#{$prefix}border-color-translucent) !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; // Sass variable because of $accordion-button-icon\n$accordion-bg: $body-bg !default;\n$accordion-border-width: $border-width !default;\n$accordion-border-color: var(--#{$prefix}border-color) !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: var(--#{$prefix}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: null !default; // TODO: remove this in v6\n\n$tooltip-arrow-width: .8rem !default;\n$tooltip-arrow-height: .4rem !default;\n// fusv-disable\n$tooltip-arrow-color: null !default; // Deprecated in Bootstrap 5.2.0 for CSS variables\n// fusv-enable\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: var(--#{$prefix}border-color-translucent) !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-font-size: $font-size-base !default;\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// scss-docs-end popover-variables\n\n// fusv-disable\n// Deprecated in Bootstrap 5.2.0 for CSS variables\n$popover-arrow-color: $popover-bg !default;\n$popover-arrow-outer-color: var(--#{$prefix}border-color-translucent) !default;\n// fusv-enable\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: $border-width !default;\n$toast-border-color: var(--#{$prefix}border-color-translucent) !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: var(--#{$prefix}border-color-translucent) !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\n$modal-header-border-color: var(--#{$prefix}border-color) !default;\n$modal-header-border-width: $modal-content-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-footer-bg: null !default;\n$modal-footer-border-color: $modal-header-border-color !default;\n$modal-footer-border-width: $modal-header-border-width !default;\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: var(--#{$prefix}border-color) !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// scss-docs-end carousel-variables\n\n// scss-docs-start carousel-dark-variables\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-dark-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: .1875rem !default;\n$kbd-padding-x: .375rem !default;\n$kbd-font-size: $code-font-size !default;\n$kbd-color: var(--#{$prefix}body-bg) !default;\n$kbd-bg: var(--#{$prefix}body-color) !default;\n$nested-kbd-font-weight: null !default; // Deprecated in v5.2.0, removing in v6\n\n$pre-color: null !default;\n", + "// Re-assigned maps\n//\n// Placed here so that others can override the default Sass maps and see automatic updates to utilities and more.\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// 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// scss-docs-start utilities-border-colors\n$utilities-border: map-merge(\n $utilities-colors,\n (\n \"white\": to-rgb($white)\n )\n) !default;\n$utilities-border-colors: map-loop($utilities-border, rgba-css-var, \"$key\", \"border\") !default;\n// scss-docs-end utilities-border-colors\n\n$negative-spacers: if($enable-negative-margins, negativify-map($spacers), null) !default;\n\n$gutters: $spacers !default;\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: var(--#{$prefix}border-width) var(--#{$prefix}border-style) var(--#{$prefix}border-color),\n 0: 0,\n )\n ),\n \"border-top\": (\n property: border-top,\n values: (\n null: var(--#{$prefix}border-width) var(--#{$prefix}border-style) var(--#{$prefix}border-color),\n 0: 0,\n )\n ),\n \"border-end\": (\n property: border-right,\n class: border-end,\n values: (\n null: var(--#{$prefix}border-width) var(--#{$prefix}border-style) var(--#{$prefix}border-color),\n 0: 0,\n )\n ),\n \"border-bottom\": (\n property: border-bottom,\n values: (\n null: var(--#{$prefix}border-width) var(--#{$prefix}border-style) var(--#{$prefix}border-color),\n 0: 0,\n )\n ),\n \"border-start\": (\n property: border-left,\n class: border-start,\n values: (\n null: var(--#{$prefix}border-width) var(--#{$prefix}border-style) var(--#{$prefix}border-color),\n 0: 0,\n )\n ),\n \"border-color\": (\n property: border-color,\n class: border,\n local-vars: (\n \"border-opacity\": 1\n ),\n values: $utilities-border-colors\n ),\n \"border-width\": (\n css-var: true,\n css-variable-name: border-width,\n class: border,\n values: $border-widths\n ),\n \"border-opacity\": (\n css-var: true,\n class: border-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-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 \"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 // Gap utility\n \"gap\": (\n responsive: true,\n property: gap,\n class: gap,\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(--#{$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 semibold: $font-weight-semibold,\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(--#{$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: var(--#{$prefix}border-radius),\n 0: 0,\n 1: var(--#{$prefix}border-radius-sm),\n 2: var(--#{$prefix}border-radius),\n 3: var(--#{$prefix}border-radius-lg),\n 4: var(--#{$prefix}border-radius-xl),\n 5: var(--#{$prefix}border-radius-2xl),\n circle: 50%,\n pill: var(--#{$prefix}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: var(--#{$prefix}border-radius))\n ),\n \"rounded-end\": (\n property: border-top-right-radius border-bottom-right-radius,\n class: rounded-end,\n values: (null: var(--#{$prefix}border-radius))\n ),\n \"rounded-bottom\": (\n property: border-bottom-right-radius border-bottom-left-radius,\n class: rounded-bottom,\n values: (null: var(--#{$prefix}border-radius))\n ),\n \"rounded-start\": (\n property: border-bottom-left-radius border-top-left-radius,\n class: rounded-start,\n values: (null: var(--#{$prefix}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", + "@import \"mixins/banner\";\n@include bsBanner(\"\");\n\n\n// scss-docs-start import-stack\n// Configuration\n@import \"functions\";\n@import \"variables\";\n@import \"maps\";\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", + "@mixin bsBanner($file) {\n /*!\n * Bootstrap #{$file} v5.2.3 (https://getbootstrap.com/)\n * Copyright 2011-2022 The Bootstrap Authors\n * Copyright 2011-2022 Twitter, Inc.\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\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(--#{$prefix}#{$identifier}-bg-rgb), var(--#{$prefix}#{$target}-opacity));\n } @if $identifier == \"body\" and $target == \"text\" {\n @return rgba(var(--#{$prefix}#{$identifier}-color-rgb), var(--#{$prefix}#{$target}-opacity));\n } @else {\n @return rgba(var(--#{$prefix}#{$identifier}-rgb), var(--#{$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(--#{$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 Kitty 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.1 relative luminance\n// See https://www.w3.org/TR/WCAG/#dfn-relative-luminance\n// See https://www.w3.org/TR/WCAG/#dfn-contrast-ratio\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 \"black\": $black,\n \"white\": $white,\n \"gray\": $gray-600,\n \"gray-dark\": $gray-800\n) !default;\n// scss-docs-end colors-map\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-100,\n \"purple-200\": $purple-200,\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// 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// 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-container-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; // Deprecated in v5.2.0 for the shorter `$prefix`\n$prefix: $variable-prefix !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// 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// 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// 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// 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-style: solid !default;\n$border-color: $gray-300 !default;\n$border-color-translucent: rgba($black, .175) !default;\n// scss-docs-end border-variables\n\n// scss-docs-start border-radius-variables\n$border-radius: .375rem !default;\n$border-radius-sm: .25rem !default;\n$border-radius-lg: .5rem !default;\n$border-radius-xl: 1rem !default;\n$border-radius-2xl: 2rem !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\", \"Noto Sans\", \"Liberation Sans\", Arial, 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(--#{$prefix}font-sans-serif) !default;\n$font-family-code: var(--#{$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-semibold: 600 !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-family: null !default;\n$display-font-style: null !default;\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\n// fusv-disable\n$hr-bg-color: null !default; // Deprecated in v5.2.0\n$hr-height: null !default; // Deprecated in v5.2.0\n// fusv-enable\n\n$hr-border-color: null !default; // Allows for inherited colors\n$hr-border-width: $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$dt-font-weight: $font-weight-bold !default;\n\n$list-inline-padding: .5rem !default;\n\n$mark-padding: .1875em !default;\n$mark-bg: $yellow-100 !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: var(--#{$prefix}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: var(--#{$prefix}border-color) !default;\n\n$table-striped-order: odd !default;\n$table-striped-columns-order: even !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: var(--#{$prefix}link-color) !default;\n$btn-link-hover-color: var(--#{$prefix}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-color: null !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$zindex-toast: 1090 !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: var(--#{$prefix}link-color) !default;\n$nav-link-hover-color: var(--#{$prefix}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\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$navbar-light-brand-color: $navbar-light-active-color !default;\n$navbar-light-brand-hover-color: $navbar-light-active-color !default;\n// scss-docs-end navbar-variables\n\n// scss-docs-start navbar-dark-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$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-dark-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: var(--#{$prefix}border-color-translucent) !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-x: $dropdown-item-padding-x !default;\n$dropdown-header-padding-y: $dropdown-padding-y !default;\n// fusv-disable\n$dropdown-header-padding: $dropdown-header-padding-y $dropdown-header-padding-x !default; // Deprecated in v5.2.0\n// fusv-enable\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-font-size: $font-size-base !default;\n\n$pagination-color: var(--#{$prefix}link-color) !default;\n$pagination-bg: $white !default;\n$pagination-border-radius: $border-radius !default;\n$pagination-border-width: $border-width !default;\n$pagination-margin-start: ($pagination-border-width * -1) !default;\n$pagination-border-color: $gray-300 !default;\n\n$pagination-focus-color: var(--#{$prefix}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: var(--#{$prefix}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: var(--#{$prefix}border-color-translucent) !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; // Sass variable because of $accordion-button-icon\n$accordion-bg: $body-bg !default;\n$accordion-border-width: $border-width !default;\n$accordion-border-color: var(--#{$prefix}border-color) !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: var(--#{$prefix}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: null !default; // TODO: remove this in v6\n\n$tooltip-arrow-width: .8rem !default;\n$tooltip-arrow-height: .4rem !default;\n// fusv-disable\n$tooltip-arrow-color: null !default; // Deprecated in Bootstrap 5.2.0 for CSS variables\n// fusv-enable\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: var(--#{$prefix}border-color-translucent) !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-font-size: $font-size-base !default;\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// scss-docs-end popover-variables\n\n// fusv-disable\n// Deprecated in Bootstrap 5.2.0 for CSS variables\n$popover-arrow-color: $popover-bg !default;\n$popover-arrow-outer-color: var(--#{$prefix}border-color-translucent) !default;\n// fusv-enable\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: $border-width !default;\n$toast-border-color: var(--#{$prefix}border-color-translucent) !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: var(--#{$prefix}border-color-translucent) !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\n$modal-header-border-color: var(--#{$prefix}border-color) !default;\n$modal-header-border-width: $modal-content-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-footer-bg: null !default;\n$modal-footer-border-color: $modal-header-border-color !default;\n$modal-footer-border-width: $modal-header-border-width !default;\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: var(--#{$prefix}border-color) !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// scss-docs-end carousel-variables\n\n// scss-docs-start carousel-dark-variables\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-dark-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: .1875rem !default;\n$kbd-padding-x: .375rem !default;\n$kbd-font-size: $code-font-size !default;\n$kbd-color: var(--#{$prefix}body-bg) !default;\n$kbd-bg: var(--#{$prefix}body-color) !default;\n$nested-kbd-font-weight: null !default; // Deprecated in v5.2.0, removing in v6\n\n$pre-color: null !default;\n", + "// Re-assigned maps\n//\n// Placed here so that others can override the default Sass maps and see automatic updates to utilities and more.\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// 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// scss-docs-start utilities-border-colors\n$utilities-border: map-merge(\n $utilities-colors,\n (\n \"white\": to-rgb($white)\n )\n) !default;\n$utilities-border-colors: map-loop($utilities-border, rgba-css-var, \"$key\", \"border\") !default;\n// scss-docs-end utilities-border-colors\n\n$negative-spacers: if($enable-negative-margins, negativify-map($spacers), null) !default;\n\n$gutters: $spacers !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, xxl: 1400px)\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, xxl: 1400px))\n// md\n// >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl xxl))\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, xxl: 1400px))\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, xxl: 1400px))\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, xxl: 1400px))\n// \"\" (Returns a blank string)\n// >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px, xxl: 1400px))\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, $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($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 white-space: normal;\n word-spacing: 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 // Use custom CSS variable name if present, otherwise default to `class`\n $css-variable-name: if(map-has-key($utility, css-variable-name), map-get($utility, css-variable-name), map-get($utility, 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 (e.g. 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 --#{$prefix}#{$css-variable-name}: #{$value};\n }\n\n @each $pseudo in $state {\n .#{$property-class + $infix + $property-class-modifier}-#{$pseudo}:#{$pseudo} {\n --#{$prefix}#{$css-variable-name}: #{$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, $variable in $is-local-vars {\n --#{$prefix}#{$local-var}: #{$variable};\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 @if $is-local-vars {\n @each $local-var, $variable in $is-local-vars {\n --#{$prefix}#{$local-var}: #{$variable};\n }\n }\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 --#{$prefix}alert-color: #{$color};\n --#{$prefix}alert-bg: #{$background};\n --#{$prefix}alert-border-color: #{$border};\n\n @if $enable-gradients {\n background-image: var(--#{$prefix}gradient);\n }\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 --#{$prefix}btn-color: #{$color};\n --#{$prefix}btn-bg: #{$background};\n --#{$prefix}btn-border-color: #{$border};\n --#{$prefix}btn-hover-color: #{$hover-color};\n --#{$prefix}btn-hover-bg: #{$hover-background};\n --#{$prefix}btn-hover-border-color: #{$hover-border};\n --#{$prefix}btn-focus-shadow-rgb: #{to-rgb(mix($color, $border, 15%))};\n --#{$prefix}btn-active-color: #{$active-color};\n --#{$prefix}btn-active-bg: #{$active-background};\n --#{$prefix}btn-active-border-color: #{$active-border};\n --#{$prefix}btn-active-shadow: #{$btn-active-box-shadow};\n --#{$prefix}btn-disabled-color: #{$disabled-color};\n --#{$prefix}btn-disabled-bg: #{$disabled-background};\n --#{$prefix}btn-disabled-border-color: #{$disabled-border};\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 --#{$prefix}btn-color: #{$color};\n --#{$prefix}btn-border-color: #{$color};\n --#{$prefix}btn-hover-color: #{$color-hover};\n --#{$prefix}btn-hover-bg: #{$active-background};\n --#{$prefix}btn-hover-border-color: #{$active-border};\n --#{$prefix}btn-focus-shadow-rgb: #{to-rgb($color)};\n --#{$prefix}btn-active-color: #{$active-color};\n --#{$prefix}btn-active-bg: #{$active-background};\n --#{$prefix}btn-active-border-color: #{$active-border};\n --#{$prefix}btn-active-shadow: #{$btn-active-box-shadow};\n --#{$prefix}btn-disabled-color: #{$color};\n --#{$prefix}btn-disabled-bg: transparent;\n --#{$prefix}btn-disabled-border-color: #{$color};\n --#{$prefix}gradient: none;\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 --#{$prefix}btn-padding-y: #{$padding-y};\n --#{$prefix}btn-padding-x: #{$padding-x};\n @include rfs($font-size, --#{$prefix}btn-font-size);\n --#{$prefix}btn-border-radius: #{$border-radius};\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 --#{$prefix}pagination-padding-x: #{$padding-x};\n --#{$prefix}pagination-padding-y: #{$padding-y};\n @include rfs($font-size, --#{$prefix}pagination-font-size);\n --#{$prefix}pagination-border-radius: #{$border-radius};\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-control-color {\n @include form-validation-state-selector($state) {\n @if $enable-validation-icons {\n width: add($form-color-width, $input-height-inner);\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 {\n > .form-control:not(:focus),\n > .form-select:not(:focus),\n > .form-floating:not(:focus-within) {\n @include form-validation-state-selector($state) {\n @if $state == \"valid\" {\n z-index: 3;\n } @else if $state == \"invalid\" {\n z-index: 4;\n }\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 $table-border-color: mix($color, $background, percentage($table-border-factor));\n\n --#{$prefix}table-color: #{$color};\n --#{$prefix}table-bg: #{$background};\n --#{$prefix}table-border-color: #{$table-border-color};\n --#{$prefix}table-striped-bg: #{$striped-bg};\n --#{$prefix}table-striped-color: #{color-contrast($striped-bg)};\n --#{$prefix}table-active-bg: #{$active-bg};\n --#{$prefix}table-active-color: #{color-contrast($active-bg)};\n --#{$prefix}table-hover-bg: #{$hover-bg};\n --#{$prefix}table-hover-color: #{color-contrast($hover-bg)};\n\n color: var(--#{$prefix}table-color);\n border-color: var(--#{$prefix}table-border-color);\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(--#{$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 --#{$prefix}gutter-x: #{$gutter};\n --#{$prefix}gutter-y: 0;\n width: 100%;\n padding-right: calc(var(--#{$prefix}gutter-x) * .5); // stylelint-disable-line function-disallowed-list\n padding-left: calc(var(--#{$prefix}gutter-x) * .5); // stylelint-disable-line function-disallowed-list\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 --#{$prefix}gutter-x: #{$gutter};\n --#{$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(--#{$prefix}gutter-y)); // stylelint-disable-line function-disallowed-list\n margin-right: calc(-.5 * var(--#{$prefix}gutter-x)); // stylelint-disable-line function-disallowed-list\n margin-left: calc(-.5 * var(--#{$prefix}gutter-x)); // stylelint-disable-line function-disallowed-list\n}\n\n@mixin make-col-ready() {\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(--#{$prefix}gutter-x) * .5); // stylelint-disable-line function-disallowed-list\n padding-left: calc(var(--#{$prefix}gutter-x) * .5); // stylelint-disable-line function-disallowed-list\n margin-top: var(--#{$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// number of 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 --#{$prefix}gutter-x: #{$value};\n }\n\n .g#{$infix}-#{$key},\n .gy#{$infix}-#{$key} {\n --#{$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", + "// 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: var(--#{$prefix}border-width) var(--#{$prefix}border-style) var(--#{$prefix}border-color),\n 0: 0,\n )\n ),\n \"border-top\": (\n property: border-top,\n values: (\n null: var(--#{$prefix}border-width) var(--#{$prefix}border-style) var(--#{$prefix}border-color),\n 0: 0,\n )\n ),\n \"border-end\": (\n property: border-right,\n class: border-end,\n values: (\n null: var(--#{$prefix}border-width) var(--#{$prefix}border-style) var(--#{$prefix}border-color),\n 0: 0,\n )\n ),\n \"border-bottom\": (\n property: border-bottom,\n values: (\n null: var(--#{$prefix}border-width) var(--#{$prefix}border-style) var(--#{$prefix}border-color),\n 0: 0,\n )\n ),\n \"border-start\": (\n property: border-left,\n class: border-start,\n values: (\n null: var(--#{$prefix}border-width) var(--#{$prefix}border-style) var(--#{$prefix}border-color),\n 0: 0,\n )\n ),\n \"border-color\": (\n property: border-color,\n class: border,\n local-vars: (\n \"border-opacity\": 1\n ),\n values: $utilities-border-colors\n ),\n \"border-width\": (\n css-var: true,\n css-variable-name: border-width,\n class: border,\n values: $border-widths\n ),\n \"border-opacity\": (\n css-var: true,\n class: border-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-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 \"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 // Gap utility\n \"gap\": (\n responsive: true,\n property: gap,\n class: gap,\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(--#{$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 semibold: $font-weight-semibold,\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(--#{$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: var(--#{$prefix}border-radius),\n 0: 0,\n 1: var(--#{$prefix}border-radius-sm),\n 2: var(--#{$prefix}border-radius),\n 3: var(--#{$prefix}border-radius-lg),\n 4: var(--#{$prefix}border-radius-xl),\n 5: var(--#{$prefix}border-radius-2xl),\n circle: 50%,\n pill: var(--#{$prefix}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: var(--#{$prefix}border-radius))\n ),\n \"rounded-end\": (\n property: border-top-right-radius border-bottom-right-radius,\n class: rounded-end,\n values: (null: var(--#{$prefix}border-radius))\n ),\n \"rounded-bottom\": (\n property: border-bottom-right-radius border-bottom-left-radius,\n class: rounded-bottom,\n values: (null: var(--#{$prefix}border-radius))\n ),\n \"rounded-start\": (\n property: border-bottom-left-radius border-top-left-radius,\n class: rounded-start,\n values: (null: var(--#{$prefix}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 --#{$prefix}#{$color}: #{$value};\n }\n\n @each $color, $value in $grays {\n --#{$prefix}gray-#{$color}: #{$value};\n }\n\n @each $color, $value in $theme-colors {\n --#{$prefix}#{$color}: #{$value};\n }\n\n @each $color, $value in $theme-colors-rgb {\n --#{$prefix}#{$color}-rgb: #{$value};\n }\n\n --#{$prefix}white-rgb: #{to-rgb($white)};\n --#{$prefix}black-rgb: #{to-rgb($black)};\n --#{$prefix}body-color-rgb: #{to-rgb($body-color)};\n --#{$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 --#{$prefix}font-sans-serif: #{inspect($font-family-sans-serif)};\n --#{$prefix}font-monospace: #{inspect($font-family-monospace)};\n --#{$prefix}gradient: #{$gradient};\n\n // Root and body\n // scss-docs-start root-body-variables\n @if $font-size-root != null {\n --#{$prefix}root-font-size: #{$font-size-root};\n }\n --#{$prefix}body-font-family: #{$font-family-base};\n @include rfs($font-size-base, --#{$prefix}body-font-size);\n --#{$prefix}body-font-weight: #{$font-weight-base};\n --#{$prefix}body-line-height: #{$line-height-base};\n --#{$prefix}body-color: #{$body-color};\n @if $body-text-align != null {\n --#{$prefix}body-text-align: #{$body-text-align};\n }\n --#{$prefix}body-bg: #{$body-bg};\n // scss-docs-end root-body-variables\n\n // scss-docs-start root-border-var\n --#{$prefix}border-width: #{$border-width};\n --#{$prefix}border-style: #{$border-style};\n --#{$prefix}border-color: #{$border-color};\n --#{$prefix}border-color-translucent: #{$border-color-translucent};\n\n --#{$prefix}border-radius: #{$border-radius};\n --#{$prefix}border-radius-sm: #{$border-radius-sm};\n --#{$prefix}border-radius-lg: #{$border-radius-lg};\n --#{$prefix}border-radius-xl: #{$border-radius-xl};\n --#{$prefix}border-radius-2xl: #{$border-radius-2xl};\n --#{$prefix}border-radius-pill: #{$border-radius-pill};\n // scss-docs-end root-border-var\n\n --#{$prefix}link-color: #{$link-color};\n --#{$prefix}link-hover-color: #{$link-hover-color};\n\n --#{$prefix}code-color: #{$code-color};\n\n --#{$prefix}highlight-bg: #{$mark-bg};\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 @include font-size(var(--#{$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(--#{$prefix}body-font-family);\n @include font-size(var(--#{$prefix}body-font-size));\n font-weight: var(--#{$prefix}body-font-weight);\n line-height: var(--#{$prefix}body-line-height);\n color: var(--#{$prefix}body-color);\n text-align: var(--#{$prefix}body-text-align);\n background-color: var(--#{$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\nhr {\n margin: $hr-margin-y 0;\n color: $hr-color; // 1\n border: 0;\n border-top: $hr-border-width solid $hr-border-color;\n opacity: $hr-opacity;\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. Add the correct text decoration in Chrome, Edge, Opera, and Safari.\n// 2. Add explicit cursor to indicate changed behavior.\n// 3. Prevent the text-decoration to be skipped.\n\nabbr[title] {\n text-decoration: underline dotted; // 1\n cursor: help; // 2\n text-decoration-skip-ink: none; // 3\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: var(--#{$prefix}highlight-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: var(--#{$prefix}link-color);\n text-decoration: $link-decoration;\n\n &:hover {\n color: var(--#{$prefix}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}\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: var(--#{$prefix}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-` {1} {2}

' + }; + + String.format = function() { + var args = arguments; + var str = arguments[0]; + return str.replace(/(\{\{\d\}\}|\{\d\})/g, function(str) { + if (str.substring(0, 2) === "{{") return str; + var num = parseInt(str.match(/\d/)[0]); + return args[num + 1]; + }); + }; + + function isDuplicateNotification(notification) { + var isDupe = false; + + $('[data-notify="container"]').each(function(i, el) { + var $el = $(el); + var title = $el.find('[data-notify="title"]').html().trim(); + var message = $el.find('[data-notify="message"]').html().trim(); + + // The input string might be different than the actual parsed HTML string! + // (
vs
for example) + // So we have to force-parse this as HTML here! + var isSameTitle = title === $("
" + notification.settings.content.title + "
").html().trim(); + var isSameMsg = message === $("
" + notification.settings.content.message + "
").html().trim(); + var isSameType = $el.hasClass('alert-' + notification.settings.type); + + if (isSameTitle && isSameMsg && isSameType) { + //we found the dupe. Set the var and stop checking. + isDupe = true; + } + return !isDupe; + }); + + return isDupe; + } + + function Notify(element, content, options) { + // Setup Content of Notify + var contentObj = { + content: { + message: typeof content === 'object' ? content.message : content, + title: content.title ? content.title : '', + icon: content.icon ? content.icon : '', + url: content.url ? content.url : '#', + target: content.target ? content.target : '-' + } + }; + + options = $.extend(true, {}, contentObj, options); + this.settings = $.extend(true, {}, defaults, options); + this._defaults = defaults; + if (this.settings.content.target === "-") { + this.settings.content.target = this.settings.url_target; + } + this.animations = { + start: 'webkitAnimationStart oanimationstart MSAnimationStart animationstart', + end: 'webkitAnimationEnd oanimationend MSAnimationEnd animationend' + }; + + if (typeof this.settings.offset === 'number') { + this.settings.offset = { + x: this.settings.offset, + y: this.settings.offset + }; + } + + //if duplicate messages are not allowed, then only continue if this new message is not a duplicate of one that it already showing + if (this.settings.allow_duplicates || (!this.settings.allow_duplicates && !isDuplicateNotification(this))) { + this.init(); + } + } + + $.extend(Notify.prototype, { + init: function() { + var self = this; + + this.buildNotify(); + if (this.settings.content.icon) { + this.setIcon(); + } + if (this.settings.content.url != "#") { + this.styleURL(); + } + this.styleDismiss(); + this.placement(); + this.bind(); + + this.notify = { + $ele: this.$ele, + update: function(command, update) { + var commands = {}; + if (typeof command === "string") { + commands[command] = update; + } else { + commands = command; + } + for (var cmd in commands) { + switch (cmd) { + case "type": + this.$ele.removeClass('alert-' + self.settings.type); + this.$ele.find('[data-notify="progressbar"] > .progress-bar').removeClass('progress-bar-' + self.settings.type); + self.settings.type = commands[cmd]; + this.$ele.addClass('alert-' + commands[cmd]).find('[data-notify="progressbar"] > .progress-bar').addClass('progress-bar-' + commands[cmd]); + break; + case "icon": + var $icon = this.$ele.find('[data-notify="icon"]'); + if (self.settings.icon_type.toLowerCase() === 'class') { + $icon.removeClass(self.settings.content.icon).addClass(commands[cmd]); + } else { + if (!$icon.is('img')) { + $icon.find('img'); + } + $icon.attr('src', commands[cmd]); + } + self.settings.content.icon = commands[command]; + break; + case "progress": + var newDelay = self.settings.delay - (self.settings.delay * (commands[cmd] / 100)); + this.$ele.data('notify-delay', newDelay); + this.$ele.find('[data-notify="progressbar"] > div').attr('aria-valuenow', commands[cmd]).css('width', commands[cmd] + '%'); + break; + case "url": + this.$ele.find('[data-notify="url"]').attr('href', commands[cmd]); + break; + case "target": + this.$ele.find('[data-notify="url"]').attr('target', commands[cmd]); + break; + default: + this.$ele.find('[data-notify="' + cmd + '"]').html(commands[cmd]); + } + } + var posX = this.$ele.outerHeight() + parseInt(self.settings.spacing) + parseInt(self.settings.offset.y); + self.reposition(posX); + }, + close: function() { + self.close(); + } + }; + + }, + buildNotify: function() { + var content = this.settings.content; + this.$ele = $(String.format(this.settings.template, this.settings.type, content.title, content.message, content.url, content.target)); + this.$ele.attr('data-notify-position', this.settings.placement.from + '-' + this.settings.placement.align); + if (!this.settings.allow_dismiss) { + this.$ele.find('[data-notify="dismiss"]').css('display', 'none'); + } + if ((this.settings.delay <= 0 && !this.settings.showProgressbar) || !this.settings.showProgressbar) { + this.$ele.find('[data-notify="progressbar"]').remove(); + } + }, + setIcon: function() { + this.$ele.addClass('alert-with-icon'); + + if (this.settings.icon_type.toLowerCase() === 'class') { + this.$ele.find('[data-notify="icon"]').addClass(this.settings.content.icon); + } else { + if (this.$ele.find('[data-notify="icon"]').is('img')) { + this.$ele.find('[data-notify="icon"]').attr('src', this.settings.content.icon); + } else { + this.$ele.find('[data-notify="icon"]').append('Notify Icon'); + } + } + }, + styleDismiss: function() { + this.$ele.find('[data-notify="dismiss"]').css({ + position: 'absolute', + right: '10px', + top: '50%', + marginTop: '-13px', + zIndex: this.settings.z_index + 2 + }); + }, + styleURL: function() { + this.$ele.find('[data-notify="url"]').css({ + backgroundImage: 'url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)', + height: '100%', + left: 0, + position: 'absolute', + top: 0, + width: '100%', + zIndex: this.settings.z_index + 1 + }); + }, + placement: function() { + var self = this, + offsetAmt = this.settings.offset.y, + css = { + display: 'inline-block', + margin: '0px auto', + position: this.settings.position ? this.settings.position : (this.settings.element === 'body' ? 'fixed' : 'absolute'), + transition: 'all .5s ease-in-out', + zIndex: this.settings.z_index + }, + hasAnimation = false, + settings = this.settings; + + $('[data-notify-position="' + this.settings.placement.from + '-' + this.settings.placement.align + '"]:not([data-closing="true"])').each(function() { + offsetAmt = Math.max(offsetAmt, parseInt($(this).css(settings.placement.from)) + parseInt($(this).outerHeight()) + parseInt(settings.spacing)); + }); + if (this.settings.newest_on_top === true) { + offsetAmt = this.settings.offset.y; + } + css[this.settings.placement.from] = offsetAmt + 'px'; + + switch (this.settings.placement.align) { + case "left": + case "right": + css[this.settings.placement.align] = this.settings.offset.x + 'px'; + break; + case "center": + css.left = 0; + css.right = 0; + break; + } + this.$ele.css(css).addClass(this.settings.animate.enter); + $.each(Array('webkit-', 'moz-', 'o-', 'ms-', ''), function(index, prefix) { + self.$ele[0].style[prefix + 'AnimationIterationCount'] = 1; + }); + + $(this.settings.element).append(this.$ele); + + if (this.settings.newest_on_top === true) { + offsetAmt = (parseInt(offsetAmt) + parseInt(this.settings.spacing)) + this.$ele.outerHeight(); + this.reposition(offsetAmt); + } + + if ($.isFunction(self.settings.onShow)) { + self.settings.onShow.call(this.$ele); + } + + this.$ele.one(this.animations.start, function() { + hasAnimation = true; + }).one(this.animations.end, function() { + self.$ele.removeClass(self.settings.animate.enter); + if ($.isFunction(self.settings.onShown)) { + self.settings.onShown.call(this); + } + }); + + setTimeout(function() { + if (!hasAnimation) { + if ($.isFunction(self.settings.onShown)) { + self.settings.onShown.call(this); + } + } + }, 600); + }, + bind: function() { + var self = this; + + this.$ele.find('[data-notify="dismiss"]').on('click', function() { + self.close(); + }); + + if ($.isFunction(self.settings.onClick)) { + this.$ele.on('click', function(event) { + if (event.target != self.$ele.find('[data-notify="dismiss"]')[0]) { + self.settings.onClick.call(this, event); + } + }); + } + + this.$ele.mouseover(function() { + $(this).data('data-hover', "true"); + }).mouseout(function() { + $(this).data('data-hover', "false"); + }); + this.$ele.data('data-hover', "false"); + + if (this.settings.delay > 0) { + self.$ele.data('notify-delay', self.settings.delay); + var timer = setInterval(function() { + var delay = parseInt(self.$ele.data('notify-delay')) - self.settings.timer; + if ((self.$ele.data('data-hover') === 'false' && self.settings.mouse_over === "pause") || self.settings.mouse_over != "pause") { + var percent = ((self.settings.delay - delay) / self.settings.delay) * 100; + self.$ele.data('notify-delay', delay); + self.$ele.find('[data-notify="progressbar"] > div').attr('aria-valuenow', percent).css('width', percent + '%'); + } + if (delay <= -(self.settings.timer)) { + clearInterval(timer); + self.close(); + } + }, self.settings.timer); + } + }, + close: function() { + var self = this, + posX = parseInt(this.$ele.css(this.settings.placement.from)), + hasAnimation = false; + + this.$ele.attr('data-closing', 'true').addClass(this.settings.animate.exit); + self.reposition(posX); + + if ($.isFunction(self.settings.onClose)) { + self.settings.onClose.call(this.$ele); + } + + this.$ele.one(this.animations.start, function() { + hasAnimation = true; + }).one(this.animations.end, function() { + $(this).remove(); + if ($.isFunction(self.settings.onClosed)) { + self.settings.onClosed.call(this); + } + }); + + setTimeout(function() { + if (!hasAnimation) { + self.$ele.remove(); + if (self.settings.onClosed) { + self.settings.onClosed(self.$ele); + } + } + }, 600); + }, + reposition: function(posX) { + var self = this, + notifies = '[data-notify-position="' + this.settings.placement.from + '-' + this.settings.placement.align + '"]:not([data-closing="true"])', + $elements = this.$ele.nextAll(notifies); + if (this.settings.newest_on_top === true) { + $elements = this.$ele.prevAll(notifies); + } + $elements.each(function() { + $(this).css(self.settings.placement.from, posX); + posX = (parseInt(posX) + parseInt(self.settings.spacing)) + $(this).outerHeight(); + }); + } + }); + + $.notify = function(content, options) { + var plugin = new Notify(this, content, options); + return plugin.notify; + }; + $.notifyDefaults = function(options) { + defaults = $.extend(true, {}, defaults, options); + return defaults; + }; + + $.notifyClose = function(selector) { + + if (typeof selector === "undefined" || selector === "all") { + $('[data-notify]').find('[data-notify="dismiss"]').trigger('click'); + } else if (selector === 'success' || selector === 'info' || selector === 'warning' || selector === 'danger') { + $('.alert-' + selector + '[data-notify]').find('[data-notify="dismiss"]').trigger('click'); + } else if (selector) { + $(selector + '[data-notify]').find('[data-notify="dismiss"]').trigger('click'); + } else { + $('[data-notify-position="' + selector + '"]').find('[data-notify="dismiss"]').trigger('click'); + } + }; + + $.notifyCloseExcept = function(selector) { + + if (selector === 'success' || selector === 'info' || selector === 'warning' || selector === 'danger') { + $('[data-notify]').not('.alert-' + selector).find('[data-notify="dismiss"]').trigger('click'); + } else { + $('[data-notify]').not(selector).find('[data-notify="dismiss"]').trigger('click'); + } + }; + + +})); \ No newline at end of file diff --git a/dev/assets/js/plugins/chartjs.min.js b/dev/assets/js/plugins/chartjs.min.js new file mode 100644 index 0000000..fb76619 --- /dev/null +++ b/dev/assets/js/plugins/chartjs.min.js @@ -0,0 +1,13 @@ +/*! + * Chart.js v3.0.2 + * https://www.chartjs.org + * (c) 2021 Chart.js Contributors + * Released under the MIT License + */ +!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t="undefined"!=typeof globalThis?globalThis:t||self).Chart=e()}(this,(function(){"use strict";const t="undefined"==typeof window?function(t){return t()}:window.requestAnimationFrame;function e(e,i,n){const o=n||(t=>Array.prototype.slice.call(t));let s=!1,a=[];return function(...n){a=o(n),s||(s=!0,t.call(window,(()=>{s=!1,e.apply(i,a)})))}}function i(t,e){let i;return function(){return e?(clearTimeout(i),i=setTimeout(t,e)):t(),e}}const n=t=>"start"===t?"left":"end"===t?"right":"center",o=(t,e,i)=>"start"===t?e:"end"===t?i:(e+i)/2,s=(t,e,i)=>"right"===t?i:"center"===t?(e+i)/2:e;var a=new class{constructor(){this._request=null,this._charts=new Map,this._running=!1,this._lastDate=void 0}_notify(t,e,i,n){const o=e.listeners[n],s=e.duration;o.forEach((n=>n({chart:t,numSteps:s,currentStep:Math.min(i-e.start,s)})))}_refresh(){const e=this;e._request||(e._running=!0,e._request=t.call(window,(()=>{e._update(),e._request=null,e._running&&e._refresh()})))}_update(t=Date.now()){const e=this;let i=0;e._charts.forEach(((n,o)=>{if(!n.running||!n.items.length)return;const s=n.items;let a,r=s.length-1,l=!1;for(;r>=0;--r)a=s[r],a._active?(a._total>n.duration&&(n.duration=a._total),a.tick(t),l=!0):(s[r]=s[s.length-1],s.pop());l&&(o.draw(),e._notify(o,n,t,"progress")),s.length||(n.running=!1,e._notify(o,n,t,"complete")),i+=s.length})),e._lastDate=t,0===i&&(e._running=!1)}_getAnims(t){const e=this._charts;let i=e.get(t);return i||(i={running:!1,items:[],listeners:{complete:[],progress:[]}},e.set(t,i)),i}listen(t,e,i){this._getAnims(t).listeners[e].push(i)}add(t,e){e&&e.length&&this._getAnims(t).items.push(...e)}has(t){return this._getAnims(t).items.length>0}start(t){const e=this._charts.get(t);e&&(e.running=!0,e.start=Date.now(),e.duration=e.items.reduce(((t,e)=>Math.max(t,e._duration)),0),this._refresh())}running(t){if(!this._running)return!1;const e=this._charts.get(t);return!!(e&&e.running&&e.items.length)}stop(t){const e=this._charts.get(t);if(!e||!e.items.length)return;const i=e.items;let n=i.length-1;for(;n>=0;--n)i[n].cancel();e.items=[],this._notify(t,e,Date.now(),"complete")}remove(t){return this._charts.delete(t)}}; +/*! + * @kurkle/color v0.1.9 + * https://github.com/kurkle/color#readme + * (c) 2020 Jukka Kurkela + * Released under the MIT License + */const r={0:0,1:1,2:2,3:3,4:4,5:5,6:6,7:7,8:8,9:9,A:10,B:11,C:12,D:13,E:14,F:15,a:10,b:11,c:12,d:13,e:14,f:15},l="0123456789ABCDEF",c=t=>l[15&t],h=t=>l[(240&t)>>4]+l[15&t],d=t=>(240&t)>>4==(15&t);function u(t){var e=function(t){return d(t.r)&&d(t.g)&&d(t.b)&&d(t.a)}(t)?c:h;return t?"#"+e(t.r)+e(t.g)+e(t.b)+(t.a<255?e(t.a):""):t}function f(t){return t+.5|0}const g=(t,e,i)=>Math.max(Math.min(t,i),e);function p(t){return g(f(2.55*t),0,255)}function m(t){return g(f(255*t),0,255)}function x(t){return g(f(t/2.55)/100,0,1)}function b(t){return g(f(100*t),0,100)}const _=/^rgba?\(\s*([-+.\d]+)(%)?[\s,]+([-+.e\d]+)(%)?[\s,]+([-+.e\d]+)(%)?(?:[\s,/]+([-+.e\d]+)(%)?)?\s*\)$/;const y=/^(hsla?|hwb|hsv)\(\s*([-+.e\d]+)(?:deg)?[\s,]+([-+.e\d]+)%[\s,]+([-+.e\d]+)%(?:[\s,]+([-+.e\d]+)(%)?)?\s*\)$/;function v(t,e,i){const n=e*Math.min(i,1-i),o=(e,o=(e+t/30)%12)=>i-n*Math.max(Math.min(o-3,9-o,1),-1);return[o(0),o(8),o(4)]}function M(t,e,i){const n=(n,o=(n+t/60)%6)=>i-i*e*Math.max(Math.min(o,4-o,1),0);return[n(5),n(3),n(1)]}function w(t,e,i){const n=v(t,1,.5);let o;for(e+i>1&&(o=1/(e+i),e*=o,i*=o),o=0;o<3;o++)n[o]*=1-e-i,n[o]+=e;return n}function k(t){const e=t.r/255,i=t.g/255,n=t.b/255,o=Math.max(e,i,n),s=Math.min(e,i,n),a=(o+s)/2;let r,l,c;return o!==s&&(c=o-s,l=a>.5?c/(2-o-s):c/(o+s),r=o===e?(i-n)/c+(i>16&255,s>>8&255,255&s]}return t}(),T.transparent=[0,0,0,0]);const e=T[t.toLowerCase()];return e&&{r:e[0],g:e[1],b:e[2],a:4===e.length?e[3]:255}}function R(t,e,i){if(t){let n=k(t);n[e]=Math.max(0,Math.min(n[e]+n[e]*i,0===e?360:1)),n=P(n),t.r=n[0],t.g=n[1],t.b=n[2]}}function E(t,e){return t?Object.assign(e||{},t):t}function I(t){var e={r:0,g:0,b:0,a:255};return Array.isArray(t)?t.length>=3&&(e={r:t[0],g:t[1],b:t[2],a:255},t.length>3&&(e.a=m(t[3]))):(e=E(t,{r:0,g:0,b:0,a:1})).a=m(e.a),e}function F(t){return"r"===t.charAt(0)?function(t){const e=_.exec(t);let i,n,o,s=255;if(e){if(e[7]!==i){const t=+e[7];s=255&(e[8]?p(t):255*t)}return i=+e[1],n=+e[3],o=+e[5],i=255&(e[2]?p(i):i),n=255&(e[4]?p(n):n),o=255&(e[6]?p(o):o),{r:i,g:n,b:o,a:s}}}(t):C(t)}class z{constructor(t){if(t instanceof z)return t;const e=typeof t;let i;var n,o,s;"object"===e?i=I(t):"string"===e&&(s=(n=t).length,"#"===n[0]&&(4===s||5===s?o={r:255&17*r[n[1]],g:255&17*r[n[2]],b:255&17*r[n[3]],a:5===s?17*r[n[4]]:255}:7!==s&&9!==s||(o={r:r[n[1]]<<4|r[n[2]],g:r[n[3]]<<4|r[n[4]],b:r[n[5]]<<4|r[n[6]],a:9===s?r[n[7]]<<4|r[n[8]]:255})),i=o||L(t)||F(t)),this._rgb=i,this._valid=!!i}get valid(){return this._valid}get rgb(){var t=E(this._rgb);return t&&(t.a=x(t.a)),t}set rgb(t){this._rgb=I(t)}rgbString(){return this._valid?(t=this._rgb)&&(t.a<255?`rgba(${t.r}, ${t.g}, ${t.b}, ${x(t.a)})`:`rgb(${t.r}, ${t.g}, ${t.b})`):this._rgb;var t}hexString(){return this._valid?u(this._rgb):this._rgb}hslString(){return this._valid?function(t){if(!t)return;const e=k(t),i=e[0],n=b(e[1]),o=b(e[2]);return t.a<255?`hsla(${i}, ${n}%, ${o}%, ${x(t.a)})`:`hsl(${i}, ${n}%, ${o}%)`}(this._rgb):this._rgb}mix(t,e){const i=this;if(t){const n=i.rgb,o=t.rgb;let s;const a=e===s?.5:e,r=2*a-1,l=n.a-o.a,c=((r*l==-1?r:(r+l)/(1+r*l))+1)/2;s=1-c,n.r=255&c*n.r+s*o.r+.5,n.g=255&c*n.g+s*o.g+.5,n.b=255&c*n.b+s*o.b+.5,n.a=a*n.a+(1-a)*o.a,i.rgb=n}return i}clone(){return new z(this.rgb)}alpha(t){return this._rgb.a=m(t),this}clearer(t){return this._rgb.a*=1-t,this}greyscale(){const t=this._rgb,e=f(.3*t.r+.59*t.g+.11*t.b);return t.r=t.g=t.b=e,this}opaquer(t){return this._rgb.a*=1+t,this}negate(){const t=this._rgb;return t.r=255-t.r,t.g=255-t.g,t.b=255-t.b,this}lighten(t){return R(this._rgb,2,t),this}darken(t){return R(this._rgb,2,-t),this}saturate(t){return R(this._rgb,1,t),this}desaturate(t){return R(this._rgb,1,-t),this}rotate(t){return function(t,e){var i=k(t);i[0]=D(i[0]+e),i=P(i),t.r=i[0],t.g=i[1],t.b=i[2]}(this._rgb,t),this}}function V(t){return new z(t)}const B=t=>t instanceof CanvasGradient||t instanceof CanvasPattern;function W(t){return B(t)?t:V(t)}function H(t){return B(t)?t:V(t).saturate(.5).darken(.1).hexString()}function N(){}const j=function(){let t=0;return function(){return t++}}();function $(t){return null==t}function Y(t){if(Array.isArray&&Array.isArray(t))return!0;const e=Object.prototype.toString.call(t);return"[object"===e.substr(0,7)&&"Array]"===e.substr(-6)}function U(t){return null!==t&&"[object Object]"===Object.prototype.toString.call(t)}const X=t=>("number"==typeof t||t instanceof Number)&&isFinite(+t);function q(t,e){return X(t)?t:e}function K(t,e){return void 0===t?e:t}const G=(t,e)=>"string"==typeof t&&t.endsWith("%")?parseFloat(t)/100:t/e,Z=(t,e)=>"string"==typeof t&&t.endsWith("%")?parseFloat(t)/100*e:+t;function Q(t,e,i){if(t&&"function"==typeof t.call)return t.apply(i,e)}function J(t,e,i,n){let o,s,a;if(Y(t))if(s=t.length,n)for(o=s-1;o>=0;o--)e.call(i,t[o],o);else for(o=0;oi;)t=t[e.substr(i,n-i)],i=n+1,n=rt(e,i);return t}function ct(t){return t.charAt(0).toUpperCase()+t.slice(1)}const ht=t=>void 0!==t,dt=t=>"function"==typeof t,ut=Object.create(null),ft=Object.create(null);function gt(t,e){if(!e)return t;const i=e.split(".");for(let e=0,n=i.length;et.chart.platform.getDevicePixelRatio(),this.elements={},this.events=["mousemove","mouseout","click","touchstart","touchmove"],this.font={family:"'Helvetica Neue', 'Helvetica', 'Arial', sans-serif",size:12,style:"normal",lineHeight:1.2,weight:null},this.hover={},this.hoverBackgroundColor=(t,e)=>H(e.backgroundColor),this.hoverBorderColor=(t,e)=>H(e.borderColor),this.hoverColor=(t,e)=>H(e.color),this.indexAxis="x",this.interaction={mode:"nearest",intersect:!0},this.maintainAspectRatio=!0,this.onHover=null,this.onClick=null,this.parsing=!0,this.plugins={},this.responsive=!0,this.scale=void 0,this.scales={},this.showLine=!0,this.describe(t)}set(t,e){return pt(this,t,e)}get(t){return gt(this,t)}describe(t,e){return pt(ft,t,e)}override(t,e){return pt(ut,t,e)}route(t,e,i,n){const o=gt(this,t),s=gt(this,i),a="_"+e;Object.defineProperties(o,{[a]:{value:o[e],writable:!0},[e]:{enumerable:!0,get(){const t=this[a],e=s[n];return U(t)?Object.assign({},e,t):K(t,e)},set(t){this[a]=t}}})}}({_scriptable:t=>!t.startsWith("on"),_indexable:t=>"events"!==t,hover:{_fallback:"interaction"},interaction:{_scriptable:!1,_indexable:!1}});const xt=Math.PI,bt=2*xt,_t=bt+xt,yt=Number.POSITIVE_INFINITY,vt=xt/180,Mt=xt/2,wt=xt/4,kt=2*xt/3,St=Math.log10,Pt=Math.sign;function Dt(t){const e=Math.pow(10,Math.floor(St(t))),i=t/e;return(i<=1?1:i<=2?2:i<=5?5:10)*e}function Ct(t){const e=[],i=Math.sqrt(t);let n;for(n=1;nt-e)).pop(),e}function At(t){return!isNaN(parseFloat(t))&&isFinite(t)}function Ot(t,e,i){return Math.abs(t-e)=t}function Lt(t,e,i){let n,o,s;for(n=0,o=t.length;nr&&ln&&(n=s),n}function Yt(t,e,i,n){let o=(n=n||{}).data=n.data||{},s=n.garbageCollect=n.garbageCollect||[];n.font!==e&&(o=n.data={},s=n.garbageCollect=[],n.font=e),t.save(),t.font=e;let a=0;const r=i.length;let l,c,h,d,u;for(l=0;li.length){for(l=0;l0&&t.stroke()}}function Kt(t,e,i){return i=i||.5,t&&t.x>e.left-i&&t.xe.top-i&&t.y0&&""!==s.strokeColor;let l,c;for(t.save(),s.translation&&t.translate(s.translation[0],s.translation[1]),$(s.rotation)||t.rotate(s.rotation),t.font=o.string,s.color&&(t.fillStyle=s.color),s.textAlign&&(t.textAlign=s.textAlign),s.textBaseline&&(t.textBaseline=s.textBaseline),l=0;lt[i]1;)n=s+o>>1,i(n)?s=n:o=n;return{lo:s,hi:o}}const ie=(t,e,i)=>ee(t,i,(n=>t[n][e]ee(t,i,(n=>t[n][e]>=i));function oe(t,e,i){let n=0,o=t.length;for(;nn&&t[o-1]>i;)o--;return n>0||o{const i="_onData"+ct(e),n=t[e];Object.defineProperty(t,e,{configurable:!0,enumerable:!1,value(...e){const o=n.apply(this,e);return t._chartjs.listeners.forEach((t=>{"function"==typeof t[i]&&t[i](...e)})),o}})})))}function re(t,e){const i=t._chartjs;if(!i)return;const n=i.listeners,o=n.indexOf(e);-1!==o&&n.splice(o,1),n.length>0||(se.forEach((e=>{delete t[e]})),delete t._chartjs)}function le(t){const e=new Set;let i,n;for(i=0,n=t.length;i{o.push(t)})),o}function ce(t){let e=t.parentNode;return e&&"[object ShadowRoot]"===e.toString()&&(e=e.host),e}function he(t,e,i){let n;return"string"==typeof t?(n=parseInt(t,10),-1!==t.indexOf("%")&&(n=n/100*e.parentNode[i])):n=t,n}const de=t=>window.getComputedStyle(t,null);function ue(t,e){return de(t).getPropertyValue(e)}const fe=["top","right","bottom","left"];function ge(t,e,i){const n={};i=i?"-"+i:"";for(let o=0;o<4;o++){const s=fe[o];n[s]=parseFloat(t[e+"-"+s+i])||0}return n.width=n.left+n.right,n.height=n.top+n.bottom,n}function pe(t,e){const{canvas:i,currentDevicePixelRatio:n}=e,o=de(i),s="border-box"===o.boxSizing,a=ge(o,"padding"),r=ge(o,"border","width"),{x:l,y:c,box:h}=function(t,e){const i=t.native||t,n=i.touches,o=n&&n.length?n[0]:i,{offsetX:s,offsetY:a}=o;let r,l,c=!1;if(((t,e,i)=>(t>0||e>0)&&(!i||!i.shadowRoot))(s,a,i.target))r=s,l=a;else{const t=e.getBoundingClientRect();r=o.clientX-t.left,l=o.clientY-t.top,c=!0}return{x:r,y:l,box:c}}(t,i),d=a.left+(h&&r.left),u=a.top+(h&&r.top);let{width:f,height:g}=e;return s&&(f-=a.width+r.width,g-=a.height+r.height),{x:Math.round((l-d)/f*i.width/n),y:Math.round((c-u)/g*i.height/n)}}const me=t=>Math.round(10*t)/10;function xe(t,e,i,n){const o=de(t),s=ge(o,"margin"),a=he(o.maxWidth,t,"clientWidth")||yt,r=he(o.maxHeight,t,"clientHeight")||yt,l=function(t,e,i){let n,o;if(void 0===e||void 0===i){const s=ce(t);if(s){const t=s.getBoundingClientRect(),a=de(s),r=ge(a,"border","width"),l=ge(a,"padding");e=t.width-l.width-r.width,i=t.height-l.height-r.height,n=he(a.maxWidth,s,"clientWidth"),o=he(a.maxHeight,s,"clientHeight")}else e=t.clientWidth,i=t.clientHeight}return{width:e,height:i,maxWidth:n||yt,maxHeight:o||yt}}(t,e,i);let{width:c,height:h}=l;if("content-box"===o.boxSizing){const t=ge(o,"border","width"),e=ge(o,"padding");c-=e.width+t.width,h-=e.height+t.height}return c=Math.max(0,c-s.width),h=Math.max(0,n?Math.floor(c/n):h-s.height),c=me(Math.min(c,a,l.maxWidth)),h=me(Math.min(h,r,l.maxHeight)),c&&!h&&(h=me(c/2)),{width:c,height:h}}function be(t,e,i){const n=t.currentDevicePixelRatio=e||1,{canvas:o,width:s,height:a}=t;o.height=a*n,o.width=s*n,t.ctx.setTransform(n,0,0,n,0,0),o.style&&(i||!o.style.height&&!o.style.width)&&(o.style.height=a+"px",o.style.width=s+"px")}const _e=function(){let t=!1;try{const e={get passive(){return t=!0,!1}};window.addEventListener("test",null,e),window.removeEventListener("test",null,e)}catch(t){}return t}();function ye(t,e){const i=ue(t,e),n=i&&i.match(/^(\d+)(\.\d+)?px$/);return n?+n[1]:void 0}function ve(t,e){return"native"in t?{x:t.x,y:t.y}:pe(t,e)}function Me(t,e,i,n){const{controller:o,data:s,_sorted:a}=t,r=o._cachedMeta.iScale;if(r&&e===r.axis&&a&&s.length){const t=r._reversePixels?ne:ie;if(!n)return t(s,e,i);if(o._sharedOptions){const n=s[0],o="function"==typeof n.getRange&&n.getRange(e);if(o){const n=t(s,e,i-o),a=t(s,e,i+o);return{lo:n.lo,hi:a.hi}}}}return{lo:0,hi:s.length-1}}function we(t,e,i,n,o){const s=t.getSortedVisibleDatasetMetas(),a=i[e];for(let t=0,i=s.length;t{t[r](o[a],n)&&s.push({element:t,datasetIndex:e,index:i}),t.inRange(o.x,o.y,n)&&(l=!0)})),i.intersect&&!l?[]:s}var De={modes:{index(t,e,i,n){const o=ve(e,t),s=i.axis||"x",a=i.intersect?ke(t,o,s,n):Se(t,o,s,!1,n),r=[];return a.length?(t.getSortedVisibleDatasetMetas().forEach((t=>{const e=a[0].index,i=t.data[e];i&&!i.skip&&r.push({element:i,datasetIndex:t.index,index:e})})),r):[]},dataset(t,e,i,n){const o=ve(e,t),s=i.axis||"xy";let a=i.intersect?ke(t,o,s,n):Se(t,o,s,!1,n);if(a.length>0){const e=a[0].datasetIndex,i=t.getDatasetMeta(e).data;a=[];for(let t=0;tke(t,ve(e,t),i.axis||"xy",n),nearest:(t,e,i,n)=>Se(t,ve(e,t),i.axis||"xy",i.intersect,n),x:(t,e,i,n)=>(i.axis="x",Pe(t,e,i,n)),y:(t,e,i,n)=>(i.axis="y",Pe(t,e,i,n))}};const Ce=new RegExp(/^(normal|(\d+(?:\.\d+)?)(px|em|%)?)$/);function Ae(t,e){const i=(""+t).match(Ce);if(!i||"normal"===i[1])return 1.2*e;switch(t=+i[2],i[3]){case"px":return t;case"%":t/=100}return e*t}function Oe(t,e){const i={},n=U(e),o=n?Object.keys(e):e,s=U(t)?n?i=>K(t[i],t[e[i]]):e=>t[e]:()=>t;for(const t of o)i[t]=+s(t)||0;return i}function Te(t){return Oe(t,{top:"y",right:"x",bottom:"y",left:"x"})}function Le(t){return Oe(t,["topLeft","topRight","bottomLeft","bottomRight"])}function Re(t){const e=Te(t);return e.width=e.left+e.right,e.height=e.top+e.bottom,e}function Ee(t,e){t=t||{},e=e||mt.font;let i=K(t.size,e.size);"string"==typeof i&&(i=parseInt(i,10));const n={family:K(t.family,e.family),lineHeight:Ae(K(t.lineHeight,e.lineHeight),i),size:i,style:K(t.style,e.style),weight:K(t.weight,e.weight),string:""};return n.string=jt(n),n}function Ie(t,e,i,n){let o,s,a,r=!0;for(o=0,s=t.length;ot.pos===e))}function Be(t,e){return t.filter((t=>-1===ze.indexOf(t.pos)&&t.box.axis===e))}function We(t,e){return t.sort(((t,i)=>{const n=e?i:t,o=e?t:i;return n.weight===o.weight?n.index-o.index:n.weight-o.weight}))}function He(t,e,i,n){return Math.max(t[i],e[i])+Math.max(t[n],e[n])}function Ne(t,e){t.top=Math.max(t.top,e.top),t.left=Math.max(t.left,e.left),t.bottom=Math.max(t.bottom,e.bottom),t.right=Math.max(t.right,e.right)}function je(t,e,i){const n=i.box,o=t.maxPadding;if(U(i.pos))return{same:!1,other:!1};i.size&&(t[i.pos]-=i.size),i.size=i.horizontal?n.height:n.width,t[i.pos]+=i.size,n.getPadding&&Ne(o,n.getPadding());const s=Math.max(0,e.outerWidth-He(o,t,"left","right")),a=Math.max(0,e.outerHeight-He(o,t,"top","bottom")),r=s!==t.w,l=a!==t.h;return t.w=s,t.h=a,i.horizontal?{same:r,other:l}:{same:l,other:r}}function $e(t,e){const i=e.maxPadding;function n(t){const n={left:0,top:0,right:0,bottom:0};return t.forEach((t=>{n[t]=Math.max(e[t],i[t])})),n}return n(t?["left","right"]:["top","bottom"])}function Ye(t,e,i){const n=[];let o,s,a,r,l,c;for(o=0,s=t.length,l=0;ot.box.fullSize)),!0),n=We(Ve(e,"left"),!0),o=We(Ve(e,"right")),s=We(Ve(e,"top"),!0),a=We(Ve(e,"bottom")),r=Be(e,"x"),l=Be(e,"y");return{fullSize:i,leftAndTop:n.concat(s),rightAndBottom:o.concat(l).concat(a).concat(r),chartArea:Ve(e,"chartArea"),vertical:n.concat(o).concat(l),horizontal:s.concat(a).concat(r)}}(t.boxes),l=r.vertical,c=r.horizontal;J(t.boxes,(t=>{"function"==typeof t.beforeLayout&&t.beforeLayout()}));const h=l.reduce(((t,e)=>e.box.options&&!1===e.box.options.display?t:t+1),0)||1,d=Object.freeze({outerWidth:e,outerHeight:i,padding:o,availableWidth:s,availableHeight:a,vBoxMaxWidth:s/2/h,hBoxMaxHeight:a/2}),u=Object.assign({},o);Ne(u,Re(n));const f=Object.assign({maxPadding:u,w:s,h:a,x:o.left,y:o.top},o);!function(t,e){let i,n,o;for(i=0,n=t.length;i{const i=e.box;Object.assign(i,t.chartArea),i.update(f.w,f.h)}))}};class qe{acquireContext(t,e){}releaseContext(t){return!1}addEventListener(t,e,i){}removeEventListener(t,e,i){}getDevicePixelRatio(){return 1}getMaximumSize(t,e,i,n){return e=Math.max(0,e||t.width),i=i||t.height,{width:e,height:Math.max(0,n?Math.floor(e/n):i)}}isAttached(t){return!0}}class Ke extends qe{acquireContext(t){return t&&t.getContext&&t.getContext("2d")||null}}const Ge={touchstart:"mousedown",touchmove:"mousemove",touchend:"mouseup",pointerenter:"mouseenter",pointerdown:"mousedown",pointermove:"mousemove",pointerup:"mouseup",pointerleave:"mouseout",pointerout:"mouseout"},Ze=t=>null===t||""===t;const Qe=!!_e&&{passive:!0};function Je(t,e,i){t.canvas.removeEventListener(e,i,Qe)}function ti(t,e,i){const n=t.canvas,o=n&&ce(n)||n,s=new MutationObserver((t=>{const e=ce(o);t.forEach((t=>{for(let n=0;n{t.forEach((t=>{for(let e=0;e{i.currentDevicePixelRatio!==t&&e()})))}function si(t,i,n){const o=t.canvas,s=o&&ce(o);if(!s)return;const a=e(((t,e)=>{const i=s.clientWidth;n(t,e),i{const e=t[0],i=e.contentRect.width,n=e.contentRect.height;0===i&&0===n||a(i,n)}));return r.observe(s),function(t,e){ii.size||window.addEventListener("resize",oi),ii.set(t,e)}(t,a),r}function ai(t,e,i){i&&i.disconnect(),"resize"===e&&function(t){ii.delete(t),ii.size||window.removeEventListener("resize",oi)}(t)}function ri(t,i,n){const o=t.canvas,s=e((e=>{null!==t.ctx&&n(function(t,e){const i=Ge[t.type]||t.type,{x:n,y:o}=pe(t,e);return{type:i,chart:e,native:t,x:void 0!==n?n:null,y:void 0!==o?o:null}}(e,t))}),t,(t=>{const e=t[0];return[e,e.offsetX,e.offsetY]}));return function(t,e,i){t.addEventListener(e,i,Qe)}(o,i,s),s}class li extends qe{acquireContext(t,e){const i=t&&t.getContext&&t.getContext("2d");return i&&i.canvas===t?(function(t,e){const i=t.style,n=t.getAttribute("height"),o=t.getAttribute("width");if(t.$chartjs={initial:{height:n,width:o,style:{display:i.display,height:i.height,width:i.width}}},i.display=i.display||"block",i.boxSizing=i.boxSizing||"border-box",Ze(o)){const e=ye(t,"width");void 0!==e&&(t.width=e)}if(Ze(n))if(""===t.style.height)t.height=t.width/(e||2);else{const e=ye(t,"height");void 0!==e&&(t.height=e)}}(t,e),i):null}releaseContext(t){const e=t.canvas;if(!e.$chartjs)return!1;const i=e.$chartjs.initial;["height","width"].forEach((t=>{const n=i[t];$(n)?e.removeAttribute(t):e.setAttribute(t,n)}));const n=i.style||{};return Object.keys(n).forEach((t=>{e.style[t]=n[t]})),e.width=e.width,delete e.$chartjs,!0}addEventListener(t,e,i){this.removeEventListener(t,e);const n=t.$proxies||(t.$proxies={}),o={attach:ti,detach:ei,resize:si}[e]||ri;n[e]=o(t,e,i)}removeEventListener(t,e){const i=t.$proxies||(t.$proxies={}),n=i[e];if(!n)return;({attach:ai,detach:ai,resize:ai}[e]||Je)(t,e,n),i[e]=void 0}getDevicePixelRatio(){return window.devicePixelRatio}getMaximumSize(t,e,i,n){return xe(t,e,i,n)}isAttached(t){const e=ce(t);return!(!e||!ce(e))}}var ci=Object.freeze({__proto__:null,BasePlatform:qe,BasicPlatform:Ke,DomPlatform:li});const hi=t=>0===t||1===t,di=(t,e,i)=>-Math.pow(2,10*(t-=1))*Math.sin((t-e)*bt/i),ui=(t,e,i)=>Math.pow(2,-10*t)*Math.sin((t-e)*bt/i)+1,fi={linear:t=>t,easeInQuad:t=>t*t,easeOutQuad:t=>-t*(t-2),easeInOutQuad:t=>(t/=.5)<1?.5*t*t:-.5*(--t*(t-2)-1),easeInCubic:t=>t*t*t,easeOutCubic:t=>(t-=1)*t*t+1,easeInOutCubic:t=>(t/=.5)<1?.5*t*t*t:.5*((t-=2)*t*t+2),easeInQuart:t=>t*t*t*t,easeOutQuart:t=>-((t-=1)*t*t*t-1),easeInOutQuart:t=>(t/=.5)<1?.5*t*t*t*t:-.5*((t-=2)*t*t*t-2),easeInQuint:t=>t*t*t*t*t,easeOutQuint:t=>(t-=1)*t*t*t*t+1,easeInOutQuint:t=>(t/=.5)<1?.5*t*t*t*t*t:.5*((t-=2)*t*t*t*t+2),easeInSine:t=>1-Math.cos(t*Mt),easeOutSine:t=>Math.sin(t*Mt),easeInOutSine:t=>-.5*(Math.cos(xt*t)-1),easeInExpo:t=>0===t?0:Math.pow(2,10*(t-1)),easeOutExpo:t=>1===t?1:1-Math.pow(2,-10*t),easeInOutExpo:t=>hi(t)?t:t<.5?.5*Math.pow(2,10*(2*t-1)):.5*(2-Math.pow(2,-10*(2*t-1))),easeInCirc:t=>t>=1?t:-(Math.sqrt(1-t*t)-1),easeOutCirc:t=>Math.sqrt(1-(t-=1)*t),easeInOutCirc:t=>(t/=.5)<1?-.5*(Math.sqrt(1-t*t)-1):.5*(Math.sqrt(1-(t-=2)*t)+1),easeInElastic:t=>hi(t)?t:di(t,.075,.3),easeOutElastic:t=>hi(t)?t:ui(t,.075,.3),easeInOutElastic(t){const e=.1125;return hi(t)?t:t<.5?.5*di(2*t,e,.45):.5+.5*ui(2*t-1,e,.45)},easeInBack(t){const e=1.70158;return t*t*((e+1)*t-e)},easeOutBack(t){const e=1.70158;return(t-=1)*t*((e+1)*t+e)+1},easeInOutBack(t){let e=1.70158;return(t/=.5)<1?t*t*((1+(e*=1.525))*t-e)*.5:.5*((t-=2)*t*((1+(e*=1.525))*t+e)+2)},easeInBounce:t=>1-fi.easeOutBounce(1-t),easeOutBounce(t){const e=7.5625,i=2.75;return t<1/i?e*t*t:t<2/i?e*(t-=1.5/i)*t+.75:t<2.5/i?e*(t-=2.25/i)*t+.9375:e*(t-=2.625/i)*t+.984375},easeInOutBounce:t=>t<.5?.5*fi.easeInBounce(2*t):.5*fi.easeOutBounce(2*t-1)+.5},gi="transparent",pi={boolean:(t,e,i)=>i>.5?e:t,color(t,e,i){const n=W(t||gi),o=n.valid&&W(e||gi);return o&&o.valid?o.mix(n,i).hexString():e},number:(t,e,i)=>t+(e-t)*i};class mi{constructor(t,e,i,n){const o=e[i];n=Ie([t.to,n,o,t.from]);const s=Ie([t.from,o,n]);this._active=!0,this._fn=t.fn||pi[t.type||typeof s],this._easing=fi[t.easing]||fi.linear,this._start=Math.floor(Date.now()+(t.delay||0)),this._duration=this._total=Math.floor(t.duration),this._loop=!!t.loop,this._target=e,this._prop=i,this._from=s,this._to=n,this._promises=void 0}active(){return this._active}update(t,e,i){const n=this;if(n._active){n._notify(!1);const o=n._target[n._prop],s=i-n._start,a=n._duration-s;n._start=i,n._duration=Math.floor(Math.max(a,t.duration)),n._total+=s,n._loop=!!t.loop,n._to=Ie([t.to,e,o,t.from]),n._from=Ie([t.from,o,e])}}cancel(){const t=this;t._active&&(t.tick(Date.now()),t._active=!1,t._notify(!1))}tick(t){const e=this,i=t-e._start,n=e._duration,o=e._prop,s=e._from,a=e._loop,r=e._to;let l;if(e._active=s!==r&&(a||i1?2-l:l,l=e._easing(Math.min(1,Math.max(0,l))),e._target[o]=e._fn(s,r,l))}wait(){const t=this._promises||(this._promises=[]);return new Promise(((e,i)=>{t.push({res:e,rej:i})}))}_notify(t){const e=t?"res":"rej",i=this._promises||[];for(let t=0;t"onProgress"!==t&&"onComplete"!==t&&"fn"!==t}),mt.set("animations",{colors:{type:"color",properties:["color","borderColor","backgroundColor"]},numbers:{type:"number",properties:["x","y","borderWidth","radius","tension"]}}),mt.describe("animations",{_fallback:"animation"}),mt.set("transitions",{active:{animation:{duration:400}},resize:{animation:{duration:0}},show:{animations:{colors:{from:"transparent"},visible:{type:"boolean",duration:0}}},hide:{animations:{colors:{to:"transparent"},visible:{type:"boolean",easing:"linear",fn:t=>0|t}}}});class bi{constructor(t,e){this._chart=t,this._properties=new Map,this.configure(e)}configure(t){if(!U(t))return;const e=this._properties;Object.getOwnPropertyNames(t).forEach((i=>{const n=t[i];if(!U(n))return;const o={};for(const t of xi)o[t]=n[t];(Y(n.properties)&&n.properties||[i]).forEach((t=>{t!==i&&e.has(t)||e.set(t,o)}))}))}_animateOptions(t,e){const i=e.options,n=function(t,e){if(!e)return;let i=t.options;if(!i)return void(t.options=e);i.$shared&&(t.options=i=Object.assign({},i,{$shared:!1,$animations:{}}));return i}(t,i);if(!n)return[];const o=this._createAnimations(n,i);return i.$shared&&function(t,e){const i=[],n=Object.keys(e);for(let e=0;e{t.options=i}),(()=>{})),o}_createAnimations(t,e){const i=this._properties,n=[],o=t.$animations||(t.$animations={}),s=Object.keys(e),a=Date.now();let r;for(r=s.length-1;r>=0;--r){const l=s[r];if("$"===l.charAt(0))continue;if("options"===l){n.push(...this._animateOptions(t,e));continue}const c=e[l];let h=o[l];const d=i.get(l);if(h){if(d&&h.active()){h.update(d,c,a);continue}h.cancel()}d&&d.duration?(o[l]=h=new mi(d,t,l,c),n.push(h)):t[l]=c}return n}update(t,e){if(0===this._properties.size)return void Object.assign(t,e);const i=this._createAnimations(t,e);return i.length?(a.add(this._chart,i),!0):void 0}}function _i(t,e){const i=t&&t.options||{},n=i.reverse,o=void 0===i.min?e:0,s=void 0===i.max?e:0;return{start:n?s:o,end:n?o:s}}function yi(t,e){const i=[],n=t._getSortedDatasetMetas(e);let o,s;for(o=0,s=n.length;oi[t].axis===e)).shift()}function Pi(t,e){e=e||t._parsed;for(const i of e){const e=i._stacks;if(!e||void 0===e[t.vScale.id]||void 0===e[t.vScale.id][t.index])return;delete e[t.vScale.id][t.index]}}const Di=t=>"reset"===t||"none"===t,Ci=(t,e)=>e?t:Object.assign({},t);class Ai{constructor(t,e){this.chart=t,this._ctx=t.ctx,this.index=e,this._cachedDataOpts={},this._cachedMeta=this.getMeta(),this._type=this._cachedMeta.type,this.options=void 0,this._parsing=!1,this._data=void 0,this._objectData=void 0,this._sharedOptions=void 0,this._drawStart=void 0,this._drawCount=void 0,this.enableOptionSharing=!1,this.$context=void 0,this.initialize()}initialize(){const t=this,e=t._cachedMeta;t.configure(),t.linkScales(),e._stacked=Mi(e.vScale,e),t.addElements()}updateIndex(t){this.index=t}linkScales(){const t=this,e=t.chart,i=t._cachedMeta,n=t.getDataset(),o=(t,e,i,n)=>"x"===t?e:"r"===t?n:i,s=i.xAxisID=K(n.xAxisID,Si(e,"x")),a=i.yAxisID=K(n.yAxisID,Si(e,"y")),r=i.rAxisID=K(n.rAxisID,Si(e,"r")),l=i.indexAxis,c=i.iAxisID=o(l,s,a,r),h=i.vAxisID=o(l,a,s,r);i.xScale=t.getScaleForId(s),i.yScale=t.getScaleForId(a),i.rScale=t.getScaleForId(r),i.iScale=t.getScaleForId(c),i.vScale=t.getScaleForId(h)}getDataset(){return this.chart.data.datasets[this.index]}getMeta(){return this.chart.getDatasetMeta(this.index)}getScaleForId(t){return this.chart.scales[t]}_getOtherScale(t){const e=this._cachedMeta;return t===e.iScale?e.vScale:e.iScale}reset(){this._update("reset")}_destroy(){const t=this._cachedMeta;this._data&&re(this._data,this),t._stacked&&Pi(t)}_dataCheck(){const t=this,e=t.getDataset(),i=e.data||(e.data=[]);U(i)?t._data=function(t){const e=Object.keys(t),i=new Array(e.length);let n,o,s;for(n=0,o=e.length;n0&&n._parsed[t-1];if(!1===i._parsing)n._parsed=o,n._sorted=!0;else{h=Y(o[t])?i.parseArrayData(n,o,t,e):U(o[t])?i.parseObjectData(n,o,t,e):i.parsePrimitiveData(n,o,t,e);const s=()=>null===c[r]||u&&c[r]p||d=0;--u)if(!m()){i.updateRangeFromParsed(c,t,g,l);break}return c}getAllParsedValues(t){const e=this._cachedMeta._parsed,i=[];let n,o,s;for(n=0,o=e.length;n=0&&tn.getContext(i,o)),d);return g.$shared&&(g.$shared=l,s[a]=Object.freeze(Ci(g,l))),g}_resolveAnimations(t,e,i){const n=this,o=n.chart,s=n._cachedDataOpts,a="animation-"+e,r=s[a];if(r)return r;let l;if(!1!==o.options.animation){const o=n.chart.config,s=o.datasetAnimationScopeKeys(n._type,e),a=o.getOptionScopes(n.getDataset(),s);l=o.createResolver(a,n.getContext(t,i,e))}const c=new bi(o,l&&l.animations);return l&&l._cacheable&&(s[a]=Object.freeze(c)),c}getSharedOptions(t){if(t.$shared)return this._sharedOptions||(this._sharedOptions=Object.assign({},t))}includeOptions(t,e){return!e||Di(t)||this.chart._animationsDisabled}updateElement(t,e,i,n){Di(n)?Object.assign(t,i):this._resolveAnimations(e,n).update(t,i)}updateSharedOptions(t,e,i){t&&!Di(e)&&this._resolveAnimations(void 0,e).update(t,i)}_setStyle(t,e,i,n){t.active=n;const o=this.getStyle(e,n);this._resolveAnimations(e,i,n).update(t,{options:!n&&this.getSharedOptions(o)||o})}removeHoverStyle(t,e,i){this._setStyle(t,i,"active",!1)}setHoverStyle(t,e,i){this._setStyle(t,i,"active",!0)}_removeDatasetHoverStyle(){const t=this._cachedMeta.dataset;t&&this._setStyle(t,void 0,"active",!1)}_setDatasetHoverStyle(){const t=this._cachedMeta.dataset;t&&this._setStyle(t,void 0,"active",!0)}_resyncElements(t){const e=this,i=e._cachedMeta.data.length,n=e._data.length;n>i?e._insertElements(i,n-i,t):n{for(t.length+=e,r=t.length-1;r>=a;r--)t[r]=t[r-e]};for(l(s),r=t;r{o[t]=n[t]&&n[t].active()?n[t]._to:i[t]})),o}}Oi.defaults={},Oi.defaultRoutes=void 0;const Ti=new Map;function Li(t,e,i){return function(t,e){e=e||{};const i=t+JSON.stringify(e);let n=Ti.get(i);return n||(n=new Intl.NumberFormat(t,e),Ti.set(i,n)),n}(e,i).format(t)}const Ri={values:t=>Y(t)?t:""+t,numeric(t,e,i){if(0===t)return"0";const n=this.chart.options.locale;let o,s=t;if(i.length>1){const e=Math.max(Math.abs(i[0].value),Math.abs(i[i.length-1].value));(e<1e-4||e>1e15)&&(o="scientific"),s=function(t,e){let i=e.length>3?e[2].value-e[1].value:e[1].value-e[0].value;Math.abs(i)>1&&t!==Math.floor(t)&&(i=t-Math.floor(t));return i}(t,i)}const a=St(Math.abs(s)),r=Math.max(Math.min(-1*Math.floor(a),20),0),l={notation:o,minimumFractionDigits:r,maximumFractionDigits:r};return Object.assign(l,this.options.ticks.format),Li(t,n,l)},logarithmic(t,e,i){if(0===t)return"0";const n=t/Math.pow(10,Math.floor(St(t)));return 1===n||2===n||5===n?Ri.numeric.call(this,t,e,i):""}};var Ei={formatters:Ri};function Ii(t,e){const i=t.options.ticks,n=i.maxTicksLimit||function(t){const e=t.options.offset,i=t._tickSize(),n=t._length/i+(e?0:1),o=t._maxLength/i;return Math.floor(Math.min(n,o))}(t),o=i.major.enabled?function(t){const e=[];let i,n;for(i=0,n=t.length;in)return function(t,e,i,n){let o,s=0,a=i[0];for(n=Math.ceil(n),o=0;oo)return e}return Math.max(o,1)}(o,e,n);if(s>0){let t,i;const n=s>1?Math.round((r-a)/(s-1)):null;for(Fi(e,l,c,$(n)?0:a-n,a),t=0,i=s-1;te.lineWidth,tickColor:(t,e)=>e.color,offset:!1,borderDash:[],borderDashOffset:0,borderColor:(t,e)=>e.color,borderWidth:(t,e)=>e.lineWidth},title:{display:!1,text:"",padding:{top:4,bottom:4}},ticks:{minRotation:0,maxRotation:50,mirror:!1,textStrokeWidth:0,textStrokeColor:"",padding:3,display:!0,autoSkip:!0,autoSkipPadding:3,labelOffset:0,callback:Ei.formatters.values,minor:{},major:{},align:"center",crossAlign:"near"}}),mt.route("scale.ticks","color","","color"),mt.route("scale.grid","color","","borderColor"),mt.route("scale.title","color","","color"),mt.describe("scale",{_fallback:!1,_scriptable:t=>!t.startsWith("before")&&!t.startsWith("after")&&"callback"!==t&&"parser"!==t,_indexable:t=>"borderDash"!==t&&"tickBorderDash"!==t}),mt.describe("scales",{_fallback:"scale"});const zi=(t,e,i)=>"top"===e||"left"===e?t[e]+i:t[e]-i;function Vi(t,e){const i=[],n=t.length/e,o=t.length;let s=0;for(;sa+r)))return c}function Wi(t){return t.drawTicks?t.tickLength:0}function Hi(t,e){if(!t.display)return 0;const i=Ee(t.font,e),n=Re(t.padding);return(Y(t.text)?t.text.length:1)*i.lineHeight+n.height}function Ni(t,e,i){let o=n(t);return(i&&"right"!==e||!i&&"right"===e)&&(o=(t=>"left"===t?"right":"right"===t?"left":t)(o)),o}class ji extends Oi{constructor(t){super(),this.id=t.id,this.type=t.type,this.options=void 0,this.ctx=t.ctx,this.chart=t.chart,this.top=void 0,this.bottom=void 0,this.left=void 0,this.right=void 0,this.width=void 0,this.height=void 0,this._margins={left:0,right:0,top:0,bottom:0},this.maxWidth=void 0,this.maxHeight=void 0,this.paddingTop=void 0,this.paddingBottom=void 0,this.paddingLeft=void 0,this.paddingRight=void 0,this.axis=void 0,this.labelRotation=void 0,this.min=void 0,this.max=void 0,this.ticks=[],this._gridLineItems=null,this._labelItems=null,this._labelSizes=null,this._length=0,this._maxLength=0,this._longestTextCache={},this._startPixel=void 0,this._endPixel=void 0,this._reversePixels=!1,this._userMax=void 0,this._userMin=void 0,this._suggestedMax=void 0,this._suggestedMin=void 0,this._ticksLength=0,this._borderValue=0,this._cache={},this._dataLimitsCached=!1,this.$context=void 0}init(t){const e=this;e.options=t,e.axis=t.axis,e._userMin=e.parse(t.min),e._userMax=e.parse(t.max),e._suggestedMin=e.parse(t.suggestedMin),e._suggestedMax=e.parse(t.suggestedMax)}parse(t,e){return t}getUserBounds(){let{_userMin:t,_userMax:e,_suggestedMin:i,_suggestedMax:n}=this;return t=q(t,Number.POSITIVE_INFINITY),e=q(e,Number.NEGATIVE_INFINITY),i=q(i,Number.POSITIVE_INFINITY),n=q(n,Number.NEGATIVE_INFINITY),{min:q(t,i),max:q(e,n),minDefined:X(t),maxDefined:X(e)}}getMinMax(t){const e=this;let i,{min:n,max:o,minDefined:s,maxDefined:a}=e.getUserBounds();if(s&&a)return{min:n,max:o};const r=e.getMatchingVisibleMetas();for(let l=0,c=r.length;l=s||n<=1||!t.isHorizontal())return void(t.labelRotation=o);const h=t._getLabelSizes(),d=h.widest.width,u=h.highest.height,f=Ht(t.chart.width-d,0,t.maxWidth);a=e.offset?t.maxWidth/n:f/(n-1),d+6>a&&(a=f/(n-(e.offset?.5:1)),r=t.maxHeight-Wi(e.grid)-i.padding-Hi(e.title,t.chart.options.font),l=Math.sqrt(d*d+u*u),c=Et(Math.min(Math.asin(Math.min((h.highest.height+6)/a,1)),Math.asin(Math.min(r/l,1))-Math.asin(u/l))),c=Math.max(o,Math.min(s,c))),t.labelRotation=c}afterCalculateLabelRotation(){Q(this.options.afterCalculateLabelRotation,[this])}beforeFit(){Q(this.options.beforeFit,[this])}fit(){const t=this,e={width:0,height:0},{chart:i,options:{ticks:n,title:o,grid:s}}=t,a=t._isVisible(),r=t.isHorizontal();if(a){const a=Hi(o,i.options.font);if(r?(e.width=t.maxWidth,e.height=Wi(s)+a):(e.height=t.maxHeight,e.width=Wi(s)+a),n.display&&t.ticks.length){const{first:i,last:o,widest:s,highest:a}=t._getLabelSizes(),l=2*n.padding,c=Rt(t.labelRotation),h=Math.cos(c),d=Math.sin(c);if(r){const i=d*s.width+h*a.height;e.height=Math.min(t.maxHeight,e.height+i+l)}else{const i=n.mirror?0:h*s.width+d*a.height;e.width=Math.min(t.maxWidth,e.width+i+l)}t._calculatePadding(i,o,d,h)}}t._handleMargins(),r?(t.width=t._length=i.width-t._margins.left-t._margins.right,t.height=e.height):(t.width=e.width,t.height=t._length=i.height-t._margins.top-t._margins.bottom)}_calculatePadding(t,e,i,n){const o=this,{ticks:{align:s,padding:a},position:r}=o.options,l=0!==o.labelRotation,c="top"!==r&&"x"===o.axis;if(o.isHorizontal()){const r=o.getPixelForTick(0)-o.left,h=o.right-o.getPixelForTick(o.ticks.length-1);let d=0,u=0;l?c?(d=n*t.width,u=i*e.height):(d=i*t.height,u=n*e.width):"start"===s?u=e.width:"end"===s?d=t.width:(d=t.width/2,u=e.width/2),o.paddingLeft=Math.max((d-r+a)*o.width/(o.width-r),0),o.paddingRight=Math.max((u-h+a)*o.width/(o.width-h),0)}else{let i=e.height/2,n=t.height/2;"start"===s?(i=0,n=t.height):"end"===s&&(i=e.height,n=0),o.paddingTop=i+a,o.paddingBottom=n+a}}_handleMargins(){const t=this;t._margins&&(t._margins.left=Math.max(t.paddingLeft,t._margins.left),t._margins.top=Math.max(t.paddingTop,t._margins.top),t._margins.right=Math.max(t.paddingRight,t._margins.right),t._margins.bottom=Math.max(t.paddingBottom,t._margins.bottom))}afterFit(){Q(this.options.afterFit,[this])}isHorizontal(){const{axis:t,position:e}=this.options;return"top"===e||"bottom"===e||"x"===t}isFullSize(){return this.options.fullSize}_convertTicksToLabels(t){const e=this;e.beforeTickToLabelConversion(),e.generateTickLabels(t),e.afterTickToLabelConversion()}_getLabelSizes(){const t=this;let e=t._labelSizes;if(!e){const i=t.options.ticks.sampleSize;let n=t.ticks;i{const i=t.gc,n=i.length/2;let o;if(n>e){for(o=0;o({width:o[t]||0,height:s[t]||0});return{first:v(0),last:v(e-1),widest:v(_),highest:v(y)}}getLabelForValue(t){return t}getPixelForValue(t,e){return NaN}getValueForPixel(t){}getPixelForTick(t){const e=this.ticks;return t<0||t>e.length-1?null:this.getPixelForValue(e[t].value)}getPixelForDecimal(t){const e=this;e._reversePixels&&(t=1-t);const i=e._startPixel+t*e._length;return Nt(e._alignToPixels?Ut(e.chart,i,0):i)}getDecimalForPixel(t){const e=(t-this._startPixel)/this._length;return this._reversePixels?1-e:e}getBasePixel(){return this.getPixelForValue(this.getBaseValue())}getBaseValue(){const{min:t,max:e}=this;return t<0&&e<0?e:t>0&&e>0?t:0}getContext(t){const e=this,i=e.ticks||[];if(t>=0&&tr*o?r/n:l/o:l*o0}_computeGridLineItems(t){const e=this,i=e.axis,n=e.chart,o=e.options,{grid:s,position:a}=o,r=s.offset,l=e.isHorizontal(),c=e.ticks.length+(r?1:0),h=Wi(s),d=[],u=s.setContext(e.getContext(0)),f=u.drawBorder?u.borderWidth:0,g=f/2,p=function(t){return Ut(n,t,f)};let m,x,b,_,y,v,M,w,k,S,P,D;if("top"===a)m=p(e.bottom),v=e.bottom-h,w=m-g,S=p(t.top)+g,D=t.bottom;else if("bottom"===a)m=p(e.top),S=t.top,D=p(t.bottom)-g,v=m+g,w=e.top+h;else if("left"===a)m=p(e.right),y=e.right-h,M=m-g,k=p(t.left)+g,P=t.right;else if("right"===a)m=p(e.left),k=t.left,P=p(t.right)-g,y=m+g,M=e.left+h;else if("x"===i){if("center"===a)m=p((t.top+t.bottom)/2+.5);else if(U(a)){const t=Object.keys(a)[0],i=a[t];m=p(e.chart.scales[t].getPixelForValue(i))}S=t.top,D=t.bottom,v=m+g,w=v+h}else if("y"===i){if("center"===a)m=p((t.left+t.right)/2);else if(U(a)){const t=Object.keys(a)[0],i=a[t];m=p(e.chart.scales[t].getPixelForValue(i))}y=m-g,M=y-h,k=t.left,P=t.right}for(x=0;xe.value===t));if(n>=0){return i.setContext(e.getContext(n)).lineWidth}return 0}drawGrid(t){const e=this,i=e.options.grid,n=e.ctx,o=e.chart,s=i.setContext(e.getContext(0)),a=i.drawBorder?s.borderWidth:0,r=e._gridLineItems||(e._gridLineItems=e._computeGridLineItems(t));let l,c;const h=(t,e,i)=>{i.width&&i.color&&(n.save(),n.lineWidth=i.width,n.strokeStyle=i.color,n.setLineDash(i.borderDash||[]),n.lineDashOffset=i.borderDashOffset,n.beginPath(),n.moveTo(t.x,t.y),n.lineTo(e.x,e.y),n.stroke(),n.restore())};if(i.display)for(l=0,c=r.length;l$i([o,...t],e,i,n)};return new Proxy(o,{deleteProperty:(e,i)=>(delete e[i],delete e._keys,delete t[0][i],!0),get:(i,n)=>Ki(i,n,(()=>function(t,e,i,n){let o;for(const s of e)if(o=en(Xi(s,t),i),ht(o))return qi(t,o)?Ji(i,n,t,o):o}(n,e,t,i))),getOwnPropertyDescriptor:(t,e)=>Reflect.getOwnPropertyDescriptor(t._scopes[0],e),getPrototypeOf:()=>Reflect.getPrototypeOf(t[0]),has:(t,e)=>nn(t).includes(e),ownKeys:t=>nn(t),set:(e,i,n)=>(t[0][i]=n,delete e[i],delete e._keys,!0)})}function Yi(t,e,i,n){const o={_cacheable:!1,_proxy:t,_context:e,_subProxy:i,_stack:new Set,_descriptors:Ui(t,n),setContext:e=>Yi(t,e,i,n),override:o=>Yi(t.override(o),e,i,n)};return new Proxy(o,{deleteProperty:(e,i)=>(delete e[i],delete t[i],!0),get:(t,e,i)=>Ki(t,e,(()=>function(t,e,i){const{_proxy:n,_context:o,_subProxy:s,_descriptors:a}=t;let r=n[e];dt(r)&&a.isScriptable(e)&&(r=function(t,e,i,n){const{_proxy:o,_context:s,_subProxy:a,_stack:r}=i;if(r.has(t))throw new Error("Recursion detected: "+[...r].join("->")+"->"+t);r.add(t),e=e(s,a||n),r.delete(t),U(e)&&(e=Ji(o._scopes,o,t,e));return e}(e,r,t,i));Y(r)&&r.length&&(r=function(t,e,i,n){const{_proxy:o,_context:s,_subProxy:a,_descriptors:r}=i;if(ht(s.index)&&n(t))e=e[s.index%e.length];else if(U(e[0])){const i=e,n=o._scopes.filter((t=>t!==i));e=[];for(const l of i){const i=Ji(n,o,t,l);e.push(Yi(i,s,a&&a[t],r))}}return e}(e,r,t,a.isIndexable));qi(e,r)&&(r=Yi(r,o,s&&s[e],a));return r}(t,e,i))),getOwnPropertyDescriptor:(e,i)=>e._descriptors.allKeys?Reflect.has(t,i)?{enumerable:!0,configurable:!0}:void 0:Reflect.getOwnPropertyDescriptor(t,i),getPrototypeOf:()=>Reflect.getPrototypeOf(t),has:(e,i)=>Reflect.has(t,i),ownKeys:()=>Reflect.ownKeys(t),set:(e,i,n)=>(t[i]=n,delete e[i],!0)})}function Ui(t,e={scriptable:!0,indexable:!0}){const{_scriptable:i=e.scriptable,_indexable:n=e.indexable,_allKeys:o=e.allKeys}=t;return{allKeys:o,scriptable:i,indexable:n,isScriptable:dt(i)?i:()=>i,isIndexable:dt(n)?n:()=>n}}const Xi=(t,e)=>t?t+ct(e):e,qi=(t,e)=>U(e)&&"adapters"!==t;function Ki(t,e,i){let n=t[e];return ht(n)||(n=i(),ht(n)&&(t[e]=n)),n}function Gi(t,e,i){return dt(t)?t(e,i):t}const Zi=(t,e)=>!0===t?e:"string"==typeof t?lt(e,t):void 0;function Qi(t,e,i,n){for(const o of e){const e=Zi(i,o);if(e){t.add(e);const o=Gi(e._fallback,i,e);if(ht(o)&&o!==i&&o!==n)return o}else if(!1===e&&ht(n)&&i!==n)return null}return!1}function Ji(t,e,i,n){const o=e._rootScopes,s=Gi(e._fallback,i,n),a=[...t,...o],r=new Set,l=t[0];U(l)&&!(i in l)&&r.add(l[i]={}),r.add(n);let c=tn(r,a,i,s||i);return null!==c&&((!ht(s)||s===i||(c=tn(r,a,s,c),null!==c))&&$i([...r],[""],o,s))}function tn(t,e,i,n){for(;i;)i=Qi(t,e,i,n);return i}function en(t,e){for(const i of e){if(!i)continue;const e=i[t];if(ht(e))return e}}function nn(t){let e=t._keys;return e||(e=t._keys=function(t){const e=new Set;for(const i of t)for(const t of Object.keys(i).filter((t=>!t.startsWith("_"))))e.add(t);return[...e]}(t._scopes)),e}const on=Number.EPSILON||1e-14,sn=(t,e)=>e!t.skip))),"monotone"===e.cubicInterpolationMode)rn(t);else{let i=n?t[t.length-1]:t[0];for(o=0,s=t.length;o0?e.y:t.y}}function un(t,e,i,n){const o={x:t.cp2x,y:t.cp2y},s={x:e.cp1x,y:e.cp1y},a=hn(t,o,i),r=hn(o,s,i),l=hn(s,e,i),c=hn(a,r,i),h=hn(r,l,i);return hn(c,h,i)}function fn(t,e,i){return t?function(t,e){return{x:i=>t+t+e-i,setWidth(t){e=t},textAlign:t=>"center"===t?t:"right"===t?"left":"right",xPlus:(t,e)=>t-e,leftForLtr:(t,e)=>t-e}}(e,i):{x:t=>t,setWidth(t){},textAlign:t=>t,xPlus:(t,e)=>t+e,leftForLtr:(t,e)=>t}}function gn(t,e){let i,n;"ltr"!==e&&"rtl"!==e||(i=t.canvas.style,n=[i.getPropertyValue("direction"),i.getPropertyPriority("direction")],i.setProperty("direction",e,"important"),t.prevTextDirection=n)}function pn(t,e){void 0!==e&&(delete t.prevTextDirection,t.canvas.style.setProperty("direction",e[0],e[1]))}function mn(t){return"angle"===t?{between:Wt,compare:Vt,normalize:Bt}:{between:(t,e,i)=>t>=e&&t<=i,compare:(t,e)=>t-e,normalize:t=>t}}function xn(t,e,i,n){return{start:t%n,end:e%n,loop:i&&(e-t+1)%n==0}}function bn(t,e,i){if(!i)return[t];const{property:n,start:o,end:s}=i,a=e.length,{compare:r,between:l,normalize:c}=mn(n),{start:h,end:d,loop:u}=function(t,e,i){const{property:n,start:o,end:s}=i,{between:a,normalize:r}=mn(n),l=e.length;let c,h,{start:d,end:u,loop:f}=t;if(f){for(d+=l,u+=l,c=0,h=l;cx||l(o,m,g)&&0!==r(o,m),y=()=>!x||0===r(s,g)||l(s,m,g);for(let t=h,i=h;t<=d;++t)p=e[t%a],p.skip||(g=c(p[n]),x=l(g,o,s),null===b&&_()&&(b=0===r(g,o)?t:i),null!==b&&y()&&(f.push(xn(b,t,u,a)),b=null),i=t,m=g);return null!==b&&f.push(xn(b,d,u,a)),f}function _n(t,e){const i=[],n=t.segments;for(let o=0;oo&&t[s%e].skip;)s--;return s%=e,{start:o,end:s}}(e,n,o,i);if(!0===i)return[{start:s,end:a,loop:o}];return function(t,e,i,n){const o=t.length,s=[];let a,r=e,l=t[e];for(a=e+1;a<=i;++a){const i=t[a%o];i.skip||i.stop?l.skip||(n=!1,s.push({start:e%o,end:(a-1)%o,loop:n}),e=r=i.stop?a:null):(r=a,l.skip&&(e=a)),l=i}return null!==r&&s.push({start:e%o,end:r%o,loop:n}),s}(e,s,a{const n=i.split("."),o=n.pop(),s=[t].concat(n).join("."),a=e[i].split("."),r=a.pop(),l=a.join(".");mt.route(s,o,l,r)}))}(e,t.defaultRoutes);t.descriptors&&mt.describe(e,t.descriptors)}(t,a,n),e.override&&mt.override(t.id,t.overrides)),a}get(t){return this.items[t]}unregister(t){const e=this.items,i=t.id,n=this.scope;i in e&&delete e[i],n&&i in mt[n]&&(delete mt[n][i],this.override&&delete ut[i])}}var wn=new class{constructor(){this.controllers=new Mn(Ai,"datasets",!0),this.elements=new Mn(Oi,"elements"),this.plugins=new Mn(Object,"plugins"),this.scales=new Mn(ji,"scales"),this._typedRegistries=[this.controllers,this.scales,this.elements]}add(...t){this._each("register",t)}remove(...t){this._each("unregister",t)}addControllers(...t){this._each("register",t,this.controllers)}addElements(...t){this._each("register",t,this.elements)}addPlugins(...t){this._each("register",t,this.plugins)}addScales(...t){this._each("register",t,this.scales)}getController(t){return this._get(t,this.controllers,"controller")}getElement(t){return this._get(t,this.elements,"element")}getPlugin(t){return this._get(t,this.plugins,"plugin")}getScale(t){return this._get(t,this.scales,"scale")}removeControllers(...t){this._each("unregister",t,this.controllers)}removeElements(...t){this._each("unregister",t,this.elements)}removePlugins(...t){this._each("unregister",t,this.plugins)}removeScales(...t){this._each("unregister",t,this.scales)}_each(t,e,i){const n=this;[...e].forEach((e=>{const o=i||n._getRegistryForType(e);i||o.isForType(e)||o===n.plugins&&e.id?n._exec(t,o,e):J(e,(e=>{const o=i||n._getRegistryForType(e);n._exec(t,o,e)}))}))}_exec(t,e,i){const n=ct(t);Q(i["before"+n],[],i),e[t](i),Q(i["after"+n],[],i)}_getRegistryForType(t){for(let e=0;et.filter((t=>!e.some((e=>t.plugin.id===e.plugin.id))));this._notify(n(e,i),t,"stop"),this._notify(n(i,e),t,"start")}}function Sn(t,e){return e||!1!==t?!0===t?{}:t:null}function Pn(t,e,i,n){const o=t.pluginScopeKeys(e),s=t.getOptionScopes(i,o);return t.createResolver(s,n,[""],{scriptable:!1,indexable:!1,allKeys:!0})}function Dn(t,e){const i=mt.datasets[t]||{};return((e.datasets||{})[t]||{}).indexAxis||e.indexAxis||i.indexAxis||"x"}function Cn(t,e){return"x"===t||"y"===t?t:e.axis||("top"===(i=e.position)||"bottom"===i?"x":"left"===i||"right"===i?"y":void 0)||t.charAt(0).toLowerCase();var i}function An(t){const e=t.options||(t.options={});e.plugins=K(e.plugins,{}),e.scales=function(t,e){const i=ut[t.type]||{scales:{}},n=e.scales||{},o=Dn(t.type,e),s=Object.create(null),a=Object.create(null);return Object.keys(n).forEach((t=>{const e=n[t],r=Cn(t,e),l=function(t,e){return t===e?"_index_":"_value_"}(r,o),c=i.scales||{};s[r]=s[r]||t,a[t]=st(Object.create(null),[{axis:r},e,c[r],c[l]])})),t.data.datasets.forEach((i=>{const o=i.type||t.type,r=i.indexAxis||Dn(o,e),l=(ut[o]||{}).scales||{};Object.keys(l).forEach((t=>{const e=function(t,e){let i=t;return"_index_"===t?i=e:"_value_"===t&&(i="x"===e?"y":"x"),i}(t,r),o=i[e+"AxisID"]||s[e]||e;a[o]=a[o]||Object.create(null),st(a[o],[{axis:e},n[o],l[t]])}))})),Object.keys(a).forEach((t=>{const e=a[t];st(e,[mt.scales[e.type],mt.scale])})),a}(t,e)}const On=new Map,Tn=new Set;function Ln(t,e){let i=On.get(t);return i||(i=e(),On.set(t,i),Tn.add(i)),i}const Rn=(t,e,i)=>{const n=lt(e,i);void 0!==n&&t.add(n)};class En{constructor(t){this._config=function(t){const e=(t=t||{}).data=t.data||{datasets:[],labels:[]};return e.datasets=e.datasets||[],e.labels=e.labels||[],An(t),t}(t),this._scopeCache=new Map,this._resolverCache=new Map}get type(){return this._config.type}set type(t){this._config.type=t}get data(){return this._config.data}set data(t){this._config.data=t}get options(){return this._config.options}set options(t){this._config.options=t}get plugins(){return this._config.plugins}update(){const t=this._config;this.clearCache(),An(t)}clearCache(){this._scopeCache.clear(),this._resolverCache.clear()}datasetScopeKeys(t){return Ln(t,(()=>[["datasets."+t,""]]))}datasetAnimationScopeKeys(t,e){return Ln(`${t}.transition.${e}`,(()=>[[`datasets.${t}.transitions.${e}`,"transitions."+e],["datasets."+t,""]]))}datasetElementScopeKeys(t,e){return Ln(`${t}-${e}`,(()=>[[`datasets.${t}.elements.${e}`,"datasets."+t,"elements."+e,""]]))}pluginScopeKeys(t){const e=t.id;return Ln(`${this.type}-plugin-${e}`,(()=>[["plugins."+e,...t.additionalOptionScopes||[]]]))}_cachedScopes(t,e){const i=this._scopeCache;let n=i.get(t);return n&&!e||(n=new Map,i.set(t,n)),n}getOptionScopes(t,e,i){const{options:n,type:o}=this,s=this._cachedScopes(t,i),a=s.get(e);if(a)return a;const r=new Set;e.forEach((e=>{t&&(r.add(t),e.forEach((e=>Rn(r,t,e)))),e.forEach((t=>Rn(r,n,t))),e.forEach((t=>Rn(r,ut[o]||{},t))),e.forEach((t=>Rn(r,mt,t))),e.forEach((t=>Rn(r,ft,t)))}));const l=[...r];return Tn.has(e)&&s.set(e,l),l}chartOptionScopes(){const{options:t,type:e}=this;return[t,ut[e]||{},mt.datasets[e]||{},{type:e},mt,ft]}resolveNamedOptions(t,e,i,n=[""]){const o={$shared:!0},{resolver:s,subPrefixes:a}=In(this._resolverCache,t,n);let r=s;if(function(t,e){const{isScriptable:i,isIndexable:n}=Ui(t);for(const o of e)if(i(o)&&dt(t[o])||n(o)&&Y(t[o]))return!0;return!1}(s,e)){o.$shared=!1;r=Yi(s,i=dt(i)?i():i,this.createResolver(t,i,a))}for(const t of e)o[t]=r[t];return o}createResolver(t,e,i=[""],n){const{resolver:o}=In(this._resolverCache,t,i);return U(e)?Yi(o,e,void 0,n):o}}function In(t,e,i){let n=t.get(e);n||(n=new Map,t.set(e,n));const o=i.join();let s=n.get(o);if(!s){s={resolver:$i(e,i),subPrefixes:i.filter((t=>!t.toLowerCase().includes("hover")))},n.set(o,s)}return s}const Fn=["top","bottom","left","right","chartArea"];function zn(t,e){return"top"===t||"bottom"===t||-1===Fn.indexOf(t)&&"x"===e}function Vn(t,e){return function(i,n){return i[t]===n[t]?i[e]-n[e]:i[t]-n[t]}}function Bn(t){const e=t.chart,i=e.options.animation;e.notifyPlugins("afterRender"),Q(i&&i.onComplete,[t],e)}function Wn(t){const e=t.chart,i=e.options.animation;Q(i&&i.onProgress,[t],e)}function Hn(){return"undefined"!=typeof window&&"undefined"!=typeof document}function Nn(t){return Hn()&&"string"==typeof t?t=document.getElementById(t):t&&t.length&&(t=t[0]),t&&t.canvas&&(t=t.canvas),t}const jn={},$n=t=>{const e=Nn(t);return Object.values(jn).filter((t=>t.canvas===e)).pop()};class Yn{constructor(t,e){const n=this;this.config=e=new En(e);const o=Nn(t),s=$n(o);if(s)throw new Error("Canvas is already in use. Chart with ID '"+s.id+"' must be destroyed before the canvas can be reused.");const r=e.createResolver(e.chartOptionScopes(),n.getContext());this.platform=n._initializePlatform(o,e);const l=n.platform.acquireContext(o,r.aspectRatio),c=l&&l.canvas,h=c&&c.height,d=c&&c.width;this.id=j(),this.ctx=l,this.canvas=c,this.width=d,this.height=h,this._options=r,this._aspectRatio=this.aspectRatio,this._layers=[],this._metasets=[],this._stacks=void 0,this.boxes=[],this.currentDevicePixelRatio=void 0,this.chartArea=void 0,this._active=[],this._lastEvent=void 0,this._listeners={},this._sortedMetasets=[],this.scales={},this.scale=void 0,this._plugins=new kn,this.$proxies={},this._hiddenIndices={},this.attached=!1,this._animationsDisabled=void 0,this.$context=void 0,this._doResize=i((()=>this.update("resize")),r.resizeDelay||0),jn[n.id]=n,l&&c?(a.listen(n,"complete",Bn),a.listen(n,"progress",Wn),n._initialize(),n.attached&&n.update()):console.error("Failed to create chart: can't acquire context from the given item")}get aspectRatio(){const{options:{aspectRatio:t,maintainAspectRatio:e},width:i,height:n,_aspectRatio:o}=this;return $(t)?e&&o?o:n?i/n:null:t}get data(){return this.config.data}set data(t){this.config.data=t}get options(){return this._options}set options(t){this.config.options=t}_initialize(){const t=this;return t.notifyPlugins("beforeInit"),t.options.responsive?t.resize():be(t,t.options.devicePixelRatio),t.bindEvents(),t.notifyPlugins("afterInit"),t}_initializePlatform(t,e){return e.platform?new e.platform:!Hn()||"undefined"!=typeof OffscreenCanvas&&t instanceof OffscreenCanvas?new Ke:new li}clear(){return Xt(this.canvas,this.ctx),this}stop(){return a.stop(this),this}resize(t,e){a.running(this)?this._resizeBeforeDraw={width:t,height:e}:this._resize(t,e)}_resize(t,e){const i=this,n=i.options,o=i.canvas,s=n.maintainAspectRatio&&i.aspectRatio,a=i.platform.getMaximumSize(o,t,e,s),r=i.currentDevicePixelRatio,l=n.devicePixelRatio||i.platform.getDevicePixelRatio();i.width===a.width&&i.height===a.height&&r===l||(i.width=a.width,i.height=a.height,i._aspectRatio=i.aspectRatio,be(i,l,!0),i.notifyPlugins("resize",{size:a}),Q(n.onResize,[i,a],i),i.attached&&i._doResize()&&i.render())}ensureScalesHaveIDs(){J(this.options.scales||{},((t,e)=>{t.id=e}))}buildOrUpdateScales(){const t=this,e=t.options,i=e.scales,n=t.scales,o=Object.keys(n).reduce(((t,e)=>(t[e]=!1,t)),{});let s=[];i&&(s=s.concat(Object.keys(i).map((t=>{const e=i[t],n=Cn(t,e),o="r"===n,s="x"===n;return{options:e,dposition:o?"chartArea":s?"bottom":"left",dtype:o?"radialLinear":s?"category":"linear"}})))),J(s,(i=>{const s=i.options,a=s.id,r=Cn(a,s),l=K(s.type,i.dtype);void 0!==s.position&&zn(s.position,r)===zn(i.dposition)||(s.position=i.dposition),o[a]=!0;let c=null;if(a in n&&n[a].type===l)c=n[a];else{c=new(wn.getScale(l))({id:a,type:l,ctx:t.ctx,chart:t}),n[c.id]=c}c.init(s,e)})),J(o,((t,e)=>{t||delete n[e]})),J(n,(e=>{Xe.configure(t,e,e.options),Xe.addBox(t,e)}))}_updateMetasetIndex(t,e){const i=this._metasets,n=t.index;n!==e&&(i[n]=i[e],i[e]=t,t.index=e)}_updateMetasets(){const t=this,e=t._metasets,i=t.data.datasets.length,n=e.length;if(n>i){for(let e=i;ei.length&&delete t._stacks,e.forEach(((e,n)=>{0===i.filter((t=>t===e._dataset)).length&&t._destroyDatasetMeta(n)}))}buildOrUpdateControllers(){const t=this,e=[],i=t.data.datasets;let n,o;for(t._removeUnreferencedMetasets(),n=0,o=i.length;n{t.getDatasetMeta(i).controller.reset()}),t)}reset(){this._resetElements(),this.notifyPlugins("reset")}update(t){const e=this,i=e.config;i.update(),e._options=i.createResolver(i.chartOptionScopes(),e.getContext()),J(e.scales,(t=>{Xe.removeBox(e,t)}));const n=e._animationsDisabled=!e.options.animation;if(e.ensureScalesHaveIDs(),e.buildOrUpdateScales(),e._plugins.invalidate(),!1===e.notifyPlugins("beforeUpdate",{mode:t,cancelable:!0}))return;const o=e.buildOrUpdateControllers();e.notifyPlugins("beforeElementsUpdate");let s=0;for(let t=0,i=e.data.datasets.length;t{t.reset()})),e._updateDatasets(t),e.notifyPlugins("afterUpdate",{mode:t}),e._layers.sort(Vn("z","_idx")),e._lastEvent&&e._eventHandler(e._lastEvent,!0),e.render()}_updateLayout(t){const e=this;if(!1===e.notifyPlugins("beforeLayout",{cancelable:!0}))return;Xe.update(e,e.width,e.height,t);const i=e.chartArea,n=i.width<=0||i.height<=0;e._layers=[],J(e.boxes,(t=>{n&&"chartArea"===t.position||(t.configure&&t.configure(),e._layers.push(...t._layers()))}),e),e._layers.forEach(((t,e)=>{t._idx=e})),e.notifyPlugins("afterLayout")}_updateDatasets(t){const e=this,i="function"==typeof t;if(!1!==e.notifyPlugins("beforeDatasetsUpdate",{mode:t,cancelable:!0})){for(let n=0,o=e.data.datasets.length;n=0;--i)t._drawDataset(e[i]);t.notifyPlugins("afterDatasetsDraw")}_drawDataset(t){const e=this,i=e.ctx,n=t._clip,o=e.chartArea,s={meta:t,index:t.index,cancelable:!0};!1!==e.notifyPlugins("beforeDatasetDraw",s)&&(Gt(i,{left:!1===n.left?0:o.left-n.left,right:!1===n.right?e.width:o.right+n.right,top:!1===n.top?0:o.top-n.top,bottom:!1===n.bottom?e.height:o.bottom+n.bottom}),t.controller.draw(),Zt(i),s.cancelable=!1,e.notifyPlugins("afterDatasetDraw",s))}getElementsAtEventForMode(t,e,i,n){const o=De.modes[e];return"function"==typeof o?o(this,t,i,n):[]}getDatasetMeta(t){const e=this.data.datasets[t],i=this._metasets;let n=i.filter((t=>t&&t._dataset===e)).pop();return n||(n=i[t]={type:null,data:[],dataset:null,controller:null,hidden:null,xAxisID:null,yAxisID:null,order:e&&e.order||0,index:t,_dataset:e,_parsed:[],_sorted:!1}),n}getContext(){return this.$context||(this.$context={chart:this,type:"chart"})}getVisibleDatasetCount(){return this.getSortedVisibleDatasetMetas().length}isDatasetVisible(t){const e=this.data.datasets[t];if(!e)return!1;const i=this.getDatasetMeta(t);return"boolean"==typeof i.hidden?!i.hidden:!e.hidden}setDatasetVisibility(t,e){this.getDatasetMeta(t).hidden=!e}toggleDataVisibility(t){this._hiddenIndices[t]=!this._hiddenIndices[t]}getDataVisibility(t){return!this._hiddenIndices[t]}_updateDatasetVisibility(t,e){const i=this,n=e?"show":"hide",o=i.getDatasetMeta(t),s=o.controller._resolveAnimations(void 0,n);i.setDatasetVisibility(t,e),s.update(o,{visible:e}),i.update((e=>e.datasetIndex===t?n:void 0))}hide(t){this._updateDatasetVisibility(t,!1)}show(t){this._updateDatasetVisibility(t,!0)}_destroyDatasetMeta(t){const e=this,i=e._metasets&&e._metasets[t];i&&i.controller&&(i.controller._destroy(),delete e._metasets[t])}destroy(){const t=this,{canvas:e,ctx:i}=t;let n,o;for(t.stop(),a.remove(t),n=0,o=t.data.datasets.length;n{i.addEventListener(t,n,o),e[n]=o},o=(n,o)=>{e[n]&&(i.removeEventListener(t,n,o),delete e[n])};let s=function(e,i,n){e.offsetX=i,e.offsetY=n,t._eventHandler(e)};if(J(t.options.events,(t=>n(t,s))),t.options.responsive){let e;s=(e,i)=>{t.canvas&&t.resize(e,i)};const a=()=>{o("attach",a),t.attached=!0,t.resize(),n("resize",s),n("detach",e)};e=()=>{t.attached=!1,o("resize",s),n("attach",a)},i.isAttached(t.canvas)?a():e()}else t.attached=!0}unbindEvents(){const t=this,e=t._listeners;e&&(delete t._listeners,J(e,((e,i)=>{t.platform.removeEventListener(t,i,e)})))}updateHoverStyle(t,e,i){const n=i?"set":"remove";let o,s,a,r;for("dataset"===e&&(o=this.getDatasetMeta(t[0].datasetIndex),o.controller["_"+n+"DatasetHoverStyle"]()),a=0,r=t.length;a{const n=e.getDatasetMeta(t);if(!n)throw new Error("No dataset found at index "+t);return{datasetIndex:t,element:n.data[i],index:i}}));!tt(n,i)&&(e._active=n,e._updateHoverStyles(n,i))}notifyPlugins(t,e){return this._plugins.notify(this,t,e)}_updateHoverStyles(t,e,i){const n=this,o=n.options.hover,s=(t,e)=>t.filter((t=>!e.some((e=>t.datasetIndex===e.datasetIndex&&t.index===e.index)))),a=s(e,t),r=i?t:s(t,e);a.length&&n.updateHoverStyle(a,o.mode,!1),r.length&&o.mode&&n.updateHoverStyle(r,o.mode,!0)}_eventHandler(t,e){const i=this,n={event:t,replay:e,cancelable:!0};if(!1===i.notifyPlugins("beforeEvent",n))return;const o=i._handleEvent(t,e);return n.cancelable=!1,i.notifyPlugins("afterEvent",n),(o||n.changed)&&i.render(),i}_handleEvent(t,e){const i=this,{_active:n=[],options:o}=i,s=o.hover,a=e;let r=[],l=!1,c=null;return"mouseout"!==t.type&&(r=i.getElementsAtEventForMode(t,s.mode,s,a),c="click"===t.type?i._lastEvent:t),i._lastEvent=null,Q(o.onHover,[t,r,i],i),"mouseup"!==t.type&&"click"!==t.type&&"contextmenu"!==t.type||Kt(t,i.chartArea,i._minPadding)&&Q(o.onClick,[t,r,i],i),l=!tt(r,n),(l||e)&&(i._active=r,i._updateHoverStyles(r,n,e)),i._lastEvent=c,l}}const Un=()=>J(Yn.instances,(t=>t._plugins.invalidate())),Xn=!0;function qn(){throw new Error("This method is not implemented: either no adapter can be found or an incomplete integration was provided.")}Object.defineProperties(Yn,{defaults:{enumerable:Xn,value:mt},instances:{enumerable:Xn,value:jn},overrides:{enumerable:Xn,value:ut},registry:{enumerable:Xn,value:wn},version:{enumerable:Xn,value:"3.0.2"},getChart:{enumerable:Xn,value:$n},register:{enumerable:Xn,value:(...t)=>{wn.add(...t),Un()}},unregister:{enumerable:Xn,value:(...t)=>{wn.remove(...t),Un()}}});class Kn{constructor(t){this.options=t||{}}formats(){return qn()}parse(t,e){return qn()}format(t,e){return qn()}add(t,e,i){return qn()}diff(t,e,i){return qn()}startOf(t,e,i){return qn()}endOf(t,e){return qn()}}Kn.override=function(t){Object.assign(Kn.prototype,t)};var Gn={_date:Kn};function Zn(t){const e=function(t){if(!t._cache.$bar){const e=t.getMatchingVisibleMetas("bar");let i=[];for(let n=0,o=e.length;nt-e)))}return t._cache.$bar}(t);let i,n,o,s,a=t._length;const r=()=>{a=Math.min(a,i&&Math.abs(o-s)||a),s=o};for(i=0,n=e.length;iMath.abs(r)&&(l=r,c=a),e[i.axis]=c,e._custom={barStart:l,barEnd:c,start:o,end:s,min:a,max:r}}(t,e,i,n):e[i.axis]=i.parse(t,n),e}function Jn(t,e,i,n){const o=t.iScale,s=t.vScale,a=o.getLabels(),r=o===s,l=[];let c,h,d,u;for(c=i,h=i+n;c0?(p+=t,h-=t):h<0&&(p-=t,h+=t)}return{size:h,base:p,head:c,center:c+h/2}}_calculateBarIndexPixels(t,e){const i=this,n=e.scale,o=i.options,s=K(o.maxBarThickness,1/0);let a,r;if(e.grouped){const n=o.skipNull?i._getStackCount(t):e.stackCount,l="flex"===o.barThickness?function(t,e,i,n){const o=e.pixels,s=o[t];let a=t>0?o[t-1]:null,r=t=0;--n)i=Math.max(i,t[n].size()/2,e[n]._custom);return i>0&&i}getLabelAndValue(t){const e=this._cachedMeta,{xScale:i,yScale:n}=e,o=this.getParsed(t),s=i.getLabelForValue(o.x),a=n.getLabelForValue(o.y),r=o._custom;return{label:e.label,value:"("+s+", "+a+(r?", "+r:"")+")"}}update(t){const e=this._cachedMeta.data;this.updateElements(e,0,e.length,t)}updateElements(t,e,i,n){const o=this,s="reset"===n,{xScale:a,yScale:r}=o._cachedMeta,l=o.resolveDataElementOptions(e,n),c=o.getSharedOptions(l),h=o.includeOptions(n,c);for(let l=e;l""}}}};class no extends Ai{constructor(t,e){super(t,e),this.enableOptionSharing=!0,this.innerRadius=void 0,this.outerRadius=void 0,this.offsetX=void 0,this.offsetY=void 0}linkScales(){}parse(t,e){const i=this.getDataset().data,n=this._cachedMeta;let o,s;for(o=t,s=t+e;oWt(t,r,l)?1:Math.max(e,e*i,n,n*i),g=(t,e,n)=>Wt(t,r,l)?-1:Math.min(e,e*i,n,n*i),p=f(0,c,d),m=f(Mt,h,u),x=g(xt,c,d),b=g(xt+Mt,h,u);n=(p-x)/2,o=(m-b)/2,s=-(p+x)/2,a=-(m+b)/2}return{ratioX:n,ratioY:o,offsetX:s,offsetY:a}}(d,h,l),m=(n.width-a)/u,x=(n.height-a)/f,b=Math.max(Math.min(m,x)/2,0),_=Z(e.options.radius,b),y=(_-Math.max(_*l,0))/e._getVisibleDatasetWeightTotal();e.offsetX=g*_,e.offsetY=p*_,o.total=e.calculateTotal(),e.outerRadius=_-y*e._getRingWeightOffset(e.index),e.innerRadius=Math.max(e.outerRadius-y*c,0),e.updateElements(s,0,s.length,t)}_circumference(t,e){const i=this,n=i.options,o=i._cachedMeta,s=i._getCircumference();return e&&n.animation.animateRotate||!this.chart.getDataVisibility(t)||null===o._parsed[t]?0:i.calculateCircumference(o._parsed[t]*s/bt)}updateElements(t,e,i,n){const o=this,s="reset"===n,a=o.chart,r=a.chartArea,l=a.options.animation,c=(r.left+r.right)/2,h=(r.top+r.bottom)/2,d=s&&l.animateScale,u=d?0:o.innerRadius,f=d?0:o.outerRadius,g=o.resolveDataElementOptions(e,n),p=o.getSharedOptions(g),m=o.includeOptions(n,p);let x,b=o._getRotation();for(x=0;x0&&!isNaN(t)?bt*(Math.abs(t)/e):0}getLabelAndValue(t){const e=this._cachedMeta,i=this.chart,n=i.data.labels||[],o=Li(e._parsed[t],i.options.locale);return{label:n[t]||"",value:o}}getMaxBorderWidth(t){const e=this;let i=0;const n=e.chart;let o,s,a,r,l;if(!t)for(o=0,s=n.data.datasets.length;o{const n=t.getDatasetMeta(0).controller.getStyle(i);return{text:e,fillStyle:n.backgroundColor,strokeStyle:n.borderColor,lineWidth:n.borderWidth,hidden:!t.getDataVisibility(i),index:i}})):[]}},onClick(t,e,i){i.chart.toggleDataVisibility(e.index),i.chart.update()}},tooltip:{callbacks:{title:()=>"",label(t){let e=t.label;const i=": "+t.formattedValue;return Y(e)?(e=e.slice(),e[0]+=i):e+=i,e}}}}};class oo extends Ai{initialize(){this.enableOptionSharing=!0,super.initialize()}update(t){const e=this,i=e._cachedMeta,{dataset:n,data:o=[],_dataset:s}=i,a=e.chart._animationsDisabled;let{start:r,count:l}=function(t,e,i){const n=e.length;let o=0,s=n;if(t._sorted){const{iScale:a,_parsed:r}=t,l=a.axis,{min:c,max:h,minDefined:d,maxDefined:u}=a.getUserBounds();d&&(o=Ht(Math.min(ie(r,a.axis,c).lo,i?n:ie(e,l,a.getPixelForValue(c)).lo),0,n-1)),s=u?Ht(Math.max(ie(r,a.axis,h).hi+1,i?0:ie(e,l,a.getPixelForValue(h)).hi+1),o,n)-o:n-o}return{start:o,count:s}}(i,o,a);if(e._drawStart=r,e._drawCount=l,function(t){const{xScale:e,yScale:i,_scaleRanges:n}=t,o={xmin:e.min,xmax:e.max,ymin:i.min,ymax:i.max};if(!n)return t._scaleRanges=o,!0;const s=n.xmin!==e.min||n.xmax!==e.max||n.ymin!==i.min||n.ymax!==i.max;return Object.assign(n,o),s}(i)&&(r=0,l=o.length),n._decimated=!!s._decimated,n.points=o,"resize"!==t){const i=e.resolveDatasetElementOptions(t);e.options.showLine||(i.borderWidth=0),e.updateElement(n,void 0,{animated:!a,options:i},t)}e.updateElements(o,r,l,t)}updateElements(t,e,i,n){const o=this,s="reset"===n,{xScale:a,yScale:r,_stacked:l}=o._cachedMeta,c=o.resolveDataElementOptions(e,n),h=o.getSharedOptions(c),d=o.includeOptions(n,h),u=o.options.spanGaps,f=At(u)?u:Number.POSITIVE_INFINITY,g=o.chart._animationsDisabled||s||"none"===n;let p=e>0&&o.getParsed(e-1);for(let c=e;c0&&i.x-p.x>f,d&&(u.options=h||o.resolveDataElementOptions(c,n)),g||o.updateElement(e,c,u,n),p=i}o.updateSharedOptions(h,n,c)}getMaxOverflow(){const t=this,e=t._cachedMeta,i=e.dataset,n=i.options&&i.options.borderWidth||0,o=e.data||[];if(!o.length)return n;const s=o[0].size(t.resolveDataElementOptions(0)),a=o[o.length-1].size(t.resolveDataElementOptions(o.length-1));return Math.max(n,s,a)/2}draw(){this._cachedMeta.dataset.updateControlPoints(this.chart.chartArea),super.draw()}}oo.id="line",oo.defaults={datasetElementType:"line",dataElementType:"point",showLine:!0,spanGaps:!1},oo.overrides={scales:{_index_:{type:"category"},_value_:{type:"linear"}}};class so extends Ai{constructor(t,e){super(t,e),this.innerRadius=void 0,this.outerRadius=void 0}update(t){const e=this._cachedMeta.data;this._updateRadius(),this.updateElements(e,0,e.length,t)}_updateRadius(){const t=this,e=t.chart,i=e.chartArea,n=e.options,o=Math.min(i.right-i.left,i.bottom-i.top),s=Math.max(o/2,0),a=(s-Math.max(n.cutoutPercentage?s/100*n.cutoutPercentage:1,0))/e.getVisibleDatasetCount();t.outerRadius=s-a*t.index,t.innerRadius=t.outerRadius-a}updateElements(t,e,i,n){const o=this,s="reset"===n,a=o.chart,r=o.getDataset(),l=a.options.animation,c=o._cachedMeta.rScale,h=c.xCenter,d=c.yCenter,u=c.getIndexAngle(0)-.5*xt;let f,g=u;const p=360/o.countVisibleElements();for(f=0;f{!isNaN(t.data[n])&&this.chart.getDataVisibility(n)&&i++})),i}_computeAngle(t,e,i){return this.chart.getDataVisibility(t)?Rt(this.resolveDataElementOptions(t,e).angle||i):0}}so.id="polarArea",so.defaults={dataElementType:"arc",animation:{animateRotate:!0,animateScale:!0},animations:{numbers:{type:"number",properties:["x","y","startAngle","endAngle","innerRadius","outerRadius"]}},indexAxis:"r",startAngle:0},so.overrides={aspectRatio:1,plugins:{legend:{labels:{generateLabels(t){const e=t.data;return e.labels.length&&e.datasets.length?e.labels.map(((e,i)=>{const n=t.getDatasetMeta(0).controller.getStyle(i);return{text:e,fillStyle:n.backgroundColor,strokeStyle:n.borderColor,lineWidth:n.borderWidth,hidden:!t.getDataVisibility(i),index:i}})):[]}},onClick(t,e,i){i.chart.toggleDataVisibility(e.index),i.chart.update()}},tooltip:{callbacks:{title:()=>"",label:t=>t.chart.data.labels[t.dataIndex]+": "+t.formattedValue}}},scales:{r:{type:"radialLinear",angleLines:{display:!1},beginAtZero:!0,grid:{circular:!0},pointLabels:{display:!1},startAngle:0}}};class ao extends no{}ao.id="pie",ao.defaults={cutout:0,rotation:0,circumference:360,radius:"100%"};class ro extends Ai{getLabelAndValue(t){const e=this._cachedMeta.vScale,i=this.getParsed(t);return{label:e.getLabels()[t],value:""+e.getLabelForValue(i[e.axis])}}update(t){const e=this,i=e._cachedMeta,n=i.dataset,o=i.data||[],s=i.iScale.getLabels();if(n.points=o,"resize"!==t){const i=e.resolveDatasetElementOptions(t);e.options.showLine||(i.borderWidth=0);const a={_loop:!0,_fullLoop:s.length===o.length,options:i};e.updateElement(n,void 0,a,t)}e.updateElements(o,0,o.length,t)}updateElements(t,e,i,n){const o=this,s=o.getDataset(),a=o._cachedMeta.rScale,r="reset"===n;for(let l=e;l"",label:t=>"("+t.label+", "+t.formattedValue+")"}}},scales:{x:{type:"linear"},y:{type:"linear"}}};var co=Object.freeze({__proto__:null,BarController:eo,BubbleController:io,DoughnutController:no,LineController:oo,PolarAreaController:so,PieController:ao,RadarController:ro,ScatterController:lo});function ho(t,e){const{startAngle:i,endAngle:n,pixelMargin:o,x:s,y:a,outerRadius:r,innerRadius:l}=e;let c=o/r;t.beginPath(),t.arc(s,a,r,i-c,n+c),l>o?(c=o/l,t.arc(s,a,l,n+c,i-c,!0)):t.arc(s,a,o,n+Mt,i-Mt),t.closePath(),t.clip()}function uo(t,e){const{x:i,y:n,startAngle:o,endAngle:s,pixelMargin:a}=e,r=Math.max(e.outerRadius-a,0),l=e.innerRadius+a;t.beginPath(),t.arc(i,n,r,o,s),t.arc(i,n,l,s,o,!0),t.closePath()}function fo(t,e){const{x:i,y:n,startAngle:o,endAngle:s,pixelMargin:a,options:r}=e,l=e.outerRadius,c=e.innerRadius+a,h="inner"===r.borderAlign;r.borderWidth&&(h?(t.lineWidth=2*r.borderWidth,t.lineJoin="round"):(t.lineWidth=r.borderWidth,t.lineJoin="bevel"),e.fullCircles&&function(t,e,i){const{x:n,y:o,startAngle:s,endAngle:a,pixelMargin:r}=e,l=Math.max(e.outerRadius-r,0),c=e.innerRadius+r;let h;for(i&&(e.endAngle=e.startAngle+bt,ho(t,e),e.endAngle=a,e.endAngle===e.startAngle&&(e.endAngle+=bt,e.fullCircles--)),t.beginPath(),t.arc(n,o,c,s+bt,s,!0),h=0;h=bt||Wt(o,a,r))&&(s>=l&&s<=c)}getCenterPoint(t){const{x:e,y:i,startAngle:n,endAngle:o,innerRadius:s,outerRadius:a}=this.getProps(["x","y","startAngle","endAngle","innerRadius","outerRadius"],t),r=(n+o)/2,l=(s+a)/2;return{x:e+Math.cos(r)*l,y:i+Math.sin(r)*l}}tooltipPosition(t){return this.getCenterPoint(t)}draw(t){const e=this,i=e.options,n=i.offset||0;if(e.pixelMargin="inner"===i.borderAlign?.33:0,e.fullCircles=Math.floor(e.circumference/bt),!(0===e.circumference||e.innerRadius<0||e.outerRadius<0)){if(t.save(),n&&e.circumference(a+(c?r-t:t))%s,_=()=>{f!==g&&(t.lineTo(m,g),t.lineTo(m,f),t.lineTo(m,p))};for(l&&(d=o[b(0)],t.moveTo(d.x,d.y)),h=0;h<=r;++h){if(d=o[b(h)],d.skip)continue;const e=d.x,i=d.y,n=0|e;n===u?(ig&&(g=i),m=(x*m+e)/++x):(_(),t.lineTo(e,i),u=n,x=0,f=g=i),p=i}_()}function _o(t){const e=t.options,i=e.borderDash&&e.borderDash.length;return!(t._decimated||t._loop||e.tension||e.stepped||i)?bo:xo}go.id="arc",go.defaults={borderAlign:"center",borderColor:"#fff",borderWidth:2,offset:0,angle:void 0},go.defaultRoutes={backgroundColor:"backgroundColor"};const yo="function"==typeof Path2D?function(t,e,i,n){let o=e._path;o||(o=e._path=new Path2D,e.path(o,i,n)&&o.closePath()),t.stroke(o)}:function(t,e,i,n){t.beginPath(),e.path(t,i,n)&&t.closePath(),t.stroke()};class vo extends Oi{constructor(t){super(),this.animated=!0,this.options=void 0,this._loop=void 0,this._fullLoop=void 0,this._path=void 0,this._points=void 0,this._segments=void 0,this._decimated=!1,this._pointsUpdated=!1,t&&Object.assign(this,t)}updateControlPoints(t){const e=this,i=e.options;if(i.tension&&!i.stepped&&!e._pointsUpdated){const n=i.spanGaps?e._loop:e._fullLoop;cn(e._points,i,t,n),e._pointsUpdated=!0}}set points(t){const e=this;e._points=t,delete e._segments,delete e._path,e._pointsUpdated=!1}get points(){return this._points}get segments(){return this._segments||(this._segments=yn(this))}first(){const t=this.segments,e=this.points;return t.length&&e[t[0].start]}last(){const t=this.segments,e=this.points,i=t.length;return i&&e[t[i-1].end]}interpolate(t,e){const i=this,n=i.options,o=t[e],s=i.points,a=_n(i,{property:e,start:o,end:o});if(!a.length)return;const r=[],l=function(t){return t.stepped?dn:t.tension?un:hn}(n);let c,h;for(c=0,h=a.length;c"borderDash"!==t&&"fill"!==t};class wo extends Oi{constructor(t){super(),this.options=void 0,this.skip=void 0,this.stop=void 0,t&&Object.assign(this,t)}inRange(t,e,i){const n=this.options,{x:o,y:s}=this.getProps(["x","y"],i);return Math.pow(t-o,2)+Math.pow(e-s,2)t.x):Po(e,"bottom","top",t.base=a.left&&e<=a.right)&&(s||i>=a.top&&i<=a.bottom)}function To(t,e){const{x:i,y:n,w:o,h:s,radius:a}=e;t.arc(i+a.topLeft,n+a.topLeft,a.topLeft,-Mt,xt,!0),t.lineTo(i,n+s-a.bottomLeft),t.arc(i+a.bottomLeft,n+s-a.bottomLeft,a.bottomLeft,xt,Mt,!0),t.lineTo(i+o-a.bottomRight,n+s),t.arc(i+o-a.bottomRight,n+s-a.bottomRight,a.bottomRight,Mt,0,!0),t.lineTo(i+o,n+a.topRight),t.arc(i+o-a.topRight,n+a.topRight,a.topRight,0,-Mt,!0),t.lineTo(i+a.topLeft,n)}function Lo(t,e){t.rect(e.x,e.y,e.w,e.h)}wo.id="point",wo.defaults={borderWidth:1,hitRadius:1,hoverBorderWidth:1,hoverRadius:4,pointStyle:"circle",radius:3,rotation:0},wo.defaultRoutes={backgroundColor:"backgroundColor",borderColor:"borderColor"};class Ro extends Oi{constructor(t){super(),this.options=void 0,this.horizontal=void 0,this.base=void 0,this.width=void 0,this.height=void 0,t&&Object.assign(this,t)}draw(t){const e=this.options,{inner:i,outer:n}=Ao(this),o=(s=n.radius).topLeft||s.topRight||s.bottomLeft||s.bottomRight?To:Lo;var s;t.save(),n.w===i.w&&n.h===i.h||(t.beginPath(),o(t,n),t.clip(),o(t,i),t.fillStyle=e.borderColor,t.fill("evenodd")),t.beginPath(),o(t,i),t.fillStyle=e.backgroundColor,t.fill(),t.restore()}inRange(t,e,i){return Oo(this,t,e,i)}inXRange(t,e){return Oo(this,t,null,e)}inYRange(t,e){return Oo(this,null,t,e)}getCenterPoint(t){const{x:e,y:i,base:n,horizontal:o}=this.getProps(["x","y","base","horizontal"],t);return{x:o?(e+n)/2:e,y:o?i:(i+n)/2}}getRange(t){return"x"===t?this.width/2:this.height/2}}Ro.id="bar",Ro.defaults={borderSkipped:"start",borderWidth:0,borderRadius:0,pointStyle:void 0},Ro.defaultRoutes={backgroundColor:"backgroundColor",borderColor:"borderColor"};var Eo=Object.freeze({__proto__:null,ArcElement:go,LineElement:vo,PointElement:wo,BarElement:Ro});function Io(t){t.data.datasets.forEach((t=>{if(t._decimated){const e=t._data;delete t._decimated,delete t._data,Object.defineProperty(t,"data",{value:e})}}))}var Fo={id:"decimation",defaults:{algorithm:"min-max",enabled:!1},beforeElementsUpdate:(t,e,i)=>{if(!i.enabled)return void Io(t);const n=t.width;t.data.datasets.forEach(((e,o)=>{const{_data:s,indexAxis:a}=e,r=t.getDatasetMeta(o),l=s||e.data;if("y"===Ie([a,t.options.indexAxis]))return;if("line"!==r.type)return;const c=t.scales[r.xAxisID];if("linear"!==c.type&&"time"!==c.type)return;if(t.options.parsing)return;if(l.length<=4*n)return;let h;switch($(s)&&(e._data=l,delete e.data,Object.defineProperty(e,"data",{configurable:!0,enumerable:!0,get:function(){return this._decimated},set:function(t){this._data=t}})),i.algorithm){case"lttb":h=function(t,e,i){const n=i.samples||e,o=[],s=(t.length-2)/(n-2);let a,r,l,c,h,d=0,u=0;for(o[d++]=t[u],a=0;al&&(l=c,r=t[e],h=e);o[d++]=r,u=h}return o[d++]=t[t.length-1],o}(l,n,i);break;case"min-max":h=function(t,e){let i,n,o,s,a,r,l,c,h,d,u=0,f=0;const g=[],p=t[0].x,m=t[t.length-1].x-p;for(i=0;id&&(d=s,l=i),u=(f*u+n.x)/++f;else{const e=i-1;if(!$(r)&&!$(l)){const i=Math.min(r,l),n=Math.max(r,l);i!==c&&i!==e&&g.push({...t[i],x:u}),n!==c&&n!==e&&g.push({...t[n],x:u})}i>0&&e!==c&&g.push(t[e]),g.push(n),a=x,f=0,h=d=s,r=l=c=i}}return g}(l,n);break;default:throw new Error(`Unsupported decimation algorithm '${i.algorithm}'`)}e._decimated=h}))},destroy(t){Io(t)}};function zo(t,e,i){const n=function(t){const e=t.options,i=e.fill;let n=K(i&&i.target,i);return void 0===n&&(n=!!e.backgroundColor),!1!==n&&null!==n&&(!0===n?"origin":n)}(t);if(U(n))return!isNaN(n.value)&&n;let o=parseFloat(n);return X(o)&&Math.floor(o)===o?("-"!==n[0]&&"+"!==n[0]||(o=e+o),!(o===e||o<0||o>=i)&&o):["origin","start","end","stack"].indexOf(n)>=0&&n}class Vo{constructor(t){this.x=t.x,this.y=t.y,this.radius=t.radius}pathSegment(t,e,i){const{x:n,y:o,radius:s}=this;return e=e||{start:0,end:bt},t.arc(n,o,s,e.end,e.start,!0),!i.bounds}interpolate(t){const{x:e,y:i,radius:n}=this,o=t.angle;return{x:e+Math.cos(o)*n,y:i+Math.sin(o)*n,angle:o}}}function Bo(t){return(t.scale||{}).getPointPositionForValue?function(t){const{scale:e,fill:i}=t,n=e.options,o=e.getLabels().length,s=[],a=n.reverse?e.max:e.min,r=n.reverse?e.min:e.max;let l,c,h;if(h="start"===i?a:"end"===i?r:U(i)?i.value:e.getBaseValue(),n.grid.circular)return c=e.getPointPositionForValue(0,a),new Vo({x:c.x,y:c.y,radius:e.getDistanceFromCenterForValue(h)});for(l=0;l"line"===t.type&&!t.hidden;function No(t,e,i){const n=[];for(let o=0;o=n&&o<=c){r=o===n,l=o===c;break}}return{first:r,last:l,point:n}}function $o(t,e){let i=[],n=!1;return Y(t)?(n=!0,i=t):i=function(t,e){const{x:i=null,y:n=null}=t||{},o=e.points,s=[];return e.segments.forEach((t=>{const e=o[t.start],a=o[t.end];null!==n?(s.push({x:e.x,y:n}),s.push({x:a.x,y:n})):null!==i&&(s.push({x:i,y:e.y}),s.push({x:i,y:a.y}))})),s}(t,e),i.length?new vo({points:i,options:{tension:0},_loop:n,_fullLoop:n}):null}function Yo(t,e,i){let n=t[e].fill;const o=[e];let s;if(!i)return n;for(;!1!==n&&-1===o.indexOf(n);){if(!X(n))return n;if(s=t[n],!s)return!1;if(s.visible)return n;o.push(n),n=s.fill}return!1}function Uo(t,e,i){t.beginPath(),e.path(t),t.lineTo(e.last().x,i),t.lineTo(e.first().x,i),t.closePath(),t.clip()}function Xo(t,e,i,n){if(n)return;let o=e[t],s=i[t];return"angle"===t&&(o=Bt(o),s=Bt(s)),{property:t,start:o,end:s}}function qo(t,e,i,n){return t&&e?n(t[i],e[i]):t?t[i]:e?e[i]:0}function Ko(t,e,i){const{top:n,bottom:o}=e.chart.chartArea,{property:s,start:a,end:r}=i||{};"x"===s&&(t.beginPath(),t.rect(a,n,r-a,o-n),t.clip())}function Go(t,e,i,n){const o=e.interpolate(i,n);o&&t.lineTo(o.x,o.y)}function Zo(t,e){const{line:i,target:n,property:o,color:s,scale:a}=e,r=function(t,e,i){const n=t.segments,o=t.points,s=e.points,a=[];for(let t=0;t=0;--n)o=e[n].$filler,o&&o.line.updateControlPoints(i)},beforeDatasetDraw(t,e){const i=t.chartArea,n=t.ctx,o=e.meta.$filler;if(!o||!1===o.fill)return;const s=function(t){const{chart:e,fill:i,line:n}=t;if(X(i))return function(t,e){const i=t.getDatasetMeta(e);return i&&t.isDatasetVisible(e)?i.dataset:null}(e,i);if("stack"===i)return Wo(t);const o=Bo(t);return o instanceof Vo?o:$o(o,n)}(o),{line:a,scale:r}=o,l=a.options,c=l.fill,h=l.backgroundColor,{above:d=h,below:u=h}=c||{};s&&a.points.length&&(Gt(n,i),function(t,e){const{line:i,target:n,above:o,below:s,area:a,scale:r}=e,l=i._loop?"angle":"x";t.save(),"x"===l&&s!==o&&(Uo(t,n,a.top),Zo(t,{line:i,target:n,color:o,scale:r,property:l}),t.restore(),t.save(),Uo(t,n,a.bottom)),Zo(t,{line:i,target:n,color:s,scale:r,property:l}),t.restore()}(n,{line:a,target:s,above:d,below:u,area:i,scale:r}),Zt(n))},defaults:{propagate:!0}};const Jo=(t,e)=>{let{boxHeight:i=e,boxWidth:n=e}=t;return t.usePointStyle&&(i=Math.min(i,e),n=Math.min(n,e)),{boxWidth:n,boxHeight:i,itemHeight:Math.max(e,i)}};class ts extends Oi{constructor(t){super(),this._added=!1,this.legendHitBoxes=[],this._hoveredItem=null,this.doughnutMode=!1,this.chart=t.chart,this.options=t.options,this.ctx=t.ctx,this.legendItems=void 0,this.columnSizes=void 0,this.lineWidths=void 0,this.maxHeight=void 0,this.maxWidth=void 0,this.top=void 0,this.bottom=void 0,this.left=void 0,this.right=void 0,this.height=void 0,this.width=void 0,this._margins=void 0,this.position=void 0,this.weight=void 0,this.fullSize=void 0}update(t,e,i){const n=this;n.maxWidth=t,n.maxHeight=e,n._margins=i,n.setDimensions(),n.buildLabels(),n.fit()}setDimensions(){const t=this;t.isHorizontal()?(t.width=t.maxWidth,t.left=0,t.right=t.width):(t.height=t.maxHeight,t.top=0,t.bottom=t.height)}buildLabels(){const t=this,e=t.options.labels||{};let i=Q(e.generateLabels,[t.chart],t)||[];e.filter&&(i=i.filter((i=>e.filter(i,t.chart.data)))),e.sort&&(i=i.sort(((i,n)=>e.sort(i,n,t.chart.data)))),t.options.reverse&&i.reverse(),t.legendItems=i}fit(){const t=this,{options:e,ctx:i}=t;if(!e.display)return void(t.width=t.height=0);const n=e.labels,o=Ee(n.font),s=o.size,a=t._computeTitleHeight(),{boxWidth:r,itemHeight:l}=Jo(n,s);let c,h;i.font=o.string,t.isHorizontal()?(c=t.maxWidth,h=t._fitRows(a,s,r,l)+10):(h=t.maxHeight,c=t._fitCols(a,s,r,l)+10),t.width=Math.min(c,e.maxWidth||t.maxWidth),t.height=Math.min(h,e.maxHeight||t.maxHeight)}_fitRows(t,e,i,n){const o=this,{ctx:s,maxWidth:a,options:{labels:{padding:r}}}=o,l=o.legendHitBoxes=[],c=o.lineWidths=[0],h=n+r;let d=t;s.textAlign="left",s.textBaseline="middle";let u=-1,f=-h;return o.legendItems.forEach(((t,o)=>{const g=i+e/2+s.measureText(t.text).width;(0===o||c[c.length-1]+g+2*r>a)&&(d+=h,c[c.length-(o>0?0:1)]=0,f+=h,u++),l[o]={left:0,top:f,row:u,width:g,height:n},c[c.length-1]+=g+r})),d}_fitCols(t,e,i,n){const o=this,{ctx:s,maxHeight:a,options:{labels:{padding:r}}}=o,l=o.legendHitBoxes=[],c=o.columnSizes=[],h=a-t;let d=r,u=0,f=0,g=0,p=0,m=0;return o.legendItems.forEach(((t,o)=>{const a=i+e/2+s.measureText(t.text).width;o>0&&f+e+2*r>h&&(d+=u+r,c.push({width:u,height:f}),g+=u+r,m++,p=0,u=f=0),u=Math.max(u,a),f+=e+r,l[o]={left:g,top:p,col:m,width:a,height:n},p+=n+r})),d+=u,c.push({width:u,height:f}),d}adjustHitBoxes(){const t=this;if(!t.options.display)return;const e=t._computeTitleHeight(),{legendHitBoxes:i,options:{align:n,labels:{padding:s}}}=t;if(this.isHorizontal()){let a=0,r=o(n,t.left+s,t.right-t.lineWidths[a]);for(const l of i)a!==l.row&&(a=l.row,r=o(n,t.left+s,t.right-t.lineWidths[a])),l.top+=t.top+e+s,l.left=r,r+=l.width+s}else{let a=0,r=o(n,t.top+e+s,t.bottom-t.columnSizes[a].height);for(const l of i)l.col!==a&&(a=l.col,r=o(n,t.top+e+s,t.bottom-t.columnSizes[a].height)),l.top=r,l.left+=t.left+s,r+=l.height+s}}isHorizontal(){return"top"===this.options.position||"bottom"===this.options.position}draw(){const t=this;if(t.options.display){const e=t.ctx;Gt(e,t),t._draw(),Zt(e)}}_draw(){const t=this,{options:e,columnSizes:i,lineWidths:n,ctx:a}=t,{align:r,labels:l}=e,c=mt.color,h=fn(e.rtl,t.left,t.width),d=Ee(l.font),{color:u,padding:f}=l,g=d.size,p=g/2;let m;t.drawTitle(),a.textAlign=h.textAlign("left"),a.textBaseline="middle",a.lineWidth=.5,a.strokeStyle=u,a.fillStyle=u,a.font=d.string;const{boxWidth:x,boxHeight:b,itemHeight:_}=Jo(l,g),y=t.isHorizontal(),v=this._computeTitleHeight();m=y?{x:o(r,t.left+f,t.right-n[0]),y:t.top+f+v,line:0}:{x:t.left+f,y:o(r,t.top+v+f,t.bottom-i[0].height),line:0},gn(t.ctx,e.textDirection);const M=_+f;t.legendItems.forEach(((e,u)=>{const w=a.measureText(e.text).width,k=h.textAlign(e.textAlign||(e.textAlign=l.textAlign)),S=x+g/2+w;let P=m.x,D=m.y;h.setWidth(t.width),y?u>0&&P+S+f>t.right&&(D=m.y+=M,m.line++,P=m.x=o(r,t.left+f,t.right-n[m.line])):u>0&&D+M>t.bottom&&(P=m.x=P+i[m.line].width+f,m.line++,D=m.y=o(r,t.top+v+f,t.bottom-i[m.line].height));!function(t,e,i){if(isNaN(x)||x<=0||isNaN(b)||b<0)return;a.save();const n=K(i.lineWidth,1);if(a.fillStyle=K(i.fillStyle,c),a.lineCap=K(i.lineCap,"butt"),a.lineDashOffset=K(i.lineDashOffset,0),a.lineJoin=K(i.lineJoin,"miter"),a.lineWidth=n,a.strokeStyle=K(i.strokeStyle,c),a.setLineDash(K(i.lineDash,[])),l.usePointStyle){const o={radius:x*Math.SQRT2/2,pointStyle:i.pointStyle,rotation:i.rotation,borderWidth:n},s=h.xPlus(t,x/2);qt(a,o,s,e+p)}else{const i=e+Math.max((g-b)/2,0);a.fillRect(h.leftForLtr(t,x),i,x,b),0!==n&&a.strokeRect(h.leftForLtr(t,x),i,x,b)}a.restore()}(h.x(P),D,e),P=s(k,P+x+p,t.right),function(t,e,i){te(a,i.text,t,e+_/2,d,{strikethrough:i.hidden,textAlign:i.textAlign})}(h.x(P),D,e),y?m.x+=S+f:m.y+=M})),pn(t.ctx,e.textDirection)}drawTitle(){const t=this,e=t.options,i=e.title,s=Ee(i.font),a=Re(i.padding);if(!i.display)return;const r=fn(e.rtl,t.left,t.width),l=t.ctx,c=i.position,h=s.size/2,d=a.top+h;let u,f=t.left,g=t.width;if(this.isHorizontal())g=Math.max(...t.lineWidths),u=t.top+d,f=o(e.align,f,t.right-g);else{const i=t.columnSizes.reduce(((t,e)=>Math.max(t,e.height)),0);u=d+o(e.align,t.top,t.bottom-i-e.labels.padding-t._computeTitleHeight())}const p=o(c,f,f+g);l.textAlign=r.textAlign(n(c)),l.textBaseline="middle",l.strokeStyle=i.color,l.fillStyle=i.color,l.font=s.string,te(l,i.text,p,u,s)}_computeTitleHeight(){const t=this.options.title,e=Ee(t.font),i=Re(t.padding);return t.display?e.lineHeight+i.height:0}_getLegendItemAt(t,e){const i=this;let n,o,s;if(t>=i.left&&t<=i.right&&e>=i.top&&e<=i.bottom)for(s=i.legendHitBoxes,n=0;n=o.left&&t<=o.left+o.width&&e>=o.top&&e<=o.top+o.height)return i.legendItems[n];return null}handleEvent(t){const e=this,i=e.options;if(!function(t,e){if("mousemove"===t&&(e.onHover||e.onLeave))return!0;if(e.onClick&&("click"===t||"mouseup"===t))return!0;return!1}(t.type,i))return;const n=e._getLegendItemAt(t.x,t.y);if("mousemove"===t.type){const a=e._hoveredItem,r=(s=n,null!==(o=a)&&null!==s&&o.datasetIndex===s.datasetIndex&&o.index===s.index);a&&!r&&Q(i.onLeave,[t,a,e],e),e._hoveredItem=n,n&&!r&&Q(i.onHover,[t,n,e],e)}else n&&Q(i.onClick,[t,n,e],e);var o,s}}var es={id:"legend",_element:ts,start(t,e,i){const n=t.legend=new ts({ctx:t.ctx,options:i,chart:t});Xe.configure(t,n,i),Xe.addBox(t,n)},stop(t){Xe.removeBox(t,t.legend),delete t.legend},beforeUpdate(t,e,i){const n=t.legend;Xe.configure(t,n,i),n.options=i},afterUpdate(t){const e=t.legend;e.buildLabels(),e.adjustHitBoxes()},afterEvent(t,e){e.replay||t.legend.handleEvent(e.event)},defaults:{display:!0,position:"top",align:"center",fullSize:!0,reverse:!1,weight:1e3,onClick(t,e,i){const n=e.datasetIndex,o=i.chart;o.isDatasetVisible(n)?(o.hide(n),e.hidden=!0):(o.show(n),e.hidden=!1)},onHover:null,onLeave:null,labels:{color:t=>t.chart.options.color,boxWidth:40,padding:10,generateLabels(t){const e=t.data.datasets,{labels:{usePointStyle:i,pointStyle:n,textAlign:o}}=t.legend.options;return t._getSortedDatasetMetas().map((t=>{const s=t.controller.getStyle(i?0:void 0),a=Re(s.borderWidth);return{text:e[t.index].label,fillStyle:s.backgroundColor,hidden:!t.visible,lineCap:s.borderCapStyle,lineDash:s.borderDash,lineDashOffset:s.borderDashOffset,lineJoin:s.borderJoinStyle,lineWidth:(a.width+a.height)/4,strokeStyle:s.borderColor,pointStyle:n||s.pointStyle,rotation:s.rotation,textAlign:o||s.textAlign,datasetIndex:t.index}}),this)}},title:{color:t=>t.chart.options.color,display:!1,position:"center",text:""}},descriptors:{_scriptable:t=>!t.startsWith("on"),labels:{_scriptable:t=>!["generateLabels","filter","sort"].includes(t)}}};class is extends Oi{constructor(t){super(),this.chart=t.chart,this.options=t.options,this.ctx=t.ctx,this._padding=void 0,this.top=void 0,this.bottom=void 0,this.left=void 0,this.right=void 0,this.width=void 0,this.height=void 0,this.position=void 0,this.weight=void 0,this.fullSize=void 0}update(t,e){const i=this,n=i.options;if(i.left=0,i.top=0,!n.display)return void(i.width=i.height=i.right=i.bottom=0);i.width=i.right=t,i.height=i.bottom=e;const o=Y(n.text)?n.text.length:1;i._padding=Re(n.padding);const s=o*Ee(n.font).lineHeight+i._padding.height;i.isHorizontal()?i.height=s:i.width=s}isHorizontal(){const t=this.options.position;return"top"===t||"bottom"===t}_drawArgs(t){const{top:e,left:i,bottom:n,right:s,options:a}=this,r=a.align;let l,c,h,d=0;return this.isHorizontal()?(c=o(r,i,s),h=e+t,l=s-i):("left"===a.position?(c=i+t,h=o(r,n,e),d=-.5*xt):(c=s-t,h=o(r,e,n),d=.5*xt),l=n-e),{titleX:c,titleY:h,maxWidth:l,rotation:d}}draw(){const t=this,e=t.ctx,i=t.options;if(!i.display)return;const o=Ee(i.font),s=o.lineHeight/2+t._padding.top,{titleX:a,titleY:r,maxWidth:l,rotation:c}=t._drawArgs(s);te(e,i.text,0,0,o,{color:i.color,maxWidth:l,rotation:c,textAlign:n(i.align),textBaseline:"middle",translation:[a,r]})}}var ns={id:"title",_element:is,start(t,e,i){!function(t,e){const i=new is({ctx:t.ctx,options:e,chart:t});Xe.configure(t,i,e),Xe.addBox(t,i),t.titleBlock=i}(t,i)},stop(t){const e=t.titleBlock;Xe.removeBox(t,e),delete t.titleBlock},beforeUpdate(t,e,i){const n=t.titleBlock;Xe.configure(t,n,i),n.options=i},defaults:{align:"center",display:!1,font:{style:"bold"},fullSize:!0,padding:10,position:"top",text:"",weight:2e3},defaultRoutes:{color:"color"},descriptors:{_scriptable:!0,_indexable:!1}};const os={average(t){if(!t.length)return!1;let e,i,n=0,o=0,s=0;for(e=0,i=t.length;e-1?t.split("\n"):t}function rs(t,e){const{element:i,datasetIndex:n,index:o}=e,s=t.getDatasetMeta(n).controller,{label:a,value:r}=s.getLabelAndValue(o);return{chart:t,label:a,parsed:s.getParsed(o),raw:t.data.datasets[n].data[o],formattedValue:r,dataset:s.getDataset(),dataIndex:o,datasetIndex:n,element:i}}function ls(t,e){const i=t._chart.ctx,{body:n,footer:o,title:s}=t,{boxWidth:a,boxHeight:r}=e,l=Ee(e.bodyFont),c=Ee(e.titleFont),h=Ee(e.footerFont),d=s.length,u=o.length,f=n.length,g=Re(e.padding);let p=g.height,m=0,x=n.reduce(((t,e)=>t+e.before.length+e.lines.length+e.after.length),0);if(x+=t.beforeBody.length+t.afterBody.length,d&&(p+=d*c.lineHeight+(d-1)*e.titleSpacing+e.titleMarginBottom),x){p+=f*(e.displayColors?Math.max(r,l.lineHeight):l.lineHeight)+(x-f)*l.lineHeight+(x-1)*e.bodySpacing}u&&(p+=e.footerMarginTop+u*h.lineHeight+(u-1)*e.footerSpacing);let b=0;const _=function(t){m=Math.max(m,i.measureText(t).width+b)};return i.save(),i.font=c.string,J(t.title,_),i.font=l.string,J(t.beforeBody.concat(t.afterBody),_),b=e.displayColors?a+2:0,J(n,(t=>{J(t.before,_),J(t.lines,_),J(t.after,_)})),b=0,i.font=h.string,J(t.footer,_),i.restore(),m+=g.width,{width:m,height:p}}function cs(t,e,i,n){const{x:o,width:s}=i,{width:a,chartArea:{left:r,right:l}}=t;let c="center";return"center"===n?c=o<=(r+l)/2?"left":"right":o<=s/2?c="left":o>=a-s/2&&(c="right"),function(t,e,i,n){const{x:o,width:s}=n,a=i.caretSize+i.caretPadding;return"left"===t&&o+s+a>e.width||"right"===t&&o-s-a<0||void 0}(c,t,e,i)&&(c="center"),c}function hs(t,e,i){const n=e.yAlign||function(t,e){const{y:i,height:n}=e;return it.height-n/2?"bottom":"center"}(t,i);return{xAlign:e.xAlign||cs(t,e,i,n),yAlign:n}}function ds(t,e,i,n){const{caretSize:o,caretPadding:s,cornerRadius:a}=t,{xAlign:r,yAlign:l}=i,c=o+s,h=a+s;let d=function(t,e){let{x:i,width:n}=t;return"right"===e?i-=n:"center"===e&&(i-=n/2),i}(e,r);const u=function(t,e,i){let{y:n,height:o}=t;return"top"===e?n+=i:n-="bottom"===e?o+i:o/2,n}(e,l,c);return"center"===l?"left"===r?d+=c:"right"===r&&(d-=c):"left"===r?d-=h:"right"===r&&(d+=h),{x:Ht(d,0,n.width-e.width),y:Ht(u,0,n.height-e.height)}}function us(t,e,i){const n=Re(i.padding);return"center"===e?t.x+t.width/2:"right"===e?t.x+t.width-n.right:t.x+n.left}function fs(t){return ss([],as(t))}function gs(t,e){const i=e&&e.dataset&&e.dataset.tooltip&&e.dataset.tooltip.callbacks;return i?t.override(i):t}class ps extends Oi{constructor(t){super(),this.opacity=0,this._active=[],this._chart=t._chart,this._eventPosition=void 0,this._size=void 0,this._cachedAnimations=void 0,this._tooltipItems=[],this.$animations=void 0,this.$context=void 0,this.options=t.options,this.dataPoints=void 0,this.title=void 0,this.beforeBody=void 0,this.body=void 0,this.afterBody=void 0,this.footer=void 0,this.xAlign=void 0,this.yAlign=void 0,this.x=void 0,this.y=void 0,this.height=void 0,this.width=void 0,this.caretX=void 0,this.caretY=void 0,this.labelColors=void 0,this.labelPointStyles=void 0,this.labelTextColors=void 0}initialize(t){this.options=t,this._cachedAnimations=void 0,this.$context=void 0}_resolveAnimations(){const t=this,e=t._cachedAnimations;if(e)return e;const i=t._chart,n=t.options.setContext(t.getContext()),o=n.enabled&&i.options.animation&&n.animations,s=new bi(t._chart,o);return o._cacheable&&(t._cachedAnimations=Object.freeze(s)),s}getContext(){const t=this;return t.$context||(t.$context=(e=t._chart.getContext(),i=t,n=t._tooltipItems,Object.assign(Object.create(e),{tooltip:i,tooltipItems:n,type:"tooltip"})));var e,i,n}getTitle(t,e){const i=this,{callbacks:n}=e,o=n.beforeTitle.apply(i,[t]),s=n.title.apply(i,[t]),a=n.afterTitle.apply(i,[t]);let r=[];return r=ss(r,as(o)),r=ss(r,as(s)),r=ss(r,as(a)),r}getBeforeBody(t,e){return fs(e.callbacks.beforeBody.apply(this,[t]))}getBody(t,e){const i=this,{callbacks:n}=e,o=[];return J(t,(t=>{const e={before:[],lines:[],after:[]},s=gs(n,t);ss(e.before,as(s.beforeLabel.call(i,t))),ss(e.lines,s.label.call(i,t)),ss(e.after,as(s.afterLabel.call(i,t))),o.push(e)})),o}getAfterBody(t,e){return fs(e.callbacks.afterBody.apply(this,[t]))}getFooter(t,e){const i=this,{callbacks:n}=e,o=n.beforeFooter.apply(i,[t]),s=n.footer.apply(i,[t]),a=n.afterFooter.apply(i,[t]);let r=[];return r=ss(r,as(o)),r=ss(r,as(s)),r=ss(r,as(a)),r}_createItems(t){const e=this,i=e._active,n=e._chart.data,o=[],s=[],a=[];let r,l,c=[];for(r=0,l=i.length;rt.filter(e,i,o,n)))),t.itemSort&&(c=c.sort(((e,i)=>t.itemSort(e,i,n)))),J(c,(i=>{const n=gs(t.callbacks,i);o.push(n.labelColor.call(e,i)),s.push(n.labelPointStyle.call(e,i)),a.push(n.labelTextColor.call(e,i))})),e.labelColors=o,e.labelPointStyles=s,e.labelTextColors=a,e.dataPoints=c,c}update(t,e){const i=this,n=i.options.setContext(i.getContext()),o=i._active;let s,a=[];if(o.length){const t=os[n.position].call(i,o,i._eventPosition);a=i._createItems(n),i.title=i.getTitle(a,n),i.beforeBody=i.getBeforeBody(a,n),i.body=i.getBody(a,n),i.afterBody=i.getAfterBody(a,n),i.footer=i.getFooter(a,n);const e=i._size=ls(i,n),r=Object.assign({},t,e),l=hs(i._chart,n,r),c=ds(n,r,l,i._chart);i.xAlign=l.xAlign,i.yAlign=l.yAlign,s={opacity:1,x:c.x,y:c.y,width:e.width,height:e.height,caretX:t.x,caretY:t.y}}else 0!==i.opacity&&(s={opacity:0});i._tooltipItems=a,i.$context=void 0,s&&i._resolveAnimations().update(i,s),t&&n.external&&n.external.call(i,{chart:i._chart,tooltip:i,replay:e})}drawCaret(t,e,i,n){const o=this.getCaretPosition(t,i,n);e.lineTo(o.x1,o.y1),e.lineTo(o.x2,o.y2),e.lineTo(o.x3,o.y3)}getCaretPosition(t,e,i){const{xAlign:n,yAlign:o}=this,{cornerRadius:s,caretSize:a}=i,{x:r,y:l}=t,{width:c,height:h}=e;let d,u,f,g,p,m;return"center"===o?(p=l+h/2,"left"===n?(d=r,u=d-a,g=p+a,m=p-a):(d=r+c,u=d+a,g=p-a,m=p+a),f=d):(u="left"===n?r+s+a:"right"===n?r+c-s-a:this.caretX,"top"===o?(g=l,p=g-a,d=u-a,f=u+a):(g=l+h,p=g+a,d=u+a,f=u-a),m=g),{x1:d,x2:u,x3:f,y1:g,y2:p,y3:m}}drawTitle(t,e,i){const n=this,o=n.title,s=o.length;let a,r,l;if(s){const c=fn(i.rtl,n.x,n.width);for(t.x=us(n,i.titleAlign,i),e.textAlign=c.textAlign(i.titleAlign),e.textBaseline="middle",a=Ee(i.titleFont),r=i.titleSpacing,e.fillStyle=i.titleColor,e.font=a.string,l=0;l0&&e.stroke()}_updateAnimationTarget(t){const e=this,i=e._chart,n=e.$animations,o=n&&n.x,s=n&&n.y;if(o||s){const n=os[t.position].call(e,e._active,e._eventPosition);if(!n)return;const a=e._size=ls(e,t),r=Object.assign({},n,e._size),l=hs(i,t,r),c=ds(t,r,l,i);o._to===c.x&&s._to===c.y||(e.xAlign=l.xAlign,e.yAlign=l.yAlign,e.width=a.width,e.height=a.height,e.caretX=n.x,e.caretY=n.y,e._resolveAnimations().update(e,c))}}draw(t){const e=this,i=e.options.setContext(e.getContext());let n=e.opacity;if(!n)return;e._updateAnimationTarget(i);const o={width:e.width,height:e.height},s={x:e.x,y:e.y};n=Math.abs(n)<.001?0:n;const a=Re(i.padding),r=e.title.length||e.beforeBody.length||e.body.length||e.afterBody.length||e.footer.length;i.enabled&&r&&(t.save(),t.globalAlpha=n,e.drawBackground(s,t,o,i),gn(t,i.textDirection),s.y+=a.top,e.drawTitle(s,t,i),e.drawBody(s,t,i),e.drawFooter(s,t,i),pn(t,i.textDirection),t.restore())}getActiveElements(){return this._active||[]}setActiveElements(t,e){const i=this,n=i._active,o=t.map((({datasetIndex:t,index:e})=>{const n=i._chart.getDatasetMeta(t);if(!n)throw new Error("Cannot find a dataset at index "+t);return{datasetIndex:t,element:n.data[e],index:e}})),s=!tt(n,o),a=i._positionChanged(o,e);(s||a)&&(i._active=o,i._eventPosition=e,i.update(!0))}handleEvent(t,e){const i=this,n=i.options,o=i._active||[];let s=!1,a=[];"mouseout"!==t.type&&(a=i._chart.getElementsAtEventForMode(t,n.mode,n,e),n.reverse&&a.reverse());const r=i._positionChanged(a,t);return s=e||!tt(a,o)||r,s&&(i._active=a,(n.enabled||n.external)&&(i._eventPosition={x:t.x,y:t.y},i.update(!0,e))),s}_positionChanged(t,e){const i=this,n=os[i.options.position].call(i,t,e);return i.caretX!==n.x||i.caretY!==n.y}}ps.positioners=os;var ms={id:"tooltip",_element:ps,positioners:os,afterInit(t,e,i){i&&(t.tooltip=new ps({_chart:t,options:i}))},beforeUpdate(t,e,i){t.tooltip&&t.tooltip.initialize(i)},reset(t,e,i){t.tooltip&&t.tooltip.initialize(i)},afterDraw(t){const e=t.tooltip,i={tooltip:e};!1!==t.notifyPlugins("beforeTooltipDraw",i)&&(e&&e.draw(t.ctx),t.notifyPlugins("afterTooltipDraw",i))},afterEvent(t,e){if(t.tooltip){const i=e.replay;t.tooltip.handleEvent(e.event,i)&&(e.changed=!0)}},defaults:{enabled:!0,external:null,position:"average",backgroundColor:"rgba(0,0,0,0.8)",titleColor:"#fff",titleFont:{style:"bold"},titleSpacing:2,titleMarginBottom:6,titleAlign:"left",bodyColor:"#fff",bodySpacing:2,bodyFont:{},bodyAlign:"left",footerColor:"#fff",footerSpacing:2,footerMarginTop:6,footerFont:{style:"bold"},footerAlign:"left",padding:6,caretPadding:2,caretSize:5,cornerRadius:6,boxHeight:(t,e)=>e.bodyFont.size,boxWidth:(t,e)=>e.bodyFont.size,multiKeyBackground:"#fff",displayColors:!0,borderColor:"rgba(0,0,0,0)",borderWidth:0,animation:{duration:400,easing:"easeOutQuart"},animations:{numbers:{type:"number",properties:["x","y","width","height","caretX","caretY"]},opacity:{easing:"linear",duration:200}},callbacks:{beforeTitle:N,title(t){if(t.length>0){const e=t[0],i=e.chart.data.labels,n=i?i.length:0;if(this&&this.options&&"dataset"===this.options.mode)return e.dataset.label||"";if(e.label)return e.label;if(n>0&&e.dataIndex"filter"!==t&&"itemSort"!==t&&"external"!==t,_indexable:!1,callbacks:{_scriptable:!1,_indexable:!1},animation:{_fallback:!1},animations:{_fallback:"animation"}},additionalOptionScopes:["interaction"]},xs=Object.freeze({__proto__:null,Decimation:Fo,Filler:Qo,Legend:es,Title:ns,Tooltip:ms});function bs(t,e,i){const n=t.indexOf(e);if(-1===n)return((t,e,i)=>"string"==typeof e?t.push(e)-1:isNaN(e)?null:i)(t,e,i);return n!==t.lastIndexOf(e)?i:n}class _s extends ji{constructor(t){super(t),this._startValue=void 0,this._valueRange=0}parse(t,e){if($(t))return null;const i=this.getLabels();return((t,e)=>null===t?null:Ht(Math.round(t),0,e))(e=isFinite(e)&&i[e]===t?e:bs(i,t,K(e,t)),i.length-1)}determineDataLimits(){const t=this,{minDefined:e,maxDefined:i}=t.getUserBounds();let{min:n,max:o}=t.getMinMax(!0);"ticks"===t.options.bounds&&(e||(n=0),i||(o=t.getLabels().length-1)),t.min=n,t.max=o}buildTicks(){const t=this,e=t.min,i=t.max,n=t.options.offset,o=[];let s=t.getLabels();s=0===e&&i===s.length-1?s:s.slice(e,i+1),t._valueRange=Math.max(s.length-(n?0:1),1),t._startValue=t.min-(n?.5:0);for(let t=e;t<=i;t++)o.push({value:t});return o}getLabelForValue(t){const e=this.getLabels();return t>=0&&te.length-1?null:this.getPixelForValue(e[t].value)}getValueForPixel(t){const e=this;return Math.round(e._startValue+e.getDecimalForPixel(t)*e._valueRange)}getBasePixel(){return this.bottom}}_s.id="category",_s.defaults={ticks:{callback:_s.prototype.getLabelForValue}};class ys extends ji{constructor(t){super(t),this.start=void 0,this.end=void 0,this._startValue=void 0,this._endValue=void 0,this._valueRange=0}parse(t,e){return $(t)||("number"==typeof t||t instanceof Number)&&!isFinite(+t)?null:+t}handleTickRangeOptions(){const t=this,{beginAtZero:e,stacked:i}=t.options,{minDefined:n,maxDefined:o}=t.getUserBounds();let{min:s,max:a}=t;const r=t=>s=n?s:t,l=t=>a=o?a:t;if(e||i){const t=Pt(s),e=Pt(a);t<0&&e<0?l(0):t>0&&e>0&&r(0)}s===a&&(l(a+1),e||r(s-1)),t.min=s,t.max=a}getTickLimit(){const t=this,e=t.options.ticks;let i,{maxTicksLimit:n,stepSize:o}=e;return o?i=Math.ceil(t.max/o)-Math.floor(t.min/o)+1:(i=t.computeTickLimit(),n=n||11),n&&(i=Math.min(n,i)),i}computeTickLimit(){return Number.POSITIVE_INFINITY}buildTicks(){const t=this,e=t.options,i=e.ticks;let n=t.getTickLimit();n=Math.max(2,n);const o=function(t,e){const i=[],{step:n,min:o,max:s,precision:a,count:r,maxTicks:l}=t,c=n||1,h=l-1,{min:d,max:u}=e,f=!$(o),g=!$(s),p=!$(r);let m,x,b,_,y=Dt((u-d)/h/c)*c;if(y<1e-14&&!f&&!g)return[{value:d},{value:u}];_=Math.ceil(u/y)-Math.floor(d/y),_>h&&(y=Dt(_*y/h/c)*c),$(a)||(m=Math.pow(10,a),y=Math.ceil(y*m)/m),x=Math.floor(d/y)*y,b=Math.ceil(u/y)*y,f&&g&&n&&Tt((s-o)/n,y/1e3)?(_=Math.min((s-o)/y,l),y=(s-o)/_,x=o,b=s):p?(x=f?o:x,b=g?s:b,_=r-1,y=(b-x)/_):(_=(b-x)/y,_=Ot(_,Math.round(_),y/1e3)?Math.round(_):Math.ceil(_)),m=Math.pow(10,$(a)?It(y):a),x=Math.round(x*m)/m,b=Math.round(b*m)/m;let v=0;for(f&&(i.push({value:o}),x<=o&&v++,Ot(Math.round((x+v*y)*m)/m,o,y/10)&&v++);v<_;++v)i.push({value:Math.round((x+v*y)*m)/m});return g?Ot(i[i.length-1].value,s,y/10)?i[i.length-1].value=s:i.push({value:s}):i.push({value:b}),i}({maxTicks:n,min:e.min,max:e.max,precision:i.precision,step:i.stepSize,count:i.count},Fe(t,e.grace));return"ticks"===e.bounds&&Lt(o,t,"value"),e.reverse?(o.reverse(),t.start=t.max,t.end=t.min):(t.start=t.min,t.end=t.max),o}configure(){const t=this,e=t.ticks;let i=t.min,n=t.max;if(super.configure(),t.options.offset&&e.length){const t=(n-i)/Math.max(e.length-1,1)/2;i-=t,n+=t}t._startValue=i,t._endValue=n,t._valueRange=n-i}getLabelForValue(t){return Li(t,this.chart.options.locale)}}class vs extends ys{determineDataLimits(){const t=this,{min:e,max:i}=t.getMinMax(!0);t.min=X(e)?e:0,t.max=X(i)?i:1,t.handleTickRangeOptions()}computeTickLimit(){const t=this;if(t.isHorizontal())return Math.ceil(t.width/40);const e=t._resolveTickFontOptions(0);return Math.ceil(t.height/e.lineHeight)}getPixelForValue(t){return null===t?NaN:this.getPixelForDecimal((t-this._startValue)/this._valueRange)}getValueForPixel(t){return this._startValue+this.getDecimalForPixel(t)*this._valueRange}}function Ms(t){return 1===t/Math.pow(10,Math.floor(St(t)))}vs.id="linear",vs.defaults={ticks:{callback:Ei.formatters.numeric}};class ws extends ji{constructor(t){super(t),this.start=void 0,this.end=void 0,this._startValue=void 0,this._valueRange=0}parse(t,e){const i=ys.prototype.parse.apply(this,[t,e]);if(0!==i)return X(i)&&i>0?i:null;this._zero=!0}determineDataLimits(){const t=this,{min:e,max:i}=t.getMinMax(!0);t.min=X(e)?Math.max(0,e):null,t.max=X(i)?Math.max(0,i):null,t.options.beginAtZero&&(t._zero=!0),t.handleTickRangeOptions()}handleTickRangeOptions(){const t=this,{minDefined:e,maxDefined:i}=t.getUserBounds();let n=t.min,o=t.max;const s=t=>n=e?n:t,a=t=>o=i?o:t,r=(t,e)=>Math.pow(10,Math.floor(St(t))+e);n===o&&(n<=0?(s(1),a(10)):(s(r(n,-1)),a(r(o,1)))),n<=0&&s(r(o,-1)),o<=0&&a(r(n,1)),t._zero&&t.min!==t._suggestedMin&&n===r(t.min,0)&&s(r(n,-1)),t.min=n,t.max=o}buildTicks(){const t=this,e=t.options,i=function(t,e){const i=Math.floor(St(e.max)),n=Math.ceil(e.max/Math.pow(10,i)),o=[];let s=q(t.min,Math.pow(10,Math.floor(St(e.min)))),a=Math.floor(St(s)),r=Math.floor(s/Math.pow(10,a)),l=a<0?Math.pow(10,Math.abs(a)):1;do{o.push({value:s,major:Ms(s)}),++r,10===r&&(r=1,++a,l=a>=0?1:l),s=Math.round(r*Math.pow(10,a)*l)/l}while(ao?{start:e-i,end:e}:{start:e,end:e+i}}function Ps(t){return 0===t||180===t?"center":t<180?"left":"right"}function Ds(t,e,i){90===t||270===t?i.y-=e.h/2:(t>270||t<90)&&(i.y-=e.h)}function Cs(t,e,i,n){const{ctx:o}=t;if(i)o.arc(t.xCenter,t.yCenter,e,0,bt);else{let i=t.getPointPosition(0,e);o.moveTo(i.x,i.y);for(let s=1;s{const n=Q(e.options.pointLabels.callback,[t,i],e);return n||0===n?n:""}))}fit(){const t=this,e=t.options;e.display&&e.pointLabels.display?function(t){const e={l:0,r:t.width,t:0,b:t.height-t.paddingTop},i={};let n,o,s;const a=[],r=[],l=t.getLabels().length;for(n=0;ne.r&&(e.r=p.end,i.r=f),m.starte.b&&(e.b=m.end,i.b=f)}var c,h,d;t._setReductions(t.drawingArea,e,i),t._pointLabelItems=[];const u=t.options,f=ks(u),g=t.getDistanceFromCenterForValue(u.ticks.reverse?t.min:t.max);for(n=0;n=0;o--){const e=n.setContext(t.getContext(o)),s=Ee(e.font),{x:a,y:r,textAlign:l,left:c,top:h,right:d,bottom:u}=t._pointLabelItems[o],{backdropColor:f}=e;if(!$(f)){const t=Re(e.backdropPadding);i.fillStyle=f,i.fillRect(c-t.left,h-t.top,d-c+t.width,u-h+t.height)}te(i,t._pointLabels[o],a,r+s.lineHeight/2,s,{color:e.color,textAlign:l,textBaseline:"middle"})}}(t,s),o.display&&t.ticks.forEach(((e,i)=>{if(0!==i){r=t.getDistanceFromCenterForValue(e.value);const n=o.setContext(t.getContext(i-1));!function(t,e,i,n){const o=t.ctx,s=e.circular,{color:a,lineWidth:r}=e;!s&&!n||!a||!r||i<0||(o.save(),o.strokeStyle=a,o.lineWidth=r,o.setLineDash(e.borderDash),o.lineDashOffset=e.borderDashOffset,o.beginPath(),Cs(t,i,s,n),o.closePath(),o.stroke(),o.restore())}(t,n,r,s)}})),n.display){for(e.save(),a=t.getLabels().length-1;a>=0;a--){const o=n.setContext(t.getContext(a)),{color:s,lineWidth:c}=o;c&&s&&(e.lineWidth=c,e.strokeStyle=s,e.setLineDash(o.borderDash),e.lineDashOffset=o.borderDashOffset,r=t.getDistanceFromCenterForValue(i.ticks.reverse?t.min:t.max),l=t.getPointPosition(a,r),e.beginPath(),e.moveTo(t.xCenter,t.yCenter),e.lineTo(l.x,l.y),e.stroke())}e.restore()}}drawLabels(){const t=this,e=t.ctx,i=t.options,n=i.ticks;if(!n.display)return;const o=t.getIndexAngle(0);let s,a;e.save(),e.translate(t.xCenter,t.yCenter),e.rotate(o),e.textAlign="center",e.textBaseline="middle",t.ticks.forEach(((o,r)=>{if(0===r&&!i.reverse)return;const l=n.setContext(t.getContext(r)),c=Ee(l.font);if(s=t.getDistanceFromCenterForValue(t.ticks[r].value),l.showLabelBackdrop){a=e.measureText(o.label).width,e.fillStyle=l.backdropColor;const t=Re(l.backdropPadding);e.fillRect(-a/2-t.left,-s-c.size/2-t.top,a+t.width,c.size+t.height)}te(e,o.label,0,-s,c,{color:l.color})})),e.restore()}drawTitle(){}}Os.id="radialLinear",Os.defaults={display:!0,animate:!0,position:"chartArea",angleLines:{display:!0,lineWidth:1,borderDash:[],borderDashOffset:0},grid:{circular:!1},startAngle:0,ticks:{showLabelBackdrop:!0,backdropColor:"rgba(255,255,255,0.75)",backdropPadding:2,callback:Ei.formatters.numeric},pointLabels:{backdropColor:void 0,backdropPadding:2,display:!0,font:{size:10},callback:t=>t,padding:5}},Os.defaultRoutes={"angleLines.color":"borderColor","pointLabels.color":"color","ticks.color":"color"},Os.descriptors={angleLines:{_fallback:"grid"}};const Ts={millisecond:{common:!0,size:1,steps:1e3},second:{common:!0,size:1e3,steps:60},minute:{common:!0,size:6e4,steps:60},hour:{common:!0,size:36e5,steps:24},day:{common:!0,size:864e5,steps:30},week:{common:!1,size:6048e5,steps:4},month:{common:!0,size:2628e6,steps:12},quarter:{common:!1,size:7884e6,steps:4},year:{common:!0,size:3154e7}},Ls=Object.keys(Ts);function Rs(t,e){return t-e}function Es(t,e){if($(e))return null;const i=t._adapter,n=t.options.time,{parser:o,round:s,isoWeekday:a}=n;let r=e;return"function"==typeof o&&(r=o(r)),X(r)||(r="string"==typeof o?i.parse(r,o):i.parse(r)),null===r?null:(s&&(r="week"!==s||!At(a)&&!0!==a?i.startOf(r,s):i.startOf(r,"isoWeek",a)),+r)}function Is(t,e,i,n){const o=Ls.length;for(let s=Ls.indexOf(t);s=e?i[n]:i[o]]=!0}}else t[e]=!0}function zs(t,e,i){const n=[],o={},s=e.length;let a,r;for(a=0;a=0&&(e[l].major=!0);return e}(t,n,o,i):n}class Vs extends ji{constructor(t){super(t),this._cache={data:[],labels:[],all:[]},this._unit="day",this._majorUnit=void 0,this._offsets={},this._normalized=!1}init(t,e){const i=t.time||(t.time={}),n=this._adapter=new Gn._date(t.adapters.date);st(i.displayFormats,n.formats()),super.init(t),this._normalized=e.normalized}parse(t,e){return void 0===t?null:Es(this,t)}beforeLayout(){super.beforeLayout(),this._cache={data:[],labels:[],all:[]}}determineDataLimits(){const t=this,e=t.options,i=t._adapter,n=e.time.unit||"day";let{min:o,max:s,minDefined:a,maxDefined:r}=t.getUserBounds();function l(t){a||isNaN(t.min)||(o=Math.min(o,t.min)),r||isNaN(t.max)||(s=Math.max(s,t.max))}a&&r||(l(t._getLabelBounds()),"ticks"===e.bounds&&"labels"===e.ticks.source||l(t.getMinMax(!1))),o=X(o)&&!isNaN(o)?o:+i.startOf(Date.now(),n),s=X(s)&&!isNaN(s)?s:+i.endOf(Date.now(),n)+1,t.min=Math.min(o,s-1),t.max=Math.max(o+1,s)}_getLabelBounds(){const t=this.getLabelTimestamps();let e=Number.POSITIVE_INFINITY,i=Number.NEGATIVE_INFINITY;return t.length&&(e=t[0],i=t[t.length-1]),{min:e,max:i}}buildTicks(){const t=this,e=t.options,i=e.time,n=e.ticks,o="labels"===n.source?t.getLabelTimestamps():t._generate();"ticks"===e.bounds&&o.length&&(t.min=t._userMin||o[0],t.max=t._userMax||o[o.length-1]);const s=t.min,a=oe(o,s,t.max);return t._unit=i.unit||(n.autoSkip?Is(i.minUnit,t.min,t.max,t._getLabelCapacity(s)):function(t,e,i,n,o){for(let s=Ls.length-1;s>=Ls.indexOf(i);s--){const i=Ls[s];if(Ts[i].common&&t._adapter.diff(o,n,i)>=e-1)return i}return Ls[i?Ls.indexOf(i):0]}(t,a.length,i.minUnit,t.min,t.max)),t._majorUnit=n.major.enabled&&"year"!==t._unit?function(t){for(let e=Ls.indexOf(t)+1,i=Ls.length;e1e5*r)throw new Error(i+" and "+n+" are too far apart with stepSize of "+r+" "+a);const g="data"===o.ticks.source&&t.getDataTimestamps();for(d=f,u=0;dt-e)).map((t=>+t))}getLabelForValue(t){const e=this._adapter,i=this.options.time;return i.tooltipFormat?e.format(t,i.tooltipFormat):e.format(t,i.displayFormats.datetime)}_tickFormatFunction(t,e,i,n){const o=this,s=o.options,a=s.time.displayFormats,r=o._unit,l=o._majorUnit,c=r&&a[r],h=l&&a[l],d=i[e],u=l&&h&&d&&d.major,f=o._adapter.format(t,n||(u?h:c)),g=s.ticks.callback;return g?g(f,e,i):f}generateTickLabels(t){let e,i,n;for(e=0,i=t.length;e0?r:1}getDataTimestamps(){const t=this;let e,i,n=t._cache.data||[];if(n.length)return n;const o=t.getMatchingVisibleMetas();if(t._normalized&&o.length)return t._cache.data=o[0].controller.getAllParsedValues(t);for(e=0,i=o.length;ee&&a0&&!$(e)?e/i._maxIndex:i.getDecimalForValue(t);return i.getPixelForDecimal((n.start+o)*n.factor)}getDecimalForValue(t){return Bs(this._table,t)/this._maxIndex}getValueForPixel(t){const e=this,i=e._offsets,n=e.getDecimalForPixel(t)/i.factor-i.end;return Bs(e._table,n*this._maxIndex,!0)}}Ws.id="timeseries",Ws.defaults=Vs.defaults;var Hs=Object.freeze({__proto__:null,CategoryScale:_s,LinearScale:vs,LogarithmicScale:ws,RadialLinearScale:Os,TimeScale:Vs,TimeSeriesScale:Ws});return Yn.register(co,Hs,Eo,xs),Yn.helpers={...vn},Yn._adapters=Gn,Yn.Animation=mi,Yn.Animations=bi,Yn.animator=a,Yn.controllers=wn.controllers.items,Yn.DatasetController=Ai,Yn.Element=Oi,Yn.elements=Eo,Yn.Interaction=De,Yn.layouts=Xe,Yn.platforms=ci,Yn.Scale=ji,Yn.Ticks=Ei,Object.assign(Yn,co,Hs,Eo,xs,ci),Yn.Chart=Yn,"undefined"!=typeof window&&(window.Chart=Yn),Yn})); diff --git a/dev/assets/js/plugins/countup.min.js b/dev/assets/js/plugins/countup.min.js new file mode 100644 index 0000000..1d4e11f --- /dev/null +++ b/dev/assets/js/plugins/countup.min.js @@ -0,0 +1 @@ +var __assign=this&&this.__assign||function(){return(__assign=Object.assign||function(t){for(var i,a=1,s=arguments.length;as.endVal?s.endVal:s.frameVal,s.frameVal=Number(s.frameVal.toFixed(s.options.decimalPlaces)),s.printValue(s.frameVal),i1?s.options.decimal+a[1]:"",s.options.useGrouping){r="";for(var l=0,h=n.length;lt;var i=t-this.startVal;if(Math.abs(i)>this.options.smartEasingThreshold){this.finalEndVal=t;var a=this.countDown?1:-1;this.endVal=t+a*this.options.smartEasingAmount,this.duration=this.duration/2}else this.endVal=t,this.finalEndVal=null;this.finalEndVal?this.useEasing=!1:this.useEasing=this.options.useEasing},t.prototype.start=function(t){this.error||(this.callback=t,this.duration>0?(this.determineDirectionAndSmartEasing(),this.paused=!1,this.rAF=requestAnimationFrame(this.count)):this.printValue(this.endVal))},t.prototype.pauseResume=function(){this.paused?(this.startTime=null,this.duration=this.remaining,this.startVal=this.frameVal,this.determineDirectionAndSmartEasing(),this.rAF=requestAnimationFrame(this.count)):cancelAnimationFrame(this.rAF),this.paused=!this.paused},t.prototype.reset=function(){cancelAnimationFrame(this.rAF),this.paused=!0,this.resetDuration(),this.startVal=this.validateValue(this.options.startVal),this.frameVal=this.startVal,this.printValue(this.startVal)},t.prototype.update=function(t){cancelAnimationFrame(this.rAF),this.startTime=null,this.endVal=this.validateValue(t),this.endVal!==this.frameVal&&(this.startVal=this.frameVal,this.finalEndVal||this.resetDuration(),this.finalEndVal=null,this.determineDirectionAndSmartEasing(),this.rAF=requestAnimationFrame(this.count))},t.prototype.printValue=function(t){var i=this.formattingFn(t);"INPUT"===this.el.tagName?this.el.value=i:"text"===this.el.tagName||"tspan"===this.el.tagName?this.el.textContent=i:this.el.innerHTML=i},t.prototype.ensureNumber=function(t){return"number"==typeof t&&!isNaN(t)},t.prototype.validateValue=function(t){var i=Number(t);return this.ensureNumber(i)?i:(this.error="[CountUp] invalid start or end value: "+t,null)},t.prototype.resetDuration=function(){this.startTime=null,this.duration=1e3*Number(this.options.duration),this.remaining=this.duration},t}(); diff --git a/dev/assets/js/plugins/perfect-scrollbar.min.js b/dev/assets/js/plugins/perfect-scrollbar.min.js new file mode 100644 index 0000000..464c1f7 --- /dev/null +++ b/dev/assets/js/plugins/perfect-scrollbar.min.js @@ -0,0 +1,19 @@ +/*! + * perfect-scrollbar v1.5.1 + * Copyright 2020 Hyunje Jun, MDBootstrap and Contributors + * Licensed under MIT + */(function(a,b){"object"==typeof exports&&"undefined"!=typeof module?module.exports=b():"function"==typeof define&&define.amd?define(b):(a=a||self,a.PerfectScrollbar=b())})(this,function(){'use strict';var u=Math.abs,v=Math.floor;function a(a){return getComputedStyle(a)}function b(a,b){for(var c in b){var d=b[c];"number"==typeof d&&(d+="px"),a.style[c]=d}return a}function c(a){var b=document.createElement("div");return b.className=a,b}function d(a,b){if(!w)throw new Error("No element matching method supported");return w.call(a,b)}function e(a){a.remove?a.remove():a.parentNode&&a.parentNode.removeChild(a)}function f(a,b){return Array.prototype.filter.call(a.children,function(a){return d(a,b)})}function g(a,b){var c=a.element.classList,d=z.state.scrolling(b);c.contains(d)?clearTimeout(A[b]):c.add(d)}function h(a,b){A[b]=setTimeout(function(){return a.isAlive&&a.element.classList.remove(z.state.scrolling(b))},a.settings.scrollingThreshold)}function j(a,b){g(a,b),h(a,b)}function k(a){if("function"==typeof window.CustomEvent)return new CustomEvent(a);var b=document.createEvent("CustomEvent");return b.initCustomEvent(a,!1,!1,void 0),b}function l(a,b,c,d,e){void 0===d&&(d=!0),void 0===e&&(e=!1);var f;if("top"===b)f=["contentHeight","containerHeight","scrollTop","y","up","down"];else if("left"===b)f=["contentWidth","containerWidth","scrollLeft","x","left","right"];else throw new Error("A proper axis should be provided");m(a,c,f,d,e)}function m(a,b,c,d,e){var f=c[0],g=c[1],h=c[2],i=c[3],l=c[4],m=c[5];void 0===d&&(d=!0),void 0===e&&(e=!1);var n=a.element;// reset reach +a.reach[i]=null,1>n[h]&&(a.reach[i]="start"),n[h]>a[f]-a[g]-1&&(a.reach[i]="end"),b&&(n.dispatchEvent(k("ps-scroll-"+i)),0>b?n.dispatchEvent(k("ps-scroll-"+l)):0=a.railXWidth-a.scrollbarXWidth&&(a.scrollbarXLeft=a.railXWidth-a.scrollbarXWidth),a.scrollbarYTop>=a.railYHeight-a.scrollbarYHeight&&(a.scrollbarYTop=a.railYHeight-a.scrollbarYHeight),s(c,a),a.scrollbarXActive?c.classList.add(z.state.active("x")):(c.classList.remove(z.state.active("x")),a.scrollbarXWidth=0,a.scrollbarXLeft=0,c.scrollLeft=!0===a.isRtl?a.contentWidth:0),a.scrollbarYActive?c.classList.add(z.state.active("y")):(c.classList.remove(z.state.active("y")),a.scrollbarYHeight=0,a.scrollbarYTop=0,c.scrollTop=0)}function r(a,b){var c=Math.min,d=Math.max;return a.settings.minScrollbarLength&&(b=d(b,a.settings.minScrollbarLength)),a.settings.maxScrollbarLength&&(b=c(b,a.settings.maxScrollbarLength)),b}function s(a,c){var d={width:c.railXWidth},e=v(a.scrollTop);d.left=c.isRtl?c.negativeScrollAdjustment+a.scrollLeft+c.containerWidth-c.contentWidth:a.scrollLeft,c.isScrollbarXUsingBottom?d.bottom=c.scrollbarXBottom-e:d.top=c.scrollbarXTop+e,b(c.scrollbarXRail,d);var f={top:e,height:c.railYHeight};c.isScrollbarYUsingRight?c.isRtl?f.right=c.contentWidth-(c.negativeScrollAdjustment+a.scrollLeft)-c.scrollbarYRight-c.scrollbarYOuterWidth-9:f.right=c.scrollbarYRight-a.scrollLeft:c.isRtl?f.left=c.negativeScrollAdjustment+a.scrollLeft+2*c.containerWidth-c.contentWidth-c.scrollbarYLeft-c.scrollbarYOuterWidth:f.left=c.scrollbarYLeft+a.scrollLeft,b(c.scrollbarYRail,f),b(c.scrollbarX,{left:c.scrollbarXLeft,width:c.scrollbarXWidth-c.railBorderXWidth}),b(c.scrollbarY,{top:c.scrollbarYTop,height:c.scrollbarYHeight-c.railBorderYWidth})}function t(a,b){function c(b){b.touches&&b.touches[0]&&(b[k]=b.touches[0].pageY),s[o]=t+v*(b[k]-u),g(a,p),q(a),b.stopPropagation(),b.preventDefault()}function d(){h(a,p),a[r].classList.remove(z.state.clicking),a.event.unbind(a.ownerDocument,"mousemove",c)}function f(b,e){t=s[o],e&&b.touches&&(b[k]=b.touches[0].pageY),u=b[k],v=(a[j]-a[i])/(a[l]-a[n]),e?a.event.bind(a.ownerDocument,"touchmove",c):(a.event.bind(a.ownerDocument,"mousemove",c),a.event.once(a.ownerDocument,"mouseup",d),b.preventDefault()),a[r].classList.add(z.state.clicking),b.stopPropagation()}var i=b[0],j=b[1],k=b[2],l=b[3],m=b[4],n=b[5],o=b[6],p=b[7],r=b[8],s=a.element,t=null,u=null,v=null;a.event.bind(a[m],"mousedown",function(a){f(a)}),a.event.bind(a[m],"touchstart",function(a){f(a,!0)})}var w="undefined"!=typeof Element&&(Element.prototype.matches||Element.prototype.webkitMatchesSelector||Element.prototype.mozMatchesSelector||Element.prototype.msMatchesSelector),z={main:"ps",rtl:"ps__rtl",element:{thumb:function(a){return"ps__thumb-"+a},rail:function(a){return"ps__rail-"+a},consuming:"ps__child--consume"},state:{focus:"ps--focus",clicking:"ps--clicking",active:function(a){return"ps--active-"+a},scrolling:function(a){return"ps--scrolling-"+a}}},A={x:null,y:null},B=function(a){this.element=a,this.handlers={}},C={isEmpty:{configurable:!0}};B.prototype.bind=function(a,b){"undefined"==typeof this.handlers[a]&&(this.handlers[a]=[]),this.handlers[a].push(b),this.element.addEventListener(a,b,!1)},B.prototype.unbind=function(a,b){var c=this;this.handlers[a]=this.handlers[a].filter(function(d){return!!(b&&d!==b)||(c.element.removeEventListener(a,d,!1),!1)})},B.prototype.unbindAll=function(){for(var a in this.handlers)this.unbind(a)},C.isEmpty.get=function(){var a=this;return Object.keys(this.handlers).every(function(b){return 0===a.handlers[b].length})},Object.defineProperties(B.prototype,C);var D=function(){this.eventElements=[]};D.prototype.eventElement=function(a){var b=this.eventElements.filter(function(b){return b.element===a})[0];return b||(b=new B(a),this.eventElements.push(b)),b},D.prototype.bind=function(a,b,c){this.eventElement(a).bind(b,c)},D.prototype.unbind=function(a,b,c){var d=this.eventElement(a);d.unbind(b,c),d.isEmpty&&this.eventElements.splice(this.eventElements.indexOf(d),1)},D.prototype.unbindAll=function(){this.eventElements.forEach(function(a){return a.unbindAll()}),this.eventElements=[]},D.prototype.once=function(a,b,c){var d=this.eventElement(a),e=function(a){d.unbind(b,e),c(a)};d.bind(b,e)};var E={isWebKit:"undefined"!=typeof document&&"WebkitAppearance"in document.documentElement.style,supportsTouch:"undefined"!=typeof window&&("ontouchstart"in window||"maxTouchPoints"in window.navigator&&0a.scrollbarYTop?1:-1;a.element.scrollTop+=d*a.containerHeight,q(a),b.stopPropagation()}),a.event.bind(a.scrollbarX,"mousedown",function(a){return a.stopPropagation()}),a.event.bind(a.scrollbarXRail,"mousedown",function(b){var c=b.pageX-window.pageXOffset-a.scrollbarXRail.getBoundingClientRect().left,d=c>a.scrollbarXLeft?1:-1;a.element.scrollLeft+=d*a.containerWidth,q(a),b.stopPropagation()})},"drag-thumb":function(a){t(a,["containerWidth","contentWidth","pageX","railXWidth","scrollbarX","scrollbarXWidth","scrollLeft","x","scrollbarXRail"]),t(a,["containerHeight","contentHeight","pageY","railYHeight","scrollbarY","scrollbarYHeight","scrollTop","y","scrollbarYRail"])},keyboard:function(a){function b(b,d){var e=v(c.scrollTop);if(0===b){if(!a.scrollbarYActive)return!1;if(0===e&&0=a.contentHeight-a.containerHeight&&0>d)return!a.settings.wheelPropagation}var f=c.scrollLeft;if(0===d){if(!a.scrollbarXActive)return!1;if(0===f&&0>b||f>=a.contentWidth-a.containerWidth&&0u(a)?f||g:i||j,!d||!b.settings.wheelPropagation}function d(a){var b=a.deltaX,c=-1*a.deltaY;return("undefined"==typeof b||"undefined"==typeof c)&&(b=-1*a.wheelDeltaX/6,c=a.wheelDeltaY/6),a.deltaMode&&1===a.deltaMode&&(b*=10,c*=10),b!==b&&c!==c/* NaN checks */&&(b=0,c=a.wheelDelta),a.shiftKey?[-c,-b]:[b,c]}function f(b,c,d){// FIXME: this is a workaround for s in some browsers, due to the limited stylability of ` + + + + + + + +
+
+
+
+
+

+ Material Dashboard 2 +

+

Documentation v3.1.0

+
+ View documentation +
+
+
+
+ + + + + + + + + + + + + + \ No newline at end of file diff --git a/dev/gulpfile.js b/dev/gulpfile.js new file mode 100644 index 0000000..9e1aa9c --- /dev/null +++ b/dev/gulpfile.js @@ -0,0 +1,34 @@ +var gulp = require('gulp'); +var path = require('path'); +var sass = require('gulp-sass')(require('sass')); +var autoprefixer = require('gulp-autoprefixer'); +var sourcemaps = require('gulp-sourcemaps'); +var open = require('gulp-open'); + +var Paths = { + HERE: './', + DIST: 'dist/', + CSS: './assets/css/', + SCSS_TOOLKIT_SOURCES: './assets/scss/material-dashboard.scss', + SCSS: './assets/scss/**/**' +}; + +gulp.task('compile-scss', function() { + return gulp.src(Paths.SCSS_TOOLKIT_SOURCES) + .pipe(sourcemaps.init()) + .pipe(sass().on('error', sass.logError)) + .pipe(autoprefixer()) + .pipe(sourcemaps.write(Paths.HERE)) + .pipe(gulp.dest(Paths.CSS)); +}); + +gulp.task('watch', function() { + gulp.watch(Paths.SCSS, gulp.series('compile-scss')); +}); + +gulp.task('open', function() { + gulp.src('pages/dashboard.html') + .pipe(open()); +}); + +gulp.task('open-app', gulp.parallel('open', 'watch')); \ No newline at end of file diff --git a/dev/index.html b/dev/index.html new file mode 100644 index 0000000..ddde781 --- /dev/null +++ b/dev/index.html @@ -0,0 +1,1014 @@ + + + + + + + + + + + + + Material Dashboard 2 by Creative Tim + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + + + + + + +
+ + + + + + + + + + + + + + + +
If you are not redirected automatically, follow this link.
+
+
+
+
+
+
+
+

General Statistics

+
+ +
+
+
+
+ +
+
+
+
+
+ weekend +
+
+

Bookings

+

281

+
+
+ +
+
+

+55% than last week

+
+
+ +
+
+
+ leaderboard +
+
+

Today's Users

+

2,300

+
+
+ +
+
+

+3% than last month

+
+
+ +
+
+
+
+
+ store +
+
+

Revenue

+

34k

+
+
+ +
+
+

+1% than yesterday

+
+
+ +
+
+
+ person_add +
+
+

Followers

+

+91

+
+
+ +
+
+

Just updated

+
+
+ +
+
+ +
+
+
+
+
+ +
+
Sales by Country
+
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+ Country flag +
+
+

Country:

+
United States
+
+
+ 		+
+

Sales:

+
2500
+
+ 		+
+

Value:

+
$230,900
+
+ 		+
+

Bounce:

+
29.9%
+
+
+
+
+ Country flag +
+
+

Country:

+
Germany
+
+
+ 		+
+

Sales:

+
3.900
+
+ 		+
+

Value:

+
$440,000
+
+ 		+
+

Bounce:

+
40.22%
+
+
+
+
+ Country flag +
+
+

Country:

+
Great Britain
+
+
+ 		+
+

Sales:

+
1.400
+
+ 		+
+

Value:

+
$190,700
+
+ 		+
+

Bounce:

+
23.44%
+
+
+
+
+ Country flag +
+
+

Country:

+
Brasil
+
+
+ 		+
+

Sales:

+
562
+
+ 		+
+

Value:

+
$143,960
+
+ 		+
+

Bounce:

+
32.14%
+
+
+
+
+
+
+
+
+
+
+ +
+
+
+
+ +
+
+
+
+
+
+ +
+
+
Active Users
+

(+11%) than last week

+
+
+
+
+
+ groups +
+

Users

+
+

42K

+
+
+
+
+
+
+
+ ads_click +
+

Clicks

+
+

1.7m

+
+
+
+
+
+
+
+ receipt +
+

Sales

+
+

399$

+
+
+
+
+
+
+
+ category +
+

Items

+
+

74

+
+
+
+
+
+
+
+
+ +
+
+
+
+
Sales overview
+

+ + 4% more in 2021 +

+
+
+
+ +
+
+
+ +
+
+ +
+
+
+ +
+
+
+ + + + +
+ + +
+ + + +
+ + settings + +
+
+
+
Material UI Configurator
+

See our dashboard options.

+
+
+ +
+ +
+
+
+ +
+
Sidebar Colors
+
+ +
+ + + + + + +
+ + + + +
+
Sidenav Type
+

Choose between 2 different sidenav types.

+
+ +
+ + + +
+ +

You can change the sidenav type just on desktop view.

+ + + + +
+
Navbar Fixed
+
+ +
+
+ + + +
+
+
Light / Dark
+
+ +
+
+
+ + + Free + Download + + + View documentation + +
+ Star +
Thank you for sharing!
+ + + Tweet + + + + + + Share + + +
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/dev/package.json b/dev/package.json new file mode 100644 index 0000000..de3bcd1 --- /dev/null +++ b/dev/package.json @@ -0,0 +1,50 @@ +{ + "name": "material-dashboard", + "version": "3.1.0", + "description": "Freebie Dashboard for Bootstrap 5", + "main": "pages/dashboard.html", + "directories": { + "example": "root" + }, + "scripts": { + "open-app": "gulp open-app", + "start": "npm run open-app", + "test": "echo \"Error: no test specified\" && exit 1", + "watch": "gulp-watch" + }, + "repository": { + "type": "git", + "url": "git+https://github.com/creativetimofficial/material-dashboard.git" + }, + "keywords": [ + "material dashboard", + "bootstrap 5", + "dashboard", + "creative tim", + "html dashboard", + "html css dashboard", + "web dashboard", + "freebie", + "free bootstrap dashboard", + "css3 dashboard", + "bootstrap dashboard", + "frontend", + "responsive bootstrap dashboard" + ], + "author": "Creative Tim (https://www.creative-tim.com/)", + "license": "MIT", + "bugs": { + "url": "https://github.com/creativetimofficial/material-dashboard/issues" + }, + "devDependencies": { + "gulp": "^4.0.2", + "gulp-autoprefixer": "^7.0.1", + "gulp-clean": "^0.4.0", + "gulp-install": "^1.1.0", + "gulp-sass": "^5.1.0", + "gulp-sourcemaps": "^2.6.5", + "gulp-open": "^3.0.1", + "sass": "^1.49.9" + }, + "homepage": "http://creative-tim.com/product/material-dashboard" +} diff --git a/dev/pages/billing.html b/dev/pages/billing.html new file mode 100644 index 0000000..70c8283 --- /dev/null +++ b/dev/pages/billing.html @@ -0,0 +1,701 @@ + + + + + + + + + + + Material Dashboard 2 by Creative Tim + + + + + + + + + + + + + + + + + + + +
+ + + +
+
+
+
+
+
+
+ pattern-tree + +
+ wifi +
4562   1122   4594   7852
+
+
+
+

Card Holder

+
Jack Peterson
+
+
+

Expires

+
11/22
+
+
+
+ logo +
+
+
+
+
+
+
+
+
+
+
+
+ account_balance +
+
+
+
Salary
+ Belong Interactive +
+
+$2000
+
+
+
+
+
+
+
+ account_balance_wallet +
+
+
+
Paypal
+ Freelance Payment +
+
$455.00
+
+
+
+
+
+
+
+
+
+
+
Payment Method
+
+
+ add  Add New Card +
+
+
+
+
+
+
+ logo +
****   ****   ****   7852
+ edit +
+
+
+
+ logo +
****   ****   ****   5248
+ edit +
+
+
+
+
+
+
+
+
+
+
+
+
+
Invoices
+
+
+ +
+
+
+
+
    +
  • +
    +
    March, 01, 2020
    + #MS-415646 +
    +
    + $180 + +
    +
    • +
  • +
    +
    February, 10, 2021
    + #RV-126749 +
    +
    + $250 + +
    +
    • +
  • +
    +
    April, 05, 2020
    + #FB-212562 +
    +
    + $560 + +
    +
    • +
  • +
    +
    June, 25, 2019
    + #QW-103578 +
    +
    + $120 + +
    +
    • +
  • +
    +
    March, 01, 2019
    + #AR-803481 +
    +
    + $300 + +
    +
    • +
+
+
+
+
+
+
+
+
+
Billing Information
+
+
+
    +
  • +
    +
    Oliver Liam
    + Company Name: Viking Burrito + Email Address: oliver@burrito.com + VAT Number: FRB1235476 +
    +
    + deleteDelete + editEdit +
    +
    • +
  • +
    +
    Lucas Harper
    + Company Name: Stone Tech Zone + Email Address: lucas@stone-tech.com + VAT Number: FRB1235476 +
    +
    + deleteDelete + editEdit +
    +
    • +
  • +
    +
    Ethan James
    + Company Name: Fiber Notion + Email Address: ethan@fiber.com + VAT Number: FRB1235476 +
    +
    + deleteDelete + editEdit +
    +
    • +
+
+
+
+
+
+
+
+
+
Your Transaction's
+
+
+ date_range + 23 - 30 March 2020 +
+
+
+
+
Newest
+
    +
  • +
    + +
    +
    Netflix
    + 27 March 2020, at 12:30 PM +
    +
    +
    + - $ 2,500 +
    +
    • +
  • +
    + +
    +
    Apple
    + 27 March 2020, at 04:30 AM +
    +
    +
    + + $ 2,000 +
    +
    • +
+
Yesterday
+
    +
  • +
    + +
    +
    Stripe
    + 26 March 2020, at 13:45 PM +
    +
    +
    + + $ 750 +
    +
    • +
  • +
    + +
    +
    HubSpot
    + 26 March 2020, at 12:30 PM +
    +
    +
    + + $ 1,000 +
    +
    • +
  • +
    + +
    +
    Creative Tim
    + 26 March 2020, at 08:30 AM +
    +
    +
    + + $ 2,500 +
    +
    • +
  • +
    + +
    +
    Webflow
    + 26 March 2020, at 05:00 AM +
    +
    +
    + Pending +
    +
    • +
+
+
+
+
+ +
+
+
+ + settings + +
+
+
+
Material UI Configurator
+

See our dashboard options.

+
+
+ +
+ +
+
+
+ +
+
Sidebar Colors
+
+ +
+ + + + + + +
+ + +
+
Sidenav Type
+

Choose between 2 different sidenav types.

+
+
+ + + +
+

You can change the sidenav type just on desktop view.

+ +
+
Navbar Fixed
+
+ +
+
+
+
+
Light / Dark
+
+ +
+
+
+ Free Download + View documentation +
+ Star +
Thank you for sharing!
+ + Tweet + + + Share + +
+
+
+
+ + + + + + + + + + + + + \ No newline at end of file diff --git a/dev/pages/dashboard.html b/dev/pages/dashboard.html new file mode 100644 index 0000000..7887fb4 --- /dev/null +++ b/dev/pages/dashboard.html @@ -0,0 +1,1115 @@ + + + + + + + + + + + Material Dashboard 2 by Creative Tim + + + + + + + + + + + + + + + + + + + +
+ + + +
+
+
+
+
+
+ weekend +
+
+

Today's Money

+

$53k

+
+
+
+
+

+55% than last week

+
+
+
+
+
+
+
+ person +
+
+

Today's Users

+

2,300

+
+
+
+
+

+3% than last month

+
+
+
+
+
+
+
+ person +
+
+

New Clients

+

3,462

+
+
+
+
+

-2% than yesterday

+
+
+
+
+
+
+
+ weekend +
+
+

Sales

+

$103,430

+
+
+
+
+

+5% than yesterday

+
+
+
+
+
+
+
+
+
+
+ +
+
+
+
+
Website Views
+

Last Campaign Performance

+
+
+ schedule +

campaign sent 2 days ago

+
+
+
+
+
+
+
+
+
+ +
+
+
+
+
Daily Sales
+

(+15%) increase in today sales.

+
+
+ schedule +

updated 4 min ago

+
+
+
+
+
+
+
+
+
+ +
+
+
+
+
Completed Tasks
+

Last Campaign Performance

+
+
+ schedule +

just updated

+
+
+
+
+
+
+
+
+
+
+
+
Projects
+

+ + 30 done this month +

+
+
+
+ + +
+
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
CompaniesMembersBudgetCompletion
+
+
+ xd +
+
+
Material XD Version
+
+
+ 		+
+ + team1 + + + team2 + + + team3 + + + team4 + +
+ 		+ $14,000 + +
+
+
+ 60% +
+
+
+
+
+
+
+
+
+ atlassian +
+
+
Add Progress Track
+
+
+ 		+
+ + team5 + + + team6 + +
+ 		+ $3,000 + +
+
+
+ 10% +
+
+
+
+
+
+
+
+
+ team7 +
+
+
Fix Platform Errors
+
+
+ 		+
+ + team8 + + + team9 + +
+ 		+ Not set + +
+
+
+ 100% +
+
+
+
+
+
+
+
+
+ spotify +
+
+
Launch our Mobile App
+
+
+ 		+
+ + user1 + + + user2 + + + user3 + + + user4 + +
+ 		+ $20,500 + +
+
+
+ 100% +
+
+
+
+
+
+
+
+
+ jira +
+
+
Add the New Pricing Page
+
+
+ 		+
+ + user5 + +
+ 		+ $500 + +
+
+
+ 25% +
+
+
+
+
+
+
+
+
+ invision +
+
+
Redesign New Online Shop
+
+
+ 		+
+ + user6 + + + user7 + +
+ 		+ $2,000 + +
+
+
+ 40% +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Orders overview
+

+ + 24% this month +

+
+
+
+
+ + notifications + +
+
$2400, Design changes
+

22 DEC 7:20 PM

+
+
+
+ + code + +
+
New order #1832412
+

21 DEC 11 PM

+
+
+
+ + shopping_cart + +
+
Server payments for April
+

21 DEC 9:34 PM

+
+
+
+ + credit_card + +
+
New card added for order #4395133
+

20 DEC 2:20 AM

+
+
+
+ + key + +
+
Unlock packages for development
+

18 DEC 4:54 AM

+
+
+
+ + payments + +
+
New order #9583120
+

17 DEC

+
+
+
+
+
+
+
+ +
+
+
+ + settings + +
+
+
+
Material UI Configurator
+

See our dashboard options.

+
+
+ +
+ +
+
+
+ +
+
Sidebar Colors
+
+ +
+ + + + + + +
+ + +
+
Sidenav Type
+

Choose between 2 different sidenav types.

+
+
+ + + +
+

You can change the sidenav type just on desktop view.

+ +
+
Navbar Fixed
+
+ +
+
+
+
+
Light / Dark
+
+ +
+
+
+ Free Download + View documentation +
+ Star +
Thank you for sharing!
+ + Tweet + + + Share + +
+
+
+
+ + + + + + + + + + + + + + + \ No newline at end of file diff --git a/dev/pages/icons.html b/dev/pages/icons.html new file mode 100644 index 0000000..0f80e96 --- /dev/null +++ b/dev/pages/icons.html @@ -0,0 +1,408 @@ + + + + + + + + + + + Material Dashboard 2 by Creative Tim + + + + + + + + + + + + + + + + + + + +
+ + + +
+
+
+
+
+
+
Material Design Icons
+

Handcrafted by our friends from + Google +

+
+
+
+

Through most of the examples in this dashboard, we have used the default Icons for the Material Design provided by Google.

+ face +
+
+
+
+ +
+
+
+ + settings + +
+
+
+
Material UI Configurator
+

See our dashboard options.

+
+
+ +
+ +
+
+
+ +
+
Sidebar Colors
+
+ +
+ + + + + + +
+ + +
+
Sidenav Type
+

Choose between 2 different sidenav types.

+
+
+ + + +
+

You can change the sidenav type just on desktop view.

+ +
+
Navbar Fixed
+
+ +
+
+
+
+
Light / Dark
+
+ +
+
+
+ Free Download + View documentation +
+ Star +
Thank you for sharing!
+ + Tweet + + + Share + +
+
+
+
+ + + + + + + + + + + + + \ No newline at end of file diff --git a/dev/pages/map.html b/dev/pages/map.html new file mode 100644 index 0000000..85e4cc2 --- /dev/null +++ b/dev/pages/map.html @@ -0,0 +1,453 @@ + + + + + + + + + + + Material Dashboard 2 by Creative Tim + + + + + + + + + + + + + + + + + + + +
+ + + +
+
+
+
+
+
+
Vector Map
+
+
+
+
+
+
+
+
+ +
+
+
+ + settings + +
+
+
+
Material UI Configurator
+

See our dashboard options.

+
+
+ +
+ +
+
+
+ +
+
Sidebar Colors
+
+ +
+ + + + + + +
+ + +
+
Sidenav Type
+

Choose between 2 different sidenav types.

+
+
+ + + +
+

You can change the sidenav type just on desktop view.

+ +
+
Navbar Fixed
+
+ +
+
+
+
+
Light / Dark
+
+ +
+
+
+ Free Download + View documentation +
+ Star +
Thank you for sharing!
+ + Tweet + + + Share + +
+
+
+
+ + + + + + + + + + + + + + + \ No newline at end of file diff --git a/dev/pages/notifications.html b/dev/pages/notifications.html new file mode 100644 index 0000000..f4b8851 --- /dev/null +++ b/dev/pages/notifications.html @@ -0,0 +1,532 @@ + + + + + + + + + + + Material Dashboard 2 by Creative Tim + + + + + + + + + + + + + + + + + + + +
+ + + +
+
+
+
+
+
Alerts
+
+
+ + + + + + + + +
+
+
+
+
Notifications
+

+ Notifications on this page use Toasts from Bootstrap. Read more details here. +

+
+
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+
+
+
+
+ + + + +
+ +
+
+
+ + settings + +
+
+
+
Material UI Configurator
+

See our dashboard options.

+
+
+ +
+ +
+
+
+ +
+
Sidebar Colors
+
+ +
+ + + + + + +
+ + +
+
Sidenav Type
+

Choose between 2 different sidenav types.

+
+
+ + + +
+

You can change the sidenav type just on desktop view.

+ +
+
Navbar Fixed
+
+ +
+
+
+
+
Light / Dark
+
+ +
+
+
+ Free Download + View documentation +
+ Star +
Thank you for sharing!
+ + Tweet + + + Share + +
+
+
+
+ + + + + + + + + + + + + \ No newline at end of file diff --git a/dev/pages/profile.html b/dev/pages/profile.html new file mode 100644 index 0000000..ba38533 --- /dev/null +++ b/dev/pages/profile.html @@ -0,0 +1,749 @@ + + + + + + + + + + + Material Dashboard 2 by Creative Tim + + + + + + + + + + + + + + + + + + + +
+ + + +
+
+ +
+
+
+
+
+ profile_image +
+
+
+
+
+ Richard Davis +
+

+ CEO / Co-Founder +

+
+
+
+
+ +
+
+
+
+
+
+
+
+
Platform Settings
+
+
+
Account
+
    +
  • +
    + + +
    +
    • +
  • +
    + + +
    +
    • +
  • +
    + + +
    +
    • +
+
Application
+
    +
  • +
    + + +
    +
    • +
  • +
    + + +
    +
    • +
  • +
    + + +
    +
    • +
+
+
+
+
+
+
+
+
+
Profile Information
+
+
+ + + +
+
+
+
+

+ Hi, Iā€™m Alec Thompson, Decisions: If you canā€™t decide, the answer is no. If two equally difficult paths, choose the one more painful in the short term (pain avoidance is creating an illusion of equality). +

+
+
    +
  • Full Name:   Alec M. Thompson
    • +
  • Mobile:   (44) 123 1234 123
    • +
  • Email:   alecthompson@mail.com
    • +
  • Location:   USA
    • +
  • + Social:   + + + + + + + + + +
    • +
+
+
+
+
+
+
+
Conversations
+
+
+
    +
  • +
    + kal +
    +
    +
    Sophie B.
    +

    Hi! I need more information..

    +
    + Reply +
    • +
  • +
    + kal +
    +
    +
    Anne Marie
    +

    Awesome work, can you..

    +
    + Reply +
    • +
  • +
    + kal +
    +
    +
    Ivanna
    +

    About files I can..

    +
    + Reply +
    • +
  • +
    + kal +
    +
    +
    Peterson
    +

    Have a great afternoon..

    +
    + Reply +
    • +
  • +
    + kal +
    +
    +
    Nick Daniel
    +

    Hi! I need more information..

    +
    + Reply +
    • +
+
+
+
+
+
+
Projects
+

Architects design houses

+
+
+
+
+
+ + img-blur-shadow + +
+
+

Project #2

+ +
+ Modern +
+ +

+ As Uber works through a huge amount of internal management turmoil. +

+
+ +
+ + Image placeholder + + + Image placeholder + + + Image placeholder + + + Image placeholder + +
+
+
+
+
+
+
+
+ + img-blur-shadow + +
+
+

Project #1

+ +
+ Scandinavian +
+ +

+ Music is something that every person has his or her own specific opinion about. +

+
+ +
+ + Image placeholder + + + Image placeholder + + + Image placeholder + + + Image placeholder + +
+
+
+
+
+
+
+
+ + img-blur-shadow + +
+
+

Project #3

+ +
+ Minimalist +
+ +

+ Different people have different taste, and various types of music. +

+
+ +
+ + Image placeholder + + + Image placeholder + + + Image placeholder + + + Image placeholder + +
+
+
+
+
+
+
+
+ + img-blur-shadow + +
+
+

Project #4

+ +
+ Gothic +
+ +

+ Why would anyone pick blue over pink? Pink is obviously a better color. +

+
+ +
+ + Image placeholder + + + Image placeholder + + + Image placeholder + + + Image placeholder + +
+
+
+
+
+
+
+
+
+
+
+ +
+
+ + settings + +
+
+
+
Material UI Configurator
+

See our dashboard options.

+
+
+ +
+ +
+
+
+ +
+
Sidebar Colors
+
+ +
+ + + + + + +
+ + +
+
Sidenav Type
+

Choose between 2 different sidenav types.

+
+
+ + + +
+

You can change the sidenav type just on desktop view.

+ +
+
Navbar Fixed
+
+ +
+
+
+
+
Light / Dark
+
+ +
+
+
+ Free Download + View documentation +
+ Star +
Thank you for sharing!
+ + Tweet + + + Share + +
+
+
+
+ + + + + + + + + + + + + \ No newline at end of file diff --git a/dev/pages/rtl.html b/dev/pages/rtl.html new file mode 100644 index 0000000..7a719a5 --- /dev/null +++ b/dev/pages/rtl.html @@ -0,0 +1,1115 @@ + + + + + + + + + + + Material Dashboard 2 by Creative Tim + + + + + + + + + + + + + + + + + + + +
+ + + +
+
+
+
+
+
+ weekend +
+
+

Ų£Ł…ŁˆŲ§Ł„ Ų§Ł„ŁŠŁˆŁ…

+

$53k

+
+
+
+
+

+55% Ł…Ł† Ų§Ł„Ų£Ų³ŲØŁˆŲ¹ Ų§Ł„Ł…Ų§Ų¶ŁŠ

+
+
+
+
+
+
+
+ leaderboard +
+
+

Ł…Ų³ŲŖŲ®ŲÆŁ…Łˆ Ų§Ł„ŁŠŁˆŁ…

+

2,300

+
+
+
+
+

+33% Ł…Ł† Ų§Ł„Ų£Ų³ŲØŁˆŲ¹ Ų§Ł„Ł…Ų§Ų¶ŁŠ

+
+
+
+
+
+
+
+ store +
+
+

Ų¹Ł…Ł„Ų§Ų” Ų¬ŲÆŲÆ

+

+ -2% + +3,462 +

+
+
+
+
+

+5% Ł…Ł† Ų§Ł„Ų“Ł‡Ų± Ų§Ł„Ł…Ų§Ų¶ŁŠ

+
+
+
+
+
+
+
+ person_add +
+
+

Ł…ŲØŁŠŲ¹Ų§ŲŖ

+

$103,430

+
+
+
+
+

+7% Ł…Ł‚Ų§Ų±Ł†Ų© ŲØŁŠŁˆŁ… Ų£Ł…Ų³

+
+
+
+
+
+
+
+
+
+
+ +
+
+
+
+
Ł…Ų“Ų§Ł‡ŲÆŲ§ŲŖ Ų§Ł„Ł…ŁˆŁ‚Ų¹
+

Ų¢Ų®Ų± Ų£ŲÆŲ§Ų” Ł„Ł„Ų­Ł…Ł„Ų©

+
+
+ schedule +

Ų§Ł„Ų­Ł…Ł„Ų© Ų£Ų±Ų³Ł„ŲŖ Ł‚ŲØŁ„ ŁŠŁˆŁ…ŁŠŁ†

+
+
+
+
+
+
+
+
+
+ +
+
+
+
+
Ų§Ł„Ł…ŲØŁŠŲ¹Ų§ŲŖ Ų§Ł„ŁŠŁˆŁ…ŁŠŲ©
+

(+15%) Ų²ŁŠŲ§ŲÆŲ© ŁŁŠ Ł…ŲØŁŠŲ¹Ų§ŲŖ Ų§Ł„ŁŠŁˆŁ….

+
+
+ schedule +

ŲŖŁ… Ų§Ł„ŲŖŲ­ŲÆŁŠŲ« Ł…Ł†Ų° 4 ŲÆŁ‚Ų§Ų¦Ł‚

+
+
+
+
+
+
+
+
+
+ +
+
+
+
+
Ų§Ł„Ł…Ł‡Ų§Ł… Ų§Ł„Ł…ŁƒŲŖŁ…Ł„Ų©
+

Ų¢Ų®Ų± Ų£ŲÆŲ§Ų” Ł„Ł„Ų­Ł…Ł„Ų©

+
+
+ schedule +

ŲŖŁ… ŲŖŲ­ŲÆŁŠŲ«Ł‡ Ł„Ł„ŲŖŁˆ

+
+
+
+
+
+
+
+
+
+
+
+
Ų§Ł„Ł…Ų“Ų§Ų±ŁŠŲ¹
+

+ + 30 Ų§Ł†ŲŖŁ‡Ł‰ Ł‡Ų°Ų§ Ų§Ł„Ų“Ł‡Ų± +

+
+
+
+ + +
+
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Ų§Ł„Ł…Ų“Ų±ŁˆŲ¹Ų£Ų¹Ų¶Ų§Ų”Ł…ŁŠŲ²Ų§Ł†ŁŠŲ©Ų„ŁƒŁ…Ų§Ł„
+
+
+ +
+
+
Material XD Ų§Ł„Ų„ŲµŲÆŲ§Ų±
+
+
+ 		+
+ + Image placeholder + + + Image placeholder + + + Image placeholder + + + Image placeholder + +
+ 		+ $14,000 + +
+
+
+ 60% +
+
+
+
+
+
+
+
+
+ +
+
+
Ų£Ų¶Ł Ł…Ų³Ų§Ų± Ų§Ł„ŲŖŁ‚ŲÆŁ… Ų„Ł„Ł‰ Ų§Ł„ŲŖŲ·ŲØŁŠŁ‚ Ų§Ł„ŲÆŲ§Ų®Ł„ŁŠ
+
+
+ 		+
+ + Image placeholder + + + Image placeholder + +
+ 		+ $3,000 + +
+
+
+ 10% +
+
+
+
+
+
+
+
+
+ +
+
+
Ų„ŲµŁ„Ų§Ų­ Ų£Ų®Ų·Ų§Ų” Ų§Ł„Ł†ŲøŲ§Ł… Ų§Ł„Ų£Ų³Ų§Ų³ŁŠ
+
+
+ 		+
+ + Image placeholder + + + Image placeholder + +
+ 		+ ŲŗŁŠŲ± Ł…Ų¶ŲØŁˆŲ· + +
+
+
+ 100% +
+
+
+
+
+
+
+
+
+ +
+
+
Ų„Ų·Ł„Ų§Ł‚ ŲŖŲ·ŲØŁŠŁ‚ Ų§Ł„Ł‡Ų§ŲŖŁ Ų§Ł„Ł…Ų­Ł…ŁˆŁ„ Ų§Ł„Ų®Ų§Ųµ ŲØŁ†Ų§
+
+
+ 		+
+ + Image placeholder + + + Image placeholder + + + Image placeholder + + + Image placeholder + +
+ 		+ $20,500 + +
+
+
+ 100% +
+
+
+
+
+
+
+
+
+ +
+
+
Ų£Ų¶Ł ŲµŁŲ­Ų© Ų§Ł„ŲŖŲ³Ų¹ŁŠŲ± Ų§Ł„Ų¬ŲÆŁŠŲÆŲ©
+
+
+ 		+
+ + Image placeholder + +
+ 		+ $500 + +
+
+
+ 25% +
+
+
+
+
+
+
+
+
+ +
+
+
Ų„Ų¹Ų§ŲÆŲ© ŲŖŲµŁ…ŁŠŁ… Ł…ŲŖŲ¬Ų± Ų¬ŲÆŁŠŲÆ Ų¹Ł„Ł‰ Ų§Ł„Ų„Ł†ŲŖŲ±Ł†ŲŖ
+
+
+ 		+
+ + Image placeholder + + + Image placeholder + +
+ 		+ $2,000 + +
+
+
+ 40% +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Ł†ŲøŲ±Ų© Ų¹Ų§Ł…Ų© Ų¹Ł„Ł‰ Ų§Ł„Ų·Ł„ŲØŲ§ŲŖ
+

+ + 24% Ł‡Ų°Ų§ Ų§Ł„Ų“Ł‡Ų± +

+
+
+
+
+ + notifications + +
+
$2400, ŲŖŲŗŁŠŁŠŲ±Ų§ŲŖ ŁŁŠ Ų§Ł„ŲŖŲµŁ…ŁŠŁ…
+

22 DEC 7:20 PM

+
+
+
+ + code + +
+
Ų·Ł„ŲØ Ų¬ŲÆŁŠŲÆ #1832412
+

21 DEC 11 PM

+
+
+
+ + shopping_cart + +
+
Ł…ŲÆŁŁˆŲ¹Ų§ŲŖ Ų§Ł„Ų®Ų§ŲÆŁ… Ł„Ų“Ł‡Ų± Ų£ŲØŲ±ŁŠŁ„
+

21 DEC 9:34 PM

+
+
+
+ + credit_card + +
+
ŲŖŁ…ŲŖ Ų„Ų¶Ų§ŁŲ© ŲØŲ·Ų§Ł‚Ų© Ų¬ŲÆŁŠŲÆŲ© Ł„Ł„Ų·Ł„ŲØ #4395133
+

20 DEC 2:20 AM

+
+
+
+ + key + +
+
ŁŲŖŲ­ Ų§Ł„Ų­Ų²Ł… Ł…Ł† Ų£Ų¬Ł„ Ų§Ł„ŲŖŲ·ŁˆŁŠŲ±
+

18 DEC 4:54 AM

+
+
+
+ + payments + +
+
Ų·Ł„ŲØ Ų¬ŲÆŁŠŲÆ #9583120
+

17 DEC

+
+
+
+
+
+
+
+ +
+
+
+ + settings + +
+
+
+
Material UI Configurator
+

See our dashboard options.

+
+
+ +
+ +
+
+
+ +
+
Sidebar Colors
+
+ +
+ + + + + + +
+ + +
+
Sidenav Type
+

Choose between 2 different sidenav types.

+
+
+ + + +
+

You can change the sidenav type just on desktop view.

+ +
+
Navbar Fixed
+
+ +
+
+
+
+
Light / Dark
+
+ +
+
+
+ Free Download + View documentation +
+ Star +
Thank you for sharing!
+ + Tweet + + + Share + +
+
+
+
+ + + + + + + + + + + + + + + \ No newline at end of file diff --git a/dev/pages/sign-in.html b/dev/pages/sign-in.html new file mode 100644 index 0000000..46d6b04 --- /dev/null +++ b/dev/pages/sign-in.html @@ -0,0 +1,211 @@ + + + + + + + + + + + Material Dashboard 2 by Creative Tim + + + + + + + + + + + + + + + + + + +
+
+
+ + + +
+
+
+
+
+ +
+
+
+
+
+
+

Sign in

+
+
+ + + +
+
+ + + +
+
+ + + +
+
+
+
+
+
+
+ + +
+
+ + +
+
+ + +
+
+ +
+

+ Don't have an account? + Sign up +

+
+
+
+
+
+
+ +
+
+ + + + + + + + + + + + + \ No newline at end of file diff --git a/dev/pages/sign-up.html b/dev/pages/sign-up.html new file mode 100644 index 0000000..46d99cf --- /dev/null +++ b/dev/pages/sign-up.html @@ -0,0 +1,174 @@ + + + + + + + + + + + Material Dashboard 2 by Creative Tim + + + + + + + + + + + + + + + + + + +
+
+
+ + + +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+

Sign Up

+

Enter your email and password to register

+
+
+
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ +
+
+
+
+

+ Already have an account? + Sign in +

+
+
+
+
+
+
+
+
+ + + + + + + + + + + + + \ No newline at end of file diff --git a/dev/pages/tables.html b/dev/pages/tables.html new file mode 100644 index 0000000..6aab8b0 --- /dev/null +++ b/dev/pages/tables.html @@ -0,0 +1,812 @@ + + + + + + + + + + + Material Dashboard 2 by Creative Tim + + + + + + + + + + + + + + + + + + + +
+ + + +
+
+
+
+
+
+
Authors table
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
AuthorFunctionStatusEmployed
+
+
+ user1 +
+
+
John Michael
+

john@creative-tim.com

+
+
+ 		+

Manager

+

Organization

+ 		+ Online + + 23/04/18 + + + Edit + +
+
+
+ user2 +
+
+
Alexa Liras
+

alexa@creative-tim.com

+
+
+ 		+

Programator

+

Developer

+ 		+ Offline + + 11/01/19 + + + Edit + +
+
+
+ user3 +
+
+
Laurent Perrier
+

laurent@creative-tim.com

+
+
+ 		+

Executive

+

Projects

+ 		+ Online + + 19/09/17 + + + Edit + +
+
+
+ user4 +
+
+
Michael Levi
+

michael@creative-tim.com

+
+
+ 		+

Programator

+

Developer

+ 		+ Online + + 24/12/08 + + + Edit + +
+
+
+ user5 +
+
+
Richard Gran
+

richard@creative-tim.com

+
+
+ 		+

Manager

+

Executive

+ 		+ Offline + + 04/10/21 + + + Edit + +
+
+
+ user6 +
+
+
Miriam Eric
+

miriam@creative-tim.com

+
+
+ 		+

Programator

+

Developer

+ 		+ Offline + + 14/09/20 + + + Edit + +
+
+
+
+
+
+
+
+
+
+
+
Projects table
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
ProjectBudgetStatusCompletion
+
+
+ spotify +
+
+
Asana
+
+
+ 		+

$2,500

+ 		+ working + +
+ 60% +
+
+
+
+
+
+ 		+ +
+
+
+ invision +
+
+
Github
+
+
+ 		+

$5,000

+ 		+ done + +
+ 100% +
+
+
+
+
+
+ 		+ +
+
+
+ jira +
+
+
Atlassian
+
+
+ 		+

$3,400

+ 		+ canceled + +
+ 30% +
+
+
+
+
+
+ 		+ +
+
+
+ webdev +
+
+
Bootstrap
+
+
+ 		+

$14,000

+ 		+ working + +
+ 80% +
+
+
+
+
+
+ 		+ +
+
+
+ slack +
+
+
Slack
+
+
+ 		+

$1,000

+ 		+ canceled + +
+ 0% +
+
+
+
+
+
+ 		+ +
+
+
+ xd +
+
+
Devto
+
+
+ 		+

$2,300

+ 		+ done + +
+ 100% +
+
+
+
+
+
+ 		+ +
+
+
+
+
+
+ +
+
+
+ + settings + +
+
+
+
Material UI Configurator
+

See our dashboard options.

+
+
+ +
+ +
+
+
+ +
+
Sidebar Colors
+
+ +
+ + + + + + +
+ + +
+
Sidenav Type
+

Choose between 2 different sidenav types.

+
+
+ + + +
+

You can change the sidenav type just on desktop view.

+ +
+
Navbar Fixed
+
+ +
+
+
+
+
Light / Dark
+
+ +
+
+
+ Free Download + View documentation +
+ Star +
Thank you for sharing!
+ + Tweet + + + Share + +
+
+
+
+ + + + + + + + + + + + + \ No newline at end of file diff --git a/dev/pages/template.html b/dev/pages/template.html new file mode 100644 index 0000000..1ac7560 --- /dev/null +++ b/dev/pages/template.html @@ -0,0 +1,390 @@ + + + + + + + + + + + Material Dashboard 2 by Creative Tim + + + + + + + + + + + + + + + + + + + +
+ + + +
+ +
+
+
+ + settings + +
+
+
+
Material UI Configurator
+

See our dashboard options.

+
+
+ +
+ +
+
+
+ +
+
Sidebar Colors
+
+ +
+ + + + + + +
+ + +
+
Sidenav Type
+

Choose between 2 different sidenav types.

+
+
+ + + +
+

You can change the sidenav type just on desktop view.

+ +
+
Navbar Fixed
+
+ +
+
+
+
+
Light / Dark
+
+ +
+
+
+ Free Download + View documentation +
+ Star +
Thank you for sharing!
+ + Tweet + + + Share + +
+
+
+
+ + + + + + + + + + + + + \ No newline at end of file diff --git a/dev/pages/typography.html b/dev/pages/typography.html new file mode 100644 index 0000000..11db628 --- /dev/null +++ b/dev/pages/typography.html @@ -0,0 +1,427 @@ + + + + + + + + + + + Material Dashboard 2 by Creative Tim + + + + + + + + + + + + + + + + + + + +
+ + + +
+
+
+
+
+
+
Material Dashboard Heading
+

Created using Roboto Slab Font Family +

+
+
+
+

h1. Bootstrap heading

+

h2. Bootstrap heading

+

h3. Bootstrap heading

+

h4. Bootstrap heading

+
h5. Bootstrap heading
+
h6. Bootstrap heading
+

You can use the mark tag to highlight text.

+

This line of text is meant to be treated as deleted text.

+

This line of text is meant to be treated as no longer accurate.

+

This line of text is meant to be treated as an addition to the document.

+

This line of text will render as underlined

+

This line of text is meant to be treated as fine print.

+

This line rendered as bold text.

+

This line rendered as italicized text.

+
+
+

Because Iā€™m here to follow my dreams and inspire other people to follow their dreams, too.

+
+
+ Someone famous in Source Title +
+
+
+
+
+
+ +
+
+
+ + settings + +
+
+
+
Material UI Configurator
+

See our dashboard options.

+
+
+ +
+ +
+
+
+ +
+
Sidebar Colors
+
+ +
+ + + + + + +
+ + +
+
Sidenav Type
+

Choose between 2 different sidenav types.

+
+
+ + + +
+

You can change the sidenav type just on desktop view.

+ +
+
Navbar Fixed
+
+ +
+
+
+
+
Light / Dark
+
+ +
+
+
+ Free Download + View documentation +
+ Star +
Thank you for sharing!
+ + Tweet + + + Share + +
+
+
+
+ + + + + + + + + + + + + \ No newline at end of file diff --git a/dev/pages/virtual-reality.html b/dev/pages/virtual-reality.html new file mode 100644 index 0000000..77441eb --- /dev/null +++ b/dev/pages/virtual-reality.html @@ -0,0 +1,527 @@ + + + + + + + + + + + Material Dashboard 2 by Creative Tim + + + + + + + + + + + + + + + + + + +
+ + + +
+
+ +
+
+
+
+
+ + Image placeholder + + + + +
+
+
+
+

28Ā°C

+
Cloudy
+
+
+ image sun +
+
+
+
+
+
+
+
08:00
+
Synk up with Mark + Hangouts +
+
+
+
+
09:30
+
Gym
+ World Class +
+
+
+
+
11:00
+
Design Review
+ Zoom +
+
+
+ + expand_more + +
+
+
+
+
+
+
To Do
+
+

7

+

items

+
+
+

Shopping

+

Meeting

+
+ + expand_more + +
+
+
+
+

Emails (21)

+ + Check + +
+
+
+
+
+
+
+
+
+
Night Jazz
+

Gary Coleman

+
+ + + +
+
+
+
+
+
+
+

Messages

+
+
+ + Image placeholder + + + Image placeholder + + + Image placeholder + + + Image placeholder + +
+
+
+
+
+
+
+
+
+
+
+
+
+ +
+ + settings + +
+
+
+
Material UI Configurator
+

See our dashboard options.

+
+
+ +
+ +
+
+
+ +
+
Sidebar Colors
+
+ +
+ + + + + + +
+ + +
+
Sidenav Type
+

Choose between 2 different sidenav types.

+
+
+ + + +
+

You can change the sidenav type just on desktop view.

+ +
+
Navbar Fixed
+
+ +
+
+
+
+
Light / Dark
+
+ +
+
+
+ Free Download + View documentation +
+ Star +
Thank you for sharing!
+ + Tweet + + + Share + +
+
+
+
+ + + + + + + + + + + + + \ No newline at end of file diff --git a/dev/template.html b/dev/template.html new file mode 100644 index 0000000..0f8eabe --- /dev/null +++ b/dev/template.html @@ -0,0 +1,231 @@ + + + + + + + + + + + Material Dashboard 2 by Creative Tim + + + + + + + + + + + + + + + + +
+ + + +
+
+
+ +
+
+ +
+
+
+ + settings + +
+
+
+
Material UI Configurator
+

See our dashboard options.

+
+
+ +
+ +
+
+
+ +
+
Sidebar Colors
+
+ +
+ + + + + + +
+ + +
+
Sidenav Type
+

Choose between 2 different sidenav types.

+
+
+ + + +
+

You can change the sidenav type just on desktop view.

+ +
+
Navbar Fixed
+
+ +
+
+
+
+
Light / Dark
+
+ +
+
+
+ View documentation +
+ Star +
Thank you for sharing!
+ + Tweet + + + Share + +
+
+
+
+ + + + + + + + + + + + + \ No newline at end of file