@iamproperty/components 2.3.0 → 2.4.0

package/dist/components.css.map

@@ -1 +1 @@
-{"version":3,"sources":["webpack://components/assets/sass/components/accordion.scss","webpack://components/node_modules/bootstrap/scss/mixins/_breakpoints.scss","webpack://components/assets/sass/_functions/variables.scss","webpack://components/node_modules/bootstrap/scss/mixins/_transition.scss","webpack://components/node_modules/bootstrap/scss/_variables.scss","webpack://components/node_modules/bootstrap/scss/_card.scss","webpack://components/node_modules/bootstrap/scss/mixins/_border-radius.scss","webpack://components/assets/sass/components/card.scss","webpack://components/assets/sass/components/cardDeck.scss","webpack://components/assets/sass/components/carousel.scss","webpack://components/assets/sass/components/header.scss","webpack://components/assets/sass/components/testimonial.scss","webpack://components/assets/sass/components/property-searchbar.scss","webpack://components/assets/sass/components/nav.scss","webpack://components/assets/sass/_functions/mixins.scss","webpack://components/assets/sass/components/drawer.scss","webpack://components/assets/sass/components/modal.scss","webpack://components/assets/sass/components/tabs.scss"],"names":[],"mappings":"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","file":"components.css","sourcesContent":["// Accordion\n.accordion {\n  --accordion-indent: 0.75rem;\n  --accordion-right-padding: 3rem;\n  --accordion-y-padding: 1rem;\n  --accordion-icon-size: #{rem(30)};\n  --accordion-icon-top: #{rem(12)};\n\n  @include media-breakpoint-up(md) {\n    //--accordion-indent: 1rem;\n    --accordion-right-padding: 6rem;\n    --accordion-y-padding: 2rem;\n    --accordion-icon-size: #{rem(48)};\n    --accordion-icon-top: #{rem(20)};\n  }\n}\n\n.accordion-button {\n\n  padding: $accordion-button-padding-y var(--accordion-right-padding) $accordion-button-padding-y $accordion-button-padding-x;\n  color: $accordion-button-color;\n  text-align: left; // Reset button style\n  background-color: $accordion-button-bg;\n  overflow-anchor: none;\n  @include transition($accordion-transition);\n\n  --marker-bg: var(--colour-secondary);\n  cursor: pointer;\n  position: relative;\n\n  .badge {\n    vertical-align: bottom;\n    margin-left: 0.5em;\n    margin-right: 0.5em;\n    margin-bottom: 0.1em;\n  }\n\n\n  &:before,\n  &:after {\n\n    content: \"\";\n    position: absolute;\n    right: var(--accordion-indent);\n    top: var(--accordion-icon-top);\n    margin-top: var(--accordion-icon-size-half);\n    width: var(--accordion-icon-size);\n    height: var(--accordion-icon-size);\n  }\n\n  &:before {\n    text-indent: 100%;\n    white-space: nowrap;\n    overflow: hidden;\n    background: var(--marker-bg);\n    border-radius: 100%;\n  }\n\n  // Accordion icon\n  &::after {\n    background: currentColor;\n    mask-image: escape-svg($accordion-button-icon);\n    mask-size: 50%;\n    mask-repeat: no-repeat;\n    mask-position: 50% 50%;\n  \n    -webkit-mask-image: escape-svg($accordion-button-icon);\n    -webkit-mask-size: 50%;\n    -webkit-mask-repeat: no-repeat;\n    -webkit-mask-position: 50% 50%;\n\n    @include transition($accordion-icon-transition);\n    transform: rotate(90deg);\n  }\n\n  &:hover,\n  &:focus {\n\n    --marker-bg: var(--colour-warning);\n    color: var(--colour-hover);\n  }\n\n  &:hover {\n    z-index: 2;\n  }\n\n  &:focus {\n    z-index: 3;\n    border-color: $accordion-button-focus-border-color;\n    outline: 0;\n    box-shadow: $accordion-button-focus-box-shadow;\n  }\n\n  [open] > summary > & {\n    color: $accordion-button-active-color;\n    background-color: $accordion-button-active-bg;\n    \n    &::after {\n      \n      transform: rotate(-90deg);\n    }\n  }\n}\n\n// #region Coloured summary\nsummary[class*=\"bg-\"] {\n\n  .accordion-button {\n\n    border-bottom: 1px solid var(--colour-border);\n    margin-bottom: -1px;\n\n    &:before {\n      background: none!important;\n    }\n  }\n\n  &:hover .accordion-button {\n    opacity: 0.8;\n  }\n\n  & + .accordion-body {\n\n    padding-top: 2rem;\n  }\n}\n// #endregion\n\n\n\n.accordion-header {\n  margin-bottom: 0;\n}\n\n.accordion-item {\n  background-color: $accordion-bg;\n  border-bottom: $accordion-border-width solid $accordion-border-color;\n  margin-bottom: 2rem;\n\n  &:first-of-type {\n    border-top: $accordion-border-width solid $accordion-border-color;\n  }\n\n  & + .accordion-item {\n    margin-top: -2rem;\n  }\n}\n\n.accordion-body {\n  text-align: left;\n  padding: 0 $accordion-body-padding-x;\n}\n\n// #region Straight edge\n.accordion--straight {\n  > details > summary:not([class*=\"bg-\"]) > .accordion-button,\n  > details > .accordion-body {\n    padding-left: 0!important;\n  }\n\n  > details > .accordion-body {\n    padding-right: 0!important;\n  }\n}\n// #endregion\n\n// #region Child accordion\n.accordion .accordion {\n\n  &:first-child {\n\n    padding-top: 1rem;\n  }\n\n  &:last-child {\n\n    padding-bottom: 2rem;\n  }\n\n  .accordion-button {\n    padding: 1rem 3rem 1rem var(--accordion-indent);\n\n    &:before,\n    &:after {\n      top: 0.75rem;\n      height: 2rem;\n      width: 2rem;\n      right: 0.5rem;\n    }\n    &:before {\n      background-color: var(--colour-light);\n    }\n  }\n}\n// #endregion\n","// Breakpoint viewport sizes and media queries.\n//\n// Breakpoints are defined as a map of (name: minimum width), order from small to large:\n//\n//    (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)\n//\n// The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.\n\n// Name of the next breakpoint, or null for the last breakpoint.\n//\n//    >> breakpoint-next(sm)\n//    md\n//    >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    md\n//    >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))\n//    md\n@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\n  $n: index($breakpoint-names, $name);\n  @if not $n {\n    @error \"breakpoint `#{$name}` not found in `#{$breakpoints}`\";\n  }\n  @return if($n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);\n}\n\n// Minimum breakpoint width. Null for the smallest (first) breakpoint.\n//\n//    >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    576px\n@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {\n  $min: map-get($breakpoints, $name);\n  @return if($min != 0, $min, null);\n}\n\n// Maximum breakpoint width.\n// The maximum value is reduced by 0.02px to work around the limitations of\n// `min-` and `max-` prefixes and viewports with fractional widths.\n// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max\n// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\n// See https://bugs.webkit.org/show_bug.cgi?id=178261\n//\n//    >> breakpoint-max(md, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    767.98px\n@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {\n  $max: map-get($breakpoints, $name);\n  @return if($max and $max > 0, $max - .02, null);\n}\n\n// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash in front.\n// Useful for making responsive utilities.\n//\n//    >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    \"\"  (Returns a blank string)\n//    >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    \"-sm\"\n@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {\n  @return if(breakpoint-min($name, $breakpoints) == null, \"\", \"-#{$name}\");\n}\n\n// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.\n// Makes the @content apply to the given breakpoint and wider.\n@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {\n  $min: breakpoint-min($name, $breakpoints);\n  @if $min {\n    @media (min-width: $min) {\n      @content;\n    }\n  } @else {\n    @content;\n  }\n}\n\n// Media of at most the maximum breakpoint width. No query for the largest breakpoint.\n// Makes the @content apply to the given breakpoint and narrower.\n@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {\n  $max: breakpoint-max($name, $breakpoints);\n  @if $max {\n    @media (max-width: $max) {\n      @content;\n    }\n  } @else {\n    @content;\n  }\n}\n\n// Media that spans multiple breakpoint widths.\n// Makes the @content apply between the min and max breakpoints\n@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {\n  $min: breakpoint-min($lower, $breakpoints);\n  $max: breakpoint-max($upper, $breakpoints);\n\n  @if $min != null and $max != null {\n    @media (min-width: $min) and (max-width: $max) {\n      @content;\n    }\n  } @else if $max == null {\n    @include media-breakpoint-up($lower, $breakpoints) {\n      @content;\n    }\n  } @else if $min == null {\n    @include media-breakpoint-down($upper, $breakpoints) {\n      @content;\n    }\n  }\n}\n\n// Media between the breakpoint's minimum and maximum widths.\n// No minimum for the smallest breakpoint, and no maximum for the largest one.\n// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.\n@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {\n  $min:  breakpoint-min($name, $breakpoints);\n  $next: breakpoint-next($name, $breakpoints);\n  $max:  breakpoint-max($next);\n\n  @if $min != null and $max != null {\n    @media (min-width: $min) and (max-width: $max) {\n      @content;\n    }\n  } @else if $max == null {\n    @include media-breakpoint-up($name, $breakpoints) {\n      @content;\n    }\n  } @else if $min == null {\n    @include media-breakpoint-down($next, $breakpoints) {\n      @content;\n    }\n  }\n}\n","// Declare global vars variable\n$vars: ();\n$varsMD: ();\n\n// #region Grid Breakpoints, layouts\n$grid-breakpoints: (\n  xs: 0,\n  sm: 36em, /* 576 */\n  md: 62em  /* 992 */\n);\n\n@each $bp, $value in $grid-breakpoints {\n\n  $vars: map-merge((\n    --breakpoint-#{$bp}: #{$value}\n  ), $vars);\n}\n\n$device-xs-width: 375;\n$device-sm-width: 768;\n$device-md-width: 1440;\n\n$container-max-widths: (\n  sm: 0,\n  md: 80em\n);\n\n$grid-columns: 12;\n$grid-gutter-width: 1rem; // 15px\n\n$container-padding-x: 20;\n$container-padding-x-md: 60;\n$container-padding: var(--container-padding-top) rem($container-padding-x) var(--container-padding-bottom) rem($container-padding-x);\n$container-padding-md: var(--container-padding-top) rem($container-padding-x-md) var(--container-padding-bottom) rem($container-padding-x-md);\n\n$vars: map-merge((\n  \"--container-padding-top\": 0,\n  \"--container-padding-bottom\": #{rem(16)},\n  \"--container-padding-x\": #{rem($container-padding-x)},\n  \"--container-padding-x-md\": #{rem($container-padding-x-md)},\n  \"--container-padding\": $container-padding,\n  \"--container-padding-md\": $container-padding-md\n), $vars);\n\n$varsMD: map-merge((\n  \"--container-padding\": var(--container-padding-md),\n  \"--container-padding-x\": var(--container-padding-x-md)\n), $varsMD);\n// #endregion\n\n// #region Colours\n// Default Bootstrap Theme vars\n$primary:       #00313c;\n$secondary:     #b4e6a5;\n$success:       #b4e6a5;\n$info:          #1ebee6;\n$warning:       #ffa500;\n$danger:        #dc3545;\n$light:         #ffd2d2;\n$dark:          #46003c;\n\n\n// Functional/state variables \n$colour-body: #6f6f6f;\n$colour-muted: #9d9d9d;\n$colour-border: #6f6f6f;\n$colour-link: $primary;\n$colour-focus: #000000;\n$colour-hover: #000000;\n$colour-active: $success;\n$colour-selected: $success;\n\n$theme-colors: ();\n$theme-colors: map-merge((\n  \"primary\":    $primary,\n  \"secondary\":  $secondary,\n  \"success\":    $success,\n  \"info\":       $info,\n  \"warning\":    $warning,\n  \"danger\":     $danger,\n  \"light\":      $light,\n  \"dark\":       $dark\n), $theme-colors);\n\n\n$theme-colors-rgb: map-loop($theme-colors, to-rgb, \"$value\");\n\n@each $color, $value in $theme-colors-rgb {\n\n  $vars: map-merge((\n    --colour-#{$color}-rgb: #{$value}\n  ), $vars);\n}\n@each $color, $value in $theme-colors-rgb {\n\n  $vars: map-merge((\n    --colour-#{$color}: rgba(var(--colour-#{$color}-rgb),var(--alpha,1))\n  ), $vars);\n}\n\n@each $color, $value in $theme-colors-rgb {\n\n  $vars: map-merge((\n    --colour-#{$color}-theme: rgba(var(--colour-#{$color}-rgb),var(--alpha,1))\n  ), $vars);\n}\n\n//  RGB Theme colours\n@function show-css-var($identifier) {\n  @return rgba(var(--colour-#{$identifier}-rgb),var(--bs-bg-opacity,1));\n}\n@function show-css-var-text($identifier) {\n  @return rgba(var(--colour-#{$identifier}-rgb),var(--bs-text-opacity,1));\n}\n$utilities-bg-colors: map-loop($utilities-colors, show-css-var, \"$key\");\n$utilities-text-colors: map-loop($utilities-colors, show-css-var-text, \"$key\");\n\n\n\n// Colours that we want setting but not used for Bootstraps mixins, i.e. .text-primary, .bg-muted\n$non-theme-colors: ();\n$non-theme-colors: map-merge((\n  \"muted\":      $colour-muted,\n  \"border\":           $colour-border,\n  \"link\":             $colour-link,\n  \"focus\":            $colour-focus,\n  \"hover\":            $colour-hover,\n  \"active\":           $colour-active,\n  \"selected\":         $colour-selected\n), $non-theme-colors);\n\n@each $color, $value in $non-theme-colors {\n\n  $vars: map-merge((\n    --colour-#{$color}-theme: #{$value},\n    --colour-#{$color}: #{'var(--colour-'+$color+'-theme)'}\n  ), $vars);\n}\n\n$vars: map-merge((\n  \"--colour-body-rgb\": to-rgb($colour-body),\n  \"--colour-white-rgb\": to-rgb(#ffffff),\n  \"--colour-black-rgb\": to-rgb(#000000),\n  \"--colour-body\":  rgba(var(--colour-body-rgb),var(--alpha,1)),\n  \"--colour-white\": rgba(var(--colour-white-rgb),var(--alpha,1)),\n  \"--colour-black\": rgba(var(--colour-black-rgb),var(--alpha,1))\n), $vars);\n\n$gradient: linear-gradient(180deg, var(--colour-secondary) 0, var(--colour-info) 100%);\n\n// #endregion\n\n// #region aspect ratios\n$aspect-ratios: (\n  \"1x1\": 100%,\n  \"4x3\": calc(3 / 4 * 100%),\n  \"16x9\": calc(9 / 16 * 100%),\n  \"21x9\": calc(9 / 21 * 100%)\n);\n// #endregion\n\n// #region fonts\n\n$font-body: 'qanelasmedium', arial, sans-serif;\n$font-heading: 'qanelas_softextrabold', arial, sans-serif;\n\n$fonts: ();\n$fonts: map-merge((\n  \"heading\":   $font-heading,\n  \"body\":   $font-body\n), $fonts);\n\n\n@each $font, $value in $fonts {\n\n  $vars: map-merge((\n    --font-#{$font}: #{$value}\n  ), $vars);\n}\n\n// #endregion\n\n// #region Type\n\n$type-scale-1: #{rem(100)};\n$type-scale-2: #{rem(60)};\n$type-scale-3: #{rem(40)};\n$type-scale-4: #{rem(32)};\n$type-scale-5: #{rem(28)};\n$type-scale-6: #{rem(16)};\n$type-scale-7: #{rem(14)};\n\n\n$h1-font-size: var(--fs-1);\n$h2-font-size: var(--fs-2);\n$h3-font-size: var(--fs-3);\n$h4-font-size: var(--fs-4);\n$h5-font-size: var(--fs-5);\n$h6-font-size: var(--fs-6);\n\n$font-sizes: (\n  'display': $type-scale-3,\n  1: $type-scale-3,\n  2: $type-scale-4,\n  3: $type-scale-5,\n  4: $type-scale-6,\n  5: $type-scale-6,\n  6: $type-scale-6,\n  'badge': $badge-font-size,\n  'small': $type-scale-7,\n  'strapline': $type-scale-6\n);\n\n@each $size, $value in $font-sizes {\n\n  $vars: map-merge((\n    --fs-#{$size}: #{$value}\n  ), $vars);\n}\n\n$headings-margin-bottom: clamp(1rem,0.5em,0.5em);\n$headings-font-style: normal;\n$headings-line-height: clamp(1em,2.5rem,clamp(1.5em,1rem,1.2em));\n$display-line-height: $headings-line-height;\n\n@if $compatible == 'true' {\n  $headings-font-family: $font-heading;\n  $headings-font-weight: 700;\n  $headings-color: $primary;\n}\n@else {\n  $headings-font-family: var(--font-heading);\n  $headings-font-weight: var(--heading-weight);\n  $headings-color: var(--colour-primary);\n}\n\n$font-md-sizes: (\n  'display': $type-scale-1,\n  1: $type-scale-2,\n  2: $type-scale-3,\n  3: $type-scale-4,\n  4: $type-scale-5,\n  'strapline': $type-scale-5\n);\n\n@each $size, $value in $font-md-sizes {\n\n  $varsMD: map-merge((\n    --fs-#{$size}: #{$value}\n  ), $varsMD);\n}\n\n$vars: map-merge((\n  --heading-weight: 700\n), $vars);\n\n$content-max-width: rem(820);\n$paragraph-margin-bottom: 2rem;\n\n// #endregion \n\n// #region Buttons\n$btn-border-radius: 1rem;\n$btn-border-radius-sm:        1rem;\n$btn-border-radius-lg:        1rem;\n\n$btn-padding-y: 0.5rem;\n$btn-padding-x: 1.5rem;\n$btn-padding-y-sm: $btn-padding-y;\n$btn-padding-x-sm: $btn-padding-x;\n$btn-padding-y-md: $btn-padding-y;\n$btn-padding-x-md: $btn-padding-x;\n\n// #endregion\n\n// #region Forms\n// label\n$form-label-font-size: $h5-font-size;\n$form-label-font-weight: bold;\n$form-label-color: var(--colour-heading);\n$form-label-margin-bottom: 0.25rem;\n// input field\n$input-font-size: 1rem;\n$input-font-weight: normal;\n$input-line-height: 1.5;\n$input-padding-y: 0.75em;\n$input-padding-x: 1em;\n$input-border-radius: rem(10);\n$input-border-color: var(--colour-border);\n\n// sm\n$input-height-sm: null;\n$input-font-size-sm: #{rem(14)};\n$input-border-radius-sm: null; // Inherit default value\n$input-padding-y-sm: null;\n$input-padding-x-sm: null;\n\n// lg\n$input-height-lg: null;\n$input-font-size-lg: #{rem(24)};\n$input-border-radius-lg: false; // Inherit default value\n$input-padding-y-lg: null;\n$input-padding-x-lg: null;\n\n// Input group\n$input-group-addon-bg: white;\n$input-group-addon-border-color: var(--colour-border);\n\n\n\n// Select \n$form-select-padding-y: $input-padding-y;\n//$form-select-indicator-padding\n$form-select-padding-x: #{$input-padding-x};\n$form-select-border-color: var(--colour-border);\n$form-select-border-radius: $input-border-radius;\n\n// Checkbox\n$form-check-input-width: 1.5rem;\n$form-check-min-height: #{rem(28)};\n$form-check-padding-start: 2rem;\n$form-check-margin-bottom: #{rem(16)};\n\n$form-check-input-border: 1px solid var(--colour-border);\n\n$form-check-input-checked-color:          $primary;\n$form-check-input-checked-bg-color:       var(--colour-success);\n$form-check-input-checked-border-color:   var(--colour-border);\n$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='2' d='M6 10l3 3l6-6'/></svg>\");\n\n$form-check-input-indeterminate-color:          $primary;\n$form-check-input-indeterminate-bg-color:       var(--colour-success);\n$form-check-input-indeterminate-border-color:   var(--colour-success);\n$form-check-input-indeterminate-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-indeterminate-color}' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 10h8'/></svg>\");\n\n$form-switch-bg-image:    url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='#{$colour-border}'/></svg>\");\n$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='#{$colour-focus}'/></svg>\");\n$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='#{$primary}'/></svg>\");\n\n$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='#{$primary}'/></svg>\");\n\n\n// #endregion\n\n// #region Cards\n$card-border-width:                 0;\n$card-border-radius:                rem(10);\n$card-spacer-y: 1.5rem;\n$card-spacer-x: 1.25rem;\n\n\n$card-cap-padding-y: 1.5rem;\n$card-cap-padding-x: 1.25rem;\n\n\n\n$card-cap-bg: transparent;\n// #endregion card-variables\n\n// #region Icons\n$icon-blank: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'><path d='M17 13v6c0 0.276-0.111 0.525-0.293 0.707s-0.431 0.293-0.707 0.293h-11c-0.276 0-0.525-0.111-0.707-0.293s-0.293-0.431-0.293-0.707v-11c0-0.276 0.111-0.525 0.293-0.707s0.431-0.293 0.707-0.293h6c0.552 0 1-0.448 1-1s-0.448-1-1-1h-6c-0.828 0-1.58 0.337-2.121 0.879s-0.879 1.293-0.879 2.121v11c0 0.828 0.337 1.58 0.879 2.121s1.293 0.879 2.121 0.879h11c0.828 0 1.58-0.337 2.121-0.879s0.879-1.293 0.879-2.121v-6c0-0.552-0.448-1-1-1s-1 0.448-1 1zM10.707 14.707l9.293-9.293v3.586c0 0.552 0.448 1 1 1s1-0.448 1-1v-6c0-0.136-0.027-0.265-0.076-0.383s-0.121-0.228-0.216-0.323c-0.001-0.001-0.001-0.001-0.002-0.002-0.092-0.092-0.202-0.166-0.323-0.216-0.118-0.049-0.247-0.076-0.383-0.076h-6c-0.552 0-1 0.448-1 1s0.448 1 1 1h3.586l-9.293 9.293c-0.391 0.391-0.391 1.024 0 1.414s1.024 0.391 1.414 0z' stroke-width='2px'></path></svg>\");\n$icon-sort: url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' preserveAspectRatio='none'%3E%3Cpath opacity='.3' d='M51 1l25 23 24 22H1l25-22zm0 100l25-23 24-22H1l25 22z'/%3E%3C/svg%3E\");\n$icon-arrow: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22'><path d='M6.5,2l9,9-9,9' style='fill:none;stroke:#000000;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px'/></svg>\");\n\n$vars: map-merge((\n  --icon-blank: #{escape-svg($icon-blank)},\n  --icon-sort: #{$icon-sort},\n  --icon-arrow: #{escape-svg($icon-arrow)},\n), $vars);\n// #endregion\n\n// #region pagination\n// Default\n$pagination-color: var(--colour-primary);\n$pagination-disabled-color: var(--colour-muted);\n$pagination-bg: transparent;\n$pagination-border-width: 1px;\n$pagination-border-color: var(--colour-border);\n\n// Hover and focus\n$pagination-hover-color: var(--colour-primary);\n$pagination-hover-bg: var(--colour-muted);\n$pagination-hover-border-color: var(--colour-border);\n$pagination-focus-color: var(--colour-primary);\n$pagination-focus-bg: var(--colour-muted);\n\n// Active\n$pagination-active-color: white;\n$pagination-active-bg: var(--colour-primary);\n$pagination-active-border-color: var(--colour-primary);\n\n// Disabled\n$pagination-disabled-bg: $pagination-bg;\n$pagination-disabled-border-color: $pagination-border-color;\n// #endregion\n\n// #region Accordion\n$accordion-button-padding-y: var(--accordion-y-padding);\n$accordion-button-padding-x: var(--accordion-indent);\n$accordion-button-color: var(--colour-primary);\n$accordion-button-bg: transparent;\n\n$accordion-icon-color: $primary;\n$accordion-icon-active-color: $primary;\n\n$accordion-button-icon: var(--icon-arrow);\n\n$accordion-button-active-color: var(--colour-primary);\n$accordion-button-active-bg: transparent;\n\n$accordion-border-color: var(--colour-border);\n$accordion-border-width: 1px;\n$accordion-bg: transparent;\n\n$accordion-body-padding-y: 1rem;\n$accordion-body-padding-x: var(--accordion-indent);\n\n// #endregion","// stylelint-disable property-disallowed-list\n@mixin transition($transition...) {\n  @if length($transition) == 0 {\n    $transition: $transition-base;\n  }\n\n  @if length($transition) > 1 {\n    @each $value in $transition {\n      @if $value == null or $value == none {\n        @warn \"The keyword 'none' or 'null' must be used as a single argument.\";\n      }\n    }\n  }\n\n  @if $enable-transitions {\n    @if nth($transition, 1) != null {\n      transition: $transition;\n    }\n\n    @if $enable-reduced-motion and nth($transition, 1) != null and nth($transition, 1) != none {\n      @media (prefers-reduced-motion: reduce) {\n        transition: none;\n      }\n    }\n  }\n}\n","// Variables\n//\n// Variables should follow the `$component-state-property-size` formula for\n// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.\n\n// Color system\n\n// scss-docs-start gray-color-variables\n$white:    #fff !default;\n$gray-100: #f8f9fa !default;\n$gray-200: #e9ecef !default;\n$gray-300: #dee2e6 !default;\n$gray-400: #ced4da !default;\n$gray-500: #adb5bd !default;\n$gray-600: #6c757d !default;\n$gray-700: #495057 !default;\n$gray-800: #343a40 !default;\n$gray-900: #212529 !default;\n$black:    #000 !default;\n// scss-docs-end gray-color-variables\n\n// fusv-disable\n// scss-docs-start gray-colors-map\n$grays: (\n  \"100\": $gray-100,\n  \"200\": $gray-200,\n  \"300\": $gray-300,\n  \"400\": $gray-400,\n  \"500\": $gray-500,\n  \"600\": $gray-600,\n  \"700\": $gray-700,\n  \"800\": $gray-800,\n  \"900\": $gray-900\n) !default;\n// scss-docs-end gray-colors-map\n// fusv-enable\n\n// scss-docs-start color-variables\n$blue:    #0d6efd !default;\n$indigo:  #6610f2 !default;\n$purple:  #6f42c1 !default;\n$pink:    #d63384 !default;\n$red:     #dc3545 !default;\n$orange:  #fd7e14 !default;\n$yellow:  #ffc107 !default;\n$green:   #198754 !default;\n$teal:    #20c997 !default;\n$cyan:    #0dcaf0 !default;\n// scss-docs-end color-variables\n\n// scss-docs-start colors-map\n$colors: (\n  \"blue\":       $blue,\n  \"indigo\":     $indigo,\n  \"purple\":     $purple,\n  \"pink\":       $pink,\n  \"red\":        $red,\n  \"orange\":     $orange,\n  \"yellow\":     $yellow,\n  \"green\":      $green,\n  \"teal\":       $teal,\n  \"cyan\":       $cyan,\n  \"white\":      $white,\n  \"gray\":       $gray-600,\n  \"gray-dark\":  $gray-800\n) !default;\n// scss-docs-end colors-map\n\n// scss-docs-start theme-color-variables\n$primary:       $blue !default;\n$secondary:     $gray-600 !default;\n$success:       $green !default;\n$info:          $cyan !default;\n$warning:       $yellow !default;\n$danger:        $red !default;\n$light:         $gray-100 !default;\n$dark:          $gray-900 !default;\n// scss-docs-end theme-color-variables\n\n// scss-docs-start theme-colors-map\n$theme-colors: (\n  \"primary\":    $primary,\n  \"secondary\":  $secondary,\n  \"success\":    $success,\n  \"info\":       $info,\n  \"warning\":    $warning,\n  \"danger\":     $danger,\n  \"light\":      $light,\n  \"dark\":       $dark\n) !default;\n// scss-docs-end theme-colors-map\n\n// scss-docs-start theme-colors-rgb\n$theme-colors-rgb: map-loop($theme-colors, to-rgb, \"$value\") !default;\n// scss-docs-end theme-colors-rgb\n\n// The contrast ratio to reach against white, to determine if color changes from \"light\" to \"dark\". Acceptable values for WCAG 2.0 are 3, 4.5 and 7.\n// See https://www.w3.org/TR/WCAG20/#visual-audio-contrast-contrast\n$min-contrast-ratio:   4.5 !default;\n\n// Customize the light and dark text colors for use in our color contrast function.\n$color-contrast-dark:      $black !default;\n$color-contrast-light:     $white !default;\n\n// fusv-disable\n$blue-100: tint-color($blue, 80%) !default;\n$blue-200: tint-color($blue, 60%) !default;\n$blue-300: tint-color($blue, 40%) !default;\n$blue-400: tint-color($blue, 20%) !default;\n$blue-500: $blue !default;\n$blue-600: shade-color($blue, 20%) !default;\n$blue-700: shade-color($blue, 40%) !default;\n$blue-800: shade-color($blue, 60%) !default;\n$blue-900: shade-color($blue, 80%) !default;\n\n$indigo-100: tint-color($indigo, 80%) !default;\n$indigo-200: tint-color($indigo, 60%) !default;\n$indigo-300: tint-color($indigo, 40%) !default;\n$indigo-400: tint-color($indigo, 20%) !default;\n$indigo-500: $indigo !default;\n$indigo-600: shade-color($indigo, 20%) !default;\n$indigo-700: shade-color($indigo, 40%) !default;\n$indigo-800: shade-color($indigo, 60%) !default;\n$indigo-900: shade-color($indigo, 80%) !default;\n\n$purple-100: tint-color($purple, 80%) !default;\n$purple-200: tint-color($purple, 60%) !default;\n$purple-300: tint-color($purple, 40%) !default;\n$purple-400: tint-color($purple, 20%) !default;\n$purple-500: $purple !default;\n$purple-600: shade-color($purple, 20%) !default;\n$purple-700: shade-color($purple, 40%) !default;\n$purple-800: shade-color($purple, 60%) !default;\n$purple-900: shade-color($purple, 80%) !default;\n\n$pink-100: tint-color($pink, 80%) !default;\n$pink-200: tint-color($pink, 60%) !default;\n$pink-300: tint-color($pink, 40%) !default;\n$pink-400: tint-color($pink, 20%) !default;\n$pink-500: $pink !default;\n$pink-600: shade-color($pink, 20%) !default;\n$pink-700: shade-color($pink, 40%) !default;\n$pink-800: shade-color($pink, 60%) !default;\n$pink-900: shade-color($pink, 80%) !default;\n\n$red-100: tint-color($red, 80%) !default;\n$red-200: tint-color($red, 60%) !default;\n$red-300: tint-color($red, 40%) !default;\n$red-400: tint-color($red, 20%) !default;\n$red-500: $red !default;\n$red-600: shade-color($red, 20%) !default;\n$red-700: shade-color($red, 40%) !default;\n$red-800: shade-color($red, 60%) !default;\n$red-900: shade-color($red, 80%) !default;\n\n$orange-100: tint-color($orange, 80%) !default;\n$orange-200: tint-color($orange, 60%) !default;\n$orange-300: tint-color($orange, 40%) !default;\n$orange-400: tint-color($orange, 20%) !default;\n$orange-500: $orange !default;\n$orange-600: shade-color($orange, 20%) !default;\n$orange-700: shade-color($orange, 40%) !default;\n$orange-800: shade-color($orange, 60%) !default;\n$orange-900: shade-color($orange, 80%) !default;\n\n$yellow-100: tint-color($yellow, 80%) !default;\n$yellow-200: tint-color($yellow, 60%) !default;\n$yellow-300: tint-color($yellow, 40%) !default;\n$yellow-400: tint-color($yellow, 20%) !default;\n$yellow-500: $yellow !default;\n$yellow-600: shade-color($yellow, 20%) !default;\n$yellow-700: shade-color($yellow, 40%) !default;\n$yellow-800: shade-color($yellow, 60%) !default;\n$yellow-900: shade-color($yellow, 80%) !default;\n\n$green-100: tint-color($green, 80%) !default;\n$green-200: tint-color($green, 60%) !default;\n$green-300: tint-color($green, 40%) !default;\n$green-400: tint-color($green, 20%) !default;\n$green-500: $green !default;\n$green-600: shade-color($green, 20%) !default;\n$green-700: shade-color($green, 40%) !default;\n$green-800: shade-color($green, 60%) !default;\n$green-900: shade-color($green, 80%) !default;\n\n$teal-100: tint-color($teal, 80%) !default;\n$teal-200: tint-color($teal, 60%) !default;\n$teal-300: tint-color($teal, 40%) !default;\n$teal-400: tint-color($teal, 20%) !default;\n$teal-500: $teal !default;\n$teal-600: shade-color($teal, 20%) !default;\n$teal-700: shade-color($teal, 40%) !default;\n$teal-800: shade-color($teal, 60%) !default;\n$teal-900: shade-color($teal, 80%) !default;\n\n$cyan-100: tint-color($cyan, 80%) !default;\n$cyan-200: tint-color($cyan, 60%) !default;\n$cyan-300: tint-color($cyan, 40%) !default;\n$cyan-400: tint-color($cyan, 20%) !default;\n$cyan-500: $cyan !default;\n$cyan-600: shade-color($cyan, 20%) !default;\n$cyan-700: shade-color($cyan, 40%) !default;\n$cyan-800: shade-color($cyan, 60%) !default;\n$cyan-900: shade-color($cyan, 80%) !default;\n\n$blues: (\n  \"blue-100\": $blue-100,\n  \"blue-200\": $blue-200,\n  \"blue-300\": $blue-300,\n  \"blue-400\": $blue-400,\n  \"blue-500\": $blue-500,\n  \"blue-600\": $blue-600,\n  \"blue-700\": $blue-700,\n  \"blue-800\": $blue-800,\n  \"blue-900\": $blue-900\n) !default;\n\n$indigos: (\n  \"indigo-100\": $indigo-100,\n  \"indigo-200\": $indigo-200,\n  \"indigo-300\": $indigo-300,\n  \"indigo-400\": $indigo-400,\n  \"indigo-500\": $indigo-500,\n  \"indigo-600\": $indigo-600,\n  \"indigo-700\": $indigo-700,\n  \"indigo-800\": $indigo-800,\n  \"indigo-900\": $indigo-900\n) !default;\n\n$purples: (\n  \"purple-100\": $purple-200,\n  \"purple-200\": $purple-100,\n  \"purple-300\": $purple-300,\n  \"purple-400\": $purple-400,\n  \"purple-500\": $purple-500,\n  \"purple-600\": $purple-600,\n  \"purple-700\": $purple-700,\n  \"purple-800\": $purple-800,\n  \"purple-900\": $purple-900\n) !default;\n\n$pinks: (\n  \"pink-100\": $pink-100,\n  \"pink-200\": $pink-200,\n  \"pink-300\": $pink-300,\n  \"pink-400\": $pink-400,\n  \"pink-500\": $pink-500,\n  \"pink-600\": $pink-600,\n  \"pink-700\": $pink-700,\n  \"pink-800\": $pink-800,\n  \"pink-900\": $pink-900\n) !default;\n\n$reds: (\n  \"red-100\": $red-100,\n  \"red-200\": $red-200,\n  \"red-300\": $red-300,\n  \"red-400\": $red-400,\n  \"red-500\": $red-500,\n  \"red-600\": $red-600,\n  \"red-700\": $red-700,\n  \"red-800\": $red-800,\n  \"red-900\": $red-900\n) !default;\n\n$oranges: (\n  \"orange-100\": $orange-100,\n  \"orange-200\": $orange-200,\n  \"orange-300\": $orange-300,\n  \"orange-400\": $orange-400,\n  \"orange-500\": $orange-500,\n  \"orange-600\": $orange-600,\n  \"orange-700\": $orange-700,\n  \"orange-800\": $orange-800,\n  \"orange-900\": $orange-900\n) !default;\n\n$yellows: (\n  \"yellow-100\": $yellow-100,\n  \"yellow-200\": $yellow-200,\n  \"yellow-300\": $yellow-300,\n  \"yellow-400\": $yellow-400,\n  \"yellow-500\": $yellow-500,\n  \"yellow-600\": $yellow-600,\n  \"yellow-700\": $yellow-700,\n  \"yellow-800\": $yellow-800,\n  \"yellow-900\": $yellow-900\n) !default;\n\n$greens: (\n  \"green-100\": $green-100,\n  \"green-200\": $green-200,\n  \"green-300\": $green-300,\n  \"green-400\": $green-400,\n  \"green-500\": $green-500,\n  \"green-600\": $green-600,\n  \"green-700\": $green-700,\n  \"green-800\": $green-800,\n  \"green-900\": $green-900\n) !default;\n\n$teals: (\n  \"teal-100\": $teal-100,\n  \"teal-200\": $teal-200,\n  \"teal-300\": $teal-300,\n  \"teal-400\": $teal-400,\n  \"teal-500\": $teal-500,\n  \"teal-600\": $teal-600,\n  \"teal-700\": $teal-700,\n  \"teal-800\": $teal-800,\n  \"teal-900\": $teal-900\n) !default;\n\n$cyans: (\n  \"cyan-100\": $cyan-100,\n  \"cyan-200\": $cyan-200,\n  \"cyan-300\": $cyan-300,\n  \"cyan-400\": $cyan-400,\n  \"cyan-500\": $cyan-500,\n  \"cyan-600\": $cyan-600,\n  \"cyan-700\": $cyan-700,\n  \"cyan-800\": $cyan-800,\n  \"cyan-900\": $cyan-900\n) !default;\n// fusv-enable\n\n// Characters which are escaped by the escape-svg function\n$escaped-characters: (\n  (\"<\", \"%3c\"),\n  (\">\", \"%3e\"),\n  (\"#\", \"%23\"),\n  (\"(\", \"%28\"),\n  (\")\", \"%29\"),\n) !default;\n\n// Options\n//\n// Quickly modify global styling by enabling or disabling optional features.\n\n$enable-caret:                true !default;\n$enable-rounded:              true !default;\n$enable-shadows:              false !default;\n$enable-gradients:            false !default;\n$enable-transitions:          true !default;\n$enable-reduced-motion:       true !default;\n$enable-smooth-scroll:        true !default;\n$enable-grid-classes:         true !default;\n$enable-cssgrid:              false !default;\n$enable-button-pointers:      true !default;\n$enable-rfs:                  true !default;\n$enable-validation-icons:     true !default;\n$enable-negative-margins:     false !default;\n$enable-deprecation-messages: true !default;\n$enable-important-utilities:  true !default;\n\n// Prefix for :root CSS variables\n\n$variable-prefix:             bs- !default;\n\n// Gradient\n//\n// The gradient which is added to components if `$enable-gradients` is `true`\n// This gradient is also added to elements with `.bg-gradient`\n// scss-docs-start variable-gradient\n$gradient: linear-gradient(180deg, rgba($white, .15), rgba($white, 0)) !default;\n// scss-docs-end variable-gradient\n\n// Spacing\n//\n// Control the default styling of most Bootstrap elements by modifying these\n// variables. Mostly focused on spacing.\n// You can add more entries to the $spacers map, should you need more variation.\n\n// scss-docs-start spacer-variables-maps\n$spacer: 1rem !default;\n$spacers: (\n  0: 0,\n  1: $spacer * .25,\n  2: $spacer * .5,\n  3: $spacer,\n  4: $spacer * 1.5,\n  5: $spacer * 3,\n) !default;\n\n$negative-spacers: if($enable-negative-margins, negativify-map($spacers), null) !default;\n// scss-docs-end spacer-variables-maps\n\n// Position\n//\n// Define the edge positioning anchors of the position utilities.\n\n// scss-docs-start position-map\n$position-values: (\n  0: 0,\n  50: 50%,\n  100: 100%\n) !default;\n// scss-docs-end position-map\n\n// Body\n//\n// Settings for the `<body>` element.\n\n$body-bg:                   $white !default;\n$body-color:                $gray-900 !default;\n$body-text-align:           null !default;\n\n// Utilities maps\n//\n// Extends the default `$theme-colors` maps to help create our utilities.\n\n// Come v6, we'll de-dupe these variables. Until then, for backward compatibility, we keep them to reassign.\n// scss-docs-start utilities-colors\n$utilities-colors: $theme-colors-rgb !default;\n// scss-docs-end utilities-colors\n\n// scss-docs-start utilities-text-colors\n$utilities-text: map-merge(\n  $utilities-colors,\n  (\n    \"black\": to-rgb($black),\n    \"white\": to-rgb($white),\n    \"body\": to-rgb($body-color)\n  )\n) !default;\n$utilities-text-colors: map-loop($utilities-text, rgba-css-var, \"$key\", \"text\") !default;\n// scss-docs-end utilities-text-colors\n\n// scss-docs-start utilities-bg-colors\n$utilities-bg: map-merge(\n  $utilities-colors,\n  (\n    \"black\": to-rgb($black),\n    \"white\": to-rgb($white),\n    \"body\": to-rgb($body-bg)\n  )\n) !default;\n$utilities-bg-colors: map-loop($utilities-bg, rgba-css-var, \"$key\", \"bg\") !default;\n// scss-docs-end utilities-bg-colors\n\n// Links\n//\n// Style anchor elements.\n\n$link-color:                              $primary !default;\n$link-decoration:                         underline !default;\n$link-shade-percentage:                   20% !default;\n$link-hover-color:                        shift-color($link-color, $link-shade-percentage) !default;\n$link-hover-decoration:                   null !default;\n\n$stretched-link-pseudo-element:           after !default;\n$stretched-link-z-index:                  1 !default;\n\n// Paragraphs\n//\n// Style p element.\n\n$paragraph-margin-bottom:   1rem !default;\n\n\n// Grid breakpoints\n//\n// Define the minimum dimensions at which your layout will change,\n// adapting to different screen sizes, for use in media queries.\n\n// scss-docs-start grid-breakpoints\n$grid-breakpoints: (\n  xs: 0,\n  sm: 576px,\n  md: 768px,\n  lg: 992px,\n  xl: 1200px,\n  xxl: 1400px\n) !default;\n// scss-docs-end grid-breakpoints\n\n@include _assert-ascending($grid-breakpoints, \"$grid-breakpoints\");\n@include _assert-starts-at-zero($grid-breakpoints, \"$grid-breakpoints\");\n\n\n// Grid containers\n//\n// Define the maximum width of `.container` for different screen sizes.\n\n// scss-docs-start container-max-widths\n$container-max-widths: (\n  sm: 540px,\n  md: 720px,\n  lg: 960px,\n  xl: 1140px,\n  xxl: 1320px\n) !default;\n// scss-docs-end container-max-widths\n\n@include _assert-ascending($container-max-widths, \"$container-max-widths\");\n\n\n// Grid columns\n//\n// Set the number of columns and specify the width of the gutters.\n\n$grid-columns:                12 !default;\n$grid-gutter-width:           1.5rem !default;\n$grid-row-columns:            6 !default;\n\n$gutters: $spacers !default;\n\n// Container padding\n\n$container-padding-x: $grid-gutter-width * .5 !default;\n\n\n// Components\n//\n// Define common padding and border radius sizes and more.\n\n// scss-docs-start border-variables\n$border-width:                1px !default;\n$border-widths: (\n  1: 1px,\n  2: 2px,\n  3: 3px,\n  4: 4px,\n  5: 5px\n) !default;\n\n$border-color:                $gray-300 !default;\n// scss-docs-end border-variables\n\n// scss-docs-start border-radius-variables\n$border-radius:               .25rem !default;\n$border-radius-sm:            .2rem !default;\n$border-radius-lg:            .3rem !default;\n$border-radius-pill:          50rem !default;\n// scss-docs-end border-radius-variables\n\n// scss-docs-start box-shadow-variables\n$box-shadow:                  0 .5rem 1rem rgba($black, .15) !default;\n$box-shadow-sm:               0 .125rem .25rem rgba($black, .075) !default;\n$box-shadow-lg:               0 1rem 3rem rgba($black, .175) !default;\n$box-shadow-inset:            inset 0 1px 2px rgba($black, .075) !default;\n// scss-docs-end box-shadow-variables\n\n$component-active-color:      $white !default;\n$component-active-bg:         $primary !default;\n\n// scss-docs-start caret-variables\n$caret-width:                 .3em !default;\n$caret-vertical-align:        $caret-width * .85 !default;\n$caret-spacing:               $caret-width * .85 !default;\n// scss-docs-end caret-variables\n\n$transition-base:             all .2s ease-in-out !default;\n$transition-fade:             opacity .15s linear !default;\n// scss-docs-start collapse-transition\n$transition-collapse:         height .35s ease !default;\n$transition-collapse-width:   width .35s ease !default;\n// scss-docs-end collapse-transition\n\n// stylelint-disable function-disallowed-list\n// scss-docs-start aspect-ratios\n$aspect-ratios: (\n  \"1x1\": 100%,\n  \"4x3\": calc(3 / 4 * 100%),\n  \"16x9\": calc(9 / 16 * 100%),\n  \"21x9\": calc(9 / 21 * 100%)\n) !default;\n// scss-docs-end aspect-ratios\n// stylelint-enable function-disallowed-list\n\n// Typography\n//\n// Font, line-height, and color for body text, headings, and more.\n\n// scss-docs-start font-variables\n// stylelint-disable value-keyword-case\n$font-family-sans-serif:      system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\" !default;\n$font-family-monospace:       SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace !default;\n// stylelint-enable value-keyword-case\n$font-family-base:            var(--#{$variable-prefix}font-sans-serif) !default;\n$font-family-code:            var(--#{$variable-prefix}font-monospace) !default;\n\n// $font-size-root affects the value of `rem`, which is used for as well font sizes, paddings, and margins\n// $font-size-base affects the font size of the body text\n$font-size-root:              null !default;\n$font-size-base:              1rem !default; // Assumes the browser default, typically `16px`\n$font-size-sm:                $font-size-base * .875 !default;\n$font-size-lg:                $font-size-base * 1.25 !default;\n\n$font-weight-lighter:         lighter !default;\n$font-weight-light:           300 !default;\n$font-weight-normal:          400 !default;\n$font-weight-bold:            700 !default;\n$font-weight-bolder:          bolder !default;\n\n$font-weight-base:            $font-weight-normal !default;\n\n$line-height-base:            1.5 !default;\n$line-height-sm:              1.25 !default;\n$line-height-lg:              2 !default;\n\n$h1-font-size:                $font-size-base * 2.5 !default;\n$h2-font-size:                $font-size-base * 2 !default;\n$h3-font-size:                $font-size-base * 1.75 !default;\n$h4-font-size:                $font-size-base * 1.5 !default;\n$h5-font-size:                $font-size-base * 1.25 !default;\n$h6-font-size:                $font-size-base !default;\n// scss-docs-end font-variables\n\n// scss-docs-start font-sizes\n$font-sizes: (\n  1: $h1-font-size,\n  2: $h2-font-size,\n  3: $h3-font-size,\n  4: $h4-font-size,\n  5: $h5-font-size,\n  6: $h6-font-size\n) !default;\n// scss-docs-end font-sizes\n\n// scss-docs-start headings-variables\n$headings-margin-bottom:      $spacer * .5 !default;\n$headings-font-family:        null !default;\n$headings-font-style:         null !default;\n$headings-font-weight:        500 !default;\n$headings-line-height:        1.2 !default;\n$headings-color:              null !default;\n// scss-docs-end headings-variables\n\n// scss-docs-start display-headings\n$display-font-sizes: (\n  1: 5rem,\n  2: 4.5rem,\n  3: 4rem,\n  4: 3.5rem,\n  5: 3rem,\n  6: 2.5rem\n) !default;\n\n$display-font-weight: 300 !default;\n$display-line-height: $headings-line-height !default;\n// scss-docs-end display-headings\n\n// scss-docs-start type-variables\n$lead-font-size:              $font-size-base * 1.25 !default;\n$lead-font-weight:            300 !default;\n\n$small-font-size:             .875em !default;\n\n$sub-sup-font-size:           .75em !default;\n\n$text-muted:                  $gray-600 !default;\n\n$initialism-font-size:        $small-font-size !default;\n\n$blockquote-margin-y:         $spacer !default;\n$blockquote-font-size:        $font-size-base * 1.25 !default;\n$blockquote-footer-color:     $gray-600 !default;\n$blockquote-footer-font-size: $small-font-size !default;\n\n$hr-margin-y:                 $spacer !default;\n$hr-color:                    inherit !default;\n$hr-height:                   $border-width !default;\n$hr-opacity:                  .25 !default;\n\n$legend-margin-bottom:        .5rem !default;\n$legend-font-size:            1.5rem !default;\n$legend-font-weight:          null !default;\n\n$mark-padding:                .2em !default;\n\n$dt-font-weight:              $font-weight-bold !default;\n\n$nested-kbd-font-weight:      $font-weight-bold !default;\n\n$list-inline-padding:         .5rem !default;\n\n$mark-bg:                     #fcf8e3 !default;\n// scss-docs-end type-variables\n\n\n// Tables\n//\n// Customizes the `.table` component with basic values, each used across all table variations.\n\n// scss-docs-start table-variables\n$table-cell-padding-y:        .5rem !default;\n$table-cell-padding-x:        .5rem !default;\n$table-cell-padding-y-sm:     .25rem !default;\n$table-cell-padding-x-sm:     .25rem !default;\n\n$table-cell-vertical-align:   top !default;\n\n$table-color:                 $body-color !default;\n$table-bg:                    transparent !default;\n$table-accent-bg:             transparent !default;\n\n$table-th-font-weight:        null !default;\n\n$table-striped-color:         $table-color !default;\n$table-striped-bg-factor:     .05 !default;\n$table-striped-bg:            rgba($black, $table-striped-bg-factor) !default;\n\n$table-active-color:          $table-color !default;\n$table-active-bg-factor:      .1 !default;\n$table-active-bg:             rgba($black, $table-active-bg-factor) !default;\n\n$table-hover-color:           $table-color !default;\n$table-hover-bg-factor:       .075 !default;\n$table-hover-bg:              rgba($black, $table-hover-bg-factor) !default;\n\n$table-border-factor:         .1 !default;\n$table-border-width:          $border-width !default;\n$table-border-color:          $border-color !default;\n\n$table-striped-order:         odd !default;\n\n$table-group-separator-color: currentColor !default;\n\n$table-caption-color:         $text-muted !default;\n\n$table-bg-scale:              -80% !default;\n// scss-docs-end table-variables\n\n// scss-docs-start table-loop\n$table-variants: (\n  \"primary\":    shift-color($primary, $table-bg-scale),\n  \"secondary\":  shift-color($secondary, $table-bg-scale),\n  \"success\":    shift-color($success, $table-bg-scale),\n  \"info\":       shift-color($info, $table-bg-scale),\n  \"warning\":    shift-color($warning, $table-bg-scale),\n  \"danger\":     shift-color($danger, $table-bg-scale),\n  \"light\":      $light,\n  \"dark\":       $dark,\n) !default;\n// scss-docs-end table-loop\n\n\n// Buttons + Forms\n//\n// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.\n\n// scss-docs-start input-btn-variables\n$input-btn-padding-y:         .375rem !default;\n$input-btn-padding-x:         .75rem !default;\n$input-btn-font-family:       null !default;\n$input-btn-font-size:         $font-size-base !default;\n$input-btn-line-height:       $line-height-base !default;\n\n$input-btn-focus-width:         .25rem !default;\n$input-btn-focus-color-opacity: .25 !default;\n$input-btn-focus-color:         rgba($component-active-bg, $input-btn-focus-color-opacity) !default;\n$input-btn-focus-blur:          0 !default;\n$input-btn-focus-box-shadow:    0 0 $input-btn-focus-blur $input-btn-focus-width $input-btn-focus-color !default;\n\n$input-btn-padding-y-sm:      .25rem !default;\n$input-btn-padding-x-sm:      .5rem !default;\n$input-btn-font-size-sm:      $font-size-sm !default;\n\n$input-btn-padding-y-lg:      .5rem !default;\n$input-btn-padding-x-lg:      1rem !default;\n$input-btn-font-size-lg:      $font-size-lg !default;\n\n$input-btn-border-width:      $border-width !default;\n// scss-docs-end input-btn-variables\n\n\n// Buttons\n//\n// For each of Bootstrap's buttons, define text, background, and border color.\n\n// scss-docs-start btn-variables\n$btn-padding-y:               $input-btn-padding-y !default;\n$btn-padding-x:               $input-btn-padding-x !default;\n$btn-font-family:             $input-btn-font-family !default;\n$btn-font-size:               $input-btn-font-size !default;\n$btn-line-height:             $input-btn-line-height !default;\n$btn-white-space:             null !default; // Set to `nowrap` to prevent text wrapping\n\n$btn-padding-y-sm:            $input-btn-padding-y-sm !default;\n$btn-padding-x-sm:            $input-btn-padding-x-sm !default;\n$btn-font-size-sm:            $input-btn-font-size-sm !default;\n\n$btn-padding-y-lg:            $input-btn-padding-y-lg !default;\n$btn-padding-x-lg:            $input-btn-padding-x-lg !default;\n$btn-font-size-lg:            $input-btn-font-size-lg !default;\n\n$btn-border-width:            $input-btn-border-width !default;\n\n$btn-font-weight:             $font-weight-normal !default;\n$btn-box-shadow:              inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075) !default;\n$btn-focus-width:             $input-btn-focus-width !default;\n$btn-focus-box-shadow:        $input-btn-focus-box-shadow !default;\n$btn-disabled-opacity:        .65 !default;\n$btn-active-box-shadow:       inset 0 3px 5px rgba($black, .125) !default;\n\n$btn-link-color:              $link-color !default;\n$btn-link-hover-color:        $link-hover-color !default;\n$btn-link-disabled-color:     $gray-600 !default;\n\n// Allows for customizing button radius independently from global border radius\n$btn-border-radius:           $border-radius !default;\n$btn-border-radius-sm:        $border-radius-sm !default;\n$btn-border-radius-lg:        $border-radius-lg !default;\n\n$btn-transition:              color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$btn-hover-bg-shade-amount:       15% !default;\n$btn-hover-bg-tint-amount:        15% !default;\n$btn-hover-border-shade-amount:   20% !default;\n$btn-hover-border-tint-amount:    10% !default;\n$btn-active-bg-shade-amount:      20% !default;\n$btn-active-bg-tint-amount:       20% !default;\n$btn-active-border-shade-amount:  25% !default;\n$btn-active-border-tint-amount:   10% !default;\n// scss-docs-end btn-variables\n\n\n// Forms\n\n// scss-docs-start form-text-variables\n$form-text-margin-top:                  .25rem !default;\n$form-text-font-size:                   $small-font-size !default;\n$form-text-font-style:                  null !default;\n$form-text-font-weight:                 null !default;\n$form-text-color:                       $text-muted !default;\n// scss-docs-end form-text-variables\n\n// scss-docs-start form-label-variables\n$form-label-margin-bottom:              .5rem !default;\n$form-label-font-size:                  null !default;\n$form-label-font-style:                 null !default;\n$form-label-font-weight:                null !default;\n$form-label-color:                      null !default;\n// scss-docs-end form-label-variables\n\n// scss-docs-start form-input-variables\n$input-padding-y:                       $input-btn-padding-y !default;\n$input-padding-x:                       $input-btn-padding-x !default;\n$input-font-family:                     $input-btn-font-family !default;\n$input-font-size:                       $input-btn-font-size !default;\n$input-font-weight:                     $font-weight-base !default;\n$input-line-height:                     $input-btn-line-height !default;\n\n$input-padding-y-sm:                    $input-btn-padding-y-sm !default;\n$input-padding-x-sm:                    $input-btn-padding-x-sm !default;\n$input-font-size-sm:                    $input-btn-font-size-sm !default;\n\n$input-padding-y-lg:                    $input-btn-padding-y-lg !default;\n$input-padding-x-lg:                    $input-btn-padding-x-lg !default;\n$input-font-size-lg:                    $input-btn-font-size-lg !default;\n\n$input-bg:                              $body-bg !default;\n$input-disabled-bg:                     $gray-200 !default;\n$input-disabled-border-color:           null !default;\n\n$input-color:                           $body-color !default;\n$input-border-color:                    $gray-400 !default;\n$input-border-width:                    $input-btn-border-width !default;\n$input-box-shadow:                      $box-shadow-inset !default;\n\n$input-border-radius:                   $border-radius !default;\n$input-border-radius-sm:                $border-radius-sm !default;\n$input-border-radius-lg:                $border-radius-lg !default;\n\n$input-focus-bg:                        $input-bg !default;\n$input-focus-border-color:              tint-color($component-active-bg, 50%) !default;\n$input-focus-color:                     $input-color !default;\n$input-focus-width:                     $input-btn-focus-width !default;\n$input-focus-box-shadow:                $input-btn-focus-box-shadow !default;\n\n$input-placeholder-color:               $gray-600 !default;\n$input-plaintext-color:                 $body-color !default;\n\n$input-height-border:                   $input-border-width * 2 !default;\n\n$input-height-inner:                    add($input-line-height * 1em, $input-padding-y * 2) !default;\n$input-height-inner-half:               add($input-line-height * .5em, $input-padding-y) !default;\n$input-height-inner-quarter:            add($input-line-height * .25em, $input-padding-y * .5) !default;\n\n$input-height:                          add($input-line-height * 1em, add($input-padding-y * 2, $input-height-border, false)) !default;\n$input-height-sm:                       add($input-line-height * 1em, add($input-padding-y-sm * 2, $input-height-border, false)) !default;\n$input-height-lg:                       add($input-line-height * 1em, add($input-padding-y-lg * 2, $input-height-border, false)) !default;\n\n$input-transition:                      border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$form-color-width:                      3rem !default;\n// scss-docs-end form-input-variables\n\n// scss-docs-start form-check-variables\n$form-check-input-width:                  1em !default;\n$form-check-min-height:                   $font-size-base * $line-height-base !default;\n$form-check-padding-start:                $form-check-input-width + .5em !default;\n$form-check-margin-bottom:                .125rem !default;\n$form-check-label-color:                  null !default;\n$form-check-label-cursor:                 null !default;\n$form-check-transition:                   null !default;\n\n$form-check-input-active-filter:          brightness(90%) !default;\n\n$form-check-input-bg:                     $input-bg !default;\n$form-check-input-border:                 1px solid rgba($black, .25) !default;\n$form-check-input-border-radius:          .25em !default;\n$form-check-radio-border-radius:          50% !default;\n$form-check-input-focus-border:           $input-focus-border-color !default;\n$form-check-input-focus-box-shadow:       $input-btn-focus-box-shadow !default;\n\n$form-check-input-checked-color:          $component-active-color !default;\n$form-check-input-checked-bg-color:       $component-active-bg !default;\n$form-check-input-checked-border-color:   $form-check-input-checked-bg-color !default;\n$form-check-input-checked-bg-image:       url(\"data:image/svg+xml,<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 10l3 3l6-6'/></svg>\") !default;\n$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;\n\n$form-check-input-indeterminate-color:          $component-active-color !default;\n$form-check-input-indeterminate-bg-color:       $component-active-bg !default;\n$form-check-input-indeterminate-border-color:   $form-check-input-indeterminate-bg-color !default;\n$form-check-input-indeterminate-bg-image:       url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path fill='none' stroke='#{$form-check-input-indeterminate-color}' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/></svg>\") !default;\n\n$form-check-input-disabled-opacity:        .5 !default;\n$form-check-label-disabled-opacity:        $form-check-input-disabled-opacity !default;\n$form-check-btn-check-disabled-opacity:    $btn-disabled-opacity !default;\n\n$form-check-inline-margin-end:    1rem !default;\n// scss-docs-end form-check-variables\n\n// scss-docs-start form-switch-variables\n$form-switch-color:               rgba($black, .25) !default;\n$form-switch-width:               2em !default;\n$form-switch-padding-start:       $form-switch-width + .5em !default;\n$form-switch-bg-image:            url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='#{$form-switch-color}'/></svg>\") !default;\n$form-switch-border-radius:       $form-switch-width !default;\n$form-switch-transition:          background-position .15s ease-in-out !default;\n\n$form-switch-focus-color:         $input-focus-border-color !default;\n$form-switch-focus-bg-image:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='#{$form-switch-focus-color}'/></svg>\") !default;\n\n$form-switch-checked-color:       $component-active-color !default;\n$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;\n$form-switch-checked-bg-position: right center !default;\n// scss-docs-end form-switch-variables\n\n// scss-docs-start input-group-variables\n$input-group-addon-padding-y:           $input-padding-y !default;\n$input-group-addon-padding-x:           $input-padding-x !default;\n$input-group-addon-font-weight:         $input-font-weight !default;\n$input-group-addon-color:               $input-color !default;\n$input-group-addon-bg:                  $gray-200 !default;\n$input-group-addon-border-color:        $input-border-color !default;\n// scss-docs-end input-group-variables\n\n// scss-docs-start form-select-variables\n$form-select-padding-y:             $input-padding-y !default;\n$form-select-padding-x:             $input-padding-x !default;\n$form-select-font-family:           $input-font-family !default;\n$form-select-font-size:             $input-font-size !default;\n$form-select-indicator-padding:     $form-select-padding-x * 3 !default; // Extra padding for background-image\n$form-select-font-weight:           $input-font-weight !default;\n$form-select-line-height:           $input-line-height !default;\n$form-select-color:                 $input-color !default;\n$form-select-bg:                    $input-bg !default;\n$form-select-disabled-color:        null !default;\n$form-select-disabled-bg:           $gray-200 !default;\n$form-select-disabled-border-color: $input-disabled-border-color !default;\n$form-select-bg-position:           right $form-select-padding-x center !default;\n$form-select-bg-size:               16px 12px !default; // In pixels because image dimensions\n$form-select-indicator-color:       $gray-800 !default;\n$form-select-indicator:             url(\"data:image/svg+xml,<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 5l6 6 6-6'/></svg>\") !default;\n\n$form-select-feedback-icon-padding-end: $form-select-padding-x * 2.5 + $form-select-indicator-padding !default;\n$form-select-feedback-icon-position:    center right $form-select-indicator-padding !default;\n$form-select-feedback-icon-size:        $input-height-inner-half $input-height-inner-half !default;\n\n$form-select-border-width:        $input-border-width !default;\n$form-select-border-color:        $input-border-color !default;\n$form-select-border-radius:       $input-border-radius !default;\n$form-select-box-shadow:          $box-shadow-inset !default;\n\n$form-select-focus-border-color:  $input-focus-border-color !default;\n$form-select-focus-width:         $input-focus-width !default;\n$form-select-focus-box-shadow:    0 0 0 $form-select-focus-width $input-btn-focus-color !default;\n\n$form-select-padding-y-sm:        $input-padding-y-sm !default;\n$form-select-padding-x-sm:        $input-padding-x-sm !default;\n$form-select-font-size-sm:        $input-font-size-sm !default;\n$form-select-border-radius-sm:    $input-border-radius-sm !default;\n\n$form-select-padding-y-lg:        $input-padding-y-lg !default;\n$form-select-padding-x-lg:        $input-padding-x-lg !default;\n$form-select-font-size-lg:        $input-font-size-lg !default;\n$form-select-border-radius-lg:    $input-border-radius-lg !default;\n\n$form-select-transition:          $input-transition !default;\n// scss-docs-end form-select-variables\n\n// scss-docs-start form-range-variables\n$form-range-track-width:          100% !default;\n$form-range-track-height:         .5rem !default;\n$form-range-track-cursor:         pointer !default;\n$form-range-track-bg:             $gray-300 !default;\n$form-range-track-border-radius:  1rem !default;\n$form-range-track-box-shadow:     $box-shadow-inset !default;\n\n$form-range-thumb-width:                   1rem !default;\n$form-range-thumb-height:                  $form-range-thumb-width !default;\n$form-range-thumb-bg:                      $component-active-bg !default;\n$form-range-thumb-border:                  0 !default;\n$form-range-thumb-border-radius:           1rem !default;\n$form-range-thumb-box-shadow:              0 .1rem .25rem rgba($black, .1) !default;\n$form-range-thumb-focus-box-shadow:        0 0 0 1px $body-bg, $input-focus-box-shadow !default;\n$form-range-thumb-focus-box-shadow-width:  $input-focus-width !default; // For focus box shadow issue in Edge\n$form-range-thumb-active-bg:               tint-color($component-active-bg, 70%) !default;\n$form-range-thumb-disabled-bg:             $gray-500 !default;\n$form-range-thumb-transition:              background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n// scss-docs-end form-range-variables\n\n// scss-docs-start form-file-variables\n$form-file-button-color:          $input-color !default;\n$form-file-button-bg:             $input-group-addon-bg !default;\n$form-file-button-hover-bg:       shade-color($form-file-button-bg, 5%) !default;\n// scss-docs-end form-file-variables\n\n// scss-docs-start form-floating-variables\n$form-floating-height:            add(3.5rem, $input-height-border) !default;\n$form-floating-line-height:       1.25 !default;\n$form-floating-padding-x:         $input-padding-x !default;\n$form-floating-padding-y:         1rem !default;\n$form-floating-input-padding-t:   1.625rem !default;\n$form-floating-input-padding-b:   .625rem !default;\n$form-floating-label-opacity:     .65 !default;\n$form-floating-label-transform:   scale(.85) translateY(-.5rem) translateX(.15rem) !default;\n$form-floating-transition:        opacity .1s ease-in-out, transform .1s ease-in-out !default;\n// scss-docs-end form-floating-variables\n\n// Form validation\n\n// scss-docs-start form-feedback-variables\n$form-feedback-margin-top:          $form-text-margin-top !default;\n$form-feedback-font-size:           $form-text-font-size !default;\n$form-feedback-font-style:          $form-text-font-style !default;\n$form-feedback-valid-color:         $success !default;\n$form-feedback-invalid-color:       $danger !default;\n\n$form-feedback-icon-valid-color:    $form-feedback-valid-color !default;\n$form-feedback-icon-valid:          url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'><path fill='#{$form-feedback-icon-valid-color}' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/></svg>\") !default;\n$form-feedback-icon-invalid-color:  $form-feedback-invalid-color !default;\n$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;\n// scss-docs-end form-feedback-variables\n\n// scss-docs-start form-validation-states\n$form-validation-states: (\n  \"valid\": (\n    \"color\": $form-feedback-valid-color,\n    \"icon\": $form-feedback-icon-valid\n  ),\n  \"invalid\": (\n    \"color\": $form-feedback-invalid-color,\n    \"icon\": $form-feedback-icon-invalid\n  )\n) !default;\n// scss-docs-end form-validation-states\n\n// Z-index master list\n//\n// Warning: Avoid customizing these values. They're used for a bird's eye view\n// of components dependent on the z-axis and are designed to all work together.\n\n// scss-docs-start zindex-stack\n$zindex-dropdown:                   1000 !default;\n$zindex-sticky:                     1020 !default;\n$zindex-fixed:                      1030 !default;\n$zindex-offcanvas-backdrop:         1040 !default;\n$zindex-offcanvas:                  1045 !default;\n$zindex-modal-backdrop:             1050 !default;\n$zindex-modal:                      1055 !default;\n$zindex-popover:                    1070 !default;\n$zindex-tooltip:                    1080 !default;\n// scss-docs-end zindex-stack\n\n\n// Navs\n\n// scss-docs-start nav-variables\n$nav-link-padding-y:                .5rem !default;\n$nav-link-padding-x:                1rem !default;\n$nav-link-font-size:                null !default;\n$nav-link-font-weight:              null !default;\n$nav-link-color:                    $link-color !default;\n$nav-link-hover-color:              $link-hover-color !default;\n$nav-link-transition:               color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out !default;\n$nav-link-disabled-color:           $gray-600 !default;\n\n$nav-tabs-border-color:             $gray-300 !default;\n$nav-tabs-border-width:             $border-width !default;\n$nav-tabs-border-radius:            $border-radius !default;\n$nav-tabs-link-hover-border-color:  $gray-200 $gray-200 $nav-tabs-border-color !default;\n$nav-tabs-link-active-color:        $gray-700 !default;\n$nav-tabs-link-active-bg:           $body-bg !default;\n$nav-tabs-link-active-border-color: $gray-300 $gray-300 $nav-tabs-link-active-bg !default;\n\n$nav-pills-border-radius:           $border-radius !default;\n$nav-pills-link-active-color:       $component-active-color !default;\n$nav-pills-link-active-bg:          $component-active-bg !default;\n// scss-docs-end nav-variables\n\n\n// Navbar\n\n// scss-docs-start navbar-variables\n$navbar-padding-y:                  $spacer * .5 !default;\n$navbar-padding-x:                  null !default;\n\n$navbar-nav-link-padding-x:         .5rem !default;\n\n$navbar-brand-font-size:            $font-size-lg !default;\n// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link\n$nav-link-height:                   $font-size-base * $line-height-base + $nav-link-padding-y * 2 !default;\n$navbar-brand-height:               $navbar-brand-font-size * $line-height-base !default;\n$navbar-brand-padding-y:            ($nav-link-height - $navbar-brand-height) * .5 !default;\n$navbar-brand-margin-end:           1rem !default;\n\n$navbar-toggler-padding-y:          .25rem !default;\n$navbar-toggler-padding-x:          .75rem !default;\n$navbar-toggler-font-size:          $font-size-lg !default;\n$navbar-toggler-border-radius:      $btn-border-radius !default;\n$navbar-toggler-focus-width:        $btn-focus-width !default;\n$navbar-toggler-transition:         box-shadow .15s ease-in-out !default;\n// scss-docs-end navbar-variables\n\n// scss-docs-start navbar-theme-variables\n$navbar-dark-color:                 rgba($white, .55) !default;\n$navbar-dark-hover-color:           rgba($white, .75) !default;\n$navbar-dark-active-color:          $white !default;\n$navbar-dark-disabled-color:        rgba($white, .25) !default;\n$navbar-dark-toggler-icon-bg:       url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='#{$navbar-dark-color}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>\") !default;\n$navbar-dark-toggler-border-color:  rgba($white, .1) !default;\n\n$navbar-light-color:                rgba($black, .55) !default;\n$navbar-light-hover-color:          rgba($black, .7) !default;\n$navbar-light-active-color:         rgba($black, .9) !default;\n$navbar-light-disabled-color:       rgba($black, .3) !default;\n$navbar-light-toggler-icon-bg:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='#{$navbar-light-color}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>\") !default;\n$navbar-light-toggler-border-color: rgba($black, .1) !default;\n\n$navbar-light-brand-color:                $navbar-light-active-color !default;\n$navbar-light-brand-hover-color:          $navbar-light-active-color !default;\n$navbar-dark-brand-color:                 $navbar-dark-active-color !default;\n$navbar-dark-brand-hover-color:           $navbar-dark-active-color !default;\n// scss-docs-end navbar-theme-variables\n\n\n// Dropdowns\n//\n// Dropdown menu container and contents.\n\n// scss-docs-start dropdown-variables\n$dropdown-min-width:                10rem !default;\n$dropdown-padding-x:                0 !default;\n$dropdown-padding-y:                .5rem !default;\n$dropdown-spacer:                   .125rem !default;\n$dropdown-font-size:                $font-size-base !default;\n$dropdown-color:                    $body-color !default;\n$dropdown-bg:                       $white !default;\n$dropdown-border-color:             rgba($black, .15) !default;\n$dropdown-border-radius:            $border-radius !default;\n$dropdown-border-width:             $border-width !default;\n$dropdown-inner-border-radius:      subtract($dropdown-border-radius, $dropdown-border-width) !default;\n$dropdown-divider-bg:               $dropdown-border-color !default;\n$dropdown-divider-margin-y:         $spacer * .5 !default;\n$dropdown-box-shadow:               $box-shadow !default;\n\n$dropdown-link-color:               $gray-900 !default;\n$dropdown-link-hover-color:         shade-color($dropdown-link-color, 10%) !default;\n$dropdown-link-hover-bg:            $gray-200 !default;\n\n$dropdown-link-active-color:        $component-active-color !default;\n$dropdown-link-active-bg:           $component-active-bg !default;\n\n$dropdown-link-disabled-color:      $gray-500 !default;\n\n$dropdown-item-padding-y:           $spacer * .25 !default;\n$dropdown-item-padding-x:           $spacer !default;\n\n$dropdown-header-color:             $gray-600 !default;\n$dropdown-header-padding:           $dropdown-padding-y $dropdown-item-padding-x !default;\n// scss-docs-end dropdown-variables\n\n// scss-docs-start dropdown-dark-variables\n$dropdown-dark-color:               $gray-300 !default;\n$dropdown-dark-bg:                  $gray-800 !default;\n$dropdown-dark-border-color:        $dropdown-border-color !default;\n$dropdown-dark-divider-bg:          $dropdown-divider-bg !default;\n$dropdown-dark-box-shadow:          null !default;\n$dropdown-dark-link-color:          $dropdown-dark-color !default;\n$dropdown-dark-link-hover-color:    $white !default;\n$dropdown-dark-link-hover-bg:       rgba($white, .15) !default;\n$dropdown-dark-link-active-color:   $dropdown-link-active-color !default;\n$dropdown-dark-link-active-bg:      $dropdown-link-active-bg !default;\n$dropdown-dark-link-disabled-color: $gray-500 !default;\n$dropdown-dark-header-color:        $gray-500 !default;\n// scss-docs-end dropdown-dark-variables\n\n\n// Pagination\n\n// scss-docs-start pagination-variables\n$pagination-padding-y:              .375rem !default;\n$pagination-padding-x:              .75rem !default;\n$pagination-padding-y-sm:           .25rem !default;\n$pagination-padding-x-sm:           .5rem !default;\n$pagination-padding-y-lg:           .75rem !default;\n$pagination-padding-x-lg:           1.5rem !default;\n\n$pagination-color:                  $link-color !default;\n$pagination-bg:                     $white !default;\n$pagination-border-width:           $border-width !default;\n$pagination-border-radius:          $border-radius !default;\n$pagination-margin-start:           -$pagination-border-width !default;\n$pagination-border-color:           $gray-300 !default;\n\n$pagination-focus-color:            $link-hover-color !default;\n$pagination-focus-bg:               $gray-200 !default;\n$pagination-focus-box-shadow:       $input-btn-focus-box-shadow !default;\n$pagination-focus-outline:          0 !default;\n\n$pagination-hover-color:            $link-hover-color !default;\n$pagination-hover-bg:               $gray-200 !default;\n$pagination-hover-border-color:     $gray-300 !default;\n\n$pagination-active-color:           $component-active-color !default;\n$pagination-active-bg:              $component-active-bg !default;\n$pagination-active-border-color:    $pagination-active-bg !default;\n\n$pagination-disabled-color:         $gray-600 !default;\n$pagination-disabled-bg:            $white !default;\n$pagination-disabled-border-color:  $gray-300 !default;\n\n$pagination-transition:              color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$pagination-border-radius-sm:       $border-radius-sm !default;\n$pagination-border-radius-lg:       $border-radius-lg !default;\n// scss-docs-end pagination-variables\n\n\n// Placeholders\n\n// scss-docs-start placeholders\n$placeholder-opacity-max:           .5 !default;\n$placeholder-opacity-min:           .2 !default;\n// scss-docs-end placeholders\n\n// Cards\n\n// scss-docs-start card-variables\n$card-spacer-y:                     $spacer !default;\n$card-spacer-x:                     $spacer !default;\n$card-title-spacer-y:               $spacer * .5 !default;\n$card-border-width:                 $border-width !default;\n$card-border-color:                 rgba($black, .125) !default;\n$card-border-radius:                $border-radius !default;\n$card-box-shadow:                   null !default;\n$card-inner-border-radius:          subtract($card-border-radius, $card-border-width) !default;\n$card-cap-padding-y:                $card-spacer-y * .5 !default;\n$card-cap-padding-x:                $card-spacer-x !default;\n$card-cap-bg:                       rgba($black, .03) !default;\n$card-cap-color:                    null !default;\n$card-height:                       null !default;\n$card-color:                        null !default;\n$card-bg:                           $white !default;\n$card-img-overlay-padding:          $spacer !default;\n$card-group-margin:                 $grid-gutter-width * .5 !default;\n// scss-docs-end card-variables\n\n// Accordion\n\n// scss-docs-start accordion-variables\n$accordion-padding-y:                     1rem !default;\n$accordion-padding-x:                     1.25rem !default;\n$accordion-color:                         $body-color !default;\n$accordion-bg:                            $body-bg !default;\n$accordion-border-width:                  $border-width !default;\n$accordion-border-color:                  rgba($black, .125) !default;\n$accordion-border-radius:                 $border-radius !default;\n$accordion-inner-border-radius:           subtract($accordion-border-radius, $accordion-border-width) !default;\n\n$accordion-body-padding-y:                $accordion-padding-y !default;\n$accordion-body-padding-x:                $accordion-padding-x !default;\n\n$accordion-button-padding-y:              $accordion-padding-y !default;\n$accordion-button-padding-x:              $accordion-padding-x !default;\n$accordion-button-color:                  $accordion-color !default;\n$accordion-button-bg:                     $accordion-bg !default;\n$accordion-transition:                    $btn-transition, border-radius .15s ease !default;\n$accordion-button-active-bg:              tint-color($component-active-bg, 90%) !default;\n$accordion-button-active-color:           shade-color($primary, 10%) !default;\n\n$accordion-button-focus-border-color:     $input-focus-border-color !default;\n$accordion-button-focus-box-shadow:       $btn-focus-box-shadow !default;\n\n$accordion-icon-width:                    1.25rem !default;\n$accordion-icon-color:                    $accordion-button-color !default;\n$accordion-icon-active-color:             $accordion-button-active-color !default;\n$accordion-icon-transition:               transform .2s ease-in-out !default;\n$accordion-icon-transform:                rotate(-180deg) !default;\n\n$accordion-button-icon:         url(\"data:image/svg+xml,<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;\n$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;\n// scss-docs-end accordion-variables\n\n// Tooltips\n\n// scss-docs-start tooltip-variables\n$tooltip-font-size:                 $font-size-sm !default;\n$tooltip-max-width:                 200px !default;\n$tooltip-color:                     $white !default;\n$tooltip-bg:                        $black !default;\n$tooltip-border-radius:             $border-radius !default;\n$tooltip-opacity:                   .9 !default;\n$tooltip-padding-y:                 $spacer * .25 !default;\n$tooltip-padding-x:                 $spacer * .5 !default;\n$tooltip-margin:                    0 !default;\n\n$tooltip-arrow-width:               .8rem !default;\n$tooltip-arrow-height:              .4rem !default;\n$tooltip-arrow-color:               $tooltip-bg !default;\n// scss-docs-end tooltip-variables\n\n// Form tooltips must come after regular tooltips\n// scss-docs-start tooltip-feedback-variables\n$form-feedback-tooltip-padding-y:     $tooltip-padding-y !default;\n$form-feedback-tooltip-padding-x:     $tooltip-padding-x !default;\n$form-feedback-tooltip-font-size:     $tooltip-font-size !default;\n$form-feedback-tooltip-line-height:   null !default;\n$form-feedback-tooltip-opacity:       $tooltip-opacity !default;\n$form-feedback-tooltip-border-radius: $tooltip-border-radius !default;\n// scss-docs-end tooltip-feedback-variables\n\n\n// Popovers\n\n// scss-docs-start popover-variables\n$popover-font-size:                 $font-size-sm !default;\n$popover-bg:                        $white !default;\n$popover-max-width:                 276px !default;\n$popover-border-width:              $border-width !default;\n$popover-border-color:              rgba($black, .2) !default;\n$popover-border-radius:             $border-radius-lg !default;\n$popover-inner-border-radius:       subtract($popover-border-radius, $popover-border-width) !default;\n$popover-box-shadow:                $box-shadow !default;\n\n$popover-header-bg:                 shade-color($popover-bg, 6%) !default;\n$popover-header-color:              $headings-color !default;\n$popover-header-padding-y:          .5rem !default;\n$popover-header-padding-x:          $spacer !default;\n\n$popover-body-color:                $body-color !default;\n$popover-body-padding-y:            $spacer !default;\n$popover-body-padding-x:            $spacer !default;\n\n$popover-arrow-width:               1rem !default;\n$popover-arrow-height:              .5rem !default;\n$popover-arrow-color:               $popover-bg !default;\n\n$popover-arrow-outer-color:         fade-in($popover-border-color, .05) !default;\n// scss-docs-end popover-variables\n\n\n// Toasts\n\n// scss-docs-start toast-variables\n$toast-max-width:                   350px !default;\n$toast-padding-x:                   .75rem !default;\n$toast-padding-y:                   .5rem !default;\n$toast-font-size:                   .875rem !default;\n$toast-color:                       null !default;\n$toast-background-color:            rgba($white, .85) !default;\n$toast-border-width:                1px !default;\n$toast-border-color:                rgba($black, .1) !default;\n$toast-border-radius:               $border-radius !default;\n$toast-box-shadow:                  $box-shadow !default;\n$toast-spacing:                     $container-padding-x !default;\n\n$toast-header-color:                $gray-600 !default;\n$toast-header-background-color:     rgba($white, .85) !default;\n$toast-header-border-color:         rgba($black, .05) !default;\n// scss-docs-end toast-variables\n\n\n// Badges\n\n// scss-docs-start badge-variables\n$badge-font-size:                   .75em !default;\n$badge-font-weight:                 $font-weight-bold !default;\n$badge-color:                       $white !default;\n$badge-padding-y:                   .35em !default;\n$badge-padding-x:                   .65em !default;\n$badge-border-radius:               $border-radius !default;\n// scss-docs-end badge-variables\n\n\n// Modals\n\n// scss-docs-start modal-variables\n$modal-inner-padding:               $spacer !default;\n\n$modal-footer-margin-between:       .5rem !default;\n\n$modal-dialog-margin:               .5rem !default;\n$modal-dialog-margin-y-sm-up:       1.75rem !default;\n\n$modal-title-line-height:           $line-height-base !default;\n\n$modal-content-color:               null !default;\n$modal-content-bg:                  $white !default;\n$modal-content-border-color:        rgba($black, .2) !default;\n$modal-content-border-width:        $border-width !default;\n$modal-content-border-radius:       $border-radius-lg !default;\n$modal-content-inner-border-radius: subtract($modal-content-border-radius, $modal-content-border-width) !default;\n$modal-content-box-shadow-xs:       $box-shadow-sm !default;\n$modal-content-box-shadow-sm-up:    $box-shadow !default;\n\n$modal-backdrop-bg:                 $black !default;\n$modal-backdrop-opacity:            .5 !default;\n$modal-header-border-color:         $border-color !default;\n$modal-footer-border-color:         $modal-header-border-color !default;\n$modal-header-border-width:         $modal-content-border-width !default;\n$modal-footer-border-width:         $modal-header-border-width !default;\n$modal-header-padding-y:            $modal-inner-padding !default;\n$modal-header-padding-x:            $modal-inner-padding !default;\n$modal-header-padding:              $modal-header-padding-y $modal-header-padding-x !default; // Keep this for backwards compatibility\n\n$modal-sm:                          300px !default;\n$modal-md:                          500px !default;\n$modal-lg:                          800px !default;\n$modal-xl:                          1140px !default;\n\n$modal-fade-transform:              translate(0, -50px) !default;\n$modal-show-transform:              none !default;\n$modal-transition:                  transform .3s ease-out !default;\n$modal-scale-transform:             scale(1.02) !default;\n// scss-docs-end modal-variables\n\n\n// Alerts\n//\n// Define alert colors, border radius, and padding.\n\n// scss-docs-start alert-variables\n$alert-padding-y:               $spacer !default;\n$alert-padding-x:               $spacer !default;\n$alert-margin-bottom:           1rem !default;\n$alert-border-radius:           $border-radius !default;\n$alert-link-font-weight:        $font-weight-bold !default;\n$alert-border-width:            $border-width !default;\n$alert-bg-scale:                -80% !default;\n$alert-border-scale:            -70% !default;\n$alert-color-scale:             40% !default;\n$alert-dismissible-padding-r:   $alert-padding-x * 3 !default; // 3x covers width of x plus default padding on either side\n// scss-docs-end alert-variables\n\n\n// Progress bars\n\n// scss-docs-start progress-variables\n$progress-height:                   1rem !default;\n$progress-font-size:                $font-size-base * .75 !default;\n$progress-bg:                       $gray-200 !default;\n$progress-border-radius:            $border-radius !default;\n$progress-box-shadow:               $box-shadow-inset !default;\n$progress-bar-color:                $white !default;\n$progress-bar-bg:                   $primary !default;\n$progress-bar-animation-timing:     1s linear infinite !default;\n$progress-bar-transition:           width .6s ease !default;\n// scss-docs-end progress-variables\n\n\n// List group\n\n// scss-docs-start list-group-variables\n$list-group-color:                  $gray-900 !default;\n$list-group-bg:                     $white !default;\n$list-group-border-color:           rgba($black, .125) !default;\n$list-group-border-width:           $border-width !default;\n$list-group-border-radius:          $border-radius !default;\n\n$list-group-item-padding-y:         $spacer * .5 !default;\n$list-group-item-padding-x:         $spacer !default;\n$list-group-item-bg-scale:          -80% !default;\n$list-group-item-color-scale:       40% !default;\n\n$list-group-hover-bg:               $gray-100 !default;\n$list-group-active-color:           $component-active-color !default;\n$list-group-active-bg:              $component-active-bg !default;\n$list-group-active-border-color:    $list-group-active-bg !default;\n\n$list-group-disabled-color:         $gray-600 !default;\n$list-group-disabled-bg:            $list-group-bg !default;\n\n$list-group-action-color:           $gray-700 !default;\n$list-group-action-hover-color:     $list-group-action-color !default;\n\n$list-group-action-active-color:    $body-color !default;\n$list-group-action-active-bg:       $gray-200 !default;\n// scss-docs-end list-group-variables\n\n\n// Image thumbnails\n\n// scss-docs-start thumbnail-variables\n$thumbnail-padding:                 .25rem !default;\n$thumbnail-bg:                      $body-bg !default;\n$thumbnail-border-width:            $border-width !default;\n$thumbnail-border-color:            $gray-300 !default;\n$thumbnail-border-radius:           $border-radius !default;\n$thumbnail-box-shadow:              $box-shadow-sm !default;\n// scss-docs-end thumbnail-variables\n\n\n// Figures\n\n// scss-docs-start figure-variables\n$figure-caption-font-size:          $small-font-size !default;\n$figure-caption-color:              $gray-600 !default;\n// scss-docs-end figure-variables\n\n\n// Breadcrumbs\n\n// scss-docs-start breadcrumb-variables\n$breadcrumb-font-size:              null !default;\n$breadcrumb-padding-y:              0 !default;\n$breadcrumb-padding-x:              0 !default;\n$breadcrumb-item-padding-x:         .5rem !default;\n$breadcrumb-margin-bottom:          1rem !default;\n$breadcrumb-bg:                     null !default;\n$breadcrumb-divider-color:          $gray-600 !default;\n$breadcrumb-active-color:           $gray-600 !default;\n$breadcrumb-divider:                quote(\"/\") !default;\n$breadcrumb-divider-flipped:        $breadcrumb-divider !default;\n$breadcrumb-border-radius:          null !default;\n// scss-docs-end breadcrumb-variables\n\n// Carousel\n\n// scss-docs-start carousel-variables\n$carousel-control-color:             $white !default;\n$carousel-control-width:             15% !default;\n$carousel-control-opacity:           .5 !default;\n$carousel-control-hover-opacity:     .9 !default;\n$carousel-control-transition:        opacity .15s ease !default;\n\n$carousel-indicator-width:           30px !default;\n$carousel-indicator-height:          3px !default;\n$carousel-indicator-hit-area-height: 10px !default;\n$carousel-indicator-spacer:          3px !default;\n$carousel-indicator-opacity:         .5 !default;\n$carousel-indicator-active-bg:       $white !default;\n$carousel-indicator-active-opacity:  1 !default;\n$carousel-indicator-transition:      opacity .6s ease !default;\n\n$carousel-caption-width:             70% !default;\n$carousel-caption-color:             $white !default;\n$carousel-caption-padding-y:         1.25rem !default;\n$carousel-caption-spacer:            1.25rem !default;\n\n$carousel-control-icon-width:        2rem !default;\n\n$carousel-control-prev-icon-bg:      url(\"data:image/svg+xml,<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;\n$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;\n\n$carousel-transition-duration:       .6s !default;\n$carousel-transition:                transform $carousel-transition-duration ease-in-out !default; // Define transform transition first if using multiple transitions (e.g., `transform 2s ease, opacity .5s ease-out`)\n\n$carousel-dark-indicator-active-bg:  $black !default;\n$carousel-dark-caption-color:        $black !default;\n$carousel-dark-control-icon-filter:  invert(1) grayscale(100) !default;\n// scss-docs-end carousel-variables\n\n\n// Spinners\n\n// scss-docs-start spinner-variables\n$spinner-width:           2rem !default;\n$spinner-height:          $spinner-width !default;\n$spinner-vertical-align:  -.125em !default;\n$spinner-border-width:    .25em !default;\n$spinner-animation-speed: .75s !default;\n\n$spinner-width-sm:        1rem !default;\n$spinner-height-sm:       $spinner-width-sm !default;\n$spinner-border-width-sm: .2em !default;\n// scss-docs-end spinner-variables\n\n\n// Close\n\n// scss-docs-start close-variables\n$btn-close-width:            1em !default;\n$btn-close-height:           $btn-close-width !default;\n$btn-close-padding-x:        .25em !default;\n$btn-close-padding-y:        $btn-close-padding-x !default;\n$btn-close-color:            $black !default;\n$btn-close-bg:               url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$btn-close-color}'><path d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/></svg>\") !default;\n$btn-close-focus-shadow:     $input-btn-focus-box-shadow !default;\n$btn-close-opacity:          .5 !default;\n$btn-close-hover-opacity:    .75 !default;\n$btn-close-focus-opacity:    1 !default;\n$btn-close-disabled-opacity: .25 !default;\n$btn-close-white-filter:     invert(1) grayscale(100%) brightness(200%) !default;\n// scss-docs-end close-variables\n\n\n// Offcanvas\n\n// scss-docs-start offcanvas-variables\n$offcanvas-padding-y:               $modal-inner-padding !default;\n$offcanvas-padding-x:               $modal-inner-padding !default;\n$offcanvas-horizontal-width:        400px !default;\n$offcanvas-vertical-height:         30vh !default;\n$offcanvas-transition-duration:     .3s !default;\n$offcanvas-border-color:            $modal-content-border-color !default;\n$offcanvas-border-width:            $modal-content-border-width !default;\n$offcanvas-title-line-height:       $modal-title-line-height !default;\n$offcanvas-bg-color:                $modal-content-bg !default;\n$offcanvas-color:                   $modal-content-color !default;\n$offcanvas-box-shadow:              $modal-content-box-shadow-xs !default;\n$offcanvas-backdrop-bg:             $modal-backdrop-bg !default;\n$offcanvas-backdrop-opacity:        $modal-backdrop-opacity !default;\n// scss-docs-end offcanvas-variables\n\n// Code\n\n$code-font-size:                    $small-font-size !default;\n$code-color:                        $pink !default;\n\n$kbd-padding-y:                     .2rem !default;\n$kbd-padding-x:                     .4rem !default;\n$kbd-font-size:                     $code-font-size !default;\n$kbd-color:                         $white !default;\n$kbd-bg:                            $gray-900 !default;\n\n$pre-color:                         null !default;\n","//\n// Base styles\n//\n\n.card {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  min-width: 0; // See https://github.com/twbs/bootstrap/pull/22740#issuecomment-305868106\n  height: $card-height;\n  word-wrap: break-word;\n  background-color: $card-bg;\n  background-clip: border-box;\n  border: $card-border-width solid $card-border-color;\n  @include border-radius($card-border-radius);\n  @include box-shadow($card-box-shadow);\n\n  > hr {\n    margin-right: 0;\n    margin-left: 0;\n  }\n\n  > .list-group {\n    border-top: inherit;\n    border-bottom: inherit;\n\n    &:first-child {\n      border-top-width: 0;\n      @include border-top-radius($card-inner-border-radius);\n    }\n\n    &:last-child  {\n      border-bottom-width: 0;\n      @include border-bottom-radius($card-inner-border-radius);\n    }\n  }\n\n  // Due to specificity of the above selector (`.card > .list-group`), we must\n  // use a child selector here to prevent double borders.\n  > .card-header + .list-group,\n  > .list-group + .card-footer {\n    border-top: 0;\n  }\n}\n\n.card-body {\n  // Enable `flex-grow: 1` for decks and groups so that card blocks take up\n  // as much space as possible, ensuring footers are aligned to the bottom.\n  flex: 1 1 auto;\n  padding: $card-spacer-y $card-spacer-x;\n  color: $card-color;\n}\n\n.card-title {\n  margin-bottom: $card-title-spacer-y;\n}\n\n.card-subtitle {\n  margin-top: -$card-title-spacer-y * .5;\n  margin-bottom: 0;\n}\n\n.card-text:last-child {\n  margin-bottom: 0;\n}\n\n.card-link {\n  &:hover {\n    text-decoration: if($link-hover-decoration == underline, none, null);\n  }\n\n  + .card-link {\n    margin-left: $card-spacer-x;\n  }\n}\n\n//\n// Optional textual caps\n//\n\n.card-header {\n  padding: $card-cap-padding-y $card-cap-padding-x;\n  margin-bottom: 0; // Removes the default margin-bottom of <hN>\n  color: $card-cap-color;\n  background-color: $card-cap-bg;\n  border-bottom: $card-border-width solid $card-border-color;\n\n  &:first-child {\n    @include border-radius($card-inner-border-radius $card-inner-border-radius 0 0);\n  }\n}\n\n.card-footer {\n  padding: $card-cap-padding-y $card-cap-padding-x;\n  color: $card-cap-color;\n  background-color: $card-cap-bg;\n  border-top: $card-border-width solid $card-border-color;\n\n  &:last-child {\n    @include border-radius(0 0 $card-inner-border-radius $card-inner-border-radius);\n  }\n}\n\n\n//\n// Header navs\n//\n\n.card-header-tabs {\n  margin-right: -$card-cap-padding-x * .5;\n  margin-bottom: -$card-cap-padding-y;\n  margin-left: -$card-cap-padding-x * .5;\n  border-bottom: 0;\n\n  @if $nav-tabs-link-active-bg != $card-bg {\n    .nav-link.active {\n      background-color: $card-bg;\n      border-bottom-color: $card-bg;\n    }\n  }\n}\n\n.card-header-pills {\n  margin-right: -$card-cap-padding-x * .5;\n  margin-left: -$card-cap-padding-x * .5;\n}\n\n// Card image\n.card-img-overlay {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  padding: $card-img-overlay-padding;\n  @include border-radius($card-inner-border-radius);\n}\n\n.card-img,\n.card-img-top,\n.card-img-bottom {\n  width: 100%; // Required because we use flexbox and this inherently applies align-self: stretch\n}\n\n.card-img,\n.card-img-top {\n  @include border-top-radius($card-inner-border-radius);\n}\n\n.card-img,\n.card-img-bottom {\n  @include border-bottom-radius($card-inner-border-radius);\n}\n\n\n//\n// Card groups\n//\n\n.card-group {\n  // The child selector allows nested `.card` within `.card-group`\n  // to display properly.\n  > .card {\n    margin-bottom: $card-group-margin;\n  }\n\n  @include media-breakpoint-up(sm) {\n    display: flex;\n    flex-flow: row wrap;\n    // The child selector allows nested `.card` within `.card-group`\n    // to display properly.\n    > .card {\n      // Flexbugs #4: https://github.com/philipwalton/flexbugs#flexbug-4\n      flex: 1 0 0%;\n      margin-bottom: 0;\n\n      + .card {\n        margin-left: 0;\n        border-left: 0;\n      }\n\n      // Handle rounded corners\n      @if $enable-rounded {\n        &:not(:last-child) {\n          @include border-end-radius(0);\n\n          .card-img-top,\n          .card-header {\n            // stylelint-disable-next-line property-disallowed-list\n            border-top-right-radius: 0;\n          }\n          .card-img-bottom,\n          .card-footer {\n            // stylelint-disable-next-line property-disallowed-list\n            border-bottom-right-radius: 0;\n          }\n        }\n\n        &:not(:first-child) {\n          @include border-start-radius(0);\n\n          .card-img-top,\n          .card-header {\n            // stylelint-disable-next-line property-disallowed-list\n            border-top-left-radius: 0;\n          }\n          .card-img-bottom,\n          .card-footer {\n            // stylelint-disable-next-line property-disallowed-list\n            border-bottom-left-radius: 0;\n          }\n        }\n      }\n    }\n  }\n}\n","// stylelint-disable property-disallowed-list\n// Single side border-radius\n\n// Helper function to replace negative values with 0\n@function valid-radius($radius) {\n  $return: ();\n  @each $value in $radius {\n    @if type-of($value) == number {\n      $return: append($return, max($value, 0));\n    } @else {\n      $return: append($return, $value);\n    }\n  }\n  @return $return;\n}\n\n// scss-docs-start border-radius-mixins\n@mixin border-radius($radius: $border-radius, $fallback-border-radius: false) {\n  @if $enable-rounded {\n    border-radius: valid-radius($radius);\n  }\n  @else if $fallback-border-radius != false {\n    border-radius: $fallback-border-radius;\n  }\n}\n\n@mixin border-top-radius($radius: $border-radius) {\n  @if $enable-rounded {\n    border-top-left-radius: valid-radius($radius);\n    border-top-right-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-end-radius($radius: $border-radius) {\n  @if $enable-rounded {\n    border-top-right-radius: valid-radius($radius);\n    border-bottom-right-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-bottom-radius($radius: $border-radius) {\n  @if $enable-rounded {\n    border-bottom-right-radius: valid-radius($radius);\n    border-bottom-left-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-start-radius($radius: $border-radius) {\n  @if $enable-rounded {\n    border-top-left-radius: valid-radius($radius);\n    border-bottom-left-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-top-start-radius($radius: $border-radius) {\n  @if $enable-rounded {\n    border-top-left-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-top-end-radius($radius: $border-radius) {\n  @if $enable-rounded {\n    border-top-right-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-bottom-end-radius($radius: $border-radius) {\n  @if $enable-rounded {\n    border-bottom-right-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-bottom-start-radius($radius: $border-radius) {\n  @if $enable-rounded {\n    border-bottom-left-radius: valid-radius($radius);\n  }\n}\n// scss-docs-end border-radius-mixins\n","// #region Defaul Card\n// Reset the link\na.card {\n\n  cursor: pointer;\n  \n  &:before {\n    display: none;\n  }\n}\n\n.card {\n  --spread: #{rem(12)};\n  box-shadow: 0 2px var(--spread) 0 rgba(154,154,154,0.25);\n  min-height: 100%;\n  overflow: hidden;\n  max-width: rem(925);\n\n  &:hover,\n  &:focus {\n    --spread: #{rem(6)};\n\n    .card-body *:not(.badge) {\n      color: var(--colour-hover)!important;\n    }\n  }\n\n  &:active {\n    --spread: #{rem(3)};\n  }\n}\n\n.card-header__wrapper {\n  padding-bottom: 0;\n  padding-top: 55%;\n  position: relative;\n  overflow: hidden;\n  background: rgba(0,0,0,0.1);\n\n  > * {\n\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n  }\n\n  .card-image {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 101%;\n    height: 101%;\n    object-fit: cover;\n  }\n  \n  .card-header {\n    display: flex;\n    flex-wrap: nowrap;\n    flex-direction: column;\n    align-items: flex-start;\n    justify-content: space-between;\n  }\n\n  .card-logo {\n    position: absolute;\n    top: 0;\n    right: 0;\n    left: auto;\n    height: 3.5rem;\n    width: 8rem;\n    object-fit: contain;\n    object-position: right;\n  }\n}\n\n.card-body {\n\n  color: var(--colour-body);\n\n  *:last-child {\n    margin-bottom: 0;\n  }\n}\n\n.card-footer {\n  padding-top: 0;\n}\n\n// Add a default margin bottom\n.row:not([class*=\"g-\"]) .card {\n\n  margin-bottom: 1rem;\n}\n// #endregion\n\n// #region Simple card variant\n.card--simple {\n\n  box-shadow: none;\n  min-height: 0;\n  background: none;\n  \n  .card-header__wrapper {\n\n    @include border-radius($card-border-radius);\n    margin-bottom: 1rem;\n  }\n\n  .card-body {\n    padding-top: 0;\n  }\n  .card-body,\n  .card-footer {\n    padding-left: 0;\n    padding-right: 0;\n  }\n}\n// #endregion\n\n// #region Quick link card\n.card--quick{\n  \n  .card-header,\n  .card-footer,\n  .card-body > *:not(.card-title) {\n    display: none;\n  }\n\n  .card-title {\n    margin-bottom: 0;\n    padding-left: 2em;\n    position: relative;\n\n    &:before,\n    &:after {\n\n      content: \"\";\n      position: absolute;\n      left: 0;\n      top: 0;\n      width: 1.2em;\n      height: 1.2em;\n    }\n    &:before  {\n\n      left: 0.05em;\n      background: currentColor;\n      mask-image: escape-svg($accordion-button-icon);\n      mask-size: 50%;\n      mask-repeat: no-repeat;\n      mask-position: 50% 50%;\n    \n      -webkit-mask-image: escape-svg($accordion-button-icon);\n      -webkit-mask-size: 50%;\n      -webkit-mask-repeat: no-repeat;\n      -webkit-mask-position: 50% 50%;\n    }\n\n    &:after {\n      border: 2px solid currentColor;\n      border-radius: 50%;\n    }\n\n  }\n}\n// #endregion\n","\n// #region Card Deck\n.card-deck.container:not([data-card-type=\"simple\"]) {\n\n  padding-bottom: 3rem;\n\n  > .row:first-child {\n    padding-top: 0.5rem;\n  }\n\n  &[class*=\"bg-\"] {\n    padding-bottom: 5rem;\n  }\n}\n// #endregion\n\n// #region Fake container query that transforms the card into a vertical card\n@mixin vertical-card(){\n  .card-header__wrapper {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 45.8%;\n    height: 100%;\n    padding: 0;\n  }\n  .card-header__wrapper ~ .card-body,\n  .card-header__wrapper ~ .card-footer {\n    padding-left: calc(45.8% + #{$card-spacer-x + $card-spacer-x});\n  }\n}\n\n@media screen and (min-width: 36em) and (max-width: 61.99em) {\n\n  .card-deck .row-cols-sm-1 {\n    @include vertical-card();\n  }\n}\n\n@include media-breakpoint-up(md) {\n\n  .card-deck:not(.card-deck--featured) .row-cols-md-1 {\n    \n    @include vertical-card();\n  }\n}\n// #endregion\n\n// #region Featured Card deck\n.card-deck--featured {\n\n  > .row > .col:nth-child(4) ~ .col {\n    display: none;\n  }\n\n  > .row > .col:not(:first-child) .card-header__wrapper {\n    display: none;\n  }\n\n  .row-cols-sm-1 > .col:not(:first-child) .card-header__wrapper ~ .card-body {\n    padding-left: 1.5rem;\n  }\n\n  .card-footer {\n    display: none;\n  }\n\n  @include media-breakpoint-up(md) {\n\n    > .row {\n      display: grid;\n      grid-template-columns: 1fr 1fr 41.66666667%; \n      grid-template-rows: auto auto auto; \n      gap: var(--bs-gutter-y) var(--bs-gutter-x); \n      grid-template-areas: \n        \"featured featured card2\"\n        \"featured featured card3\"\n        \"featured featured card4\";\n      margin-top:0;\n    }\n    > .row > .col:first-child {\n      grid-area: featured;\n    }\n    > .row > .col:not(:first-child) {\n      min-height: 0;\n    }\n\n    > .row > .col:nth-child(2) {\n      grid-area: card2;\n    }\n\n    > .row > .col:nth-child(3) {\n      grid-area: card3;\n    }\n\n    > .row > .col:nth-child(4) {\n      grid-area: card4;\n    }\n\n    > .row > .col {\n      width: 100%;\n      margin-top:0;\n    }\n\n  }\n}\n// #endregion","// #region default carousel\n.carousel {\n  padding-bottom: 3rem;\n\n  .carousel__wrapper {\n\n    position: relative;\n  }\n\n  .carousel__inner {\n\n    --bs-gutter-x: #{$grid-gutter-width};\n    overflow: auto;\n    scroll-snap-type: x mandatory;\n    margin-right: calc(var(--bs-gutter-x) * -.5);\n    margin-left: calc(var(--bs-gutter-x) * -.5);   \n\n    > .row {\n      flex-wrap: nowrap;\n      margin: 0;\n\n      > .col {\n        padding-top: rem(36);\n        padding-bottom: rem(24);\n        scroll-snap-align: start;\n        scroll-padding: calc(var(--bs-gutter-x) * -1);\n      }\n    }\n  }\n\n  .carousel__item > *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n  }\n}\n// #endregion\n\n// #region Remove the scrollbar\nbody.js-enabled .carousel__inner {\n  // FireFox\n  scrollbar-width: none;\n  // IE10+\n  -ms-overflow-style: none;\n}\n\nbody.js-enabled .carousel__inner::-webkit-scrollbar {\n  // Chrome, Safari, Edge\n  display: none;\n}\n// #endregion\n\n// #region carousel controls/pips\n.carousel:not(.hide-controls) {\n  padding-bottom: 4.5rem;\n}\n\n.carousel.hide-controls .carousel__controls {\n  display: none;\n}\n\n.carousel .carousel__controls {\n  position: absolute;\n  text-align: center;\n  width: auto;\n  left: 0;\n  width: calc(100% + 2rem);\n  margin-left: -1rem;\n  margin-right: -1rem;\n  bottom: -3rem;\n\n  a {\n    width: 1rem;\n    height: 1rem;\n    min-height: 1rem;\n    border-radius: 50%;\n    text-indent: -50rem;\n    overflow: hidden;\n    background: currentColor;\n    padding: 0;\n    margin: 0 0.5rem 0.5rem 0.5rem;\n\n    &:before {\n      display: none;\n    }\n  }\n\n  a:first-child:last-child {\n    display: none;\n  }\n}\n\n\n.carousel__controls {\n\n  @include invert-colours(){\n    \n    a:not(:hover):not(:focus):not(:active):not(.active){\n\n      opacity: 0.5;\n    }\n  }\n}\n\n.carousel .carousel__controls > a:nth-child(10) ~ a {\n\n  display: none;\n}\n// #endregion\n\n// #region Carousel buttons\n.carousel.hide-btns .carousel__wrapper > .btn {\n  display: none;\n}\n\n.carousel:not(.hide-btns) .carousel__inner {\n\n  margin-left: rem(28);\n  margin-right: rem(28);\n}\n\n.carousel .carousel__wrapper > .btn {\n  position: absolute;\n  top: 50%;\n  left: -1.25rem;\n  transform: translate(0,-50%);\n\n  &.btn-next {\n    left: auto;\n    right: -1.25rem;\n  }\n\n  @include media-breakpoint-up(md) {\n\n    margin-left: -1rem;\n    margin-right: -1rem;\n  }\n}\n\n\n// #endregion\n\n.carousel .carousel__inner > .row > .col:first-child {\n  margin-left: 0!important;\n}\n\n@include media-breakpoint-up(sm) {\n\n  .carousel .carousel__controls > a:nth-child(10) ~ a {\n\n    display: inline-block;\n  }\n\n  .carousel .carousel__inner > .row[class*=\"row-cols-sm-\"] > .col{\n    scroll-snap-align: unset;\n  }\n\n  .carousel .carousel__inner > .row-cols-sm-2 > .col:nth-child(odd),\n  .carousel .carousel__inner > .row-cols-sm-3 > .col:nth-child(3n+1),\n  .carousel .carousel__inner > .row-cols-sm-4 > .col:nth-child(4n+1),\n  .carousel .carousel__inner > .row-cols-sm-5 > .col:nth-child(5n+1),\n  .carousel .carousel__inner > .row-cols-sm-6 > .col:nth-child(6n+1) {\n    scroll-snap-align: start;\n\n    body:not(.js-enabled) & {\n      margin-left: 4rem;\n    }\n  }\n\n  .carousel .carousel__controls.cols-sm-2 > a:not(:nth-child(odd)),\n  .carousel .carousel__controls.cols-sm-3 > a:not(:nth-child(3n+1)),\n  .carousel .carousel__controls.cols-sm-4 > a:not(:nth-child(4n+1)),\n  .carousel .carousel__controls.cols-sm-5 > a:not(:nth-child(5n+1)),\n  .carousel .carousel__controls.cols-sm-6 > a:not(:nth-child(6n+1)) {\n    display: none;\n  }\n\n  // Make sure that we dont just have one pip showing\n  .carousel .carousel__controls.cols-sm-2 > a:first-child:nth-last-child(2),\n  .carousel .carousel__controls.cols-sm-3 > a:first-child:nth-last-child(2),\n  .carousel .carousel__controls.cols-sm-3 > a:first-child:nth-last-child(3),\n  .carousel .carousel__controls.cols-sm-4 > a:first-child:nth-last-child(2),\n  .carousel .carousel__controls.cols-sm-4 > a:first-child:nth-last-child(3),\n  .carousel .carousel__controls.cols-sm-4 > a:first-child:nth-last-child(4),\n  .carousel .carousel__controls.cols-sm-5 > a:first-child:nth-last-child(2),\n  .carousel .carousel__controls.cols-sm-5 > a:first-child:nth-last-child(3),\n  .carousel .carousel__controls.cols-sm-5 > a:first-child:nth-last-child(4),\n  .carousel .carousel__controls.cols-sm-5 > a:first-child:nth-last-child(5),\n  .carousel .carousel__controls.cols-sm-6 > a:first-child:nth-last-child(2),\n  .carousel .carousel__controls.cols-sm-6 > a:first-child:nth-last-child(3),\n  .carousel .carousel__controls.cols-sm-6 > a:first-child:nth-last-child(4),\n  .carousel .carousel__controls.cols-sm-6 > a:first-child:nth-last-child(5),\n  .carousel .carousel__controls.cols-sm-6 > a:first-child:nth-last-child(6) {\n    display: none;\n  }\n\n  // Hide buttons if not needed\n  .carousel.hide-sm-btns .carousel__wrapper > .btn {\n    display: none;\n  }\n\n  .carousel.hide-sm-btns .carousel__inner {\n\n    margin-left: 0;\n    margin-right: 0;\n  }\n}\n\n@include media-breakpoint-up(md) {\n\n  .carousel .carousel__inner > .row[class*=\"row-cols-md-\"] > .col{\n    scroll-snap-align: unset;\n    margin-left: 0;\n  }\n  \n  .carousel .carousel__inner > .row-cols-md-2 > .col:nth-child(odd),\n  .carousel .carousel__inner > .row-cols-md-3 > .col:nth-child(3n+1),\n  .carousel .carousel__inner > .row-cols-md-4 > .col:nth-child(4n+1),\n  .carousel .carousel__inner > .row-cols-md-5 > .col:nth-child(5n+1),\n  .carousel .carousel__inner > .row-cols-md-6 > .col:nth-child(6n+1) {\n    scroll-snap-align: start;\n    \n    body:not(.js-enabled) & {\n\n      margin-left: calc(50vw);\n    }\n  }\n\n  .carousel .carousel__controls.cols-md-2 > a:not(:nth-child(odd)),\n  .carousel .carousel__controls.cols-md-3 > a:not(:nth-child(3n+1)),\n  .carousel .carousel__controls.cols-md-4 > a:not(:nth-child(4n+1)),\n  .carousel .carousel__controls.cols-md-5 > a:not(:nth-child(5n+1)),\n  .carousel .carousel__controls.cols-md-6 > a:not(:nth-child(6n+1)) {\n    display: none;\n  }\n\n  // Make sure that we dont just have one pip showing\n  .carousel .carousel__controls.cols-md-2 > a:first-child:nth-last-child(2),\n  .carousel .carousel__controls.cols-md-3 > a:first-child:nth-last-child(2),\n  .carousel .carousel__controls.cols-md-3 > a:first-child:nth-last-child(3),\n  .carousel .carousel__controls.cols-md-4 > a:first-child:nth-last-child(2),\n  .carousel .carousel__controls.cols-md-4 > a:first-child:nth-last-child(3),\n  .carousel .carousel__controls.cols-md-4 > a:first-child:nth-last-child(4),\n  .carousel .carousel__controls.cols-md-5 > a:first-child:nth-last-child(2),\n  .carousel .carousel__controls.cols-md-5 > a:first-child:nth-last-child(3),\n  .carousel .carousel__controls.cols-md-5 > a:first-child:nth-last-child(4),\n  .carousel .carousel__controls.cols-md-5 > a:first-child:nth-last-child(5),\n  .carousel .carousel__controls.cols-md-6 > a:first-child:nth-last-child(2),\n  .carousel .carousel__controls.cols-md-6 > a:first-child:nth-last-child(3),\n  .carousel .carousel__controls.cols-md-6 > a:first-child:nth-last-child(4),\n  .carousel .carousel__controls.cols-md-6 > a:first-child:nth-last-child(5),\n  .carousel .carousel__controls.cols-md-6 > a:first-child:nth-last-child(6) {\n    display: none;\n  }\n\n  // Hide buttons when not needed\n  .carousel.hide-md-btns .carousel__wrapper > .btn {\n    display: none;\n  }\n\n  .carousel.hide-md-btns .carousel__inner {\n\n    margin-left: 0;\n    margin-right: 0;\n  }\n}",".header-banner {\n  background: linear-gradient(180deg,var(--colour-secondary) 0, var(--colour-info) 100%);\n  margin-bottom: rem(32);\n  position: relative;\n  overflow: hidden;\n  @include media-breakpoint-up(md) {\n    min-height: rem(470);\n  }\n\n  > .container {\n    padding-bottom: 0;\n    position: relative;\n  }\n\n  &__inner {\n    background: white;\n    padding: rem(32);\n    margin: rem(30) 0;\n    position: relative;\n    z-index: 2;\n    @include media-breakpoint-up(md) {\n      max-width: rem(600);\n      margin: rem(112) 0 rem(80) 0;\n      padding: rem(56) rem(64);\n    }\n    > *:last-child {\n      padding-bottom: 0;\n      margin-bottom: 0;\n    }\n  }\n\n  > picture img {\n    display: none;\n    @include media-breakpoint-up(md) {\n      display: block;\n      position: absolute;\n      top: -0.5%;\n      left: 40%;\n      height: 101%;\n      object-fit: cover;\n      width: 60%;\n      pointer-events: none;\n    }\n  }\n\n  > .container > .breadcrumb {\n    \n    margin-top: rem(24);\n    margin-bottom: -0.5rem;\n\n    @include media-breakpoint-up(md) {\n      position: absolute;\n      top: 0;\n      left: rem(60);\n    }\n  }\n}",".testimonial {\n\n  --testimonial-padding: 1rem;\n  --testimonial-spacing: 1rem;\n\n  @include media-breakpoint-up(md) {\n    --testimonial-padding: 4rem;\n    --testimonial-spacing: 2rem;\n  }\n\n  // Circle\n  > div:first-child {\n\n    position: relative;\n    overflow: hidden;\n  }\n\n  .circle {\n    color: currentColor;\n    position: absolute;\n    top: -18rem;\n    right: -8rem;\n    font-size: 28rem;\n    border-width: 4px;\n  }\n\n  &__images {\n    overflow: auto;\n    scroll-snap-type: x mandatory;\n    display: flex;\n    user-select: none;\n    touch-action: pan-x;\n    height: rem(230);\n\n    @include media-breakpoint-up(sm) {\n\n      height: rem(340);\n    }\n    @include media-breakpoint-up(md) {\n\n      min-height: 100%;\n      scroll-snap-type: y mandatory;\n      flex-direction: column;\n      touch-action: pan-y;\n    }\n\n    img {\n\n      scroll-snap-align: start;\n      user-select: none;\n      pointer-events: none;\n      flex-shrink: 0;\n    }\n  }\n\n  .testimonial__controls {\n    display: none;\n  }\n\n  &.testimonial--multi .testimonial__controls {\n    display: block;\n    position: absolute;\n    bottom: 0;\n    left: 50%;\n    transform: translate(-50%, 50%);\n\n    @include media-breakpoint-up(md) {\n      left: auto;\n      bottom: auto;\n      right: 0;\n      top: 50%;\n      transform: rotate(90deg) translate(0,-120%);\n      transform-origin: center;\n    }\n  }\n\n  // Make space for the circle\n  h2 {\n    padding: 2rem var(--testimonial-padding) 0 var(--testimonial-padding);\n\n    @include media-breakpoint-up(sm) {\n      padding-top: 3rem;\n    }\n    @include media-breakpoint-up(md) {\n      padding-top: 9rem;\n    }\n  }\n\n  &__content {\n\n    --display-none: none;\n    margin: 0 var(--testimonial-padding) var(--testimonial-spacing) var(--testimonial-padding);\n    position: relative;\n\n    @include media-breakpoint-up(md) {\n      --display-none: block;\n\n      blockquote:not(.largest) {\n        position: absolute;\n        top: 0;\n      }\n    }\n  }\n\n  // Only show 1 blockquote at a time\n  @for $i from 1 through 10 {\n\n    &[data-show=\"#{$i}\"] blockquote:not(:nth-child(#{$i})) {\n      display: var(--display-none);\n      opacity: 0;\n      user-select: none;\n      pointer-events: none;\n    }\n  }\n\n  &__after {\n\n    padding: 1rem var(--testimonial-padding) var(--testimonial-spacing) var(--testimonial-padding);\n  }\n}\n\n/* Hide scrollbar for Chrome, Safari and Opera */\n.testimonial__images::-webkit-scrollbar {\n  display: none;\n}\n\n/* Hide scrollbar for IE, Edge and Firefox */\n.testimonial__images {\n  -ms-overflow-style: none;  /* IE and Edge */\n  scrollbar-width: none;  /* Firefox */\n}","// #region Property searchbar\n.property-searchbar {\n\n  fieldset {\n    position: relative;\n\n    @include media-breakpoint-up(md) {\n      position: relative;\n      padding-right: 1.5rem;\n\n      &:after {\n        content: \"\";\n        position: absolute;\n        top: 0;\n        right: 0.5rem;\n        display: block;\n        height: 100%;\n        width: 1px;\n        background-color: var(--colour-muted);\n        opacity: 0.25;\n      }\n    }\n  }\n\n  .form-control__wrapper {\n    margin-bottom: 1rem;\n\n    @include media-breakpoint-up(md) {\n      margin-bottom: 0;\n    }\n  }\n\n  .form-label,\n  label {\n    font-size: rem(14);\n    text-transform: uppercase;\n  }\n\n  @include media-breakpoint-up(md) {\n\n    .row .row {\n      .form-label {\n        display: none;\n      }\n    }\n\n    .form-control,\n    .form-select {\n      padding: 0.5rem 1.5rem 0.5rem 0.5rem;\n    }\n\n    .form-select {\n      background-position: right 0.5rem center;\n    }\n  }\n\n  .input--locations {\n    padding-right: 5.5rem;\n  }\n\n  .select--miles {\n    position: absolute;\n    bottom: 0rem;\n    right: 0.5rem;\n    width: 5rem;\n\n    @include media-breakpoint-up(md) {\n      right: 1.5rem;\n    }\n\n    label {\n      display: none;\n    }\n\n    select {\n      background-color: transparent;\n      border-color: transparent;\n    }\n  }\n\n  @include media-breakpoint-up(md) {\n    .property-searchbar__btn {\n      align-items: flex-end;\n    }\n  }\n\n  button {\n    margin-top: 1rem;\n    margin-bottom: 1rem;\n\n    @include media-breakpoint-up(md) {\n      margin: 0;\n      padding-left: 3.5rem;\n      padding-right: 3.5rem;\n    }\n  }\n}\n// #endregion\n\n// #region Heror searchbar\n.property-searchbar--hero .property-searchbar {\n  padding: 1rem;\n  background-color: #fff;\n  width: 100%;\n  border-radius: rem(10);\n  -webkit-box-shadow: 0 2px 4px 0 rgb(0 0 0 / 24%);\n  box-shadow: 0 2px 4px 0 rgb(0 0 0 / 24%);\n  position: relative;\n\n  @include media-breakpoint-up(md) {\n\n    border-radius: rem(48);\n    padding: 1.5rem 2.5rem;\n\n    .form-label,\n    label {\n      margin-bottom: 0;\n    }\n\n    .form-control,\n    .form-select {\n      margin-left: -0.5rem; // Add a negative margin too keep text inline but also allow for a padding left so that the focus state looks presentable\n      border: none;\n      padding-top: 0.25rem;\n      padding-bottom: 0.25rem;\n    }\n\n    .form-select {\n      background-position: right 0rem center;\n      padding-right: 1rem;\n    }\n\n    .property-searchbar__btn {\n      align-items: center;\n    }\n  }\n}\n// #endregion\n",".nav {\n\n  background: white;\n\n  &__inner {\n\n    display: flex;\n    flex-direction: column;\n    flex-wrap: nowrap;\n    overflow: auto;\n\n    > .container {\n\n      padding-top: rem(16);\n      padding-bottom: 1rem;\n      flex-shrink: 0;\n      overflow: visible;\n    }\n  }\n\n  &__menu {\n    padding-bottom: rem(16);\n  }\n\n  .brand {\n    font-size: rem(48);\n\n    @include media-breakpoint-up(sm) {\n      font-size: rem(60);\n    }\n  }\n\n  .nav__search-btn,\n  .nav__menu-btn {\n\n    display: flex;\n\n    label {\n      height: rem(26);\n      width: rem(30);\n      text-indent: -300%;\n      overflow: hidden;\n      position: relative;\n      cursor: pointer;\n\n      color: var(--colour-link);\n\n      &:hover,\n      &:focus {\n\n        color: var(--colour-hover);\n      }\n\n      &:active {\n\n        color: var(--colour-active);\n      }\n\n      &:before,\n      &:after {\n        content: \"\";\n        position: absolute;\n        width: 0%;\n        height: 2px;\n        top: calc(50% - 1px);\n        left: 0;\n        background: currentColor;\n        transform-origin: 50% 50%;\n        transition: transform 0.5s, width 0.5s;\n      }\n    }\n  }\n  .nav__search-btn {\n\n    label {\n      text-indent: 0;\n      overflow: visible;\n    }\n    .icon {\n      height: rem(32);\n      width: rem(32);\n      margin-top: rem(-3);\n      margin-left: rem(-1);\n      transition: opacity 0.5s;\n      color: inherit;\n\n      &__outline {\n\n        stroke-width: 2px;\n        stroke: currentColor;\n      }\n    }\n  }\n\n  .nav__menu-btn {\n    display: flex;\n\n    label {\n\n      border-top: 2px solid currentColor;\n      border-bottom: 2px solid currentColor;\n      \n      &:before,\n      &:after {\n        width: 70%;\n      }\n    }\n  }\n\n  .list-unstyled {\n    padding-top: 1rem;\n  }\n\n  &__menu li a:not(.text-decoration-none):not(.btn),\n  &__menu li .link:not(.text-decoration-none):not(.btn) {\n    text-decoration: none;\n    @include var(color,--colour-primary,!important);\n    display: inline-block;\n    padding: rem(8) 0 rem(8) 0;\n    margin-bottom: 0;\n    position: relative;\n\n    &:before {\n      display: block;\n      width: 0;\n      height: rem(4);\n    }\n\n    &:hover:before,\n    &:focus:before,\n    &:active:before,\n    &.active:before {\n      width: 100%;\n    }\n  }\n\n\n  .nav__menu--search {\n    order: 2;\n    position: absolute;\n    top: 100%;\n    left: 0;\n    width: 100%;\n\n    background: rgba(0,0,0,.6);\n    height: calc(100vh - 5rem);\n\n    > div:first-child {\n      \n    }\n  }\n}\n\n// Nav with background colour applied\n.nav[class*=\"bg-\"] {\n\n  .nav__menu--secondary.bg-primary {\n    background-color: white!important;\n\n    --colour-link: var(--colour-link-theme);\n    --colour-hover: var(--colour-hover-theme);\n    --colour-active: var(--colour-active-theme);\n  }\n}\n\n// #region Secondary nav\n.nav__menu--secondary {\n  flex-grow: 1;\n\n  a {\n    display: inline-block;\n    font-size: rem(15);\n    padding: rem(8) 0 rem(8) 0;\n    text-decoration: none;\n  }\n\n  a:hover,\n  a:focus {\n    text-decoration: underline!important;\n  }\n}\n// #endregion\n\n// #region Admin Nav\n.nav--admin {\n  .brand {\n    font-size: rem(32);\n\n    @include media-breakpoint-up(md) {\n      font-size: rem(40);\n    }\n  }\n  .nav__logo {\n\n    height: 2rem;\n\n    @include media-breakpoint-up(md) {\n    \n      height: 2.5rem;\n    }\n  }\n\n  @include media-breakpoint-up(md) {\n    .nav__btn .btn {\n      padding-top: 0.5rem;\n      padding-bottom: 0.5rem;\n    }\n  }\n}\n// #endregion\n\n// #region Sticky nav\n.nav {\n\n  position: sticky;\n  top: -1px;\n  padding-top: 1px;\n  left: 0;\n  width: 100%;\n  z-index: 99999;\n\n  &.is-stuck {\n\n    -webkit-box-shadow: 0 4px 20px -10px rgba(51,51,51,0.25);\n    box-shadow: 0 4px 20px -10px rgba(51,51,51,0.25);\n  }\n}\n\nnav + main > *:first-child {\n  padding-top: 2rem;\n}\n\n@include media-breakpoint-up(md) {\n  .nav.has-secondary:not(.nav--admin) {\n\n    top: rem(-40);\n\n    .nav__inner {\n      position: sticky;\n      top: 0;\n      left: 0;\n      width: 100%;\n      z-index: 99999;\n    }\n  }\n}\n// #endregion\n\n// #region Show/hide\n.nav__menu,\n.nav__btn,\n.nav__menu--secondary,\n.nav__menu--search {\n\n  display: none;\n}\n\n#showMenu:checked ~ .nav__inner {\n\n  height: 100vh;\n}\n\n#showMenu:checked ~ div .nav__menu,\n#showMenu:checked ~ div .nav__btn,\n#showMenu:checked ~ div .nav__menu--secondary,\n#showMenu:not(:checked) ~ #showSearch:checked ~ div .nav__menu--search {\n  display: block;\n}\n\n\n\n#showMenu:checked ~ div .nav__menu-btn label,\n#showSearch:checked ~ div .nav__search-btn label {\n  \n  border: 0;\n  \n  .icon {\n    opacity: 0;\n  }\n  &:before {\n    width: 100%;\n    transform: rotate(45deg);\n  }\n  &:after {\n\n    width: 100%;\n    transform: rotate(-45deg);\n  }\n}\n// #endregion\n\n// #region Desktop nav\n@include media-breakpoint-up(md) {\n\n  .nav__logo {\n    height: rem(64);\n  }\n  .nav__inner {\n    overflow: visible;\n  }\n\n  .nav .nav__menu {\n    display: flex;\n    padding-bottom: 0;\n  }\n\n  .nav__btn,\n  .nav__menu--secondary {\n    display: flex;\n  }\n\n  .nav:not(.nav--admin) {\n\n    .nav__inner > .container {\n      order: 1;\n    }\n    .nav__menu--secondary {\n      order: 0;\n\n      .container {\n        padding-bottom: 0;\n      }\n    }\n  }\n  \n  .nav__search-btn,\n  .nav__btn {\n    order: 2;\n    margin-left: 1rem;\n\n    .btn {\n      margin-bottom: 0;\n    }\n  }\n\n  .nav__menu > .list-unstyled {\n    margin-left: -1.5rem!important;\n    margin-right: -1.5rem!important;\n    width: calc(100% + 3rem);\n    margin-bottom: 0;\n    text-align: right;\n    padding-top: 0;\n\n    > li {\n      display: inline-block;\n      padding-left: 1.5rem;\n      padding-right: 1.5rem;\n    }\n  }\n\n  .nav__menu--secondary .list-unstyled {\n    margin-left: -1rem!important;\n    margin-right: -1rem!important;\n    width: calc(100% + 2rem);\n    margin-bottom: 0;\n    text-align: right;\n\n    > li {\n      display: inline-block;\n      padding-left: 1rem;\n      padding-right: 1rem;\n    }\n  }\n\n\n  .nav:not(.nav--admin) .nav__menu--secondary .list-unstyled {\n    font-size: rem(15);\n    padding-top: 0;\n  }\n\n  .nav.nav--admin .nav__menu--secondary .list-unstyled {\n    text-align: left;\n  }\n\n}\n// #endregion\n\n// #region Drop down links\n\n.nav__menu .list-unstyled {\n\n  > li {\n\n\n    ul {\n      \n      padding-top: 0;\n      padding-left: 1rem;\n\n      @include media-breakpoint-up(md) {\n        padding-left: 0;\n      }\n\n      li a:not(.text-decoration-none):not(.btn),\n      li .link:not(.text-decoration-none):not(.btn){\n\n        &:focus,\n        &:hover {\n          text-decoration: underline;\n\n        }\n\n        &:before {\n          display: none;\n        }\n      }\n    }\n    \n    .link:not(.text-decoration-none):not(.btn) {\n      padding: 0.5rem 1.5rem 0.5rem 0;\n      display: inline-block;\n      color: var(--colour-primary);\n      cursor: pointer;\n      position: relative;\n      \n      &:after {\n        content: \"\";\n        position: absolute;\n        top: 50%;\n        right: 0;\n        width: 1.2em;\n        height: 1.2em;\n        \n        background: currentColor;\n        mask-image: var(--icon-arrow);\n        mask-size: 50%;\n        mask-repeat: no-repeat;\n        mask-position: 50% 50%;\n        -webkit-mask-image: var(--icon-arrow);\n        -webkit-mask-size: 50%;\n        -webkit-mask-repeat: no-repeat;\n        -webkit-mask-position: 50% 50%;\n        transition: transform 0.2s ease-in-out;\n        transform: rotate(90deg) translate(-50%,0);\n      }\n\n    }\n\n    details {\n      @include media-breakpoint-up(md) {\n\n        z-index: 1;\n        padding: 0 1rem;\n        margin-left: -1rem;\n        margin-right: -1rem;\n        width: calc(100% + 2rem)\n      }\n    }\n\n    @include media-breakpoint-up(md) {\n      details:not(.nav__mega-menu) {\n\n        position: relative;\n      }\n    }\n\n    details .inner {\n\n      padding-bottom: 2rem;\n\n      @include media-breakpoint-up(md) {\n      \n        position: absolute;\n        top: 100%;\n        right: 0;\n        min-width: 100%;\n        width: fit-content!important;\n        max-width: rem(300);\n        background: white;\n        padding: 1rem;\n        box-shadow: 0 4px 20px -10px rgb(51 51 51 / 15%);\n      }\n    }\n\n\n\n    details[open] {\n      .link:not(.text-decoration-none):not(.btn) {\n\n        &:before {\n          width: 100%;\n        }\n      }\n    }\n\n    details:hover,\n    details:focus,\n    details:focus-within {\n\n      .link:not(.text-decoration-none):not(.btn) {\n\n        &:before {\n          width: 100%;\n        }\n      }\n      &::details-content { display: contents; }\n      .inner  {\n        display: block!important;\n      }\n    }\n  }\n}\n\n\n\n// #endregion\n\n// #region Mega menu\n.nav__menu .list-unstyled > li  details.nav__mega-menu {\n\n  @include media-breakpoint-up(md) {\n\n    position: static;\n\n    height: 4.5rem;\n    margin-bottom: -5rem;\n  }\n\n  .inner {\n    \n    [class*=\"bg-\"]{\n\n      --bs-bg-opacity: 0;\n      @include media-breakpoint-up(md) {\n        --bs-bg-opacity: 1;\n      }\n    }\n\n\n    @include media-breakpoint-up(md) {\n\n      --bs-bg-opacity: 1;\n      position: absolute;\n      top: 100%;\n      left: 50%;\n      width: 100vw;\n      -webkit-transform: translateX(-50%);\n      -ms-transform: translateX(-50%);\n      transform: translateX(-50%);\n\n      background: rgba(0,0,0,.6);\n      height: calc(100vh - 8rem);\n\n      pointer-events: none;\n      padding-top: 0;\n\n      .container {\n        padding: 0 rem(60 - 36) 1rem rem(60 - 36)!important;\n        max-width: rem(1440)!important;\n        text-align: left;\n        pointer-events: all;\n        display: flex;\n\n        > div {\n          padding: rem(36);\n        }\n      }\n    }\n  }\n}\n// #endregion\n\n// #region inline search\n.nav--inline-search {\n\n  .nav__menu form {\n    position: relative;\n    .form-control__wrapper .form-control {\n      padding-right: 3rem;\n    }\n\n    button {\n      position: absolute;\n      bottom: 0;\n      right: 0;\n      margin: 0;\n      z-index: 1;\n      border-color: transparent;\n      background: transparent;\n      padding: 0.85rem 0rem;\n\n      .icon {\n        stroke: currentColor;\n      }\n    }\n  }\n\n  @include media-breakpoint-up(md) {\n    .nav__menu > .list-unstyled {\n      text-align: left;\n      margin-right: 0!important;\n    }\n\n    .nav__menu form {\n      min-width: rem(350);\n      position: relative;\n\n      .form-control__wrapper {\n        margin-bottom: 0;\n        display: flex;\n        align-items: center;\n\n        label {\n          white-space: nowrap;\n          padding-right: 1rem;\n        }\n\n        .form-control {\n          padding: rem(7) 3rem rem(7) 1rem;\n        }\n      }\n\n      button {\n        padding: rem(8) 0rem;\n      }\n    }\n  }\n}\n// #endregion\n","\n// Example: @include prefix(transition, transform 1.5s, webkit ms o);\n@mixin prefix($property, $value, $prefixes: (webkit ms o))\n{\n\t@each $prefix in $prefixes\n\t{\n\t\t#{'-' + $prefix + '-' + $property}: $value;\n\t}\n\t\n\t// Output standard non-prefixed declaration\n\t#{$property}: $value;\n}\n\n// Used to make it possible to use css properties but still support IE11\n@mixin var($property, $varName, $important:\"\", $compatible:$compatible) {\n\n  @if $compatible == 'true' {\n    #{$property}: map-get($vars, $varName) #{$important};\n  }\n  @else if $compatible == 'fallback' {\n      \n    #{$property}: map-get($vars, $varName) #{$important};\n    #{$property}: var(#{$varName}) #{$important};\n  }\n  @else {\n  #{$property}: var(#{$varName}) #{$important};\n  }\n}\n\n@mixin inline-text(){\n  p,\n  ul,\n  ol,\n  dd,\n  .body,\n  td {\n    @content;\n  }\n}\n\n@mixin invert-colours(){\n  [class*=\"bg-\"].bg-dark:not(.prevent-invert) &,\n  [class*=\"bg-\"].bg-danger:not(.prevent-invert) &,\n  [class*=\"bg-\"].bg-primary:not(.prevent-invert) &,\n  .invert-colours & {\n    @content;\n  }\n}\n\n@mixin headers($includeClasses: 'false'){\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    @content;\n  }\n\n  @if $includeClasses == 'true' {\n\n    .h1,\n    .h2,\n    .h3,\n    .h4,\n    .h5,\n    .h6 {\n      @content;\n    }\n  }\n}\n\n@mixin bg-variant($parent, $color, $ignore-warning: false) {\n  #{$parent} {\n\n    --bg-colour: var(--colour-#{str-replace($parent,'.bg-','')});\n    --bg-colour-tint: var(--colour-#{str-replace($parent,'.bg-','')}-tint);\n    \n    @include var(background-color,--colour-#{str-replace($parent,'.bg-','')},!important);\n  }\n}\n@mixin text-emphasis-variant($parent, $color, $ignore-warning: false) {\n  #{$parent} {\n\n    @include var(color,--colour-#{str-replace($parent,'.text-','')},\"!important\");\n  }\n}\n\n@mixin font-size($value, $compatible:$compatible) {\n  \n  $found: false;\n\n  @if $compatible == 'true' {\n    font-size: $value;\n  }\n  @else {\n    @each $size, $subvalue in $font-sizes {\n\n      @if($value == $subvalue and $found == false){\n        font-size: var(--fs-#{$size});\n        $found: true;\n      }\n    }\n    @if $found == false {\n      font-size: $value;\n    }\n  }\n\n}",".drawer__btn {\n\n  position: sticky;\n  bottom: 1.5rem;\n  left: 0;\n  width: 100%;\n  z-index: 5;\n  margin-bottom: -6rem;\n\n  .btn {\n    margin-bottom: 0;\n  }\n}\n\n.drawer {\n\n  > .container:first-child {\n    display: none;\n    margin-bottom: -2rem;\n    position: relative;\n    z-index: 2;\n  }\n\n  margin-top: 1rem;\n  padding-top: 2rem;\n  position: relative;\n  z-index: 15;\n  background: rgb(255,255,255);\n  background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(255,255,255,1) 1.5rem, rgba(255,255,255,1) 100%);\n}\n\n#showDrawer:checked ~ .drawer {\n  \n  position: sticky;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  background: rgb(255,255,255);\n  //border-top: 1px solid var(--colour-border);\n  box-shadow: 0 -1px 20px -10px rgb(51 51 51 / 25%);\n\n  > .container:first-child {\n    display: block;\n  }\n}",".modal {\n  display: none;\n}\n\n.modal:target {\n  display: block;\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background: rgba(0,0,0,0.25);\n  z-index: 99999;\n  border: none;\n  overscroll-behavior: contain;\n\n  > a:first-child {\n      \n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    opacity: 0;\n    cursor: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 512 512'%3e%3cg transform='rotate(45 256 256)'%3e%3crect id='r' x='16' y='216' width='480' height='80' rx='14'/%3e%3cuse href='%23r' transform='rotate(90 256 256)'/%3e%3c/g%3e%3c/svg%3e\") 8 8, pointer;\n  }\n\n  > button {\n    display: none;\n\n    @include media-breakpoint-up(md) {\n      display: block;\n      position: absolute;\n      z-index: 1;\n      top: 50%;\n      transform: translate(0,-50%);\n      overflow: hidden;\n      text-indent: 300%;\n      width: 2rem;\n      height: 2rem;\n\n      &.btn:not(:hover):not(:focus) {\n        background-color: white;\n      }\n\n      &.modal__dock--left {\n        right: calc(50% + #{rem(820/2)} + 1rem);\n        \n        &:after {\n          transform: rotate(-180deg);\n        }\n      }\n      &.modal__dock--right {\n        left: calc(50% + #{rem(820/2)} + 1rem);\n      }\n    }\n  }\n\n\n  &.modal--left button.modal__dock--left {\n    display: none;\n  }\n\n  &.modal--left button.modal__dock--right {\n    left: calc(#{rem(640)} + 2rem);\n  }\n\n  &.modal--right button.modal__dock--right {\n    display: none;\n  }\n\n  &.modal--right button.modal__dock--left {\n    right: calc(#{rem(640)} + 2rem);\n  }\n}\n\n\n.modal__outer {\n\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  width: 90%;\n  max-width: rem(820);\n  height: fit-content;\n  max-height: 90%;\n  overflow: visible;\n  transform: translate(-50%,-50%);\n\n  > .btn:first-child {\n    position: absolute;\n    top: 0;\n    right: 0;    \n    margin-top: -0.75rem;\n    margin-right: -0.75rem;\n    z-index: 99;\n\n    &:not(:hover):not(:focus):not(:active){\n      background: white;\n    }\n  }\n  @include media-breakpoint-up(md) {\n    .modal--left & {\n      left: 1rem;\n      transform: translate(0,-50%);\n      max-width: 40rem;\n    }\n\n    .modal--right & {\n      left: auto;\n      right: 1rem;\n      transform: translate(0,-50%);\n      max-width: 40rem;\n    }\n  }\n}\n\n.modal__inner {\n  background: white;\n  overscroll-behavior: contain;\n  height: fit-content;\n  max-height: 90vh;\n  overflow: auto;\n\n  & > *:first-child {\n\n    padding: 1rem;\n    @include media-breakpoint-up(sm) {\n\n      padding: 2rem;\n    }\n  }\n}\n",".tabs__container {\n\n  .tabs__links {\n    padding-bottom: 1.5rem;\n    overflow: hidden;\n\n    .link:not(.text-decoration-none):not(.btn) {\n      font-weight: bold;\n      font-family: var(--font-heading);\n      font-size: rem(18);\n      cursor: pointer;\n      margin: 0 0 0.5rem 0;\n      float: left;\n      clear: both;\n\n      @include media-breakpoint-up(sm) {\n        clear: none;\n        margin-bottom: 0;\n        margin-right: 2rem;\n      }\n\n      &:before {\n        width: 0;\n      }\n\n      &:hover:before,\n      &:focus:before {\n        width: 100%;\n      }\n    }\n  }\n\n  .tab {\n    display: none;\n  }\n\n  @for $i from 1 through 10 {\n    input:checked:nth-child(#{$i}) ~ .tabs__links .link:not(.text-decoration-none):not(.btn):nth-child(#{$i}):before {\n      width: 100%;\n    }\n    input:checked:nth-child(#{$i}) ~ .tabs .tab:nth-child(#{$i}){\n      display: block;\n    }\n  }\n}\n\n"]}
+{"version":3,"sources":["webpack://components/assets/sass/components/accordion.scss","webpack://components/node_modules/bootstrap/scss/mixins/_breakpoints.scss","webpack://components/assets/sass/_functions/variables.scss","webpack://components/node_modules/bootstrap/scss/mixins/_transition.scss","webpack://components/node_modules/bootstrap/scss/_variables.scss","webpack://components/node_modules/bootstrap/scss/_card.scss","webpack://components/node_modules/bootstrap/scss/mixins/_border-radius.scss","webpack://components/assets/sass/components/card.scss","webpack://components/assets/sass/components/cardDeck.scss","webpack://components/assets/sass/components/carousel.scss","webpack://components/assets/sass/components/header.scss","webpack://components/assets/sass/components/testimonial.scss","webpack://components/assets/sass/components/property-searchbar.scss","webpack://components/assets/sass/components/nav.scss","webpack://components/assets/sass/_functions/mixins.scss","webpack://components/assets/sass/components/drawer.scss","webpack://components/assets/sass/components/modal.scss","webpack://components/src/components/Stepper/Stepper.vue","webpack://components/assets/sass/components/stepper.scss","webpack://components/assets/sass/components/tabs.scss"],"names":[],"mappings":"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","file":"components.css","sourcesContent":["// Accordion\n.accordion {\n  --accordion-indent: 0.75rem;\n  --accordion-right-padding: 3rem;\n  --accordion-y-padding: 1rem;\n  --accordion-icon-size: #{rem(30)};\n  --accordion-icon-top: #{rem(12)};\n\n  @include media-breakpoint-up(md) {\n    //--accordion-indent: 1rem;\n    --accordion-right-padding: 6rem;\n    --accordion-y-padding: 2rem;\n    --accordion-icon-size: #{rem(48)};\n    --accordion-icon-top: #{rem(20)};\n  }\n}\n\n.accordion-button {\n\n  padding: $accordion-button-padding-y var(--accordion-right-padding) $accordion-button-padding-y $accordion-button-padding-x;\n  color: $accordion-button-color;\n  text-align: left; // Reset button style\n  background-color: $accordion-button-bg;\n  overflow-anchor: none;\n  @include transition($accordion-transition);\n\n  --marker-bg: var(--colour-secondary);\n  cursor: pointer;\n  position: relative;\n\n  .badge {\n    vertical-align: bottom;\n    margin-left: 0.5em;\n    margin-right: 0.5em;\n    margin-bottom: 0.1em;\n  }\n\n\n  &:before,\n  &:after {\n\n    content: \"\";\n    position: absolute;\n    right: var(--accordion-indent);\n    top: var(--accordion-icon-top);\n    margin-top: var(--accordion-icon-size-half);\n    width: var(--accordion-icon-size);\n    height: var(--accordion-icon-size);\n  }\n\n  &:before {\n    text-indent: 100%;\n    white-space: nowrap;\n    overflow: hidden;\n    background: var(--marker-bg);\n    border-radius: 100%;\n  }\n\n  // Accordion icon\n  &::after {\n    background: currentColor;\n    mask-image: escape-svg($accordion-button-icon);\n    mask-size: 50%;\n    mask-repeat: no-repeat;\n    mask-position: 50% 50%;\n  \n    -webkit-mask-image: escape-svg($accordion-button-icon);\n    -webkit-mask-size: 50%;\n    -webkit-mask-repeat: no-repeat;\n    -webkit-mask-position: 50% 50%;\n\n    @include transition($accordion-icon-transition);\n    transform: rotate(90deg);\n  }\n\n  &:hover,\n  &:focus {\n\n    --marker-bg: var(--colour-warning);\n    color: var(--colour-hover);\n  }\n\n  &:hover {\n    z-index: 2;\n  }\n\n  &:focus {\n    z-index: 3;\n    border-color: $accordion-button-focus-border-color;\n    outline: 0;\n    box-shadow: $accordion-button-focus-box-shadow;\n  }\n\n  [open] > summary > & {\n    color: $accordion-button-active-color;\n    background-color: $accordion-button-active-bg;\n    \n    &::after {\n      \n      transform: rotate(-90deg);\n    }\n  }\n}\n\n// #region Coloured summary\nsummary[class*=\"bg-\"] {\n\n  .accordion-button {\n\n    border-bottom: 1px solid var(--colour-border);\n    margin-bottom: -1px;\n\n    &:before {\n      background: none!important;\n    }\n  }\n\n  &:hover .accordion-button {\n    opacity: 0.8;\n  }\n\n  & + .accordion-body {\n\n    padding-top: 2rem;\n  }\n}\n// #endregion\n\n\n\n.accordion-header {\n  margin-bottom: 0;\n}\n\n.accordion-item {\n  background-color: $accordion-bg;\n  border-bottom: $accordion-border-width solid $accordion-border-color;\n  margin-bottom: 2rem;\n\n  &:first-of-type {\n    border-top: $accordion-border-width solid $accordion-border-color;\n  }\n\n  & + .accordion-item {\n    margin-top: -2rem;\n  }\n}\n\n.accordion-body {\n  text-align: left;\n  padding: 0 $accordion-body-padding-x;\n}\n\n// #region Straight edge\n.accordion--straight {\n  > details > summary:not([class*=\"bg-\"]) > .accordion-button,\n  > details > .accordion-body {\n    padding-left: 0!important;\n  }\n\n  > details > .accordion-body {\n    padding-right: 0!important;\n  }\n}\n// #endregion\n\n// #region Child accordion\n.accordion .accordion {\n\n  &:first-child {\n\n    padding-top: 1rem;\n  }\n\n  &:last-child {\n\n    padding-bottom: 2rem;\n  }\n\n  .accordion-button {\n    padding: 1rem 3rem 1rem var(--accordion-indent);\n\n    &:before,\n    &:after {\n      top: 0.75rem;\n      height: 2rem;\n      width: 2rem;\n      right: 0.5rem;\n    }\n    &:before {\n      background-color: var(--colour-light);\n    }\n  }\n}\n// #endregion\n","// Breakpoint viewport sizes and media queries.\n//\n// Breakpoints are defined as a map of (name: minimum width), order from small to large:\n//\n//    (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)\n//\n// The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.\n\n// Name of the next breakpoint, or null for the last breakpoint.\n//\n//    >> breakpoint-next(sm)\n//    md\n//    >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    md\n//    >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))\n//    md\n@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\n  $n: index($breakpoint-names, $name);\n  @if not $n {\n    @error \"breakpoint `#{$name}` not found in `#{$breakpoints}`\";\n  }\n  @return if($n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);\n}\n\n// Minimum breakpoint width. Null for the smallest (first) breakpoint.\n//\n//    >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    576px\n@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {\n  $min: map-get($breakpoints, $name);\n  @return if($min != 0, $min, null);\n}\n\n// Maximum breakpoint width.\n// The maximum value is reduced by 0.02px to work around the limitations of\n// `min-` and `max-` prefixes and viewports with fractional widths.\n// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max\n// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\n// See https://bugs.webkit.org/show_bug.cgi?id=178261\n//\n//    >> breakpoint-max(md, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    767.98px\n@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {\n  $max: map-get($breakpoints, $name);\n  @return if($max and $max > 0, $max - .02, null);\n}\n\n// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash in front.\n// Useful for making responsive utilities.\n//\n//    >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    \"\"  (Returns a blank string)\n//    >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    \"-sm\"\n@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {\n  @return if(breakpoint-min($name, $breakpoints) == null, \"\", \"-#{$name}\");\n}\n\n// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.\n// Makes the @content apply to the given breakpoint and wider.\n@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {\n  $min: breakpoint-min($name, $breakpoints);\n  @if $min {\n    @media (min-width: $min) {\n      @content;\n    }\n  } @else {\n    @content;\n  }\n}\n\n// Media of at most the maximum breakpoint width. No query for the largest breakpoint.\n// Makes the @content apply to the given breakpoint and narrower.\n@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {\n  $max: breakpoint-max($name, $breakpoints);\n  @if $max {\n    @media (max-width: $max) {\n      @content;\n    }\n  } @else {\n    @content;\n  }\n}\n\n// Media that spans multiple breakpoint widths.\n// Makes the @content apply between the min and max breakpoints\n@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {\n  $min: breakpoint-min($lower, $breakpoints);\n  $max: breakpoint-max($upper, $breakpoints);\n\n  @if $min != null and $max != null {\n    @media (min-width: $min) and (max-width: $max) {\n      @content;\n    }\n  } @else if $max == null {\n    @include media-breakpoint-up($lower, $breakpoints) {\n      @content;\n    }\n  } @else if $min == null {\n    @include media-breakpoint-down($upper, $breakpoints) {\n      @content;\n    }\n  }\n}\n\n// Media between the breakpoint's minimum and maximum widths.\n// No minimum for the smallest breakpoint, and no maximum for the largest one.\n// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.\n@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {\n  $min:  breakpoint-min($name, $breakpoints);\n  $next: breakpoint-next($name, $breakpoints);\n  $max:  breakpoint-max($next);\n\n  @if $min != null and $max != null {\n    @media (min-width: $min) and (max-width: $max) {\n      @content;\n    }\n  } @else if $max == null {\n    @include media-breakpoint-up($name, $breakpoints) {\n      @content;\n    }\n  } @else if $min == null {\n    @include media-breakpoint-down($next, $breakpoints) {\n      @content;\n    }\n  }\n}\n","// Declare global vars variable\n$vars: ();\n$varsMD: ();\n\n// #region Grid Breakpoints, layouts\n$grid-breakpoints: (\n  xs: 0,\n  sm: 36em, /* 576 */\n  md: 62em  /* 992 */\n);\n\n@each $bp, $value in $grid-breakpoints {\n\n  $vars: map-merge((\n    --breakpoint-#{$bp}: #{$value}\n  ), $vars);\n}\n\n$device-xs-width: 375;\n$device-sm-width: 768;\n$device-md-width: 1440;\n\n$container-max-widths: (\n  sm: 0,\n  md: 80em\n);\n\n$grid-columns: 12;\n$grid-gutter-width: 1rem; // 15px\n\n$container-padding-x: 20;\n$container-padding-x-md: 60;\n$container-padding: var(--container-padding-top) rem($container-padding-x) var(--container-padding-bottom) rem($container-padding-x);\n$container-padding-md: var(--container-padding-top) rem($container-padding-x-md) var(--container-padding-bottom) rem($container-padding-x-md);\n\n$vars: map-merge((\n  \"--container-padding-top\": 0,\n  \"--container-padding-bottom\": #{rem(16)},\n  \"--container-padding-x\": #{rem($container-padding-x)},\n  \"--container-padding-x-md\": #{rem($container-padding-x-md)},\n  \"--container-padding\": $container-padding,\n  \"--container-padding-md\": $container-padding-md\n), $vars);\n\n$varsMD: map-merge((\n  \"--container-padding\": var(--container-padding-md),\n  \"--container-padding-x\": var(--container-padding-x-md)\n), $varsMD);\n// #endregion\n\n// #region Colours\n// Default Bootstrap Theme vars\n$primary:       #00313c;\n$secondary:     #b4e6a5;\n$success:       #b4e6a5;\n$info:          #1ebee6;\n$warning:       #ffa500;\n$danger:        #dc3545;\n$light:         #ffd2d2;\n$dark:          #46003c;\n\n\n// Functional/state variables \n$colour-body: #6f6f6f;\n$colour-muted: #9d9d9d;\n$colour-border: #6f6f6f;\n$colour-link: $primary;\n$colour-focus: #000000;\n$colour-hover: #000000;\n$colour-active: $success;\n$colour-selected: $success;\n\n$theme-colors: ();\n$theme-colors: map-merge((\n  \"primary\":    $primary,\n  \"secondary\":  $secondary,\n  \"success\":    $success,\n  \"info\":       $info,\n  \"warning\":    $warning,\n  \"danger\":     $danger,\n  \"light\":      $light,\n  \"dark\":       $dark\n), $theme-colors);\n\n\n$theme-colors-rgb: map-loop($theme-colors, to-rgb, \"$value\");\n\n@each $color, $value in $theme-colors-rgb {\n\n  $vars: map-merge((\n    --colour-#{$color}-rgb: #{$value}\n  ), $vars);\n}\n@each $color, $value in $theme-colors-rgb {\n\n  $vars: map-merge((\n    --colour-#{$color}: rgba(var(--colour-#{$color}-rgb),var(--alpha,1))\n  ), $vars);\n}\n\n@each $color, $value in $theme-colors-rgb {\n\n  $vars: map-merge((\n    --colour-#{$color}-theme: rgba(var(--colour-#{$color}-rgb),var(--alpha,1))\n  ), $vars);\n}\n\n//  RGB Theme colours\n@function show-css-var($identifier) {\n  @return rgba(var(--colour-#{$identifier}-rgb),var(--bs-bg-opacity,1));\n}\n@function show-css-var-text($identifier) {\n  @return rgba(var(--colour-#{$identifier}-rgb),var(--bs-text-opacity,1));\n}\n$utilities-bg-colors: map-loop($utilities-colors, show-css-var, \"$key\");\n$utilities-text-colors: map-loop($utilities-colors, show-css-var-text, \"$key\");\n\n\n\n// Colours that we want setting but not used for Bootstraps mixins, i.e. .text-primary, .bg-muted\n$non-theme-colors: ();\n$non-theme-colors: map-merge((\n  \"muted\":      $colour-muted,\n  \"border\":           $colour-border,\n  \"link\":             $colour-link,\n  \"focus\":            $colour-focus,\n  \"hover\":            $colour-hover,\n  \"active\":           $colour-active,\n  \"selected\":         $colour-selected\n), $non-theme-colors);\n\n@each $color, $value in $non-theme-colors {\n\n  $vars: map-merge((\n    --colour-#{$color}-theme: #{$value},\n    --colour-#{$color}: #{'var(--colour-'+$color+'-theme)'}\n  ), $vars);\n}\n\n$vars: map-merge((\n  \"--colour-body-rgb\": to-rgb($colour-body),\n  \"--colour-white-rgb\": to-rgb(#ffffff),\n  \"--colour-black-rgb\": to-rgb(#000000),\n  \"--colour-body\":  rgba(var(--colour-body-rgb),var(--alpha,1)),\n  \"--colour-white\": rgba(var(--colour-white-rgb),var(--alpha,1)),\n  \"--colour-black\": rgba(var(--colour-black-rgb),var(--alpha,1))\n), $vars);\n\n$gradient: linear-gradient(180deg, var(--colour-secondary) 0, var(--colour-info) 100%);\n\n// #endregion\n\n// #region aspect ratios\n$aspect-ratios: (\n  \"1x1\": 100%,\n  \"4x3\": calc(3 / 4 * 100%),\n  \"16x9\": calc(9 / 16 * 100%),\n  \"21x9\": calc(9 / 21 * 100%)\n);\n// #endregion\n\n// #region fonts\n\n$font-body: 'qanelasmedium', arial, sans-serif;\n$font-heading: 'qanelas_softextrabold', arial, sans-serif;\n\n$fonts: ();\n$fonts: map-merge((\n  \"heading\":   $font-heading,\n  \"body\":   $font-body\n), $fonts);\n\n\n@each $font, $value in $fonts {\n\n  $vars: map-merge((\n    --font-#{$font}: #{$value}\n  ), $vars);\n}\n\n// #endregion\n\n// #region Type\n\n$type-scale-1: #{rem(100)};\n$type-scale-2: #{rem(60)};\n$type-scale-3: #{rem(40)};\n$type-scale-4: #{rem(32)};\n$type-scale-5: #{rem(28)};\n$type-scale-6: #{rem(16)};\n$type-scale-7: #{rem(14)};\n\n\n$h1-font-size: var(--fs-1);\n$h2-font-size: var(--fs-2);\n$h3-font-size: var(--fs-3);\n$h4-font-size: var(--fs-4);\n$h5-font-size: var(--fs-5);\n$h6-font-size: var(--fs-6);\n\n$font-sizes: (\n  'display': $type-scale-3,\n  1: $type-scale-3,\n  2: $type-scale-4,\n  3: $type-scale-5,\n  4: $type-scale-6,\n  5: $type-scale-6,\n  6: $type-scale-6,\n  'badge': $badge-font-size,\n  'small': $type-scale-7,\n  'strapline': $type-scale-6\n);\n\n@each $size, $value in $font-sizes {\n\n  $vars: map-merge((\n    --fs-#{$size}: #{$value}\n  ), $vars);\n}\n\n$headings-margin-bottom: clamp(1rem,0.5em,0.5em);\n$headings-font-style: normal;\n$headings-line-height: clamp(1em,2.5rem,clamp(1.5em,1rem,1.2em));\n$display-line-height: $headings-line-height;\n\n@if $compatible == 'true' {\n  $headings-font-family: $font-heading;\n  $headings-font-weight: 700;\n  $headings-color: $primary;\n}\n@else {\n  $headings-font-family: var(--font-heading);\n  $headings-font-weight: var(--heading-weight);\n  $headings-color: var(--colour-primary);\n}\n\n$font-md-sizes: (\n  'display': $type-scale-1,\n  1: $type-scale-2,\n  2: $type-scale-3,\n  3: $type-scale-4,\n  4: $type-scale-5,\n  'strapline': $type-scale-5\n);\n\n@each $size, $value in $font-md-sizes {\n\n  $varsMD: map-merge((\n    --fs-#{$size}: #{$value}\n  ), $varsMD);\n}\n\n$vars: map-merge((\n  --heading-weight: 700\n), $vars);\n\n$content-max-width: rem(820);\n$paragraph-margin-bottom: 2rem;\n\n// #endregion \n\n// #region Buttons\n$btn-border-radius: 1rem;\n$btn-border-radius-sm:        1rem;\n$btn-border-radius-lg:        1rem;\n\n$btn-padding-y: 0.5rem;\n$btn-padding-x: 1.5rem;\n$btn-padding-y-sm: $btn-padding-y;\n$btn-padding-x-sm: $btn-padding-x;\n$btn-padding-y-md: $btn-padding-y;\n$btn-padding-x-md: $btn-padding-x;\n\n// #endregion\n\n// #region Forms\n// label\n$form-label-font-size: $h5-font-size;\n$form-label-font-weight: bold;\n$form-label-color: var(--colour-heading);\n$form-label-margin-bottom: 0.25rem;\n// input field\n$input-font-size: 1rem;\n$input-font-weight: normal;\n$input-line-height: 1.5;\n$input-padding-y: 0.75em;\n$input-padding-x: 1em;\n$input-border-radius: rem(10);\n$input-border-color: var(--colour-border);\n\n// sm\n$input-height-sm: null;\n$input-font-size-sm: #{rem(14)};\n$input-border-radius-sm: null; // Inherit default value\n$input-padding-y-sm: null;\n$input-padding-x-sm: null;\n\n// lg\n$input-height-lg: null;\n$input-font-size-lg: #{rem(24)};\n$input-border-radius-lg: false; // Inherit default value\n$input-padding-y-lg: null;\n$input-padding-x-lg: null;\n\n// Input group\n$input-group-addon-bg: white;\n$input-group-addon-border-color: var(--colour-border);\n\n\n\n// Select \n$form-select-padding-y: $input-padding-y;\n//$form-select-indicator-padding\n$form-select-padding-x: #{$input-padding-x};\n$form-select-border-color: var(--colour-border);\n$form-select-border-radius: $input-border-radius;\n\n// Checkbox\n$form-check-input-width: 1.5rem;\n$form-check-min-height: #{rem(28)};\n$form-check-padding-start: 2rem;\n$form-check-margin-bottom: #{rem(16)};\n\n$form-check-input-border: 1px solid var(--colour-border);\n\n$form-check-input-checked-color:          $primary;\n$form-check-input-checked-bg-color:       var(--colour-success);\n$form-check-input-checked-border-color:   var(--colour-border);\n$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='2' d='M6 10l3 3l6-6'/></svg>\");\n\n$form-check-input-indeterminate-color:          $primary;\n$form-check-input-indeterminate-bg-color:       var(--colour-success);\n$form-check-input-indeterminate-border-color:   var(--colour-success);\n$form-check-input-indeterminate-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-indeterminate-color}' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 10h8'/></svg>\");\n\n$form-switch-bg-image:    url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='#{$colour-border}'/></svg>\");\n$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='#{$colour-focus}'/></svg>\");\n$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='#{$primary}'/></svg>\");\n\n$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='#{$primary}'/></svg>\");\n\n\n// #endregion\n\n// #region Cards\n$card-border-width:                 0;\n$card-border-radius:                rem(10);\n$card-spacer-y: 1.5rem;\n$card-spacer-x: 1.25rem;\n\n\n$card-cap-padding-y: 1.5rem;\n$card-cap-padding-x: 1.25rem;\n\n\n\n$card-cap-bg: transparent;\n// #endregion card-variables\n\n// #region Icons\n$icon-blank: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'><path d='M17 13v6c0 0.276-0.111 0.525-0.293 0.707s-0.431 0.293-0.707 0.293h-11c-0.276 0-0.525-0.111-0.707-0.293s-0.293-0.431-0.293-0.707v-11c0-0.276 0.111-0.525 0.293-0.707s0.431-0.293 0.707-0.293h6c0.552 0 1-0.448 1-1s-0.448-1-1-1h-6c-0.828 0-1.58 0.337-2.121 0.879s-0.879 1.293-0.879 2.121v11c0 0.828 0.337 1.58 0.879 2.121s1.293 0.879 2.121 0.879h11c0.828 0 1.58-0.337 2.121-0.879s0.879-1.293 0.879-2.121v-6c0-0.552-0.448-1-1-1s-1 0.448-1 1zM10.707 14.707l9.293-9.293v3.586c0 0.552 0.448 1 1 1s1-0.448 1-1v-6c0-0.136-0.027-0.265-0.076-0.383s-0.121-0.228-0.216-0.323c-0.001-0.001-0.001-0.001-0.002-0.002-0.092-0.092-0.202-0.166-0.323-0.216-0.118-0.049-0.247-0.076-0.383-0.076h-6c-0.552 0-1 0.448-1 1s0.448 1 1 1h3.586l-9.293 9.293c-0.391 0.391-0.391 1.024 0 1.414s1.024 0.391 1.414 0z' stroke-width='2px'></path></svg>\");\n$icon-sort: url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' preserveAspectRatio='none'%3E%3Cpath opacity='.3' d='M51 1l25 23 24 22H1l25-22zm0 100l25-23 24-22H1l25 22z'/%3E%3C/svg%3E\");\n$icon-arrow: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22'><path d='M6.5,2l9,9-9,9' style='fill:none;stroke:#000000;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px'/></svg>\");\n\n$vars: map-merge((\n  --icon-blank: #{escape-svg($icon-blank)},\n  --icon-sort: #{$icon-sort},\n  --icon-arrow: #{escape-svg($icon-arrow)},\n), $vars);\n// #endregion\n\n// #region pagination\n// Default\n$pagination-color: var(--colour-primary);\n$pagination-disabled-color: var(--colour-muted);\n$pagination-bg: transparent;\n$pagination-border-width: 1px;\n$pagination-border-color: var(--colour-border);\n\n// Hover and focus\n$pagination-hover-color: var(--colour-primary);\n$pagination-hover-bg: var(--colour-muted);\n$pagination-hover-border-color: var(--colour-border);\n$pagination-focus-color: var(--colour-primary);\n$pagination-focus-bg: var(--colour-muted);\n\n// Active\n$pagination-active-color: white;\n$pagination-active-bg: var(--colour-primary);\n$pagination-active-border-color: var(--colour-primary);\n\n// Disabled\n$pagination-disabled-bg: $pagination-bg;\n$pagination-disabled-border-color: $pagination-border-color;\n// #endregion\n\n// #region Accordion\n$accordion-button-padding-y: var(--accordion-y-padding);\n$accordion-button-padding-x: var(--accordion-indent);\n$accordion-button-color: var(--colour-primary);\n$accordion-button-bg: transparent;\n\n$accordion-icon-color: $primary;\n$accordion-icon-active-color: $primary;\n\n$accordion-button-icon: var(--icon-arrow);\n\n$accordion-button-active-color: var(--colour-primary);\n$accordion-button-active-bg: transparent;\n\n$accordion-border-color: var(--colour-border);\n$accordion-border-width: 1px;\n$accordion-bg: transparent;\n\n$accordion-body-padding-y: 1rem;\n$accordion-body-padding-x: var(--accordion-indent);\n\n// #endregion","// stylelint-disable property-disallowed-list\n@mixin transition($transition...) {\n  @if length($transition) == 0 {\n    $transition: $transition-base;\n  }\n\n  @if length($transition) > 1 {\n    @each $value in $transition {\n      @if $value == null or $value == none {\n        @warn \"The keyword 'none' or 'null' must be used as a single argument.\";\n      }\n    }\n  }\n\n  @if $enable-transitions {\n    @if nth($transition, 1) != null {\n      transition: $transition;\n    }\n\n    @if $enable-reduced-motion and nth($transition, 1) != null and nth($transition, 1) != none {\n      @media (prefers-reduced-motion: reduce) {\n        transition: none;\n      }\n    }\n  }\n}\n","// Variables\n//\n// Variables should follow the `$component-state-property-size` formula for\n// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.\n\n// Color system\n\n// scss-docs-start gray-color-variables\n$white:    #fff !default;\n$gray-100: #f8f9fa !default;\n$gray-200: #e9ecef !default;\n$gray-300: #dee2e6 !default;\n$gray-400: #ced4da !default;\n$gray-500: #adb5bd !default;\n$gray-600: #6c757d !default;\n$gray-700: #495057 !default;\n$gray-800: #343a40 !default;\n$gray-900: #212529 !default;\n$black:    #000 !default;\n// scss-docs-end gray-color-variables\n\n// fusv-disable\n// scss-docs-start gray-colors-map\n$grays: (\n  \"100\": $gray-100,\n  \"200\": $gray-200,\n  \"300\": $gray-300,\n  \"400\": $gray-400,\n  \"500\": $gray-500,\n  \"600\": $gray-600,\n  \"700\": $gray-700,\n  \"800\": $gray-800,\n  \"900\": $gray-900\n) !default;\n// scss-docs-end gray-colors-map\n// fusv-enable\n\n// scss-docs-start color-variables\n$blue:    #0d6efd !default;\n$indigo:  #6610f2 !default;\n$purple:  #6f42c1 !default;\n$pink:    #d63384 !default;\n$red:     #dc3545 !default;\n$orange:  #fd7e14 !default;\n$yellow:  #ffc107 !default;\n$green:   #198754 !default;\n$teal:    #20c997 !default;\n$cyan:    #0dcaf0 !default;\n// scss-docs-end color-variables\n\n// scss-docs-start colors-map\n$colors: (\n  \"blue\":       $blue,\n  \"indigo\":     $indigo,\n  \"purple\":     $purple,\n  \"pink\":       $pink,\n  \"red\":        $red,\n  \"orange\":     $orange,\n  \"yellow\":     $yellow,\n  \"green\":      $green,\n  \"teal\":       $teal,\n  \"cyan\":       $cyan,\n  \"white\":      $white,\n  \"gray\":       $gray-600,\n  \"gray-dark\":  $gray-800\n) !default;\n// scss-docs-end colors-map\n\n// scss-docs-start theme-color-variables\n$primary:       $blue !default;\n$secondary:     $gray-600 !default;\n$success:       $green !default;\n$info:          $cyan !default;\n$warning:       $yellow !default;\n$danger:        $red !default;\n$light:         $gray-100 !default;\n$dark:          $gray-900 !default;\n// scss-docs-end theme-color-variables\n\n// scss-docs-start theme-colors-map\n$theme-colors: (\n  \"primary\":    $primary,\n  \"secondary\":  $secondary,\n  \"success\":    $success,\n  \"info\":       $info,\n  \"warning\":    $warning,\n  \"danger\":     $danger,\n  \"light\":      $light,\n  \"dark\":       $dark\n) !default;\n// scss-docs-end theme-colors-map\n\n// scss-docs-start theme-colors-rgb\n$theme-colors-rgb: map-loop($theme-colors, to-rgb, \"$value\") !default;\n// scss-docs-end theme-colors-rgb\n\n// The contrast ratio to reach against white, to determine if color changes from \"light\" to \"dark\". Acceptable values for WCAG 2.0 are 3, 4.5 and 7.\n// See https://www.w3.org/TR/WCAG20/#visual-audio-contrast-contrast\n$min-contrast-ratio:   4.5 !default;\n\n// Customize the light and dark text colors for use in our color contrast function.\n$color-contrast-dark:      $black !default;\n$color-contrast-light:     $white !default;\n\n// fusv-disable\n$blue-100: tint-color($blue, 80%) !default;\n$blue-200: tint-color($blue, 60%) !default;\n$blue-300: tint-color($blue, 40%) !default;\n$blue-400: tint-color($blue, 20%) !default;\n$blue-500: $blue !default;\n$blue-600: shade-color($blue, 20%) !default;\n$blue-700: shade-color($blue, 40%) !default;\n$blue-800: shade-color($blue, 60%) !default;\n$blue-900: shade-color($blue, 80%) !default;\n\n$indigo-100: tint-color($indigo, 80%) !default;\n$indigo-200: tint-color($indigo, 60%) !default;\n$indigo-300: tint-color($indigo, 40%) !default;\n$indigo-400: tint-color($indigo, 20%) !default;\n$indigo-500: $indigo !default;\n$indigo-600: shade-color($indigo, 20%) !default;\n$indigo-700: shade-color($indigo, 40%) !default;\n$indigo-800: shade-color($indigo, 60%) !default;\n$indigo-900: shade-color($indigo, 80%) !default;\n\n$purple-100: tint-color($purple, 80%) !default;\n$purple-200: tint-color($purple, 60%) !default;\n$purple-300: tint-color($purple, 40%) !default;\n$purple-400: tint-color($purple, 20%) !default;\n$purple-500: $purple !default;\n$purple-600: shade-color($purple, 20%) !default;\n$purple-700: shade-color($purple, 40%) !default;\n$purple-800: shade-color($purple, 60%) !default;\n$purple-900: shade-color($purple, 80%) !default;\n\n$pink-100: tint-color($pink, 80%) !default;\n$pink-200: tint-color($pink, 60%) !default;\n$pink-300: tint-color($pink, 40%) !default;\n$pink-400: tint-color($pink, 20%) !default;\n$pink-500: $pink !default;\n$pink-600: shade-color($pink, 20%) !default;\n$pink-700: shade-color($pink, 40%) !default;\n$pink-800: shade-color($pink, 60%) !default;\n$pink-900: shade-color($pink, 80%) !default;\n\n$red-100: tint-color($red, 80%) !default;\n$red-200: tint-color($red, 60%) !default;\n$red-300: tint-color($red, 40%) !default;\n$red-400: tint-color($red, 20%) !default;\n$red-500: $red !default;\n$red-600: shade-color($red, 20%) !default;\n$red-700: shade-color($red, 40%) !default;\n$red-800: shade-color($red, 60%) !default;\n$red-900: shade-color($red, 80%) !default;\n\n$orange-100: tint-color($orange, 80%) !default;\n$orange-200: tint-color($orange, 60%) !default;\n$orange-300: tint-color($orange, 40%) !default;\n$orange-400: tint-color($orange, 20%) !default;\n$orange-500: $orange !default;\n$orange-600: shade-color($orange, 20%) !default;\n$orange-700: shade-color($orange, 40%) !default;\n$orange-800: shade-color($orange, 60%) !default;\n$orange-900: shade-color($orange, 80%) !default;\n\n$yellow-100: tint-color($yellow, 80%) !default;\n$yellow-200: tint-color($yellow, 60%) !default;\n$yellow-300: tint-color($yellow, 40%) !default;\n$yellow-400: tint-color($yellow, 20%) !default;\n$yellow-500: $yellow !default;\n$yellow-600: shade-color($yellow, 20%) !default;\n$yellow-700: shade-color($yellow, 40%) !default;\n$yellow-800: shade-color($yellow, 60%) !default;\n$yellow-900: shade-color($yellow, 80%) !default;\n\n$green-100: tint-color($green, 80%) !default;\n$green-200: tint-color($green, 60%) !default;\n$green-300: tint-color($green, 40%) !default;\n$green-400: tint-color($green, 20%) !default;\n$green-500: $green !default;\n$green-600: shade-color($green, 20%) !default;\n$green-700: shade-color($green, 40%) !default;\n$green-800: shade-color($green, 60%) !default;\n$green-900: shade-color($green, 80%) !default;\n\n$teal-100: tint-color($teal, 80%) !default;\n$teal-200: tint-color($teal, 60%) !default;\n$teal-300: tint-color($teal, 40%) !default;\n$teal-400: tint-color($teal, 20%) !default;\n$teal-500: $teal !default;\n$teal-600: shade-color($teal, 20%) !default;\n$teal-700: shade-color($teal, 40%) !default;\n$teal-800: shade-color($teal, 60%) !default;\n$teal-900: shade-color($teal, 80%) !default;\n\n$cyan-100: tint-color($cyan, 80%) !default;\n$cyan-200: tint-color($cyan, 60%) !default;\n$cyan-300: tint-color($cyan, 40%) !default;\n$cyan-400: tint-color($cyan, 20%) !default;\n$cyan-500: $cyan !default;\n$cyan-600: shade-color($cyan, 20%) !default;\n$cyan-700: shade-color($cyan, 40%) !default;\n$cyan-800: shade-color($cyan, 60%) !default;\n$cyan-900: shade-color($cyan, 80%) !default;\n\n$blues: (\n  \"blue-100\": $blue-100,\n  \"blue-200\": $blue-200,\n  \"blue-300\": $blue-300,\n  \"blue-400\": $blue-400,\n  \"blue-500\": $blue-500,\n  \"blue-600\": $blue-600,\n  \"blue-700\": $blue-700,\n  \"blue-800\": $blue-800,\n  \"blue-900\": $blue-900\n) !default;\n\n$indigos: (\n  \"indigo-100\": $indigo-100,\n  \"indigo-200\": $indigo-200,\n  \"indigo-300\": $indigo-300,\n  \"indigo-400\": $indigo-400,\n  \"indigo-500\": $indigo-500,\n  \"indigo-600\": $indigo-600,\n  \"indigo-700\": $indigo-700,\n  \"indigo-800\": $indigo-800,\n  \"indigo-900\": $indigo-900\n) !default;\n\n$purples: (\n  \"purple-100\": $purple-200,\n  \"purple-200\": $purple-100,\n  \"purple-300\": $purple-300,\n  \"purple-400\": $purple-400,\n  \"purple-500\": $purple-500,\n  \"purple-600\": $purple-600,\n  \"purple-700\": $purple-700,\n  \"purple-800\": $purple-800,\n  \"purple-900\": $purple-900\n) !default;\n\n$pinks: (\n  \"pink-100\": $pink-100,\n  \"pink-200\": $pink-200,\n  \"pink-300\": $pink-300,\n  \"pink-400\": $pink-400,\n  \"pink-500\": $pink-500,\n  \"pink-600\": $pink-600,\n  \"pink-700\": $pink-700,\n  \"pink-800\": $pink-800,\n  \"pink-900\": $pink-900\n) !default;\n\n$reds: (\n  \"red-100\": $red-100,\n  \"red-200\": $red-200,\n  \"red-300\": $red-300,\n  \"red-400\": $red-400,\n  \"red-500\": $red-500,\n  \"red-600\": $red-600,\n  \"red-700\": $red-700,\n  \"red-800\": $red-800,\n  \"red-900\": $red-900\n) !default;\n\n$oranges: (\n  \"orange-100\": $orange-100,\n  \"orange-200\": $orange-200,\n  \"orange-300\": $orange-300,\n  \"orange-400\": $orange-400,\n  \"orange-500\": $orange-500,\n  \"orange-600\": $orange-600,\n  \"orange-700\": $orange-700,\n  \"orange-800\": $orange-800,\n  \"orange-900\": $orange-900\n) !default;\n\n$yellows: (\n  \"yellow-100\": $yellow-100,\n  \"yellow-200\": $yellow-200,\n  \"yellow-300\": $yellow-300,\n  \"yellow-400\": $yellow-400,\n  \"yellow-500\": $yellow-500,\n  \"yellow-600\": $yellow-600,\n  \"yellow-700\": $yellow-700,\n  \"yellow-800\": $yellow-800,\n  \"yellow-900\": $yellow-900\n) !default;\n\n$greens: (\n  \"green-100\": $green-100,\n  \"green-200\": $green-200,\n  \"green-300\": $green-300,\n  \"green-400\": $green-400,\n  \"green-500\": $green-500,\n  \"green-600\": $green-600,\n  \"green-700\": $green-700,\n  \"green-800\": $green-800,\n  \"green-900\": $green-900\n) !default;\n\n$teals: (\n  \"teal-100\": $teal-100,\n  \"teal-200\": $teal-200,\n  \"teal-300\": $teal-300,\n  \"teal-400\": $teal-400,\n  \"teal-500\": $teal-500,\n  \"teal-600\": $teal-600,\n  \"teal-700\": $teal-700,\n  \"teal-800\": $teal-800,\n  \"teal-900\": $teal-900\n) !default;\n\n$cyans: (\n  \"cyan-100\": $cyan-100,\n  \"cyan-200\": $cyan-200,\n  \"cyan-300\": $cyan-300,\n  \"cyan-400\": $cyan-400,\n  \"cyan-500\": $cyan-500,\n  \"cyan-600\": $cyan-600,\n  \"cyan-700\": $cyan-700,\n  \"cyan-800\": $cyan-800,\n  \"cyan-900\": $cyan-900\n) !default;\n// fusv-enable\n\n// Characters which are escaped by the escape-svg function\n$escaped-characters: (\n  (\"<\", \"%3c\"),\n  (\">\", \"%3e\"),\n  (\"#\", \"%23\"),\n  (\"(\", \"%28\"),\n  (\")\", \"%29\"),\n) !default;\n\n// Options\n//\n// Quickly modify global styling by enabling or disabling optional features.\n\n$enable-caret:                true !default;\n$enable-rounded:              true !default;\n$enable-shadows:              false !default;\n$enable-gradients:            false !default;\n$enable-transitions:          true !default;\n$enable-reduced-motion:       true !default;\n$enable-smooth-scroll:        true !default;\n$enable-grid-classes:         true !default;\n$enable-cssgrid:              false !default;\n$enable-button-pointers:      true !default;\n$enable-rfs:                  true !default;\n$enable-validation-icons:     true !default;\n$enable-negative-margins:     false !default;\n$enable-deprecation-messages: true !default;\n$enable-important-utilities:  true !default;\n\n// Prefix for :root CSS variables\n\n$variable-prefix:             bs- !default;\n\n// Gradient\n//\n// The gradient which is added to components if `$enable-gradients` is `true`\n// This gradient is also added to elements with `.bg-gradient`\n// scss-docs-start variable-gradient\n$gradient: linear-gradient(180deg, rgba($white, .15), rgba($white, 0)) !default;\n// scss-docs-end variable-gradient\n\n// Spacing\n//\n// Control the default styling of most Bootstrap elements by modifying these\n// variables. Mostly focused on spacing.\n// You can add more entries to the $spacers map, should you need more variation.\n\n// scss-docs-start spacer-variables-maps\n$spacer: 1rem !default;\n$spacers: (\n  0: 0,\n  1: $spacer * .25,\n  2: $spacer * .5,\n  3: $spacer,\n  4: $spacer * 1.5,\n  5: $spacer * 3,\n) !default;\n\n$negative-spacers: if($enable-negative-margins, negativify-map($spacers), null) !default;\n// scss-docs-end spacer-variables-maps\n\n// Position\n//\n// Define the edge positioning anchors of the position utilities.\n\n// scss-docs-start position-map\n$position-values: (\n  0: 0,\n  50: 50%,\n  100: 100%\n) !default;\n// scss-docs-end position-map\n\n// Body\n//\n// Settings for the `<body>` element.\n\n$body-bg:                   $white !default;\n$body-color:                $gray-900 !default;\n$body-text-align:           null !default;\n\n// Utilities maps\n//\n// Extends the default `$theme-colors` maps to help create our utilities.\n\n// Come v6, we'll de-dupe these variables. Until then, for backward compatibility, we keep them to reassign.\n// scss-docs-start utilities-colors\n$utilities-colors: $theme-colors-rgb !default;\n// scss-docs-end utilities-colors\n\n// scss-docs-start utilities-text-colors\n$utilities-text: map-merge(\n  $utilities-colors,\n  (\n    \"black\": to-rgb($black),\n    \"white\": to-rgb($white),\n    \"body\": to-rgb($body-color)\n  )\n) !default;\n$utilities-text-colors: map-loop($utilities-text, rgba-css-var, \"$key\", \"text\") !default;\n// scss-docs-end utilities-text-colors\n\n// scss-docs-start utilities-bg-colors\n$utilities-bg: map-merge(\n  $utilities-colors,\n  (\n    \"black\": to-rgb($black),\n    \"white\": to-rgb($white),\n    \"body\": to-rgb($body-bg)\n  )\n) !default;\n$utilities-bg-colors: map-loop($utilities-bg, rgba-css-var, \"$key\", \"bg\") !default;\n// scss-docs-end utilities-bg-colors\n\n// Links\n//\n// Style anchor elements.\n\n$link-color:                              $primary !default;\n$link-decoration:                         underline !default;\n$link-shade-percentage:                   20% !default;\n$link-hover-color:                        shift-color($link-color, $link-shade-percentage) !default;\n$link-hover-decoration:                   null !default;\n\n$stretched-link-pseudo-element:           after !default;\n$stretched-link-z-index:                  1 !default;\n\n// Paragraphs\n//\n// Style p element.\n\n$paragraph-margin-bottom:   1rem !default;\n\n\n// Grid breakpoints\n//\n// Define the minimum dimensions at which your layout will change,\n// adapting to different screen sizes, for use in media queries.\n\n// scss-docs-start grid-breakpoints\n$grid-breakpoints: (\n  xs: 0,\n  sm: 576px,\n  md: 768px,\n  lg: 992px,\n  xl: 1200px,\n  xxl: 1400px\n) !default;\n// scss-docs-end grid-breakpoints\n\n@include _assert-ascending($grid-breakpoints, \"$grid-breakpoints\");\n@include _assert-starts-at-zero($grid-breakpoints, \"$grid-breakpoints\");\n\n\n// Grid containers\n//\n// Define the maximum width of `.container` for different screen sizes.\n\n// scss-docs-start container-max-widths\n$container-max-widths: (\n  sm: 540px,\n  md: 720px,\n  lg: 960px,\n  xl: 1140px,\n  xxl: 1320px\n) !default;\n// scss-docs-end container-max-widths\n\n@include _assert-ascending($container-max-widths, \"$container-max-widths\");\n\n\n// Grid columns\n//\n// Set the number of columns and specify the width of the gutters.\n\n$grid-columns:                12 !default;\n$grid-gutter-width:           1.5rem !default;\n$grid-row-columns:            6 !default;\n\n$gutters: $spacers !default;\n\n// Container padding\n\n$container-padding-x: $grid-gutter-width * .5 !default;\n\n\n// Components\n//\n// Define common padding and border radius sizes and more.\n\n// scss-docs-start border-variables\n$border-width:                1px !default;\n$border-widths: (\n  1: 1px,\n  2: 2px,\n  3: 3px,\n  4: 4px,\n  5: 5px\n) !default;\n\n$border-color:                $gray-300 !default;\n// scss-docs-end border-variables\n\n// scss-docs-start border-radius-variables\n$border-radius:               .25rem !default;\n$border-radius-sm:            .2rem !default;\n$border-radius-lg:            .3rem !default;\n$border-radius-pill:          50rem !default;\n// scss-docs-end border-radius-variables\n\n// scss-docs-start box-shadow-variables\n$box-shadow:                  0 .5rem 1rem rgba($black, .15) !default;\n$box-shadow-sm:               0 .125rem .25rem rgba($black, .075) !default;\n$box-shadow-lg:               0 1rem 3rem rgba($black, .175) !default;\n$box-shadow-inset:            inset 0 1px 2px rgba($black, .075) !default;\n// scss-docs-end box-shadow-variables\n\n$component-active-color:      $white !default;\n$component-active-bg:         $primary !default;\n\n// scss-docs-start caret-variables\n$caret-width:                 .3em !default;\n$caret-vertical-align:        $caret-width * .85 !default;\n$caret-spacing:               $caret-width * .85 !default;\n// scss-docs-end caret-variables\n\n$transition-base:             all .2s ease-in-out !default;\n$transition-fade:             opacity .15s linear !default;\n// scss-docs-start collapse-transition\n$transition-collapse:         height .35s ease !default;\n$transition-collapse-width:   width .35s ease !default;\n// scss-docs-end collapse-transition\n\n// stylelint-disable function-disallowed-list\n// scss-docs-start aspect-ratios\n$aspect-ratios: (\n  \"1x1\": 100%,\n  \"4x3\": calc(3 / 4 * 100%),\n  \"16x9\": calc(9 / 16 * 100%),\n  \"21x9\": calc(9 / 21 * 100%)\n) !default;\n// scss-docs-end aspect-ratios\n// stylelint-enable function-disallowed-list\n\n// Typography\n//\n// Font, line-height, and color for body text, headings, and more.\n\n// scss-docs-start font-variables\n// stylelint-disable value-keyword-case\n$font-family-sans-serif:      system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\" !default;\n$font-family-monospace:       SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace !default;\n// stylelint-enable value-keyword-case\n$font-family-base:            var(--#{$variable-prefix}font-sans-serif) !default;\n$font-family-code:            var(--#{$variable-prefix}font-monospace) !default;\n\n// $font-size-root affects the value of `rem`, which is used for as well font sizes, paddings, and margins\n// $font-size-base affects the font size of the body text\n$font-size-root:              null !default;\n$font-size-base:              1rem !default; // Assumes the browser default, typically `16px`\n$font-size-sm:                $font-size-base * .875 !default;\n$font-size-lg:                $font-size-base * 1.25 !default;\n\n$font-weight-lighter:         lighter !default;\n$font-weight-light:           300 !default;\n$font-weight-normal:          400 !default;\n$font-weight-bold:            700 !default;\n$font-weight-bolder:          bolder !default;\n\n$font-weight-base:            $font-weight-normal !default;\n\n$line-height-base:            1.5 !default;\n$line-height-sm:              1.25 !default;\n$line-height-lg:              2 !default;\n\n$h1-font-size:                $font-size-base * 2.5 !default;\n$h2-font-size:                $font-size-base * 2 !default;\n$h3-font-size:                $font-size-base * 1.75 !default;\n$h4-font-size:                $font-size-base * 1.5 !default;\n$h5-font-size:                $font-size-base * 1.25 !default;\n$h6-font-size:                $font-size-base !default;\n// scss-docs-end font-variables\n\n// scss-docs-start font-sizes\n$font-sizes: (\n  1: $h1-font-size,\n  2: $h2-font-size,\n  3: $h3-font-size,\n  4: $h4-font-size,\n  5: $h5-font-size,\n  6: $h6-font-size\n) !default;\n// scss-docs-end font-sizes\n\n// scss-docs-start headings-variables\n$headings-margin-bottom:      $spacer * .5 !default;\n$headings-font-family:        null !default;\n$headings-font-style:         null !default;\n$headings-font-weight:        500 !default;\n$headings-line-height:        1.2 !default;\n$headings-color:              null !default;\n// scss-docs-end headings-variables\n\n// scss-docs-start display-headings\n$display-font-sizes: (\n  1: 5rem,\n  2: 4.5rem,\n  3: 4rem,\n  4: 3.5rem,\n  5: 3rem,\n  6: 2.5rem\n) !default;\n\n$display-font-weight: 300 !default;\n$display-line-height: $headings-line-height !default;\n// scss-docs-end display-headings\n\n// scss-docs-start type-variables\n$lead-font-size:              $font-size-base * 1.25 !default;\n$lead-font-weight:            300 !default;\n\n$small-font-size:             .875em !default;\n\n$sub-sup-font-size:           .75em !default;\n\n$text-muted:                  $gray-600 !default;\n\n$initialism-font-size:        $small-font-size !default;\n\n$blockquote-margin-y:         $spacer !default;\n$blockquote-font-size:        $font-size-base * 1.25 !default;\n$blockquote-footer-color:     $gray-600 !default;\n$blockquote-footer-font-size: $small-font-size !default;\n\n$hr-margin-y:                 $spacer !default;\n$hr-color:                    inherit !default;\n$hr-height:                   $border-width !default;\n$hr-opacity:                  .25 !default;\n\n$legend-margin-bottom:        .5rem !default;\n$legend-font-size:            1.5rem !default;\n$legend-font-weight:          null !default;\n\n$mark-padding:                .2em !default;\n\n$dt-font-weight:              $font-weight-bold !default;\n\n$nested-kbd-font-weight:      $font-weight-bold !default;\n\n$list-inline-padding:         .5rem !default;\n\n$mark-bg:                     #fcf8e3 !default;\n// scss-docs-end type-variables\n\n\n// Tables\n//\n// Customizes the `.table` component with basic values, each used across all table variations.\n\n// scss-docs-start table-variables\n$table-cell-padding-y:        .5rem !default;\n$table-cell-padding-x:        .5rem !default;\n$table-cell-padding-y-sm:     .25rem !default;\n$table-cell-padding-x-sm:     .25rem !default;\n\n$table-cell-vertical-align:   top !default;\n\n$table-color:                 $body-color !default;\n$table-bg:                    transparent !default;\n$table-accent-bg:             transparent !default;\n\n$table-th-font-weight:        null !default;\n\n$table-striped-color:         $table-color !default;\n$table-striped-bg-factor:     .05 !default;\n$table-striped-bg:            rgba($black, $table-striped-bg-factor) !default;\n\n$table-active-color:          $table-color !default;\n$table-active-bg-factor:      .1 !default;\n$table-active-bg:             rgba($black, $table-active-bg-factor) !default;\n\n$table-hover-color:           $table-color !default;\n$table-hover-bg-factor:       .075 !default;\n$table-hover-bg:              rgba($black, $table-hover-bg-factor) !default;\n\n$table-border-factor:         .1 !default;\n$table-border-width:          $border-width !default;\n$table-border-color:          $border-color !default;\n\n$table-striped-order:         odd !default;\n\n$table-group-separator-color: currentColor !default;\n\n$table-caption-color:         $text-muted !default;\n\n$table-bg-scale:              -80% !default;\n// scss-docs-end table-variables\n\n// scss-docs-start table-loop\n$table-variants: (\n  \"primary\":    shift-color($primary, $table-bg-scale),\n  \"secondary\":  shift-color($secondary, $table-bg-scale),\n  \"success\":    shift-color($success, $table-bg-scale),\n  \"info\":       shift-color($info, $table-bg-scale),\n  \"warning\":    shift-color($warning, $table-bg-scale),\n  \"danger\":     shift-color($danger, $table-bg-scale),\n  \"light\":      $light,\n  \"dark\":       $dark,\n) !default;\n// scss-docs-end table-loop\n\n\n// Buttons + Forms\n//\n// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.\n\n// scss-docs-start input-btn-variables\n$input-btn-padding-y:         .375rem !default;\n$input-btn-padding-x:         .75rem !default;\n$input-btn-font-family:       null !default;\n$input-btn-font-size:         $font-size-base !default;\n$input-btn-line-height:       $line-height-base !default;\n\n$input-btn-focus-width:         .25rem !default;\n$input-btn-focus-color-opacity: .25 !default;\n$input-btn-focus-color:         rgba($component-active-bg, $input-btn-focus-color-opacity) !default;\n$input-btn-focus-blur:          0 !default;\n$input-btn-focus-box-shadow:    0 0 $input-btn-focus-blur $input-btn-focus-width $input-btn-focus-color !default;\n\n$input-btn-padding-y-sm:      .25rem !default;\n$input-btn-padding-x-sm:      .5rem !default;\n$input-btn-font-size-sm:      $font-size-sm !default;\n\n$input-btn-padding-y-lg:      .5rem !default;\n$input-btn-padding-x-lg:      1rem !default;\n$input-btn-font-size-lg:      $font-size-lg !default;\n\n$input-btn-border-width:      $border-width !default;\n// scss-docs-end input-btn-variables\n\n\n// Buttons\n//\n// For each of Bootstrap's buttons, define text, background, and border color.\n\n// scss-docs-start btn-variables\n$btn-padding-y:               $input-btn-padding-y !default;\n$btn-padding-x:               $input-btn-padding-x !default;\n$btn-font-family:             $input-btn-font-family !default;\n$btn-font-size:               $input-btn-font-size !default;\n$btn-line-height:             $input-btn-line-height !default;\n$btn-white-space:             null !default; // Set to `nowrap` to prevent text wrapping\n\n$btn-padding-y-sm:            $input-btn-padding-y-sm !default;\n$btn-padding-x-sm:            $input-btn-padding-x-sm !default;\n$btn-font-size-sm:            $input-btn-font-size-sm !default;\n\n$btn-padding-y-lg:            $input-btn-padding-y-lg !default;\n$btn-padding-x-lg:            $input-btn-padding-x-lg !default;\n$btn-font-size-lg:            $input-btn-font-size-lg !default;\n\n$btn-border-width:            $input-btn-border-width !default;\n\n$btn-font-weight:             $font-weight-normal !default;\n$btn-box-shadow:              inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075) !default;\n$btn-focus-width:             $input-btn-focus-width !default;\n$btn-focus-box-shadow:        $input-btn-focus-box-shadow !default;\n$btn-disabled-opacity:        .65 !default;\n$btn-active-box-shadow:       inset 0 3px 5px rgba($black, .125) !default;\n\n$btn-link-color:              $link-color !default;\n$btn-link-hover-color:        $link-hover-color !default;\n$btn-link-disabled-color:     $gray-600 !default;\n\n// Allows for customizing button radius independently from global border radius\n$btn-border-radius:           $border-radius !default;\n$btn-border-radius-sm:        $border-radius-sm !default;\n$btn-border-radius-lg:        $border-radius-lg !default;\n\n$btn-transition:              color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$btn-hover-bg-shade-amount:       15% !default;\n$btn-hover-bg-tint-amount:        15% !default;\n$btn-hover-border-shade-amount:   20% !default;\n$btn-hover-border-tint-amount:    10% !default;\n$btn-active-bg-shade-amount:      20% !default;\n$btn-active-bg-tint-amount:       20% !default;\n$btn-active-border-shade-amount:  25% !default;\n$btn-active-border-tint-amount:   10% !default;\n// scss-docs-end btn-variables\n\n\n// Forms\n\n// scss-docs-start form-text-variables\n$form-text-margin-top:                  .25rem !default;\n$form-text-font-size:                   $small-font-size !default;\n$form-text-font-style:                  null !default;\n$form-text-font-weight:                 null !default;\n$form-text-color:                       $text-muted !default;\n// scss-docs-end form-text-variables\n\n// scss-docs-start form-label-variables\n$form-label-margin-bottom:              .5rem !default;\n$form-label-font-size:                  null !default;\n$form-label-font-style:                 null !default;\n$form-label-font-weight:                null !default;\n$form-label-color:                      null !default;\n// scss-docs-end form-label-variables\n\n// scss-docs-start form-input-variables\n$input-padding-y:                       $input-btn-padding-y !default;\n$input-padding-x:                       $input-btn-padding-x !default;\n$input-font-family:                     $input-btn-font-family !default;\n$input-font-size:                       $input-btn-font-size !default;\n$input-font-weight:                     $font-weight-base !default;\n$input-line-height:                     $input-btn-line-height !default;\n\n$input-padding-y-sm:                    $input-btn-padding-y-sm !default;\n$input-padding-x-sm:                    $input-btn-padding-x-sm !default;\n$input-font-size-sm:                    $input-btn-font-size-sm !default;\n\n$input-padding-y-lg:                    $input-btn-padding-y-lg !default;\n$input-padding-x-lg:                    $input-btn-padding-x-lg !default;\n$input-font-size-lg:                    $input-btn-font-size-lg !default;\n\n$input-bg:                              $body-bg !default;\n$input-disabled-bg:                     $gray-200 !default;\n$input-disabled-border-color:           null !default;\n\n$input-color:                           $body-color !default;\n$input-border-color:                    $gray-400 !default;\n$input-border-width:                    $input-btn-border-width !default;\n$input-box-shadow:                      $box-shadow-inset !default;\n\n$input-border-radius:                   $border-radius !default;\n$input-border-radius-sm:                $border-radius-sm !default;\n$input-border-radius-lg:                $border-radius-lg !default;\n\n$input-focus-bg:                        $input-bg !default;\n$input-focus-border-color:              tint-color($component-active-bg, 50%) !default;\n$input-focus-color:                     $input-color !default;\n$input-focus-width:                     $input-btn-focus-width !default;\n$input-focus-box-shadow:                $input-btn-focus-box-shadow !default;\n\n$input-placeholder-color:               $gray-600 !default;\n$input-plaintext-color:                 $body-color !default;\n\n$input-height-border:                   $input-border-width * 2 !default;\n\n$input-height-inner:                    add($input-line-height * 1em, $input-padding-y * 2) !default;\n$input-height-inner-half:               add($input-line-height * .5em, $input-padding-y) !default;\n$input-height-inner-quarter:            add($input-line-height * .25em, $input-padding-y * .5) !default;\n\n$input-height:                          add($input-line-height * 1em, add($input-padding-y * 2, $input-height-border, false)) !default;\n$input-height-sm:                       add($input-line-height * 1em, add($input-padding-y-sm * 2, $input-height-border, false)) !default;\n$input-height-lg:                       add($input-line-height * 1em, add($input-padding-y-lg * 2, $input-height-border, false)) !default;\n\n$input-transition:                      border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$form-color-width:                      3rem !default;\n// scss-docs-end form-input-variables\n\n// scss-docs-start form-check-variables\n$form-check-input-width:                  1em !default;\n$form-check-min-height:                   $font-size-base * $line-height-base !default;\n$form-check-padding-start:                $form-check-input-width + .5em !default;\n$form-check-margin-bottom:                .125rem !default;\n$form-check-label-color:                  null !default;\n$form-check-label-cursor:                 null !default;\n$form-check-transition:                   null !default;\n\n$form-check-input-active-filter:          brightness(90%) !default;\n\n$form-check-input-bg:                     $input-bg !default;\n$form-check-input-border:                 1px solid rgba($black, .25) !default;\n$form-check-input-border-radius:          .25em !default;\n$form-check-radio-border-radius:          50% !default;\n$form-check-input-focus-border:           $input-focus-border-color !default;\n$form-check-input-focus-box-shadow:       $input-btn-focus-box-shadow !default;\n\n$form-check-input-checked-color:          $component-active-color !default;\n$form-check-input-checked-bg-color:       $component-active-bg !default;\n$form-check-input-checked-border-color:   $form-check-input-checked-bg-color !default;\n$form-check-input-checked-bg-image:       url(\"data:image/svg+xml,<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 10l3 3l6-6'/></svg>\") !default;\n$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;\n\n$form-check-input-indeterminate-color:          $component-active-color !default;\n$form-check-input-indeterminate-bg-color:       $component-active-bg !default;\n$form-check-input-indeterminate-border-color:   $form-check-input-indeterminate-bg-color !default;\n$form-check-input-indeterminate-bg-image:       url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path fill='none' stroke='#{$form-check-input-indeterminate-color}' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/></svg>\") !default;\n\n$form-check-input-disabled-opacity:        .5 !default;\n$form-check-label-disabled-opacity:        $form-check-input-disabled-opacity !default;\n$form-check-btn-check-disabled-opacity:    $btn-disabled-opacity !default;\n\n$form-check-inline-margin-end:    1rem !default;\n// scss-docs-end form-check-variables\n\n// scss-docs-start form-switch-variables\n$form-switch-color:               rgba($black, .25) !default;\n$form-switch-width:               2em !default;\n$form-switch-padding-start:       $form-switch-width + .5em !default;\n$form-switch-bg-image:            url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='#{$form-switch-color}'/></svg>\") !default;\n$form-switch-border-radius:       $form-switch-width !default;\n$form-switch-transition:          background-position .15s ease-in-out !default;\n\n$form-switch-focus-color:         $input-focus-border-color !default;\n$form-switch-focus-bg-image:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='#{$form-switch-focus-color}'/></svg>\") !default;\n\n$form-switch-checked-color:       $component-active-color !default;\n$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;\n$form-switch-checked-bg-position: right center !default;\n// scss-docs-end form-switch-variables\n\n// scss-docs-start input-group-variables\n$input-group-addon-padding-y:           $input-padding-y !default;\n$input-group-addon-padding-x:           $input-padding-x !default;\n$input-group-addon-font-weight:         $input-font-weight !default;\n$input-group-addon-color:               $input-color !default;\n$input-group-addon-bg:                  $gray-200 !default;\n$input-group-addon-border-color:        $input-border-color !default;\n// scss-docs-end input-group-variables\n\n// scss-docs-start form-select-variables\n$form-select-padding-y:             $input-padding-y !default;\n$form-select-padding-x:             $input-padding-x !default;\n$form-select-font-family:           $input-font-family !default;\n$form-select-font-size:             $input-font-size !default;\n$form-select-indicator-padding:     $form-select-padding-x * 3 !default; // Extra padding for background-image\n$form-select-font-weight:           $input-font-weight !default;\n$form-select-line-height:           $input-line-height !default;\n$form-select-color:                 $input-color !default;\n$form-select-bg:                    $input-bg !default;\n$form-select-disabled-color:        null !default;\n$form-select-disabled-bg:           $gray-200 !default;\n$form-select-disabled-border-color: $input-disabled-border-color !default;\n$form-select-bg-position:           right $form-select-padding-x center !default;\n$form-select-bg-size:               16px 12px !default; // In pixels because image dimensions\n$form-select-indicator-color:       $gray-800 !default;\n$form-select-indicator:             url(\"data:image/svg+xml,<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 5l6 6 6-6'/></svg>\") !default;\n\n$form-select-feedback-icon-padding-end: $form-select-padding-x * 2.5 + $form-select-indicator-padding !default;\n$form-select-feedback-icon-position:    center right $form-select-indicator-padding !default;\n$form-select-feedback-icon-size:        $input-height-inner-half $input-height-inner-half !default;\n\n$form-select-border-width:        $input-border-width !default;\n$form-select-border-color:        $input-border-color !default;\n$form-select-border-radius:       $input-border-radius !default;\n$form-select-box-shadow:          $box-shadow-inset !default;\n\n$form-select-focus-border-color:  $input-focus-border-color !default;\n$form-select-focus-width:         $input-focus-width !default;\n$form-select-focus-box-shadow:    0 0 0 $form-select-focus-width $input-btn-focus-color !default;\n\n$form-select-padding-y-sm:        $input-padding-y-sm !default;\n$form-select-padding-x-sm:        $input-padding-x-sm !default;\n$form-select-font-size-sm:        $input-font-size-sm !default;\n$form-select-border-radius-sm:    $input-border-radius-sm !default;\n\n$form-select-padding-y-lg:        $input-padding-y-lg !default;\n$form-select-padding-x-lg:        $input-padding-x-lg !default;\n$form-select-font-size-lg:        $input-font-size-lg !default;\n$form-select-border-radius-lg:    $input-border-radius-lg !default;\n\n$form-select-transition:          $input-transition !default;\n// scss-docs-end form-select-variables\n\n// scss-docs-start form-range-variables\n$form-range-track-width:          100% !default;\n$form-range-track-height:         .5rem !default;\n$form-range-track-cursor:         pointer !default;\n$form-range-track-bg:             $gray-300 !default;\n$form-range-track-border-radius:  1rem !default;\n$form-range-track-box-shadow:     $box-shadow-inset !default;\n\n$form-range-thumb-width:                   1rem !default;\n$form-range-thumb-height:                  $form-range-thumb-width !default;\n$form-range-thumb-bg:                      $component-active-bg !default;\n$form-range-thumb-border:                  0 !default;\n$form-range-thumb-border-radius:           1rem !default;\n$form-range-thumb-box-shadow:              0 .1rem .25rem rgba($black, .1) !default;\n$form-range-thumb-focus-box-shadow:        0 0 0 1px $body-bg, $input-focus-box-shadow !default;\n$form-range-thumb-focus-box-shadow-width:  $input-focus-width !default; // For focus box shadow issue in Edge\n$form-range-thumb-active-bg:               tint-color($component-active-bg, 70%) !default;\n$form-range-thumb-disabled-bg:             $gray-500 !default;\n$form-range-thumb-transition:              background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n// scss-docs-end form-range-variables\n\n// scss-docs-start form-file-variables\n$form-file-button-color:          $input-color !default;\n$form-file-button-bg:             $input-group-addon-bg !default;\n$form-file-button-hover-bg:       shade-color($form-file-button-bg, 5%) !default;\n// scss-docs-end form-file-variables\n\n// scss-docs-start form-floating-variables\n$form-floating-height:            add(3.5rem, $input-height-border) !default;\n$form-floating-line-height:       1.25 !default;\n$form-floating-padding-x:         $input-padding-x !default;\n$form-floating-padding-y:         1rem !default;\n$form-floating-input-padding-t:   1.625rem !default;\n$form-floating-input-padding-b:   .625rem !default;\n$form-floating-label-opacity:     .65 !default;\n$form-floating-label-transform:   scale(.85) translateY(-.5rem) translateX(.15rem) !default;\n$form-floating-transition:        opacity .1s ease-in-out, transform .1s ease-in-out !default;\n// scss-docs-end form-floating-variables\n\n// Form validation\n\n// scss-docs-start form-feedback-variables\n$form-feedback-margin-top:          $form-text-margin-top !default;\n$form-feedback-font-size:           $form-text-font-size !default;\n$form-feedback-font-style:          $form-text-font-style !default;\n$form-feedback-valid-color:         $success !default;\n$form-feedback-invalid-color:       $danger !default;\n\n$form-feedback-icon-valid-color:    $form-feedback-valid-color !default;\n$form-feedback-icon-valid:          url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'><path fill='#{$form-feedback-icon-valid-color}' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/></svg>\") !default;\n$form-feedback-icon-invalid-color:  $form-feedback-invalid-color !default;\n$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;\n// scss-docs-end form-feedback-variables\n\n// scss-docs-start form-validation-states\n$form-validation-states: (\n  \"valid\": (\n    \"color\": $form-feedback-valid-color,\n    \"icon\": $form-feedback-icon-valid\n  ),\n  \"invalid\": (\n    \"color\": $form-feedback-invalid-color,\n    \"icon\": $form-feedback-icon-invalid\n  )\n) !default;\n// scss-docs-end form-validation-states\n\n// Z-index master list\n//\n// Warning: Avoid customizing these values. They're used for a bird's eye view\n// of components dependent on the z-axis and are designed to all work together.\n\n// scss-docs-start zindex-stack\n$zindex-dropdown:                   1000 !default;\n$zindex-sticky:                     1020 !default;\n$zindex-fixed:                      1030 !default;\n$zindex-offcanvas-backdrop:         1040 !default;\n$zindex-offcanvas:                  1045 !default;\n$zindex-modal-backdrop:             1050 !default;\n$zindex-modal:                      1055 !default;\n$zindex-popover:                    1070 !default;\n$zindex-tooltip:                    1080 !default;\n// scss-docs-end zindex-stack\n\n\n// Navs\n\n// scss-docs-start nav-variables\n$nav-link-padding-y:                .5rem !default;\n$nav-link-padding-x:                1rem !default;\n$nav-link-font-size:                null !default;\n$nav-link-font-weight:              null !default;\n$nav-link-color:                    $link-color !default;\n$nav-link-hover-color:              $link-hover-color !default;\n$nav-link-transition:               color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out !default;\n$nav-link-disabled-color:           $gray-600 !default;\n\n$nav-tabs-border-color:             $gray-300 !default;\n$nav-tabs-border-width:             $border-width !default;\n$nav-tabs-border-radius:            $border-radius !default;\n$nav-tabs-link-hover-border-color:  $gray-200 $gray-200 $nav-tabs-border-color !default;\n$nav-tabs-link-active-color:        $gray-700 !default;\n$nav-tabs-link-active-bg:           $body-bg !default;\n$nav-tabs-link-active-border-color: $gray-300 $gray-300 $nav-tabs-link-active-bg !default;\n\n$nav-pills-border-radius:           $border-radius !default;\n$nav-pills-link-active-color:       $component-active-color !default;\n$nav-pills-link-active-bg:          $component-active-bg !default;\n// scss-docs-end nav-variables\n\n\n// Navbar\n\n// scss-docs-start navbar-variables\n$navbar-padding-y:                  $spacer * .5 !default;\n$navbar-padding-x:                  null !default;\n\n$navbar-nav-link-padding-x:         .5rem !default;\n\n$navbar-brand-font-size:            $font-size-lg !default;\n// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link\n$nav-link-height:                   $font-size-base * $line-height-base + $nav-link-padding-y * 2 !default;\n$navbar-brand-height:               $navbar-brand-font-size * $line-height-base !default;\n$navbar-brand-padding-y:            ($nav-link-height - $navbar-brand-height) * .5 !default;\n$navbar-brand-margin-end:           1rem !default;\n\n$navbar-toggler-padding-y:          .25rem !default;\n$navbar-toggler-padding-x:          .75rem !default;\n$navbar-toggler-font-size:          $font-size-lg !default;\n$navbar-toggler-border-radius:      $btn-border-radius !default;\n$navbar-toggler-focus-width:        $btn-focus-width !default;\n$navbar-toggler-transition:         box-shadow .15s ease-in-out !default;\n// scss-docs-end navbar-variables\n\n// scss-docs-start navbar-theme-variables\n$navbar-dark-color:                 rgba($white, .55) !default;\n$navbar-dark-hover-color:           rgba($white, .75) !default;\n$navbar-dark-active-color:          $white !default;\n$navbar-dark-disabled-color:        rgba($white, .25) !default;\n$navbar-dark-toggler-icon-bg:       url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='#{$navbar-dark-color}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>\") !default;\n$navbar-dark-toggler-border-color:  rgba($white, .1) !default;\n\n$navbar-light-color:                rgba($black, .55) !default;\n$navbar-light-hover-color:          rgba($black, .7) !default;\n$navbar-light-active-color:         rgba($black, .9) !default;\n$navbar-light-disabled-color:       rgba($black, .3) !default;\n$navbar-light-toggler-icon-bg:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='#{$navbar-light-color}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>\") !default;\n$navbar-light-toggler-border-color: rgba($black, .1) !default;\n\n$navbar-light-brand-color:                $navbar-light-active-color !default;\n$navbar-light-brand-hover-color:          $navbar-light-active-color !default;\n$navbar-dark-brand-color:                 $navbar-dark-active-color !default;\n$navbar-dark-brand-hover-color:           $navbar-dark-active-color !default;\n// scss-docs-end navbar-theme-variables\n\n\n// Dropdowns\n//\n// Dropdown menu container and contents.\n\n// scss-docs-start dropdown-variables\n$dropdown-min-width:                10rem !default;\n$dropdown-padding-x:                0 !default;\n$dropdown-padding-y:                .5rem !default;\n$dropdown-spacer:                   .125rem !default;\n$dropdown-font-size:                $font-size-base !default;\n$dropdown-color:                    $body-color !default;\n$dropdown-bg:                       $white !default;\n$dropdown-border-color:             rgba($black, .15) !default;\n$dropdown-border-radius:            $border-radius !default;\n$dropdown-border-width:             $border-width !default;\n$dropdown-inner-border-radius:      subtract($dropdown-border-radius, $dropdown-border-width) !default;\n$dropdown-divider-bg:               $dropdown-border-color !default;\n$dropdown-divider-margin-y:         $spacer * .5 !default;\n$dropdown-box-shadow:               $box-shadow !default;\n\n$dropdown-link-color:               $gray-900 !default;\n$dropdown-link-hover-color:         shade-color($dropdown-link-color, 10%) !default;\n$dropdown-link-hover-bg:            $gray-200 !default;\n\n$dropdown-link-active-color:        $component-active-color !default;\n$dropdown-link-active-bg:           $component-active-bg !default;\n\n$dropdown-link-disabled-color:      $gray-500 !default;\n\n$dropdown-item-padding-y:           $spacer * .25 !default;\n$dropdown-item-padding-x:           $spacer !default;\n\n$dropdown-header-color:             $gray-600 !default;\n$dropdown-header-padding:           $dropdown-padding-y $dropdown-item-padding-x !default;\n// scss-docs-end dropdown-variables\n\n// scss-docs-start dropdown-dark-variables\n$dropdown-dark-color:               $gray-300 !default;\n$dropdown-dark-bg:                  $gray-800 !default;\n$dropdown-dark-border-color:        $dropdown-border-color !default;\n$dropdown-dark-divider-bg:          $dropdown-divider-bg !default;\n$dropdown-dark-box-shadow:          null !default;\n$dropdown-dark-link-color:          $dropdown-dark-color !default;\n$dropdown-dark-link-hover-color:    $white !default;\n$dropdown-dark-link-hover-bg:       rgba($white, .15) !default;\n$dropdown-dark-link-active-color:   $dropdown-link-active-color !default;\n$dropdown-dark-link-active-bg:      $dropdown-link-active-bg !default;\n$dropdown-dark-link-disabled-color: $gray-500 !default;\n$dropdown-dark-header-color:        $gray-500 !default;\n// scss-docs-end dropdown-dark-variables\n\n\n// Pagination\n\n// scss-docs-start pagination-variables\n$pagination-padding-y:              .375rem !default;\n$pagination-padding-x:              .75rem !default;\n$pagination-padding-y-sm:           .25rem !default;\n$pagination-padding-x-sm:           .5rem !default;\n$pagination-padding-y-lg:           .75rem !default;\n$pagination-padding-x-lg:           1.5rem !default;\n\n$pagination-color:                  $link-color !default;\n$pagination-bg:                     $white !default;\n$pagination-border-width:           $border-width !default;\n$pagination-border-radius:          $border-radius !default;\n$pagination-margin-start:           -$pagination-border-width !default;\n$pagination-border-color:           $gray-300 !default;\n\n$pagination-focus-color:            $link-hover-color !default;\n$pagination-focus-bg:               $gray-200 !default;\n$pagination-focus-box-shadow:       $input-btn-focus-box-shadow !default;\n$pagination-focus-outline:          0 !default;\n\n$pagination-hover-color:            $link-hover-color !default;\n$pagination-hover-bg:               $gray-200 !default;\n$pagination-hover-border-color:     $gray-300 !default;\n\n$pagination-active-color:           $component-active-color !default;\n$pagination-active-bg:              $component-active-bg !default;\n$pagination-active-border-color:    $pagination-active-bg !default;\n\n$pagination-disabled-color:         $gray-600 !default;\n$pagination-disabled-bg:            $white !default;\n$pagination-disabled-border-color:  $gray-300 !default;\n\n$pagination-transition:              color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$pagination-border-radius-sm:       $border-radius-sm !default;\n$pagination-border-radius-lg:       $border-radius-lg !default;\n// scss-docs-end pagination-variables\n\n\n// Placeholders\n\n// scss-docs-start placeholders\n$placeholder-opacity-max:           .5 !default;\n$placeholder-opacity-min:           .2 !default;\n// scss-docs-end placeholders\n\n// Cards\n\n// scss-docs-start card-variables\n$card-spacer-y:                     $spacer !default;\n$card-spacer-x:                     $spacer !default;\n$card-title-spacer-y:               $spacer * .5 !default;\n$card-border-width:                 $border-width !default;\n$card-border-color:                 rgba($black, .125) !default;\n$card-border-radius:                $border-radius !default;\n$card-box-shadow:                   null !default;\n$card-inner-border-radius:          subtract($card-border-radius, $card-border-width) !default;\n$card-cap-padding-y:                $card-spacer-y * .5 !default;\n$card-cap-padding-x:                $card-spacer-x !default;\n$card-cap-bg:                       rgba($black, .03) !default;\n$card-cap-color:                    null !default;\n$card-height:                       null !default;\n$card-color:                        null !default;\n$card-bg:                           $white !default;\n$card-img-overlay-padding:          $spacer !default;\n$card-group-margin:                 $grid-gutter-width * .5 !default;\n// scss-docs-end card-variables\n\n// Accordion\n\n// scss-docs-start accordion-variables\n$accordion-padding-y:                     1rem !default;\n$accordion-padding-x:                     1.25rem !default;\n$accordion-color:                         $body-color !default;\n$accordion-bg:                            $body-bg !default;\n$accordion-border-width:                  $border-width !default;\n$accordion-border-color:                  rgba($black, .125) !default;\n$accordion-border-radius:                 $border-radius !default;\n$accordion-inner-border-radius:           subtract($accordion-border-radius, $accordion-border-width) !default;\n\n$accordion-body-padding-y:                $accordion-padding-y !default;\n$accordion-body-padding-x:                $accordion-padding-x !default;\n\n$accordion-button-padding-y:              $accordion-padding-y !default;\n$accordion-button-padding-x:              $accordion-padding-x !default;\n$accordion-button-color:                  $accordion-color !default;\n$accordion-button-bg:                     $accordion-bg !default;\n$accordion-transition:                    $btn-transition, border-radius .15s ease !default;\n$accordion-button-active-bg:              tint-color($component-active-bg, 90%) !default;\n$accordion-button-active-color:           shade-color($primary, 10%) !default;\n\n$accordion-button-focus-border-color:     $input-focus-border-color !default;\n$accordion-button-focus-box-shadow:       $btn-focus-box-shadow !default;\n\n$accordion-icon-width:                    1.25rem !default;\n$accordion-icon-color:                    $accordion-button-color !default;\n$accordion-icon-active-color:             $accordion-button-active-color !default;\n$accordion-icon-transition:               transform .2s ease-in-out !default;\n$accordion-icon-transform:                rotate(-180deg) !default;\n\n$accordion-button-icon:         url(\"data:image/svg+xml,<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;\n$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;\n// scss-docs-end accordion-variables\n\n// Tooltips\n\n// scss-docs-start tooltip-variables\n$tooltip-font-size:                 $font-size-sm !default;\n$tooltip-max-width:                 200px !default;\n$tooltip-color:                     $white !default;\n$tooltip-bg:                        $black !default;\n$tooltip-border-radius:             $border-radius !default;\n$tooltip-opacity:                   .9 !default;\n$tooltip-padding-y:                 $spacer * .25 !default;\n$tooltip-padding-x:                 $spacer * .5 !default;\n$tooltip-margin:                    0 !default;\n\n$tooltip-arrow-width:               .8rem !default;\n$tooltip-arrow-height:              .4rem !default;\n$tooltip-arrow-color:               $tooltip-bg !default;\n// scss-docs-end tooltip-variables\n\n// Form tooltips must come after regular tooltips\n// scss-docs-start tooltip-feedback-variables\n$form-feedback-tooltip-padding-y:     $tooltip-padding-y !default;\n$form-feedback-tooltip-padding-x:     $tooltip-padding-x !default;\n$form-feedback-tooltip-font-size:     $tooltip-font-size !default;\n$form-feedback-tooltip-line-height:   null !default;\n$form-feedback-tooltip-opacity:       $tooltip-opacity !default;\n$form-feedback-tooltip-border-radius: $tooltip-border-radius !default;\n// scss-docs-end tooltip-feedback-variables\n\n\n// Popovers\n\n// scss-docs-start popover-variables\n$popover-font-size:                 $font-size-sm !default;\n$popover-bg:                        $white !default;\n$popover-max-width:                 276px !default;\n$popover-border-width:              $border-width !default;\n$popover-border-color:              rgba($black, .2) !default;\n$popover-border-radius:             $border-radius-lg !default;\n$popover-inner-border-radius:       subtract($popover-border-radius, $popover-border-width) !default;\n$popover-box-shadow:                $box-shadow !default;\n\n$popover-header-bg:                 shade-color($popover-bg, 6%) !default;\n$popover-header-color:              $headings-color !default;\n$popover-header-padding-y:          .5rem !default;\n$popover-header-padding-x:          $spacer !default;\n\n$popover-body-color:                $body-color !default;\n$popover-body-padding-y:            $spacer !default;\n$popover-body-padding-x:            $spacer !default;\n\n$popover-arrow-width:               1rem !default;\n$popover-arrow-height:              .5rem !default;\n$popover-arrow-color:               $popover-bg !default;\n\n$popover-arrow-outer-color:         fade-in($popover-border-color, .05) !default;\n// scss-docs-end popover-variables\n\n\n// Toasts\n\n// scss-docs-start toast-variables\n$toast-max-width:                   350px !default;\n$toast-padding-x:                   .75rem !default;\n$toast-padding-y:                   .5rem !default;\n$toast-font-size:                   .875rem !default;\n$toast-color:                       null !default;\n$toast-background-color:            rgba($white, .85) !default;\n$toast-border-width:                1px !default;\n$toast-border-color:                rgba($black, .1) !default;\n$toast-border-radius:               $border-radius !default;\n$toast-box-shadow:                  $box-shadow !default;\n$toast-spacing:                     $container-padding-x !default;\n\n$toast-header-color:                $gray-600 !default;\n$toast-header-background-color:     rgba($white, .85) !default;\n$toast-header-border-color:         rgba($black, .05) !default;\n// scss-docs-end toast-variables\n\n\n// Badges\n\n// scss-docs-start badge-variables\n$badge-font-size:                   .75em !default;\n$badge-font-weight:                 $font-weight-bold !default;\n$badge-color:                       $white !default;\n$badge-padding-y:                   .35em !default;\n$badge-padding-x:                   .65em !default;\n$badge-border-radius:               $border-radius !default;\n// scss-docs-end badge-variables\n\n\n// Modals\n\n// scss-docs-start modal-variables\n$modal-inner-padding:               $spacer !default;\n\n$modal-footer-margin-between:       .5rem !default;\n\n$modal-dialog-margin:               .5rem !default;\n$modal-dialog-margin-y-sm-up:       1.75rem !default;\n\n$modal-title-line-height:           $line-height-base !default;\n\n$modal-content-color:               null !default;\n$modal-content-bg:                  $white !default;\n$modal-content-border-color:        rgba($black, .2) !default;\n$modal-content-border-width:        $border-width !default;\n$modal-content-border-radius:       $border-radius-lg !default;\n$modal-content-inner-border-radius: subtract($modal-content-border-radius, $modal-content-border-width) !default;\n$modal-content-box-shadow-xs:       $box-shadow-sm !default;\n$modal-content-box-shadow-sm-up:    $box-shadow !default;\n\n$modal-backdrop-bg:                 $black !default;\n$modal-backdrop-opacity:            .5 !default;\n$modal-header-border-color:         $border-color !default;\n$modal-footer-border-color:         $modal-header-border-color !default;\n$modal-header-border-width:         $modal-content-border-width !default;\n$modal-footer-border-width:         $modal-header-border-width !default;\n$modal-header-padding-y:            $modal-inner-padding !default;\n$modal-header-padding-x:            $modal-inner-padding !default;\n$modal-header-padding:              $modal-header-padding-y $modal-header-padding-x !default; // Keep this for backwards compatibility\n\n$modal-sm:                          300px !default;\n$modal-md:                          500px !default;\n$modal-lg:                          800px !default;\n$modal-xl:                          1140px !default;\n\n$modal-fade-transform:              translate(0, -50px) !default;\n$modal-show-transform:              none !default;\n$modal-transition:                  transform .3s ease-out !default;\n$modal-scale-transform:             scale(1.02) !default;\n// scss-docs-end modal-variables\n\n\n// Alerts\n//\n// Define alert colors, border radius, and padding.\n\n// scss-docs-start alert-variables\n$alert-padding-y:               $spacer !default;\n$alert-padding-x:               $spacer !default;\n$alert-margin-bottom:           1rem !default;\n$alert-border-radius:           $border-radius !default;\n$alert-link-font-weight:        $font-weight-bold !default;\n$alert-border-width:            $border-width !default;\n$alert-bg-scale:                -80% !default;\n$alert-border-scale:            -70% !default;\n$alert-color-scale:             40% !default;\n$alert-dismissible-padding-r:   $alert-padding-x * 3 !default; // 3x covers width of x plus default padding on either side\n// scss-docs-end alert-variables\n\n\n// Progress bars\n\n// scss-docs-start progress-variables\n$progress-height:                   1rem !default;\n$progress-font-size:                $font-size-base * .75 !default;\n$progress-bg:                       $gray-200 !default;\n$progress-border-radius:            $border-radius !default;\n$progress-box-shadow:               $box-shadow-inset !default;\n$progress-bar-color:                $white !default;\n$progress-bar-bg:                   $primary !default;\n$progress-bar-animation-timing:     1s linear infinite !default;\n$progress-bar-transition:           width .6s ease !default;\n// scss-docs-end progress-variables\n\n\n// List group\n\n// scss-docs-start list-group-variables\n$list-group-color:                  $gray-900 !default;\n$list-group-bg:                     $white !default;\n$list-group-border-color:           rgba($black, .125) !default;\n$list-group-border-width:           $border-width !default;\n$list-group-border-radius:          $border-radius !default;\n\n$list-group-item-padding-y:         $spacer * .5 !default;\n$list-group-item-padding-x:         $spacer !default;\n$list-group-item-bg-scale:          -80% !default;\n$list-group-item-color-scale:       40% !default;\n\n$list-group-hover-bg:               $gray-100 !default;\n$list-group-active-color:           $component-active-color !default;\n$list-group-active-bg:              $component-active-bg !default;\n$list-group-active-border-color:    $list-group-active-bg !default;\n\n$list-group-disabled-color:         $gray-600 !default;\n$list-group-disabled-bg:            $list-group-bg !default;\n\n$list-group-action-color:           $gray-700 !default;\n$list-group-action-hover-color:     $list-group-action-color !default;\n\n$list-group-action-active-color:    $body-color !default;\n$list-group-action-active-bg:       $gray-200 !default;\n// scss-docs-end list-group-variables\n\n\n// Image thumbnails\n\n// scss-docs-start thumbnail-variables\n$thumbnail-padding:                 .25rem !default;\n$thumbnail-bg:                      $body-bg !default;\n$thumbnail-border-width:            $border-width !default;\n$thumbnail-border-color:            $gray-300 !default;\n$thumbnail-border-radius:           $border-radius !default;\n$thumbnail-box-shadow:              $box-shadow-sm !default;\n// scss-docs-end thumbnail-variables\n\n\n// Figures\n\n// scss-docs-start figure-variables\n$figure-caption-font-size:          $small-font-size !default;\n$figure-caption-color:              $gray-600 !default;\n// scss-docs-end figure-variables\n\n\n// Breadcrumbs\n\n// scss-docs-start breadcrumb-variables\n$breadcrumb-font-size:              null !default;\n$breadcrumb-padding-y:              0 !default;\n$breadcrumb-padding-x:              0 !default;\n$breadcrumb-item-padding-x:         .5rem !default;\n$breadcrumb-margin-bottom:          1rem !default;\n$breadcrumb-bg:                     null !default;\n$breadcrumb-divider-color:          $gray-600 !default;\n$breadcrumb-active-color:           $gray-600 !default;\n$breadcrumb-divider:                quote(\"/\") !default;\n$breadcrumb-divider-flipped:        $breadcrumb-divider !default;\n$breadcrumb-border-radius:          null !default;\n// scss-docs-end breadcrumb-variables\n\n// Carousel\n\n// scss-docs-start carousel-variables\n$carousel-control-color:             $white !default;\n$carousel-control-width:             15% !default;\n$carousel-control-opacity:           .5 !default;\n$carousel-control-hover-opacity:     .9 !default;\n$carousel-control-transition:        opacity .15s ease !default;\n\n$carousel-indicator-width:           30px !default;\n$carousel-indicator-height:          3px !default;\n$carousel-indicator-hit-area-height: 10px !default;\n$carousel-indicator-spacer:          3px !default;\n$carousel-indicator-opacity:         .5 !default;\n$carousel-indicator-active-bg:       $white !default;\n$carousel-indicator-active-opacity:  1 !default;\n$carousel-indicator-transition:      opacity .6s ease !default;\n\n$carousel-caption-width:             70% !default;\n$carousel-caption-color:             $white !default;\n$carousel-caption-padding-y:         1.25rem !default;\n$carousel-caption-spacer:            1.25rem !default;\n\n$carousel-control-icon-width:        2rem !default;\n\n$carousel-control-prev-icon-bg:      url(\"data:image/svg+xml,<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;\n$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;\n\n$carousel-transition-duration:       .6s !default;\n$carousel-transition:                transform $carousel-transition-duration ease-in-out !default; // Define transform transition first if using multiple transitions (e.g., `transform 2s ease, opacity .5s ease-out`)\n\n$carousel-dark-indicator-active-bg:  $black !default;\n$carousel-dark-caption-color:        $black !default;\n$carousel-dark-control-icon-filter:  invert(1) grayscale(100) !default;\n// scss-docs-end carousel-variables\n\n\n// Spinners\n\n// scss-docs-start spinner-variables\n$spinner-width:           2rem !default;\n$spinner-height:          $spinner-width !default;\n$spinner-vertical-align:  -.125em !default;\n$spinner-border-width:    .25em !default;\n$spinner-animation-speed: .75s !default;\n\n$spinner-width-sm:        1rem !default;\n$spinner-height-sm:       $spinner-width-sm !default;\n$spinner-border-width-sm: .2em !default;\n// scss-docs-end spinner-variables\n\n\n// Close\n\n// scss-docs-start close-variables\n$btn-close-width:            1em !default;\n$btn-close-height:           $btn-close-width !default;\n$btn-close-padding-x:        .25em !default;\n$btn-close-padding-y:        $btn-close-padding-x !default;\n$btn-close-color:            $black !default;\n$btn-close-bg:               url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$btn-close-color}'><path d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/></svg>\") !default;\n$btn-close-focus-shadow:     $input-btn-focus-box-shadow !default;\n$btn-close-opacity:          .5 !default;\n$btn-close-hover-opacity:    .75 !default;\n$btn-close-focus-opacity:    1 !default;\n$btn-close-disabled-opacity: .25 !default;\n$btn-close-white-filter:     invert(1) grayscale(100%) brightness(200%) !default;\n// scss-docs-end close-variables\n\n\n// Offcanvas\n\n// scss-docs-start offcanvas-variables\n$offcanvas-padding-y:               $modal-inner-padding !default;\n$offcanvas-padding-x:               $modal-inner-padding !default;\n$offcanvas-horizontal-width:        400px !default;\n$offcanvas-vertical-height:         30vh !default;\n$offcanvas-transition-duration:     .3s !default;\n$offcanvas-border-color:            $modal-content-border-color !default;\n$offcanvas-border-width:            $modal-content-border-width !default;\n$offcanvas-title-line-height:       $modal-title-line-height !default;\n$offcanvas-bg-color:                $modal-content-bg !default;\n$offcanvas-color:                   $modal-content-color !default;\n$offcanvas-box-shadow:              $modal-content-box-shadow-xs !default;\n$offcanvas-backdrop-bg:             $modal-backdrop-bg !default;\n$offcanvas-backdrop-opacity:        $modal-backdrop-opacity !default;\n// scss-docs-end offcanvas-variables\n\n// Code\n\n$code-font-size:                    $small-font-size !default;\n$code-color:                        $pink !default;\n\n$kbd-padding-y:                     .2rem !default;\n$kbd-padding-x:                     .4rem !default;\n$kbd-font-size:                     $code-font-size !default;\n$kbd-color:                         $white !default;\n$kbd-bg:                            $gray-900 !default;\n\n$pre-color:                         null !default;\n","//\n// Base styles\n//\n\n.card {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  min-width: 0; // See https://github.com/twbs/bootstrap/pull/22740#issuecomment-305868106\n  height: $card-height;\n  word-wrap: break-word;\n  background-color: $card-bg;\n  background-clip: border-box;\n  border: $card-border-width solid $card-border-color;\n  @include border-radius($card-border-radius);\n  @include box-shadow($card-box-shadow);\n\n  > hr {\n    margin-right: 0;\n    margin-left: 0;\n  }\n\n  > .list-group {\n    border-top: inherit;\n    border-bottom: inherit;\n\n    &:first-child {\n      border-top-width: 0;\n      @include border-top-radius($card-inner-border-radius);\n    }\n\n    &:last-child  {\n      border-bottom-width: 0;\n      @include border-bottom-radius($card-inner-border-radius);\n    }\n  }\n\n  // Due to specificity of the above selector (`.card > .list-group`), we must\n  // use a child selector here to prevent double borders.\n  > .card-header + .list-group,\n  > .list-group + .card-footer {\n    border-top: 0;\n  }\n}\n\n.card-body {\n  // Enable `flex-grow: 1` for decks and groups so that card blocks take up\n  // as much space as possible, ensuring footers are aligned to the bottom.\n  flex: 1 1 auto;\n  padding: $card-spacer-y $card-spacer-x;\n  color: $card-color;\n}\n\n.card-title {\n  margin-bottom: $card-title-spacer-y;\n}\n\n.card-subtitle {\n  margin-top: -$card-title-spacer-y * .5;\n  margin-bottom: 0;\n}\n\n.card-text:last-child {\n  margin-bottom: 0;\n}\n\n.card-link {\n  &:hover {\n    text-decoration: if($link-hover-decoration == underline, none, null);\n  }\n\n  + .card-link {\n    margin-left: $card-spacer-x;\n  }\n}\n\n//\n// Optional textual caps\n//\n\n.card-header {\n  padding: $card-cap-padding-y $card-cap-padding-x;\n  margin-bottom: 0; // Removes the default margin-bottom of <hN>\n  color: $card-cap-color;\n  background-color: $card-cap-bg;\n  border-bottom: $card-border-width solid $card-border-color;\n\n  &:first-child {\n    @include border-radius($card-inner-border-radius $card-inner-border-radius 0 0);\n  }\n}\n\n.card-footer {\n  padding: $card-cap-padding-y $card-cap-padding-x;\n  color: $card-cap-color;\n  background-color: $card-cap-bg;\n  border-top: $card-border-width solid $card-border-color;\n\n  &:last-child {\n    @include border-radius(0 0 $card-inner-border-radius $card-inner-border-radius);\n  }\n}\n\n\n//\n// Header navs\n//\n\n.card-header-tabs {\n  margin-right: -$card-cap-padding-x * .5;\n  margin-bottom: -$card-cap-padding-y;\n  margin-left: -$card-cap-padding-x * .5;\n  border-bottom: 0;\n\n  @if $nav-tabs-link-active-bg != $card-bg {\n    .nav-link.active {\n      background-color: $card-bg;\n      border-bottom-color: $card-bg;\n    }\n  }\n}\n\n.card-header-pills {\n  margin-right: -$card-cap-padding-x * .5;\n  margin-left: -$card-cap-padding-x * .5;\n}\n\n// Card image\n.card-img-overlay {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  padding: $card-img-overlay-padding;\n  @include border-radius($card-inner-border-radius);\n}\n\n.card-img,\n.card-img-top,\n.card-img-bottom {\n  width: 100%; // Required because we use flexbox and this inherently applies align-self: stretch\n}\n\n.card-img,\n.card-img-top {\n  @include border-top-radius($card-inner-border-radius);\n}\n\n.card-img,\n.card-img-bottom {\n  @include border-bottom-radius($card-inner-border-radius);\n}\n\n\n//\n// Card groups\n//\n\n.card-group {\n  // The child selector allows nested `.card` within `.card-group`\n  // to display properly.\n  > .card {\n    margin-bottom: $card-group-margin;\n  }\n\n  @include media-breakpoint-up(sm) {\n    display: flex;\n    flex-flow: row wrap;\n    // The child selector allows nested `.card` within `.card-group`\n    // to display properly.\n    > .card {\n      // Flexbugs #4: https://github.com/philipwalton/flexbugs#flexbug-4\n      flex: 1 0 0%;\n      margin-bottom: 0;\n\n      + .card {\n        margin-left: 0;\n        border-left: 0;\n      }\n\n      // Handle rounded corners\n      @if $enable-rounded {\n        &:not(:last-child) {\n          @include border-end-radius(0);\n\n          .card-img-top,\n          .card-header {\n            // stylelint-disable-next-line property-disallowed-list\n            border-top-right-radius: 0;\n          }\n          .card-img-bottom,\n          .card-footer {\n            // stylelint-disable-next-line property-disallowed-list\n            border-bottom-right-radius: 0;\n          }\n        }\n\n        &:not(:first-child) {\n          @include border-start-radius(0);\n\n          .card-img-top,\n          .card-header {\n            // stylelint-disable-next-line property-disallowed-list\n            border-top-left-radius: 0;\n          }\n          .card-img-bottom,\n          .card-footer {\n            // stylelint-disable-next-line property-disallowed-list\n            border-bottom-left-radius: 0;\n          }\n        }\n      }\n    }\n  }\n}\n","// stylelint-disable property-disallowed-list\n// Single side border-radius\n\n// Helper function to replace negative values with 0\n@function valid-radius($radius) {\n  $return: ();\n  @each $value in $radius {\n    @if type-of($value) == number {\n      $return: append($return, max($value, 0));\n    } @else {\n      $return: append($return, $value);\n    }\n  }\n  @return $return;\n}\n\n// scss-docs-start border-radius-mixins\n@mixin border-radius($radius: $border-radius, $fallback-border-radius: false) {\n  @if $enable-rounded {\n    border-radius: valid-radius($radius);\n  }\n  @else if $fallback-border-radius != false {\n    border-radius: $fallback-border-radius;\n  }\n}\n\n@mixin border-top-radius($radius: $border-radius) {\n  @if $enable-rounded {\n    border-top-left-radius: valid-radius($radius);\n    border-top-right-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-end-radius($radius: $border-radius) {\n  @if $enable-rounded {\n    border-top-right-radius: valid-radius($radius);\n    border-bottom-right-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-bottom-radius($radius: $border-radius) {\n  @if $enable-rounded {\n    border-bottom-right-radius: valid-radius($radius);\n    border-bottom-left-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-start-radius($radius: $border-radius) {\n  @if $enable-rounded {\n    border-top-left-radius: valid-radius($radius);\n    border-bottom-left-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-top-start-radius($radius: $border-radius) {\n  @if $enable-rounded {\n    border-top-left-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-top-end-radius($radius: $border-radius) {\n  @if $enable-rounded {\n    border-top-right-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-bottom-end-radius($radius: $border-radius) {\n  @if $enable-rounded {\n    border-bottom-right-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-bottom-start-radius($radius: $border-radius) {\n  @if $enable-rounded {\n    border-bottom-left-radius: valid-radius($radius);\n  }\n}\n// scss-docs-end border-radius-mixins\n","// #region Defaul Card\n// Reset the link\na.card {\n\n  cursor: pointer;\n  \n  &:before {\n    display: none;\n  }\n}\n\n.card {\n  --spread: #{rem(12)};\n  box-shadow: 0 2px var(--spread) 0 rgba(154,154,154,0.25);\n  min-height: 100%;\n  overflow: hidden;\n  max-width: rem(925);\n\n  &:hover,\n  &:focus {\n    --spread: #{rem(6)};\n\n    .card-body *:not(.badge) {\n      color: var(--colour-hover)!important;\n    }\n  }\n\n  &:active {\n    --spread: #{rem(3)};\n  }\n}\n\n.card-header__wrapper {\n  padding-bottom: 0;\n  padding-top: 55%;\n  position: relative;\n  overflow: hidden;\n  background: rgba(0,0,0,0.1);\n\n  > * {\n\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n  }\n\n  .card-image {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 101%;\n    height: 101%;\n    object-fit: cover;\n  }\n  \n  .card-header {\n    display: flex;\n    flex-wrap: nowrap;\n    flex-direction: column;\n    align-items: flex-start;\n    justify-content: space-between;\n  }\n\n  .card-logo {\n    position: absolute;\n    top: 0;\n    right: 0;\n    left: auto;\n    height: 3.5rem;\n    width: 8rem;\n    object-fit: contain;\n    object-position: right;\n  }\n}\n\n.card-body {\n\n  color: var(--colour-body);\n\n  *:last-child {\n    margin-bottom: 0;\n  }\n}\n\n.card-footer {\n  padding-top: 0;\n}\n\n// Add a default margin bottom\n.row:not([class*=\"g-\"]) .card {\n\n  margin-bottom: 1rem;\n}\n// #endregion\n\n// #region Simple card variant\n.card--simple {\n\n  box-shadow: none;\n  min-height: 0;\n  background: none;\n  \n  .card-header__wrapper {\n\n    @include border-radius($card-border-radius);\n    margin-bottom: 1rem;\n  }\n\n  .card-body {\n    padding-top: 0;\n  }\n  .card-body,\n  .card-footer {\n    padding-left: 0;\n    padding-right: 0;\n  }\n}\n// #endregion\n\n// #region Quick link card\n.card--quick{\n  \n  .card-header,\n  .card-footer,\n  .card-body > *:not(.card-title) {\n    display: none;\n  }\n\n  .card-title {\n    margin-bottom: 0;\n    padding-left: 2em;\n    position: relative;\n\n    &:before,\n    &:after {\n\n      content: \"\";\n      position: absolute;\n      left: 0;\n      top: 0;\n      width: 1.2em;\n      height: 1.2em;\n    }\n    &:before  {\n\n      left: 0.05em;\n      background: currentColor;\n      mask-image: escape-svg($accordion-button-icon);\n      mask-size: 50%;\n      mask-repeat: no-repeat;\n      mask-position: 50% 50%;\n    \n      -webkit-mask-image: escape-svg($accordion-button-icon);\n      -webkit-mask-size: 50%;\n      -webkit-mask-repeat: no-repeat;\n      -webkit-mask-position: 50% 50%;\n    }\n\n    &:after {\n      border: 2px solid currentColor;\n      border-radius: 50%;\n    }\n\n  }\n}\n// #endregion\n","\n// #region Card Deck\n.card-deck.container:not([data-card-type=\"simple\"]) {\n\n  padding-bottom: 3rem;\n\n  > .row:first-child {\n    padding-top: 0.5rem;\n  }\n\n  &[class*=\"bg-\"] {\n    padding-bottom: 5rem;\n  }\n}\n// #endregion\n\n// #region Fake container query that transforms the card into a vertical card\n@mixin vertical-card(){\n  .card-header__wrapper {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 45.8%;\n    height: 100%;\n    padding: 0;\n  }\n  .card-header__wrapper ~ .card-body,\n  .card-header__wrapper ~ .card-footer {\n    padding-left: calc(45.8% + #{$card-spacer-x + $card-spacer-x});\n  }\n}\n\n@media screen and (min-width: 36em) and (max-width: 61.99em) {\n\n  .card-deck .row-cols-sm-1 {\n    @include vertical-card();\n  }\n}\n\n@include media-breakpoint-up(md) {\n\n  .card-deck:not(.card-deck--featured) .row-cols-md-1 {\n    \n    @include vertical-card();\n  }\n}\n// #endregion\n\n// #region Featured Card deck\n.card-deck--featured {\n\n  > .row > .col:nth-child(4) ~ .col {\n    display: none;\n  }\n\n  > .row > .col:not(:first-child) .card-header__wrapper {\n    display: none;\n  }\n\n  .row-cols-sm-1 > .col:not(:first-child) .card-header__wrapper ~ .card-body {\n    padding-left: 1.5rem;\n  }\n\n  .card-footer {\n    display: none;\n  }\n\n  @include media-breakpoint-up(md) {\n\n    > .row {\n      display: grid;\n      grid-template-columns: 1fr 1fr 41.66666667%; \n      grid-template-rows: auto auto auto; \n      gap: var(--bs-gutter-y) var(--bs-gutter-x); \n      grid-template-areas: \n        \"featured featured card2\"\n        \"featured featured card3\"\n        \"featured featured card4\";\n      margin-top:0;\n    }\n    > .row > .col:first-child {\n      grid-area: featured;\n    }\n    > .row > .col:not(:first-child) {\n      min-height: 0;\n    }\n\n    > .row > .col:nth-child(2) {\n      grid-area: card2;\n    }\n\n    > .row > .col:nth-child(3) {\n      grid-area: card3;\n    }\n\n    > .row > .col:nth-child(4) {\n      grid-area: card4;\n    }\n\n    > .row > .col {\n      width: 100%;\n      margin-top:0;\n    }\n\n  }\n}\n// #endregion","// #region default carousel\n.carousel {\n  padding-bottom: 3rem;\n\n  .carousel__wrapper {\n\n    position: relative;\n  }\n\n  .carousel__inner {\n\n    --bs-gutter-x: #{$grid-gutter-width};\n    overflow: auto;\n    scroll-snap-type: x mandatory;\n    margin-right: calc(var(--bs-gutter-x) * -.5);\n    margin-left: calc(var(--bs-gutter-x) * -.5);   \n\n    > .row {\n      flex-wrap: nowrap;\n      margin: 0;\n\n      > .col {\n        padding-top: rem(36);\n        padding-bottom: rem(24);\n        scroll-snap-align: start;\n        scroll-padding: calc(var(--bs-gutter-x) * -1);\n      }\n    }\n  }\n\n  .carousel__item > *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n  }\n}\n// #endregion\n\n// #region Remove the scrollbar\nbody.js-enabled .carousel__inner {\n  // FireFox\n  scrollbar-width: none;\n  // IE10+\n  -ms-overflow-style: none;\n}\n\nbody.js-enabled .carousel__inner::-webkit-scrollbar {\n  // Chrome, Safari, Edge\n  display: none;\n}\n// #endregion\n\n// #region carousel controls/pips\n.carousel:not(.hide-controls) {\n  padding-bottom: 4.5rem;\n}\n\n.carousel.hide-controls .carousel__controls {\n  display: none;\n}\n\n.carousel .carousel__controls {\n  position: absolute;\n  text-align: center;\n  width: auto;\n  left: 0;\n  width: calc(100% + 2rem);\n  margin-left: -1rem;\n  margin-right: -1rem;\n  bottom: -3rem;\n\n  a {\n    width: 1rem;\n    height: 1rem;\n    min-height: 1rem;\n    border-radius: 50%;\n    text-indent: -50rem;\n    overflow: hidden;\n    background: currentColor;\n    padding: 0;\n    margin: 0 0.5rem 0.5rem 0.5rem;\n\n    &:before {\n      display: none;\n    }\n  }\n\n  a:first-child:last-child {\n    display: none;\n  }\n}\n\n\n.carousel__controls {\n\n  @include invert-colours(){\n    \n    a:not(:hover):not(:focus):not(:active):not(.active){\n\n      opacity: 0.5;\n    }\n  }\n}\n\n.carousel .carousel__controls > a:nth-child(10) ~ a {\n\n  display: none;\n}\n// #endregion\n\n// #region Carousel buttons\n.carousel.hide-btns .carousel__wrapper > .btn {\n  display: none;\n}\n\n.carousel:not(.hide-btns) .carousel__inner {\n\n  margin-left: rem(28);\n  margin-right: rem(28);\n}\n\n.carousel .carousel__wrapper > .btn {\n  position: absolute;\n  top: 50%;\n  left: -1.25rem;\n  transform: translate(0,-50%);\n\n  &.btn-next {\n    left: auto;\n    right: -1.25rem;\n  }\n\n  @include media-breakpoint-up(md) {\n\n    margin-left: -1rem;\n    margin-right: -1rem;\n  }\n}\n\n\n// #endregion\n\n.carousel .carousel__inner > .row > .col:first-child {\n  margin-left: 0!important;\n}\n\n@include media-breakpoint-up(sm) {\n\n  .carousel .carousel__controls > a:nth-child(10) ~ a {\n\n    display: inline-block;\n  }\n\n  .carousel .carousel__inner > .row[class*=\"row-cols-sm-\"] > .col{\n    scroll-snap-align: unset;\n  }\n\n  .carousel .carousel__inner > .row-cols-sm-2 > .col:nth-child(odd),\n  .carousel .carousel__inner > .row-cols-sm-3 > .col:nth-child(3n+1),\n  .carousel .carousel__inner > .row-cols-sm-4 > .col:nth-child(4n+1),\n  .carousel .carousel__inner > .row-cols-sm-5 > .col:nth-child(5n+1),\n  .carousel .carousel__inner > .row-cols-sm-6 > .col:nth-child(6n+1) {\n    scroll-snap-align: start;\n\n    body:not(.js-enabled) & {\n      margin-left: 4rem;\n    }\n  }\n\n  .carousel .carousel__controls.cols-sm-2 > a:not(:nth-child(odd)),\n  .carousel .carousel__controls.cols-sm-3 > a:not(:nth-child(3n+1)),\n  .carousel .carousel__controls.cols-sm-4 > a:not(:nth-child(4n+1)),\n  .carousel .carousel__controls.cols-sm-5 > a:not(:nth-child(5n+1)),\n  .carousel .carousel__controls.cols-sm-6 > a:not(:nth-child(6n+1)) {\n    display: none;\n  }\n\n  // Make sure that we dont just have one pip showing\n  .carousel .carousel__controls.cols-sm-2 > a:first-child:nth-last-child(2),\n  .carousel .carousel__controls.cols-sm-3 > a:first-child:nth-last-child(2),\n  .carousel .carousel__controls.cols-sm-3 > a:first-child:nth-last-child(3),\n  .carousel .carousel__controls.cols-sm-4 > a:first-child:nth-last-child(2),\n  .carousel .carousel__controls.cols-sm-4 > a:first-child:nth-last-child(3),\n  .carousel .carousel__controls.cols-sm-4 > a:first-child:nth-last-child(4),\n  .carousel .carousel__controls.cols-sm-5 > a:first-child:nth-last-child(2),\n  .carousel .carousel__controls.cols-sm-5 > a:first-child:nth-last-child(3),\n  .carousel .carousel__controls.cols-sm-5 > a:first-child:nth-last-child(4),\n  .carousel .carousel__controls.cols-sm-5 > a:first-child:nth-last-child(5),\n  .carousel .carousel__controls.cols-sm-6 > a:first-child:nth-last-child(2),\n  .carousel .carousel__controls.cols-sm-6 > a:first-child:nth-last-child(3),\n  .carousel .carousel__controls.cols-sm-6 > a:first-child:nth-last-child(4),\n  .carousel .carousel__controls.cols-sm-6 > a:first-child:nth-last-child(5),\n  .carousel .carousel__controls.cols-sm-6 > a:first-child:nth-last-child(6) {\n    display: none;\n  }\n\n  // Hide buttons if not needed\n  .carousel.hide-sm-btns .carousel__wrapper > .btn {\n    display: none;\n  }\n\n  .carousel.hide-sm-btns .carousel__inner {\n\n    margin-left: 0;\n    margin-right: 0;\n  }\n}\n\n@include media-breakpoint-up(md) {\n\n  .carousel .carousel__inner > .row[class*=\"row-cols-md-\"] > .col{\n    scroll-snap-align: unset;\n    margin-left: 0;\n  }\n  \n  .carousel .carousel__inner > .row-cols-md-2 > .col:nth-child(odd),\n  .carousel .carousel__inner > .row-cols-md-3 > .col:nth-child(3n+1),\n  .carousel .carousel__inner > .row-cols-md-4 > .col:nth-child(4n+1),\n  .carousel .carousel__inner > .row-cols-md-5 > .col:nth-child(5n+1),\n  .carousel .carousel__inner > .row-cols-md-6 > .col:nth-child(6n+1) {\n    scroll-snap-align: start;\n    \n    body:not(.js-enabled) & {\n\n      margin-left: calc(50vw);\n    }\n  }\n\n  .carousel .carousel__controls.cols-md-2 > a:not(:nth-child(odd)),\n  .carousel .carousel__controls.cols-md-3 > a:not(:nth-child(3n+1)),\n  .carousel .carousel__controls.cols-md-4 > a:not(:nth-child(4n+1)),\n  .carousel .carousel__controls.cols-md-5 > a:not(:nth-child(5n+1)),\n  .carousel .carousel__controls.cols-md-6 > a:not(:nth-child(6n+1)) {\n    display: none;\n  }\n\n  // Make sure that we dont just have one pip showing\n  .carousel .carousel__controls.cols-md-2 > a:first-child:nth-last-child(2),\n  .carousel .carousel__controls.cols-md-3 > a:first-child:nth-last-child(2),\n  .carousel .carousel__controls.cols-md-3 > a:first-child:nth-last-child(3),\n  .carousel .carousel__controls.cols-md-4 > a:first-child:nth-last-child(2),\n  .carousel .carousel__controls.cols-md-4 > a:first-child:nth-last-child(3),\n  .carousel .carousel__controls.cols-md-4 > a:first-child:nth-last-child(4),\n  .carousel .carousel__controls.cols-md-5 > a:first-child:nth-last-child(2),\n  .carousel .carousel__controls.cols-md-5 > a:first-child:nth-last-child(3),\n  .carousel .carousel__controls.cols-md-5 > a:first-child:nth-last-child(4),\n  .carousel .carousel__controls.cols-md-5 > a:first-child:nth-last-child(5),\n  .carousel .carousel__controls.cols-md-6 > a:first-child:nth-last-child(2),\n  .carousel .carousel__controls.cols-md-6 > a:first-child:nth-last-child(3),\n  .carousel .carousel__controls.cols-md-6 > a:first-child:nth-last-child(4),\n  .carousel .carousel__controls.cols-md-6 > a:first-child:nth-last-child(5),\n  .carousel .carousel__controls.cols-md-6 > a:first-child:nth-last-child(6) {\n    display: none;\n  }\n\n  // Hide buttons when not needed\n  .carousel.hide-md-btns .carousel__wrapper > .btn {\n    display: none;\n  }\n\n  .carousel.hide-md-btns .carousel__inner {\n\n    margin-left: 0;\n    margin-right: 0;\n  }\n}",".header-banner {\n  background: linear-gradient(180deg,var(--colour-secondary) 0, var(--colour-info) 100%);\n  margin-bottom: rem(32);\n  position: relative;\n  overflow: hidden;\n  @include media-breakpoint-up(md) {\n    min-height: rem(470);\n  }\n\n  > .container {\n    padding-bottom: 0;\n    position: relative;\n  }\n\n  &__inner {\n    background: white;\n    padding: rem(32);\n    margin: rem(30) 0;\n    position: relative;\n    z-index: 2;\n    @include media-breakpoint-up(md) {\n      max-width: rem(600);\n      margin: rem(112) 0 rem(80) 0;\n      padding: rem(56) rem(64);\n    }\n    > *:last-child {\n      padding-bottom: 0;\n      margin-bottom: 0;\n    }\n  }\n\n  > picture img {\n    display: none;\n    @include media-breakpoint-up(md) {\n      display: block;\n      position: absolute;\n      top: -0.5%;\n      left: 40%;\n      height: 101%;\n      object-fit: cover;\n      width: 60%;\n      pointer-events: none;\n    }\n  }\n\n  > .container > .breadcrumb {\n    \n    margin-top: rem(24);\n    margin-bottom: -0.5rem;\n\n    @include media-breakpoint-up(md) {\n      position: absolute;\n      top: 0;\n      left: rem(60);\n    }\n  }\n}",".testimonial {\n\n  --testimonial-padding: 1rem;\n  --testimonial-spacing: 1rem;\n\n  @include media-breakpoint-up(md) {\n    --testimonial-padding: 4rem;\n    --testimonial-spacing: 2rem;\n  }\n\n  // Circle\n  > div:first-child {\n\n    position: relative;\n    overflow: hidden;\n  }\n\n  .circle {\n    color: currentColor;\n    position: absolute;\n    top: -18rem;\n    right: -8rem;\n    font-size: 28rem;\n    border-width: 4px;\n  }\n\n  &__images {\n    overflow: auto;\n    scroll-snap-type: x mandatory;\n    display: flex;\n    user-select: none;\n    touch-action: pan-x;\n    height: rem(230);\n\n    @include media-breakpoint-up(sm) {\n\n      height: rem(340);\n    }\n    @include media-breakpoint-up(md) {\n\n      min-height: 100%;\n      scroll-snap-type: y mandatory;\n      flex-direction: column;\n      touch-action: pan-y;\n    }\n\n    img {\n\n      scroll-snap-align: start;\n      user-select: none;\n      pointer-events: none;\n      flex-shrink: 0;\n    }\n  }\n\n  .testimonial__controls {\n    display: none;\n  }\n\n  &.testimonial--multi .testimonial__controls {\n    display: block;\n    position: absolute;\n    bottom: 0;\n    left: 50%;\n    transform: translate(-50%, 50%);\n\n    @include media-breakpoint-up(md) {\n      left: auto;\n      bottom: auto;\n      right: 0;\n      top: 50%;\n      transform: rotate(90deg) translate(0,-120%);\n      transform-origin: center;\n    }\n  }\n\n  // Make space for the circle\n  h2 {\n    padding: 2rem var(--testimonial-padding) 0 var(--testimonial-padding);\n\n    @include media-breakpoint-up(sm) {\n      padding-top: 3rem;\n    }\n    @include media-breakpoint-up(md) {\n      padding-top: 9rem;\n    }\n  }\n\n  &__content {\n\n    --display-none: none;\n    margin: 0 var(--testimonial-padding) var(--testimonial-spacing) var(--testimonial-padding);\n    position: relative;\n\n    @include media-breakpoint-up(md) {\n      --display-none: block;\n\n      blockquote:not(.largest) {\n        position: absolute;\n        top: 0;\n      }\n    }\n  }\n\n  // Only show 1 blockquote at a time\n  @for $i from 1 through 10 {\n\n    &[data-show=\"#{$i}\"] blockquote:not(:nth-child(#{$i})) {\n      display: var(--display-none);\n      opacity: 0;\n      user-select: none;\n      pointer-events: none;\n    }\n  }\n\n  &__after {\n\n    padding: 1rem var(--testimonial-padding) var(--testimonial-spacing) var(--testimonial-padding);\n  }\n}\n\n/* Hide scrollbar for Chrome, Safari and Opera */\n.testimonial__images::-webkit-scrollbar {\n  display: none;\n}\n\n/* Hide scrollbar for IE, Edge and Firefox */\n.testimonial__images {\n  -ms-overflow-style: none;  /* IE and Edge */\n  scrollbar-width: none;  /* Firefox */\n}","// #region Property searchbar\n.property-searchbar {\n\n  fieldset {\n    position: relative;\n\n    @include media-breakpoint-up(md) {\n      position: relative;\n      padding-right: 1.5rem;\n\n      &:after {\n        content: \"\";\n        position: absolute;\n        top: 0;\n        right: 0.5rem;\n        display: block;\n        height: 100%;\n        width: 1px;\n        background-color: var(--colour-muted);\n        opacity: 0.25;\n      }\n    }\n  }\n\n  .form-control__wrapper {\n    margin-bottom: 1rem;\n\n    @include media-breakpoint-up(md) {\n      margin-bottom: 0;\n    }\n  }\n\n  .form-label,\n  label {\n    font-size: rem(14);\n    text-transform: uppercase;\n  }\n\n  @include media-breakpoint-up(md) {\n\n    .row .row {\n      .form-label {\n        display: none;\n      }\n    }\n\n    .form-control,\n    .form-select {\n      padding: 0.5rem 1.5rem 0.5rem 0.5rem;\n    }\n\n    .form-select {\n      background-position: right 0.5rem center;\n    }\n  }\n\n  .input--locations {\n    padding-right: 5.5rem;\n  }\n\n  .select--miles {\n    position: absolute;\n    bottom: 0rem;\n    right: 0.5rem;\n    width: 5rem;\n\n    @include media-breakpoint-up(md) {\n      right: 1.5rem;\n    }\n\n    label {\n      display: none;\n    }\n\n    select {\n      background-color: transparent;\n      border-color: transparent;\n    }\n  }\n\n  @include media-breakpoint-up(md) {\n    .property-searchbar__btn {\n      align-items: flex-end;\n    }\n  }\n\n  button {\n    margin-top: 1rem;\n    margin-bottom: 1rem;\n\n    @include media-breakpoint-up(md) {\n      margin: 0;\n      padding-left: 3.5rem;\n      padding-right: 3.5rem;\n    }\n  }\n}\n// #endregion\n\n// #region Heror searchbar\n.property-searchbar--hero .property-searchbar {\n  padding: 1rem;\n  background-color: #fff;\n  width: 100%;\n  border-radius: rem(10);\n  -webkit-box-shadow: 0 2px 4px 0 rgb(0 0 0 / 24%);\n  box-shadow: 0 2px 4px 0 rgb(0 0 0 / 24%);\n  position: relative;\n\n  @include media-breakpoint-up(md) {\n\n    border-radius: rem(48);\n    padding: 1.5rem 2.5rem;\n\n    .form-label,\n    label {\n      margin-bottom: 0;\n    }\n\n    .form-control,\n    .form-select {\n      margin-left: -0.5rem; // Add a negative margin too keep text inline but also allow for a padding left so that the focus state looks presentable\n      border: none;\n      padding-top: 0.25rem;\n      padding-bottom: 0.25rem;\n    }\n\n    .form-select {\n      background-position: right 0rem center;\n      padding-right: 1rem;\n    }\n\n    .property-searchbar__btn {\n      align-items: center;\n    }\n  }\n}\n// #endregion\n",".nav {\n\n  background: white;\n\n  &__inner {\n\n    display: flex;\n    flex-direction: column;\n    flex-wrap: nowrap;\n    overflow: auto;\n\n    > .container {\n\n      padding-top: rem(16);\n      padding-bottom: 1rem;\n      flex-shrink: 0;\n      overflow: visible;\n    }\n  }\n\n  &__menu {\n    padding-bottom: rem(16);\n  }\n\n  .brand {\n    font-size: rem(48);\n\n    @include media-breakpoint-up(sm) {\n      font-size: rem(60);\n    }\n  }\n\n  .nav__search-btn,\n  .nav__menu-btn {\n\n    display: flex;\n\n    label {\n      height: rem(26);\n      width: rem(30);\n      text-indent: -300%;\n      overflow: hidden;\n      position: relative;\n      cursor: pointer;\n\n      color: var(--colour-link);\n\n      &:hover,\n      &:focus {\n\n        color: var(--colour-hover);\n      }\n\n      &:active {\n\n        color: var(--colour-active);\n      }\n\n      &:before,\n      &:after {\n        content: \"\";\n        position: absolute;\n        width: 0%;\n        height: 2px;\n        top: calc(50% - 1px);\n        left: 0;\n        background: currentColor;\n        transform-origin: 50% 50%;\n        transition: transform 0.5s, width 0.5s;\n      }\n    }\n  }\n  .nav__search-btn {\n\n    label {\n      text-indent: 0;\n      overflow: visible;\n    }\n    .icon {\n      height: rem(32);\n      width: rem(32);\n      margin-top: rem(-3);\n      margin-left: rem(-1);\n      transition: opacity 0.5s;\n      color: inherit;\n\n      &__outline {\n\n        stroke-width: 2px;\n        stroke: currentColor;\n      }\n    }\n  }\n\n  .nav__menu-btn {\n    display: flex;\n\n    label {\n\n      border-top: 2px solid currentColor;\n      border-bottom: 2px solid currentColor;\n      \n      &:before,\n      &:after {\n        width: 70%;\n      }\n    }\n  }\n\n  .list-unstyled {\n    padding-top: 1rem;\n  }\n\n  &__menu li a:not(.text-decoration-none):not(.btn),\n  &__menu li .link:not(.text-decoration-none):not(.btn) {\n    text-decoration: none;\n    @include var(color,--colour-primary,!important);\n    display: inline-block;\n    padding: rem(8) 0 rem(8) 0;\n    margin-bottom: 0;\n    position: relative;\n\n    &:before {\n      display: block;\n      width: 0;\n      height: rem(4);\n    }\n\n    &:hover:before,\n    &:focus:before,\n    &:active:before,\n    &.active:before {\n      width: 100%;\n    }\n  }\n\n\n  .nav__menu--search {\n    order: 2;\n    position: absolute;\n    top: 100%;\n    left: 0;\n    width: 100%;\n\n    background: rgba(0,0,0,.6);\n    height: calc(100vh - 5rem);\n\n    > div:first-child {\n      \n    }\n  }\n}\n\n// Nav with background colour applied\n.nav[class*=\"bg-\"] {\n\n  .nav__menu--secondary.bg-primary {\n    background-color: white!important;\n\n    --colour-link: var(--colour-link-theme);\n    --colour-hover: var(--colour-hover-theme);\n    --colour-active: var(--colour-active-theme);\n  }\n}\n\n// #region Secondary nav\n.nav__menu--secondary {\n  flex-grow: 1;\n\n  a {\n    display: inline-block;\n    font-size: rem(15);\n    padding: rem(8) 0 rem(8) 0;\n    text-decoration: none;\n  }\n\n  a:hover,\n  a:focus {\n    text-decoration: underline!important;\n  }\n}\n// #endregion\n\n// #region Admin Nav\n.nav--admin {\n  .brand {\n    font-size: rem(32);\n\n    @include media-breakpoint-up(md) {\n      font-size: rem(40);\n    }\n  }\n  .nav__logo {\n\n    height: 2rem;\n\n    @include media-breakpoint-up(md) {\n    \n      height: 2.5rem;\n    }\n  }\n\n  @include media-breakpoint-up(md) {\n    .nav__btn .btn {\n      padding-top: 0.5rem;\n      padding-bottom: 0.5rem;\n    }\n  }\n}\n// #endregion\n\n// #region Sticky nav\n.nav {\n\n  position: sticky;\n  top: -1px;\n  padding-top: 1px;\n  left: 0;\n  width: 100%;\n  z-index: 99999;\n\n  &.is-stuck {\n\n    -webkit-box-shadow: 0 4px 20px -10px rgba(51,51,51,0.25);\n    box-shadow: 0 4px 20px -10px rgba(51,51,51,0.25);\n  }\n}\n\nnav + main > *:first-child {\n  padding-top: 2rem;\n}\n\n@include media-breakpoint-up(md) {\n  .nav.has-secondary:not(.nav--admin) {\n\n    top: rem(-40);\n\n    .nav__inner {\n      position: sticky;\n      top: 0;\n      left: 0;\n      width: 100%;\n      z-index: 99999;\n    }\n  }\n}\n// #endregion\n\n// #region Show/hide\n.nav__menu,\n.nav__btn,\n.nav__menu--secondary,\n.nav__menu--search {\n\n  display: none;\n}\n\n#showMenu:checked ~ .nav__inner {\n\n  height: 100vh;\n}\n\n#showMenu:checked ~ div .nav__menu,\n#showMenu:checked ~ div .nav__btn,\n#showMenu:checked ~ div .nav__menu--secondary,\n#showMenu:not(:checked) ~ #showSearch:checked ~ div .nav__menu--search {\n  display: block;\n}\n\n\n\n#showMenu:checked ~ div .nav__menu-btn label,\n#showSearch:checked ~ div .nav__search-btn label {\n  \n  border: 0;\n  \n  .icon {\n    opacity: 0;\n  }\n  &:before {\n    width: 100%;\n    transform: rotate(45deg);\n  }\n  &:after {\n\n    width: 100%;\n    transform: rotate(-45deg);\n  }\n}\n// #endregion\n\n// #region Desktop nav\n@include media-breakpoint-up(md) {\n\n  .nav__logo {\n    height: rem(64);\n  }\n  .nav__inner {\n    overflow: visible;\n  }\n\n  .nav .nav__menu {\n    display: flex;\n    padding-bottom: 0;\n  }\n\n  .nav__btn,\n  .nav__menu--secondary {\n    display: flex;\n  }\n\n  .nav:not(.nav--admin) {\n\n    .nav__inner > .container {\n      order: 1;\n    }\n    .nav__menu--secondary {\n      order: 0;\n\n      .container {\n        padding-bottom: 0;\n      }\n    }\n  }\n  \n  .nav__search-btn,\n  .nav__btn {\n    order: 2;\n    margin-left: 1rem;\n\n    .btn {\n      margin-bottom: 0;\n    }\n  }\n\n  .nav__menu > .list-unstyled {\n    margin-left: -1.5rem!important;\n    margin-right: -1.5rem!important;\n    width: calc(100% + 3rem);\n    margin-bottom: 0;\n    text-align: right;\n    padding-top: 0;\n\n    > li {\n      display: inline-block;\n      padding-left: 1.5rem;\n      padding-right: 1.5rem;\n    }\n  }\n\n  .nav__menu--secondary .list-unstyled {\n    margin-left: -1rem!important;\n    margin-right: -1rem!important;\n    width: calc(100% + 2rem);\n    margin-bottom: 0;\n    text-align: right;\n\n    > li {\n      display: inline-block;\n      padding-left: 1rem;\n      padding-right: 1rem;\n    }\n  }\n\n\n  .nav:not(.nav--admin) .nav__menu--secondary .list-unstyled {\n    font-size: rem(15);\n    padding-top: 0;\n  }\n\n  .nav.nav--admin .nav__menu--secondary .list-unstyled {\n    text-align: left;\n  }\n\n}\n// #endregion\n\n// #region Drop down links\n\n.nav__menu .list-unstyled {\n\n  > li {\n\n\n    ul {\n      \n      padding-top: 0;\n      padding-left: 1rem;\n\n      @include media-breakpoint-up(md) {\n        padding-left: 0;\n      }\n\n      li a:not(.text-decoration-none):not(.btn),\n      li .link:not(.text-decoration-none):not(.btn){\n\n        &:focus,\n        &:hover {\n          text-decoration: underline;\n\n        }\n\n        &:before {\n          display: none;\n        }\n      }\n    }\n    \n    .link:not(.text-decoration-none):not(.btn) {\n      padding: 0.5rem 1.5rem 0.5rem 0;\n      display: inline-block;\n      color: var(--colour-primary);\n      cursor: pointer;\n      position: relative;\n      \n      &:after {\n        content: \"\";\n        position: absolute;\n        top: 50%;\n        right: 0;\n        width: 1.2em;\n        height: 1.2em;\n        \n        background: currentColor;\n        mask-image: var(--icon-arrow);\n        mask-size: 50%;\n        mask-repeat: no-repeat;\n        mask-position: 50% 50%;\n        -webkit-mask-image: var(--icon-arrow);\n        -webkit-mask-size: 50%;\n        -webkit-mask-repeat: no-repeat;\n        -webkit-mask-position: 50% 50%;\n        transition: transform 0.2s ease-in-out;\n        transform: rotate(90deg) translate(-50%,0);\n      }\n\n    }\n\n    details {\n      @include media-breakpoint-up(md) {\n\n        z-index: 1;\n        padding: 0 1rem;\n        margin-left: -1rem;\n        margin-right: -1rem;\n        width: calc(100% + 2rem)\n      }\n    }\n\n    @include media-breakpoint-up(md) {\n      details:not(.nav__mega-menu) {\n\n        position: relative;\n      }\n    }\n\n    details .inner {\n\n      padding-bottom: 2rem;\n\n      @include media-breakpoint-up(md) {\n      \n        position: absolute;\n        top: 100%;\n        right: 0;\n        min-width: 100%;\n        width: fit-content!important;\n        max-width: rem(300);\n        background: white;\n        padding: 1rem;\n        box-shadow: 0 4px 20px -10px rgb(51 51 51 / 15%);\n      }\n    }\n\n\n\n    details[open] {\n      .link:not(.text-decoration-none):not(.btn) {\n\n        &:before {\n          width: 100%;\n        }\n      }\n    }\n\n    details:hover,\n    details:focus,\n    details:focus-within {\n\n      .link:not(.text-decoration-none):not(.btn) {\n\n        &:before {\n          width: 100%;\n        }\n      }\n      &::details-content { display: contents; }\n      .inner  {\n        display: block!important;\n      }\n    }\n  }\n}\n\n\n\n// #endregion\n\n// #region Mega menu\n.nav__menu .list-unstyled > li  details.nav__mega-menu {\n\n  @include media-breakpoint-up(md) {\n\n    position: static;\n\n    height: 4.5rem;\n    margin-bottom: -5rem;\n  }\n\n  .inner {\n    \n    [class*=\"bg-\"]{\n\n      --bs-bg-opacity: 0;\n      @include media-breakpoint-up(md) {\n        --bs-bg-opacity: 1;\n      }\n    }\n\n\n    @include media-breakpoint-up(md) {\n\n      --bs-bg-opacity: 1;\n      position: absolute;\n      top: 100%;\n      left: 50%;\n      width: 100vw;\n      -webkit-transform: translateX(-50%);\n      -ms-transform: translateX(-50%);\n      transform: translateX(-50%);\n\n      background: rgba(0,0,0,.6);\n      height: calc(100vh - 8rem);\n\n      pointer-events: none;\n      padding-top: 0;\n\n      .container {\n        padding: 0 rem(60 - 36) 1rem rem(60 - 36)!important;\n        max-width: rem(1440)!important;\n        text-align: left;\n        pointer-events: all;\n        display: flex;\n\n        > div {\n          padding: rem(36);\n        }\n      }\n    }\n  }\n}\n// #endregion\n\n// #region inline search\n.nav--inline-search {\n\n  .nav__menu form {\n    position: relative;\n    .form-control__wrapper .form-control {\n      padding-right: 3rem;\n    }\n\n    button {\n      position: absolute;\n      bottom: 0;\n      right: 0;\n      margin: 0;\n      z-index: 1;\n      border-color: transparent;\n      background: transparent;\n      padding: 0.85rem 0rem;\n\n      .icon {\n        stroke: currentColor;\n      }\n    }\n  }\n\n  @include media-breakpoint-up(md) {\n    .nav__menu > .list-unstyled {\n      text-align: left;\n      margin-right: 0!important;\n    }\n\n    .nav__menu form {\n      min-width: rem(350);\n      position: relative;\n\n      .form-control__wrapper {\n        margin-bottom: 0;\n        display: flex;\n        align-items: center;\n\n        label {\n          white-space: nowrap;\n          padding-right: 1rem;\n        }\n\n        .form-control {\n          padding: rem(7) 3rem rem(7) 1rem;\n        }\n      }\n\n      button {\n        padding: rem(8) 0rem;\n      }\n    }\n  }\n}\n// #endregion\n","\n// Example: @include prefix(transition, transform 1.5s, webkit ms o);\n@mixin prefix($property, $value, $prefixes: (webkit ms o))\n{\n\t@each $prefix in $prefixes\n\t{\n\t\t#{'-' + $prefix + '-' + $property}: $value;\n\t}\n\t\n\t// Output standard non-prefixed declaration\n\t#{$property}: $value;\n}\n\n// Used to make it possible to use css properties but still support IE11\n@mixin var($property, $varName, $important:\"\", $compatible:$compatible) {\n\n  @if $compatible == 'true' {\n    #{$property}: map-get($vars, $varName) #{$important};\n  }\n  @else if $compatible == 'fallback' {\n      \n    #{$property}: map-get($vars, $varName) #{$important};\n    #{$property}: var(#{$varName}) #{$important};\n  }\n  @else {\n  #{$property}: var(#{$varName}) #{$important};\n  }\n}\n\n@mixin inline-text(){\n  p,\n  ul,\n  ol,\n  dd,\n  .body,\n  td {\n    @content;\n  }\n}\n\n@mixin invert-colours(){\n  [class*=\"bg-\"].bg-dark:not(.prevent-invert) &,\n  [class*=\"bg-\"].bg-danger:not(.prevent-invert) &,\n  [class*=\"bg-\"].bg-primary:not(.prevent-invert) &,\n  .invert-colours & {\n    @content;\n  }\n}\n\n@mixin headers($includeClasses: 'false'){\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    @content;\n  }\n\n  @if $includeClasses == 'true' {\n\n    .h1,\n    .h2,\n    .h3,\n    .h4,\n    .h5,\n    .h6 {\n      @content;\n    }\n  }\n}\n\n@mixin bg-variant($parent, $color, $ignore-warning: false) {\n  #{$parent} {\n\n    --bg-colour: var(--colour-#{str-replace($parent,'.bg-','')});\n    --bg-colour-tint: var(--colour-#{str-replace($parent,'.bg-','')}-tint);\n    \n    @include var(background-color,--colour-#{str-replace($parent,'.bg-','')},!important);\n  }\n}\n@mixin text-emphasis-variant($parent, $color, $ignore-warning: false) {\n  #{$parent} {\n\n    @include var(color,--colour-#{str-replace($parent,'.text-','')},\"!important\");\n  }\n}\n\n@mixin font-size($value, $compatible:$compatible) {\n  \n  $found: false;\n\n  @if $compatible == 'true' {\n    font-size: $value;\n  }\n  @else {\n    @each $size, $subvalue in $font-sizes {\n\n      @if($value == $subvalue and $found == false){\n        font-size: var(--fs-#{$size});\n        $found: true;\n      }\n    }\n    @if $found == false {\n      font-size: $value;\n    }\n  }\n\n}",".drawer__btn {\n\n  position: sticky;\n  bottom: 1.5rem;\n  left: 0;\n  width: 100%;\n  z-index: 5;\n  margin-bottom: -6rem;\n\n  .btn {\n    margin-bottom: 0;\n  }\n}\n\n.drawer {\n\n  > .container:first-child {\n    display: none;\n    margin-bottom: -2rem;\n    position: relative;\n    z-index: 2;\n  }\n\n  margin-top: 1rem;\n  padding-top: 2rem;\n  position: relative;\n  z-index: 15;\n  background: rgb(255,255,255);\n  background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(255,255,255,1) 1.5rem, rgba(255,255,255,1) 100%);\n}\n\n#showDrawer:checked ~ .drawer {\n  \n  position: sticky;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  background: rgb(255,255,255);\n  //border-top: 1px solid var(--colour-border);\n  box-shadow: 0 -1px 20px -10px rgb(51 51 51 / 25%);\n\n  > .container:first-child {\n    display: block;\n  }\n}",".modal {\n  display: none;\n}\n\n.modal:target {\n  display: block;\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background: rgba(0,0,0,0.25);\n  z-index: 99999;\n  border: none;\n  overscroll-behavior: contain;\n\n  > a:first-child {\n      \n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    opacity: 0;\n    cursor: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 512 512'%3e%3cg transform='rotate(45 256 256)'%3e%3crect id='r' x='16' y='216' width='480' height='80' rx='14'/%3e%3cuse href='%23r' transform='rotate(90 256 256)'/%3e%3c/g%3e%3c/svg%3e\") 8 8, pointer;\n  }\n\n  > button {\n    display: none;\n\n    @include media-breakpoint-up(md) {\n      display: block;\n      position: absolute;\n      z-index: 1;\n      top: 50%;\n      transform: translate(0,-50%);\n      overflow: hidden;\n      text-indent: 300%;\n      width: 2rem;\n      height: 2rem;\n\n      &.btn:not(:hover):not(:focus) {\n        background-color: white;\n      }\n\n      &.modal__dock--left {\n        right: calc(50% + #{rem(820/2)} + 1rem);\n        \n        &:after {\n          transform: rotate(-180deg);\n        }\n      }\n      &.modal__dock--right {\n        left: calc(50% + #{rem(820/2)} + 1rem);\n      }\n    }\n  }\n\n\n  &.modal--left button.modal__dock--left {\n    display: none;\n  }\n\n  &.modal--left button.modal__dock--right {\n    left: calc(#{rem(640)} + 2rem);\n  }\n\n  &.modal--right button.modal__dock--right {\n    display: none;\n  }\n\n  &.modal--right button.modal__dock--left {\n    right: calc(#{rem(640)} + 2rem);\n  }\n}\n\n\n.modal__outer {\n\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  width: 90%;\n  max-width: rem(820);\n  height: fit-content;\n  max-height: 90%;\n  overflow: visible;\n  transform: translate(-50%,-50%);\n\n  > .btn:first-child {\n    position: absolute;\n    top: 0;\n    right: 0;    \n    margin-top: -0.75rem;\n    margin-right: -0.75rem;\n    z-index: 99;\n\n    &:not(:hover):not(:focus):not(:active){\n      background: white;\n    }\n  }\n  @include media-breakpoint-up(md) {\n    .modal--left & {\n      left: 1rem;\n      transform: translate(0,-50%);\n      max-width: 40rem;\n    }\n\n    .modal--right & {\n      left: auto;\n      right: 1rem;\n      transform: translate(0,-50%);\n      max-width: 40rem;\n    }\n  }\n}\n\n.modal__inner {\n  background: white;\n  overscroll-behavior: contain;\n  height: fit-content;\n  max-height: 90vh;\n  overflow: auto;\n\n  & > *:first-child {\n\n    padding: 1rem;\n    @include media-breakpoint-up(sm) {\n\n      padding: 2rem;\n    }\n  }\n}\n",".stepper{background:#f0f0f0;display:flex;flex-wrap:wrap;margin-bottom:2rem;border:1px solid #fff;overflow:hidden}@media(min-width: 62em){.stepper{flex-wrap:nowrap;overflow-x:auto}}.stepper ol{margin:0;z-index:1;background:#fff;counter-reset:section;width:100%;overflow:auto}@media(min-width: 36em){.stepper ol{display:flex;flex-grow:1;padding-right:calc(2rem + 1px);margin-top:-1px;margin-bottom:-1px;margin-right:calc(-2rem - 2px);clip-path:polygon(0 0, calc(100% - 2rem) 0, 100% 50%, calc(100% - 2rem) 100%, 0 100%)}}@media(min-width: 62em){.stepper ol{overflow:initial}}.stepper ol li{width:100%;max-width:100%;background:#fff;padding:1px}@media(min-width: 36em){.stepper ol li:first-child a{padding-left:1rem;clip-path:polygon(0 0, calc(100% - 2rem) 0, 100% 50%, calc(100% - 2rem) 100%, 0 100%)}}@media(min-width: 62em){.stepper ol li:first-child a{padding-left:2rem}}.stepper ol li a{display:block;padding:1rem;text-decoration:none;position:relative;background:var(--colour-muted);line-height:1;position:relative}@media(min-width: 36em){.stepper ol li a{margin-right:-2rem;padding:2rem 3rem 2rem 3rem;clip-path:polygon(0 0, calc(100% - 2rem) 0, 100% 50%, calc(100% - 2rem) 100%, 0 100%, 2rem 50%);display:flex;height:100%;vertical-align:baseline;justify-content:center;align-items:center}}.stepper ol li a span{position:relative;display:inline;padding-left:2.25rem}.stepper ol li a span:before{counter-increment:section;content:counter(section);display:block;position:absolute;top:50%;left:0;transform:translate(0, -50%);margin-right:.5rem;font-size:.75em;border-radius:50%;border:2px solid currentColor;height:1.5rem;line-height:1.3rem;width:1.5rem;font-family:var(--font-heading);text-align:center}.stepper ol li a.bg-warning span:before,.stepper ol li a.bg-danger span:before{content:\"!\"}.stepper ol li a.bg-success span:before{content:\"✓\";text-indent:-0.1em}.stepper ol li a.current{background:var(--colour-primary);color:#fff;pointer-events:none}.stepper ol li a:not([href]){pointer-events:none}.stepper ol li a[href]:hover{background:var(--colour-hover-theme) !important;color:#fff}.stepper ol li a[href]:active{background:var(--colour-active-theme) !important;color:var(--colour-link-theme)}.stepper>span{width:100%;display:flex;padding:1rem;flex-shrink:0;margin:0;position:relative;z-index:0;align-items:center}.stepper>span.stepper__end{display:none}@media(min-width: 62em){.stepper>span{width:max-content;padding:2rem 2rem}.stepper>span.stepper__end{padding-left:3.5rem;display:flex}}",".stepper {\n  background: #f0f0f0;\n  display: flex;\n  flex-wrap: wrap;\n  margin-bottom: 2rem;\n  border: 1px solid white;\n  overflow: hidden;\n\n  @include media-breakpoint-up(md) {\n      \n    flex-wrap: nowrap;\n    overflow-x: auto;\n  }\n\n  ol {\n    margin: 0;\n    z-index: 1;\n    background: white;\n    counter-reset: section;\n    width: 100%;\n    overflow: auto;\n\n    @include media-breakpoint-up(sm) {\n\n      display: flex;\n      flex-grow: 1;\n      padding-right: calc(2rem + 1px);\n      margin-top: -1px;\n      margin-bottom: -1px;\n      margin-right: calc(-2rem + -2px);\n      clip-path: polygon(0 0, calc(100% - 2rem) 0, 100% 50%, calc(100% - 2rem) 100%, 0 100%);\n    }\n\n    @include media-breakpoint-up(md) {\n      overflow: initial;\n    }\n\n    li {\n      width: 100%;\n      max-width: 100%;\n      background: white;\n      padding: 1px;\n\n      @include media-breakpoint-up(sm) {\n        &:first-child a{\n          padding-left: 1rem;\n          clip-path: polygon(0 0, calc(100% - 2rem) 0, 100% 50%, calc(100% - 2rem) 100%, 0 100%);\n        }\n      }\n\n      @include media-breakpoint-up(md) {\n        &:first-child a{\n          padding-left: 2rem;\n        }\n      }\n      \n      a {\n        display: block;\n        padding: 1rem;\n        text-decoration: none;\n        position: relative;\n        background: var(--colour-muted);\n        line-height: 1;\n        position: relative;\n\n        @include media-breakpoint-up(sm) {\n\n          margin-right: -2rem;\n          padding: 2rem 3rem 2rem 3rem;\n          clip-path: polygon(0 0, calc(100% - 2rem) 0, 100% 50%, calc(100% - 2rem) 100%, 0 100%, 2rem 50%);\n          display: flex;\n          height: 100%;\n          vertical-align: baseline;\n          justify-content: center;\n          align-items: center;\n        }\n        \n        span {\n          position: relative;\n          display: inline;\n          padding-left: 2.25rem;\n\n          &:before {\n            counter-increment: section; \n            content: counter(section);\n            display: block;\n            position: absolute;\n            top: 50%;\n            left: 0;\n            transform: translate(0,-50%);\n            margin-right: 0.5rem;\n            font-size: 0.75em;\n            border-radius: 50%;\n            border: 2px solid currentColor;\n            height: 1.5rem;\n            line-height: 1.3rem;\n            width: 1.5rem;\n            font-family: var(--font-heading);\n            text-align: center;\n          }\n        }\n\n        &.bg-warning span:before,\n        &.bg-danger span:before {\n          content: \"!\";\n        }\n\n        &.bg-success span:before {\n          content: \"\\2713\";\n          text-indent: -0.1em;\n        }\n\n        &.current {\n          background: var(--colour-primary);\n          color: white;\n          pointer-events: none;\n        }\n\n        &:not([href]){\n          pointer-events: none;\n        }\n\n        &[href]:hover {\n          background: var(--colour-hover-theme)!important;\n          color: white;\n        }\n        &[href]:active {\n          background: var(--colour-active-theme)!important;\n          color: var(--colour-link-theme);\n        }\n      }\n    }\n  }\n\n\n  > span {\n\n    width: 100%;\n    display: flex;\n    padding: 1rem;\n    flex-shrink: 0;\n    margin: 0;\n    position: relative;\n    z-index: 0;\n    align-items: center;\n\n    &.stepper__end {\n      display: none;\n    }\n      \n    @include media-breakpoint-up(md) {\n        \n      width: max-content;\n      padding: 2rem 2rem;\n      \n      &.stepper__end {\n        padding-left: 3.5rem;\n        display: flex;\n      }\n    }\n  }\n}",".tabs__container {\n\n  .tabs__links {\n    padding-bottom: 1.5rem;\n    overflow: hidden;\n\n    .link:not(.text-decoration-none):not(.btn) {\n      font-weight: bold;\n      font-family: var(--font-heading);\n      font-size: rem(18);\n      cursor: pointer;\n      margin: 0 0 0.5rem 0;\n      float: left;\n      clear: both;\n\n      @include media-breakpoint-up(sm) {\n        clear: none;\n        margin-bottom: 0;\n        margin-right: 2rem;\n      }\n\n      &:before {\n        width: 0;\n      }\n\n      &:hover:before,\n      &:focus:before {\n        width: 100%;\n      }\n    }\n  }\n\n  .tab {\n    display: none;\n  }\n\n  @for $i from 1 through 10 {\n    input:checked:nth-child(#{$i}) ~ .tabs__links .link:not(.text-decoration-none):not(.btn):nth-child(#{$i}):before {\n      width: 100%;\n    }\n    input:checked:nth-child(#{$i}) ~ .tabs .tab:nth-child(#{$i}){\n      display: block;\n    }\n  }\n}\n\n"]}