/*!*********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??clonedRuleSet-24.use[1]!../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-24.use[2]!../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-24.use[3]!../ewx-aphrodite/src/styles/default.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************/
/**
 * Non-outputting imports
 *
 * Import order matters as functions are required by config, which is required by utils
 */
/**
 * Gets an element from a map (can be variable depth)
 *
 * Examples:
 * map-deep-get($z-layers, 'visible') // 1
 * map-deep-get($z-layers, 'path', 'to', 'item') // ?
 *
 * @param {map} $map - Map to be searched
 * @param {string} [$path] - Path separated by commas to be found in the map (`'step1', 'step2'`)
 */
/**
 * Recursively flattens a map (key being the aggregated keys and value being the value of the last
 * original map level)
 *
 * Examples:
 * $map: (
 *   'foo': (
 *     'bar': 1,
 *   ),
 *   'baz': 2,
 * );
 * map-flatten($map)
 * // (
 * //   'foo-bar': 1,
 * //   'baz': 2,
 * // )
 *
 * @param {map} $map - Map to be flattened
 * @param {function} $callback - Callback function to be executed at the last map level
 * @param {string} $prefix - Prefix to aggregate the keys on every recursion
 */
/**
 * Undoes a shorthand set of values to 4 values (`top`, `right`, `bottom`, `left`)
 *
 * Examples:
 * @include un-shorthand(0) -> 0 0 0 0
 * @include un-shorthand(0 1) -> 0 1 0 1
 * @include un-shorthand(0 1 2) -> 0 1 2 1
 * @include un-shorthand(0 1 2 3) -> 0 1 2 3
 *
 * @param {size} $shorthand - Values to be un-shorthanded separated by spaces
 */
/**
 * Breakpoints, inspired by bootstrap
 */
/**
 * Set of predefined spacing used for paddings and margins, used programatically via mixins
 * No specific reason behind the numbers, follows fibonacci starting from 8
 */
/**
 * Map of available text combinations and other related properties, used mostly via the `text` mixin
 */
/**
 * Map of available z-layers, helps to have in a glimpse the z priority of different UI elements
 */
/**
 * Utils used to compose UI elements easily
 *
 * Import order matters as some mixins are required by placeholders and/or spacing
 */
/**
 * Appends the mixin content to the corresponding media query depending on the given params, can be
 * a min, max or max-min breakpoint
 * Removes 1px from the `$maxWidth` (if available) to ensure good breakpoints (i.e. 0-99, 100-199)
 *
 * Examples:
 * @include breakpoint($bp-sm, $bp-lg) {...} // min-width and max-width
 * @include breakpoint($bp-sm) {...} // min-width only
 * @include breakpoint(null, $bp-lg) {...} // max-width only
 *
 * @param {size} $minWidth - Min width for the breakpoint to trigger
 * @param {size} $maxWidth - Max width for the breakpoint to trigger
 */
/**
 * Styles a container with some default properties, by default centering the element and enforcing
 * some (max-)width
 *
 * Examples:
 * @include container() // With standard vertical padding
 * @include container(false) // Without any padding
 * @include container(false, null, $s-sm) // Without vertical but with horizontal `$s-sm` padding
 * @include container(false, $size, $s-sm) // Without vertical but with horizontal `$s-sm` padding,
 * max-sized to `$size` width
 * @include container(true, $size, $s-sm) // With vertical and with horizontal `$s-sm` padding, max-
 * sized to `$size` width
 *
 * @param {bool} $verticalPadding - Flag to add padding on the top and bottom of the container
 * @param {size} $maxWidth - Max width of the container, defaults to `config/sizes` defined one
 * @param {size} $horizontalPadding - Padding to be added on the sides of the container
 */
/**
 * Extends the selector where this mixin is included so if the element has the `disabled` attribute
 * (buttons, inputs, options, selects, textareas), that element will be "grayed out" (transparent)
 * and a cursor to indicate it cannot be interacted with
 */
/**
 * Aligns vertically and (optionally) horizontally the childrens of the element, defaults to center
 * on both axis
 *
 * Reference:
 * $align - https://css-tricks.com/snippets/css/a-guide-to-flexbox/#prop-align-items
 * $justify - https://css-tricks.com/snippets/css/a-guide-to-flexbox/#prop-justify-content
 *
 * @param {flex-align} $align - Flex align value, defaults to `center`
 * @param {flex-align} $justify - Flex align value, defaults to `center`
 */
/**
 * Forces the element to be the full size of the view, meaning that it will take the full browsers
 * width and height
 */
/**
 * Position the element based on the position type and coordinates
 *
 * Examples:
 * @include position(absolute, 0 0) // position: absolute; top: 0; right: 0;
 * @include position(relative, 50% 0 null 0) // position: relative; top: 50%; right: 0; left: 0;
 *
 * @param {position} $position - Position type (https://developer.mozilla.org/docs/Web/CSS/position)
 * @param {size} $coordinates - Coordinates separated by spaces in clockwise order:
 * `top right bottom left`
 */
/**
 * Sizes the element (`width` and `height`)
 *
 * Examples:
 * @import size(30px) // width: 30px; height: 30px;
 * @import size(30px 15px) // width: 30px; height: 15px;
 * @import size(null 15px) // height: 15px;
 *
 * @param {size} $value - Size(s) for the element, can be one value (same `width`/`height`) or two
 * separated by a space `width height`
 */
/**
 * Returns text-related properties depending on the given arguments
 *
 * @param {string} $size - Combination of `font-size` and `line-height` found on `$texts`
 * @param {string} $weight - Name of the weight defined on `$texts`
 * @param {text-transform} $transform - Value to be appled to the `text-transform` property
 */
/**
 * Sets the `z-index` with the value of the given path
 *
 * Example:
 * @include z('visible') // z-index: 1;
 * @include z('path', 'to', 'layer') // z-index: ?;
 *
 * @param {string} $layer - Name(s) of the layer(s) to find in `config/z-layers` variable
 */
/**
 * Generates all sizing placeholders to be extended
 * Inspired by Bootstrap 4 spacings: https://getbootstrap.com/docs/4.1/utilities/spacing/
 *
 * Requires to have breakpoints defined from `$xs` to `$xxl`
 * Requires to have sizes defined from `$xs` to `$xl`
 *
 * Generated placeholders follow this patterns:
 * Concept: %{property}{side?}{-breakpoint?}-{size}
 * Regex: %(m|p)(t|b|l|r|x|y)?(-(xs|sm|md|lg|xl|xxl))?-([0-5]|auto)
 * - First character defines if the spacing is `margin` or `padding`
 * - Second character (or its absence) defines where the spacing is applied, on any of the 4 sides
 *   (`top`, `bottom`, `left`, `right`), the 2 axis (`x`, `y`) or empty (all of them)
 * - Dash to separate spacing/position and breakpoint (if any)
 * - Min-width breakpoint (`xs`, `sm`, `md`, `lg`, `xl`, `xxl`) or none (all resolutions)
 * - Dash to separate spacing/position/breakpoint and the size
 * - Last character defines the size of the spacing (`0`, `1`, `2`, `3`, `4`, `5`, `auto`)
 *
 * Examples:
 * %mt-0 // margin-top: 0
 * %mx-4 // margin: 0 16px
 * %p-6 // margin: 40px
 * %pb-lg-2 // @media (min-screen: 1200px) { padding-bottom: 8px }
 */
/**
 * Value order matters, as it's from least to most restrictive
 */
/**
 * Generates all the spacing variable combinations, usage as regular mixin is discouraged
 *
 * @param {margin|padding} $type - Spacingg type
 * @param {string} $side - First character of the side(s) where to add the spacin:
 * (t)op, (b)ottom, (l)eft, (r)ight, (x)-axis [horizontal], (y)-axis [vertical], () all [empty]
 * @param {size} $size - Size of the spacing
 */
/**
 * Defines all the spacing placeholders (`margin`, `padding`) based on params (all `$sides` and
 * `$sizes` combinations), usage as regular mixin is VERY discouraged
 *
 * @param {list} $sides - Spacing side list, as defined on `utils/mixins/spacing/config`
 * @param {map} $sizes - Spacing size map, as defined on `utils/mixins/spacing/config`
 * @param {size} $breakpoint - Shortened breakpoint name indicating `min-width` breakpoint for the
 * spacing
 */
/**
 * Generates all the spacing placeholders (`margin`, `padding`) wrapped by media queries when needed
 */
/**
 * External/3rd party packages
 */
/*!
 * Bootstrap Grid v5.2.2 (https://getbootstrap.com/)
 * Copyright 2011-2022 The Bootstrap Authors
 * Copyright 2011-2022 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-primary-rgb: 13, 110, 253;
  --bs-secondary-rgb: 108, 117, 125;
  --bs-success-rgb: 25, 135, 84;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 33, 37, 41;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans",
    "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
    "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New",
    monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #212529;
  --bs-body-bg: #fff;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #dee2e6;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 0.375rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-2xl: 2rem;
  --bs-border-radius-pill: 50rem;
  --bs-link-color: #0d6efd;
  --bs-link-hover-color: #0a58ca;
  --bs-code-color: #d63384;
  --bs-highlight-bg: #fff3cd;
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container,
  .container-sm {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container,
  .container-md,
  .container-sm {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1320px;
  }
}
.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}

.row > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}

.col {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0%;
          flex: 1 0 0%;
}

.row-cols-auto > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: auto;
}

.row-cols-1 > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 100%;
}

.row-cols-2 > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 50%;
}

.row-cols-3 > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 33.3333333333%;
}

.row-cols-4 > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 25%;
}

.row-cols-5 > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 20%;
}

.row-cols-6 > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 16.6666666667%;
}

.col-auto {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: auto;
}

.col-1 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 8.33333333%;
}

.col-2 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 16.66666667%;
}

.col-3 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 25%;
}

.col-4 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 33.33333333%;
}

.col-5 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 41.66666667%;
}

.col-6 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 50%;
}

.col-7 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 58.33333333%;
}

.col-8 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 66.66666667%;
}

.col-9 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 75%;
}

.col-10 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 83.33333333%;
}

.col-11 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 91.66666667%;
}

.col-12 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 100%;
}

.offset-1 {
  margin-left: 8.33333333%;
}

.offset-2 {
  margin-left: 16.66666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.33333333%;
}

.offset-5 {
  margin-left: 41.66666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.33333333%;
}

.offset-8 {
  margin-left: 66.66666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.33333333%;
}

.offset-11 {
  margin-left: 91.66666667%;
}

.g-0,
.gx-0 {
  --bs-gutter-x: 0;
}

.g-0,
.gy-0 {
  --bs-gutter-y: 0;
}

.g-1,
.gx-1 {
  --bs-gutter-x: 0.25rem;
}

.g-1,
.gy-1 {
  --bs-gutter-y: 0.25rem;
}

.g-2,
.gx-2 {
  --bs-gutter-x: 0.5rem;
}

.g-2,
.gy-2 {
  --bs-gutter-y: 0.5rem;
}

.g-3,
.gx-3 {
  --bs-gutter-x: 1rem;
}

.g-3,
.gy-3 {
  --bs-gutter-y: 1rem;
}

.g-4,
.gx-4 {
  --bs-gutter-x: 1.5rem;
}

.g-4,
.gy-4 {
  --bs-gutter-y: 1.5rem;
}

.g-5,
.gx-5 {
  --bs-gutter-x: 3rem;
}

.g-5,
.gy-5 {
  --bs-gutter-y: 3rem;
}

@media (min-width: 576px) {
  .col-sm {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
            flex: 1 0 0%;
  }
  .row-cols-sm-auto > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
  }
  .row-cols-sm-1 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-sm-2 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-sm-3 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-sm-4 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-sm-5 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-sm-6 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-sm-auto {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
  }
  .col-sm-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-sm-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 25%;
  }
  .col-sm-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-sm-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-sm-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 50%;
  }
  .col-sm-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-sm-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-sm-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 75%;
  }
  .col-sm-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-sm-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-sm-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 100%;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.33333333%;
  }
  .offset-sm-2 {
    margin-left: 16.66666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.33333333%;
  }
  .offset-sm-5 {
    margin-left: 41.66666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.33333333%;
  }
  .offset-sm-8 {
    margin-left: 66.66666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.33333333%;
  }
  .offset-sm-11 {
    margin-left: 91.66666667%;
  }
  .g-sm-0,
  .gx-sm-0 {
    --bs-gutter-x: 0;
  }
  .g-sm-0,
  .gy-sm-0 {
    --bs-gutter-y: 0;
  }
  .g-sm-1,
  .gx-sm-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-sm-1,
  .gy-sm-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-sm-2,
  .gx-sm-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-sm-2,
  .gy-sm-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-sm-3,
  .gx-sm-3 {
    --bs-gutter-x: 1rem;
  }
  .g-sm-3,
  .gy-sm-3 {
    --bs-gutter-y: 1rem;
  }
  .g-sm-4,
  .gx-sm-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-sm-4,
  .gy-sm-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-sm-5,
  .gx-sm-5 {
    --bs-gutter-x: 3rem;
  }
  .g-sm-5,
  .gy-sm-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 768px) {
  .col-md {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
            flex: 1 0 0%;
  }
  .row-cols-md-auto > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
  }
  .row-cols-md-1 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-md-2 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-md-3 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-md-4 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-md-5 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-md-6 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-md-auto {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
  }
  .col-md-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-md-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 25%;
  }
  .col-md-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-md-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-md-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 50%;
  }
  .col-md-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-md-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-md-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 75%;
  }
  .col-md-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-md-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-md-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 100%;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.33333333%;
  }
  .offset-md-2 {
    margin-left: 16.66666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.33333333%;
  }
  .offset-md-5 {
    margin-left: 41.66666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.33333333%;
  }
  .offset-md-8 {
    margin-left: 66.66666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.33333333%;
  }
  .offset-md-11 {
    margin-left: 91.66666667%;
  }
  .g-md-0,
  .gx-md-0 {
    --bs-gutter-x: 0;
  }
  .g-md-0,
  .gy-md-0 {
    --bs-gutter-y: 0;
  }
  .g-md-1,
  .gx-md-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-md-1,
  .gy-md-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-md-2,
  .gx-md-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-md-2,
  .gy-md-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-md-3,
  .gx-md-3 {
    --bs-gutter-x: 1rem;
  }
  .g-md-3,
  .gy-md-3 {
    --bs-gutter-y: 1rem;
  }
  .g-md-4,
  .gx-md-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-md-4,
  .gy-md-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-md-5,
  .gx-md-5 {
    --bs-gutter-x: 3rem;
  }
  .g-md-5,
  .gy-md-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 992px) {
  .col-lg {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
            flex: 1 0 0%;
  }
  .row-cols-lg-auto > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
  }
  .row-cols-lg-1 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-lg-2 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-lg-3 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-lg-4 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-lg-5 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-lg-6 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-lg-auto {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
  }
  .col-lg-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-lg-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 25%;
  }
  .col-lg-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-lg-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-lg-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 50%;
  }
  .col-lg-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-lg-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-lg-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 75%;
  }
  .col-lg-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-lg-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-lg-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 100%;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.33333333%;
  }
  .offset-lg-2 {
    margin-left: 16.66666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.33333333%;
  }
  .offset-lg-5 {
    margin-left: 41.66666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.33333333%;
  }
  .offset-lg-8 {
    margin-left: 66.66666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.33333333%;
  }
  .offset-lg-11 {
    margin-left: 91.66666667%;
  }
  .g-lg-0,
  .gx-lg-0 {
    --bs-gutter-x: 0;
  }
  .g-lg-0,
  .gy-lg-0 {
    --bs-gutter-y: 0;
  }
  .g-lg-1,
  .gx-lg-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-lg-1,
  .gy-lg-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-lg-2,
  .gx-lg-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-lg-2,
  .gy-lg-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-lg-3,
  .gx-lg-3 {
    --bs-gutter-x: 1rem;
  }
  .g-lg-3,
  .gy-lg-3 {
    --bs-gutter-y: 1rem;
  }
  .g-lg-4,
  .gx-lg-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-lg-4,
  .gy-lg-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-lg-5,
  .gx-lg-5 {
    --bs-gutter-x: 3rem;
  }
  .g-lg-5,
  .gy-lg-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
            flex: 1 0 0%;
  }
  .row-cols-xl-auto > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xl-1 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xl-2 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xl-3 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-xl-4 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xl-5 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xl-6 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-xl-auto {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
  }
  .col-xl-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xl-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 25%;
  }
  .col-xl-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xl-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xl-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 50%;
  }
  .col-xl-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xl-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xl-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 75%;
  }
  .col-xl-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xl-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xl-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 100%;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xl-11 {
    margin-left: 91.66666667%;
  }
  .g-xl-0,
  .gx-xl-0 {
    --bs-gutter-x: 0;
  }
  .g-xl-0,
  .gy-xl-0 {
    --bs-gutter-y: 0;
  }
  .g-xl-1,
  .gx-xl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xl-1,
  .gy-xl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xl-2,
  .gx-xl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xl-2,
  .gy-xl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xl-3,
  .gx-xl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xl-3,
  .gy-xl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xl-4,
  .gx-xl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xl-4,
  .gy-xl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xl-5,
  .gx-xl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xl-5,
  .gy-xl-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1400px) {
  .col-xxl {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
            flex: 1 0 0%;
  }
  .row-cols-xxl-auto > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xxl-1 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xxl-2 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xxl-3 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-xxl-4 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xxl-5 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xxl-6 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-xxl-auto {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
  }
  .col-xxl-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xxl-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 25%;
  }
  .col-xxl-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xxl-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xxl-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 50%;
  }
  .col-xxl-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xxl-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xxl-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 75%;
  }
  .col-xxl-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xxl-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xxl-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 100%;
  }
  .offset-xxl-0 {
    margin-left: 0;
  }
  .offset-xxl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xxl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xxl-3 {
    margin-left: 25%;
  }
  .offset-xxl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xxl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xxl-6 {
    margin-left: 50%;
  }
  .offset-xxl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xxl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xxl-9 {
    margin-left: 75%;
  }
  .offset-xxl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xxl-11 {
    margin-left: 91.66666667%;
  }
  .g-xxl-0,
  .gx-xxl-0 {
    --bs-gutter-x: 0;
  }
  .g-xxl-0,
  .gy-xxl-0 {
    --bs-gutter-y: 0;
  }
  .g-xxl-1,
  .gx-xxl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xxl-1,
  .gy-xxl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xxl-2,
  .gx-xxl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xxl-2,
  .gy-xxl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xxl-3,
  .gx-xxl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xxl-3,
  .gy-xxl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xxl-4,
  .gx-xxl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xxl-4,
  .gy-xxl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xxl-5,
  .gx-xxl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xxl-5,
  .gy-xxl-5 {
    --bs-gutter-y: 3rem;
  }
}
.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-grid {
  display: grid !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.d-inline-flex {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}

.d-none {
  display: none !important;
}

.flex-fill {
  -webkit-box-flex: 1 !important;
      -ms-flex: 1 1 auto !important;
          flex: 1 1 auto !important;
}

.flex-row {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: row !important;
          flex-direction: row !important;
}

.flex-column {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important;
}

.flex-row-reverse {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: reverse !important;
      -ms-flex-direction: row-reverse !important;
          flex-direction: row-reverse !important;
}

.flex-column-reverse {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: reverse !important;
      -ms-flex-direction: column-reverse !important;
          flex-direction: column-reverse !important;
}

.flex-grow-0 {
  -webkit-box-flex: 0 !important;
      -ms-flex-positive: 0 !important;
          flex-grow: 0 !important;
}

.flex-grow-1 {
  -webkit-box-flex: 1 !important;
      -ms-flex-positive: 1 !important;
          flex-grow: 1 !important;
}

.flex-shrink-0 {
  -ms-flex-negative: 0 !important;
      flex-shrink: 0 !important;
}

.flex-shrink-1 {
  -ms-flex-negative: 1 !important;
      flex-shrink: 1 !important;
}

.flex-wrap {
  -ms-flex-wrap: wrap !important;
      flex-wrap: wrap !important;
}

.flex-nowrap {
  -ms-flex-wrap: nowrap !important;
      flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse !important;
      flex-wrap: wrap-reverse !important;
}

.justify-content-start {
  -webkit-box-pack: start !important;
      -ms-flex-pack: start !important;
          justify-content: flex-start !important;
}

.justify-content-end {
  -webkit-box-pack: end !important;
      -ms-flex-pack: end !important;
          justify-content: flex-end !important;
}

.justify-content-center {
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
}

.justify-content-between {
  -webkit-box-pack: justify !important;
      -ms-flex-pack: justify !important;
          justify-content: space-between !important;
}

.justify-content-around {
  -ms-flex-pack: distribute !important;
      justify-content: space-around !important;
}

.justify-content-evenly {
  -webkit-box-pack: space-evenly !important;
      -ms-flex-pack: space-evenly !important;
          justify-content: space-evenly !important;
}

.align-items-start {
  -webkit-box-align: start !important;
      -ms-flex-align: start !important;
          align-items: flex-start !important;
}

.align-items-end {
  -webkit-box-align: end !important;
      -ms-flex-align: end !important;
          align-items: flex-end !important;
}

.align-items-center {
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
}

.align-items-baseline {
  -webkit-box-align: baseline !important;
      -ms-flex-align: baseline !important;
          align-items: baseline !important;
}

.align-items-stretch {
  -webkit-box-align: stretch !important;
      -ms-flex-align: stretch !important;
          align-items: stretch !important;
}

.align-content-start {
  -ms-flex-line-pack: start !important;
      align-content: flex-start !important;
}

.align-content-end {
  -ms-flex-line-pack: end !important;
      align-content: flex-end !important;
}

.align-content-center {
  -ms-flex-line-pack: center !important;
      align-content: center !important;
}

.align-content-between {
  -ms-flex-line-pack: justify !important;
      align-content: space-between !important;
}

.align-content-around {
  -ms-flex-line-pack: distribute !important;
      align-content: space-around !important;
}

.align-content-stretch {
  -ms-flex-line-pack: stretch !important;
      align-content: stretch !important;
}

.align-self-auto {
  -ms-flex-item-align: auto !important;
      align-self: auto !important;
}

.align-self-start {
  -ms-flex-item-align: start !important;
      align-self: flex-start !important;
}

.align-self-end {
  -ms-flex-item-align: end !important;
      align-self: flex-end !important;
}

.align-self-center {
  -ms-flex-item-align: center !important;
      align-self: center !important;
}

.align-self-baseline {
  -ms-flex-item-align: baseline !important;
      align-self: baseline !important;
}

.align-self-stretch {
  -ms-flex-item-align: stretch !important;
      align-self: stretch !important;
}

.order-first {
  -webkit-box-ordinal-group: 0 !important;
      -ms-flex-order: -1 !important;
          order: -1 !important;
}

.order-0 {
  -webkit-box-ordinal-group: 1 !important;
      -ms-flex-order: 0 !important;
          order: 0 !important;
}

.order-1 {
  -webkit-box-ordinal-group: 2 !important;
      -ms-flex-order: 1 !important;
          order: 1 !important;
}

.order-2 {
  -webkit-box-ordinal-group: 3 !important;
      -ms-flex-order: 2 !important;
          order: 2 !important;
}

.order-3 {
  -webkit-box-ordinal-group: 4 !important;
      -ms-flex-order: 3 !important;
          order: 3 !important;
}

.order-4 {
  -webkit-box-ordinal-group: 5 !important;
      -ms-flex-order: 4 !important;
          order: 4 !important;
}

.order-5 {
  -webkit-box-ordinal-group: 6 !important;
      -ms-flex-order: 5 !important;
          order: 5 !important;
}

.order-last {
  -webkit-box-ordinal-group: 7 !important;
      -ms-flex-order: 6 !important;
          order: 6 !important;
}

.m-0 {
  margin: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
}

.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}

.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}

.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}

.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-1 {
  margin-top: 0.25rem !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

.mt-3 {
  margin-top: 1rem !important;
}

.mt-4 {
  margin-top: 1.5rem !important;
}

.mt-5 {
  margin-top: 3rem !important;
}

.mt-auto {
  margin-top: auto !important;
}

.me-0 {
  margin-right: 0 !important;
}

.me-1 {
  margin-right: 0.25rem !important;
}

.me-2 {
  margin-right: 0.5rem !important;
}

.me-3 {
  margin-right: 1rem !important;
}

.me-4 {
  margin-right: 1.5rem !important;
}

.me-5 {
  margin-right: 3rem !important;
}

.me-auto {
  margin-right: auto !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.mb-3 {
  margin-bottom: 1rem !important;
}

.mb-4 {
  margin-bottom: 1.5rem !important;
}

.mb-5 {
  margin-bottom: 3rem !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.ms-0 {
  margin-left: 0 !important;
}

.ms-1 {
  margin-left: 0.25rem !important;
}

.ms-2 {
  margin-left: 0.5rem !important;
}

.ms-3 {
  margin-left: 1rem !important;
}

.ms-4 {
  margin-left: 1.5rem !important;
}

.ms-5 {
  margin-left: 3rem !important;
}

.ms-auto {
  margin-left: auto !important;
}

.p-0 {
  padding: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}

.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}

.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}

.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}

.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pt-1 {
  padding-top: 0.25rem !important;
}

.pt-2 {
  padding-top: 0.5rem !important;
}

.pt-3 {
  padding-top: 1rem !important;
}

.pt-4 {
  padding-top: 1.5rem !important;
}

.pt-5 {
  padding-top: 3rem !important;
}

.pe-0 {
  padding-right: 0 !important;
}

.pe-1 {
  padding-right: 0.25rem !important;
}

.pe-2 {
  padding-right: 0.5rem !important;
}

.pe-3 {
  padding-right: 1rem !important;
}

.pe-4 {
  padding-right: 1.5rem !important;
}

.pe-5 {
  padding-right: 3rem !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pb-1 {
  padding-bottom: 0.25rem !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.pb-3 {
  padding-bottom: 1rem !important;
}

.pb-4 {
  padding-bottom: 1.5rem !important;
}

.pb-5 {
  padding-bottom: 3rem !important;
}

.ps-0 {
  padding-left: 0 !important;
}

.ps-1 {
  padding-left: 0.25rem !important;
}

.ps-2 {
  padding-left: 0.5rem !important;
}

.ps-3 {
  padding-left: 1rem !important;
}

.ps-4 {
  padding-left: 1.5rem !important;
}

.ps-5 {
  padding-left: 3rem !important;
}

@media (min-width: 576px) {
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-grid {
    display: grid !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
  .d-sm-none {
    display: none !important;
  }
  .flex-sm-fill {
    -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
            flex: 1 1 auto !important;
  }
  .flex-sm-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
  }
  .flex-sm-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important;
  }
  .flex-sm-grow-0 {
    -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
            flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
            flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
  }
  .flex-sm-wrap {
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
  }
  .justify-content-sm-start {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
  .justify-content-sm-between {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
  }
  .justify-content-sm-around {
    -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
  }
  .justify-content-sm-evenly {
    -webkit-box-pack: space-evenly !important;
        -ms-flex-pack: space-evenly !important;
            justify-content: space-evenly !important;
  }
  .align-items-sm-start {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
  }
  .align-items-sm-end {
    -webkit-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important;
  }
  .align-items-sm-center {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
  }
  .align-items-sm-baseline {
    -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important;
  }
  .align-items-sm-stretch {
    -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important;
  }
  .align-content-sm-start {
    -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
  }
  .align-content-sm-end {
    -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
  }
  .align-content-sm-center {
    -ms-flex-line-pack: center !important;
        align-content: center !important;
  }
  .align-content-sm-between {
    -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
  }
  .align-content-sm-around {
    -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
  }
  .align-content-sm-stretch {
    -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
  }
  .align-self-sm-auto {
    -ms-flex-item-align: auto !important;
        align-self: auto !important;
  }
  .align-self-sm-start {
    -ms-flex-item-align: start !important;
        align-self: flex-start !important;
  }
  .align-self-sm-end {
    -ms-flex-item-align: end !important;
        align-self: flex-end !important;
  }
  .align-self-sm-center {
    -ms-flex-item-align: center !important;
        align-self: center !important;
  }
  .align-self-sm-baseline {
    -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
  }
  .align-self-sm-stretch {
    -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
  }
  .order-sm-first {
    -webkit-box-ordinal-group: 0 !important;
        -ms-flex-order: -1 !important;
            order: -1 !important;
  }
  .order-sm-0 {
    -webkit-box-ordinal-group: 1 !important;
        -ms-flex-order: 0 !important;
            order: 0 !important;
  }
  .order-sm-1 {
    -webkit-box-ordinal-group: 2 !important;
        -ms-flex-order: 1 !important;
            order: 1 !important;
  }
  .order-sm-2 {
    -webkit-box-ordinal-group: 3 !important;
        -ms-flex-order: 2 !important;
            order: 2 !important;
  }
  .order-sm-3 {
    -webkit-box-ordinal-group: 4 !important;
        -ms-flex-order: 3 !important;
            order: 3 !important;
  }
  .order-sm-4 {
    -webkit-box-ordinal-group: 5 !important;
        -ms-flex-order: 4 !important;
            order: 4 !important;
  }
  .order-sm-5 {
    -webkit-box-ordinal-group: 6 !important;
        -ms-flex-order: 5 !important;
            order: 5 !important;
  }
  .order-sm-last {
    -webkit-box-ordinal-group: 7 !important;
        -ms-flex-order: 6 !important;
            order: 6 !important;
  }
  .m-sm-0 {
    margin: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-sm-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-sm-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-sm-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-sm-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-sm-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-sm-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-sm-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-sm-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-sm-0 {
    margin-top: 0 !important;
  }
  .mt-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mt-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mt-sm-3 {
    margin-top: 1rem !important;
  }
  .mt-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mt-sm-5 {
    margin-top: 3rem !important;
  }
  .mt-sm-auto {
    margin-top: auto !important;
  }
  .me-sm-0 {
    margin-right: 0 !important;
  }
  .me-sm-1 {
    margin-right: 0.25rem !important;
  }
  .me-sm-2 {
    margin-right: 0.5rem !important;
  }
  .me-sm-3 {
    margin-right: 1rem !important;
  }
  .me-sm-4 {
    margin-right: 1.5rem !important;
  }
  .me-sm-5 {
    margin-right: 3rem !important;
  }
  .me-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-0 {
    margin-bottom: 0 !important;
  }
  .mb-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-sm-3 {
    margin-bottom: 1rem !important;
  }
  .mb-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-sm-5 {
    margin-bottom: 3rem !important;
  }
  .mb-sm-auto {
    margin-bottom: auto !important;
  }
  .ms-sm-0 {
    margin-left: 0 !important;
  }
  .ms-sm-1 {
    margin-left: 0.25rem !important;
  }
  .ms-sm-2 {
    margin-left: 0.5rem !important;
  }
  .ms-sm-3 {
    margin-left: 1rem !important;
  }
  .ms-sm-4 {
    margin-left: 1.5rem !important;
  }
  .ms-sm-5 {
    margin-left: 3rem !important;
  }
  .ms-sm-auto {
    margin-left: auto !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-sm-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-sm-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-sm-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-sm-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-sm-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-sm-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-sm-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-sm-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-sm-0 {
    padding-top: 0 !important;
  }
  .pt-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pt-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pt-sm-3 {
    padding-top: 1rem !important;
  }
  .pt-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pt-sm-5 {
    padding-top: 3rem !important;
  }
  .pe-sm-0 {
    padding-right: 0 !important;
  }
  .pe-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pe-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pe-sm-3 {
    padding-right: 1rem !important;
  }
  .pe-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pe-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-0 {
    padding-bottom: 0 !important;
  }
  .pb-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pb-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-sm-5 {
    padding-bottom: 3rem !important;
  }
  .ps-sm-0 {
    padding-left: 0 !important;
  }
  .ps-sm-1 {
    padding-left: 0.25rem !important;
  }
  .ps-sm-2 {
    padding-left: 0.5rem !important;
  }
  .ps-sm-3 {
    padding-left: 1rem !important;
  }
  .ps-sm-4 {
    padding-left: 1.5rem !important;
  }
  .ps-sm-5 {
    padding-left: 3rem !important;
  }
}
@media (min-width: 768px) {
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-grid {
    display: grid !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-md-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
  .d-md-none {
    display: none !important;
  }
  .flex-md-fill {
    -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
            flex: 1 1 auto !important;
  }
  .flex-md-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
  }
  .flex-md-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }
  .flex-md-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important;
  }
  .flex-md-grow-0 {
    -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
            flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
            flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
  }
  .flex-md-wrap {
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
  }
  .justify-content-md-start {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }
  .justify-content-md-end {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
  }
  .justify-content-md-center {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
  .justify-content-md-between {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
  }
  .justify-content-md-around {
    -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
  }
  .justify-content-md-evenly {
    -webkit-box-pack: space-evenly !important;
        -ms-flex-pack: space-evenly !important;
            justify-content: space-evenly !important;
  }
  .align-items-md-start {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
  }
  .align-items-md-end {
    -webkit-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important;
  }
  .align-items-md-center {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
  }
  .align-items-md-baseline {
    -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important;
  }
  .align-items-md-stretch {
    -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important;
  }
  .align-content-md-start {
    -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
  }
  .align-content-md-end {
    -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
  }
  .align-content-md-center {
    -ms-flex-line-pack: center !important;
        align-content: center !important;
  }
  .align-content-md-between {
    -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
  }
  .align-content-md-around {
    -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
  }
  .align-content-md-stretch {
    -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
  }
  .align-self-md-auto {
    -ms-flex-item-align: auto !important;
        align-self: auto !important;
  }
  .align-self-md-start {
    -ms-flex-item-align: start !important;
        align-self: flex-start !important;
  }
  .align-self-md-end {
    -ms-flex-item-align: end !important;
        align-self: flex-end !important;
  }
  .align-self-md-center {
    -ms-flex-item-align: center !important;
        align-self: center !important;
  }
  .align-self-md-baseline {
    -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
  }
  .align-self-md-stretch {
    -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
  }
  .order-md-first {
    -webkit-box-ordinal-group: 0 !important;
        -ms-flex-order: -1 !important;
            order: -1 !important;
  }
  .order-md-0 {
    -webkit-box-ordinal-group: 1 !important;
        -ms-flex-order: 0 !important;
            order: 0 !important;
  }
  .order-md-1 {
    -webkit-box-ordinal-group: 2 !important;
        -ms-flex-order: 1 !important;
            order: 1 !important;
  }
  .order-md-2 {
    -webkit-box-ordinal-group: 3 !important;
        -ms-flex-order: 2 !important;
            order: 2 !important;
  }
  .order-md-3 {
    -webkit-box-ordinal-group: 4 !important;
        -ms-flex-order: 3 !important;
            order: 3 !important;
  }
  .order-md-4 {
    -webkit-box-ordinal-group: 5 !important;
        -ms-flex-order: 4 !important;
            order: 4 !important;
  }
  .order-md-5 {
    -webkit-box-ordinal-group: 6 !important;
        -ms-flex-order: 5 !important;
            order: 5 !important;
  }
  .order-md-last {
    -webkit-box-ordinal-group: 7 !important;
        -ms-flex-order: 6 !important;
            order: 6 !important;
  }
  .m-md-0 {
    margin: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-md-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-md-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-md-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-md-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-md-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-md-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-md-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-md-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-md-0 {
    margin-top: 0 !important;
  }
  .mt-md-1 {
    margin-top: 0.25rem !important;
  }
  .mt-md-2 {
    margin-top: 0.5rem !important;
  }
  .mt-md-3 {
    margin-top: 1rem !important;
  }
  .mt-md-4 {
    margin-top: 1.5rem !important;
  }
  .mt-md-5 {
    margin-top: 3rem !important;
  }
  .mt-md-auto {
    margin-top: auto !important;
  }
  .me-md-0 {
    margin-right: 0 !important;
  }
  .me-md-1 {
    margin-right: 0.25rem !important;
  }
  .me-md-2 {
    margin-right: 0.5rem !important;
  }
  .me-md-3 {
    margin-right: 1rem !important;
  }
  .me-md-4 {
    margin-right: 1.5rem !important;
  }
  .me-md-5 {
    margin-right: 3rem !important;
  }
  .me-md-auto {
    margin-right: auto !important;
  }
  .mb-md-0 {
    margin-bottom: 0 !important;
  }
  .mb-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-md-3 {
    margin-bottom: 1rem !important;
  }
  .mb-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-md-5 {
    margin-bottom: 3rem !important;
  }
  .mb-md-auto {
    margin-bottom: auto !important;
  }
  .ms-md-0 {
    margin-left: 0 !important;
  }
  .ms-md-1 {
    margin-left: 0.25rem !important;
  }
  .ms-md-2 {
    margin-left: 0.5rem !important;
  }
  .ms-md-3 {
    margin-left: 1rem !important;
  }
  .ms-md-4 {
    margin-left: 1.5rem !important;
  }
  .ms-md-5 {
    margin-left: 3rem !important;
  }
  .ms-md-auto {
    margin-left: auto !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-md-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-md-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-md-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-md-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-md-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-md-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-md-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-md-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-md-0 {
    padding-top: 0 !important;
  }
  .pt-md-1 {
    padding-top: 0.25rem !important;
  }
  .pt-md-2 {
    padding-top: 0.5rem !important;
  }
  .pt-md-3 {
    padding-top: 1rem !important;
  }
  .pt-md-4 {
    padding-top: 1.5rem !important;
  }
  .pt-md-5 {
    padding-top: 3rem !important;
  }
  .pe-md-0 {
    padding-right: 0 !important;
  }
  .pe-md-1 {
    padding-right: 0.25rem !important;
  }
  .pe-md-2 {
    padding-right: 0.5rem !important;
  }
  .pe-md-3 {
    padding-right: 1rem !important;
  }
  .pe-md-4 {
    padding-right: 1.5rem !important;
  }
  .pe-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-0 {
    padding-bottom: 0 !important;
  }
  .pb-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-md-3 {
    padding-bottom: 1rem !important;
  }
  .pb-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-md-5 {
    padding-bottom: 3rem !important;
  }
  .ps-md-0 {
    padding-left: 0 !important;
  }
  .ps-md-1 {
    padding-left: 0.25rem !important;
  }
  .ps-md-2 {
    padding-left: 0.5rem !important;
  }
  .ps-md-3 {
    padding-left: 1rem !important;
  }
  .ps-md-4 {
    padding-left: 1.5rem !important;
  }
  .ps-md-5 {
    padding-left: 3rem !important;
  }
}
@media (min-width: 992px) {
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-grid {
    display: grid !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
  .d-lg-none {
    display: none !important;
  }
  .flex-lg-fill {
    -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
            flex: 1 1 auto !important;
  }
  .flex-lg-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
  }
  .flex-lg-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important;
  }
  .flex-lg-grow-0 {
    -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
            flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
            flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
  }
  .flex-lg-wrap {
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
  }
  .justify-content-lg-start {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
  .justify-content-lg-between {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
  }
  .justify-content-lg-around {
    -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
  }
  .justify-content-lg-evenly {
    -webkit-box-pack: space-evenly !important;
        -ms-flex-pack: space-evenly !important;
            justify-content: space-evenly !important;
  }
  .align-items-lg-start {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
  }
  .align-items-lg-end {
    -webkit-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important;
  }
  .align-items-lg-center {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
  }
  .align-items-lg-baseline {
    -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important;
  }
  .align-items-lg-stretch {
    -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important;
  }
  .align-content-lg-start {
    -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
  }
  .align-content-lg-end {
    -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
  }
  .align-content-lg-center {
    -ms-flex-line-pack: center !important;
        align-content: center !important;
  }
  .align-content-lg-between {
    -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
  }
  .align-content-lg-around {
    -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
  }
  .align-content-lg-stretch {
    -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
  }
  .align-self-lg-auto {
    -ms-flex-item-align: auto !important;
        align-self: auto !important;
  }
  .align-self-lg-start {
    -ms-flex-item-align: start !important;
        align-self: flex-start !important;
  }
  .align-self-lg-end {
    -ms-flex-item-align: end !important;
        align-self: flex-end !important;
  }
  .align-self-lg-center {
    -ms-flex-item-align: center !important;
        align-self: center !important;
  }
  .align-self-lg-baseline {
    -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
  }
  .align-self-lg-stretch {
    -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
  }
  .order-lg-first {
    -webkit-box-ordinal-group: 0 !important;
        -ms-flex-order: -1 !important;
            order: -1 !important;
  }
  .order-lg-0 {
    -webkit-box-ordinal-group: 1 !important;
        -ms-flex-order: 0 !important;
            order: 0 !important;
  }
  .order-lg-1 {
    -webkit-box-ordinal-group: 2 !important;
        -ms-flex-order: 1 !important;
            order: 1 !important;
  }
  .order-lg-2 {
    -webkit-box-ordinal-group: 3 !important;
        -ms-flex-order: 2 !important;
            order: 2 !important;
  }
  .order-lg-3 {
    -webkit-box-ordinal-group: 4 !important;
        -ms-flex-order: 3 !important;
            order: 3 !important;
  }
  .order-lg-4 {
    -webkit-box-ordinal-group: 5 !important;
        -ms-flex-order: 4 !important;
            order: 4 !important;
  }
  .order-lg-5 {
    -webkit-box-ordinal-group: 6 !important;
        -ms-flex-order: 5 !important;
            order: 5 !important;
  }
  .order-lg-last {
    -webkit-box-ordinal-group: 7 !important;
        -ms-flex-order: 6 !important;
            order: 6 !important;
  }
  .m-lg-0 {
    margin: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-lg-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-lg-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-lg-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-lg-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-lg-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-lg-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-lg-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-lg-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-lg-0 {
    margin-top: 0 !important;
  }
  .mt-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mt-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mt-lg-3 {
    margin-top: 1rem !important;
  }
  .mt-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mt-lg-5 {
    margin-top: 3rem !important;
  }
  .mt-lg-auto {
    margin-top: auto !important;
  }
  .me-lg-0 {
    margin-right: 0 !important;
  }
  .me-lg-1 {
    margin-right: 0.25rem !important;
  }
  .me-lg-2 {
    margin-right: 0.5rem !important;
  }
  .me-lg-3 {
    margin-right: 1rem !important;
  }
  .me-lg-4 {
    margin-right: 1.5rem !important;
  }
  .me-lg-5 {
    margin-right: 3rem !important;
  }
  .me-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-0 {
    margin-bottom: 0 !important;
  }
  .mb-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-lg-3 {
    margin-bottom: 1rem !important;
  }
  .mb-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-lg-5 {
    margin-bottom: 3rem !important;
  }
  .mb-lg-auto {
    margin-bottom: auto !important;
  }
  .ms-lg-0 {
    margin-left: 0 !important;
  }
  .ms-lg-1 {
    margin-left: 0.25rem !important;
  }
  .ms-lg-2 {
    margin-left: 0.5rem !important;
  }
  .ms-lg-3 {
    margin-left: 1rem !important;
  }
  .ms-lg-4 {
    margin-left: 1.5rem !important;
  }
  .ms-lg-5 {
    margin-left: 3rem !important;
  }
  .ms-lg-auto {
    margin-left: auto !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-lg-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-lg-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-lg-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-lg-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-lg-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-lg-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-lg-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-lg-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-lg-0 {
    padding-top: 0 !important;
  }
  .pt-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pt-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pt-lg-3 {
    padding-top: 1rem !important;
  }
  .pt-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pt-lg-5 {
    padding-top: 3rem !important;
  }
  .pe-lg-0 {
    padding-right: 0 !important;
  }
  .pe-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pe-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pe-lg-3 {
    padding-right: 1rem !important;
  }
  .pe-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pe-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-0 {
    padding-bottom: 0 !important;
  }
  .pb-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pb-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-lg-5 {
    padding-bottom: 3rem !important;
  }
  .ps-lg-0 {
    padding-left: 0 !important;
  }
  .ps-lg-1 {
    padding-left: 0.25rem !important;
  }
  .ps-lg-2 {
    padding-left: 0.5rem !important;
  }
  .ps-lg-3 {
    padding-left: 1rem !important;
  }
  .ps-lg-4 {
    padding-left: 1.5rem !important;
  }
  .ps-lg-5 {
    padding-left: 3rem !important;
  }
}
@media (min-width: 1200px) {
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-grid {
    display: grid !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
  .d-xl-none {
    display: none !important;
  }
  .flex-xl-fill {
    -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
            flex: 1 1 auto !important;
  }
  .flex-xl-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
  }
  .flex-xl-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important;
  }
  .flex-xl-grow-0 {
    -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
            flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
            flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
  }
  .flex-xl-wrap {
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
  }
  .justify-content-xl-start {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
  .justify-content-xl-between {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
  }
  .justify-content-xl-around {
    -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
  }
  .justify-content-xl-evenly {
    -webkit-box-pack: space-evenly !important;
        -ms-flex-pack: space-evenly !important;
            justify-content: space-evenly !important;
  }
  .align-items-xl-start {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
  }
  .align-items-xl-end {
    -webkit-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important;
  }
  .align-items-xl-center {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
  }
  .align-items-xl-baseline {
    -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important;
  }
  .align-items-xl-stretch {
    -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important;
  }
  .align-content-xl-start {
    -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
  }
  .align-content-xl-end {
    -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
  }
  .align-content-xl-center {
    -ms-flex-line-pack: center !important;
        align-content: center !important;
  }
  .align-content-xl-between {
    -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
  }
  .align-content-xl-around {
    -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
  }
  .align-content-xl-stretch {
    -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
  }
  .align-self-xl-auto {
    -ms-flex-item-align: auto !important;
        align-self: auto !important;
  }
  .align-self-xl-start {
    -ms-flex-item-align: start !important;
        align-self: flex-start !important;
  }
  .align-self-xl-end {
    -ms-flex-item-align: end !important;
        align-self: flex-end !important;
  }
  .align-self-xl-center {
    -ms-flex-item-align: center !important;
        align-self: center !important;
  }
  .align-self-xl-baseline {
    -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
  }
  .align-self-xl-stretch {
    -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
  }
  .order-xl-first {
    -webkit-box-ordinal-group: 0 !important;
        -ms-flex-order: -1 !important;
            order: -1 !important;
  }
  .order-xl-0 {
    -webkit-box-ordinal-group: 1 !important;
        -ms-flex-order: 0 !important;
            order: 0 !important;
  }
  .order-xl-1 {
    -webkit-box-ordinal-group: 2 !important;
        -ms-flex-order: 1 !important;
            order: 1 !important;
  }
  .order-xl-2 {
    -webkit-box-ordinal-group: 3 !important;
        -ms-flex-order: 2 !important;
            order: 2 !important;
  }
  .order-xl-3 {
    -webkit-box-ordinal-group: 4 !important;
        -ms-flex-order: 3 !important;
            order: 3 !important;
  }
  .order-xl-4 {
    -webkit-box-ordinal-group: 5 !important;
        -ms-flex-order: 4 !important;
            order: 4 !important;
  }
  .order-xl-5 {
    -webkit-box-ordinal-group: 6 !important;
        -ms-flex-order: 5 !important;
            order: 5 !important;
  }
  .order-xl-last {
    -webkit-box-ordinal-group: 7 !important;
        -ms-flex-order: 6 !important;
            order: 6 !important;
  }
  .m-xl-0 {
    margin: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xl-0 {
    margin-top: 0 !important;
  }
  .mt-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xl-3 {
    margin-top: 1rem !important;
  }
  .mt-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xl-5 {
    margin-top: 3rem !important;
  }
  .mt-xl-auto {
    margin-top: auto !important;
  }
  .me-xl-0 {
    margin-right: 0 !important;
  }
  .me-xl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xl-3 {
    margin-right: 1rem !important;
  }
  .me-xl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xl-5 {
    margin-right: 3rem !important;
  }
  .me-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xl-auto {
    margin-bottom: auto !important;
  }
  .ms-xl-0 {
    margin-left: 0 !important;
  }
  .ms-xl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xl-3 {
    margin-left: 1rem !important;
  }
  .ms-xl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xl-5 {
    margin-left: 3rem !important;
  }
  .ms-xl-auto {
    margin-left: auto !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xl-0 {
    padding-top: 0 !important;
  }
  .pt-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xl-3 {
    padding-top: 1rem !important;
  }
  .pt-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xl-5 {
    padding-top: 3rem !important;
  }
  .pe-xl-0 {
    padding-right: 0 !important;
  }
  .pe-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xl-3 {
    padding-right: 1rem !important;
  }
  .pe-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xl-0 {
    padding-left: 0 !important;
  }
  .ps-xl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xl-3 {
    padding-left: 1rem !important;
  }
  .ps-xl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xl-5 {
    padding-left: 3rem !important;
  }
}
@media (min-width: 1400px) {
  .d-xxl-inline {
    display: inline !important;
  }
  .d-xxl-inline-block {
    display: inline-block !important;
  }
  .d-xxl-block {
    display: block !important;
  }
  .d-xxl-grid {
    display: grid !important;
  }
  .d-xxl-table {
    display: table !important;
  }
  .d-xxl-table-row {
    display: table-row !important;
  }
  .d-xxl-table-cell {
    display: table-cell !important;
  }
  .d-xxl-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-xxl-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
  .d-xxl-none {
    display: none !important;
  }
  .flex-xxl-fill {
    -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
            flex: 1 1 auto !important;
  }
  .flex-xxl-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
  }
  .flex-xxl-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }
  .flex-xxl-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important;
  }
  .flex-xxl-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important;
  }
  .flex-xxl-grow-0 {
    -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
            flex-grow: 0 !important;
  }
  .flex-xxl-grow-1 {
    -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
            flex-grow: 1 !important;
  }
  .flex-xxl-shrink-0 {
    -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
  }
  .flex-xxl-shrink-1 {
    -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
  }
  .flex-xxl-wrap {
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
  }
  .flex-xxl-nowrap {
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
  }
  .flex-xxl-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
  }
  .justify-content-xxl-start {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }
  .justify-content-xxl-end {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
  }
  .justify-content-xxl-center {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
  .justify-content-xxl-between {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
  }
  .justify-content-xxl-around {
    -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
  }
  .justify-content-xxl-evenly {
    -webkit-box-pack: space-evenly !important;
        -ms-flex-pack: space-evenly !important;
            justify-content: space-evenly !important;
  }
  .align-items-xxl-start {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
  }
  .align-items-xxl-end {
    -webkit-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important;
  }
  .align-items-xxl-center {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
  }
  .align-items-xxl-baseline {
    -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important;
  }
  .align-items-xxl-stretch {
    -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important;
  }
  .align-content-xxl-start {
    -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
  }
  .align-content-xxl-end {
    -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
  }
  .align-content-xxl-center {
    -ms-flex-line-pack: center !important;
        align-content: center !important;
  }
  .align-content-xxl-between {
    -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
  }
  .align-content-xxl-around {
    -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
  }
  .align-content-xxl-stretch {
    -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
  }
  .align-self-xxl-auto {
    -ms-flex-item-align: auto !important;
        align-self: auto !important;
  }
  .align-self-xxl-start {
    -ms-flex-item-align: start !important;
        align-self: flex-start !important;
  }
  .align-self-xxl-end {
    -ms-flex-item-align: end !important;
        align-self: flex-end !important;
  }
  .align-self-xxl-center {
    -ms-flex-item-align: center !important;
        align-self: center !important;
  }
  .align-self-xxl-baseline {
    -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
  }
  .align-self-xxl-stretch {
    -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
  }
  .order-xxl-first {
    -webkit-box-ordinal-group: 0 !important;
        -ms-flex-order: -1 !important;
            order: -1 !important;
  }
  .order-xxl-0 {
    -webkit-box-ordinal-group: 1 !important;
        -ms-flex-order: 0 !important;
            order: 0 !important;
  }
  .order-xxl-1 {
    -webkit-box-ordinal-group: 2 !important;
        -ms-flex-order: 1 !important;
            order: 1 !important;
  }
  .order-xxl-2 {
    -webkit-box-ordinal-group: 3 !important;
        -ms-flex-order: 2 !important;
            order: 2 !important;
  }
  .order-xxl-3 {
    -webkit-box-ordinal-group: 4 !important;
        -ms-flex-order: 3 !important;
            order: 3 !important;
  }
  .order-xxl-4 {
    -webkit-box-ordinal-group: 5 !important;
        -ms-flex-order: 4 !important;
            order: 4 !important;
  }
  .order-xxl-5 {
    -webkit-box-ordinal-group: 6 !important;
        -ms-flex-order: 5 !important;
            order: 5 !important;
  }
  .order-xxl-last {
    -webkit-box-ordinal-group: 7 !important;
        -ms-flex-order: 6 !important;
            order: 6 !important;
  }
  .m-xxl-0 {
    margin: 0 !important;
  }
  .m-xxl-1 {
    margin: 0.25rem !important;
  }
  .m-xxl-2 {
    margin: 0.5rem !important;
  }
  .m-xxl-3 {
    margin: 1rem !important;
  }
  .m-xxl-4 {
    margin: 1.5rem !important;
  }
  .m-xxl-5 {
    margin: 3rem !important;
  }
  .m-xxl-auto {
    margin: auto !important;
  }
  .mx-xxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xxl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xxl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xxl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xxl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xxl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xxl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xxl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xxl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xxl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xxl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xxl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xxl-0 {
    margin-top: 0 !important;
  }
  .mt-xxl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xxl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xxl-3 {
    margin-top: 1rem !important;
  }
  .mt-xxl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xxl-5 {
    margin-top: 3rem !important;
  }
  .mt-xxl-auto {
    margin-top: auto !important;
  }
  .me-xxl-0 {
    margin-right: 0 !important;
  }
  .me-xxl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xxl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xxl-3 {
    margin-right: 1rem !important;
  }
  .me-xxl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xxl-5 {
    margin-right: 3rem !important;
  }
  .me-xxl-auto {
    margin-right: auto !important;
  }
  .mb-xxl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xxl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xxl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xxl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xxl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xxl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xxl-auto {
    margin-bottom: auto !important;
  }
  .ms-xxl-0 {
    margin-left: 0 !important;
  }
  .ms-xxl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xxl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xxl-3 {
    margin-left: 1rem !important;
  }
  .ms-xxl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xxl-5 {
    margin-left: 3rem !important;
  }
  .ms-xxl-auto {
    margin-left: auto !important;
  }
  .p-xxl-0 {
    padding: 0 !important;
  }
  .p-xxl-1 {
    padding: 0.25rem !important;
  }
  .p-xxl-2 {
    padding: 0.5rem !important;
  }
  .p-xxl-3 {
    padding: 1rem !important;
  }
  .p-xxl-4 {
    padding: 1.5rem !important;
  }
  .p-xxl-5 {
    padding: 3rem !important;
  }
  .px-xxl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xxl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xxl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xxl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xxl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xxl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xxl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xxl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xxl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xxl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xxl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xxl-0 {
    padding-top: 0 !important;
  }
  .pt-xxl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xxl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xxl-3 {
    padding-top: 1rem !important;
  }
  .pt-xxl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xxl-5 {
    padding-top: 3rem !important;
  }
  .pe-xxl-0 {
    padding-right: 0 !important;
  }
  .pe-xxl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xxl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xxl-3 {
    padding-right: 1rem !important;
  }
  .pe-xxl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xxl-5 {
    padding-right: 3rem !important;
  }
  .pb-xxl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xxl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xxl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xxl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xxl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xxl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xxl-0 {
    padding-left: 0 !important;
  }
  .ps-xxl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xxl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xxl-3 {
    padding-left: 1rem !important;
  }
  .ps-xxl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xxl-5 {
    padding-left: 3rem !important;
  }
}
@media print {
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-grid {
    display: grid !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-print-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
  .d-print-none {
    display: none !important;
  }
}

pre[class*=language-],
code[class*=language-] {
  font-size: 13px;
  text-shadow: none;
  font-family: Menlo, Monaco, Consolas, "Andale Mono", "Ubuntu Mono", "Courier New", monospace;
  direction: ltr;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  line-height: 1.5;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  -ms-hyphens: none;
  hyphens: none;
}

pre[class*=language-]::-moz-selection, code[class*=language-]::-moz-selection, pre[class*=language-] *::-moz-selection, code[class*=language-] *::-moz-selection {
  text-shadow: none;
  background: #264f78;
}

pre[class*=language-]::selection,
code[class*=language-]::selection,
pre[class*=language-] *::selection,
code[class*=language-] *::selection {
  text-shadow: none;
  background: #264f78;
}

@media print {
  pre[class*=language-],
  code[class*=language-] {
    text-shadow: none;
  }
}
pre[class*=language-] {
  padding: 1em;
  margin: 0.5em 0;
  overflow: auto;
  background: #1e1e1e;
}

:not(pre) > code[class*=language-] {
  padding: 0.1em 0.3em;
  border-radius: 0.3em;
  color: #db4c69;
  background: #1e1e1e;
}

/*********************************************************
* Tokens
*/
.namespace {
  opacity: 0.7;
}

.token.doctype .token.doctype-tag {
  color: #569cd6;
}

.token.doctype .token.name {
  color: #9cdcfe;
}

.token.comment,
.token.prolog {
  color: #6a9955;
}

.token.punctuation,
.language-html .language-css .token.punctuation,
.language-html .language-javascript .token.punctuation {
  color: #d4d4d4;
}

.token.property,
.token.tag,
.token.boolean,
.token.number,
.token.constant,
.token.symbol,
.token.inserted,
.token.unit {
  color: #b5cea8;
}

.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.deleted {
  color: #ce9178;
}

.language-css .token.string.url {
  text-decoration: underline;
}

.token.operator,
.token.entity {
  color: #d4d4d4;
}

.token.operator.arrow {
  color: #569cd6;
}

.token.atrule {
  color: #ce9178;
}

.token.atrule .token.rule {
  color: #c586c0;
}

.token.atrule .token.url {
  color: #9cdcfe;
}

.token.atrule .token.url .token.function {
  color: #dcdcaa;
}

.token.atrule .token.url .token.punctuation {
  color: #d4d4d4;
}

.token.keyword {
  color: #569cd6;
}

.token.keyword.module,
.token.keyword.control-flow {
  color: #c586c0;
}

.token.function,
.token.function .token.maybe-class-name {
  color: #dcdcaa;
}

.token.regex {
  color: #d16969;
}

.token.important {
  color: #569cd6;
}

.token.italic {
  font-style: italic;
}

.token.constant {
  color: #9cdcfe;
}

.token.class-name,
.token.maybe-class-name {
  color: #4ec9b0;
}

.token.console {
  color: #9cdcfe;
}

.token.parameter {
  color: #9cdcfe;
}

.token.interpolation {
  color: #9cdcfe;
}

.token.punctuation.interpolation-punctuation {
  color: #569cd6;
}

.token.boolean {
  color: #569cd6;
}

.token.property,
.token.variable,
.token.imports .token.maybe-class-name,
.token.exports .token.maybe-class-name {
  color: #9cdcfe;
}

.token.selector {
  color: #d7ba7d;
}

.token.escape {
  color: #d7ba7d;
}

.token.tag {
  color: #569cd6;
}

.token.tag .token.punctuation {
  color: #808080;
}

.token.cdata {
  color: #808080;
}

.token.attr-name {
  color: #9cdcfe;
}

.token.attr-value,
.token.attr-value .token.punctuation {
  color: #ce9178;
}

.token.attr-value .token.punctuation.attr-equals {
  color: #d4d4d4;
}

.token.entity {
  color: #569cd6;
}

.token.namespace {
  color: #4ec9b0;
}

/*********************************************************
* Language Specific
*/
pre[class*=language-javascript],
code[class*=language-javascript],
pre[class*=language-jsx],
code[class*=language-jsx],
pre[class*=language-typescript],
code[class*=language-typescript],
pre[class*=language-tsx],
code[class*=language-tsx] {
  color: #9cdcfe;
}

pre[class*=language-css],
code[class*=language-css] {
  color: #ce9178;
}

pre[class*=language-html],
code[class*=language-html] {
  color: #d4d4d4;
}

.language-regex .token.anchor {
  color: #dcdcaa;
}

.language-html .token.punctuation {
  color: #808080;
}

/*********************************************************
* Line highlighting
*/
pre[class*=language-] > code[class*=language-] {
  position: relative;
  z-index: 1;
}

.line-highlight.line-highlight {
  background: #f7ebc6;
  -webkit-box-shadow: inset 5px 0 0 #f7d87c;
          box-shadow: inset 5px 0 0 #f7d87c;
  z-index: 0;
}

.container {
  margin: 0;
  max-width: 100%;
  padding: 0;
}

/**
 * Base to build on top of
 */
/* http://meyerweb.com/eric/tools/css/reset/
   v5.0.1 | 20191019
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
main, menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, main, menu, nav, section {
  display: block;
}

/* HTML5 hidden-attribute fix for newer browsers */
*[hidden] {
  display: none;
}

body {
  line-height: 1;
}

menu, ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/**
 * Map of available colors, used to generate CSS properties programatically (via `map-flatten`)
 */
/**
 * Function sent as callback when flattening the color map
 *
 * @param {string} $key - Key of one of the flattened colors map
 * @param {string} $value - Value linked to the key
 *
 * @returns {map} - Empty map or map containing a stripped version of the key with the value
 */
:root {
  --color-generic-white-regular: #fff;
  --color-generic-white: #fff;
  --color-generic-white-15: rgba(255, 255, 255, 0.1490196078);
  --color-generic-gray-light: #f5f6f7;
  --color-generic-gray-regular: #989898;
  --color-generic-gray: #989898;
  --color-generic-gray-more-regular: #444749;
  --color-generic-gray-more: #444749;
  --color-generic-gray-dark: #202020;
  --color-generic-black-regular: rgba(0, 0, 0, 0.8705882353);
  --color-generic-black: rgba(0, 0, 0, 0.8705882353);
  --color-generic-black-15: rgba(0, 0, 0, 0.1490196078);
  --color-generic-black-30: rgba(0, 0, 0, 0.3019607843);
  --color-primary-lightest: #d4eef9;
  --color-primary-lighter: #acd2e5;
  --color-primary-light: #5ec2f3;
  --color-primary-regular: #019beb;
  --color-primary: #019beb;
  --color-primary-10: rgba(1, 155, 235, 0.1019607843);
  --color-primary-dark: #1365a3;
  --color-primary-darker-regular: #003d75;
  --color-primary-darker: #003d75;
  --color-primary-darker-20: rgba(0, 61, 117, 0.2);
  --color-primary-darkest: #05213c;
  --color-secondary-lighter: #ededed;
  --color-secondary-light: #ccc;
  --color-secondary-regular: #2b2f33;
  --color-secondary: #2b2f33;
  --color-feedback-success-lighter: #ccefae;
  --color-feedback-success-light: #8fdb48;
  --color-feedback-success-regular: #71c126;
  --color-feedback-success: #71c126;
  --color-feedback-success-dark: #55911d;
  --color-feedback-success-darker: #3c5e12;
  --color-feedback-warning-regular: #fa0;
  --color-feedback-warning: #fa0;
  --color-feedback-warning-dark: #c70;
  --color-feedback-warning-darker: #994d00;
  --color-feedback-danger-lighter: #ffc5bd;
  --color-feedback-danger-light: #ff8f80;
  --color-feedback-danger-regular: #ff5841;
  --color-feedback-danger: #ff5841;
  --color-feedback-danger-dark: #cc1800;
  --color-feedback-danger-darker: #a31400;
}

:root {
  --border-radius-xs: 2px;
  --border-radius-sm: 3px;
  --border-radius-md: 4px;
  --border-radius-lg: 5px;
  --shadow-size-xs: 4px;
  --shadow-size-sm: 6px;
  --shadow-size-md: 8px;
  --shadow-size-lg: 10px;
  --shadow-generic: 0 1px var(--shadow-size-sm) var(--color-generic-black-15);
}

:root {
  /**
   * Common sizes available throughout the UI, available to ease consistence
   */
  --width-container: 5120px;
  --width-navigation: 260px;
  --width-navigation-shadow: 4px;
  --size-navigation-hamburger: 50px;
  --size-navigation-hamburger-sm: 40px;
  --height-header: var(--size-navigation-hamburger);
  --height-header-sm: var(--size-navigation-hamburger-sm);
}

/**
 * Reusable bits of code, no outputs
 */
/**
 * Non-outputting imports
 *
 * Import order matters as functions are required by config, which is required by utils
 */
/**
 * Gets an element from a map (can be variable depth)
 *
 * Examples:
 * map-deep-get($z-layers, 'visible') // 1
 * map-deep-get($z-layers, 'path', 'to', 'item') // ?
 *
 * @param {map} $map - Map to be searched
 * @param {string} [$path] - Path separated by commas to be found in the map (`'step1', 'step2'`)
 */
/**
 * Recursively flattens a map (key being the aggregated keys and value being the value of the last
 * original map level)
 *
 * Examples:
 * $map: (
 *   'foo': (
 *     'bar': 1,
 *   ),
 *   'baz': 2,
 * );
 * map-flatten($map)
 * // (
 * //   'foo-bar': 1,
 * //   'baz': 2,
 * // )
 *
 * @param {map} $map - Map to be flattened
 * @param {function} $callback - Callback function to be executed at the last map level
 * @param {string} $prefix - Prefix to aggregate the keys on every recursion
 */
/**
 * Undoes a shorthand set of values to 4 values (`top`, `right`, `bottom`, `left`)
 *
 * Examples:
 * @include un-shorthand(0) -> 0 0 0 0
 * @include un-shorthand(0 1) -> 0 1 0 1
 * @include un-shorthand(0 1 2) -> 0 1 2 1
 * @include un-shorthand(0 1 2 3) -> 0 1 2 3
 *
 * @param {size} $shorthand - Values to be un-shorthanded separated by spaces
 */
/**
 * Breakpoints, inspired by bootstrap
 */
/**
 * Set of predefined spacing used for paddings and margins, used programatically via mixins
 * No specific reason behind the numbers, follows fibonacci starting from 8
 */
/**
 * Map of available text combinations and other related properties, used mostly via the `text` mixin
 */
/**
 * Map of available z-layers, helps to have in a glimpse the z priority of different UI elements
 */
/**
 * Utils used to compose UI elements easily
 *
 * Import order matters as some mixins are required by placeholders and/or spacing
 */
/**
 * Appends the mixin content to the corresponding media query depending on the given params, can be
 * a min, max or max-min breakpoint
 * Removes 1px from the `$maxWidth` (if available) to ensure good breakpoints (i.e. 0-99, 100-199)
 *
 * Examples:
 * @include breakpoint($bp-sm, $bp-lg) {...} // min-width and max-width
 * @include breakpoint($bp-sm) {...} // min-width only
 * @include breakpoint(null, $bp-lg) {...} // max-width only
 *
 * @param {size} $minWidth - Min width for the breakpoint to trigger
 * @param {size} $maxWidth - Max width for the breakpoint to trigger
 */
/**
 * Styles a container with some default properties, by default centering the element and enforcing
 * some (max-)width
 *
 * Examples:
 * @include container() // With standard vertical padding
 * @include container(false) // Without any padding
 * @include container(false, null, $s-sm) // Without vertical but with horizontal `$s-sm` padding
 * @include container(false, $size, $s-sm) // Without vertical but with horizontal `$s-sm` padding,
 * max-sized to `$size` width
 * @include container(true, $size, $s-sm) // With vertical and with horizontal `$s-sm` padding, max-
 * sized to `$size` width
 *
 * @param {bool} $verticalPadding - Flag to add padding on the top and bottom of the container
 * @param {size} $maxWidth - Max width of the container, defaults to `config/sizes` defined one
 * @param {size} $horizontalPadding - Padding to be added on the sides of the container
 */
/**
 * Extends the selector where this mixin is included so if the element has the `disabled` attribute
 * (buttons, inputs, options, selects, textareas), that element will be "grayed out" (transparent)
 * and a cursor to indicate it cannot be interacted with
 */
/**
 * Aligns vertically and (optionally) horizontally the childrens of the element, defaults to center
 * on both axis
 *
 * Reference:
 * $align - https://css-tricks.com/snippets/css/a-guide-to-flexbox/#prop-align-items
 * $justify - https://css-tricks.com/snippets/css/a-guide-to-flexbox/#prop-justify-content
 *
 * @param {flex-align} $align - Flex align value, defaults to `center`
 * @param {flex-align} $justify - Flex align value, defaults to `center`
 */
/**
 * Forces the element to be the full size of the view, meaning that it will take the full browsers
 * width and height
 */
/**
 * Position the element based on the position type and coordinates
 *
 * Examples:
 * @include position(absolute, 0 0) // position: absolute; top: 0; right: 0;
 * @include position(relative, 50% 0 null 0) // position: relative; top: 50%; right: 0; left: 0;
 *
 * @param {position} $position - Position type (https://developer.mozilla.org/docs/Web/CSS/position)
 * @param {size} $coordinates - Coordinates separated by spaces in clockwise order:
 * `top right bottom left`
 */
/**
 * Sizes the element (`width` and `height`)
 *
 * Examples:
 * @import size(30px) // width: 30px; height: 30px;
 * @import size(30px 15px) // width: 30px; height: 15px;
 * @import size(null 15px) // height: 15px;
 *
 * @param {size} $value - Size(s) for the element, can be one value (same `width`/`height`) or two
 * separated by a space `width height`
 */
/**
 * Returns text-related properties depending on the given arguments
 *
 * @param {string} $size - Combination of `font-size` and `line-height` found on `$texts`
 * @param {string} $weight - Name of the weight defined on `$texts`
 * @param {text-transform} $transform - Value to be appled to the `text-transform` property
 */
/**
 * Sets the `z-index` with the value of the given path
 *
 * Example:
 * @include z('visible') // z-index: 1;
 * @include z('path', 'to', 'layer') // z-index: ?;
 *
 * @param {string} $layer - Name(s) of the layer(s) to find in `config/z-layers` variable
 */
/**
 * Generates all sizing placeholders to be extended
 * Inspired by Bootstrap 4 spacings: https://getbootstrap.com/docs/4.1/utilities/spacing/
 *
 * Requires to have breakpoints defined from `$xs` to `$xxl`
 * Requires to have sizes defined from `$xs` to `$xl`
 *
 * Generated placeholders follow this patterns:
 * Concept: %{property}{side?}{-breakpoint?}-{size}
 * Regex: %(m|p)(t|b|l|r|x|y)?(-(xs|sm|md|lg|xl|xxl))?-([0-5]|auto)
 * - First character defines if the spacing is `margin` or `padding`
 * - Second character (or its absence) defines where the spacing is applied, on any of the 4 sides
 *   (`top`, `bottom`, `left`, `right`), the 2 axis (`x`, `y`) or empty (all of them)
 * - Dash to separate spacing/position and breakpoint (if any)
 * - Min-width breakpoint (`xs`, `sm`, `md`, `lg`, `xl`, `xxl`) or none (all resolutions)
 * - Dash to separate spacing/position/breakpoint and the size
 * - Last character defines the size of the spacing (`0`, `1`, `2`, `3`, `4`, `5`, `auto`)
 *
 * Examples:
 * %mt-0 // margin-top: 0
 * %mx-4 // margin: 0 16px
 * %p-6 // margin: 40px
 * %pb-lg-2 // @media (min-screen: 1200px) { padding-bottom: 8px }
 */
/**
 * Value order matters, as it's from least to most restrictive
 */
/**
 * Generates all the spacing variable combinations, usage as regular mixin is discouraged
 *
 * @param {margin|padding} $type - Spacingg type
 * @param {string} $side - First character of the side(s) where to add the spacin:
 * (t)op, (b)ottom, (l)eft, (r)ight, (x)-axis [horizontal], (y)-axis [vertical], () all [empty]
 * @param {size} $size - Size of the spacing
 */
/**
 * Defines all the spacing placeholders (`margin`, `padding`) based on params (all `$sides` and
 * `$sizes` combinations), usage as regular mixin is VERY discouraged
 *
 * @param {list} $sides - Spacing side list, as defined on `utils/mixins/spacing/config`
 * @param {map} $sizes - Spacing size map, as defined on `utils/mixins/spacing/config`
 * @param {size} $breakpoint - Shortened breakpoint name indicating `min-width` breakpoint for the
 * spacing
 */
/**
 * Generates all the spacing placeholders (`margin`, `padding`) wrapped by media queries when needed
 */
/**
 * Rest of shared styles
 */
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html {
  --color-page-background: var(--color-generic-gray-light);
  --color-text: var(--color-secondary);
  background-color: var(--color-page-background);
  color: var(--color-text);
  font-size: 10px;
}
html[data-theme=dark] {
  --color-page-background: var(--color-generic-gray-dark);
  --color-text: var(--color-generic-gray-light);
  color-scheme: light dark;
}

body {
  font-size: 1.5rem;
  line-height: 2.4rem;
  font-family: "Open Sans", "arial", sans-serif;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
}

a {
  text-decoration: none;
}

button {
  background-color: inherit;
  border: 0;
  cursor: pointer;
  display: block;
  padding: 0;
  text-align: initial;
}

a,
button,
input,
select,
textarea {
  color: inherit;
  font: inherit;
  line-height: inherit;
  margin: 0;
}
a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus {
  outline: none;
}

input,
select,
textarea {
  cursor: inherit;
}
input[disabled],
select[disabled],
textarea[disabled] {
  opacity: initial;
}

code {
  font-family: "Source Code Pro", monospace;
}

strong {
  font-weight: 600;
}

@font-face {
  font-family: "ewx-console-icons";
  font-style: normal;
  font-weight: normal;
  src: url(data:font/woff;base64,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) format("woff");
}
@font-face {
  font-family: "ewx-console-icons-light";
  font-style: normal;
  font-weight: normal;
  src: url(data:font/woff;base64,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) format("woff");
}
@font-face {
  font-family: "ewx-console-icons-dark";
  font-style: normal;
  font-weight: normal;
  src: url(data:font/woff;base64,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) format("woff");
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
span,
div {
  border: 0;
  font-family: "Open Sans", "arial", sans-serif;
  font-size: 100%;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child,
p:first-child {
  margin-top: 0;
}
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
p:last-child {
  margin-bottom: 0;
}

h1 {
  font-size: 4.2rem;
  line-height: 4.8rem;
  margin-bottom: 2.2rem;
}

h2 {
  font-size: 3.2rem;
  line-height: 4.8rem;
  margin-bottom: 1.8rem;
}

h3 {
  font-size: 2.2rem;
  line-height: 3.2rem;
  margin-bottom: 1.6rem;
}

h4 {
  font-size: 1.5rem;
  line-height: 2.4rem;
  margin-bottom: 1.2rem;
}

h5 {
  font-size: 1.4rem;
  line-height: 2.1rem;
  margin-bottom: 0.8rem;
}

h6 {
  font-size: 1.2rem;
  line-height: 1.8rem;
  margin-bottom: 0.6rem;
}

p {
  font-size: 1.5rem;
  line-height: 2.4rem;
  margin-bottom: 1rem;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../node_modules/vue-loader/dist/stylePostLoader.js!../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!../ewx-aphrodite/src/components/generic/Icon.vue?vue&type=style&index=0&id=32bf10d2&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Non-outputting imports
 *
 * Import order matters as functions are required by config, which is required by utils
 */
/**
 * Gets an element from a map (can be variable depth)
 *
 * Examples:
 * map-deep-get($z-layers, 'visible') // 1
 * map-deep-get($z-layers, 'path', 'to', 'item') // ?
 *
 * @param {map} $map - Map to be searched
 * @param {string} [$path] - Path separated by commas to be found in the map (`'step1', 'step2'`)
 */
/**
 * Recursively flattens a map (key being the aggregated keys and value being the value of the last
 * original map level)
 *
 * Examples:
 * $map: (
 *   'foo': (
 *     'bar': 1,
 *   ),
 *   'baz': 2,
 * );
 * map-flatten($map)
 * // (
 * //   'foo-bar': 1,
 * //   'baz': 2,
 * // )
 *
 * @param {map} $map - Map to be flattened
 * @param {function} $callback - Callback function to be executed at the last map level
 * @param {string} $prefix - Prefix to aggregate the keys on every recursion
 */
/**
 * Undoes a shorthand set of values to 4 values (`top`, `right`, `bottom`, `left`)
 *
 * Examples:
 * @include un-shorthand(0) -> 0 0 0 0
 * @include un-shorthand(0 1) -> 0 1 0 1
 * @include un-shorthand(0 1 2) -> 0 1 2 1
 * @include un-shorthand(0 1 2 3) -> 0 1 2 3
 *
 * @param {size} $shorthand - Values to be un-shorthanded separated by spaces
 */
/**
 * Breakpoints, inspired by bootstrap
 */
/**
 * Set of predefined spacing used for paddings and margins, used programatically via mixins
 * No specific reason behind the numbers, follows fibonacci starting from 8
 */
/**
 * Map of available text combinations and other related properties, used mostly via the `text` mixin
 */
/**
 * Map of available z-layers, helps to have in a glimpse the z priority of different UI elements
 */
/**
 * Utils used to compose UI elements easily
 *
 * Import order matters as some mixins are required by placeholders and/or spacing
 */
/**
 * Appends the mixin content to the corresponding media query depending on the given params, can be
 * a min, max or max-min breakpoint
 * Removes 1px from the `$maxWidth` (if available) to ensure good breakpoints (i.e. 0-99, 100-199)
 *
 * Examples:
 * @include breakpoint($bp-sm, $bp-lg) {...} // min-width and max-width
 * @include breakpoint($bp-sm) {...} // min-width only
 * @include breakpoint(null, $bp-lg) {...} // max-width only
 *
 * @param {size} $minWidth - Min width for the breakpoint to trigger
 * @param {size} $maxWidth - Max width for the breakpoint to trigger
 */
/**
 * Styles a container with some default properties, by default centering the element and enforcing
 * some (max-)width
 *
 * Examples:
 * @include container() // With standard vertical padding
 * @include container(false) // Without any padding
 * @include container(false, null, $s-sm) // Without vertical but with horizontal `$s-sm` padding
 * @include container(false, $size, $s-sm) // Without vertical but with horizontal `$s-sm` padding,
 * max-sized to `$size` width
 * @include container(true, $size, $s-sm) // With vertical and with horizontal `$s-sm` padding, max-
 * sized to `$size` width
 *
 * @param {bool} $verticalPadding - Flag to add padding on the top and bottom of the container
 * @param {size} $maxWidth - Max width of the container, defaults to `config/sizes` defined one
 * @param {size} $horizontalPadding - Padding to be added on the sides of the container
 */
/**
 * Extends the selector where this mixin is included so if the element has the `disabled` attribute
 * (buttons, inputs, options, selects, textareas), that element will be "grayed out" (transparent)
 * and a cursor to indicate it cannot be interacted with
 */
/**
 * Aligns vertically and (optionally) horizontally the childrens of the element, defaults to center
 * on both axis
 *
 * Reference:
 * $align - https://css-tricks.com/snippets/css/a-guide-to-flexbox/#prop-align-items
 * $justify - https://css-tricks.com/snippets/css/a-guide-to-flexbox/#prop-justify-content
 *
 * @param {flex-align} $align - Flex align value, defaults to `center`
 * @param {flex-align} $justify - Flex align value, defaults to `center`
 */
/**
 * Forces the element to be the full size of the view, meaning that it will take the full browsers
 * width and height
 */
/**
 * Position the element based on the position type and coordinates
 *
 * Examples:
 * @include position(absolute, 0 0) // position: absolute; top: 0; right: 0;
 * @include position(relative, 50% 0 null 0) // position: relative; top: 50%; right: 0; left: 0;
 *
 * @param {position} $position - Position type (https://developer.mozilla.org/docs/Web/CSS/position)
 * @param {size} $coordinates - Coordinates separated by spaces in clockwise order:
 * `top right bottom left`
 */
/**
 * Sizes the element (`width` and `height`)
 *
 * Examples:
 * @import size(30px) // width: 30px; height: 30px;
 * @import size(30px 15px) // width: 30px; height: 15px;
 * @import size(null 15px) // height: 15px;
 *
 * @param {size} $value - Size(s) for the element, can be one value (same `width`/`height`) or two
 * separated by a space `width height`
 */
/**
 * Returns text-related properties depending on the given arguments
 *
 * @param {string} $size - Combination of `font-size` and `line-height` found on `$texts`
 * @param {string} $weight - Name of the weight defined on `$texts`
 * @param {text-transform} $transform - Value to be appled to the `text-transform` property
 */
/**
 * Sets the `z-index` with the value of the given path
 *
 * Example:
 * @include z('visible') // z-index: 1;
 * @include z('path', 'to', 'layer') // z-index: ?;
 *
 * @param {string} $layer - Name(s) of the layer(s) to find in `config/z-layers` variable
 */
/**
 * Generates all sizing placeholders to be extended
 * Inspired by Bootstrap 4 spacings: https://getbootstrap.com/docs/4.1/utilities/spacing/
 *
 * Requires to have breakpoints defined from `$xs` to `$xxl`
 * Requires to have sizes defined from `$xs` to `$xl`
 *
 * Generated placeholders follow this patterns:
 * Concept: %{property}{side?}{-breakpoint?}-{size}
 * Regex: %(m|p)(t|b|l|r|x|y)?(-(xs|sm|md|lg|xl|xxl))?-([0-5]|auto)
 * - First character defines if the spacing is `margin` or `padding`
 * - Second character (or its absence) defines where the spacing is applied, on any of the 4 sides
 *   (`top`, `bottom`, `left`, `right`), the 2 axis (`x`, `y`) or empty (all of them)
 * - Dash to separate spacing/position and breakpoint (if any)
 * - Min-width breakpoint (`xs`, `sm`, `md`, `lg`, `xl`, `xxl`) or none (all resolutions)
 * - Dash to separate spacing/position/breakpoint and the size
 * - Last character defines the size of the spacing (`0`, `1`, `2`, `3`, `4`, `5`, `auto`)
 *
 * Examples:
 * %mt-0 // margin-top: 0
 * %mx-4 // margin: 0 16px
 * %p-6 // margin: 40px
 * %pb-lg-2 // @media (min-screen: 1200px) { padding-bottom: 8px }
 */
/**
 * Value order matters, as it's from least to most restrictive
 */
/**
 * Generates all the spacing variable combinations, usage as regular mixin is discouraged
 *
 * @param {margin|padding} $type - Spacingg type
 * @param {string} $side - First character of the side(s) where to add the spacin:
 * (t)op, (b)ottom, (l)eft, (r)ight, (x)-axis [horizontal], (y)-axis [vertical], () all [empty]
 * @param {size} $size - Size of the spacing
 */
/**
 * Defines all the spacing placeholders (`margin`, `padding`) based on params (all `$sides` and
 * `$sizes` combinations), usage as regular mixin is VERY discouraged
 *
 * @param {list} $sides - Spacing side list, as defined on `utils/mixins/spacing/config`
 * @param {map} $sizes - Spacing size map, as defined on `utils/mixins/spacing/config`
 * @param {size} $breakpoint - Shortened breakpoint name indicating `min-width` breakpoint for the
 * spacing
 */
/**
 * Generates all the spacing placeholders (`margin`, `padding`) wrapped by media queries when needed
 */
[data-theme=dark] .icon[data-v-32bf10d2] {
  font-family: "ewx-console-icons-dark", "ewx-console-icons";
}
.icon[data-v-32bf10d2] {
  display: block;
  font-family: "ewx-console-icons-light", "ewx-console-icons";
  font-size: 2.4rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
  /**
  * SHAPES
  */
  /**
   * SIZES
   */
  /**
   * COMMON
   */
  /**
   * LIGHT/DARK
   */
}
.icon--circle[data-v-32bf10d2]::before {
  content: "●";
}
.icon--square[data-v-32bf10d2]::before {
  content: "■";
}
.icon--diamond[data-v-32bf10d2]::before {
  content: "◆";
}
.icon--triangle[data-v-32bf10d2]::before {
  content: "▲";
}
.icon--triangle_down[data-v-32bf10d2]::before {
  content: "▼";
}
.icon--xs[data-v-32bf10d2] {
  font-size: 1.8rem;
}
.icon--sm[data-v-32bf10d2] {
  font-size: 2.1rem;
}
.icon--lg[data-v-32bf10d2] {
  font-size: 3.2rem;
}
.icon--xl[data-v-32bf10d2] {
  font-size: 4.8rem;
}
.icon--add[data-v-32bf10d2]::before {
  content: "\e901";
}
.icon--remove[data-v-32bf10d2]::before {
  content: "\e902";
}
.icon--approve[data-v-32bf10d2]::before {
  content: "\e903";
}
.icon--close[data-v-32bf10d2]::before {
  content: "\e904";
}
.icon--chevron-up[data-v-32bf10d2]::before {
  content: "\e905";
}
.icon--chevron-right[data-v-32bf10d2]::before {
  content: "\e906";
}
.icon--chevron-down[data-v-32bf10d2]::before {
  content: "\e907";
}
.icon--chevron-left[data-v-32bf10d2]::before {
  content: "\e909";
}
.icon--refresh[data-v-32bf10d2]::before {
  content: "\e90e";
}
.icon--chart-bar[data-v-32bf10d2]::before {
  content: "\e90f";
}
.icon--chart-line[data-v-32bf10d2]::before {
  content: "\e916";
}
.icon--upload[data-v-32bf10d2]::before {
  content: "\e917";
}
.icon--download[data-v-32bf10d2]::before {
  content: "\e91a";
}
.icon--expand[data-v-32bf10d2]::before {
  content: "\e91b";
}
.icon--collapse[data-v-32bf10d2]::before {
  content: "\e91f";
}
.icon--search[data-v-32bf10d2]::before {
  content: "\e921";
}
.icon--alarm[data-v-32bf10d2]::before {
  content: "\e927";
}
.icon--time[data-v-32bf10d2]::before {
  content: "\e928";
}
.icon--details[data-v-32bf10d2]::before {
  content: "\e929";
}
.icon--sign-out[data-v-32bf10d2]::before {
  content: "\e92b";
}
.icon--open-external[data-v-32bf10d2]::before {
  content: "\e92d";
}
.icon--forbidden[data-v-32bf10d2]::before {
  content: "\e92f";
}
.icon--history[data-v-32bf10d2]::before {
  content: "\e930";
}
.icon--drag[data-v-32bf10d2]::before {
  content: "\e932";
}
.icon--preferences[data-v-32bf10d2]::before {
  content: "\e933";
}
.icon--sort[data-v-32bf10d2]::before {
  content: "\e937";
}
.icon--sort-columns[data-v-32bf10d2]::before {
  content: "\e938";
}
.icon--decision-tree[data-v-32bf10d2]::before {
  content: "\e939";
}
.icon--flow-design[data-v-32bf10d2]::before {
  content: "\e93a";
}
.icon--market-adapter[data-v-32bf10d2]::before {
  content: "\e93e";
}
.icon--rule[data-v-32bf10d2]::before {
  content: "\e942";
}
.icon--menu[data-v-32bf10d2]::before {
  content: "\e943";
}
.icon--execute[data-v-32bf10d2]::before {
  content: "\e951";
}
.icon--file-empty[data-v-32bf10d2]::before {
  content: "\e952";
}
.icon--file-text[data-v-32bf10d2]::before {
  content: "\e953";
}
.icon--file-copy[data-v-32bf10d2]::before {
  content: "\e954";
}
.icon--chart-area[data-v-32bf10d2]::before {
  content: "\e955";
}
.icon--warning[data-v-32bf10d2]::before {
  content: "\e956";
}
.icon--error[data-v-32bf10d2]::before {
  content: "\e957";
}
.icon--help[data-v-32bf10d2]::before {
  content: "\e958";
}
.icon--info[data-v-32bf10d2]::before {
  content: "\e959";
}
.icon--locked[data-v-32bf10d2]::before {
  content: "\e95a";
}
.icon--unlocked[data-v-32bf10d2]::before {
  content: "\e95b";
}
.icon--show[data-v-32bf10d2]::before {
  content: "\e95c";
}
.icon--hide[data-v-32bf10d2]::before {
  content: "\e95d";
}
.icon--edit[data-v-32bf10d2]::before {
  content: "\e95e";
}
.icon--save[data-v-32bf10d2]::before {
  content: "\e95f";
}
.icon--delete[data-v-32bf10d2]::before {
  content: "\e960";
}
.icon--filter[data-v-32bf10d2]::before {
  content: "\e961";
}
.icon--extend[data-v-32bf10d2]::before {
  content: "\e962";
}
.icon--calendar[data-v-32bf10d2]::before {
  content: "\e963";
}
.icon--calendar-from[data-v-32bf10d2]::before {
  content: "\e964";
}
.icon--calendar-to[data-v-32bf10d2]::before {
  content: "\e965";
}
.icon--date[data-v-32bf10d2]::before {
  content: "\e966";
}
.icon--credit-card[data-v-32bf10d2]::before {
  content: "\e967";
}
.icon--flag[data-v-32bf10d2]::before {
  content: "\e968";
}
.icon--subtask[data-v-32bf10d2]::before {
  content: "\e969";
}
.icon--ingest[data-v-32bf10d2]::before {
  content: "\e96a";
}
.icon--settings[data-v-32bf10d2]::before {
  content: "\e96b";
}
.icon--billing-account[data-v-32bf10d2]::before {
  content: "\e96c";
}
.icon--channel-classifier[data-v-32bf10d2]::before {
  content: "\e96d";
}
.icon--datasource[data-v-32bf10d2]::before {
  content: "\e96e";
}
.icon--task[data-v-32bf10d2]::before {
  content: "\e96f";
}
.icon--transormation-configuration[data-v-32bf10d2]::before {
  content: "\e970";
}
.icon--user[data-v-32bf10d2]::before {
  content: "\e971";
}
.icon--map[data-v-32bf10d2]::before {
  content: "\e972";
}
.icon--light[data-v-32bf10d2]::before {
  content: "\e973";
}
.icon--dark[data-v-32bf10d2]::before {
  content: "\e974";
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../node_modules/vue-loader/dist/stylePostLoader.js!../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!../ewx-aphrodite/src/components/feedback/Feedback.vue?vue&type=style&index=0&id=b444c9ce&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Non-outputting imports
 *
 * Import order matters as functions are required by config, which is required by utils
 */
/**
 * Gets an element from a map (can be variable depth)
 *
 * Examples:
 * map-deep-get($z-layers, 'visible') // 1
 * map-deep-get($z-layers, 'path', 'to', 'item') // ?
 *
 * @param {map} $map - Map to be searched
 * @param {string} [$path] - Path separated by commas to be found in the map (`'step1', 'step2'`)
 */
/**
 * Recursively flattens a map (key being the aggregated keys and value being the value of the last
 * original map level)
 *
 * Examples:
 * $map: (
 *   'foo': (
 *     'bar': 1,
 *   ),
 *   'baz': 2,
 * );
 * map-flatten($map)
 * // (
 * //   'foo-bar': 1,
 * //   'baz': 2,
 * // )
 *
 * @param {map} $map - Map to be flattened
 * @param {function} $callback - Callback function to be executed at the last map level
 * @param {string} $prefix - Prefix to aggregate the keys on every recursion
 */
/**
 * Undoes a shorthand set of values to 4 values (`top`, `right`, `bottom`, `left`)
 *
 * Examples:
 * @include un-shorthand(0) -> 0 0 0 0
 * @include un-shorthand(0 1) -> 0 1 0 1
 * @include un-shorthand(0 1 2) -> 0 1 2 1
 * @include un-shorthand(0 1 2 3) -> 0 1 2 3
 *
 * @param {size} $shorthand - Values to be un-shorthanded separated by spaces
 */
/**
 * Breakpoints, inspired by bootstrap
 */
/**
 * Set of predefined spacing used for paddings and margins, used programatically via mixins
 * No specific reason behind the numbers, follows fibonacci starting from 8
 */
/**
 * Map of available text combinations and other related properties, used mostly via the `text` mixin
 */
/**
 * Map of available z-layers, helps to have in a glimpse the z priority of different UI elements
 */
/**
 * Utils used to compose UI elements easily
 *
 * Import order matters as some mixins are required by placeholders and/or spacing
 */
/**
 * Appends the mixin content to the corresponding media query depending on the given params, can be
 * a min, max or max-min breakpoint
 * Removes 1px from the `$maxWidth` (if available) to ensure good breakpoints (i.e. 0-99, 100-199)
 *
 * Examples:
 * @include breakpoint($bp-sm, $bp-lg) {...} // min-width and max-width
 * @include breakpoint($bp-sm) {...} // min-width only
 * @include breakpoint(null, $bp-lg) {...} // max-width only
 *
 * @param {size} $minWidth - Min width for the breakpoint to trigger
 * @param {size} $maxWidth - Max width for the breakpoint to trigger
 */
/**
 * Styles a container with some default properties, by default centering the element and enforcing
 * some (max-)width
 *
 * Examples:
 * @include container() // With standard vertical padding
 * @include container(false) // Without any padding
 * @include container(false, null, $s-sm) // Without vertical but with horizontal `$s-sm` padding
 * @include container(false, $size, $s-sm) // Without vertical but with horizontal `$s-sm` padding,
 * max-sized to `$size` width
 * @include container(true, $size, $s-sm) // With vertical and with horizontal `$s-sm` padding, max-
 * sized to `$size` width
 *
 * @param {bool} $verticalPadding - Flag to add padding on the top and bottom of the container
 * @param {size} $maxWidth - Max width of the container, defaults to `config/sizes` defined one
 * @param {size} $horizontalPadding - Padding to be added on the sides of the container
 */
/**
 * Extends the selector where this mixin is included so if the element has the `disabled` attribute
 * (buttons, inputs, options, selects, textareas), that element will be "grayed out" (transparent)
 * and a cursor to indicate it cannot be interacted with
 */
/**
 * Aligns vertically and (optionally) horizontally the childrens of the element, defaults to center
 * on both axis
 *
 * Reference:
 * $align - https://css-tricks.com/snippets/css/a-guide-to-flexbox/#prop-align-items
 * $justify - https://css-tricks.com/snippets/css/a-guide-to-flexbox/#prop-justify-content
 *
 * @param {flex-align} $align - Flex align value, defaults to `center`
 * @param {flex-align} $justify - Flex align value, defaults to `center`
 */
/**
 * Forces the element to be the full size of the view, meaning that it will take the full browsers
 * width and height
 */
/**
 * Position the element based on the position type and coordinates
 *
 * Examples:
 * @include position(absolute, 0 0) // position: absolute; top: 0; right: 0;
 * @include position(relative, 50% 0 null 0) // position: relative; top: 50%; right: 0; left: 0;
 *
 * @param {position} $position - Position type (https://developer.mozilla.org/docs/Web/CSS/position)
 * @param {size} $coordinates - Coordinates separated by spaces in clockwise order:
 * `top right bottom left`
 */
/**
 * Sizes the element (`width` and `height`)
 *
 * Examples:
 * @import size(30px) // width: 30px; height: 30px;
 * @import size(30px 15px) // width: 30px; height: 15px;
 * @import size(null 15px) // height: 15px;
 *
 * @param {size} $value - Size(s) for the element, can be one value (same `width`/`height`) or two
 * separated by a space `width height`
 */
/**
 * Returns text-related properties depending on the given arguments
 *
 * @param {string} $size - Combination of `font-size` and `line-height` found on `$texts`
 * @param {string} $weight - Name of the weight defined on `$texts`
 * @param {text-transform} $transform - Value to be appled to the `text-transform` property
 */
/**
 * Sets the `z-index` with the value of the given path
 *
 * Example:
 * @include z('visible') // z-index: 1;
 * @include z('path', 'to', 'layer') // z-index: ?;
 *
 * @param {string} $layer - Name(s) of the layer(s) to find in `config/z-layers` variable
 */
/**
 * Generates all sizing placeholders to be extended
 * Inspired by Bootstrap 4 spacings: https://getbootstrap.com/docs/4.1/utilities/spacing/
 *
 * Requires to have breakpoints defined from `$xs` to `$xxl`
 * Requires to have sizes defined from `$xs` to `$xl`
 *
 * Generated placeholders follow this patterns:
 * Concept: %{property}{side?}{-breakpoint?}-{size}
 * Regex: %(m|p)(t|b|l|r|x|y)?(-(xs|sm|md|lg|xl|xxl))?-([0-5]|auto)
 * - First character defines if the spacing is `margin` or `padding`
 * - Second character (or its absence) defines where the spacing is applied, on any of the 4 sides
 *   (`top`, `bottom`, `left`, `right`), the 2 axis (`x`, `y`) or empty (all of them)
 * - Dash to separate spacing/position and breakpoint (if any)
 * - Min-width breakpoint (`xs`, `sm`, `md`, `lg`, `xl`, `xxl`) or none (all resolutions)
 * - Dash to separate spacing/position/breakpoint and the size
 * - Last character defines the size of the spacing (`0`, `1`, `2`, `3`, `4`, `5`, `auto`)
 *
 * Examples:
 * %mt-0 // margin-top: 0
 * %mx-4 // margin: 0 16px
 * %p-6 // margin: 40px
 * %pb-lg-2 // @media (min-screen: 1200px) { padding-bottom: 8px }
 */
/**
 * Value order matters, as it's from least to most restrictive
 */
/**
 * Generates all the spacing variable combinations, usage as regular mixin is discouraged
 *
 * @param {margin|padding} $type - Spacingg type
 * @param {string} $side - First character of the side(s) where to add the spacin:
 * (t)op, (b)ottom, (l)eft, (r)ight, (x)-axis [horizontal], (y)-axis [vertical], () all [empty]
 * @param {size} $size - Size of the spacing
 */
/**
 * Defines all the spacing placeholders (`margin`, `padding`) based on params (all `$sides` and
 * `$sizes` combinations), usage as regular mixin is VERY discouraged
 *
 * @param {list} $sides - Spacing side list, as defined on `utils/mixins/spacing/config`
 * @param {map} $sizes - Spacing size map, as defined on `utils/mixins/spacing/config`
 * @param {size} $breakpoint - Shortened breakpoint name indicating `min-width` breakpoint for the
 * spacing
 */
/**
 * Generates all the spacing placeholders (`margin`, `padding`) wrapped by media queries when needed
 */
.feedback[data-v-b444c9ce] {
  padding: 1.6rem;
}
.feedback--sm[data-v-b444c9ce] {
  padding: 0.8rem;
}
.feedback__title[data-v-b444c9ce] {
  padding-right: 0.8rem;
  padding-left: 0.8rem;
}
.feedback--sm .feedback__title[data-v-b444c9ce] {
  padding-right: 0.4rem;
  padding-left: 0.4rem;
}
.feedback__header[data-v-b444c9ce] {
  padding-bottom: 0.8rem;
}
.feedback--sm .feedback__header[data-v-b444c9ce] {
  padding-bottom: 0.4rem;
}
.feedback__title[data-v-b444c9ce] {
  margin-right: auto;
}
[data-theme=dark] .feedback[data-v-b444c9ce] {
  --color-background: var(--color-feedback-success-darker);
}
[data-theme=dark] .feedback--danger[data-v-b444c9ce] {
  --color-background: var(--color-feedback-danger-darker);
}
[data-theme=dark] .feedback--warning[data-v-b444c9ce] {
  --color-background: var(--color-feedback-warning-darker);
}
[data-theme=dark] .feedback--info[data-v-b444c9ce] {
  --color-background: var(--color-primary-darker);
}
.feedback[data-v-b444c9ce] {
  --color-background: var(--color-feedback-success);
  height: auto;
  width: 100%;
  background-color: var(--color-background);
  border-radius: var(--border-radius-lg);
  color: var(--color-generic-white);
}
@media (min-width: 767px) {
.feedback[data-v-b444c9ce] {
    height: auto;
    width: 600px;
}
}
.feedback--danger[data-v-b444c9ce] {
  --color-background: var(--color-feedback-danger);
}
.feedback--warning[data-v-b444c9ce] {
  --color-background: var(--color-feedback-warning);
}
.feedback--info[data-v-b444c9ce] {
  --color-background: var(--color-primary);
}
.feedback--sm[data-v-b444c9ce] {
  font-size: 1.4rem;
  line-height: 2.1rem;
}
@media (min-width: 500px) {
.feedback--sm[data-v-b444c9ce] {
    height: auto;
    width: 400px;
}
}
.feedback--sm .feedback__header[data-v-b444c9ce] {
  font-size: 1.5rem;
  line-height: 2.4rem;
  font-weight: 600;
}
.feedback__header[data-v-b444c9ce] {
  font-size: 2.2rem;
  line-height: 3.2rem;
  font-weight: 600;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.feedback__title[data-v-b444c9ce] {
  font-size: 100%;
  line-height: inherit;
}
.feedback__message[data-v-b444c9ce] {
  font-size: 100%;
  line-height: inherit;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../node_modules/vue-loader/dist/stylePostLoader.js!../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!../ewx-aphrodite/src/components/feedback/Feedback.vue?vue&type=style&index=1&id=b444c9ce&lang=scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Non-outputting imports
 *
 * Import order matters as functions are required by config, which is required by utils
 */
/**
 * Gets an element from a map (can be variable depth)
 *
 * Examples:
 * map-deep-get($z-layers, 'visible') // 1
 * map-deep-get($z-layers, 'path', 'to', 'item') // ?
 *
 * @param {map} $map - Map to be searched
 * @param {string} [$path] - Path separated by commas to be found in the map (`'step1', 'step2'`)
 */
/**
 * Recursively flattens a map (key being the aggregated keys and value being the value of the last
 * original map level)
 *
 * Examples:
 * $map: (
 *   'foo': (
 *     'bar': 1,
 *   ),
 *   'baz': 2,
 * );
 * map-flatten($map)
 * // (
 * //   'foo-bar': 1,
 * //   'baz': 2,
 * // )
 *
 * @param {map} $map - Map to be flattened
 * @param {function} $callback - Callback function to be executed at the last map level
 * @param {string} $prefix - Prefix to aggregate the keys on every recursion
 */
/**
 * Undoes a shorthand set of values to 4 values (`top`, `right`, `bottom`, `left`)
 *
 * Examples:
 * @include un-shorthand(0) -> 0 0 0 0
 * @include un-shorthand(0 1) -> 0 1 0 1
 * @include un-shorthand(0 1 2) -> 0 1 2 1
 * @include un-shorthand(0 1 2 3) -> 0 1 2 3
 *
 * @param {size} $shorthand - Values to be un-shorthanded separated by spaces
 */
/**
 * Breakpoints, inspired by bootstrap
 */
/**
 * Set of predefined spacing used for paddings and margins, used programatically via mixins
 * No specific reason behind the numbers, follows fibonacci starting from 8
 */
/**
 * Map of available text combinations and other related properties, used mostly via the `text` mixin
 */
/**
 * Map of available z-layers, helps to have in a glimpse the z priority of different UI elements
 */
/**
 * Utils used to compose UI elements easily
 *
 * Import order matters as some mixins are required by placeholders and/or spacing
 */
/**
 * Appends the mixin content to the corresponding media query depending on the given params, can be
 * a min, max or max-min breakpoint
 * Removes 1px from the `$maxWidth` (if available) to ensure good breakpoints (i.e. 0-99, 100-199)
 *
 * Examples:
 * @include breakpoint($bp-sm, $bp-lg) {...} // min-width and max-width
 * @include breakpoint($bp-sm) {...} // min-width only
 * @include breakpoint(null, $bp-lg) {...} // max-width only
 *
 * @param {size} $minWidth - Min width for the breakpoint to trigger
 * @param {size} $maxWidth - Max width for the breakpoint to trigger
 */
/**
 * Styles a container with some default properties, by default centering the element and enforcing
 * some (max-)width
 *
 * Examples:
 * @include container() // With standard vertical padding
 * @include container(false) // Without any padding
 * @include container(false, null, $s-sm) // Without vertical but with horizontal `$s-sm` padding
 * @include container(false, $size, $s-sm) // Without vertical but with horizontal `$s-sm` padding,
 * max-sized to `$size` width
 * @include container(true, $size, $s-sm) // With vertical and with horizontal `$s-sm` padding, max-
 * sized to `$size` width
 *
 * @param {bool} $verticalPadding - Flag to add padding on the top and bottom of the container
 * @param {size} $maxWidth - Max width of the container, defaults to `config/sizes` defined one
 * @param {size} $horizontalPadding - Padding to be added on the sides of the container
 */
/**
 * Extends the selector where this mixin is included so if the element has the `disabled` attribute
 * (buttons, inputs, options, selects, textareas), that element will be "grayed out" (transparent)
 * and a cursor to indicate it cannot be interacted with
 */
/**
 * Aligns vertically and (optionally) horizontally the childrens of the element, defaults to center
 * on both axis
 *
 * Reference:
 * $align - https://css-tricks.com/snippets/css/a-guide-to-flexbox/#prop-align-items
 * $justify - https://css-tricks.com/snippets/css/a-guide-to-flexbox/#prop-justify-content
 *
 * @param {flex-align} $align - Flex align value, defaults to `center`
 * @param {flex-align} $justify - Flex align value, defaults to `center`
 */
/**
 * Forces the element to be the full size of the view, meaning that it will take the full browsers
 * width and height
 */
/**
 * Position the element based on the position type and coordinates
 *
 * Examples:
 * @include position(absolute, 0 0) // position: absolute; top: 0; right: 0;
 * @include position(relative, 50% 0 null 0) // position: relative; top: 50%; right: 0; left: 0;
 *
 * @param {position} $position - Position type (https://developer.mozilla.org/docs/Web/CSS/position)
 * @param {size} $coordinates - Coordinates separated by spaces in clockwise order:
 * `top right bottom left`
 */
/**
 * Sizes the element (`width` and `height`)
 *
 * Examples:
 * @import size(30px) // width: 30px; height: 30px;
 * @import size(30px 15px) // width: 30px; height: 15px;
 * @import size(null 15px) // height: 15px;
 *
 * @param {size} $value - Size(s) for the element, can be one value (same `width`/`height`) or two
 * separated by a space `width height`
 */
/**
 * Returns text-related properties depending on the given arguments
 *
 * @param {string} $size - Combination of `font-size` and `line-height` found on `$texts`
 * @param {string} $weight - Name of the weight defined on `$texts`
 * @param {text-transform} $transform - Value to be appled to the `text-transform` property
 */
/**
 * Sets the `z-index` with the value of the given path
 *
 * Example:
 * @include z('visible') // z-index: 1;
 * @include z('path', 'to', 'layer') // z-index: ?;
 *
 * @param {string} $layer - Name(s) of the layer(s) to find in `config/z-layers` variable
 */
/**
 * Generates all sizing placeholders to be extended
 * Inspired by Bootstrap 4 spacings: https://getbootstrap.com/docs/4.1/utilities/spacing/
 *
 * Requires to have breakpoints defined from `$xs` to `$xxl`
 * Requires to have sizes defined from `$xs` to `$xl`
 *
 * Generated placeholders follow this patterns:
 * Concept: %{property}{side?}{-breakpoint?}-{size}
 * Regex: %(m|p)(t|b|l|r|x|y)?(-(xs|sm|md|lg|xl|xxl))?-([0-5]|auto)
 * - First character defines if the spacing is `margin` or `padding`
 * - Second character (or its absence) defines where the spacing is applied, on any of the 4 sides
 *   (`top`, `bottom`, `left`, `right`), the 2 axis (`x`, `y`) or empty (all of them)
 * - Dash to separate spacing/position and breakpoint (if any)
 * - Min-width breakpoint (`xs`, `sm`, `md`, `lg`, `xl`, `xxl`) or none (all resolutions)
 * - Dash to separate spacing/position/breakpoint and the size
 * - Last character defines the size of the spacing (`0`, `1`, `2`, `3`, `4`, `5`, `auto`)
 *
 * Examples:
 * %mt-0 // margin-top: 0
 * %mx-4 // margin: 0 16px
 * %p-6 // margin: 40px
 * %pb-lg-2 // @media (min-screen: 1200px) { padding-bottom: 8px }
 */
/**
 * Value order matters, as it's from least to most restrictive
 */
/**
 * Generates all the spacing variable combinations, usage as regular mixin is discouraged
 *
 * @param {margin|padding} $type - Spacingg type
 * @param {string} $side - First character of the side(s) where to add the spacin:
 * (t)op, (b)ottom, (l)eft, (r)ight, (x)-axis [horizontal], (y)-axis [vertical], () all [empty]
 * @param {size} $size - Size of the spacing
 */
/**
 * Defines all the spacing placeholders (`margin`, `padding`) based on params (all `$sides` and
 * `$sizes` combinations), usage as regular mixin is VERY discouraged
 *
 * @param {list} $sides - Spacing side list, as defined on `utils/mixins/spacing/config`
 * @param {map} $sizes - Spacing size map, as defined on `utils/mixins/spacing/config`
 * @param {size} $breakpoint - Shortened breakpoint name indicating `min-width` breakpoint for the
 * spacing
 */
/**
 * Generates all the spacing placeholders (`margin`, `padding`) wrapped by media queries when needed
 */
.feedback a,
.feedback .button.button--link {
  font-weight: 600;
  color: inherit;
  text-decoration: underline;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../node_modules/vue-loader/dist/stylePostLoader.js!../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!../ewx-aphrodite/src/layout/FeedbackMessages.vue?vue&type=style&index=0&id=7cfecc7a&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Non-outputting imports
 *
 * Import order matters as functions are required by config, which is required by utils
 */
/**
 * Gets an element from a map (can be variable depth)
 *
 * Examples:
 * map-deep-get($z-layers, 'visible') // 1
 * map-deep-get($z-layers, 'path', 'to', 'item') // ?
 *
 * @param {map} $map - Map to be searched
 * @param {string} [$path] - Path separated by commas to be found in the map (`'step1', 'step2'`)
 */
/**
 * Recursively flattens a map (key being the aggregated keys and value being the value of the last
 * original map level)
 *
 * Examples:
 * $map: (
 *   'foo': (
 *     'bar': 1,
 *   ),
 *   'baz': 2,
 * );
 * map-flatten($map)
 * // (
 * //   'foo-bar': 1,
 * //   'baz': 2,
 * // )
 *
 * @param {map} $map - Map to be flattened
 * @param {function} $callback - Callback function to be executed at the last map level
 * @param {string} $prefix - Prefix to aggregate the keys on every recursion
 */
/**
 * Undoes a shorthand set of values to 4 values (`top`, `right`, `bottom`, `left`)
 *
 * Examples:
 * @include un-shorthand(0) -> 0 0 0 0
 * @include un-shorthand(0 1) -> 0 1 0 1
 * @include un-shorthand(0 1 2) -> 0 1 2 1
 * @include un-shorthand(0 1 2 3) -> 0 1 2 3
 *
 * @param {size} $shorthand - Values to be un-shorthanded separated by spaces
 */
/**
 * Breakpoints, inspired by bootstrap
 */
/**
 * Set of predefined spacing used for paddings and margins, used programatically via mixins
 * No specific reason behind the numbers, follows fibonacci starting from 8
 */
/**
 * Map of available text combinations and other related properties, used mostly via the `text` mixin
 */
/**
 * Map of available z-layers, helps to have in a glimpse the z priority of different UI elements
 */
/**
 * Utils used to compose UI elements easily
 *
 * Import order matters as some mixins are required by placeholders and/or spacing
 */
/**
 * Appends the mixin content to the corresponding media query depending on the given params, can be
 * a min, max or max-min breakpoint
 * Removes 1px from the `$maxWidth` (if available) to ensure good breakpoints (i.e. 0-99, 100-199)
 *
 * Examples:
 * @include breakpoint($bp-sm, $bp-lg) {...} // min-width and max-width
 * @include breakpoint($bp-sm) {...} // min-width only
 * @include breakpoint(null, $bp-lg) {...} // max-width only
 *
 * @param {size} $minWidth - Min width for the breakpoint to trigger
 * @param {size} $maxWidth - Max width for the breakpoint to trigger
 */
/**
 * Styles a container with some default properties, by default centering the element and enforcing
 * some (max-)width
 *
 * Examples:
 * @include container() // With standard vertical padding
 * @include container(false) // Without any padding
 * @include container(false, null, $s-sm) // Without vertical but with horizontal `$s-sm` padding
 * @include container(false, $size, $s-sm) // Without vertical but with horizontal `$s-sm` padding,
 * max-sized to `$size` width
 * @include container(true, $size, $s-sm) // With vertical and with horizontal `$s-sm` padding, max-
 * sized to `$size` width
 *
 * @param {bool} $verticalPadding - Flag to add padding on the top and bottom of the container
 * @param {size} $maxWidth - Max width of the container, defaults to `config/sizes` defined one
 * @param {size} $horizontalPadding - Padding to be added on the sides of the container
 */
/**
 * Extends the selector where this mixin is included so if the element has the `disabled` attribute
 * (buttons, inputs, options, selects, textareas), that element will be "grayed out" (transparent)
 * and a cursor to indicate it cannot be interacted with
 */
/**
 * Aligns vertically and (optionally) horizontally the childrens of the element, defaults to center
 * on both axis
 *
 * Reference:
 * $align - https://css-tricks.com/snippets/css/a-guide-to-flexbox/#prop-align-items
 * $justify - https://css-tricks.com/snippets/css/a-guide-to-flexbox/#prop-justify-content
 *
 * @param {flex-align} $align - Flex align value, defaults to `center`
 * @param {flex-align} $justify - Flex align value, defaults to `center`
 */
/**
 * Forces the element to be the full size of the view, meaning that it will take the full browsers
 * width and height
 */
/**
 * Position the element based on the position type and coordinates
 *
 * Examples:
 * @include position(absolute, 0 0) // position: absolute; top: 0; right: 0;
 * @include position(relative, 50% 0 null 0) // position: relative; top: 50%; right: 0; left: 0;
 *
 * @param {position} $position - Position type (https://developer.mozilla.org/docs/Web/CSS/position)
 * @param {size} $coordinates - Coordinates separated by spaces in clockwise order:
 * `top right bottom left`
 */
/**
 * Sizes the element (`width` and `height`)
 *
 * Examples:
 * @import size(30px) // width: 30px; height: 30px;
 * @import size(30px 15px) // width: 30px; height: 15px;
 * @import size(null 15px) // height: 15px;
 *
 * @param {size} $value - Size(s) for the element, can be one value (same `width`/`height`) or two
 * separated by a space `width height`
 */
/**
 * Returns text-related properties depending on the given arguments
 *
 * @param {string} $size - Combination of `font-size` and `line-height` found on `$texts`
 * @param {string} $weight - Name of the weight defined on `$texts`
 * @param {text-transform} $transform - Value to be appled to the `text-transform` property
 */
/**
 * Sets the `z-index` with the value of the given path
 *
 * Example:
 * @include z('visible') // z-index: 1;
 * @include z('path', 'to', 'layer') // z-index: ?;
 *
 * @param {string} $layer - Name(s) of the layer(s) to find in `config/z-layers` variable
 */
/**
 * Generates all sizing placeholders to be extended
 * Inspired by Bootstrap 4 spacings: https://getbootstrap.com/docs/4.1/utilities/spacing/
 *
 * Requires to have breakpoints defined from `$xs` to `$xxl`
 * Requires to have sizes defined from `$xs` to `$xl`
 *
 * Generated placeholders follow this patterns:
 * Concept: %{property}{side?}{-breakpoint?}-{size}
 * Regex: %(m|p)(t|b|l|r|x|y)?(-(xs|sm|md|lg|xl|xxl))?-([0-5]|auto)
 * - First character defines if the spacing is `margin` or `padding`
 * - Second character (or its absence) defines where the spacing is applied, on any of the 4 sides
 *   (`top`, `bottom`, `left`, `right`), the 2 axis (`x`, `y`) or empty (all of them)
 * - Dash to separate spacing/position and breakpoint (if any)
 * - Min-width breakpoint (`xs`, `sm`, `md`, `lg`, `xl`, `xxl`) or none (all resolutions)
 * - Dash to separate spacing/position/breakpoint and the size
 * - Last character defines the size of the spacing (`0`, `1`, `2`, `3`, `4`, `5`, `auto`)
 *
 * Examples:
 * %mt-0 // margin-top: 0
 * %mx-4 // margin: 0 16px
 * %p-6 // margin: 40px
 * %pb-lg-2 // @media (min-screen: 1200px) { padding-bottom: 8px }
 */
/**
 * Value order matters, as it's from least to most restrictive
 */
/**
 * Generates all the spacing variable combinations, usage as regular mixin is discouraged
 *
 * @param {margin|padding} $type - Spacingg type
 * @param {string} $side - First character of the side(s) where to add the spacin:
 * (t)op, (b)ottom, (l)eft, (r)ight, (x)-axis [horizontal], (y)-axis [vertical], () all [empty]
 * @param {size} $size - Size of the spacing
 */
/**
 * Defines all the spacing placeholders (`margin`, `padding`) based on params (all `$sides` and
 * `$sizes` combinations), usage as regular mixin is VERY discouraged
 *
 * @param {list} $sides - Spacing side list, as defined on `utils/mixins/spacing/config`
 * @param {map} $sizes - Spacing size map, as defined on `utils/mixins/spacing/config`
 * @param {size} $breakpoint - Shortened breakpoint name indicating `min-width` breakpoint for the
 * spacing
 */
/**
 * Generates all the spacing placeholders (`margin`, `padding`) wrapped by media queries when needed
 */
.feedback-messages[data-v-7cfecc7a] {
  padding: 1.6rem;
}
.feedback-messages[data-v-7cfecc7a] {
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 200;
  display: none;
  margin-left: auto;
  row-gap: 1.6rem;
}
.loaded .feedback-messages[data-v-7cfecc7a] {
  display: grid;
}
.loaded .feedback-messages > div[data-v-7cfecc7a] {
  bottom: 20px;
  position: absolute;
  right: 20px;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!../node_modules/vue-loader/dist/stylePostLoader.js!../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/App.vue?vue&type=style&index=0&id=7ba5bd90&lang=css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************/

/* Critical render path performance optimization */
.router-link-active {
  font-weight: bold;
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../node_modules/vue-loader/dist/stylePostLoader.js!../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!../ewx-aphrodite/src/components/generic/Loader.vue?vue&type=style&index=0&id=2ea5e4b1&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Non-outputting imports
 *
 * Import order matters as functions are required by config, which is required by utils
 */
/**
 * Gets an element from a map (can be variable depth)
 *
 * Examples:
 * map-deep-get($z-layers, 'visible') // 1
 * map-deep-get($z-layers, 'path', 'to', 'item') // ?
 *
 * @param {map} $map - Map to be searched
 * @param {string} [$path] - Path separated by commas to be found in the map (`'step1', 'step2'`)
 */
/**
 * Recursively flattens a map (key being the aggregated keys and value being the value of the last
 * original map level)
 *
 * Examples:
 * $map: (
 *   'foo': (
 *     'bar': 1,
 *   ),
 *   'baz': 2,
 * );
 * map-flatten($map)
 * // (
 * //   'foo-bar': 1,
 * //   'baz': 2,
 * // )
 *
 * @param {map} $map - Map to be flattened
 * @param {function} $callback - Callback function to be executed at the last map level
 * @param {string} $prefix - Prefix to aggregate the keys on every recursion
 */
/**
 * Undoes a shorthand set of values to 4 values (`top`, `right`, `bottom`, `left`)
 *
 * Examples:
 * @include un-shorthand(0) -> 0 0 0 0
 * @include un-shorthand(0 1) -> 0 1 0 1
 * @include un-shorthand(0 1 2) -> 0 1 2 1
 * @include un-shorthand(0 1 2 3) -> 0 1 2 3
 *
 * @param {size} $shorthand - Values to be un-shorthanded separated by spaces
 */
/**
 * Breakpoints, inspired by bootstrap
 */
/**
 * Set of predefined spacing used for paddings and margins, used programatically via mixins
 * No specific reason behind the numbers, follows fibonacci starting from 8
 */
/**
 * Map of available text combinations and other related properties, used mostly via the `text` mixin
 */
/**
 * Map of available z-layers, helps to have in a glimpse the z priority of different UI elements
 */
/**
 * Utils used to compose UI elements easily
 *
 * Import order matters as some mixins are required by placeholders and/or spacing
 */
/**
 * Appends the mixin content to the corresponding media query depending on the given params, can be
 * a min, max or max-min breakpoint
 * Removes 1px from the `$maxWidth` (if available) to ensure good breakpoints (i.e. 0-99, 100-199)
 *
 * Examples:
 * @include breakpoint($bp-sm, $bp-lg) {...} // min-width and max-width
 * @include breakpoint($bp-sm) {...} // min-width only
 * @include breakpoint(null, $bp-lg) {...} // max-width only
 *
 * @param {size} $minWidth - Min width for the breakpoint to trigger
 * @param {size} $maxWidth - Max width for the breakpoint to trigger
 */
/**
 * Styles a container with some default properties, by default centering the element and enforcing
 * some (max-)width
 *
 * Examples:
 * @include container() // With standard vertical padding
 * @include container(false) // Without any padding
 * @include container(false, null, $s-sm) // Without vertical but with horizontal `$s-sm` padding
 * @include container(false, $size, $s-sm) // Without vertical but with horizontal `$s-sm` padding,
 * max-sized to `$size` width
 * @include container(true, $size, $s-sm) // With vertical and with horizontal `$s-sm` padding, max-
 * sized to `$size` width
 *
 * @param {bool} $verticalPadding - Flag to add padding on the top and bottom of the container
 * @param {size} $maxWidth - Max width of the container, defaults to `config/sizes` defined one
 * @param {size} $horizontalPadding - Padding to be added on the sides of the container
 */
/**
 * Extends the selector where this mixin is included so if the element has the `disabled` attribute
 * (buttons, inputs, options, selects, textareas), that element will be "grayed out" (transparent)
 * and a cursor to indicate it cannot be interacted with
 */
/**
 * Aligns vertically and (optionally) horizontally the childrens of the element, defaults to center
 * on both axis
 *
 * Reference:
 * $align - https://css-tricks.com/snippets/css/a-guide-to-flexbox/#prop-align-items
 * $justify - https://css-tricks.com/snippets/css/a-guide-to-flexbox/#prop-justify-content
 *
 * @param {flex-align} $align - Flex align value, defaults to `center`
 * @param {flex-align} $justify - Flex align value, defaults to `center`
 */
/**
 * Forces the element to be the full size of the view, meaning that it will take the full browsers
 * width and height
 */
/**
 * Position the element based on the position type and coordinates
 *
 * Examples:
 * @include position(absolute, 0 0) // position: absolute; top: 0; right: 0;
 * @include position(relative, 50% 0 null 0) // position: relative; top: 50%; right: 0; left: 0;
 *
 * @param {position} $position - Position type (https://developer.mozilla.org/docs/Web/CSS/position)
 * @param {size} $coordinates - Coordinates separated by spaces in clockwise order:
 * `top right bottom left`
 */
/**
 * Sizes the element (`width` and `height`)
 *
 * Examples:
 * @import size(30px) // width: 30px; height: 30px;
 * @import size(30px 15px) // width: 30px; height: 15px;
 * @import size(null 15px) // height: 15px;
 *
 * @param {size} $value - Size(s) for the element, can be one value (same `width`/`height`) or two
 * separated by a space `width height`
 */
/**
 * Returns text-related properties depending on the given arguments
 *
 * @param {string} $size - Combination of `font-size` and `line-height` found on `$texts`
 * @param {string} $weight - Name of the weight defined on `$texts`
 * @param {text-transform} $transform - Value to be appled to the `text-transform` property
 */
/**
 * Sets the `z-index` with the value of the given path
 *
 * Example:
 * @include z('visible') // z-index: 1;
 * @include z('path', 'to', 'layer') // z-index: ?;
 *
 * @param {string} $layer - Name(s) of the layer(s) to find in `config/z-layers` variable
 */
/**
 * Generates all sizing placeholders to be extended
 * Inspired by Bootstrap 4 spacings: https://getbootstrap.com/docs/4.1/utilities/spacing/
 *
 * Requires to have breakpoints defined from `$xs` to `$xxl`
 * Requires to have sizes defined from `$xs` to `$xl`
 *
 * Generated placeholders follow this patterns:
 * Concept: %{property}{side?}{-breakpoint?}-{size}
 * Regex: %(m|p)(t|b|l|r|x|y)?(-(xs|sm|md|lg|xl|xxl))?-([0-5]|auto)
 * - First character defines if the spacing is `margin` or `padding`
 * - Second character (or its absence) defines where the spacing is applied, on any of the 4 sides
 *   (`top`, `bottom`, `left`, `right`), the 2 axis (`x`, `y`) or empty (all of them)
 * - Dash to separate spacing/position and breakpoint (if any)
 * - Min-width breakpoint (`xs`, `sm`, `md`, `lg`, `xl`, `xxl`) or none (all resolutions)
 * - Dash to separate spacing/position/breakpoint and the size
 * - Last character defines the size of the spacing (`0`, `1`, `2`, `3`, `4`, `5`, `auto`)
 *
 * Examples:
 * %mt-0 // margin-top: 0
 * %mx-4 // margin: 0 16px
 * %p-6 // margin: 40px
 * %pb-lg-2 // @media (min-screen: 1200px) { padding-bottom: 8px }
 */
/**
 * Value order matters, as it's from least to most restrictive
 */
/**
 * Generates all the spacing variable combinations, usage as regular mixin is discouraged
 *
 * @param {margin|padding} $type - Spacingg type
 * @param {string} $side - First character of the side(s) where to add the spacin:
 * (t)op, (b)ottom, (l)eft, (r)ight, (x)-axis [horizontal], (y)-axis [vertical], () all [empty]
 * @param {size} $size - Size of the spacing
 */
/**
 * Defines all the spacing placeholders (`margin`, `padding`) based on params (all `$sides` and
 * `$sizes` combinations), usage as regular mixin is VERY discouraged
 *
 * @param {list} $sides - Spacing side list, as defined on `utils/mixins/spacing/config`
 * @param {map} $sizes - Spacing size map, as defined on `utils/mixins/spacing/config`
 * @param {size} $breakpoint - Shortened breakpoint name indicating `min-width` breakpoint for the
 * spacing
 */
/**
 * Generates all the spacing placeholders (`margin`, `padding`) wrapped by media queries when needed
 */
[data-theme=dark] .loader[data-v-2ea5e4b1] {
  --color-bars: var(--color-generic-white);
}
.loader[data-v-2ea5e4b1] {
  --color-bars: var(--color-primary);
  --min-height: 4px;
  --size-md: 16px;
  --size-lg: 32px;
  position: relative;
  height: calc(var(--size-md) - var(--min-height));
  width: var(--size-md);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: var(--min-height);
}
.loader--lg[data-v-2ea5e4b1] {
  height: var(--size-lg);
  width: var(--size-lg);
  margin: 0;
}
.loader__animation[data-v-2ea5e4b1] {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s;
}
@-webkit-keyframes loader-2ea5e4b1 {
from {
    height: var(--min-height);
}
to {
    height: 100%;
}
}
@keyframes loader-2ea5e4b1 {
from {
    height: var(--min-height);
}
to {
    height: 100%;
}
}
.loader__animation[data-v-2ea5e4b1], .loader__animation[data-v-2ea5e4b1]::before, .loader__animation[data-v-2ea5e4b1]::after {
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
  -webkit-animation-duration: 0.6s;
          animation-duration: 0.6s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-name: loader-2ea5e4b1;
          animation-name: loader-2ea5e4b1;
  background-color: var(--color-bars);
  border-radius: var(--border-radius-xs);
  height: var(--min-height);
  width: 25%;
}
.loader__animation[data-v-2ea5e4b1]::before, .loader__animation[data-v-2ea5e4b1]::after {
  bottom: 0;
  content: "";
  position: absolute;
}
.loader__animation[data-v-2ea5e4b1]::before {
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  left: 0;
}
.loader__animation[data-v-2ea5e4b1]::after {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
  right: 0;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../node_modules/vue-loader/dist/stylePostLoader.js!../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!../ewx-aphrodite/src/components/buttons/AppButton.vue?vue&type=style&index=0&id=a295c6a2&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Non-outputting imports
 *
 * Import order matters as functions are required by config, which is required by utils
 */
/**
 * Gets an element from a map (can be variable depth)
 *
 * Examples:
 * map-deep-get($z-layers, 'visible') // 1
 * map-deep-get($z-layers, 'path', 'to', 'item') // ?
 *
 * @param {map} $map - Map to be searched
 * @param {string} [$path] - Path separated by commas to be found in the map (`'step1', 'step2'`)
 */
/**
 * Recursively flattens a map (key being the aggregated keys and value being the value of the last
 * original map level)
 *
 * Examples:
 * $map: (
 *   'foo': (
 *     'bar': 1,
 *   ),
 *   'baz': 2,
 * );
 * map-flatten($map)
 * // (
 * //   'foo-bar': 1,
 * //   'baz': 2,
 * // )
 *
 * @param {map} $map - Map to be flattened
 * @param {function} $callback - Callback function to be executed at the last map level
 * @param {string} $prefix - Prefix to aggregate the keys on every recursion
 */
/**
 * Undoes a shorthand set of values to 4 values (`top`, `right`, `bottom`, `left`)
 *
 * Examples:
 * @include un-shorthand(0) -> 0 0 0 0
 * @include un-shorthand(0 1) -> 0 1 0 1
 * @include un-shorthand(0 1 2) -> 0 1 2 1
 * @include un-shorthand(0 1 2 3) -> 0 1 2 3
 *
 * @param {size} $shorthand - Values to be un-shorthanded separated by spaces
 */
/**
 * Breakpoints, inspired by bootstrap
 */
/**
 * Set of predefined spacing used for paddings and margins, used programatically via mixins
 * No specific reason behind the numbers, follows fibonacci starting from 8
 */
/**
 * Map of available text combinations and other related properties, used mostly via the `text` mixin
 */
/**
 * Map of available z-layers, helps to have in a glimpse the z priority of different UI elements
 */
/**
 * Utils used to compose UI elements easily
 *
 * Import order matters as some mixins are required by placeholders and/or spacing
 */
/**
 * Appends the mixin content to the corresponding media query depending on the given params, can be
 * a min, max or max-min breakpoint
 * Removes 1px from the `$maxWidth` (if available) to ensure good breakpoints (i.e. 0-99, 100-199)
 *
 * Examples:
 * @include breakpoint($bp-sm, $bp-lg) {...} // min-width and max-width
 * @include breakpoint($bp-sm) {...} // min-width only
 * @include breakpoint(null, $bp-lg) {...} // max-width only
 *
 * @param {size} $minWidth - Min width for the breakpoint to trigger
 * @param {size} $maxWidth - Max width for the breakpoint to trigger
 */
/**
 * Styles a container with some default properties, by default centering the element and enforcing
 * some (max-)width
 *
 * Examples:
 * @include container() // With standard vertical padding
 * @include container(false) // Without any padding
 * @include container(false, null, $s-sm) // Without vertical but with horizontal `$s-sm` padding
 * @include container(false, $size, $s-sm) // Without vertical but with horizontal `$s-sm` padding,
 * max-sized to `$size` width
 * @include container(true, $size, $s-sm) // With vertical and with horizontal `$s-sm` padding, max-
 * sized to `$size` width
 *
 * @param {bool} $verticalPadding - Flag to add padding on the top and bottom of the container
 * @param {size} $maxWidth - Max width of the container, defaults to `config/sizes` defined one
 * @param {size} $horizontalPadding - Padding to be added on the sides of the container
 */
/**
 * Extends the selector where this mixin is included so if the element has the `disabled` attribute
 * (buttons, inputs, options, selects, textareas), that element will be "grayed out" (transparent)
 * and a cursor to indicate it cannot be interacted with
 */
/**
 * Aligns vertically and (optionally) horizontally the childrens of the element, defaults to center
 * on both axis
 *
 * Reference:
 * $align - https://css-tricks.com/snippets/css/a-guide-to-flexbox/#prop-align-items
 * $justify - https://css-tricks.com/snippets/css/a-guide-to-flexbox/#prop-justify-content
 *
 * @param {flex-align} $align - Flex align value, defaults to `center`
 * @param {flex-align} $justify - Flex align value, defaults to `center`
 */
/**
 * Forces the element to be the full size of the view, meaning that it will take the full browsers
 * width and height
 */
/**
 * Position the element based on the position type and coordinates
 *
 * Examples:
 * @include position(absolute, 0 0) // position: absolute; top: 0; right: 0;
 * @include position(relative, 50% 0 null 0) // position: relative; top: 50%; right: 0; left: 0;
 *
 * @param {position} $position - Position type (https://developer.mozilla.org/docs/Web/CSS/position)
 * @param {size} $coordinates - Coordinates separated by spaces in clockwise order:
 * `top right bottom left`
 */
/**
 * Sizes the element (`width` and `height`)
 *
 * Examples:
 * @import size(30px) // width: 30px; height: 30px;
 * @import size(30px 15px) // width: 30px; height: 15px;
 * @import size(null 15px) // height: 15px;
 *
 * @param {size} $value - Size(s) for the element, can be one value (same `width`/`height`) or two
 * separated by a space `width height`
 */
/**
 * Returns text-related properties depending on the given arguments
 *
 * @param {string} $size - Combination of `font-size` and `line-height` found on `$texts`
 * @param {string} $weight - Name of the weight defined on `$texts`
 * @param {text-transform} $transform - Value to be appled to the `text-transform` property
 */
/**
 * Sets the `z-index` with the value of the given path
 *
 * Example:
 * @include z('visible') // z-index: 1;
 * @include z('path', 'to', 'layer') // z-index: ?;
 *
 * @param {string} $layer - Name(s) of the layer(s) to find in `config/z-layers` variable
 */
/**
 * Generates all sizing placeholders to be extended
 * Inspired by Bootstrap 4 spacings: https://getbootstrap.com/docs/4.1/utilities/spacing/
 *
 * Requires to have breakpoints defined from `$xs` to `$xxl`
 * Requires to have sizes defined from `$xs` to `$xl`
 *
 * Generated placeholders follow this patterns:
 * Concept: %{property}{side?}{-breakpoint?}-{size}
 * Regex: %(m|p)(t|b|l|r|x|y)?(-(xs|sm|md|lg|xl|xxl))?-([0-5]|auto)
 * - First character defines if the spacing is `margin` or `padding`
 * - Second character (or its absence) defines where the spacing is applied, on any of the 4 sides
 *   (`top`, `bottom`, `left`, `right`), the 2 axis (`x`, `y`) or empty (all of them)
 * - Dash to separate spacing/position and breakpoint (if any)
 * - Min-width breakpoint (`xs`, `sm`, `md`, `lg`, `xl`, `xxl`) or none (all resolutions)
 * - Dash to separate spacing/position/breakpoint and the size
 * - Last character defines the size of the spacing (`0`, `1`, `2`, `3`, `4`, `5`, `auto`)
 *
 * Examples:
 * %mt-0 // margin-top: 0
 * %mx-4 // margin: 0 16px
 * %p-6 // margin: 40px
 * %pb-lg-2 // @media (min-screen: 1200px) { padding-bottom: 8px }
 */
/**
 * Value order matters, as it's from least to most restrictive
 */
/**
 * Generates all the spacing variable combinations, usage as regular mixin is discouraged
 *
 * @param {margin|padding} $type - Spacingg type
 * @param {string} $side - First character of the side(s) where to add the spacin:
 * (t)op, (b)ottom, (l)eft, (r)ight, (x)-axis [horizontal], (y)-axis [vertical], () all [empty]
 * @param {size} $size - Size of the spacing
 */
/**
 * Defines all the spacing placeholders (`margin`, `padding`) based on params (all `$sides` and
 * `$sizes` combinations), usage as regular mixin is VERY discouraged
 *
 * @param {list} $sides - Spacing side list, as defined on `utils/mixins/spacing/config`
 * @param {map} $sizes - Spacing size map, as defined on `utils/mixins/spacing/config`
 * @param {size} $breakpoint - Shortened breakpoint name indicating `min-width` breakpoint for the
 * spacing
 */
/**
 * Generates all the spacing placeholders (`margin`, `padding`) wrapped by media queries when needed
 */
.button--link.button--wide[data-v-a295c6a2] {
  padding: 0.8rem;
}
.button--link.button--wide[data-v-a295c6a2] {
  margin-right: auto;
  margin-left: auto;
}
.button--normal[data-v-a295c6a2], .button--inverted[data-v-a295c6a2] {
  padding-right: 1.6rem;
  padding-left: 1.6rem;
}
.button--ghost[data-v-a295c6a2], .button--small[data-v-a295c6a2] {
  padding-right: 0.8rem;
  padding-left: 0.8rem;
}
.button--normal[data-v-a295c6a2], .button--inverted[data-v-a295c6a2] {
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
}
.button--ghost[data-v-a295c6a2], .button--small[data-v-a295c6a2] {
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
}
.button__loader[data-v-a295c6a2] {
  margin-top: 0;
}
[data-theme=dark] .button[data-v-a295c6a2] {
  --color-text: var(--color-generic-white);
  --color-accent: var(--color-primary-darker);
  --color-accent-light: var(--color-primary-dark);
  --color-accent-lighter: var(--color-generic-gray-dark);
  --color-contrast: var(--color-generic-gray-dark);
}
[data-theme=dark] .button--danger[data-v-a295c6a2] {
  --color-accent: var(--color-feedback-danger-darker);
  --color-accent-light: var(--color-feedback-danger-dark);
}
[data-theme=dark] .button--success[data-v-a295c6a2] {
  --color-accent: var(--color-feedback-success-darker);
  --color-accent-light: var(--color-feedback-success-dark);
}
[data-theme=dark] .button--ghost[data-v-a295c6a2] {
  --color-border: var(--color-accent-light);
}
.button[data-v-a295c6a2] {
  --color-text: var(--color-contrast);
  --color-background: var(--color-accent);
  --color-border: transparent;
  --color-border-bottom: var(--color-shadow);
  --color-shadow: var(--color-accent-light);
  --shadow-outset: 0 1px 0 var(--color-shadow);
  --color-focus: var(--color-accent);
  --shadow-focus: 0 0 var(--shadow-size-md) var(--color-focus);
  --top-offset-active: 1px;
  --thickness-underscore-link-focus: 4px;
  color: var(--color-text);
  /**
   * TYPES
   */
  --color-accent: var(--color-primary);
  --color-accent-light: var(--color-primary-light);
  --color-accent-lighter: var(--color-primary-lightest);
  --color-contrast: var(--color-generic-white);
  /**
   * VARIANTS
   */
  /**
   * SIZES
   */
  /**
   * ELEMENTS
   */
}
.button[disabled][data-v-a295c6a2]:not(.button[disabled=false]) {
  cursor: not-allowed;
  opacity: 0.5;
}
.button--transition[data-v-a295c6a2] {
  -webkit-transition: all 1s;
  transition: all 1s;
}
.button--danger[data-v-a295c6a2] {
  --color-accent: var(--color-feedback-danger);
  --color-accent-light: var(--color-feedback-danger-light);
  --color-accent-lighter: var(--color-feedback-danger-lighter);
}
.button--success[data-v-a295c6a2] {
  --color-accent: var(--color-feedback-success);
  --color-accent-light: var(--color-feedback-success-light);
  --color-accent-lighter: var(--color-feedback-success-lighter);
  -webkit-transition: none;
  transition: none;
}
.button--normal[data-v-a295c6a2], .button--inverted[data-v-a295c6a2], .button--ghost[data-v-a295c6a2] {
  position: relative;
  font-weight: 600;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: var(--color-background);
  border: thin solid var(--color-border);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.button--normal[data-v-a295c6a2]:active, .button--inverted[data-v-a295c6a2]:active, .button--ghost[data-v-a295c6a2]:active {
  top: var(--top-offset-active);
}
.button--normal[data-v-a295c6a2]:focus, .button--normal[data-v-a295c6a2]:active, .button--inverted[data-v-a295c6a2]:focus, .button--inverted[data-v-a295c6a2]:active, .button--ghost[data-v-a295c6a2]:focus, .button--ghost[data-v-a295c6a2]:active {
  -webkit-box-shadow: var(--shadow-focus);
          box-shadow: var(--shadow-focus);
}
.button--inverted[data-v-a295c6a2], .button--ghost[data-v-a295c6a2] {
  --color-background: var(--color-contrast);
  --color-text: var(--color-accent);
  border-color: var(--color-border);
}
.button--normal[data-v-a295c6a2], .button--inverted[data-v-a295c6a2] {
  border-color: var(--color-border-bottom);
  border-radius: var(--border-radius-md);
}
.button--normal[data-v-a295c6a2]:focus:not(:active), .button--inverted[data-v-a295c6a2]:focus:not(:active) {
  -webkit-box-shadow: var(--shadow-outset), var(--shadow-focus);
          box-shadow: var(--shadow-outset), var(--shadow-focus);
}
.button--normal[data-v-a295c6a2]:active, .button--inverted[data-v-a295c6a2]:active {
  border-bottom-color: var(--color-border);
}
.button--inverted[data-v-a295c6a2] {
  --color-border: var(--color-accent-lighter);
  --color-border-bottom: var(--color-accent-light);
}
.button--ghost[data-v-a295c6a2] {
  --color-border: var(--color-accent);
}
.button--link[data-v-a295c6a2] {
  --color-text: var(--color-accent);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  text-decoration: underline;
}
.button--link[data-v-a295c6a2]:focus, .button--link[data-v-a295c6a2]:active {
  text-decoration-thickness: var(--thickness-underscore-link-focus);
}
.button--link.button--wide[data-v-a295c6a2] {
  display: block;
  text-align: center;
}
.button--wide[data-v-a295c6a2] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  width: 100%;
}
.button--ghost[data-v-a295c6a2], .button--small[data-v-a295c6a2] {
  --shadow-focus: 0 0 var(--shadow-size-sm) var(--color-focus);
  font-size: 1.4rem;
  line-height: 2.1rem;
  border-radius: var(--border-radius-sm);
}
.button__content[data-v-a295c6a2] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 100%;
  line-height: inherit;
  white-space: nowrap;
}
.button__content--invisible[data-v-a295c6a2] {
  visibility: hidden;
}
.button__loader[data-v-a295c6a2] {
  --color-bars: var(--color-text);
  position: absolute;
  top: 50%;
  right: 0;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../node_modules/vue-loader/dist/stylePostLoader.js!../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!../ewx-aphrodite/src/components/private/Checkbox.vue?vue&type=style&index=0&id=522aeab5&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Non-outputting imports
 *
 * Import order matters as functions are required by config, which is required by utils
 */
/**
 * Gets an element from a map (can be variable depth)
 *
 * Examples:
 * map-deep-get($z-layers, 'visible') // 1
 * map-deep-get($z-layers, 'path', 'to', 'item') // ?
 *
 * @param {map} $map - Map to be searched
 * @param {string} [$path] - Path separated by commas to be found in the map (`'step1', 'step2'`)
 */
/**
 * Recursively flattens a map (key being the aggregated keys and value being the value of the last
 * original map level)
 *
 * Examples:
 * $map: (
 *   'foo': (
 *     'bar': 1,
 *   ),
 *   'baz': 2,
 * );
 * map-flatten($map)
 * // (
 * //   'foo-bar': 1,
 * //   'baz': 2,
 * // )
 *
 * @param {map} $map - Map to be flattened
 * @param {function} $callback - Callback function to be executed at the last map level
 * @param {string} $prefix - Prefix to aggregate the keys on every recursion
 */
/**
 * Undoes a shorthand set of values to 4 values (`top`, `right`, `bottom`, `left`)
 *
 * Examples:
 * @include un-shorthand(0) -> 0 0 0 0
 * @include un-shorthand(0 1) -> 0 1 0 1
 * @include un-shorthand(0 1 2) -> 0 1 2 1
 * @include un-shorthand(0 1 2 3) -> 0 1 2 3
 *
 * @param {size} $shorthand - Values to be un-shorthanded separated by spaces
 */
/**
 * Breakpoints, inspired by bootstrap
 */
/**
 * Set of predefined spacing used for paddings and margins, used programatically via mixins
 * No specific reason behind the numbers, follows fibonacci starting from 8
 */
/**
 * Map of available text combinations and other related properties, used mostly via the `text` mixin
 */
/**
 * Map of available z-layers, helps to have in a glimpse the z priority of different UI elements
 */
/**
 * Utils used to compose UI elements easily
 *
 * Import order matters as some mixins are required by placeholders and/or spacing
 */
/**
 * Appends the mixin content to the corresponding media query depending on the given params, can be
 * a min, max or max-min breakpoint
 * Removes 1px from the `$maxWidth` (if available) to ensure good breakpoints (i.e. 0-99, 100-199)
 *
 * Examples:
 * @include breakpoint($bp-sm, $bp-lg) {...} // min-width and max-width
 * @include breakpoint($bp-sm) {...} // min-width only
 * @include breakpoint(null, $bp-lg) {...} // max-width only
 *
 * @param {size} $minWidth - Min width for the breakpoint to trigger
 * @param {size} $maxWidth - Max width for the breakpoint to trigger
 */
/**
 * Styles a container with some default properties, by default centering the element and enforcing
 * some (max-)width
 *
 * Examples:
 * @include container() // With standard vertical padding
 * @include container(false) // Without any padding
 * @include container(false, null, $s-sm) // Without vertical but with horizontal `$s-sm` padding
 * @include container(false, $size, $s-sm) // Without vertical but with horizontal `$s-sm` padding,
 * max-sized to `$size` width
 * @include container(true, $size, $s-sm) // With vertical and with horizontal `$s-sm` padding, max-
 * sized to `$size` width
 *
 * @param {bool} $verticalPadding - Flag to add padding on the top and bottom of the container
 * @param {size} $maxWidth - Max width of the container, defaults to `config/sizes` defined one
 * @param {size} $horizontalPadding - Padding to be added on the sides of the container
 */
/**
 * Extends the selector where this mixin is included so if the element has the `disabled` attribute
 * (buttons, inputs, options, selects, textareas), that element will be "grayed out" (transparent)
 * and a cursor to indicate it cannot be interacted with
 */
/**
 * Aligns vertically and (optionally) horizontally the childrens of the element, defaults to center
 * on both axis
 *
 * Reference:
 * $align - https://css-tricks.com/snippets/css/a-guide-to-flexbox/#prop-align-items
 * $justify - https://css-tricks.com/snippets/css/a-guide-to-flexbox/#prop-justify-content
 *
 * @param {flex-align} $align - Flex align value, defaults to `center`
 * @param {flex-align} $justify - Flex align value, defaults to `center`
 */
/**
 * Forces the element to be the full size of the view, meaning that it will take the full browsers
 * width and height
 */
/**
 * Position the element based on the position type and coordinates
 *
 * Examples:
 * @include position(absolute, 0 0) // position: absolute; top: 0; right: 0;
 * @include position(relative, 50% 0 null 0) // position: relative; top: 50%; right: 0; left: 0;
 *
 * @param {position} $position - Position type (https://developer.mozilla.org/docs/Web/CSS/position)
 * @param {size} $coordinates - Coordinates separated by spaces in clockwise order:
 * `top right bottom left`
 */
/**
 * Sizes the element (`width` and `height`)
 *
 * Examples:
 * @import size(30px) // width: 30px; height: 30px;
 * @import size(30px 15px) // width: 30px; height: 15px;
 * @import size(null 15px) // height: 15px;
 *
 * @param {size} $value - Size(s) for the element, can be one value (same `width`/`height`) or two
 * separated by a space `width height`
 */
/**
 * Returns text-related properties depending on the given arguments
 *
 * @param {string} $size - Combination of `font-size` and `line-height` found on `$texts`
 * @param {string} $weight - Name of the weight defined on `$texts`
 * @param {text-transform} $transform - Value to be appled to the `text-transform` property
 */
/**
 * Sets the `z-index` with the value of the given path
 *
 * Example:
 * @include z('visible') // z-index: 1;
 * @include z('path', 'to', 'layer') // z-index: ?;
 *
 * @param {string} $layer - Name(s) of the layer(s) to find in `config/z-layers` variable
 */
/**
 * Generates all sizing placeholders to be extended
 * Inspired by Bootstrap 4 spacings: https://getbootstrap.com/docs/4.1/utilities/spacing/
 *
 * Requires to have breakpoints defined from `$xs` to `$xxl`
 * Requires to have sizes defined from `$xs` to `$xl`
 *
 * Generated placeholders follow this patterns:
 * Concept: %{property}{side?}{-breakpoint?}-{size}
 * Regex: %(m|p)(t|b|l|r|x|y)?(-(xs|sm|md|lg|xl|xxl))?-([0-5]|auto)
 * - First character defines if the spacing is `margin` or `padding`
 * - Second character (or its absence) defines where the spacing is applied, on any of the 4 sides
 *   (`top`, `bottom`, `left`, `right`), the 2 axis (`x`, `y`) or empty (all of them)
 * - Dash to separate spacing/position and breakpoint (if any)
 * - Min-width breakpoint (`xs`, `sm`, `md`, `lg`, `xl`, `xxl`) or none (all resolutions)
 * - Dash to separate spacing/position/breakpoint and the size
 * - Last character defines the size of the spacing (`0`, `1`, `2`, `3`, `4`, `5`, `auto`)
 *
 * Examples:
 * %mt-0 // margin-top: 0
 * %mx-4 // margin: 0 16px
 * %p-6 // margin: 40px
 * %pb-lg-2 // @media (min-screen: 1200px) { padding-bottom: 8px }
 */
/**
 * Value order matters, as it's from least to most restrictive
 */
/**
 * Generates all the spacing variable combinations, usage as regular mixin is discouraged
 *
 * @param {margin|padding} $type - Spacingg type
 * @param {string} $side - First character of the side(s) where to add the spacin:
 * (t)op, (b)ottom, (l)eft, (r)ight, (x)-axis [horizontal], (y)-axis [vertical], () all [empty]
 * @param {size} $size - Size of the spacing
 */
/**
 * Defines all the spacing placeholders (`margin`, `padding`) based on params (all `$sides` and
 * `$sizes` combinations), usage as regular mixin is VERY discouraged
 *
 * @param {list} $sides - Spacing side list, as defined on `utils/mixins/spacing/config`
 * @param {map} $sizes - Spacing size map, as defined on `utils/mixins/spacing/config`
 * @param {size} $breakpoint - Shortened breakpoint name indicating `min-width` breakpoint for the
 * spacing
 */
/**
 * Generates all the spacing placeholders (`margin`, `padding`) wrapped by media queries when needed
 */
[data-theme=dark] .checkbox[data-v-522aeab5] {
  --color-background: var(--color-generic-gray-dark);
  --color-border: var(--color-primary-dark);
  --color-icon: var(--color-generic-white);
  --color-shadow: var(--color-primary-darker);
}
.checkbox[data-v-522aeab5] {
  --color-background: var(--color-generic-white);
  --color-border: var(--color-primary);
  --color-icon: var(--color-primary);
  --color-shadow: var(--color-primary);
  --size-control: 22px;
  --size-icon: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  position: relative;
}
.checkbox[disabled][data-v-522aeab5]:not(.checkbox[disabled=false]) {
  cursor: not-allowed;
  opacity: 0.5;
}
.checkbox[disabled]:not(.checkbox[disabled=false]) .checkbox__input[data-v-522aeab5] {
  cursor: not-allowed;
}
.checkbox--sm[data-v-522aeab5] {
  --size-control: 16px;
  --size-icon: 1.4rem;
}
.checkbox__input[data-v-522aeab5] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  cursor: pointer;
  opacity: 0;
}
.checkbox__control[data-v-522aeab5], .checkbox__control-indeterminate[data-v-522aeab5] {
  height: var(--size-control);
  width: var(--size-control);
  background-color: var(--color-background);
  border: thin solid var(--color-border);
  border-radius: var(--border-radius-sm);
}
.checkbox__icon[data-v-522aeab5], .checkbox__icon-indeterminate[data-v-522aeab5] {
  color: var(--color-icon);
  display: none;
  font-size: var(--size-icon);
}
.checkbox__icon[data-v-522aeab5]::before, .checkbox__icon-indeterminate[data-v-522aeab5]::before {
  -webkit-text-stroke: 1px var(--color-icon);
}
.checkbox__icon-indeterminate[data-v-522aeab5] {
  display: block;
}
.checkbox__input:checked + .checkbox__control .checkbox__icon[data-v-522aeab5] {
  display: block;
}
.checkbox__input:focus + .checkbox__control[data-v-522aeab5] {
  -webkit-box-shadow: 0 0 var(--shadow-size-md) var(--color-shadow);
          box-shadow: 0 0 var(--shadow-size-md) var(--color-shadow);
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../node_modules/vue-loader/dist/stylePostLoader.js!../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!../ewx-aphrodite/src/components/forms/private/CheckboxGroup.vue?vue&type=style&index=0&id=b5f85fcc&lang=scss&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Non-outputting imports
 *
 * Import order matters as functions are required by config, which is required by utils
 */
/**
 * Gets an element from a map (can be variable depth)
 *
 * Examples:
 * map-deep-get($z-layers, 'visible') // 1
 * map-deep-get($z-layers, 'path', 'to', 'item') // ?
 *
 * @param {map} $map - Map to be searched
 * @param {string} [$path] - Path separated by commas to be found in the map (`'step1', 'step2'`)
 */
/**
 * Recursively flattens a map (key being the aggregated keys and value being the value of the last
 * original map level)
 *
 * Examples:
 * $map: (
 *   'foo': (
 *     'bar': 1,
 *   ),
 *   'baz': 2,
 * );
 * map-flatten($map)
 * // (
 * //   'foo-bar': 1,
 * //   'baz': 2,
 * // )
 *
 * @param {map} $map - Map to be flattened
 * @param {function} $callback - Callback function to be executed at the last map level
 * @param {string} $prefix - Prefix to aggregate the keys on every recursion
 */
/**
 * Undoes a shorthand set of values to 4 values (`top`, `right`, `bottom`, `left`)
 *
 * Examples:
 * @include un-shorthand(0) -> 0 0 0 0
 * @include un-shorthand(0 1) -> 0 1 0 1
 * @include un-shorthand(0 1 2) -> 0 1 2 1
 * @include un-shorthand(0 1 2 3) -> 0 1 2 3
 *
 * @param {size} $shorthand - Values to be un-shorthanded separated by spaces
 */
/**
 * Breakpoints, inspired by bootstrap
 */
/**
 * Set of predefined spacing used for paddings and margins, used programatically via mixins
 * No specific reason behind the numbers, follows fibonacci starting from 8
 */
/**
 * Map of available text combinations and other related properties, used mostly via the `text` mixin
 */
/**
 * Map of available z-layers, helps to have in a glimpse the z priority of different UI elements
 */
/**
 * Utils used to compose UI elements easily
 *
 * Import order matters as some mixins are required by placeholders and/or spacing
 */
/**
 * Appends the mixin content to the corresponding media query depending on the given params, can be
 * a min, max or max-min breakpoint
 * Removes 1px from the `$maxWidth` (if available) to ensure good breakpoints (i.e. 0-99, 100-199)
 *
 * Examples:
 * @include breakpoint($bp-sm, $bp-lg) {...} // min-width and max-width
 * @include breakpoint($bp-sm) {...} // min-width only
 * @include breakpoint(null, $bp-lg) {...} // max-width only
 *
 * @param {size} $minWidth - Min width for the breakpoint to trigger
 * @param {size} $maxWidth - Max width for the breakpoint to trigger
 */
/**
 * Styles a container with some default properties, by default centering the element and enforcing
 * some (max-)width
 *
 * Examples:
 * @include container() // With standard vertical padding
 * @include container(false) // Without any padding
 * @include container(false, null, $s-sm) // Without vertical but with horizontal `$s-sm` padding
 * @include container(false, $size, $s-sm) // Without vertical but with horizontal `$s-sm` padding,
 * max-sized to `$size` width
 * @include container(true, $size, $s-sm) // With vertical and with horizontal `$s-sm` padding, max-
 * sized to `$size` width
 *
 * @param {bool} $verticalPadding - Flag to add padding on the top and bottom of the container
 * @param {size} $maxWidth - Max width of the container, defaults to `config/sizes` defined one
 * @param {size} $horizontalPadding - Padding to be added on the sides of the container
 */
/**
 * Extends the selector where this mixin is included so if the element has the `disabled` attribute
 * (buttons, inputs, options, selects, textareas), that element will be "grayed out" (transparent)
 * and a cursor to indicate it cannot be interacted with
 */
/**
 * Aligns vertically and (optionally) horizontally the childrens of the element, defaults to center
 * on both axis
 *
 * Reference:
 * $align - https://css-tricks.com/snippets/css/a-guide-to-flexbox/#prop-align-items
 * $justify - https://css-tricks.com/snippets/css/a-guide-to-flexbox/#prop-justify-content
 *
 * @param {flex-align} $align - Flex align value, defaults to `center`
 * @param {flex-align} $justify - Flex align value, defaults to `center`
 */
/**
 * Forces the element to be the full size of the view, meaning that it will take the full browsers
 * width and height
 */
/**
 * Position the element based on the position type and coordinates
 *
 * Examples:
 * @include position(absolute, 0 0) // position: absolute; top: 0; right: 0;
 * @include position(relative, 50% 0 null 0) // position: relative; top: 50%; right: 0; left: 0;
 *
 * @param {position} $position - Position type (https://developer.mozilla.org/docs/Web/CSS/position)
 * @param {size} $coordinates - Coordinates separated by spaces in clockwise order:
 * `top right bottom left`
 */
/**
 * Sizes the element (`width` and `height`)
 *
 * Examples:
 * @import size(30px) // width: 30px; height: 30px;
 * @import size(30px 15px) // width: 30px; height: 15px;
 * @import size(null 15px) // height: 15px;
 *
 * @param {size} $value - Size(s) for the element, can be one value (same `width`/`height`) or two
 * separated by a space `width height`
 */
/**
 * Returns text-related properties depending on the given arguments
 *
 * @param {string} $size - Combination of `font-size` and `line-height` found on `$texts`
 * @param {string} $weight - Name of the weight defined on `$texts`
 * @param {text-transform} $transform - Value to be appled to the `text-transform` property
 */
/**
 * Sets the `z-index` with the value of the given path
 *
 * Example:
 * @include z('visible') // z-index: 1;
 * @include z('path', 'to', 'layer') // z-index: ?;
 *
 * @param {string} $layer - Name(s) of the layer(s) to find in `config/z-layers` variable
 */
/**
 * Generates all sizing placeholders to be extended
 * Inspired by Bootstrap 4 spacings: https://getbootstrap.com/docs/4.1/utilities/spacing/
 *
 * Requires to have breakpoints defined from `$xs` to `$xxl`
 * Requires to have sizes defined from `$xs` to `$xl`
 *
 * Generated placeholders follow this patterns:
 * Concept: %{property}{side?}{-breakpoint?}-{size}
 * Regex: %(m|p)(t|b|l|r|x|y)?(-(xs|sm|md|lg|xl|xxl))?-([0-5]|auto)
 * - First character defines if the spacing is `margin` or `padding`
 * - Second character (or its absence) defines where the spacing is applied, on any of the 4 sides
 *   (`top`, `bottom`, `left`, `right`), the 2 axis (`x`, `y`) or empty (all of them)
 * - Dash to separate spacing/position and breakpoint (if any)
 * - Min-width breakpoint (`xs`, `sm`, `md`, `lg`, `xl`, `xxl`) or none (all resolutions)
 * - Dash to separate spacing/position/breakpoint and the size
 * - Last character defines the size of the spacing (`0`, `1`, `2`, `3`, `4`, `5`, `auto`)
 *
 * Examples:
 * %mt-0 // margin-top: 0
 * %mx-4 // margin: 0 16px
 * %p-6 // margin: 40px
 * %pb-lg-2 // @media (min-screen: 1200px) { padding-bottom: 8px }
 */
/**
 * Value order matters, as it's from least to most restrictive
 */
/**
 * Generates all the spacing variable combinations, usage as regular mixin is discouraged
 *
 * @param {margin|padding} $type - Spacingg type
 * @param {string} $side - First character of the side(s) where to add the spacin:
 * (t)op, (b)ottom, (l)eft, (r)ight, (x)-axis [horizontal], (y)-axis [vertical], () all [empty]
 * @param {size} $size - Size of the spacing
 */
/**
 * Defines all the spacing placeholders (`margin`, `padding`) based on params (all `$sides` and
 * `$sizes` combinations), usage as regular mixin is VERY discouraged
 *
 * @param {list} $sides - Spacing side list, as defined on `utils/mixins/spacing/config`
 * @param {map} $sizes - Spacing size map, as defined on `utils/mixins/spacing/config`
 * @param {size} $breakpoint - Shortened breakpoint name indicating `min-width` breakpoint for the
 * spacing
 */
/**
 * Generates all the spacing placeholders (`margin`, `padding`) wrapped by media queries when needed
 */
.checkbox-group__option[data-v-b5f85fcc] {
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
}
.checkbox-group__error[data-v-b5f85fcc], .checkbox-group__option + .checkbox-group__option[data-v-b5f85fcc] {
  margin-top: 0.8rem;
}
.checkbox-group__input[data-v-b5f85fcc] {
  margin-top: 0.4rem;
}
.checkbox-group__input[data-v-b5f85fcc] {
  margin-right: 0.8rem;
}
[data-theme=dark] .checkbox-group[data-v-b5f85fcc] {
  --color-error: var(--color-feedback-danger-dark);
}
.checkbox-group[data-v-b5f85fcc] {
  --color-error: var(--color-feedback-danger);
}
.checkbox-group--error .checkbox-group__input[data-v-b5f85fcc] {
  --color-shadow: var(--color-error);
  --color-border: var(--color-error);
}
.checkbox-group__option[data-v-b5f85fcc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  cursor: pointer;
  width: 100%;
}
.checkbox-group__option[disabled][data-v-b5f85fcc]:not(.checkbox-group__option[disabled=false]) {
  cursor: inherit;
  opacity: 0.5;
}
.checkbox-group__error[data-v-b5f85fcc] {
  font-size: 1.4rem;
  line-height: 2.1rem;
  color: var(--color-error);
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../node_modules/vue-loader/dist/stylePostLoader.js!../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!../ewx-aphrodite/src/components/forms/private/DateTimePicker.vue?vue&type=style&index=0&id=132b884a&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Non-outputting imports
 *
 * Import order matters as functions are required by config, which is required by utils
 */
/**
 * Gets an element from a map (can be variable depth)
 *
 * Examples:
 * map-deep-get($z-layers, 'visible') // 1
 * map-deep-get($z-layers, 'path', 'to', 'item') // ?
 *
 * @param {map} $map - Map to be searched
 * @param {string} [$path] - Path separated by commas to be found in the map (`'step1', 'step2'`)
 */
/**
 * Recursively flattens a map (key being the aggregated keys and value being the value of the last
 * original map level)
 *
 * Examples:
 * $map: (
 *   'foo': (
 *     'bar': 1,
 *   ),
 *   'baz': 2,
 * );
 * map-flatten($map)
 * // (
 * //   'foo-bar': 1,
 * //   'baz': 2,
 * // )
 *
 * @param {map} $map - Map to be flattened
 * @param {function} $callback - Callback function to be executed at the last map level
 * @param {string} $prefix - Prefix to aggregate the keys on every recursion
 */
/**
 * Undoes a shorthand set of values to 4 values (`top`, `right`, `bottom`, `left`)
 *
 * Examples:
 * @include un-shorthand(0) -> 0 0 0 0
 * @include un-shorthand(0 1) -> 0 1 0 1
 * @include un-shorthand(0 1 2) -> 0 1 2 1
 * @include un-shorthand(0 1 2 3) -> 0 1 2 3
 *
 * @param {size} $shorthand - Values to be un-shorthanded separated by spaces
 */
/**
 * Breakpoints, inspired by bootstrap
 */
/**
 * Set of predefined spacing used for paddings and margins, used programatically via mixins
 * No specific reason behind the numbers, follows fibonacci starting from 8
 */
/**
 * Map of available text combinations and other related properties, used mostly via the `text` mixin
 */
/**
 * Map of available z-layers, helps to have in a glimpse the z priority of different UI elements
 */
/**
 * Utils used to compose UI elements easily
 *
 * Import order matters as some mixins are required by placeholders and/or spacing
 */
/**
 * Appends the mixin content to the corresponding media query depending on the given params, can be
 * a min, max or max-min breakpoint
 * Removes 1px from the `$maxWidth` (if available) to ensure good breakpoints (i.e. 0-99, 100-199)
 *
 * Examples:
 * @include breakpoint($bp-sm, $bp-lg) {...} // min-width and max-width
 * @include breakpoint($bp-sm) {...} // min-width only
 * @include breakpoint(null, $bp-lg) {...} // max-width only
 *
 * @param {size} $minWidth - Min width for the breakpoint to trigger
 * @param {size} $maxWidth - Max width for the breakpoint to trigger
 */
/**
 * Styles a container with some default properties, by default centering the element and enforcing
 * some (max-)width
 *
 * Examples:
 * @include container() // With standard vertical padding
 * @include container(false) // Without any padding
 * @include container(false, null, $s-sm) // Without vertical but with horizontal `$s-sm` padding
 * @include container(false, $size, $s-sm) // Without vertical but with horizontal `$s-sm` padding,
 * max-sized to `$size` width
 * @include container(true, $size, $s-sm) // With vertical and with horizontal `$s-sm` padding, max-
 * sized to `$size` width
 *
 * @param {bool} $verticalPadding - Flag to add padding on the top and bottom of the container
 * @param {size} $maxWidth - Max width of the container, defaults to `config/sizes` defined one
 * @param {size} $horizontalPadding - Padding to be added on the sides of the container
 */
/**
 * Extends the selector where this mixin is included so if the element has the `disabled` attribute
 * (buttons, inputs, options, selects, textareas), that element will be "grayed out" (transparent)
 * and a cursor to indicate it cannot be interacted with
 */
/**
 * Aligns vertically and (optionally) horizontally the childrens of the element, defaults to center
 * on both axis
 *
 * Reference:
 * $align - https://css-tricks.com/snippets/css/a-guide-to-flexbox/#prop-align-items
 * $justify - https://css-tricks.com/snippets/css/a-guide-to-flexbox/#prop-justify-content
 *
 * @param {flex-align} $align - Flex align value, defaults to `center`
 * @param {flex-align} $justify - Flex align value, defaults to `center`
 */
/**
 * Forces the element to be the full size of the view, meaning that it will take the full browsers
 * width and height
 */
/**
 * Position the element based on the position type and coordinates
 *
 * Examples:
 * @include position(absolute, 0 0) // position: absolute; top: 0; right: 0;
 * @include position(relative, 50% 0 null 0) // position: relative; top: 50%; right: 0; left: 0;
 *
 * @param {position} $position - Position type (https://developer.mozilla.org/docs/Web/CSS/position)
 * @param {size} $coordinates - Coordinates separated by spaces in clockwise order:
 * `top right bottom left`
 */
/**
 * Sizes the element (`width` and `height`)
 *
 * Examples:
 * @import size(30px) // width: 30px; height: 30px;
 * @import size(30px 15px) // width: 30px; height: 15px;
 * @import size(null 15px) // height: 15px;
 *
 * @param {size} $value - Size(s) for the element, can be one value (same `width`/`height`) or two
 * separated by a space `width height`
 */
/**
 * Returns text-related properties depending on the given arguments
 *
 * @param {string} $size - Combination of `font-size` and `line-height` found on `$texts`
 * @param {string} $weight - Name of the weight defined on `$texts`
 * @param {text-transform} $transform - Value to be appled to the `text-transform` property
 */
/**
 * Sets the `z-index` with the value of the given path
 *
 * Example:
 * @include z('visible') // z-index: 1;
 * @include z('path', 'to', 'layer') // z-index: ?;
 *
 * @param {string} $layer - Name(s) of the layer(s) to find in `config/z-layers` variable
 */
/**
 * Generates all sizing placeholders to be extended
 * Inspired by Bootstrap 4 spacings: https://getbootstrap.com/docs/4.1/utilities/spacing/
 *
 * Requires to have breakpoints defined from `$xs` to `$xxl`
 * Requires to have sizes defined from `$xs` to `$xl`
 *
 * Generated placeholders follow this patterns:
 * Concept: %{property}{side?}{-breakpoint?}-{size}
 * Regex: %(m|p)(t|b|l|r|x|y)?(-(xs|sm|md|lg|xl|xxl))?-([0-5]|auto)
 * - First character defines if the spacing is `margin` or `padding`
 * - Second character (or its absence) defines where the spacing is applied, on any of the 4 sides
 *   (`top`, `bottom`, `left`, `right`), the 2 axis (`x`, `y`) or empty (all of them)
 * - Dash to separate spacing/position and breakpoint (if any)
 * - Min-width breakpoint (`xs`, `sm`, `md`, `lg`, `xl`, `xxl`) or none (all resolutions)
 * - Dash to separate spacing/position/breakpoint and the size
 * - Last character defines the size of the spacing (`0`, `1`, `2`, `3`, `4`, `5`, `auto`)
 *
 * Examples:
 * %mt-0 // margin-top: 0
 * %mx-4 // margin: 0 16px
 * %p-6 // margin: 40px
 * %pb-lg-2 // @media (min-screen: 1200px) { padding-bottom: 8px }
 */
/**
 * Value order matters, as it's from least to most restrictive
 */
/**
 * Generates all the spacing variable combinations, usage as regular mixin is discouraged
 *
 * @param {margin|padding} $type - Spacingg type
 * @param {string} $side - First character of the side(s) where to add the spacin:
 * (t)op, (b)ottom, (l)eft, (r)ight, (x)-axis [horizontal], (y)-axis [vertical], () all [empty]
 * @param {size} $size - Size of the spacing
 */
/**
 * Defines all the spacing placeholders (`margin`, `padding`) based on params (all `$sides` and
 * `$sizes` combinations), usage as regular mixin is VERY discouraged
 *
 * @param {list} $sides - Spacing side list, as defined on `utils/mixins/spacing/config`
 * @param {map} $sizes - Spacing size map, as defined on `utils/mixins/spacing/config`
 * @param {size} $breakpoint - Shortened breakpoint name indicating `min-width` breakpoint for the
 * spacing
 */
/**
 * Generates all the spacing placeholders (`margin`, `padding`) wrapped by media queries when needed
 */
.date-time-picker__input[data-v-132b884a] {
  padding: 0.8rem;
}
.date-time-picker__calendar[data-v-132b884a] {
  padding: 0;
}
.date-time-picker--sm .date-time-picker__validation[data-v-132b884a] {
  margin-top: 0.4rem;
  margin-bottom: 0.4rem;
}
.date-time-picker--sm .date-time-picker__input[data-v-132b884a] {
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
}
.date-time-picker__input[data-v-132b884a] {
  padding-right: 4rem;
}
[data-theme=dark] .date-time-picker[data-v-132b884a] {
  --color-background: var(--color-primary-darker);
  --color-background-input: var(--color-generic-gray-dark);
  --color-border: var(--color-primary-dark);
  --color-error: var(--color-feedback-danger-dark);
  --color-shadow: var(--color-primary-darker);
  --color-text: inherit;
  --color-valid: var(--color-feedback-success-dark);
}
[data-theme=dark] .date-time-picker--error[data-v-132b884a] {
  --color-border: var(--color-error);
  --color-shadow: var(--color-error);
  --color-validation-icon: var(--color-error);
}
[data-theme=dark] .date-time-picker--valid[data-v-132b884a] {
  --color-border: var(--color-valid);
  --color-shadow: var(--color-valid);
  --color-validation-icon: var(--color-valid);
}
.date-time-picker[data-v-132b884a] {
  --color-background: var(--color-primary);
  --color-background-input: var(--color-generic-white);
  --color-border: var(--color-primary);
  --color-error: var(--color-feedback-danger);
  --color-validation-icon: inherit;
  --color-placeholder: var(--color-generic-gray);
  --color-shadow: var(--color-primary);
  --color-text: var(--color-primary);
  --color-valid: var(--color-feedback-success);
  --size-border-radius: var(--border-radius-md);
  --size-control: 4rem;
  --size-shadow-focus: var(--shadow-size-md);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.date-time-picker[disabled][data-v-132b884a]:not(.date-time-picker[disabled=false]) {
  cursor: inherit;
  opacity: 0.5;
}
.date-time-picker[disabled]:not(.date-time-picker[disabled=false]) .date-time-picker__calendar[data-v-132b884a] {
  cursor: inherit;
}
.date-time-picker--error[data-v-132b884a] {
  --color-border: var(--color-error);
  --color-shadow: var(--color-error);
  --color-validation-icon: var(--color-error);
}
.date-time-picker--valid[data-v-132b884a] {
  --color-border: var(--color-valid);
  --color-shadow: var(--color-valid);
  --color-validation-icon: var(--color-valid);
}
.date-time-picker--sm[data-v-132b884a] {
  --size-border-radius: var(--border-radius-sm);
  --size-control: 2.9rem;
  --size-shadow-focus: var(--shadow-size-sm);
}
.date-time-picker--sm .date-time-picker__input[data-v-132b884a] {
  font-size: 1.4rem;
  line-height: 2.1rem;
}
.date-time-picker--sm .date-time-picker__validation[data-v-132b884a] {
  top: 0;
  -webkit-transform: none;
          transform: none;
}
.date-time-picker--sm .date-time-picker__error[data-v-132b884a] {
  font-size: 1.2rem;
  line-height: 1.8rem;
}
.date-time-picker__field[data-v-132b884a] {
  position: relative;
  background-color: var(--color-background);
  border: thin solid var(--color-border);
  border-radius: var(--size-border-radius);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}
.date-time-picker__field[data-v-132b884a]:focus-within {
  -webkit-box-shadow: 0 0 var(--size-shadow-focus) var(--color-shadow);
          box-shadow: 0 0 var(--size-shadow-focus) var(--color-shadow);
}
.date-time-picker__control[data-v-132b884a] {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: var(--size-control);
  width: var(--size-control);
  color: var(--color-generic-white);
}
.date-time-picker__calendar[data-v-132b884a] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  border: 0;
  cursor: pointer;
  opacity: 0;
}
.date-time-picker__calendar[data-v-132b884a]::-webkit-datetime-edit-fields-wrapper, .date-time-picker__calendar[data-v-132b884a]::-webkit-inner-spin-button {
  display: none;
}
.date-time-picker__calendar[data-v-132b884a]::-webkit-calendar-picker-indicator {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  cursor: pointer;
}
.date-time-picker__input[data-v-132b884a] {
  background-color: var(--color-background-input);
  border: 0;
  color: var(--color-text);
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.date-time-picker__input[data-v-132b884a]::-webkit-input-placeholder {
  color: var(--color-placeholder);
}
.date-time-picker__input[data-v-132b884a]::-moz-placeholder {
  color: var(--color-placeholder);
}
.date-time-picker__input[data-v-132b884a]:-ms-input-placeholder {
  color: var(--color-placeholder);
}
.date-time-picker__input[data-v-132b884a]::-ms-input-placeholder {
  color: var(--color-placeholder);
}
.date-time-picker__input[data-v-132b884a]::placeholder {
  color: var(--color-placeholder);
}
.date-time-picker__validation[data-v-132b884a] {
  position: absolute;
  top: 50%;
  right: 0.8rem;
  color: var(--color-validation-icon);
  pointer-events: none;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.date-time-picker__error[data-v-132b884a] {
  font-size: 1.4rem;
  line-height: 2.1rem;
  color: var(--color-error);
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../node_modules/vue-loader/dist/stylePostLoader.js!../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!../ewx-aphrodite/src/components/forms/private/Dropdown.vue?vue&type=style&index=0&id=52c6693a&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Non-outputting imports
 *
 * Import order matters as functions are required by config, which is required by utils
 */
/**
 * Gets an element from a map (can be variable depth)
 *
 * Examples:
 * map-deep-get($z-layers, 'visible') // 1
 * map-deep-get($z-layers, 'path', 'to', 'item') // ?
 *
 * @param {map} $map - Map to be searched
 * @param {string} [$path] - Path separated by commas to be found in the map (`'step1', 'step2'`)
 */
/**
 * Recursively flattens a map (key being the aggregated keys and value being the value of the last
 * original map level)
 *
 * Examples:
 * $map: (
 *   'foo': (
 *     'bar': 1,
 *   ),
 *   'baz': 2,
 * );
 * map-flatten($map)
 * // (
 * //   'foo-bar': 1,
 * //   'baz': 2,
 * // )
 *
 * @param {map} $map - Map to be flattened
 * @param {function} $callback - Callback function to be executed at the last map level
 * @param {string} $prefix - Prefix to aggregate the keys on every recursion
 */
/**
 * Undoes a shorthand set of values to 4 values (`top`, `right`, `bottom`, `left`)
 *
 * Examples:
 * @include un-shorthand(0) -> 0 0 0 0
 * @include un-shorthand(0 1) -> 0 1 0 1
 * @include un-shorthand(0 1 2) -> 0 1 2 1
 * @include un-shorthand(0 1 2 3) -> 0 1 2 3
 *
 * @param {size} $shorthand - Values to be un-shorthanded separated by spaces
 */
/**
 * Breakpoints, inspired by bootstrap
 */
/**
 * Set of predefined spacing used for paddings and margins, used programatically via mixins
 * No specific reason behind the numbers, follows fibonacci starting from 8
 */
/**
 * Map of available text combinations and other related properties, used mostly via the `text` mixin
 */
/**
 * Map of available z-layers, helps to have in a glimpse the z priority of different UI elements
 */
/**
 * Utils used to compose UI elements easily
 *
 * Import order matters as some mixins are required by placeholders and/or spacing
 */
/**
 * Appends the mixin content to the corresponding media query depending on the given params, can be
 * a min, max or max-min breakpoint
 * Removes 1px from the `$maxWidth` (if available) to ensure good breakpoints (i.e. 0-99, 100-199)
 *
 * Examples:
 * @include breakpoint($bp-sm, $bp-lg) {...} // min-width and max-width
 * @include breakpoint($bp-sm) {...} // min-width only
 * @include breakpoint(null, $bp-lg) {...} // max-width only
 *
 * @param {size} $minWidth - Min width for the breakpoint to trigger
 * @param {size} $maxWidth - Max width for the breakpoint to trigger
 */
/**
 * Styles a container with some default properties, by default centering the element and enforcing
 * some (max-)width
 *
 * Examples:
 * @include container() // With standard vertical padding
 * @include container(false) // Without any padding
 * @include container(false, null, $s-sm) // Without vertical but with horizontal `$s-sm` padding
 * @include container(false, $size, $s-sm) // Without vertical but with horizontal `$s-sm` padding,
 * max-sized to `$size` width
 * @include container(true, $size, $s-sm) // With vertical and with horizontal `$s-sm` padding, max-
 * sized to `$size` width
 *
 * @param {bool} $verticalPadding - Flag to add padding on the top and bottom of the container
 * @param {size} $maxWidth - Max width of the container, defaults to `config/sizes` defined one
 * @param {size} $horizontalPadding - Padding to be added on the sides of the container
 */
/**
 * Extends the selector where this mixin is included so if the element has the `disabled` attribute
 * (buttons, inputs, options, selects, textareas), that element will be "grayed out" (transparent)
 * and a cursor to indicate it cannot be interacted with
 */
/**
 * Aligns vertically and (optionally) horizontally the childrens of the element, defaults to center
 * on both axis
 *
 * Reference:
 * $align - https://css-tricks.com/snippets/css/a-guide-to-flexbox/#prop-align-items
 * $justify - https://css-tricks.com/snippets/css/a-guide-to-flexbox/#prop-justify-content
 *
 * @param {flex-align} $align - Flex align value, defaults to `center`
 * @param {flex-align} $justify - Flex align value, defaults to `center`
 */
/**
 * Forces the element to be the full size of the view, meaning that it will take the full browsers
 * width and height
 */
/**
 * Position the element based on the position type and coordinates
 *
 * Examples:
 * @include position(absolute, 0 0) // position: absolute; top: 0; right: 0;
 * @include position(relative, 50% 0 null 0) // position: relative; top: 50%; right: 0; left: 0;
 *
 * @param {position} $position - Position type (https://developer.mozilla.org/docs/Web/CSS/position)
 * @param {size} $coordinates - Coordinates separated by spaces in clockwise order:
 * `top right bottom left`
 */
/**
 * Sizes the element (`width` and `height`)
 *
 * Examples:
 * @import size(30px) // width: 30px; height: 30px;
 * @import size(30px 15px) // width: 30px; height: 15px;
 * @import size(null 15px) // height: 15px;
 *
 * @param {size} $value - Size(s) for the element, can be one value (same `width`/`height`) or two
 * separated by a space `width height`
 */
/**
 * Returns text-related properties depending on the given arguments
 *
 * @param {string} $size - Combination of `font-size` and `line-height` found on `$texts`
 * @param {string} $weight - Name of the weight defined on `$texts`
 * @param {text-transform} $transform - Value to be appled to the `text-transform` property
 */
/**
 * Sets the `z-index` with the value of the given path
 *
 * Example:
 * @include z('visible') // z-index: 1;
 * @include z('path', 'to', 'layer') // z-index: ?;
 *
 * @param {string} $layer - Name(s) of the layer(s) to find in `config/z-layers` variable
 */
/**
 * Generates all sizing placeholders to be extended
 * Inspired by Bootstrap 4 spacings: https://getbootstrap.com/docs/4.1/utilities/spacing/
 *
 * Requires to have breakpoints defined from `$xs` to `$xxl`
 * Requires to have sizes defined from `$xs` to `$xl`
 *
 * Generated placeholders follow this patterns:
 * Concept: %{property}{side?}{-breakpoint?}-{size}
 * Regex: %(m|p)(t|b|l|r|x|y)?(-(xs|sm|md|lg|xl|xxl))?-([0-5]|auto)
 * - First character defines if the spacing is `margin` or `padding`
 * - Second character (or its absence) defines where the spacing is applied, on any of the 4 sides
 *   (`top`, `bottom`, `left`, `right`), the 2 axis (`x`, `y`) or empty (all of them)
 * - Dash to separate spacing/position and breakpoint (if any)
 * - Min-width breakpoint (`xs`, `sm`, `md`, `lg`, `xl`, `xxl`) or none (all resolutions)
 * - Dash to separate spacing/position/breakpoint and the size
 * - Last character defines the size of the spacing (`0`, `1`, `2`, `3`, `4`, `5`, `auto`)
 *
 * Examples:
 * %mt-0 // margin-top: 0
 * %mx-4 // margin: 0 16px
 * %p-6 // margin: 40px
 * %pb-lg-2 // @media (min-screen: 1200px) { padding-bottom: 8px }
 */
/**
 * Value order matters, as it's from least to most restrictive
 */
/**
 * Generates all the spacing variable combinations, usage as regular mixin is discouraged
 *
 * @param {margin|padding} $type - Spacingg type
 * @param {string} $side - First character of the side(s) where to add the spacin:
 * (t)op, (b)ottom, (l)eft, (r)ight, (x)-axis [horizontal], (y)-axis [vertical], () all [empty]
 * @param {size} $size - Size of the spacing
 */
/**
 * Defines all the spacing placeholders (`margin`, `padding`) based on params (all `$sides` and
 * `$sizes` combinations), usage as regular mixin is VERY discouraged
 *
 * @param {list} $sides - Spacing side list, as defined on `utils/mixins/spacing/config`
 * @param {map} $sizes - Spacing size map, as defined on `utils/mixins/spacing/config`
 * @param {size} $breakpoint - Shortened breakpoint name indicating `min-width` breakpoint for the
 * spacing
 */
/**
 * Generates all the spacing placeholders (`margin`, `padding`) wrapped by media queries when needed
 */
.dropdown__input[data-v-52c6693a] {
  padding: 0.8rem;
}
.dropdown--sm .dropdown__input[data-v-52c6693a] {
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
}
.dropdown__input[data-v-52c6693a] {
  padding-right: 6.4rem;
}
[data-theme=dark] .dropdown[data-v-52c6693a] {
  --color-background: var(--color-generic-gray-dark);
  --color-border: var(--color-primary-dark);
  --color-error: var(--color-feedback-danger-dark);
  --color-shadow: var(--color-primary-darker);
  --color-text: inherit;
  --color-valid: var(--color-feedback-success-dark);
}
[data-theme=dark] .dropdown--error[data-v-52c6693a] {
  --color-border: var(--color-error);
  --color-shadow: var(--color-error);
  --color-icon: var(--color-error);
}
[data-theme=dark] .dropdown--valid[data-v-52c6693a] {
  --color-border: var(--color-valid);
  --color-shadow: var(--color-valid);
  --color-icon: var(--color-valid);
}
.dropdown[data-v-52c6693a] {
  --color-background: var(--color-generic-white);
  --color-border: var(--color-primary);
  --color-error: var(--color-feedback-danger);
  --color-icon: inherit;
  --color-shadow: var(--color-primary);
  --color-text: var(--color-primary);
  --color-valid: var(--color-feedback-success);
  --size-border-radius: var(--border-radius-md);
  --size-shadow-focus: var(--shadow-size-md);
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.dropdown[disabled][data-v-52c6693a]:not(.dropdown[disabled=false]) {
  cursor: inherit;
  opacity: 0.5;
}
.dropdown--error[data-v-52c6693a] {
  --color-border: var(--color-error);
  --color-shadow: var(--color-error);
  --color-icon: var(--color-error);
}
.dropdown--valid[data-v-52c6693a] {
  --color-border: var(--color-valid);
  --color-shadow: var(--color-valid);
  --color-icon: var(--color-valid);
}
.dropdown--sm[data-v-52c6693a] {
  --size-border-radius: var(--border-radius-sm);
  --size-shadow-focus: var(--shadow-size-sm);
}
.dropdown--sm .dropdown__input[data-v-52c6693a] {
  font-size: 1.4rem;
  line-height: 2.1rem;
}
.dropdown--sm .dropdown__error[data-v-52c6693a] {
  font-size: 1.2rem;
  line-height: 1.8rem;
}
.dropdown__field[data-v-52c6693a] {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.dropdown__input[data-v-52c6693a] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: var(--color-background);
  border: thin solid var(--color-border);
  border-radius: var(--size-border-radius);
  color: var(--color-text);
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  max-width: 100%;
}
.dropdown__input[data-v-52c6693a]:focus {
  -webkit-box-shadow: 0 0 var(--size-shadow-focus) var(--color-shadow);
          box-shadow: 0 0 var(--size-shadow-focus) var(--color-shadow);
}
.dropdown__icons[data-v-52c6693a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  top: 50%;
  right: 0.8rem;
  pointer-events: none;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.dropdown__validation[data-v-52c6693a] {
  color: var(--color-icon);
}
.dropdown__input:not([disabled]):active + .dropdown__icons .dropdown__control[data-v-52c6693a]::after {
  border-bottom: 6px solid var(--color-text);
  border-top-width: 0;
}
.dropdown__control[data-v-52c6693a] {
  height: 2.4rem;
  width: 2.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.dropdown__control[data-v-52c6693a]::after {
  height: 0;
  width: 0;
  border: 6px solid transparent;
  border-bottom-width: 0;
  border-top-color: var(--color-text);
  content: "";
}
.dropdown__error[data-v-52c6693a] {
  font-size: 1.4rem;
  line-height: 2.1rem;
  color: var(--color-error);
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../node_modules/vue-loader/dist/stylePostLoader.js!../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!../ewx-aphrodite/src/components/containers/Modal.vue?vue&type=style&index=0&id=3a515196&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Non-outputting imports
 *
 * Import order matters as functions are required by config, which is required by utils
 */
/**
 * Gets an element from a map (can be variable depth)
 *
 * Examples:
 * map-deep-get($z-layers, 'visible') // 1
 * map-deep-get($z-layers, 'path', 'to', 'item') // ?
 *
 * @param {map} $map - Map to be searched
 * @param {string} [$path] - Path separated by commas to be found in the map (`'step1', 'step2'`)
 */
/**
 * Recursively flattens a map (key being the aggregated keys and value being the value of the last
 * original map level)
 *
 * Examples:
 * $map: (
 *   'foo': (
 *     'bar': 1,
 *   ),
 *   'baz': 2,
 * );
 * map-flatten($map)
 * // (
 * //   'foo-bar': 1,
 * //   'baz': 2,
 * // )
 *
 * @param {map} $map - Map to be flattened
 * @param {function} $callback - Callback function to be executed at the last map level
 * @param {string} $prefix - Prefix to aggregate the keys on every recursion
 */
/**
 * Undoes a shorthand set of values to 4 values (`top`, `right`, `bottom`, `left`)
 *
 * Examples:
 * @include un-shorthand(0) -> 0 0 0 0
 * @include un-shorthand(0 1) -> 0 1 0 1
 * @include un-shorthand(0 1 2) -> 0 1 2 1
 * @include un-shorthand(0 1 2 3) -> 0 1 2 3
 *
 * @param {size} $shorthand - Values to be un-shorthanded separated by spaces
 */
/**
 * Breakpoints, inspired by bootstrap
 */
/**
 * Set of predefined spacing used for paddings and margins, used programatically via mixins
 * No specific reason behind the numbers, follows fibonacci starting from 8
 */
/**
 * Map of available text combinations and other related properties, used mostly via the `text` mixin
 */
/**
 * Map of available z-layers, helps to have in a glimpse the z priority of different UI elements
 */
/**
 * Utils used to compose UI elements easily
 *
 * Import order matters as some mixins are required by placeholders and/or spacing
 */
/**
 * Appends the mixin content to the corresponding media query depending on the given params, can be
 * a min, max or max-min breakpoint
 * Removes 1px from the `$maxWidth` (if available) to ensure good breakpoints (i.e. 0-99, 100-199)
 *
 * Examples:
 * @include breakpoint($bp-sm, $bp-lg) {...} // min-width and max-width
 * @include breakpoint($bp-sm) {...} // min-width only
 * @include breakpoint(null, $bp-lg) {...} // max-width only
 *
 * @param {size} $minWidth - Min width for the breakpoint to trigger
 * @param {size} $maxWidth - Max width for the breakpoint to trigger
 */
/**
 * Styles a container with some default properties, by default centering the element and enforcing
 * some (max-)width
 *
 * Examples:
 * @include container() // With standard vertical padding
 * @include container(false) // Without any padding
 * @include container(false, null, $s-sm) // Without vertical but with horizontal `$s-sm` padding
 * @include container(false, $size, $s-sm) // Without vertical but with horizontal `$s-sm` padding,
 * max-sized to `$size` width
 * @include container(true, $size, $s-sm) // With vertical and with horizontal `$s-sm` padding, max-
 * sized to `$size` width
 *
 * @param {bool} $verticalPadding - Flag to add padding on the top and bottom of the container
 * @param {size} $maxWidth - Max width of the container, defaults to `config/sizes` defined one
 * @param {size} $horizontalPadding - Padding to be added on the sides of the container
 */
/**
 * Extends the selector where this mixin is included so if the element has the `disabled` attribute
 * (buttons, inputs, options, selects, textareas), that element will be "grayed out" (transparent)
 * and a cursor to indicate it cannot be interacted with
 */
/**
 * Aligns vertically and (optionally) horizontally the childrens of the element, defaults to center
 * on both axis
 *
 * Reference:
 * $align - https://css-tricks.com/snippets/css/a-guide-to-flexbox/#prop-align-items
 * $justify - https://css-tricks.com/snippets/css/a-guide-to-flexbox/#prop-justify-content
 *
 * @param {flex-align} $align - Flex align value, defaults to `center`
 * @param {flex-align} $justify - Flex align value, defaults to `center`
 */
/**
 * Forces the element to be the full size of the view, meaning that it will take the full browsers
 * width and height
 */
/**
 * Position the element based on the position type and coordinates
 *
 * Examples:
 * @include position(absolute, 0 0) // position: absolute; top: 0; right: 0;
 * @include position(relative, 50% 0 null 0) // position: relative; top: 50%; right: 0; left: 0;
 *
 * @param {position} $position - Position type (https://developer.mozilla.org/docs/Web/CSS/position)
 * @param {size} $coordinates - Coordinates separated by spaces in clockwise order:
 * `top right bottom left`
 */
/**
 * Sizes the element (`width` and `height`)
 *
 * Examples:
 * @import size(30px) // width: 30px; height: 30px;
 * @import size(30px 15px) // width: 30px; height: 15px;
 * @import size(null 15px) // height: 15px;
 *
 * @param {size} $value - Size(s) for the element, can be one value (same `width`/`height`) or two
 * separated by a space `width height`
 */
/**
 * Returns text-related properties depending on the given arguments
 *
 * @param {string} $size - Combination of `font-size` and `line-height` found on `$texts`
 * @param {string} $weight - Name of the weight defined on `$texts`
 * @param {text-transform} $transform - Value to be appled to the `text-transform` property
 */
/**
 * Sets the `z-index` with the value of the given path
 *
 * Example:
 * @include z('visible') // z-index: 1;
 * @include z('path', 'to', 'layer') // z-index: ?;
 *
 * @param {string} $layer - Name(s) of the layer(s) to find in `config/z-layers` variable
 */
/**
 * Generates all sizing placeholders to be extended
 * Inspired by Bootstrap 4 spacings: https://getbootstrap.com/docs/4.1/utilities/spacing/
 *
 * Requires to have breakpoints defined from `$xs` to `$xxl`
 * Requires to have sizes defined from `$xs` to `$xl`
 *
 * Generated placeholders follow this patterns:
 * Concept: %{property}{side?}{-breakpoint?}-{size}
 * Regex: %(m|p)(t|b|l|r|x|y)?(-(xs|sm|md|lg|xl|xxl))?-([0-5]|auto)
 * - First character defines if the spacing is `margin` or `padding`
 * - Second character (or its absence) defines where the spacing is applied, on any of the 4 sides
 *   (`top`, `bottom`, `left`, `right`), the 2 axis (`x`, `y`) or empty (all of them)
 * - Dash to separate spacing/position and breakpoint (if any)
 * - Min-width breakpoint (`xs`, `sm`, `md`, `lg`, `xl`, `xxl`) or none (all resolutions)
 * - Dash to separate spacing/position/breakpoint and the size
 * - Last character defines the size of the spacing (`0`, `1`, `2`, `3`, `4`, `5`, `auto`)
 *
 * Examples:
 * %mt-0 // margin-top: 0
 * %mx-4 // margin: 0 16px
 * %p-6 // margin: 40px
 * %pb-lg-2 // @media (min-screen: 1200px) { padding-bottom: 8px }
 */
/**
 * Value order matters, as it's from least to most restrictive
 */
/**
 * Generates all the spacing variable combinations, usage as regular mixin is discouraged
 *
 * @param {margin|padding} $type - Spacingg type
 * @param {string} $side - First character of the side(s) where to add the spacin:
 * (t)op, (b)ottom, (l)eft, (r)ight, (x)-axis [horizontal], (y)-axis [vertical], () all [empty]
 * @param {size} $size - Size of the spacing
 */
/**
 * Defines all the spacing placeholders (`margin`, `padding`) based on params (all `$sides` and
 * `$sizes` combinations), usage as regular mixin is VERY discouraged
 *
 * @param {list} $sides - Spacing side list, as defined on `utils/mixins/spacing/config`
 * @param {map} $sizes - Spacing size map, as defined on `utils/mixins/spacing/config`
 * @param {size} $breakpoint - Shortened breakpoint name indicating `min-width` breakpoint for the
 * spacing
 */
/**
 * Generates all the spacing placeholders (`margin`, `padding`) wrapped by media queries when needed
 */
.modal-body[data-v-3a515196] {
  padding: 2.4rem;
}
.modal-header__title[data-v-3a515196] {
  padding-right: 2.4rem;
  padding-left: 2.4rem;
}
.modal-footer[data-v-3a515196] {
  padding-right: 1.6rem;
  padding-left: 1.6rem;
}
.modal-header__title[data-v-3a515196] {
  padding-top: 1.6rem;
  padding-bottom: 1.6rem;
}
[data-theme=dark] .modal[data-v-3a515196] {
  --color-background: var(--color-secondary);
  --color-divisor: var(--color-generic-gray-dark);
  --color-title: var(--color-generic-white);
}
.backdrop[data-v-3a515196] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 102;
  background-color: var(--color-generic-black-30);
}
.modal[data-v-3a515196] {
  --color-background: var(--color-generic-white);
  --color-divisor: var(--color-secondary-light);
  --color-title: var(--color-primary);
  --min-height: 200px;
  background-color: var(--color-background);
  border-radius: var(--border-radius-lg);
  -webkit-box-shadow: var(--shadow-generic);
          box-shadow: var(--shadow-generic);
  display: grid;
  grid-template-rows: 1fr auto;
  max-height: 90vh;
  min-width: 40vw;
}
.modal-header[data-v-3a515196] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: var(--color-title);
}
.modal-header__title[data-v-3a515196] {
  font-weight: 700;
  text-transform: uppercase;
}
.modal-header__close[data-v-3a515196] {
  padding: calc(0.4rem + 0.8rem);
  padding-right: 1.6rem;
}
.modal-body[data-v-3a515196] {
  border-top: thin solid var(--color-divisor);
  min-height: var(--min-height);
  overflow-y: scroll;
}
.modal-body + .modal-footer[data-v-3a515196] {
  border-top: thin solid var(--color-divisor);
}
.modal-footer[data-v-3a515196] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 1.6rem;
  padding-bottom: calc(0.4rem + 0.8rem);
  padding-top: calc(0.4rem + 0.8rem);
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../node_modules/vue-loader/dist/stylePostLoader.js!../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!../ewx-aphrodite/src/components/generic/Pill.vue?vue&type=style&index=0&id=14194752&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Non-outputting imports
 *
 * Import order matters as functions are required by config, which is required by utils
 */
/**
 * Gets an element from a map (can be variable depth)
 *
 * Examples:
 * map-deep-get($z-layers, 'visible') // 1
 * map-deep-get($z-layers, 'path', 'to', 'item') // ?
 *
 * @param {map} $map - Map to be searched
 * @param {string} [$path] - Path separated by commas to be found in the map (`'step1', 'step2'`)
 */
/**
 * Recursively flattens a map (key being the aggregated keys and value being the value of the last
 * original map level)
 *
 * Examples:
 * $map: (
 *   'foo': (
 *     'bar': 1,
 *   ),
 *   'baz': 2,
 * );
 * map-flatten($map)
 * // (
 * //   'foo-bar': 1,
 * //   'baz': 2,
 * // )
 *
 * @param {map} $map - Map to be flattened
 * @param {function} $callback - Callback function to be executed at the last map level
 * @param {string} $prefix - Prefix to aggregate the keys on every recursion
 */
/**
 * Undoes a shorthand set of values to 4 values (`top`, `right`, `bottom`, `left`)
 *
 * Examples:
 * @include un-shorthand(0) -> 0 0 0 0
 * @include un-shorthand(0 1) -> 0 1 0 1
 * @include un-shorthand(0 1 2) -> 0 1 2 1
 * @include un-shorthand(0 1 2 3) -> 0 1 2 3
 *
 * @param {size} $shorthand - Values to be un-shorthanded separated by spaces
 */
/**
 * Breakpoints, inspired by bootstrap
 */
/**
 * Set of predefined spacing used for paddings and margins, used programatically via mixins
 * No specific reason behind the numbers, follows fibonacci starting from 8
 */
/**
 * Map of available text combinations and other related properties, used mostly via the `text` mixin
 */
/**
 * Map of available z-layers, helps to have in a glimpse the z priority of different UI elements
 */
/**
 * Utils used to compose UI elements easily
 *
 * Import order matters as some mixins are required by placeholders and/or spacing
 */
/**
 * Appends the mixin content to the corresponding media query depending on the given params, can be
 * a min, max or max-min breakpoint
 * Removes 1px from the `$maxWidth` (if available) to ensure good breakpoints (i.e. 0-99, 100-199)
 *
 * Examples:
 * @include breakpoint($bp-sm, $bp-lg) {...} // min-width and max-width
 * @include breakpoint($bp-sm) {...} // min-width only
 * @include breakpoint(null, $bp-lg) {...} // max-width only
 *
 * @param {size} $minWidth - Min width for the breakpoint to trigger
 * @param {size} $maxWidth - Max width for the breakpoint to trigger
 */
/**
 * Styles a container with some default properties, by default centering the element and enforcing
 * some (max-)width
 *
 * Examples:
 * @include container() // With standard vertical padding
 * @include container(false) // Without any padding
 * @include container(false, null, $s-sm) // Without vertical but with horizontal `$s-sm` padding
 * @include container(false, $size, $s-sm) // Without vertical but with horizontal `$s-sm` padding,
 * max-sized to `$size` width
 * @include container(true, $size, $s-sm) // With vertical and with horizontal `$s-sm` padding, max-
 * sized to `$size` width
 *
 * @param {bool} $verticalPadding - Flag to add padding on the top and bottom of the container
 * @param {size} $maxWidth - Max width of the container, defaults to `config/sizes` defined one
 * @param {size} $horizontalPadding - Padding to be added on the sides of the container
 */
/**
 * Extends the selector where this mixin is included so if the element has the `disabled` attribute
 * (buttons, inputs, options, selects, textareas), that element will be "grayed out" (transparent)
 * and a cursor to indicate it cannot be interacted with
 */
/**
 * Aligns vertically and (optionally) horizontally the childrens of the element, defaults to center
 * on both axis
 *
 * Reference:
 * $align - https://css-tricks.com/snippets/css/a-guide-to-flexbox/#prop-align-items
 * $justify - https://css-tricks.com/snippets/css/a-guide-to-flexbox/#prop-justify-content
 *
 * @param {flex-align} $align - Flex align value, defaults to `center`
 * @param {flex-align} $justify - Flex align value, defaults to `center`
 */
/**
 * Forces the element to be the full size of the view, meaning that it will take the full browsers
 * width and height
 */
/**
 * Position the element based on the position type and coordinates
 *
 * Examples:
 * @include position(absolute, 0 0) // position: absolute; top: 0; right: 0;
 * @include position(relative, 50% 0 null 0) // position: relative; top: 50%; right: 0; left: 0;
 *
 * @param {position} $position - Position type (https://developer.mozilla.org/docs/Web/CSS/position)
 * @param {size} $coordinates - Coordinates separated by spaces in clockwise order:
 * `top right bottom left`
 */
/**
 * Sizes the element (`width` and `height`)
 *
 * Examples:
 * @import size(30px) // width: 30px; height: 30px;
 * @import size(30px 15px) // width: 30px; height: 15px;
 * @import size(null 15px) // height: 15px;
 *
 * @param {size} $value - Size(s) for the element, can be one value (same `width`/`height`) or two
 * separated by a space `width height`
 */
/**
 * Returns text-related properties depending on the given arguments
 *
 * @param {string} $size - Combination of `font-size` and `line-height` found on `$texts`
 * @param {string} $weight - Name of the weight defined on `$texts`
 * @param {text-transform} $transform - Value to be appled to the `text-transform` property
 */
/**
 * Sets the `z-index` with the value of the given path
 *
 * Example:
 * @include z('visible') // z-index: 1;
 * @include z('path', 'to', 'layer') // z-index: ?;
 *
 * @param {string} $layer - Name(s) of the layer(s) to find in `config/z-layers` variable
 */
/**
 * Generates all sizing placeholders to be extended
 * Inspired by Bootstrap 4 spacings: https://getbootstrap.com/docs/4.1/utilities/spacing/
 *
 * Requires to have breakpoints defined from `$xs` to `$xxl`
 * Requires to have sizes defined from `$xs` to `$xl`
 *
 * Generated placeholders follow this patterns:
 * Concept: %{property}{side?}{-breakpoint?}-{size}
 * Regex: %(m|p)(t|b|l|r|x|y)?(-(xs|sm|md|lg|xl|xxl))?-([0-5]|auto)
 * - First character defines if the spacing is `margin` or `padding`
 * - Second character (or its absence) defines where the spacing is applied, on any of the 4 sides
 *   (`top`, `bottom`, `left`, `right`), the 2 axis (`x`, `y`) or empty (all of them)
 * - Dash to separate spacing/position and breakpoint (if any)
 * - Min-width breakpoint (`xs`, `sm`, `md`, `lg`, `xl`, `xxl`) or none (all resolutions)
 * - Dash to separate spacing/position/breakpoint and the size
 * - Last character defines the size of the spacing (`0`, `1`, `2`, `3`, `4`, `5`, `auto`)
 *
 * Examples:
 * %mt-0 // margin-top: 0
 * %mx-4 // margin: 0 16px
 * %p-6 // margin: 40px
 * %pb-lg-2 // @media (min-screen: 1200px) { padding-bottom: 8px }
 */
/**
 * Value order matters, as it's from least to most restrictive
 */
/**
 * Generates all the spacing variable combinations, usage as regular mixin is discouraged
 *
 * @param {margin|padding} $type - Spacingg type
 * @param {string} $side - First character of the side(s) where to add the spacin:
 * (t)op, (b)ottom, (l)eft, (r)ight, (x)-axis [horizontal], (y)-axis [vertical], () all [empty]
 * @param {size} $size - Size of the spacing
 */
/**
 * Defines all the spacing placeholders (`margin`, `padding`) based on params (all `$sides` and
 * `$sizes` combinations), usage as regular mixin is VERY discouraged
 *
 * @param {list} $sides - Spacing side list, as defined on `utils/mixins/spacing/config`
 * @param {map} $sizes - Spacing size map, as defined on `utils/mixins/spacing/config`
 * @param {size} $breakpoint - Shortened breakpoint name indicating `min-width` breakpoint for the
 * spacing
 */
/**
 * Generates all the spacing placeholders (`margin`, `padding`) wrapped by media queries when needed
 */
.pill__subject.small[data-v-14194752] {
  padding-right: 0.4rem;
  padding-left: 0.4rem;
}
.pill__subject.small[data-v-14194752] {
  padding-top: 0;
  padding-bottom: 0;
}
[data-theme=dark] .pill[data-v-14194752] {
  --color-background: var(--color-generic-gray-dark);
  --color-subject-background: var(--color-generic-black);
}
[data-theme=dark] .pill--danger[data-v-14194752] {
  --color-background: var(--color-feedback-danger-dark);
  --color-subject-background: var(--color-feedback-danger-darker);
}
[data-theme=dark] .pill--success[data-v-14194752] {
  --color-background: var(--color-feedback-success-dark);
  --color-subject-background: var(--color-feedback-success-darker);
}
[data-theme=dark] .pill--warning[data-v-14194752] {
  --color-background: var(--color-feedback-warning-dark);
  --color-subject-background: var(--color-feedback-warning-darker);
}
[data-theme=dark] .pill--info[data-v-14194752] {
  --color-background: var(--color-primary-dark);
  --color-subject-background: var(--color-primary-darker);
}
.pill[data-v-14194752] {
  --color-background: var(--color-generic-gray);
  --color-subject-background: var(--color-secondary);
  --color-text: var(--color-generic-white);
  background-color: var(--color-background);
  border-radius: var(--border-radius-sm);
  color: var(--color-text);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  overflow: hidden;
}
.pill--danger[data-v-14194752] {
  --color-background: var(--color-feedback-danger);
  --color-subject-background: var(--color-feedback-danger-dark);
}
.pill--success[data-v-14194752] {
  --color-background: var(--color-feedback-success);
  --color-subject-background: var(--color-feedback-success-dark);
}
.pill--warning[data-v-14194752] {
  --color-background: var(--color-feedback-warning);
  --color-subject-background: var(--color-feedback-warning-dark);
}
.pill--info[data-v-14194752] {
  --color-background: var(--color-primary);
  --color-subject-background: var(--color-primary-dark);
}
.pill__detail[data-v-14194752], .pill__subject[data-v-14194752]:only-child {
  font-weight: 600;
}
.pill__detail[data-v-14194752], .pill__subject[data-v-14194752] {
  font-size: 1.2rem;
  line-height: 1.8rem;
  padding: calc(0.4rem - 1px) 0.8rem;
  white-space: nowrap;
}
.pill__subject[data-v-14194752]:not(:only-child) {
  background-color: var(--color-subject-background);
}
.pill__subject.small[data-v-14194752] {
  font-size: 1rem;
  line-height: 1.9rem;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../node_modules/vue-loader/dist/stylePostLoader.js!../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!../ewx-aphrodite/src/components/private/MultiOptionValue.vue?vue&type=style&index=0&id=a5db5816&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Non-outputting imports
 *
 * Import order matters as functions are required by config, which is required by utils
 */
/**
 * Gets an element from a map (can be variable depth)
 *
 * Examples:
 * map-deep-get($z-layers, 'visible') // 1
 * map-deep-get($z-layers, 'path', 'to', 'item') // ?
 *
 * @param {map} $map - Map to be searched
 * @param {string} [$path] - Path separated by commas to be found in the map (`'step1', 'step2'`)
 */
/**
 * Recursively flattens a map (key being the aggregated keys and value being the value of the last
 * original map level)
 *
 * Examples:
 * $map: (
 *   'foo': (
 *     'bar': 1,
 *   ),
 *   'baz': 2,
 * );
 * map-flatten($map)
 * // (
 * //   'foo-bar': 1,
 * //   'baz': 2,
 * // )
 *
 * @param {map} $map - Map to be flattened
 * @param {function} $callback - Callback function to be executed at the last map level
 * @param {string} $prefix - Prefix to aggregate the keys on every recursion
 */
/**
 * Undoes a shorthand set of values to 4 values (`top`, `right`, `bottom`, `left`)
 *
 * Examples:
 * @include un-shorthand(0) -> 0 0 0 0
 * @include un-shorthand(0 1) -> 0 1 0 1
 * @include un-shorthand(0 1 2) -> 0 1 2 1
 * @include un-shorthand(0 1 2 3) -> 0 1 2 3
 *
 * @param {size} $shorthand - Values to be un-shorthanded separated by spaces
 */
/**
 * Breakpoints, inspired by bootstrap
 */
/**
 * Set of predefined spacing used for paddings and margins, used programatically via mixins
 * No specific reason behind the numbers, follows fibonacci starting from 8
 */
/**
 * Map of available text combinations and other related properties, used mostly via the `text` mixin
 */
/**
 * Map of available z-layers, helps to have in a glimpse the z priority of different UI elements
 */
/**
 * Utils used to compose UI elements easily
 *
 * Import order matters as some mixins are required by placeholders and/or spacing
 */
/**
 * Appends the mixin content to the corresponding media query depending on the given params, can be
 * a min, max or max-min breakpoint
 * Removes 1px from the `$maxWidth` (if available) to ensure good breakpoints (i.e. 0-99, 100-199)
 *
 * Examples:
 * @include breakpoint($bp-sm, $bp-lg) {...} // min-width and max-width
 * @include breakpoint($bp-sm) {...} // min-width only
 * @include breakpoint(null, $bp-lg) {...} // max-width only
 *
 * @param {size} $minWidth - Min width for the breakpoint to trigger
 * @param {size} $maxWidth - Max width for the breakpoint to trigger
 */
/**
 * Styles a container with some default properties, by default centering the element and enforcing
 * some (max-)width
 *
 * Examples:
 * @include container() // With standard vertical padding
 * @include container(false) // Without any padding
 * @include container(false, null, $s-sm) // Without vertical but with horizontal `$s-sm` padding
 * @include container(false, $size, $s-sm) // Without vertical but with horizontal `$s-sm` padding,
 * max-sized to `$size` width
 * @include container(true, $size, $s-sm) // With vertical and with horizontal `$s-sm` padding, max-
 * sized to `$size` width
 *
 * @param {bool} $verticalPadding - Flag to add padding on the top and bottom of the container
 * @param {size} $maxWidth - Max width of the container, defaults to `config/sizes` defined one
 * @param {size} $horizontalPadding - Padding to be added on the sides of the container
 */
/**
 * Extends the selector where this mixin is included so if the element has the `disabled` attribute
 * (buttons, inputs, options, selects, textareas), that element will be "grayed out" (transparent)
 * and a cursor to indicate it cannot be interacted with
 */
/**
 * Aligns vertically and (optionally) horizontally the childrens of the element, defaults to center
 * on both axis
 *
 * Reference:
 * $align - https://css-tricks.com/snippets/css/a-guide-to-flexbox/#prop-align-items
 * $justify - https://css-tricks.com/snippets/css/a-guide-to-flexbox/#prop-justify-content
 *
 * @param {flex-align} $align - Flex align value, defaults to `center`
 * @param {flex-align} $justify - Flex align value, defaults to `center`
 */
/**
 * Forces the element to be the full size of the view, meaning that it will take the full browsers
 * width and height
 */
/**
 * Position the element based on the position type and coordinates
 *
 * Examples:
 * @include position(absolute, 0 0) // position: absolute; top: 0; right: 0;
 * @include position(relative, 50% 0 null 0) // position: relative; top: 50%; right: 0; left: 0;
 *
 * @param {position} $position - Position type (https://developer.mozilla.org/docs/Web/CSS/position)
 * @param {size} $coordinates - Coordinates separated by spaces in clockwise order:
 * `top right bottom left`
 */
/**
 * Sizes the element (`width` and `height`)
 *
 * Examples:
 * @import size(30px) // width: 30px; height: 30px;
 * @import size(30px 15px) // width: 30px; height: 15px;
 * @import size(null 15px) // height: 15px;
 *
 * @param {size} $value - Size(s) for the element, can be one value (same `width`/`height`) or two
 * separated by a space `width height`
 */
/**
 * Returns text-related properties depending on the given arguments
 *
 * @param {string} $size - Combination of `font-size` and `line-height` found on `$texts`
 * @param {string} $weight - Name of the weight defined on `$texts`
 * @param {text-transform} $transform - Value to be appled to the `text-transform` property
 */
/**
 * Sets the `z-index` with the value of the given path
 *
 * Example:
 * @include z('visible') // z-index: 1;
 * @include z('path', 'to', 'layer') // z-index: ?;
 *
 * @param {string} $layer - Name(s) of the layer(s) to find in `config/z-layers` variable
 */
/**
 * Generates all sizing placeholders to be extended
 * Inspired by Bootstrap 4 spacings: https://getbootstrap.com/docs/4.1/utilities/spacing/
 *
 * Requires to have breakpoints defined from `$xs` to `$xxl`
 * Requires to have sizes defined from `$xs` to `$xl`
 *
 * Generated placeholders follow this patterns:
 * Concept: %{property}{side?}{-breakpoint?}-{size}
 * Regex: %(m|p)(t|b|l|r|x|y)?(-(xs|sm|md|lg|xl|xxl))?-([0-5]|auto)
 * - First character defines if the spacing is `margin` or `padding`
 * - Second character (or its absence) defines where the spacing is applied, on any of the 4 sides
 *   (`top`, `bottom`, `left`, `right`), the 2 axis (`x`, `y`) or empty (all of them)
 * - Dash to separate spacing/position and breakpoint (if any)
 * - Min-width breakpoint (`xs`, `sm`, `md`, `lg`, `xl`, `xxl`) or none (all resolutions)
 * - Dash to separate spacing/position/breakpoint and the size
 * - Last character defines the size of the spacing (`0`, `1`, `2`, `3`, `4`, `5`, `auto`)
 *
 * Examples:
 * %mt-0 // margin-top: 0
 * %mx-4 // margin: 0 16px
 * %p-6 // margin: 40px
 * %pb-lg-2 // @media (min-screen: 1200px) { padding-bottom: 8px }
 */
/**
 * Value order matters, as it's from least to most restrictive
 */
/**
 * Generates all the spacing variable combinations, usage as regular mixin is discouraged
 *
 * @param {margin|padding} $type - Spacingg type
 * @param {string} $side - First character of the side(s) where to add the spacin:
 * (t)op, (b)ottom, (l)eft, (r)ight, (x)-axis [horizontal], (y)-axis [vertical], () all [empty]
 * @param {size} $size - Size of the spacing
 */
/**
 * Defines all the spacing placeholders (`margin`, `padding`) based on params (all `$sides` and
 * `$sizes` combinations), usage as regular mixin is VERY discouraged
 *
 * @param {list} $sides - Spacing side list, as defined on `utils/mixins/spacing/config`
 * @param {map} $sizes - Spacing size map, as defined on `utils/mixins/spacing/config`
 * @param {size} $breakpoint - Shortened breakpoint name indicating `min-width` breakpoint for the
 * spacing
 */
/**
 * Generates all the spacing placeholders (`margin`, `padding`) wrapped by media queries when needed
 */
.multi-option-value__action[data-v-a5db5816] {
  padding: calc(0.4rem / 2);
}
.multi-option-value__action[disabled][data-v-a5db5816] {
  cursor: inherit;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../node_modules/vue-loader/dist/stylePostLoader.js!../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!../ewx-aphrodite/src/components/private/MultiOptionValue.vue?vue&type=style&index=1&id=a5db5816&lang=scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Non-outputting imports
 *
 * Import order matters as functions are required by config, which is required by utils
 */
/**
 * Gets an element from a map (can be variable depth)
 *
 * Examples:
 * map-deep-get($z-layers, 'visible') // 1
 * map-deep-get($z-layers, 'path', 'to', 'item') // ?
 *
 * @param {map} $map - Map to be searched
 * @param {string} [$path] - Path separated by commas to be found in the map (`'step1', 'step2'`)
 */
/**
 * Recursively flattens a map (key being the aggregated keys and value being the value of the last
 * original map level)
 *
 * Examples:
 * $map: (
 *   'foo': (
 *     'bar': 1,
 *   ),
 *   'baz': 2,
 * );
 * map-flatten($map)
 * // (
 * //   'foo-bar': 1,
 * //   'baz': 2,
 * // )
 *
 * @param {map} $map - Map to be flattened
 * @param {function} $callback - Callback function to be executed at the last map level
 * @param {string} $prefix - Prefix to aggregate the keys on every recursion
 */
/**
 * Undoes a shorthand set of values to 4 values (`top`, `right`, `bottom`, `left`)
 *
 * Examples:
 * @include un-shorthand(0) -> 0 0 0 0
 * @include un-shorthand(0 1) -> 0 1 0 1
 * @include un-shorthand(0 1 2) -> 0 1 2 1
 * @include un-shorthand(0 1 2 3) -> 0 1 2 3
 *
 * @param {size} $shorthand - Values to be un-shorthanded separated by spaces
 */
/**
 * Breakpoints, inspired by bootstrap
 */
/**
 * Set of predefined spacing used for paddings and margins, used programatically via mixins
 * No specific reason behind the numbers, follows fibonacci starting from 8
 */
/**
 * Map of available text combinations and other related properties, used mostly via the `text` mixin
 */
/**
 * Map of available z-layers, helps to have in a glimpse the z priority of different UI elements
 */
/**
 * Utils used to compose UI elements easily
 *
 * Import order matters as some mixins are required by placeholders and/or spacing
 */
/**
 * Appends the mixin content to the corresponding media query depending on the given params, can be
 * a min, max or max-min breakpoint
 * Removes 1px from the `$maxWidth` (if available) to ensure good breakpoints (i.e. 0-99, 100-199)
 *
 * Examples:
 * @include breakpoint($bp-sm, $bp-lg) {...} // min-width and max-width
 * @include breakpoint($bp-sm) {...} // min-width only
 * @include breakpoint(null, $bp-lg) {...} // max-width only
 *
 * @param {size} $minWidth - Min width for the breakpoint to trigger
 * @param {size} $maxWidth - Max width for the breakpoint to trigger
 */
/**
 * Styles a container with some default properties, by default centering the element and enforcing
 * some (max-)width
 *
 * Examples:
 * @include container() // With standard vertical padding
 * @include container(false) // Without any padding
 * @include container(false, null, $s-sm) // Without vertical but with horizontal `$s-sm` padding
 * @include container(false, $size, $s-sm) // Without vertical but with horizontal `$s-sm` padding,
 * max-sized to `$size` width
 * @include container(true, $size, $s-sm) // With vertical and with horizontal `$s-sm` padding, max-
 * sized to `$size` width
 *
 * @param {bool} $verticalPadding - Flag to add padding on the top and bottom of the container
 * @param {size} $maxWidth - Max width of the container, defaults to `config/sizes` defined one
 * @param {size} $horizontalPadding - Padding to be added on the sides of the container
 */
/**
 * Extends the selector where this mixin is included so if the element has the `disabled` attribute
 * (buttons, inputs, options, selects, textareas), that element will be "grayed out" (transparent)
 * and a cursor to indicate it cannot be interacted with
 */
/**
 * Aligns vertically and (optionally) horizontally the childrens of the element, defaults to center
 * on both axis
 *
 * Reference:
 * $align - https://css-tricks.com/snippets/css/a-guide-to-flexbox/#prop-align-items
 * $justify - https://css-tricks.com/snippets/css/a-guide-to-flexbox/#prop-justify-content
 *
 * @param {flex-align} $align - Flex align value, defaults to `center`
 * @param {flex-align} $justify - Flex align value, defaults to `center`
 */
/**
 * Forces the element to be the full size of the view, meaning that it will take the full browsers
 * width and height
 */
/**
 * Position the element based on the position type and coordinates
 *
 * Examples:
 * @include position(absolute, 0 0) // position: absolute; top: 0; right: 0;
 * @include position(relative, 50% 0 null 0) // position: relative; top: 50%; right: 0; left: 0;
 *
 * @param {position} $position - Position type (https://developer.mozilla.org/docs/Web/CSS/position)
 * @param {size} $coordinates - Coordinates separated by spaces in clockwise order:
 * `top right bottom left`
 */
/**
 * Sizes the element (`width` and `height`)
 *
 * Examples:
 * @import size(30px) // width: 30px; height: 30px;
 * @import size(30px 15px) // width: 30px; height: 15px;
 * @import size(null 15px) // height: 15px;
 *
 * @param {size} $value - Size(s) for the element, can be one value (same `width`/`height`) or two
 * separated by a space `width height`
 */
/**
 * Returns text-related properties depending on the given arguments
 *
 * @param {string} $size - Combination of `font-size` and `line-height` found on `$texts`
 * @param {string} $weight - Name of the weight defined on `$texts`
 * @param {text-transform} $transform - Value to be appled to the `text-transform` property
 */
/**
 * Sets the `z-index` with the value of the given path
 *
 * Example:
 * @include z('visible') // z-index: 1;
 * @include z('path', 'to', 'layer') // z-index: ?;
 *
 * @param {string} $layer - Name(s) of the layer(s) to find in `config/z-layers` variable
 */
/**
 * Generates all sizing placeholders to be extended
 * Inspired by Bootstrap 4 spacings: https://getbootstrap.com/docs/4.1/utilities/spacing/
 *
 * Requires to have breakpoints defined from `$xs` to `$xxl`
 * Requires to have sizes defined from `$xs` to `$xl`
 *
 * Generated placeholders follow this patterns:
 * Concept: %{property}{side?}{-breakpoint?}-{size}
 * Regex: %(m|p)(t|b|l|r|x|y)?(-(xs|sm|md|lg|xl|xxl))?-([0-5]|auto)
 * - First character defines if the spacing is `margin` or `padding`
 * - Second character (or its absence) defines where the spacing is applied, on any of the 4 sides
 *   (`top`, `bottom`, `left`, `right`), the 2 axis (`x`, `y`) or empty (all of them)
 * - Dash to separate spacing/position and breakpoint (if any)
 * - Min-width breakpoint (`xs`, `sm`, `md`, `lg`, `xl`, `xxl`) or none (all resolutions)
 * - Dash to separate spacing/position/breakpoint and the size
 * - Last character defines the size of the spacing (`0`, `1`, `2`, `3`, `4`, `5`, `auto`)
 *
 * Examples:
 * %mt-0 // margin-top: 0
 * %mx-4 // margin: 0 16px
 * %p-6 // margin: 40px
 * %pb-lg-2 // @media (min-screen: 1200px) { padding-bottom: 8px }
 */
/**
 * Value order matters, as it's from least to most restrictive
 */
/**
 * Generates all the spacing variable combinations, usage as regular mixin is discouraged
 *
 * @param {margin|padding} $type - Spacingg type
 * @param {string} $side - First character of the side(s) where to add the spacin:
 * (t)op, (b)ottom, (l)eft, (r)ight, (x)-axis [horizontal], (y)-axis [vertical], () all [empty]
 * @param {size} $size - Size of the spacing
 */
/**
 * Defines all the spacing placeholders (`margin`, `padding`) based on params (all `$sides` and
 * `$sizes` combinations), usage as regular mixin is VERY discouraged
 *
 * @param {list} $sides - Spacing side list, as defined on `utils/mixins/spacing/config`
 * @param {map} $sizes - Spacing size map, as defined on `utils/mixins/spacing/config`
 * @param {size} $breakpoint - Shortened breakpoint name indicating `min-width` breakpoint for the
 * spacing
 */
/**
 * Generates all the spacing placeholders (`margin`, `padding`) wrapped by media queries when needed
 */
.multi-option-value .pill__subject {
  padding: 0;
}
[data-theme=dark] .multi-option-value {
  --color-shadow: var(--color-primary-dark);
}
.multi-option-value {
  --color-shadow: var(--color-primary);
}
.multi-option-value:focus-within {
  -webkit-box-shadow: 0 0 var(--shadow-size-sm) var(--color-shadow);
          box-shadow: 0 0 var(--shadow-size-sm) var(--color-shadow);
}
.multi-option-value__action:not([disabled]) .pill__subject:hover {
  background-color: transparent;
}
.multi-option-value .icon {
  font-size: 2rem;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../node_modules/vue-loader/dist/stylePostLoader.js!../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!../ewx-aphrodite/src/components/forms/private/MultiOption.vue?vue&type=style&index=0&id=9189a1a8&lang=scss&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Non-outputting imports
 *
 * Import order matters as functions are required by config, which is required by utils
 */
/**
 * Gets an element from a map (can be variable depth)
 *
 * Examples:
 * map-deep-get($z-layers, 'visible') // 1
 * map-deep-get($z-layers, 'path', 'to', 'item') // ?
 *
 * @param {map} $map - Map to be searched
 * @param {string} [$path] - Path separated by commas to be found in the map (`'step1', 'step2'`)
 */
/**
 * Recursively flattens a map (key being the aggregated keys and value being the value of the last
 * original map level)
 *
 * Examples:
 * $map: (
 *   'foo': (
 *     'bar': 1,
 *   ),
 *   'baz': 2,
 * );
 * map-flatten($map)
 * // (
 * //   'foo-bar': 1,
 * //   'baz': 2,
 * // )
 *
 * @param {map} $map - Map to be flattened
 * @param {function} $callback - Callback function to be executed at the last map level
 * @param {string} $prefix - Prefix to aggregate the keys on every recursion
 */
/**
 * Undoes a shorthand set of values to 4 values (`top`, `right`, `bottom`, `left`)
 *
 * Examples:
 * @include un-shorthand(0) -> 0 0 0 0
 * @include un-shorthand(0 1) -> 0 1 0 1
 * @include un-shorthand(0 1 2) -> 0 1 2 1
 * @include un-shorthand(0 1 2 3) -> 0 1 2 3
 *
 * @param {size} $shorthand - Values to be un-shorthanded separated by spaces
 */
/**
 * Breakpoints, inspired by bootstrap
 */
/**
 * Set of predefined spacing used for paddings and margins, used programatically via mixins
 * No specific reason behind the numbers, follows fibonacci starting from 8
 */
/**
 * Map of available text combinations and other related properties, used mostly via the `text` mixin
 */
/**
 * Map of available z-layers, helps to have in a glimpse the z priority of different UI elements
 */
/**
 * Utils used to compose UI elements easily
 *
 * Import order matters as some mixins are required by placeholders and/or spacing
 */
/**
 * Appends the mixin content to the corresponding media query depending on the given params, can be
 * a min, max or max-min breakpoint
 * Removes 1px from the `$maxWidth` (if available) to ensure good breakpoints (i.e. 0-99, 100-199)
 *
 * Examples:
 * @include breakpoint($bp-sm, $bp-lg) {...} // min-width and max-width
 * @include breakpoint($bp-sm) {...} // min-width only
 * @include breakpoint(null, $bp-lg) {...} // max-width only
 *
 * @param {size} $minWidth - Min width for the breakpoint to trigger
 * @param {size} $maxWidth - Max width for the breakpoint to trigger
 */
/**
 * Styles a container with some default properties, by default centering the element and enforcing
 * some (max-)width
 *
 * Examples:
 * @include container() // With standard vertical padding
 * @include container(false) // Without any padding
 * @include container(false, null, $s-sm) // Without vertical but with horizontal `$s-sm` padding
 * @include container(false, $size, $s-sm) // Without vertical but with horizontal `$s-sm` padding,
 * max-sized to `$size` width
 * @include container(true, $size, $s-sm) // With vertical and with horizontal `$s-sm` padding, max-
 * sized to `$size` width
 *
 * @param {bool} $verticalPadding - Flag to add padding on the top and bottom of the container
 * @param {size} $maxWidth - Max width of the container, defaults to `config/sizes` defined one
 * @param {size} $horizontalPadding - Padding to be added on the sides of the container
 */
/**
 * Extends the selector where this mixin is included so if the element has the `disabled` attribute
 * (buttons, inputs, options, selects, textareas), that element will be "grayed out" (transparent)
 * and a cursor to indicate it cannot be interacted with
 */
/**
 * Aligns vertically and (optionally) horizontally the childrens of the element, defaults to center
 * on both axis
 *
 * Reference:
 * $align - https://css-tricks.com/snippets/css/a-guide-to-flexbox/#prop-align-items
 * $justify - https://css-tricks.com/snippets/css/a-guide-to-flexbox/#prop-justify-content
 *
 * @param {flex-align} $align - Flex align value, defaults to `center`
 * @param {flex-align} $justify - Flex align value, defaults to `center`
 */
/**
 * Forces the element to be the full size of the view, meaning that it will take the full browsers
 * width and height
 */
/**
 * Position the element based on the position type and coordinates
 *
 * Examples:
 * @include position(absolute, 0 0) // position: absolute; top: 0; right: 0;
 * @include position(relative, 50% 0 null 0) // position: relative; top: 50%; right: 0; left: 0;
 *
 * @param {position} $position - Position type (https://developer.mozilla.org/docs/Web/CSS/position)
 * @param {size} $coordinates - Coordinates separated by spaces in clockwise order:
 * `top right bottom left`
 */
/**
 * Sizes the element (`width` and `height`)
 *
 * Examples:
 * @import size(30px) // width: 30px; height: 30px;
 * @import size(30px 15px) // width: 30px; height: 15px;
 * @import size(null 15px) // height: 15px;
 *
 * @param {size} $value - Size(s) for the element, can be one value (same `width`/`height`) or two
 * separated by a space `width height`
 */
/**
 * Returns text-related properties depending on the given arguments
 *
 * @param {string} $size - Combination of `font-size` and `line-height` found on `$texts`
 * @param {string} $weight - Name of the weight defined on `$texts`
 * @param {text-transform} $transform - Value to be appled to the `text-transform` property
 */
/**
 * Sets the `z-index` with the value of the given path
 *
 * Example:
 * @include z('visible') // z-index: 1;
 * @include z('path', 'to', 'layer') // z-index: ?;
 *
 * @param {string} $layer - Name(s) of the layer(s) to find in `config/z-layers` variable
 */
/**
 * Generates all sizing placeholders to be extended
 * Inspired by Bootstrap 4 spacings: https://getbootstrap.com/docs/4.1/utilities/spacing/
 *
 * Requires to have breakpoints defined from `$xs` to `$xxl`
 * Requires to have sizes defined from `$xs` to `$xl`
 *
 * Generated placeholders follow this patterns:
 * Concept: %{property}{side?}{-breakpoint?}-{size}
 * Regex: %(m|p)(t|b|l|r|x|y)?(-(xs|sm|md|lg|xl|xxl))?-([0-5]|auto)
 * - First character defines if the spacing is `margin` or `padding`
 * - Second character (or its absence) defines where the spacing is applied, on any of the 4 sides
 *   (`top`, `bottom`, `left`, `right`), the 2 axis (`x`, `y`) or empty (all of them)
 * - Dash to separate spacing/position and breakpoint (if any)
 * - Min-width breakpoint (`xs`, `sm`, `md`, `lg`, `xl`, `xxl`) or none (all resolutions)
 * - Dash to separate spacing/position/breakpoint and the size
 * - Last character defines the size of the spacing (`0`, `1`, `2`, `3`, `4`, `5`, `auto`)
 *
 * Examples:
 * %mt-0 // margin-top: 0
 * %mx-4 // margin: 0 16px
 * %p-6 // margin: 40px
 * %pb-lg-2 // @media (min-screen: 1200px) { padding-bottom: 8px }
 */
/**
 * Value order matters, as it's from least to most restrictive
 */
/**
 * Generates all the spacing variable combinations, usage as regular mixin is discouraged
 *
 * @param {margin|padding} $type - Spacingg type
 * @param {string} $side - First character of the side(s) where to add the spacin:
 * (t)op, (b)ottom, (l)eft, (r)ight, (x)-axis [horizontal], (y)-axis [vertical], () all [empty]
 * @param {size} $size - Size of the spacing
 */
/**
 * Defines all the spacing placeholders (`margin`, `padding`) based on params (all `$sides` and
 * `$sizes` combinations), usage as regular mixin is VERY discouraged
 *
 * @param {list} $sides - Spacing side list, as defined on `utils/mixins/spacing/config`
 * @param {map} $sizes - Spacing size map, as defined on `utils/mixins/spacing/config`
 * @param {size} $breakpoint - Shortened breakpoint name indicating `min-width` breakpoint for the
 * spacing
 */
/**
 * Generates all the spacing placeholders (`margin`, `padding`) wrapped by media queries when needed
 */
.multi-option__values[data-v-9189a1a8] {
  padding: 0.8rem;
}
.multi-option__input[data-v-9189a1a8] {
  padding: 0;
}
.multi-option__values[data-v-9189a1a8] {
  padding-right: 4rem;
}
[data-theme=dark] .multi-option[data-v-9189a1a8] {
  --color-background-control: var(--color-primary-darker);
  --color-background: var(--color-generic-gray-dark);
  --color-border: var(--color-primary-dark);
  --color-error: var(--color-feedback-danger-dark);
  --color-shadow: var(--color-primary-darker);
  --color-text: inherit;
  --color-valid: var(--color-feedback-success-dark);
}
[data-theme=dark] .multi-option--error[data-v-9189a1a8] {
  --color-border: var(--color-error);
  --color-icon-validation: var(--color-error);
  --color-shadow: var(--color-error);
}
[data-theme=dark] .multi-option--valid[data-v-9189a1a8] {
  --color-border: var(--color-valid);
  --color-icon-validation: var(--color-valid);
  --color-shadow: var(--color-valid);
}
.multi-option[data-v-9189a1a8] {
  --color-background-control: var(--color-primary);
  --color-background: var(--color-generic-white);
  --color-border: var(--color-primary);
  --color-error: var(--color-feedback-danger);
  --color-icon-control: var(--color-generic-white);
  --color-placeholder: var(--color-generic-gray);
  --color-shadow: var(--color-primary);
  --color-text: var(--color-primary);
  --color-valid: var(--color-feedback-success);
  --size-border-radius: var(--border-radius-md);
  --size-control: 4rem;
  --size-shadow-focus: var(--shadow-size-md);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.multi-option[disabled][data-v-9189a1a8]:not(.multi-option[disabled=false]) {
  cursor: inherit;
  opacity: 0.5;
}
.multi-option--error[data-v-9189a1a8] {
  --color-border: var(--color-error);
  --color-icon-validation: var(--color-error);
  --color-shadow: var(--color-error);
}
.multi-option--valid[data-v-9189a1a8] {
  --color-border: var(--color-valid);
  --color-icon-validation: var(--color-valid);
  --color-shadow: var(--color-valid);
}
.multi-option__control[data-v-9189a1a8] {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: minmax(var(--size-control), 100%);
  width: var(--size-control);
  background-color: var(--color-background-control);
  color: var(--color-icon-control);
  display: flex;
}
.multi-option__field[data-v-9189a1a8] {
  position: relative;
  background-color: var(--color-background);
  border: thin solid var(--color-border);
  border-radius: var(--size-border-radius);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}
.multi-option__field[data-v-9189a1a8]:focus-within {
  -webkit-box-shadow: 0 0 var(--size-shadow-focus) var(--color-shadow);
          box-shadow: 0 0 var(--size-shadow-focus) var(--color-shadow);
}
.multi-option__values[data-v-9189a1a8] {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0%;
          flex: 1 1 0%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.8rem;
}
.multi-option__input[data-v-9189a1a8] {
  background-color: transparent;
  border: transparent;
  color: var(--color-text);
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0%;
          flex: 1 1 0%;
}
.multi-option__input[type=number][data-v-9189a1a8]::-webkit-inner-spin-button,
.multi-option__input [type=number][data-v-9189a1a8]::-webkit-outer-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0;
}
.multi-option__input[data-v-9189a1a8]::-webkit-input-placeholder {
  color: var(--color-placeholder);
}
.multi-option__input[data-v-9189a1a8]::-moz-placeholder {
  color: var(--color-placeholder);
}
.multi-option__input[data-v-9189a1a8]:-ms-input-placeholder {
  color: var(--color-placeholder);
}
.multi-option__input[data-v-9189a1a8]::-ms-input-placeholder {
  color: var(--color-placeholder);
}
.multi-option__input[data-v-9189a1a8]::placeholder {
  color: var(--color-placeholder);
}
.multi-option__validation[data-v-9189a1a8] {
  position: absolute;
  top: 50%;
  right: 0.8rem;
  color: var(--color-icon-validation);
  pointer-events: none;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.multi-option__error[data-v-9189a1a8] {
  font-size: 1.4rem;
  line-height: 2.1rem;
  color: var(--color-error);
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../node_modules/vue-loader/dist/stylePostLoader.js!../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!../ewx-aphrodite/src/components/forms/private/GenericPicker.vue?vue&type=style&index=0&id=70c17863&lang=scss&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Non-outputting imports
 *
 * Import order matters as functions are required by config, which is required by utils
 */
/**
 * Gets an element from a map (can be variable depth)
 *
 * Examples:
 * map-deep-get($z-layers, 'visible') // 1
 * map-deep-get($z-layers, 'path', 'to', 'item') // ?
 *
 * @param {map} $map - Map to be searched
 * @param {string} [$path] - Path separated by commas to be found in the map (`'step1', 'step2'`)
 */
/**
 * Recursively flattens a map (key being the aggregated keys and value being the value of the last
 * original map level)
 *
 * Examples:
 * $map: (
 *   'foo': (
 *     'bar': 1,
 *   ),
 *   'baz': 2,
 * );
 * map-flatten($map)
 * // (
 * //   'foo-bar': 1,
 * //   'baz': 2,
 * // )
 *
 * @param {map} $map - Map to be flattened
 * @param {function} $callback - Callback function to be executed at the last map level
 * @param {string} $prefix - Prefix to aggregate the keys on every recursion
 */
/**
 * Undoes a shorthand set of values to 4 values (`top`, `right`, `bottom`, `left`)
 *
 * Examples:
 * @include un-shorthand(0) -> 0 0 0 0
 * @include un-shorthand(0 1) -> 0 1 0 1
 * @include un-shorthand(0 1 2) -> 0 1 2 1
 * @include un-shorthand(0 1 2 3) -> 0 1 2 3
 *
 * @param {size} $shorthand - Values to be un-shorthanded separated by spaces
 */
/**
 * Breakpoints, inspired by bootstrap
 */
/**
 * Set of predefined spacing used for paddings and margins, used programatically via mixins
 * No specific reason behind the numbers, follows fibonacci starting from 8
 */
/**
 * Map of available text combinations and other related properties, used mostly via the `text` mixin
 */
/**
 * Map of available z-layers, helps to have in a glimpse the z priority of different UI elements
 */
/**
 * Utils used to compose UI elements easily
 *
 * Import order matters as some mixins are required by placeholders and/or spacing
 */
/**
 * Appends the mixin content to the corresponding media query depending on the given params, can be
 * a min, max or max-min breakpoint
 * Removes 1px from the `$maxWidth` (if available) to ensure good breakpoints (i.e. 0-99, 100-199)
 *
 * Examples:
 * @include breakpoint($bp-sm, $bp-lg) {...} // min-width and max-width
 * @include breakpoint($bp-sm) {...} // min-width only
 * @include breakpoint(null, $bp-lg) {...} // max-width only
 *
 * @param {size} $minWidth - Min width for the breakpoint to trigger
 * @param {size} $maxWidth - Max width for the breakpoint to trigger
 */
/**
 * Styles a container with some default properties, by default centering the element and enforcing
 * some (max-)width
 *
 * Examples:
 * @include container() // With standard vertical padding
 * @include container(false) // Without any padding
 * @include container(false, null, $s-sm) // Without vertical but with horizontal `$s-sm` padding
 * @include container(false, $size, $s-sm) // Without vertical but with horizontal `$s-sm` padding,
 * max-sized to `$size` width
 * @include container(true, $size, $s-sm) // With vertical and with horizontal `$s-sm` padding, max-
 * sized to `$size` width
 *
 * @param {bool} $verticalPadding - Flag to add padding on the top and bottom of the container
 * @param {size} $maxWidth - Max width of the container, defaults to `config/sizes` defined one
 * @param {size} $horizontalPadding - Padding to be added on the sides of the container
 */
/**
 * Extends the selector where this mixin is included so if the element has the `disabled` attribute
 * (buttons, inputs, options, selects, textareas), that element will be "grayed out" (transparent)
 * and a cursor to indicate it cannot be interacted with
 */
/**
 * Aligns vertically and (optionally) horizontally the childrens of the element, defaults to center
 * on both axis
 *
 * Reference:
 * $align - https://css-tricks.com/snippets/css/a-guide-to-flexbox/#prop-align-items
 * $justify - https://css-tricks.com/snippets/css/a-guide-to-flexbox/#prop-justify-content
 *
 * @param {flex-align} $align - Flex align value, defaults to `center`
 * @param {flex-align} $justify - Flex align value, defaults to `center`
 */
/**
 * Forces the element to be the full size of the view, meaning that it will take the full browsers
 * width and height
 */
/**
 * Position the element based on the position type and coordinates
 *
 * Examples:
 * @include position(absolute, 0 0) // position: absolute; top: 0; right: 0;
 * @include position(relative, 50% 0 null 0) // position: relative; top: 50%; right: 0; left: 0;
 *
 * @param {position} $position - Position type (https://developer.mozilla.org/docs/Web/CSS/position)
 * @param {size} $coordinates - Coordinates separated by spaces in clockwise order:
 * `top right bottom left`
 */
/**
 * Sizes the element (`width` and `height`)
 *
 * Examples:
 * @import size(30px) // width: 30px; height: 30px;
 * @import size(30px 15px) // width: 30px; height: 15px;
 * @import size(null 15px) // height: 15px;
 *
 * @param {size} $value - Size(s) for the element, can be one value (same `width`/`height`) or two
 * separated by a space `width height`
 */
/**
 * Returns text-related properties depending on the given arguments
 *
 * @param {string} $size - Combination of `font-size` and `line-height` found on `$texts`
 * @param {string} $weight - Name of the weight defined on `$texts`
 * @param {text-transform} $transform - Value to be appled to the `text-transform` property
 */
/**
 * Sets the `z-index` with the value of the given path
 *
 * Example:
 * @include z('visible') // z-index: 1;
 * @include z('path', 'to', 'layer') // z-index: ?;
 *
 * @param {string} $layer - Name(s) of the layer(s) to find in `config/z-layers` variable
 */
/**
 * Generates all sizing placeholders to be extended
 * Inspired by Bootstrap 4 spacings: https://getbootstrap.com/docs/4.1/utilities/spacing/
 *
 * Requires to have breakpoints defined from `$xs` to `$xxl`
 * Requires to have sizes defined from `$xs` to `$xl`
 *
 * Generated placeholders follow this patterns:
 * Concept: %{property}{side?}{-breakpoint?}-{size}
 * Regex: %(m|p)(t|b|l|r|x|y)?(-(xs|sm|md|lg|xl|xxl))?-([0-5]|auto)
 * - First character defines if the spacing is `margin` or `padding`
 * - Second character (or its absence) defines where the spacing is applied, on any of the 4 sides
 *   (`top`, `bottom`, `left`, `right`), the 2 axis (`x`, `y`) or empty (all of them)
 * - Dash to separate spacing/position and breakpoint (if any)
 * - Min-width breakpoint (`xs`, `sm`, `md`, `lg`, `xl`, `xxl`) or none (all resolutions)
 * - Dash to separate spacing/position/breakpoint and the size
 * - Last character defines the size of the spacing (`0`, `1`, `2`, `3`, `4`, `5`, `auto`)
 *
 * Examples:
 * %mt-0 // margin-top: 0
 * %mx-4 // margin: 0 16px
 * %p-6 // margin: 40px
 * %pb-lg-2 // @media (min-screen: 1200px) { padding-bottom: 8px }
 */
/**
 * Value order matters, as it's from least to most restrictive
 */
/**
 * Generates all the spacing variable combinations, usage as regular mixin is discouraged
 *
 * @param {margin|padding} $type - Spacingg type
 * @param {string} $side - First character of the side(s) where to add the spacin:
 * (t)op, (b)ottom, (l)eft, (r)ight, (x)-axis [horizontal], (y)-axis [vertical], () all [empty]
 * @param {size} $size - Size of the spacing
 */
/**
 * Defines all the spacing placeholders (`margin`, `padding`) based on params (all `$sides` and
 * `$sizes` combinations), usage as regular mixin is VERY discouraged
 *
 * @param {list} $sides - Spacing side list, as defined on `utils/mixins/spacing/config`
 * @param {map} $sizes - Spacing size map, as defined on `utils/mixins/spacing/config`
 * @param {size} $breakpoint - Shortened breakpoint name indicating `min-width` breakpoint for the
 * spacing
 */
/**
 * Generates all the spacing placeholders (`margin`, `padding`) wrapped by media queries when needed
 */
.generic-picker__control[data-v-70c17863] {
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.generic-picker__control[disabled][data-v-70c17863]:not(.generic-picker__control[disabled=false]) {
  cursor: not-allowed;
  opacity: 0.5;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../node_modules/vue-loader/dist/stylePostLoader.js!../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!../ewx-aphrodite/src/components/forms/private/MultiLineText.vue?vue&type=style&index=0&id=4e3e8438&lang=scss&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Non-outputting imports
 *
 * Import order matters as functions are required by config, which is required by utils
 */
/**
 * Gets an element from a map (can be variable depth)
 *
 * Examples:
 * map-deep-get($z-layers, 'visible') // 1
 * map-deep-get($z-layers, 'path', 'to', 'item') // ?
 *
 * @param {map} $map - Map to be searched
 * @param {string} [$path] - Path separated by commas to be found in the map (`'step1', 'step2'`)
 */
/**
 * Recursively flattens a map (key being the aggregated keys and value being the value of the last
 * original map level)
 *
 * Examples:
 * $map: (
 *   'foo': (
 *     'bar': 1,
 *   ),
 *   'baz': 2,
 * );
 * map-flatten($map)
 * // (
 * //   'foo-bar': 1,
 * //   'baz': 2,
 * // )
 *
 * @param {map} $map - Map to be flattened
 * @param {function} $callback - Callback function to be executed at the last map level
 * @param {string} $prefix - Prefix to aggregate the keys on every recursion
 */
/**
 * Undoes a shorthand set of values to 4 values (`top`, `right`, `bottom`, `left`)
 *
 * Examples:
 * @include un-shorthand(0) -> 0 0 0 0
 * @include un-shorthand(0 1) -> 0 1 0 1
 * @include un-shorthand(0 1 2) -> 0 1 2 1
 * @include un-shorthand(0 1 2 3) -> 0 1 2 3
 *
 * @param {size} $shorthand - Values to be un-shorthanded separated by spaces
 */
/**
 * Breakpoints, inspired by bootstrap
 */
/**
 * Set of predefined spacing used for paddings and margins, used programatically via mixins
 * No specific reason behind the numbers, follows fibonacci starting from 8
 */
/**
 * Map of available text combinations and other related properties, used mostly via the `text` mixin
 */
/**
 * Map of available z-layers, helps to have in a glimpse the z priority of different UI elements
 */
/**
 * Utils used to compose UI elements easily
 *
 * Import order matters as some mixins are required by placeholders and/or spacing
 */
/**
 * Appends the mixin content to the corresponding media query depending on the given params, can be
 * a min, max or max-min breakpoint
 * Removes 1px from the `$maxWidth` (if available) to ensure good breakpoints (i.e. 0-99, 100-199)
 *
 * Examples:
 * @include breakpoint($bp-sm, $bp-lg) {...} // min-width and max-width
 * @include breakpoint($bp-sm) {...} // min-width only
 * @include breakpoint(null, $bp-lg) {...} // max-width only
 *
 * @param {size} $minWidth - Min width for the breakpoint to trigger
 * @param {size} $maxWidth - Max width for the breakpoint to trigger
 */
/**
 * Styles a container with some default properties, by default centering the element and enforcing
 * some (max-)width
 *
 * Examples:
 * @include container() // With standard vertical padding
 * @include container(false) // Without any padding
 * @include container(false, null, $s-sm) // Without vertical but with horizontal `$s-sm` padding
 * @include container(false, $size, $s-sm) // Without vertical but with horizontal `$s-sm` padding,
 * max-sized to `$size` width
 * @include container(true, $size, $s-sm) // With vertical and with horizontal `$s-sm` padding, max-
 * sized to `$size` width
 *
 * @param {bool} $verticalPadding - Flag to add padding on the top and bottom of the container
 * @param {size} $maxWidth - Max width of the container, defaults to `config/sizes` defined one
 * @param {size} $horizontalPadding - Padding to be added on the sides of the container
 */
/**
 * Extends the selector where this mixin is included so if the element has the `disabled` attribute
 * (buttons, inputs, options, selects, textareas), that element will be "grayed out" (transparent)
 * and a cursor to indicate it cannot be interacted with
 */
/**
 * Aligns vertically and (optionally) horizontally the childrens of the element, defaults to center
 * on both axis
 *
 * Reference:
 * $align - https://css-tricks.com/snippets/css/a-guide-to-flexbox/#prop-align-items
 * $justify - https://css-tricks.com/snippets/css/a-guide-to-flexbox/#prop-justify-content
 *
 * @param {flex-align} $align - Flex align value, defaults to `center`
 * @param {flex-align} $justify - Flex align value, defaults to `center`
 */
/**
 * Forces the element to be the full size of the view, meaning that it will take the full browsers
 * width and height
 */
/**
 * Position the element based on the position type and coordinates
 *
 * Examples:
 * @include position(absolute, 0 0) // position: absolute; top: 0; right: 0;
 * @include position(relative, 50% 0 null 0) // position: relative; top: 50%; right: 0; left: 0;
 *
 * @param {position} $position - Position type (https://developer.mozilla.org/docs/Web/CSS/position)
 * @param {size} $coordinates - Coordinates separated by spaces in clockwise order:
 * `top right bottom left`
 */
/**
 * Sizes the element (`width` and `height`)
 *
 * Examples:
 * @import size(30px) // width: 30px; height: 30px;
 * @import size(30px 15px) // width: 30px; height: 15px;
 * @import size(null 15px) // height: 15px;
 *
 * @param {size} $value - Size(s) for the element, can be one value (same `width`/`height`) or two
 * separated by a space `width height`
 */
/**
 * Returns text-related properties depending on the given arguments
 *
 * @param {string} $size - Combination of `font-size` and `line-height` found on `$texts`
 * @param {string} $weight - Name of the weight defined on `$texts`
 * @param {text-transform} $transform - Value to be appled to the `text-transform` property
 */
/**
 * Sets the `z-index` with the value of the given path
 *
 * Example:
 * @include z('visible') // z-index: 1;
 * @include z('path', 'to', 'layer') // z-index: ?;
 *
 * @param {string} $layer - Name(s) of the layer(s) to find in `config/z-layers` variable
 */
/**
 * Generates all sizing placeholders to be extended
 * Inspired by Bootstrap 4 spacings: https://getbootstrap.com/docs/4.1/utilities/spacing/
 *
 * Requires to have breakpoints defined from `$xs` to `$xxl`
 * Requires to have sizes defined from `$xs` to `$xl`
 *
 * Generated placeholders follow this patterns:
 * Concept: %{property}{side?}{-breakpoint?}-{size}
 * Regex: %(m|p)(t|b|l|r|x|y)?(-(xs|sm|md|lg|xl|xxl))?-([0-5]|auto)
 * - First character defines if the spacing is `margin` or `padding`
 * - Second character (or its absence) defines where the spacing is applied, on any of the 4 sides
 *   (`top`, `bottom`, `left`, `right`), the 2 axis (`x`, `y`) or empty (all of them)
 * - Dash to separate spacing/position and breakpoint (if any)
 * - Min-width breakpoint (`xs`, `sm`, `md`, `lg`, `xl`, `xxl`) or none (all resolutions)
 * - Dash to separate spacing/position/breakpoint and the size
 * - Last character defines the size of the spacing (`0`, `1`, `2`, `3`, `4`, `5`, `auto`)
 *
 * Examples:
 * %mt-0 // margin-top: 0
 * %mx-4 // margin: 0 16px
 * %p-6 // margin: 40px
 * %pb-lg-2 // @media (min-screen: 1200px) { padding-bottom: 8px }
 */
/**
 * Value order matters, as it's from least to most restrictive
 */
/**
 * Generates all the spacing variable combinations, usage as regular mixin is discouraged
 *
 * @param {margin|padding} $type - Spacingg type
 * @param {string} $side - First character of the side(s) where to add the spacin:
 * (t)op, (b)ottom, (l)eft, (r)ight, (x)-axis [horizontal], (y)-axis [vertical], () all [empty]
 * @param {size} $size - Size of the spacing
 */
/**
 * Defines all the spacing placeholders (`margin`, `padding`) based on params (all `$sides` and
 * `$sizes` combinations), usage as regular mixin is VERY discouraged
 *
 * @param {list} $sides - Spacing side list, as defined on `utils/mixins/spacing/config`
 * @param {map} $sizes - Spacing size map, as defined on `utils/mixins/spacing/config`
 * @param {size} $breakpoint - Shortened breakpoint name indicating `min-width` breakpoint for the
 * spacing
 */
/**
 * Generates all the spacing placeholders (`margin`, `padding`) wrapped by media queries when needed
 */
.multi-line-text__input[data-v-4e3e8438] {
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
}
.multi-line-text__input[data-v-4e3e8438] {
  padding-left: 0.8rem;
}
[data-theme=dark] .multi-line-text[data-v-4e3e8438] {
  --color-background: var(--color-generic-gray-dark);
  --color-border: var(--color-primary-dark);
  --color-resize: var(--color-primary-dark);
  --color-error: var(--color-feedback-danger-dark);
  --color-shadow: var(--color-primary-darker);
  --color-text: inherit;
  --color-valid: var(--color-feedback-success-dark);
}
[data-theme=dark] .multi-line-text--error[data-v-4e3e8438] {
  --color-border: var(--color-error);
  --color-shadow: var(--color-error);
  --color-icon: var(--color-error);
}
[data-theme=dark] .multi-line-text--valid[data-v-4e3e8438] {
  --color-border: var(--color-valid);
  --color-shadow: var(--color-valid);
  --color-icon: var(--color-valid);
}
.multi-line-text[data-v-4e3e8438] {
  --color-background: var(--color-generic-white);
  --color-border: var(--color-primary);
  --color-resize: var(--color-primary);
  --color-error: var(--color-feedback-danger);
  --color-icon: inherit;
  --color-placeholder: var(--color-generic-gray);
  --color-shadow: var(--color-primary);
  --color-text: var(--color-primary);
  --color-valid: var(--color-feedback-success);
  --size-border-radius: var(--border-radius-md);
  --size-shadow-focus: var(--shadow-size-md);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.multi-line-text[disabled][data-v-4e3e8438]:not(.multi-line-text[disabled=false]) {
  cursor: inherit;
  opacity: 0.5;
}
.multi-line-text--error[data-v-4e3e8438] {
  --color-border: var(--color-error);
  --color-shadow: var(--color-error);
  --color-icon: var(--color-error);
}
.multi-line-text--valid[data-v-4e3e8438] {
  --color-border: var(--color-valid);
  --color-shadow: var(--color-valid);
  --color-icon: var(--color-valid);
}
.multi-line-text--sm[data-v-4e3e8438] {
  --size-border-radius: var(--border-radius-sm);
  --size-shadow-focus: var(--shadow-size-sm);
}
.multi-line-text--sm .multi-line-text__input[data-v-4e3e8438] {
  font-size: 1.4rem;
  line-height: 2.1rem;
  min-height: 2.1rem;
  padding-right: 29px;
}
.multi-line-text--sm .multi-line-text__error[data-v-4e3e8438] {
  font-size: 1.2rem;
  line-height: 1.8rem;
}
.multi-line-text__field[data-v-4e3e8438] {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.multi-line-text__input[data-v-4e3e8438] {
  background-color: var(--color-background);
  border: thin solid var(--color-border);
  border-radius: var(--size-border-radius);
  border-bottom-right-radius: 0;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  color: var(--color-text);
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  min-height: 2.4rem;
  padding-right: 32px;
  resize: vertical;
}
.multi-line-text__input[data-v-4e3e8438]:focus {
  -webkit-box-shadow: 0 0 var(--size-shadow-focus) var(--color-shadow);
          box-shadow: 0 0 var(--size-shadow-focus) var(--color-shadow);
}
.multi-line-text__input[data-v-4e3e8438]::-webkit-input-placeholder {
  color: var(--color-placeholder);
}
.multi-line-text__input[data-v-4e3e8438]::-moz-placeholder {
  color: var(--color-placeholder);
}
.multi-line-text__input[data-v-4e3e8438]:-ms-input-placeholder {
  color: var(--color-placeholder);
}
.multi-line-text__input[data-v-4e3e8438]::-ms-input-placeholder {
  color: var(--color-placeholder);
}
.multi-line-text__input[data-v-4e3e8438]::placeholder {
  color: var(--color-placeholder);
}
.multi-line-text__validation[data-v-4e3e8438] {
  position: absolute;
  top: calc(0.4rem + 1px);
  right: calc(0.4rem + 1px);
  color: var(--color-icon);
  pointer-events: none;
}
.multi-line-text__control[data-v-4e3e8438] {
  position: absolute;
  right: 0;
  bottom: 0;
  pointer-events: none;
}
.multi-line-text__control[data-v-4e3e8438]::before, .multi-line-text__control[data-v-4e3e8438]::after {
  height: 0;
  width: 0;
  content: "";
}
.multi-line-text__control[data-v-4e3e8438]::before {
  position: absolute;
  right: 1px;
  bottom: 1px;
  z-index: 0;
  border-bottom: 16px solid var(--color-background);
  border-left: 16px solid transparent;
}
.multi-line-text__control[data-v-4e3e8438]::after {
  position: absolute;
  right: 0;
  bottom: 0;
  border-bottom: 8px solid var(--color-resize);
  border-left: 8px solid transparent;
}
.multi-line-text__error[data-v-4e3e8438] {
  font-size: 1.4rem;
  line-height: 2.1rem;
  color: var(--color-error);
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../node_modules/vue-loader/dist/stylePostLoader.js!../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!../ewx-aphrodite/src/components/forms/private/RadioGroup.vue?vue&type=style&index=0&id=8c66f2d4&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Non-outputting imports
 *
 * Import order matters as functions are required by config, which is required by utils
 */
/**
 * Gets an element from a map (can be variable depth)
 *
 * Examples:
 * map-deep-get($z-layers, 'visible') // 1
 * map-deep-get($z-layers, 'path', 'to', 'item') // ?
 *
 * @param {map} $map - Map to be searched
 * @param {string} [$path] - Path separated by commas to be found in the map (`'step1', 'step2'`)
 */
/**
 * Recursively flattens a map (key being the aggregated keys and value being the value of the last
 * original map level)
 *
 * Examples:
 * $map: (
 *   'foo': (
 *     'bar': 1,
 *   ),
 *   'baz': 2,
 * );
 * map-flatten($map)
 * // (
 * //   'foo-bar': 1,
 * //   'baz': 2,
 * // )
 *
 * @param {map} $map - Map to be flattened
 * @param {function} $callback - Callback function to be executed at the last map level
 * @param {string} $prefix - Prefix to aggregate the keys on every recursion
 */
/**
 * Undoes a shorthand set of values to 4 values (`top`, `right`, `bottom`, `left`)
 *
 * Examples:
 * @include un-shorthand(0) -> 0 0 0 0
 * @include un-shorthand(0 1) -> 0 1 0 1
 * @include un-shorthand(0 1 2) -> 0 1 2 1
 * @include un-shorthand(0 1 2 3) -> 0 1 2 3
 *
 * @param {size} $shorthand - Values to be un-shorthanded separated by spaces
 */
/**
 * Breakpoints, inspired by bootstrap
 */
/**
 * Set of predefined spacing used for paddings and margins, used programatically via mixins
 * No specific reason behind the numbers, follows fibonacci starting from 8
 */
/**
 * Map of available text combinations and other related properties, used mostly via the `text` mixin
 */
/**
 * Map of available z-layers, helps to have in a glimpse the z priority of different UI elements
 */
/**
 * Utils used to compose UI elements easily
 *
 * Import order matters as some mixins are required by placeholders and/or spacing
 */
/**
 * Appends the mixin content to the corresponding media query depending on the given params, can be
 * a min, max or max-min breakpoint
 * Removes 1px from the `$maxWidth` (if available) to ensure good breakpoints (i.e. 0-99, 100-199)
 *
 * Examples:
 * @include breakpoint($bp-sm, $bp-lg) {...} // min-width and max-width
 * @include breakpoint($bp-sm) {...} // min-width only
 * @include breakpoint(null, $bp-lg) {...} // max-width only
 *
 * @param {size} $minWidth - Min width for the breakpoint to trigger
 * @param {size} $maxWidth - Max width for the breakpoint to trigger
 */
/**
 * Styles a container with some default properties, by default centering the element and enforcing
 * some (max-)width
 *
 * Examples:
 * @include container() // With standard vertical padding
 * @include container(false) // Without any padding
 * @include container(false, null, $s-sm) // Without vertical but with horizontal `$s-sm` padding
 * @include container(false, $size, $s-sm) // Without vertical but with horizontal `$s-sm` padding,
 * max-sized to `$size` width
 * @include container(true, $size, $s-sm) // With vertical and with horizontal `$s-sm` padding, max-
 * sized to `$size` width
 *
 * @param {bool} $verticalPadding - Flag to add padding on the top and bottom of the container
 * @param {size} $maxWidth - Max width of the container, defaults to `config/sizes` defined one
 * @param {size} $horizontalPadding - Padding to be added on the sides of the container
 */
/**
 * Extends the selector where this mixin is included so if the element has the `disabled` attribute
 * (buttons, inputs, options, selects, textareas), that element will be "grayed out" (transparent)
 * and a cursor to indicate it cannot be interacted with
 */
/**
 * Aligns vertically and (optionally) horizontally the childrens of the element, defaults to center
 * on both axis
 *
 * Reference:
 * $align - https://css-tricks.com/snippets/css/a-guide-to-flexbox/#prop-align-items
 * $justify - https://css-tricks.com/snippets/css/a-guide-to-flexbox/#prop-justify-content
 *
 * @param {flex-align} $align - Flex align value, defaults to `center`
 * @param {flex-align} $justify - Flex align value, defaults to `center`
 */
/**
 * Forces the element to be the full size of the view, meaning that it will take the full browsers
 * width and height
 */
/**
 * Position the element based on the position type and coordinates
 *
 * Examples:
 * @include position(absolute, 0 0) // position: absolute; top: 0; right: 0;
 * @include position(relative, 50% 0 null 0) // position: relative; top: 50%; right: 0; left: 0;
 *
 * @param {position} $position - Position type (https://developer.mozilla.org/docs/Web/CSS/position)
 * @param {size} $coordinates - Coordinates separated by spaces in clockwise order:
 * `top right bottom left`
 */
/**
 * Sizes the element (`width` and `height`)
 *
 * Examples:
 * @import size(30px) // width: 30px; height: 30px;
 * @import size(30px 15px) // width: 30px; height: 15px;
 * @import size(null 15px) // height: 15px;
 *
 * @param {size} $value - Size(s) for the element, can be one value (same `width`/`height`) or two
 * separated by a space `width height`
 */
/**
 * Returns text-related properties depending on the given arguments
 *
 * @param {string} $size - Combination of `font-size` and `line-height` found on `$texts`
 * @param {string} $weight - Name of the weight defined on `$texts`
 * @param {text-transform} $transform - Value to be appled to the `text-transform` property
 */
/**
 * Sets the `z-index` with the value of the given path
 *
 * Example:
 * @include z('visible') // z-index: 1;
 * @include z('path', 'to', 'layer') // z-index: ?;
 *
 * @param {string} $layer - Name(s) of the layer(s) to find in `config/z-layers` variable
 */
/**
 * Generates all sizing placeholders to be extended
 * Inspired by Bootstrap 4 spacings: https://getbootstrap.com/docs/4.1/utilities/spacing/
 *
 * Requires to have breakpoints defined from `$xs` to `$xxl`
 * Requires to have sizes defined from `$xs` to `$xl`
 *
 * Generated placeholders follow this patterns:
 * Concept: %{property}{side?}{-breakpoint?}-{size}
 * Regex: %(m|p)(t|b|l|r|x|y)?(-(xs|sm|md|lg|xl|xxl))?-([0-5]|auto)
 * - First character defines if the spacing is `margin` or `padding`
 * - Second character (or its absence) defines where the spacing is applied, on any of the 4 sides
 *   (`top`, `bottom`, `left`, `right`), the 2 axis (`x`, `y`) or empty (all of them)
 * - Dash to separate spacing/position and breakpoint (if any)
 * - Min-width breakpoint (`xs`, `sm`, `md`, `lg`, `xl`, `xxl`) or none (all resolutions)
 * - Dash to separate spacing/position/breakpoint and the size
 * - Last character defines the size of the spacing (`0`, `1`, `2`, `3`, `4`, `5`, `auto`)
 *
 * Examples:
 * %mt-0 // margin-top: 0
 * %mx-4 // margin: 0 16px
 * %p-6 // margin: 40px
 * %pb-lg-2 // @media (min-screen: 1200px) { padding-bottom: 8px }
 */
/**
 * Value order matters, as it's from least to most restrictive
 */
/**
 * Generates all the spacing variable combinations, usage as regular mixin is discouraged
 *
 * @param {margin|padding} $type - Spacingg type
 * @param {string} $side - First character of the side(s) where to add the spacin:
 * (t)op, (b)ottom, (l)eft, (r)ight, (x)-axis [horizontal], (y)-axis [vertical], () all [empty]
 * @param {size} $size - Size of the spacing
 */
/**
 * Defines all the spacing placeholders (`margin`, `padding`) based on params (all `$sides` and
 * `$sizes` combinations), usage as regular mixin is VERY discouraged
 *
 * @param {list} $sides - Spacing side list, as defined on `utils/mixins/spacing/config`
 * @param {map} $sizes - Spacing size map, as defined on `utils/mixins/spacing/config`
 * @param {size} $breakpoint - Shortened breakpoint name indicating `min-width` breakpoint for the
 * spacing
 */
/**
 * Generates all the spacing placeholders (`margin`, `padding`) wrapped by media queries when needed
 */
.radio-group__option[data-v-8c66f2d4] {
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
}
.radio-group__option + .radio-group__option[data-v-8c66f2d4] {
  margin-top: 0.8rem;
}
.radio-group__field[data-v-8c66f2d4] {
  margin-top: 0.4rem;
}
.radio-group__field[data-v-8c66f2d4] {
  margin-right: 0.8rem;
}
[data-theme=dark] .radio-group[data-v-8c66f2d4] {
  --color-background: var(--color-generic-gray-dark);
  --color-border: var(--color-primary-dark);
  --color-icon: var(--color-generic-white);
  --color-shadow: var(--color-primary-darker);
}
.radio-group[data-v-8c66f2d4] {
  --color-background: var(--color-generic-white);
  --color-border: var(--color-primary);
  --color-icon: var(--color-primary);
  --color-shadow: var(--color-primary);
}
.radio-group__option[data-v-8c66f2d4] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  cursor: pointer;
  display: flex;
  width: 100%;
}
.radio-group__option[disabled][data-v-8c66f2d4]:not(.radio-group__option[disabled=false]) {
  cursor: inherit;
  opacity: 0.5;
}
.radio-group__field[data-v-8c66f2d4] {
  position: relative;
}
.radio-group__input[data-v-8c66f2d4] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  cursor: inherit;
  opacity: 0;
}
.radio-group__control[data-v-8c66f2d4] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 16px;
  width: 16px;
  background-color: var(--color-background);
  border: thin solid var(--color-border);
  border-radius: 100%;
}
.radio-group__control[data-v-8c66f2d4]::after {
  height: 8px;
  width: 8px;
  background-color: var(--color-icon);
  border-radius: 100%;
}
.radio-group__input:checked + .radio-group__control[data-v-8c66f2d4]::after {
  content: "";
}
.radio-group__input:focus + .radio-group__control[data-v-8c66f2d4] {
  -webkit-box-shadow: 0 0 var(--shadow-size-md) var(--color-shadow);
          box-shadow: 0 0 var(--shadow-size-md) var(--color-shadow);
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../node_modules/vue-loader/dist/stylePostLoader.js!../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!../ewx-aphrodite/src/components/forms/private/SingleLineText.vue?vue&type=style&index=0&id=4f77177b&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Non-outputting imports
 *
 * Import order matters as functions are required by config, which is required by utils
 */
/**
 * Gets an element from a map (can be variable depth)
 *
 * Examples:
 * map-deep-get($z-layers, 'visible') // 1
 * map-deep-get($z-layers, 'path', 'to', 'item') // ?
 *
 * @param {map} $map - Map to be searched
 * @param {string} [$path] - Path separated by commas to be found in the map (`'step1', 'step2'`)
 */
/**
 * Recursively flattens a map (key being the aggregated keys and value being the value of the last
 * original map level)
 *
 * Examples:
 * $map: (
 *   'foo': (
 *     'bar': 1,
 *   ),
 *   'baz': 2,
 * );
 * map-flatten($map)
 * // (
 * //   'foo-bar': 1,
 * //   'baz': 2,
 * // )
 *
 * @param {map} $map - Map to be flattened
 * @param {function} $callback - Callback function to be executed at the last map level
 * @param {string} $prefix - Prefix to aggregate the keys on every recursion
 */
/**
 * Undoes a shorthand set of values to 4 values (`top`, `right`, `bottom`, `left`)
 *
 * Examples:
 * @include un-shorthand(0) -> 0 0 0 0
 * @include un-shorthand(0 1) -> 0 1 0 1
 * @include un-shorthand(0 1 2) -> 0 1 2 1
 * @include un-shorthand(0 1 2 3) -> 0 1 2 3
 *
 * @param {size} $shorthand - Values to be un-shorthanded separated by spaces
 */
/**
 * Breakpoints, inspired by bootstrap
 */
/**
 * Set of predefined spacing used for paddings and margins, used programatically via mixins
 * No specific reason behind the numbers, follows fibonacci starting from 8
 */
/**
 * Map of available text combinations and other related properties, used mostly via the `text` mixin
 */
/**
 * Map of available z-layers, helps to have in a glimpse the z priority of different UI elements
 */
/**
 * Utils used to compose UI elements easily
 *
 * Import order matters as some mixins are required by placeholders and/or spacing
 */
/**
 * Appends the mixin content to the corresponding media query depending on the given params, can be
 * a min, max or max-min breakpoint
 * Removes 1px from the `$maxWidth` (if available) to ensure good breakpoints (i.e. 0-99, 100-199)
 *
 * Examples:
 * @include breakpoint($bp-sm, $bp-lg) {...} // min-width and max-width
 * @include breakpoint($bp-sm) {...} // min-width only
 * @include breakpoint(null, $bp-lg) {...} // max-width only
 *
 * @param {size} $minWidth - Min width for the breakpoint to trigger
 * @param {size} $maxWidth - Max width for the breakpoint to trigger
 */
/**
 * Styles a container with some default properties, by default centering the element and enforcing
 * some (max-)width
 *
 * Examples:
 * @include container() // With standard vertical padding
 * @include container(false) // Without any padding
 * @include container(false, null, $s-sm) // Without vertical but with horizontal `$s-sm` padding
 * @include container(false, $size, $s-sm) // Without vertical but with horizontal `$s-sm` padding,
 * max-sized to `$size` width
 * @include container(true, $size, $s-sm) // With vertical and with horizontal `$s-sm` padding, max-
 * sized to `$size` width
 *
 * @param {bool} $verticalPadding - Flag to add padding on the top and bottom of the container
 * @param {size} $maxWidth - Max width of the container, defaults to `config/sizes` defined one
 * @param {size} $horizontalPadding - Padding to be added on the sides of the container
 */
/**
 * Extends the selector where this mixin is included so if the element has the `disabled` attribute
 * (buttons, inputs, options, selects, textareas), that element will be "grayed out" (transparent)
 * and a cursor to indicate it cannot be interacted with
 */
/**
 * Aligns vertically and (optionally) horizontally the childrens of the element, defaults to center
 * on both axis
 *
 * Reference:
 * $align - https://css-tricks.com/snippets/css/a-guide-to-flexbox/#prop-align-items
 * $justify - https://css-tricks.com/snippets/css/a-guide-to-flexbox/#prop-justify-content
 *
 * @param {flex-align} $align - Flex align value, defaults to `center`
 * @param {flex-align} $justify - Flex align value, defaults to `center`
 */
/**
 * Forces the element to be the full size of the view, meaning that it will take the full browsers
 * width and height
 */
/**
 * Position the element based on the position type and coordinates
 *
 * Examples:
 * @include position(absolute, 0 0) // position: absolute; top: 0; right: 0;
 * @include position(relative, 50% 0 null 0) // position: relative; top: 50%; right: 0; left: 0;
 *
 * @param {position} $position - Position type (https://developer.mozilla.org/docs/Web/CSS/position)
 * @param {size} $coordinates - Coordinates separated by spaces in clockwise order:
 * `top right bottom left`
 */
/**
 * Sizes the element (`width` and `height`)
 *
 * Examples:
 * @import size(30px) // width: 30px; height: 30px;
 * @import size(30px 15px) // width: 30px; height: 15px;
 * @import size(null 15px) // height: 15px;
 *
 * @param {size} $value - Size(s) for the element, can be one value (same `width`/`height`) or two
 * separated by a space `width height`
 */
/**
 * Returns text-related properties depending on the given arguments
 *
 * @param {string} $size - Combination of `font-size` and `line-height` found on `$texts`
 * @param {string} $weight - Name of the weight defined on `$texts`
 * @param {text-transform} $transform - Value to be appled to the `text-transform` property
 */
/**
 * Sets the `z-index` with the value of the given path
 *
 * Example:
 * @include z('visible') // z-index: 1;
 * @include z('path', 'to', 'layer') // z-index: ?;
 *
 * @param {string} $layer - Name(s) of the layer(s) to find in `config/z-layers` variable
 */
/**
 * Generates all sizing placeholders to be extended
 * Inspired by Bootstrap 4 spacings: https://getbootstrap.com/docs/4.1/utilities/spacing/
 *
 * Requires to have breakpoints defined from `$xs` to `$xxl`
 * Requires to have sizes defined from `$xs` to `$xl`
 *
 * Generated placeholders follow this patterns:
 * Concept: %{property}{side?}{-breakpoint?}-{size}
 * Regex: %(m|p)(t|b|l|r|x|y)?(-(xs|sm|md|lg|xl|xxl))?-([0-5]|auto)
 * - First character defines if the spacing is `margin` or `padding`
 * - Second character (or its absence) defines where the spacing is applied, on any of the 4 sides
 *   (`top`, `bottom`, `left`, `right`), the 2 axis (`x`, `y`) or empty (all of them)
 * - Dash to separate spacing/position and breakpoint (if any)
 * - Min-width breakpoint (`xs`, `sm`, `md`, `lg`, `xl`, `xxl`) or none (all resolutions)
 * - Dash to separate spacing/position/breakpoint and the size
 * - Last character defines the size of the spacing (`0`, `1`, `2`, `3`, `4`, `5`, `auto`)
 *
 * Examples:
 * %mt-0 // margin-top: 0
 * %mx-4 // margin: 0 16px
 * %p-6 // margin: 40px
 * %pb-lg-2 // @media (min-screen: 1200px) { padding-bottom: 8px }
 */
/**
 * Value order matters, as it's from least to most restrictive
 */
/**
 * Generates all the spacing variable combinations, usage as regular mixin is discouraged
 *
 * @param {margin|padding} $type - Spacingg type
 * @param {string} $side - First character of the side(s) where to add the spacin:
 * (t)op, (b)ottom, (l)eft, (r)ight, (x)-axis [horizontal], (y)-axis [vertical], () all [empty]
 * @param {size} $size - Size of the spacing
 */
/**
 * Defines all the spacing placeholders (`margin`, `padding`) based on params (all `$sides` and
 * `$sizes` combinations), usage as regular mixin is VERY discouraged
 *
 * @param {list} $sides - Spacing side list, as defined on `utils/mixins/spacing/config`
 * @param {map} $sizes - Spacing size map, as defined on `utils/mixins/spacing/config`
 * @param {size} $breakpoint - Shortened breakpoint name indicating `min-width` breakpoint for the
 * spacing
 */
/**
 * Generates all the spacing placeholders (`margin`, `padding`) wrapped by media queries when needed
 */
.single-line-text__input[data-v-4f77177b] {
  padding: 0.8rem;
}
.single-line-text--sm .single-line-text__validation[data-v-4f77177b] {
  margin-top: 0.4rem;
  margin-bottom: 0.4rem;
}
.single-line-text--sm .single-line-text__input[data-v-4f77177b] {
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
}
.single-line-text__input[data-v-4f77177b] {
  padding-right: 4rem;
}
[data-theme=dark] .single-line-text[data-v-4f77177b] {
  --color-background: var(--color-generic-gray-dark);
  --color-border: var(--color-primary-dark);
  --color-error: var(--color-feedback-danger-dark);
  --color-shadow: var(--color-primary-darker);
  --color-text: inherit;
  --color-valid: var(--color-feedback-success-dark);
}
[data-theme=dark] .single-line-text--error[data-v-4f77177b] {
  --color-border: var(--color-error);
  --color-shadow: var(--color-error);
  --color-icon: var(--color-error);
}
[data-theme=dark] .single-line-text--valid[data-v-4f77177b] {
  --color-border: var(--color-valid);
  --color-shadow: var(--color-valid);
  --color-icon: var(--color-valid);
}
.single-line-text[data-v-4f77177b] {
  --color-background: var(--color-generic-white);
  --color-border: var(--color-primary);
  --color-error: var(--color-feedback-danger);
  --color-icon: inherit;
  --color-placeholder: var(--color-generic-gray);
  --color-shadow: var(--color-primary);
  --color-text: var(--color-primary);
  --color-valid: var(--color-feedback-success);
  --size-border-radius: var(--border-radius-md);
  --size-shadow-focus: var(--shadow-size-md);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.single-line-text[disabled][data-v-4f77177b]:not(.single-line-text[disabled=false]) {
  cursor: inherit;
  opacity: 0.5;
}
.single-line-text--error[data-v-4f77177b] {
  --color-border: var(--color-error);
  --color-shadow: var(--color-error);
  --color-icon: var(--color-error);
}
.single-line-text--valid[data-v-4f77177b] {
  --color-border: var(--color-valid);
  --color-shadow: var(--color-valid);
  --color-icon: var(--color-valid);
}
.single-line-text--sm[data-v-4f77177b] {
  --size-border-radius: var(--border-radius-sm);
  --size-shadow-focus: var(--shadow-size-sm);
}
.single-line-text--sm .single-line-text__input[data-v-4f77177b] {
  font-size: 1.4rem;
  line-height: 2.1rem;
}
.single-line-text--sm .single-line-text__validation[data-v-4f77177b] {
  top: 0;
  -webkit-transform: none;
          transform: none;
}
.single-line-text--sm .single-line-text__error[data-v-4f77177b] {
  font-size: 1.2rem;
  line-height: 1.8rem;
}
.single-line-text__field[data-v-4f77177b] {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.single-line-text__input[data-v-4f77177b] {
  background-color: var(--color-background);
  border: thin solid var(--color-border);
  border-radius: var(--size-border-radius);
  color: var(--color-text);
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.single-line-text__input[type=number][data-v-4f77177b]::-webkit-inner-spin-button,
.single-line-text__input [type=number][data-v-4f77177b]::-webkit-outer-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0;
}
.single-line-text__input[data-v-4f77177b]:focus {
  -webkit-box-shadow: 0 0 var(--size-shadow-focus) var(--color-shadow);
          box-shadow: 0 0 var(--size-shadow-focus) var(--color-shadow);
}
.single-line-text__input[data-v-4f77177b]::-webkit-input-placeholder {
  color: var(--color-placeholder);
}
.single-line-text__input[data-v-4f77177b]::-moz-placeholder {
  color: var(--color-placeholder);
}
.single-line-text__input[data-v-4f77177b]:-ms-input-placeholder {
  color: var(--color-placeholder);
}
.single-line-text__input[data-v-4f77177b]::-ms-input-placeholder {
  color: var(--color-placeholder);
}
.single-line-text__input[data-v-4f77177b]::placeholder {
  color: var(--color-placeholder);
}
.single-line-text__input[data-v-4f77177b]::-webkit-calendar-picker-indicator {
  display: none !important;
}
.single-line-text__validation[data-v-4f77177b] {
  position: absolute;
  top: 50%;
  right: 0.8rem;
  color: var(--color-icon);
  pointer-events: none;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.single-line-text__error[data-v-4f77177b] {
  font-size: 1.4rem;
  line-height: 2.1rem;
  color: var(--color-error);
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../node_modules/vue-loader/dist/stylePostLoader.js!../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!../ewx-aphrodite/src/components/forms/private/Switch.vue?vue&type=style&index=0&id=0df8fb86&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Non-outputting imports
 *
 * Import order matters as functions are required by config, which is required by utils
 */
/**
 * Gets an element from a map (can be variable depth)
 *
 * Examples:
 * map-deep-get($z-layers, 'visible') // 1
 * map-deep-get($z-layers, 'path', 'to', 'item') // ?
 *
 * @param {map} $map - Map to be searched
 * @param {string} [$path] - Path separated by commas to be found in the map (`'step1', 'step2'`)
 */
/**
 * Recursively flattens a map (key being the aggregated keys and value being the value of the last
 * original map level)
 *
 * Examples:
 * $map: (
 *   'foo': (
 *     'bar': 1,
 *   ),
 *   'baz': 2,
 * );
 * map-flatten($map)
 * // (
 * //   'foo-bar': 1,
 * //   'baz': 2,
 * // )
 *
 * @param {map} $map - Map to be flattened
 * @param {function} $callback - Callback function to be executed at the last map level
 * @param {string} $prefix - Prefix to aggregate the keys on every recursion
 */
/**
 * Undoes a shorthand set of values to 4 values (`top`, `right`, `bottom`, `left`)
 *
 * Examples:
 * @include un-shorthand(0) -> 0 0 0 0
 * @include un-shorthand(0 1) -> 0 1 0 1
 * @include un-shorthand(0 1 2) -> 0 1 2 1
 * @include un-shorthand(0 1 2 3) -> 0 1 2 3
 *
 * @param {size} $shorthand - Values to be un-shorthanded separated by spaces
 */
/**
 * Breakpoints, inspired by bootstrap
 */
/**
 * Set of predefined spacing used for paddings and margins, used programatically via mixins
 * No specific reason behind the numbers, follows fibonacci starting from 8
 */
/**
 * Map of available text combinations and other related properties, used mostly via the `text` mixin
 */
/**
 * Map of available z-layers, helps to have in a glimpse the z priority of different UI elements
 */
/**
 * Utils used to compose UI elements easily
 *
 * Import order matters as some mixins are required by placeholders and/or spacing
 */
/**
 * Appends the mixin content to the corresponding media query depending on the given params, can be
 * a min, max or max-min breakpoint
 * Removes 1px from the `$maxWidth` (if available) to ensure good breakpoints (i.e. 0-99, 100-199)
 *
 * Examples:
 * @include breakpoint($bp-sm, $bp-lg) {...} // min-width and max-width
 * @include breakpoint($bp-sm) {...} // min-width only
 * @include breakpoint(null, $bp-lg) {...} // max-width only
 *
 * @param {size} $minWidth - Min width for the breakpoint to trigger
 * @param {size} $maxWidth - Max width for the breakpoint to trigger
 */
/**
 * Styles a container with some default properties, by default centering the element and enforcing
 * some (max-)width
 *
 * Examples:
 * @include container() // With standard vertical padding
 * @include container(false) // Without any padding
 * @include container(false, null, $s-sm) // Without vertical but with horizontal `$s-sm` padding
 * @include container(false, $size, $s-sm) // Without vertical but with horizontal `$s-sm` padding,
 * max-sized to `$size` width
 * @include container(true, $size, $s-sm) // With vertical and with horizontal `$s-sm` padding, max-
 * sized to `$size` width
 *
 * @param {bool} $verticalPadding - Flag to add padding on the top and bottom of the container
 * @param {size} $maxWidth - Max width of the container, defaults to `config/sizes` defined one
 * @param {size} $horizontalPadding - Padding to be added on the sides of the container
 */
/**
 * Extends the selector where this mixin is included so if the element has the `disabled` attribute
 * (buttons, inputs, options, selects, textareas), that element will be "grayed out" (transparent)
 * and a cursor to indicate it cannot be interacted with
 */
/**
 * Aligns vertically and (optionally) horizontally the childrens of the element, defaults to center
 * on both axis
 *
 * Reference:
 * $align - https://css-tricks.com/snippets/css/a-guide-to-flexbox/#prop-align-items
 * $justify - https://css-tricks.com/snippets/css/a-guide-to-flexbox/#prop-justify-content
 *
 * @param {flex-align} $align - Flex align value, defaults to `center`
 * @param {flex-align} $justify - Flex align value, defaults to `center`
 */
/**
 * Forces the element to be the full size of the view, meaning that it will take the full browsers
 * width and height
 */
/**
 * Position the element based on the position type and coordinates
 *
 * Examples:
 * @include position(absolute, 0 0) // position: absolute; top: 0; right: 0;
 * @include position(relative, 50% 0 null 0) // position: relative; top: 50%; right: 0; left: 0;
 *
 * @param {position} $position - Position type (https://developer.mozilla.org/docs/Web/CSS/position)
 * @param {size} $coordinates - Coordinates separated by spaces in clockwise order:
 * `top right bottom left`
 */
/**
 * Sizes the element (`width` and `height`)
 *
 * Examples:
 * @import size(30px) // width: 30px; height: 30px;
 * @import size(30px 15px) // width: 30px; height: 15px;
 * @import size(null 15px) // height: 15px;
 *
 * @param {size} $value - Size(s) for the element, can be one value (same `width`/`height`) or two
 * separated by a space `width height`
 */
/**
 * Returns text-related properties depending on the given arguments
 *
 * @param {string} $size - Combination of `font-size` and `line-height` found on `$texts`
 * @param {string} $weight - Name of the weight defined on `$texts`
 * @param {text-transform} $transform - Value to be appled to the `text-transform` property
 */
/**
 * Sets the `z-index` with the value of the given path
 *
 * Example:
 * @include z('visible') // z-index: 1;
 * @include z('path', 'to', 'layer') // z-index: ?;
 *
 * @param {string} $layer - Name(s) of the layer(s) to find in `config/z-layers` variable
 */
/**
 * Generates all sizing placeholders to be extended
 * Inspired by Bootstrap 4 spacings: https://getbootstrap.com/docs/4.1/utilities/spacing/
 *
 * Requires to have breakpoints defined from `$xs` to `$xxl`
 * Requires to have sizes defined from `$xs` to `$xl`
 *
 * Generated placeholders follow this patterns:
 * Concept: %{property}{side?}{-breakpoint?}-{size}
 * Regex: %(m|p)(t|b|l|r|x|y)?(-(xs|sm|md|lg|xl|xxl))?-([0-5]|auto)
 * - First character defines if the spacing is `margin` or `padding`
 * - Second character (or its absence) defines where the spacing is applied, on any of the 4 sides
 *   (`top`, `bottom`, `left`, `right`), the 2 axis (`x`, `y`) or empty (all of them)
 * - Dash to separate spacing/position and breakpoint (if any)
 * - Min-width breakpoint (`xs`, `sm`, `md`, `lg`, `xl`, `xxl`) or none (all resolutions)
 * - Dash to separate spacing/position/breakpoint and the size
 * - Last character defines the size of the spacing (`0`, `1`, `2`, `3`, `4`, `5`, `auto`)
 *
 * Examples:
 * %mt-0 // margin-top: 0
 * %mx-4 // margin: 0 16px
 * %p-6 // margin: 40px
 * %pb-lg-2 // @media (min-screen: 1200px) { padding-bottom: 8px }
 */
/**
 * Value order matters, as it's from least to most restrictive
 */
/**
 * Generates all the spacing variable combinations, usage as regular mixin is discouraged
 *
 * @param {margin|padding} $type - Spacingg type
 * @param {string} $side - First character of the side(s) where to add the spacin:
 * (t)op, (b)ottom, (l)eft, (r)ight, (x)-axis [horizontal], (y)-axis [vertical], () all [empty]
 * @param {size} $size - Size of the spacing
 */
/**
 * Defines all the spacing placeholders (`margin`, `padding`) based on params (all `$sides` and
 * `$sizes` combinations), usage as regular mixin is VERY discouraged
 *
 * @param {list} $sides - Spacing side list, as defined on `utils/mixins/spacing/config`
 * @param {map} $sizes - Spacing size map, as defined on `utils/mixins/spacing/config`
 * @param {size} $breakpoint - Shortened breakpoint name indicating `min-width` breakpoint for the
 * spacing
 */
/**
 * Generates all the spacing placeholders (`margin`, `padding`) wrapped by media queries when needed
 */
.switch__label[data-v-0df8fb86] {
  padding-right: 1.6rem;
  padding-left: 1.6rem;
}
.switch--sm .switch__label[data-v-0df8fb86] {
  padding-right: 0.8rem;
  padding-left: 0.8rem;
}
.switch__label[data-v-0df8fb86] {
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
}
.switch--sm .switch__label[data-v-0df8fb86] {
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
}
[data-theme=dark] .switch[data-v-0df8fb86] {
  --color-background-active: var(--color-primary-darker);
  --color-background: var(--color-generic-gray-dark);
  --color-border: var(--color-primary-dark);
  --color-shadow: var(--color-primary-darker);
  --color-text: inherit;
  --color-text-active: inherit;
}
.switch[data-v-0df8fb86] {
  --color-background-active: var(--color-primary);
  --color-background: var(--color-generic-white);
  --color-border: var(--color-primary);
  --color-shadow: var(--color-primary);
  --color-text: var(--color-primary);
  --color-text-active: var(--color-generic-white);
  --size-border-radius: var(--border-radius-md);
  --size-shadow-focus: var(--shadow-size-md);
  background-color: var(--color-background);
  border: thin solid var(--color-border);
  border-radius: var(--size-border-radius);
  color: var(--color-text);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}
.switch[disabled][data-v-0df8fb86]:not(.switch[disabled=false]) {
  cursor: inherit;
  opacity: 0.5;
}
.switch[data-v-0df8fb86]:focus-within {
  -webkit-box-shadow: 0 0 var(--size-shadow-focus) var(--color-shadow);
          box-shadow: 0 0 var(--size-shadow-focus) var(--color-shadow);
}
.switch--sm .switch[data-v-0df8fb86] {
  --size-border-radius: var(--border-radius-sm);
  --size-shadow-focus: var(--size-shadow-sm);
}
.switch--sm .switch__label[data-v-0df8fb86] {
  font-size: 1.4rem;
  line-height: 2.1rem;
}
.switch__option[data-v-0df8fb86] {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.switch__input[data-v-0df8fb86] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
}
.switch__label[data-v-0df8fb86] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: var(--size-border-radius);
  cursor: pointer;
}
.switch__focus[data-v-0df8fb86] {
  display: none;
}
.switch[disabled]:not(.switch[disabled=false]) .switch__label[data-v-0df8fb86] {
  cursor: not-allowed;
}
.switch__option:first-child .switch__label[data-v-0df8fb86] {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.switch__option:last-child .switch__label[data-v-0df8fb86] {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.switch__input:checked + .switch__label[data-v-0df8fb86] {
  font-weight: 600;
  background-color: var(--color-background-active);
  color: var(--color-text-active);
  cursor: default;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../node_modules/vue-loader/dist/stylePostLoader.js!../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!../ewx-aphrodite/src/components/forms/FormControl.vue?vue&type=style&index=0&id=7ee8adba&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Non-outputting imports
 *
 * Import order matters as functions are required by config, which is required by utils
 */
/**
 * Gets an element from a map (can be variable depth)
 *
 * Examples:
 * map-deep-get($z-layers, 'visible') // 1
 * map-deep-get($z-layers, 'path', 'to', 'item') // ?
 *
 * @param {map} $map - Map to be searched
 * @param {string} [$path] - Path separated by commas to be found in the map (`'step1', 'step2'`)
 */
/**
 * Recursively flattens a map (key being the aggregated keys and value being the value of the last
 * original map level)
 *
 * Examples:
 * $map: (
 *   'foo': (
 *     'bar': 1,
 *   ),
 *   'baz': 2,
 * );
 * map-flatten($map)
 * // (
 * //   'foo-bar': 1,
 * //   'baz': 2,
 * // )
 *
 * @param {map} $map - Map to be flattened
 * @param {function} $callback - Callback function to be executed at the last map level
 * @param {string} $prefix - Prefix to aggregate the keys on every recursion
 */
/**
 * Undoes a shorthand set of values to 4 values (`top`, `right`, `bottom`, `left`)
 *
 * Examples:
 * @include un-shorthand(0) -> 0 0 0 0
 * @include un-shorthand(0 1) -> 0 1 0 1
 * @include un-shorthand(0 1 2) -> 0 1 2 1
 * @include un-shorthand(0 1 2 3) -> 0 1 2 3
 *
 * @param {size} $shorthand - Values to be un-shorthanded separated by spaces
 */
/**
 * Breakpoints, inspired by bootstrap
 */
/**
 * Set of predefined spacing used for paddings and margins, used programatically via mixins
 * No specific reason behind the numbers, follows fibonacci starting from 8
 */
/**
 * Map of available text combinations and other related properties, used mostly via the `text` mixin
 */
/**
 * Map of available z-layers, helps to have in a glimpse the z priority of different UI elements
 */
/**
 * Utils used to compose UI elements easily
 *
 * Import order matters as some mixins are required by placeholders and/or spacing
 */
/**
 * Appends the mixin content to the corresponding media query depending on the given params, can be
 * a min, max or max-min breakpoint
 * Removes 1px from the `$maxWidth` (if available) to ensure good breakpoints (i.e. 0-99, 100-199)
 *
 * Examples:
 * @include breakpoint($bp-sm, $bp-lg) {...} // min-width and max-width
 * @include breakpoint($bp-sm) {...} // min-width only
 * @include breakpoint(null, $bp-lg) {...} // max-width only
 *
 * @param {size} $minWidth - Min width for the breakpoint to trigger
 * @param {size} $maxWidth - Max width for the breakpoint to trigger
 */
/**
 * Styles a container with some default properties, by default centering the element and enforcing
 * some (max-)width
 *
 * Examples:
 * @include container() // With standard vertical padding
 * @include container(false) // Without any padding
 * @include container(false, null, $s-sm) // Without vertical but with horizontal `$s-sm` padding
 * @include container(false, $size, $s-sm) // Without vertical but with horizontal `$s-sm` padding,
 * max-sized to `$size` width
 * @include container(true, $size, $s-sm) // With vertical and with horizontal `$s-sm` padding, max-
 * sized to `$size` width
 *
 * @param {bool} $verticalPadding - Flag to add padding on the top and bottom of the container
 * @param {size} $maxWidth - Max width of the container, defaults to `config/sizes` defined one
 * @param {size} $horizontalPadding - Padding to be added on the sides of the container
 */
/**
 * Extends the selector where this mixin is included so if the element has the `disabled` attribute
 * (buttons, inputs, options, selects, textareas), that element will be "grayed out" (transparent)
 * and a cursor to indicate it cannot be interacted with
 */
/**
 * Aligns vertically and (optionally) horizontally the childrens of the element, defaults to center
 * on both axis
 *
 * Reference:
 * $align - https://css-tricks.com/snippets/css/a-guide-to-flexbox/#prop-align-items
 * $justify - https://css-tricks.com/snippets/css/a-guide-to-flexbox/#prop-justify-content
 *
 * @param {flex-align} $align - Flex align value, defaults to `center`
 * @param {flex-align} $justify - Flex align value, defaults to `center`
 */
/**
 * Forces the element to be the full size of the view, meaning that it will take the full browsers
 * width and height
 */
/**
 * Position the element based on the position type and coordinates
 *
 * Examples:
 * @include position(absolute, 0 0) // position: absolute; top: 0; right: 0;
 * @include position(relative, 50% 0 null 0) // position: relative; top: 50%; right: 0; left: 0;
 *
 * @param {position} $position - Position type (https://developer.mozilla.org/docs/Web/CSS/position)
 * @param {size} $coordinates - Coordinates separated by spaces in clockwise order:
 * `top right bottom left`
 */
/**
 * Sizes the element (`width` and `height`)
 *
 * Examples:
 * @import size(30px) // width: 30px; height: 30px;
 * @import size(30px 15px) // width: 30px; height: 15px;
 * @import size(null 15px) // height: 15px;
 *
 * @param {size} $value - Size(s) for the element, can be one value (same `width`/`height`) or two
 * separated by a space `width height`
 */
/**
 * Returns text-related properties depending on the given arguments
 *
 * @param {string} $size - Combination of `font-size` and `line-height` found on `$texts`
 * @param {string} $weight - Name of the weight defined on `$texts`
 * @param {text-transform} $transform - Value to be appled to the `text-transform` property
 */
/**
 * Sets the `z-index` with the value of the given path
 *
 * Example:
 * @include z('visible') // z-index: 1;
 * @include z('path', 'to', 'layer') // z-index: ?;
 *
 * @param {string} $layer - Name(s) of the layer(s) to find in `config/z-layers` variable
 */
/**
 * Generates all sizing placeholders to be extended
 * Inspired by Bootstrap 4 spacings: https://getbootstrap.com/docs/4.1/utilities/spacing/
 *
 * Requires to have breakpoints defined from `$xs` to `$xxl`
 * Requires to have sizes defined from `$xs` to `$xl`
 *
 * Generated placeholders follow this patterns:
 * Concept: %{property}{side?}{-breakpoint?}-{size}
 * Regex: %(m|p)(t|b|l|r|x|y)?(-(xs|sm|md|lg|xl|xxl))?-([0-5]|auto)
 * - First character defines if the spacing is `margin` or `padding`
 * - Second character (or its absence) defines where the spacing is applied, on any of the 4 sides
 *   (`top`, `bottom`, `left`, `right`), the 2 axis (`x`, `y`) or empty (all of them)
 * - Dash to separate spacing/position and breakpoint (if any)
 * - Min-width breakpoint (`xs`, `sm`, `md`, `lg`, `xl`, `xxl`) or none (all resolutions)
 * - Dash to separate spacing/position/breakpoint and the size
 * - Last character defines the size of the spacing (`0`, `1`, `2`, `3`, `4`, `5`, `auto`)
 *
 * Examples:
 * %mt-0 // margin-top: 0
 * %mx-4 // margin: 0 16px
 * %p-6 // margin: 40px
 * %pb-lg-2 // @media (min-screen: 1200px) { padding-bottom: 8px }
 */
/**
 * Value order matters, as it's from least to most restrictive
 */
/**
 * Generates all the spacing variable combinations, usage as regular mixin is discouraged
 *
 * @param {margin|padding} $type - Spacingg type
 * @param {string} $side - First character of the side(s) where to add the spacin:
 * (t)op, (b)ottom, (l)eft, (r)ight, (x)-axis [horizontal], (y)-axis [vertical], () all [empty]
 * @param {size} $size - Size of the spacing
 */
/**
 * Defines all the spacing placeholders (`margin`, `padding`) based on params (all `$sides` and
 * `$sizes` combinations), usage as regular mixin is VERY discouraged
 *
 * @param {list} $sides - Spacing side list, as defined on `utils/mixins/spacing/config`
 * @param {map} $sizes - Spacing size map, as defined on `utils/mixins/spacing/config`
 * @param {size} $breakpoint - Shortened breakpoint name indicating `min-width` breakpoint for the
 * spacing
 */
/**
 * Generates all the spacing placeholders (`margin`, `padding`) wrapped by media queries when needed
 */
.form-control__label[data-v-7ee8adba], .form-control__description[data-v-7ee8adba] {
  margin-bottom: 0.4rem;
}
.form-control[data-v-7ee8adba] {
  display: block;
  overflow-wrap: break-word;
}
.form-control[disabled][data-v-7ee8adba]:not(.form-control[disabled=false]):not(.form-control--loading) {
  cursor: not-allowed;
}
.form-control[disabled]:not(.form-control[disabled=false]) .form-control__label[data-v-7ee8adba], .form-control[disabled]:not(.form-control[disabled=false]) .form-control__description[data-v-7ee8adba] {
  opacity: 0.5;
}
.form-control--loading[data-v-7ee8adba] {
  cursor: progress;
}
.form-control--sm .form-control__label[data-v-7ee8adba], .form-control--sm .form-control__value[data-v-7ee8adba] {
  font-size: 1.4rem;
  line-height: 2.1rem;
}
.form-control--sm .form-control__value[data-v-7ee8adba] {
  padding-bottom: calc(0.4rem + 1px);
  padding-top: calc(0.4rem + 1px);
}
.form-control__description[data-v-7ee8adba] {
  font-size: 1.2rem;
  line-height: 1.8rem;
  color: var(--color-generic-gray);
}
.form-control__wrapper[data-v-7ee8adba] {
  position: relative;
}
.form-control__loader[data-v-7ee8adba] {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  pointer-events: none;
  -webkit-transform: translate(-50%, -75%);
          transform: translate(-50%, -75%);
}
.form-control__value[data-v-7ee8adba] {
  font-weight: 600;
  padding-bottom: calc(0.8rem + 1px);
  padding-top: calc(0.8rem + 1px);
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../node_modules/vue-loader/dist/stylePostLoader.js!../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/Breadcrumb.vue?vue&type=style&index=0&id=6f46de9a&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Non-outputting imports
 *
 * Import order matters as functions are required by config, which is required by utils
 */
/**
 * Gets an element from a map (can be variable depth)
 *
 * Examples:
 * map-deep-get($z-layers, 'visible') // 1
 * map-deep-get($z-layers, 'path', 'to', 'item') // ?
 *
 * @param {map} $map - Map to be searched
 * @param {string} [$path] - Path separated by commas to be found in the map (`'step1', 'step2'`)
 */
/**
 * Recursively flattens a map (key being the aggregated keys and value being the value of the last
 * original map level)
 *
 * Examples:
 * $map: (
 *   'foo': (
 *     'bar': 1,
 *   ),
 *   'baz': 2,
 * );
 * map-flatten($map)
 * // (
 * //   'foo-bar': 1,
 * //   'baz': 2,
 * // )
 *
 * @param {map} $map - Map to be flattened
 * @param {function} $callback - Callback function to be executed at the last map level
 * @param {string} $prefix - Prefix to aggregate the keys on every recursion
 */
/**
 * Undoes a shorthand set of values to 4 values (`top`, `right`, `bottom`, `left`)
 *
 * Examples:
 * @include un-shorthand(0) -> 0 0 0 0
 * @include un-shorthand(0 1) -> 0 1 0 1
 * @include un-shorthand(0 1 2) -> 0 1 2 1
 * @include un-shorthand(0 1 2 3) -> 0 1 2 3
 *
 * @param {size} $shorthand - Values to be un-shorthanded separated by spaces
 */
/**
 * Breakpoints, inspired by bootstrap
 */
/**
 * Set of predefined spacing used for paddings and margins, used programatically via mixins
 * No specific reason behind the numbers, follows fibonacci starting from 8
 */
/**
 * Map of available text combinations and other related properties, used mostly via the `text` mixin
 */
/**
 * Map of available z-layers, helps to have in a glimpse the z priority of different UI elements
 */
/**
 * Utils used to compose UI elements easily
 *
 * Import order matters as some mixins are required by placeholders and/or spacing
 */
/**
 * Appends the mixin content to the corresponding media query depending on the given params, can be
 * a min, max or max-min breakpoint
 * Removes 1px from the `$maxWidth` (if available) to ensure good breakpoints (i.e. 0-99, 100-199)
 *
 * Examples:
 * @include breakpoint($bp-sm, $bp-lg) {...} // min-width and max-width
 * @include breakpoint($bp-sm) {...} // min-width only
 * @include breakpoint(null, $bp-lg) {...} // max-width only
 *
 * @param {size} $minWidth - Min width for the breakpoint to trigger
 * @param {size} $maxWidth - Max width for the breakpoint to trigger
 */
/**
 * Styles a container with some default properties, by default centering the element and enforcing
 * some (max-)width
 *
 * Examples:
 * @include container() // With standard vertical padding
 * @include container(false) // Without any padding
 * @include container(false, null, $s-sm) // Without vertical but with horizontal `$s-sm` padding
 * @include container(false, $size, $s-sm) // Without vertical but with horizontal `$s-sm` padding,
 * max-sized to `$size` width
 * @include container(true, $size, $s-sm) // With vertical and with horizontal `$s-sm` padding, max-
 * sized to `$size` width
 *
 * @param {bool} $verticalPadding - Flag to add padding on the top and bottom of the container
 * @param {size} $maxWidth - Max width of the container, defaults to `config/sizes` defined one
 * @param {size} $horizontalPadding - Padding to be added on the sides of the container
 */
/**
 * Extends the selector where this mixin is included so if the element has the `disabled` attribute
 * (buttons, inputs, options, selects, textareas), that element will be "grayed out" (transparent)
 * and a cursor to indicate it cannot be interacted with
 */
/**
 * Aligns vertically and (optionally) horizontally the childrens of the element, defaults to center
 * on both axis
 *
 * Reference:
 * $align - https://css-tricks.com/snippets/css/a-guide-to-flexbox/#prop-align-items
 * $justify - https://css-tricks.com/snippets/css/a-guide-to-flexbox/#prop-justify-content
 *
 * @param {flex-align} $align - Flex align value, defaults to `center`
 * @param {flex-align} $justify - Flex align value, defaults to `center`
 */
/**
 * Forces the element to be the full size of the view, meaning that it will take the full browsers
 * width and height
 */
/**
 * Position the element based on the position type and coordinates
 *
 * Examples:
 * @include position(absolute, 0 0) // position: absolute; top: 0; right: 0;
 * @include position(relative, 50% 0 null 0) // position: relative; top: 50%; right: 0; left: 0;
 *
 * @param {position} $position - Position type (https://developer.mozilla.org/docs/Web/CSS/position)
 * @param {size} $coordinates - Coordinates separated by spaces in clockwise order:
 * `top right bottom left`
 */
/**
 * Sizes the element (`width` and `height`)
 *
 * Examples:
 * @import size(30px) // width: 30px; height: 30px;
 * @import size(30px 15px) // width: 30px; height: 15px;
 * @import size(null 15px) // height: 15px;
 *
 * @param {size} $value - Size(s) for the element, can be one value (same `width`/`height`) or two
 * separated by a space `width height`
 */
/**
 * Returns text-related properties depending on the given arguments
 *
 * @param {string} $size - Combination of `font-size` and `line-height` found on `$texts`
 * @param {string} $weight - Name of the weight defined on `$texts`
 * @param {text-transform} $transform - Value to be appled to the `text-transform` property
 */
/**
 * Sets the `z-index` with the value of the given path
 *
 * Example:
 * @include z('visible') // z-index: 1;
 * @include z('path', 'to', 'layer') // z-index: ?;
 *
 * @param {string} $layer - Name(s) of the layer(s) to find in `config/z-layers` variable
 */
/**
 * Generates all sizing placeholders to be extended
 * Inspired by Bootstrap 4 spacings: https://getbootstrap.com/docs/4.1/utilities/spacing/
 *
 * Requires to have breakpoints defined from `$xs` to `$xxl`
 * Requires to have sizes defined from `$xs` to `$xl`
 *
 * Generated placeholders follow this patterns:
 * Concept: %{property}{side?}{-breakpoint?}-{size}
 * Regex: %(m|p)(t|b|l|r|x|y)?(-(xs|sm|md|lg|xl|xxl))?-([0-5]|auto)
 * - First character defines if the spacing is `margin` or `padding`
 * - Second character (or its absence) defines where the spacing is applied, on any of the 4 sides
 *   (`top`, `bottom`, `left`, `right`), the 2 axis (`x`, `y`) or empty (all of them)
 * - Dash to separate spacing/position and breakpoint (if any)
 * - Min-width breakpoint (`xs`, `sm`, `md`, `lg`, `xl`, `xxl`) or none (all resolutions)
 * - Dash to separate spacing/position/breakpoint and the size
 * - Last character defines the size of the spacing (`0`, `1`, `2`, `3`, `4`, `5`, `auto`)
 *
 * Examples:
 * %mt-0 // margin-top: 0
 * %mx-4 // margin: 0 16px
 * %p-6 // margin: 40px
 * %pb-lg-2 // @media (min-screen: 1200px) { padding-bottom: 8px }
 */
/**
 * Value order matters, as it's from least to most restrictive
 */
/**
 * Generates all the spacing variable combinations, usage as regular mixin is discouraged
 *
 * @param {margin|padding} $type - Spacingg type
 * @param {string} $side - First character of the side(s) where to add the spacin:
 * (t)op, (b)ottom, (l)eft, (r)ight, (x)-axis [horizontal], (y)-axis [vertical], () all [empty]
 * @param {size} $size - Size of the spacing
 */
/**
 * Defines all the spacing placeholders (`margin`, `padding`) based on params (all `$sides` and
 * `$sizes` combinations), usage as regular mixin is VERY discouraged
 *
 * @param {list} $sides - Spacing side list, as defined on `utils/mixins/spacing/config`
 * @param {map} $sizes - Spacing size map, as defined on `utils/mixins/spacing/config`
 * @param {size} $breakpoint - Shortened breakpoint name indicating `min-width` breakpoint for the
 * spacing
 */
/**
 * Generates all the spacing placeholders (`margin`, `padding`) wrapped by media queries when needed
 */
.breadcrumbs[data-v-6f46de9a] {
  display: none;
}
@media (min-width: 1050px) {
.breadcrumbs[data-v-6f46de9a] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
}
.breadcrumbs > *[data-v-6f46de9a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.breadcrumbs__item[data-v-6f46de9a] {
  color: #fff;
  text-decoration: none;
}
.breadcrumbs__item[data-v-6f46de9a]:not(.breadcrumbs__item--static):hover, .breadcrumbs__item[data-v-6f46de9a]:not(.breadcrumbs__item--static):focus {
  text-decoration: underline;
}
.breadcrumbs__item--active[data-v-6f46de9a] {
  opacity: 0.5;
}
@media (min-width: 1050px) {
.breadcrumbs__item--active[data-v-6f46de9a] {
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100px;
}
}
@media (min-width: 1250px) {
.breadcrumbs__item--active[data-v-6f46de9a] {
    width: auto;
}
}
.breadcrumbs .icon--home[data-v-6f46de9a] {
  height: 1.6rem;
}
@media (min-width: 1250px) {
.breadcrumbs[data-v-6f46de9a] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../node_modules/vue-loader/dist/stylePostLoader.js!../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/router/Layout.vue?vue&type=style&index=0&id=02f6a1c7&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Non-outputting imports
 *
 * Import order matters as functions are required by config, which is required by utils
 */
/**
 * Gets an element from a map (can be variable depth)
 *
 * Examples:
 * map-deep-get($z-layers, 'visible') // 1
 * map-deep-get($z-layers, 'path', 'to', 'item') // ?
 *
 * @param {map} $map - Map to be searched
 * @param {string} [$path] - Path separated by commas to be found in the map (`'step1', 'step2'`)
 */
/**
 * Recursively flattens a map (key being the aggregated keys and value being the value of the last
 * original map level)
 *
 * Examples:
 * $map: (
 *   'foo': (
 *     'bar': 1,
 *   ),
 *   'baz': 2,
 * );
 * map-flatten($map)
 * // (
 * //   'foo-bar': 1,
 * //   'baz': 2,
 * // )
 *
 * @param {map} $map - Map to be flattened
 * @param {function} $callback - Callback function to be executed at the last map level
 * @param {string} $prefix - Prefix to aggregate the keys on every recursion
 */
/**
 * Undoes a shorthand set of values to 4 values (`top`, `right`, `bottom`, `left`)
 *
 * Examples:
 * @include un-shorthand(0) -> 0 0 0 0
 * @include un-shorthand(0 1) -> 0 1 0 1
 * @include un-shorthand(0 1 2) -> 0 1 2 1
 * @include un-shorthand(0 1 2 3) -> 0 1 2 3
 *
 * @param {size} $shorthand - Values to be un-shorthanded separated by spaces
 */
/**
 * Breakpoints, inspired by bootstrap
 */
/**
 * Set of predefined spacing used for paddings and margins, used programatically via mixins
 * No specific reason behind the numbers, follows fibonacci starting from 8
 */
/**
 * Map of available text combinations and other related properties, used mostly via the `text` mixin
 */
/**
 * Map of available z-layers, helps to have in a glimpse the z priority of different UI elements
 */
/**
 * Utils used to compose UI elements easily
 *
 * Import order matters as some mixins are required by placeholders and/or spacing
 */
/**
 * Appends the mixin content to the corresponding media query depending on the given params, can be
 * a min, max or max-min breakpoint
 * Removes 1px from the `$maxWidth` (if available) to ensure good breakpoints (i.e. 0-99, 100-199)
 *
 * Examples:
 * @include breakpoint($bp-sm, $bp-lg) {...} // min-width and max-width
 * @include breakpoint($bp-sm) {...} // min-width only
 * @include breakpoint(null, $bp-lg) {...} // max-width only
 *
 * @param {size} $minWidth - Min width for the breakpoint to trigger
 * @param {size} $maxWidth - Max width for the breakpoint to trigger
 */
/**
 * Styles a container with some default properties, by default centering the element and enforcing
 * some (max-)width
 *
 * Examples:
 * @include container() // With standard vertical padding
 * @include container(false) // Without any padding
 * @include container(false, null, $s-sm) // Without vertical but with horizontal `$s-sm` padding
 * @include container(false, $size, $s-sm) // Without vertical but with horizontal `$s-sm` padding,
 * max-sized to `$size` width
 * @include container(true, $size, $s-sm) // With vertical and with horizontal `$s-sm` padding, max-
 * sized to `$size` width
 *
 * @param {bool} $verticalPadding - Flag to add padding on the top and bottom of the container
 * @param {size} $maxWidth - Max width of the container, defaults to `config/sizes` defined one
 * @param {size} $horizontalPadding - Padding to be added on the sides of the container
 */
/**
 * Extends the selector where this mixin is included so if the element has the `disabled` attribute
 * (buttons, inputs, options, selects, textareas), that element will be "grayed out" (transparent)
 * and a cursor to indicate it cannot be interacted with
 */
/**
 * Aligns vertically and (optionally) horizontally the childrens of the element, defaults to center
 * on both axis
 *
 * Reference:
 * $align - https://css-tricks.com/snippets/css/a-guide-to-flexbox/#prop-align-items
 * $justify - https://css-tricks.com/snippets/css/a-guide-to-flexbox/#prop-justify-content
 *
 * @param {flex-align} $align - Flex align value, defaults to `center`
 * @param {flex-align} $justify - Flex align value, defaults to `center`
 */
/**
 * Forces the element to be the full size of the view, meaning that it will take the full browsers
 * width and height
 */
/**
 * Position the element based on the position type and coordinates
 *
 * Examples:
 * @include position(absolute, 0 0) // position: absolute; top: 0; right: 0;
 * @include position(relative, 50% 0 null 0) // position: relative; top: 50%; right: 0; left: 0;
 *
 * @param {position} $position - Position type (https://developer.mozilla.org/docs/Web/CSS/position)
 * @param {size} $coordinates - Coordinates separated by spaces in clockwise order:
 * `top right bottom left`
 */
/**
 * Sizes the element (`width` and `height`)
 *
 * Examples:
 * @import size(30px) // width: 30px; height: 30px;
 * @import size(30px 15px) // width: 30px; height: 15px;
 * @import size(null 15px) // height: 15px;
 *
 * @param {size} $value - Size(s) for the element, can be one value (same `width`/`height`) or two
 * separated by a space `width height`
 */
/**
 * Returns text-related properties depending on the given arguments
 *
 * @param {string} $size - Combination of `font-size` and `line-height` found on `$texts`
 * @param {string} $weight - Name of the weight defined on `$texts`
 * @param {text-transform} $transform - Value to be appled to the `text-transform` property
 */
/**
 * Sets the `z-index` with the value of the given path
 *
 * Example:
 * @include z('visible') // z-index: 1;
 * @include z('path', 'to', 'layer') // z-index: ?;
 *
 * @param {string} $layer - Name(s) of the layer(s) to find in `config/z-layers` variable
 */
/**
 * Generates all sizing placeholders to be extended
 * Inspired by Bootstrap 4 spacings: https://getbootstrap.com/docs/4.1/utilities/spacing/
 *
 * Requires to have breakpoints defined from `$xs` to `$xxl`
 * Requires to have sizes defined from `$xs` to `$xl`
 *
 * Generated placeholders follow this patterns:
 * Concept: %{property}{side?}{-breakpoint?}-{size}
 * Regex: %(m|p)(t|b|l|r|x|y)?(-(xs|sm|md|lg|xl|xxl))?-([0-5]|auto)
 * - First character defines if the spacing is `margin` or `padding`
 * - Second character (or its absence) defines where the spacing is applied, on any of the 4 sides
 *   (`top`, `bottom`, `left`, `right`), the 2 axis (`x`, `y`) or empty (all of them)
 * - Dash to separate spacing/position and breakpoint (if any)
 * - Min-width breakpoint (`xs`, `sm`, `md`, `lg`, `xl`, `xxl`) or none (all resolutions)
 * - Dash to separate spacing/position/breakpoint and the size
 * - Last character defines the size of the spacing (`0`, `1`, `2`, `3`, `4`, `5`, `auto`)
 *
 * Examples:
 * %mt-0 // margin-top: 0
 * %mx-4 // margin: 0 16px
 * %p-6 // margin: 40px
 * %pb-lg-2 // @media (min-screen: 1200px) { padding-bottom: 8px }
 */
/**
 * Value order matters, as it's from least to most restrictive
 */
/**
 * Generates all the spacing variable combinations, usage as regular mixin is discouraged
 *
 * @param {margin|padding} $type - Spacingg type
 * @param {string} $side - First character of the side(s) where to add the spacin:
 * (t)op, (b)ottom, (l)eft, (r)ight, (x)-axis [horizontal], (y)-axis [vertical], () all [empty]
 * @param {size} $size - Size of the spacing
 */
/**
 * Defines all the spacing placeholders (`margin`, `padding`) based on params (all `$sides` and
 * `$sizes` combinations), usage as regular mixin is VERY discouraged
 *
 * @param {list} $sides - Spacing side list, as defined on `utils/mixins/spacing/config`
 * @param {map} $sizes - Spacing size map, as defined on `utils/mixins/spacing/config`
 * @param {size} $breakpoint - Shortened breakpoint name indicating `min-width` breakpoint for the
 * spacing
 */
/**
 * Generates all the spacing placeholders (`margin`, `padding`) wrapped by media queries when needed
 */
.menu__section[data-v-02f6a1c7]:not(:last-child), .menu__action[data-v-02f6a1c7]:not(:last-child) {
  margin-bottom: 1.6rem;
}
.menu__section[data-v-02f6a1c7]:not(:last-child) {
  padding-bottom: 1.6rem;
}
@media (min-width: 767px) {
.account__picture[data-v-02f6a1c7] {
    margin-left: 0.8rem;
}
}
.loading-placeholder[data-v-02f6a1c7] {
  background-color: var(--color-background);
  min-height: 100vh;
}
.version[data-v-02f6a1c7] {
  font-size: 1.4rem;
  line-height: 2.1rem;
}
@media (min-width: 500px) {
.version[data-v-02f6a1c7] {
    font-size: 1.5rem;
    line-height: 2.4rem;
}
}
[data-theme=dark] .account[data-v-02f6a1c7] {
  --color-picture-border: var(--color-primary-dark);
}
.account[data-v-02f6a1c7] {
  --color-picture-border: var(--color-primary-lighter);
  --size-acount-picture: 34px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (min-width: 500px) {
.account[data-v-02f6a1c7] {
    --size-acount-picture: 29px;
}
}
.account__name[data-v-02f6a1c7] {
  display: none;
  line-height: 1.2em;
}
@media (min-width: 767px) {
.account__name[data-v-02f6a1c7] {
    display: block;
}
}
.account__name span[data-v-02f6a1c7] {
  font-size: 0.9em;
}
.account__picture[data-v-02f6a1c7] {
  border: 2px solid var(--color-picture-border);
  border-radius: 100%;
  height: var(--size-acount-picture);
  width: var(--size-acount-picture);
}
[data-theme=dark] .menu[data-v-02f6a1c7] {
  --color-divisor: var(--color-generic-gray-dark);
}
.menu[data-v-02f6a1c7] {
  --color-divisor: var(--color-secondary-light);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.menu__section[data-v-02f6a1c7]:not(:last-child) {
  border-bottom: thin solid var(--color-divisor);
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../node_modules/vue-loader/dist/stylePostLoader.js!../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!../ewx-aphrodite/src/components/containers/Sheet.vue?vue&type=style&index=0&id=18ee0b48&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Non-outputting imports
 *
 * Import order matters as functions are required by config, which is required by utils
 */
/**
 * Gets an element from a map (can be variable depth)
 *
 * Examples:
 * map-deep-get($z-layers, 'visible') // 1
 * map-deep-get($z-layers, 'path', 'to', 'item') // ?
 *
 * @param {map} $map - Map to be searched
 * @param {string} [$path] - Path separated by commas to be found in the map (`'step1', 'step2'`)
 */
/**
 * Recursively flattens a map (key being the aggregated keys and value being the value of the last
 * original map level)
 *
 * Examples:
 * $map: (
 *   'foo': (
 *     'bar': 1,
 *   ),
 *   'baz': 2,
 * );
 * map-flatten($map)
 * // (
 * //   'foo-bar': 1,
 * //   'baz': 2,
 * // )
 *
 * @param {map} $map - Map to be flattened
 * @param {function} $callback - Callback function to be executed at the last map level
 * @param {string} $prefix - Prefix to aggregate the keys on every recursion
 */
/**
 * Undoes a shorthand set of values to 4 values (`top`, `right`, `bottom`, `left`)
 *
 * Examples:
 * @include un-shorthand(0) -> 0 0 0 0
 * @include un-shorthand(0 1) -> 0 1 0 1
 * @include un-shorthand(0 1 2) -> 0 1 2 1
 * @include un-shorthand(0 1 2 3) -> 0 1 2 3
 *
 * @param {size} $shorthand - Values to be un-shorthanded separated by spaces
 */
/**
 * Breakpoints, inspired by bootstrap
 */
/**
 * Set of predefined spacing used for paddings and margins, used programatically via mixins
 * No specific reason behind the numbers, follows fibonacci starting from 8
 */
/**
 * Map of available text combinations and other related properties, used mostly via the `text` mixin
 */
/**
 * Map of available z-layers, helps to have in a glimpse the z priority of different UI elements
 */
/**
 * Utils used to compose UI elements easily
 *
 * Import order matters as some mixins are required by placeholders and/or spacing
 */
/**
 * Appends the mixin content to the corresponding media query depending on the given params, can be
 * a min, max or max-min breakpoint
 * Removes 1px from the `$maxWidth` (if available) to ensure good breakpoints (i.e. 0-99, 100-199)
 *
 * Examples:
 * @include breakpoint($bp-sm, $bp-lg) {...} // min-width and max-width
 * @include breakpoint($bp-sm) {...} // min-width only
 * @include breakpoint(null, $bp-lg) {...} // max-width only
 *
 * @param {size} $minWidth - Min width for the breakpoint to trigger
 * @param {size} $maxWidth - Max width for the breakpoint to trigger
 */
/**
 * Styles a container with some default properties, by default centering the element and enforcing
 * some (max-)width
 *
 * Examples:
 * @include container() // With standard vertical padding
 * @include container(false) // Without any padding
 * @include container(false, null, $s-sm) // Without vertical but with horizontal `$s-sm` padding
 * @include container(false, $size, $s-sm) // Without vertical but with horizontal `$s-sm` padding,
 * max-sized to `$size` width
 * @include container(true, $size, $s-sm) // With vertical and with horizontal `$s-sm` padding, max-
 * sized to `$size` width
 *
 * @param {bool} $verticalPadding - Flag to add padding on the top and bottom of the container
 * @param {size} $maxWidth - Max width of the container, defaults to `config/sizes` defined one
 * @param {size} $horizontalPadding - Padding to be added on the sides of the container
 */
/**
 * Extends the selector where this mixin is included so if the element has the `disabled` attribute
 * (buttons, inputs, options, selects, textareas), that element will be "grayed out" (transparent)
 * and a cursor to indicate it cannot be interacted with
 */
/**
 * Aligns vertically and (optionally) horizontally the childrens of the element, defaults to center
 * on both axis
 *
 * Reference:
 * $align - https://css-tricks.com/snippets/css/a-guide-to-flexbox/#prop-align-items
 * $justify - https://css-tricks.com/snippets/css/a-guide-to-flexbox/#prop-justify-content
 *
 * @param {flex-align} $align - Flex align value, defaults to `center`
 * @param {flex-align} $justify - Flex align value, defaults to `center`
 */
/**
 * Forces the element to be the full size of the view, meaning that it will take the full browsers
 * width and height
 */
/**
 * Position the element based on the position type and coordinates
 *
 * Examples:
 * @include position(absolute, 0 0) // position: absolute; top: 0; right: 0;
 * @include position(relative, 50% 0 null 0) // position: relative; top: 50%; right: 0; left: 0;
 *
 * @param {position} $position - Position type (https://developer.mozilla.org/docs/Web/CSS/position)
 * @param {size} $coordinates - Coordinates separated by spaces in clockwise order:
 * `top right bottom left`
 */
/**
 * Sizes the element (`width` and `height`)
 *
 * Examples:
 * @import size(30px) // width: 30px; height: 30px;
 * @import size(30px 15px) // width: 30px; height: 15px;
 * @import size(null 15px) // height: 15px;
 *
 * @param {size} $value - Size(s) for the element, can be one value (same `width`/`height`) or two
 * separated by a space `width height`
 */
/**
 * Returns text-related properties depending on the given arguments
 *
 * @param {string} $size - Combination of `font-size` and `line-height` found on `$texts`
 * @param {string} $weight - Name of the weight defined on `$texts`
 * @param {text-transform} $transform - Value to be appled to the `text-transform` property
 */
/**
 * Sets the `z-index` with the value of the given path
 *
 * Example:
 * @include z('visible') // z-index: 1;
 * @include z('path', 'to', 'layer') // z-index: ?;
 *
 * @param {string} $layer - Name(s) of the layer(s) to find in `config/z-layers` variable
 */
/**
 * Generates all sizing placeholders to be extended
 * Inspired by Bootstrap 4 spacings: https://getbootstrap.com/docs/4.1/utilities/spacing/
 *
 * Requires to have breakpoints defined from `$xs` to `$xxl`
 * Requires to have sizes defined from `$xs` to `$xl`
 *
 * Generated placeholders follow this patterns:
 * Concept: %{property}{side?}{-breakpoint?}-{size}
 * Regex: %(m|p)(t|b|l|r|x|y)?(-(xs|sm|md|lg|xl|xxl))?-([0-5]|auto)
 * - First character defines if the spacing is `margin` or `padding`
 * - Second character (or its absence) defines where the spacing is applied, on any of the 4 sides
 *   (`top`, `bottom`, `left`, `right`), the 2 axis (`x`, `y`) or empty (all of them)
 * - Dash to separate spacing/position and breakpoint (if any)
 * - Min-width breakpoint (`xs`, `sm`, `md`, `lg`, `xl`, `xxl`) or none (all resolutions)
 * - Dash to separate spacing/position/breakpoint and the size
 * - Last character defines the size of the spacing (`0`, `1`, `2`, `3`, `4`, `5`, `auto`)
 *
 * Examples:
 * %mt-0 // margin-top: 0
 * %mx-4 // margin: 0 16px
 * %p-6 // margin: 40px
 * %pb-lg-2 // @media (min-screen: 1200px) { padding-bottom: 8px }
 */
/**
 * Value order matters, as it's from least to most restrictive
 */
/**
 * Generates all the spacing variable combinations, usage as regular mixin is discouraged
 *
 * @param {margin|padding} $type - Spacingg type
 * @param {string} $side - First character of the side(s) where to add the spacin:
 * (t)op, (b)ottom, (l)eft, (r)ight, (x)-axis [horizontal], (y)-axis [vertical], () all [empty]
 * @param {size} $size - Size of the spacing
 */
/**
 * Defines all the spacing placeholders (`margin`, `padding`) based on params (all `$sides` and
 * `$sizes` combinations), usage as regular mixin is VERY discouraged
 *
 * @param {list} $sides - Spacing side list, as defined on `utils/mixins/spacing/config`
 * @param {map} $sizes - Spacing size map, as defined on `utils/mixins/spacing/config`
 * @param {size} $breakpoint - Shortened breakpoint name indicating `min-width` breakpoint for the
 * spacing
 */
/**
 * Generates all the spacing placeholders (`margin`, `padding`) wrapped by media queries when needed
 */
.sheet__body[data-v-18ee0b48] {
  padding-right: 2.4rem;
  padding-left: 2.4rem;
}
.sheet__header[data-v-18ee0b48] {
  padding-top: 1.6rem;
  padding-bottom: 1.6rem;
}
.sheet__body[data-v-18ee0b48] {
  padding-bottom: 2.4rem;
}
.sheet__title[data-v-18ee0b48] {
  margin-bottom: 0;
}
.sheet__header[data-v-18ee0b48] {
  padding-left: 2.4rem;
}
.sheet__header[data-v-18ee0b48] {
  padding-right: 1.6rem;
}
.sheet__title[data-v-18ee0b48] {
  margin-right: 0.8rem;
}
[data-theme=dark] .sheet[data-v-18ee0b48] {
  --color-background: var(--color-secondary);
  --color-title: inherit;
}
.sheet[data-v-18ee0b48] {
  --color-background: var(--color-generic-white);
  --color-title: var(--color-primary);
  --offset-shadow: 2px;
  --width: 422px;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  background-color: var(--color-background);
  -webkit-box-shadow: 0 0 var(--width-navigation-shadow) var(--offset-shadow) var(--color-generic-black-15);
          box-shadow: 0 0 var(--width-navigation-shadow) var(--offset-shadow) var(--color-generic-black-15);
  display: grid;
  grid-template-rows: -webkit-min-content auto;
  grid-template-rows: min-content auto;
  max-width: var(--width);
  min-width: var(--width);
  overflow: auto;
}
.sheet__header[data-v-18ee0b48] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: var(--color-title);
}
.sheet__title[data-v-18ee0b48] {
  font-size: 2.2rem;
  line-height: 3.2rem;
  font-weight: 600;
}
.sheet__body[data-v-18ee0b48] {
  display: grid;
  grid-template-rows: auto;
}