@iamproperty/components 7.7.1--beta5 → 7.7.1--beta7

package/assets/sass/_functions/bs_variables.scss

@@ -18,10 +18,10 @@ $grid-breakpoints: (
 $breakpoints: $grid-breakpoints;
 
 
-// #region Boostrap
-// Color system
+/* #region Boostrap */
+/*  Color system */
 
-// scss-docs-start gray-color-variables
+/*  scss-docs-start gray-color-variables */
 $white: #fff !default;
 $gray-100: #f8f9fa !default;
 $gray-200: #e9ecef !default;
@@ -33,10 +33,10 @@ $gray-700: #495057 !default;
 $gray-800: #343a40 !default;
 $gray-900: #212529 !default;
 $black: #000 !default;
-// scss-docs-end gray-color-variables
+/*  scss-docs-end gray-color-variables */
 
-// fusv-disable
-// scss-docs-start gray-colors-map
+/*  fusv-disable */
+/*  scss-docs-start gray-colors-map */
 $grays: (
   '100': $gray-100,
   '200': $gray-200,
@@ -48,10 +48,10 @@ $grays: (
   '800': $gray-800,
   '900': $gray-900,
 ) !default;
-// scss-docs-end gray-colors-map
-// fusv-enable
+/*  scss-docs-end gray-colors-map */
+/*  fusv-enable */
 
-// scss-docs-start color-variables
+/*  scss-docs-start color-variables */
 $blue: #0d6efd !default;
 $indigo: #6610f2 !default;
 $purple: #6f42c1 !default;
@@ -62,9 +62,9 @@ $yellow: #ffc107 !default;
 $green: #198754 !default;
 $teal: #20c997 !default;
 $cyan: #0dcaf0 !default;
-// scss-docs-end color-variables
+/*  scss-docs-end color-variables */
 
-// scss-docs-start colors-map
+/*  scss-docs-start colors-map */
 $colors: (
   'blue': $blue,
   'indigo': $indigo,
@@ -81,17 +81,17 @@ $colors: (
   'gray': $gray-600,
   'gray-dark': $gray-800,
 ) !default;
-// scss-docs-end colors-map
+/*  scss-docs-end colors-map */
 
-// 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.
-// See https://www.w3.org/TR/WCAG20/#visual-audio-contrast-contrast
+/*  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. */
+/*  See https://www.w3.org/TR/WCAG20/#visual-audio-contrast-contrast */
 $min-contrast-ratio: 4.5 !default;
 
-// Customize the light and dark text colors for use in our color contrast function.
+/*  Customize the light and dark text colors for use in our color contrast function. */
 $color-contrast-dark: $black !default;
 $color-contrast-light: $white !default;
 
-// fusv-disable
+/*  fusv-disable */
 $blue-100: tint-color($blue, 80%) !default;
 $blue-200: tint-color($blue, 60%) !default;
 $blue-300: tint-color($blue, 40%) !default;
@@ -311,9 +311,9 @@ $cyans: (
   'cyan-800': $cyan-800,
   'cyan-900': $cyan-900,
 ) !default;
-// fusv-enable
+/*  fusv-enable */
 
-// scss-docs-start theme-color-variables
+/*  scss-docs-start theme-color-variables */
 $primary: $blue !default;
 $secondary: $gray-600 !default;
 $success: $green !default;
@@ -322,9 +322,9 @@ $warning: $yellow !default;
 $danger: $red !default;
 $light: $gray-100 !default;
 $dark: $gray-900 !default;
-// scss-docs-end theme-color-variables
+/*  scss-docs-end theme-color-variables */
 
-// scss-docs-start theme-colors-map
+/*  scss-docs-start theme-colors-map */
 $theme-colors: (
   'primary': $primary,
   'secondary': $secondary,
@@ -335,26 +335,26 @@ $theme-colors: (
   'light': $light,
   'dark': $dark,
 ) !default;
-// scss-docs-end theme-colors-map
+/*  scss-docs-end theme-colors-map */
 
-// scss-docs-start gray-color-variables
+/*  scss-docs-start gray-color-variables */
 $white: #fff !default;
 $black: #000 !default;
 
-// 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.
-// See https://www.w3.org/TR/WCAG20/#visual-audio-contrast-contrast
+/*  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. */
+/*  See https://www.w3.org/TR/WCAG20/#visual-audio-contrast-contrast */
 $min-contrast-ratio: 4.5 !default;
 
-// Customize the light and dark text colors for use in our color contrast function.
+/*  Customize the light and dark text colors for use in our color contrast function. */
 $color-contrast-dark: $black !default;
 $color-contrast-light: $white !default;
 
-// Characters which are escaped by the escape-svg function
+/*  Characters which are escaped by the escape-svg function */
 $escaped-characters: (('<', '%3c'), ('>', '%3e'), ('#', '%23'), ('(', '%28'), (')', '%29')) !default;
 
-// Options
-//
-// Quickly modify global styling by enabling or disabling optional features.
+/*  Options */
+/*  */
+/*  Quickly modify global styling by enabling or disabling optional features. */
 
 $enable-caret: true !default;
 $enable-rounded: true !default;
@@ -373,26 +373,26 @@ $enable-negative-margins: false !default;
 $enable-deprecation-messages: true !default;
 $enable-important-utilities: true !default;
 
-// Prefix for :root CSS variables
+/*  Prefix for :root CSS variables */
 
-$variable-prefix: bs- !default; // Deprecated in v5.2.0 for the shorter `$prefix`
+$variable-prefix: bs- !default; /*  Deprecated in v5.2.0 for the shorter `$prefix` */
 $prefix: $variable-prefix !default;
 
-// Gradient
-//
-// The gradient which is added to components if `$enable-gradients` is `true`
-// This gradient is also added to elements with `.bg-gradient`
-// scss-docs-start variable-gradient
+/*  Gradient */
+/*  */
+/*  The gradient which is added to components if `$enable-gradients` is `true` */
+/*  This gradient is also added to elements with `.bg-gradient` */
+/*  scss-docs-start variable-gradient */
 $gradient: linear-gradient(180deg, rgba($white, 0.15), rgba($white, 0)) !default;
-// scss-docs-end variable-gradient
+/*  scss-docs-end variable-gradient */
 
-// Spacing
-//
-// Control the default styling of most Bootstrap elements by modifying these
-// variables. Mostly focused on spacing.
-// You can add more entries to the $spacers map, should you need more variation.
+/*  Spacing */
+/*  */
+/*  Control the default styling of most Bootstrap elements by modifying these */
+/*  variables. Mostly focused on spacing. */
+/*  You can add more entries to the $spacers map, should you need more variation. */
 
-// scss-docs-start spacer-variables-maps
+/*  scss-docs-start spacer-variables-maps */
 $spacer: 1rem !default;
 $spacers: (
   0: 0,
@@ -402,31 +402,31 @@ $spacers: (
   4: $spacer * 1.5,
   5: $spacer * 3,
 ) !default;
-// scss-docs-end spacer-variables-maps
+/*  scss-docs-end spacer-variables-maps */
 
-// Position
-//
-// Define the edge positioning anchors of the position utilities.
+/*  Position */
+/*  */
+/*  Define the edge positioning anchors of the position utilities. */
 
-// scss-docs-start position-map
+/*  scss-docs-start position-map */
 $position-values: (
   0: 0,
   50: 50%,
   100: 100%,
 ) !default;
-// scss-docs-end position-map
+/*  scss-docs-end position-map */
 
-// Body
-//
-// Settings for the `<body>` element.
+/*  Body */
+/*  */
+/*  Settings for the `<body>` element. */
 
 $body-bg: $white !default;
 $body-color: $gray-900 !default;
 $body-text-align: null !default;
 
-// Links
-//
-// Style anchor elements.
+/*  Links */
+/*  */
+/*  Style anchor elements. */
 
 $link-color: $primary !default;
 $link-decoration: underline !default;
@@ -437,17 +437,17 @@ $link-hover-decoration: null !default;
 $stretched-link-pseudo-element: after !default;
 $stretched-link-z-index: 1 !default;
 
-// Paragraphs
-//
-// Style p element.
+/*  Paragraphs */
+/*  */
+/*  Style p element. */
 
 $paragraph-margin-bottom: 1rem !default;
 
-// Grid containers
-//
-// Define the maximum width of `.container` for different screen sizes.
+/*  Grid containers */
+/*  */
+/*  Define the maximum width of `.container` for different screen sizes. */
 
-// scss-docs-start container-max-widths
+/*  scss-docs-start container-max-widths */
 $container-max-widths: (
   sm: 540px,
   md: 720px,
@@ -455,27 +455,27 @@ $container-max-widths: (
   xl: 1140px,
   xxl: 1320px,
 ) !default;
-// scss-docs-end container-max-widths
+/*  scss-docs-end container-max-widths */
 
 @include assert-ascending($container-max-widths, '$container-max-widths');
 
-// Grid columns
-//
-// Set the number of columns and specify the width of the gutters.
+/*  Grid columns */
+/*  */
+/*  Set the number of columns and specify the width of the gutters. */
 
 $grid-columns: 12 !default;
 $grid-gutter-width: 1rem !default;
 $grid-row-columns: 6 !default;
 
-// Container padding
+/*  Container padding */
 
 $container-padding-x: $grid-gutter-width !default;
 
-// Components
-//
-// Define common padding and border radius sizes and more.
+/*  Components */
+/*  */
+/*  Define common padding and border radius sizes and more. */
 
-// scss-docs-start border-variables
+/*  scss-docs-start border-variables */
 $border-width: 1px !default;
 $border-widths: (
   1: 1px,
@@ -488,57 +488,57 @@ $border-widths: (
 $border-style: solid !default;
 $border-color: $gray-300 !default;
 $border-color-translucent: rgba($black, 0.175) !default;
-// scss-docs-end border-variables
+/*  scss-docs-end border-variables */
 
-// scss-docs-start border-radius-variables
+/*  scss-docs-start border-radius-variables */
 $border-radius: 0.375rem !default;
 $border-radius-sm: 0.25rem !default;
 $border-radius-lg: 0.5rem !default;
 $border-radius-xl: 1rem !default;
 $border-radius-2xl: 2rem !default;
 $border-radius-pill: 50rem !default;
-// scss-docs-end border-radius-variables
+/*  scss-docs-end border-radius-variables */
 
-// scss-docs-start box-shadow-variables
+/*  scss-docs-start box-shadow-variables */
 $box-shadow: 0 0.5rem 1rem rgba($black, 0.15) !default;
 $box-shadow-sm: 0 0.125rem 0.25rem rgba($black, 0.075) !default;
 $box-shadow-lg: 0 1rem 3rem rgba($black, 0.175) !default;
 $box-shadow-inset: inset 0 1px 2px rgba($black, 0.075) !default;
-// scss-docs-end box-shadow-variables
+/*  scss-docs-end box-shadow-variables */
 
 $component-active-color: $white !default;
 $component-active-bg: $primary !default;
 
-// scss-docs-start caret-variables
+/*  scss-docs-start caret-variables */
 $caret-width: 0.3em !default;
 $caret-vertical-align: $caret-width * 0.85 !default;
 $caret-spacing: $caret-width * 0.85 !default;
-// scss-docs-end caret-variables
+/*  scss-docs-end caret-variables */
 
 $transition-base: all 0.2s ease-in-out !default;
 $transition-fade: opacity 0.15s linear !default;
-// scss-docs-start collapse-transition
+/*  scss-docs-start collapse-transition */
 $transition-collapse: height 0.35s ease !default;
 $transition-collapse-width: width 0.35s ease !default;
-// scss-docs-end collapse-transition
+/*  scss-docs-end collapse-transition */
 
-// stylelint-disable function-disallowed-list
-// scss-docs-start aspect-ratios
+/*  stylelint-disable function-disallowed-list */
+/*  scss-docs-start aspect-ratios */
 $aspect-ratios: (
   '1x1': 100%,
   '4x3': calc(3 / 4 * 100%),
   '16x9': calc(9 / 16 * 100%),
   '21x9': calc(9 / 21 * 100%),
 ) !default;
-// scss-docs-end aspect-ratios
-// stylelint-enable function-disallowed-list
+/*  scss-docs-end aspect-ratios */
+/*  stylelint-enable function-disallowed-list */
 
-// Typography
-//
-// Font, line-height, and color for body text, headings, and more.
+/*  Typography */
+/*  */
+/*  Font, line-height, and color for body text, headings, and more. */
 
-// scss-docs-start font-variables
-// stylelint-disable value-keyword-case
+/*  scss-docs-start font-variables */
+/*  stylelint-disable value-keyword-case */
 $font-family-sans-serif:
   system-ui,
   -apple-system,
@@ -554,14 +554,14 @@ $font-family-sans-serif:
   'Segoe UI Symbol',
   'Noto Color Emoji' !default;
 $font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace !default;
-// stylelint-enable value-keyword-case
+/*  stylelint-enable value-keyword-case */
 $font-family-base: var(--font-sans-serif) !default;
 $font-family-code: var(--font-monospace) !default;
 
-// $font-size-root affects the value of `rem`, which is used for as well font sizes, paddings, and margins
-// $font-size-base affects the font size of the body text
+/*  $font-size-root affects the value of `rem`, which is used for as well font sizes, paddings, and margins */
+/*  $font-size-base affects the font size of the body text */
 $font-size-root: null !default;
-$font-size-base: 1rem !default; // Assumes the browser default, typically `16px`
+$font-size-base: 1rem !default; /*  Assumes the browser default, typically `16px` */
 $font-size-sm: $font-size-base * 0.875 !default;
 $font-size-lg: $font-size-base * 1.25 !default;
 
@@ -584,9 +584,9 @@ $h3-font-size: $font-size-base * 1.75 !default;
 $h4-font-size: $font-size-base * 1.5 !default;
 $h5-font-size: $font-size-base * 1.25 !default;
 $h6-font-size: $font-size-base !default;
-// scss-docs-end font-variables
+/*  scss-docs-end font-variables */
 
-// scss-docs-start font-sizes
+/*  scss-docs-start font-sizes */
 $font-sizes: (
   1: $h1-font-size,
   2: $h2-font-size,
@@ -595,18 +595,18 @@ $font-sizes: (
   5: $h5-font-size,
   6: $h6-font-size,
 ) !default;
-// scss-docs-end font-sizes
+/*  scss-docs-end font-sizes */
 
-// scss-docs-start headings-variables
+/*  scss-docs-start headings-variables */
 $headings-margin-bottom: $spacer * 0.5 !default;
 $headings-font-family: null !default;
 $headings-font-style: null !default;
 $headings-font-weight: 500 !default;
 $headings-line-height: 1.2 !default;
 $headings-color: null !default;
-// scss-docs-end headings-variables
+/*  scss-docs-end headings-variables */
 
-// scss-docs-start display-headings
+/*  scss-docs-start display-headings */
 $display-font-sizes: (
   1: 5rem,
   2: 4.5rem,
@@ -620,9 +620,9 @@ $display-font-family: null !default;
 $display-font-style: null !default;
 $display-font-weight: 300 !default;
 $display-line-height: $headings-line-height !default;
-// scss-docs-end display-headings
+/*  scss-docs-end display-headings */
 
-// scss-docs-start type-variables
+/*  scss-docs-start type-variables */
 $lead-font-size: $font-size-base * 1.25 !default;
 $lead-font-weight: 300 !default;
 
@@ -642,12 +642,12 @@ $blockquote-footer-font-size: $small-font-size !default;
 $hr-margin-y: $spacer !default;
 $hr-color: inherit !default;
 
-// fusv-disable
-$hr-bg-color: null !default; // Deprecated in v5.2.0
-$hr-height: null !default; // Deprecated in v5.2.0
-// fusv-enable
+/*  fusv-disable */
+$hr-bg-color: null !default; /*  Deprecated in v5.2.0 */
+$hr-height: null !default; /*  Deprecated in v5.2.0 */
+/*  fusv-enable */
 
-$hr-border-color: null !default; // Allows for inherited colors
+$hr-border-color: null !default; /*  Allows for inherited colors */
 $hr-border-width: $border-width !default;
 $hr-opacity: 0.25 !default;
 
@@ -661,13 +661,13 @@ $list-inline-padding: 0.5rem !default;
 
 $mark-padding: 0.1875em !default;
 $mark-bg: $yellow-100 !default;
-// scss-docs-end type-variables
+/*  scss-docs-end type-variables */
 
-// Tables
-//
-// Customizes the `.table` component with basic values, each used across all table variations.
+/*  Tables */
+/*  */
+/*  Customizes the `.table` component with basic values, each used across all table variations. */
 
-// scss-docs-start table-variables
+/*  scss-docs-start table-variables */
 $table-cell-padding-y: 0.5rem !default;
 $table-cell-padding-x: 0.5rem !default;
 $table-cell-padding-y-sm: 0.25rem !default;
@@ -705,9 +705,9 @@ $table-group-separator-color: currentcolor !default;
 $table-caption-color: $text-muted !default;
 
 $table-bg-scale: -80% !default;
-// scss-docs-end table-variables
+/*  scss-docs-end table-variables */
 
-// scss-docs-start table-loop
+/*  scss-docs-start table-loop */
 $table-variants: (
   'primary': shift-color($primary, $table-bg-scale),
   'secondary': shift-color($secondary, $table-bg-scale),
@@ -718,13 +718,13 @@ $table-variants: (
   'light': $light,
   'dark': $dark,
 ) !default;
-// scss-docs-end table-loop
+/*  scss-docs-end table-loop */
 
-// Buttons + Forms
-//
-// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.
+/*  Buttons + Forms */
+/*  */
+/*  Shared variables that are reassigned to `$input-` and `$btn-` specific variables. */
 
-// scss-docs-start input-btn-variables
+/*  scss-docs-start input-btn-variables */
 $input-btn-padding-y: 0.375rem !default;
 $input-btn-padding-x: 0.75rem !default;
 $input-btn-font-family: null !default;
@@ -746,19 +746,19 @@ $input-btn-padding-x-lg: 1rem !default;
 $input-btn-font-size-lg: $font-size-lg !default;
 
 $input-btn-border-width: $border-width !default;
-// scss-docs-end input-btn-variables
+/*  scss-docs-end input-btn-variables */
 
-// Buttons
-//
-// For each of Bootstrap's buttons, define text, background, and border color.
+/*  Buttons */
+/*  */
+/*  For each of Bootstrap's buttons, define text, background, and border color. */
 
-// scss-docs-start btn-variables
+/*  scss-docs-start btn-variables */
 $btn-padding-y: $input-btn-padding-y !default;
 $btn-padding-x: $input-btn-padding-x !default;
 $btn-font-family: $input-btn-font-family !default;
 $btn-font-size: $input-btn-font-size !default;
 $btn-line-height: $input-btn-line-height !default;
-$btn-white-space: null !default; // Set to `nowrap` to prevent text wrapping
+$btn-white-space: null !default; /*  Set to `nowrap` to prevent text wrapping */
 
 $btn-padding-y-sm: $input-btn-padding-y-sm !default;
 $btn-padding-x-sm: $input-btn-padding-x-sm !default;
@@ -783,7 +783,7 @@ $btn-link-color: var(--link-color) !default;
 $btn-link-hover-color: var(--link-hover-color) !default;
 $btn-link-disabled-color: $gray-600 !default;
 
-// Allows for customizing button radius independently from global border radius
+/*  Allows for customizing button radius independently from global border radius */
 $btn-border-radius: $border-radius !default;
 $btn-border-radius-sm: $border-radius-sm !default;
 $btn-border-radius-lg: $border-radius-lg !default;
@@ -802,27 +802,27 @@ $btn-active-bg-shade-amount: 20% !default;
 $btn-active-bg-tint-amount: 20% !default;
 $btn-active-border-shade-amount: 25% !default;
 $btn-active-border-tint-amount: 10% !default;
-// scss-docs-end btn-variables
+/*  scss-docs-end btn-variables */
 
-// Forms
+/*  Forms */
 
-// scss-docs-start form-text-variables
+/*  scss-docs-start form-text-variables */
 $form-text-margin-top: 0.25rem !default;
 $form-text-font-size: $small-font-size !default;
 $form-text-font-style: null !default;
 $form-text-font-weight: null !default;
 $form-text-color: $text-muted !default;
-// scss-docs-end form-text-variables
+/*  scss-docs-end form-text-variables */
 
-// scss-docs-start form-label-variables
+/*  scss-docs-start form-label-variables */
 $form-label-margin-bottom: 0.5rem !default;
 $form-label-font-size: null !default;
 $form-label-font-style: null !default;
 $form-label-font-weight: null !default;
 $form-label-color: null !default;
-// scss-docs-end form-label-variables
+/*  scss-docs-end form-label-variables */
 
-// scss-docs-start form-input-variables
+/*  scss-docs-start form-input-variables */
 $input-padding-y: $input-btn-padding-y !default;
 $input-padding-x: $input-btn-padding-x !default;
 $input-font-family: $input-btn-font-family !default;
@@ -876,9 +876,9 @@ $input-transition:
   box-shadow 0.15s ease-in-out !default;
 
 $form-color-width: 3rem !default;
-// scss-docs-end form-input-variables
+/*  scss-docs-end form-input-variables */
 
-// scss-docs-start form-check-variables
+/*  scss-docs-start form-check-variables */
 $form-check-input-width: 1em !default;
 $form-check-min-height: $font-size-base * $line-height-base !default;
 $form-check-padding-start: $form-check-input-width + 0.5em !default;
@@ -900,8 +900,7 @@ $form-check-input-checked-color: $component-active-color !default;
 $form-check-input-checked-bg-color: $component-active-bg !default;
 $form-check-input-checked-border-color: $form-check-input-checked-bg-color !default;
 $form-check-input-checked-bg-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path fill='none' stroke='#{$form-check-input-checked-color}' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/></svg>") !default;
-$form-check-radio-checked-bg-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='2' fill='#{$form-check-input-checked-color}'/></svg>") !default;
-
+$form-check-radio-checked-bg-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='2' fill='#{$form-check-input-checked-color}'/></svg>") !default; 
 $form-check-input-indeterminate-color: $component-active-color !default;
 $form-check-input-indeterminate-bg-color: $component-active-bg !default;
 $form-check-input-indeterminate-border-color: $form-check-input-indeterminate-bg-color !default;
@@ -912,9 +911,9 @@ $form-check-label-disabled-opacity: $form-check-input-disabled-opacity !default;
 $form-check-btn-check-disabled-opacity: $btn-disabled-opacity !default;
 
 $form-check-inline-margin-end: 1rem !default;
-// scss-docs-end form-check-variables
+/*  scss-docs-end form-check-variables */
 
-// scss-docs-start form-switch-variables
+/*  scss-docs-start form-switch-variables */
 $form-switch-color: rgba($black, 0.25) !default;
 $form-switch-width: 2em !default;
 $form-switch-padding-start: $form-switch-width + 0.5em !default;
@@ -926,25 +925,25 @@ $form-switch-focus-color: $input-focus-border-color !default;
 $form-switch-focus-bg-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='#{$form-switch-focus-color}'/></svg>") !default;
 
 $form-switch-checked-color: $component-active-color !default;
-$form-switch-checked-bg-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='#{$form-switch-checked-color}'/></svg>") !default;
+$form-switch-checked-bg-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='#{$form-switch-checked-color}'/></svg>") !default; 
 $form-switch-checked-bg-position: right center !default;
-// scss-docs-end form-switch-variables
+/*  scss-docs-end form-switch-variables */
 
-// scss-docs-start input-group-variables
+/*  scss-docs-start input-group-variables */
 $input-group-addon-padding-y: $input-padding-y !default;
 $input-group-addon-padding-x: $input-padding-x !default;
 $input-group-addon-font-weight: $input-font-weight !default;
 $input-group-addon-color: $input-color !default;
 $input-group-addon-bg: $gray-200 !default;
 $input-group-addon-border-color: $input-border-color !default;
-// scss-docs-end input-group-variables
+/*  scss-docs-end input-group-variables */
 
-// scss-docs-start form-select-variables
+/*  scss-docs-start form-select-variables */
 $form-select-padding-y: $input-padding-y !default;
 $form-select-padding-x: $input-padding-x !default;
 $form-select-font-family: $input-font-family !default;
 $form-select-font-size: $input-font-size !default;
-$form-select-indicator-padding: $form-select-padding-x * 3 !default; // Extra padding for background-image
+$form-select-indicator-padding: $form-select-padding-x * 3 !default; /*  Extra padding for background-image */
 $form-select-font-weight: $input-font-weight !default;
 $form-select-line-height: $input-line-height !default;
 $form-select-color: $input-color !default;
@@ -953,7 +952,7 @@ $form-select-disabled-color: null !default;
 $form-select-disabled-bg: $gray-200 !default;
 $form-select-disabled-border-color: $input-disabled-border-color !default;
 $form-select-bg-position: right $form-select-padding-x center !default;
-$form-select-bg-size: 16px 12px !default; // In pixels because image dimensions
+$form-select-bg-size: 16px 12px !default; /*  In pixels because image dimensions */
 $form-select-indicator-color: $gray-800 !default;
 $form-select-indicator: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='#{$form-select-indicator-color}' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/></svg>") !default;
 
@@ -981,9 +980,9 @@ $form-select-font-size-lg: $input-font-size-lg !default;
 $form-select-border-radius-lg: $input-border-radius-lg !default;
 
 $form-select-transition: $input-transition !default;
-// scss-docs-end form-select-variables
+/*  scss-docs-end form-select-variables */
 
-// scss-docs-start form-range-variables
+/*  scss-docs-start form-range-variables */
 $form-range-track-width: 100% !default;
 $form-range-track-height: 0.5rem !default;
 $form-range-track-cursor: pointer !default;
@@ -1000,22 +999,22 @@ $form-range-thumb-box-shadow: 0 0.1rem 0.25rem rgba($black, 0.1) !default;
 $form-range-thumb-focus-box-shadow:
   0 0 0 1px $body-bg,
   $input-focus-box-shadow !default;
-$form-range-thumb-focus-box-shadow-width: $input-focus-width !default; // For focus box shadow issue in Edge
+$form-range-thumb-focus-box-shadow-width: $input-focus-width !default; /*  For focus box shadow issue in Edge */
 $form-range-thumb-active-bg: tint-color($component-active-bg, 70%) !default;
 $form-range-thumb-disabled-bg: $gray-500 !default;
 $form-range-thumb-transition:
   background-color 0.15s ease-in-out,
   border-color 0.15s ease-in-out,
   box-shadow 0.15s ease-in-out !default;
-// scss-docs-end form-range-variables
+/*  scss-docs-end form-range-variables */
 
-// scss-docs-start form-file-variables
+/*  scss-docs-start form-file-variables */
 $form-file-button-color: $input-color !default;
 $form-file-button-bg: $input-group-addon-bg !default;
 $form-file-button-hover-bg: shade-color($form-file-button-bg, 5%) !default;
-// scss-docs-end form-file-variables
+/*  scss-docs-end form-file-variables */
 
-// scss-docs-start form-floating-variables
+/*  scss-docs-start form-floating-variables */
 $form-floating-height: add(3.5rem, $input-height-border) !default;
 $form-floating-line-height: 1.25 !default;
 $form-floating-padding-x: $input-padding-x !default;
@@ -1027,11 +1026,11 @@ $form-floating-label-transform: scale(0.85) translateY(-0.5rem) translateX(0.15r
 $form-floating-transition:
   opacity 0.1s ease-in-out,
   transform 0.1s ease-in-out !default;
-// scss-docs-end form-floating-variables
+/*  scss-docs-end form-floating-variables */
 
-// Form validation
+/*  Form validation */
 
-// scss-docs-start form-feedback-variables
+/*  scss-docs-start form-feedback-variables */
 $form-feedback-margin-top: $form-text-margin-top !default;
 $form-feedback-font-size: $form-text-font-size !default;
 $form-feedback-font-style: $form-text-font-style !default;
@@ -1042,9 +1041,9 @@ $form-feedback-icon-valid-color: $form-feedback-valid-color !default;
 $form-feedback-icon-valid: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'><path fill='#{$form-feedback-icon-valid-color}' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/></svg>") !default;
 $form-feedback-icon-invalid-color: $form-feedback-invalid-color !default;
 $form-feedback-icon-invalid: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='#{$form-feedback-icon-invalid-color}'><circle cx='6' cy='6' r='4.5'/><path stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/><circle cx='6' cy='8.2' r='.6' fill='#{$form-feedback-icon-invalid-color}' stroke='none'/></svg>") !default;
-// scss-docs-end form-feedback-variables
+/*  scss-docs-end form-feedback-variables */
 
-// scss-docs-start form-validation-states
+/*  scss-docs-start form-validation-states */
 $form-validation-states: (
   'valid': (
     'color': $form-feedback-valid-color,
@@ -1055,14 +1054,14 @@ $form-validation-states: (
     'icon': $form-feedback-icon-invalid,
   ),
 ) !default;
-// scss-docs-end form-validation-states
+/*  scss-docs-end form-validation-states */
 
-// Z-index master list
-//
-// Warning: Avoid customizing these values. They're used for a bird's eye view
-// of components dependent on the z-axis and are designed to all work together.
+/*  Z-index master list */
+/*  */
+/*  Warning: Avoid customizing these values. They're used for a bird's eye view */
+/*  of components dependent on the z-axis and are designed to all work together. */
 
-// scss-docs-start zindex-stack
+/*  scss-docs-start zindex-stack */
 $zindex-dropdown: 1000 !default;
 $zindex-sticky: 1020 !default;
 $zindex-fixed: 1030 !default;
@@ -1073,11 +1072,11 @@ $zindex-modal: 1055 !default;
 $zindex-popover: 1070 !default;
 $zindex-tooltip: 1080 !default;
 $zindex-toast: 1090 !default;
-// scss-docs-end zindex-stack
+/*  scss-docs-end zindex-stack */
 
-// Navs
+/*  Navs */
 
-// scss-docs-start nav-variables
+/*  scss-docs-start nav-variables */
 $nav-link-padding-y: 0.5rem !default;
 $nav-link-padding-x: 1rem !default;
 $nav-link-font-size: null !default;
@@ -1101,18 +1100,18 @@ $nav-tabs-link-active-border-color: $gray-300 $gray-300 $nav-tabs-link-active-bg
 $nav-pills-border-radius: $border-radius !default;
 $nav-pills-link-active-color: $component-active-color !default;
 $nav-pills-link-active-bg: $component-active-bg !default;
-// scss-docs-end nav-variables
+/*  scss-docs-end nav-variables */
 
-// Navbar
+/*  Navbar */
 
-// scss-docs-start navbar-variables
+/*  scss-docs-start navbar-variables */
 $navbar-padding-y: $spacer * 0.5 !default;
 $navbar-padding-x: null !default;
 
 $navbar-nav-link-padding-x: 0.5rem !default;
 
 $navbar-brand-font-size: $font-size-lg !default;
-// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link
+/*  Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link */
 $nav-link-height: $font-size-base * $line-height-base + $nav-link-padding-y * 2 !default;
 $navbar-brand-height: $navbar-brand-font-size * $line-height-base !default;
 $navbar-brand-padding-y: ($nav-link-height - $navbar-brand-height) * 0.5 !default;
@@ -1124,9 +1123,9 @@ $navbar-toggler-font-size: $font-size-lg !default;
 $navbar-toggler-border-radius: $btn-border-radius !default;
 $navbar-toggler-focus-width: $btn-focus-width !default;
 $navbar-toggler-transition: box-shadow 0.15s ease-in-out !default;
-// scss-docs-end navbar-variables
+/*  scss-docs-end navbar-variables */
 
-// scss-docs-start navbar-theme-variables
+/*  scss-docs-start navbar-theme-variables */
 $navbar-dark-color: rgba($white, 0.55) !default;
 $navbar-dark-hover-color: rgba($white, 0.75) !default;
 $navbar-dark-active-color: $white !default;
@@ -1145,13 +1144,13 @@ $navbar-light-brand-color: $navbar-light-active-color !default;
 $navbar-light-brand-hover-color: $navbar-light-active-color !default;
 $navbar-dark-brand-color: $navbar-dark-active-color !default;
 $navbar-dark-brand-hover-color: $navbar-dark-active-color !default;
-// scss-docs-end navbar-theme-variables
+/*  scss-docs-end navbar-theme-variables */
 
-// Dropdowns
-//
-// Dropdown menu container and contents.
+/*  Dropdowns */
+/*  */
+/*  Dropdown menu container and contents. */
 
-// scss-docs-start dropdown-variables
+/*  scss-docs-start dropdown-variables */
 $dropdown-min-width: 10rem !default;
 $dropdown-padding-x: 0 !default;
 $dropdown-padding-y: 0.5rem !default;
@@ -1182,12 +1181,12 @@ $dropdown-item-padding-x: $spacer !default;
 $dropdown-header-color: $gray-600 !default;
 $dropdown-header-padding-x: $dropdown-item-padding-x !default;
 $dropdown-header-padding-y: $dropdown-padding-y !default;
-// fusv-disable
-$dropdown-header-padding: $dropdown-header-padding-y $dropdown-header-padding-x !default; // Deprecated in v5.2.0
-// fusv-enable
-// scss-docs-end dropdown-variables
+/*  fusv-disable */
+$dropdown-header-padding: $dropdown-header-padding-y $dropdown-header-padding-x !default; /*  Deprecated in v5.2.0 */
+/*  fusv-enable */
+/*  scss-docs-end dropdown-variables */
 
-// scss-docs-start dropdown-dark-variables
+/*  scss-docs-start dropdown-dark-variables */
 $dropdown-dark-color: $gray-300 !default;
 $dropdown-dark-bg: $gray-800 !default;
 $dropdown-dark-border-color: $dropdown-border-color !default;
@@ -1200,11 +1199,11 @@ $dropdown-dark-link-active-color: $dropdown-link-active-color !default;
 $dropdown-dark-link-active-bg: $dropdown-link-active-bg !default;
 $dropdown-dark-link-disabled-color: $gray-500 !default;
 $dropdown-dark-header-color: $gray-500 !default;
-// scss-docs-end dropdown-dark-variables
+/*  scss-docs-end dropdown-dark-variables */
 
-// Pagination
+/*  Pagination */
 
-// scss-docs-start pagination-variables
+/*  scss-docs-start pagination-variables */
 $pagination-padding-y: 0.375rem !default;
 $pagination-padding-x: 0.75rem !default;
 $pagination-padding-y-sm: 0.25rem !default;
@@ -1246,18 +1245,18 @@ $pagination-transition:
 
 $pagination-border-radius-sm: $border-radius-sm !default;
 $pagination-border-radius-lg: $border-radius-lg !default;
-// scss-docs-end pagination-variables
+/*  scss-docs-end pagination-variables */
 
-// Placeholders
+/*  Placeholders */
 
-// scss-docs-start placeholders
+/*  scss-docs-start placeholders */
 $placeholder-opacity-max: 0.5 !default;
 $placeholder-opacity-min: 0.2 !default;
-// scss-docs-end placeholders
+/*  scss-docs-end placeholders */
 
-// Cards
+/*  Cards */
 
-// scss-docs-start card-variables
+/*  scss-docs-start card-variables */
 $card-spacer-y: $spacer !default;
 $card-spacer-x: $spacer !default;
 $card-title-spacer-y: $spacer * 0.5 !default;
@@ -1275,11 +1274,11 @@ $card-color: null !default;
 $card-bg: $white !default;
 $card-img-overlay-padding: $spacer !default;
 $card-group-margin: $grid-gutter-width * 0.5 !default;
-// scss-docs-end card-variables
+/*  scss-docs-end card-variables */
 
-// Accordion
+/*  Accordion */
 
-// scss-docs-start accordion-variables
+/*  scss-docs-start accordion-variables */
 $accordion-padding-y: 1rem !default;
 $accordion-padding-x: 1.25rem !default;
 $accordion-color: var(--body-color) !default;
@@ -1312,12 +1311,12 @@ $accordion-icon-transition: transform 0.2s ease-in-out !default;
 $accordion-icon-transform: rotate(-180deg) !default;
 
 $accordion-button-icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$accordion-icon-color}'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !default;
-$accordion-button-active-icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$accordion-icon-active-color}'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !default;
-// scss-docs-end accordion-variables
+$accordion-button-active-icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$accordion-icon-active-color}'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !default; 
+/*  scss-docs-end accordion-variables */
 
-// Tooltips
+/*  Tooltips */
 
-// scss-docs-start tooltip-variables
+/*  scss-docs-start tooltip-variables */
 $tooltip-font-size: $font-size-sm !default;
 $tooltip-max-width: 200px !default;
 $tooltip-color: $white !default;
@@ -1326,28 +1325,28 @@ $tooltip-border-radius: $border-radius !default;
 $tooltip-opacity: 0.9 !default;
 $tooltip-padding-y: $spacer * 0.25 !default;
 $tooltip-padding-x: $spacer * 0.5 !default;
-$tooltip-margin: null !default; // TODO: remove this in v6
+$tooltip-margin: null !default; /*  TODO: remove this in v6 */
 
 $tooltip-arrow-width: 0.8rem !default;
 $tooltip-arrow-height: 0.4rem !default;
-// fusv-disable
-$tooltip-arrow-color: null !default; // Deprecated in Bootstrap 5.2.0 for CSS variables
-// fusv-enable
-// scss-docs-end tooltip-variables
+/*  fusv-disable */
+$tooltip-arrow-color: null !default; /*  Deprecated in Bootstrap 5.2.0 for CSS variables */
+/*  fusv-enable */
+/*  scss-docs-end tooltip-variables */
 
-// Form tooltips must come after regular tooltips
-// scss-docs-start tooltip-feedback-variables
+/*  Form tooltips must come after regular tooltips */
+/*  scss-docs-start tooltip-feedback-variables */
 $form-feedback-tooltip-padding-y: $tooltip-padding-y !default;
 $form-feedback-tooltip-padding-x: $tooltip-padding-x !default;
 $form-feedback-tooltip-font-size: $tooltip-font-size !default;
 $form-feedback-tooltip-line-height: null !default;
 $form-feedback-tooltip-opacity: $tooltip-opacity !default;
 $form-feedback-tooltip-border-radius: $tooltip-border-radius !default;
-// scss-docs-end tooltip-feedback-variables
+/*  scss-docs-end tooltip-feedback-variables */
 
-// Popovers
+/*  Popovers */
 
-// scss-docs-start popover-variables
+/*  scss-docs-start popover-variables */
 $popover-font-size: $font-size-sm !default;
 $popover-bg: $white !default;
 $popover-max-width: 276px !default;
@@ -1369,17 +1368,17 @@ $popover-body-padding-x: $spacer !default;
 
 $popover-arrow-width: 1rem !default;
 $popover-arrow-height: 0.5rem !default;
-// scss-docs-end popover-variables
+/*  scss-docs-end popover-variables */
 
-// fusv-disable
-// Deprecated in Bootstrap 5.2.0 for CSS variables
+/*  fusv-disable */
+/*  Deprecated in Bootstrap 5.2.0 for CSS variables */
 $popover-arrow-color: $popover-bg !default;
 $popover-arrow-outer-color: var(--border-color-translucent) !default;
-// fusv-enable
+/*  fusv-enable */
 
-// Toasts
+/*  Toasts */
 
-// scss-docs-start toast-variables
+/*  scss-docs-start toast-variables */
 $toast-max-width: 350px !default;
 $toast-padding-x: 0.75rem !default;
 $toast-padding-y: 0.5rem !default;
@@ -1395,22 +1394,22 @@ $toast-spacing: $container-padding-x !default;
 $toast-header-color: $gray-600 !default;
 $toast-header-background-color: rgba($white, 0.85) !default;
 $toast-header-border-color: rgba($black, 0.05) !default;
-// scss-docs-end toast-variables
+/*  scss-docs-end toast-variables */
 
-// Badges
+/*  Badges */
 
-// scss-docs-start badge-variables
+/*  scss-docs-start badge-variables */
 $badge-font-size: 0.75em !default;
 $badge-font-weight: $font-weight-bold !default;
 $badge-color: $white !default;
 $badge-padding-y: 0.35em !default;
 $badge-padding-x: 0.65em !default;
 $badge-border-radius: $border-radius !default;
-// scss-docs-end badge-variables
+/*  scss-docs-end badge-variables */
 
-// Modals
+/*  Modals */
 
-// scss-docs-start modal-variables
+/*  scss-docs-start modal-variables */
 $modal-inner-padding: $spacer !default;
 
 $modal-footer-margin-between: 0.5rem !default;
@@ -1436,7 +1435,7 @@ $modal-header-border-color: var(--border-color) !default;
 $modal-header-border-width: $modal-content-border-width !default;
 $modal-header-padding-y: $modal-inner-padding !default;
 $modal-header-padding-x: $modal-inner-padding !default;
-$modal-header-padding: $modal-header-padding-y $modal-header-padding-x !default; // Keep this for backwards compatibility
+$modal-header-padding: $modal-header-padding-y $modal-header-padding-x !default; /*  Keep this for backwards compatibility */
 
 $modal-footer-bg: null !default;
 $modal-footer-border-color: $modal-header-border-color !default;
@@ -1451,13 +1450,13 @@ $modal-fade-transform: translate(0, -50px) !default;
 $modal-show-transform: none !default;
 $modal-transition: transform 0.3s ease-out !default;
 $modal-scale-transform: scale(1.02) !default;
-// scss-docs-end modal-variables
+/*  scss-docs-end modal-variables */
 
-// Alerts
-//
-// Define alert colors, border radius, and padding.
+/*  Alerts */
+/*  */
+/*  Define alert colors, border radius, and padding. */
 
-// scss-docs-start alert-variables
+/*  scss-docs-start alert-variables */
 $alert-padding-y: $spacer !default;
 $alert-padding-x: $spacer !default;
 $alert-margin-bottom: 1rem !default;
@@ -1467,12 +1466,12 @@ $alert-border-width: $border-width !default;
 $alert-bg-scale: -80% !default;
 $alert-border-scale: -70% !default;
 $alert-color-scale: 40% !default;
-$alert-dismissible-padding-r: $alert-padding-x * 3 !default; // 3x covers width of x plus default padding on either side
-// scss-docs-end alert-variables
+$alert-dismissible-padding-r: $alert-padding-x * 3 !default; /*  3x covers width of x plus default padding on either side */
+/*  scss-docs-end alert-variables */
 
-// Progress bars
+/*  Progress bars */
 
-// scss-docs-start progress-variables
+/*  scss-docs-start progress-variables */
 $progress-height: 1rem !default;
 $progress-font-size: $font-size-base * 0.75 !default;
 $progress-bg: $gray-200 !default;
@@ -1482,11 +1481,11 @@ $progress-bar-color: $white !default;
 $progress-bar-bg: $primary !default;
 $progress-bar-animation-timing: 1s linear infinite !default;
 $progress-bar-transition: width 0.6s ease !default;
-// scss-docs-end progress-variables
+/*  scss-docs-end progress-variables */
 
-// List group
+/*  List group */
 
-// scss-docs-start list-group-variables
+/*  scss-docs-start list-group-variables */
 $list-group-color: $gray-900 !default;
 $list-group-bg: $white !default;
 $list-group-border-color: rgba($black, 0.125) !default;
@@ -1511,29 +1510,29 @@ $list-group-action-hover-color: $list-group-action-color !default;
 
 $list-group-action-active-color: $body-color !default;
 $list-group-action-active-bg: $gray-200 !default;
-// scss-docs-end list-group-variables
+/*  scss-docs-end list-group-variables */
 
-// Image thumbnails
+/*  Image thumbnails */
 
-// scss-docs-start thumbnail-variables
+/*  scss-docs-start thumbnail-variables */
 $thumbnail-padding: 0.25rem !default;
 $thumbnail-bg: $body-bg !default;
 $thumbnail-border-width: $border-width !default;
 $thumbnail-border-color: var(--border-color) !default;
 $thumbnail-border-radius: $border-radius !default;
 $thumbnail-box-shadow: $box-shadow-sm !default;
-// scss-docs-end thumbnail-variables
+/*  scss-docs-end thumbnail-variables */
 
-// Figures
+/*  Figures */
 
-// scss-docs-start figure-variables
+/*  scss-docs-start figure-variables */
 $figure-caption-font-size: $small-font-size !default;
 $figure-caption-color: $gray-600 !default;
-// scss-docs-end figure-variables
+/*  scss-docs-end figure-variables */
 
-// Breadcrumbs
+/*  Breadcrumbs */
 
-// scss-docs-start breadcrumb-variables
+/*  scss-docs-start breadcrumb-variables */
 $breadcrumb-font-size: null !default;
 $breadcrumb-padding-y: 0 !default;
 $breadcrumb-padding-x: 0 !default;
@@ -1545,11 +1544,11 @@ $breadcrumb-active-color: $gray-600 !default;
 $breadcrumb-divider: string.quote('/') !default;
 $breadcrumb-divider-flipped: $breadcrumb-divider !default;
 $breadcrumb-border-radius: null !default;
-// scss-docs-end breadcrumb-variables
+/*  scss-docs-end breadcrumb-variables */
 
-// Carousel
+/*  Carousel */
 
-// scss-docs-start carousel-variables
+/*  scss-docs-start carousel-variables */
 $carousel-control-color: $white !default;
 $carousel-control-width: 15% !default;
 $carousel-control-opacity: 0.5 !default;
@@ -1572,20 +1571,19 @@ $carousel-caption-spacer: 1.25rem !default;
 
 $carousel-control-icon-width: 2rem !default;
 
-$carousel-control-prev-icon-bg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$carousel-control-color}'><path d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/></svg>") !default;
+$carousel-control-prev-icon-bg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$carousel-control-color}'><path d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/></svg>") !default; 
 $carousel-control-next-icon-bg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$carousel-control-color}'><path d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/></svg>") !default;
-
 $carousel-transition-duration: 0.6s !default;
-$carousel-transition: transform $carousel-transition-duration ease-in-out !default; // Define transform transition first if using multiple transitions (e.g., `transform 2s ease, opacity .5s ease-out`)
+$carousel-transition: transform $carousel-transition-duration ease-in-out !default; /*  Define transform transition first if using multiple transitions (e.g., `transform 2s ease, opacity .5s ease-out`) */
 
 $carousel-dark-indicator-active-bg: $black !default;
 $carousel-dark-caption-color: $black !default;
 $carousel-dark-control-icon-filter: invert(1) grayscale(100) !default;
-// scss-docs-end carousel-variables
+/*  scss-docs-end carousel-variables */
 
-// Spinners
+/*  Spinners */
 
-// scss-docs-start spinner-variables
+/*  scss-docs-start spinner-variables */
 $spinner-width: 2rem !default;
 $spinner-height: $spinner-width !default;
 $spinner-vertical-align: -0.125em !default;
@@ -1595,11 +1593,11 @@ $spinner-animation-speed: 0.75s !default;
 $spinner-width-sm: 1rem !default;
 $spinner-height-sm: $spinner-width-sm !default;
 $spinner-border-width-sm: 0.2em !default;
-// scss-docs-end spinner-variables
+/*  scss-docs-end spinner-variables */
 
-// Close
+/*  Close */
 
-// scss-docs-start close-variables
+/*  scss-docs-start close-variables */
 $btn-close-width: 1em !default;
 $btn-close-height: $btn-close-width !default;
 $btn-close-padding-x: 0.25em !default;
@@ -1612,11 +1610,11 @@ $btn-close-hover-opacity: 0.75 !default;
 $btn-close-focus-opacity: 1 !default;
 $btn-close-disabled-opacity: 0.25 !default;
 $btn-close-white-filter: invert(1) grayscale(100%) brightness(200%) !default;
-// scss-docs-end close-variables
+/*  scss-docs-end close-variables */
 
-// Offcanvas
+/*  Offcanvas */
 
-// scss-docs-start offcanvas-variables
+/*  scss-docs-start offcanvas-variables */
 $offcanvas-padding-y: $modal-inner-padding !default;
 $offcanvas-padding-x: $modal-inner-padding !default;
 $offcanvas-horizontal-width: 400px !default;
@@ -1630,9 +1628,9 @@ $offcanvas-color: $modal-content-color !default;
 $offcanvas-box-shadow: $modal-content-box-shadow-xs !default;
 $offcanvas-backdrop-bg: $modal-backdrop-bg !default;
 $offcanvas-backdrop-opacity: $modal-backdrop-opacity !default;
-// scss-docs-end offcanvas-variables
+/*  scss-docs-end offcanvas-variables */
 
-// Code
+/*  Code */
 
 $code-font-size: $small-font-size !default;
 $code-color: $pink !default;
@@ -1642,28 +1640,28 @@ $kbd-padding-x: 0.375rem !default;
 $kbd-font-size: $code-font-size !default;
 $kbd-color: var(--body-bg) !default;
 $kbd-bg: var(--body-color) !default;
-$nested-kbd-font-weight: null !default; // Deprecated in v5.2.0, removing in v6
+$nested-kbd-font-weight: null !default; /*  Deprecated in v5.2.0, removing in v6 */
 
 $pre-color: null !default;
 
-// Re-assigned maps
-//
-// Placed here so that others can override the default Sass maps and see automatic updates to utilities and more.
+/*  Re-assigned maps */
+/*  */
+/*  Placed here so that others can override the default Sass maps and see automatic updates to utilities and more. */
 
-// scss-docs-start theme-colors-rgb
+/*  scss-docs-start theme-colors-rgb */
 $theme-colors-rgb: map-loop($theme-colors, to-rgb, '$value') !default;
-// scss-docs-end theme-colors-rgb
+/*  scss-docs-end theme-colors-rgb */
 
-// Utilities maps
-//
-// Extends the default `$theme-colors` maps to help create our utilities.
+/*  Utilities maps */
+/*  */
+/*  Extends the default `$theme-colors` maps to help create our utilities. */
 
-// Come v6, we'll de-dupe these variables. Until then, for backward compatibility, we keep them to reassign.
-// scss-docs-start utilities-colors
+/*  Come v6, we'll de-dupe these variables. Until then, for backward compatibility, we keep them to reassign. */
+/*  scss-docs-start utilities-colors */
 $utilities-colors: $theme-colors-rgb !default;
-// scss-docs-end utilities-colors
+/*  scss-docs-end utilities-colors */
 
-// scss-docs-start utilities-text-colors
+/*  scss-docs-start utilities-text-colors */
 $utilities-text: map.merge(
   $utilities-colors,
   (
@@ -1673,9 +1671,9 @@ $utilities-text: map.merge(
   )
 ) !default;
 $utilities-text-colors: map-loop($utilities-text, rgba-css-var, '$key', 'text') !default;
-// scss-docs-end utilities-text-colors
+/*  scss-docs-end utilities-text-colors */
 
-// scss-docs-start utilities-bg-colors
+/*  scss-docs-start utilities-bg-colors */
 $utilities-bg: map.merge(
   $utilities-colors,
   (
@@ -1685,9 +1683,9 @@ $utilities-bg: map.merge(
   )
 ) !default;
 $utilities-bg-colors: map-loop($utilities-bg, rgba-css-var, '$key', 'bg') !default;
-// scss-docs-end utilities-bg-colors
+/*  scss-docs-end utilities-bg-colors */
 
-// scss-docs-start utilities-border-colors
+/*  scss-docs-start utilities-border-colors */
 $utilities-border: map.merge(
   $utilities-colors,
   (
@@ -1695,9 +1693,9 @@ $utilities-border: map.merge(
   )
 ) !default;
 $utilities-border-colors: map-loop($utilities-border, rgba-css-var, '$key', 'border') !default;
-// scss-docs-end utilities-border-colors
+/*  scss-docs-end utilities-border-colors */
 
 $negative-spacers: if($enable-negative-margins, negativify-map($spacers), null) !default;
 
 $gutters: $spacers !default;
-// #endregion
+/* #endregion */