{"version":3,"file":"demo-settings.css","sources":["nifty-admin/demo-purpose/demo-settings.scss","../node_modules/bootstrap/scss/_functions.scss","nifty-admin/nifty/functions/_functions.scss","nifty-admin/variables/colors/_colors.scss","nifty-admin/variables/colors/_default-palette.scss","nifty-admin/variables/colors/_default-scheme.scss","nifty-admin/color-schemes/all-headers/navy/_variables.scss","nifty-admin/variables/_variables.scss"],"sourcesContent":["/* -- DEMONSTRATION PURPOSES ONLY -- */\n/* ---------------------------------------------- */\n\n\n\n// Bootstrap functions\n// ----------------------------------------------\n@import \"./node_modules/bootstrap/scss/functions\";\n\n\n\n// Nifty variables\n// ----------------------------------------------\n@import \"../nifty/functions/functions\";\n@import \"../variables/colors/colors\";\n@import \"../variables/variables\";\n\n\n\n._dm-settingsContainer {\n    content-visibility: auto;\n    display: none;\n    pointer-events: none;\n}\n\n\n@media ( min-width: 990px ) {\n\n\n    // Button Gear\n    // ----------------------------------------------\n    ._dm-btn-settings {\n        inset: 40% auto auto 0;\n        position: absolute;\n        transform: translateY( -50% ) translateX( - 100% );\n        visibility: visible;\n    }\n\n\n\n    // Settings container\n    // ----------------------------------------------\n    ._dm-setting-container {\n        border-left : 5px solid $dark;\n        bottom: auto;\n        display: flex;\n        pointer-events: unset;\n        top: 50%;\n        transform: translateX(100%) translateY(-50%);\n        width: auto;\n\n\n        &.show {\n            transform: translateX(0) translateY(-50%);\n        }\n\n\n        .offcanvas-body {\n            overflow: visible;\n        }\n    }\n\n\n    // Settings body\n    ._dm-setting-container__content {\n        width: 1100px;\n    }\n\n\n\n\n\n    // Boxed Background Images\n    // ----------------------------------------------\n    // The collection of background images for the boxed layout\n    ._dm-boxbg {\n        border-radius: $border-radius $border-radius 0 0;\n        content-visibility: auto;\n        height: 370px;\n        margin: 0 auto;\n        width: 1024px;\n\n        &.show {\n            box-shadow: 0 0 2rem rgba( $black, .2 );\n        }\n    }\n\n    ._dm-boxbg__img-container {\n        border-radius: $border-radius;\n\n        ._dm-boxbg__thumb {\n            border-radius: $border-radius / 2;\n            display: block;\n            margin: .1875rem;\n            transition: transform .25s;\n            width: calc( 25% - ( .1875rem * 2));\n\n\n            img {\n                border-radius: $border-radius / 2;\n            }\n\n\n            &:hover:not(.active) {\n                box-shadow: 0 0 0 .1875rem $white, 0 0 1rem rgba( $black, .75 );\n                position: relative;\n                transform: scale( 1.5 );\n                z-index: 1;\n            }\n\n\n            &.active {\n                cursor: default;\n                filter: grayscale( 1 );\n                transform: scale(.9);\n\n                img { opacity: .5 ;}\n\n                &:after {\n                    content: \"\";\n                    position: absolute;\n                    width: 1.2rem;\n                    height: .7rem;\n                    border-width: 0 0 4px 4px;\n                    border-style: solid;\n                    border-color: $white;\n                    inset: 50% 0 0 50%;\n                    transform: translateX(-50%) translateY(-50%) rotate(-45deg);\n                    transform-origin: center center;\n                }\n            }\n        }\n    }\n\n\n\n\n\n    // Color Schemes Buttons\n    // ----------------------------------------------\n    ._dm-color-box {\n        width: 32px;\n        height: 32px;\n        border-radius: $border-radius;\n    }\n\n\n    ._dm-themeColors {\n        &.active {\n\n\n            &:not( .schemes-btn ) {\n                position: relative;\n            }\n\n\n            &.schemes-btn:before, &:before {\n                border-color: $white;\n                border-style: solid;\n                border-width: 0 0 3px 3px;\n                content: \"\";\n                height: .45rem;\n                inset: 50% 0 0 50%;\n                position: absolute;\n                transform-origin: center center;\n                transform: translateX(-50%) translateY(-50%) rotate(-45deg);\n                width: .7rem;\n            }\n\n\n            &.schemes-btn:before {\n                left: 16px;\n            }\n        }\n    }\n\n\n\n\n\n    // Color Scheme Containers\n    // ----------------------------------------------\n    ._dm-colorShcemesMode {\n        align-items: center;\n        display: flex;\n        justify-content: center;\n        min-height: 100px;\n        overflow: hidden;\n        position: relative;\n\n\n        &.active, &:hover, > .btn:focus ~ {\n\n            .btn {\n                opacity: .1;\n            }\n\n\n            ._dm-colorSchemesMode__colors {\n                transform: translateY(0);\n                transition: transform .15s ease 0s;\n            }\n\n\n            ._dm-box-xs.active {\n                position: relative;\n                transform: none;\n                width: 24px;\n            }\n        }\n    }\n\n\n    ._dm-colorSchemesMode__colors {\n        inset: 0;\n        padding-block: .5rem;\n        position: absolute;\n        transform: translateY( 100% );\n        transition: transform .15s;\n\n        ._dm-box-xs {\n            appearance: none;\n            border-radius: .75rem;\n            border: 0;\n            height: 24px;\n            margin-bottom: .2rem;\n            margin-inline: .2rem;\n            width: 24px;\n\n\n            &:hover {\n                box-shadow: 0 0 .5rem rgba( $black, .25 );\n                transform: scale(1.1);\n            }\n\n\n            &.active {\n                position: absolute;\n                transform: translateY(calc(-100% - 1rem));\n                width: 48px;\n            }\n        }\n    }\n\n\n\n\n\n    // Generate colors for preview\n    // ----------------------------------------------\n    $nifty-theme-colors : (\n        \"gray\"   : #98a3b0,\n        \"navy\"   : #265689,\n        \"ocean\"  : #59b3f0,\n        \"lime\"   : #7abf1e,\n        \"violet\" : #b788f0,\n        \"orange\" : #f9ab24,\n        \"teal\"   : #35cabc,\n        \"corn\"   : #ffde2a,\n        \"cherry\" : #ec4d6c,\n        \"coffee\" : #ea916a,\n        \"pear\"   : #d2649d,\n        \"night\"  : #4b5158\n    );\n\n\n    @each $name, $bg in $nifty-theme-colors {\n        ._dm-bg-#{$name} {\n            background-color: $bg;\n        }\n    }\n\n}\n","// Bootstrap functions\n//\n// Utility mixins and functions for evaluating source code across our variables, maps, and mixins.\n\n// Ascending\n// Used to evaluate Sass maps like our grid breakpoints.\n@mixin _assert-ascending($map, $map-name) {\n  $prev-key: null;\n  $prev-num: null;\n  @each $key, $num in $map {\n    @if $prev-num == null or unit($num) == \"%\" or unit($prev-num) == \"%\" {\n      // Do nothing\n    } @else if not comparable($prev-num, $num) {\n      @warn \"Potentially invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} whose unit makes it incomparable to #{$prev-num}, the value of the previous key '#{$prev-key}' !\";\n    } @else if $prev-num >= $num {\n      @warn \"Invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} which isn't greater than #{$prev-num}, the value of the previous key '#{$prev-key}' !\";\n    }\n    $prev-key: $key;\n    $prev-num: $num;\n  }\n}\n\n// Starts at zero\n// Used to ensure the min-width of the lowest breakpoint starts at 0.\n@mixin _assert-starts-at-zero($map, $map-name: \"$grid-breakpoints\") {\n  @if length($map) > 0 {\n    $values: map-values($map);\n    $first-value: nth($values, 1);\n    @if $first-value != 0 {\n      @warn \"First breakpoint in #{$map-name} must start at 0, but starts at #{$first-value}.\";\n    }\n  }\n}\n\n// Colors\n@function to-rgb($value) {\n  @return red($value), green($value), blue($value);\n}\n\n@function rgba-css-var($identifier, $target) {\n  @return rgba(var(--#{$variable-prefix}#{$identifier}-rgb), var(--#{$variable-prefix}#{$target}-opacity));\n}\n\n// stylelint-disable scss/dollar-variable-pattern\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 .0123 .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","// FUNCTIONS\n// ----------------------------------------------\n\n// Color difference\n@function color-difference($bg, $dark, $light ) {\n    @if (lightness($bg) > 70) {\n        @return $dark;\n    } @else {\n        @return $light;\n    }\n}","// DEFAULT COLORS\n// ----------------------------------------------\n\n// Import default palette\n// ----------------------------------------------\n@import \"default-palette\";\n\n\n\n// Import default scheme\n// ----------------------------------------------\n@import \"default-scheme\";","// DEFAULT PALETTE VARIABLES\n// ----------------------------------------------\n\n// Color variables\n// ----------------------------------------------\n$white        : #fff !default;\n$black        : #373c43 !default;\n$gray         : #e1e7f0 !default;\n$blue         : #03a9f4 !default;\n$indigo       : #25476a !default;\n$purple       : #ab47bc !default;\n$pink         : #f06292 !default;\n$red          : #df5645 !default;\n$orange       : #fa9f1b !default;\n$yellow       : #ffe405 !default;\n$green        : #9FCC2E !default;\n$teal         : #26a69a !default;\n$cyan         : #0dcaf0 !default;\n\n\n\n// Theme colors\n// ----------------------------------------------\n$secondary    : $teal !default;\n$success      : $green !default;\n$info         : $blue !default;\n$warning      : $orange !default;\n$danger       : $red !default;\n$light        : $gray !default;\n$dark         : $black !default;","// DEFAULT COLOR SCHEME\n// ----------------------------------------------\n\n// Import default color scheme\n// ----------------------------------------------\n@import \"../../color-schemes/all-headers/navy/variables\";\n//@import \"./scss/nifty-admin/color-schemes/dark/variables\";","// COFFEE COLOR SCHEME\n// ----------------------------------------------\n// HINT :\n// 1. Please try changing the primary and gray colors first -\n// all colors should be automatically changed.\n\n// 2. You can also change all the optional variables,\n// or find more variables at \"scss/nifty-admin/variables/_variables.css\"\n// and from Bootstrap's _variables.scss ( https://github.com/twbs/bootstrap/blob/main/scss/_variables.scss )\n\n// 3. Set this as the default color scheme:\n// - Import it into \"scss/nifty-admin/variables/colors/_default-scheme.scss\" OR\n// - Paste all these variables into \"scss/my-custom-styles/variables.scss\" (Please remove all !default properties).\n\n// 4. These color schemes can be used in a variety of Expanded, Tall, Fair, and Full Header layouts.\n// Be sure to add the following classes:\n// - Expanded Header layout   : Add the class \"hd--expanded\" to the \"#root\" section.\n// - Fair Header layout       : Add the class \"hd--fair\" to the \"#root\" section.\n// - Tall Header layout       : Add the class \"hd--expanded\" and \"hd--fair\" to the \"#root\" section.\n// - Full Header layout       : Remove the classes \"hd--expanded\" and \"hd--fair\" from the \"#root\" section.\n\n\n// Theme-color-variables\n// ----------------------------------------------\n$primary                                   : $indigo !default;\n$gray                                      : #e1e7f0 !default;\n\n\n\n\n\n// Gray-color-variables\n// ----------------------------------------------\n$gray-100                                  : tint-color($gray, 80%) !default;\n$gray-200                                  : tint-color($gray, 60%) !default;\n$gray-300                                  : tint-color($gray, 40%) !default;\n$gray-400                                  : tint-color($gray, 20%) !default;\n$gray-500                                  : $gray !default;\n$gray-600                                  : shade-color($gray, 10%) !default;\n$gray-700                                  : shade-color($gray, 20%) !default;\n$gray-800                                  : shade-color($gray, 30%) !default;\n$gray-900                                  : shade-color($gray, 40%) !default;\n\n\n\n// Theme colors\n// ----------------------------------------------\n$light                                     : $gray-500 !default;\n\n\n\n// Primary components\n// ----------------------------------------------\n$component-active-color                    : $white !default;\n$component-active-bg                       : $primary !default;\n\n\n\n\n\n// BODY\n// ----------------------------------------------\n// Settings for the `<body>` element.\n// ----------------------------------------------\n$body-bg                                   : $gray-300 !default;\n$body-color                                : #75868f !default;\n\n$link-color                                : $blue !default;\n\n// Boxed Layout\n// $boxed-layout-bg-color                  : #000 !default;\n// $boxed-layout-bg-image                  : none !default; // EXAMPLE : url(\"/assets/img/boxed-bg/polygon/bg/8.jpg\") !default;\n\n\n\n\n\n// MAIN NAVIGATION\n// ----------------------------------------------\n$mainnav-bg                                : $white !default;\n$mainnav-color                             : $body-color !default;\n\n// OPTIONAL\n// ----------------------------------------------\n// $mainnav-link-color                     : #000 !default;\n// $mainnav-link-active                    : #000 !default;\n// $mainnav-link-hover                     : #000 !default;\n// $mainnav-caption-color                  : #000 !default;\n// $mainnav-icon-color                     : #000 !default;\n// $mainnav-border-color                   : #000 !default;\n// $mainnav-text-muted                     : #000 !default;\n// $mainnav-headings-color                 : #000 !default;\n\n// // Active link and submenu 1st level.\n// $mainnav-submenu-active-bg              : #000 !default;\n// $mainnav-submenu-active-color           : #000 !default;\n// $mainnav-submenu-active-shadow          : none !default; // Example - Add a border to the left : inset 5px 0 0 0px $component-active-bg !default;\n\n// // Mini navigation colors\n// $mainnav-min-icon-color                 : #000 !default;\n// $mainnav-min-icon-active-color          : #000 !default;\n// $mainnav-min-submenu-active-bg          : #000 !default;\n// $mainnav-min-submenu-active-color       : #000 !default;\n\n\n\n\n\n// HEADER\n// ----------------------------------------------\n$header-bg                                 : $primary !default;\n$header-color                              : tint-color( $primary, 85% ) !default;\n\n// OPTIONAL\n// ----------------------------------------------\n// $header-btn-hover-bg                    : #000 !default;\n// $header-btn-hover-color                 : #000 !default;\n\n// // Expanded Header\n// $header-expand-bg                       : #000 !default;\n// $header-expand-color                    : #000 !default;\n// $header-expand-title-color              : #000 !default;\n// $header-expand-headings-color           : #000 !default;\n\n// // Brand\n// $brand-bg                               : #000 !default;\n// $brand-color                            : #000 !default;\n\n\n\n\n\n// SIDEBAR\n// ----------------------------------------------\n$sidebar-bg                                : $white !default;\n$sidebar-color                             : $body-color !default;\n\n// OPTIONAL\n// ----------------------------------------------\n// $sidebar-unite-bg                       : #000 !default;\n// $sidebar-unite-color                    : #000 !default;\n// $sidebar-unite-active-bg                : #000 !default;\n// $sidebar-unite-active-color             : #000 !default;\n// $sidebar-unite-border-color             : #000 !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\t\t\t\t\t\t: 1.75 !default;\n\n\n\n// Options\n// ----------------------------------------------\n// Quickly modify global styling by enabling or disabling optional features.\n$enable-caret:                true !default;\n$enable-rounded:              true !default;\n$enable-shadows:              true !default;\n$enable-gradients:            false !default;\n$enable-transitions:          true !default;\n$enable-reduced-motion:       true !default;\n$enable-smooth-scroll:        true !default;\n$enable-grid-classes:         true !default;\n$enable-button-pointers:      true !default;\n$enable-rfs:                  true !default;\n$enable-validation-icons:     true !default;\n$enable-negative-margins:     false !default;\n$enable-deprecation-messages: true !default;\n$enable-important-utilities:  true !default;\n\n\n\n// Prefix for :root CSS variables\n// ----------------------------------------------\n$variable-prefix                        : bs- !default;\n\n\n\n\n// GLOBAL NIFTY VARIABLES\n// ----------------------------------------------\n$transition-duration                    : .5s !default;\n\n\n\n\n// Spacing\n// ----------------------------------------------\n// Control the default styling of most Bootstrap elements by modifying these\n// variables. Mostly focused on spacing. You can add more entries to the $spacers map.\n$spacer\t\t\t\t\t\t\t\t\t: 1rem !default;\n$spacers: (\n\t0: 0,\n\t1: $spacer * .25,\n\t2: $spacer * .5,\n\t3: $spacer,\n\t4: $spacer * 1.5,\n\t5: $spacer * 3\n) !default;\n\n\n\n// Opacity\n// ----------------------------------------------\n$opacity: (\n    10    : .1,\n    20    : .2,\n    30    : .3,\n    40    : .4,\n    50    : .5,\n    60    : .6,\n    70    : .7,\n    80    : .8,\n    90    : .9,\n    100   : 1\n) !default;\n\n$bg-opacity                             : $opacity !default;\n$text-opacity                           : $opacity !default;\n\n\n\n\n\n// BODY\n// ----------------------------------------------\n// Settings for the `<body>` element.\n// ----------------------------------------------\n$body-bg\t\t\t\t\t\t\t\t: $white !default;\n$body-color\t\t\t\t\t\t\t\t: #7a878e !default;\n$body-text-align\t\t\t\t\t\t: null !default;\n$text-muted\t\t\t\t\t\t\t\t: opaque( $body-bg, rgba($body-color, .6) ) !default;\n\n\n// LINKS\n// ----------------------------------------------\n// Style anchor elements.\n// ----------------------------------------------\n$link-color                             : $primary !default;\n$link-decoration                        : underline !default;\n$link-shade-percentage                  : 35% !default;\n$link-tint-percentage                   : 35% !default;\n$link-hover-color                       : color-difference($body-bg, shade-color($link-color, $link-shade-percentage), tint-color($link-color, $link-tint-percentage)) !default;\n$link-hover-decoration                  : underline !default;\n\n\n// Grid columns\n// Set the number of columns and specify the width of the gutters.\n// ----------------------------------------------\n$grid-columns                           : 12 !default;\n$grid-gutter-width                      : 1rem !default;\n$grid-row-columns                       : 6 !default;\n\n\n\n// COMPONENTS\n// ----------------------------------------------\n\n// Border-variables\n// ----------------------------------------------\n$border-width\t\t\t\t\t\t\t: 1px !default;\n$border-color\t\t\t\t\t\t\t: color-difference( $body-bg, rgba(0,0,0, .07), rgba(255,255,255, .1) ) !default;\n\n\n\n// Border-radius-variables\n// ----------------------------------------------\n$border-radius\t\t\t\t\t\t\t: .4375rem !default;\n$border-radius-sm\t\t\t\t\t\t: .3125rem !default;\n$border-radius-lg\t\t\t\t\t\t: .5625rem !default;\n$border-radius-pill\t\t\t\t\t\t: 50rem !default;\n\n\n\n// Callout\n// ----------------------------------------------\n$callout-width\t\t\t\t\t\t\t: .1875rem !default;\n$callout-active-state\t\t\t\t\t: $component-active-bg !default;\n\n\n\n// Cards\n// ----------------------------------------------\n$card-bg                                : color-difference($body-bg, $white, lighten($gray, 4%)) !default;\n$card-cap-bg\t\t\t\t\t\t\t: $card-bg !default;\n$card-title-spacer-y \t\t\t\t\t: $spacer * .75 !default;\n$card-header-height                     : 3.5rem !default;\n$card-border-width\t\t\t\t\t\t: $border-width !default;\n$card-border-color\t\t\t\t\t\t: $border-color !default;\n$card-border-radius\t\t\t\t\t\t: $border-radius !default;\n$card-box-shadow                        : color-difference($body-bg, 0 1rem 1rem -.75rem rgba(105, 96, 215, 0.175),  0 1rem 1rem -.75rem rgba(0, 0, 0, 0.175)) !default;\n$card-spacer-y\t\t\t\t\t\t\t: $spacer + .25 !default;\n$card-spacer-x\t\t\t\t\t\t\t: $spacer + .25 !default;\n$card-cap-padding-y\t\t\t\t\t\t: $card-spacer-y * .75 !default;\n$card-cap-padding-x\t\t\t\t\t\t: $card-spacer-x !default;\n\n\n\n// TYPOGRAPHY\n// ----------------------------------------------\n// Font-variables\n// ----------------------------------------------\n$font-family-sans-serif\t\t\t\t\t: \"Poppins\", \"Open Sans\", system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\" !default;\n$font-family-monospace\t\t\t\t\t: SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace !default;\n\n$font-size-base\t\t\t\t\t\t\t: .75rem; //0.8125rem !default; // Assumes the browser default, typically `16px`\n$font-size-sm\t\t\t\t\t\t\t: $font-size-base * .875 !default;\n$font-size-lg\t\t\t\t\t\t\t: $font-size-base * 1.25 !default;\n\n$small-font-size\t\t\t\t\t\t: $font-size-base * .875 !default;\n$sub-sup-font-size\t\t\t\t\t\t: $font-size-base * .75em !default;\n\n\n$font-weight-lighter                    : lighter !default;\n$font-weight-light                      : 300 !default;\n$font-weight-normal                     : 400 !default;\n$font-weight-semibold                   : 500 !default;\n$font-weight-bold                       : 700 !default;\n$font-weight-bolder                     : bolder !default;\n\n\n// Headings-variables\n// ----------------------------------------------\n$headings-color\t\t\t\t\t\t\t: color-contrast( $body-bg, $light, $dark ) !default;\n$headings-font-family                   : \"Ubuntu\" !default;\n$headings-font-weight                   : 500 !default;\n\n\n\n// Code\n// ----------------------------------------------\n$code-font-size                         : $font-size-base !default;\n$code-color                             : $pink !default;\n\n\n\n// Lead\n// ----------------------------------------------\n$lead-font-size                         : $font-size-base * 1.25 !default;\n$lead-font-weight                       : 400 !default;\n\n\n\n// IMAGES\n// ----------------------------------------------\n$thumbnail-border-color                 : $border-color !default;\n$thumbnail-border-width\t\t\t\t\t: $border-width !default;\n$thumbnail-border-radius\t\t\t\t: $border-radius !default;\n$thumbnail-sizes : (\n\txs: 1.75rem,\n\tsm: 2.25rem,\n\tmd: 4rem,\n\tlg: 6rem,\n\txl: 8rem,\n\txxl: 16rem\n) !default;\n\n$figure-caption-color                   : $text-muted;\n\n\n// TABLES\n// ----------------------------------------------\n$table-color \t\t\t\t\t\t\t: $body-color !default;\n$table-border-color \t\t\t\t\t: color-difference($card-bg, lighten($gray, 4.5%), lighten($gray, 13%)) !default;\n$table-border-radius \t\t\t\t\t: $border-radius !default;\n$table-cell-padding-y \t\t\t\t\t: .75rem !default;\n\n$table-head-border-color                : color-difference($card-bg, currentColor, shade-color($table-border-color, 0%)) !default;\n$table-striped-color\t\t\t\t\t: $table-color !default;\n//$table-striped-bg-factor\t\t\t\t: .03 !default;\n$table-striped-bg\t\t\t\t\t\t: color-difference($card-bg, lighten($gray, 7%), lighten($gray, 5.5%)) !default;\n\n$table-hover-color\t\t\t\t\t\t: $table-color !default;\n//$table-hover-bg-factor\t\t\t\t\t: .05 !default;\n$table-hover-bg\t\t\t\t\t\t\t: color-difference($card-bg, lighten($gray, 6%), lighten($gray, 6%)) !default;\n\n$table-active-color\t\t\t\t\t\t: $table-color !default;\n//$table-active-bg-factor\t\t\t\t\t: .075 !default;\n$table-active-bg\t\t\t\t\t\t: color-difference($card-bg, lighten($gray, 5%), lighten($gray, 7%)) !default;\n\n$table-separate-spacing\t\t\t\t\t: .5rem !default;\n$table-separate-color\t\t\t\t\t: $table-color !default;\n$table-separate-bg-factor\t\t\t\t: .035 !default;\n$table-separate-bg\t\t\t\t\t\t: $gray-400 !default;\n\n\n\n// FORMS\n// ----------------------------------------------\n// Input_variables\n// ----------------------------------------------\n$input-bg\t\t\t\t\t\t\t\t: color-difference($card-bg, $white, lighten($gray, 6%)) !default;\n$input-disabled-bg\t\t\t\t\t\t: color-difference($card-bg, $gray-200, lighten($gray, 4.5%)) !default;\n$input-disabled-border-color\t\t\t: color-difference($card-bg, $gray-300, lighten($gray, 5.5%)) !default;\n\n$input-color                            : $body-color !default;\n$input-border-color\t\t\t\t\t\t: color-difference($card-bg, $border-color, $light) !default;\n$input-focus-border-color               : $component-active-bg !default;\n$input-focus-box-shadow\t\t\t\t\t: color-difference($card-bg, 0 0 .75rem 0 rgba(0,0,0,.125), 0 0 .75rem 0 rgba(0,0,0,.15)) !default;\n$input-transition\t\t\t\t\t\t: border-color .35s ease-in-out, box-shadow .35s ease-in-out !default;\n\n$input-btn-padding-y\t\t\t\t\t: .55rem !default;\n$input-btn-padding-x\t\t\t\t\t: 1rem !default;\n\n$input-btn-padding-y-sm\t\t\t\t\t: .45rem !default;\n$input-btn-padding-x-sm\t\t\t\t\t: .95rem !default;\n\n$input-btn-font-size\t\t\t\t\t: $font-size-base !default;\n$input-btn-focus-color-opacity\t\t\t: .1 !default;\n$input-btn-focus-blur\t\t\t\t\t: 0.5rem !default;\n$input-btn-focus-width\t\t\t\t\t: .15rem !default;\n$input-btn-focus-box-shadow\t\t\t\t: 0 0 .5rem 0 rgba(0,0,0,.125) !default;\n\n$input-placeholder-color\t\t\t\t: color-difference($card-bg, $gray-800, $text-muted) !default;\n$input-plaintext-color\t\t\t\t\t: $body-color !default;\n\n\n\n// Form_control_variable\n// ----------------------------------------------\n$form-text-color\t\t\t\t\t\t: color-difference($card-bg, $gray-600, $text-muted) !default;\n\n\n\n// Form_select_variables\n// ----------------------------------------------\n$form-select-border-color\t\t\t\t: $input-border-color !default;\n$form-select-focus-box-shadow\t\t\t: $input-focus-box-shadow !default;\n$form-select-indicator-color            : $body-color !default;\n\n\n// Form_check_variables\n// ----------------------------------------------\n$form-check-input-bg                    : $input-bg !default;\n$form-check-input-border\t\t\t\t: 1px solid #{ color-difference($card-bg, shade-color($border-color, 15%), $light) } !default;\n$form-check-input-border-radius\t\t\t: .35em !default;\n$form-check-input-width\t\t\t\t\t: 1.25em !default;\n$form-check-input-focus-box-shadow\t\t: color-difference($card-bg, 0 0 .25rem .25rem shift-color(rgba($component-active-bg, .25), -10%), 0 0 .25rem .25rem rgba( 0,0,0, .1)) !default;\n\n\n\n// Form_switch_variables\n// ----------------------------------------------\n$form-switch-color                      : $white !default;\n$form-switch-bg                         : color-difference($card-bg, $gray-700, tint-color($gray, 17%)) !default;\n$form-switch-width                      : 2.1em !default;\n$form-switch-height                     : 1.35em !default;\n$form-switch-focus-color                : $form-switch-color !default;\n$form-switch-border-radius              : $form-switch-width !default;\n$form-switch-transition                 : background .35s !default;\n$form-switch-checked-color              : $component-active-color !default;\n$form-switch-checked-bg                 : $component-active-bg !default;\n\n\n\n// Form_range_variables\n// ----------------------------------------------\n$form-range-track-height\t\t\t\t: .2rem !default;\n$form-range-track-bg\t\t\t\t\t: color-difference($card-bg, $input-disabled-bg, rgba( $black, .15 )) !default;\n$form-range-thumb-active-bg\t\t\t\t: shade-color($component-active-bg, 10%) !default;\n$form-range-thumb-focus-box-shadow\t\t: color-difference($card-bg, 0 0 .25rem .25rem shift-color(rgba($component-active-bg, .25), -10%), 0 0 .25rem .25rem rgba(0,0,0, .1)) !default;\n$form-range-thumb-disabled-bg           : $text-muted;\n\n\n// Input_addon_variables\n// ----------------------------------------------\n$input-group-addon-color\t\t\t\t: $input-plaintext-color !default;\n$input-group-addon-bg\t\t\t\t\t: $input-bg !default;\n$input-group-addon-border-color\t\t\t: $input-border-color !default;\n\n\n\n\n\n// ACCORDION\n// ----------------------------------------------\n$accordion-color                        : $body-color !default;\n$accordion-bg                           : $card-bg !default;\n$accordion-border-width                 : 0 !default;\n$accordion-border-color\t\t\t\t\t: $input-border-color !default;\n$accordion-button-active-color          : color-difference($card-bg, shade-color($primary, 10%), tint-color($primary, 10%)) !default;\n$accordion-button-active-bg             : color-difference($card-bg, $gray-100, $gray-300) !default;\n$accordion-icon-width                   : 0.75rem !default;\n$accordion-button-focus-box-shadow      : none !default;\n\n\n// ALERTS\n// ----------------------------------------------\n$alert-bg-scale\t\t\t\t\t\t\t: color-difference($card-bg, -80%, -35%) !default;\n$alert-color-scale\t\t\t\t     \t: color-difference($card-bg, 40%, 55%) !default;\n$alert-border-scale\t\t\t\t\t\t: color-difference($card-bg, -75%, -45%) !default;\n\n\n\n// BUTTONS\n// ----------------------------------------------\n$btn-padding-x\t\t\t\t\t\t\t: $input-btn-padding-x !default;\n$btn-font-size\t\t\t\t\t\t\t: $input-btn-font-size * .95 !default;\n$btn-transition\t\t\t\t\t\t\t: color .25s ease-in-out, background-color .25s ease-in-out, border-color .25s ease-in-out, box-shadow .25s ease-in-out !default;\n$btn-active-bg-shade-amount\t\t\t\t: 30% !default;\n\n\n$btn-padding-y-xs                       : .15rem !default;\n$btn-padding-x-xs                       : .35rem !default;\n$btn-font-size-xs                       : $font-size-sm !default;\n\n\n// Button close\n// ----------------------------------------------\n$btn-close-focus-shadow                 : color-difference($card-bg, $input-btn-focus-box-shadow, none) !default;\n$btn-close-color                        : color-difference($card-bg, $black, $white) !default;\n\n\n\n// BLOCKQUOTE\n// ----------------------------------------------\n$blockquote-margin-y                    : $spacer !default;\n$blockquote-font-size                   : $font-size-base * 1.25 !default;\n$blockquote-footer-color                : var( --#{ $variable-prefix }muted-color ) !default;\n$blockquote-footer-font-size            : $small-font-size !default;\n\n\n\n// BREADCRUMBS\n// ----------------------------------------------\n$breadcrumb-divider                     : quote(\">\") !default;\n$breadcrumb-divider-color               : $body-color !default;\n$breadcrumb-active-color                : $body-color !default;\n$breadcrumb-font-weight                 : 700 !default;\n$breadcrumb-hover-underline             : true !default;\n\n\n\n// CLOSE BUTTON\n// ----------------------------------------------\n$btn-close-color\t\t\t\t\t\t: currentColor !default;\n$btn-close-bg\t\t\t\t\t\t\t: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$btn-close-color}'><path d='m3.786 2.375-1.411 1.411 4.214 4.214-4.214 4.214 1.411 1.411 4.214-4.214 4.214 4.214 1.411-1.411-4.214-4.214 4.214-4.214-1.411-1.411-4.214 4.214z'/></svg>\") !default;\n\n\n\n// DROPDOWN\n// ----------------------------------------------\n$dropdown-animations\t\t\t\t\t: true;\n$dropdown-use-custom-js\t\t\t\t\t: true;\n\n$dropdown-bg                            : color-difference($card-bg, $card-bg, lighten( $card-bg, 4% )) !default;;\n$dropdown-border-color                  : transparent;\n$dropdown-divider-bg\t\t\t\t\t: $border-color !default;\n$dropdown-border-width\t\t\t\t\t: 0 !default;\n$dropdown-box-shadow\t\t\t\t\t: color-difference($card-bg, 0 .5rem 2rem 0rem rgba( 33, 48, 85, 0.31 ), 0 .5rem 1.75rem 0rem rgba( 0, 0, 0, .35 )) !default;\n$dropdown-padding-x\t\t\t\t\t\t: .5rem !default;\n$dropdown-item-padding-x\t\t\t\t: $spacer - $dropdown-padding-x !default;\n$dropdown-item-padding-y                : $spacer * .4 !default;\n\n$dropdown-link-color                    : $body-color !default;\n$dropdown-link-hover-bg                 : color-difference($card-bg, tint-color($gray, 55%), shade-color($gray, 3%)) !default;\n$dropdown-link-hover-color              : color-difference($card-bg, shade-color($dropdown-link-color, 30%), tint-color($dropdown-link-color, 50%)) !default;\n\n$dropdown-transition-in \t\t\t\t: $transition-duration * .7 !default;\n$dropdown-transition-out \t\t\t\t: $dropdown-transition-in !default;\n$dropdown-start-gap\t\t\t\t\t\t: 2.5rem !default;\n$dropdown-transition-timing-in \t\t\t: ease !default;\n$dropdown-transition-timing-out \t\t: linear !default;\n\n$dropdown-dark-color                    : $gray-300 !default;\n$dropdown-dark-bg                       : $dark !default;\n\n\n\n// LIST GROUP\n// ----------------------------------------------\n$list-group-color\t\t\t\t\t\t: $body-color !default;\n$list-group-bg\t\t\t\t\t\t\t: transparent !default;\n$list-group-border-color\t\t\t\t: $border-color !default;\n\n$list-group-hover-bg\t\t\t\t\t: $dropdown-link-hover-bg !default;\n$list-group-action-hover-color\t\t\t: $list-group-color !default;\n$list-group-action-active-bg\t\t\t: $gray-300 !default;\n$list-group-action-active-color\t\t\t: $headings-color !default;\n$list-group-item-bg-scale               : color-difference($card-bg, -70%, 25%) !default;\n$list-group-disabled-color              : color-difference($card-bg, $gray-600, shade-color($body-color, 30%)) !default;\n\n\n\n// MODAL\n// ----------------------------------------------\n$modal-content-bg\t\t\t\t\t\t: color-difference($card-bg, $white, $card-bg) !default;\n$modal-content-border-color\t\t\t\t: $border-color !default;\n$modal-content-border-radius\t\t\t: $border-radius !default;\n\n$modal-backdrop-bg\t\t\t\t\t\t: $black !default;\n$modal-backdrop-opacity\t\t\t\t\t: .65 !default;\n\n\n\n// NAVS TABS\n// ----------------------------------------------\n$nav-icon-color\t\t\t\t\t\t\t: color-difference($card-bg, $gray-600, $text-muted) !default;\n$nav-link-height\t\t\t\t\t\t: 2.5rem !default;\n$nav-link-color\t\t\t\t\t\t\t: $body-color !default;\n$nav-link-hover-color\t\t\t\t\t: $component-active-bg !default;\n$nav-link-disabled-color                : color-difference($card-bg, $gray-600, $text-muted) !default;\n$nav-tabs-bg\t\t\t\t\t\t\t: color-difference($card-bg, tint-color($body-bg, 55%), tint-color( $body-bg, 10.75% )) !default;\n$nav-tabs-bg-hover   \t\t\t\t\t: darken($nav-tabs-bg, 5%) !default;\n$nav-tabs-bg-disabled\t\t\t\t\t: rgba($nav-tabs-bg, .4) !default;\n$nav-tabs-border-color\t\t\t\t\t: $border-color !default;\n$nav-tabs-link-hover-border-color\t\t: transparent !default;\n$nav-tabs-link-active-bg                : $card-bg !default;\n$nav-tabs-link-active-color\t\t\t\t: $component-active-bg !default;\n$nav-tabs-link-active-border-color      : $nav-tabs-border-color $nav-tabs-border-color $nav-tabs-link-active-bg !default;\n$nav-tabs-content-padding               : $card-spacer-y $card-spacer-x !default;\n\n\n\n// PAGINATION\n// ----------------------------------------------\n$pagination-bg\t\t\t\t\t\t\t: transparent !default;\n$pagination-color\t\t\t\t\t\t: $body-color !default;\n$pagination-border-color\t\t\t\t: $border-color !default;\n\n\n$pagination-hover-color\t\t\t\t\t: $component-active-color !default;\n$pagination-hover-bg\t\t\t\t\t: shade-color( $component-active-bg, 20% ) !default;\n$pagination-hover-border-color\t\t\t: $pagination-hover-bg !default;\n\n\n$pagination-focus-color\t\t\t\t\t: $component-active-color !default;\n$pagination-focus-bg\t\t\t\t\t: shade-color( $component-active-bg, 40% ) !default;\n$pagination-focus-border-color\t\t\t: $pagination-focus-bg !default;\n\n\n$pagination-active-color\t\t\t\t: $component-active-color !default;\n$pagination-active-bg\t\t\t\t\t: $component-active-bg !default;\n$pagination-active-border-color\t\t\t: $pagination-active-bg !default;\n\n\n$pagination-disabled-color\t\t\t\t: rgba( $pagination-color, .5 ) !default;\n$pagination-disabled-bg\t\t\t\t\t: transparent !default;\n$pagination-disabled-border-color\t\t: $pagination-border-color !default;\n\n\n$pagination-transition-duration\t\t\t: .25s !default;\n$pagination-transition\t\t\t\t\t: color $pagination-transition-duration ease,\tbackground-color $pagination-transition-duration ease, border-color $pagination-transition-duration ease, box-shadow $pagination-transition-duration ease !default;\n\n\n\n// POPOVERS\n// ----------------------------------------------\n$popover-bg\t\t\t\t\t\t\t\t: color-difference($card-bg, $card-bg, tint-color( $card-bg, 5% )) !default;\n$popover-max-width\t\t\t\t\t\t: 276px !default;\n$popover-border-width\t\t\t\t\t: $border-width !default;\n$popover-border-color\t\t\t\t\t: $border-color !default;\n$popover-border-radius\t\t\t\t\t: $border-radius !default;\n$popover-box-shadow\t\t\t\t\t\t: color-difference($card-bg, 0 .5rem 1rem 0rem rgba( 105, 96, 215, .2 ), 0 .5rem 1rem 0rem rgba( 0, 0, 0, .2 )) !default;\n\n$popover-header-bg\t\t\t\t\t\t: rgba($black, .03) !default;\n$popover-header-color\t\t\t\t\t: $headings-color !default;\n\n$popover-body-color\t\t\t\t\t\t: $body-color !default;\n$popover-arrow-outer-color\t\t\t\t: $popover-border-color !default;\n\n\n\n// PROGRESS BARS\n// ----------------------------------------------\n$progress-bg\t\t\t\t\t\t\t: color-difference($body-bg, rgba( $black, .075 ), rgba( $white, .125 )) !default;\n$progress-border-radius\t\t\t\t\t: $border-radius !default;\n$progress-font-size\t\t\t\t\t\t: $font-size-base * .75 !default;\n$progress-bar-color\t\t\t\t\t\t: color-difference($body-bg, $white, rgba( $white, .1 )) !default;\n$progress-bar-bg\t\t\t\t\t\t: $primary !default;\n$progress-box-shadow                    : color-difference($body-bg, inset 0 1px 2px rgba($black, .075), inset 0 1px 4px rgba($black, .5)) !default;\n$progress-height\t\t\t\t\t\t: .5rem !default;\n$progress-heights: (\n\t\"xs\" : 0.0625rem,\n\t\"sm\" : 0.125rem,\n\t\"md\" : .25rem,\n\t\"lg\" : 1rem,\n\t\"xl\" : 1.25rem,\n) !default;\n\n\n\n// TOASTS\n// ----------------------------------------------\n$toast-background-color\t\t\t\t\t: color-difference($card-bg, $white, tint-color( $card-bg, 5.5% )) !default;\n$toast-border-width\t\t\t\t\t\t: 1px !default;\n$toast-border-color\t\t\t\t\t\t: transparent !default;\n$toast-border-radius\t\t\t\t\t: $border-radius !default;\n$toast-box-shadow\t\t\t\t\t\t: $popover-box-shadow !default;\n\n$toast-header-color\t\t\t\t\t\t: $headings-color !default;\n$toast-header-background-color\t\t\t: transparent !default;\n$toast-header-border-color\t\t\t\t: transparent !default;\n\n\n\n// TOOLTIPS\n// ----------------------------------------------\n$tooltip-color\t\t\t\t\t\t\t: $white !default;\n$tooltip-bg\t\t\t\t\t\t\t\t: $dark !default;\n$tooltip-border-radius\t\t\t\t\t: $border-radius !default;\n$tooltip-padding-y\t\t\t\t\t\t: $spacer * .5 !default;\n$tooltip-padding-x\t\t\t\t\t\t: $spacer * .75 !default;\n\n\n\n// HELPERS\n// ----------------------------------------------\n$utilities: ();\n\n\n\n\n\n\n// COMPONENTS\n// ----------------------------------------------\n// Scroll to top button\n// ----------------------------------------------\n$button-scroll-bg                       : $component-active-bg !default;\n$button-scroll-color                    : $component-active-color !default;\n$button-scroll-border                   : 4px solid $body-bg !important;\n$button-scroll-size                     : 4em !default;\n$button-scroll-right-margin             : 1rem !default;\n$button-scroll-bottom-margin            : 1rem !default;\n$button-scroll-show-after-scrolldown    : 15.75rem !default;\n$button-scroll-use-css-chevron-icon     : true !default;\n\n\n\n// Searchbox\n// ----------------------------------------------\n$searchbox-focus-bg\t\t                : rgba( 0,0,0, .15 ) !default;\n$searchbox-collapsed-width              : 20vw !default;\n$searchbox-expanded-width               : 35vw !default;\n$searchbox-transition                   : $transition-duration !default;\n$searchbox-transition-delay             : ease !default;\n$searchbox-transition-timing            : .25s !default;\n\n\n\n// Backdrop\n// ----------------------------------------------\n$backdrop-bg                            : rgba( 0,0,0, .55 ) !default;\n$backdrop-z-index                       : 9998 !default;\n\n\n\n// Timeline\n// ----------------------------------------------\n$timeline-dot                           : var( --bs-primary ) !default;\n$timeline-line                          : var( --bs-primary ) !default;\n$timeline-line-width                    : 2px !default;\n$timeline-point-gap                     : .25rem !default;\n$timeline-point-size                    : .5rem !default;\n\n$timeline-entry-gap                     : 1.5rem !default;\n$timeline-gap                           : .75rem !default;\n$timeline-point-margin-top              : .75ex !default;\n$timeline-media-size                    : 2.25rem !default;\n\n\n\n// Bubble speech\n// ----------------------------------------------\n$bubble-border-radius                   : 1.5rem !default;\n$bubble-max-width                       : Min( 400px, 80% ) !default;\n$bubble-primary-bg                      : var( --#{ $variable-prefix }comp-active-bg ) !default;\n$bubble-primary-color                   : var( --#{ $variable-prefix }comp-active-color ) !default;\n$bubble-secondary-bg                    : var( --#{ $variable-prefix }card-bg ) !default;\n$bubble-secondary-color                 : var( --#{ $variable-prefix }card-color ) !default;\n$bubble-arrow-width                     : 7px !default;\n$bubble-arrow-height                    : 5px !default;\n$bubble-padding-y                       : .5rem !default;\n$bubble-padding-x                       : 1rem !default;\n\n\n\n\n\n// CONTENTS\n// ----------------------------------------------\n$content-title-size                     : 2rem !default;\n$content-title-color                    : $primary !default;\n$content-title-weight                   : 400 !default;\n$content-overlapping-size               : 12.5vw !default;\n$content-gutter-x                       : 1rem !default;\n$content-gutter-y                       : 1rem !default;\n$content-gutters-x : (\n\t\"md\" : 1.25rem,\n\t\"lg\" : 1.25rem,\n\t\"xl\" : 1.25rem\n) !default;\n\n\n\n\n\n// LAYOUTS\n// ----------------------------------------------\n\n// Boxed Layout\n// ----------------------------------------------\n$boxed-layout-padding-top               : 1rem !default;\n$boxed-layout-max-width                 : 1200px !default;\n$boxed-layout-bg-color                  : color-difference($card-bg, desaturate( mix( #878787, mix( $white, $primary, 35%), 60% ), 25%), shade-color( $body-bg, 20% )) !default;\n$boxed-layout-bg-repeat                 : no-repeat !default;\n$boxed-layout-bg-image                  : none !default; // EXAMPLE : url(\"/assets/img/boxed-bg/polygon/bg/8.jpg\");\n$boxed-layout-bg-size                   : cover !default;\n$boxed-layout-bg-attachment             : fixed !default;\n$boxed-layout-border-radius             : .75rem !default;\n\n\n\n// Centered layout\n// ----------------------------------------------\n$centered-layout-max-width              : 990px !default;\n\n\n\n\n\n// MAIN NAVIGATION\n// ----------------------------------------------\n$mainnav-link-color                     : $mainnav-color !default;\n$mainnav-link-active                    : color-contrast( $mainnav-bg, $component-active-bg, $light ) !default;\n$mainnav-link-hover                     : color-contrast( $mainnav-bg, $component-active-bg, $light) !default;\n$mainnav-caption-color                  : color-contrast( $mainnav-bg, opaque( $component-active-bg, rgba($mainnav-bg, .7) ), opaque( $light, rgba($mainnav-bg, .5) )) !default;\n$mainnav-icon-color                     : color-difference( $mainnav-bg, desaturate($component-active-bg, 20%), $mainnav-link-color) !default;\n$mainnav-border-color                   : color-difference( $mainnav-bg, opaque( $dark, rgba($mainnav-bg, .85) ), opaque( $white, rgba($mainnav-bg, .90%)) ) !default;\n$mainnav-text-muted                     : color-difference( $mainnav-bg, opaque( $dark, rgba($mainnav-bg, .7) ), opaque( $white, rgba($mainnav-bg, .7) ) ) !default;\n$mainnav-headings-color                 : color-difference( $mainnav-bg, $dark, $white ) !default;\n$mainnav-padding                        : .75rem !default;\n$mainnav-content-gutter                 : true !default;\n$mainnav-transition                     : $transition-duration !default;\n$mainnav-transition-timing              : ease !default;\n\n// Active link and submenu 1st level.\n$mainnav-submenu-active-bg              : $component-active-bg !default;\n$mainnav-submenu-active-color           : $component-active-color !default;\n$mainnav-submenu-active-shadow          : none !default; // Example - Add a border to the left : inset 5px 0 0 0px $component-active-bg;\n\n// Submenus\n$mainnav-submenu-indent                 : 2.25em !default;\n$mainnav-submenu-indent-lv2             : .75em !default;\n$mainnav-submenu-border-radius          : $border-radius !default;\n$mainnav-submenu-dashed-margin          : 1.75em !default;\n$mainnav-submenu-dashed-color           : color-difference($card-bg, rgba( $black, .45 ), rgba( $white, .2 )) !default;\n\n// Max Mode\n$mainnav-max-width                      : 13.75rem !default; //220px;\n$mainnav-max-available-at               : \"lg\" !default;\n$mainnav-max-transition                 : $mainnav-transition !default;\n$mainnav-max-transition-timing          : $mainnav-transition-timing !default;\n\n// Min Mode\n$mainnav-min-icon-color                 : $mainnav-color !default;\n$mainnav-min-icon-active-color          : $mainnav-submenu-active-color !default;\n$mainnav-min-submenu-active-bg          : $mainnav-submenu-active-bg !default;\n$mainnav-min-submenu-active-color       : $mainnav-submenu-active-color !default;\n$mainnav-min-width                      : 3.75rem !default;\n$mainnav-min-available-at               : \"lg\" !default;\n$mainnav-min-shadow                     : .25rem 0 1.5rem 0 rgba(0, 0, 0, 0.2) !default;\n$mainnav-min-transition                 : $mainnav-transition !default;\n$mainnav-min-transition-timing          : $mainnav-transition-timing !default;\n\n// Offcanvas : Push mode\n$mainnav-push-transition                : $mainnav-transition !default;\n$mainnav-push-transition-timing         : $mainnav-transition-timing !default;\n\n// Offcanvas : Reveal mode\n$mainnav-reveal-transition              : $mainnav-transition !default;\n$mainnav-reveal-transition-timing       : $mainnav-transition-timing !default;\n\n\n\n// HEADERS\n// ----------------------------------------------\n$header-btn-hover-bg                    : color-difference($header-bg, opaque($header-bg, rgba(0,0,0, .035)), opaque($header-bg, rgba(0,0,0, .15))) !default;\n$header-btn-hover-color                 : color-difference($header-bg, darken($header-color, 25%), lighten($header-color, 15%)) !default;\n$header-height                          : 3.125rem !default;\n$header-btn-border-radius               : $border-radius * 2 !default;\n$header-transition                      : $transition-duration !default;\n$header-transition-timing               : ease !default;\n\n// Expanded Header\n$header-expand-bg                       : $header-bg !default;\n$header-expand-color                    : darken($header-color, 5%) !default;\n$header-expand-title-color              : color-difference($header-bg, $component-active-bg, lighten($header-color, 15%)) !default;\n$header-expand-headings-color           : $header-expand-title-color !default;\n$header-expand-use-start-ouside-radius  : true !default;\n\n// Brand\n$brand-bg                               : transparent !default;\n$brand-color                            : color-difference($header-bg, $component-active-bg, lighten($header-color, 15%)) !default;\n$brand-size                             : 27px !default;\n$brand-img-margin                       : .5rem !default;\n$brand-font-size                        : 1.25rem !default;\n$brand-font-weight                      : 500 !default;\n$brand-font-family                      : \"Ubuntu\", sans-serif !default;\n$brand-border-radius                    : $border-radius * 2 !default;\n\n\n\n// SIDEBAR\n// ----------------------------------------------\n$sidebar-bg                             : color-difference($body-bg, $white, $body-bg) !default;\n$sidebar-color                          : $body-color !default;\n$sidebar-padding-y                      : 1.5rem !default;\n$sidebar-padding-x                      : .5rem !default;\n$sidebar-content-gutter                 : true !default;\n$sidebar-width                          : 17.1875rem !default;\n$sidebar-transition                     : $transition-duration !default;\n$sidebar-transition-timing              : ease !default;\n$sidebar-no-backdrop-shadow             : color-difference($card-bg, 0 .5rem 3rem rgba( $black, .5 ), 0 .5rem 3rem rgba( 0,0,0, .5 )) !default;\n\n// Pinned sidebar\n$sidebar-pinned-available-at            : 1195px !default;\n\n// Unite sidebar\n$sidebar-unite-bg                       : $header-bg !default;\n$sidebar-unite-color                    : $header-color !default;\n$sidebar-unite-active-bg                : color-difference( $sidebar-unite-bg, opaque( $sidebar-unite-bg, rgba($primary, .1) ), opaque( $sidebar-unite-bg, rgba(255,255,255, .09) ) ) !default;\n$sidebar-unite-active-color             : color-difference( $sidebar-unite-bg, darken($sidebar-unite-color, 25%), lighten($sidebar-unite-color, 15%)) !default;\n$sidebar-unite-border-color             : color-difference( $sidebar-unite-bg, opaque( $dark, rgba($sidebar-unite-bg, .85) ), opaque( $light, rgba($sidebar-unite-bg, .85) ) ) !default;\n$sidebar-unite-outer-border             : $border-radius * 2.5 !default;\n\n\n\n// MEDIA PRINT\n// ----------------------------------------------\n$print-bg                               : #fff !default;\n$print-color                            : #555e69 !default;\n$print-black                            : #30353b !default;\n$print-gray                             : #ecf1f4 !default;\n$print-muted                            : #727e8c !default;\n\n\n\n// Z-INDEX\n// ----------------------------------------------\n$z-index-header                         : 1001 !default;\n$z-index-mainnav                        : 1000 !default;\n$z-index-sidebar                        : 1002 !default;\n\n\n\n// TRANSITION TIMINGS\n// ----------------------------------------------\n$transition-timings : (\n\t\"in-quart\"                          : cubic-bezier(0.755, 0.045, 0.915, 0.135),\n\t\"out-quart\"                         : cubic-bezier(0.015, 0.770, 0.040, 0.985),\n\t\"in-back\"                           : cubic-bezier(0.705, -0.155, 0.735, 0.045),\n\t\"out-back\"                          : cubic-bezier(0.280, 1.020, 0.360, 1.145),\n\t\"in-out-back\"                       : cubic-bezier(1.000, -0.280, 0.000, 1.275),\n\t\"steps\"                             : cubic-bezier(0.000, 0.955, 1.000, 0.045),\n\t\"jumping\"                           : cubic-bezier(0.005, 1.045, 0.250, 0.915),\n\t\"rubber\"                            : cubic-bezier(0.135, 1.525, 0.000, 0.900)\n) !default;\n\n\n\n// SCROLLBARS\n// ----------------------------------------------\n$scrollbar-track-size\t\t\t        : .625rem !default;\n$scrollbar-track-bg\t\t\t\t        : transparent !default;\n$scrollbar-handle-size\t\t\t        : .1875rem !default;\n$scrollbar-handle-hover-size\t        : .625rem !default;\n$scrollbar-handle-min-width\t\t        : 6.25rem !default;\n$scrollbar-handle-bg\t\t\t        : color-difference($card-bg, rgba( $gray-900, .5 ), tint-color( $body-bg, 20%) ) !default;\n$scrollbar-handle-border-radius\t        : 2rem !default;\n$scrollbar-transition-duration\t        : .35s !default;"],"names":[],"mappings":"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"}