{"version":3,"sources":["../../scss/bootstrap-reboot.scss","bootstrap-reboot.css","../../scss/_reboot.scss","../../scss/_variables.scss","../../scss/vendor/_rfs.scss","../../scss/mixins/_hover.scss"],"names":[],"mappings":"AAAA;;;;;;ECME;ACYF;;;EAGE,sBAAsB;ADVxB;;ACaA;EACE,uBAAuB;EACvB,iBAAiB;EACjB,8BAA8B;EAC9B,6CCXa;AFCf;;ACgBA;EACE,cAAc;ADbhB;;ACuBA;EACE,SAAS;EACT,kMCqOiN;ECrJ7M,eAtCY;EFxChB,gBC8O+B;ED7O/B,gBCkP+B;EDjP/B,cCnCgB;EDoChB,gBAAgB;EAChB,sBC9Ca;AF0Bf;;AAEA;EC+BE,qBAAqB;AD7BvB;;ACsCA;EACE,uBAAuB;EACvB,SAAS;EACT,iBAAiB;ADnCnB;;ACgDA;EACE,aAAa;EACb,qBCgNuC;AF7PzC;;ACoDA;EACE,aAAa;EACb,mBCoF8B;AFrIhC;;AC4DA;;EAEE,0BAA0B;EAC1B,yCAAiC;EAAjC,iCAAiC;EACjC,YAAY;EACZ,gBAAgB;EAChB,sCAA8B;EAA9B,8BAA8B;ADzDhC;;AC4DA;EACE,mBAAmB;EACnB,kBAAkB;EAClB,oBAAoB;ADzDtB;;AC4DA;;;EAGE,aAAa;EACb,mBAAmB;ADzDrB;;AC4DA;;;;EAIE,gBAAgB;ADzDlB;;AC4DA;EACE,gBCiJ+B;AF1MjC;;AC4DA;EACE,oBAAoB;EACpB,cAAc;ADzDhB;;AC4DA;EACE,gBAAgB;ADzDlB;;AC4DA;;EAEE,mBCoIkC;AF7LpC;;AC4DA;EExFI,cAAW;AHgCf;;ACiEA;;EAEE,kBAAkB;EEnGhB,cAAW;EFqGb,cAAc;EACd,wBAAwB;AD9D1B;;ACiEA;EAAM,cAAc;AD7DpB;;AC8DA;EAAM,UAAU;AD1DhB;;ACiEA;EACE,cCvJe;EDwJf,qBCX4C;EDY5C,6BAA6B;AD9D/B;;AIlHE;EHmLE,cCd8D;EDe9D,0BCd+C;AF/CnD;;ACsEA;EACE,cAAc;EACd,qBAAqB;ADnEvB;;AI5HE;EHkME,cAAc;EACd,qBAAqB;ADlEzB;;AC2EA;;;;EAIE,iGCyDgH;EC7M9G,cAAW;AH6Ef;;AC2EA;EAEE,aAAa;EAEb,mBAAmB;EAEnB,cAAc;EAGd,6BAA6B;AD7E/B;;ACqFA;EAEE,gBAAgB;ADnFlB;;AC2FA;EACE,sBAAsB;EACtB,kBAAkB;ADxFpB;;AC2FA;EAGE,gBAAgB;EAChB,sBAAsB;AD1FxB;;ACkGA;EACE,yBAAyB;AD/F3B;;ACkGA;EACE,oBC6EkC;ED5ElC,uBC4EkC;ED3ElC,cCtQgB;EDuQhB,gBAAgB;EAChB,oBAAoB;AD/FtB;;ACsGA;EAEE,mBAAmB;EACnB,gCAAgC;ADpGlC;;AC4GA;EAEE,qBAAqB;EACrB,qBC2J2C;AFrQ7C;;ACgHA;EAEE,gBAAgB;AD9GlB;;ACqHA;EACE,mBAAmB;EACnB,0CAA0C;ADlH5C;;ACqHA;;;;;EAKE,SAAS;EACT,oBAAoB;EE5PlB,kBAAW;EF8Pb,oBAAoB;ADlHtB;;ACqHA;;EAEE,iBAAiB;ADlHnB;;ACqHA;;EAEE,oBAAoB;ADlHtB;;AAEA;ECuHE,eAAe;ADrHjB;;AC2HA;EACE,iBAAiB;ADxHnB;;AC+HA;;;;EAIE,0BAA0B;AD5H5B;;ACiIE;;;;EAKI,eAAe;AD/HrB;;ACqIA;;;;EAIE,UAAU;EACV,kBAAkB;ADlIpB;;ACqIA;;EAEE,sBAAsB;EACtB,UAAU;ADlIZ;;ACsIA;EACE,cAAc;EAEd,gBAAgB;ADpIlB;;ACuIA;EAME,YAAY;EAEZ,UAAU;EACV,SAAS;EACT,SAAS;AD1IX;;AC+IA;EACE,cAAc;EACd,WAAW;EACX,eAAe;EACf,UAAU;EACV,oBAAoB;EEnShB,iBAtCY;EF2UhB,oBAAoB;EACpB,cAAc;EACd,mBAAmB;AD5IrB;;AC+IA;EACE,wBAAwB;AD5I1B;;AAEA;;ECgJE,YAAY;AD7Id;;AAEA;ECmJE,oBAAoB;EACpB,wBAAwB;ADjJ1B;;AAEA;ECuJE,wBAAwB;ADrJ1B;;AC6JA;EACE,aAAa;EACb,0BAA0B;AD1J5B;;ACiKA;EACE,qBAAqB;AD9JvB;;ACiKA;EACE,kBAAkB;EAClB,eAAe;AD9JjB;;ACiKA;EACE,aAAa;AD9Jf;;AAEA;ECkKE,wBAAwB;ADhK1B","file":"bootstrap-reboot.css","sourcesContent":["/*!
   * Bootstrap Reboot v4.5.3 (https://getbootstrap.com/)
   * Copyright 2011-2020 The Bootstrap Authors
   * Copyright 2011-2020 Twitter, Inc.
   * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
   * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
   */
  
  @import \"functions\";
  @import \"variables\";
  @import \"mixins\";
  @import \"reboot\";
  ","/*!
   * Bootstrap Reboot v4.5.3 (https://getbootstrap.com/)
   * Copyright 2011-2020 The Bootstrap Authors
   * Copyright 2011-2020 Twitter, Inc.
   * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
   * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
   */
  *,
  *::before,
  *::after {
    box-sizing: border-box;
  }
  
  html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  
  article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
    display: block;
  }
  
  body {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    background-color: #fff;
  }
  
  [tabindex=\"-1\"]:focus:not(:focus-visible) {
    outline: 0 !important;
  }
  
  hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
  }
  
  h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: 0.5rem;
  }
  
  p {
    margin-top: 0;
    margin-bottom: 1rem;
  }
  
  abbr[title],
  abbr[data-original-title] {
    text-decoration: underline;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0;
    text-decoration-skip-ink: none;
  }
  
  address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit;
  }
  
  ol,
  ul,
  dl {
    margin-top: 0;
    margin-bottom: 1rem;
  }
  
  ol ol,
  ul ul,
  ol ul,
  ul ol {
    margin-bottom: 0;
  }
  
  dt {
    font-weight: 700;
  }
  
  dd {
    margin-bottom: .5rem;
    margin-left: 0;
  }
  
  blockquote {
    margin: 0 0 1rem;
  }
  
  b,
  strong {
    font-weight: bolder;
  }
  
  small {
    font-size: 80%;
  }
  
  sub,
  sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
  }
  
  sub {
    bottom: -.25em;
  }
  
  sup {
    top: -.5em;
  }
  
  a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent;
  }
  
  a:hover {
    color: #0056b3;
    text-decoration: underline;
  }
  
  a:not([href]):not([class]) {
    color: inherit;
    text-decoration: none;
  }
  
  a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none;
  }
  
  pre,
  code,
  kbd,
  samp {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;
    font-size: 1em;
  }
  
  pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    -ms-overflow-style: scrollbar;
  }
  
  figure {
    margin: 0 0 1rem;
  }
  
  img {
    vertical-align: middle;
    border-style: none;
  }
  
  svg {
    overflow: hidden;
    vertical-align: middle;
  }
  
  table {
    border-collapse: collapse;
  }
  
  caption {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    color: #6c757d;
    text-align: left;
    caption-side: bottom;
  }
  
  th {
    text-align: inherit;
    text-align: -webkit-match-parent;
  }
  
  label {
    display: inline-block;
    margin-bottom: 0.5rem;
  }
  
  button {
    border-radius: 0;
  }
  
  button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color;
  }
  
  input,
  button,
  select,
  optgroup,
  textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
  }
  
  button,
  input {
    overflow: visible;
  }
  
  button,
  select {
    text-transform: none;
  }
  
  [role=\"button\"] {
    cursor: pointer;
  }
  
  select {
    word-wrap: normal;
  }
  
  button,
  [type=\"button\"],
  [type=\"reset\"],
  [type=\"submit\"] {
    -webkit-appearance: button;
  }
  
  button:not(:disabled),
  [type=\"button\"]:not(:disabled),
  [type=\"reset\"]:not(:disabled),
  [type=\"submit\"]:not(:disabled) {
    cursor: pointer;
  }
  
  button::-moz-focus-inner,
  [type=\"button\"]::-moz-focus-inner,
  [type=\"reset\"]::-moz-focus-inner,
  [type=\"submit\"]::-moz-focus-inner {
    padding: 0;
    border-style: none;
  }
  
  input[type=\"radio\"],
  input[type=\"checkbox\"] {
    box-sizing: border-box;
    padding: 0;
  }
  
  textarea {
    overflow: auto;
    resize: vertical;
  }
  
  fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
  }
  
  legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal;
  }
  
  progress {
    vertical-align: baseline;
  }
  
  [type=\"number\"]::-webkit-inner-spin-button,
  [type=\"number\"]::-webkit-outer-spin-button {
    height: auto;
  }
  
  [type=\"search\"] {
    outline-offset: -2px;
    -webkit-appearance: none;
  }
  
  [type=\"search\"]::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  
  ::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button;
  }
  
  output {
    display: inline-block;
  }
  
  summary {
    display: list-item;
    cursor: pointer;
  }
  
  template {
    display: none;
  }
  
  [hidden] {
    display: none !important;
  }
  
  /*# sourceMappingURL=bootstrap-reboot.css.map */","// stylelint-disable at-rule-no-vendor-prefix, declaration-no-important, selector-no-qualifying-type, property-no-vendor-prefix
  
  // Reboot
  //
  // Normalization of HTML elements, manually forked from Normalize.css to remove
  // styles targeting irrelevant browsers while applying new styles.
  //
  // Normalize is licensed MIT. https://github.com/necolas/normalize.css
  
  
  // Document
  //
  // 1. Change from `box-sizing: content-box` so that `width` is not affected by `padding` or `border`.
  // 2. Change the default font family in all browsers.
  // 3. Correct the line height in all browsers.
  // 4. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS.
  // 5. Change the default tap highlight to be completely transparent in iOS.
  
  *,
  *::before,
  *::after {
    box-sizing: border-box; // 1
  }
  
  html {
    font-family: sans-serif; // 2
    line-height: 1.15; // 3
    -webkit-text-size-adjust: 100%; // 4
    -webkit-tap-highlight-color: rgba($black, 0); // 5
  }
  
  // Shim for \"new\" HTML5 structural elements to display correctly (IE10, older browsers)
  // TODO: remove in v5
  // stylelint-disable-next-line selector-list-comma-newline-after
  article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
    display: block;
  }
  
  // Body
  //
  // 1. Remove the margin in all browsers.
  // 2. As a best practice, apply a default `background-color`.
  // 3. Set an explicit initial text-align value so that we can later use
  //    the `inherit` value on things like `<th>` elements.
  
  body {
    margin: 0; // 1
    font-family: $font-family-base;
    @include font-size($font-size-base);
    font-weight: $font-weight-base;
    line-height: $line-height-base;
    color: $body-color;
    text-align: left; // 3
    background-color: $body-bg; // 2
  }
  
  // Future-proof rule: in browsers that support :focus-visible, suppress the focus outline
  // on elements that programmatically receive focus but wouldn't normally show a visible
  // focus outline. In general, this would mean that the outline is only applied if the
  // interaction that led to the element receiving programmatic focus was a keyboard interaction,
  // or the browser has somehow determined that the user is primarily a keyboard user and/or
  // wants focus outlines to always be presented.
  //
  // See https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible
  // and https://developer.paciellogroup.com/blog/2018/03/focus-visible-and-backwards-compatibility/
  [tabindex=\"-1\"]:focus:not(:focus-visible) {
    outline: 0 !important;
  }
  
  
  // Content grouping
  //
  // 1. Add the correct box sizing in Firefox.
  // 2. Show the overflow in Edge and IE.
  
  hr {
    box-sizing: content-box; // 1
    height: 0; // 1
    overflow: visible; // 2
  }
  
  
  //
  // Typography
  //
  
  // Remove top margins from headings
  //
  // By default, `<h1>`-`<h6>` all receive top and bottom margins. We nuke the top
  // margin for easier control within type scales as it avoids margin collapsing.
  // stylelint-disable-next-line selector-list-comma-newline-after
  h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: $headings-margin-bottom;
  }
  
  // Reset margins on paragraphs
  //
  // Similarly, the top margin on `<p>`s get reset. However, we also reset the
  // bottom margin to use `rem` units instead of `em`.
  p {
    margin-top: 0;
    margin-bottom: $paragraph-margin-bottom;
  }
  
  // Abbreviations
  //
  // 1. Duplicate behavior to the data-* attribute for our tooltip plugin
  // 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
  // 3. Add explicit cursor to indicate changed behavior.
  // 4. Remove the bottom border in Firefox 39-.
  // 5. Prevent the text-decoration to be skipped.
  
  abbr[title],
  abbr[data-original-title] { // 1
    text-decoration: underline; // 2
    text-decoration: underline dotted; // 2
    cursor: help; // 3
    border-bottom: 0; // 4
    text-decoration-skip-ink: none; // 5
  }
  
  address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit;
  }
  
  ol,
  ul,
  dl {
    margin-top: 0;
    margin-bottom: 1rem;
  }
  
  ol ol,
  ul ul,
  ol ul,
  ul ol {
    margin-bottom: 0;
  }
  
  dt {
    font-weight: $dt-font-weight;
  }
  
  dd {
    margin-bottom: .5rem;
    margin-left: 0; // Undo browser default
  }
  
  blockquote {
    margin: 0 0 1rem;
  }
  
  b,
  strong {
    font-weight: $font-weight-bolder; // Add the correct font weight in Chrome, Edge, and Safari
  }
  
  small {
    @include font-size(80%); // Add the correct font size in all browsers
  }
  
  //
  // Prevent `sub` and `sup` elements from affecting the line height in
  // all browsers.
  //
  
  sub,
  sup {
    position: relative;
    @include font-size(75%);
    line-height: 0;
    vertical-align: baseline;
  }
  
  sub { bottom: -.25em; }
  sup { top: -.5em; }
  
  
  //
  // Links
  //
  
  a {
    color: $link-color;
    text-decoration: $link-decoration;
    background-color: transparent; // Remove the gray background on active links in IE 10.
  
    @include hover() {
      color: $link-hover-color;
      text-decoration: $link-hover-decoration;
    }
  }
  
  // And undo these styles for placeholder links/named anchors (without href).
  // It would be more straightforward to just use a[href] in previous block, but that
  // causes specificity issues in many other styles that are too complex to fix.
  // See https://github.com/twbs/bootstrap/issues/19402
  
  a:not([href]):not([class]) {
    color: inherit;
    text-decoration: none;
  
    @include hover() {
      color: inherit;
      text-decoration: none;
    }
  }
  
  
  //
  // Code
  //
  
  pre,
  code,
  kbd,
  samp {
    font-family: $font-family-monospace;
    @include font-size(1em); // Correct the odd `em` font sizing in all browsers.
  }
  
  pre {
    // Remove browser default top margin
    margin-top: 0;
    // Reset browser default of `1em` to use `rem`s
    margin-bottom: 1rem;
    // Don't allow content to break outside
    overflow: auto;
    // Disable auto-hiding scrollbar in IE & legacy Edge to avoid overlap,
    // making it impossible to interact with the content
    -ms-overflow-style: scrollbar;
  }
  
  
  //
  // Figures
  //
  
  figure {
    // Apply a consistent margin strategy (matches our type styles).
    margin: 0 0 1rem;
  }
  
  
  //
  // Images and content
  //
  
  img {
    vertical-align: middle;
    border-style: none; // Remove the border on images inside links in IE 10-.
  }
  
  svg {
    // Workaround for the SVG overflow bug in IE10/11 is still required.
    // See https://github.com/twbs/bootstrap/issues/26878
    overflow: hidden;
    vertical-align: middle;
  }
  
  
  //
  // Tables
  //
  
  table {
    border-collapse: collapse; // Prevent double borders
  }
  
  caption {
    padding-top: $table-cell-padding;
    padding-bottom: $table-cell-padding;
    color: $table-caption-color;
    text-align: left;
    caption-side: bottom;
  }
  
  // 1. Removes font-weight bold by inheriting
  // 2. Matches default `<td>` alignment by inheriting `text-align`.
  // 3. Fix alignment for Safari
  
  th {
    font-weight: $table-th-font-weight; // 1
    text-align: inherit; // 2
    text-align: -webkit-match-parent; // 3
  }
  
  
  //
  // Forms
  //
  
  label {
    // Allow labels to use `margin` for spacing.
    display: inline-block;
    margin-bottom: $label-margin-bottom;
  }
  
  // Remove the default `border-radius` that macOS Chrome adds.
  //
  // Details at https://github.com/twbs/bootstrap/issues/24093
  button {
    // stylelint-disable-next-line property-disallowed-list
    border-radius: 0;
  }
  
  // Work around a Firefox/IE bug where the transparent `button` background
  // results in a loss of the default `button` focus styles.
  //
  // Credit: https://github.com/suitcss/base/
  button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color;
  }
  
  input,
  button,
  select,
  optgroup,
  textarea {
    margin: 0; // Remove the margin in Firefox and Safari
    font-family: inherit;
    @include font-size(inherit);
    line-height: inherit;
  }
  
  button,
  input {
    overflow: visible; // Show the overflow in Edge
  }
  
  button,
  select {
    text-transform: none; // Remove the inheritance of text transform in Firefox
  }
  
  // Set the cursor for non-`<button>` buttons
  //
  // Details at https://github.com/twbs/bootstrap/pull/30562
  [role=\"button\"] {
    cursor: pointer;
  }
  
  // Remove the inheritance of word-wrap in Safari.
  //
  // Details at https://github.com/twbs/bootstrap/issues/24990
  select {
    word-wrap: normal;
  }
  
  
  // 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
  //    controls in Android 4.
  // 2. Correct the inability to style clickable types in iOS and Safari.
  button,
  [type=\"button\"], // 1
  [type=\"reset\"],
  [type=\"submit\"] {
    -webkit-appearance: button; // 2
  }
  
  // Opinionated: add \"hand\" cursor to non-disabled button elements.
  @if $enable-pointer-cursor-for-buttons {
    button,
    [type=\"button\"],
    [type=\"reset\"],
    [type=\"submit\"] {
      &:not(:disabled) {
        cursor: pointer;
      }
    }
  }
  
  // Remove inner border and padding from Firefox, but don't restore the outline like Normalize.
  button::-moz-focus-inner,
  [type=\"button\"]::-moz-focus-inner,
  [type=\"reset\"]::-moz-focus-inner,
  [type=\"submit\"]::-moz-focus-inner {
    padding: 0;
    border-style: none;
  }
  
  input[type=\"radio\"],
  input[type=\"checkbox\"] {
    box-sizing: border-box; // 1. Add the correct box sizing in IE 10-
    padding: 0; // 2. Remove the padding in IE 10-
  }
  
  
  textarea {
    overflow: auto; // Remove the default vertical scrollbar in IE.
    // Textareas should really only resize vertically so they don't break their (horizontal) containers.
    resize: vertical;
  }
  
  fieldset {
    // Browsers set a default `min-width: min-content;` on fieldsets,
    // unlike e.g. `<div>`s, which have `min-width: 0;` by default.
    // So we reset that to ensure fieldsets behave more like a standard block element.
    // See https://github.com/twbs/bootstrap/issues/12359
    // and https://html.spec.whatwg.org/multipage/#the-fieldset-and-legend-elements
    min-width: 0;
    // Reset the default outline behavior of fieldsets so they don't affect page layout.
    padding: 0;
    margin: 0;
    border: 0;
  }
  
  // 1. Correct the text wrapping in Edge and IE.
  // 2. Correct the color inheritance from `fieldset` elements in IE.
  legend {
    display: block;
    width: 100%;
    max-width: 100%; // 1
    padding: 0;
    margin-bottom: .5rem;
    @include font-size(1.5rem);
    line-height: inherit;
    color: inherit; // 2
    white-space: normal; // 1
  }
  
  progress {
    vertical-align: baseline; // Add the correct vertical alignment in Chrome, Firefox, and Opera.
  }
  
  // Correct the cursor style of increment and decrement buttons in Chrome.
  [type=\"number\"]::-webkit-inner-spin-button,
  [type=\"number\"]::-webkit-outer-spin-button {
    height: auto;
  }
  
  [type=\"search\"] {
    // This overrides the extra rounded corners on search inputs in iOS so that our
    // `.form-control` class can properly style them. Note that this cannot simply
    // be added to `.form-control` as it's not specific enough. For details, see
    // https://github.com/twbs/bootstrap/issues/11586.
    outline-offset: -2px; // 2. Correct the outline style in Safari.
    -webkit-appearance: none;
  }
  
  //
  // Remove the inner padding in Chrome and Safari on macOS.
  //
  
  [type=\"search\"]::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  
  //
  // 1. Correct the inability to style clickable types in iOS and Safari.
  // 2. Change font properties to `inherit` in Safari.
  //
  
  ::-webkit-file-upload-button {
    font: inherit; // 2
    -webkit-appearance: button; // 1
  }
  
  //
  // Correct element displays
  //
  
  output {
    display: inline-block;
  }
  
  summary {
    display: list-item; // Add the correct display in all browsers
    cursor: pointer;
  }
  
  template {
    display: none; // Add the correct display in IE
  }
  
  // Always hide an element with the `hidden` HTML attribute (from PureCSS).
  // Needed for proper display in IE 10-.
  [hidden] {
    display: none !important;
  }
  ","// Variables
  //
  // Variables should follow the `$component-state-property-size` formula for
  // consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.
  
  // Color system
  
  $white:    #fff !default;
  $gray-100: #f8f9fa !default;
  $gray-200: #e9ecef !default;
  $gray-300: #dee2e6 !default;
  $gray-400: #ced4da !default;
  $gray-500: #adb5bd !default;
  $gray-600: #6c757d !default;
  $gray-700: #495057 !default;
  $gray-800: #343a40 !default;
  $gray-900: #212529 !default;
  $black:    #000 !default;
  
  $grays: () !default;
  $grays: map-merge(
    (
      \"100\": $gray-100,
      \"200\": $gray-200,
      \"300\": $gray-300,
      \"400\": $gray-400,
      \"500\": $gray-500,
      \"600\": $gray-600,
      \"700\": $gray-700,
      \"800\": $gray-800,
      \"900\": $gray-900
    ),
    $grays
  );
  
  $blue:    #007bff !default;
  $indigo:  #6610f2 !default;
  $purple:  #6f42c1 !default;
  $pink:    #e83e8c !default;
  $red:     #dc3545 !default;
  $orange:  #fd7e14 !default;
  $yellow:  #ffc107 !default;
  $green:   #28a745 !default;
  $teal:    #20c997 !default;
  $cyan:    #17a2b8 !default;
  
  $colors: () !default;
  $colors: map-merge(
    (
      \"blue\":       $blue,
      \"indigo\":     $indigo,
      \"purple\":     $purple,
      \"pink\":       $pink,
      \"red\":        $red,
      \"orange\":     $orange,
      \"yellow\":     $yellow,
      \"green\":      $green,
      \"teal\":       $teal,
      \"cyan\":       $cyan,
      \"white\":      $white,
      \"gray\":       $gray-600,
      \"gray-dark\":  $gray-800
    ),
    $colors
  );
  
  $primary:       $blue !default;
  $secondary:     $gray-600 !default;
  $success:       $green !default;
  $info:          $cyan !default;
  $warning:       $yellow !default;
  $danger:        $red !default;
  $light:         $gray-100 !default;
  $dark:          $gray-800 !default;
  
  $theme-colors: () !default;
  $theme-colors: map-merge(
    (
      \"primary\":    $primary,
      \"secondary\":  $secondary,
      \"success\":    $success,
      \"info\":       $info,
      \"warning\":    $warning,
      \"danger\":     $danger,
      \"light\":      $light,
      \"dark\":       $dark
    ),
    $theme-colors
  );
  
  // Set a specific jump point for requesting color jumps
  $theme-color-interval:      8% !default;
  
  // The yiq lightness value that determines when the lightness of color changes from \"dark\" to \"light\". Acceptable values are between 0 and 255.
  $yiq-contrasted-threshold:  150 !default;
  
  // Customize the light and dark text colors for use in our YIQ color contrast function.
  $yiq-text-dark:             $gray-900 !default;
  $yiq-text-light:            $white !default;
  
  // Characters which are escaped by the escape-svg function
  $escaped-characters: (
    (\"<\", \"%3c\"),
    (\">\", \"%3e\"),
    (\"#\", \"%23\"),
    (\"(\", \"%28\"),
    (\")\", \"%29\"),
  ) !default;
  
  
  // Options
  //
  // Quickly modify global styling by enabling or disabling optional features.
  
  $enable-caret:                                true !default;
  $enable-rounded:                              true !default;
  $enable-shadows:                              false !default;
  $enable-gradients:                            false !default;
  $enable-transitions:                          true !default;
  $enable-prefers-reduced-motion-media-query:   true !default;
  $enable-hover-media-query:                    false !default; // Deprecated, no longer affects any compiled CSS
  $enable-grid-classes:                         true !default;
  $enable-pointer-cursor-for-buttons:           true !default;
  $enable-print-styles:                         true !default;
  $enable-responsive-font-sizes:                false !default;
  $enable-validation-icons:                     true !default;
  $enable-deprecation-messages:                 true !default;
  
  
  // Spacing
  //
  // Control the default styling of most Bootstrap elements by modifying these
  // variables. Mostly focused on spacing.
  // You can add more entries to the $spacers map, should you need more variation.
  
  $spacer: 1rem !default;
  $spacers: () !default;
  $spacers: map-merge(
    (
      0: 0,
      1: ($spacer * .25),
      2: ($spacer * .5),
      3: $spacer,
      4: ($spacer * 1.5),
      5: ($spacer * 3)
    ),
    $spacers
  );
  
  // This variable affects the `.h-*` and `.w-*` classes.
  $sizes: () !default;
  $sizes: map-merge(
    (
      25: 25%,
      50: 50%,
      75: 75%,
      100: 100%,
      auto: auto
    ),
    $sizes
  );
  
  
  // Body
  //
  // Settings for the `<body>` element.
  
  $body-bg:                   $white !default;
  $body-color:                $gray-900 !default;
  
  
  // Links
  //
  // Style anchor elements.
  
  $link-color:                              theme-color(\"primary\") !default;
  $link-decoration:                         none !default;
  $link-hover-color:                        darken($link-color, 15%) !default;
  $link-hover-decoration:                   underline !default;
  // Darken percentage for links with `.text-*` class (e.g. `.text-success`)
  $emphasized-link-hover-darken-percentage: 15% !default;
  
  // Paragraphs
  //
  // Style p element.
  
  $paragraph-margin-bottom:   1rem !default;
  
  
  // Grid breakpoints
  //
  // Define the minimum dimensions at which your layout will change,
  // adapting to different screen sizes, for use in media queries.
  
  $grid-breakpoints: (
    xs: 0,
    sm: 576px,
    md: 768px,
    lg: 992px,
    xl: 1200px
  ) !default;
  
  @include _assert-ascending($grid-breakpoints, \"$grid-breakpoints\");
  @include _assert-starts-at-zero($grid-breakpoints, \"$grid-breakpoints\");
  
  
  // Grid containers
  //
  // Define the maximum width of `.container` for different screen sizes.
  
  $container-max-widths: (
    sm: 540px,
    md: 720px,
    lg: 960px,
    xl: 1140px
  ) !default;
  
  @include _assert-ascending($container-max-widths, \"$container-max-widths\");
  
  
  // Grid columns
  //
  // Set the number of columns and specify the width of the gutters.
  
  $grid-columns:                12 !default;
  $grid-gutter-width:           30px !default;
  $grid-row-columns:            6 !default;
  
  
  // Components
  //
  // Define common padding and border radius sizes and more.
  
  $line-height-lg:              1.5 !default;
  $line-height-sm:              1.5 !default;
  
  $border-width:                1px !default;
  $border-color:                $gray-300 !default;
  
  $border-radius:               .25rem !default;
  $border-radius-lg:            .3rem !default;
  $border-radius-sm:            .2rem !default;
  
  $rounded-pill:                50rem !default;
  
  $box-shadow-sm:               0 .125rem .25rem rgba($black, .075) !default;
  $box-shadow:                  0 .5rem 1rem rgba($black, .15) !default;
  $box-shadow-lg:               0 1rem 3rem rgba($black, .175) !default;
  
  $component-active-color:      $white !default;
  $component-active-bg:         theme-color(\"primary\") !default;
  
  $caret-width:                 .3em !default;
  $caret-vertical-align:        $caret-width * .85 !default;
  $caret-spacing:               $caret-width * .85 !default;
  
  $transition-base:             all .2s ease-in-out !default;
  $transition-fade:             opacity .15s linear !default;
  $transition-collapse:         height .35s ease !default;
  
  $embed-responsive-aspect-ratios: () !default;
  $embed-responsive-aspect-ratios: join(
    (
      (21 9),
      (16 9),
      (4 3),
      (1 1),
    ),
    $embed-responsive-aspect-ratios
  );
  
  // Typography
  //
  // Font, line-height, and color for body text, headings, and more.
  
  // stylelint-disable value-keyword-case
  $font-family-sans-serif:      -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\" !default;
  $font-family-monospace:       SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace !default;
  $font-family-base:            $font-family-sans-serif !default;
  // stylelint-enable value-keyword-case
  
  $font-size-base:              1rem !default; // Assumes the browser default, typically `16px`
  $font-size-lg:                $font-size-base * 1.25 !default;
  $font-size-sm:                $font-size-base * .875 !default;
  
  $font-weight-lighter:         lighter !default;
  $font-weight-light:           300 !default;
  $font-weight-normal:          400 !default;
  $font-weight-bold:            700 !default;
  $font-weight-bolder:          bolder !default;
  
  $font-weight-base:            $font-weight-normal !default;
  $line-height-base:            1.5 !default;
  
  $h1-font-size:                $font-size-base * 2.5 !default;
  $h2-font-size:                $font-size-base * 2 !default;
  $h3-font-size:                $font-size-base * 1.75 !default;
  $h4-font-size:                $font-size-base * 1.5 !default;
  $h5-font-size:                $font-size-base * 1.25 !default;
  $h6-font-size:                $font-size-base !default;
  
  $headings-margin-bottom:      $spacer / 2 !default;
  $headings-font-family:        null !default;
  $headings-font-weight:        500 !default;
  $headings-line-height:        1.2 !default;
  $headings-color:              null !default;
  
  $display1-size:               6rem !default;
  $display2-size:               5.5rem !default;
  $display3-size:               4.5rem !default;
  $display4-size:               3.5rem !default;
  
  $display1-weight:             300 !default;
  $display2-weight:             300 !default;
  $display3-weight:             300 !default;
  $display4-weight:             300 !default;
  $display-line-height:         $headings-line-height !default;
  
  $lead-font-size:              $font-size-base * 1.25 !default;
  $lead-font-weight:            300 !default;
  
  $small-font-size:             80% !default;
  
  $text-muted:                  $gray-600 !default;
  
  $blockquote-small-color:      $gray-600 !default;
  $blockquote-small-font-size:  $small-font-size !default;
  $blockquote-font-size:        $font-size-base * 1.25 !default;
  
  $hr-border-color:             rgba($black, .1) !default;
  $hr-border-width:             $border-width !default;
  
  $mark-padding:                .2em !default;
  
  $dt-font-weight:              $font-weight-bold !default;
  
  $kbd-box-shadow:              inset 0 -.1rem 0 rgba($black, .25) !default;
  $nested-kbd-font-weight:      $font-weight-bold !default;
  
  $list-inline-padding:         .5rem !default;
  
  $mark-bg:                     #fcf8e3 !default;
  
  $hr-margin-y:                 $spacer !default;
  
  
  // Tables
  //
  // Customizes the `.table` component with basic values, each used across all table variations.
  
  $table-cell-padding:          .75rem !default;
  $table-cell-padding-sm:       .3rem !default;
  
  $table-color:                 $body-color !default;
  $table-bg:                    null !default;
  $table-accent-bg:             rgba($black, .05) !default;
  $table-hover-color:           $table-color !default;
  $table-hover-bg:              rgba($black, .075) !default;
  $table-active-bg:             $table-hover-bg !default;
  
  $table-border-width:          $border-width !default;
  $table-border-color:          $border-color !default;
  
  $table-head-bg:               $gray-200 !default;
  $table-head-color:            $gray-700 !default;
  $table-th-font-weight:        null !default;
  
  $table-dark-color:            $white !default;
  $table-dark-bg:               $gray-800 !default;
  $table-dark-accent-bg:        rgba($white, .05) !default;
  $table-dark-hover-color:      $table-dark-color !default;
  $table-dark-hover-bg:         rgba($white, .075) !default;
  $table-dark-border-color:     lighten($table-dark-bg, 7.5%) !default;
  
  $table-striped-order:         odd !default;
  
  $table-caption-color:         $text-muted !default;
  
  $table-bg-level:              -9 !default;
  $table-border-level:          -6 !default;
  
  
  // Buttons + Forms
  //
  // Shared variables that are reassigned to `$input-` and `$btn-` specific variables.
  
  $input-btn-padding-y:         .375rem !default;
  $input-btn-padding-x:         .75rem !default;
  $input-btn-font-family:       null !default;
  $input-btn-font-size:         $font-size-base !default;
  $input-btn-line-height:       $line-height-base !default;
  
  $input-btn-focus-width:       .2rem !default;
  $input-btn-focus-color:       rgba($component-active-bg, .25) !default;
  $input-btn-focus-box-shadow:  0 0 0 $input-btn-focus-width $input-btn-focus-color !default;
  
  $input-btn-padding-y-sm:      .25rem !default;
  $input-btn-padding-x-sm:      .5rem !default;
  $input-btn-font-size-sm:      $font-size-sm !default;
  $input-btn-line-height-sm:    $line-height-sm !default;
  
  $input-btn-padding-y-lg:      .5rem !default;
  $input-btn-padding-x-lg:      1rem !default;
  $input-btn-font-size-lg:      $font-size-lg !default;
  $input-btn-line-height-lg:    $line-height-lg !default;
  
  $input-btn-border-width:      $border-width !default;
  
  
  // Buttons
  //
  // For each of Bootstrap's buttons, define text, background, and border color.
  
  $btn-padding-y:               $input-btn-padding-y !default;
  $btn-padding-x:               $input-btn-padding-x !default;
  $btn-font-family:             $input-btn-font-family !default;
  $btn-font-size:               $input-btn-font-size !default;
  $btn-line-height:             $input-btn-line-height !default;
  $btn-white-space:             null !default; // Set to `nowrap` to prevent text wrapping
  
  $btn-padding-y-sm:            $input-btn-padding-y-sm !default;
  $btn-padding-x-sm:            $input-btn-padding-x-sm !default;
  $btn-font-size-sm:            $input-btn-font-size-sm !default;
  $btn-line-height-sm:          $input-btn-line-height-sm !default;
  
  $btn-padding-y-lg:            $input-btn-padding-y-lg !default;
  $btn-padding-x-lg:            $input-btn-padding-x-lg !default;
  $btn-font-size-lg:            $input-btn-font-size-lg !default;
  $btn-line-height-lg:          $input-btn-line-height-lg !default;
  
  $btn-border-width:            $input-btn-border-width !default;
  
  $btn-font-weight:             $font-weight-normal !default;
  $btn-box-shadow:              inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075) !default;
  $btn-focus-width:             $input-btn-focus-width !default;
  $btn-focus-box-shadow:        $input-btn-focus-box-shadow !default;
  $btn-disabled-opacity:        .65 !default;
  $btn-active-box-shadow:       inset 0 3px 5px rgba($black, .125) !default;
  
  $btn-link-disabled-color:     $gray-600 !default;
  
  $btn-block-spacing-y:         .5rem !default;
  
  // Allows for customizing button radius independently from global border radius
  $btn-border-radius:           $border-radius !default;
  $btn-border-radius-lg:        $border-radius-lg !default;
  $btn-border-radius-sm:        $border-radius-sm !default;
  
  $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;
  
  
  // Forms
  
  $label-margin-bottom:                   .5rem !default;
  
  $input-padding-y:                       $input-btn-padding-y !default;
  $input-padding-x:                       $input-btn-padding-x !default;
  $input-font-family:                     $input-btn-font-family !default;
  $input-font-size:                       $input-btn-font-size !default;
  $input-font-weight:                     $font-weight-base !default;
  $input-line-height:                     $input-btn-line-height !default;
  
  $input-padding-y-sm:                    $input-btn-padding-y-sm !default;
  $input-padding-x-sm:                    $input-btn-padding-x-sm !default;
  $input-font-size-sm:                    $input-btn-font-size-sm !default;
  $input-line-height-sm:                  $input-btn-line-height-sm !default;
  
  $input-padding-y-lg:                    $input-btn-padding-y-lg !default;
  $input-padding-x-lg:                    $input-btn-padding-x-lg !default;
  $input-font-size-lg:                    $input-btn-font-size-lg !default;
  $input-line-height-lg:                  $input-btn-line-height-lg !default;
  
  $input-bg:                              $white !default;
  $input-disabled-bg:                     $gray-200 !default;
  
  $input-color:                           $gray-700 !default;
  $input-border-color:                    $gray-400 !default;
  $input-border-width:                    $input-btn-border-width !default;
  $input-box-shadow:                      inset 0 1px 1px rgba($black, .075) !default;
  
  $input-border-radius:                   $border-radius !default;
  $input-border-radius-lg:                $border-radius-lg !default;
  $input-border-radius-sm:                $border-radius-sm !default;
  
  $input-focus-bg:                        $input-bg !default;
  $input-focus-border-color:              lighten($component-active-bg, 25%) !default;
  $input-focus-color:                     $input-color !default;
  $input-focus-width:                     $input-btn-focus-width !default;
  $input-focus-box-shadow:                $input-btn-focus-box-shadow !default;
  
  $input-placeholder-color:               $gray-600 !default;
  $input-plaintext-color:                 $body-color !default;
  
  $input-height-border:                   $input-border-width * 2 !default;
  
  $input-height-inner:                    add($input-line-height * 1em, $input-padding-y * 2) !default;
  $input-height-inner-half:               add($input-line-height * .5em, $input-padding-y) !default;
  $input-height-inner-quarter:            add($input-line-height * .25em, $input-padding-y / 2) !default;
  
  $input-height:                          add($input-line-height * 1em, add($input-padding-y * 2, $input-height-border, false)) !default;
  $input-height-sm:                       add($input-line-height-sm * 1em, add($input-padding-y-sm * 2, $input-height-border, false)) !default;
  $input-height-lg:                       add($input-line-height-lg * 1em, add($input-padding-y-lg * 2, $input-height-border, false)) !default;
  
  $input-transition:                      border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;
  
  $form-text-margin-top:                  .25rem !default;
  
  $form-check-input-gutter:               1.25rem !default;
  $form-check-input-margin-y:             .3rem !default;
  $form-check-input-margin-x:             .25rem !default;
  
  $form-check-inline-margin-x:            .75rem !default;
  $form-check-inline-input-margin-x:      .3125rem !default;
  
  $form-grid-gutter-width:                10px !default;
  $form-group-margin-bottom:              1rem !default;
  
  $input-group-addon-color:               $input-color !default;
  $input-group-addon-bg:                  $gray-200 !default;
  $input-group-addon-border-color:        $input-border-color !default;
  
  $custom-forms-transition:               background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;
  
  $custom-control-gutter:                 .5rem !default;
  $custom-control-spacer-x:               1rem !default;
  $custom-control-cursor:                 null !default;
  
  $custom-control-indicator-size:         1rem !default;
  $custom-control-indicator-bg:           $input-bg !default;
  
  $custom-control-indicator-bg-size:      50% 50% !default;
  $custom-control-indicator-box-shadow:   $input-box-shadow !default;
  $custom-control-indicator-border-color: $gray-500 !default;
  $custom-control-indicator-border-width: $input-border-width !default;
  
  $custom-control-label-color:            null !default;
  
  $custom-control-indicator-disabled-bg:          $input-disabled-bg !default;
  $custom-control-label-disabled-color:           $gray-600 !default;
  
  $custom-control-indicator-checked-color:        $component-active-color !default;
  $custom-control-indicator-checked-bg:           $component-active-bg !default;
  $custom-control-indicator-checked-disabled-bg:  rgba(theme-color(\"primary\"), .5) !default;
  $custom-control-indicator-checked-box-shadow:   null !default;
  $custom-control-indicator-checked-border-color: $custom-control-indicator-checked-bg !default;
  
  $custom-control-indicator-focus-box-shadow:     $input-focus-box-shadow !default;
  $custom-control-indicator-focus-border-color:   $input-focus-border-color !default;
  
  $custom-control-indicator-active-color:         $component-active-color !default;
  $custom-control-indicator-active-bg:            lighten($component-active-bg, 35%) !default;
  $custom-control-indicator-active-box-shadow:    null !default;
  $custom-control-indicator-active-border-color:  $custom-control-indicator-active-bg !default;
  
  $custom-checkbox-indicator-border-radius:       $border-radius !default;
  $custom-checkbox-indicator-icon-checked:        url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'><path fill='#{$custom-control-indicator-checked-color}' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/></svg>\") !default;
  
  $custom-checkbox-indicator-indeterminate-bg:           $component-active-bg !default;
  $custom-checkbox-indicator-indeterminate-color:        $custom-control-indicator-checked-color !default;
  $custom-checkbox-indicator-icon-indeterminate:         url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'><path stroke='#{$custom-checkbox-indicator-indeterminate-color}' d='M0 2h4'/></svg>\") !default;
  $custom-checkbox-indicator-indeterminate-box-shadow:   null !default;
  $custom-checkbox-indicator-indeterminate-border-color: $custom-checkbox-indicator-indeterminate-bg !default;
  
  $custom-radio-indicator-border-radius:          50% !default;
  $custom-radio-indicator-icon-checked:           url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'><circle r='3' fill='#{$custom-control-indicator-checked-color}'/></svg>\") !default;
  
  $custom-switch-width:                           $custom-control-indicator-size * 1.75 !default;
  $custom-switch-indicator-border-radius:         $custom-control-indicator-size / 2 !default;
  $custom-switch-indicator-size:                  subtract($custom-control-indicator-size, $custom-control-indicator-border-width * 4) !default;
  
  $custom-select-padding-y:           $input-padding-y !default;
  $custom-select-padding-x:           $input-padding-x !default;
  $custom-select-font-family:         $input-font-family !default;
  $custom-select-font-size:           $input-font-size !default;
  $custom-select-height:              $input-height !default;
  $custom-select-indicator-padding:   1rem !default; // Extra padding to account for the presence of the background-image based indicator
  $custom-select-font-weight:         $input-font-weight !default;
  $custom-select-line-height:         $input-line-height !default;
  $custom-select-color:               $input-color !default;
  $custom-select-disabled-color:      $gray-600 !default;
  $custom-select-bg:                  $input-bg !default;
  $custom-select-disabled-bg:         $gray-200 !default;
  $custom-select-bg-size:             8px 10px !default; // In pixels because image dimensions
  $custom-select-indicator-color:     $gray-800 !default;
  $custom-select-indicator:           url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'><path fill='#{$custom-select-indicator-color}' d='M2 0L0 2h4zm0 5L0 3h4z'/></svg>\") !default;
  $custom-select-background:          escape-svg($custom-select-indicator) no-repeat right $custom-select-padding-x center / $custom-select-bg-size !default; // Used so we can have multiple background elements (e.g., arrow and feedback icon)
  
  $custom-select-feedback-icon-padding-right: add(1em * .75, (2 * $custom-select-padding-y * .75) + $custom-select-padding-x + $custom-select-indicator-padding) !default;
  $custom-select-feedback-icon-position:      center right ($custom-select-padding-x + $custom-select-indicator-padding) !default;
  $custom-select-feedback-icon-size:          $input-height-inner-half $input-height-inner-half !default;
  
  $custom-select-border-width:        $input-border-width !default;
  $custom-select-border-color:        $input-border-color !default;
  $custom-select-border-radius:       $border-radius !default;
  $custom-select-box-shadow:          inset 0 1px 2px rgba($black, .075) !default;
  
  $custom-select-focus-border-color:  $input-focus-border-color !default;
  $custom-select-focus-width:         $input-focus-width !default;
  $custom-select-focus-box-shadow:    0 0 0 $custom-select-focus-width $input-btn-focus-color !default;
  
  $custom-select-padding-y-sm:        $input-padding-y-sm !default;
  $custom-select-padding-x-sm:        $input-padding-x-sm !default;
  $custom-select-font-size-sm:        $input-font-size-sm !default;
  $custom-select-height-sm:           $input-height-sm !default;
  
  $custom-select-padding-y-lg:        $input-padding-y-lg !default;
  $custom-select-padding-x-lg:        $input-padding-x-lg !default;
  $custom-select-font-size-lg:        $input-font-size-lg !default;
  $custom-select-height-lg:           $input-height-lg !default;
  
  $custom-range-track-width:          100% !default;
  $custom-range-track-height:         .5rem !default;
  $custom-range-track-cursor:         pointer !default;
  $custom-range-track-bg:             $gray-300 !default;
  $custom-range-track-border-radius:  1rem !default;
  $custom-range-track-box-shadow:     inset 0 .25rem .25rem rgba($black, .1) !default;
  
  $custom-range-thumb-width:                   1rem !default;
  $custom-range-thumb-height:                  $custom-range-thumb-width !default;
  $custom-range-thumb-bg:                      $component-active-bg !default;
  $custom-range-thumb-border:                  0 !default;
  $custom-range-thumb-border-radius:           1rem !default;
  $custom-range-thumb-box-shadow:              0 .1rem .25rem rgba($black, .1) !default;
  $custom-range-thumb-focus-box-shadow:        0 0 0 1px $body-bg, $input-focus-box-shadow !default;
  $custom-range-thumb-focus-box-shadow-width:  $input-focus-width !default; // For focus box shadow issue in IE/Edge
  $custom-range-thumb-active-bg:               lighten($component-active-bg, 35%) !default;
  $custom-range-thumb-disabled-bg:             $gray-500 !default;
  
  $custom-file-height:                $input-height !default;
  $custom-file-height-inner:          $input-height-inner !default;
  $custom-file-focus-border-color:    $input-focus-border-color !default;
  $custom-file-focus-box-shadow:      $input-focus-box-shadow !default;
  $custom-file-disabled-bg:           $input-disabled-bg !default;
  
  $custom-file-padding-y:             $input-padding-y !default;
  $custom-file-padding-x:             $input-padding-x !default;
  $custom-file-line-height:           $input-line-height !default;
  $custom-file-font-family:           $input-font-family !default;
  $custom-file-font-weight:           $input-font-weight !default;
  $custom-file-color:                 $input-color !default;
  $custom-file-bg:                    $input-bg !default;
  $custom-file-border-width:          $input-border-width !default;
  $custom-file-border-color:          $input-border-color !default;
  $custom-file-border-radius:         $input-border-radius !default;
  $custom-file-box-shadow:            $input-box-shadow !default;
  $custom-file-button-color:          $custom-file-color !default;
  $custom-file-button-bg:             $input-group-addon-bg !default;
  $custom-file-text: (
    en: \"Browse\"
  ) !default;
  
  
  // Form validation
  
  $form-feedback-margin-top:          $form-text-margin-top !default;
  $form-feedback-font-size:           $small-font-size !default;
  $form-feedback-valid-color:         theme-color(\"success\") !default;
  $form-feedback-invalid-color:       theme-color(\"danger\") !default;
  
  $form-feedback-icon-valid-color:    $form-feedback-valid-color !default;
  $form-feedback-icon-valid:          url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' 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;
  $form-feedback-icon-invalid-color:  $form-feedback-invalid-color !default;
  $form-feedback-icon-invalid:        url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='#{$form-feedback-icon-invalid-color}' viewBox='0 0 12 12'><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;
  
  $form-validation-states: () !default;
  $form-validation-states: map-merge(
    (
      \"valid\": (
        \"color\": $form-feedback-valid-color,
        \"icon\": $form-feedback-icon-valid
      ),
      \"invalid\": (
        \"color\": $form-feedback-invalid-color,
        \"icon\": $form-feedback-icon-invalid
      ),
    ),
    $form-validation-states
  );
  
  // Z-index master list
  //
  // Warning: Avoid customizing these values. They're used for a bird's eye view
  // of components dependent on the z-axis and are designed to all work together.
  
  $zindex-dropdown:                   1000 !default;
  $zindex-sticky:                     1020 !default;
  $zindex-fixed:                      1030 !default;
  $zindex-modal-backdrop:             1040 !default;
  $zindex-modal:                      1050 !default;
  $zindex-popover:                    1060 !default;
  $zindex-tooltip:                    1070 !default;
  
  
  // Navs
  
  $nav-link-padding-y:                .5rem !default;
  $nav-link-padding-x:                1rem !default;
  $nav-link-disabled-color:           $gray-600 !default;
  
  $nav-tabs-border-color:             $gray-300 !default;
  $nav-tabs-border-width:             $border-width !default;
  $nav-tabs-border-radius:            $border-radius !default;
  $nav-tabs-link-hover-border-color:  $gray-200 $gray-200 $nav-tabs-border-color !default;
  $nav-tabs-link-active-color:        $gray-700 !default;
  $nav-tabs-link-active-bg:           $body-bg !default;
  $nav-tabs-link-active-border-color: $gray-300 $gray-300 $nav-tabs-link-active-bg !default;
  
  $nav-pills-border-radius:           $border-radius !default;
  $nav-pills-link-active-color:       $component-active-color !default;
  $nav-pills-link-active-bg:          $component-active-bg !default;
  
  $nav-divider-color:                 $gray-200 !default;
  $nav-divider-margin-y:              $spacer / 2 !default;
  
  
  // Navbar
  
  $navbar-padding-y:                  $spacer / 2 !default;
  $navbar-padding-x:                  $spacer !default;
  
  $navbar-nav-link-padding-x:         .5rem !default;
  
  $navbar-brand-font-size:            $font-size-lg !default;
  // Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link
  $nav-link-height:                   $font-size-base * $line-height-base + $nav-link-padding-y * 2 !default;
  $navbar-brand-height:               $navbar-brand-font-size * $line-height-base !default;
  $navbar-brand-padding-y:            ($nav-link-height - $navbar-brand-height) / 2 !default;
  
  $navbar-toggler-padding-y:          .25rem !default;
  $navbar-toggler-padding-x:          .75rem !default;
  $navbar-toggler-font-size:          $font-size-lg !default;
  $navbar-toggler-border-radius:      $btn-border-radius !default;
  
  $navbar-dark-color:                 rgba($white, .5) !default;
  $navbar-dark-hover-color:           rgba($white, .75) !default;
  $navbar-dark-active-color:          $white !default;
  $navbar-dark-disabled-color:        rgba($white, .25) !default;
  $navbar-dark-toggler-icon-bg:       url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' 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;
  $navbar-dark-toggler-border-color:  rgba($white, .1) !default;
  
  $navbar-light-color:                rgba($black, .5) !default;
  $navbar-light-hover-color:          rgba($black, .7) !default;
  $navbar-light-active-color:         rgba($black, .9) !default;
  $navbar-light-disabled-color:       rgba($black, .3) !default;
  $navbar-light-toggler-icon-bg:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' 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;
  $navbar-light-toggler-border-color: rgba($black, .1) !default;
  
  $navbar-light-brand-color:                $navbar-light-active-color !default;
  $navbar-light-brand-hover-color:          $navbar-light-active-color !default;
  $navbar-dark-brand-color:                 $navbar-dark-active-color !default;
  $navbar-dark-brand-hover-color:           $navbar-dark-active-color !default;
  
  
  // Dropdowns
  //
  // Dropdown menu container and contents.
  
  $dropdown-min-width:                10rem !default;
  $dropdown-padding-x:                0 !default;
  $dropdown-padding-y:                .5rem !default;
  $dropdown-spacer:                   .125rem !default;
  $dropdown-font-size:                $font-size-base !default;
  $dropdown-color:                    $body-color !default;
  $dropdown-bg:                       $white !default;
  $dropdown-border-color:             rgba($black, .15) !default;
  $dropdown-border-radius:            $border-radius !default;
  $dropdown-border-width:             $border-width !default;
  $dropdown-inner-border-radius:      subtract($dropdown-border-radius, $dropdown-border-width) !default;
  $dropdown-divider-bg:               $gray-200 !default;
  $dropdown-divider-margin-y:         $nav-divider-margin-y !default;
  $dropdown-box-shadow:               0 .5rem 1rem rgba($black, .175) !default;
  
  $dropdown-link-color:               $gray-900 !default;
  $dropdown-link-hover-color:         darken($gray-900, 5%) !default;
  $dropdown-link-hover-bg:            $gray-100 !default;
  
  $dropdown-link-active-color:        $component-active-color !default;
  $dropdown-link-active-bg:           $component-active-bg !default;
  
  $dropdown-link-disabled-color:      $gray-600 !default;
  
  $dropdown-item-padding-y:           .25rem !default;
  $dropdown-item-padding-x:           1.5rem !default;
  
  $dropdown-header-color:             $gray-600 !default;
  $dropdown-header-padding:           $dropdown-padding-y $dropdown-item-padding-x !default;
  
  
  // Pagination
  
  $pagination-padding-y:              .5rem !default;
  $pagination-padding-x:              .75rem !default;
  $pagination-padding-y-sm:           .25rem !default;
  $pagination-padding-x-sm:           .5rem !default;
  $pagination-padding-y-lg:           .75rem !default;
  $pagination-padding-x-lg:           1.5rem !default;
  $pagination-line-height:            1.25 !default;
  
  $pagination-color:                  $link-color !default;
  $pagination-bg:                     $white !default;
  $pagination-border-width:           $border-width !default;
  $pagination-border-color:           $gray-300 !default;
  
  $pagination-focus-box-shadow:       $input-btn-focus-box-shadow !default;
  $pagination-focus-outline:          0 !default;
  
  $pagination-hover-color:            $link-hover-color !default;
  $pagination-hover-bg:               $gray-200 !default;
  $pagination-hover-border-color:     $gray-300 !default;
  
  $pagination-active-color:           $component-active-color !default;
  $pagination-active-bg:              $component-active-bg !default;
  $pagination-active-border-color:    $pagination-active-bg !default;
  
  $pagination-disabled-color:         $gray-600 !default;
  $pagination-disabled-bg:            $white !default;
  $pagination-disabled-border-color:  $gray-300 !default;
  
  
  // Jumbotron
  
  $jumbotron-padding:                 2rem !default;
  $jumbotron-color:                   null !default;
  $jumbotron-bg:                      $gray-200 !default;
  
  
  // Cards
  
  $card-spacer-y:                     .75rem !default;
  $card-spacer-x:                     1.25rem !default;
  $card-border-width:                 $border-width !default;
  $card-border-radius:                $border-radius !default;
  $card-border-color:                 rgba($black, .125) !default;
  $card-inner-border-radius:          subtract($card-border-radius, $card-border-width) !default;
  $card-cap-bg:                       rgba($black, .03) !default;
  $card-cap-color:                    null !default;
  $card-height:                       null !default;
  $card-color:                        null !default;
  $card-bg:                           $white !default;
  
  $card-img-overlay-padding:          1.25rem !default;
  
  $card-group-margin:                 $grid-gutter-width / 2 !default;
  $card-deck-margin:                  $card-group-margin !default;
  
  $card-columns-count:                3 !default;
  $card-columns-gap:                  1.25rem !default;
  $card-columns-margin:               $card-spacer-y !default;
  
  
  // Tooltips
  
  $tooltip-font-size:                 $font-size-sm !default;
  $tooltip-max-width:                 200px !default;
  $tooltip-color:                     $white !default;
  $tooltip-bg:                        $black !default;
  $tooltip-border-radius:             $border-radius !default;
  $tooltip-opacity:                   .9 !default;
  $tooltip-padding-y:                 .25rem !default;
  $tooltip-padding-x:                 .5rem !default;
  $tooltip-margin:                    0 !default;
  
  $tooltip-arrow-width:               .8rem !default;
  $tooltip-arrow-height:              .4rem !default;
  $tooltip-arrow-color:               $tooltip-bg !default;
  
  // Form tooltips must come after regular tooltips
  $form-feedback-tooltip-padding-y:     $tooltip-padding-y !default;
  $form-feedback-tooltip-padding-x:     $tooltip-padding-x !default;
  $form-feedback-tooltip-font-size:     $tooltip-font-size !default;
  $form-feedback-tooltip-line-height:   $line-height-base !default;
  $form-feedback-tooltip-opacity:       $tooltip-opacity !default;
  $form-feedback-tooltip-border-radius: $tooltip-border-radius !default;
  
  
  // Popovers
  
  $popover-font-size:                 $font-size-sm !default;
  $popover-bg:                        $white !default;
  $popover-max-width:                 276px !default;
  $popover-border-width:              $border-width !default;
  $popover-border-color:              rgba($black, .2) !default;
  $popover-border-radius:             $border-radius-lg !default;
  $popover-inner-border-radius:       subtract($popover-border-radius, $popover-border-width) !default;
  $popover-box-shadow:                0 .25rem .5rem rgba($black, .2) !default;
  
  $popover-header-bg:                 darken($popover-bg, 3%) !default;
  $popover-header-color:              $headings-color !default;
  $popover-header-padding-y:          .5rem !default;
  $popover-header-padding-x:          .75rem !default;
  
  $popover-body-color:                $body-color !default;
  $popover-body-padding-y:            $popover-header-padding-y !default;
  $popover-body-padding-x:            $popover-header-padding-x !default;
  
  $popover-arrow-width:               1rem !default;
  $popover-arrow-height:              .5rem !default;
  $popover-arrow-color:               $popover-bg !default;
  
  $popover-arrow-outer-color:         fade-in($popover-border-color, .05) !default;
  
  
  // Toasts
  
  $toast-max-width:                   350px !default;
  $toast-padding-x:                   .75rem !default;
  $toast-padding-y:                   .25rem !default;
  $toast-font-size:                   .875rem !default;
  $toast-color:                       null !default;
  $toast-background-color:            rgba($white, .85) !default;
  $toast-border-width:                1px !default;
  $toast-border-color:                rgba(0, 0, 0, .1) !default;
  $toast-border-radius:               .25rem !default;
  $toast-box-shadow:                  0 .25rem .75rem rgba($black, .1) !default;
  
  $toast-header-color:                $gray-600 !default;
  $toast-header-background-color:     rgba($white, .85) !default;
  $toast-header-border-color:         rgba(0, 0, 0, .05) !default;
  
  
  // Badges
  
  $badge-font-size:                   75% !default;
  $badge-font-weight:                 $font-weight-bold !default;
  $badge-padding-y:                   .25em !default;
  $badge-padding-x:                   .4em !default;
  $badge-border-radius:               $border-radius !default;
  
  $badge-transition:                  $btn-transition !default;
  $badge-focus-width:                 $input-btn-focus-width !default;
  
  $badge-pill-padding-x:              .6em !default;
  // Use a higher than normal value to ensure completely rounded edges when
  // customizing padding or font-size on labels.
  $badge-pill-border-radius:          10rem !default;
  
  
  // Modals
  
  // Padding applied to the modal body
  $modal-inner-padding:               1rem !default;
  
  // Margin between elements in footer, must be lower than or equal to 2 * $modal-inner-padding
  $modal-footer-margin-between:       .5rem !default;
  
  $modal-dialog-margin:               .5rem !default;
  $modal-dialog-margin-y-sm-up:       1.75rem !default;
  
  $modal-title-line-height:           $line-height-base !default;
  
  $modal-content-color:               null !default;
  $modal-content-bg:                  $white !default;
  $modal-content-border-color:        rgba($black, .2) !default;
  $modal-content-border-width:        $border-width !default;
  $modal-content-border-radius:       $border-radius-lg !default;
  $modal-content-inner-border-radius: subtract($modal-content-border-radius, $modal-content-border-width) !default;
  $modal-content-box-shadow-xs:       0 .25rem .5rem rgba($black, .5) !default;
  $modal-content-box-shadow-sm-up:    0 .5rem 1rem rgba($black, .5) !default;
  
  $modal-backdrop-bg:                 $black !default;
  $modal-backdrop-opacity:            .5 !default;
  $modal-header-border-color:         $border-color !default;
  $modal-footer-border-color:         $modal-header-border-color !default;
  $modal-header-border-width:         $modal-content-border-width !default;
  $modal-footer-border-width:         $modal-header-border-width !default;
  $modal-header-padding-y:            1rem !default;
  $modal-header-padding-x:            1rem !default;
  $modal-header-padding:              $modal-header-padding-y $modal-header-padding-x !default; // Keep this for backwards compatibility
  
  $modal-xl:                          1140px !default;
  $modal-lg:                          800px !default;
  $modal-md:                          500px !default;
  $modal-sm:                          300px !default;
  
  $modal-fade-transform:              translate(0, -50px) !default;
  $modal-show-transform:              none !default;
  $modal-transition:                  transform .3s ease-out !default;
  $modal-scale-transform:             scale(1.02) !default;
  
  
  // Alerts
  //
  // Define alert colors, border radius, and padding.
  
  $alert-padding-y:                   .75rem !default;
  $alert-padding-x:                   1.25rem !default;
  $alert-margin-bottom:               1rem !default;
  $alert-border-radius:               $border-radius !default;
  $alert-link-font-weight:            $font-weight-bold !default;
  $alert-border-width:                $border-width !default;
  
  $alert-bg-level:                    -10 !default;
  $alert-border-level:                -9 !default;
  $alert-color-level:                 6 !default;
  
  
  // Progress bars
  
  $progress-height:                   1rem !default;
  $progress-font-size:                $font-size-base * .75 !default;
  $progress-bg:                       $gray-200 !default;
  $progress-border-radius:            $border-radius !default;
  $progress-box-shadow:               inset 0 .1rem .1rem rgba($black, .1) !default;
  $progress-bar-color:                $white !default;
  $progress-bar-bg:                   theme-color(\"primary\") !default;
  $progress-bar-animation-timing:     1s linear infinite !default;
  $progress-bar-transition:           width .6s ease !default;
  
  
  // List group
  
  $list-group-color:                  null !default;
  $list-group-bg:                     $white !default;
  $list-group-border-color:           rgba($black, .125) !default;
  $list-group-border-width:           $border-width !default;
  $list-group-border-radius:          $border-radius !default;
  
  $list-group-item-padding-y:         .75rem !default;
  $list-group-item-padding-x:         1.25rem !default;
  
  $list-group-hover-bg:               $gray-100 !default;
  $list-group-active-color:           $component-active-color !default;
  $list-group-active-bg:              $component-active-bg !default;
  $list-group-active-border-color:    $list-group-active-bg !default;
  
  $list-group-disabled-color:         $gray-600 !default;
  $list-group-disabled-bg:            $list-group-bg !default;
  
  $list-group-action-color:           $gray-700 !default;
  $list-group-action-hover-color:     $list-group-action-color !default;
  
  $list-group-action-active-color:    $body-color !default;
  $list-group-action-active-bg:       $gray-200 !default;
  
  
  // Image thumbnails
  
  $thumbnail-padding:                 .25rem !default;
  $thumbnail-bg:                      $body-bg !default;
  $thumbnail-border-width:            $border-width !default;
  $thumbnail-border-color:            $gray-300 !default;
  $thumbnail-border-radius:           $border-radius !default;
  $thumbnail-box-shadow:              0 1px 2px rgba($black, .075) !default;
  
  
  // Figures
  
  $figure-caption-font-size:          90% !default;
  $figure-caption-color:              $gray-600 !default;
  
  
  // Breadcrumbs
  
  $breadcrumb-font-size:              null !default;
  
  $breadcrumb-padding-y:              .75rem !default;
  $breadcrumb-padding-x:              1rem !default;
  $breadcrumb-item-padding:           .5rem !default;
  
  $breadcrumb-margin-bottom:          1rem !default;
  
  $breadcrumb-bg:                     $gray-200 !default;
  $breadcrumb-divider-color:          $gray-600 !default;
  $breadcrumb-active-color:           $gray-600 !default;
  $breadcrumb-divider:                quote(\"/\") !default;
  
  $breadcrumb-border-radius:          $border-radius !default;
  
  
  // Carousel
  
  $carousel-control-color:             $white !default;
  $carousel-control-width:             15% !default;
  $carousel-control-opacity:           .5 !default;
  $carousel-control-hover-opacity:     .9 !default;
  $carousel-control-transition:        opacity .15s ease !default;
  
  $carousel-indicator-width:           30px !default;
  $carousel-indicator-height:          3px !default;
  $carousel-indicator-hit-area-height: 10px !default;
  $carousel-indicator-spacer:          3px !default;
  $carousel-indicator-active-bg:       $white !default;
  $carousel-indicator-transition:      opacity .6s ease !default;
  
  $carousel-caption-width:             70% !default;
  $carousel-caption-color:             $white !default;
  
  $carousel-control-icon-width:        20px !default;
  
  $carousel-control-prev-icon-bg:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' width='8' height='8' viewBox='0 0 8 8'><path d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/></svg>\") !default;
  $carousel-control-next-icon-bg:      url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' width='8' height='8' viewBox='0 0 8 8'><path d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/></svg>\") !default;
  
  $carousel-transition-duration:       .6s !default;
  $carousel-transition:                transform $carousel-transition-duration ease-in-out !default; // Define transform transition first if using multiple transitions (e.g., `transform 2s ease, opacity .5s ease-out`)
  
  
  // Spinners
  
  $spinner-width:         2rem !default;
  $spinner-height:        $spinner-width !default;
  $spinner-border-width:  .25em !default;
  
  $spinner-width-sm:        1rem !default;
  $spinner-height-sm:       $spinner-width-sm !default;
  $spinner-border-width-sm: .2em !default;
  
  
  // Close
  
  $close-font-size:                   $font-size-base * 1.5 !default;
  $close-font-weight:                 $font-weight-bold !default;
  $close-color:                       $black !default;
  $close-text-shadow:                 0 1px 0 $white !default;
  
  
  // Code
  
  $code-font-size:                    87.5% !default;
  $code-color:                        $pink !default;
  
  $kbd-padding-y:                     .2rem !default;
  $kbd-padding-x:                     .4rem !default;
  $kbd-font-size:                     $code-font-size !default;
  $kbd-color:                         $white !default;
  $kbd-bg:                            $gray-900 !default;
  
  $pre-color:                         $gray-900 !default;
  $pre-scrollable-max-height:         340px !default;
  
  
  // Utilities
  
  $displays: none, inline, inline-block, block, table, table-row, table-cell, flex, inline-flex !default;
  $overflows: auto, hidden !default;
  $positions: static, relative, absolute, fixed, sticky !default;
  $user-selects: all, auto, none !default;
  
  
  // Printing
  
  $print-page-size:                   a3 !default;
  $print-body-min-width:              map-get($grid-breakpoints, \"lg\") !default;
  ","// stylelint-disable property-blacklist, scss/dollar-variable-default
  
  // SCSS RFS mixin
  //
  // Automated font-resizing
  //
  // See https://github.com/twbs/rfs
  
  // Configuration
  
  // Base font size
  $rfs-base-font-size: 1.25rem !default;
  $rfs-font-size-unit: rem !default;
  
  // Breakpoint at where font-size starts decreasing if screen width is smaller
  $rfs-breakpoint: 1200px !default;
  $rfs-breakpoint-unit: px !default;
  
  // Resize font-size based on screen height and width
  $rfs-two-dimensional: false !default;
  
  // Factor of decrease
  $rfs-factor: 10 !default;
  
  @if type-of($rfs-factor) != \"number\" or $rfs-factor <= 1 {
    @error \"`#{$rfs-factor}` is not a valid  $rfs-factor, it must be greater than 1.\";
  }
  
  // Generate enable or disable classes. Possibilities: false, \"enable\" or \"disable\"
  $rfs-class: false !default;
  
  // 1 rem = $rfs-rem-value px
  $rfs-rem-value: 16 !default;
  
  // Safari iframe resize bug: https://github.com/twbs/rfs/issues/14
  $rfs-safari-iframe-resize-bug-fix: false !default;
  
  // Disable RFS by setting $enable-responsive-font-sizes to false
  $enable-responsive-font-sizes: true !default;
  
  // Cache $rfs-base-font-size unit
  $rfs-base-font-size-unit: unit($rfs-base-font-size);
  
  // Remove px-unit from $rfs-base-font-size for calculations
  @if $rfs-base-font-size-unit == \"px\" {
    $rfs-base-font-size: $rfs-base-font-size / ($rfs-base-font-size * 0 + 1);
  }
  @else if $rfs-base-font-size-unit == \"rem\" {
    $rfs-base-font-size: $rfs-base-font-size / ($rfs-base-font-size * 0 + 1 / $rfs-rem-value);
  }
  
  // Cache $rfs-breakpoint unit to prevent multiple calls
  $rfs-breakpoint-unit-cache: unit($rfs-breakpoint);
  
  // Remove unit from $rfs-breakpoint for calculations
  @if $rfs-breakpoint-unit-cache == \"px\" {
    $rfs-breakpoint: $rfs-breakpoint / ($rfs-breakpoint * 0 + 1);
  }
  @else if $rfs-breakpoint-unit-cache == \"rem\" or $rfs-breakpoint-unit-cache == \"em\" {
    $rfs-breakpoint: $rfs-breakpoint / ($rfs-breakpoint * 0 + 1 / $rfs-rem-value);
  }
  
  // Responsive font-size mixin
  @mixin rfs($fs, $important: false) {
    // Cache $fs unit
    $fs-unit: if(type-of($fs) == \"number\", unit($fs), false);
  
    // Add !important suffix if needed
    $rfs-suffix: if($important, \" !important\", \"\");
  
    // If $fs isn't a number (like inherit) or $fs has a unit (not px or rem, like 1.5em) or $ is 0, just print the value
    @if not $fs-unit or $fs-unit != \"\" and $fs-unit != \"px\" and $fs-unit != \"rem\" or $fs == 0 {
      font-size: #{$fs}#{$rfs-suffix};
    }
    @else {
      // Variables for storing static and fluid rescaling
      $rfs-static: null;
      $rfs-fluid: null;
  
      // Remove px-unit from $fs for calculations
      @if $fs-unit == \"px\" {
        $fs: $fs / ($fs * 0 + 1);
      }
      @else if $fs-unit == \"rem\" {
        $fs: $fs / ($fs * 0 + 1 / $rfs-rem-value);
      }
  
      // Set default font-size
      @if $rfs-font-size-unit == rem {
        $rfs-static: #{$fs / $rfs-rem-value}rem#{$rfs-suffix};
      }
      @else if $rfs-font-size-unit == px {
        $rfs-static: #{$fs}px#{$rfs-suffix};
      }
      @else {
        @error \"`#{$rfs-font-size-unit}` is not a valid unit for $rfs-font-size-unit. Use `px` or `rem`.\";
      }
  
      // Only add media query if font-size is bigger as the minimum font-size
      // If $rfs-factor == 1, no rescaling will take place
      @if $fs > $rfs-base-font-size and $enable-responsive-font-sizes {
        $min-width: null;
        $variable-unit: null;
  
        // Calculate minimum font-size for given font-size
        $fs-min: $rfs-base-font-size + ($fs - $rfs-base-font-size) / $rfs-factor;
  
        // Calculate difference between given font-size and minimum font-size for given font-size
        $fs-diff: $fs - $fs-min;
  
        // Base font-size formatting
        // No need to check if the unit is valid, because we did that before
        $min-width: if($rfs-font-size-unit == rem, #{$fs-min / $rfs-rem-value}rem, #{$fs-min}px);
  
        // If two-dimensional, use smallest of screen width and height
        $variable-unit: if($rfs-two-dimensional, vmin, vw);
  
        // Calculate the variable width between 0 and $rfs-breakpoint
        $variable-width: #{$fs-diff * 100 / $rfs-breakpoint}#{$variable-unit};
  
        // Set the calculated font-size.
        $rfs-fluid: calc(#{$min-width} + #{$variable-width}) #{$rfs-suffix};
      }
  
      // Rendering
      @if $rfs-fluid == null {
        // Only render static font-size if no fluid font-size is available
        font-size: $rfs-static;
      }
      @else {
        $mq-value: null;
  
        // RFS breakpoint formatting
        @if $rfs-breakpoint-unit == em or $rfs-breakpoint-unit == rem {
          $mq-value: #{$rfs-breakpoint / $rfs-rem-value}#{$rfs-breakpoint-unit};
        }
        @else if $rfs-breakpoint-unit == px {
          $mq-value: #{$rfs-breakpoint}px;
        }
        @else {
          @error \"`#{$rfs-breakpoint-unit}` is not a valid unit for $rfs-breakpoint-unit. Use `px`, `em` or `rem`.\";
        }
  
        @if $rfs-class == \"disable\" {
          // Adding an extra class increases specificity,
          // which prevents the media query to override the font size
          &,
          .disable-responsive-font-size &,
          &.disable-responsive-font-size {
            font-size: $rfs-static;
          }
        }
        @else {
          font-size: $rfs-static;
        }
  
        @if $rfs-two-dimensional {
          @media (max-width: #{$mq-value}), (max-height: #{$mq-value}) {
            @if $rfs-class == \"enable\" {
              .enable-responsive-font-size &,
              &.enable-responsive-font-size {
                font-size: $rfs-fluid;
              }
            }
            @else {
              font-size: $rfs-fluid;
            }
  
            @if $rfs-safari-iframe-resize-bug-fix {
              // stylelint-disable-next-line length-zero-no-unit
              min-width: 0vw;
            }
          }
        }
        @else {
          @media (max-width: #{$mq-value}) {
            @if $rfs-class == \"enable\" {
              .enable-responsive-font-size &,
              &.enable-responsive-font-size {
                font-size: $rfs-fluid;
              }
            }
            @else {
              font-size: $rfs-fluid;
            }
  
            @if $rfs-safari-iframe-resize-bug-fix {
              // stylelint-disable-next-line length-zero-no-unit
              min-width: 0vw;
            }
          }
        }
      }
    }
  }
  
  // The font-size & responsive-font-size mixin uses RFS to rescale font sizes
  @mixin font-size($fs, $important: false) {
    @include rfs($fs, $important);
  }
  
  @mixin responsive-font-size($fs, $important: false) {
    @include rfs($fs, $important);
  }
  ","// Hover mixin and `$enable-hover-media-query` are deprecated.
  //
  // Originally added during our alphas and maintained during betas, this mixin was
  // designed to prevent `:hover` stickiness on iOS-an issue where hover styles
  // would persist after initial touch.
  //
  // For backward compatibility, we've kept these mixins and updated them to
  // always return their regular pseudo-classes instead of a shimmed media query.
  //
  // Issue: https://github.com/twbs/bootstrap/issues/25195
  
  @mixin hover() {
    &:hover { @content; }
  }
  
  @mixin hover-focus() {
    &:hover,
    &:focus {
      @content;
    }
  }
  
  @mixin plain-hover-focus() {
    &,
    &:hover,
    &:focus {
      @content;
    }
  }
  
  @mixin hover-focus-active() {
    &:hover,
    &:focus,
    &:active {
      @content;
    }
  }
  "]}