's hover style\n &:hover {\n color: $btn-close-color;\n text-decoration: none;\n opacity: $btn-close-hover-opacity;\n }\n\n &:focus {\n outline: 0;\n box-shadow: $btn-close-focus-shadow;\n opacity: $btn-close-focus-opacity;\n }\n\n &:disabled,\n &.disabled {\n pointer-events: none;\n user-select: none;\n opacity: $btn-close-disabled-opacity;\n }\n}\n\n.btn-close-white {\n filter: $btn-close-white-filter;\n}\n",".toast {\n width: $toast-max-width;\n max-width: 100%;\n @include font-size($toast-font-size);\n color: $toast-color;\n pointer-events: auto;\n background-color: $toast-background-color;\n background-clip: padding-box;\n border: $toast-border-width solid $toast-border-color;\n box-shadow: $toast-box-shadow;\n @include border-radius($toast-border-radius);\n\n &:not(.showing):not(.show) {\n opacity: 0;\n }\n\n &.hide {\n display: none;\n }\n}\n\n.toast-container {\n width: max-content;\n max-width: 100%;\n pointer-events: none;\n\n > :not(:last-child) {\n margin-bottom: $toast-spacing;\n }\n}\n\n.toast-header {\n display: flex;\n align-items: center;\n padding: $toast-padding-y $toast-padding-x;\n color: $toast-header-color;\n background-color: $toast-header-background-color;\n background-clip: padding-box;\n border-bottom: $toast-border-width solid $toast-header-border-color;\n @include border-top-radius(subtract($toast-border-radius, $toast-border-width));\n\n .btn-close {\n margin-right: $toast-padding-x * -.5;\n margin-left: $toast-padding-x;\n }\n}\n\n.toast-body {\n padding: $toast-padding-x; // apply to both vertical and horizontal\n word-wrap: break-word;\n}\n","// .modal-open - body class for killing the scroll\n// .modal - container to scroll within\n// .modal-dialog - positioning shell for the actual modal\n// .modal-content - actual modal w/ bg and corners and stuff\n\n\n// Container that the modal scrolls within\n.modal {\n position: fixed;\n top: 0;\n left: 0;\n z-index: $zindex-modal;\n display: none;\n width: 100%;\n height: 100%;\n overflow-x: hidden;\n overflow-y: auto;\n // Prevent Chrome on Windows from adding a focus outline. For details, see\n // https://github.com/twbs/bootstrap/pull/10951.\n outline: 0;\n // We deliberately don't use `-webkit-overflow-scrolling: touch;` due to a\n // gnarly iOS Safari bug: https://bugs.webkit.org/show_bug.cgi?id=158342\n // See also https://github.com/twbs/bootstrap/issues/17695\n}\n\n// Shell div to position the modal with bottom padding\n.modal-dialog {\n position: relative;\n width: auto;\n margin: $modal-dialog-margin;\n // allow clicks to pass through for custom click handling to close modal\n pointer-events: none;\n\n // When fading in the modal, animate it to slide down\n .modal.fade & {\n @include transition($modal-transition);\n transform: $modal-fade-transform;\n }\n .modal.show & {\n transform: $modal-show-transform;\n }\n\n // When trying to close, animate focus to scale\n .modal.modal-static & {\n transform: $modal-scale-transform;\n }\n}\n\n.modal-dialog-scrollable {\n height: subtract(100%, $modal-dialog-margin * 2);\n\n .modal-content {\n max-height: 100%;\n overflow: hidden;\n }\n\n .modal-body {\n overflow-y: auto;\n }\n}\n\n.modal-dialog-centered {\n display: flex;\n align-items: center;\n min-height: subtract(100%, $modal-dialog-margin * 2);\n}\n\n// Actual modal\n.modal-content {\n position: relative;\n display: flex;\n flex-direction: column;\n width: 100%; // Ensure `.modal-content` extends the full width of the parent `.modal-dialog`\n // counteract the pointer-events: none; in the .modal-dialog\n color: $modal-content-color;\n pointer-events: auto;\n background-color: $modal-content-bg;\n background-clip: padding-box;\n border: $modal-content-border-width solid $modal-content-border-color;\n @include border-radius($modal-content-border-radius);\n @include box-shadow($modal-content-box-shadow-xs);\n // Remove focus outline from opened modal\n outline: 0;\n}\n\n// Modal background\n.modal-backdrop {\n position: fixed;\n top: 0;\n left: 0;\n z-index: $zindex-modal-backdrop;\n width: 100vw;\n height: 100vh;\n background-color: $modal-backdrop-bg;\n\n // Fade for backdrop\n &.fade { opacity: 0; }\n &.show { opacity: $modal-backdrop-opacity; }\n}\n\n// Modal header\n// Top section of the modal w/ title and dismiss\n.modal-header {\n display: flex;\n flex-shrink: 0;\n align-items: center;\n justify-content: space-between; // Put modal header elements (title and dismiss) on opposite ends\n padding: $modal-header-padding;\n border-bottom: $modal-header-border-width solid $modal-header-border-color;\n @include border-top-radius($modal-content-inner-border-radius);\n\n .btn-close {\n padding: ($modal-header-padding-y * .5) ($modal-header-padding-x * .5);\n margin: ($modal-header-padding-y * -.5) ($modal-header-padding-x * -.5) ($modal-header-padding-y * -.5) auto;\n }\n}\n\n// Title text within header\n.modal-title {\n margin-bottom: 0;\n line-height: $modal-title-line-height;\n}\n\n// Modal body\n// Where all modal content resides (sibling of .modal-header and .modal-footer)\n.modal-body {\n position: relative;\n // Enable `flex-grow: 1` so that the body take up as much space as possible\n // when there should be a fixed height on `.modal-dialog`.\n flex: 1 1 auto;\n padding: $modal-inner-padding;\n}\n\n// Footer (for actions)\n.modal-footer {\n display: flex;\n flex-wrap: wrap;\n flex-shrink: 0;\n align-items: center; // vertically center\n justify-content: flex-end; // Right align buttons with flex property because text-align doesn't work on flex items\n padding: $modal-inner-padding - $modal-footer-margin-between * .5;\n border-top: $modal-footer-border-width solid $modal-footer-border-color;\n @include border-bottom-radius($modal-content-inner-border-radius);\n\n // Place margin between footer elements\n // This solution is far from ideal because of the universal selector usage,\n // but is needed to fix https://github.com/twbs/bootstrap/issues/24800\n > * {\n margin: $modal-footer-margin-between * .5;\n }\n}\n\n// Scale up the modal\n@include media-breakpoint-up(sm) {\n // Automatically set modal's width for larger viewports\n .modal-dialog {\n max-width: $modal-md;\n margin: $modal-dialog-margin-y-sm-up auto;\n }\n\n .modal-dialog-scrollable {\n height: subtract(100%, $modal-dialog-margin-y-sm-up * 2);\n }\n\n .modal-dialog-centered {\n min-height: subtract(100%, $modal-dialog-margin-y-sm-up * 2);\n }\n\n .modal-content {\n @include box-shadow($modal-content-box-shadow-sm-up);\n }\n\n .modal-sm { max-width: $modal-sm; }\n}\n\n@include media-breakpoint-up(lg) {\n .modal-lg,\n .modal-xl {\n max-width: $modal-lg;\n }\n}\n\n@include media-breakpoint-up(xl) {\n .modal-xl { max-width: $modal-xl; }\n}\n\n// scss-docs-start modal-fullscreen-loop\n@each $breakpoint in map-keys($grid-breakpoints) {\n $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n $postfix: if($infix != \"\", $infix + \"-down\", \"\");\n\n @include media-breakpoint-down($breakpoint) {\n .modal-fullscreen#{$postfix} {\n width: 100vw;\n max-width: none;\n height: 100%;\n margin: 0;\n\n .modal-content {\n height: 100%;\n border: 0;\n @include border-radius(0);\n }\n\n .modal-header {\n @include border-radius(0);\n }\n\n .modal-body {\n overflow-y: auto;\n }\n\n .modal-footer {\n @include border-radius(0);\n }\n }\n }\n}\n// scss-docs-end modal-fullscreen-loop\n","// Base class\n.tooltip {\n position: absolute;\n z-index: $zindex-tooltip;\n display: block;\n margin: $tooltip-margin;\n // Our parent element can be arbitrary since tooltips are by default inserted as a sibling of their target element.\n // So reset our font and text properties to avoid inheriting weird values.\n @include reset-text();\n @include font-size($tooltip-font-size);\n // Allow breaking very long words so they don't overflow the tooltip's bounds\n word-wrap: break-word;\n opacity: 0;\n\n &.show { opacity: $tooltip-opacity; }\n\n .tooltip-arrow {\n position: absolute;\n display: block;\n width: $tooltip-arrow-width;\n height: $tooltip-arrow-height;\n\n &::before {\n position: absolute;\n content: \"\";\n border-color: transparent;\n border-style: solid;\n }\n }\n}\n\n.bs-tooltip-top {\n padding: $tooltip-arrow-height 0;\n\n .tooltip-arrow {\n bottom: 0;\n\n &::before {\n top: -1px;\n border-width: $tooltip-arrow-height ($tooltip-arrow-width * .5) 0;\n border-top-color: $tooltip-arrow-color;\n }\n }\n}\n\n.bs-tooltip-end {\n padding: 0 $tooltip-arrow-height;\n\n .tooltip-arrow {\n left: 0;\n width: $tooltip-arrow-height;\n height: $tooltip-arrow-width;\n\n &::before {\n right: -1px;\n border-width: ($tooltip-arrow-width * .5) $tooltip-arrow-height ($tooltip-arrow-width * .5) 0;\n border-right-color: $tooltip-arrow-color;\n }\n }\n}\n\n.bs-tooltip-bottom {\n padding: $tooltip-arrow-height 0;\n\n .tooltip-arrow {\n top: 0;\n\n &::before {\n bottom: -1px;\n border-width: 0 ($tooltip-arrow-width * .5) $tooltip-arrow-height;\n border-bottom-color: $tooltip-arrow-color;\n }\n }\n}\n\n.bs-tooltip-start {\n padding: 0 $tooltip-arrow-height;\n\n .tooltip-arrow {\n right: 0;\n width: $tooltip-arrow-height;\n height: $tooltip-arrow-width;\n\n &::before {\n left: -1px;\n border-width: ($tooltip-arrow-width * .5) 0 ($tooltip-arrow-width * .5) $tooltip-arrow-height;\n border-left-color: $tooltip-arrow-color;\n }\n }\n}\n\n.bs-tooltip-auto {\n &[data-popper-placement^=\"top\"] {\n @extend .bs-tooltip-top;\n }\n &[data-popper-placement^=\"right\"] {\n @extend .bs-tooltip-end;\n }\n &[data-popper-placement^=\"bottom\"] {\n @extend .bs-tooltip-bottom;\n }\n &[data-popper-placement^=\"left\"] {\n @extend .bs-tooltip-start;\n }\n}\n\n// Wrapper for the tooltip content\n.tooltip-inner {\n max-width: $tooltip-max-width;\n padding: $tooltip-padding-y $tooltip-padding-x;\n color: $tooltip-color;\n text-align: center;\n background-color: $tooltip-bg;\n @include border-radius($tooltip-border-radius);\n}\n","@mixin reset-text {\n font-family: $font-family-base;\n // We deliberately do NOT reset font-size or overflow-wrap / word-wrap.\n font-style: normal;\n font-weight: $font-weight-normal;\n line-height: $line-height-base;\n text-align: left; // Fallback for where `start` is not supported\n text-align: start;\n text-decoration: none;\n text-shadow: none;\n text-transform: none;\n letter-spacing: normal;\n word-break: normal;\n word-spacing: normal;\n white-space: normal;\n line-break: auto;\n}\n",".popover {\n position: absolute;\n top: 0;\n left: 0 #{\"/* rtl:ignore */\"};\n z-index: $zindex-popover;\n display: block;\n max-width: $popover-max-width;\n // Our parent element can be arbitrary since tooltips are by default inserted as a sibling of their target element.\n // So reset our font and text properties to avoid inheriting weird values.\n @include reset-text();\n @include font-size($popover-font-size);\n // Allow breaking very long words so they don't overflow the popover's bounds\n word-wrap: break-word;\n background-color: $popover-bg;\n background-clip: padding-box;\n border: $popover-border-width solid $popover-border-color;\n @include border-radius($popover-border-radius);\n @include box-shadow($popover-box-shadow);\n\n .popover-arrow {\n position: absolute;\n display: block;\n width: $popover-arrow-width;\n height: $popover-arrow-height;\n\n &::before,\n &::after {\n position: absolute;\n display: block;\n content: \"\";\n border-color: transparent;\n border-style: solid;\n }\n }\n}\n\n.bs-popover-top {\n > .popover-arrow {\n bottom: subtract(-$popover-arrow-height, $popover-border-width);\n\n &::before {\n bottom: 0;\n border-width: $popover-arrow-height ($popover-arrow-width * .5) 0;\n border-top-color: $popover-arrow-outer-color;\n }\n\n &::after {\n bottom: $popover-border-width;\n border-width: $popover-arrow-height ($popover-arrow-width * .5) 0;\n border-top-color: $popover-arrow-color;\n }\n }\n}\n\n.bs-popover-end {\n > .popover-arrow {\n left: subtract(-$popover-arrow-height, $popover-border-width);\n width: $popover-arrow-height;\n height: $popover-arrow-width;\n\n &::before {\n left: 0;\n border-width: ($popover-arrow-width * .5) $popover-arrow-height ($popover-arrow-width * .5) 0;\n border-right-color: $popover-arrow-outer-color;\n }\n\n &::after {\n left: $popover-border-width;\n border-width: ($popover-arrow-width * .5) $popover-arrow-height ($popover-arrow-width * .5) 0;\n border-right-color: $popover-arrow-color;\n }\n }\n}\n\n.bs-popover-bottom {\n > .popover-arrow {\n top: subtract(-$popover-arrow-height, $popover-border-width);\n\n &::before {\n top: 0;\n border-width: 0 ($popover-arrow-width * .5) $popover-arrow-height ($popover-arrow-width * .5);\n border-bottom-color: $popover-arrow-outer-color;\n }\n\n &::after {\n top: $popover-border-width;\n border-width: 0 ($popover-arrow-width * .5) $popover-arrow-height ($popover-arrow-width * .5);\n border-bottom-color: $popover-arrow-color;\n }\n }\n\n // This will remove the popover-header's border just below the arrow\n .popover-header::before {\n position: absolute;\n top: 0;\n left: 50%;\n display: block;\n width: $popover-arrow-width;\n margin-left: -$popover-arrow-width * .5;\n content: \"\";\n border-bottom: $popover-border-width solid $popover-header-bg;\n }\n}\n\n.bs-popover-start {\n > .popover-arrow {\n right: subtract(-$popover-arrow-height, $popover-border-width);\n width: $popover-arrow-height;\n height: $popover-arrow-width;\n\n &::before {\n right: 0;\n border-width: ($popover-arrow-width * .5) 0 ($popover-arrow-width * .5) $popover-arrow-height;\n border-left-color: $popover-arrow-outer-color;\n }\n\n &::after {\n right: $popover-border-width;\n border-width: ($popover-arrow-width * .5) 0 ($popover-arrow-width * .5) $popover-arrow-height;\n border-left-color: $popover-arrow-color;\n }\n }\n}\n\n.bs-popover-auto {\n &[data-popper-placement^=\"top\"] {\n @extend .bs-popover-top;\n }\n &[data-popper-placement^=\"right\"] {\n @extend .bs-popover-end;\n }\n &[data-popper-placement^=\"bottom\"] {\n @extend .bs-popover-bottom;\n }\n &[data-popper-placement^=\"left\"] {\n @extend .bs-popover-start;\n }\n}\n\n// Offset the popover to account for the popover arrow\n.popover-header {\n padding: $popover-header-padding-y $popover-header-padding-x;\n margin-bottom: 0; // Reset the default from Reboot\n @include font-size($font-size-base);\n color: $popover-header-color;\n background-color: $popover-header-bg;\n border-bottom: $popover-border-width solid $popover-border-color;\n @include border-top-radius($popover-inner-border-radius);\n\n &:empty {\n display: none;\n }\n}\n\n.popover-body {\n padding: $popover-body-padding-y $popover-body-padding-x;\n color: $popover-body-color;\n}\n","// Notes on the classes:\n//\n// 1. .carousel.pointer-event should ideally be pan-y (to allow for users to scroll vertically)\n// even when their scroll action started on a carousel, but for compatibility (with Firefox)\n// we're preventing all actions instead\n// 2. The .carousel-item-start and .carousel-item-end is used to indicate where\n// the active slide is heading.\n// 3. .active.carousel-item is the current slide.\n// 4. .active.carousel-item-start and .active.carousel-item-end is the current\n// slide in its in-transition state. Only one of these occurs at a time.\n// 5. .carousel-item-next.carousel-item-start and .carousel-item-prev.carousel-item-end\n// is the upcoming slide in transition.\n\n.carousel {\n position: relative;\n}\n\n.carousel.pointer-event {\n touch-action: pan-y;\n}\n\n.carousel-inner {\n position: relative;\n width: 100%;\n overflow: hidden;\n @include clearfix();\n}\n\n.carousel-item {\n position: relative;\n display: none;\n float: left;\n width: 100%;\n margin-right: -100%;\n backface-visibility: hidden;\n @include transition($carousel-transition);\n}\n\n.carousel-item.active,\n.carousel-item-next,\n.carousel-item-prev {\n display: block;\n}\n\n/* rtl:begin:ignore */\n.carousel-item-next:not(.carousel-item-start),\n.active.carousel-item-end {\n transform: translateX(100%);\n}\n\n.carousel-item-prev:not(.carousel-item-end),\n.active.carousel-item-start {\n transform: translateX(-100%);\n}\n\n/* rtl:end:ignore */\n\n\n//\n// Alternate transitions\n//\n\n.carousel-fade {\n .carousel-item {\n opacity: 0;\n transition-property: opacity;\n transform: none;\n }\n\n .carousel-item.active,\n .carousel-item-next.carousel-item-start,\n .carousel-item-prev.carousel-item-end {\n z-index: 1;\n opacity: 1;\n }\n\n .active.carousel-item-start,\n .active.carousel-item-end {\n z-index: 0;\n opacity: 0;\n @include transition(opacity 0s $carousel-transition-duration);\n }\n}\n\n\n//\n// Left/right controls for nav\n//\n\n.carousel-control-prev,\n.carousel-control-next {\n position: absolute;\n top: 0;\n bottom: 0;\n z-index: 1;\n // Use flex for alignment (1-3)\n display: flex; // 1. allow flex styles\n align-items: center; // 2. vertically center contents\n justify-content: center; // 3. horizontally center contents\n width: $carousel-control-width;\n padding: 0;\n color: $carousel-control-color;\n text-align: center;\n background: none;\n border: 0;\n opacity: $carousel-control-opacity;\n @include transition($carousel-control-transition);\n\n // Hover/focus state\n &:hover,\n &:focus {\n color: $carousel-control-color;\n text-decoration: none;\n outline: 0;\n opacity: $carousel-control-hover-opacity;\n }\n}\n.carousel-control-prev {\n left: 0;\n background-image: if($enable-gradients, linear-gradient(90deg, rgba($black, .25), rgba($black, .001)), null);\n}\n.carousel-control-next {\n right: 0;\n background-image: if($enable-gradients, linear-gradient(270deg, rgba($black, .25), rgba($black, .001)), null);\n}\n\n// Icons for within\n.carousel-control-prev-icon,\n.carousel-control-next-icon {\n display: inline-block;\n width: $carousel-control-icon-width;\n height: $carousel-control-icon-width;\n background-repeat: no-repeat;\n background-position: 50%;\n background-size: 100% 100%;\n}\n\n/* rtl:options: {\n \"autoRename\": true,\n \"stringMap\":[ {\n \"name\" : \"prev-next\",\n \"search\" : \"prev\",\n \"replace\" : \"next\"\n } ]\n} */\n.carousel-control-prev-icon {\n background-image: escape-svg($carousel-control-prev-icon-bg);\n}\n.carousel-control-next-icon {\n background-image: escape-svg($carousel-control-next-icon-bg);\n}\n\n// Optional indicator pips/controls\n//\n// Add a container (such as a list) with the following class and add an item (ideally a focusable control,\n// like a button) with data-bs-target for each slide your carousel holds.\n\n.carousel-indicators {\n position: absolute;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 2;\n display: flex;\n justify-content: center;\n padding: 0;\n // Use the .carousel-control's width as margin so we don't overlay those\n margin-right: $carousel-control-width;\n margin-bottom: 1rem;\n margin-left: $carousel-control-width;\n list-style: none;\n\n [data-bs-target] {\n box-sizing: content-box;\n flex: 0 1 auto;\n width: $carousel-indicator-width;\n height: $carousel-indicator-height;\n padding: 0;\n margin-right: $carousel-indicator-spacer;\n margin-left: $carousel-indicator-spacer;\n text-indent: -999px;\n cursor: pointer;\n background-color: $carousel-indicator-active-bg;\n background-clip: padding-box;\n border: 0;\n // Use transparent borders to increase the hit area by 10px on top and bottom.\n border-top: $carousel-indicator-hit-area-height solid transparent;\n border-bottom: $carousel-indicator-hit-area-height solid transparent;\n opacity: $carousel-indicator-opacity;\n @include transition($carousel-indicator-transition);\n }\n\n .active {\n opacity: $carousel-indicator-active-opacity;\n }\n}\n\n\n// Optional captions\n//\n//\n\n.carousel-caption {\n position: absolute;\n right: (100% - $carousel-caption-width) * .5;\n bottom: $carousel-caption-spacer;\n left: (100% - $carousel-caption-width) * .5;\n padding-top: $carousel-caption-padding-y;\n padding-bottom: $carousel-caption-padding-y;\n color: $carousel-caption-color;\n text-align: center;\n}\n\n// Dark mode carousel\n\n.carousel-dark {\n .carousel-control-prev-icon,\n .carousel-control-next-icon {\n filter: $carousel-dark-control-icon-filter;\n }\n\n .carousel-indicators [data-bs-target] {\n background-color: $carousel-dark-indicator-active-bg;\n }\n\n .carousel-caption {\n color: $carousel-dark-caption-color;\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","//\n// Rotating border\n//\n\n// scss-docs-start spinner-border-keyframes\n@keyframes spinner-border {\n to { transform: rotate(360deg) #{\"/* rtl:ignore */\"}; }\n}\n// scss-docs-end spinner-border-keyframes\n\n.spinner-border {\n display: inline-block;\n width: $spinner-width;\n height: $spinner-height;\n vertical-align: $spinner-vertical-align;\n border: $spinner-border-width solid currentColor;\n border-right-color: transparent;\n // stylelint-disable-next-line property-disallowed-list\n border-radius: 50%;\n animation: $spinner-animation-speed linear infinite spinner-border;\n}\n\n.spinner-border-sm {\n width: $spinner-width-sm;\n height: $spinner-height-sm;\n border-width: $spinner-border-width-sm;\n}\n\n//\n// Growing circle\n//\n\n// scss-docs-start spinner-grow-keyframes\n@keyframes spinner-grow {\n 0% {\n transform: scale(0);\n }\n 50% {\n opacity: 1;\n transform: none;\n }\n}\n// scss-docs-end spinner-grow-keyframes\n\n.spinner-grow {\n display: inline-block;\n width: $spinner-width;\n height: $spinner-height;\n vertical-align: $spinner-vertical-align;\n background-color: currentColor;\n // stylelint-disable-next-line property-disallowed-list\n border-radius: 50%;\n opacity: 0;\n animation: $spinner-animation-speed linear infinite spinner-grow;\n}\n\n.spinner-grow-sm {\n width: $spinner-width-sm;\n height: $spinner-height-sm;\n}\n\n@if $enable-reduced-motion {\n @media (prefers-reduced-motion: reduce) {\n .spinner-border,\n .spinner-grow {\n animation-duration: $spinner-animation-speed * 2;\n }\n }\n}\n",".offcanvas {\n position: fixed;\n bottom: 0;\n z-index: $zindex-offcanvas;\n display: flex;\n flex-direction: column;\n max-width: 100%;\n color: $offcanvas-color;\n visibility: hidden;\n background-color: $offcanvas-bg-color;\n background-clip: padding-box;\n outline: 0;\n @include box-shadow($offcanvas-box-shadow);\n @include transition(transform $offcanvas-transition-duration ease-in-out);\n}\n\n.offcanvas-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: $offcanvas-padding-y $offcanvas-padding-x;\n\n .btn-close {\n padding: ($offcanvas-padding-y * .5) ($offcanvas-padding-x * .5);\n margin-top: $offcanvas-padding-y * -.5;\n margin-right: $offcanvas-padding-x * -.5;\n margin-bottom: $offcanvas-padding-y * -.5;\n }\n}\n\n.offcanvas-title {\n margin-bottom: 0;\n line-height: $offcanvas-title-line-height;\n}\n\n.offcanvas-body {\n flex-grow: 1;\n padding: $offcanvas-padding-y $offcanvas-padding-x;\n overflow-y: auto;\n}\n\n.offcanvas-start {\n top: 0;\n left: 0;\n width: $offcanvas-horizontal-width;\n border-right: $offcanvas-border-width solid $offcanvas-border-color;\n transform: translateX(-100%);\n}\n\n.offcanvas-end {\n top: 0;\n right: 0;\n width: $offcanvas-horizontal-width;\n border-left: $offcanvas-border-width solid $offcanvas-border-color;\n transform: translateX(100%);\n}\n\n.offcanvas-top {\n top: 0;\n right: 0;\n left: 0;\n height: $offcanvas-vertical-height;\n max-height: 100%;\n border-bottom: $offcanvas-border-width solid $offcanvas-border-color;\n transform: translateY(-100%);\n}\n\n.offcanvas-bottom {\n right: 0;\n left: 0;\n height: $offcanvas-vertical-height;\n max-height: 100%;\n border-top: $offcanvas-border-width solid $offcanvas-border-color;\n transform: translateY(100%);\n}\n\n.offcanvas.show {\n transform: none;\n}\n","@each $color, $value in $theme-colors {\n .link-#{$color} {\n color: $value;\n\n @if $link-shade-percentage != 0 {\n &:hover,\n &:focus {\n color: if(color-contrast($value) == $color-contrast-light, shade-color($value, $link-shade-percentage), tint-color($value, $link-shade-percentage));\n }\n }\n }\n}\n","// Credit: Nicolas Gallagher and SUIT CSS.\n\n.ratio {\n position: relative;\n width: 100%;\n\n &::before {\n display: block;\n padding-top: var(--#{$variable-prefix}aspect-ratio);\n content: \"\";\n }\n\n > * {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n }\n}\n\n@each $key, $ratio in $aspect-ratios {\n .ratio-#{$key} {\n --#{$variable-prefix}aspect-ratio: #{$ratio};\n }\n}\n","// Shorthand\n\n.fixed-top {\n position: fixed;\n top: 0;\n right: 0;\n left: 0;\n z-index: $zindex-fixed;\n}\n\n.fixed-bottom {\n position: fixed;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: $zindex-fixed;\n}\n\n// Responsive sticky top\n@each $breakpoint in map-keys($grid-breakpoints) {\n @include media-breakpoint-up($breakpoint) {\n $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n .sticky#{$infix}-top {\n position: sticky;\n top: 0;\n z-index: $zindex-sticky;\n }\n }\n}\n","//\n// Visually hidden\n//\n\n.visually-hidden,\n.visually-hidden-focusable:not(:focus):not(:focus-within) {\n @include visually-hidden();\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://hugogiraudel.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","//\n// Stretched link\n//\n\n.stretched-link {\n &::#{$stretched-link-pseudo-element} {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: $stretched-link-z-index;\n content: \"\";\n }\n}\n","//\n// Text truncation\n//\n\n.text-truncate {\n @include text-truncate();\n}\n","// Text truncate\n// Requires inline-block or block for proper styling\n\n@mixin text-truncate() {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n","// Utility generator\n// Used to generate utilities & print utilities\n@mixin generate-utility($utility, $infix, $is-rfs-media-query: false) {\n $values: map-get($utility, values);\n\n // If the values are a list or string, convert it into a map\n @if type-of($values) == \"string\" or type-of(nth($values, 1)) != \"list\" {\n $values: zip($values, $values);\n }\n\n @each $key, $value in $values {\n $properties: map-get($utility, property);\n\n // Multiple properties are possible, for example with vertical or horizontal margins or paddings\n @if type-of($properties) == \"string\" {\n $properties: append((), $properties);\n }\n\n // Use custom class if present\n $property-class: if(map-has-key($utility, class), map-get($utility, class), nth($properties, 1));\n $property-class: if($property-class == null, \"\", $property-class);\n\n // State params to generate pseudo-classes\n $state: if(map-has-key($utility, state), map-get($utility, state), ());\n\n $infix: if($property-class == \"\" and str-slice($infix, 1, 1) == \"-\", str-slice($infix, 2), $infix);\n\n // Don't prefix if value key is null (eg. with shadow class)\n $property-class-modifier: if($key, if($property-class == \"\" and $infix == \"\", \"\", \"-\") + $key, \"\");\n\n @if map-get($utility, rfs) {\n // Inside the media query\n @if $is-rfs-media-query {\n $val: rfs-value($value);\n\n // Do not render anything if fluid and non fluid values are the same\n $value: if($val == rfs-fluid-value($value), null, $val);\n }\n @else {\n $value: rfs-fluid-value($value);\n }\n }\n\n $is-rtl: map-get($utility, rtl);\n\n @if $value != null {\n @if $is-rtl == false {\n /* rtl:begin:remove */\n }\n .#{$property-class + $infix + $property-class-modifier} {\n @each $property in $properties {\n #{$property}: $value if($enable-important-utilities, !important, null);\n }\n }\n\n @each $pseudo in $state {\n .#{$property-class + $infix + $property-class-modifier}-#{$pseudo}:#{$pseudo} {\n @each $property in $properties {\n #{$property}: $value if($enable-important-utilities, !important, null);\n }\n }\n }\n @if $is-rtl == false {\n /* rtl:end:remove */\n }\n }\n }\n}\n","// Loop over each breakpoint\n@each $breakpoint in map-keys($grid-breakpoints) {\n\n // Generate media query if needed\n @include media-breakpoint-up($breakpoint) {\n $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n // Loop over each utility property\n @each $key, $utility in $utilities {\n // The utility can be disabled with `false`, thus check if the utility is a map first\n // Only proceed if responsive media queries are enabled or if it's the base media query\n @if type-of($utility) == \"map\" and (map-get($utility, responsive) or $infix == \"\") {\n @include generate-utility($utility, $infix);\n }\n }\n }\n}\n\n// RFS rescaling\n@media (min-width: $rfs-mq-value) {\n @each $breakpoint in map-keys($grid-breakpoints) {\n $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n @if (map-get($grid-breakpoints, $breakpoint) < $rfs-breakpoint) {\n // Loop over each utility property\n @each $key, $utility in $utilities {\n // The utility can be disabled with `false`, thus check if the utility is a map first\n // Only proceed if responsive media queries are enabled or if it's the base media query\n @if type-of($utility) == \"map\" and map-get($utility, rfs) and (map-get($utility, responsive) or $infix == \"\") {\n @include generate-utility($utility, $infix, true);\n }\n }\n }\n }\n}\n\n\n// Print utilities\n@media print {\n @each $key, $utility in $utilities {\n // The utility can be disabled with `false`, thus check if the utility is a map first\n // Then check if the utility needs print styles\n @if type-of($utility) == \"map\" and map-get($utility, print) == true {\n @include generate-utility($utility, \"-print\");\n }\n }\n}\n","/*!\n\n=========================================================\n* Soft UI Design System - v1.0.5\n=========================================================\n\n* Product Page: https://www.creative-tim.com/product/soft-ui-design-system\n* Copyright 2021 Creative Tim (https://www.creative-tim.com)\n* Licensed under MIT (site.license)\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*/\n\n// {{ site.product.name }} components\n\n// Variables\n@import \"variables/navbar-vertical\";\n@import \"variables/social-buttons\";\n@import \"variables/breadcrumb\";\n\n// Mixin\n@import \"mixins/mixins\";\n\n// Core Components - extra styling\n@import \"alert\";\n@import \"avatars\";\n@import \"badge\";\n@import \"buttons\";\n@import \"breadcrumbs\";\n@import \"cards\";\n@import \"dropdown\";\n@import \"dropup\";\n@import \"header\";\n@import \"fixed-plugin\";\n@import \"forms/forms\";\n@import \"footer\";\n@import \"gradients\";\n@import \"info-areas\";\n@import \"misc\";\n@import \"navbar\";\n@import \"navbar-vertical\";\n@import \"nav\";\n@import \"pagination\";\n@import \"popovers\";\n@import \"progress\";\n@import \"rtl\";\n@import \"social-buttons\";\n@import \"tables\";\n@import \"timeline\";\n@import \"tilt\";\n@import \"tooltips\";\n@import \"typography\";\n\n// Plugins\n@import \"plugins/free/plugins\";\n","@each $state, $value in $theme-gradient-colors {\n .alert-#{$state} {\n @include gradient-directional(nth($value, 1) 0%, darken(nth($value, -1), 8%) 100%, $deg: 310deg);\n }\n}\n\n.btn-close{\n &:focus{\n box-shadow: none;\n }\n}\n\n.alert-dismissible{\n .btn-close{\n background-image: none;\n }\n}\n","//\n// Avatar\n//\n\n// General styles\n\n.avatar {\n\tcolor: $white;\n\tdisplay: inline-flex;\n\talign-items: center;\n\tjustify-content: center;\n\tfont-size: $avatar-font-size;\n\tborder-radius: $border-radius-lg;\n\theight: $avatar-height;\n\twidth: $avatar-width;\n transition: all .2s ease-in-out;\n\n img {\n \twidth: 100%;\n }\n\n\t&.rounded-circle {\n\t\timg {\n\t\t\t@extend .rounded-circle;\n\t\t}\n\t}\n\n + .avatar-content {\n \tdisplay: inline-block;\n \tmargin-left: $avatar-content-margin;\n }\n\n\n &.avatar-raised {\n margin-top: -($avatar-height / 2);\n }\n\n &.avatar-scale-up:hover {\n transform: scale(1.2);\n\n }\n}\n\n// Style for the Testimonials Carousel\n.active {\n .avatar.avatar-scale-up {\n transform: scale(1.2);\n }\n}\n\n\n// Avatar size variations\n\n.avatar-xxl {\n\twidth: $avatar-xxl-width !important;\n\theight: $avatar-xxl-height !important;\n\n &.avatar-raised {\n margin-top: -($avatar-xxl-height / 2);\n }\n}\n\n.avatar-xl {\n\twidth: $avatar-xl-width !important;\n\theight: $avatar-xl-height !important;\n\n &.avatar-raised {\n margin-top: -($avatar-xl-height / 2);\n }\n}\n\n.avatar-lg {\n\twidth: $avatar-lg-width !important;\n\theight: $avatar-lg-height !important;\n\tfont-size: $font-size-sm;\n\n &.avatar-raised {\n margin-top: -($avatar-lg-height / 2);\n }\n}\n\n.avatar-sm {\n\twidth: $avatar-sm-width !important;\n\theight: $avatar-sm-height !important;\n\tfont-size: $font-size-sm;\n\n &.avatar-raised {\n margin-top: -($avatar-sm-height / 2);\n }\n}\n\n.avatar-xs {\n\twidth: $avatar-xs-width !important;\n\theight: $avatar-xs-height !important;\n\tfont-size: $font-size-xs;\n\n &.avatar-raised {\n margin-top: -($avatar-xs-height / 2);\n }\n}\n\n//\n// Avatar group\n//\n\n// General styles\n\n.avatar-group {\n\t.avatar {\n\t\tposition: relative;\n\t\tz-index: $avatar-group-zindex;\n\t\tborder: $avatar-group-border solid $card-bg;\n\n\t\t&:hover {\n\t\t\tz-index: $avatar-group-zindex-hover;\n\t\t}\n\t}\n\n\t.avatar + .avatar {\n\t\tmargin-left: $avatar-group-double;\n\n\t}\n}\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","@each $prop, $value in $theme-colors {\n .badge.bg-#{$prop} {\n background: $value;\n }\n}\n.badge {\n text-transform: uppercase;\n}\n",".btn {\n margin-bottom: $btn-margin-bottom;\n letter-spacing: $a-letter-spacing;\n text-transform: uppercase;\n box-shadow: $btn-box-shadow;\n background-size: $btn-background-size;\n background-position-x: $btn-background-position-x;\n\n &:not([class*=\"btn-outline-\"]) {\n border: 0;\n }\n\n &:active,\n &:active:focus,\n &:active:hover {\n box-shadow: $btn-hover-box-shadow;\n transform: $btn-active-hover-transform;\n opacity: $btn-hover-opacity;\n }\n\n @include hover {\n &:not(.btn-icon-only){\n box-shadow: $btn-hover-box-shadow;\n transform: $btn-hover-transform;\n }\n }\n\n &.bg-white {\n @include hover {\n color: $body-color;\n }\n }\n\n &.btn-link{\n box-shadow: none;\n font-weight: $btn-font-weight;\n\n &:hover,\n &:focus{\n box-shadow: none;\n }\n }\n &.btn-round {\n border-radius: $btn-border-rounded;\n }\n // Button Just Icon\n\n &.btn-icon-only {\n width: $btn-just-icon-width;\n height: $btn-just-icon-height;\n padding: $btn-just-icon-padding-y $btn-just-icon-padding-x;\n }\n\n // Button Icon Sizes\n\n &.btn-sm {\n &.btn-icon-only {\n width: $btn-just-icon-width-sm;\n height: $btn-just-icon-height-sm;\n padding: $btn-just-icon-padding-y-sm $btn-just-icon-padding-x-sm;\n }\n\n i {\n font-size: $btn-just-icon-sm-font-size;\n }\n }\n\n &.btn-lg {\n &.btn-icon-only {\n width: $btn-just-icon-width-lg;\n height: $btn-just-icon-height-lg;\n padding: $btn-just-icon-padding-y-lg $btn-just-icon-padding-x-lg;\n }\n\n i {\n font-size: $btn-just-icon-lg-font-size;\n position: $btn-just-icon-lg-position;\n top: $btn-just-icon-lg-top;\n }\n }\n\n &.btn-rounded {\n border-radius: $btn-border-rounded;\n }\n}\n\n.btn-check{\n &:checked{\n +.btn{\n svg{\n .color-background{\n fill: $white;\n }\n }\n &:hover{\n svg{\n .color-background{\n fill: $dark;\n }\n }\n }\n }\n }\n}\n\n.icon-move-right {\n i {\n transition: $btn-icon-transition;\n }\n &:hover,\n &:focus {\n i {\n transform: $btn-icon-transform-right;\n }\n }\n}\n\n.icon-move-left{\n i {\n transition: $btn-icon-transition;\n }\n &:hover,\n &:focus {\n i {\n transform: $btn-icon-transform-left;\n }\n }\n}\n\n@each $color, $value in $theme-colors {\n .btn-#{$color},\n .btn.bg-gradient-#{$color} {\n @include hover {\n background-color: $value;\n border-color: $value;\n }\n .btn.bg-outline-#{$color} {\n border: $border-width solid $value;\n }\n\n &:not(:disabled):not(.disabled).active,\n &:not(:disabled):not(.disabled):active,\n .show > &.dropdown-toggle {\n color: color-yiq($value);\n background-color: $value;\n }\n\n @if $value != $white and $value != $light {\n &.focus,\n &:focus {\n color: $white;\n }\n }\n }\n\n // .btn-#{$color},\n // .btn.bg-gradient-#{$color}{\n // &:focus{\n // box-shadow: 0 0 0 3px rgba($value,.5);\n // }\n // }\n\n .btn-outline-#{$color} {\n box-shadow: none;\n @include hover {\n &:not(.active){\n background-color: transparent;\n opacity: .75;\n box-shadow: none;\n color: $value;\n }\n }\n }\n}\n\n.btn-outline-white{\n border-color: rgba($white, .75);\n background: rgba($white, .1);\n}\n\n@each $color, $value in $btn-font-colors {\n .btn-#{$color},\n .btn.bg-gradient-#{$color} {\n color: $value;\n @include hover {\n color: $value;\n }\n }\n}\n\n// buttons box-shadow\n\n@each $color, $value in $theme-colors {\n .btn-#{$color},\n .btn.bg-gradient-#{$color}{\n //box-shadow: $btn-box-shadow-values rgba($value, .2);\n\n @include hover {\n //box-shadow: $btn-box-shadow-hover-values rgba($value, .2);\n }\n }\n}\n","\n@mixin hover() {\n &:hover { @content; }\n}\n\n@mixin hover-focus() {\n &:hover,\n &:focus {\n @content;\n }\n}\n\n@mixin plain-hover-focus() {\n &,\n &:hover,\n &:focus {\n @content;\n }\n}\n\n@mixin hover-focus-active() {\n &:hover,\n &:focus,\n &:active {\n @content;\n }\n}\n","//\n// Breadcrumb\n//\n\n.breadcrumb-item {\n font-size: $font-size-sm;\n &.text-white{\n &::before {\n color: $white;\n }\n }\n\n}\n\n.breadcrumb-dark {\n background-color: $breadcrumb-dark-bg;\n\n .breadcrumb-item {\n font-weight: 600;\n\n a {\n color: $breadcrumb-dark-color;\n\n &:hover {\n color: $breadcrumb-dark-hover-color;\n }\n }\n\n + .breadcrumb-item {\n &::before {\n color: $breadcrumb-dark-divider-color;\n }\n }\n\n &.active {\n color: $breadcrumb-dark-active-color;\n }\n }\n}\n\n\n// Links\n\n.breadcrumb-links {\n padding: 0;\n margin: 0;\n background: transparent;\n}\n",".card {\n box-shadow: $card-box-shadow;\n .card-header {\n padding: $card-header-padding;\n }\n\n .card-body {\n font-family: $font-family-sans-serif;\n padding: $card-body-padding;\n }\n\n &.card-plain {\n background-color: $card-plain-bg-color;\n box-shadow: $card-plain-box-shadow;\n }\n\n .card-footer {\n padding: $card-footer-padding;\n background-color: transparent;\n }\n}\n\n.author {\n display: $card-author-display;\n\n .name > span {\n line-height: $card-author-name-line-height;\n font-weight: $font-weight-bold;\n font-size: $font-size-sm;\n color: $card-author-name-color;\n }\n\n .stats {\n font-size: $font-size-sm;\n font-weight: $font-weight-normal;\n }\n}\n\n@import 'cards/card-background';\n","$card-box-shadow: 0 20px 27px 0 rgba(0,0,0,0.05) !default;\n$card-background-blur: rgba(255, 255, 255, 0.8) !default;\n\n$card-header-padding: 1.5rem !default;\n\n$card-body-padding: $card-header-padding !default;\n$card-plain-bg-color: transparent !default;\n$card-plain-box-shadow: none !default;\n\n$card-footer-padding: $card-body-padding !default;\n\n$card-title-font-weight: $font-weight-bold !default;\n$card-title-line-height: 1.2 !default;\n\n$card-author-display: flex !default;\n$card-author-name-line-height: 1.571 !default;\n$card-author-name-color: #3A416F !default;\n$card-author-stats-color: #5D6494 !default;\n$card-avatar-width: 30px !default;\n$card-avatar-height: $card-avatar-width !default;\n$card-avatar-overflow: hidden !default;\n$card-avatar-radius: 50% !default;\n$card-avatar-mr: 5px !default;\n$card-stats-name-mt: -4px !default;\n$card-name-ml: .25rem !default;\n\n$card-badge-text-transform: uppercase !default;\n$card-badge-bg-color: #FAFAFF !default;\n\n\n// Card Background\n$card-bg-align-items: center !default;\n$card-bg-body-position: relative !default;\n$card-bg-body-z-index: 2 !default;\n$card-bg-content-min-height: 330px !default;\n$card-bg-content-max-width: 450px !default;\n$card-bg-content-pt: 60px !default;\n$card-bg-content-pb: $card-bg-content-pt !default;\n$card-bg-body-left-width: 90% !default;\n\n$card-bg-description-margin: 24px !default;\n\n$card-bg-filter-position: absolute !default;\n$card-bg-filter-top: 0 !default;\n$card-bg-filter-bottom: $card-bg-filter-top !default;\n$card-bg-filter-left: $card-bg-filter-top !default;\n$card-bg-filter-height: 100% !default;\n$card-bg-filter-width: $card-bg-filter-height !default;\n$card-bg-filter-z-index: 1 !default;\n$card-bg-filter-display: block !default;\n$card-bg-filter-content: \"\" !default;\n$card-bg-filter-bg: rgba(0,0,0,.4) !default;\n$card-bg-filter-mask-bg: rgba(0,0,0,.2) !default;\n$card-bg-filter-radius: 1rem !default;\n\n$card-full-bg-bg-position: 50% !default;\n$card-full-bg-bg-size: cover !default;\n$card-full-bg-mb: 30px !default;\n$card-full-bg-width: 100% !default;\n$card-full-bg-height: $card-full-bg-width !default;\n$card-full-bg-position: absolute !default;\n$card-full-bg-radius: $card-bg-filter-radius !default;\n",".card {\n &.card-background {\n align-items: $card-bg-align-items;\n\n .full-background {\n background-position: $card-full-bg-bg-position;\n background-size: $card-full-bg-bg-size;\n margin-bottom: $card-full-bg-mb;\n width: $card-full-bg-width;\n height: $card-full-bg-height;\n position: $card-full-bg-position;\n border-radius: $card-border-radius;\n }\n\n .card-body {\n color: $white;\n position: $card-bg-body-position;\n z-index: $card-bg-body-z-index;\n\n .content-center,\n .content-left {\n min-height: $card-bg-content-min-height;\n max-width: $card-bg-content-max-width;\n padding-top: $card-bg-content-pt;\n padding-bottom: $card-bg-content-pb;\n }\n .content-center {\n text-align: center;\n }\n &.body-left {\n width: $card-bg-body-left-width;\n }\n\n .author {\n .name {\n span,\n .stats {\n color: $white;\n }\n }\n }\n }\n\n &:after {\n position: $card-bg-filter-position;\n top: $card-bg-filter-top;\n bottom: $card-bg-filter-bottom;\n left: $card-bg-filter-left;\n height: $card-bg-filter-height;\n width: $card-bg-filter-width;\n z-index: $card-bg-filter-z-index;\n display: $card-bg-filter-display;\n content: $card-bg-filter-content;\n background: $card-bg-filter-bg;\n border-radius: $card-border-radius;\n }\n\n @each $name, $val in $theme-gradient-colors {\n &.card-background-mask-#{$name} {\n &:before {\n background: $card-bg-filter-mask-bg;\n }\n\n &:after {\n @include gradient-directional(nth($val, 1) 0%, nth($val, -1) 100%, $deg: 310deg);\n opacity: .85;\n }\n }\n }\n\n .card-category {\n font-size: $font-size-sm;\n font-weight: $font-weight-bold;\n }\n\n .card-description {\n margin-top: $card-bg-description-margin;\n margin-bottom: $card-bg-description-margin;\n }\n }\n}\n","@include media-breakpoint-up(lg) {\n .dropdown,\n .dropup,\n .dropstart,\n .dropend {\n .dropdown-menu {\n box-shadow: $dropdown-box-shadow;\n transition: $dropdown-transition;\n cursor: pointer;\n }\n\n .dropdown-toggle {\n &:after{\n content: \"\\f107\";\n font: normal normal normal 14px/1 FontAwesome;\n border: none;\n vertical-align: middle;\n font-weight: $font-weight-bold;\n }\n &.show{\n &:after{\n transform: $dropdown-toggle-arrow-transform;\n }\n }\n &:after{\n transition: $dropdown-toggle-arrow-transition;\n }\n }\n }\n\n .dropdown {\n &.dropdown-hover .dropdown-menu,\n .dropdown-menu {\n display: block;\n opacity: 0;\n top: 0;\n transform-origin: $dropdown-transform-origin;\n pointer-events: none;\n transform: $dropdown-transform;\n -webkit-backface-visibility: hidden;\n backface-visibility: hidden;\n will-change: transform,box-shadow;\n }\n\n &.dropdown-hover:hover > .dropdown-menu,\n .dropdown-menu.show {\n opacity: 1;\n pointer-events: auto;\n visibility: visible;\n transform: $dropdown-transform-show;\n }\n\n &.dropdown-hover:hover > .dropdown-menu:before,\n .dropdown-menu.show:before {\n top: $dropdown-hover-arrow-active-top;\n }\n\n &.dropdown-hover {\n &:after {\n content: '';\n position: absolute;\n left: 0;\n bottom: $dropdown-hover-after-bottom-pos;\n width: 100%;\n height: 100%;\n }\n }\n\n &:not(.dropdown-hover) .dropdown-menu {\n margin-top: $dropdown-mt !important;\n }\n\n .dropdown-menu {\n &:before {\n font-family: \"FontAwesome\";\n content: \"\\f0d8\";\n position: absolute;\n top: 0;\n left: $dropdown-animation-arrow-left-position;\n right: auto;\n font-size: $dropdown-animation-arrow-font-size;\n color: $white;\n transition: $dropdown-animation-arrow-transition;\n }\n }\n\n .dropdown-item .arrow {\n transform: $dropdown-subitem-arrow-rotate;\n }\n }\n\n .dropdown-item {\n transition: background-color $dropdown-transition-time, color $dropdown-transition-time;\n }\n}\n\n@include media-breakpoint-down(lg) {\n .dropdown:not(.nav-item) {\n .dropdown-menu {\n display: block;\n opacity: 0;\n top: 0;\n transform-origin: $dropdown-transform-origin;\n pointer-events: none;\n transform: $dropdown-transform;\n transition: $dropdown-transition;\n -webkit-backface-visibility: hidden;\n backface-visibility: hidden;\n will-change: transform,box-shadow;\n box-shadow: $dropdown-box-shadow;\n\n &:before {\n font-family: \"FontAwesome\";\n content: \"\\f0d8\";\n position: absolute;\n top: 0;\n left: $dropdown-animation-arrow-left-position;\n right: auto;\n font-size: $dropdown-animation-arrow-font-size;\n color: $white;\n transition: $dropdown-animation-arrow-transition;\n }\n }\n\n &:not(.dropdown-hover) .dropdown-menu {\n margin-top: $dropdown-mt !important;\n }\n\n .dropdown-menu.show {\n opacity: 1;\n pointer-events: auto;\n visibility: visible;\n transform: $dropdown-transform-show;\n\n &:before {\n top: $dropdown-hover-arrow-active-top;\n }\n }\n }\n\n .dropdown.nav-item .dropdown-menu {\n background-color: transparent;\n overflow: scroll;\n }\n\n .dropdown.nav-item .dropdown-menu-animation {\n display: block;\n height: 0;\n transition: all .35s ease;\n padding-top: 0 !important;\n padding-bottom: 0 !important;\n opacity: 0;\n\n &.show {\n height: 250px;\n opacity: 1;\n }\n }\n}\n\n// MultiLevel Dropdown Style\n\n.dropdown-menu li {\n position: relative;\n}\n\n.dropdown {\n &.dropdown-subitem:after {\n left: 100%;\n bottom: 0;\n width: 50%;\n }\n\n .dropdown-menu {\n .dropdown-item + .dropdown-menu:before {\n transform: $dropdown-subitem-arrow-rotate;\n left: 0;\n top: 0;\n z-index: -1;\n transition: left .35s ease;\n }\n &.dropdown-menu-end{\n right: 0 !important;\n left: auto !important;\n &:before{\n right: $dropdown-animation-arrow-left-position;\n left: auto;\n }\n }\n }\n\n &.dropdown-subitem:hover .dropdown-item + .dropdown-menu:before {\n left: $dropdown-subitem-left-hover;\n }\n\n & > .dropdown-menu {\n .dropdown-item + .dropdown-menu {\n transform: $dropdown-multilevel-transform-show;\n }\n }\n}\n\n.dropdown .dropdown-menu .dropdown-item+.dropdown-menu {\n right: $dropdown-subitem-position-right;\n left: auto;\n top: 0;\n}\n// End MultiLevel Dropdown Style\n\n.dropdown-image {\n background-size: cover;\n}\n\n@include media-breakpoint-up(lg) {\n .dropdown-xl {\n min-width: $dropdown-xl-min-width;\n }\n\n .dropdown-lg {\n min-width: $dropdown-lg-min-width;\n }\n\n .dropdown-md {\n min-width: $dropdown-md-min-width;\n }\n}\n\n@include media-breakpoint-down(xl) {\n .dropdown-lg-responsive {\n min-width: $dropdown-lg-width-responsive;\n }\n}\n","$dropdown-subitem-position: 101% !default;\n$dropdown-transition: visibility .25s,opacity .25s,transform .25s !default;\n$dropdown-transform-origin: 50% 0 !default;\n$dropdown-transform: perspective(999px) rotateX(-10deg) translateZ(0) translate3d(0px, 37px, 0px) !important !default;\n$dropdown-transform-show: perspective(999px) rotateX(0deg) translateZ(0) translate3d(0, 37px,5px) !important !default;\n\n$dropdown-multilevel-transform: perspective(999px) rotateX(-10deg) translateZ(0) translate3d(0px, 0px, 0px) !important !default;\n$dropdown-multilevel-transform-show: perspective(999px) rotateX(0deg) translateZ(0) translate3d(0, 0px,5px) !important !default;\n\n$dropup-transform-origin: bottom !default;\n$dropup-transform: perspective(999px) rotateX(12deg) translateZ(0) translate3d(0px, 0px, 0px) !important !default;\n$dropup-transform-show: perspective(999px) rotateX(0deg) translateZ(0) translate3d(1px,0px,5px) !important !default;\n\n$dropdown-icon-margin-right: .75rem !default;\n\n$dropdown-toggle-arrow-transform: rotate(180deg) !default;\n$dropdown-toggle-arrow-transition: .3s ease !default;\n\n$dropdown-button-after-margin-top: 3px !default;\n\n$dropdown-animation-arrow-left-position: 28px !default;\n$dropup-animation-arrow-bottom-position: 22px !default;\n$dropdown-animation-arrow-font-size: 22px !default;\n$dropup-animation-arrow-transition: bottom .35s ease !default;\n$dropdown-animation-arrow-transition: top .35s ease !default;\n$dropup-mb: .5rem !default;\n\n$dropdown-mt: 8px !default;\n$dropdown-hover-after-bottom-pos: -24px !default;\n$dropdown-hover-after-bottom-pos: -24px !default;\n$dropdown-hover-arrow-active-top: -20px !default;\n\n$dropdown-subitem-position-right: -197px !default;\n$dropdown-subitem-left-hover: -8px !default;\n$dropdown-subitem-arrow-rotate: rotate(-90deg) !default;\n\n$dropdown-md-min-width: 15rem !default;\n$dropdown-lg-min-width: 23rem !default;\n$dropdown-lg-width-responsive: 19rem !default;\n$dropdown-xl-min-width: 40rem !default;\n\n$dropdown-subitem-position: 101% !default;\n\n\n// Extend\n$dropdown-subitem-position-right: -197px !default;\n$dropdown-subitem-left-hover: -8px !default;\n$dropdown-subitem-arrow-rotate: rotate(-90deg) !default;\n\n$dropdown-md-min-width: 15rem !default;\n$dropdown-lg-min-width: 23rem !default;\n$dropdown-lg-width-responsive: 19rem !default;\n$dropdown-xl-min-width: 40rem !default;\n",".dropup {\n .dropdown-menu {\n box-shadow: $dropdown-box-shadow;\n transition: $dropdown-transition;\n cursor: pointer;\n top: auto !important;\n bottom: 100% !important;\n margin-bottom: $dropup-mb !important;\n display: block;\n opacity: 0;\n transform-origin: $dropup-transform-origin;\n pointer-events: none;\n transform: $dropup-transform;\n -webkit-backface-visibility: hidden;\n backface-visibility: hidden;\n will-change: transform,box-shadow;\n\n &.show{\n pointer-events: auto;\n transform: $dropup-transform-show;\n opacity: 1;\n\n &:after {\n bottom: -($dropup-animation-arrow-bottom-position - 2);\n }\n }\n\n &:after {\n font-family: \"FontAwesome\";\n content: \"\\f0d7\";\n position: absolute;\n z-index: -1;\n bottom: $dropup-animation-arrow-bottom-position;\n left: $dropdown-animation-arrow-left-position;\n right: auto;\n font-size: $dropdown-animation-arrow-font-size;\n color: $white;\n transition: $dropup-animation-arrow-transition;\n }\n }\n}",".page-header {\n padding: $page-header-padding;\n position: $page-header-position;\n overflow: $page-header-overflow;\n display: $page-header-display;\n align-items: $page-header-align-items;\n background-size: $page-header-bg-size;\n background-position: $page-header-bg-position;\n\n .container {\n z-index: $page-header-conteiner-index;\n }\n}\n\n.oblique {\n transform: $header-oblique-transform;\n overflow: $header-oblique-overflow;\n width: $header-oblique-img-width;\n right: $header-oblique-img-right;\n border-bottom-left-radius: $border-radius-lg;\n\n .oblique-image {\n transform: $header-oblique-img-transform;\n }\n}\n","$page-header-padding: 0 !default;\n$page-header-position: relative !default;\n$page-header-overflow: hidden !default;\n$page-header-display: flex !default;\n$page-header-align-items: center !default;\n$page-header-bg-size: cover !default;\n$page-header-bg-position: 50% !default;\n\n$mask-position: absolute !default;\n$mask-bg-size: cover !default;\n$mask-bg-position: center center !default;\n$mask-top: 0 !default;\n$mask-left: $mask-top !default;\n$mask-width: 100% !default;\n$mask-height: $mask-width !default;\n$mask-opacity: .8 !default;\n\n$page-header-conteiner-index: 1 !default;\n\n$header-oblique-img-width: 60% !default;\n$header-oblique-img-right: -10rem !default;\n$header-oblique-transform: skewX(-10deg) !default;\n$header-oblique-overflow: hidden !default;\n$header-oblique-img-transform: skewX(10deg) !default;\n",".fixed-plugin{\n .fixed-plugin-button{\n background: $white;\n border-radius: $fixed-plugin-radius;\n bottom: $fixed-plugin-bottom;\n right: $fixed-plugin-right;\n font-size: $font-size-xl;\n z-index: $fixed-plugin-button-z-index;\n box-shadow: $fixed-plugin-box-shadow;\n cursor: pointer;\n i{\n pointer-events: none;\n }\n }\n .card{\n position: fixed !important;\n right: -$fixed-plugin-card-width;\n top: 0;\n height: 100%;\n left: auto!important;\n transform: unset !important;\n width: $fixed-plugin-card-width;\n border-radius: 0;\n padding: 0 10px;\n transition: .2s ease;\n z-index: $fixed-plugin-card-z-index;\n }\n\n .badge{\n border: 1px solid $white;\n border-radius: 50%;\n cursor: pointer;\n display: inline-block;\n height: 23px;\n margin-right: 5px;\n position: relative;\n width: 23px;\n transition: $transition-base;\n &:hover,\n &.active{\n border-color: $dark;\n }\n }\n\n .btn.bg-gradient-primary:not(:disabled):not(.disabled){\n border: 1px solid transparent;\n &:not(.active){\n background-color: transparent;\n background-image: none;\n border: 1px solid $primary;\n color: $primary;\n }\n }\n\n &.show{\n .card{\n right: 0;\n }\n }\n}\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",".input-group {\n @include border-radius($input-border-radius, 0);\n\n &,\n .input-group-text {\n transition: $input-transition;\n }\n\n & > :not(:first-child):not(.dropdown-menu) {\n margin-left: 0;\n }\n\n\t.form-control {\n &:focus {\n border-left: $input-border-width solid $input-focus-border-color !important;\n border-right: $input-border-width solid $input-focus-border-color !important;\n }\n\n\t\t&:not(:first-child) {\n\t border-left: 0;\n\t padding-left: 0;\n\t\t}\n\t\t&:not(:last-child) {\n\t\t\tborder-right: 0;\n\t\t\tpadding-right: 0;\n\t\t}\n\n & + .input-group-text {\n border-left: 0;\n border-right: $input-border-width solid $input-border-color;\n }\n\t}\n\n .input-group-text {\n border-right: 0;\n }\n}\n\n.form-group {\n margin-bottom: 1rem;\n}\n",".form-check:not(.form-switch) .form-check-input {\n &[type=\"checkbox\"],\n &[type=\"radio\"] {\n border: 1px solid darken($gray-200, 10%);\n margin-top: $form-text-margin-top;\n position: relative;\n\n &:checked {\n border: 0;\n }\n }\n\n &[type=\"checkbox\"] {\n &:after {\n transition: opacity $form-check-transition-time ease-in-out;\n font-family: \"FontAwesome\";\n content: \"\\f00c\";\n width: 100%;\n height: 100%;\n color: $form-check-input-checked-color;\n position: absolute;\n display: flex;\n justify-content: center;\n align-items: center;\n font-size: $font-size-sm - .205;\n opacity: 0;\n }\n\n &:checked:after {\n opacity: 1;\n }\n }\n\n &[type=\"radio\"] {\n transition: border 0s;\n\n &:after {\n transition: opacity $form-check-transition-time ease-in-out;\n content: \"\";\n position: absolute;\n width: $form-check-radio-after-width;\n height: $form-check-radio-after-width;\n border-radius: 50%;\n background-color: $white;\n opacity: 0;\n }\n\n &:checked {\n padding: 6px;\n }\n\n &:checked:after {\n opacity: 1;\n }\n }\n}\n\n.form-check-label,\n.form-check-input[type=\"checkbox\"] {\n cursor: pointer;\n}\n\n.form-check-label{\n font-size:$font-size-sm;\n font-weight: $font-weight-normal;\n}\n\n.form-check-input{\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n}\n",".form-switch{\n .form-check-input{\n border: 1px solid $gray-200;\n position: relative;\n background-color: rgba($dark-gradient-state, .1);\n height: $form-check-input-width + .02;\n\n &:after {\n transition: transform $form-check-transition-time ease-in-out, background-color $form-check-transition-time ease-in-out;\n content: \"\";\n width: $form-switch-check-after-width;\n height: $form-switch-check-after-width;\n border-radius: 50%;\n position: absolute;\n background-color: $white;\n transform: translateX($form-switch-translate-x-start);\n box-shadow: $form-switch-round-box-shadow;\n top: 1px;\n }\n\n &:checked:after {\n transform: translateX($form-switch-translate-x-end);\n }\n\n &:checked {\n border-color: rgba($dark-gradient-state, .95);\n background-color: rgba($dark-gradient-state, .95);\n }\n }\n}\n",".form-select {\n transition: $input-transition;\n}\n","//\n// Labels\n//\n\nlabel,\n.form-label {\n font-size: $form-label-font-size;\n font-weight: $form-label-font-weight;\n margin-bottom: $form-label-margin-bottom;\n color: $form-label-color;\n margin-left: $form-label-margin-left;\n}\n",".form-control{\n &.is-invalid{\n &:focus{\n box-shadow: 0 0 0 2px rgba($form-feedback-invalid-color, .6);\n }\n }\n\n &.is-valid{\n &:focus{\n box-shadow: 0 0 0 2px rgba($form-feedback-valid-color, .65);\n }\n }\n}\n",".footer {\n .nav-link {\n color: $dark;\n font-weight: $font-weight-normal;\n font-size: $font-size-sm;\n padding-top: 0;\n padding-bottom: $nav-link-footer-padding;\n\n &:hover {\n opacity: 1 !important;\n transition: $footer-link-animation;\n }\n }\n}\n","// Horizontal Faded Line\n$hr-bg: transparent !default;\n$hr-transform: rotate(90deg) !default;\n$hr-bg-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1), rgba(255, 255, 255, 0)) !default;\n$hr-bg-dark-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, .4), rgba(0, 0, 0, 0)) !default;\n\n\n// Gradient Animation\n$gradient-animation-background: linear-gradient(-45deg, $info-gradient, $danger, $warning, $primary-gradient, $dark) !default;\n$gradient-animation-bg-size: 400% 400% !default;\n\n// Device Wrapper\n$device-wrapper-radius: 3.5rem !default;\n$device-wrapper-box-shadow: 0 12px 15px rgba(140, 152, 164, 0.1) !default;\n$device-wrapper-animation: gradient 10s ease infinite !default;\n\n\n// Nav pills\n$nav-pills-link-border-radius: 0.5rem !default;\n$nav-pills-link-box-shadow: 0px 1px 5px 1px #ddd !default;\n$nav-pills-link-active-padding: 7px 15px !default;\n$nav-pills-link-active-margin: 1px !default;\n$nav-pills-link-active-animation: .2s ease !default;\n\n// Table Progress\n\n$table-progress-width: 120px !default;\n$table-progress-height: 3px !default;\n$table-progress-margin: 0 !default;\n\n// Tooltip Arrow\n\n$tooltip-arrow-left: 1px !default;\n$tooltip-arrow-right: $tooltip-arrow-left !default;\n\n// Footer Link hover animation\n\n$footer-link-animation: opacity .3 ease !default;\n\n// Blur background\n\n$blur-light-background: rgba(255, 255, 255, 0.4) !default;\n$blur-dark-background: rgba(0, 0, 0, 0.3) !default;\n\n// HR w/ opacity\n\n$hr-bg-color: transparent !default;\n$hr-width: 1px !default;\n$hr-margin: .75rem 0 !default;\n$hr-horizontal-bg-image-light: linear-gradient(to right, rgba(255, 255, 255, 0), white, rgba(255, 255, 255, 0)) !default;\n$hr-horizontal-bg-image-gray-light: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, .1), rgba(0, 0, 0, 0)) !default;\n$hr-horizontal-bg-image-dark: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, .4), rgba(0, 0, 0, 0)) !default;\n$hr-vertical-bg-image-light: linear-gradient(to bottom, rgba(255, 255, 255, 0), white, rgba(255, 255, 255, 0)) !default;\n$hr-vertical-bg-image-dark: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, .4), rgba(0, 0, 0, 0)) !default;\n","@each $prop, $value in $theme-gradient-colors {\n .bg-gradient-#{$prop} {\n @include gradient-directional(nth($value, 1) 0%, nth($value, -1) 100%, $deg: 310deg);\n }\n}\n\n@each $prop, $value in $theme-colors {\n .bg-gradient-faded-#{$prop} {\n background-image: radial-gradient(370px circle at 80% 50%,rgba($value, .6) 0,darken($value, 10%) 100%)\n }\n}\n\n\n@each $prop, $value in $theme-colors {\n &.bg-gradient-faded-#{$prop}-vertical{\n background-image: radial-gradient(200px circle at 50% 70%, rgba($value, .3) 0, $value 100%);\n }\n}\n",".icon-shape {\n width: $icon-md-width;\n height: $icon-md-width;\n background-position: $icon-shape-bg-position;\n border-radius: $border-radius-lg;\n\n i {\n color: $white;\n opacity: $icon-shape-icon-opacity;\n top: $info-icon-top;\n position: $info-icon-position;\n }\n\n .ni {\n top: 14px;\n }\n}\n\n.icon-xxs {\n width: $icon-xxs-width;\n height: $icon-xxs-height;\n\n i {\n top: $info-icon-top-xxs;\n font-size: .5rem;\n }\n}\n\n.icon-xs {\n width: $icon-xs-width;\n height: $icon-xs-height;\n\n i {\n top: $info-icon-top-xs;\n font-size: .5rem;\n }\n}\n\n.icon-sm {\n width: $icon-sm-width;\n height: $icon-sm-height;\n\n i {\n top: $info-icon-top-sm;\n font-size: .65rem;\n }\n}\n\n.icon-md {\n width: $icon-md-width;\n height: $icon-md-height;\n\n i {\n top: $info-icon-top-md;\n font-size: $font-size-sm;\n }\n\n &.icon-striped {\n background-position-x: $icon-striped-bg-md;\n background-position-y: $icon-striped-bg-md;\n\n i {\n top: 11%;\n margin-left: -10px;\n font-size: $font-size-sm;\n }\n }\n}\n\n.icon-lg {\n width: $icon-lg-width;\n height: $icon-lg-height;\n i {\n top: $info-icon-top-lg;\n font-size: $font-size-xl;\n }\n\n &.icon-striped {\n background-position-x: $icon-striped-bg-lg;\n background-position-y: $icon-striped-bg-lg;\n\n i {\n top: 21%;\n margin-left: -15px;\n }\n }\n}\n\n.icon-xl {\n width: $icon-xl-width;\n height: $icon-xl-height;\n border-radius: $border-radius-lg;\n\n i {\n top: $info-icon-top-xl;\n font-size: 1.6rem;\n }\n\n &.icon-striped {\n background-position-x: $icon-striped-bg-xl;\n background-position-y: $icon-striped-bg-xl;\n\n i {\n top: 30%;\n margin-left: -15px;\n }\n }\n}\n\n.info-horizontal {\n text-align: left !important;\n\n .icon {\n float: left;\n }\n .description {\n overflow: hidden;\n }\n}\n\n// Icon SVG fill color change\n\nsvg.text-primary {\n .color-foreground {\n fill: $primary-gradient;\n }\n .color-background {\n fill: $primary-gradient-state;\n }\n}\nsvg.text-secondary {\n .color-foreground {\n fill: $secondary-gradient;\n }\n .color-background {\n fill: $secondary-gradient-state;\n }\n}\nsvg.text-info {\n .color-foreground {\n fill: $info-gradient;\n }\n .color-background {\n fill: $info-gradient-state;\n }\n}\nsvg.text-warning {\n .color-foreground {\n fill: $warning-gradient;\n }\n .color-background {\n fill: $warning-gradient-state;\n }\n}\nsvg.text-danger {\n .color-foreground {\n fill: $danger-gradient;\n }\n .color-background {\n fill: $danger-gradient-state;\n }\n}\nsvg.text-success {\n .color-foreground {\n fill: $success-gradient;\n }\n .color-background {\n fill: $success-gradient-state;\n }\n}\nsvg.text-dark {\n .color-foreground {\n fill: $dark-gradient;\n }\n .color-background {\n fill: $dark-gradient-state;\n }\n}\n","$icon-shape-bg-image: linear-gradient(310deg,#7928CA,#FF0080) !default;\n$icon-shape-bg-position: center !default;\n\n$icon-striped-bg-md: 85px !default;\n$icon-striped-bg-lg: 111px !default;\n$icon-striped-bg-xl: 80px !default;\n\n$icon-striped-icon-mt: 25% !default;\n$icon-striped-icon-ml: -24% !default;\n\n$icon-shape-icon-opacity: .8 !default;\n$info-icon-top: 11px !default;\n$info-icon-top-xxs: -4px !default;\n$info-icon-top-xs: -4px !default;\n$info-icon-top-sm: 2px !default;\n$info-icon-top-md: 22% !default;\n$info-icon-top-lg: 31% !default;\n$info-icon-top-xl: 37% !default;\n$info-icon-position: relative !default;\n\n$icon-xxs-width: 20px !default;\n$icon-xxs-height: $icon-xxs-width !default;\n$icon-xs-width: 24px !default;\n$icon-xs-height: $icon-xs-width !default;\n$icon-sm-width: 32px !default;\n$icon-sm-height: $icon-sm-width !default;\n$icon-md-width: 48px !default;\n$icon-md-height: $icon-md-width !default;\n$icon-lg-width: 64px !default;\n$icon-lg-height: $icon-lg-width !default;\n$icon-xl-width: 100px !default;\n$icon-xl-height: $icon-xl-width !default;\n","// Blur effect\n\n.blur {\n box-shadow: $blur-box-shadow;\n -webkit-backdrop-filter: $blur-backdrop-filter;\n backdrop-filter: $blur-backdrop-filter;\n background-color: $card-background-blur !important;\n\n &.saturation-less {\n -webkit-backdrop-filter: $blur-backdrop-filter-less;\n backdrop-filter: $blur-backdrop-filter-less;\n }\n\n &.blur-rounded {\n border-radius: $blur-border-radius-rounded;\n }\n\n &.blur-light {\n background-color: $blur-light-background;\n }\n &.blur-dark {\n background-color: $blur-dark-background;\n }\n}\n\n.shadow-blur {\n box-shadow: $shadow-blur-box-shadow !important;\n}\n\n.shadow-card {\n box-shadow: $card-box-shadow !important;\n}\n\n.navbar-blur {\n -webkit-backdrop-filter: $blur-backdrop-filter;\n backdrop-filter: $blur-backdrop-filter;\n background-color: rgba($white, .58) !important;\n}\n\n.blur-section {\n -webkit-backdrop-filter: $blur-backdrop-filter;\n backdrop-filter: $blur-backdrop-filter;\n\n &.blur-gradient-primary {\n @include gradient-directional(rgba($primary-gradient, .95) 0%, rgba($primary-gradient-state, .95) 100%, $deg: 310deg);\n }\n}\n\n// Transition on hover\n* {\n &.move-on-hover {\n -webkit-transition: $move-transition;\n transition: $move-transition;\n overflow: $move-overflow;\n -webkit-transform-origin: $move-transform-origin;\n transform-origin: $move-transform-origin;\n transform-origin: $move-transform-origin;\n -webkit-transform: $move-transform;\n transform: $move-transform;\n -webkit-backface-visibility: $move-backface-visibility;\n backface-visibility: $move-backface-visibility;\n will-change: $move-will-change;\n\n &:hover {\n -webkit-transform: $move-hover-transform;\n transform: $move-hover-transform;\n }\n }\n\n &.gradient-animation {\n background: $gradient-animation-background;\n background-size: $gradient-animation-bg-size !important;\n animation: $device-wrapper-animation;\n }\n}\n\n// Vertical Line\nhr.vertical {\n position: absolute;\n background-color: $hr-bg-color;\n height: 100%;\n right: 0;\n top: 0;\n width: 1px;\n\n &.light {\n background-image: $hr-vertical-bg-image-light;\n }\n\n &.dark {\n background-image: $hr-vertical-bg-image-dark;\n }\n\n &.gray-light {\n background-image: $hr-horizontal-bg-image-gray-light;\n }\n}\n\n// Horizontal Line\nhr.horizontal {\n background-color: $hr-bg-color;\n\n &.light {\n background-image: $hr-horizontal-bg-image-light;\n }\n &.dark {\n background-image: $hr-horizontal-bg-image-dark;\n }\n\n &.gray-light {\n background-image: $hr-horizontal-bg-image-gray-light;\n }\n}\n\n// lock style\n.lock-size {\n width: 1.7rem;\n height: 1.7rem;\n}\n\n.border-radius-xs {\n border-radius: $border-radius-xs;\n}\n\n.border-radius-sm {\n border-radius: $border-radius-sm;\n}\n\n.border-radius-md {\n border-radius: $border-radius-md;\n}\n\n.border-radius-lg {\n border-radius: $border-radius-lg;\n}\n\n.border-radius-xl {\n border-radius: $border-radius-xl;\n}\n\n.border-radius-2xl {\n border-radius: $border-radius-2xl;\n}\n\n.border-radius-section {\n border-radius: $border-radius-section;\n}\n\n.border-bottom-end-radius-0 {\n border-bottom-right-radius: 0;\n}\n\n.border-top-end-radius-0 {\n border-top-right-radius: 0;\n}\n\n.border-bottom-start-radius-0 {\n border-bottom-left-radius: 0;\n}\n\n.border-top-start-radius-0 {\n border-top-left-radius: 0;\n}\n\n.border-dashed{\n border-style: dashed;\n}\n\n.z-index-sticky {\n z-index: $zindex-sticky;\n}\n\n\n// moving waves animation\n.waves {\n position: $waves-position;\n width: $waves-width;\n height: $waves-height;\n margin-bottom: $waves-margin-bottom;\n /*Fix for safari gap*/\n min-height: $waves-min-height;\n max-height: $waves-max-height;\n\n &.waves-sm {\n height: $waves-height-sm;\n min-height: $waves-min-height-sm;\n }\n\n &.no-animation {\n .moving-waves > use {\n animation: none;\n }\n }\n}\n\n.wave-rotate {\n transform: $waves-rotate;\n}\n/* Animation for the waves */\n.moving-waves > use {\n animation: $moving-waves-animation;\n}\n\n.moving-waves > use:nth-child(1) {\n animation-delay: $moving-waves-child-1-delay;\n animation-duration: $moving-waves-child-1-duration;\n}\n\n.moving-waves > use:nth-child(2) {\n animation-delay: $moving-waves-child-2-delay;\n animation-duration: $moving-waves-child-2-duration;\n}\n\n.moving-waves > use:nth-child(3) {\n animation-delay: $moving-waves-child-3-delay;\n animation-duration: $moving-waves-child-3-duration;\n}\n\n.moving-waves > use:nth-child(4) {\n animation-delay: $moving-waves-child-4-delay;\n animation-duration: $moving-waves-child-4-duration;\n}\n\n.moving-waves > use:nth-child(5) {\n animation-delay: $moving-waves-child-5-delay;\n animation-duration: $moving-waves-child-5-duration;\n}\n\n.moving-waves > use:nth-child(6) {\n animation-delay: $moving-waves-child-6-delay;\n animation-duration: $moving-waves-child-6-duration;\n}\n@keyframes move-forever {\n 0% {\n transform: $moving-waves-keyframe-0;\n }\n\n 100% {\n transform: $moving-waves-keyframe-100;\n }\n}\n/*Shrinking for mobile*/\n@include media-breakpoint-down(md) {\n .waves {\n height: $waves-mobile-height;\n min-height: $waves-mobile-height;\n }\n\n hr.horizontal {\n background-color: $hr-bg;\n\n &:not(.dark) {\n background-image: $hr-bg-image;\n }\n\n &.vertical {\n transform: $hr-transform;\n }\n\n &.dark {\n background-image: $hr-bg-dark-image;\n }\n }\n}\n\n.overflow-visible {\n overflow: visible !important;\n}\n\n// popover title\n.popover {\n .popover-header {\n font-weight: 600;\n }\n}\n\n\n// Background Sizes\n.bg-cover{\n background-size: cover;\n}\n\n// Mask Class\n.mask {\n position: $mask-position;\n background-size: $mask-bg-size;\n background-position: $mask-bg-position;\n top: $mask-top;\n left: $mask-left;\n width: $mask-width;\n height: $mask-height;\n opacity: $mask-opacity;\n}\n\n\n// Cursor Pointer Class\n.cursor-pointer {\n cursor: pointer;\n}\n\n// Translate 50% Class\n.transform-translate-50{\n transform: translate(0,-50%)\n}\n\n// VR Pages\n\n@include media-breakpoint-up(lg) {\n .virtual-reality {\n .sidenav {\n margin-top: $spacer * 1.5;\n animation-name: $animation-name;\n animation-fill-mode: $animation-mode;\n animation-duration: $animation-duration;\n transform: $transform-scale;\n background: $white;\n left: $position-left !important;\n position: absolute;\n }\n }\n}\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-50-min-height: 50vh !default;\n$section-height-75-min-height: 75vh !default;\n$section-height-85-min-height: 85vh !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-150: 150px !default;\n$min-height-160: 160px !default;\n$min-height-200: 200px !default;\n$min-height-250: 200px !default;\n$min-height-300: 300px !default;\n$min-height-400: 400px !default;\n$min-height-500: 500px !default;\n$min-height-600: 600px !default;\n\n// extra min height values variables - CT\n$max-height-100: 100px !default;\n$max-height-150: 150px !default;\n$max-height-160: 160px !default;\n$max-height-200: 200px !default;\n$max-height-250: 200px !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","// 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","$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",".navbar {\n box-shadow: $navbar-box-shadow;\n\n .navbar-brand {\n color: $dark;\n @include font-size($font-size-sm);\n }\n .nav-link {\n color: $dark;\n padding: $navbar-nav-link-padding;\n font-weight: $font-weight-normal;\n font-size: $font-size-sm;\n }\n\n &.navbar-absolute {\n position: absolute;\n width: 100%;\n z-index: 1;\n }\n\n &.navbar-transparent {\n .nav-link {\n &, i {\n color: $white;\n }\n\n\n &:hover,\n &:focus {\n color: rgba($white, .75);\n }\n }\n\n .navbar-toggler {\n .navbar-toggler-icon {\n .navbar-toggler-bar {\n background: $white;\n }\n }\n }\n\n .navbar-collapse{\n border-radius: $border-radius-xl;\n }\n }\n\n &.navbar-dark {\n .navbar-collapse.show,\n .navbar-collapse.collapsing\n {\n .dropdown-header.text-dark{\n color: $white !important;\n }\n }\n }\n .sidenav-toggler-inner{\n width: $sidenav-toggler-width;\n .sidenav-toggler-line{\n transition: $sidenav-toggler-line-transition;\n background: $body-color;\n border-radius: $border-radius-xs;\n position: relative;\n display: block;\n height: $sidenav-toggler-line-height;\n &:not(:last-child){\n margin-bottom: $sidenav-toggler-line-margin-bottom;\n }\n }\n }\n .g-sidenav-show.g-sidenav-pinned &{\n .sidenav-toggler-inner{\n .sidenav-toggler-line:first-child,\n .sidenav-toggler-line:last-child {\n width: $sidenav-toggler-line-active-width;\n transform: $sidenav-toggler-line-transform;\n }\n }\n }\n}\n\n.navbar-light {\n background-color: $white !important;\n .navbar-toggler{\n border: none;\n &:focus{\n box-shadow: none;\n }\n }\n}\n\n.navbar-toggler {\n .navbar-toggler-icon {\n background-image: none;\n\n .navbar-toggler-bar {\n display: $navbar-toggler-bar-display;\n position: $navbar-toggler-bar-position;\n width: $navbar-toggler-bar-width;\n height: $navbar-toggler-bar-height;\n border-radius: $navbar-toggler-bar-radius;\n background: $gray-600;\n transition: $navbar-toggler-bar-transition;\n margin: 0 auto;\n\n &.bar2,\n &.bar3 {\n margin-top: $navbar-toggler-bar-margin-top;\n }\n }\n }\n\n &[aria-expanded=\"true\"] {\n .navbar-toggler-bar {\n &.bar1 {\n transform: $navbar-toggler-bar-1-transform;\n transform-origin: $navbar-toggler-bar-1-transform-origin;\n margin-top: $navbar-toggler-bar-1-margin-top;\n }\n\n &.bar2 {\n opacity: $navbar-toggler-bar-2-opacity;\n }\n\n &.bar3 {\n transform: $navbar-toggler-bar-3-transform;\n transform-origin: $navbar-toggler-bar-3-transform-origin;\n margin-top: $navbar-toggler-bar-3-margin-top;\n }\n }\n }\n}\n\n@include media-breakpoint-down(lg) {\n .navbar {\n &.navbar-transparent {\n .navbar-collapse {\n padding-top: $spacer / 2;\n padding-bottom: $spacer / 2;\n }\n\n .navbar-collapse.collapsing {\n background: $white;\n }\n\n .navbar-collapse.show {\n background: $white;\n .nav-link,\n i {\n color: $dark;\n }\n }\n }\n\n .g-sidenav-show & {\n &:not(.sidenav).navbar-main {\n .navbar-collapse {\n display: flex !important;\n flex-basis: auto;\n }\n\n .navbar-nav {\n flex-direction: row;\n }\n }\n\n }\n }\n}\n\n@include media-breakpoint-down(md) {\n .navbar-collapse {\n position: relative;\n\n .navbar-nav {\n width: 100%;\n\n .nav-item {\n &.dropdown {\n position: static;\n\n .dropdown-menu {\n left: 0;\n right: 0;\n\n &.show {\n &:before {\n content: none;\n }\n }\n }\n }\n }\n }\n }\n}\n@include media-breakpoint-down(sm) {\n .navbar-nav {\n .nav-item {\n &.dropdown {\n .dropdown-menu {\n left: 0;\n right: auto;\n }\n }\n }\n }\n}\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","//\n// Vertical navbar + Sidenav\n//\n\n.navbar-vertical {\n .navbar-brand > img,\n .navbar-brand-img {\n max-width: 100%;\n max-height: 2rem;\n }\n // Navbar navigaton\n .navbar-nav {\n // Navbar link\n .nav-link {\n padding-left: $navbar-padding-x;\n padding-right: $navbar-padding-x;\n font-weight: $navbar-nav-link-font-weight;\n color: $font-color;\n // Icon\n > i {\n min-width: $navbar-icon-min-width;\n font-size: 0.9375rem;\n line-height: ($font-size-base * $line-height-base);\n }\n // Dropdown\n .dropdown-menu {\n border: none;\n\n .dropdown-menu {\n margin-left: $dropdown-item-padding-x / 2;\n }\n }\n }\n\n .nav-sm {\n .nav-link {\n font-size: 0.8125rem;\n }\n }\n }\n // Navbar navigation\n .navbar-nav .nav-link {\n display: flex;\n align-items: center;\n white-space: nowrap;\n }\n // Navbar heading\n .navbar-heading {\n padding-top: $nav-link-padding-y;\n padding-bottom: $nav-link-padding-y;\n font-size: $font-size-xs;\n text-transform: uppercase;\n letter-spacing: 0.04em;\n }\n // Expanded navbar specific styles\n &.navbar-expand {\n @each $breakpoint, $dimension in $grid-breakpoints {\n &-#{$breakpoint} {\n @include media-breakpoint-up(#{$breakpoint}) {\n display: block;\n position: fixed;\n top: 0;\n bottom: 0;\n width: 100%;\n max-width: $navbar-vertical-open-width !important;\n overflow-y: auto;\n padding: 0;\n box-shadow: none;\n\n .navbar-collapse {\n display: block;\n overflow: auto;\n height: $navbar-vertical-inner;\n }\n // Container\n > [class*=\"container\"] {\n flex-direction: column;\n align-items: stretch;\n min-height: 100%;\n padding-left: 0;\n padding-right: 0; // Target IE 10 & 11\n @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n min-height: none;\n height: 100%;\n }\n }\n // Fixes the vertical navbar to the left\n &.fixed-start {\n left: 0;\n }\n // Fixed the vertical navbar to the right\n &.fixed-end {\n right: 0;\n }\n // Navbar navigation\n .navbar-nav .nav-link {\n padding-top: $navbar-vertical-nav-link-padding-y;\n padding-bottom: $navbar-vertical-nav-link-padding-y;\n margin: 0 $navbar-vertical-nav-link-padding-x;\n\n .nav-link-text,\n .sidenav-mini-icon,\n .sidenav-normal,\n i {\n pointer-events: none;\n }\n }\n\n .navbar-nav .nav-item {\n width: 100%;\n }\n\n .navbar-nav > .nav-item {\n margin-top: 0.125rem;\n\n .icon {\n .ni {\n top: 0;\n }\n }\n\n > .nav-link {\n .icon {\n svg {\n .color-background {\n fill: $dark-gradient-state;\n }\n\n .color-foreground {\n fill: $dark-gradient;\n }\n }\n }\n }\n }\n\n .lavalamp-object {\n width: calc(100% - 1rem) !important;\n background: theme-color(\"primary\");\n color: color-yiq($primary);\n margin-right: 0.5rem;\n margin-left: 0.5rem;\n padding-left: 1rem;\n padding-right: 1rem;\n border-radius: $border-radius-sm;\n }\n // Second level\n .navbar-nav .nav .nav-link {\n padding-top: $navbar-vertical-nav-link-padding-y / 1.5;\n padding-bottom: $navbar-vertical-nav-link-padding-y / 1.5;\n padding-left: 15px;\n\n > span.sidenav-normal {\n transition: all 0.1s ease 0s;\n }\n }\n }\n }\n }\n }\n}\n\n.sidenav {\n // Define colors\n @each $color, $value in $theme-colors {\n &[data-color=\"#{$color}\"] {\n .navbar-nav > .nav-item > .nav-link.active .icon {\n @include gradient-directional(nth(#{$value}, 1) 0%, nth(#{$value}, -1) 100%, $deg: 310deg);\n }\n }\n }\n}\n// Sidenav + Main content transition\n\n.main-content,\n.sidenav {\n transition: $transition-base;\n}\n//\n// Sidenav\n//\n\n.sidenav {\n z-index: 990;\n\n .navbar-brand,\n .navbar-heading {\n display: block;\n }\n @include media-breakpoint-up(xl) {\n &:hover {\n max-width: $navbar-vertical-open-width;\n }\n\n .sidenav-toggler {\n padding: 1.5rem;\n }\n\n &.fixed-start + .main-content {\n margin-left: $navbar-vertical-open-width + 1.5;\n }\n\n &.fixed-end + .main-content {\n margin-right: $navbar-vertical-open-width + 1.5;\n }\n }\n\n .navbar-heading .docs-mini {\n padding-left: 3px;\n }\n\n .navbar-heading {\n transition: all 0.1s ease;\n }\n\n .navbar-brand {\n padding: 1.5rem 2rem;\n }\n}\n\n.sidenav-header {\n height: $sidenav-header-width;\n}\n\n.sidenav-footer {\n .card {\n &.card-background {\n &:after {\n opacity: $sidenav-card-opacity;\n }\n }\n }\n}\n// Sidenav states\n\n.g-sidenav-show {\n .sidenav {\n .nav-item .collapse {\n height: auto;\n @include transition($transition-base);\n }\n\n .nav-link-text {\n transition: 0.3s ease;\n opacity: 1;\n }\n }\n}\n// Media fixes for iPhone 5 like resolutions\n@include media-breakpoint-down(xl) {\n .g-sidenav-show {\n &.rtl {\n .sidenav {\n transform: translateX($navbar-vertical-open-width + 1.5);\n }\n }\n\n &:not(.rtl) {\n .sidenav {\n transform: translateX(-($navbar-vertical-open-width + 1.5));\n }\n }\n\n .sidenav {\n &.fixed-start+.main-content {\n margin-left: 0 !important;\n }\n }\n\n &.g-sidenav-pinned {\n .sidenav {\n transform: translateX(0);\n }\n }\n }\n}\n\n.navbar-vertical {\n &.bg-white {\n box-shadow: $card-box-shadow;\n\n .navbar-nav {\n .nav-link {\n &.active {\n box-shadow: none;\n }\n\n .icon {\n @include gradient-directional(nth($light, 1) 0%, nth($light, -1) 100%, $deg: 310deg);\n }\n }\n }\n }\n\n .navbar-nav .nav-link.active {\n font-weight: $font-weight-bold;\n box-shadow: $card-box-shadow;\n border-radius: $border-radius-md;\n }\n\n .navbar-nav > .nav-item .nav-link.active {\n color: $dark;\n background-color: $white;\n\n .icon {\n @include gradient-directional(nth($primary, 1) 0%, nth($primary, -1) 100%, $deg: 310deg);\n\n svg {\n .color-background,\n .color-foreground {\n fill: $white;\n }\n }\n }\n }\n}\n\n.navbar-main {\n transition: box-shadow $transition-base-time ease-in, background-color $transition-base-time ease-in;\n\n &.fixed-top {\n width: calc(100% - (#{$navbar-vertical-open-width} + #{$spacer * 1.5} * 3));\n }\n\n &.fixed-top + [class*=\"container\"] {\n margin-top: 7.1875rem !important;\n }\n}\n// Navbar Vertical Extend\n.navbar-vertical {\n .navbar-nav .nav-link[data-bs-toggle=\"collapse\"] {\n &:after {\n display: inline-block;\n font-style: normal;\n font-variant: normal;\n text-rendering: auto;\n -webkit-font-smoothing: antialiased;\n font-family: 'Font Awesome 5 Free';\n font-weight: 700;\n content: \"\\f107\";\n margin-left: auto;\n color: rgba($dark-gradient-state,0.5);\n @include transition($transition-base);\n }\n // Expanded\n &[aria-expanded=\"true\"] {\n &:after {\n color: $dark-gradient-state;\n transform: rotate(180deg);\n }\n }\n }\n\n .navbar-nav {\n .nav-item {\n .collapse,\n .collapsing {\n .nav {\n @include transition($transition-base);\n\n .nav-item {\n .nav-link {\n position: relative;\n background-color: transparent;\n box-shadow: none;\n color: rgba($dark-gradient-state,0.5);\n margin-left: $navbar-vertical-collapse-margin-left;\n\n &:before {\n content: \"\";\n position: absolute;\n left: $navbar-vertical-collapse-left;\n top: $navbar-vertical-collapse-top;\n transform: $navbar-vertical-collapse-translate;\n height: $navbar-vertical-collapse-dot-size;\n width: $navbar-vertical-collapse-dot-size;\n border-radius: $border-radius-2xl;\n background: rgba($dark-gradient-state, 0.5);\n }\n\n &.active {\n color: $dark-gradient-state;\n\n &:before {\n height: $navbar-vertical-collapse-dot-size-active;\n width: $navbar-vertical-collapse-dot-size-active;\n background: $dark-gradient-state;\n }\n }\n }\n\n &.active {\n .nav-link {\n color: $dark-gradient-state;\n\n &:before {\n height: $navbar-vertical-collapse-dot-size-active;\n width: $navbar-vertical-collapse-dot-size-active;\n background: $dark-gradient-state;\n }\n }\n }\n // Third level\n .nav-item {\n .nav-link {\n &:before {\n content: none;\n }\n }\n }\n }\n }\n }\n }\n }\n\n &.blur {\n .navbar-nav > .nav-item {\n .nav-link {\n background-color: transparent;\n box-shadow: none;\n }\n }\n }\n}\n// Styles for minimized sidenav\n.navbar-vertical {\n .navbar-brand {\n .navbar-brand-img,\n span {\n @include transition($transition-base);\n }\n }\n\n .nav-item {\n .nav-link {\n span.sidenav-mini-icon {\n @include transition($transition-base);\n text-align: center;\n width: 0;\n }\n }\n }\n\n .docs-info {\n @include transition($transition-base);\n }\n}\n\n.g-sidenav-show:not(.g-sidenav-hidden) {\n .navbar-vertical {\n .nav-item {\n .nav-link {\n span.sidenav-mini-icon {\n opacity: 0;\n }\n }\n }\n }\n}\n@include media-breakpoint-up(xl) {\n .navbar-vertical {\n .navbar-nav {\n .nav-item {\n .nav-link {\n .icon {\n padding: 10px;\n }\n }\n }\n }\n }\n\n .g-sidenav-hidden {\n &.rtl .main-content {\n margin-right: $navbar-vertical-hidden-width !important;\n\n .navbar-vertical {\n &:hover {\n max-width: $navbar-vertical-open-width !important;\n }\n }\n }\n\n &.rtl {\n .sidenav:hover {\n & + .main-content {\n margin-right: $navbar-vertical-open-width + 1.5 !important;\n }\n }\n }\n\n .navbar-vertical {\n max-width: $navbar-vertical-hidden-width !important;\n\n &.fixed-start + .main-content {\n margin-left: $navbar-vertical-hidden-width + 1.5;\n }\n\n .navbar-brand {\n img {\n width: auto !important;\n }\n\n span {\n opacity: 0;\n }\n }\n\n .nav-item {\n .nav-link {\n .icon {\n padding: 10px;\n }\n\n .nav-link-text,\n .sidenav-normal {\n opacity: 0;\n width: 0;\n }\n\n .sidenav-mini-icon {\n min-width: $navbar-icon-min-width;\n margin-left: $navbar-icon-margin-left;\n opacity: 1;\n }\n\n &[data-bs-toggle=\"collapse\"]:after {\n content: \"\";\n }\n }\n\n .collapse {\n .nav {\n margin-left: 0 !important;\n padding-left: 0 !important;\n\n .nav-item {\n .nav-link {\n margin-left: $navbar-vertical-nav-link-padding-x;\n\n &:before {\n content: none;\n }\n\n &[data-bs-toggle=\"collapse\"]:after {\n content: \"\\f107\";\n }\n }\n }\n }\n }\n }\n\n .card.card-background {\n .icon-shape {\n margin-bottom: 0 !important;\n }\n\n .docs-info {\n opacity: 0;\n width: 0;\n height: 0;\n }\n }\n // Hover style on sidenav minimized\n &:hover {\n max-width: $navbar-vertical-open-width !important;\n\n &.fixed-start + .main-content {\n margin-left: $navbar-vertical-open-width + 1.5;\n }\n\n .navbar-brand {\n span {\n opacity: 1;\n }\n }\n\n .nav-item {\n .nav-link {\n .nav-link-text,\n .sidenav-normal {\n opacity: 1;\n width: auto;\n }\n\n .sidenav-mini-icon {\n opacity: 0;\n width: 0;\n min-width: 0;\n }\n\n &[data-bs-toggle=\"collapse\"]:after {\n content: \"\\f107\";\n }\n }\n\n .collapse {\n .nav {\n margin-left: 1.5rem !important;\n padding-left: 1rem !important;\n\n .nav-item {\n .nav-link {\n margin-left: $navbar-vertical-collapse-margin-left;\n\n &:before {\n content: \"\";\n }\n }\n\n .collapse,\n .collapsing {\n .nav {\n margin-left: 0 !important;\n padding-left: 0 !important;\n\n .nav-item {\n .nav-link {\n &:before {\n content: none;\n }\n }\n }\n }\n }\n }\n }\n }\n }\n\n .card.card-background {\n .icon-shape {\n margin-bottom: 1rem !important;\n }\n\n .docs-info {\n opacity: 1;\n width: auto;\n height: auto;\n }\n }\n }\n }\n }\n}\n",".nav {\n &.nav-pills {\n background: $nav-pills-background;\n border-radius: $nav-pills-border-radius;\n position: relative;\n &.nav-pills-vertical {\n border-radius: $nav-pills-vertical-radius;\n .nav-link {\n &.active {\n border-radius: $nav-pills-vertical-link-radius;\n }\n }\n }\n .nav-link {\n z-index: 3;\n color: $dark;\n border-radius: $nav-pills-link-border-radius;\n background-color: inherit;\n &.active {\n animation: $nav-pills-link-active-animation;\n }\n &:hover:not(.active) {\n color: $dark;\n }\n }\n &.nav-pills-primary {\n background: $white;\n color: $white;\n .nav-link{\n &.active{\n color: $white;\n }\n }\n .moving-tab {\n .nav-link.active {\n background: $primary-gradient;\n color: $primary-gradient;\n }\n }\n }\n &.nav-pills-info {\n background: $white;\n color: $white;\n .nav-link{\n &.active{\n color: $white;\n }\n }\n .moving-tab {\n .nav-link.active {\n background: $info-gradient;\n color: $info-gradient;\n }\n }\n }\n &.nav-pills-success {\n background: $white;\n color: $white;\n .nav-link{\n &.active{\n color: $white;\n }\n }\n .moving-tab {\n .nav-link.active {\n background: $success-gradient;\n color: $success-gradient;\n }\n }\n }\n &.nav-pills-warning {\n background: $white;\n color: $white;\n .nav-link{\n &.active{\n color: $white;\n }\n }\n .moving-tab {\n .nav-link.active {\n background: $warning-gradient;\n color: $warning-gradient;\n }\n }\n }\n &.nav-pills-danger {\n background: $white;\n color: $white;\n .nav-link{\n &.active{\n color: $white;\n }\n }\n .moving-tab {\n .nav-link.active {\n background: $danger-gradient;\n color: $danger-gradient;\n }\n }\n }\n .nav-item{\n z-index: 3;\n }\n }\n}\n.moving-tab {\n z-index: 1 !important;\n .nav-link {\n color: $white;\n transition: .2s ease;\n border-radius: $nav-pills-link-border-radius;\n &.active {\n color: $white;\n font-weight: $font-weight-bold;\n box-shadow: $nav-pills-link-box-shadow;\n animation: $nav-pills-link-active-animation;\n background: $white;\n }\n &:hover:not(.active) {\n color: $dark;\n }\n }\n}\n",".page-item {\n &.active .page-link {\n box-shadow: $pagination-active-box-shadow;\n }\n\n .page-link,\n span {\n display: $page-link-display;\n align-items: $page-link-align-items;\n justify-content: $page-link-justify-content;\n color: $secondary;\n padding: 0;\n margin: $page-link-margin;\n border-radius: $page-link-radius !important;\n width: $page-link-width;\n height: $page-link-height;\n font-size: $font-size-sm;\n }\n}\n\n.pagination-lg {\n .page-item {\n .page-link,\n span {\n width: $page-link-width-lg;\n height: $page-link-height-lg;\n line-height: $page-link-line-height-lg;\n }\n }\n}\n\n.pagination-sm {\n .page-item {\n .page-link,\n span {\n width: $page-link-width-sm;\n height: $page-link-height-sm;\n line-height: $page-link-line-height-sm;\n }\n }\n}\n\n\n// Colors\n.pagination {\n @each $name, $value in $theme-gradient-colors {\n &.pagination-#{$name} {\n .page-item.active > .page-link {\n &,\n &:focus,\n &:hover {\n @include gradient-directional(nth($value, 1) 0%, nth($value, -1) 100%, $deg: 310deg);\n border: none;\n }\n }\n }\n }\n}\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",".popover {\n box-shadow: $popover-box-shadow;\n}\n\n// popover title\n.popover {\n .popover-header {\n font-weight: 600;\n }\n}\n",".progress-bar {\n height: $progress-bar-height;\n border-radius: $border-radius;\n margin-top: -2px;\n}\n\n.progress {\n overflow: visible;\n\n &.progress-sm {\n height: $progress-height-sm;\n }\n &.progress-lg {\n height: $progress-height-lg;\n }\n}\n","// breadcrumb\n\n.rtl {\n .breadcrumb {\n .breadcrumb-item + .breadcrumb-item::before {\n float: right;\n padding-left: $breadcrumb-item-padding-x;\n padding-right: 0;\n }\n }\n\n .sidenav {\n .navbar-nav {\n width: 100%;\n padding-right: 0;\n }\n }\n\n .fixed-plugin {\n .fixed-plugin-button {\n left: $fixed-plugin-right;\n right: auto;\n }\n\n .card {\n left: -$fixed-plugin-card-width !important;\n right: auto;\n }\n\n &.show {\n .card {\n right: auto;\n left: 0 !important;\n }\n }\n }\n\n .timeline {\n .timeline-content {\n margin-right: $timeline-content-margin-left;\n margin-left: 0;\n }\n\n .timeline-step {\n transform: $timeline-step-transform-rtl;\n }\n\n &.timeline-one-side {\n &:before {\n right: $timeline-left;\n }\n\n .timeline-step {\n right: $timeline-left;\n }\n }\n }\n\n .form-check {\n &.form-switch {\n .form-check-input {\n &:after {\n transform: translateX(-$form-switch-translate-x-start);\n }\n\n &:checked:after {\n transform: translateX(-$form-switch-translate-x-end);\n }\n }\n }\n }\n\n .avatar-group {\n .avatar + .avatar {\n margin-left: 0;\n margin-right: $avatar-group-double;\n }\n }\n\n .dropdown {\n .dropdown-menu {\n left: 0;\n }\n }\n\n .input-group {\n .input-group-text {\n border-left: 0;\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n border-right: $input-border-width solid $input-border-color;\n }\n\n & > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {\n margin-right: -1px;\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n border-top-left-radius: $input-border-radius;\n border-bottom-left-radius: $input-border-radius;\n border-right: 0;\n border-left: $input-border-width solid $input-border-color;\n }\n\n &:not(.has-validation) > .dropdown-toggle:nth-last-child(n + 3),\n &:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) {\n border-top-right-radius: $input-border-radius;\n border-bottom-right-radius: $input-border-radius;\n }\n }\n}\n","// Timeline\n\n$timeline-axis-width: 2px !default;\n$timeline-axis-color: $border-color !default;\n$timeline-left: 1rem !default;\n\n$timeline-step-bg: $white !default;\n$timeline-step-width: 26px !default;\n$timeline-step-height: $timeline-step-width !default;\n$timeline-step-radius: 50% !default;\n$timeline-step-transform: translateX(-50%) !default;\n$timeline-step-line-height: 1.4 !default;\n\n$timeline-step-border-width: 2px !default;\n$timeline-step-border-color: $timeline-axis-color !default;\n\n$timeline-content-margin-left: 45px !default;\n$timeline-content-padding-top: .35rem !default;\n$timeline-content-top: -6px !default;\n","$timeline-step-transform-rtl: translateX(50%) !default;\n",".btn {\n // social buttons\n &.btn-facebook {\n @include social-buttons-color($facebook, $facebook-states);\n }\n &.btn-twitter {\n @include social-buttons-color($twitter, $twitter-states);\n }\n &.btn-pinterest {\n @include social-buttons-color($pinterest, $pinterest-states);\n }\n &.btn-linkedin {\n @include social-buttons-color($linkedin, $linkedin-states);\n }\n &.btn-dribbble {\n @include social-buttons-color($dribbble, $dribbble-states);\n }\n &.btn-github {\n @include social-buttons-color($github, $github-states);\n }\n &.btn-youtube {\n @include social-buttons-color($youtube, $youtube-states);\n }\n &.btn-instagram {\n @include social-buttons-color($instagram, $instagram-states);\n }\n &.btn-reddit {\n @include social-buttons-color($reddit, $reddit-states);\n }\n &.btn-tumblr {\n @include social-buttons-color($tumblr, $tumblr-states);\n }\n &.btn-behance {\n @include social-buttons-color($behance, $behance-states);\n }\n &.btn-vimeo {\n @include social-buttons-color($vimeo, $vimeo-states);\n }\n &.btn-slack {\n @include social-buttons-color($slack, $slack-states);\n }\n}\n","// for social buttons\n@mixin social-buttons-color ($color, $state-color) {\n background-color: $color;\n color: $white;\n\n &:focus,\n &:hover {\n background-color: $state-color;\n color: $white;\n }\n &:active,\n &:focus,\n &:active:focus {\n box-shadow: none;\n }\n\n &.btn-simple {\n color: $state-color;\n background-color: transparent;\n background-image: none !important;\n box-shadow: none;\n border: none;\n\n &:hover,\n &:focus,\n &:hover:focus,\n &:active,\n &:hover:focus:active {\n color: $state-color;\n background: transparent !important;\n box-shadow: none !important;\n }\n }\n\n\n &.btn-neutral {\n color: $color;\n background-color: $white;\n\n &:hover,\n &:focus,\n &:active {\n color: $state-color;\n }\n }\n}\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","// General styles\n\n.table {\n thead th {\n padding: $table-head-spacer-y $table-head-spacer-x;\n text-transform: $table-head-text-transform;\n letter-spacing: $table-head-letter-spacing;\n border-bottom: $table-border-width solid $table-border-color;\n }\n\n th {\n font-weight: $table-head-font-weight;\n }\n\n td {\n .progress {\n height: $table-progress-height;\n width: $table-progress-width;\n margin: $table-progress-margin; \n }\n }\n\n td,\n th {\n white-space: nowrap;\n }\n // Vetical align table content\n &.align-items-center {\n td,\n th {\n vertical-align: middle;\n }\n }\n tbody{\n tr:last-child{\n td{\n border-width: 0;\n }\n }\n }\n\n > :not(:last-child) > :last-child > * {\n border-bottom-color: $light;\n }\n}\n","//\n// Timeline\n//\n\n\n.timeline {\n position: relative;\n\n // Axis\n\n &:before {\n content: '';\n position: absolute;\n top: 0;\n left: $timeline-left;\n height: 100%;\n border-right: $timeline-axis-width solid $timeline-axis-color;\n }\n}\n\n\n\n// Timeline blocks\n\n.timeline-block {\n position: relative;\n\n &:after {\n content: \"\";\n display: table;\n clear: both;\n }\n\n &:first-child {\n margin-top: 0;\n }\n\n &:last-child {\n margin-bottom: 0;\n }\n}\n\n// Timeline steps\n\n.timeline-step {\n position: absolute;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n left: 0;\n width: $timeline-step-width;\n height: $timeline-step-height;\n border-radius: $timeline-step-radius;\n background: $timeline-step-bg;\n // border: $timeline-step-border-width solid $timeline-step-border-color;\n text-align: center;\n transform: $timeline-step-transform;\n font-size: $font-size-base;\n font-weight: $font-weight-bold;\n z-index: 1;\n\n svg, i {\n line-height: $timeline-step-line-height;\n }\n}\n\n\n\n// Timeline content and body\n.timeline-content {\n position: relative;\n margin-left: $timeline-content-margin-left;\n padding-top: $timeline-content-padding-top;\n position: relative;\n top: $timeline-content-top;\n\n &:after {\n content: \"\";\n display: table;\n clear: both;\n }\n}\n\n\n@include media-breakpoint-up(lg) {\n .timeline {\n &:before {\n left: 50%;\n margin-left: -1px;\n }\n }\n\n .timeline-step {\n left: 50%;\n }\n\n .timeline-content {\n\n width: 38%;\n }\n\n .timeline-block:nth-child(even) .timeline-content {\n float: right;\n }\n}\n\n// One side timeline\n\n.timeline-one-side {\n &:before {\n left: $timeline-left;\n }\n\n .timeline-step {\n left: $timeline-left;\n }\n\n .timeline-content {\n width: auto;\n }\n\n @include media-breakpoint-up(lg) {\n .timeline-content {\n max-width: 30rem;\n }\n }\n}\n\n.timeline-one-side .timeline-block:nth-child(even) .timeline-content {\n float: none;\n}\n","// Tilt Animation\n.tilt {\n -webkit-transform-style: $tilt-transform-style;\n transform-style: $tilt-transform-style;\n\n .up {\n -webkit-transform: $tilt-transform-up-transform;\n transform: $tilt-transform-up-transform !important;\n transition: $tilt-transform-up-transition;\n }\n}\n",".bs-tooltip-auto[x-placement^=right] .tooltip-arrow,\n.bs-tooltip-right .tooltip-arrow {\n left: $tooltip-arrow-left;\n}\n\n.bs-tooltip-auto[x-placement^=left] .tooltip-arrow,\n.bs-tooltip-left .tooltip-arrow {\n right: $tooltip-arrow-right;\n}\n","html *{\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\nbody {\n font-weight: $font-weight-normal;\n line-height: $p-line-height;\n}\n\nh1, .h1 {\n font-size: $h1-font-size;\n line-height: $h1-line-height;\n letter-spacing: $btn-letter-spacing;\n\n @include media-breakpoint-down(sm) {\n font-size: rfs-fluid-value($h1-font-size);\n }\n}\n\nh2, .h2 {\n font-size: $h2-font-size;\n line-height: $h2-line-height;\n letter-spacing: $letter-wider;\n\n @include media-breakpoint-down(sm) {\n font-size: rfs-fluid-value($h2-font-size);\n }\n}\n\nh3, .h3 {\n font-size: $h3-font-size;\n line-height: $h3-line-height;\n\n @include media-breakpoint-down(sm) {\n font-size: rfs-fluid-value($h3-font-size);\n }\n}\n\nh4, .h4 {\n font-size: $h4-font-size;\n line-height: $h4-line-height;\n\n @include media-breakpoint-down(sm) {\n font-size: rfs-fluid-value($h4-font-size);\n }\n}\n\nh5, .h5 {\n font-size: $h5-font-size;\n line-height: $h5-line-height;\n\n @include media-breakpoint-down(sm) {\n font-size: rfs-fluid-value($h5-font-size);\n }\n}\n\nh6, .h6 {\n font-size: $h6-font-size;\n line-height: $h6-line-height;\n}\n\np, .p {\n font-size: $font-size-base;\n font-weight: $p-font-weight;\n line-height: $p-line-height;\n}\n\n.lead {\n font-size: $lead-font-size;\n font-weight: $lead-font-weight;\n line-height: $lead-line-height;\n}\n\nh1, .h1,\nh2, .h2,\nh3, .h3 {\n font-weight: $font-weight-bolder;\n}\n\nh4, .h4,\nh5, .h5,\nh6, .h6 {\n font-weight: $font-weight-bold;\n}\n\nh1, .h1,\nh2, .h2,\nh3, .h3,\nh4, .h4 {\n letter-spacing: $letter-tighter;\n}\n\na {\n letter-spacing: $a-letter-spacing;\n color: $dark;\n}\n\n.text-sm {\n line-height: $text-sm-line-height;\n}\n.text-xs {\n line-height: $text-xs-line-height;\n}\n\np, .p {\n @include font-size($p-font-size);\n}\n.lead {\n @include font-size($lead-font-size);\n}\n.text-lg {\n @include font-size($font-size-lg !important);\n}\n.text-sm {\n @include font-size($font-size-sm !important);\n}\n.text-xs {\n @include font-size($font-size-xs !important);\n}\n.text-xxs {\n @include font-size($font-size-xxs !important);\n}\n\np {\n line-height: 1.625;\n font-weight: $font-weight-normal;\n}\n\n// stylelint-disable declaration-no-important\n//\n// Text\n//\n.text-sans-serif {\n font-family: $font-family-sans-serif !important;\n}\n.text-monospace {\n font-family: $font-family-monospace !important;\n}\n\n// Alignment\n.text-justify {\n text-align: justify !important;\n}\n\n.text-wrap {\n white-space: normal !important;\n}\n\n.text-nowrap {\n white-space: nowrap !important;\n}\n\n.text-truncate {\n @include text-truncate();\n}\n\n// Weight and italics\n.font-weight-light {\n font-weight: $font-weight-light !important;\n}\n\n.font-weight-lighter {\n font-weight: $font-weight-lighter !important;\n}\n\n.font-weight-normal {\n font-weight: $font-weight-normal !important;\n}\n\n.font-weight-bold {\n font-weight: $font-weight-bold !important;\n}\n\n.font-weight-bolder {\n font-weight: $font-weight-bolder !important;\n}\n\n.font-italic {\n font-style: italic !important;\n}\n// Contextual colors\n\n.text-gradient {\n background-clip: $text-gradient-bg-clip;\n -webkit-background-clip: $text-gradient-bg-clip;\n -webkit-text-fill-color: $text-gradient-text-fill;\n position: $text-gradient-position;\n z-index: $text-gradient-zindex;\n\n &.text-primary {\n background-image: $text-gradient-bg-primary;\n }\n &.text-info {\n background-image: $text-gradient-bg-info;\n }\n &.text-success {\n background-image: $text-gradient-bg-success;\n }\n &.text-warning {\n background-image: $text-gradient-bg-warning;\n }\n &.text-danger {\n background-image: $text-gradient-bg-danger;\n }\n &.text-dark {\n background-image: $text-gradient-bg-dark;\n }\n}\n\n.blockquote {\n border-left: 3px solid $text-muted;\n > span {\n font-style: italic;\n }\n}\n\n.text-muted {\n color: $text-secondary !important;\n}\n\n.text-black-50 {\n color: rgba($black, .5) !important;\n}\n\n.text-white-50 {\n color: rgba($white, .5) !important;\n}\n\n.text-decoration-none {\n text-decoration: none !important;\n}\n\n.text-break {\n word-wrap: break-word !important;\n}\n// Reset\n.text-reset {\n color: inherit !important;\n}\n\n// Letter Spacing\n\n.letter-wider {\n letter-spacing: $letter-wider;\n}\n.letter-normal {\n letter-spacing: $letter-normal;\n}\n.letter-tighter {\n letter-spacing: $letter-tighter;\n}\n\n// Font Weight\n\n.text-lighter {\n font-weight: $font-weight-lighter;\n}\n.text-light {\n font-weight: $font-weight-light;\n}\n.text-normal {\n font-weight: $font-weight-normal;\n}\n.text-bold {\n font-weight: $font-weight-bold;\n}\n.text-bolder {\n font-weight: $font-weight-bolder;\n}\n",".flatpickr-calendar {\n background: transparent;\n opacity: 0;\n display: none;\n text-align: center;\n visibility: hidden;\n padding: 0;\n -webkit-animation: none;\n animation: none;\n direction: ltr;\n border: 0;\n font-size: 14px;\n line-height: 24px;\n border-radius: 5px;\n position: absolute;\n width: 307.875px;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n -ms-touch-action: manipulation;\n touch-action: manipulation;\n background: #fff;\n -webkit-box-shadow: $box-shadow-lg;\n}\n.flatpickr-calendar.open,\n.flatpickr-calendar.inline {\n opacity: 1;\n max-height: 640px;\n visibility: visible;\n}\n.flatpickr-calendar.open {\n display: inline-block;\n z-index: 99999;\n}\n.flatpickr-calendar.animate.open {\n -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);\n animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);\n}\n.flatpickr-calendar.inline {\n display: block;\n position: relative;\n top: 2px;\n}\n.flatpickr-calendar.static {\n position: absolute;\n top: calc(100% + 2px);\n}\n.flatpickr-calendar.static.open {\n z-index: 999;\n display: block;\n}\n.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {\n -webkit-box-shadow: none !important;\n box-shadow: none !important;\n}\n.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {\n -webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;\n box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;\n}\n.flatpickr-calendar .hasWeeks .dayContainer,\n.flatpickr-calendar .hasTime .dayContainer {\n border-bottom: 0;\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0;\n}\n.flatpickr-calendar .hasWeeks .dayContainer {\n border-left: 0;\n}\n.flatpickr-calendar.hasTime .flatpickr-time {\n height: 40px;\n border-top: 1px solid #e6e6e6;\n}\n.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {\n height: auto;\n}\n.flatpickr-calendar:before,\n.flatpickr-calendar:after {\n position: absolute;\n display: block;\n pointer-events: none;\n border: solid transparent;\n content: '';\n height: 0;\n width: 0;\n left: 22px;\n}\n.flatpickr-calendar.rightMost:before,\n.flatpickr-calendar.arrowRight:before,\n.flatpickr-calendar.rightMost:after,\n.flatpickr-calendar.arrowRight:after {\n left: auto;\n right: 22px;\n}\n.flatpickr-calendar.arrowCenter:before,\n.flatpickr-calendar.arrowCenter:after {\n left: 50%;\n right: 50%;\n}\n.flatpickr-calendar:before {\n border-width: 5px;\n margin: 0 -5px;\n}\n.flatpickr-calendar:after {\n border-width: 4px;\n margin: 0 -4px;\n}\n.flatpickr-calendar.arrowTop:before,\n.flatpickr-calendar.arrowTop:after {\n bottom: 100%;\n}\n.flatpickr-calendar.arrowTop:before {\n border-bottom-color: #fff;\n}\n.flatpickr-calendar.arrowTop:after {\n border-bottom-color: #fff;\n}\n.flatpickr-calendar.arrowBottom:before,\n.flatpickr-calendar.arrowBottom:after {\n top: 100%;\n}\n.flatpickr-calendar.arrowBottom:before {\n border-top-color: #e6e6e6;\n}\n.flatpickr-calendar.arrowBottom:after {\n border-top-color: #fff;\n}\n.flatpickr-calendar:focus {\n outline: 0;\n}\n.flatpickr-wrapper {\n position: relative;\n display: inline-block;\n}\n.flatpickr-months {\n display: -webkit-box;\n display: -webkit-flex;\n display: -ms-flexbox;\n display: flex;\n}\n.flatpickr-months .flatpickr-month {\n background: transparent;\n color: rgba(0,0,0,0.9);\n fill: rgba(0,0,0,0.9);\n height: 34px;\n line-height: 1;\n text-align: center;\n position: relative;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n overflow: hidden;\n -webkit-box-flex: 1;\n -webkit-flex: 1;\n -ms-flex: 1;\n flex: 1;\n}\n.flatpickr-months .flatpickr-prev-month,\n.flatpickr-months .flatpickr-next-month {\n text-decoration: none;\n cursor: pointer;\n position: absolute;\n top: 0;\n height: 34px;\n padding: 10px;\n z-index: 3;\n color: rgba(0,0,0,0.9);\n fill: rgba(0,0,0,0.9);\n}\n.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,\n.flatpickr-months .flatpickr-next-month.flatpickr-disabled {\n display: none;\n}\n.flatpickr-months .flatpickr-prev-month i,\n.flatpickr-months .flatpickr-next-month i {\n position: relative;\n}\n.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,\n.flatpickr-months .flatpickr-next-month.flatpickr-prev-month {\n/*\n /*rtl:begin:ignore*/\n/*\n */\n left: 0;\n/*\n /*rtl:end:ignore*/\n/*\n */\n}\n/*\n /*rtl:begin:ignore*/\n/*\n /*rtl:end:ignore*/\n.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,\n.flatpickr-months .flatpickr-next-month.flatpickr-next-month {\n/*\n /*rtl:begin:ignore*/\n/*\n */\n right: 0;\n/*\n /*rtl:end:ignore*/\n/*\n */\n}\n/*\n /*rtl:begin:ignore*/\n/*\n /*rtl:end:ignore*/\n.flatpickr-months .flatpickr-prev-month:hover,\n.flatpickr-months .flatpickr-next-month:hover {\n color: #959ea9;\n}\n.flatpickr-months .flatpickr-prev-month:hover svg,\n.flatpickr-months .flatpickr-next-month:hover svg {\n fill: #f64747;\n}\n.flatpickr-months .flatpickr-prev-month svg,\n.flatpickr-months .flatpickr-next-month svg {\n width: 14px;\n height: 14px;\n}\n.flatpickr-months .flatpickr-prev-month svg path,\n.flatpickr-months .flatpickr-next-month svg path {\n -webkit-transition: fill 0.1s;\n transition: fill 0.1s;\n fill: inherit;\n}\n.numInputWrapper {\n position: relative;\n height: auto;\n}\n.numInputWrapper input,\n.numInputWrapper span {\n display: inline-block;\n}\n.numInputWrapper input {\n width: 100%;\n}\n.numInputWrapper input::-ms-clear {\n display: none;\n}\n.numInputWrapper input::-webkit-outer-spin-button,\n.numInputWrapper input::-webkit-inner-spin-button {\n margin: 0;\n -webkit-appearance: none;\n}\n.numInputWrapper span {\n position: absolute;\n right: 0;\n width: 14px;\n padding: 0 4px 0 2px;\n height: 50%;\n line-height: 50%;\n opacity: 0;\n cursor: pointer;\n border: 1px solid rgba(57,57,57,0.15);\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n.numInputWrapper span:hover {\n background: rgba(0,0,0,0.1);\n}\n.numInputWrapper span:active {\n background: rgba(0,0,0,0.2);\n}\n.numInputWrapper span:after {\n display: block;\n content: \"\";\n position: absolute;\n}\n.numInputWrapper span.arrowUp {\n top: 0;\n border-bottom: 0;\n}\n.numInputWrapper span.arrowUp:after {\n border-left: 4px solid transparent;\n border-right: 4px solid transparent;\n border-bottom: 4px solid rgba(57,57,57,0.6);\n top: 26%;\n}\n.numInputWrapper span.arrowDown {\n top: 50%;\n}\n.numInputWrapper span.arrowDown:after {\n border-left: 4px solid transparent;\n border-right: 4px solid transparent;\n border-top: 4px solid rgba(57,57,57,0.6);\n top: 40%;\n}\n.numInputWrapper span svg {\n width: inherit;\n height: auto;\n}\n.numInputWrapper span svg path {\n fill: rgba(0,0,0,0.5);\n}\n.numInputWrapper:hover {\n background: rgba(0,0,0,0.05);\n}\n.numInputWrapper:hover span {\n opacity: 1;\n}\n.flatpickr-current-month {\n font-size: 135%;\n line-height: inherit;\n font-weight: 300;\n color: inherit;\n position: absolute;\n width: 75%;\n left: 12.5%;\n padding: 7.48px 0 0 0;\n line-height: 1;\n height: 34px;\n display: inline-block;\n text-align: center;\n -webkit-transform: translate3d(0px, 0px, 0px);\n transform: translate3d(0px, 0px, 0px);\n}\n.flatpickr-current-month span.cur-month {\n font-family: inherit;\n font-weight: 700;\n color: inherit;\n display: inline-block;\n margin-left: 0.5ch;\n padding: 0;\n}\n.flatpickr-current-month span.cur-month:hover {\n background: rgba(0,0,0,0.05);\n}\n.flatpickr-current-month .numInputWrapper {\n width: 6ch;\n width: 7ch\\0;\n display: inline-block;\n}\n.flatpickr-current-month .numInputWrapper span.arrowUp:after {\n border-bottom-color: rgba(0,0,0,0.9);\n}\n.flatpickr-current-month .numInputWrapper span.arrowDown:after {\n border-top-color: rgba(0,0,0,0.9);\n}\n.flatpickr-current-month input.cur-year {\n background: transparent;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n color: inherit;\n cursor: text;\n padding: 0 0 0 0.5ch;\n margin: 0;\n display: inline-block;\n font-size: inherit;\n font-family: inherit;\n font-weight: 300;\n line-height: inherit;\n height: auto;\n border: 0;\n border-radius: 0;\n vertical-align: initial;\n -webkit-appearance: textfield;\n -moz-appearance: textfield;\n appearance: textfield;\n}\n.flatpickr-current-month input.cur-year:focus {\n outline: 0;\n}\n.flatpickr-current-month input.cur-year[disabled],\n.flatpickr-current-month input.cur-year[disabled]:hover {\n font-size: 100%;\n color: rgba(0,0,0,0.5);\n background: transparent;\n pointer-events: none;\n}\n.flatpickr-current-month .flatpickr-monthDropdown-months {\n appearance: menulist;\n background: transparent;\n border: none;\n border-radius: 0;\n box-sizing: border-box;\n color: inherit;\n cursor: pointer;\n font-size: inherit;\n font-family: inherit;\n font-weight: 300;\n height: auto;\n line-height: inherit;\n margin: -1px 0 0 0;\n outline: none;\n padding: 0 0 0 0.5ch;\n position: relative;\n vertical-align: initial;\n -webkit-box-sizing: border-box;\n -webkit-appearance: menulist;\n -moz-appearance: menulist;\n width: auto;\n}\n.flatpickr-current-month .flatpickr-monthDropdown-months:focus,\n.flatpickr-current-month .flatpickr-monthDropdown-months:active {\n outline: none;\n}\n.flatpickr-current-month .flatpickr-monthDropdown-months:hover {\n background: rgba(0,0,0,0.05);\n}\n.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {\n background-color: transparent;\n outline: none;\n padding: 0;\n}\n.flatpickr-weekdays {\n background: transparent;\n text-align: center;\n overflow: hidden;\n width: 100%;\n display: -webkit-box;\n display: -webkit-flex;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -webkit-align-items: center;\n -ms-flex-align: center;\n align-items: center;\n height: 28px;\n}\n.flatpickr-weekdays .flatpickr-weekdaycontainer {\n display: -webkit-box;\n display: -webkit-flex;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-flex: 1;\n -webkit-flex: 1;\n -ms-flex: 1;\n flex: 1;\n}\nspan.flatpickr-weekday {\n cursor: default;\n font-size: 90%;\n background: transparent;\n color: rgba(0,0,0,0.54);\n line-height: 1;\n margin: 0;\n text-align: center;\n display: block;\n -webkit-box-flex: 1;\n -webkit-flex: 1;\n -ms-flex: 1;\n flex: 1;\n font-weight: bolder;\n}\n.dayContainer,\n.flatpickr-weeks {\n padding: 1px 0 0 0;\n}\n.flatpickr-days {\n position: relative;\n overflow: hidden;\n display: -webkit-box;\n display: -webkit-flex;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: start;\n -webkit-align-items: flex-start;\n -ms-flex-align: start;\n align-items: flex-start;\n width: 307.875px;\n}\n.flatpickr-days:focus {\n outline: 0;\n}\n.dayContainer {\n padding: 0;\n outline: 0;\n text-align: left;\n width: 307.875px;\n min-width: 307.875px;\n max-width: 307.875px;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n display: inline-block;\n display: -ms-flexbox;\n display: -webkit-box;\n display: -webkit-flex;\n display: flex;\n -webkit-flex-wrap: wrap;\n flex-wrap: wrap;\n -ms-flex-wrap: wrap;\n -ms-flex-pack: justify;\n -webkit-justify-content: space-around;\n justify-content: space-around;\n -webkit-transform: translate3d(0px, 0px, 0px);\n transform: translate3d(0px, 0px, 0px);\n opacity: 1;\n}\n.dayContainer + .dayContainer {\n -webkit-box-shadow: -1px 0 0 #e6e6e6;\n box-shadow: -1px 0 0 #e6e6e6;\n}\n.flatpickr-day {\n background: none;\n border: 1px solid transparent;\n border-radius: 150px;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n color: #393939;\n cursor: pointer;\n font-weight: 400;\n width: 14.2857143%;\n -webkit-flex-basis: 14.2857143%;\n -ms-flex-preferred-size: 14.2857143%;\n flex-basis: 14.2857143%;\n max-width: 39px;\n height: 39px;\n line-height: 39px;\n margin: 0;\n display: inline-block;\n position: relative;\n -webkit-box-pack: center;\n -webkit-justify-content: center;\n -ms-flex-pack: center;\n justify-content: center;\n text-align: center;\n}\n.flatpickr-day.inRange,\n.flatpickr-day.prevMonthDay.inRange,\n.flatpickr-day.nextMonthDay.inRange,\n.flatpickr-day.today.inRange,\n.flatpickr-day.prevMonthDay.today.inRange,\n.flatpickr-day.nextMonthDay.today.inRange,\n.flatpickr-day:hover,\n.flatpickr-day.prevMonthDay:hover,\n.flatpickr-day.nextMonthDay:hover,\n.flatpickr-day:focus,\n.flatpickr-day.prevMonthDay:focus,\n.flatpickr-day.nextMonthDay:focus {\n cursor: pointer;\n outline: 0;\n background: #e6e6e6;\n border-color: #e6e6e6;\n}\n.flatpickr-day.today {\n border-color: #959ea9;\n}\n.flatpickr-day.today:hover,\n.flatpickr-day.today:focus {\n border-color: #959ea9;\n background: #959ea9;\n color: #fff;\n}\n.flatpickr-day.selected,\n.flatpickr-day.startRange,\n.flatpickr-day.endRange,\n.flatpickr-day.selected.inRange,\n.flatpickr-day.startRange.inRange,\n.flatpickr-day.endRange.inRange,\n.flatpickr-day.selected:focus,\n.flatpickr-day.startRange:focus,\n.flatpickr-day.endRange:focus,\n.flatpickr-day.selected:hover,\n.flatpickr-day.startRange:hover,\n.flatpickr-day.endRange:hover,\n.flatpickr-day.selected.prevMonthDay,\n.flatpickr-day.startRange.prevMonthDay,\n.flatpickr-day.endRange.prevMonthDay,\n.flatpickr-day.selected.nextMonthDay,\n.flatpickr-day.startRange.nextMonthDay,\n.flatpickr-day.endRange.nextMonthDay {\n background: #569ff7;\n -webkit-box-shadow: none;\n box-shadow: none;\n color: #fff;\n border-color: #569ff7;\n}\n.flatpickr-day.selected.startRange,\n.flatpickr-day.startRange.startRange,\n.flatpickr-day.endRange.startRange {\n border-radius: 50px 0 0 50px;\n}\n.flatpickr-day.selected.endRange,\n.flatpickr-day.startRange.endRange,\n.flatpickr-day.endRange.endRange {\n border-radius: 0 50px 50px 0;\n}\n.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),\n.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),\n.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {\n -webkit-box-shadow: -10px 0 0 #569ff7;\n box-shadow: -10px 0 0 #569ff7;\n}\n.flatpickr-day.selected.startRange.endRange,\n.flatpickr-day.startRange.startRange.endRange,\n.flatpickr-day.endRange.startRange.endRange {\n border-radius: 50px;\n}\n.flatpickr-day.inRange {\n border-radius: 0;\n -webkit-box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;\n box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;\n}\n.flatpickr-day.flatpickr-disabled,\n.flatpickr-day.flatpickr-disabled:hover,\n.flatpickr-day.prevMonthDay,\n.flatpickr-day.nextMonthDay,\n.flatpickr-day.notAllowed,\n.flatpickr-day.notAllowed.prevMonthDay,\n.flatpickr-day.notAllowed.nextMonthDay {\n color: rgba(57,57,57,0.3);\n background: transparent;\n border-color: transparent;\n cursor: default;\n}\n.flatpickr-day.flatpickr-disabled,\n.flatpickr-day.flatpickr-disabled:hover {\n cursor: not-allowed;\n color: rgba(57,57,57,0.1);\n}\n.flatpickr-day.week.selected {\n border-radius: 0;\n -webkit-box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;\n box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;\n}\n.flatpickr-day.hidden {\n visibility: hidden;\n}\n.rangeMode .flatpickr-day {\n margin-top: 1px;\n}\n.flatpickr-weekwrapper {\n float: left;\n}\n.flatpickr-weekwrapper .flatpickr-weeks {\n padding: 0 12px;\n -webkit-box-shadow: 1px 0 0 #e6e6e6;\n box-shadow: 1px 0 0 #e6e6e6;\n}\n.flatpickr-weekwrapper .flatpickr-weekday {\n float: none;\n width: 100%;\n line-height: 28px;\n}\n.flatpickr-weekwrapper span.flatpickr-day,\n.flatpickr-weekwrapper span.flatpickr-day:hover {\n display: block;\n width: 100%;\n max-width: none;\n color: rgba(57,57,57,0.3);\n background: transparent;\n cursor: default;\n border: none;\n}\n.flatpickr-innerContainer {\n display: block;\n display: -webkit-box;\n display: -webkit-flex;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n overflow: hidden;\n}\n.flatpickr-rContainer {\n display: inline-block;\n padding: 0;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n.flatpickr-time {\n text-align: center;\n outline: 0;\n display: block;\n height: 0;\n line-height: 40px;\n max-height: 40px;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n overflow: hidden;\n display: -webkit-box;\n display: -webkit-flex;\n display: -ms-flexbox;\n display: flex;\n}\n.flatpickr-time:after {\n content: \"\";\n display: table;\n clear: both;\n}\n.flatpickr-time .numInputWrapper {\n -webkit-box-flex: 1;\n -webkit-flex: 1;\n -ms-flex: 1;\n flex: 1;\n width: 40%;\n height: 40px;\n float: left;\n}\n.flatpickr-time .numInputWrapper span.arrowUp:after {\n border-bottom-color: #393939;\n}\n.flatpickr-time .numInputWrapper span.arrowDown:after {\n border-top-color: #393939;\n}\n.flatpickr-time.hasSeconds .numInputWrapper {\n width: 26%;\n}\n.flatpickr-time.time24hr .numInputWrapper {\n width: 49%;\n}\n.flatpickr-time input {\n background: transparent;\n -webkit-box-shadow: none;\n box-shadow: none;\n border: 0;\n border-radius: 0;\n text-align: center;\n margin: 0;\n padding: 0;\n height: inherit;\n line-height: inherit;\n color: #393939;\n font-size: 14px;\n position: relative;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n -webkit-appearance: textfield;\n -moz-appearance: textfield;\n appearance: textfield;\n}\n.flatpickr-time input.flatpickr-hour {\n font-weight: bold;\n}\n.flatpickr-time input.flatpickr-minute,\n.flatpickr-time input.flatpickr-second {\n font-weight: 400;\n}\n.flatpickr-time input:focus {\n outline: 0;\n border: 0;\n}\n.flatpickr-time .flatpickr-time-separator,\n.flatpickr-time .flatpickr-am-pm {\n height: inherit;\n float: left;\n line-height: inherit;\n color: #393939;\n font-weight: bold;\n width: 2%;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -webkit-align-self: center;\n -ms-flex-item-align: center;\n align-self: center;\n}\n.flatpickr-time .flatpickr-am-pm {\n outline: 0;\n width: 18%;\n cursor: pointer;\n text-align: center;\n font-weight: 400;\n}\n.flatpickr-time input:hover,\n.flatpickr-time .flatpickr-am-pm:hover,\n.flatpickr-time input:focus,\n.flatpickr-time .flatpickr-am-pm:focus {\n background: #eee;\n}\n.flatpickr-input[readonly] {\n cursor: pointer;\n}\n@-webkit-keyframes fpFadeInDown {\n from {\n opacity: 0;\n -webkit-transform: translate3d(0, -20px, 0);\n transform: translate3d(0, -20px, 0);\n }\n to {\n opacity: 1;\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n }\n}\n@keyframes fpFadeInDown {\n from {\n opacity: 0;\n -webkit-transform: translate3d(0, -20px, 0);\n transform: translate3d(0, -20px, 0);\n }\n to {\n opacity: 1;\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n }\n}\n\n\n\n\n//////////// Creative Tim Changes\n\n.datepicker.flatpickr-input{\n background-color: $white;\n}\n\n.flatpickr-calendar {\n\n &.open {\n margin-left: -38px;\n margin-top: 4px;\n }\n\n &.arrowBottom {\n margin-top: -20px;\n }\n\n .flatpickr-innerContainer {\n margin-top: 15px !important;\n }\n\n .numInputWrapper {\n span {\n border: none;\n border-bottom: 1px solid rgba(57, 57, 57, 0.15);\n }\n\n &:hover {\n .arrowUp,\n .arrowDown {\n margin-top: 3px;\n }\n }\n }\n\n .flatpickr-day {\n &.today,\n &.selected,\n &.startRange,\n &.endRange {\n background: $primary !important;\n color: $white;\n border: none;\n }\n\n &.inRange {\n background: rgba(94, 114, 228, 0.28);\n border: none;\n -webkit-box-shadow: -5px 0 0 #D7DCF8, 5px 0 0 #D7DCF8;\n box-shadow: -5px 0 0 #D7DCF8, 5px 0 0 #D7DCF8;\n }\n\n &:not(.selected) {\n &:hover,\n &:focus {\n background: rgba(94, 114, 228, 0.28);\n border: none;\n }\n }\n }\n\n .flatpickr-time input:hover,\n .flatpickr-time .flatpickr-am-pm:hover,\n .flatpickr-time input:focus,\n .flatpickr-time .flatpickr-am-pm:focus {\n background: rgba(94, 114, 228, 0.28);\n }\n}\n\n.flatpickr {\n &.form-control {\n background: $white;\n }\n}\n\n.flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)),\n.flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)),\n.flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)){\n box-shadow: -10px 0 0 $primary;\n}\n\n////////////\n","/*! nouislider - 14.6.3 - 11/19/2020 */\n/* Functional styling;\n * These styles are required for noUiSlider to function.\n * You don't need to change these rules to apply your design.\n */\n.noUi-target,\n.noUi-target * {\n -webkit-touch-callout: none;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n -webkit-user-select: none;\n -ms-touch-action: none;\n touch-action: none;\n -ms-user-select: none;\n -moz-user-select: none;\n user-select: none;\n -moz-box-sizing: border-box;\n box-sizing: border-box;\n}\n.noUi-target {\n position: relative;\n}\n.noUi-base,\n.noUi-connects {\n width: 100%;\n height: 6px;\n position: relative;\n z-index: 1;\n top: -1px;\n}\n/* Wrapper for all connect elements.\n */\n.noUi-connects {\n z-index: 0;\n overflow: hidden;\n}\n.noUi-connect,\n.noUi-origin {\n will-change: transform;\n position: absolute;\n z-index: 1;\n top: 0;\n right: 0;\n -ms-transform-origin: 0 0;\n -webkit-transform-origin: 0 0;\n -webkit-transform-style: preserve-3d;\n transform-origin: 0 0;\n transform-style: flat;\n}\n.noUi-connect {\n height: 100%;\n width: 100%;\n border-radius: 0.25rem;\n}\n.noUi-origin {\n height: 10%;\n width: 10%;\n}\n/* Offset direction\n */\n.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {\n left: 0;\n right: auto;\n}\n/* Give origins 0 height/width so they don't interfere with clicking the\n * connect elements.\n */\n.noUi-vertical .noUi-origin {\n width: 0;\n}\n.noUi-horizontal .noUi-origin {\n height: 0;\n}\n.noUi-handle {\n -webkit-backface-visibility: hidden;\n backface-visibility: hidden;\n position: absolute;\n}\n.noUi-touch-area {\n height: 100%;\n width: 100%;\n}\n.noUi-state-tap .noUi-connect,\n.noUi-state-tap .noUi-origin {\n -webkit-transition: transform 0.3s;\n transition: transform 0.3s;\n}\n.noUi-state-drag * {\n cursor: inherit !important;\n}\n/* Slider size and handle placement;\n */\n.noUi-horizontal {\n height: 3px;\n}\n.noUi-horizontal .noUi-handle {\n border-radius: 50%;\n background-color: $white;\n box-shadow: 0 1px 13px 0 rgba(0,0,0,.2);\n height: 15px;\n width: 15px;\n cursor: pointer;\n margin-top: -6px;\n outline: none;\n right: -10px;\n}\n.noUi-vertical {\n width: 3px;\n}\n.noUi-vertical .noUi-handle {\n width: 28px;\n height: 34px;\n right: -6px;\n top: -17px;\n}\n.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {\n left: -17px;\n right: auto;\n}\n/* Styling;\n * Giving the connect element a border radius causes issues with using transform: scale\n */\n.noUi-target {\n background: $light;\n border-radius: .25rem;\n}\n.noUi-connects {\n border-radius: 3px;\n}\n.noUi-connect {\n background-image: linear-gradient(310deg, #7928CA 0%, #FF0080 100%);\n\n}\n/* Handles and cursors;\n */\n.noUi-draggable {\n cursor: ew-resize;\n}\n.noUi-vertical .noUi-draggable {\n cursor: ns-resize;\n}\n.noUi-handle {\n border: 1px solid #D9D9D9;\n border-radius: 3px;\n background: $white;\n cursor: default;\n box-shadow: inset 0 0 1px $white, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;\n webkit-transition: .3s ease 0s;\n -moz-transition: .3s ease 0s;\n -ms-transition: .3s ease 0s;\n -o-transform: .3s ease 0s;\n transition: .3s ease 0s;\n}\n.noUi-active {\n box-shadow: inset 0 0 1px $white, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;\n transform: scale3d(1.5,1.5,1);\n}\n\n\n/* Disabled state;\n */\n[disabled] .noUi-connect {\n background: #B8B8B8;\n}\n[disabled].noUi-target,\n[disabled].noUi-handle,\n[disabled] .noUi-handle {\n cursor: not-allowed;\n}\n/* Base;\n *\n */\n.noUi-pips,\n.noUi-pips * {\n -moz-box-sizing: border-box;\n box-sizing: border-box;\n}\n.noUi-pips {\n position: absolute;\n color: #999;\n}\n/* Values;\n *\n */\n.noUi-value {\n position: absolute;\n white-space: nowrap;\n text-align: center;\n}\n.noUi-value-sub {\n color: #ccc;\n font-size: 10px;\n}\n/* Markings;\n *\n */\n.noUi-marker {\n position: absolute;\n background: #CCC;\n}\n.noUi-marker-sub {\n background: #AAA;\n}\n.noUi-marker-large {\n background: #AAA;\n}\n/* Horizontal layout;\n *\n */\n.noUi-pips-horizontal {\n padding: 10px 0;\n height: 80px;\n top: 100%;\n left: 0;\n width: 100%;\n}\n.noUi-value-horizontal {\n -webkit-transform: translate(-50%, 50%);\n transform: translate(-50%, 50%);\n}\n.noUi-rtl .noUi-value-horizontal {\n -webkit-transform: translate(50%, 50%);\n transform: translate(50%, 50%);\n}\n.noUi-marker-horizontal.noUi-marker {\n margin-left: -1px;\n width: 2px;\n height: 5px;\n}\n.noUi-marker-horizontal.noUi-marker-sub {\n height: 10px;\n}\n.noUi-marker-horizontal.noUi-marker-large {\n height: 15px;\n}\n/* Vertical layout;\n *\n */\n.noUi-pips-vertical {\n padding: 0 10px;\n height: 100%;\n top: 0;\n left: 100%;\n}\n.noUi-value-vertical {\n -webkit-transform: translate(0, -50%);\n transform: translate(0, -50%);\n padding-left: 25px;\n}\n.noUi-rtl .noUi-value-vertical {\n -webkit-transform: translate(0, 50%);\n transform: translate(0, 50%);\n}\n.noUi-marker-vertical.noUi-marker {\n width: 5px;\n height: 2px;\n margin-top: -1px;\n}\n.noUi-marker-vertical.noUi-marker-sub {\n width: 10px;\n}\n.noUi-marker-vertical.noUi-marker-large {\n width: 15px;\n}\n.noUi-tooltip {\n display: block;\n position: absolute;\n border: 1px solid #D9D9D9;\n border-radius: 3px;\n background: $white;\n color: #000;\n padding: 5px;\n text-align: center;\n white-space: nowrap;\n}\n.noUi-horizontal .noUi-tooltip {\n -webkit-transform: translate(-50%, 0);\n transform: translate(-50%, 0);\n left: 50%;\n bottom: 120%;\n}\n.noUi-vertical .noUi-tooltip {\n -webkit-transform: translate(0, -50%);\n transform: translate(0, -50%);\n top: 50%;\n right: 120%;\n}\n.noUi-horizontal .noUi-origin > .noUi-tooltip {\n -webkit-transform: translate(50%, 0);\n transform: translate(50%, 0);\n left: auto;\n bottom: 10px;\n}\n.noUi-vertical .noUi-origin > .noUi-tooltip {\n -webkit-transform: translate(0, -18px);\n transform: translate(0, -18px);\n top: auto;\n right: 28px;\n}\n","/* PrismJS 1.23.0\nhttps://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript */\n/**\n * prism.js default theme for JavaScript, CSS and HTML\n * Based on dabblet (http://dabblet.com)\n * @author Lea Verou\n */\n\ncode[class*=\"language-\"],\npre[class*=\"language-\"] {\n\tcolor: black;\n\tbackground: none;\n\ttext-shadow: 0 1px white;\n\tfont-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;\n\tfont-size: 1em;\n\ttext-align: left;\n\twhite-space: pre;\n\tword-spacing: normal;\n\tword-break: normal;\n\tword-wrap: normal;\n\tline-height: 1.5;\n\n\t-moz-tab-size: 4;\n\t-o-tab-size: 4;\n\ttab-size: 4;\n\n\t-webkit-hyphens: none;\n\t-moz-hyphens: none;\n\t-ms-hyphens: none;\n\thyphens: none;\n}\n\npre[class*=\"language-\"]::-moz-selection, pre[class*=\"language-\"] ::-moz-selection,\ncode[class*=\"language-\"]::-moz-selection, code[class*=\"language-\"] ::-moz-selection {\n\ttext-shadow: none;\n\tbackground: #b3d4fc;\n}\n\npre[class*=\"language-\"]::selection, pre[class*=\"language-\"] ::selection,\ncode[class*=\"language-\"]::selection, code[class*=\"language-\"] ::selection {\n\ttext-shadow: none;\n\tbackground: #b3d4fc;\n}\n\n@media print {\n\tcode[class*=\"language-\"],\n\tpre[class*=\"language-\"] {\n\t\ttext-shadow: none;\n\t}\n}\n\n/* Code blocks */\npre[class*=\"language-\"] {\n\tpadding: 1em;\n\toverflow: auto;\n border-radius: .75rem;\n}\n\n:not(pre) > code[class*=\"language-\"],\npre[class*=\"language-\"] {\n\tbackground: $gray-100;\n}\n\n/* Inline code */\n:not(pre) > code[class*=\"language-\"] {\n\tpadding: .1em;\n\tborder-radius: .3em;\n\twhite-space: normal;\n}\n\n.token.comment,\n.token.prolog,\n.token.doctype,\n.token.cdata {\n\tcolor: slategray;\n}\n\n.token.punctuation {\n\tcolor: #999;\n}\n\n.token.namespace {\n\topacity: .7;\n}\n\n.token.property,\n.token.tag,\n.token.boolean,\n.token.number,\n.token.constant,\n.token.symbol,\n.token.deleted {\n\tcolor: #905;\n}\n\n.token.selector,\n.token.attr-name,\n.token.string,\n.token.char,\n.token.builtin,\n.token.inserted {\n\tcolor: #690;\n}\n\n.token.operator,\n.token.entity,\n.token.url,\n.language-css .token.string,\n.style .token.string {\n\tcolor: #9a6e3a;\n\t/* This background color was intended by the author of this theme. */\n\tbackground: hsla(0, 0%, 100%, .5);\n}\n\n.token.atrule,\n.token.attr-value,\n.token.keyword {\n\tcolor: #07a;\n}\n\n.token.function,\n.token.class-name {\n\tcolor: #DD4A68;\n}\n\n.token.regex,\n.token.important,\n.token.variable {\n\tcolor: #e90;\n}\n\n.token.important,\n.token.bold {\n\tfont-weight: bold;\n}\n.token.italic {\n\tfont-style: italic;\n}\n\n.token.entity {\n\tcursor: help;\n}\n","/*\n * Container style\n */\n.ps {\n overflow: hidden !important;\n overflow-anchor: none;\n -ms-overflow-style: none;\n touch-action: auto;\n -ms-touch-action: auto;\n}\n\n/*\n * Scrollbar rail styles\n */\n.ps__rail-x {\n display: none;\n opacity: 0;\n transition: background-color .2s linear, opacity .2s linear;\n -webkit-transition: background-color .2s linear, opacity .2s linear;\n height: 15px;\n /* there must be 'bottom' or 'top' for ps__rail-x */\n bottom: 0px;\n /* please don't change 'position' */\n position: absolute;\n}\n\n.ps__rail-y {\n display: none;\n opacity: 0;\n transition: background-color .2s linear, opacity .2s linear;\n -webkit-transition: background-color .2s linear, opacity .2s linear;\n width: 15px;\n /* there must be 'right' or 'left' for ps__rail-y */\n right: 0;\n /* please don't change 'position' */\n position: absolute;\n}\n\n.ps--active-x > .ps__rail-x,\n.ps--active-y > .ps__rail-y {\n display: block;\n background-color: transparent;\n}\n\n.ps:hover > .ps__rail-x,\n.ps:hover > .ps__rail-y,\n.ps--focus > .ps__rail-x,\n.ps--focus > .ps__rail-y,\n.ps--scrolling-x > .ps__rail-x,\n.ps--scrolling-y > .ps__rail-y {\n opacity: 0.6;\n}\n\n.ps .ps__rail-x:hover,\n.ps .ps__rail-y:hover,\n.ps .ps__rail-x:focus,\n.ps .ps__rail-y:focus,\n.ps .ps__rail-x.ps--clicking,\n.ps .ps__rail-y.ps--clicking {\n background-color: #eee;\n opacity: 0.9;\n}\n\n/*\n * Scrollbar thumb styles\n */\n.ps__thumb-x {\n background-color: #aaa;\n border-radius: 6px;\n transition: background-color .2s linear, height .2s ease-in-out;\n -webkit-transition: background-color .2s linear, height .2s ease-in-out;\n height: 6px;\n /* there must be 'bottom' for ps__thumb-x */\n bottom: 2px;\n /* please don't change 'position' */\n position: absolute;\n}\n\n.ps__thumb-y {\n background-color: #aaa;\n border-radius: 6px;\n transition: background-color .2s linear, width .2s ease-in-out;\n -webkit-transition: background-color .2s linear, width .2s ease-in-out;\n width: 6px;\n /* there must be 'right' for ps__thumb-y */\n right: 2px;\n /* please don't change 'position' */\n position: absolute;\n}\n\n.ps__rail-x:hover > .ps__thumb-x,\n.ps__rail-x:focus > .ps__thumb-x,\n.ps__rail-x.ps--clicking .ps__thumb-x {\n background-color: #999;\n height: 11px;\n}\n\n.ps__rail-y:hover > .ps__thumb-y,\n.ps__rail-y:focus > .ps__thumb-y,\n.ps__rail-y.ps--clicking .ps__thumb-y {\n background-color: #999;\n width: 11px;\n}\n\n/* MS supports */\n@supports (-ms-overflow-style: none) {\n .ps {\n overflow: auto !important;\n }\n}\n\n@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {\n .ps {\n overflow: auto !important;\n }\n}\n"]}
\ No newline at end of file
+{
+ "version": 3,
+ "file": "kit-free.css",
+ "sources": [
+ "../scss/kit-free.scss",
+ "../scss/bootstrap/_functions.scss",
+ "../scss/custom/_variables.scss",
+ "../scss//_variables.scss",
+ "../scss//variables/_animations.scss",
+ "../scss//variables/_avatars.scss",
+ "../scss//variables/_cards.scss",
+ "../scss//variables/_dark-version.scss",
+ "../scss//variables/_dropdowns.scss",
+ "../scss//variables/_header.scss",
+ "../scss//variables/_info-areas.scss",
+ "../scss//variables/_navbar.scss",
+ "../scss//variables/_navbar-vertical.scss",
+ "../scss//variables/_utilities.scss",
+ "../scss//variables/_utilities-extend.scss",
+ "../scss//variables/_misc.scss",
+ "../scss//variables/_misc-extend.scss",
+ "../scss//variables/_form-switch.scss",
+ "../scss//variables/_fixed-plugin.scss",
+ "../scss//variables/_pagination.scss",
+ "../scss//variables/_badge.scss",
+ "../scss//variables/_rtl.scss",
+ "../scss//variables/_cards-extend.scss",
+ "../scss//variables/_choices.scss",
+ "../scss//variables/_timeline.scss",
+ "../scss//variables/_full-calendar.scss",
+ "../scss//variables/_social-buttons.scss",
+ "../scss//variables/_virtual-reality.scss",
+ "../scss//_utilities.scss",
+ "../scss/bootstrap/_functions.scss",
+ "../scss/bootstrap/_variables.scss",
+ "../scss/bootstrap/_utilities.scss",
+ "../scss/bootstrap/bootstrap.scss",
+ "../scss/bootstrap/_functions.scss",
+ "../scss/bootstrap/_variables.scss",
+ "../scss/bootstrap/_mixins.scss",
+ "../scss/bootstrap/vendor/_rfs.scss",
+ "../scss/bootstrap/mixins/_deprecate.scss",
+ "../scss/bootstrap/mixins/_breakpoints.scss",
+ "../scss/bootstrap/mixins/_color-scheme.scss",
+ "../scss/bootstrap/mixins/_image.scss",
+ "../scss/bootstrap/mixins/_resize.scss",
+ "../scss/bootstrap/mixins/_visually-hidden.scss",
+ "../scss/bootstrap/mixins/_reset-text.scss",
+ "../scss/bootstrap/mixins/_text-truncate.scss",
+ "../scss/bootstrap/mixins/_utilities.scss",
+ "../scss/bootstrap/mixins/_alert.scss",
+ "../scss/bootstrap/mixins/_backdrop.scss",
+ "../scss/bootstrap/mixins/_buttons.scss",
+ "../scss/bootstrap/mixins/_caret.scss",
+ "../scss/bootstrap/mixins/_pagination.scss",
+ "../scss/bootstrap/mixins/_lists.scss",
+ "../scss/bootstrap/mixins/_list-group.scss",
+ "../scss/bootstrap/mixins/_forms.scss",
+ "../scss/bootstrap/mixins/_table-variants.scss",
+ "../scss/bootstrap/mixins/_border-radius.scss",
+ "../scss/bootstrap/mixins/_box-shadow.scss",
+ "../scss/bootstrap/mixins/_gradients.scss",
+ "../scss/bootstrap/mixins/_transition.scss",
+ "../scss/bootstrap/mixins/_clearfix.scss",
+ "../scss/bootstrap/mixins/_container.scss",
+ "../scss/bootstrap/mixins/_grid.scss",
+ "../scss/bootstrap/_utilities.scss",
+ "../scss/bootstrap/_root.scss",
+ "../scss/bootstrap/_reboot.scss",
+ "../scss/bootstrap/_type.scss",
+ "../scss/bootstrap/_images.scss",
+ "../scss/bootstrap/_containers.scss",
+ "../scss/bootstrap/_grid.scss",
+ "../scss/bootstrap/_tables.scss",
+ "../scss/bootstrap/_forms.scss",
+ "../scss/bootstrap/forms/_labels.scss",
+ "../scss/bootstrap/forms/_form-text.scss",
+ "../scss/bootstrap/forms/_form-control.scss",
+ "../scss/bootstrap/forms/_form-select.scss",
+ "../scss/bootstrap/forms/_form-check.scss",
+ "../scss/bootstrap/forms/_form-range.scss",
+ "../scss/bootstrap/forms/_floating-labels.scss",
+ "../scss/bootstrap/forms/_input-group.scss",
+ "../scss/bootstrap/forms/_validation.scss",
+ "../scss/bootstrap/_buttons.scss",
+ "../scss/bootstrap/_transitions.scss",
+ "../scss/bootstrap/_dropdown.scss",
+ "../scss/bootstrap/_button-group.scss",
+ "../scss/bootstrap/_nav.scss",
+ "../scss/bootstrap/_navbar.scss",
+ "../scss/bootstrap/_card.scss",
+ "../scss/bootstrap/_accordion.scss",
+ "../scss/bootstrap/_breadcrumb.scss",
+ "../scss/bootstrap/_pagination.scss",
+ "../scss/bootstrap/_badge.scss",
+ "../scss/bootstrap/_alert.scss",
+ "../scss/bootstrap/_progress.scss",
+ "../scss/bootstrap/_list-group.scss",
+ "../scss/bootstrap/_close.scss",
+ "../scss/bootstrap/_toasts.scss",
+ "../scss/bootstrap/_modal.scss",
+ "../scss/bootstrap/_tooltip.scss",
+ "../scss/bootstrap/_popover.scss",
+ "../scss/bootstrap/_carousel.scss",
+ "../scss/bootstrap/_spinners.scss",
+ "../scss/bootstrap/_offcanvas.scss",
+ "../scss/bootstrap/_placeholders.scss",
+ "../scss/bootstrap/_helpers.scss",
+ "../scss/bootstrap/helpers/_clearfix.scss",
+ "../scss/bootstrap/helpers/_colored-links.scss",
+ "../scss/bootstrap/helpers/_ratio.scss",
+ "../scss/bootstrap/helpers/_position.scss",
+ "../scss/bootstrap/helpers/_stacks.scss",
+ "../scss/bootstrap/helpers/_visually-hidden.scss",
+ "../scss/bootstrap/helpers/_stretched-link.scss",
+ "../scss/bootstrap/helpers/_text-truncation.scss",
+ "../scss/bootstrap/helpers/_vr.scss",
+ "../scss/bootstrap/utilities/_api.scss",
+ "../scss//theme.scss",
+ "../scss//variables/_navbar-vertical.scss",
+ "../scss//variables/_social-buttons.scss",
+ "../scss//variables/_breadcrumb.scss",
+ "../scss//mixins/mixins.scss",
+ "../scss//mixins/_badge.scss",
+ "../scss//mixins/_hover.scss",
+ "../scss//mixins/_colored-shadows.scss",
+ "../scss//mixins/_social-buttons.scss",
+ "../scss//_alert.scss",
+ "../scss//_avatars.scss",
+ "../scss//_badge.scss",
+ "../scss//_buttons.scss",
+ "../scss//_breadcrumbs.scss",
+ "../scss//_cards.scss",
+ "../scss//cards/card-background.scss",
+ "../scss//_dropdown.scss",
+ "../scss//_dropup.scss",
+ "../scss//_header.scss",
+ "../scss//_fixed-plugin.scss",
+ "../scss//forms/_forms.scss",
+ "../scss//forms/_input-group.scss",
+ "../scss//forms/_form-check.scss",
+ "../scss//forms/_form-switch.scss",
+ "../scss//forms/_form-select.scss",
+ "../scss//forms/_labels.scss",
+ "../scss//forms/_inputs.scss",
+ "../scss//_footer.scss",
+ "../scss//_gradients.scss",
+ "../scss//_info-areas.scss",
+ "../scss//_misc.scss",
+ "../scss//_navbar.scss",
+ "../scss//_navbar-vertical.scss",
+ "../scss//_nav.scss",
+ "../scss//_pagination.scss",
+ "../scss//_popovers.scss",
+ "../scss//_progress.scss",
+ "../scss//_rtl.scss",
+ "../scss//_social-buttons.scss",
+ "../scss//_tables.scss",
+ "../scss//_timeline.scss",
+ "../scss//_tilt.scss",
+ "../scss//_tooltips.scss",
+ "../scss//_typography.scss",
+ "../scss//plugins/free/plugins.scss",
+ "../scss//plugins/free/_flatpickr.scss",
+ "../scss//plugins/free/_nouislider.scss",
+ "../scss//plugins/free/_prism.scss",
+ "../scss//plugins/free/_perfect-scrollbar.scss",
+ "../scss/custom/_styles.scss"
+ ],
+ "sourcesContent": [
+ "// =========================================================\n// * Soft UI Design System - v1.0.6\n// =========================================================\n//\n// * Product Page: https://www.creative-tim.com/product/soft-ui-design-system\n// * Copyright 2022 Creative Tim (https://www.creative-tim.com)\n//\n// Coded by www.creative-tim.com\n//\n// =========================================================\n//\n// * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.\n\n// Bootstrap Functions\n@import \"bootstrap/functions\";\n\n// Custom Variables\n@import \"custom/variables\";\n\n// Theme Variables\n@import \"/variables\";\n\n// Bootstrap Core\n@import \"bootstrap/bootstrap\";\n\n// Theme Core\n@import \"/theme\";\n\n// Custom Variables\n@import \"custom/styles\";\n",
+ "// Bootstrap functions\n//\n// Utility mixins and functions for evaluating source code across our variables, maps, and mixins.\n\n// Ascending\n// Used to evaluate Sass maps like our grid breakpoints.\n@mixin _assert-ascending($map, $map-name) {\n $prev-key: null;\n $prev-num: null;\n @each $key, $num in $map {\n @if $prev-num == null or unit($num) == \"%\" or unit($prev-num) == \"%\" {\n // Do nothing\n } @else if not comparable($prev-num, $num) {\n @warn \"Potentially invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} whose unit makes it incomparable to #{$prev-num}, the value of the previous key '#{$prev-key}' !\";\n } @else if $prev-num >= $num {\n @warn \"Invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} which isn't greater than #{$prev-num}, the value of the previous key '#{$prev-key}' !\";\n }\n $prev-key: $key;\n $prev-num: $num;\n }\n}\n\n// Starts at zero\n// Used to ensure the min-width of the lowest breakpoint starts at 0.\n@mixin _assert-starts-at-zero($map, $map-name: \"$grid-breakpoints\") {\n @if length($map) > 0 {\n $values: map-values($map);\n $first-value: nth($values, 1);\n @if $first-value != 0 {\n @warn \"First breakpoint in #{$map-name} must start at 0, but starts at #{$first-value}.\";\n }\n }\n}\n\n// Colors\n@function to-rgb($value) {\n @return red($value), green($value), blue($value);\n}\n\n// stylelint-disable scss/dollar-variable-pattern\n@function rgba-css-var($identifier, $target) {\n @if $identifier == \"body\" and $target == \"bg\" {\n @return rgba(var(--#{$variable-prefix}#{$identifier}-bg-rgb), var(--#{$variable-prefix}#{$target}-opacity));\n } @if $identifier == \"body\" and $target == \"text\" {\n @return rgba(var(--#{$variable-prefix}#{$identifier}-color-rgb), var(--#{$variable-prefix}#{$target}-opacity));\n } @else {\n @return rgba(var(--#{$variable-prefix}#{$identifier}-rgb), var(--#{$variable-prefix}#{$target}-opacity));\n }\n}\n\n@function map-loop($map, $func, $args...) {\n $_map: ();\n\n @each $key, $value in $map {\n // allow to pass the $key and $value of the map as an function argument\n $_args: ();\n @each $arg in $args {\n $_args: append($_args, if($arg == \"$key\", $key, if($arg == \"$value\", $value, $arg)));\n }\n\n $_map: map-merge($_map, ($key: call(get-function($func), $_args...)));\n }\n\n @return $_map;\n}\n// stylelint-enable scss/dollar-variable-pattern\n\n@function varify($list) {\n $result: null;\n @each $entry in $list {\n $result: append($result, var(--#{$variable-prefix}#{$entry}), space);\n }\n @return $result;\n}\n\n// Internal Bootstrap function to turn maps into its negative variant.\n// It prefixes the keys with `n` and makes the value negative.\n@function negativify-map($map) {\n $result: ();\n @each $key, $value in $map {\n @if $key != 0 {\n $result: map-merge($result, (\"n\" + $key: (-$value)));\n }\n }\n @return $result;\n}\n\n// Get multiple keys from a sass map\n@function map-get-multiple($map, $values) {\n $result: ();\n @each $key, $value in $map {\n @if (index($values, $key) != null) {\n $result: map-merge($result, ($key: $value));\n }\n }\n @return $result;\n}\n\n// Merge multiple maps\n@function map-merge-multiple($maps...) {\n $merged-maps: ();\n\n @each $map in $maps {\n $merged-maps: map-merge($merged-maps, $map);\n }\n @return $merged-maps;\n}\n\n// Replace `$search` with `$replace` in `$string`\n// Used on our SVG icon backgrounds for custom forms.\n//\n// @author Hugo Giraudel\n// @param {String} $string - Initial string\n// @param {String} $search - Substring to replace\n// @param {String} $replace ('') - New value\n// @return {String} - Updated string\n@function str-replace($string, $search, $replace: \"\") {\n $index: str-index($string, $search);\n\n @if $index {\n @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);\n }\n\n @return $string;\n}\n\n// See https://codepen.io/kevinweber/pen/dXWoRw\n//\n// Requires the use of quotes around data URIs.\n\n@function escape-svg($string) {\n @if str-index($string, \"data:image/svg+xml\") {\n @each $char, $encoded in $escaped-characters {\n // Do not escape the url brackets\n @if str-index($string, \"url(\") == 1 {\n $string: url(\"#{str-replace(str-slice($string, 6, -3), $char, $encoded)}\");\n } @else {\n $string: str-replace($string, $char, $encoded);\n }\n }\n }\n\n @return $string;\n}\n\n// Color contrast\n// See https://github.com/twbs/bootstrap/pull/30168\n\n// A list of pre-calculated numbers of pow(divide((divide($value, 255) + .055), 1.055), 2.4). (from 0 to 255)\n// stylelint-disable-next-line scss/dollar-variable-default, scss/dollar-variable-pattern\n$_luminance-list: .0008 .001 .0011 .0013 .0015 .0017 .002 .0022 .0025 .0027 .003 .0033 .0037 .004 .0044 .0048 .0052 .0056 .006 .0065 .007 .0075 .008 .0086 .0091 .0097 .0103 .011 .0116 .0 .013 .0137 .0144 .0152 .016 .0168 .0176 .0185 .0194 .0203 .0212 .0222 .0232 .0242 .0252 .0262 .0273 .0284 .0296 .0307 .0319 .0331 .0343 .0356 .0369 .0382 .0395 .0409 .0423 .0437 .0452 .0467 .0482 .0497 .0513 .0529 .0545 .0561 .0578 .0595 .0612 .063 .0648 .0666 .0685 .0704 .0723 .0742 .0762 .0782 .0802 .0823 .0844 .0865 .0887 .0908 .0931 .0953 .0976 .0999 .1022 .1046 .107 .1095 .1119 .1144 .117 .1195 .1221 .1248 .1274 .1301 .1329 .1356 .1384 .1413 .1441 .147 .15 .1529 .1559 .159 .162 .1651 .1683 .1714 .1746 .1779 .1812 .1845 .1878 .1912 .1946 .1981 .2016 .2051 .2086 .2122 .2159 .2195 .2232 .227 .2307 .2346 .2384 .2423 .2462 .2502 .2542 .2582 .2623 .2664 .2705 .2747 .2789 .2831 .2874 .2918 .2961 .3005 .305 .3095 .314 .3185 .3231 .3278 .3325 .3372 .3419 .3467 .3515 .3564 .3613 .3663 .3712 .3763 .3813 .3864 .3916 .3968 .402 .4072 .4125 .4179 .4233 .4287 .4342 .4397 .4452 .4508 .4564 .4621 .4678 .4735 .4793 .4851 .491 .4969 .5029 .5089 .5149 .521 .5271 .5333 .5395 .5457 .552 .5583 .5647 .5711 .5776 .5841 .5906 .5972 .6038 .6105 .6172 .624 .6308 .6376 .6445 .6514 .6584 .6654 .6724 .6795 .6867 .6939 .7011 .7084 .7157 .7231 .7305 .7379 .7454 .7529 .7605 .7682 .7758 .7835 .7913 .7991 .807 .8148 .8228 .8308 .8388 .8469 .855 .8632 .8714 .8796 .8879 .8963 .9047 .9131 .9216 .9301 .9387 .9473 .956 .9647 .9734 .9823 .9911 1;\n\n@function color-contrast($background, $color-contrast-dark: $color-contrast-dark, $color-contrast-light: $color-contrast-light, $min-contrast-ratio: $min-contrast-ratio) {\n $foregrounds: $color-contrast-light, $color-contrast-dark, $white, $black;\n $max-ratio: 0;\n $max-ratio-color: null;\n\n @each $color in $foregrounds {\n $contrast-ratio: contrast-ratio($background, $color);\n @if $contrast-ratio > $min-contrast-ratio {\n @return $color;\n } @else if $contrast-ratio > $max-ratio {\n $max-ratio: $contrast-ratio;\n $max-ratio-color: $color;\n }\n }\n\n @warn \"Found no color leading to #{$min-contrast-ratio}:1 contrast ratio against #{$background}...\";\n\n @return $max-ratio-color;\n}\n\n@function contrast-ratio($background, $foreground: $color-contrast-light) {\n $l1: luminance($background);\n $l2: luminance(opaque($background, $foreground));\n\n @return if($l1 > $l2, divide($l1 + .05, $l2 + .05), divide($l2 + .05, $l1 + .05));\n}\n\n// Return WCAG2.0 relative luminance\n// See https://www.w3.org/WAI/GL/wiki/Relative_luminance\n// See https://www.w3.org/TR/WCAG20-TECHS/G17.html#G17-tests\n@function luminance($color) {\n $rgb: (\n \"r\": red($color),\n \"g\": green($color),\n \"b\": blue($color)\n );\n\n @each $name, $value in $rgb {\n $value: if(divide($value, 255) < .03928, divide(divide($value, 255), 12.92), nth($_luminance-list, $value + 1));\n $rgb: map-merge($rgb, ($name: $value));\n }\n\n @return (map-get($rgb, \"r\") * .2126) + (map-get($rgb, \"g\") * .7152) + (map-get($rgb, \"b\") * .0722);\n}\n\n// Return opaque color\n// opaque(#fff, rgba(0, 0, 0, .5)) => #808080\n@function opaque($background, $foreground) {\n @return mix(rgba($foreground, 1), $background, opacity($foreground) * 100);\n}\n\n// scss-docs-start color-functions\n// Tint a color: mix a color with white\n@function tint-color($color, $weight) {\n @return mix(white, $color, $weight);\n}\n\n// Shade a color: mix a color with black\n@function shade-color($color, $weight) {\n @return mix(black, $color, $weight);\n}\n\n// Shade the color if the weight is positive, else tint it\n@function shift-color($color, $weight) {\n @return if($weight > 0, shade-color($color, $weight), tint-color($color, -$weight));\n}\n// scss-docs-end color-functions\n\n// Return valid calc\n@function add($value1, $value2, $return-calc: true) {\n @if $value1 == null {\n @return $value2;\n }\n\n @if $value2 == null {\n @return $value1;\n }\n\n @if type-of($value1) == number and type-of($value2) == number and comparable($value1, $value2) {\n @return $value1 + $value2;\n }\n\n @return if($return-calc == true, calc(#{$value1} + #{$value2}), $value1 + unquote(\" + \") + $value2);\n}\n\n@function subtract($value1, $value2, $return-calc: true) {\n @if $value1 == null and $value2 == null {\n @return null;\n }\n\n @if $value1 == null {\n @return -$value2;\n }\n\n @if $value2 == null {\n @return $value1;\n }\n\n @if type-of($value1) == number and type-of($value2) == number and comparable($value1, $value2) {\n @return $value1 - $value2;\n }\n\n @if type-of($value2) != number {\n $value2: unquote(\"(\") + $value2 + unquote(\")\");\n }\n\n @return if($return-calc == true, calc(#{$value1} - #{$value2}), $value1 + unquote(\" - \") + $value2);\n}\n\n@function divide($dividend, $divisor, $precision: 10) {\n $sign: if($dividend > 0 and $divisor > 0 or $dividend < 0 and $divisor < 0, 1, -1);\n $dividend: abs($dividend);\n $divisor: abs($divisor);\n @if $dividend == 0 {\n @return 0;\n }\n @if $divisor == 0 {\n @error \"Cannot divide by 0\";\n }\n $remainder: $dividend;\n $result: 0;\n $factor: 10;\n @while ($remainder > 0 and $precision >= 0) {\n $quotient: 0;\n @while ($remainder >= $divisor) {\n $remainder: $remainder - $divisor;\n $quotient: $quotient + 1;\n }\n $result: $result * 10 + $quotient;\n $factor: $factor * .1;\n $remainder: $remainder * 10;\n $precision: $precision - 1;\n @if ($precision < 0 and $remainder >= $divisor * 5) {\n $result: $result + 1;\n }\n }\n $result: $result * $factor * $sign;\n $dividend-unit: unit($dividend);\n $divisor-unit: unit($divisor);\n $unit-map: (\n \"px\": 1px,\n \"rem\": 1rem,\n \"em\": 1em,\n \"%\": 1%\n );\n @if ($dividend-unit != $divisor-unit and map-has-key($unit-map, $dividend-unit)) {\n $result: $result * map-get($unit-map, $dividend-unit);\n }\n @return $result;\n}\n",
+ "",
+ "// Variables\n//\n// Variables should follow the `$component-state-property-size` formula for\n// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.\n\n// $soft-background-color: #fbfbfb !default;\n$soft-background-color: #ffffff !default; // Testing\n$font-color: #67748e !default;\n$h-color: #344767 !default;\n\n// Color system\n\n$white: #fff !default;\n$gray-100: #f8f9fa !default;\n$gray-200: #e9ecef !default;\n$gray-300: #dee2e6 !default;\n$gray-400: #ced4da !default;\n$gray-500: #adb5bd !default;\n$gray-600: #6c757d !default;\n$gray-700: #495057 !default;\n$gray-800: #343a40 !default;\n$gray-900: #212529 !default;\n$black: #000 !default;\n\n// fusv-enable\n\n$blue: #63B3ED !default;\n$indigo: #596CFF !default;\n$purple: #6f42c1 !default;\n$pink: #d63384 !default;\n$red: #F56565 !default;\n$orange: #fd7e14 !default;\n$yellow: #FBD38D !default;\n$green: #81E6D9 !default;\n$teal: #20c997 !default;\n$cyan: #0dcaf0 !default;\n\n// scss-docs-start colors-map\n$colors: (\n \"blue\": $blue,\n \"indigo\": $indigo,\n \"purple\": $purple,\n \"pink\": $pink,\n \"red\": $red,\n \"orange\": $orange,\n \"yellow\": $yellow,\n \"green\": $green,\n \"teal\": $teal,\n \"cyan\": $cyan,\n \"white\": $white,\n \"gray\": $gray-600,\n \"gray-dark\": $gray-800,\n) !default;\n// scss-docs-end colors-map\n\n$primary: #cb0c9f !default;\n$secondary: #8392AB !default;\n$info: #17c1e8 !default;\n$success: #82d616 !default;\n$warning: #fbcf33 !default;\n$danger: #ea0606 !default;\n$light: $gray-200 !default;\n$dark: $h-color !default;\n\n// scss-docs-start theme-colors-map\n$theme-colors: (\n \"primary\": $primary,\n \"secondary\": $secondary,\n \"success\": $success,\n \"info\": $info,\n \"warning\": $warning,\n \"danger\": $danger,\n \"light\": $light,\n \"dark\": $dark,\n \"white\": $white\n) !default;\n// scss-docs-end theme-colors-map\n\n\n// Gradient colors\n$primary-gradient: #7928CA !default;\n$primary-gradient-state: #FF0080 !default;\n\n$secondary-gradient: #627594 !default;\n$secondary-gradient-state: #A8B8D8 !default;\n\n$info-gradient: #2152ff !default;\n$info-gradient-state: #21d4fd !default;\n\n$success-gradient: #17ad37 !default;\n$success-gradient-state: #98ec2d !default;\n\n$danger-gradient: #ea0606 !default;\n$danger-gradient-state: #ff667c !default;\n\n$warning-gradient: #f53939 !default;\n$warning-gradient-state: #fbcf33 !default;\n\n$dark-gradient: #141727 !default;\n$dark-gradient-state: #3A416F !default;\n\n$light-gradient: #CED4DA !default;\n$light-gradient-state: #EBEFF4 !default;\n\n$dark-gradient-dark: #323a54 !default;\n$dark-gradient-state-dark: #1a2035 !default;\n\n// Gradient Colors map\n$theme-gradient-colors: (\n \"primary\": ($primary-gradient, $primary-gradient-state),\n \"secondary\": ($secondary-gradient, $secondary-gradient-state),\n \"success\": ($success-gradient, $success-gradient-state),\n \"info\": ($info-gradient, $info-gradient-state),\n \"warning\": ($warning-gradient, $warning-gradient-state),\n \"danger\": ($danger-gradient, $danger-gradient-state),\n \"light\": ($light-gradient, $light-gradient-state),\n \"dark\": ($dark-gradient, $dark-gradient-state)\n) !default;\n\n// Set a specific jump point for requesting color jumps\n$theme-color-interval: 8% !default;\n\n// The contrast ratio to reach against white, to determine if color changes from \"light\" to \"dark\". Acceptable values for WCAG 2.0 are 3, 4.5 and 7.\n// See https://www.w3.org/TR/WCAG20/#visual-audio-contrast-contrast\n$min-contrast-ratio: 4.5 !default;\n\n// Customize the light and dark text colors for use in our color contrast function.\n$color-contrast-dark: $black !default;\n$color-contrast-light: $white !default;\n\n// fusv-disable\n$blue-100: tint-color($blue, 8) !default;\n$blue-200: tint-color($blue, 6) !default;\n$blue-300: tint-color($blue, 4) !default;\n$blue-400: tint-color($blue, 2) !default;\n$blue-500: $blue !default;\n$blue-600: shade-color($blue, 2) !default;\n$blue-700: shade-color($blue, 4) !default;\n$blue-800: shade-color($blue, 6) !default;\n$blue-900: shade-color($blue, 8) !default;\n\n$indigo-100: tint-color($indigo, 8) !default;\n$indigo-200: tint-color($indigo, 6) !default;\n$indigo-300: tint-color($indigo, 4) !default;\n$indigo-400: tint-color($indigo, 2) !default;\n$indigo-500: $indigo !default;\n$indigo-600: shade-color($indigo, 2) !default;\n$indigo-700: shade-color($indigo, 4) !default;\n$indigo-800: shade-color($indigo, 6) !default;\n$indigo-900: shade-color($indigo, 8) !default;\n\n$purple-100: tint-color($purple, 8) !default;\n$purple-200: tint-color($purple, 6) !default;\n$purple-300: tint-color($purple, 4) !default;\n$purple-400: tint-color($purple, 2) !default;\n$purple-500: $purple !default;\n$purple-600: shade-color($purple, 2) !default;\n$purple-700: shade-color($purple, 4) !default;\n$purple-800: shade-color($purple, 6) !default;\n$purple-900: shade-color($purple, 8) !default;\n\n$pink-100: tint-color($pink, 8) !default;\n$pink-200: tint-color($pink, 6) !default;\n$pink-300: tint-color($pink, 4) !default;\n$pink-400: tint-color($pink, 2) !default;\n$pink-500: $pink !default;\n$pink-600: shade-color($pink, 2) !default;\n$pink-700: shade-color($pink, 4) !default;\n$pink-800: shade-color($pink, 6) !default;\n$pink-900: shade-color($pink, 8) !default;\n\n$red-100: tint-color($red, 8) !default;\n$red-200: tint-color($red, 6) !default;\n$red-300: tint-color($red, 4) !default;\n$red-400: tint-color($red, 2) !default;\n$red-500: $red !default;\n$red-600: shade-color($red, 2) !default;\n$red-700: shade-color($red, 4) !default;\n$red-800: shade-color($red, 6) !default;\n$red-900: shade-color($red, 8) !default;\n\n$orange-100: tint-color($orange, 8) !default;\n$orange-200: tint-color($orange, 6) !default;\n$orange-300: tint-color($orange, 4) !default;\n$orange-400: tint-color($orange, 2) !default;\n$orange-500: $orange !default;\n$orange-600: shade-color($orange, 2) !default;\n$orange-700: shade-color($orange, 4) !default;\n$orange-800: shade-color($orange, 6) !default;\n$orange-900: shade-color($orange, 8) !default;\n\n$yellow-100: tint-color($yellow, 8) !default;\n$yellow-200: tint-color($yellow, 6) !default;\n$yellow-300: tint-color($yellow, 4) !default;\n$yellow-400: tint-color($yellow, 2) !default;\n$yellow-500: $yellow !default;\n$yellow-600: shade-color($yellow, 2) !default;\n$yellow-700: shade-color($yellow, 4) !default;\n$yellow-800: shade-color($yellow, 6) !default;\n$yellow-900: shade-color($yellow, 8) !default;\n\n$green-100: tint-color($green, 8) !default;\n$green-200: tint-color($green, 6) !default;\n$green-300: tint-color($green, 4) !default;\n$green-400: tint-color($green, 2) !default;\n$green-500: $green !default;\n$green-600: shade-color($green, 2) !default;\n$green-700: shade-color($green, 4) !default;\n$green-800: shade-color($green, 6) !default;\n$green-900: shade-color($green, 8) !default;\n\n$teal-100: tint-color($teal, 8) !default;\n$teal-200: tint-color($teal, 6) !default;\n$teal-300: tint-color($teal, 4) !default;\n$teal-400: tint-color($teal, 2) !default;\n$teal-500: $teal !default;\n$teal-600: shade-color($teal, 2) !default;\n$teal-700: shade-color($teal, 4) !default;\n$teal-800: shade-color($teal, 6) !default;\n$teal-900: shade-color($teal, 8) !default;\n\n$cyan-100: tint-color($cyan, 8) !default;\n$cyan-200: tint-color($cyan, 6) !default;\n$cyan-300: tint-color($cyan, 4) !default;\n$cyan-400: tint-color($cyan, 2) !default;\n$cyan-500: $cyan !default;\n$cyan-600: shade-color($cyan, 2) !default;\n$cyan-700: shade-color($cyan, 4) !default;\n$cyan-800: shade-color($cyan, 6) !default;\n$cyan-900: shade-color($cyan, 8) !default;\n// fusv-enable\n\n// Characters which are escaped by the escape-svg function\n$escaped-characters: (\n (\"<\", \"%3c\"),\n (\">\", \"%3e\"),\n (\"#\", \"%23\"),\n (\"(\", \"%28\"),\n (\")\", \"%29\"),\n) !default;\n\n// Options\n//\n// Quickly modify global styling by enabling or disabling optional features.\n\n$enable-caret: true !default;\n$enable-rounded: true !default;\n$enable-shadows: false !default;\n$enable-gradients: false !default;\n$enable-transitions: true !default;\n$enable-reduced-motion: true !default;\n$enable-grid-classes: true !default;\n$enable-button-pointers: true !default;\n$enable-rfs: true !default;\n$enable-validation-icons: true !default;\n$enable-negative-margins: true !default;\n$enable-deprecation-messages: true !default;\n$enable-important-utilities: true !default;\n\n// Gradient\n//\n// The gradient which is added to components if `$enable-gradients` is `true`\n// This gradient is also added to elements with `.bg-gradient`\n$gradient: linear-gradient(180deg, rgba($white, .15), rgba($white, 0)) !default;\n\n// Spacing\n//\n// Control the default styling of most Bootstrap elements by modifying these\n// variables. Mostly focused on spacing.\n// You can add more entries to the $spacers map, should you need more variation.\n\n$spacer: 1rem !default;\n$spacers: (\n 0: 0,\n 1: $spacer * 0.25,\n 2: $spacer * 0.5,\n 3: $spacer,\n 4: $spacer * 1.5,\n 5: $spacer * 3,\n 6: $spacer * 4,\n 7: $spacer * 6,\n 8: $spacer * 8,\n 9: $spacer * 10,\n 10: $spacer * 12,\n 11: $spacer * 14,\n 12: $spacer * 16,\n) !default;\n\n$negative-spacers: if($enable-negative-margins, negativify-map($spacers), null) !default;\n\n// Position\n//\n// Define the edge positioning anchors of the position utilities.\n\n$position-values: (\n 0: 0,\n 1: 1%,\n 2: 2%,\n 3: 3%,\n 4: 4%,\n 5: 5%,\n 6: 6%,\n 7: 7%,\n 8: 8%,\n 9: 9%,\n 10: 10%,\n 50: 50%,\n 100: 100%\n) !default;\n\n\n// Body\n//\n// Settings for the `` element.\n\n$body-bg: $white !default;\n$body-color: $font-color !default;\n$body-text-align: null !default;\n\n\n// Links\n//\n// Style anchor elements.\n\n$link-color: $primary !default;\n$link-decoration: none !default;\n$link-hover-color: darken($link-color, 15%) !default;\n$link-hover-decoration: none !default;\n// Darken percentage for links with `.text-*` class (e.g. `.text-success`)\n$emphasized-link-hover-darken-percentage: 15% !default;\n\n$stretched-link-pseudo-element: after !default;\n$stretched-link-z-index: 1 !default;\n\n// Paragraphs\n//\n// Style p element.\n\n$paragraph-margin-bottom: 1rem !default;\n\n\n// Grid breakpoints\n//\n// Define the minimum dimensions at which your layout will change,\n// adapting to different screen sizes, for use in media queries.\n\n// scss-docs-start grid-breakpoints\n$grid-breakpoints: (\n xs: 0,\n sm: 576px,\n md: 768px,\n lg: 992px,\n xl: 1200px,\n xxl: 1400px\n) !default;\n// scss-docs-end grid-breakpoints\n\n@include _assert-ascending($grid-breakpoints, \"$grid-breakpoints\");\n@include _assert-starts-at-zero($grid-breakpoints, \"$grid-breakpoints\");\n\n\n// Grid containers\n//\n// Define the maximum width of `.container` for different screen sizes.\n\n// scss-docs-start container-max-widths\n$container-max-widths: (\n sm: 540px,\n md: 720px,\n lg: 960px,\n xl: 1140px,\n xxl: 1320px\n) !default;\n// scss-docs-end container-max-widths\n\n@include _assert-ascending($container-max-widths, \"$container-max-widths\");\n\n\n// Grid columns\n//\n// Set the number of columns and specify the width of the gutters.\n\n$grid-columns: 12 !default;\n$grid-gutter-width: 1.5rem !default;\n$grid-row-columns: 6 !default;\n\n$gutters: $spacers !default;\n\n// Container padding\n\n$container-padding-x: $grid-gutter-width !default;\n\n\n// Components\n//\n// Define common padding and border radius sizes and more.\n\n$border-width: 1px !default;\n$border-color: $gray-300 !default;\n\n$border-radius-xs: .125rem !default;\n$border-radius-sm: .25rem !default;\n$border-radius-md: .5rem !default;\n$border-radius-lg: .75rem !default;\n$border-radius-xl: 1rem !default;\n$border-radius-2xl: 1.5rem !default;\n$border-radius-section: 10rem !default;\n\n$border-widths: (\n 0: 0,\n 1: 1px,\n 2: 2px,\n 3: 3px,\n 4: 4px,\n 5: 5px\n) !default;\n\n$rounded-pill: 50rem !default;\n\n$box-shadow-xs: 0 2px 9px -5px rgba($black, 0.15) !default;\n$box-shadow-sm: 0 .25rem .375rem -.0625rem rgba(20, 20, 20, .12), 0 .125rem .25rem -.0625rem rgba(20, 20, 20, .07) !default;\n$box-shadow: 0 .3125rem .625rem 0 rgba(0, 0, 0, 0.12) !default;\n$box-shadow-lg: 0 8px 26px -4px rgba(20, 20, 20, 0.15), 0 8px 9px -5px rgba(20, 20, 20, 0.06) !default;\n$box-shadow-xl: 0 23px 45px -11px rgba(20, 20, 20, .25) !default;\n$box-shadow-inset: inset 0 1px 2px rgba($black, .075) !default;\n\n$component-active-color: $white !default;\n$component-active-bg: $primary !default;\n\n$caret-width: .3em !default;\n$caret-vertical-align: $caret-width * .85 !default;\n$caret-spacing: $caret-width * .85 !default;\n\n$transition-base: all .2s ease-in-out !default;\n$transition-fade: opacity .15s linear !default;\n$transition-collapse: height .35s ease !default;\n\n// stylelint-disable function-disallowed-list\n// scss-docs-start aspect-ratios\n$aspect-ratios: (\n \"1x1\": 100%,\n \"4x3\": calc(3 / 4 * 100%),\n \"16x9\": calc(9 / 16 * 100%),\n \"21x9\": calc(9 / 21 * 100%)\n) !default;\n// scss-docs-end aspect-ratios\n// stylelint-enable function-disallowed-list\n\n// Typography\n//\n// Font, line-height, and color for body text, headings, and more.\n\n// stylelint-disable value-keyword-case\n$font-family-sans-serif: 'Open Sans' !default;\n$font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace !default;\n// stylelint-enable value-keyword-case\n$font-family-base: var(--bs-font-sans-serif) !default;\n$font-family-code: var(--bs-font-monospace) !default;\n\n// $font-size-root effects the value of `rem`, which is used for as well font sizes, paddings and margins\n// $font-size-base effects the font size of the body text\n$font-size-root: null !default;\n$font-size-base: 1rem !default; // Assumes the browser default, typically `16px`\n$font-size-xxs: $font-size-base * .65 !default;\n$font-size-xs: $font-size-base * .75 !default;\n$font-size-sm: $font-size-base * .875 !default;\n$font-size-lg: $font-size-base * 1.125 !default;\n$font-size-xl: $font-size-base * 1.25 !default;\n$font-size-2xl: $font-size-base * 1.5 !default;\n$font-size-3xl: $font-size-base * 1.875 !default;\n$font-size-4xl: $font-size-base * 2 !default;\n$font-size-5xl: $font-size-base * 2.25 !default;\n$font-size-6xl: $font-size-base * 3 !default;\n$font-size-7xl: $font-size-base * 3.75 !default;\n$font-size-8xl: $font-size-base * 4 !default;\n$font-size-9xl: $font-size-base * 5 !default;\n\n$font-weight-lighter: lighter !default;\n$font-weight-light: 300 !default;\n$font-weight-normal: 400 !default;\n$font-weight-bold: 600 !default;\n$font-weight-bolder: 700 !default;\n\n$font-weight-base: $font-weight-normal !default;\n\n$h1-font-weight: $font-weight-bold !default;\n$h2-font-weight: $font-weight-bold !default;\n$h3-font-weight: $font-weight-bold !default;\n$h4-font-weight: $font-weight-bold !default;\n$h5-font-weight: $font-weight-bold !default;\n$h6-font-weight: $font-weight-bold !default;\n$p-font-weight: $font-weight-normal !default;\n$lead-font-weight: $font-weight-normal !default;\n$text-sm-font-weight: $font-weight-normal !default;\n$text-xs-font-weight: $font-weight-normal !default;\n\n$line-height: 1.75rem !default;\n$line-height-base: 1.5 !default;\n$line-height-sm: 1.25 !default;\n$line-height-lg: 2 !default;\n\n$h1-line-height: 1.25 !default;\n$h2-line-height: 1.3 !default;\n$h3-line-height: 1.375 !default;\n$h4-line-height: 1.375 !default;\n$h5-line-height: 1.375 !default;\n$h6-line-height: 1.625 !default;\n$p-line-height: 1.6 !default;\n$lead-line-height: 1.625 !default;\n$text-sm-line-height: 1.5 !default;\n$text-xs-line-height: 1.25 !default;\n\n$font-size-base: 1rem !default; // Assumes the browser default, typically `16px`\n$h1-font-size: $font-size-base * 3 !default;\n$h2-font-size: $font-size-base * 2.25 !default;\n$h3-font-size: $font-size-base * 1.875 !default;\n$h4-font-size: $font-size-base * 1.5 !default;\n$h5-font-size: $font-size-base * 1.25 !default;\n$h6-font-size: $font-size-base !default;\n$lead-font-size: $font-size-base * 1.25 !default;\n\n\n$text-sm-font-size: .875rem !default;\n$text-xs-font-size: .75rem !default;\n$p-font-size: 1rem !default;\n\n$headings-margin-bottom: $spacer * 0.5 !default;\n$headings-font-family: null !default;\n$headings-font-style: null !default;\n$headings-font-weight: 400 !default;\n$headings-line-height: 1.2 !default;\n$headings-color: #344767 !default;\n\n// scss-docs-start display-headings\n$display-font-sizes: (\n 1: 5rem,\n 2: 4.5rem,\n 3: 4rem,\n 4: 3.5rem,\n 5: 3rem,\n 6: 2.5rem\n) !default;\n\n$display-font-weight: 300 !default;\n$display-line-height: $headings-line-height !default;\n// scss-docs-end display-headings\n\n$lead-font-size: $font-size-base * 1.25 !default;\n$lead-font-weight: 300 !default;\n\n$small-font-size: .875em !default;\n\n$sub-sup-font-size: .75em !default;\n\n$text-secondary: $font-color !default;\n$text-muted: $gray-600 !default;\n\n// text gradient\n$text-gradient-bg-clip: text !default;\n$text-gradient-text-fill: transparent !default;\n$text-gradient-position: relative !default;\n$text-gradient-zindex: 1 !default;\n$text-gradient-bg-primary: linear-gradient(310deg, #7928CA, #FF0080) !default;\n$text-gradient-bg-info: linear-gradient(310deg, #2152FF, #21D4FD) !default;\n$text-gradient-bg-success: linear-gradient(310deg, #17AD37, #C1E823) !default;\n$text-gradient-bg-warning: linear-gradient(310deg, #F53939, #FBCF33) !default;\n$text-gradient-bg-danger: linear-gradient(310deg, #D60808, #FF6690) !default;\n$text-gradient-bg-dark: linear-gradient(310deg, #141727, #3A416F) !default;\n\n$initialism-font-size: $small-font-size !default;\n\n$blockquote-margin-y: $spacer !default;\n$blockquote-font-size: $font-size-base * 1.25 !default;\n$blockquote-footer-color: $gray-600 !default;\n$blockquote-footer-font-size: $small-font-size !default;\n\n$hr-margin-y: $spacer !default;\n$hr-color: inherit !default;\n$hr-height: $border-width !default;\n$hr-opacity: .25 !default;\n\n$legend-margin-bottom: .5rem !default;\n$legend-font-size: 1.5rem !default;\n$legend-font-weight: null !default;\n\n$mark-padding: .2em !default;\n\n$dt-font-weight: $font-weight-bold !default;\n\n$nested-kbd-font-weight: $font-weight-bold !default;\n\n$list-inline-padding: .5rem !default;\n\n$mark-bg: #fcf8e3 !default;\n\n// Letter Spacing\n$letter-wider: .05rem !default;\n$letter-normal: 0rem !default;\n$letter-tighter: -0.05rem !default;\n$h1-letter-spacing: 0.1rem !default;\n$a-letter-spacing: -0.025rem !default;\n\n// Tables\n//\n// Customizes the `.table` component with basic values, each used across all table variations.\n$table-head-spacer-y: .75rem !default;\n$table-head-spacer-x: 1.5rem !default;\n$table-head-font-size: .65rem !default;\n$table-head-font-weight: $font-weight-bold !default;\n$table-head-text-transform: capitalize !default;\n$table-head-letter-spacing: 0px !default;\n$table-head-bg: $gray-100 !default;\n$table-head-color: $gray-600 !default;\n\n$table-body-font-size: .8125rem !default;\n\n$table-border-width: $border-width !default;\n$table-border-color: $gray-200 !default;\n\n// scss-docs-start table-variables\n$table-cell-padding-y: .5rem !default;\n$table-cell-padding-x: .5rem !default;\n$table-cell-padding-y-sm: .25rem !default;\n$table-cell-padding-x-sm: .25rem !default;\n\n$table-cell-vertical-align: top !default;\n\n$table-color: $body-color !default;\n$table-bg: transparent !default;\n\n$table-th-font-weight: null !default;\n\n$table-striped-color: $table-color !default;\n$table-striped-bg-factor: .05 !default;\n$table-striped-bg: rgba($black, $table-striped-bg-factor) !default;\n\n$table-active-color: $table-color !default;\n$table-active-bg-factor: .1 !default;\n$table-active-bg: rgba($black, $table-active-bg-factor) !default;\n\n$table-hover-color: $table-color !default;\n$table-hover-bg-factor: .075 !default;\n$table-hover-bg: rgba($black, $table-hover-bg-factor) !default;\n\n$table-border-factor: .1 !default;\n$table-border-width: $border-width !default;\n$table-border-color: $border-color !default;\n\n$table-striped-order: odd !default;\n\n$table-group-separator-color: currentColor !default;\n\n$table-caption-color: $text-muted !default;\n\n$table-bg-level: -9 !default;\n$table-bg-scale: -80% !default;\n\n\n$table-variants: (\n \"primary\": shift-color($primary, $table-bg-scale),\n \"secondary\": shift-color($secondary, $table-bg-scale),\n \"success\": shift-color($success, $table-bg-scale),\n \"info\": shift-color($info, $table-bg-scale),\n \"warning\": shift-color($warning, $table-bg-scale),\n \"danger\": shift-color($danger, $table-bg-scale),\n \"light\": $light,\n \"dark\": $dark,\n) !default;\n// scss-docs-end table-variables\n\n\n// Buttons + Forms\n//\n// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.\n\n$input-btn-padding-y: .5rem !default;\n$input-btn-padding-x: .75rem !default;\n$input-btn-font-family: null !default;\n$input-btn-font-size: 1rem !default;\n$input-btn-line-height: 1.4 !default;\n\n$input-btn-focus-width: .2rem !default;\n$input-btn-focus-color-opacity: .25 !default;\n$input-btn-focus-color: rgba($component-active-bg, $input-btn-focus-color-opacity) !default;\n$input-btn-focus-box-shadow: 0 0 0 $input-btn-focus-width $input-btn-focus-color !default;\n\n$input-btn-padding-y-sm: .25rem !default;\n$input-btn-padding-x-sm: .75rem !default;\n$input-btn-font-size-sm: .75rem !default;\n\n$input-btn-padding-y-lg: .75rem !default;\n$input-btn-padding-x-lg: .75rem !default;\n$input-btn-font-size-lg: .875rem !default;\n\n$input-btn-border-width: $border-width !default;\n\n\n// Buttons\n//\n// For each of Bootstrap's buttons, define text, background, and border color.\n\n$btn-padding-y: .75rem !default;\n$btn-padding-x: 1.5rem !default;\n$btn-font-family: $input-btn-font-family !default;\n$btn-font-size: $text-xs-font-size !default;\n$btn-line-height: $input-btn-line-height !default;\n$btn-white-space: null !default; // Set to `nowrap` to prevent text wrapping\n$btn-letter-spacing: -0.025rem !default; // Set to `nowrap` to prevent text wrapping\n\n$btn-margin-bottom: 1rem !default;\n$btn-padding-y-sm: .5rem !default;\n$btn-padding-x-sm: 2rem !default;\n$btn-font-size-sm: $input-btn-font-size-sm !default;\n\n$btn-padding-y-lg: .875rem !default;\n$btn-padding-x-lg: 4rem !default;\n$btn-font-size-lg: .875rem !default;\n\n$btn-border-width: $input-btn-border-width !default;\n\n$btn-font-weight: $font-weight-bolder !default;\n$btn-box-shadow: 0 4px 7px -1px rgba(0,0,0,.11), 0 2px 4px -1px rgba(0,0,0,.07) !default;\n$btn-box-shadow-values: 0 5px 8px 0 !default;\n$btn-box-shadow-hover-values: 0 8px 10px 0 !default;\n$btn-hover-box-shadow: 0 3px 5px -1px rgba(0,0,0,.09), 0 2px 3px -1px rgba(0,0,0,.07) !default;\n$btn-focus-box-shadow: $btn-hover-box-shadow !default;\n$btn-focus-width: $input-btn-focus-width !default;\n$btn-hover-opacity: .85 !default;\n$btn-disabled-opacity: .65 !default;\n$btn-active-box-shadow: none !default;\n$btn-background-size: 150% !default;\n$btn-hover-transform: scale(1.02) !default;\n$btn-active-hover-transform: scale(1) !default;\n$btn-background-position-x: 25% !default;\n\n$btn-link-color: $link-color !default;\n$btn-link-hover-color: $link-hover-color !default;\n$btn-link-disabled-color: $gray-600 !default;\n\n$btn-block-spacing-y: .5rem !default;\n\n// Allows for customizing button radius independently from global border radius\n$btn-border-radius: .5rem !default;\n$btn-border-radius-lg: .5rem !default;\n$btn-border-radius-sm: .5rem !default;\n$btn-border-rounded: 1.875rem !default;\n\n$btn-icon-transition: all .2s cubic-bezier(.34,1.61,.7,1.3) !default;\n$btn-icon-transform-right: translateX(5px) !default;\n$btn-icon-transform-left: translateX(-5px) !default;\n\n// Allows for customizing button radius independently from global border radius\n$btn-border-radius: $border-radius-md !default;\n$btn-border-radius-sm: $border-radius-sm !default;\n$btn-border-radius-lg: $border-radius-lg !default;\n\n$btn-transition: all .15s ease-in !default;\n\n$btn-just-icon-padding-x-sm: .3rem !default;\n$btn-just-icon-padding-y-sm: .3rem !default;\n$btn-just-icon-padding-x: .7rem !default;\n$btn-just-icon-padding-y: .7rem !default;\n$btn-just-icon-padding-x-lg: 1rem !default;\n$btn-just-icon-padding-y-lg: 1rem !default;\n$btn-just-icon-width: 2.375rem !default;\n$btn-just-icon-height: $btn-just-icon-width !default;\n$btn-just-icon-width-sm: 1.5875rem !default;\n$btn-just-icon-height-sm: $btn-just-icon-width-sm !default;\n$btn-just-icon-sm-font-size: .5rem !default;\n$btn-just-icon-width-lg: 3.25rem !default;\n$btn-just-icon-height-lg: $btn-just-icon-width-lg !default;\n$btn-just-icon-lg-font-size: 1.2rem !default;\n$btn-just-icon-lg-position: relative !default;\n$btn-just-icon-lg-top: 2px !default;\n\n// we've overwritten the default Bootstrap function\n// for dynamically adding font color since the colors\n// added by that function were not correctly set\n$btn-primary-font-color: #fff !default;\n$btn-secondary-font-color: #fff !default;\n$btn-danger-font-color: #fff !default;\n$btn-info-font-color: #fff !default;\n$btn-success-font-color: #fff !default;\n$btn-warning-font-color: #fff !default;\n$btn-dark-font-color: #fff !default;\n$btn-light-font-color: #3A416F !default;\n\n$btn-font-colors: () !default;\n\n$btn-font-colors: map-merge(\n (\n \"primary\": $btn-primary-font-color,\n \"secondary\": $btn-secondary-font-color,\n \"danger\": $btn-danger-font-color,\n \"info\": $btn-info-font-color,\n \"success\": $btn-success-font-color,\n \"warning\": $btn-warning-font-color,\n \"dark\": $btn-dark-font-color,\n \"light\": $btn-light-font-color\n ),\n $btn-font-colors\n);\n\n// Forms\n\n$form-text-margin-top: .25rem !default;\n$form-text-font-size: $small-font-size !default;\n$form-text-font-style: null !default;\n$form-text-font-weight: null !default;\n$form-text-color: $text-muted !default;\n\n$form-label-margin-bottom: .5rem !default;\n$form-label-margin-left: .25rem !default;\n$form-label-font-size: .75rem !default;\n$form-label-font-style: null !default;\n$form-label-font-weight: 700 !default;\n$form-label-color: $dark !default;\n\n$input-padding-y: .5rem !default;\n$input-padding-x: .75rem !default;\n$input-font-family: $input-btn-font-family !default;\n$input-font-size: $font-size-sm !default;\n$input-font-weight: $font-weight-base !default;\n$input-line-height: 1.4rem !default;\n\n$input-padding-y-sm: $input-btn-padding-y-sm !default;\n$input-padding-x-sm: $input-btn-padding-x-sm !default;\n$input-font-size-sm: .75rem !default;\n\n$input-padding-y-lg: $input-btn-padding-y-lg !default;\n$input-padding-x-lg: $input-btn-padding-x-lg !default;\n$input-font-size-lg: .875rem !default;\n\n$input-bg: $white !default;\n$input-disabled-bg: $gray-200 !default;\n$input-disabled-border-color: null !default;\n\n$input-color: $gray-700 !default;\n$input-border-color: #d2d6da !default;\n$input-border-width: $input-btn-border-width !default;\n$input-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !default;\n\n$input-border-radius: $border-radius-md !default;\n$input-border-radius-sm: $border-radius-md !default;\n$input-border-radius-lg: $border-radius-md !default;\n\n$input-focus-bg: $white !default;\n$input-focus-border-color: #e293d3 !default;\n$input-focus-color: $input-color !default;\n$input-focus-width: 2px !default;\n$input-focus-box-shadow: 0 0 0 $input-focus-width #e9aede !default;\n\n$input-placeholder-color: $gray-500 !default;\n$input-plaintext-color: $dark !default;\n\n$input-height-border: $input-border-width * 2 !default;\n\n$input-height-inner: unset !default;\n$input-height-inner-half: 1rem !default;\n$input-height-inner-quarter: .75rem !default;\n\n$input-height: unset !default;\n$input-height-sm: unset !default;\n$input-height-lg: unset !default;\n\n$input-transition: box-shadow .15s ease, border-color .15s ease !default;\n\n\n$form-check-input-width: 1.23em !default;\n$form-check-min-height: $font-size-base * $line-height-base !default;\n$form-check-padding-left: $form-check-input-width + .45em !default;\n$form-check-margin-bottom: .125rem !default;\n$form-check-label-color: null !default;\n$form-check-label-cursor: null !default;\n$form-check-transition: background-color .25s ease, border-color .25s ease, background-position .15s ease-in-out, opacity .15s ease-out, box-shadow .15s ease-in-out !default;\n$form-check-transition-time: .25s !default;\n\n$form-check-input-active-filter: brightness(99%) !default;\n\n$form-check-input-bg: $white !default;\n$form-check-input-border: none !default;\n$form-check-input-border-radius: .35rem !default;\n$form-check-radio-border-radius: 50% !default;\n$form-check-input-focus-border: none !default;\n$form-check-input-focus-box-shadow: none !default;\n\n$form-check-input-checked-color: $white !default;\n$form-check-input-checked-bg-color: transparent !default;\n$form-check-input-checked-border-color: $form-check-input-checked-bg-color !default;\n$form-check-input-checked-bg-image: linear-gradient(310deg, $dark-gradient 0%, $dark-gradient-state 100%) !default;\n$form-check-radio-checked-bg-image: $form-check-input-checked-bg-image !default;\n$form-check-radio-after-width: .5rem !default;\n\n$form-check-input-indeterminate-color: $component-active-color !default;\n$form-check-input-indeterminate-bg-color: $component-active-bg !default;\n$form-check-input-indeterminate-border-color: $form-check-input-indeterminate-bg-color !default;\n$form-check-input-indeterminate-bg-image: url(\"data:image/svg+xml,`-`` all receive top and bottom margins. We nuke the top\n// margin for easier control within type scales as it avoids margin collapsing.\n\n%heading {\n margin-top: 0; // 1\n margin-bottom: $headings-margin-bottom;\n font-family: $headings-font-family;\n font-style: $headings-font-style;\n font-weight: $headings-font-weight;\n line-height: $headings-line-height;\n color: $headings-color;\n}\n\nh1 {\n @extend %heading;\n @include font-size($h1-font-size);\n}\n\nh2 {\n @extend %heading;\n @include font-size($h2-font-size);\n}\n\nh3 {\n @extend %heading;\n @include font-size($h3-font-size);\n}\n\nh4 {\n @extend %heading;\n @include font-size($h4-font-size);\n}\n\nh5 {\n @extend %heading;\n @include font-size($h5-font-size);\n}\n\nh6 {\n @extend %heading;\n @include font-size($h6-font-size);\n}\n\n\n// Reset margins on paragraphs\n//\n// Similarly, the top margin on ` `s get reset. However, we also reset the\n// bottom margin to use `rem` units instead of `em`.\n\np {\n margin-top: 0;\n margin-bottom: $paragraph-margin-bottom;\n}\n\n\n// Abbreviations\n//\n// 1. Duplicate behavior to the data-bs-* attribute for our tooltip plugin\n// 2. Add the correct text decoration in Chrome, Edge, Opera, and Safari.\n// 3. Add explicit cursor to indicate changed behavior.\n// 4. Prevent the text-decoration to be skipped.\n\nabbr[title],\nabbr[data-bs-original-title] { // 1\n text-decoration: underline dotted; // 2\n cursor: help; // 3\n text-decoration-skip-ink: none; // 4\n}\n\n\n// Address\n\naddress {\n margin-bottom: 1rem;\n font-style: normal;\n line-height: inherit;\n}\n\n\n// Lists\n\nol,\nul {\n padding-left: 2rem;\n}\n\nol,\nul,\ndl {\n margin-top: 0;\n margin-bottom: 1rem;\n}\n\nol ol,\nul ul,\nol ul,\nul ol {\n margin-bottom: 0;\n}\n\ndt {\n font-weight: $dt-font-weight;\n}\n\n// 1. Undo browser default\n\ndd {\n margin-bottom: .5rem;\n margin-left: 0; // 1\n}\n\n\n// Blockquote\n\nblockquote {\n margin: 0 0 1rem;\n}\n\n\n// Strong\n//\n// Add the correct font weight in Chrome, Edge, and Safari\n\nb,\nstrong {\n font-weight: $font-weight-bolder;\n}\n\n\n// Small\n//\n// Add the correct font size in all browsers\n\nsmall {\n @include font-size($small-font-size);\n}\n\n\n// Mark\n\nmark {\n padding: $mark-padding;\n background-color: $mark-bg;\n}\n\n\n// Sub and Sup\n//\n// Prevent `sub` and `sup` elements from affecting the line height in\n// all browsers.\n\nsub,\nsup {\n position: relative;\n @include font-size($sub-sup-font-size);\n line-height: 0;\n vertical-align: baseline;\n}\n\nsub { bottom: -.25em; }\nsup { top: -.5em; }\n\n\n// Links\n\na {\n color: $link-color;\n text-decoration: $link-decoration;\n\n &:hover {\n color: $link-hover-color;\n text-decoration: $link-hover-decoration;\n }\n}\n\n// And undo these styles for placeholder links/named anchors (without href).\n// It would be more straightforward to just use a[href] in previous block, but that\n// causes specificity issues in many other styles that are too complex to fix.\n// See https://github.com/twbs/bootstrap/issues/19402\n\na:not([href]):not([class]) {\n &,\n &:hover {\n color: inherit;\n text-decoration: none;\n }\n}\n\n\n// Code\n\npre,\ncode,\nkbd,\nsamp {\n font-family: $font-family-code;\n @include font-size(1em); // Correct the odd `em` font sizing in all browsers.\n direction: ltr #{\"/* rtl:ignore */\"};\n unicode-bidi: bidi-override;\n}\n\n// 1. Remove browser default top margin\n// 2. Reset browser default of `1em` to use `rem`s\n// 3. Don't allow content to break outside\n\npre {\n display: block;\n margin-top: 0; // 1\n margin-bottom: 1rem; // 2\n overflow: auto; // 3\n @include font-size($code-font-size);\n color: $pre-color;\n\n // Account for some code outputs that place code tags in pre tags\n code {\n @include font-size(inherit);\n color: inherit;\n word-break: normal;\n }\n}\n\ncode {\n @include font-size($code-font-size);\n color: $code-color;\n word-wrap: break-word;\n\n // Streamline the style when inside anchors to avoid broken underline and more\n a > & {\n color: inherit;\n }\n}\n\nkbd {\n padding: $kbd-padding-y $kbd-padding-x;\n @include font-size($kbd-font-size);\n color: $kbd-color;\n background-color: $kbd-bg;\n @include border-radius($border-radius-sm);\n\n kbd {\n padding: 0;\n @include font-size(1em);\n font-weight: $nested-kbd-font-weight;\n }\n}\n\n\n// Figures\n//\n// Apply a consistent margin strategy (matches our type styles).\n\nfigure {\n margin: 0 0 1rem;\n}\n\n\n// Images and content\n\nimg,\nsvg {\n vertical-align: middle;\n}\n\n\n// Tables\n//\n// Prevent double borders\n\ntable {\n caption-side: bottom;\n border-collapse: collapse;\n}\n\ncaption {\n padding-top: $table-cell-padding-y;\n padding-bottom: $table-cell-padding-y;\n color: $table-caption-color;\n text-align: left;\n}\n\n// 1. Removes font-weight bold by inheriting\n// 2. Matches default `