@charset "UTF-8";
/*
 * Colors
 * (Named using "Name that color") - http://chir.ag/projects/name-that-color
 * -------------------------------------------------------------------------- */
/**
 * @tokens Colors Base
 * @presenter Color
 */
/**
 * @tokens Colors Promo
 * @presenter Color
 */
/**
 * @tokens Colors System
 * @presenter Color
 */
/**
 * @tokens Colors Others
 * @presenter Color
 */
/* Scrollbars customization */
/* Custom width */
/* Custom width */
/**
 * Hide scrollbars during width/height transition with keyframes
 * Source: https://css-tricks.com/hide-scrollbars-during-an-animation/
 */
@keyframes hide-scroll {
    from,
    to {
        overflow-y: hidden;
    }
}
/**
 * Map with all possible units to be used by other utilities (i.e. fluid value)
 */
/**
 * Adds unit to a number
 * @param {Number} $value - Value to add unit to
 * @param {String} $unit - String representation of the unit
 * @return {Number} - `$value` expressed in `$unit`
 */
/**
 * Returns a number without units
 */
/**
 * Returns a rem value from a number of pixels.
 * Its uses 16px as root font-size
 */
/**
 * Returns a px value from a number of rems.
 * Its uses 16px as root font-size
 */
/**
 * Returns a rem value from a map
 */
/**
 * Returns a fluid value between two points in the viewport variable dimension.
 * This linear function can be applied to any property (width, font-size, ...).
 * @param {Number} $v1 - Value at init point - Linear function's Y1
 * @param {Number} $v2 - Value at end point - Linear function's Y2
 * @param {Number} $init - Init point in pixels - Linear function's X1
 * @param {Number} $end - End point in pixels - Linear function's X2
 * @param {Number} $var-dim - Variable dimension: 100vw as default, or 100vh, 100%
 * examples:
 * width: byl-linear-fluid-value(70vw, 58vw, 810px, 1024px);
 * padding-bottom: byl-linear-fluid-value(24px, 48px, 1025px, 1920px, 100%);
 * font-size: byl-linear-fluid-value(1rem, 2rem, 320px, 768px),
 * letter-spacing: byl-linear-fluid-value(0, 1px, 768px, 1024px),
 */
/* 1025 is used instead of 1024 because touch devices design is not specified */
/**
 * @tokens Font Families
 * @presenter FontFamily
 */
/** System monospace */
/**
 * @tokens Font Weights
 * @presenter FontWeight
 */
/**
 * @tokens Font Sizes
 * @presenter FontSize
 */
/* Mixin to use if touch devices design is specified */
/* Ignore, hover Device with limited pointing accuracy (touch) */
html {
    /* Internet Explorer */
    scrollbar-face-color: hsl(0, 0%, 66%);
    scrollbar-track-color: transparent;
    /* W3C Working Draft */
    scrollbar-color: hsl(0, 0%, 66%) transparent; /* stylelint-disable-line property-no-unknown */
    box-sizing: border-box;
}
html::-webkit-scrollbar-thumb {
    background-color: hsl(0, 0%, 66%);
    border-radius: 0;
}
html::-webkit-scrollbar-track {
    background-color: transparent;
}
html::-webkit-scrollbar {
    width: 9px;
    height: 9px;
    background-color: hsl(0, 0%, 92%);
}
html :focus {
    outline: 1px solid hsl(0, 0%, 56.5%);
    outline-offset: -1px;
}
html:not(.keynav-mode) :focus,
html:not(.keynav-mode) :focus + label,
html:not(.keynav-mode) :focus + [class*='label'] {
    outline: none;
}

*,
*::before,
*::after {
    box-sizing: inherit;
}

body {
    --uses-typography: 'body-base';
    color: hsl(0, 0%, 0%);
    font-family: 'FKGrotesk', 'Arial', sans-serif;
    font-size: 0.875rem;
    margin: 0;
    overflow-x: hidden;
    background-color: hsl(0, 0%, 100%);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

button {
    padding: 0;
    padding: initial;
    cursor: pointer;
}

.main {
    position: relative;
}

img {
    max-width: 100%;
}

/* -------------------------------------------------------------------------- *\
 *  INSETS
 * --------------------------------------------------------------------------
 *  An inset offers indents content on all four sides like the matte of the
 *  framed photo on a wall
 *
 *  $inset-X : a b;
 *  $inset-stack-X : a;
 *  $inset-inline-X : b;
 *
 *  -----------------------
 *  |          a          |
 *  |   ---------------   |
 *  | b |             | b |
 *  |   ---------------   |
 *  |          a          |
 *  -----------------------
 *
\* -------------------------------------------------------------------------- */
/**
 * @tokens Inset Block
 * @presenter Spacing
 */
/**
 * @tokens Inset Inline
 * @presenter Spacing
 */
/**
 * @tokens Insets
 * @presenter Spacing
 */
/* -------------------------------------------------------------------------- *\
 *  Main header
 * -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- *\
 *  Footer
 * -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- *\
 *  Main content
 * -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- *\
 *  Landing pages
 * -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- *\
 *  Account pages
 * -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- *\
 *  Form Login content
 * -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- *\
 *  Product Page
 * -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- *\
 *  Cart/Minicart
 * -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- *\
 *  Article pages
 * -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- *\
 *  Home Page
 * -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- *\
 *  Customizer
 * -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- *\
 *  CTA static buttons
 * -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- *\
 *  IOS navigator bottom spacing
 * -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- *\
 *  Rest of variables
 * -------------------------------------------------------------------------- */
/*
 * https://allyjs.io/tutorials/hiding-elements.html#2017-edition-of-visuallyhidden
 */
/**
 * Extends click zone by adding a pseudo overflowing on the element
 *
 * @param $margins: size overflowing the click zone
 * @param $pseudo: the pseudo where attach the hotzone
 * @param $debug: just to see the zone added
 */
/*
 * https://allyjs.io/tutorials/hiding-elements.html#2017-edition-of-visuallyhidden
 */
.visually-hidden:not(:focus):not(:active) {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    white-space: nowrap;
    border: 0;
    clip: rect(0 0 0 0);
    clip-path: inset(100%);
}

.visibility-hidden {
    visibility: hidden;
}

:root {
    --color-sales: hsl(19, 100%, 50%);
}

/*   Font definition    */
/*   FKGrotesk Family   */
@font-face {
    font-weight: 400;
    font-family: 'FKGrotesk';
    font-style: normal;
    src:
        local('FKGrotesk'),
        url('../fonts/FKGrotesk-Regular.woff2') format('woff2'),
        url('../fonts/FKGrotesk-Regular.woff') format('woff'),
        url('../fonts/FKGrotesk-Regular.ttf') format('truetype');
    font-display: swap;
}
@font-face {
    font-weight: 400;
    font-family: 'FKGrotesk';
    font-style: italic;
    src:
        local('FKGrotesk'),
        url('../fonts/FKGrotesk-Italic.woff2') format('woff2'),
        url('../fonts/FKGrotesk-Italic.woff') format('woff'),
        url('../fonts/FKGrotesk-Italic.ttf') format('truetype');
    font-display: swap;
}
@font-face {
    font-weight: 500;
    font-family: 'FKGrotesk';
    font-style: normal;
    src:
        local('FKGrotesk'),
        url('../fonts/FKGrotesk-Medium.woff2') format('woff2'),
        url('../fonts/FKGrotesk-Medium.woff') format('woff'),
        url('../fonts/FKGrotesk-Medium.ttf') format('truetype');
    font-display: swap;
}
@font-face {
    font-weight: 500;
    font-family: 'FKGrotesk';
    font-style: italic;
    src:
        local('FKGrotesk'),
        url('../fonts/FKGrotesk-MediumItalic.woff2') format('woff2'),
        url('../fonts/FKGrotesk-MediumItalic.woff') format('woff'),
        url('../fonts/FKGrotesk-MediumItalic.ttf') format('truetype');
    font-display: swap;
}
@font-face {
    font-weight: 700;
    font-family: 'FKGrotesk';
    font-style: normal;
    src:
        local('FKGrotesk'),
        url('../fonts/FKGrotesk-Bold.woff2') format('woff2'),
        url('../fonts/FKGrotesk-Bold.woff') format('woff'),
        url('../fonts/FKGrotesk-Bold.ttf') format('truetype');
    font-display: swap;
}
@font-face {
    font-weight: 700;
    font-family: 'FKGrotesk';
    font-style: italic;
    src:
        local('FKGrotesk'),
        url('../fonts/FKGrotesk-BoldItalic.woff2') format('woff2'),
        url('../fonts/FKGrotesk-BoldItalic.woff') format('woff'),
        url('../fonts/FKGrotesk-BoldItalic.ttf') format('truetype');
    font-display: swap;
}
@font-face {
    font-weight: 900;
    font-family: 'FKGrotesk';
    font-style: normal;
    src:
        local('FKGrotesk'),
        url('../fonts/FKGrotesk-Black.woff2') format('woff2'),
        url('../fonts/FKGrotesk-Black.woff') format('woff'),
        url('../fonts/FKGrotesk-Black.ttf') format('truetype');
    font-display: swap;
}
/*   FKGrotesk Monospace Family   */
@font-face {
    font-weight: 500;
    font-family: 'FKGrotesk-Monospaced';
    font-style: normal;
    src:
        local('FKGrotesk-Monospaced'),
        url('../fonts/FKGroteskMono-Medium.woff2') format('woff2'),
        url('../fonts/FKGroteskMono-Medium.woff') format('woff'),
        url('../fonts/FKGroteskMono-Medium.ttf') format('truetype');
    font-display: swap;
}
/*   EBGaramond Family   */
@font-face {
    font-weight: 700;
    font-family: 'EBGaramond';
    font-style: italic;
    src:
        local('EBGaramond'),
        url('../fonts/EBGaramond-BoldItalic.woff2') format('woff2'),
        url('../fonts/EBGaramond-BoldItalic.woff') format('woff'),
        url('../fonts/EBGaramond-BoldItalic.ttf') format('truetype');
    font-display: swap;
}
@font-face {
    font-weight: 600;
    font-family: 'EBGaramond';
    font-style: italic;
    src:
        local('EBGaramond'),
        url('../fonts/EBGaramond-SemiBoldItalic.woff2') format('woff2'),
        url('../fonts/EBGaramond-SemiBoldItalic.woff') format('woff'),
        url('../fonts/EBGaramond-SemiBoldItalic.ttf') format('truetype');
    font-display: swap;
}
/*
 * Colors
 * (Named using "Name that color") - http://chir.ag/projects/name-that-color
 * -------------------------------------------------------------------------- */
/**
 * @tokens Colors Base
 * @presenter Color
 */
/**
 * @tokens Colors Promo
 * @presenter Color
 */
/**
 * @tokens Colors System
 * @presenter Color
 */
/**
 * @tokens Colors Others
 * @presenter Color
 */
/* 1025 is used instead of 1024 because touch devices design is not specified */
/*
$carousel-control-prev-icon-bg: str-replace(
  url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='hsl(0, 0%, 0%)' viewBox='0 0 7 7'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e"),
  "#",
  "%23"
);
$carousel-control-next-icon-bg: str-replace(
  url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='hsl(0, 0%, 0%)' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e"),
  "#",
  "%23"
);
*/
:root {
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: hsl(0, 0%, 0%);
    --secondary: hsl(0, 0%, 38%);
    --success: hsl(99, 44%, 46%);
    --info: hsl(245, 100%, 50%);
    --warning: hsl(43, 100%, 50%);
    --danger: hsl(0, 100%, 50%);
    --light: hsl(0, 0%, 78.43%);
    --dark: hsl(0, 0%, 34.5%);
    --breakpoint-xs: 0;
    --breakpoint-sm: 375px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 1025px;
    --breakpoint-xl: 1280px;
    --breakpoint-xxl: 1440px;
    --breakpoint-xxxl: 1920px;
    --font-family-sans-serif:
        -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue',
        Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
        'Segoe UI Symbol', 'Noto Color Emoji';
    --font-family-monospace:
        SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono',
        'Courier New', monospace;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    margin-bottom: 0.5rem;
    font-weight: 500;
    line-height: 1.2;
}

h1,
.h1 {
    font-size: 2.5rem;
}

h2,
.h2 {
    font-size: 2rem;
}

h3,
.h3 {
    font-size: 1.75rem;
}

h4,
.h4 {
    font-size: 1.5rem;
}

h5,
.h5 {
    font-size: 1.25rem;
}

h6,
.h6 {
    font-size: 1rem;
}

.lead {
    font-size: 1.25rem;
    font-weight: 300;
}

.display-1 {
    font-size: 6rem;
    font-weight: 300;
    line-height: 1.2;
}

.display-2 {
    font-size: 5.5rem;
    font-weight: 300;
    line-height: 1.2;
}

.display-3 {
    font-size: 4.5rem;
    font-weight: 300;
    line-height: 1.2;
}

.display-4 {
    font-size: 3.5rem;
    font-weight: 300;
    line-height: 1.2;
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

small,
.small {
    font-size: 80%;
    font-weight: 400;
}

mark,
.mark {
    padding: 0.2em;
    background-color: #fcf8e3;
}

.list-unstyled {
    padding-left: 0;
    list-style: none;
}

.list-inline {
    padding-left: 0;
    list-style: none;
}

.list-inline-item {
    display: inline-block;
}
.list-inline-item:not(:last-child) {
    margin-right: 0.5rem;
}

.initialism {
    font-size: 90%;
    text-transform: uppercase;
}

.blockquote {
    margin-bottom: 1rem;
    font-size: 1.25rem;
}

.blockquote-footer {
    display: block;
    font-size: 80%;
    color: #6c757d;
}
.blockquote-footer::before {
    content: '— ';
}

.container {
    width: 100%;
    padding-right: 0;
    padding-left: 0;
    margin-right: auto;
    margin-left: auto;
}
@media (min-width: 375px) {
    .container {
        max-width: 100%;
    }
}
@media (min-width: 768px) {
    .container {
        max-width: 100%;
    }
}
@media (min-width: 1025px) {
    .container {
        max-width: 100%;
    }
}
@media (min-width: 1280px) {
    .container {
        max-width: 100%;
    }
}

.container-fluid {
    width: 100%;
    padding-right: 0;
    padding-left: 0;
    margin-right: auto;
    margin-left: auto;
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: 0;
    margin-left: 0;
}

.no-gutters {
    margin-right: 0;
    margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*='col-'] {
    padding-right: 0;
    padding-left: 0;
}

.col-xxxl,
.col-xxxl-auto,
.col-xxxl-12,
.col-xxxl-11,
.col-xxxl-10,
.col-xxxl-9,
.col-xxxl-8,
.col-xxxl-7,
.col-xxxl-6,
.col-xxxl-5,
.col-xxxl-4,
.col-xxxl-3,
.col-xxxl-2,
.col-xxxl-1,
.col-xxl,
.col-xxl-auto,
.col-xxl-12,
.col-xxl-11,
.col-xxl-10,
.col-xxl-9,
.col-xxl-8,
.col-xxl-7,
.col-xxl-6,
.col-xxl-5,
.col-xxl-4,
.col-xxl-3,
.col-xxl-2,
.col-xxl-1,
.col-xl,
.col-xl-auto,
.col-xl-12,
.col-xl-11,
.col-xl-10,
.col-xl-9,
.col-xl-8,
.col-xl-7,
.col-xl-6,
.col-xl-5,
.col-xl-4,
.col-xl-3,
.col-xl-2,
.col-xl-1,
.col-lg,
.col-lg-auto,
.col-lg-12,
.col-lg-11,
.col-lg-10,
.col-lg-9,
.col-lg-8,
.col-lg-7,
.col-lg-6,
.col-lg-5,
.col-lg-4,
.col-lg-3,
.col-lg-2,
.col-lg-1,
.col-md,
.col-md-auto,
.col-md-12,
.col-md-11,
.col-md-10,
.col-md-9,
.col-md-8,
.col-md-7,
.col-md-6,
.col-md-5,
.col-md-4,
.col-md-3,
.col-md-2,
.col-md-1,
.col-sm,
.col-sm-auto,
.col-sm-12,
.col-sm-11,
.col-sm-10,
.col-sm-9,
.col-sm-8,
.col-sm-7,
.col-sm-6,
.col-sm-5,
.col-sm-4,
.col-sm-3,
.col-sm-2,
.col-sm-1,
.col,
.col-auto,
.col-12,
.col-11,
.col-10,
.col-9,
.col-8,
.col-7,
.col-6,
.col-5,
.col-4,
.col-3,
.col-2,
.col-1 {
    position: relative;
    width: 100%;
    padding-right: 0;
    padding-left: 0;
}

.col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
}

.col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
}

.col-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
}

.col-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
}

.col-3 {
    flex: 0 0 25%;
    max-width: 25%;
}

.col-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
}

.col-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
}

.col-6 {
    flex: 0 0 50%;
    max-width: 50%;
}

.col-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
}

.col-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
}

.col-9 {
    flex: 0 0 75%;
    max-width: 75%;
}

.col-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
}

.col-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
}

.col-12 {
    flex: 0 0 100%;
    max-width: 100%;
}

.order-first {
    order: -1;
}

.order-last {
    order: 13;
}

.order-0 {
    order: 0;
}

.order-1 {
    order: 1;
}

.order-2 {
    order: 2;
}

.order-3 {
    order: 3;
}

.order-4 {
    order: 4;
}

.order-5 {
    order: 5;
}

.order-6 {
    order: 6;
}

.order-7 {
    order: 7;
}

.order-8 {
    order: 8;
}

.order-9 {
    order: 9;
}

.order-10 {
    order: 10;
}

.order-11 {
    order: 11;
}

.order-12 {
    order: 12;
}

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 375px) {
    .col-sm {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }
    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }
    .col-sm-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%;
    }
    .col-sm-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%;
    }
    .col-sm-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-sm-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%;
    }
    .col-sm-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%;
    }
    .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-sm-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%;
    }
    .col-sm-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%;
    }
    .col-sm-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }
    .col-sm-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%;
    }
    .col-sm-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%;
    }
    .col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .order-sm-first {
        order: -1;
    }
    .order-sm-last {
        order: 13;
    }
    .order-sm-0 {
        order: 0;
    }
    .order-sm-1 {
        order: 1;
    }
    .order-sm-2 {
        order: 2;
    }
    .order-sm-3 {
        order: 3;
    }
    .order-sm-4 {
        order: 4;
    }
    .order-sm-5 {
        order: 5;
    }
    .order-sm-6 {
        order: 6;
    }
    .order-sm-7 {
        order: 7;
    }
    .order-sm-8 {
        order: 8;
    }
    .order-sm-9 {
        order: 9;
    }
    .order-sm-10 {
        order: 10;
    }
    .order-sm-11 {
        order: 11;
    }
    .order-sm-12 {
        order: 12;
    }
    .offset-sm-0 {
        margin-left: 0;
    }
    .offset-sm-1 {
        margin-left: 8.3333333333%;
    }
    .offset-sm-2 {
        margin-left: 16.6666666667%;
    }
    .offset-sm-3 {
        margin-left: 25%;
    }
    .offset-sm-4 {
        margin-left: 33.3333333333%;
    }
    .offset-sm-5 {
        margin-left: 41.6666666667%;
    }
    .offset-sm-6 {
        margin-left: 50%;
    }
    .offset-sm-7 {
        margin-left: 58.3333333333%;
    }
    .offset-sm-8 {
        margin-left: 66.6666666667%;
    }
    .offset-sm-9 {
        margin-left: 75%;
    }
    .offset-sm-10 {
        margin-left: 83.3333333333%;
    }
    .offset-sm-11 {
        margin-left: 91.6666666667%;
    }
}
@media (min-width: 768px) {
    .col-md {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }
    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }
    .col-md-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%;
    }
    .col-md-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%;
    }
    .col-md-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-md-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%;
    }
    .col-md-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%;
    }
    .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-md-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%;
    }
    .col-md-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%;
    }
    .col-md-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }
    .col-md-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%;
    }
    .col-md-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%;
    }
    .col-md-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .order-md-first {
        order: -1;
    }
    .order-md-last {
        order: 13;
    }
    .order-md-0 {
        order: 0;
    }
    .order-md-1 {
        order: 1;
    }
    .order-md-2 {
        order: 2;
    }
    .order-md-3 {
        order: 3;
    }
    .order-md-4 {
        order: 4;
    }
    .order-md-5 {
        order: 5;
    }
    .order-md-6 {
        order: 6;
    }
    .order-md-7 {
        order: 7;
    }
    .order-md-8 {
        order: 8;
    }
    .order-md-9 {
        order: 9;
    }
    .order-md-10 {
        order: 10;
    }
    .order-md-11 {
        order: 11;
    }
    .order-md-12 {
        order: 12;
    }
    .offset-md-0 {
        margin-left: 0;
    }
    .offset-md-1 {
        margin-left: 8.3333333333%;
    }
    .offset-md-2 {
        margin-left: 16.6666666667%;
    }
    .offset-md-3 {
        margin-left: 25%;
    }
    .offset-md-4 {
        margin-left: 33.3333333333%;
    }
    .offset-md-5 {
        margin-left: 41.6666666667%;
    }
    .offset-md-6 {
        margin-left: 50%;
    }
    .offset-md-7 {
        margin-left: 58.3333333333%;
    }
    .offset-md-8 {
        margin-left: 66.6666666667%;
    }
    .offset-md-9 {
        margin-left: 75%;
    }
    .offset-md-10 {
        margin-left: 83.3333333333%;
    }
    .offset-md-11 {
        margin-left: 91.6666666667%;
    }
}
@media (min-width: 1025px) {
    .col-lg {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }
    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }
    .col-lg-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%;
    }
    .col-lg-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%;
    }
    .col-lg-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-lg-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%;
    }
    .col-lg-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%;
    }
    .col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-lg-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%;
    }
    .col-lg-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%;
    }
    .col-lg-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }
    .col-lg-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%;
    }
    .col-lg-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%;
    }
    .col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .order-lg-first {
        order: -1;
    }
    .order-lg-last {
        order: 13;
    }
    .order-lg-0 {
        order: 0;
    }
    .order-lg-1 {
        order: 1;
    }
    .order-lg-2 {
        order: 2;
    }
    .order-lg-3 {
        order: 3;
    }
    .order-lg-4 {
        order: 4;
    }
    .order-lg-5 {
        order: 5;
    }
    .order-lg-6 {
        order: 6;
    }
    .order-lg-7 {
        order: 7;
    }
    .order-lg-8 {
        order: 8;
    }
    .order-lg-9 {
        order: 9;
    }
    .order-lg-10 {
        order: 10;
    }
    .order-lg-11 {
        order: 11;
    }
    .order-lg-12 {
        order: 12;
    }
    .offset-lg-0 {
        margin-left: 0;
    }
    .offset-lg-1 {
        margin-left: 8.3333333333%;
    }
    .offset-lg-2 {
        margin-left: 16.6666666667%;
    }
    .offset-lg-3 {
        margin-left: 25%;
    }
    .offset-lg-4 {
        margin-left: 33.3333333333%;
    }
    .offset-lg-5 {
        margin-left: 41.6666666667%;
    }
    .offset-lg-6 {
        margin-left: 50%;
    }
    .offset-lg-7 {
        margin-left: 58.3333333333%;
    }
    .offset-lg-8 {
        margin-left: 66.6666666667%;
    }
    .offset-lg-9 {
        margin-left: 75%;
    }
    .offset-lg-10 {
        margin-left: 83.3333333333%;
    }
    .offset-lg-11 {
        margin-left: 91.6666666667%;
    }
}
@media (min-width: 1280px) {
    .col-xl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }
    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }
    .col-xl-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%;
    }
    .col-xl-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%;
    }
    .col-xl-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-xl-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%;
    }
    .col-xl-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%;
    }
    .col-xl-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-xl-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%;
    }
    .col-xl-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%;
    }
    .col-xl-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }
    .col-xl-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%;
    }
    .col-xl-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%;
    }
    .col-xl-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .order-xl-first {
        order: -1;
    }
    .order-xl-last {
        order: 13;
    }
    .order-xl-0 {
        order: 0;
    }
    .order-xl-1 {
        order: 1;
    }
    .order-xl-2 {
        order: 2;
    }
    .order-xl-3 {
        order: 3;
    }
    .order-xl-4 {
        order: 4;
    }
    .order-xl-5 {
        order: 5;
    }
    .order-xl-6 {
        order: 6;
    }
    .order-xl-7 {
        order: 7;
    }
    .order-xl-8 {
        order: 8;
    }
    .order-xl-9 {
        order: 9;
    }
    .order-xl-10 {
        order: 10;
    }
    .order-xl-11 {
        order: 11;
    }
    .order-xl-12 {
        order: 12;
    }
    .offset-xl-0 {
        margin-left: 0;
    }
    .offset-xl-1 {
        margin-left: 8.3333333333%;
    }
    .offset-xl-2 {
        margin-left: 16.6666666667%;
    }
    .offset-xl-3 {
        margin-left: 25%;
    }
    .offset-xl-4 {
        margin-left: 33.3333333333%;
    }
    .offset-xl-5 {
        margin-left: 41.6666666667%;
    }
    .offset-xl-6 {
        margin-left: 50%;
    }
    .offset-xl-7 {
        margin-left: 58.3333333333%;
    }
    .offset-xl-8 {
        margin-left: 66.6666666667%;
    }
    .offset-xl-9 {
        margin-left: 75%;
    }
    .offset-xl-10 {
        margin-left: 83.3333333333%;
    }
    .offset-xl-11 {
        margin-left: 91.6666666667%;
    }
}
@media (min-width: 1440px) {
    .col-xxl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }
    .col-xxl-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }
    .col-xxl-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%;
    }
    .col-xxl-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%;
    }
    .col-xxl-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-xxl-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%;
    }
    .col-xxl-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%;
    }
    .col-xxl-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-xxl-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%;
    }
    .col-xxl-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%;
    }
    .col-xxl-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }
    .col-xxl-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%;
    }
    .col-xxl-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%;
    }
    .col-xxl-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .order-xxl-first {
        order: -1;
    }
    .order-xxl-last {
        order: 13;
    }
    .order-xxl-0 {
        order: 0;
    }
    .order-xxl-1 {
        order: 1;
    }
    .order-xxl-2 {
        order: 2;
    }
    .order-xxl-3 {
        order: 3;
    }
    .order-xxl-4 {
        order: 4;
    }
    .order-xxl-5 {
        order: 5;
    }
    .order-xxl-6 {
        order: 6;
    }
    .order-xxl-7 {
        order: 7;
    }
    .order-xxl-8 {
        order: 8;
    }
    .order-xxl-9 {
        order: 9;
    }
    .order-xxl-10 {
        order: 10;
    }
    .order-xxl-11 {
        order: 11;
    }
    .order-xxl-12 {
        order: 12;
    }
    .offset-xxl-0 {
        margin-left: 0;
    }
    .offset-xxl-1 {
        margin-left: 8.3333333333%;
    }
    .offset-xxl-2 {
        margin-left: 16.6666666667%;
    }
    .offset-xxl-3 {
        margin-left: 25%;
    }
    .offset-xxl-4 {
        margin-left: 33.3333333333%;
    }
    .offset-xxl-5 {
        margin-left: 41.6666666667%;
    }
    .offset-xxl-6 {
        margin-left: 50%;
    }
    .offset-xxl-7 {
        margin-left: 58.3333333333%;
    }
    .offset-xxl-8 {
        margin-left: 66.6666666667%;
    }
    .offset-xxl-9 {
        margin-left: 75%;
    }
    .offset-xxl-10 {
        margin-left: 83.3333333333%;
    }
    .offset-xxl-11 {
        margin-left: 91.6666666667%;
    }
}
@media (min-width: 1920px) {
    .col-xxxl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }
    .col-xxxl-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }
    .col-xxxl-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%;
    }
    .col-xxxl-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%;
    }
    .col-xxxl-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-xxxl-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%;
    }
    .col-xxxl-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%;
    }
    .col-xxxl-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-xxxl-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%;
    }
    .col-xxxl-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%;
    }
    .col-xxxl-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }
    .col-xxxl-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%;
    }
    .col-xxxl-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%;
    }
    .col-xxxl-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .order-xxxl-first {
        order: -1;
    }
    .order-xxxl-last {
        order: 13;
    }
    .order-xxxl-0 {
        order: 0;
    }
    .order-xxxl-1 {
        order: 1;
    }
    .order-xxxl-2 {
        order: 2;
    }
    .order-xxxl-3 {
        order: 3;
    }
    .order-xxxl-4 {
        order: 4;
    }
    .order-xxxl-5 {
        order: 5;
    }
    .order-xxxl-6 {
        order: 6;
    }
    .order-xxxl-7 {
        order: 7;
    }
    .order-xxxl-8 {
        order: 8;
    }
    .order-xxxl-9 {
        order: 9;
    }
    .order-xxxl-10 {
        order: 10;
    }
    .order-xxxl-11 {
        order: 11;
    }
    .order-xxxl-12 {
        order: 12;
    }
    .offset-xxxl-0 {
        margin-left: 0;
    }
    .offset-xxxl-1 {
        margin-left: 8.3333333333%;
    }
    .offset-xxxl-2 {
        margin-left: 16.6666666667%;
    }
    .offset-xxxl-3 {
        margin-left: 25%;
    }
    .offset-xxxl-4 {
        margin-left: 33.3333333333%;
    }
    .offset-xxxl-5 {
        margin-left: 41.6666666667%;
    }
    .offset-xxxl-6 {
        margin-left: 50%;
    }
    .offset-xxxl-7 {
        margin-left: 58.3333333333%;
    }
    .offset-xxxl-8 {
        margin-left: 66.6666666667%;
    }
    .offset-xxxl-9 {
        margin-left: 75%;
    }
    .offset-xxxl-10 {
        margin-left: 83.3333333333%;
    }
    .offset-xxxl-11 {
        margin-left: 91.6666666667%;
    }
}
.fade {
    transition: opacity 0.15s linear;
}
@media (prefers-reduced-motion: reduce) {
    .fade {
        transition: none;
    }
}
.fade:not(.show) {
    opacity: 0;
}

.collapse:not(.show) {
    display: none;
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
    .collapsing {
        transition: none;
    }
}

.dropup,
.dropright,
.dropdown,
.dropleft {
    position: relative;
}

.dropdown-toggle {
    white-space: nowrap;
}
.dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: '';
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
}
.dropdown-toggle:empty::after {
    margin-left: 0;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
}

.dropdown-menu-left {
    right: auto;
    left: 0;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
}

@media (min-width: 375px) {
    .dropdown-menu-sm-left {
        right: auto;
        left: 0;
    }
    .dropdown-menu-sm-right {
        right: 0;
        left: auto;
    }
}
@media (min-width: 768px) {
    .dropdown-menu-md-left {
        right: auto;
        left: 0;
    }
    .dropdown-menu-md-right {
        right: 0;
        left: auto;
    }
}
@media (min-width: 1025px) {
    .dropdown-menu-lg-left {
        right: auto;
        left: 0;
    }
    .dropdown-menu-lg-right {
        right: 0;
        left: auto;
    }
}
@media (min-width: 1280px) {
    .dropdown-menu-xl-left {
        right: auto;
        left: 0;
    }
    .dropdown-menu-xl-right {
        right: 0;
        left: auto;
    }
}
@media (min-width: 1440px) {
    .dropdown-menu-xxl-left {
        right: auto;
        left: 0;
    }
    .dropdown-menu-xxl-right {
        right: 0;
        left: auto;
    }
}
@media (min-width: 1920px) {
    .dropdown-menu-xxxl-left {
        right: auto;
        left: 0;
    }
    .dropdown-menu-xxxl-right {
        right: 0;
        left: auto;
    }
}
.dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: 0.125rem;
}
.dropup .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: '';
    border-top: 0;
    border-right: 0.3em solid transparent;
    border-bottom: 0.3em solid;
    border-left: 0.3em solid transparent;
}
.dropup .dropdown-toggle:empty::after {
    margin-left: 0;
}

.dropright .dropdown-menu {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: 0.125rem;
}
.dropright .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: '';
    border-top: 0.3em solid transparent;
    border-right: 0;
    border-bottom: 0.3em solid transparent;
    border-left: 0.3em solid;
}
.dropright .dropdown-toggle:empty::after {
    margin-left: 0;
}
.dropright .dropdown-toggle::after {
    vertical-align: 0;
}

.dropleft .dropdown-menu {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: 0.125rem;
}
.dropleft .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: '';
}
.dropleft .dropdown-toggle::after {
    display: none;
}
.dropleft .dropdown-toggle::before {
    display: inline-block;
    margin-right: 0.255em;
    vertical-align: 0.255em;
    content: '';
    border-top: 0.3em solid transparent;
    border-right: 0.3em solid;
    border-bottom: 0.3em solid transparent;
}
.dropleft .dropdown-toggle:empty::after {
    margin-left: 0;
}
.dropleft .dropdown-toggle::before {
    vertical-align: 0;
}

.dropdown-menu[x-placement^='top'],
.dropdown-menu[x-placement^='right'],
.dropdown-menu[x-placement^='bottom'],
.dropdown-menu[x-placement^='left'] {
    right: auto;
    bottom: auto;
}

.dropdown-divider {
    height: 0;
    margin: 0.5rem 0;
    overflow: hidden;
    border-top: 1px solid #e9ecef;
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: 0.25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}
.dropdown-item:hover,
.dropdown-item:focus {
    color: rgb(21.6283783784, 24.25, 26.8716216216);
    text-decoration: none;
    background-color: #f8f9fa;
}
.dropdown-item.active,
.dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #007bff;
}
.dropdown-item.disabled,
.dropdown-item:disabled {
    color: #6c757d;
    pointer-events: none;
    background-color: transparent;
}

.dropdown-menu.show {
    display: block;
}

.dropdown-header {
    display: block;
    padding: 0.5rem 1.5rem;
    margin-bottom: 0;
    font-size: 0.875rem;
    color: #6c757d;
    white-space: nowrap;
}

.dropdown-item-text {
    display: block;
    padding: 0.25rem 1.5rem;
    color: #212529;
}

.btn-group,
.btn-group-vertical {
    position: relative;
    display: inline-flex;
    vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
    position: relative;
    flex: 1 1 auto;
}
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover {
    z-index: 1;
}
.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
    z-index: 1;
}

.btn-toolbar {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.btn-toolbar .input-group {
    width: auto;
}

.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) {
    margin-left: -1px;
}
.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn-group:not(:last-child) > .btn {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) > .btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.dropdown-toggle-split {
    padding-right: 0.5625rem;
    padding-left: 0.5625rem;
}
.dropdown-toggle-split::after,
.dropup .dropdown-toggle-split::after,
.dropright .dropdown-toggle-split::after {
    margin-left: 0;
}
.dropleft .dropdown-toggle-split::before {
    margin-right: 0;
}

.btn-sm + .dropdown-toggle-split,
.btn-group-sm > .btn + .dropdown-toggle-split {
    padding-right: 0.375rem;
    padding-left: 0.375rem;
}

.btn-lg + .dropdown-toggle-split,
.btn-group-lg > .btn + .dropdown-toggle-split {
    padding-right: 0.75rem;
    padding-left: 0.75rem;
}

.btn-group-vertical {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group {
    width: 100%;
}
.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) {
    margin-top: -1px;
}
.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical > .btn-group:not(:last-child) > .btn {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) > .btn {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.btn-group-toggle > .btn,
.btn-group-toggle > .btn-group > .btn {
    margin-bottom: 0;
}
.btn-group-toggle > .btn input[type='radio'],
.btn-group-toggle > .btn input[type='checkbox'],
.btn-group-toggle > .btn-group > .btn input[type='radio'],
.btn-group-toggle > .btn-group > .btn input[type='checkbox'] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}

.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
}
.input-group > .form-control,
.input-group > .form-control-plaintext,
.input-group > .custom-select,
.input-group > .custom-file {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0;
}
.input-group > .form-control + .form-control,
.input-group > .form-control + .custom-select,
.input-group > .form-control + .custom-file,
.input-group > .form-control-plaintext + .form-control,
.input-group > .form-control-plaintext + .custom-select,
.input-group > .form-control-plaintext + .custom-file,
.input-group > .custom-select + .form-control,
.input-group > .custom-select + .custom-select,
.input-group > .custom-select + .custom-file,
.input-group > .custom-file + .form-control,
.input-group > .custom-file + .custom-select,
.input-group > .custom-file + .custom-file {
    margin-left: -1px;
}
.input-group > .form-control:focus,
.input-group > .custom-select:focus,
.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
    z-index: 3;
}
.input-group > .custom-file .custom-file-input:focus {
    z-index: 4;
}
.input-group > .form-control:not(:last-child),
.input-group > .custom-select:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.input-group > .form-control:not(:first-child),
.input-group > .custom-select:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.input-group > .custom-file {
    display: flex;
    align-items: center;
}
.input-group > .custom-file:not(:last-child) .custom-file-label,
.input-group > .custom-file:not(:last-child) .custom-file-label::after {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.input-group > .custom-file:not(:first-child) .custom-file-label {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.input-group-prepend,
.input-group-append {
    display: flex;
}
.input-group-prepend .btn,
.input-group-append .btn {
    position: relative;
    z-index: 2;
}
.input-group-prepend .btn:focus,
.input-group-append .btn:focus {
    z-index: 3;
}
.input-group-prepend .btn + .btn,
.input-group-prepend .btn + .input-group-text,
.input-group-prepend .input-group-text + .input-group-text,
.input-group-prepend .input-group-text + .btn,
.input-group-append .btn + .btn,
.input-group-append .btn + .input-group-text,
.input-group-append .input-group-text + .input-group-text,
.input-group-append .input-group-text + .btn {
    margin-left: -1px;
}

.input-group-prepend {
    margin-right: -1px;
}

.input-group-append {
    margin-left: -1px;
}

.input-group-text {
    display: flex;
    align-items: center;
    padding: 0.375rem 0.75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
}
.input-group-text input[type='radio'],
.input-group-text input[type='checkbox'] {
    margin-top: 0;
}

.input-group-lg > .form-control:not(textarea),
.input-group-lg > .custom-select {
    height: calc(1.5em + 1rem + 2px);
}

.input-group-lg > .form-control,
.input-group-lg > .custom-select,
.input-group-lg > .input-group-prepend > .input-group-text,
.input-group-lg > .input-group-append > .input-group-text,
.input-group-lg > .input-group-prepend > .btn,
.input-group-lg > .input-group-append > .btn {
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: 0.3rem;
}

.input-group-sm > .form-control:not(textarea),
.input-group-sm > .custom-select {
    height: calc(1.5em + 0.5rem + 2px);
}

.input-group-sm > .form-control,
.input-group-sm > .custom-select,
.input-group-sm > .input-group-prepend > .input-group-text,
.input-group-sm > .input-group-append > .input-group-text,
.input-group-sm > .input-group-prepend > .btn,
.input-group-sm > .input-group-append > .btn {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.2rem;
}

.input-group-lg > .custom-select,
.input-group-sm > .custom-select {
    padding-right: 1.75rem;
}

.input-group > .input-group-prepend > .btn,
.input-group > .input-group-prepend > .input-group-text,
.input-group > .input-group-append:not(:last-child) > .btn,
.input-group > .input-group-append:not(:last-child) > .input-group-text,
.input-group
    > .input-group-append:last-child
    > .btn:not(:last-child):not(.dropdown-toggle),
.input-group
    > .input-group-append:last-child
    > .input-group-text:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-group > .input-group-append > .btn,
.input-group > .input-group-append > .input-group-text,
.input-group > .input-group-prepend:not(:first-child) > .btn,
.input-group > .input-group-prepend:not(:first-child) > .input-group-text,
.input-group > .input-group-prepend:first-child > .btn:not(:first-child),
.input-group
    > .input-group-prepend:first-child
    > .input-group-text:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.navbar {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 0.5rem 1rem;
}
.navbar > .container,
.navbar > .container-fluid {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.navbar-brand {
    display: inline-block;
    padding-top: 0.3125rem;
    padding-bottom: 0.3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap;
}
.navbar-brand:hover,
.navbar-brand:focus {
    text-decoration: none;
}

.navbar-nav {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
.navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0;
}
.navbar-nav .dropdown-menu {
    position: static;
    float: none;
}

.navbar-text {
    display: inline-block;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center;
}

.navbar-toggler {
    padding: 0.25rem 0.75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}
.navbar-toggler:hover,
.navbar-toggler:focus {
    text-decoration: none;
}

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: '';
    background: no-repeat center center;
    background-size: 100% 100%;
}

@media (max-width: 374.98px) {
    .navbar-expand-sm > .container,
    .navbar-expand-sm > .container-fluid {
        padding-right: 0;
        padding-left: 0;
    }
}
@media (min-width: 375px) {
    .navbar-expand-sm {
        flex-flow: row nowrap;
        justify-content: flex-start;
    }
    .navbar-expand-sm .navbar-nav {
        flex-direction: row;
    }
    .navbar-expand-sm .navbar-nav .dropdown-menu {
        position: absolute;
    }
    .navbar-expand-sm .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }
    .navbar-expand-sm > .container,
    .navbar-expand-sm > .container-fluid {
        flex-wrap: nowrap;
    }
    .navbar-expand-sm .navbar-collapse {
        display: flex !important;
    }
    .navbar-expand-sm .navbar-collapse {
        flex-basis: auto;
    }
    .navbar-expand-sm .navbar-toggler {
        display: none;
    }
}
@media (max-width: 767.98px) {
    .navbar-expand-md > .container,
    .navbar-expand-md > .container-fluid {
        padding-right: 0;
        padding-left: 0;
    }
}
@media (min-width: 768px) {
    .navbar-expand-md {
        flex-flow: row nowrap;
        justify-content: flex-start;
    }
    .navbar-expand-md .navbar-nav {
        flex-direction: row;
    }
    .navbar-expand-md .navbar-nav .dropdown-menu {
        position: absolute;
    }
    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }
    .navbar-expand-md > .container,
    .navbar-expand-md > .container-fluid {
        flex-wrap: nowrap;
    }
    .navbar-expand-md .navbar-collapse {
        display: flex !important;
    }
    .navbar-expand-md .navbar-collapse {
        flex-basis: auto;
    }
    .navbar-expand-md .navbar-toggler {
        display: none;
    }
}
@media (max-width: 1024.98px) {
    .navbar-expand-lg > .container,
    .navbar-expand-lg > .container-fluid {
        padding-right: 0;
        padding-left: 0;
    }
}
@media (min-width: 1025px) {
    .navbar-expand-lg {
        flex-flow: row nowrap;
        justify-content: flex-start;
    }
    .navbar-expand-lg .navbar-nav {
        flex-direction: row;
    }
    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute;
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }
    .navbar-expand-lg > .container,
    .navbar-expand-lg > .container-fluid {
        flex-wrap: nowrap;
    }
    .navbar-expand-lg .navbar-collapse {
        display: flex !important;
    }
    .navbar-expand-lg .navbar-collapse {
        flex-basis: auto;
    }
    .navbar-expand-lg .navbar-toggler {
        display: none;
    }
}
@media (max-width: 1279.98px) {
    .navbar-expand-xl > .container,
    .navbar-expand-xl > .container-fluid {
        padding-right: 0;
        padding-left: 0;
    }
}
@media (min-width: 1280px) {
    .navbar-expand-xl {
        flex-flow: row nowrap;
        justify-content: flex-start;
    }
    .navbar-expand-xl .navbar-nav {
        flex-direction: row;
    }
    .navbar-expand-xl .navbar-nav .dropdown-menu {
        position: absolute;
    }
    .navbar-expand-xl .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }
    .navbar-expand-xl > .container,
    .navbar-expand-xl > .container-fluid {
        flex-wrap: nowrap;
    }
    .navbar-expand-xl .navbar-collapse {
        display: flex !important;
    }
    .navbar-expand-xl .navbar-collapse {
        flex-basis: auto;
    }
    .navbar-expand-xl .navbar-toggler {
        display: none;
    }
}
@media (max-width: 1439.98px) {
    .navbar-expand-xxl > .container,
    .navbar-expand-xxl > .container-fluid {
        padding-right: 0;
        padding-left: 0;
    }
}
@media (min-width: 1440px) {
    .navbar-expand-xxl {
        flex-flow: row nowrap;
        justify-content: flex-start;
    }
    .navbar-expand-xxl .navbar-nav {
        flex-direction: row;
    }
    .navbar-expand-xxl .navbar-nav .dropdown-menu {
        position: absolute;
    }
    .navbar-expand-xxl .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }
    .navbar-expand-xxl > .container,
    .navbar-expand-xxl > .container-fluid {
        flex-wrap: nowrap;
    }
    .navbar-expand-xxl .navbar-collapse {
        display: flex !important;
    }
    .navbar-expand-xxl .navbar-collapse {
        flex-basis: auto;
    }
    .navbar-expand-xxl .navbar-toggler {
        display: none;
    }
}
@media (max-width: 1919.98px) {
    .navbar-expand-xxxl > .container,
    .navbar-expand-xxxl > .container-fluid {
        padding-right: 0;
        padding-left: 0;
    }
}
@media (min-width: 1920px) {
    .navbar-expand-xxxl {
        flex-flow: row nowrap;
        justify-content: flex-start;
    }
    .navbar-expand-xxxl .navbar-nav {
        flex-direction: row;
    }
    .navbar-expand-xxxl .navbar-nav .dropdown-menu {
        position: absolute;
    }
    .navbar-expand-xxxl .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }
    .navbar-expand-xxxl > .container,
    .navbar-expand-xxxl > .container-fluid {
        flex-wrap: nowrap;
    }
    .navbar-expand-xxxl .navbar-collapse {
        display: flex !important;
    }
    .navbar-expand-xxxl .navbar-collapse {
        flex-basis: auto;
    }
    .navbar-expand-xxxl .navbar-toggler {
        display: none;
    }
}
.navbar-expand {
    flex-flow: row nowrap;
    justify-content: flex-start;
}
.navbar-expand > .container,
.navbar-expand > .container-fluid {
    padding-right: 0;
    padding-left: 0;
}
.navbar-expand .navbar-nav {
    flex-direction: row;
}
.navbar-expand .navbar-nav .dropdown-menu {
    position: absolute;
}
.navbar-expand .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
}
.navbar-expand > .container,
.navbar-expand > .container-fluid {
    flex-wrap: nowrap;
}
.navbar-expand .navbar-collapse {
    display: flex !important;
}
.navbar-expand .navbar-collapse {
    flex-basis: auto;
}
.navbar-expand .navbar-toggler {
    display: none;
}

.navbar-light .navbar-brand {
    color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-brand:hover,
.navbar-light .navbar-brand:focus {
    color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-nav .nav-link {
    color: rgba(0, 0, 0, 0.5);
}
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus {
    color: rgba(0, 0, 0, 0.7);
}
.navbar-light .navbar-nav .nav-link.disabled {
    color: rgba(0, 0, 0, 0.3);
}
.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
    color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-toggler {
    color: rgba(0, 0, 0, 0.5);
    border-color: rgba(0, 0, 0, 0.1);
}
.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-light .navbar-text {
    color: rgba(0, 0, 0, 0.5);
}
.navbar-light .navbar-text a {
    color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-text a:hover,
.navbar-light .navbar-text a:focus {
    color: rgba(0, 0, 0, 0.9);
}

.navbar-dark .navbar-brand {
    color: #fff;
}
.navbar-dark .navbar-brand:hover,
.navbar-dark .navbar-brand:focus {
    color: #fff;
}
.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 0.5);
}
.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus {
    color: rgba(255, 255, 255, 0.75);
}
.navbar-dark .navbar-nav .nav-link.disabled {
    color: rgba(255, 255, 255, 0.25);
}
.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active {
    color: #fff;
}
.navbar-dark .navbar-toggler {
    color: rgba(255, 255, 255, 0.5);
    border-color: rgba(255, 255, 255, 0.1);
}
.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-dark .navbar-text {
    color: rgba(255, 255, 255, 0.5);
}
.navbar-dark .navbar-text a {
    color: #fff;
}
.navbar-dark .navbar-text a:hover,
.navbar-dark .navbar-text a:focus {
    color: #fff;
}

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
}
.card > hr {
    margin-right: 0;
    margin-left: 0;
}
.card > .list-group:first-child .list-group-item:first-child {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}
.card > .list-group:last-child .list-group-item:last-child {
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}

.card-body {
    flex: 1 1 auto;
    padding: 1.25rem;
}

.card-title {
    margin-bottom: 0.75rem;
}

.card-subtitle {
    margin-top: -0.375rem;
    margin-bottom: 0;
}

.card-text:last-child {
    margin-bottom: 0;
}

.card-link:hover {
    text-decoration: none;
}
.card-link + .card-link {
    margin-left: 1.25rem;
}

.card-header {
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, 0.03);
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
.card-header:first-child {
    border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}
.card-header + .list-group .list-group-item:first-child {
    border-top: 0;
}

.card-footer {
    padding: 0.75rem 1.25rem;
    background-color: rgba(0, 0, 0, 0.03);
    border-top: 1px solid rgba(0, 0, 0, 0.125);
}
.card-footer:last-child {
    border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}

.card-header-tabs {
    margin-right: -0.625rem;
    margin-bottom: -0.75rem;
    margin-left: -0.625rem;
    border-bottom: 0;
}

.card-header-pills {
    margin-right: -0.625rem;
    margin-left: -0.625rem;
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem;
}

.card-img {
    width: 100%;
    border-radius: calc(0.25rem - 1px);
}

.card-img-top {
    width: 100%;
    border-top-left-radius: calc(0.25rem - 1px);
    border-top-right-radius: calc(0.25rem - 1px);
}

.card-img-bottom {
    width: 100%;
    border-bottom-right-radius: calc(0.25rem - 1px);
    border-bottom-left-radius: calc(0.25rem - 1px);
}

.card-deck {
    display: flex;
    flex-direction: column;
}
.card-deck .card {
    margin-bottom: 15px;
}
@media (min-width: 375px) {
    .card-deck {
        flex-flow: row wrap;
        margin-right: -15px;
        margin-left: -15px;
    }
    .card-deck .card {
        display: flex;
        flex: 1 0 0%;
        flex-direction: column;
        margin-right: 15px;
        margin-bottom: 0;
        margin-left: 15px;
    }
}

.card-group {
    display: flex;
    flex-direction: column;
}
.card-group > .card {
    margin-bottom: 15px;
}
@media (min-width: 375px) {
    .card-group {
        flex-flow: row wrap;
    }
    .card-group > .card {
        flex: 1 0 0%;
        margin-bottom: 0;
    }
    .card-group > .card + .card {
        margin-left: 0;
        border-left: 0;
    }
    .card-group > .card:not(:last-child) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
    .card-group > .card:not(:last-child) .card-img-top,
    .card-group > .card:not(:last-child) .card-header {
        border-top-right-radius: 0;
    }
    .card-group > .card:not(:last-child) .card-img-bottom,
    .card-group > .card:not(:last-child) .card-footer {
        border-bottom-right-radius: 0;
    }
    .card-group > .card:not(:first-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }
    .card-group > .card:not(:first-child) .card-img-top,
    .card-group > .card:not(:first-child) .card-header {
        border-top-left-radius: 0;
    }
    .card-group > .card:not(:first-child) .card-img-bottom,
    .card-group > .card:not(:first-child) .card-footer {
        border-bottom-left-radius: 0;
    }
}

.card-columns .card {
    margin-bottom: 0.75rem;
}
@media (min-width: 375px) {
    .card-columns {
        -moz-column-count: 3;
        column-count: 3;
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem;
        orphans: 1;
        widows: 1;
    }
    .card-columns .card {
        display: inline-block;
        width: 100%;
    }
}

.accordion > .card {
    overflow: hidden;
}
.accordion > .card:not(:first-of-type) .card-header:first-child {
    border-radius: 0;
}
.accordion > .card:not(:first-of-type):not(:last-of-type) {
    border-bottom: 0;
    border-radius: 0;
}
.accordion > .card:first-of-type {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.accordion > .card:last-of-type {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.accordion > .card .card-header {
    margin-bottom: -1px;
}

.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding: 0.75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: #e9ecef;
    border-radius: 0.25rem;
}

.breadcrumb-item + .breadcrumb-item {
    padding-left: 0.5rem;
}
.breadcrumb-item + .breadcrumb-item::before {
    display: inline-block;
    padding-right: 0.5rem;
    color: #6c757d;
    content: '/';
}
.breadcrumb-item + .breadcrumb-item:hover::before {
    text-decoration: underline;
}
.breadcrumb-item + .breadcrumb-item:hover::before {
    text-decoration: none;
}
.breadcrumb-item.active {
    color: #6c757d;
}

.pagination {
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: 0.25rem;
}

.page-link {
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #007bff;
    background-color: #fff;
    border: 1px solid #dee2e6;
}
.page-link:hover {
    z-index: 2;
    color: rgb(0, 86.1, 178.5);
    text-decoration: none;
    background-color: #e9ecef;
    border-color: #dee2e6;
}
.page-link:focus {
    z-index: 2;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}
.page-item:last-child .page-link {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
}
.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}
.page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6;
}

.pagination-lg .page-link {
    padding: 0.75rem 1.5rem;
    font-size: 1.25rem;
    line-height: 1.5;
}
.pagination-lg .page-item:first-child .page-link {
    border-top-left-radius: 0.3rem;
    border-bottom-left-radius: 0.3rem;
}
.pagination-lg .page-item:last-child .page-link {
    border-top-right-radius: 0.3rem;
    border-bottom-right-radius: 0.3rem;
}

.pagination-sm .page-link {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
}
.pagination-sm .page-item:first-child .page-link {
    border-top-left-radius: 0.2rem;
    border-bottom-left-radius: 0.2rem;
}
.pagination-sm .page-item:last-child .page-link {
    border-top-right-radius: 0.2rem;
    border-bottom-right-radius: 0.2rem;
}

.badge {
    display: inline-block;
    padding: 0.25em 0.4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
    transition:
        color 0.15s ease-in-out,
        background-color 0.15s ease-in-out,
        border-color 0.15s ease-in-out,
        box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
    .badge {
        transition: none;
    }
}
a.badge:hover,
a.badge:focus {
    text-decoration: none;
}

.badge:empty {
    display: none;
}

.btn .badge {
    position: relative;
    top: -1px;
}

.badge-pill {
    padding-right: 0.6em;
    padding-left: 0.6em;
    border-radius: 10rem;
}

.badge-primary {
    color: #fff;
    background-color: hsl(0, 0%, 0%);
}
a.badge-primary:hover,
a.badge-primary:focus {
    color: #fff;
    background-color: hsl(0, 0%, 0%);
}
a.badge-primary:focus,
a.badge-primary.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5);
}

.badge-secondary {
    color: #fff;
    background-color: hsl(0, 0%, 38%);
}
a.badge-secondary:hover,
a.badge-secondary:focus {
    color: #fff;
    background-color: hsl(0, 0%, 28%);
}
a.badge-secondary:focus,
a.badge-secondary.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(96.9, 96.9, 96.9, 0.5);
}

.badge-success {
    color: #fff;
    background-color: hsl(99, 44%, 46%);
}
a.badge-success:hover,
a.badge-success:focus {
    color: #fff;
    background-color: hsl(99, 44%, 36%);
}
a.badge-success:focus,
a.badge-success.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(101.8164, 168.912, 65.688, 0.5);
}

.badge-info {
    color: #fff;
    background-color: hsl(245, 100%, 50%);
}
a.badge-info:hover,
a.badge-info:focus {
    color: #fff;
    background-color: hsl(245, 100%, 40%);
}
a.badge-info:focus,
a.badge-info.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(21.25, 0, 255, 0.5);
}

.badge-warning {
    color: #212529;
    background-color: hsl(43, 100%, 50%);
}
a.badge-warning:hover,
a.badge-warning:focus {
    color: #212529;
    background-color: hsl(43, 100%, 40%);
}
a.badge-warning:focus,
a.badge-warning.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(255, 182.75, 0, 0.5);
}

.badge-danger {
    color: #fff;
    background-color: hsl(0, 100%, 50%);
}
a.badge-danger:hover,
a.badge-danger:focus {
    color: #fff;
    background-color: hsl(0, 100%, 40%);
}
a.badge-danger:focus,
a.badge-danger.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(255, 0, 0, 0.5);
}

.badge-light {
    color: #212529;
    background-color: hsl(0, 0%, 78.43%);
}
a.badge-light:hover,
a.badge-light:focus {
    color: #212529;
    background-color: hsl(0, 0%, 68.43%);
}
a.badge-light:focus,
a.badge-light.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(199.9965, 199.9965, 199.9965, 0.5);
}

.badge-dark {
    color: #fff;
    background-color: hsl(0, 0%, 34.5%);
}
a.badge-dark:hover,
a.badge-dark:focus {
    color: #fff;
    background-color: hsl(0, 0%, 24.5%);
}
a.badge-dark:focus,
a.badge-dark.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(87.975, 87.975, 87.975, 0.5);
}

.jumbotron {
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    background-color: #e9ecef;
    border-radius: 0.3rem;
}
@media (min-width: 375px) {
    .jumbotron {
        padding: 4rem 2rem;
    }
}

.jumbotron-fluid {
    padding-right: 0;
    padding-left: 0;
    border-radius: 0;
}

.alert {
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}

.alert-heading {
    color: inherit;
}

.alert-link {
    font-weight: 700;
}

.alert-dismissible {
    padding-right: 4rem;
}
.alert-dismissible .close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0.75rem 1.25rem;
    color: inherit;
}

.alert-primary {
    color: black;
    background-color: #cccccc;
    border-color: rgb(183.6, 183.6, 183.6);
}
.alert-primary hr {
    border-top-color: rgb(170.85, 170.85, 170.85);
}
.alert-primary .alert-link {
    color: black;
}

.alert-secondary {
    color: rgb(50.388, 50.388, 50.388);
    background-color: rgb(223.38, 223.38, 223.38);
    border-color: rgb(210.732, 210.732, 210.732);
}
.alert-secondary hr {
    border-top-color: rgb(197.982, 197.982, 197.982);
}
.alert-secondary .alert-link {
    color: rgb(24.888, 24.888, 24.888);
}

.alert-success {
    color: rgb(52.944528, 87.83424, 34.15776);
    background-color: rgb(224.36328, 237.7824, 217.1376);
    border-color: rgb(212.108592, 230.89536, 201.99264);
}
.alert-success hr {
    border-top-color: rgb(197.9249253333, 222.9242488889, 184.4637511111);
}
.alert-success .alert-link {
    color: rgb(30.810528, 51.11424, 19.87776);
}

.alert-info {
    color: rgb(11.05, 0, 132.6);
    background-color: rgb(208.25, 204, 255);
    border-color: rgb(189.55, 183.6, 255);
}
.alert-info hr {
    border-top-color: rgb(166.175, 158.1, 255);
}
.alert-info .alert-link {
    color: rgb(6.8, 0, 81.6);
}

.alert-warning {
    color: rgb(132.6, 95.03, 0);
    background-color: rgb(255, 240.55, 204);
    border-color: rgb(255, 234.77, 183.6);
}
.alert-warning hr {
    border-top-color: rgb(255, 227.545, 158.1);
}
.alert-warning .alert-link {
    color: rgb(81.6, 58.48, 0);
}

.alert-danger {
    color: rgb(132.6, 0, 0);
    background-color: #ffcccc;
    border-color: rgb(255, 183.6, 183.6);
}
.alert-danger hr {
    border-top-color: rgb(255, 158.1, 158.1);
}
.alert-danger .alert-link {
    color: rgb(81.6, 0, 0);
}

.alert-light {
    color: rgb(103.99818, 103.99818, 103.99818);
    background-color: rgb(243.9993, 243.9993, 243.9993);
    border-color: rgb(239.59902, 239.59902, 239.59902);
}
.alert-light hr {
    border-top-color: rgb(226.84902, 226.84902, 226.84902);
}
.alert-light .alert-link {
    color: rgb(78.49818, 78.49818, 78.49818);
}

.alert-dark {
    color: rgb(45.747, 45.747, 45.747);
    background-color: rgb(221.595, 221.595, 221.595);
    border-color: rgb(208.233, 208.233, 208.233);
}
.alert-dark hr {
    border-top-color: rgb(195.483, 195.483, 195.483);
}
.alert-dark .alert-link {
    color: rgb(20.247, 20.247, 20.247);
}

@keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0;
    }
    to {
        background-position: 0 0;
    }
}
.progress {
    display: flex;
    height: 1rem;
    overflow: hidden;
    font-size: 0.75rem;
    background-color: #e9ecef;
    border-radius: 0.25rem;
}

.progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #007bff;
    transition: width 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
    .progress-bar {
        transition: none;
    }
}

.progress-bar-striped {
    background-image: linear-gradient(
        45deg,
        rgba(255, 255, 255, 0.15) 25%,
        transparent 25%,
        transparent 50%,
        rgba(255, 255, 255, 0.15) 50%,
        rgba(255, 255, 255, 0.15) 75%,
        transparent 75%,
        transparent
    );
    background-size: 1rem 1rem;
}

.progress-bar-animated {
    animation: progress-bar-stripes 1s linear infinite;
}
@media (prefers-reduced-motion: reduce) {
    .progress-bar-animated {
        animation: none;
    }
}

.media {
    display: flex;
    align-items: flex-start;
}

.media-body {
    flex: 1;
}

.list-group {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
}

.list-group-item-action {
    width: 100%;
    color: #495057;
    text-align: inherit;
}
.list-group-item-action:hover,
.list-group-item-action:focus {
    z-index: 1;
    color: #495057;
    text-decoration: none;
    background-color: #f8f9fa;
}
.list-group-item-action:active {
    color: #212529;
    background-color: #e9ecef;
}

.list-group-item {
    position: relative;
    display: block;
    padding: 0.75rem 1.25rem;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.125);
}
.list-group-item:first-child {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}
.list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}
.list-group-item.disabled,
.list-group-item:disabled {
    color: #6c757d;
    pointer-events: none;
    background-color: #fff;
}
.list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}

.list-group-horizontal {
    flex-direction: row;
}
.list-group-horizontal .list-group-item {
    margin-right: -1px;
    margin-bottom: 0;
}
.list-group-horizontal .list-group-item:first-child {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
}
.list-group-horizontal .list-group-item:last-child {
    margin-right: 0;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
}

@media (min-width: 375px) {
    .list-group-horizontal-sm {
        flex-direction: row;
    }
    .list-group-horizontal-sm .list-group-item {
        margin-right: -1px;
        margin-bottom: 0;
    }
    .list-group-horizontal-sm .list-group-item:first-child {
        border-top-left-radius: 0.25rem;
        border-bottom-left-radius: 0.25rem;
        border-top-right-radius: 0;
    }
    .list-group-horizontal-sm .list-group-item:last-child {
        margin-right: 0;
        border-top-right-radius: 0.25rem;
        border-bottom-right-radius: 0.25rem;
        border-bottom-left-radius: 0;
    }
}
@media (min-width: 768px) {
    .list-group-horizontal-md {
        flex-direction: row;
    }
    .list-group-horizontal-md .list-group-item {
        margin-right: -1px;
        margin-bottom: 0;
    }
    .list-group-horizontal-md .list-group-item:first-child {
        border-top-left-radius: 0.25rem;
        border-bottom-left-radius: 0.25rem;
        border-top-right-radius: 0;
    }
    .list-group-horizontal-md .list-group-item:last-child {
        margin-right: 0;
        border-top-right-radius: 0.25rem;
        border-bottom-right-radius: 0.25rem;
        border-bottom-left-radius: 0;
    }
}
@media (min-width: 1025px) {
    .list-group-horizontal-lg {
        flex-direction: row;
    }
    .list-group-horizontal-lg .list-group-item {
        margin-right: -1px;
        margin-bottom: 0;
    }
    .list-group-horizontal-lg .list-group-item:first-child {
        border-top-left-radius: 0.25rem;
        border-bottom-left-radius: 0.25rem;
        border-top-right-radius: 0;
    }
    .list-group-horizontal-lg .list-group-item:last-child {
        margin-right: 0;
        border-top-right-radius: 0.25rem;
        border-bottom-right-radius: 0.25rem;
        border-bottom-left-radius: 0;
    }
}
@media (min-width: 1280px) {
    .list-group-horizontal-xl {
        flex-direction: row;
    }
    .list-group-horizontal-xl .list-group-item {
        margin-right: -1px;
        margin-bottom: 0;
    }
    .list-group-horizontal-xl .list-group-item:first-child {
        border-top-left-radius: 0.25rem;
        border-bottom-left-radius: 0.25rem;
        border-top-right-radius: 0;
    }
    .list-group-horizontal-xl .list-group-item:last-child {
        margin-right: 0;
        border-top-right-radius: 0.25rem;
        border-bottom-right-radius: 0.25rem;
        border-bottom-left-radius: 0;
    }
}
@media (min-width: 1440px) {
    .list-group-horizontal-xxl {
        flex-direction: row;
    }
    .list-group-horizontal-xxl .list-group-item {
        margin-right: -1px;
        margin-bottom: 0;
    }
    .list-group-horizontal-xxl .list-group-item:first-child {
        border-top-left-radius: 0.25rem;
        border-bottom-left-radius: 0.25rem;
        border-top-right-radius: 0;
    }
    .list-group-horizontal-xxl .list-group-item:last-child {
        margin-right: 0;
        border-top-right-radius: 0.25rem;
        border-bottom-right-radius: 0.25rem;
        border-bottom-left-radius: 0;
    }
}
@media (min-width: 1920px) {
    .list-group-horizontal-xxxl {
        flex-direction: row;
    }
    .list-group-horizontal-xxxl .list-group-item {
        margin-right: -1px;
        margin-bottom: 0;
    }
    .list-group-horizontal-xxxl .list-group-item:first-child {
        border-top-left-radius: 0.25rem;
        border-bottom-left-radius: 0.25rem;
        border-top-right-radius: 0;
    }
    .list-group-horizontal-xxxl .list-group-item:last-child {
        margin-right: 0;
        border-top-right-radius: 0.25rem;
        border-bottom-right-radius: 0.25rem;
        border-bottom-left-radius: 0;
    }
}
.list-group-flush .list-group-item {
    border-right: 0;
    border-left: 0;
    border-radius: 0;
}
.list-group-flush .list-group-item:last-child {
    margin-bottom: -1px;
}
.list-group-flush:first-child .list-group-item:first-child {
    border-top: 0;
}
.list-group-flush:last-child .list-group-item:last-child {
    margin-bottom: 0;
    border-bottom: 0;
}

.list-group-item-primary {
    color: black;
    background-color: rgb(183.6, 183.6, 183.6);
}
.list-group-item-primary.list-group-item-action:hover,
.list-group-item-primary.list-group-item-action:focus {
    color: black;
    background-color: rgb(170.85, 170.85, 170.85);
}
.list-group-item-primary.list-group-item-action.active {
    color: #fff;
    background-color: black;
    border-color: black;
}

.list-group-item-secondary {
    color: rgb(50.388, 50.388, 50.388);
    background-color: rgb(210.732, 210.732, 210.732);
}
.list-group-item-secondary.list-group-item-action:hover,
.list-group-item-secondary.list-group-item-action:focus {
    color: rgb(50.388, 50.388, 50.388);
    background-color: rgb(197.982, 197.982, 197.982);
}
.list-group-item-secondary.list-group-item-action.active {
    color: #fff;
    background-color: rgb(50.388, 50.388, 50.388);
    border-color: rgb(50.388, 50.388, 50.388);
}

.list-group-item-success {
    color: rgb(52.944528, 87.83424, 34.15776);
    background-color: rgb(212.108592, 230.89536, 201.99264);
}
.list-group-item-success.list-group-item-action:hover,
.list-group-item-success.list-group-item-action:focus {
    color: rgb(52.944528, 87.83424, 34.15776);
    background-color: rgb(197.9249253333, 222.9242488889, 184.4637511111);
}
.list-group-item-success.list-group-item-action.active {
    color: #fff;
    background-color: rgb(52.944528, 87.83424, 34.15776);
    border-color: rgb(52.944528, 87.83424, 34.15776);
}

.list-group-item-info {
    color: rgb(11.05, 0, 132.6);
    background-color: rgb(189.55, 183.6, 255);
}
.list-group-item-info.list-group-item-action:hover,
.list-group-item-info.list-group-item-action:focus {
    color: rgb(11.05, 0, 132.6);
    background-color: rgb(166.175, 158.1, 255);
}
.list-group-item-info.list-group-item-action.active {
    color: #fff;
    background-color: rgb(11.05, 0, 132.6);
    border-color: rgb(11.05, 0, 132.6);
}

.list-group-item-warning {
    color: rgb(132.6, 95.03, 0);
    background-color: rgb(255, 234.77, 183.6);
}
.list-group-item-warning.list-group-item-action:hover,
.list-group-item-warning.list-group-item-action:focus {
    color: rgb(132.6, 95.03, 0);
    background-color: rgb(255, 227.545, 158.1);
}
.list-group-item-warning.list-group-item-action.active {
    color: #fff;
    background-color: rgb(132.6, 95.03, 0);
    border-color: rgb(132.6, 95.03, 0);
}

.list-group-item-danger {
    color: rgb(132.6, 0, 0);
    background-color: rgb(255, 183.6, 183.6);
}
.list-group-item-danger.list-group-item-action:hover,
.list-group-item-danger.list-group-item-action:focus {
    color: rgb(132.6, 0, 0);
    background-color: rgb(255, 158.1, 158.1);
}
.list-group-item-danger.list-group-item-action.active {
    color: #fff;
    background-color: rgb(132.6, 0, 0);
    border-color: rgb(132.6, 0, 0);
}

.list-group-item-light {
    color: rgb(103.99818, 103.99818, 103.99818);
    background-color: rgb(239.59902, 239.59902, 239.59902);
}
.list-group-item-light.list-group-item-action:hover,
.list-group-item-light.list-group-item-action:focus {
    color: rgb(103.99818, 103.99818, 103.99818);
    background-color: rgb(226.84902, 226.84902, 226.84902);
}
.list-group-item-light.list-group-item-action.active {
    color: #fff;
    background-color: rgb(103.99818, 103.99818, 103.99818);
    border-color: rgb(103.99818, 103.99818, 103.99818);
}

.list-group-item-dark {
    color: rgb(45.747, 45.747, 45.747);
    background-color: rgb(208.233, 208.233, 208.233);
}
.list-group-item-dark.list-group-item-action:hover,
.list-group-item-dark.list-group-item-action:focus {
    color: rgb(45.747, 45.747, 45.747);
    background-color: rgb(195.483, 195.483, 195.483);
}
.list-group-item-dark.list-group-item-action.active {
    color: #fff;
    background-color: rgb(45.747, 45.747, 45.747);
    border-color: rgb(45.747, 45.747, 45.747);
}

.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: 0.5;
}
.close:hover {
    color: #000;
    text-decoration: none;
}
.close:not(:disabled):not(.disabled):hover,
.close:not(:disabled):not(.disabled):focus {
    opacity: 0.75;
}

button.close {
    padding: 0;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

a.close.disabled {
    pointer-events: none;
}

.modal-open {
    overflow: hidden;
}
.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0;
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 0.5rem;
    pointer-events: none;
}
.modal.fade .modal-dialog {
    transition: transform 0.3s ease-out;
    transform: translate(0, -50px);
}
@media (prefers-reduced-motion: reduce) {
    .modal.fade .modal-dialog {
        transition: none;
    }
}
.modal.show .modal-dialog {
    transform: none;
}

.modal-dialog-scrollable {
    display: flex;
    max-height: calc(100% - 1rem);
}
.modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 1rem);
    overflow: hidden;
}
.modal-dialog-scrollable .modal-header,
.modal-dialog-scrollable .modal-footer {
    flex-shrink: 0;
}
.modal-dialog-scrollable .modal-body {
    overflow-y: auto;
}

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - 1rem);
}
.modal-dialog-centered::before {
    display: block;
    height: calc(100vh - 1rem);
    content: '';
}
.modal-dialog-centered.modal-dialog-scrollable {
    flex-direction: column;
    justify-content: center;
    height: 100%;
}
.modal-dialog-centered.modal-dialog-scrollable .modal-content {
    max-height: none;
}
.modal-dialog-centered.modal-dialog-scrollable::before {
    content: none;
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0.3rem;
    outline: 0;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000;
}
.modal-backdrop.fade {
    opacity: 0;
}
.modal-backdrop.show {
    opacity: 0.5;
}

.modal-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0.3rem;
}
.modal-header .close {
    padding: 1rem 1rem;
    margin: -1rem -1rem -1rem auto;
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.5;
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem;
}

.modal-footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 1rem;
    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: 0.3rem;
    border-bottom-left-radius: 0.3rem;
}
.modal-footer > :not(:first-child) {
    margin-left: 0.25rem;
}
.modal-footer > :not(:last-child) {
    margin-right: 0.25rem;
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}

@media (min-width: 375px) {
    .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto;
    }
    .modal-dialog-scrollable {
        max-height: calc(100% - 3.5rem);
    }
    .modal-dialog-scrollable .modal-content {
        max-height: calc(100vh - 3.5rem);
    }
    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem);
    }
    .modal-dialog-centered::before {
        height: calc(100vh - 3.5rem);
    }
    .modal-sm {
        max-width: 300px;
    }
}
@media (min-width: 1025px) {
    .modal-lg,
    .modal-xl {
        max-width: 800px;
    }
}
@media (min-width: 1280px) {
    .modal-xl {
        max-width: 1140px;
    }
}
[dir='ltr'] .tooltip {
    text-align: left;
}
[dir='rtl'] .tooltip {
    text-align: right;
}
.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    margin: 0;
    font-family:
        -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue',
        Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
        'Segoe UI Symbol', 'Noto Color Emoji';
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: 0.875rem;
    word-wrap: break-word;
    opacity: 0;
}
.tooltip.show {
    opacity: 0.9;
}
.tooltip .arrow {
    position: absolute;
    display: block;
    width: 0.8rem;
    height: 0.4rem;
}
.tooltip .arrow::before {
    position: absolute;
    content: '';
    border-color: transparent;
    border-style: solid;
}

.bs-tooltip-top,
.bs-tooltip-auto[x-placement^='top'] {
    padding: 0.4rem 0;
}
.bs-tooltip-top .arrow,
.bs-tooltip-auto[x-placement^='top'] .arrow {
    bottom: 0;
}
.bs-tooltip-top .arrow::before,
.bs-tooltip-auto[x-placement^='top'] .arrow::before {
    top: 0;
    border-width: 0.4rem 0.4rem 0;
    border-top-color: #000;
}

.bs-tooltip-right,
.bs-tooltip-auto[x-placement^='right'] {
    padding: 0 0.4rem;
}
.bs-tooltip-right .arrow,
.bs-tooltip-auto[x-placement^='right'] .arrow {
    left: 0;
    width: 0.4rem;
    height: 0.8rem;
}
.bs-tooltip-right .arrow::before,
.bs-tooltip-auto[x-placement^='right'] .arrow::before {
    right: 0;
    border-width: 0.4rem 0.4rem 0.4rem 0;
    border-right-color: #000;
}

.bs-tooltip-bottom,
.bs-tooltip-auto[x-placement^='bottom'] {
    padding: 0.4rem 0;
}
.bs-tooltip-bottom .arrow,
.bs-tooltip-auto[x-placement^='bottom'] .arrow {
    top: 0;
}
.bs-tooltip-bottom .arrow::before,
.bs-tooltip-auto[x-placement^='bottom'] .arrow::before {
    bottom: 0;
    border-width: 0 0.4rem 0.4rem;
    border-bottom-color: #000;
}

.bs-tooltip-left,
.bs-tooltip-auto[x-placement^='left'] {
    padding: 0 0.4rem;
}
.bs-tooltip-left .arrow,
.bs-tooltip-auto[x-placement^='left'] .arrow {
    right: 0;
    width: 0.4rem;
    height: 0.8rem;
}
.bs-tooltip-left .arrow::before,
.bs-tooltip-auto[x-placement^='left'] .arrow::before {
    left: 0;
    border-width: 0.4rem 0 0.4rem 0.4rem;
    border-left-color: #000;
}

.tooltip-inner {
    max-width: 200px;
    padding: 0.25rem 0.5rem;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: 0.25rem;
}

[dir='ltr'] .popover {
    text-align: left;
}

[dir='rtl'] .popover {
    text-align: right;
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: block;
    max-width: 276px;
    font-family:
        -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue',
        Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
        'Segoe UI Symbol', 'Noto Color Emoji';
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: 0.875rem;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0.3rem;
}
.popover .arrow {
    position: absolute;
    display: block;
    width: 1rem;
    height: 0.5rem;
    margin: 0 0.3rem;
}
.popover .arrow::before,
.popover .arrow::after {
    position: absolute;
    display: block;
    content: '';
    border-color: transparent;
    border-style: solid;
}

.bs-popover-top,
.bs-popover-auto[x-placement^='top'] {
    margin-bottom: 0.5rem;
}
.bs-popover-top > .arrow,
.bs-popover-auto[x-placement^='top'] > .arrow {
    bottom: calc((0.5rem + 1px) * -1);
}
.bs-popover-top > .arrow::before,
.bs-popover-auto[x-placement^='top'] > .arrow::before {
    bottom: 0;
    border-width: 0.5rem 0.5rem 0;
    border-top-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-top > .arrow::after,
.bs-popover-auto[x-placement^='top'] > .arrow::after {
    bottom: 1px;
    border-width: 0.5rem 0.5rem 0;
    border-top-color: #fff;
}

.bs-popover-right,
.bs-popover-auto[x-placement^='right'] {
    margin-left: 0.5rem;
}
.bs-popover-right > .arrow,
.bs-popover-auto[x-placement^='right'] > .arrow {
    left: calc((0.5rem + 1px) * -1);
    width: 0.5rem;
    height: 1rem;
    margin: 0.3rem 0;
}
.bs-popover-right > .arrow::before,
.bs-popover-auto[x-placement^='right'] > .arrow::before {
    left: 0;
    border-width: 0.5rem 0.5rem 0.5rem 0;
    border-right-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-right > .arrow::after,
.bs-popover-auto[x-placement^='right'] > .arrow::after {
    left: 1px;
    border-width: 0.5rem 0.5rem 0.5rem 0;
    border-right-color: #fff;
}

.bs-popover-bottom,
.bs-popover-auto[x-placement^='bottom'] {
    margin-top: 0.5rem;
}
.bs-popover-bottom > .arrow,
.bs-popover-auto[x-placement^='bottom'] > .arrow {
    top: calc((0.5rem + 1px) * -1);
}
.bs-popover-bottom > .arrow::before,
.bs-popover-auto[x-placement^='bottom'] > .arrow::before {
    top: 0;
    border-width: 0 0.5rem 0.5rem 0.5rem;
    border-bottom-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-bottom > .arrow::after,
.bs-popover-auto[x-placement^='bottom'] > .arrow::after {
    top: 1px;
    border-width: 0 0.5rem 0.5rem 0.5rem;
    border-bottom-color: #fff;
}
.bs-popover-bottom .popover-header::before,
.bs-popover-auto[x-placement^='bottom'] .popover-header::before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 1rem;
    margin-left: -0.5rem;
    content: '';
    border-bottom: 1px solid rgb(247.35, 247.35, 247.35);
}

.bs-popover-left,
.bs-popover-auto[x-placement^='left'] {
    margin-right: 0.5rem;
}
.bs-popover-left > .arrow,
.bs-popover-auto[x-placement^='left'] > .arrow {
    right: calc((0.5rem + 1px) * -1);
    width: 0.5rem;
    height: 1rem;
    margin: 0.3rem 0;
}
.bs-popover-left > .arrow::before,
.bs-popover-auto[x-placement^='left'] > .arrow::before {
    right: 0;
    border-width: 0.5rem 0 0.5rem 0.5rem;
    border-left-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-left > .arrow::after,
.bs-popover-auto[x-placement^='left'] > .arrow::after {
    right: 1px;
    border-width: 0.5rem 0 0.5rem 0.5rem;
    border-left-color: #fff;
}

.popover-header {
    padding: 0.5rem 0.75rem;
    margin-bottom: 0;
    font-size: 1rem;
    background-color: rgb(247.35, 247.35, 247.35);
    border-bottom: 1px solid rgb(234.6, 234.6, 234.6);
    border-top-left-radius: calc(0.3rem - 1px);
    border-top-right-radius: calc(0.3rem - 1px);
}
.popover-header:empty {
    display: none;
}

.popover-body {
    padding: 0.5rem 0.75rem;
    color: #212529;
}

.align-baseline {
    vertical-align: baseline !important;
}

.align-top {
    vertical-align: top !important;
}

.align-middle {
    vertical-align: middle !important;
}

.align-bottom {
    vertical-align: bottom !important;
}

.align-text-bottom {
    vertical-align: text-bottom !important;
}

.align-text-top {
    vertical-align: text-top !important;
}

/**
 * 1. Remove problematic important.
 */
.bg-primary {
    background-color: hsl(0, 0%, 0%); /* [1] */
}

/**
 * 1. Remove problematic important.
 */
a.bg-primary:hover,
a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
    background-color: hsl(0, 0%, -10%); /* [1] */
}

/**
 * 1. Remove problematic important.
 */
.bg-secondary {
    background-color: hsl(0, 0%, 38%); /* [1] */
}

/**
 * 1. Remove problematic important.
 */
a.bg-secondary:hover,
a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
    background-color: hsl(0, 0%, 28%); /* [1] */
}

/**
 * 1. Remove problematic important.
 */
.bg-success {
    background-color: hsl(99, 44%, 46%); /* [1] */
}

/**
 * 1. Remove problematic important.
 */
a.bg-success:hover,
a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
    background-color: hsl(99, 44%, 36%); /* [1] */
}

/**
 * 1. Remove problematic important.
 */
.bg-info {
    background-color: hsl(245, 100%, 50%); /* [1] */
}

/**
 * 1. Remove problematic important.
 */
a.bg-info:hover,
a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
    background-color: hsl(245, 100%, 40%); /* [1] */
}

/**
 * 1. Remove problematic important.
 */
.bg-warning {
    background-color: hsl(43, 100%, 50%); /* [1] */
}

/**
 * 1. Remove problematic important.
 */
a.bg-warning:hover,
a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
    background-color: hsl(43, 100%, 40%); /* [1] */
}

/**
 * 1. Remove problematic important.
 */
.bg-danger {
    background-color: hsl(0, 100%, 50%); /* [1] */
}

/**
 * 1. Remove problematic important.
 */
a.bg-danger:hover,
a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
    background-color: hsl(0, 100%, 40%); /* [1] */
}

/**
 * 1. Remove problematic important.
 */
.bg-light {
    background-color: hsl(0, 0%, 78.43%); /* [1] */
}

/**
 * 1. Remove problematic important.
 */
a.bg-light:hover,
a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
    background-color: hsl(0, 0%, 68.43%); /* [1] */
}

/**
 * 1. Remove problematic important.
 */
.bg-dark {
    background-color: hsl(0, 0%, 34.5%); /* [1] */
}

/**
 * 1. Remove problematic important.
 */
a.bg-dark:hover,
a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
    background-color: hsl(0, 0%, 24.5%); /* [1] */
}

.bg-white {
    background-color: #fff !important;
}

.bg-transparent {
    background-color: transparent !important;
}

.border {
    border: 1px solid #dee2e6 !important;
}

.border-top {
    border-top: 1px solid #dee2e6 !important;
}

.border-right {
    border-right: 1px solid #dee2e6 !important;
}

.border-bottom {
    border-bottom: 1px solid #dee2e6 !important;
}

.border-left {
    border-left: 1px solid #dee2e6 !important;
}

.border-0 {
    border: 0 !important;
}

.border-top-0 {
    border-top: 0 !important;
}

.border-right-0 {
    border-right: 0 !important;
}

.border-bottom-0 {
    border-bottom: 0 !important;
}

.border-left-0 {
    border-left: 0 !important;
}

.border-primary {
    border-color: hsl(0, 0%, 0%) !important;
}

.border-secondary {
    border-color: hsl(0, 0%, 38%) !important;
}

.border-success {
    border-color: hsl(99, 44%, 46%) !important;
}

.border-info {
    border-color: hsl(245, 100%, 50%) !important;
}

.border-warning {
    border-color: hsl(43, 100%, 50%) !important;
}

.border-danger {
    border-color: hsl(0, 100%, 50%) !important;
}

.border-light {
    border-color: hsl(0, 0%, 78.43%) !important;
}

.border-dark {
    border-color: hsl(0, 0%, 34.5%) !important;
}

.border-white {
    border-color: #fff !important;
}

.rounded-sm {
    border-radius: 0.2rem !important;
}

.rounded {
    border-radius: 0.25rem !important;
}

.rounded-top {
    border-top-left-radius: 0.25rem !important;
    border-top-right-radius: 0.25rem !important;
}

.rounded-right {
    border-top-right-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
}

.rounded-bottom {
    border-bottom-right-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
}

.rounded-left {
    border-top-left-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
}

.rounded-lg {
    border-radius: 0.3rem !important;
}

.rounded-circle {
    border-radius: 50% !important;
}

.rounded-pill {
    border-radius: 50rem !important;
}

.rounded-0 {
    border-radius: 0 !important;
}

.clearfix::after {
    display: block;
    clear: both;
    content: '';
}

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

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

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

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

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

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

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

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

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

@media (min-width: 375px) {
    .d-sm-none {
        display: none !important;
    }
    .d-sm-inline {
        display: inline !important;
    }
    .d-sm-inline-block {
        display: inline-block !important;
    }
    .d-sm-block {
        display: block !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: flex !important;
    }
    .d-sm-inline-flex {
        display: inline-flex !important;
    }
}
@media (min-width: 768px) {
    .d-md-none {
        display: none !important;
    }
    .d-md-inline {
        display: inline !important;
    }
    .d-md-inline-block {
        display: inline-block !important;
    }
    .d-md-block {
        display: block !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: flex !important;
    }
    .d-md-inline-flex {
        display: inline-flex !important;
    }
}
@media (min-width: 1025px) {
    .d-lg-none {
        display: none !important;
    }
    .d-lg-inline {
        display: inline !important;
    }
    .d-lg-inline-block {
        display: inline-block !important;
    }
    .d-lg-block {
        display: block !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: flex !important;
    }
    .d-lg-inline-flex {
        display: inline-flex !important;
    }
}
@media (min-width: 1280px) {
    .d-xl-none {
        display: none !important;
    }
    .d-xl-inline {
        display: inline !important;
    }
    .d-xl-inline-block {
        display: inline-block !important;
    }
    .d-xl-block {
        display: block !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: flex !important;
    }
    .d-xl-inline-flex {
        display: inline-flex !important;
    }
}
@media (min-width: 1440px) {
    .d-xxl-none {
        display: none !important;
    }
    .d-xxl-inline {
        display: inline !important;
    }
    .d-xxl-inline-block {
        display: inline-block !important;
    }
    .d-xxl-block {
        display: block !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: flex !important;
    }
    .d-xxl-inline-flex {
        display: inline-flex !important;
    }
}
@media (min-width: 1920px) {
    .d-xxxl-none {
        display: none !important;
    }
    .d-xxxl-inline {
        display: inline !important;
    }
    .d-xxxl-inline-block {
        display: inline-block !important;
    }
    .d-xxxl-block {
        display: block !important;
    }
    .d-xxxl-table {
        display: table !important;
    }
    .d-xxxl-table-row {
        display: table-row !important;
    }
    .d-xxxl-table-cell {
        display: table-cell !important;
    }
    .d-xxxl-flex {
        display: flex !important;
    }
    .d-xxxl-inline-flex {
        display: inline-flex !important;
    }
}
@media print {
    .d-print-none {
        display: none !important;
    }
    .d-print-inline {
        display: inline !important;
    }
    .d-print-inline-block {
        display: inline-block !important;
    }
    .d-print-block {
        display: block !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: flex !important;
    }
    .d-print-inline-flex {
        display: inline-flex !important;
    }
}
.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden;
}
.embed-responsive::before {
    display: block;
    content: '';
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.embed-responsive-21by9::before {
    padding-top: 42.8571428571%;
}

.embed-responsive-16by9::before {
    padding-top: 56.25%;
}

.embed-responsive-4by3::before {
    padding-top: 75%;
}

.embed-responsive-1by1::before {
    padding-top: 100%;
}

.flex-row {
    flex-direction: row !important;
}

.flex-column {
    flex-direction: column !important;
}

.flex-row-reverse {
    flex-direction: row-reverse !important;
}

.flex-column-reverse {
    flex-direction: column-reverse !important;
}

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

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

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

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

.flex-grow-0 {
    flex-grow: 0 !important;
}

.flex-grow-1 {
    flex-grow: 1 !important;
}

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

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

.justify-content-start {
    justify-content: flex-start !important;
}

.justify-content-end {
    justify-content: flex-end !important;
}

.justify-content-center {
    justify-content: center !important;
}

.justify-content-between {
    justify-content: space-between !important;
}

.justify-content-around {
    justify-content: space-around !important;
}

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

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

.align-items-center {
    align-items: center !important;
}

.align-items-baseline {
    align-items: baseline !important;
}

.align-items-stretch {
    align-items: stretch !important;
}

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

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

.align-content-center {
    align-content: center !important;
}

.align-content-between {
    align-content: space-between !important;
}

.align-content-around {
    align-content: space-around !important;
}

.align-content-stretch {
    align-content: stretch !important;
}

.align-self-auto {
    align-self: auto !important;
}

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

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

.align-self-center {
    align-self: center !important;
}

.align-self-baseline {
    align-self: baseline !important;
}

.align-self-stretch {
    align-self: stretch !important;
}

@media (min-width: 375px) {
    .flex-sm-row {
        flex-direction: row !important;
    }
    .flex-sm-column {
        flex-direction: column !important;
    }
    .flex-sm-row-reverse {
        flex-direction: row-reverse !important;
    }
    .flex-sm-column-reverse {
        flex-direction: column-reverse !important;
    }
    .flex-sm-wrap {
        flex-wrap: wrap !important;
    }
    .flex-sm-nowrap {
        flex-wrap: nowrap !important;
    }
    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }
    .flex-sm-fill {
        flex: 1 1 auto !important;
    }
    .flex-sm-grow-0 {
        flex-grow: 0 !important;
    }
    .flex-sm-grow-1 {
        flex-grow: 1 !important;
    }
    .flex-sm-shrink-0 {
        flex-shrink: 0 !important;
    }
    .flex-sm-shrink-1 {
        flex-shrink: 1 !important;
    }
    .justify-content-sm-start {
        justify-content: flex-start !important;
    }
    .justify-content-sm-end {
        justify-content: flex-end !important;
    }
    .justify-content-sm-center {
        justify-content: center !important;
    }
    .justify-content-sm-between {
        justify-content: space-between !important;
    }
    .justify-content-sm-around {
        justify-content: space-around !important;
    }
    .align-items-sm-start {
        align-items: flex-start !important;
    }
    .align-items-sm-end {
        align-items: flex-end !important;
    }
    .align-items-sm-center {
        align-items: center !important;
    }
    .align-items-sm-baseline {
        align-items: baseline !important;
    }
    .align-items-sm-stretch {
        align-items: stretch !important;
    }
    .align-content-sm-start {
        align-content: flex-start !important;
    }
    .align-content-sm-end {
        align-content: flex-end !important;
    }
    .align-content-sm-center {
        align-content: center !important;
    }
    .align-content-sm-between {
        align-content: space-between !important;
    }
    .align-content-sm-around {
        align-content: space-around !important;
    }
    .align-content-sm-stretch {
        align-content: stretch !important;
    }
    .align-self-sm-auto {
        align-self: auto !important;
    }
    .align-self-sm-start {
        align-self: flex-start !important;
    }
    .align-self-sm-end {
        align-self: flex-end !important;
    }
    .align-self-sm-center {
        align-self: center !important;
    }
    .align-self-sm-baseline {
        align-self: baseline !important;
    }
    .align-self-sm-stretch {
        align-self: stretch !important;
    }
}
@media (min-width: 768px) {
    .flex-md-row {
        flex-direction: row !important;
    }
    .flex-md-column {
        flex-direction: column !important;
    }
    .flex-md-row-reverse {
        flex-direction: row-reverse !important;
    }
    .flex-md-column-reverse {
        flex-direction: column-reverse !important;
    }
    .flex-md-wrap {
        flex-wrap: wrap !important;
    }
    .flex-md-nowrap {
        flex-wrap: nowrap !important;
    }
    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }
    .flex-md-fill {
        flex: 1 1 auto !important;
    }
    .flex-md-grow-0 {
        flex-grow: 0 !important;
    }
    .flex-md-grow-1 {
        flex-grow: 1 !important;
    }
    .flex-md-shrink-0 {
        flex-shrink: 0 !important;
    }
    .flex-md-shrink-1 {
        flex-shrink: 1 !important;
    }
    .justify-content-md-start {
        justify-content: flex-start !important;
    }
    .justify-content-md-end {
        justify-content: flex-end !important;
    }
    .justify-content-md-center {
        justify-content: center !important;
    }
    .justify-content-md-between {
        justify-content: space-between !important;
    }
    .justify-content-md-around {
        justify-content: space-around !important;
    }
    .align-items-md-start {
        align-items: flex-start !important;
    }
    .align-items-md-end {
        align-items: flex-end !important;
    }
    .align-items-md-center {
        align-items: center !important;
    }
    .align-items-md-baseline {
        align-items: baseline !important;
    }
    .align-items-md-stretch {
        align-items: stretch !important;
    }
    .align-content-md-start {
        align-content: flex-start !important;
    }
    .align-content-md-end {
        align-content: flex-end !important;
    }
    .align-content-md-center {
        align-content: center !important;
    }
    .align-content-md-between {
        align-content: space-between !important;
    }
    .align-content-md-around {
        align-content: space-around !important;
    }
    .align-content-md-stretch {
        align-content: stretch !important;
    }
    .align-self-md-auto {
        align-self: auto !important;
    }
    .align-self-md-start {
        align-self: flex-start !important;
    }
    .align-self-md-end {
        align-self: flex-end !important;
    }
    .align-self-md-center {
        align-self: center !important;
    }
    .align-self-md-baseline {
        align-self: baseline !important;
    }
    .align-self-md-stretch {
        align-self: stretch !important;
    }
}
@media (min-width: 1025px) {
    .flex-lg-row {
        flex-direction: row !important;
    }
    .flex-lg-column {
        flex-direction: column !important;
    }
    .flex-lg-row-reverse {
        flex-direction: row-reverse !important;
    }
    .flex-lg-column-reverse {
        flex-direction: column-reverse !important;
    }
    .flex-lg-wrap {
        flex-wrap: wrap !important;
    }
    .flex-lg-nowrap {
        flex-wrap: nowrap !important;
    }
    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }
    .flex-lg-fill {
        flex: 1 1 auto !important;
    }
    .flex-lg-grow-0 {
        flex-grow: 0 !important;
    }
    .flex-lg-grow-1 {
        flex-grow: 1 !important;
    }
    .flex-lg-shrink-0 {
        flex-shrink: 0 !important;
    }
    .flex-lg-shrink-1 {
        flex-shrink: 1 !important;
    }
    .justify-content-lg-start {
        justify-content: flex-start !important;
    }
    .justify-content-lg-end {
        justify-content: flex-end !important;
    }
    .justify-content-lg-center {
        justify-content: center !important;
    }
    .justify-content-lg-between {
        justify-content: space-between !important;
    }
    .justify-content-lg-around {
        justify-content: space-around !important;
    }
    .align-items-lg-start {
        align-items: flex-start !important;
    }
    .align-items-lg-end {
        align-items: flex-end !important;
    }
    .align-items-lg-center {
        align-items: center !important;
    }
    .align-items-lg-baseline {
        align-items: baseline !important;
    }
    .align-items-lg-stretch {
        align-items: stretch !important;
    }
    .align-content-lg-start {
        align-content: flex-start !important;
    }
    .align-content-lg-end {
        align-content: flex-end !important;
    }
    .align-content-lg-center {
        align-content: center !important;
    }
    .align-content-lg-between {
        align-content: space-between !important;
    }
    .align-content-lg-around {
        align-content: space-around !important;
    }
    .align-content-lg-stretch {
        align-content: stretch !important;
    }
    .align-self-lg-auto {
        align-self: auto !important;
    }
    .align-self-lg-start {
        align-self: flex-start !important;
    }
    .align-self-lg-end {
        align-self: flex-end !important;
    }
    .align-self-lg-center {
        align-self: center !important;
    }
    .align-self-lg-baseline {
        align-self: baseline !important;
    }
    .align-self-lg-stretch {
        align-self: stretch !important;
    }
}
@media (min-width: 1280px) {
    .flex-xl-row {
        flex-direction: row !important;
    }
    .flex-xl-column {
        flex-direction: column !important;
    }
    .flex-xl-row-reverse {
        flex-direction: row-reverse !important;
    }
    .flex-xl-column-reverse {
        flex-direction: column-reverse !important;
    }
    .flex-xl-wrap {
        flex-wrap: wrap !important;
    }
    .flex-xl-nowrap {
        flex-wrap: nowrap !important;
    }
    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }
    .flex-xl-fill {
        flex: 1 1 auto !important;
    }
    .flex-xl-grow-0 {
        flex-grow: 0 !important;
    }
    .flex-xl-grow-1 {
        flex-grow: 1 !important;
    }
    .flex-xl-shrink-0 {
        flex-shrink: 0 !important;
    }
    .flex-xl-shrink-1 {
        flex-shrink: 1 !important;
    }
    .justify-content-xl-start {
        justify-content: flex-start !important;
    }
    .justify-content-xl-end {
        justify-content: flex-end !important;
    }
    .justify-content-xl-center {
        justify-content: center !important;
    }
    .justify-content-xl-between {
        justify-content: space-between !important;
    }
    .justify-content-xl-around {
        justify-content: space-around !important;
    }
    .align-items-xl-start {
        align-items: flex-start !important;
    }
    .align-items-xl-end {
        align-items: flex-end !important;
    }
    .align-items-xl-center {
        align-items: center !important;
    }
    .align-items-xl-baseline {
        align-items: baseline !important;
    }
    .align-items-xl-stretch {
        align-items: stretch !important;
    }
    .align-content-xl-start {
        align-content: flex-start !important;
    }
    .align-content-xl-end {
        align-content: flex-end !important;
    }
    .align-content-xl-center {
        align-content: center !important;
    }
    .align-content-xl-between {
        align-content: space-between !important;
    }
    .align-content-xl-around {
        align-content: space-around !important;
    }
    .align-content-xl-stretch {
        align-content: stretch !important;
    }
    .align-self-xl-auto {
        align-self: auto !important;
    }
    .align-self-xl-start {
        align-self: flex-start !important;
    }
    .align-self-xl-end {
        align-self: flex-end !important;
    }
    .align-self-xl-center {
        align-self: center !important;
    }
    .align-self-xl-baseline {
        align-self: baseline !important;
    }
    .align-self-xl-stretch {
        align-self: stretch !important;
    }
}
@media (min-width: 1440px) {
    .flex-xxl-row {
        flex-direction: row !important;
    }
    .flex-xxl-column {
        flex-direction: column !important;
    }
    .flex-xxl-row-reverse {
        flex-direction: row-reverse !important;
    }
    .flex-xxl-column-reverse {
        flex-direction: column-reverse !important;
    }
    .flex-xxl-wrap {
        flex-wrap: wrap !important;
    }
    .flex-xxl-nowrap {
        flex-wrap: nowrap !important;
    }
    .flex-xxl-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }
    .flex-xxl-fill {
        flex: 1 1 auto !important;
    }
    .flex-xxl-grow-0 {
        flex-grow: 0 !important;
    }
    .flex-xxl-grow-1 {
        flex-grow: 1 !important;
    }
    .flex-xxl-shrink-0 {
        flex-shrink: 0 !important;
    }
    .flex-xxl-shrink-1 {
        flex-shrink: 1 !important;
    }
    .justify-content-xxl-start {
        justify-content: flex-start !important;
    }
    .justify-content-xxl-end {
        justify-content: flex-end !important;
    }
    .justify-content-xxl-center {
        justify-content: center !important;
    }
    .justify-content-xxl-between {
        justify-content: space-between !important;
    }
    .justify-content-xxl-around {
        justify-content: space-around !important;
    }
    .align-items-xxl-start {
        align-items: flex-start !important;
    }
    .align-items-xxl-end {
        align-items: flex-end !important;
    }
    .align-items-xxl-center {
        align-items: center !important;
    }
    .align-items-xxl-baseline {
        align-items: baseline !important;
    }
    .align-items-xxl-stretch {
        align-items: stretch !important;
    }
    .align-content-xxl-start {
        align-content: flex-start !important;
    }
    .align-content-xxl-end {
        align-content: flex-end !important;
    }
    .align-content-xxl-center {
        align-content: center !important;
    }
    .align-content-xxl-between {
        align-content: space-between !important;
    }
    .align-content-xxl-around {
        align-content: space-around !important;
    }
    .align-content-xxl-stretch {
        align-content: stretch !important;
    }
    .align-self-xxl-auto {
        align-self: auto !important;
    }
    .align-self-xxl-start {
        align-self: flex-start !important;
    }
    .align-self-xxl-end {
        align-self: flex-end !important;
    }
    .align-self-xxl-center {
        align-self: center !important;
    }
    .align-self-xxl-baseline {
        align-self: baseline !important;
    }
    .align-self-xxl-stretch {
        align-self: stretch !important;
    }
}
@media (min-width: 1920px) {
    .flex-xxxl-row {
        flex-direction: row !important;
    }
    .flex-xxxl-column {
        flex-direction: column !important;
    }
    .flex-xxxl-row-reverse {
        flex-direction: row-reverse !important;
    }
    .flex-xxxl-column-reverse {
        flex-direction: column-reverse !important;
    }
    .flex-xxxl-wrap {
        flex-wrap: wrap !important;
    }
    .flex-xxxl-nowrap {
        flex-wrap: nowrap !important;
    }
    .flex-xxxl-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }
    .flex-xxxl-fill {
        flex: 1 1 auto !important;
    }
    .flex-xxxl-grow-0 {
        flex-grow: 0 !important;
    }
    .flex-xxxl-grow-1 {
        flex-grow: 1 !important;
    }
    .flex-xxxl-shrink-0 {
        flex-shrink: 0 !important;
    }
    .flex-xxxl-shrink-1 {
        flex-shrink: 1 !important;
    }
    .justify-content-xxxl-start {
        justify-content: flex-start !important;
    }
    .justify-content-xxxl-end {
        justify-content: flex-end !important;
    }
    .justify-content-xxxl-center {
        justify-content: center !important;
    }
    .justify-content-xxxl-between {
        justify-content: space-between !important;
    }
    .justify-content-xxxl-around {
        justify-content: space-around !important;
    }
    .align-items-xxxl-start {
        align-items: flex-start !important;
    }
    .align-items-xxxl-end {
        align-items: flex-end !important;
    }
    .align-items-xxxl-center {
        align-items: center !important;
    }
    .align-items-xxxl-baseline {
        align-items: baseline !important;
    }
    .align-items-xxxl-stretch {
        align-items: stretch !important;
    }
    .align-content-xxxl-start {
        align-content: flex-start !important;
    }
    .align-content-xxxl-end {
        align-content: flex-end !important;
    }
    .align-content-xxxl-center {
        align-content: center !important;
    }
    .align-content-xxxl-between {
        align-content: space-between !important;
    }
    .align-content-xxxl-around {
        align-content: space-around !important;
    }
    .align-content-xxxl-stretch {
        align-content: stretch !important;
    }
    .align-self-xxxl-auto {
        align-self: auto !important;
    }
    .align-self-xxxl-start {
        align-self: flex-start !important;
    }
    .align-self-xxxl-end {
        align-self: flex-end !important;
    }
    .align-self-xxxl-center {
        align-self: center !important;
    }
    .align-self-xxxl-baseline {
        align-self: baseline !important;
    }
    .align-self-xxxl-stretch {
        align-self: stretch !important;
    }
}
.float-left {
    float: left !important;
}

.float-right {
    float: right !important;
}

.float-none {
    float: none !important;
}

@media (min-width: 375px) {
    .float-sm-left {
        float: left !important;
    }
    .float-sm-right {
        float: right !important;
    }
    .float-sm-none {
        float: none !important;
    }
}
@media (min-width: 768px) {
    .float-md-left {
        float: left !important;
    }
    .float-md-right {
        float: right !important;
    }
    .float-md-none {
        float: none !important;
    }
}
@media (min-width: 1025px) {
    .float-lg-left {
        float: left !important;
    }
    .float-lg-right {
        float: right !important;
    }
    .float-lg-none {
        float: none !important;
    }
}
@media (min-width: 1280px) {
    .float-xl-left {
        float: left !important;
    }
    .float-xl-right {
        float: right !important;
    }
    .float-xl-none {
        float: none !important;
    }
}
@media (min-width: 1440px) {
    .float-xxl-left {
        float: left !important;
    }
    .float-xxl-right {
        float: right !important;
    }
    .float-xxl-none {
        float: none !important;
    }
}
@media (min-width: 1920px) {
    .float-xxxl-left {
        float: left !important;
    }
    .float-xxxl-right {
        float: right !important;
    }
    .float-xxxl-none {
        float: none !important;
    }
}
.overflow-auto {
    overflow: auto !important;
}

.overflow-hidden {
    overflow: hidden !important;
}

.position-static {
    position: static !important;
}

.position-relative {
    position: relative !important;
}

.position-absolute {
    position: absolute !important;
}

.position-fixed {
    position: fixed !important;
}

.position-sticky {
    position: sticky !important;
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030;
}

@supports (position: sticky) {
    .sticky-top {
        position: sticky;
        top: 0;
        z-index: 1020;
    }
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal;
}

.shadow-sm {
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.shadow {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

.shadow-none {
    box-shadow: none !important;
}

.w-25 {
    width: 25% !important;
}

.w-50 {
    width: 50% !important;
}

.w-75 {
    width: 75% !important;
}

.w-100 {
    width: 100% !important;
}

.w-auto {
    width: auto !important;
}

.h-25 {
    height: 25% !important;
}

.h-50 {
    height: 50% !important;
}

.h-75 {
    height: 75% !important;
}

.h-100 {
    height: 100% !important;
}

.h-auto {
    height: auto !important;
}

.mw-100 {
    max-width: 100% !important;
}

.mh-100 {
    max-height: 100% !important;
}

.min-vw-100 {
    min-width: 100vw !important;
}

.min-vh-100 {
    min-height: 100vh !important;
}

.vw-100 {
    width: 100vw !important;
}

.vh-100 {
    height: 100vh !important;
}

.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: auto;
    content: '';
    background-color: rgba(0, 0, 0, 0);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mt-n1,
.my-n1 {
    margin-top: -0.25rem !important;
}

.mr-n1,
.mx-n1 {
    margin-right: -0.25rem !important;
}

.mb-n1,
.my-n1 {
    margin-bottom: -0.25rem !important;
}

.ml-n1,
.mx-n1 {
    margin-left: -0.25rem !important;
}

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

.mt-n2,
.my-n2 {
    margin-top: -0.5rem !important;
}

.mr-n2,
.mx-n2 {
    margin-right: -0.5rem !important;
}

.mb-n2,
.my-n2 {
    margin-bottom: -0.5rem !important;
}

.ml-n2,
.mx-n2 {
    margin-left: -0.5rem !important;
}

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

.mt-n3,
.my-n3 {
    margin-top: -1rem !important;
}

.mr-n3,
.mx-n3 {
    margin-right: -1rem !important;
}

.mb-n3,
.my-n3 {
    margin-bottom: -1rem !important;
}

.ml-n3,
.mx-n3 {
    margin-left: -1rem !important;
}

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

.mt-n4,
.my-n4 {
    margin-top: -1.5rem !important;
}

.mr-n4,
.mx-n4 {
    margin-right: -1.5rem !important;
}

.mb-n4,
.my-n4 {
    margin-bottom: -1.5rem !important;
}

.ml-n4,
.mx-n4 {
    margin-left: -1.5rem !important;
}

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

.mt-n5,
.my-n5 {
    margin-top: -3rem !important;
}

.mr-n5,
.mx-n5 {
    margin-right: -3rem !important;
}

.mb-n5,
.my-n5 {
    margin-bottom: -3rem !important;
}

.ml-n5,
.mx-n5 {
    margin-left: -3rem !important;
}

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

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

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

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

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

@media (min-width: 375px) {
    .m-sm-0 {
        margin: 0 !important;
    }
    .mt-sm-0,
    .my-sm-0 {
        margin-top: 0 !important;
    }
    .mr-sm-0,
    .mx-sm-0 {
        margin-right: 0 !important;
    }
    .mb-sm-0,
    .my-sm-0 {
        margin-bottom: 0 !important;
    }
    .ml-sm-0,
    .mx-sm-0 {
        margin-left: 0 !important;
    }
    .m-sm-1 {
        margin: 0.25rem !important;
    }
    .mt-sm-1,
    .my-sm-1 {
        margin-top: 0.25rem !important;
    }
    .mr-sm-1,
    .mx-sm-1 {
        margin-right: 0.25rem !important;
    }
    .mb-sm-1,
    .my-sm-1 {
        margin-bottom: 0.25rem !important;
    }
    .ml-sm-1,
    .mx-sm-1 {
        margin-left: 0.25rem !important;
    }
    .m-sm-2 {
        margin: 0.5rem !important;
    }
    .mt-sm-2,
    .my-sm-2 {
        margin-top: 0.5rem !important;
    }
    .mr-sm-2,
    .mx-sm-2 {
        margin-right: 0.5rem !important;
    }
    .mb-sm-2,
    .my-sm-2 {
        margin-bottom: 0.5rem !important;
    }
    .ml-sm-2,
    .mx-sm-2 {
        margin-left: 0.5rem !important;
    }
    .m-sm-3 {
        margin: 1rem !important;
    }
    .mt-sm-3,
    .my-sm-3 {
        margin-top: 1rem !important;
    }
    .mr-sm-3,
    .mx-sm-3 {
        margin-right: 1rem !important;
    }
    .mb-sm-3,
    .my-sm-3 {
        margin-bottom: 1rem !important;
    }
    .ml-sm-3,
    .mx-sm-3 {
        margin-left: 1rem !important;
    }
    .m-sm-4 {
        margin: 1.5rem !important;
    }
    .mt-sm-4,
    .my-sm-4 {
        margin-top: 1.5rem !important;
    }
    .mr-sm-4,
    .mx-sm-4 {
        margin-right: 1.5rem !important;
    }
    .mb-sm-4,
    .my-sm-4 {
        margin-bottom: 1.5rem !important;
    }
    .ml-sm-4,
    .mx-sm-4 {
        margin-left: 1.5rem !important;
    }
    .m-sm-5 {
        margin: 3rem !important;
    }
    .mt-sm-5,
    .my-sm-5 {
        margin-top: 3rem !important;
    }
    .mr-sm-5,
    .mx-sm-5 {
        margin-right: 3rem !important;
    }
    .mb-sm-5,
    .my-sm-5 {
        margin-bottom: 3rem !important;
    }
    .ml-sm-5,
    .mx-sm-5 {
        margin-left: 3rem !important;
    }
    .p-sm-0 {
        padding: 0 !important;
    }
    .pt-sm-0,
    .py-sm-0 {
        padding-top: 0 !important;
    }
    .pr-sm-0,
    .px-sm-0 {
        padding-right: 0 !important;
    }
    .pb-sm-0,
    .py-sm-0 {
        padding-bottom: 0 !important;
    }
    .pl-sm-0,
    .px-sm-0 {
        padding-left: 0 !important;
    }
    .p-sm-1 {
        padding: 0.25rem !important;
    }
    .pt-sm-1,
    .py-sm-1 {
        padding-top: 0.25rem !important;
    }
    .pr-sm-1,
    .px-sm-1 {
        padding-right: 0.25rem !important;
    }
    .pb-sm-1,
    .py-sm-1 {
        padding-bottom: 0.25rem !important;
    }
    .pl-sm-1,
    .px-sm-1 {
        padding-left: 0.25rem !important;
    }
    .p-sm-2 {
        padding: 0.5rem !important;
    }
    .pt-sm-2,
    .py-sm-2 {
        padding-top: 0.5rem !important;
    }
    .pr-sm-2,
    .px-sm-2 {
        padding-right: 0.5rem !important;
    }
    .pb-sm-2,
    .py-sm-2 {
        padding-bottom: 0.5rem !important;
    }
    .pl-sm-2,
    .px-sm-2 {
        padding-left: 0.5rem !important;
    }
    .p-sm-3 {
        padding: 1rem !important;
    }
    .pt-sm-3,
    .py-sm-3 {
        padding-top: 1rem !important;
    }
    .pr-sm-3,
    .px-sm-3 {
        padding-right: 1rem !important;
    }
    .pb-sm-3,
    .py-sm-3 {
        padding-bottom: 1rem !important;
    }
    .pl-sm-3,
    .px-sm-3 {
        padding-left: 1rem !important;
    }
    .p-sm-4 {
        padding: 1.5rem !important;
    }
    .pt-sm-4,
    .py-sm-4 {
        padding-top: 1.5rem !important;
    }
    .pr-sm-4,
    .px-sm-4 {
        padding-right: 1.5rem !important;
    }
    .pb-sm-4,
    .py-sm-4 {
        padding-bottom: 1.5rem !important;
    }
    .pl-sm-4,
    .px-sm-4 {
        padding-left: 1.5rem !important;
    }
    .p-sm-5 {
        padding: 3rem !important;
    }
    .pt-sm-5,
    .py-sm-5 {
        padding-top: 3rem !important;
    }
    .pr-sm-5,
    .px-sm-5 {
        padding-right: 3rem !important;
    }
    .pb-sm-5,
    .py-sm-5 {
        padding-bottom: 3rem !important;
    }
    .pl-sm-5,
    .px-sm-5 {
        padding-left: 3rem !important;
    }
    .m-sm-n1 {
        margin: -0.25rem !important;
    }
    .mt-sm-n1,
    .my-sm-n1 {
        margin-top: -0.25rem !important;
    }
    .mr-sm-n1,
    .mx-sm-n1 {
        margin-right: -0.25rem !important;
    }
    .mb-sm-n1,
    .my-sm-n1 {
        margin-bottom: -0.25rem !important;
    }
    .ml-sm-n1,
    .mx-sm-n1 {
        margin-left: -0.25rem !important;
    }
    .m-sm-n2 {
        margin: -0.5rem !important;
    }
    .mt-sm-n2,
    .my-sm-n2 {
        margin-top: -0.5rem !important;
    }
    .mr-sm-n2,
    .mx-sm-n2 {
        margin-right: -0.5rem !important;
    }
    .mb-sm-n2,
    .my-sm-n2 {
        margin-bottom: -0.5rem !important;
    }
    .ml-sm-n2,
    .mx-sm-n2 {
        margin-left: -0.5rem !important;
    }
    .m-sm-n3 {
        margin: -1rem !important;
    }
    .mt-sm-n3,
    .my-sm-n3 {
        margin-top: -1rem !important;
    }
    .mr-sm-n3,
    .mx-sm-n3 {
        margin-right: -1rem !important;
    }
    .mb-sm-n3,
    .my-sm-n3 {
        margin-bottom: -1rem !important;
    }
    .ml-sm-n3,
    .mx-sm-n3 {
        margin-left: -1rem !important;
    }
    .m-sm-n4 {
        margin: -1.5rem !important;
    }
    .mt-sm-n4,
    .my-sm-n4 {
        margin-top: -1.5rem !important;
    }
    .mr-sm-n4,
    .mx-sm-n4 {
        margin-right: -1.5rem !important;
    }
    .mb-sm-n4,
    .my-sm-n4 {
        margin-bottom: -1.5rem !important;
    }
    .ml-sm-n4,
    .mx-sm-n4 {
        margin-left: -1.5rem !important;
    }
    .m-sm-n5 {
        margin: -3rem !important;
    }
    .mt-sm-n5,
    .my-sm-n5 {
        margin-top: -3rem !important;
    }
    .mr-sm-n5,
    .mx-sm-n5 {
        margin-right: -3rem !important;
    }
    .mb-sm-n5,
    .my-sm-n5 {
        margin-bottom: -3rem !important;
    }
    .ml-sm-n5,
    .mx-sm-n5 {
        margin-left: -3rem !important;
    }
    .m-sm-auto {
        margin: auto !important;
    }
    .mt-sm-auto,
    .my-sm-auto {
        margin-top: auto !important;
    }
    .mr-sm-auto,
    .mx-sm-auto {
        margin-right: auto !important;
    }
    .mb-sm-auto,
    .my-sm-auto {
        margin-bottom: auto !important;
    }
    .ml-sm-auto,
    .mx-sm-auto {
        margin-left: auto !important;
    }
}
@media (min-width: 768px) {
    .m-md-0 {
        margin: 0 !important;
    }
    .mt-md-0,
    .my-md-0 {
        margin-top: 0 !important;
    }
    .mr-md-0,
    .mx-md-0 {
        margin-right: 0 !important;
    }
    .mb-md-0,
    .my-md-0 {
        margin-bottom: 0 !important;
    }
    .ml-md-0,
    .mx-md-0 {
        margin-left: 0 !important;
    }
    .m-md-1 {
        margin: 0.25rem !important;
    }
    .mt-md-1,
    .my-md-1 {
        margin-top: 0.25rem !important;
    }
    .mr-md-1,
    .mx-md-1 {
        margin-right: 0.25rem !important;
    }
    .mb-md-1,
    .my-md-1 {
        margin-bottom: 0.25rem !important;
    }
    .ml-md-1,
    .mx-md-1 {
        margin-left: 0.25rem !important;
    }
    .m-md-2 {
        margin: 0.5rem !important;
    }
    .mt-md-2,
    .my-md-2 {
        margin-top: 0.5rem !important;
    }
    .mr-md-2,
    .mx-md-2 {
        margin-right: 0.5rem !important;
    }
    .mb-md-2,
    .my-md-2 {
        margin-bottom: 0.5rem !important;
    }
    .ml-md-2,
    .mx-md-2 {
        margin-left: 0.5rem !important;
    }
    .m-md-3 {
        margin: 1rem !important;
    }
    .mt-md-3,
    .my-md-3 {
        margin-top: 1rem !important;
    }
    .mr-md-3,
    .mx-md-3 {
        margin-right: 1rem !important;
    }
    .mb-md-3,
    .my-md-3 {
        margin-bottom: 1rem !important;
    }
    .ml-md-3,
    .mx-md-3 {
        margin-left: 1rem !important;
    }
    .m-md-4 {
        margin: 1.5rem !important;
    }
    .mt-md-4,
    .my-md-4 {
        margin-top: 1.5rem !important;
    }
    .mr-md-4,
    .mx-md-4 {
        margin-right: 1.5rem !important;
    }
    .mb-md-4,
    .my-md-4 {
        margin-bottom: 1.5rem !important;
    }
    .ml-md-4,
    .mx-md-4 {
        margin-left: 1.5rem !important;
    }
    .m-md-5 {
        margin: 3rem !important;
    }
    .mt-md-5,
    .my-md-5 {
        margin-top: 3rem !important;
    }
    .mr-md-5,
    .mx-md-5 {
        margin-right: 3rem !important;
    }
    .mb-md-5,
    .my-md-5 {
        margin-bottom: 3rem !important;
    }
    .ml-md-5,
    .mx-md-5 {
        margin-left: 3rem !important;
    }
    .p-md-0 {
        padding: 0 !important;
    }
    .pt-md-0,
    .py-md-0 {
        padding-top: 0 !important;
    }
    .pr-md-0,
    .px-md-0 {
        padding-right: 0 !important;
    }
    .pb-md-0,
    .py-md-0 {
        padding-bottom: 0 !important;
    }
    .pl-md-0,
    .px-md-0 {
        padding-left: 0 !important;
    }
    .p-md-1 {
        padding: 0.25rem !important;
    }
    .pt-md-1,
    .py-md-1 {
        padding-top: 0.25rem !important;
    }
    .pr-md-1,
    .px-md-1 {
        padding-right: 0.25rem !important;
    }
    .pb-md-1,
    .py-md-1 {
        padding-bottom: 0.25rem !important;
    }
    .pl-md-1,
    .px-md-1 {
        padding-left: 0.25rem !important;
    }
    .p-md-2 {
        padding: 0.5rem !important;
    }
    .pt-md-2,
    .py-md-2 {
        padding-top: 0.5rem !important;
    }
    .pr-md-2,
    .px-md-2 {
        padding-right: 0.5rem !important;
    }
    .pb-md-2,
    .py-md-2 {
        padding-bottom: 0.5rem !important;
    }
    .pl-md-2,
    .px-md-2 {
        padding-left: 0.5rem !important;
    }
    .p-md-3 {
        padding: 1rem !important;
    }
    .pt-md-3,
    .py-md-3 {
        padding-top: 1rem !important;
    }
    .pr-md-3,
    .px-md-3 {
        padding-right: 1rem !important;
    }
    .pb-md-3,
    .py-md-3 {
        padding-bottom: 1rem !important;
    }
    .pl-md-3,
    .px-md-3 {
        padding-left: 1rem !important;
    }
    .p-md-4 {
        padding: 1.5rem !important;
    }
    .pt-md-4,
    .py-md-4 {
        padding-top: 1.5rem !important;
    }
    .pr-md-4,
    .px-md-4 {
        padding-right: 1.5rem !important;
    }
    .pb-md-4,
    .py-md-4 {
        padding-bottom: 1.5rem !important;
    }
    .pl-md-4,
    .px-md-4 {
        padding-left: 1.5rem !important;
    }
    .p-md-5 {
        padding: 3rem !important;
    }
    .pt-md-5,
    .py-md-5 {
        padding-top: 3rem !important;
    }
    .pr-md-5,
    .px-md-5 {
        padding-right: 3rem !important;
    }
    .pb-md-5,
    .py-md-5 {
        padding-bottom: 3rem !important;
    }
    .pl-md-5,
    .px-md-5 {
        padding-left: 3rem !important;
    }
    .m-md-n1 {
        margin: -0.25rem !important;
    }
    .mt-md-n1,
    .my-md-n1 {
        margin-top: -0.25rem !important;
    }
    .mr-md-n1,
    .mx-md-n1 {
        margin-right: -0.25rem !important;
    }
    .mb-md-n1,
    .my-md-n1 {
        margin-bottom: -0.25rem !important;
    }
    .ml-md-n1,
    .mx-md-n1 {
        margin-left: -0.25rem !important;
    }
    .m-md-n2 {
        margin: -0.5rem !important;
    }
    .mt-md-n2,
    .my-md-n2 {
        margin-top: -0.5rem !important;
    }
    .mr-md-n2,
    .mx-md-n2 {
        margin-right: -0.5rem !important;
    }
    .mb-md-n2,
    .my-md-n2 {
        margin-bottom: -0.5rem !important;
    }
    .ml-md-n2,
    .mx-md-n2 {
        margin-left: -0.5rem !important;
    }
    .m-md-n3 {
        margin: -1rem !important;
    }
    .mt-md-n3,
    .my-md-n3 {
        margin-top: -1rem !important;
    }
    .mr-md-n3,
    .mx-md-n3 {
        margin-right: -1rem !important;
    }
    .mb-md-n3,
    .my-md-n3 {
        margin-bottom: -1rem !important;
    }
    .ml-md-n3,
    .mx-md-n3 {
        margin-left: -1rem !important;
    }
    .m-md-n4 {
        margin: -1.5rem !important;
    }
    .mt-md-n4,
    .my-md-n4 {
        margin-top: -1.5rem !important;
    }
    .mr-md-n4,
    .mx-md-n4 {
        margin-right: -1.5rem !important;
    }
    .mb-md-n4,
    .my-md-n4 {
        margin-bottom: -1.5rem !important;
    }
    .ml-md-n4,
    .mx-md-n4 {
        margin-left: -1.5rem !important;
    }
    .m-md-n5 {
        margin: -3rem !important;
    }
    .mt-md-n5,
    .my-md-n5 {
        margin-top: -3rem !important;
    }
    .mr-md-n5,
    .mx-md-n5 {
        margin-right: -3rem !important;
    }
    .mb-md-n5,
    .my-md-n5 {
        margin-bottom: -3rem !important;
    }
    .ml-md-n5,
    .mx-md-n5 {
        margin-left: -3rem !important;
    }
    .m-md-auto {
        margin: auto !important;
    }
    .mt-md-auto,
    .my-md-auto {
        margin-top: auto !important;
    }
    .mr-md-auto,
    .mx-md-auto {
        margin-right: auto !important;
    }
    .mb-md-auto,
    .my-md-auto {
        margin-bottom: auto !important;
    }
    .ml-md-auto,
    .mx-md-auto {
        margin-left: auto !important;
    }
}
@media (min-width: 1025px) {
    .m-lg-0 {
        margin: 0 !important;
    }
    .mt-lg-0,
    .my-lg-0 {
        margin-top: 0 !important;
    }
    .mr-lg-0,
    .mx-lg-0 {
        margin-right: 0 !important;
    }
    .mb-lg-0,
    .my-lg-0 {
        margin-bottom: 0 !important;
    }
    .ml-lg-0,
    .mx-lg-0 {
        margin-left: 0 !important;
    }
    .m-lg-1 {
        margin: 0.25rem !important;
    }
    .mt-lg-1,
    .my-lg-1 {
        margin-top: 0.25rem !important;
    }
    .mr-lg-1,
    .mx-lg-1 {
        margin-right: 0.25rem !important;
    }
    .mb-lg-1,
    .my-lg-1 {
        margin-bottom: 0.25rem !important;
    }
    .ml-lg-1,
    .mx-lg-1 {
        margin-left: 0.25rem !important;
    }
    .m-lg-2 {
        margin: 0.5rem !important;
    }
    .mt-lg-2,
    .my-lg-2 {
        margin-top: 0.5rem !important;
    }
    .mr-lg-2,
    .mx-lg-2 {
        margin-right: 0.5rem !important;
    }
    .mb-lg-2,
    .my-lg-2 {
        margin-bottom: 0.5rem !important;
    }
    .ml-lg-2,
    .mx-lg-2 {
        margin-left: 0.5rem !important;
    }
    .m-lg-3 {
        margin: 1rem !important;
    }
    .mt-lg-3,
    .my-lg-3 {
        margin-top: 1rem !important;
    }
    .mr-lg-3,
    .mx-lg-3 {
        margin-right: 1rem !important;
    }
    .mb-lg-3,
    .my-lg-3 {
        margin-bottom: 1rem !important;
    }
    .ml-lg-3,
    .mx-lg-3 {
        margin-left: 1rem !important;
    }
    .m-lg-4 {
        margin: 1.5rem !important;
    }
    .mt-lg-4,
    .my-lg-4 {
        margin-top: 1.5rem !important;
    }
    .mr-lg-4,
    .mx-lg-4 {
        margin-right: 1.5rem !important;
    }
    .mb-lg-4,
    .my-lg-4 {
        margin-bottom: 1.5rem !important;
    }
    .ml-lg-4,
    .mx-lg-4 {
        margin-left: 1.5rem !important;
    }
    .m-lg-5 {
        margin: 3rem !important;
    }
    .mt-lg-5,
    .my-lg-5 {
        margin-top: 3rem !important;
    }
    .mr-lg-5,
    .mx-lg-5 {
        margin-right: 3rem !important;
    }
    .mb-lg-5,
    .my-lg-5 {
        margin-bottom: 3rem !important;
    }
    .ml-lg-5,
    .mx-lg-5 {
        margin-left: 3rem !important;
    }
    .p-lg-0 {
        padding: 0 !important;
    }
    .pt-lg-0,
    .py-lg-0 {
        padding-top: 0 !important;
    }
    .pr-lg-0,
    .px-lg-0 {
        padding-right: 0 !important;
    }
    .pb-lg-0,
    .py-lg-0 {
        padding-bottom: 0 !important;
    }
    .pl-lg-0,
    .px-lg-0 {
        padding-left: 0 !important;
    }
    .p-lg-1 {
        padding: 0.25rem !important;
    }
    .pt-lg-1,
    .py-lg-1 {
        padding-top: 0.25rem !important;
    }
    .pr-lg-1,
    .px-lg-1 {
        padding-right: 0.25rem !important;
    }
    .pb-lg-1,
    .py-lg-1 {
        padding-bottom: 0.25rem !important;
    }
    .pl-lg-1,
    .px-lg-1 {
        padding-left: 0.25rem !important;
    }
    .p-lg-2 {
        padding: 0.5rem !important;
    }
    .pt-lg-2,
    .py-lg-2 {
        padding-top: 0.5rem !important;
    }
    .pr-lg-2,
    .px-lg-2 {
        padding-right: 0.5rem !important;
    }
    .pb-lg-2,
    .py-lg-2 {
        padding-bottom: 0.5rem !important;
    }
    .pl-lg-2,
    .px-lg-2 {
        padding-left: 0.5rem !important;
    }
    .p-lg-3 {
        padding: 1rem !important;
    }
    .pt-lg-3,
    .py-lg-3 {
        padding-top: 1rem !important;
    }
    .pr-lg-3,
    .px-lg-3 {
        padding-right: 1rem !important;
    }
    .pb-lg-3,
    .py-lg-3 {
        padding-bottom: 1rem !important;
    }
    .pl-lg-3,
    .px-lg-3 {
        padding-left: 1rem !important;
    }
    .p-lg-4 {
        padding: 1.5rem !important;
    }
    .pt-lg-4,
    .py-lg-4 {
        padding-top: 1.5rem !important;
    }
    .pr-lg-4,
    .px-lg-4 {
        padding-right: 1.5rem !important;
    }
    .pb-lg-4,
    .py-lg-4 {
        padding-bottom: 1.5rem !important;
    }
    .pl-lg-4,
    .px-lg-4 {
        padding-left: 1.5rem !important;
    }
    .p-lg-5 {
        padding: 3rem !important;
    }
    .pt-lg-5,
    .py-lg-5 {
        padding-top: 3rem !important;
    }
    .pr-lg-5,
    .px-lg-5 {
        padding-right: 3rem !important;
    }
    .pb-lg-5,
    .py-lg-5 {
        padding-bottom: 3rem !important;
    }
    .pl-lg-5,
    .px-lg-5 {
        padding-left: 3rem !important;
    }
    .m-lg-n1 {
        margin: -0.25rem !important;
    }
    .mt-lg-n1,
    .my-lg-n1 {
        margin-top: -0.25rem !important;
    }
    .mr-lg-n1,
    .mx-lg-n1 {
        margin-right: -0.25rem !important;
    }
    .mb-lg-n1,
    .my-lg-n1 {
        margin-bottom: -0.25rem !important;
    }
    .ml-lg-n1,
    .mx-lg-n1 {
        margin-left: -0.25rem !important;
    }
    .m-lg-n2 {
        margin: -0.5rem !important;
    }
    .mt-lg-n2,
    .my-lg-n2 {
        margin-top: -0.5rem !important;
    }
    .mr-lg-n2,
    .mx-lg-n2 {
        margin-right: -0.5rem !important;
    }
    .mb-lg-n2,
    .my-lg-n2 {
        margin-bottom: -0.5rem !important;
    }
    .ml-lg-n2,
    .mx-lg-n2 {
        margin-left: -0.5rem !important;
    }
    .m-lg-n3 {
        margin: -1rem !important;
    }
    .mt-lg-n3,
    .my-lg-n3 {
        margin-top: -1rem !important;
    }
    .mr-lg-n3,
    .mx-lg-n3 {
        margin-right: -1rem !important;
    }
    .mb-lg-n3,
    .my-lg-n3 {
        margin-bottom: -1rem !important;
    }
    .ml-lg-n3,
    .mx-lg-n3 {
        margin-left: -1rem !important;
    }
    .m-lg-n4 {
        margin: -1.5rem !important;
    }
    .mt-lg-n4,
    .my-lg-n4 {
        margin-top: -1.5rem !important;
    }
    .mr-lg-n4,
    .mx-lg-n4 {
        margin-right: -1.5rem !important;
    }
    .mb-lg-n4,
    .my-lg-n4 {
        margin-bottom: -1.5rem !important;
    }
    .ml-lg-n4,
    .mx-lg-n4 {
        margin-left: -1.5rem !important;
    }
    .m-lg-n5 {
        margin: -3rem !important;
    }
    .mt-lg-n5,
    .my-lg-n5 {
        margin-top: -3rem !important;
    }
    .mr-lg-n5,
    .mx-lg-n5 {
        margin-right: -3rem !important;
    }
    .mb-lg-n5,
    .my-lg-n5 {
        margin-bottom: -3rem !important;
    }
    .ml-lg-n5,
    .mx-lg-n5 {
        margin-left: -3rem !important;
    }
    .m-lg-auto {
        margin: auto !important;
    }
    .mt-lg-auto,
    .my-lg-auto {
        margin-top: auto !important;
    }
    .mr-lg-auto,
    .mx-lg-auto {
        margin-right: auto !important;
    }
    .mb-lg-auto,
    .my-lg-auto {
        margin-bottom: auto !important;
    }
    .ml-lg-auto,
    .mx-lg-auto {
        margin-left: auto !important;
    }
}
@media (min-width: 1280px) {
    .m-xl-0 {
        margin: 0 !important;
    }
    .mt-xl-0,
    .my-xl-0 {
        margin-top: 0 !important;
    }
    .mr-xl-0,
    .mx-xl-0 {
        margin-right: 0 !important;
    }
    .mb-xl-0,
    .my-xl-0 {
        margin-bottom: 0 !important;
    }
    .ml-xl-0,
    .mx-xl-0 {
        margin-left: 0 !important;
    }
    .m-xl-1 {
        margin: 0.25rem !important;
    }
    .mt-xl-1,
    .my-xl-1 {
        margin-top: 0.25rem !important;
    }
    .mr-xl-1,
    .mx-xl-1 {
        margin-right: 0.25rem !important;
    }
    .mb-xl-1,
    .my-xl-1 {
        margin-bottom: 0.25rem !important;
    }
    .ml-xl-1,
    .mx-xl-1 {
        margin-left: 0.25rem !important;
    }
    .m-xl-2 {
        margin: 0.5rem !important;
    }
    .mt-xl-2,
    .my-xl-2 {
        margin-top: 0.5rem !important;
    }
    .mr-xl-2,
    .mx-xl-2 {
        margin-right: 0.5rem !important;
    }
    .mb-xl-2,
    .my-xl-2 {
        margin-bottom: 0.5rem !important;
    }
    .ml-xl-2,
    .mx-xl-2 {
        margin-left: 0.5rem !important;
    }
    .m-xl-3 {
        margin: 1rem !important;
    }
    .mt-xl-3,
    .my-xl-3 {
        margin-top: 1rem !important;
    }
    .mr-xl-3,
    .mx-xl-3 {
        margin-right: 1rem !important;
    }
    .mb-xl-3,
    .my-xl-3 {
        margin-bottom: 1rem !important;
    }
    .ml-xl-3,
    .mx-xl-3 {
        margin-left: 1rem !important;
    }
    .m-xl-4 {
        margin: 1.5rem !important;
    }
    .mt-xl-4,
    .my-xl-4 {
        margin-top: 1.5rem !important;
    }
    .mr-xl-4,
    .mx-xl-4 {
        margin-right: 1.5rem !important;
    }
    .mb-xl-4,
    .my-xl-4 {
        margin-bottom: 1.5rem !important;
    }
    .ml-xl-4,
    .mx-xl-4 {
        margin-left: 1.5rem !important;
    }
    .m-xl-5 {
        margin: 3rem !important;
    }
    .mt-xl-5,
    .my-xl-5 {
        margin-top: 3rem !important;
    }
    .mr-xl-5,
    .mx-xl-5 {
        margin-right: 3rem !important;
    }
    .mb-xl-5,
    .my-xl-5 {
        margin-bottom: 3rem !important;
    }
    .ml-xl-5,
    .mx-xl-5 {
        margin-left: 3rem !important;
    }
    .p-xl-0 {
        padding: 0 !important;
    }
    .pt-xl-0,
    .py-xl-0 {
        padding-top: 0 !important;
    }
    .pr-xl-0,
    .px-xl-0 {
        padding-right: 0 !important;
    }
    .pb-xl-0,
    .py-xl-0 {
        padding-bottom: 0 !important;
    }
    .pl-xl-0,
    .px-xl-0 {
        padding-left: 0 !important;
    }
    .p-xl-1 {
        padding: 0.25rem !important;
    }
    .pt-xl-1,
    .py-xl-1 {
        padding-top: 0.25rem !important;
    }
    .pr-xl-1,
    .px-xl-1 {
        padding-right: 0.25rem !important;
    }
    .pb-xl-1,
    .py-xl-1 {
        padding-bottom: 0.25rem !important;
    }
    .pl-xl-1,
    .px-xl-1 {
        padding-left: 0.25rem !important;
    }
    .p-xl-2 {
        padding: 0.5rem !important;
    }
    .pt-xl-2,
    .py-xl-2 {
        padding-top: 0.5rem !important;
    }
    .pr-xl-2,
    .px-xl-2 {
        padding-right: 0.5rem !important;
    }
    .pb-xl-2,
    .py-xl-2 {
        padding-bottom: 0.5rem !important;
    }
    .pl-xl-2,
    .px-xl-2 {
        padding-left: 0.5rem !important;
    }
    .p-xl-3 {
        padding: 1rem !important;
    }
    .pt-xl-3,
    .py-xl-3 {
        padding-top: 1rem !important;
    }
    .pr-xl-3,
    .px-xl-3 {
        padding-right: 1rem !important;
    }
    .pb-xl-3,
    .py-xl-3 {
        padding-bottom: 1rem !important;
    }
    .pl-xl-3,
    .px-xl-3 {
        padding-left: 1rem !important;
    }
    .p-xl-4 {
        padding: 1.5rem !important;
    }
    .pt-xl-4,
    .py-xl-4 {
        padding-top: 1.5rem !important;
    }
    .pr-xl-4,
    .px-xl-4 {
        padding-right: 1.5rem !important;
    }
    .pb-xl-4,
    .py-xl-4 {
        padding-bottom: 1.5rem !important;
    }
    .pl-xl-4,
    .px-xl-4 {
        padding-left: 1.5rem !important;
    }
    .p-xl-5 {
        padding: 3rem !important;
    }
    .pt-xl-5,
    .py-xl-5 {
        padding-top: 3rem !important;
    }
    .pr-xl-5,
    .px-xl-5 {
        padding-right: 3rem !important;
    }
    .pb-xl-5,
    .py-xl-5 {
        padding-bottom: 3rem !important;
    }
    .pl-xl-5,
    .px-xl-5 {
        padding-left: 3rem !important;
    }
    .m-xl-n1 {
        margin: -0.25rem !important;
    }
    .mt-xl-n1,
    .my-xl-n1 {
        margin-top: -0.25rem !important;
    }
    .mr-xl-n1,
    .mx-xl-n1 {
        margin-right: -0.25rem !important;
    }
    .mb-xl-n1,
    .my-xl-n1 {
        margin-bottom: -0.25rem !important;
    }
    .ml-xl-n1,
    .mx-xl-n1 {
        margin-left: -0.25rem !important;
    }
    .m-xl-n2 {
        margin: -0.5rem !important;
    }
    .mt-xl-n2,
    .my-xl-n2 {
        margin-top: -0.5rem !important;
    }
    .mr-xl-n2,
    .mx-xl-n2 {
        margin-right: -0.5rem !important;
    }
    .mb-xl-n2,
    .my-xl-n2 {
        margin-bottom: -0.5rem !important;
    }
    .ml-xl-n2,
    .mx-xl-n2 {
        margin-left: -0.5rem !important;
    }
    .m-xl-n3 {
        margin: -1rem !important;
    }
    .mt-xl-n3,
    .my-xl-n3 {
        margin-top: -1rem !important;
    }
    .mr-xl-n3,
    .mx-xl-n3 {
        margin-right: -1rem !important;
    }
    .mb-xl-n3,
    .my-xl-n3 {
        margin-bottom: -1rem !important;
    }
    .ml-xl-n3,
    .mx-xl-n3 {
        margin-left: -1rem !important;
    }
    .m-xl-n4 {
        margin: -1.5rem !important;
    }
    .mt-xl-n4,
    .my-xl-n4 {
        margin-top: -1.5rem !important;
    }
    .mr-xl-n4,
    .mx-xl-n4 {
        margin-right: -1.5rem !important;
    }
    .mb-xl-n4,
    .my-xl-n4 {
        margin-bottom: -1.5rem !important;
    }
    .ml-xl-n4,
    .mx-xl-n4 {
        margin-left: -1.5rem !important;
    }
    .m-xl-n5 {
        margin: -3rem !important;
    }
    .mt-xl-n5,
    .my-xl-n5 {
        margin-top: -3rem !important;
    }
    .mr-xl-n5,
    .mx-xl-n5 {
        margin-right: -3rem !important;
    }
    .mb-xl-n5,
    .my-xl-n5 {
        margin-bottom: -3rem !important;
    }
    .ml-xl-n5,
    .mx-xl-n5 {
        margin-left: -3rem !important;
    }
    .m-xl-auto {
        margin: auto !important;
    }
    .mt-xl-auto,
    .my-xl-auto {
        margin-top: auto !important;
    }
    .mr-xl-auto,
    .mx-xl-auto {
        margin-right: auto !important;
    }
    .mb-xl-auto,
    .my-xl-auto {
        margin-bottom: auto !important;
    }
    .ml-xl-auto,
    .mx-xl-auto {
        margin-left: auto !important;
    }
}
@media (min-width: 1440px) {
    .m-xxl-0 {
        margin: 0 !important;
    }
    .mt-xxl-0,
    .my-xxl-0 {
        margin-top: 0 !important;
    }
    .mr-xxl-0,
    .mx-xxl-0 {
        margin-right: 0 !important;
    }
    .mb-xxl-0,
    .my-xxl-0 {
        margin-bottom: 0 !important;
    }
    .ml-xxl-0,
    .mx-xxl-0 {
        margin-left: 0 !important;
    }
    .m-xxl-1 {
        margin: 0.25rem !important;
    }
    .mt-xxl-1,
    .my-xxl-1 {
        margin-top: 0.25rem !important;
    }
    .mr-xxl-1,
    .mx-xxl-1 {
        margin-right: 0.25rem !important;
    }
    .mb-xxl-1,
    .my-xxl-1 {
        margin-bottom: 0.25rem !important;
    }
    .ml-xxl-1,
    .mx-xxl-1 {
        margin-left: 0.25rem !important;
    }
    .m-xxl-2 {
        margin: 0.5rem !important;
    }
    .mt-xxl-2,
    .my-xxl-2 {
        margin-top: 0.5rem !important;
    }
    .mr-xxl-2,
    .mx-xxl-2 {
        margin-right: 0.5rem !important;
    }
    .mb-xxl-2,
    .my-xxl-2 {
        margin-bottom: 0.5rem !important;
    }
    .ml-xxl-2,
    .mx-xxl-2 {
        margin-left: 0.5rem !important;
    }
    .m-xxl-3 {
        margin: 1rem !important;
    }
    .mt-xxl-3,
    .my-xxl-3 {
        margin-top: 1rem !important;
    }
    .mr-xxl-3,
    .mx-xxl-3 {
        margin-right: 1rem !important;
    }
    .mb-xxl-3,
    .my-xxl-3 {
        margin-bottom: 1rem !important;
    }
    .ml-xxl-3,
    .mx-xxl-3 {
        margin-left: 1rem !important;
    }
    .m-xxl-4 {
        margin: 1.5rem !important;
    }
    .mt-xxl-4,
    .my-xxl-4 {
        margin-top: 1.5rem !important;
    }
    .mr-xxl-4,
    .mx-xxl-4 {
        margin-right: 1.5rem !important;
    }
    .mb-xxl-4,
    .my-xxl-4 {
        margin-bottom: 1.5rem !important;
    }
    .ml-xxl-4,
    .mx-xxl-4 {
        margin-left: 1.5rem !important;
    }
    .m-xxl-5 {
        margin: 3rem !important;
    }
    .mt-xxl-5,
    .my-xxl-5 {
        margin-top: 3rem !important;
    }
    .mr-xxl-5,
    .mx-xxl-5 {
        margin-right: 3rem !important;
    }
    .mb-xxl-5,
    .my-xxl-5 {
        margin-bottom: 3rem !important;
    }
    .ml-xxl-5,
    .mx-xxl-5 {
        margin-left: 3rem !important;
    }
    .p-xxl-0 {
        padding: 0 !important;
    }
    .pt-xxl-0,
    .py-xxl-0 {
        padding-top: 0 !important;
    }
    .pr-xxl-0,
    .px-xxl-0 {
        padding-right: 0 !important;
    }
    .pb-xxl-0,
    .py-xxl-0 {
        padding-bottom: 0 !important;
    }
    .pl-xxl-0,
    .px-xxl-0 {
        padding-left: 0 !important;
    }
    .p-xxl-1 {
        padding: 0.25rem !important;
    }
    .pt-xxl-1,
    .py-xxl-1 {
        padding-top: 0.25rem !important;
    }
    .pr-xxl-1,
    .px-xxl-1 {
        padding-right: 0.25rem !important;
    }
    .pb-xxl-1,
    .py-xxl-1 {
        padding-bottom: 0.25rem !important;
    }
    .pl-xxl-1,
    .px-xxl-1 {
        padding-left: 0.25rem !important;
    }
    .p-xxl-2 {
        padding: 0.5rem !important;
    }
    .pt-xxl-2,
    .py-xxl-2 {
        padding-top: 0.5rem !important;
    }
    .pr-xxl-2,
    .px-xxl-2 {
        padding-right: 0.5rem !important;
    }
    .pb-xxl-2,
    .py-xxl-2 {
        padding-bottom: 0.5rem !important;
    }
    .pl-xxl-2,
    .px-xxl-2 {
        padding-left: 0.5rem !important;
    }
    .p-xxl-3 {
        padding: 1rem !important;
    }
    .pt-xxl-3,
    .py-xxl-3 {
        padding-top: 1rem !important;
    }
    .pr-xxl-3,
    .px-xxl-3 {
        padding-right: 1rem !important;
    }
    .pb-xxl-3,
    .py-xxl-3 {
        padding-bottom: 1rem !important;
    }
    .pl-xxl-3,
    .px-xxl-3 {
        padding-left: 1rem !important;
    }
    .p-xxl-4 {
        padding: 1.5rem !important;
    }
    .pt-xxl-4,
    .py-xxl-4 {
        padding-top: 1.5rem !important;
    }
    .pr-xxl-4,
    .px-xxl-4 {
        padding-right: 1.5rem !important;
    }
    .pb-xxl-4,
    .py-xxl-4 {
        padding-bottom: 1.5rem !important;
    }
    .pl-xxl-4,
    .px-xxl-4 {
        padding-left: 1.5rem !important;
    }
    .p-xxl-5 {
        padding: 3rem !important;
    }
    .pt-xxl-5,
    .py-xxl-5 {
        padding-top: 3rem !important;
    }
    .pr-xxl-5,
    .px-xxl-5 {
        padding-right: 3rem !important;
    }
    .pb-xxl-5,
    .py-xxl-5 {
        padding-bottom: 3rem !important;
    }
    .pl-xxl-5,
    .px-xxl-5 {
        padding-left: 3rem !important;
    }
    .m-xxl-n1 {
        margin: -0.25rem !important;
    }
    .mt-xxl-n1,
    .my-xxl-n1 {
        margin-top: -0.25rem !important;
    }
    .mr-xxl-n1,
    .mx-xxl-n1 {
        margin-right: -0.25rem !important;
    }
    .mb-xxl-n1,
    .my-xxl-n1 {
        margin-bottom: -0.25rem !important;
    }
    .ml-xxl-n1,
    .mx-xxl-n1 {
        margin-left: -0.25rem !important;
    }
    .m-xxl-n2 {
        margin: -0.5rem !important;
    }
    .mt-xxl-n2,
    .my-xxl-n2 {
        margin-top: -0.5rem !important;
    }
    .mr-xxl-n2,
    .mx-xxl-n2 {
        margin-right: -0.5rem !important;
    }
    .mb-xxl-n2,
    .my-xxl-n2 {
        margin-bottom: -0.5rem !important;
    }
    .ml-xxl-n2,
    .mx-xxl-n2 {
        margin-left: -0.5rem !important;
    }
    .m-xxl-n3 {
        margin: -1rem !important;
    }
    .mt-xxl-n3,
    .my-xxl-n3 {
        margin-top: -1rem !important;
    }
    .mr-xxl-n3,
    .mx-xxl-n3 {
        margin-right: -1rem !important;
    }
    .mb-xxl-n3,
    .my-xxl-n3 {
        margin-bottom: -1rem !important;
    }
    .ml-xxl-n3,
    .mx-xxl-n3 {
        margin-left: -1rem !important;
    }
    .m-xxl-n4 {
        margin: -1.5rem !important;
    }
    .mt-xxl-n4,
    .my-xxl-n4 {
        margin-top: -1.5rem !important;
    }
    .mr-xxl-n4,
    .mx-xxl-n4 {
        margin-right: -1.5rem !important;
    }
    .mb-xxl-n4,
    .my-xxl-n4 {
        margin-bottom: -1.5rem !important;
    }
    .ml-xxl-n4,
    .mx-xxl-n4 {
        margin-left: -1.5rem !important;
    }
    .m-xxl-n5 {
        margin: -3rem !important;
    }
    .mt-xxl-n5,
    .my-xxl-n5 {
        margin-top: -3rem !important;
    }
    .mr-xxl-n5,
    .mx-xxl-n5 {
        margin-right: -3rem !important;
    }
    .mb-xxl-n5,
    .my-xxl-n5 {
        margin-bottom: -3rem !important;
    }
    .ml-xxl-n5,
    .mx-xxl-n5 {
        margin-left: -3rem !important;
    }
    .m-xxl-auto {
        margin: auto !important;
    }
    .mt-xxl-auto,
    .my-xxl-auto {
        margin-top: auto !important;
    }
    .mr-xxl-auto,
    .mx-xxl-auto {
        margin-right: auto !important;
    }
    .mb-xxl-auto,
    .my-xxl-auto {
        margin-bottom: auto !important;
    }
    .ml-xxl-auto,
    .mx-xxl-auto {
        margin-left: auto !important;
    }
}
@media (min-width: 1920px) {
    .m-xxxl-0 {
        margin: 0 !important;
    }
    .mt-xxxl-0,
    .my-xxxl-0 {
        margin-top: 0 !important;
    }
    .mr-xxxl-0,
    .mx-xxxl-0 {
        margin-right: 0 !important;
    }
    .mb-xxxl-0,
    .my-xxxl-0 {
        margin-bottom: 0 !important;
    }
    .ml-xxxl-0,
    .mx-xxxl-0 {
        margin-left: 0 !important;
    }
    .m-xxxl-1 {
        margin: 0.25rem !important;
    }
    .mt-xxxl-1,
    .my-xxxl-1 {
        margin-top: 0.25rem !important;
    }
    .mr-xxxl-1,
    .mx-xxxl-1 {
        margin-right: 0.25rem !important;
    }
    .mb-xxxl-1,
    .my-xxxl-1 {
        margin-bottom: 0.25rem !important;
    }
    .ml-xxxl-1,
    .mx-xxxl-1 {
        margin-left: 0.25rem !important;
    }
    .m-xxxl-2 {
        margin: 0.5rem !important;
    }
    .mt-xxxl-2,
    .my-xxxl-2 {
        margin-top: 0.5rem !important;
    }
    .mr-xxxl-2,
    .mx-xxxl-2 {
        margin-right: 0.5rem !important;
    }
    .mb-xxxl-2,
    .my-xxxl-2 {
        margin-bottom: 0.5rem !important;
    }
    .ml-xxxl-2,
    .mx-xxxl-2 {
        margin-left: 0.5rem !important;
    }
    .m-xxxl-3 {
        margin: 1rem !important;
    }
    .mt-xxxl-3,
    .my-xxxl-3 {
        margin-top: 1rem !important;
    }
    .mr-xxxl-3,
    .mx-xxxl-3 {
        margin-right: 1rem !important;
    }
    .mb-xxxl-3,
    .my-xxxl-3 {
        margin-bottom: 1rem !important;
    }
    .ml-xxxl-3,
    .mx-xxxl-3 {
        margin-left: 1rem !important;
    }
    .m-xxxl-4 {
        margin: 1.5rem !important;
    }
    .mt-xxxl-4,
    .my-xxxl-4 {
        margin-top: 1.5rem !important;
    }
    .mr-xxxl-4,
    .mx-xxxl-4 {
        margin-right: 1.5rem !important;
    }
    .mb-xxxl-4,
    .my-xxxl-4 {
        margin-bottom: 1.5rem !important;
    }
    .ml-xxxl-4,
    .mx-xxxl-4 {
        margin-left: 1.5rem !important;
    }
    .m-xxxl-5 {
        margin: 3rem !important;
    }
    .mt-xxxl-5,
    .my-xxxl-5 {
        margin-top: 3rem !important;
    }
    .mr-xxxl-5,
    .mx-xxxl-5 {
        margin-right: 3rem !important;
    }
    .mb-xxxl-5,
    .my-xxxl-5 {
        margin-bottom: 3rem !important;
    }
    .ml-xxxl-5,
    .mx-xxxl-5 {
        margin-left: 3rem !important;
    }
    .p-xxxl-0 {
        padding: 0 !important;
    }
    .pt-xxxl-0,
    .py-xxxl-0 {
        padding-top: 0 !important;
    }
    .pr-xxxl-0,
    .px-xxxl-0 {
        padding-right: 0 !important;
    }
    .pb-xxxl-0,
    .py-xxxl-0 {
        padding-bottom: 0 !important;
    }
    .pl-xxxl-0,
    .px-xxxl-0 {
        padding-left: 0 !important;
    }
    .p-xxxl-1 {
        padding: 0.25rem !important;
    }
    .pt-xxxl-1,
    .py-xxxl-1 {
        padding-top: 0.25rem !important;
    }
    .pr-xxxl-1,
    .px-xxxl-1 {
        padding-right: 0.25rem !important;
    }
    .pb-xxxl-1,
    .py-xxxl-1 {
        padding-bottom: 0.25rem !important;
    }
    .pl-xxxl-1,
    .px-xxxl-1 {
        padding-left: 0.25rem !important;
    }
    .p-xxxl-2 {
        padding: 0.5rem !important;
    }
    .pt-xxxl-2,
    .py-xxxl-2 {
        padding-top: 0.5rem !important;
    }
    .pr-xxxl-2,
    .px-xxxl-2 {
        padding-right: 0.5rem !important;
    }
    .pb-xxxl-2,
    .py-xxxl-2 {
        padding-bottom: 0.5rem !important;
    }
    .pl-xxxl-2,
    .px-xxxl-2 {
        padding-left: 0.5rem !important;
    }
    .p-xxxl-3 {
        padding: 1rem !important;
    }
    .pt-xxxl-3,
    .py-xxxl-3 {
        padding-top: 1rem !important;
    }
    .pr-xxxl-3,
    .px-xxxl-3 {
        padding-right: 1rem !important;
    }
    .pb-xxxl-3,
    .py-xxxl-3 {
        padding-bottom: 1rem !important;
    }
    .pl-xxxl-3,
    .px-xxxl-3 {
        padding-left: 1rem !important;
    }
    .p-xxxl-4 {
        padding: 1.5rem !important;
    }
    .pt-xxxl-4,
    .py-xxxl-4 {
        padding-top: 1.5rem !important;
    }
    .pr-xxxl-4,
    .px-xxxl-4 {
        padding-right: 1.5rem !important;
    }
    .pb-xxxl-4,
    .py-xxxl-4 {
        padding-bottom: 1.5rem !important;
    }
    .pl-xxxl-4,
    .px-xxxl-4 {
        padding-left: 1.5rem !important;
    }
    .p-xxxl-5 {
        padding: 3rem !important;
    }
    .pt-xxxl-5,
    .py-xxxl-5 {
        padding-top: 3rem !important;
    }
    .pr-xxxl-5,
    .px-xxxl-5 {
        padding-right: 3rem !important;
    }
    .pb-xxxl-5,
    .py-xxxl-5 {
        padding-bottom: 3rem !important;
    }
    .pl-xxxl-5,
    .px-xxxl-5 {
        padding-left: 3rem !important;
    }
    .m-xxxl-n1 {
        margin: -0.25rem !important;
    }
    .mt-xxxl-n1,
    .my-xxxl-n1 {
        margin-top: -0.25rem !important;
    }
    .mr-xxxl-n1,
    .mx-xxxl-n1 {
        margin-right: -0.25rem !important;
    }
    .mb-xxxl-n1,
    .my-xxxl-n1 {
        margin-bottom: -0.25rem !important;
    }
    .ml-xxxl-n1,
    .mx-xxxl-n1 {
        margin-left: -0.25rem !important;
    }
    .m-xxxl-n2 {
        margin: -0.5rem !important;
    }
    .mt-xxxl-n2,
    .my-xxxl-n2 {
        margin-top: -0.5rem !important;
    }
    .mr-xxxl-n2,
    .mx-xxxl-n2 {
        margin-right: -0.5rem !important;
    }
    .mb-xxxl-n2,
    .my-xxxl-n2 {
        margin-bottom: -0.5rem !important;
    }
    .ml-xxxl-n2,
    .mx-xxxl-n2 {
        margin-left: -0.5rem !important;
    }
    .m-xxxl-n3 {
        margin: -1rem !important;
    }
    .mt-xxxl-n3,
    .my-xxxl-n3 {
        margin-top: -1rem !important;
    }
    .mr-xxxl-n3,
    .mx-xxxl-n3 {
        margin-right: -1rem !important;
    }
    .mb-xxxl-n3,
    .my-xxxl-n3 {
        margin-bottom: -1rem !important;
    }
    .ml-xxxl-n3,
    .mx-xxxl-n3 {
        margin-left: -1rem !important;
    }
    .m-xxxl-n4 {
        margin: -1.5rem !important;
    }
    .mt-xxxl-n4,
    .my-xxxl-n4 {
        margin-top: -1.5rem !important;
    }
    .mr-xxxl-n4,
    .mx-xxxl-n4 {
        margin-right: -1.5rem !important;
    }
    .mb-xxxl-n4,
    .my-xxxl-n4 {
        margin-bottom: -1.5rem !important;
    }
    .ml-xxxl-n4,
    .mx-xxxl-n4 {
        margin-left: -1.5rem !important;
    }
    .m-xxxl-n5 {
        margin: -3rem !important;
    }
    .mt-xxxl-n5,
    .my-xxxl-n5 {
        margin-top: -3rem !important;
    }
    .mr-xxxl-n5,
    .mx-xxxl-n5 {
        margin-right: -3rem !important;
    }
    .mb-xxxl-n5,
    .my-xxxl-n5 {
        margin-bottom: -3rem !important;
    }
    .ml-xxxl-n5,
    .mx-xxxl-n5 {
        margin-left: -3rem !important;
    }
    .m-xxxl-auto {
        margin: auto !important;
    }
    .mt-xxxl-auto,
    .my-xxxl-auto {
        margin-top: auto !important;
    }
    .mr-xxxl-auto,
    .mx-xxxl-auto {
        margin-right: auto !important;
    }
    .mb-xxxl-auto,
    .my-xxxl-auto {
        margin-bottom: auto !important;
    }
    .ml-xxxl-auto,
    .mx-xxxl-auto {
        margin-left: auto !important;
    }
}
.text-monospace {
    font-family:
        SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono',
        'Courier New', monospace !important;
}

.text-justify {
    text-align: justify !important;
}

.text-wrap {
    white-space: normal !important;
}

.text-nowrap {
    white-space: nowrap !important;
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.text-left {
    text-align: left !important;
}

.text-right {
    text-align: right !important;
}

.text-center {
    text-align: center !important;
}

@media (min-width: 375px) {
    .text-sm-left {
        text-align: left !important;
    }
    .text-sm-right {
        text-align: right !important;
    }
    .text-sm-center {
        text-align: center !important;
    }
}
@media (min-width: 768px) {
    .text-md-left {
        text-align: left !important;
    }
    .text-md-right {
        text-align: right !important;
    }
    .text-md-center {
        text-align: center !important;
    }
}
@media (min-width: 1025px) {
    .text-lg-left {
        text-align: left !important;
    }
    .text-lg-right {
        text-align: right !important;
    }
    .text-lg-center {
        text-align: center !important;
    }
}
@media (min-width: 1280px) {
    .text-xl-left {
        text-align: left !important;
    }
    .text-xl-right {
        text-align: right !important;
    }
    .text-xl-center {
        text-align: center !important;
    }
}
@media (min-width: 1440px) {
    .text-xxl-left {
        text-align: left !important;
    }
    .text-xxl-right {
        text-align: right !important;
    }
    .text-xxl-center {
        text-align: center !important;
    }
}
@media (min-width: 1920px) {
    .text-xxxl-left {
        text-align: left !important;
    }
    .text-xxxl-right {
        text-align: right !important;
    }
    .text-xxxl-center {
        text-align: center !important;
    }
}
.text-lowercase {
    text-transform: lowercase !important;
}

.text-uppercase {
    text-transform: uppercase !important;
}

.text-capitalize {
    text-transform: capitalize !important;
}

.font-weight-light {
    font-weight: 300 !important;
}

.font-weight-lighter {
    font-weight: lighter !important;
}

.font-weight-normal {
    font-weight: 400 !important;
}

.font-weight-bold {
    font-weight: 700 !important;
}

.font-weight-bolder {
    font-weight: bolder !important;
}

.font-italic {
    font-style: italic !important;
}

.text-white {
    color: #fff !important;
}

.text-primary {
    color: hsl(0, 0%, 0%) !important;
}

a.text-primary:hover,
a.text-primary:focus {
    color: hsl(0, 0%, 0%) !important;
}

.text-secondary {
    color: hsl(0, 0%, 38%) !important;
}

a.text-secondary:hover,
a.text-secondary:focus {
    color: hsl(0, 0%, 23%) !important;
}

.text-success {
    color: hsl(99, 44%, 46%) !important;
}

a.text-success:hover,
a.text-success:focus {
    color: hsl(99, 44%, 31%) !important;
}

.text-info {
    color: hsl(245, 100%, 50%) !important;
}

a.text-info:hover,
a.text-info:focus {
    color: hsl(245, 100%, 35%) !important;
}

.text-warning {
    color: hsl(43, 100%, 50%) !important;
}

a.text-warning:hover,
a.text-warning:focus {
    color: hsl(43, 100%, 35%) !important;
}

.text-danger {
    color: hsl(0, 100%, 50%) !important;
}

a.text-danger:hover,
a.text-danger:focus {
    color: hsl(0, 100%, 35%) !important;
}

.text-light {
    color: hsl(0, 0%, 78.43%) !important;
}

a.text-light:hover,
a.text-light:focus {
    color: hsl(0, 0%, 63.43%) !important;
}

.text-dark {
    color: hsl(0, 0%, 34.5%) !important;
}

a.text-dark:hover,
a.text-dark:focus {
    color: hsl(0, 0%, 19.5%) !important;
}

.text-body {
    color: #212529 !important;
}

.text-muted {
    color: #6c757d !important;
}

.text-black-50 {
    color: rgba(0, 0, 0, 0.5) !important;
}

.text-white-50 {
    color: rgba(255, 255, 255, 0.5) !important;
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.text-decoration-none {
    text-decoration: none !important;
}

.text-break {
    word-break: break-word !important;
    word-wrap: break-word !important;
}

.text-reset {
    color: inherit !important;
}

.visible {
    visibility: visible !important;
}

.invisible {
    visibility: hidden !important;
}

@media print {
    *,
    *::before,
    *::after {
        text-shadow: none !important;
        box-shadow: none !important;
    }
    a:not(.btn) {
        text-decoration: underline;
    }
    abbr[title]::after {
        content: ' (' attr(title) ')';
    }
    pre {
        white-space: pre-wrap !important;
    }
    pre,
    blockquote {
        border: 1px solid #adb5bd;
        page-break-inside: avoid;
    }
    thead {
        display: table-header-group;
    }
    tr,
    img {
        page-break-inside: avoid;
    }
    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }
    h2,
    h3 {
        page-break-after: avoid;
    }
    @page {
        size: a3;
    }
    body {
        min-width: 992px !important;
    }
    .container {
        min-width: 992px !important;
    }
    .navbar {
        display: none;
    }
    .badge {
        border: 1px solid #000;
    }
    .table {
        border-collapse: collapse !important;
    }
    .table td,
    .table th {
        background-color: #fff !important;
    }
    .table-bordered th,
    .table-bordered td {
        border: 1px solid #dee2e6 !important;
    }
    .table-dark {
        color: inherit;
    }
    .table-dark th,
    .table-dark td,
    .table-dark thead th,
    .table-dark tbody + tbody {
        border-color: #dee2e6;
    }
    .table .thead-dark th {
        color: inherit;
        border-color: #dee2e6;
    }
}
/**
 * Returns a speed from the $transition-times list
 */
/**
 * Returns a curve from the $transition-curves list
 */
/**
 * Returns a transition string
 * used internally by byl-transition and byl-complex-transition mixins
 * @param {string} property - property to be transitioned (i.e. width)
 * @param {number} speed - passed directly or through the speed function (i.e. 150ms or speed(t2))
 * @param {string} curve - passed directly or through the curve function (i.e. linear or curve(ease2))
 * @param {number} delay - passed directly or through the speed function (i.e. 10ms or speed(t1))
 */
/*
 * Returns a transition with one or multiple properties and common speed, curve and delay.
 * @param {String,List} string with the property, or each value of the list is a property
 * @param {number} speed - passed directly or through the speed function (i.e. 150ms or speed(t2))
 * @param {string} curve - passed directly or through the curve function (i.e. linear or curve(ease2))
 * @param {number} delay - passed directly or through the speed function (i.e. 10ms or speed(t1))
 * Examples of use:
 * @include byl-transition((border-color));
 * @include byl-transition((border-color, height), speed(t2));
 * @include byl-transition((border-color, height), null, curve(ease3));
*/
/*
 * Returns a transition with multiple properties and independent speed, curve and delay.
 * @param {List} each value of the list is in turn a list for each transition properties and values
 * Expected order in each transition will be property, speed, curve and delay
 * Examples of use:
 * @include byl-complex-transition((height, speed(t3)), (opacity, null, curve(ease3)));
*/
/* -------------------------------------------------------------------------- *\
==============
| The Search |
==============
MOBILE:  Header < Search            PDPModals must hide the main header
                                    to show only a back button (as APP)
                                    Reference: SF-7800
------------------------------------------------------------------------
TABLET:                             no relevance
------------------------------------------------------------------------
DESKTOP: Header > Search            Subcategories must be viewed over
                                    the search form and its results
                                    Reference: SF-11932
\* -------------------------------------------------------------------------- */
.header-no-menu .logo,
.header__logo,
.header > .logo {
    padding-left: 16px;
}
@media (min-width: 1025px) {
    .header-no-menu .logo,
    .header__logo,
    .header > .logo {
        position: relative;
        z-index: 9999;
        padding-left: 32px;
    }
}

.header-no-menu .logo__image,
.header__logo img,
.header > .logo img {
    --header-logo-height: 15px;
    max-width: none;
    height: var(--header-logo-height);
}
@media (min-width: 575px) {
    .header-no-menu .logo__image,
    .header__logo img,
    .header > .logo img {
        --header-logo-height: calc(0.0111111111 * 100vw + 8.6111111111px);
    }
}
@media (min-width: 1025px) {
    .header-no-menu .logo__image,
    .header__logo img,
    .header > .logo img {
        --header-logo-height: calc(0.0089385475 * 100vw + 14.8379888268px);
    }
}
@media (min-width: 1920px) {
    .header-no-menu .logo__image,
    .header__logo img,
    .header > .logo img {
        --header-logo-height: 32px;
    }
}

@media (min-width: 1025px) {
    .header--background-transparent-white.header-group,
    .header--background-transparent.header-group {
        position: fixed;
    }
    .header--background-transparent-white.header-group
        .header:not(.header--search-open):not(.header--header-popup-open),
    .header--background-transparent.header-group
        .header:not(.header--search-open):not(.header--header-popup-open) {
        transition: background-color 200ms cubic-bezier(0.25, 0.1, 0.25, 1) 0ms;
        background-color: transparent;
    }
    .header--background-transparent-white.header-group
        .header:not(.header--search-open):not(.header--header-popup-open):hover,
    .header--background-transparent.header-group
        .header:not(.header--search-open):not(.header--header-popup-open):hover,
    .header--background-transparent-white.header-group
        .header:not(.header--search-open):not(.header--header-popup-open):focus,
    .header--background-transparent.header-group
        .header:not(.header--search-open):not(
            .header--header-popup-open
        ):focus {
        background-color: hsl(0, 0%, 100%);
    }
}

.header {
    position: relative;
    z-index: 30;
    display: grid;
    grid-template: 'logo   nav' 40px / auto auto;
    width: 100vw;
    height: 40px;
    background-color: hsl(0, 0%, 100%);
}
@media (min-width: 1025px) {
    .header {
        grid-template: 'logo logo' 'menu nav' auto;
        grid-template-columns: minmax(0, 1fr) min-content;
        height: auto;
    }
}
.header__logo,
.header > .logo {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: logo;
    align-self: flex-end;
    justify-self: flex-start;
    place-self: flex-end flex-start;
    padding-bottom: 6px;
    line-height: 0;
}
@media (min-width: 768px) {
    .header__logo,
    .header > .logo {
        padding-bottom: 0.1875rem;
    }
}
@media (min-width: 1025px) {
    .header__logo,
    .header > .logo {
        padding-top: 1.125rem;
        padding-bottom: 0;
    }
}
.header__logo h1,
.header > .logo h1 {
    margin: 0;
    font-size: 1em;
    line-height: 0;
}
.header__logo a,
.header > .logo a {
    padding: 0;
}
@media (min-width: 1025px) {
    .header__menu,
    .header > .the-menu {
        grid-area: menu;
        align-self: flex-end;
        padding: calc(0.0044692737 * 100vw + 3.4189944134px) 0 0.4375rem 32px;
    }
}
@media (min-width: 1280px) {
    .header__menu,
    .header > .the-menu {
        padding-bottom: 0.5625rem;
    }
}
@media (min-width: 1530px) {
    .header__menu,
    .header > .the-menu {
        padding-bottom: 8px;
    }
}
.header__nav,
.header > .navbar-header {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    grid-area: nav;
    align-self: flex-end;
    padding: 0 16px 0.4375rem 1.25rem;
}
@media (min-width: 1025px) {
    .header__logo,
    .header > .logo {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
    }
    .header__menu,
    .header > .the-menu {
        -ms-grid-row: 2;
        -ms-grid-column: 1;
    }
    .header__nav,
    .header > .navbar-header {
        -ms-grid-row: 2;
        -ms-grid-column: 2;
    }
}
@media (min-width: 768px) {
    .header__nav,
    .header > .navbar-header {
        padding-bottom: 0.3125rem;
    }
}
@media (min-width: 1025px) {
    .header__nav,
    .header > .navbar-header {
        padding: 0 16px 6px 48px;
    }
}
@media (min-width: 1280px) {
    .header__nav,
    .header > .navbar-header {
        padding-bottom: 0.5rem;
    }
}
@media (min-width: 1440px) {
    .header__nav,
    .header > .navbar-header {
        padding-right: 24px;
    }
}
@media (min-width: 1025px) {
    .header--reduce-logo {
        --logo-height: calc(0.0089385475 * 100vw + 22.8379888268px);
    }
}
@media (min-width: 1920px) {
    .header--reduce-logo {
        --logo-height: 40px;
    }
}
.header--reduce-logo .logo img {
    transition: height 400ms cubic-bezier(0.25, 0.1, 0.25, 1) 0ms;
    will-change: height;
}
@media (min-width: 1025px) {
    .header--reduce-logo .logo img {
        --header-logo-height: var(--logo-height);
    }
}
@media (min-width: 1025px) {
    .header--background-transparent-white.header-group {
        --icons-color-filter: invert(100%) sepia(2%) saturate(7%)
            hue-rotate(29deg) brightness(105%) contrast(102%);
    }
    .header--background-transparent-white.header-group:not(:hover)
        .header:not(.header--search-open):not(.header--header-popup-open)
        .logo__image,
    .header--background-transparent-white.header-group:not(:hover)
        .header:not(.header--search-open):not(.header--header-popup-open)
        .navbar-header__link {
        filter: none;
        filter: var(--icons-color-filter, none);
    }
    .header--background-transparent-white.header-group:not(:hover)
        .header:not(.header--search-open):not(.header--header-popup-open)
        .the-menu-item__link {
        color: hsl(0, 0%, 100%);
    }
    .header--background-transparent-white.header-group:not(:hover)
        .header:not(.header--search-open):not(.header--header-popup-open)
        .the-menu-item__link--highlight {
        color: hsl(0, 0%, 0%);
        color: var(--category-color-desktop, hsl(0, 0%, 0%));
    }
}

@media (min-width: 1025px) {
    .scroll-animations--active .header--reduce-logo .logo__image,
    .base-modal-open .header--reduce-logo .logo__image {
        height: calc(var(--header-logo-height) * 0.8);
    }
    .scroll-animations--active .header--background-transparent,
    .scroll-animations--active .header--background-transparent-white,
    .base-modal-open .header--background-transparent,
    .base-modal-open .header--background-transparent-white {
        --icons-color-filter: none;
    }
    .scroll-animations--active
        .header--background-transparent
        .header:not(.header--search-open):not(.header--header-popup-open),
    .scroll-animations--active
        .header--background-transparent-white
        .header:not(.header--search-open):not(.header--header-popup-open),
    .base-modal-open
        .header--background-transparent
        .header:not(.header--search-open):not(.header--header-popup-open),
    .base-modal-open
        .header--background-transparent-white
        .header:not(.header--search-open):not(.header--header-popup-open) {
        background-color: hsl(0, 0%, 100%);
        /* stylelint-disable-next-line max-nesting-depth, selector-max-compound-selectors */
    }
    .scroll-animations--active
        .header--background-transparent
        .header:not(.header--search-open):not(.header--header-popup-open)
        .the-menu
        .the-menu-item__link,
    .scroll-animations--active
        .header--background-transparent-white
        .header:not(.header--search-open):not(.header--header-popup-open)
        .the-menu
        .the-menu-item__link,
    .base-modal-open
        .header--background-transparent
        .header:not(.header--search-open):not(.header--header-popup-open)
        .the-menu
        .the-menu-item__link,
    .base-modal-open
        .header--background-transparent-white
        .header:not(.header--search-open):not(.header--header-popup-open)
        .the-menu
        .the-menu-item__link {
        color: hsl(0, 0%, 0%);
        color: var(--category-color-desktop, hsl(0, 0%, 0%));
    }
    .scroll-animations--active .header-group,
    .base-modal-open .header-group {
        position: sticky;
    }
}

.header-group {
    position: sticky;
    top: 0;
    z-index: 30;
    width: 100%;
}
.header-group[\:has\(.the-search-ai--open\)] {
    z-index: 31;
}
.header-group:has(.the-search-ai--open) {
    z-index: 31;
}

.header-no-menu {
    overflow: hidden;
}
.header-no-menu__nav-row {
    display: flex;
    padding-top: 1.5rem;
}
@media (min-width: 575px) {
    .header-no-menu__nav-row {
        display: grid;
        grid-template-areas: 'back title .';
        grid-template-columns: 1fr 500px 1fr;
    }
}
@media (min-width: 768px) {
    .header-no-menu__nav-row {
        grid-gap: 0.125rem;
        grid-template-areas: 'back' 'title';
        grid-template-columns: auto;
        margin-top: 1rem;
        padding-top: 0;
    }
}
@media (min-width: 810px) {
    .header-no-menu__nav-row {
        grid-gap: 0;
        grid-template-areas: 'back title .';
        grid-template-columns: 1fr 500px 1fr;
    }
}
@media (min-width: 1025px) {
    .header-no-menu__nav-row {
        grid-template-columns: auto 500px 44vw;
    }
}
@media (min-width: 1280px) {
    .header-no-menu__nav-row {
        grid-template-columns: auto max(500px, 35vw) 39vw;
    }
}
.header-no-menu__back-link {
    grid-area: back;
    align-self: center;
    justify-self: flex-end;
    place-self: center flex-end;
    margin-right: 0.5rem;
    margin-left: 1rem;
    padding: 0;
    line-height: 1.2em;
}
@media (min-width: 768px) {
    .header-no-menu__back-link {
        justify-self: flex-start;
        margin-right: 0;
    }
}
@media (min-width: 810px) {
    .header-no-menu__back-link {
        justify-self: flex-end;
        margin-right: 0.5rem;
    }
}
@media (min-width: 1025px) {
    .header-no-menu__back-link {
        margin-right: calc(0.0089385475 * 100vw + -1.1620111732px);
    }
}
@media (min-width: 1920px) {
    .header-no-menu__back-link {
        margin-right: 1rem;
    }
}
.header-no-menu .logo {
    display: flex;
    padding-top: 16px;
}
.header-no-menu .page-title {
    --uses-typography: 'checkout-page-title';
    font-family: 'FKGrotesk', 'Arial', sans-serif;
    font-size: 0.875rem;
    font-weight: 900;
    text-transform: uppercase;
    grid-area: title;
    align-self: center;
    margin: 0;
}
@media (min-width: 575px) {
    .header-no-menu__back-link {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
    }
    .header-no-menu .page-title {
        -ms-grid-row: 1;
        -ms-grid-column: 2;
    }
}
@media (min-width: 768px) {
    .header-no-menu__back-link {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
    }
    .header-no-menu .page-title {
        -ms-grid-row: 3;
        -ms-grid-column: 1;
    }
}
@media (min-width: 810px) {
    .header-no-menu__back-link {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
    }
    .header-no-menu .page-title {
        -ms-grid-row: 1;
        -ms-grid-column: 3;
    }
}
@media (min-width: 1025px) {
    .header-no-menu .page-title {
        font-size: calc(0.0111731844 * 100vw + 28.5474860335px);
    }
}
@media (min-width: 1920px) {
    .header-no-menu .page-title {
        font-size: 3.125rem;
    }
}
@media (min-width: 768px) {
    .header-no-menu .page-title {
        margin-left: 1rem;
    }
}
@media (min-width: 810px) {
    .header-no-menu .page-title {
        margin-left: 0;
    }
}

/**
 * Returns a new string with some or all matches of a pattern replaced by a replacement
 * @param {String} $string - Initial string
 * @param {String} $search - Value to replace
 * @param {String} $replace - Replacement
 * @return {String} New string
 */
/*
  NOTE: Setup the svg.
    1- export the svg from the sketch in abstract
    2- go to optimizer, https://jakearchibald.github.io/svgomg/
    3- Copy source, check if need to have some changes in the path or fill.
*/
/* stylelint-disable scss/operator-no-unspaced */
/**
 * Payment cards used in account, visa, mastercard,
 */
/* stylelint-enable scss/operator-no-unspaced */
/**
 * Returns an url encoded SVG with the given color
 * @param {String} $icon - SVG code
 * @param {String} $fill-color - Fill color
 * @param {String} $stroke-color - Stroke color
 * @return {String} URL encoded svg
 */
.header-banner {
    --uses-typography: 'header-banner';
    font-family: 'FKGrotesk', 'Arial', sans-serif;
    font-size: calc(0.001875 * 100vw + 11.4px);
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background-color: hsl(0, 0%, 0%);
    background-color: var(--background-color-hbanner, hsl(0, 0%, 0%));
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.3);
}
@media (min-width: 1920px) {
    .header-banner {
        font-size: 0.9375rem;
    }
}
.header-banner > .content {
    flex-grow: 1;
    width: 90%;
    padding-right: 16px;
}
.header-banner .html-slot-container {
    display: flex;
    align-items: center;
    width: 100%;
    height: 1.6875rem;
    height: var(--height-hbanner, 1.6875rem);
    overflow: hidden;
    line-height: 1.6875rem;
    white-space: nowrap;
}
@keyframes slider-top-banner {
    from {
        transform: translateX(0%);
    }
    to {
        transform: translateX(-100%);
    }
}
.header-banner .html-slot-container > div {
    max-width: 100%;
    padding: 0;
}
.header-banner .html-slot-container span {
    display: inline-block;
    box-sizing: border-box;
    padding-right: 6.25rem;
    padding-right: var(--text-spacing-hbanner, 6.25rem);
    overflow: hidden;
    color: hsl(0, 0%, 100%);
    color: var(--text-color-hbanner, hsl(0, 0%, 100%));
    font-weight: 900;
    font-weight: var(--font-weight-hbanner, 900);
    font-size: 0.875rem;
    font-size: var(--font-size-hbanner, 0.875rem);
    font-family: 'FKGrotesk', 'Arial', sans-serif;
    font-family: var(--font-family-hbanner, 'FKGrotesk', 'Arial', sans-serif);
    font-style: normal;
    font-style: var(--font-style-hbanner, normal);
    text-align: center;
    text-decoration: none;
    -webkit-text-decoration: var(--text-decoration-hbanner, none);
    text-decoration: var(--text-decoration-hbanner, none);
    vertical-align: bottom;
    animation: slider-top-banner 7s infinite linear;
    animation: slider-top-banner var(--animation-time-hbanner, 7s) infinite
        linear;
    will-change: transform;
}
.header-banner:hover div > span {
    animation-play-state: paused;
}
.header-banner .btn-close {
    padding-right: 12px;
    background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><g fill-rule="evenodd"><path d="M0 1.944L1.944 0l15.91 15.91-1.944 1.944z" fill="hsl(0, 0%, 100%)"/><path d="M15.91 0l1.944 1.944-15.91 15.91L0 15.91z" fill="hsl(0, 0%, 100%)"/></g></svg>');
}
@media (min-width: 1530px) {
    .header-banner .btn-close {
        padding-right: 24px;
    }
}

.navbar-header {
    position: static;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    height: 100%;
    overflow: hidden;
}
.navbar-header__link {
    --uses-typography: 'header-navbar';
    font-family: 'FKGrotesk', 'Arial', sans-serif;
    font-size: 0.6875rem;
    font-style: normal;
    font-weight: 900;
    letter-spacing: 0;
    text-transform: uppercase;
    text-decoration: none;
    display: block;
    box-sizing: content-box;
    margin: 0;
    overflow: hidden;
    color: transparent;
    white-space: nowrap;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-tap-highlight-color: transparent;
}
@media (min-width: 1025px) {
    .navbar-header__link {
        font-size: calc(0.0044692737 * 100vw + 9.4189944134px);
    }
}
@media (min-width: 1920px) {
    .navbar-header__link {
        font-size: 1.125rem;
        letter-spacing: 0.0375rem;
    }
}
@media (max-width: 574px) {
    .navbar-header__link {
        overflow: visible;
        position: relative;
    }
    .navbar-header__link::after {
        --hotzone-margins: 12px;
        position: absolute;
        top: calc(-1 * var(--hotzone-margins));
        left: calc(-1 * var(--hotzone-margins));
        width: calc(100% + 2 * var(--hotzone-margins));
        height: calc(100% + 2 * var(--hotzone-margins));
        content: '';
        background: transparent;
    }
}
@media (min-width: 1025px) {
    .navbar-header__link {
        opacity: 1;
        filter: alpha(opacity=100);
        transition: opacity 0.1s ease-in-out;
    }
}
.navbar-header__link ~ .navbar-header__link {
    margin-left: 16px;
}
@media (min-width: 1025px) {
    .navbar-header__link:active {
        opacity: 0.5;
        filter: alpha(opacity=50);
    }
}
.navbar-header .search {
    width: 0.8125rem;
    height: 0.875rem;
    margin-bottom: 0.125rem;
    background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 13 14"><g transform="translate(1 1)" stroke="hsl(0, 0%, 0%)" stroke-width="1.651" fill="none" fill-rule="evenodd"><ellipse cx="4.207" cy="4.214" rx="4.207" ry="4.214"/><path stroke-linecap="square" d="M11 11 7.442 7.445"/></g></svg>');
}
@media (min-width: 768px) {
    .navbar-header .search {
        margin-bottom: 0.0625rem;
    }
}
@media (min-width: 1025px) {
    .navbar-header .search {
        margin-bottom: 0.125rem;
    }
}
@media (min-width: 1440px) {
    .navbar-header .search {
        margin-bottom: 0.1875rem;
    }
}
.navbar-header .search--text {
    width: auto;
    height: auto;
    margin-bottom: 0;
    color: inherit;
    text-indent: 0;
    background-image: none;
}
.navbar-header .search--ai {
    display: none;
    width: 1.4375rem;
    height: 1.125rem;
    background-image: url('data:image/svg+xml;utf-8,<svg width="22" height="19" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.033 6.874a3.385 3.385 0 0 0-3.382 3.388 3.385 3.385 0 0 0 3.382 3.389 3.385 3.385 0 0 0 3.381-3.389 3.385 3.385 0 0 0-3.382-3.388zM9 10.262a5.036 5.036 0 0 1 5.033-5.04 5.036 5.036 0 0 1 5.032 5.04 5.036 5.036 0 0 1-5.033 5.04A5.036 5.036 0 0 1 9 10.262z" fill="hsl(0, 0%, 0%)"/><path fill-rule="evenodd" clip-rule="evenodd" d="m17.267 12.324 4.726 4.722-1.167 1.168-4.726-4.722 1.167-1.168z" fill="hsl(0, 0%, 0%)"/><path d="M11.996 5.527c-.253.029-.508.055-.76.087-.812.102-1.621.207-2.403.463-.887.29-1.468.871-1.758 1.744a9.228 9.228 0 0 0-.368 1.662c-.068.496-.126.993-.189 1.49 0 .005-.008.01-.023.027-.03-.257-.056-.502-.087-.746-.11-.853-.217-1.707-.508-2.525-.31-.874-.933-1.414-1.818-1.685a10.55 10.55 0 0 0-1.79-.361c-.416-.052-.832-.099-1.248-.148-.015-.001-.028-.007-.044-.037.057-.01.113-.026.17-.031.826-.086 1.653-.175 2.46-.376a5.755 5.755 0 0 0 1.039-.37c.587-.275.959-.753 1.193-1.341a6.919 6.919 0 0 0 .396-1.57c.086-.586.152-1.174.227-1.762.001-.01.01-.02.027-.048.03.248.054.476.083.704.105.826.212 1.65.467 2.45.308.965.965 1.559 1.94 1.838.624.18 1.26.285 1.903.363.331.04.663.077.994.117.035.004.068.017.101.026l-.005.028h.001z" fill="hsl(0, 0%, 0%)" style="transform-box:fill-box;transform-origin:50% 50%"><animateTransform type="scale" additive="sum" attributeName="transform" values="0 0;0 0;1 1" dur="3.5s" fill="freeze" keyTimes="0; 0.71429; 1"/></path><path d="M2.662 8c.063.411.12.824.192 1.234.14.8.518 1.19 1.296 1.333.348.064.7.11 1.051.164.04.006.078.017.114.045-.264.035-.53.06-.792.11-.268.05-.538.11-.797.196-.468.155-.722.524-.82.996-.094.44-.148.89-.219 1.334-.005.036-.008.073-.036.11-.019-.16-.03-.323-.057-.482-.058-.344-.107-.69-.189-1.03-.148-.613-.573-.926-1.153-1.038-.413-.08-.829-.14-1.252-.223.107-.015.214-.026.32-.046.386-.07.775-.127 1.155-.221.52-.13.83-.497.942-1.02.095-.445.147-.899.218-1.349.006-.037.01-.074.014-.11L2.662 8V8z" fill="hsl(0, 0%, 0%)" style="transform-box:fill-box;transform-origin:50% 50%"><animateTransform type="scale" additive="sum" attributeName="transform" values="0 0;0 0;1 1" dur="3s" fill="freeze" keyTimes="0; 0.66667; 1"/></path></svg>');
}
@media (min-width: 1025px) {
    .navbar-header .search--ai {
        display: block;
    }
}
.navbar-header .account {
    width: 0.9375rem;
    height: 1rem;
    margin-bottom: 2px;
    background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 18"><g stroke="hsl(0, 0%, 0%)" stroke-width="2" fill="none" fill-rule="evenodd"><ellipse cx="8.5" cy="5.318" rx="4.262" ry="4.318"/><path d="M1 11.636h15V17H1z"/></g></svg>');
}
@media (min-width: 768px) {
    .navbar-header .account {
        margin-bottom: 0.0625rem;
    }
}
@media (min-width: 1025px) {
    .navbar-header .account {
        margin-bottom: 2px;
    }
}
@media (min-width: 1440px) {
    .navbar-header .account {
        margin-bottom: 0.1875rem;
    }
}
.navbar-header .account--authenticated {
    background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 18"><g stroke="hsl(0, 0%, 0%)" stroke-width="2" fill="hsl(0, 0%, 0%)" fill-rule="evenodd"><ellipse cx="8.5" cy="5.318" rx="4.262" ry="4.318"/><path d="M1 11.636h15V17H1z"/></g></svg>');
}
.navbar-header .help {
    color: inherit;
}

@keyframes show-new-number {
    0% {
        background: hsl(0, 0%, 100%);
        transform: scale(1.1);
    }
    50% {
        background: hsl(0, 0%, 0%);
        transform: scale(1.1);
    }
    100% {
        transform: none;
    }
}
.minicart {
    --uses-typography: 'header-cart';
    font-size: 0.6875rem;
    font-family: 'FKGrotesk', 'Arial', sans-serif;
    font-style: normal;
    font-weight: 900;
    line-height: 1;
    position: relative;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    place-content: center center;
    width: 1.3125rem;
    height: 1.3125rem;
    padding: 0;
    overflow: visible;
    color: hsl(0, 0%, 100%);
    text-align: center;
    border-radius: 50%;
}
@media (min-width: 1440px) {
    .minicart {
        font-size: 0.75rem;
    }
}
@media (min-width: 575px) {
    .minicart {
        width: 1.125rem;
        height: 1.125rem;
    }
}
@media (min-width: 1280px) {
    .minicart {
        width: 1.25rem;
        height: 1.25rem;
    }
}
@media (min-width: 1440px) {
    .minicart {
        width: 1.375rem;
        height: 1.375rem;
    }
}
.minicart::before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: hsl(0, 0%, 0%);
    border-radius: 50%;
    content: '';
    pointer-events: none;
}
.minicart .number {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    display: block;
    transform: translate(-50%, -50%);
    transition: opacity 100ms;
    pointer-events: none;
}
.minicart .new {
    z-index: 3;
    opacity: 0;
}
.minicart.change-1::before {
    transform: scale(1.1);
    transition: transform 50ms;
}
.minicart.change-1 .old {
    opacity: 1;
}
.minicart.change-2::before {
    animation: show-new-number 200ms;
}
.minicart.change-2 .old {
    opacity: 0;
}
.minicart.change-2 .new {
    opacity: 1;
}

/* Sticky footer styles */
html,
body {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    min-height: 100%;
}

.main {
    flex: 1 0 auto;
}

.page {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}
.page > .main {
    min-height: 100vh;
}

.main--checkout .the-search {
    display: none;
}

/* End sticky footer styles */
/**
 * @tokens Line Height
 * @presenter Spacing
 */
/* @token Border
 * @presenter Spacing
 */
/**
 * Calculate button icon size based on capital height
 *
 * $margin: 4px by default ($inset-inline-xxs)
 *
 * $icon-side: left or right (right by default) to apply margin properly
 *
 * $capital-height: (em) height of capital characters, in FK Grotesk is 0.72em
 **/
/**
 *  FLOATING ELEMENTS
 * --------------------------------------------------------------------------
 *  Works from 0 to 575px breakpoints.
 *
 *  Element with is equal to 100vw subtracting
 *    1. Page inset left: 16px
 *    2. Menu with: 45px
 *    3. Space between menu and element: 24px
 *    4. Menu right position: 8px
 *  Even if menu isn't present
 *
 *  bottom: menu offset bottom (24px) + 4px
 *
 *  When the element coexists with the floating menu on mobile:
 *  right: 24px + menu width (45px) + 8px
 *  left: page inset (16px)
 *
 *  When there is no menu, element is centered
 */
/* -------------------------------------------------------------------------- *\
 *  BUTTONS
 *  ---------------------------------------------
 *
 *  Base style
 *  -----------------
 *  .btn will be the base
 *
 *  It will be quite similar as primary1 button because it most used on zeplin
 *
 *  primary1    ->  used in 364 pages of zeplin
 *  primary2    ->  used in 66 pages of zeplin
 *  secondary1  ->  used in 20 pages of zeplin
 *  secondary2  ->  used in 20 pages of zeplin
 *
 *  But DON'T USE IT ISOLATED, choose always some modifiers:
 *
 *  Zeplin              SF
 *  -----------------   -----------------
 *  primary1            <button class="btn btn--primary">
 *  primary2            <button class="btn btn--primary btn--regular">
 *  secondary1          <button class="btn btn--secondary">
 *  secondary2          <button class="btn btn--secondary btn--regular">
 *  cta                 <button class="btn btn--cta">
 *  -----------------   -----------------
 *
 *  States              SF
 *  -----------------   -----------------
 *  disabled            <button class="... btn--disabled">
 *  -----------------   -----------------
 *
 *  Minor variants      SF
 *  -----------------   -----------------
 *  without min-width   <button class="... btn--fluid">
 *  -----------------   -----------------
 *
\* -------------------------------------------------------------------------- */
/*
 * BASE STYLE
 * -------------------------------------------------------------------------- */
div#onetrust-consent-sdk #onetrust-pc-sdk #accept-recommended-btn-handler,
div#onetrust-consent-sdk
    #onetrust-pc-sdk
    #accept-recommended-btn-handler:not(#clear-filters-handler):not(
        .ot-close-icon
    ):not(#filter-btn-handler),
div#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-accept-btn-handler,
div#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-reject-all-handler,
.btn {
    --uses-typography: 'forms-btn';
    font-family: 'FKGrotesk', 'Arial', sans-serif;
    font-size: 1rem;
    font-style: normal;
    font-weight: 900;
    line-height: 1.25;
    text-decoration: none;
    text-transform: uppercase;
    display: inline-block;
    max-width: 100%;
    margin: 0;
    padding: 0 0.0625rem;
    letter-spacing: 0.018em;
    text-align: center;
    background-color: transparent;
    border: 0;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}
div#onetrust-consent-sdk
    #onetrust-pc-sdk
    #accept-recommended-btn-handler:active,
div#onetrust-consent-sdk
    #onetrust-pc-sdk
    #accept-recommended-btn-handler:active:not(#clear-filters-handler):not(
        .ot-close-icon
    ):not(#filter-btn-handler),
div#onetrust-consent-sdk
    #onetrust-banner-sdk
    #onetrust-accept-btn-handler:active,
div#onetrust-consent-sdk
    #onetrust-banner-sdk
    #onetrust-reject-all-handler:active,
.btn:active {
    background-color: hsla(0, 0%, 78%, 0.5);
    /* mouse, touch pad */
}
@media (hover: hover) and (pointer: fine) {
    div#onetrust-consent-sdk
        #onetrust-pc-sdk
        #accept-recommended-btn-handler:active,
    div#onetrust-consent-sdk
        #onetrust-pc-sdk
        #accept-recommended-btn-handler:active:not(#clear-filters-handler):not(
            .ot-close-icon
        ):not(#filter-btn-handler),
    div#onetrust-consent-sdk
        #onetrust-banner-sdk
        #onetrust-accept-btn-handler:active,
    div#onetrust-consent-sdk
        #onetrust-banner-sdk
        #onetrust-reject-all-handler:active,
    .btn:active {
        background-color: transparent;
    }
}
div#onetrust-consent-sdk
    #onetrust-pc-sdk
    .disabled#accept-recommended-btn-handler,
div#onetrust-consent-sdk
    #onetrust-pc-sdk
    .disabled#accept-recommended-btn-handler:not(#clear-filters-handler):not(
        .ot-close-icon
    ):not(#filter-btn-handler),
div#onetrust-consent-sdk
    #onetrust-banner-sdk
    .disabled#onetrust-accept-btn-handler,
div#onetrust-consent-sdk
    #onetrust-banner-sdk
    .disabled#onetrust-reject-all-handler,
.disabled.btn {
    color: hsl(0, 0%, 56.5%);
}
div#onetrust-consent-sdk
    #onetrust-pc-sdk
    #accept-recommended-btn-handler:disabled,
div#onetrust-consent-sdk
    #onetrust-pc-sdk
    #accept-recommended-btn-handler:disabled:not(#clear-filters-handler):not(
        .ot-close-icon
    ):not(#filter-btn-handler),
div#onetrust-consent-sdk
    #onetrust-banner-sdk
    #onetrust-accept-btn-handler:disabled,
div#onetrust-consent-sdk
    #onetrust-banner-sdk
    #onetrust-reject-all-handler:disabled,
.btn:disabled {
    color: hsl(0, 0%, 56.5%);
    cursor: default;
    pointer-events: none;
}

/*
 * MODIFIERS
 * -------------------------------------------------------------------------- */
.btn--cookies,
.btn--modal {
    --uses-typography: 'forms-btn--green';
    font-size: 1.4375rem;
    text-transform: uppercase;
    color: hsl(132, 100%, 49%);
    line-height: 1.25;
    background-color: transparent;
    background-color: initial;
    border: 0;
}

div#onetrust-consent-sdk #onetrust-pc-sdk #accept-recommended-btn-handler,
div#onetrust-consent-sdk
    #onetrust-pc-sdk
    #accept-recommended-btn-handler:not(#clear-filters-handler):not(
        .ot-close-icon
    ):not(#filter-btn-handler),
div#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-accept-btn-handler,
div#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-reject-all-handler {
    --uses-typography: 'forms-btn--white';
    font-size: 1.4375rem;
    text-transform: uppercase;
    color: hsl(0, 0%, 100%);
    line-height: 1.25;
    background-color: transparent;
    background-color: initial;
    border: 0;
}

div#onetrust-consent-sdk
    #onetrust-pc-sdk
    .ot-pc-footer
    .ot-btn-container
    button:not(#clear-filters-handler):not(.ot-close-icon):not(
        #filter-btn-handler
    ):not(.ot-remove-objection-handler):not(.ot-obj-leg-btn-handler):not(
        [aria-expanded]
    ):not(.ot-link-btn),
.btn--text-italic,
.btn--cookies-setting,
.btn--modal-secondary {
    --uses-typography: 'forms-btn--text-italic';
    font-family: 'EBGaramond', georgia, serif;
    font-size: 1.125rem;
    font-style: italic;
    line-height: 1.25;
    background-color: transparent;
    border: 0;
}
@media (min-width: 810px) {
    div#onetrust-consent-sdk
        #onetrust-pc-sdk
        .ot-pc-footer
        .ot-btn-container
        button:not(#clear-filters-handler):not(.ot-close-icon):not(
            #filter-btn-handler
        ):not(.ot-remove-objection-handler):not(.ot-obj-leg-btn-handler):not(
            [aria-expanded]
        ):not(.ot-link-btn),
    .btn--text-italic,
    .btn--cookies-setting,
    .btn--modal-secondary {
        font-weight: 600;
    }
}

.btn--back-checkout-modal,
.btn--back-black,
.btn--back,
.btn--back-menu {
    display: inline-flex;
    align-items: center;
    color: hsl(0, 0%, 56.5%);
}
.btn--back-checkout-modal::before,
.btn--back-black::before,
.btn--back::before,
.btn--back-menu::before {
    display: inline-block;
    width: 0.8571428571em;
    height: 0.8571428571em;
    margin-right: 4px;
    font-size: 0.8571428571em;
    background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12"><path style="transform:rotate(180 12)" d="M3 0l9 6-9 6z" fill="hsl(0, 0%, 56.5%)" fill-rule="evenodd" transform="matrix(-1, 0, 0, -1, 12, 12)" /></svg>');
    background-repeat: no-repeat;
    background-position: center;
    content: '';
}
.btn--back-checkout-modal:hover,
.btn--back-black:hover,
.btn--back:hover,
.btn--back-menu:hover {
    color: hsl(0, 0%, 0%);
}
.btn--back-checkout-modal:hover::before,
.btn--back-black:hover::before,
.btn--back:hover::before,
.btn--back-menu:hover::before {
    background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12"><path style="transform:rotate(180 12)" d="M3 0l9 6-9 6z" fill="hsl(0, 0%, 0%)" fill-rule="evenodd" transform="matrix(-1, 0, 0, -1, 12, 12)" /></svg>');
}

.btn--primary,
.btn-primary {
    color: hsl(0, 0%, 0%);
}

.btn--primary__icon {
    width: 0.72em;
    height: 0.72em;
    margin-left: 4px;
}
.disabled .btn--primary__icon,
:disabled .btn--primary__icon {
    background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12"><path d="M3 0l9 6-9 6z" fill="hsl(0, 0%, 56.5%)" fill-rule="evenodd"/></svg>');
}

@media not all and (pointer: coarse) {
    .interaction--enabled-hover-v1:hover .btn--primary-icon {
        background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12"><path d="M3 0l9 6-9 6z" fill="hsl(0, 0%, 0%)" fill-rule="evenodd"/></svg>');
    }
}
.interaction--enabled-hover-v1 .btn--primary-icon {
    background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12"><path d="M3 0l9 6-9 6z" fill="hsl(0, 0%, 56.5%)" fill-rule="evenodd"/></svg>');
}

.btn--secondary {
    color: hsl(0, 0%, 56.5%);
}

.btn--cookies-setting,
.btn--modal-secondary {
    color: hsl(0, 0%, 100%);
}

.btn--link {
    --uses-typography: 'forms-btn--link';
    color: hsl(0, 0%, 0%);
    font-family: 'FKGrotesk', 'Arial', sans-serif;
    font-size: 0.75rem;
    font-weight: 700;
    text-decoration: underline;
}
@media (min-width: 1025px) {
    .btn--link {
        font-size: 0.875rem;
    }
}

.btn--fluid {
    min-width: auto;
}

.btn--rrss {
    --uses-typography: 'forms-btn--rrss';
    font-size: 1rem;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
    text-decoration: none;
}
@media (min-width: 1025px) {
    .btn--rrss {
        font-size: 1.4375rem;
    }
}

.btn--cta {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: calc(100% - 32px - 32px);
    min-height: 2.1875rem;
    padding: 0;
    color: hsl(0, 0%, 100%);
    background-color: hsl(0, 0%, 14%);
    border-radius: 1.15625rem;
    /* Enable pointer events to prevent clicking other elements in page below floating btn
  * Disabled state shouldn't fire click events
  */
    --uses-typography: 'forms-btn--cta';
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
    position: fixed;
    bottom: calc(24px + 4px);
    width: calc(100vw - (0.6875rem + 50px + 8px) - 16px);
    width: calc(100vw - calc(0.6875rem + 50px + 8px) - 16px);
    max-width: calc(100vw - (0.6875rem + 50px + 8px) - 16px);
    max-width: calc(100vw - calc(0.6875rem + 50px + 8px) - 16px);
    border-radius: 1.15625rem;
    right: calc(0.6875rem + 50px + 8px);
    left: 16px;
}
@media (min-width: 575px) {
    .btn--cta {
        max-width: calc(100% - 6.875rem);
    }
}
@media (min-width: 768px) {
    .btn--cta {
        width: auto;
        max-width: 100%;
        text-align: center;
        background-color: transparent;
        border-radius: 0;
    }
}
.btn--cta:active {
    background-color: hsla(0, 0%, 14%, 0.78);
}
@media (min-width: 768px) {
    .btn--cta:active {
        color: hsl(0, 0%, 0%);
        background-color: transparent;
    }
}
.btn--cta.disabled,
.btn--cta:disabled {
    color: hsl(0, 0%, 100%);
    background-color: hsl(0, 0%, 66%);
}
@media (min-width: 768px) {
    .btn--cta.disabled,
    .btn--cta:disabled {
        color: hsl(0, 0%, 56.5%);
        background-color: transparent;
    }
}
.btn--cta:disabled {
    pointer-events: all;
}
@media (min-width: 575px) {
    .btn--cta {
        position: static;
        position: initial;
        right: auto;
        right: initial;
        bottom: auto;
        bottom: initial;
        left: auto;
        left: initial;
        width: auto;
        max-width: none;
        margin-right: 0;
        margin-right: initial;
        margin-left: 0;
        margin-left: initial;
        border-radius: 0;
    }
}

.btn--cta-to-txt {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: calc(100% - 32px - 32px);
    min-height: 2.1875rem;
    padding: 0;
    color: hsl(0, 0%, 100%);
    background-color: hsl(0, 0%, 14%);
    border-radius: 1.15625rem;
    /* Enable pointer events to prevent clicking other elements in page below floating btn
  * Disabled state shouldn't fire click events
  */
    --uses-typography: 'forms-btn--cta-to-txt';
    color: hsl(0, 0%, 100%);
    font-family: 'FKGrotesk', 'Arial', sans-serif;
    font-size: 0.8125rem;
    font-weight: 900;
    text-transform: uppercase;
}
@media (min-width: 575px) {
    .btn--cta-to-txt {
        max-width: calc(100% - 6.875rem);
    }
}
@media (min-width: 1025px) {
    .btn--cta-to-txt {
        width: auto;
        max-width: 100%;
        text-align: center;
        background-color: transparent;
        border-radius: 0;
    }
}
.btn--cta-to-txt:active {
    background-color: hsla(0, 0%, 14%, 0.78);
}
@media (min-width: 1025px) {
    .btn--cta-to-txt:active {
        color: hsl(0, 0%, 0%);
        background-color: transparent;
    }
}
.btn--cta-to-txt.disabled,
.btn--cta-to-txt:disabled {
    color: hsl(0, 0%, 100%);
    background-color: hsl(0, 0%, 66%);
}
@media (min-width: 1025px) {
    .btn--cta-to-txt.disabled,
    .btn--cta-to-txt:disabled {
        color: hsl(0, 0%, 56.5%);
        background-color: transparent;
    }
}
.btn--cta-to-txt:disabled {
    pointer-events: all;
}
@media (min-width: 1025px) {
    .btn--cta-to-txt {
        color: hsl(0, 0%, 0%);
        font-size: calc(0.0020942408 * 100vw + 20.7958115183px);
    }
}
@media (min-width: 1530px) {
    .btn--cta-to-txt {
        font-size: calc(0.0153846154 * 100vw + 0.4615384615px);
    }
}
@media (min-width: 1920px) {
    .btn--cta-to-txt {
        font-size: 1.875rem;
    }
}
@media (min-width: 1025px) {
    .btn--cta-to-txt {
        display: flex;
        align-items: center;
        float: right;
    }
}
.btn--cta-to-txt-floating {
    position: fixed;
    bottom: calc(24px + 4px);
    width: calc(100vw - (0.6875rem + 50px + 8px) - 16px);
    width: calc(100vw - calc(0.6875rem + 50px + 8px) - 16px);
    max-width: calc(100vw - (0.6875rem + 50px + 8px) - 16px);
    max-width: calc(100vw - calc(0.6875rem + 50px + 8px) - 16px);
    border-radius: 1.15625rem;
    right: calc(0.6875rem + 50px + 8px);
    left: 16px;
    z-index: 11;
}
@media (min-width: 575px) {
    .btn--cta-to-txt-floating {
        right: calc(12px + 50px + 16px);
        bottom: calc(32px + 4px);
        max-width: calc(100vw - (12px + 50px + 16px) - 16px);
        max-width: calc(100vw - calc(12px + 50px + 16px) - 16px);
    }
}
@media (min-width: 768px) {
    .btn--cta-to-txt-floating {
        right: calc(12px + 50px + 24px);
        max-width: calc(100vw - (12px + 50px + 24px) - 16px);
        max-width: calc(100vw - calc(12px + 50px + 24px) - 16px);
    }
}
@media (min-width: 1025px) {
    .btn--cta-to-txt-floating {
        position: static;
        position: initial;
        width: auto;
        max-width: 100%;
    }
}
.btn--cta-to-txt .icon-arrow-filled {
    display: none;
}
@media (min-width: 1025px) {
    .btn--cta-to-txt .icon-arrow-filled {
        display: inline-block;
    }
}
@media (max-width: 767px) {
    .btn--cta-to-txt.btn[type='submit'] {
        align-items: center;
        margin-left: auto;
        margin-right: auto;
    }
}
.btn--cta-to-txt--disabled {
    color: hsl(0, 0%, 56.5%);
}

.btn--round-black {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: calc(100% - 32px - 32px);
    min-height: 2.1875rem;
    padding: 0;
    color: hsl(0, 0%, 100%);
    background-color: hsl(0, 0%, 14%);
    border-radius: 1.15625rem;
    /* Enable pointer events to prevent clicking other elements in page below floating btn
  * Disabled state shouldn't fire click events
  */
    --uses-typography: 'forms-btn--cta';
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
    padding-right: 12px;
    padding-left: 12px;
}
@media (min-width: 575px) {
    .btn--round-black {
        max-width: calc(100% - 6.875rem);
    }
}
.btn--round-black:active {
    background-color: hsla(0, 0%, 14%, 0.78);
}
.btn--round-black.disabled,
.btn--round-black:disabled {
    color: hsl(0, 0%, 100%);
    background-color: hsl(0, 0%, 66%);
}
.btn--round-black:disabled {
    pointer-events: all;
}

.btn--round-black-mobile {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: calc(100% - 32px - 32px);
    min-height: 2.1875rem;
    padding: 0;
    color: hsl(0, 0%, 100%);
    background-color: hsl(0, 0%, 14%);
    border-radius: 1.15625rem;
    /* Enable pointer events to prevent clicking other elements in page below floating btn
  * Disabled state shouldn't fire click events
  */
    --uses-typography: 'forms-btn--cta-to-txt';
    color: hsl(0, 0%, 100%);
    font-family: 'FKGrotesk', 'Arial', sans-serif;
    font-size: 0.8125rem;
    font-weight: 900;
    text-transform: uppercase;
    align-items: center;
    margin: 0 auto;
}
@media (min-width: 575px) {
    .btn--round-black-mobile {
        max-width: calc(100% - 6.875rem);
    }
}
@media (min-width: 1025px) {
    .btn--round-black-mobile {
        width: auto;
        max-width: 100%;
        text-align: center;
        background-color: transparent;
        border-radius: 0;
    }
}
.btn--round-black-mobile:active {
    background-color: hsla(0, 0%, 14%, 0.78);
}
@media (min-width: 1025px) {
    .btn--round-black-mobile:active {
        color: hsl(0, 0%, 0%);
        background-color: transparent;
    }
}
.btn--round-black-mobile.disabled,
.btn--round-black-mobile:disabled {
    color: hsl(0, 0%, 100%);
    background-color: hsl(0, 0%, 66%);
}
@media (min-width: 1025px) {
    .btn--round-black-mobile.disabled,
    .btn--round-black-mobile:disabled {
        color: hsl(0, 0%, 56.5%);
        background-color: transparent;
    }
}
.btn--round-black-mobile:disabled {
    pointer-events: all;
}
@media (min-width: 1025px) {
    .btn--round-black-mobile {
        color: hsl(0, 0%, 0%);
        font-size: calc(0.0020942408 * 100vw + 20.7958115183px);
    }
}
@media (min-width: 1530px) {
    .btn--round-black-mobile {
        font-size: calc(0.0153846154 * 100vw + 0.4615384615px);
    }
}
@media (min-width: 1920px) {
    .btn--round-black-mobile {
        font-size: 1.875rem;
    }
}
@media (min-width: 1025px) {
    .btn--round-black-mobile {
        display: none;
    }
}
@media (min-width: 768px) {
    .btn--round-black-mobile.btn[type='submit'] {
        display: none;
    }
}

.btn--back,
.btn--back-menu {
    --uses-typography: 'forms-btn--back';
    font-size: 0.875rem;
    line-height: 1rem;
}
@media (min-width: 1025px) {
    .btn--back,
    .btn--back-menu {
        font-size: calc(0.017877095 * 100vw + -4.3240223464px);
    }
}
@media (min-width: 1920px) {
    .btn--back,
    .btn--back-menu {
        font-size: 1.875rem;
    }
}

.btn--back-black {
    --uses-typography: 'forms-btn--back';
    font-size: 0.875rem;
    color: hsl(0, 0%, 0%);
    line-height: 1rem;
}
@media (min-width: 1025px) {
    .btn--back-black {
        font-size: calc(0.017877095 * 100vw + -4.3240223464px);
    }
}
@media (min-width: 1920px) {
    .btn--back-black {
        font-size: 1.875rem;
    }
}
.btn--back-black::before {
    background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12"><path style="transform:rotate(180 12)" d="M3 0l9 6-9 6z" fill="hsl(0, 0%, 0%)" fill-rule="evenodd" transform="matrix(-1, 0, 0, -1, 12, 12)" /></svg>');
}

.btn--back-checkout-modal {
    --uses-typography: 'forms-btn--back-checkout';
    font-weight: 900;
    font-size: 0.9375rem;
    text-transform: uppercase;
    position: fixed;
    top: 12px;
    left: 16px;
}
@media (min-width: 575px) {
    .btn--back-checkout-modal {
        font-size: calc(0.0041884817 * 100vw + 13.5916230366px);
    }
}
@media (min-width: 1530px) {
    .btn--back-checkout-modal {
        font-size: calc(0.0128205128 * 100vw + 0.3846153846px);
    }
}
@media (min-width: 1920px) {
    .btn--back-checkout-modal {
        font-size: 1.5625rem;
    }
}
@media (min-width: 768px) {
    .btn--back-checkout-modal {
        left: 24px;
    }
}

.btn--plus::before {
    display: inline-block;
    margin-right: 2px;
    content: '+';
}

.btn--xxxs {
    font-size: 0.75rem;
}

.btn--xxs {
    font-size: 0.875rem;
}

.btn--xs {
    font-size: 1rem;
}

.btn--s {
    font-size: 1.125rem;
}

.btn--m {
    font-size: 1.3125rem;
}

.btn--l {
    font-size: 1.4375rem;
}

.btn--xl {
    font-size: 1.5625rem;
}

.btn--xxl {
    font-size: 1.875rem;
}

.btn--xxxl {
    font-size: 2.25rem;
}

/* -------------------------------------------------------------------------- *\
 *  RADIO-ALIKE BUTTON
 *  -------------------------
 *  Sometimes there are some buttons that look lika a radio button but with
 *  another functionality: open/close a related layer
 *
 *  WARNING: This is not a .btn modifier, use it without that class.
 *
 *  Sample:
 *  https://app.zeplin.io/project/5d9b0160135fcf1ee7063354/screen/5e2b22e39d2d355501a6fb06
\* -------------------------------------------------------------------------- */
.btn-checkbox,
.btn-radio {
    --uses-typography: 'forms-label';
    color: hsl(0, 0%, 56.5%);
    font-family: 'FKGrotesk', 'Arial', sans-serif;
    font-style: italic;
    font-weight: 500;
    text-overflow: ellipsis;
    text-transform: lowercase;
    --uses-typography: 'forms-label--checkbox';
    color: hsl(0, 0%, 0%);
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 400;
    text-transform: none;
    line-height: 1.25;
    position: relative;
    display: inline-flex;
    cursor: pointer;
}
.btn-checkbox::before,
.btn-radio::before {
    position: absolute;
    top: 0.0625rem;
    left: 0;
    box-sizing: border-box;
    width: 12px;
    height: 12px;
    margin: 0;
    padding: 0;
    border: 0.0625rem solid hsl(0, 0%, 0%);
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-block;
    content: '';
}
@media (min-width: 1025px) {
    .btn-checkbox::before,
    .btn-radio::before {
        top: 2px;
    }
}
.btn-checkbox--round::before,
.btn-radio--round::before {
    border-radius: 50%;
}
.btn-checkbox--dropdown,
.btn-radio--dropdown {
    --uses-typography: 'forms-label--check-dropdown';
    color: hsl(0, 0%, 0%);
    font-family: 'EBGaramond', georgia, serif;
    font-size: 1rem;
    font-weight: 700;
}
@media (min-width: 810px) {
    .btn-checkbox--dropdown,
    .btn-radio--dropdown {
        font-weight: 600;
    }
}
.btn-checkbox--dropdown::before,
.btn-radio--dropdown::before {
    margin-top: 0.4em;
}
.btn-checkbox--opened::before,
.btn-radio--opened::before {
    background: hsl(0, 0%, 56.5%);
    border-color: hsl(0, 0%, 56.5%);
}
.btn-checkbox--selected::before,
.btn-radio--selected::before {
    background: hsl(0, 0%, 0%);
    border-color: hsl(0, 0%, 0%);
}

@media (min-width: 1025px) {
    .btn-checkbox::before {
        top: 0.5rem;
    }
}

.link {
    --uses-typography: 'links-base';
    color: hsl(0, 0%, 0%);
    font-family: 'FKGrotesk', 'Arial', sans-serif;
    font-size: 0.75rem;
    font-weight: 700;
    text-decoration: underline;
    padding: 0 1px;
    cursor: pointer;
}
@media (min-width: 1025px) {
    .link {
        font-size: 0.875rem;
    }
}
.link:active {
    background-color: hsla(0, 0%, 78%, 0.5);
}
.link.disabled,
.link:disabled {
    color: hsl(0, 0%, 56.5%);
    cursor: default;
}

.link--highlight {
    --uses-typography: 'links-highlight';
    font-family: 'EBGaramond', georgia, serif;
    font-size: 0.875rem;
    font-style: italic;
}
@media (min-width: 810px) {
    .link--highlight {
        font-weight: 600;
    }
}
@media (min-width: 1025px) {
    .link--highlight {
        font-size: 1.125rem;
    }
}

.link--arrow::before {
    display: inline-block;
    margin-right: 2px;
    content: '>';
}

.link--no-decoration {
    text-decoration: none;
}

.link-home {
    --bg-color-text: unset;
    --uses-typography: 'links-home';
    color: hsl(0, 0%, 0%);
    font-weight: 700;
    font-size: 0.875rem;
    padding-right: 6px;
    padding-bottom: 2px;
    white-space: pre-wrap;
    background-color: var(--bg-color-text);
    box-shadow: -6px 0 0 var(--bg-color-text);
}
@media (min-width: 1025px) {
    .link-home {
        font-size: 1rem;
    }
}

/*
*
  <div class="loader-container">
    <div class="loader-container-icon spinner spinner--small">
    </div>
  </div>
*
*/
.loader-container {
    position: relative;
    color: transparent;
    background: transparent;
    pointer-events: none;
}

.base-image {
    overflow: hidden;
    background-color: hsl(0, 0%, 98%);
}

.base-image__img {
    transition:
        filter 200ms cubic-bezier(0.25, 0.1, 0.25, 1) 0ms,
        opacity 200ms cubic-bezier(0.25, 0.1, 0.25, 1) 0ms;
    opacity: 1;
    filter: blur(0);
}

.base-image__img--loading {
    opacity: 0;
}

.base-image__img--placeholder {
    opacity: 1;
    filter: blur(3px);
}

.base-price {
    position: relative;
    display: inline-flex;
}
.base-price__title {
    padding-right: 4px;
}
.base-price__promo-text {
    --uses-typography: 'product-card-promo-text';
    font-family: 'FKGrotesk', 'Arial', sans-serif;
    font-size: 0.625rem;
    font-weight: 700;
    line-height: 1.25;
    color: hsl(0, 0%, 66%);
    position: absolute;
    top: 0;
    right: 0;
    white-space: nowrap;
    text-transform: none;
    transform: translateY(-100%);
}
@media (min-width: 768px) {
    .base-price__promo-text {
        font-size: 0.75rem;
    }
}
.base-price__original-price {
    color: hsl(0, 0%, 0%);
    font-weight: 700;
    text-decoration: line-through;
}
.base-price__price {
    color: hsl(0, 0%, 0%);
    text-decoration: none;
}
.base-price__original-price,
.base-price__price {
    margin-right: 0.4375rem;
    white-space: nowrap;
    word-spacing: -0.167em;
}
@media (min-width: 575px) {
    .base-price__original-price,
    .base-price__price {
        margin-right: 0.5625rem;
    }
}
@media (min-width: 768px) {
    .base-price__original-price,
    .base-price__price {
        margin-right: 0.4375rem;
    }
}
@media (min-width: 1440px) {
    .base-price__original-price,
    .base-price__price {
        margin-right: 0.46875rem;
    }
}
@media (min-width: 1530px) {
    .base-price__original-price,
    .base-price__price {
        margin-right: 0.5rem;
    }
}
.base-price__discount {
    color: var(--sales-color);
    white-space: nowrap;
    text-decoration: none;
}

.price-currency {
    word-spacing: -0.1875rem;
}

.base-title-subtitle {
    --uses-typography: 'the-home-base';
    font-size: 0.875rem;
    font-family: 'FKGrotesk', 'Arial', sans-serif;
    font-style: normal;
    font-weight: 700;
    position: relative;
    z-index: 2;
    display: block;
    margin-bottom: 8px;
    line-height: 1.25;
    text-align: left;
}
@media (min-width: 1025px) {
    .base-title-subtitle {
        margin: 16px 0 calc(-0.0134078212 * 100vw + -2.2569832402px) 7.29vw;
    }
}
@media (min-width: 1920px) {
    .base-title-subtitle {
        margin-bottom: -1.75rem;
        margin-left: 8.75rem;
    }
}
.base-title-subtitle__title {
    --uses-typography: 'the-home-title';
    font-family: 'FKGrotesk', 'Arial', sans-serif;
    font-weight: 900;
    font-style: normal;
    font-size: calc(0.0178571429 * 100vw + 22.2857142857px);
    letter-spacing: calc(0.0005133929 * 100vw + 0.6357142857px);
    line-height: 1;
    text-decoration: none;
    margin: 0;
}
@media (min-width: 810px) {
    .base-title-subtitle__title {
        font-size: 2.125rem;
        letter-spacing: 0;
    }
}
@media (min-width: 1025px) {
    .base-title-subtitle__title {
        font-size: calc(0.0216216216 * 100vw + 18.4864864865px);
        letter-spacing: calc(0.0001531532 * 100vw + 0.9059459459px);
    }
}
@media (min-width: 1920px) {
    .base-title-subtitle__title {
        font-size: 3.75rem;
        letter-spacing: 0.075rem;
    }
}
.base-title-subtitle__subtitle {
    --uses-typography: 'the-home-subtitle';
    font-family: 'EBGaramond', georgia, serif;
    font-weight: 700;
    font-style: italic;
    font-size: calc(0.0066964286 * 100vw + 15.8571428571px);
    line-height: 1;
    letter-spacing: 0;
    text-decoration: none;
    margin: 0;
}
@media (min-width: 810px) {
    .base-title-subtitle__subtitle {
        font-size: 1.125rem;
        font-weight: 600;
    }
}
@media (min-width: 1025px) {
    .base-title-subtitle__subtitle {
        font-size: calc(0.0099099099 * 100vw + 12.972972973px);
    }
}
@media (min-width: 1920px) {
    .base-title-subtitle__subtitle {
        font-size: 2rem;
    }
}
.base-title-subtitle span {
    --bg-color-text: unset;
    white-space: wrap;
    background-color: var(--bg-color-text);
}

.base-vimeo-video {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.base-vimeo-video video {
    width: auto;
    height: 100%;
}
.base-vimeo-video--landscape video {
    width: 100%;
    height: auto;
}
.base-vimeo-video .the-home__image-base-video-container {
    height: 100%;
}

/* High specificity needed to override OneTrust styles */
/* stylelint-disable */
div#onetrust-consent-sdk div#onetrust-banner-sdk,
div#onetrust-consent-sdk div#onetrust-pc-sdk {
    position: fixed;
    top: 50%;
    left: 0;
    width: 80%;
    border-radius: 0;
    box-shadow: none;
    transform: translateY(-50%);
}
@media (min-width: 575px) {
    div#onetrust-consent-sdk div#onetrust-banner-sdk,
    div#onetrust-consent-sdk div#onetrust-pc-sdk {
        width: calc(0.4573977695 * 100vw + 196.9962825279px);
        max-width: 67.1875rem;
    }
}
div#onetrust-consent-sdk #onetrust-banner-sdk .ot-sdk-container {
    margin: 0;
    padding: 24px 16px 2.625rem;
}
@media (min-width: 575px) {
    div#onetrust-consent-sdk #onetrust-banner-sdk .ot-sdk-container {
        padding: 4.2vw;
    }
}
@media (min-width: 1920px) {
    div#onetrust-consent-sdk #onetrust-banner-sdk .ot-sdk-container {
        padding: 80px 80px;
    }
}
div#onetrust-consent-sdk #onetrust-group-container {
    margin-top: 0;
    padding-right: 16px;
}
@media (min-width: 575px) {
    div#onetrust-consent-sdk #onetrust-group-container {
        margin-top: 16px;
        padding-right: 0;
    }
}
div#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-policy {
    position: relative;
    display: block;
    width: 100%;
    margin-top: 0;
}
div#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-policy-text,
div#onetrust-consent-sdk #onetrust-banner-sdk .ot-b-addl-desc,
div#onetrust-consent-sdk #onetrust-banner-sdk .ot-gv-list-handler,
div#onetrust-consent-sdk #onetrust-pc-sdk .ot-accordion-layout .ot-acc-grpdesc {
    float: none;
    clear: none;
    width: auto;
    margin: 0;
    padding: 0;
}
div#onetrust-consent-sdk #onetrust-policy-title,
div#onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-title,
div#onetrust-consent-sdk #onetrust-pc-sdk #ot-category-title {
    display: block;
    float: none;
    padding: 0;
    font-weight: 900;
    font-size: 0.875rem;
    font-family: 'FKGrotesk';
    text-transform: uppercase;
}
@media (min-width: 575px) {
    div#onetrust-consent-sdk #onetrust-policy-title,
    div#onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-title,
    div#onetrust-consent-sdk #onetrust-pc-sdk #ot-category-title {
        font-size: calc(0.0074349442 * 100vw + 9.7249070632px);
    }
}
@media (min-width: 1920px) {
    div#onetrust-consent-sdk #onetrust-policy-title,
    div#onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-title,
    div#onetrust-consent-sdk #onetrust-pc-sdk #ot-category-title {
        font-size: 1.5rem;
    }
}
div#onetrust-consent-sdk #onetrust-policy-title {
    color: hsl(132, 100%, 49%);
}
@media (min-width: 575px) {
    div#onetrust-consent-sdk #onetrust-policy-title::after {
        content: '. ';
    }
}
div#onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-title {
    margin-top: 0;
}
div#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-policy-text,
div#onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-desc,
div#onetrust-consent-sdk #onetrust-pc-sdk .ot-accordion-layout .ot-cat-header,
div#onetrust-consent-sdk #onetrust-pc-sdk .ot-accordion-layout .ot-acc-grpdesc {
    font-weight: 500;
    font-size: 0.875rem;
    font-family: 'FKGrotesk', 'Arial', sans-serif;
}
@media (min-width: 575px) {
    div#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-policy-text,
    div#onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-desc,
    div#onetrust-consent-sdk
        #onetrust-pc-sdk
        .ot-accordion-layout
        .ot-cat-header,
    div#onetrust-consent-sdk
        #onetrust-pc-sdk
        .ot-accordion-layout
        .ot-acc-grpdesc {
        display: inline;
        font-size: calc(0.0029739777 * 100vw + 10.2899628253px);
    }
}
@media (min-width: 1920px) {
    div#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-policy-text,
    div#onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-desc,
    div#onetrust-consent-sdk
        #onetrust-pc-sdk
        .ot-accordion-layout
        .ot-cat-header,
    div#onetrust-consent-sdk
        #onetrust-pc-sdk
        .ot-accordion-layout
        .ot-acc-grpdesc {
        font-size: 1rem;
    }
}
div#onetrust-consent-sdk #onetrust-banner-sdk a[href],
div#onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-desc a {
    font-weight: inherit;
}
div#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-accept-btn-handler,
div#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-reject-all-handler {
    text-align: center;
    border: 0.0625rem solid hsl(0, 0%, 100%);
    border-radius: 3.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    font-size: 0.75rem;
    padding: 8px 16px;
}
@media (min-width: 575px) {
    div#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-accept-btn-handler,
    div#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-reject-all-handler {
        border: none;
        padding: 0;
        border-radius: 0;
        font-size: 1.4375rem;
        white-space: nowrap;
    }
}
div#onetrust-consent-sdk #onetrust-pc-btn-handler.cookie-setting-link {
    font-size: 0.625rem;
    font-weight: 500;
    text-decoration: underline;
    letter-spacing: inherit;
    text-align: left;
    padding: 0;
    margin-bottom: 32px;
}
@media (min-width: 575px) {
    div#onetrust-consent-sdk #onetrust-pc-btn-handler.cookie-setting-link {
        margin-right: 2.5vw;
        font-size: 1rem;
        text-align: center;
        flex: 1;
        margin-bottom: 0;
    }
}
div#onetrust-consent-sdk
    #onetrust-banner-sdk
    #onetrust-group-container
    #onetrust-policy
    span.ot-b-addl-desc {
    font-weight: 500 !important;
    font-size: 0.625rem !important;
}
div#onetrust-consent-sdk
    #onetrust-banner-sdk
    #onetrust-group-container
    #onetrust-policy
    span.ot-b-addl-desc {
    font-family: 'FKGrotesk';
    font-style: normal;
}
@media (min-width: 575px) {
    div#onetrust-consent-sdk
        #onetrust-banner-sdk
        #onetrust-group-container
        #onetrust-policy
        span.ot-b-addl-desc {
        font-weight: 500 !important;
        font-size: 1rem !important;
    }
}
div#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-reject-all-handler {
    margin-right: 0;
}
div#onetrust-consent-sdk #onetrust-pc-sdk #accept-recommended-btn-handler {
    display: block !important;
    padding-bottom: 16px !important;
    padding-top: 0 !important;
}
div#onetrust-consent-sdk #onetrust-pc-sdk #accept-recommended-btn-handler {
    position: fixed;
    bottom: calc(80px + 1.375rem);
    width: auto;
    margin-right: 0;
}
@media (min-width: 575px) {
    div#onetrust-consent-sdk #onetrust-pc-sdk #accept-recommended-btn-handler {
        padding-bottom: 0 !important;
        padding-top: 8px !important;
    }
    div#onetrust-consent-sdk #onetrust-pc-sdk #accept-recommended-btn-handler {
        position: relative;
        bottom: 0;
        margin-top: 16px;
        margin-right: 2.5vw;
        margin-left: auto;
    }
}
div#onetrust-consent-sdk
    #onetrust-pc-sdk
    .ot-pc-footer
    .ot-btn-container
    button:not(#clear-filters-handler):not(.ot-close-icon):not(
        #filter-btn-handler
    ):not(.ot-remove-objection-handler):not(.ot-obj-leg-btn-handler):not(
        [aria-expanded]
    ):not(.ot-link-btn) {
    letter-spacing: inherit;
    text-align: left;
    text-decoration: none;
}
@media (min-width: 575px) {
    div#onetrust-consent-sdk
        #onetrust-pc-sdk
        .ot-pc-footer
        .ot-btn-container
        button:not(#clear-filters-handler):not(.ot-close-icon):not(
            #filter-btn-handler
        ):not(.ot-remove-objection-handler):not(.ot-obj-leg-btn-handler):not(
            [aria-expanded]
        ):not(.ot-link-btn) {
        margin-right: 2.5vw;
        font-size: calc(0.0022304833 * 100vw + 16.717472119px);
        text-align: center;
        flex: 1;
    }
}
@media (min-width: 1920px) {
    div#onetrust-consent-sdk
        #onetrust-pc-sdk
        .ot-pc-footer
        .ot-btn-container
        button:not(#clear-filters-handler):not(.ot-close-icon):not(
            #filter-btn-handler
        ):not(.ot-remove-objection-handler):not(.ot-obj-leg-btn-handler):not(
            [aria-expanded]
        ):not(.ot-link-btn) {
        font-size: 1.3125rem;
    }
}
div#onetrust-consent-sdk .onetrust-pc-dark-filter {
    background: none;
}
div#onetrust-consent-sdk #onetrust-banner-sdk .banner-actions-container {
    width: 100%;
    display: flex;
    gap: 12px;
    align-items: center;
    justify-content: center;
}
@media (min-width: 575px) {
    div#onetrust-consent-sdk #onetrust-banner-sdk .banner-actions-container {
        float: none;
        width: auto;
        width: initial;
        text-align: left;
        gap: 48px;
        align-self: flex-end;
    }
}
div#onetrust-consent-sdk #onetrust-banner-sdk .ot-sdk-row,
div#onetrust-consent-sdk #onetrust-pc-sdk .ot-sdk-row,
div#onetrust-consent-sdk #ot-sdk-cookie-policy .ot-sdk-row,
div#onetrust-consent-sdk #onetrust-banner-sdk .ot-sdk-column,
div#onetrust-consent-sdk #onetrust-banner-sdk .ot-sdk-columns,
div#onetrust-consent-sdk #onetrust-pc-sdk .ot-sdk-column,
div#onetrust-consent-sdk #onetrust-pc-sdk .ot-sdk-columns,
div#onetrust-consent-sdk #ot-sdk-cookie-policy .ot-sdk-column,
div#onetrust-consent-sdk #ot-sdk-cookie-policy .ot-sdk-columns {
    display: block;
    float: none;
}
div#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-button-group-parent {
    margin: 16px 0 0;
    padding: 0;
    text-align: inherit;
}
@media (min-width: 575px) {
    div#onetrust-consent-sdk
        #onetrust-banner-sdk
        #onetrust-button-group-parent {
        margin-top: 16px;
        padding-right: 2.5vw;
    }
}
div#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-button-group {
    display: flex;
    flex-direction: column-reverse;
}
@media (min-width: 575px) {
    div#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-button-group {
        gap: 12px;
    }
}
div#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-accept-btn-handler,
div#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-reject-all-handler,
div#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-pc-btn-handler,
div#onetrust-consent-sdk #onetrust-pc-sdk #accept-recommended-btn-handler,
div#onetrust-consent-sdk #onetrust-pc-sdk .ot-btn-container button {
    max-width: none;
    text-align: left;
}
div#onetrust-consent-sdk
    #onetrust-banner-sdk
    #onetrust-accept-btn-handler:focus,
div#onetrust-consent-sdk
    #onetrust-banner-sdk
    #onetrust-accept-btn-handler:hover,
div#onetrust-consent-sdk
    #onetrust-banner-sdk
    #onetrust-reject-all-handler:focus,
div#onetrust-consent-sdk
    #onetrust-banner-sdk
    #onetrust-reject-all-handler:hover,
div#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-pc-btn-handler:focus,
div#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-pc-btn-handler:hover,
div#onetrust-consent-sdk
    #onetrust-pc-sdk
    :not(.ot-leg-btn-container)
    > button:focus,
div#onetrust-consent-sdk
    #onetrust-pc-sdk
    :not(.ot-leg-btn-container)
    > button:hover {
    opacity: 1;
}
div#onetrust-consent-sdk #onetrust-pc-sdk {
    padding: 32px 16px 80px;
    border-radius: 0;
    box-shadow: none;
}
@media (min-width: 575px) {
    div#onetrust-consent-sdk #onetrust-pc-sdk {
        height: initial !important;
        height: -moz-fit-content !important;
        height: fit-content !important;
    }
    div#onetrust-consent-sdk #onetrust-pc-sdk {
        min-width: 0;
        min-width: initial;
        max-height: 80%;
        padding: 4.2vw;
    }
}
@media (min-width: 1920px) {
    div#onetrust-consent-sdk #onetrust-pc-sdk {
        padding: 80px 80px;
    }
}
div#onetrust-consent-sdk #onetrust-pc-sdk .ot-cat-grp .ot-always-active {
    position: relative;
    top: 0;
    right: 0;
    color: hsl(0, 0%, 66%);
    font-size: 0.6875rem;
    text-transform: uppercase;
    transform: translateY(50%);
}
@media (min-width: 575px) {
    div#onetrust-consent-sdk #onetrust-pc-sdk .ot-cat-grp .ot-always-active {
        font-size: calc(0.0007434944 * 100vw + 10.5724907063px);
    }
}
@media (min-width: 1920px) {
    div#onetrust-consent-sdk #onetrust-pc-sdk .ot-cat-grp .ot-always-active {
        font-size: 0.75rem;
    }
}
div#onetrust-consent-sdk #onetrust-pc-sdk .ot-acc-grpcntr.ot-acc-txt {
    padding-top: 8px;
    padding-bottom: 8px;
    background-color: transparent;
    background-color: initial;
}
@media (min-width: 575px) {
    div#onetrust-consent-sdk #onetrust-pc-sdk .ot-acc-grpcntr.ot-acc-txt {
        margin-right: calc(95px + 16px);
    }
}
div#onetrust-consent-sdk
    #onetrust-pc-sdk
    .ot-acc-grpcntr.ot-acc-txt
    .ot-acc-grpdesc.ot-category-desc {
    font-size: 0.75rem;
}
div#onetrust-consent-sdk #onetrust-pc-sdk .ot-accordion-layout .ot-acc-hdr {
    width: 100%;
    padding: 0;
}
div#onetrust-consent-sdk #onetrust-pc-sdk .ot-accordion-layout.ot-cat-item {
    float: none;
    margin-top: 8px;
}
div#onetrust-consent-sdk
    #onetrust-pc-sdk
    button[aria-expanded='false']
    ~ .ot-acc-hdr
    h4.ot-cat-header::after {
    content: ' (+)';
}
div#onetrust-consent-sdk
    #onetrust-pc-sdk
    button[aria-expanded='true']
    ~ .ot-acc-hdr
    h4.ot-cat-header::after {
    content: ' (-)';
}
div#onetrust-consent-sdk #onetrust-pc-sdk .ot-cat-item button,
div#onetrust-consent-sdk #onetrust-pc-sdk .ot-cat-item button:hover,
div#onetrust-consent-sdk #onetrust-pc-sdk .ot-cat-item button:focus {
    outline: 0 !important;
}
div#onetrust-consent-sdk #onetrust-pc-sdk .ot-accordion-layout.ot-cat-item,
div#onetrust-consent-sdk
    #onetrust-pc-sdk
    .ot-accordion-layout.ot-cat-item:first-of-type {
    border: 0;
}
div#onetrust-consent-sdk #onetrust-pc-sdk .ot-switch {
    width: 23px;
    height: 8px;
}
div#onetrust-consent-sdk #onetrust-pc-sdk .ot-switch-nob {
    background-color: hsl(0, 0%, 33%);
    border: 0;
}
div#onetrust-consent-sdk #onetrust-pc-sdk .ot-switch-nob::before {
    bottom: -3px;
    left: -1px;
    width: 14px;
    height: 14px;
    background-color: hsl(0, 0%, 56.5%);
}
div#onetrust-consent-sdk #onetrust-pc-sdk .ot-accordion-layout h4 ~ .ot-tgl {
    position: relative;
    top: 0;
    right: 0;
    transform: none;
}
div#onetrust-consent-sdk
    #onetrust-pc-sdk
    .ot-tgl
    input:checked
    + .ot-switch
    .ot-switch-nob {
    background-color: hsla(132, 100%, 49%, 0.55);
    border: 0;
}
div#onetrust-consent-sdk
    #onetrust-pc-sdk
    .ot-tgl
    input:checked
    + .ot-switch
    .ot-switch-nob::before {
    background-color: hsl(132, 100%, 49%);
    border: 0;
    transform: translateX(13px);
}
div#onetrust-consent-sdk #onetrust-pc-sdk .ot-cat-grp {
    position: relative;
    box-sizing: border-box;
    width: auto;
    margin-top: 48px;
    padding-right: 2.5vw;
}
div#onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-footer-logo,
div#onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-header,
div#onetrust-consent-sdk #onetrust-pc-sdk .ot-plus-minus {
    display: none;
}
div#onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-content {
    height: calc(100% - 64px - 16px - 1.375rem - 16px - 1.75rem) !important;
}
div#onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-content {
    /* Internet Explorer */
    scrollbar-face-color: hsl(0, 0%, 33%);
    scrollbar-track-color: transparent;
    /* W3C Working Draft */
    scrollbar-color: hsl(0, 0%, 33%) transparent; /* stylelint-disable-line property-no-unknown */
    position: relative;
    top: auto;
    top: initial;
    bottom: auto;
    bottom: initial;
    width: 100%;
    margin: 0;
    padding-right: 0;
    overflow-y: hidden;
    overflow-y: scroll;
}
div#onetrust-consent-sdk
    #onetrust-pc-sdk
    #ot-pc-content::-webkit-scrollbar-thumb {
    background-color: hsl(0, 0%, 33%);
    border-radius: 5px;
}
div#onetrust-consent-sdk
    #onetrust-pc-sdk
    #ot-pc-content::-webkit-scrollbar-track {
    background-color: transparent;
}
div#onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-content::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background-color: hsl(0, 0%, 92%);
}
@media (min-width: 575px) {
    div#onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-content {
        height: 55vh !important;
        max-height: 55vh !important;
    }
    div#onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-content {
        margin-bottom: auto;
    }
}
@media (min-width: 850px) {
    div#onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-content {
        height: 53vh !important;
        max-height: 53vh !important;
    }
}
div#onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-footer {
    position: fixed;
    bottom: 80px;
    border-top: 0;
}
@media (min-width: 575px) {
    div#onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-footer {
        position: static;
        margin-top: 64px;
    }
}
div#onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-footer .ot-btn-container {
    text-align: left;
}
div#onetrust-consent-sdk
    #onetrust-pc-sdk
    .ot-pc-footer
    .save-preference-btn-handler.onetrust-close-btn-handler {
    margin: 0;
    padding: 0;
}
@media (min-width: 575px) {
    div#onetrust-consent-sdk
        #onetrust-pc-sdk
        .ot-pc-footer
        .save-preference-btn-handler.onetrust-close-btn-handler {
        display: block;
        margin-left: auto;
        padding: 12px 32px;
    }
}
div#onetrust-consent-sdk .category-vendors-list-handler,
div#onetrust-consent-sdk .ot-pgph-link {
    display: none;
}

.the-menu__layer {
    transition: opacity 100ms cubic-bezier(0.25, 0.1, 0.25, 1) 0ms;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    padding: 0 24px 0 16px;
    overflow-y: hidden;
    opacity: 0;
    pointer-events: none;
}

.the-menu__layer--open {
    z-index: 2;
    opacity: 1;
    pointer-events: auto;
}
@media (min-width: 1025px) {
    .the-menu__layer--open {
        animation: none;
    }
}

.the-menu__wrapper {
    /* Internet Explorer */
    scrollbar-face-color: hsla(0, 0%, 66%, 0.5);
    scrollbar-track-color: hsl(200, 11%, 95%);
    /* W3C Working Draft */
    scrollbar-color: hsla(0, 0%, 66%, 0.5) hsl(200, 11%, 95%); /* stylelint-disable-line property-no-unknown */
    height: calc(100% - var(--menu-inset-top));
    margin-top: var(--menu-inset-top);
    overflow-y: hidden;
}
.the-menu__wrapper::-webkit-scrollbar-thumb {
    background-color: hsla(0, 0%, 66%, 0.5);
    border-radius: 0;
}
.the-menu__wrapper::-webkit-scrollbar-track {
    background-color: hsl(200, 11%, 95%);
}
.the-menu__wrapper::-webkit-scrollbar {
    width: 2px;
    height: 2px;
    background-color: hsl(0, 0%, 92%);
}

.the-menu__list {
    /* Internet Explorer */
    scrollbar-face-color: hsla(0, 0%, 66%, 0.5);
    scrollbar-track-color: hsl(200, 11%, 95%);
    /* W3C Working Draft */
    scrollbar-color: hsla(0, 0%, 66%, 0.5) hsl(200, 11%, 95%); /* stylelint-disable-line property-no-unknown */
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    overflow-y: auto;
}
.the-menu__list::-webkit-scrollbar-thumb {
    background-color: hsla(0, 0%, 66%, 0.5);
    border-radius: 0;
}
.the-menu__list::-webkit-scrollbar-track {
    background-color: hsl(200, 11%, 95%);
}
.the-menu__list::-webkit-scrollbar {
    width: 2px;
    height: 2px;
    background-color: hsl(0, 0%, 92%);
}

.the-menu {
    --menu-inset-top: 0;
    transition:
        max-width 300ms cubic-bezier(0.25, 0.1, 0.25, 1) 0ms,
        height 300ms cubic-bezier(0.25, 0.1, 0.25, 1) 0ms;
    overflow: -moz-scrollbars-none;
    list-style: none;
    scrollbar-width: none;
    -ms-overflow-style: none;
    position: fixed;
    right: 8px;
    bottom: 24px;
    z-index: 30;
    width: 100%;
    max-width: calc(100% - (8px + 8px));
    height: var(--menu-height);
    min-height: 50px;
    max-height: calc(70% + 50px);
}
.the-menu::-webkit-scrollbar {
    display: none;
}
@media (min-width: 575px) {
    .the-menu {
        right: 16px;
        bottom: 32px;
        max-width: calc(100% - (80px + 16px));
    }
}
@media (min-width: 768px) {
    .the-menu {
        right: 24px;
        max-width: calc(100% - (80px + 24px));
    }
}
@media (min-width: 1025px) {
    .the-menu {
        position: static;
        z-index: 9998;
        max-width: 100%;
        height: auto;
        min-height: 0;
        max-height: 100%;
    }
}
@media (max-width: 1024px) {
    .the-menu[\:has\(.the-menu__layer--open\)] {
        --menu-inset-top: 2.6875rem;
        height: calc(var(--menu-height) + var(--menu-inset-top));
    }
    .the-menu:has(.the-menu__layer--open) {
        --menu-inset-top: 2.6875rem;
        height: calc(var(--menu-height) + var(--menu-inset-top));
    }
    .the-menu[\:has\(.the-menu__layer--open\)][\:has\(.the-menu-submenu--open\)] {
        --menu-inset-top: 3.5625rem;
    }
    .the-menu:has(.the-menu__layer--open):has(.the-menu-submenu--open) {
        --menu-inset-top: 3.5625rem;
    }
}
.the-menu__backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.the-menu__inner {
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 25px;
}
@media (min-width: 1025px) {
    .the-menu__inner {
        position: static;
        overflow: visible;
        overflow: initial;
        border-radius: 0;
    }
}
.the-menu__inner::before {
    position: absolute;
    top: 0;
    display: block;
    width: 100%;
    height: calc(100% - 50px);
    background-color: hsl(0, 0%, 100%);
    background-color: var(--category-bg-color, hsl(0, 0%, 100%));
    content: '';
}
@media (min-width: 1025px) {
    .the-menu__inner::before {
        content: none;
    }
}
@supports (clip-path: inset(0% 0% 0% 0% round 0)) {
    .the-menu__inner--is-clip-path {
        border-radius: 0;
        clip-path: inset(0% 0% 0% 0% round 25px);
    }
    @media (min-width: 1025px) {
        .the-menu__inner--is-clip-path {
            clip-path: none;
        }
    }
}
@media (max-width: 1024px) {
    .the-menu.the-menu--closed {
        max-width: calc(50px + 0px);
        max-width: calc(50px + var(--menu-label-width, 0px));
    }
}
.the-menu.the-menu--closed .the-menu__btn-close {
    transition: opacity 100ms cubic-bezier(0.25, 0.1, 0.25, 1) 0ms;
    opacity: 0;
    pointer-events: none;
}
.the-menu__bar {
    z-index: 3;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    order: 2;
    min-width: 50px;
    height: 50px;
    background-color: hsl(0, 0%, 14%);
    background-color: var(--menu-bg-color, hsl(0, 0%, 14%));
    -webkit-tap-highlight-color: hsla(0, 0%, 0%, 0);
}
@media (min-width: 1025px) {
    .the-menu__bar {
        display: none;
    }
}
.the-menu__title {
    --uses-typography: 'menu-base';
    font-family: 'FKGrotesk', 'Arial', sans-serif;
    font-size: 0.8125rem;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: uppercase;
    text-decoration: none;
    display: flex;
    align-items: center;
    padding-left: 16px;
    color: hsl(0, 0%, 100%);
    color: var(--menu-color, hsl(0, 0%, 100%));
}
@media (min-width: 810px) {
    .the-menu__title {
        font-size: calc(0.0046511628 * 100vw + 9.2325581395px);
    }
}
@media (min-width: 1025px) {
    .the-menu__title {
        font-size: calc(0.0059405941 * 100vw + 6.9108910891px);
        font-weight: 900;
    }
}
@media (min-width: 1530px) {
    .the-menu__title {
        font-size: 1rem;
    }
}
.the-menu__layer {
    bottom: 50px;
    width: calc(100vw - (8px + 8px));
    padding-left: 8px;
    background-color: hsl(0, 0%, 100%);
    background-color: var(--category-bg-color, hsl(0, 0%, 100%));
}
@media (min-width: 575px) {
    .the-menu__layer {
        width: calc(100vw - (80px + 16px));
    }
}
@media (min-width: 768px) {
    .the-menu__layer {
        width: calc(100vw - (80px + 24px));
    }
}
@media (min-width: 1025px) {
    .the-menu__layer {
        position: static;
        width: 100%;
        padding: 0;
        overflow-y: visible;
        overflow-y: initial;
        background-color: transparent;
        opacity: 1;
        transition: none;
        pointer-events: inherit;
    }
}
.the-menu__layer--open .the-menu__wrapper {
    animation: hide-scroll 300ms backwards;
    overflow-y: auto;
}
@media (min-width: 1025px) {
    .the-menu__layer--open .the-menu__wrapper {
        animation: none;
    }
}
@media (min-width: 1025px) {
    .the-menu__wrapper {
        position: relative;
        overflow-y: visible;
        overflow-y: initial;
    }
}
@media (min-width: 1025px) {
    .the-menu__list {
        overflow: -moz-scrollbars-none;
        list-style: none;
        scrollbar-width: none;
        -ms-overflow-style: none;
        display: inline-flex;
        flex-direction: row;
        gap: 1vw;
        justify-content: flex-start;
        width: auto;
        max-width: 100%;
        margin: 0;
        padding: 0;
        overflow-x: auto;
        overflow-y: hidden;
        overflow: auto hidden;
    }
    .the-menu__list::-webkit-scrollbar {
        display: none;
    }
    .the-menu__list--overflowing {
        padding-right: calc(1vw * 2);
    }
    .the-menu__list--overflowing::before,
    .the-menu__list--overflowing::after {
        position: absolute;
        display: block;
        width: calc(1vw * 2);
        height: 100%;
        content: '';
        pointer-events: none;
    }
    .the-menu__list--overflowing::before {
        left: 0;
        width: 1vw;
        background: linear-gradient(
            to right,
            hsl(0, 0%, 100%) 0%,
            hsl(0, 0%, 100%) 50%,
            hsla(0, 0%, 100%, 0) 100%
        );
    }
    .the-menu__list--overflowing::after {
        right: 0;
        width: calc(1vw * 2);
        background: linear-gradient(
            to left,
            hsl(0, 0%, 100%) 0%,
            hsl(0, 0%, 100%) 30%,
            hsla(0, 0%, 100%, 0) 100%
        );
    }
}
@media (min-width: 1280px) {
    .the-menu__list {
        gap: 1.2vw;
    }
    .the-menu__list--overflowing {
        gap: 1vw;
        padding-right: calc(1.2vw * 2);
    }
    .the-menu__list--overflowing::before {
        width: 1.2vw;
    }
    .the-menu__list--overflowing::after {
        width: calc(1.2vw * 2);
    }
}
@media (min-width: 1440px) {
    .the-menu__list {
        gap: 1.4vw;
    }
    .the-menu__list--overflowing {
        gap: 1vw;
        padding-right: calc(1.4vw * 2);
    }
    .the-menu__list--overflowing::before {
        width: 1.4vw;
    }
    .the-menu__list--overflowing::after {
        width: calc(1.4vw * 2);
    }
}
@media (min-width: 1920px) {
    .the-menu__list {
        gap: 24px;
    }
}
.the-menu__floating-button {
    transition: transform 100ms cubic-bezier(0.25, 0.1, 0.25, 1) 0ms;
    position: absolute;
    right: 0;
    z-index: 2;
    display: flex;
    justify-content: center;
    width: 50px;
    background-color: hsl(0, 0%, 14%);
    background-color: var(--menu-bg-color, hsl(0, 0%, 14%));
    border: 0;
    border-radius: 25px;
    transform: rotate(90deg);
    -webkit-tap-highlight-color: hsla(0, 0%, 0%, 0);
}
.the-menu__floating-button--closed {
    transform: rotate(0deg);
}
.the-menu__icon {
    width: 50px;
    height: 50px;
}
.the-menu__icon--burger {
    background-color: hsl(0, 0%, 100%);
    background-color: var(--menu-icon-color, hsl(0, 0%, 100%));
    -webkit-mask-image: url('data:image/svg+xml;utf-8,<svg width="24" height="15" xmlns="http://www.w3.org/2000/svg"><g fill="hsl(0, 0%, 100%)" fill-rule="evenodd"><path d="M0 6.5h24V8H0zM0 13h24v1.5H0zM0 0h24v1.5H0z"/></g></svg>');
    mask-image: url('data:image/svg+xml;utf-8,<svg width="24" height="15" xmlns="http://www.w3.org/2000/svg"><g fill="hsl(0, 0%, 100%)" fill-rule="evenodd"><path d="M0 6.5h24V8H0zM0 13h24v1.5H0zM0 0h24v1.5H0z"/></g></svg>');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
}
.the-menu .the-menu__btn-close {
    transition: opacity 100ms cubic-bezier(0.25, 0.1, 0.25, 1) 100ms;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 3;
    width: 0.875rem;
    height: 0.875rem;
    padding: 16px 24px;
    line-height: 0;
    opacity: 1;
    -webkit-tap-highlight-color: hsla(0, 0%, 0%, 0);
}
@media (min-width: 1025px) {
    .the-menu .the-menu__btn-close {
        display: none;
    }
}

@media (min-width: 1025px) {
    .the-menu-item--with-separator:not(:first-of-type):not(
            .the-menu-item--complex-child
        )
        .the-menu-submenu__wrapper,
    .the-menu-item--with-separator:not(:first-of-type):not(
            .the-menu-item--complex-child
        ) {
        padding-left: calc((0.017877095 * 100vw + 13.6759776536px) - 1vw);
        padding-left: calc(calc(0.017877095 * 100vw + 13.6759776536px) - 1vw);
    }
}
@media (min-width: 1280px) {
    .the-menu-item--with-separator:not(:first-of-type):not(
            .the-menu-item--complex-child
        )
        .the-menu-submenu__wrapper,
    .the-menu-item--with-separator:not(:first-of-type):not(
            .the-menu-item--complex-child
        ) {
        padding-left: calc((0.017877095 * 100vw + 13.6759776536px) - 1.2vw);
        padding-left: calc(calc(0.017877095 * 100vw + 13.6759776536px) - 1.2vw);
    }
}
@media (min-width: 1440px) {
    .the-menu-item--with-separator:not(:first-of-type):not(
            .the-menu-item--complex-child
        )
        .the-menu-submenu__wrapper,
    .the-menu-item--with-separator:not(:first-of-type):not(
            .the-menu-item--complex-child
        ) {
        padding-left: calc((0.017877095 * 100vw + 13.6759776536px) - 1.4vw);
        padding-left: calc(calc(0.017877095 * 100vw + 13.6759776536px) - 1.4vw);
    }
}
@media (min-width: 1920px) {
    .the-menu-item--with-separator:not(:first-of-type):not(
            .the-menu-item--complex-child
        )
        .the-menu-submenu__wrapper,
    .the-menu-item--with-separator:not(:first-of-type):not(
            .the-menu-item--complex-child
        ) {
        padding-left: calc(3rem - 24px);
    }
}

.the-menu-item {
    display: flex;
    align-items: stretch;
    order: 2;
    height: 100%;
    margin: 0;
    padding-top: 6px;
    padding-bottom: 6px;
    color: hsl(0, 0%, 0%);
    list-style-type: none;
}
@media (min-width: 1025px) {
    .the-menu-item {
        display: flex;
        align-items: flex-end;
        margin: 0;
        padding: 0;
    }
}
.the-menu-item:first-child {
    padding-top: 0;
}
.the-menu-item:last-child {
    padding-bottom: 16px;
    line-height: 1;
}
@media (min-width: 1025px) {
    .the-menu-item:last-child {
        padding-bottom: 0;
        line-height: normal;
    }
}
.the-menu-item--secondary {
    margin: 0;
    padding: 0;
    padding-bottom: 1rem;
}
@media (min-width: 1025px) {
    .the-menu-item--secondary {
        padding-bottom: 8px;
    }
}
@media (min-width: 1025px) {
    .the-menu-item--secondary:last-child {
        padding-bottom: 8px;
    }
}
@media (min-width: 1025px) {
    .the-menu-item--secondary .the-menu-item--secondary .the-menu-item__link {
        text-transform: none;
    }
}
@media (min-width: 1025px) {
    .the-menu-item--complex-child .the-menu-item--secondary:last-child {
        padding-bottom: 0;
    }
}
.the-menu-item--special-category {
    margin-left: 1rem;
    padding-left: 2rem;
    border-left: 1px solid var(--category-color);
}
@media (min-width: 768px) {
    .the-menu-item--special-category {
        margin-left: 0;
    }
}
@media (min-width: 1025px) {
    .the-menu-item--special-category {
        margin-left: 0.5rem;
        padding-left: 0.5rem;
        border-left: 0;
    }
}
.the-menu-item--fixed {
    order: 1;
}
@media (min-width: 1025px) {
    .the-menu-item--complex-child {
        flex-direction: column;
        align-items: flex-start;
        width: calc(0.0391061453 * 100vw + 94.9162011173px);
    }
    .the-menu-item--complex-child .the-menu-item__link {
        white-space: normal;
    }
    .the-menu-item--complex-child > .the-menu-item__link {
        text-decoration: none;
    }
    .the-menu-item--complex-child > .the-menu-item__link:hover {
        text-decoration: underline;
    }
}
@media (min-width: 1920px) {
    .the-menu-item--complex-child {
        width: 10.625rem;
    }
}
.the-menu-item--highlight {
    padding-top: 0;
    padding-bottom: 0;
}
.the-menu-item--highlight:last-child {
    padding-bottom: 8px;
}
@media (min-width: 1025px) {
    .the-menu-item--highlight:last-child {
        padding-bottom: 0;
    }
}
@media (min-width: 1025px) {
    .the-menu-item--parent-block {
        padding: 0;
    }
}
.the-menu-item--with-separator-after {
    display: block;
    width: -moz-fit-content;
    width: fit-content;
    margin-bottom: 8px;
    padding-bottom: 0;
}
.the-menu-item--with-separator-after::after {
    display: block;
    width: 2.125rem;
    height: 1px;
    margin-top: 16px;
    margin-left: 8px;
    background-color: hsl(0, 0%, 0%);
    opacity: 0.19;
    content: '';
}
@media (min-width: 1025px) {
    .the-menu-item--with-separator-after::after {
        display: none;
    }
}
.the-menu-item--with-separator:not(:first-of-type):not(
        .the-menu-item--complex-child
    ) {
    padding-top: calc(2.125rem - 8px);
}
@media (min-width: 1025px) {
    .the-menu-item--with-separator:not(:first-of-type):not(
            .the-menu-item--complex-child
        ) {
        padding-top: 0;
        padding-top: initial;
    }
}
.the-menu-item__link {
    --uses-typography: 'menu-base';
    font-family: 'FKGrotesk', 'Arial', sans-serif;
    font-size: 0.8125rem;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: uppercase;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-right: 8px;
    padding-left: 8px;
    color: hsl(0, 0%, 100%);
    color: var(--category-color, hsl(0, 0%, 100%));
    white-space: nowrap;
    text-align: center;
    background-color: hsl(0, 0%, 14%);
    background-color: var(--category-bg-color, hsl(0, 0%, 14%));
    border-radius: 22px;
    cursor: pointer;
    opacity: 1;
    filter: alpha(opacity=100);
    transition: opacity 0.05s ease-in-out;
    -webkit-tap-highlight-color: hsla(0, 0%, 0%, 0);
}
@media (min-width: 810px) {
    .the-menu-item__link {
        font-size: calc(0.0046511628 * 100vw + 9.2325581395px);
    }
}
@media (min-width: 1025px) {
    .the-menu-item__link {
        font-size: calc(0.0059405941 * 100vw + 6.9108910891px);
        font-weight: 900;
    }
}
@media (min-width: 1530px) {
    .the-menu-item__link {
        font-size: 1rem;
    }
}
@media (min-width: 1025px) {
    .the-menu-item__link {
        padding: 0;
        color: hsl(0, 0%, 0%);
        color: var(--category-color-desktop, hsl(0, 0%, 0%));
        text-align: left;
        background-color: transparent;
        background-color: initial;
        border-radius: 0;
    }
    .the-menu-item__link:not(.the-menu-item__link--secondary) {
        text-decoration: none;
    }
    .the-menu-item__link:hover {
        text-decoration: none;
    }
}
.the-menu-item__link--selected {
    text-decoration: underline;
}
.the-menu-item__link:not(.the-menu-item__link--secondary)::after {
    width: 100%;
    margin-top: -1px;
    border-bottom: 1px solid transparent;
    content: '';
}
@media (min-width: 1025px) {
    .the-menu-item__link:not(.the-menu-item__link--secondary)::after {
        content: none;
    }
}
.the-menu-item__link:not(
        .the-menu-item__link--secondary
    ).the-menu-item__link--selected {
    text-decoration: none;
    /* stylelint-disable-next-line max-nesting-depth */
}
.the-menu-item__link:not(
        .the-menu-item__link--secondary
    ).the-menu-item__link--selected::after {
    border-color: inherit;
}
.the-menu-item__link--secondary {
    --uses-typography: 'menu-secondary';
    font-weight: 500;
    text-transform: none;
    padding: 0;
    color: hsl(0, 0%, 0%);
    color: var(--subcategory-color, var(--category-color, hsl(0, 0%, 0%)));
    background-color: transparent;
    background-color: initial;
}
@media (min-width: 1025px) {
    .the-menu-item__link--secondary {
        font-weight: 900;
        text-transform: uppercase;
        line-height: 1;
    }
}
@media (max-width: 1024px) {
    .the-menu-item__link--secondary {
        white-space: normal;
    }
}
@media (min-width: 1025px) {
    .the-menu-item__link--secondary {
        color: hsl(0, 0%, 0%);
        color: var(
            --subcategory-color-desktop,
            var(--category-color-desktop, hsl(0, 0%, 0%))
        );
    }
}
.the-menu-item__link--secondary:hover {
    --uses-typography: 'menu-secondary-a-hover';
    text-decoration: underline;
}
.the-menu-item__link--highlight {
    padding: 8px;
}
@media (min-width: 1025px) {
    .the-menu-item__link--highlight {
        padding: 0;
    }
}
@media (min-width: 1025px) {
    .the-menu-item__link--block {
        --uses-typography: 'menu-block';
        font-size: calc(0.0070921986 * 100vw + 22.7304964539px);
    }
}
.the-menu-item__link--with-separator {
    text-align: left;
}
.the-menu-item__link--remove-uppercase {
    text-transform: inherit;
}

.the-menu-search-item {
    width: auto;
}
@media (min-width: 1025px) {
    .the-menu-search-item {
        display: none;
    }
}
.the-menu-search-item__link {
    --uses-typography: 'menu-search-btn';
    color: hsl(0, 0%, 56.5%);
    font-weight: 500;
    text-transform: none;
    flex-direction: row;
    gap: 6px;
    align-items: center;
}
.the-menu-search-item .icon-search {
    flex-shrink: 0;
}

.the-search {
    transition: opacity 100ms cubic-bezier(0.25, 0.1, 0.25, 1) 0ms;
    position: absolute;
    top: var(--header-total-height);
    z-index: 31;
    display: none;
    width: 100%;
    height: 0;
    opacity: 0;
}
@media (min-width: 1025px) {
    .the-search {
        z-index: 29;
    }
}
.the-search__form {
    position: absolute;
    right: 0;
    left: 0;
    z-index: -1;
}
.the-search__results {
    transition: opacity 100ms cubic-bezier(0.25, 0.1, 0.25, 1) 0ms;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -2;
    display: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    overflow: hidden auto;
    background-color: hsl(0, 0%, 100%);
    opacity: 0;
    overscroll-behavior: contain;
}
@media (min-width: 1025px) {
    .the-search__results {
        padding-left: 150px;
    }
}
.the-search--show {
    display: block;
}
.the-search--show .the-search__results {
    top: 40px;
    top: var(--header-total-height-with-search);
    display: block;
}
.the-search.interaction-active {
    opacity: 1;
}
.the-search.interaction-active .the-search__results {
    opacity: 1;
}

.the-search-ai .the-search-field,
.the-search-ai__input {
    background-color: hsl(0, 0%, 92%);
    border-radius: 3.125rem;
}
.the-search-ai .the-search-field::before,
.the-search-ai__input::before {
    display: inline-block;
    width: 1.4375rem;
    height: 1.125rem;
    margin: 0 8px 4px 0;
    background-image: url('data:image/svg+xml;utf-8,<svg width="22" height="19" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.033 6.874a3.385 3.385 0 0 0-3.382 3.388 3.385 3.385 0 0 0 3.382 3.389 3.385 3.385 0 0 0 3.381-3.389 3.385 3.385 0 0 0-3.382-3.388ZM9 10.262a5.036 5.036 0 0 1 5.033-5.04 5.036 5.036 0 0 1 5.032 5.04 5.036 5.036 0 0 1-5.033 5.04A5.036 5.036 0 0 1 9 10.262Z" fill="hsl(0, 0%, 0%)"/><path fill-rule="evenodd" clip-rule="evenodd" d="m17.267 12.324 4.726 4.722-1.167 1.168-4.726-4.722 1.167-1.168Z" fill="hsl(0, 0%, 0%)"/><path d="M11.996 5.527c-.253.029-.508.055-.76.087-.812.102-1.621.207-2.403.463-.887.29-1.468.871-1.758 1.744a9.228 9.228 0 0 0-.368 1.662c-.068.496-.126.993-.189 1.49 0 .005-.008.01-.023.027-.03-.257-.056-.502-.087-.746-.11-.853-.217-1.707-.508-2.525-.31-.874-.933-1.414-1.818-1.685a10.55 10.55 0 0 0-1.79-.361c-.416-.052-.832-.099-1.248-.148-.015-.001-.028-.007-.044-.037.057-.01.113-.026.17-.031.826-.086 1.653-.175 2.46-.376a5.755 5.755 0 0 0 1.039-.37c.587-.275.959-.753 1.193-1.341a6.919 6.919 0 0 0 .396-1.57c.086-.586.152-1.174.227-1.762.001-.01.01-.02.027-.048.03.248.054.476.083.704.105.826.212 1.65.467 2.45.308.965.965 1.559 1.94 1.838.624.18 1.26.285 1.903.363.331.04.663.077.994.117.035.004.068.017.101.026l-.005.028h.001ZM2.662 8c.063.411.12.824.192 1.234.14.8.518 1.19 1.296 1.333.348.064.7.11 1.051.164.04.006.078.017.114.045-.264.035-.53.06-.792.11-.268.05-.538.11-.797.196-.468.155-.722.524-.82.996-.094.44-.148.89-.219 1.334-.005.036-.008.073-.036.11-.019-.16-.03-.323-.057-.482-.058-.344-.107-.69-.189-1.03-.148-.613-.573-.926-1.153-1.038-.413-.08-.829-.14-1.252-.223.107-.015.214-.026.32-.046.386-.07.775-.127 1.155-.221.52-.13.83-.497.942-1.02.095-.445.147-.899.218-1.349.006-.037.01-.074.014-.11L2.662 8V8Z" fill="hsl(0, 0%, 0%)"/></svg>');
    background-repeat: no-repeat;
    content: '';
}

.the-search-ai {
    position: relative;
    width: 100%;
    padding: 0.3125rem 8px 0.4375rem;
    background-color: hsl(0, 0%, 100%);
}
@media (min-width: 1025px) {
    .the-search-ai {
        z-index: 20;
        padding: 0;
    }
}
.the-search-ai__input {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 2.25rem;
    padding: 0 8px;
}
@media (min-width: 1025px) {
    .the-search-ai__input {
        display: none;
    }
}
.the-search-ai__input .custom.char.typed {
    --uses-typography: 'the-search-ai-input';
    font-family: 'FKGrotesk', 'Arial', sans-serif;
    color: hsl(0, 0%, 0%);
    font-size: 0.8125rem;
    font-weight: 700;
    line-height: 1.25;
    transform: none;
    --uses-typography: 'the-search-ai-input-placeholder';
    color: hsl(0, 0%, 56.5%);
    font-weight: 500;
}
@media (min-width: 1025px) {
    .the-search-ai__input .custom.char.typed {
        font-size: 0.875rem;
    }
}
@media (min-width: 1025px) {
    .the-search-ai__input .custom.char.typed {
        font-weight: 700;
    }
}
.the-search-ai__body {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}
.the-search-ai__title {
    --uses-typography: 'the-search-ai-title';
    font-weight: 900;
    font-size: 0.9375rem;
    font-family: 'FKGrotesk', 'Arial', sans-serif;
    font-style: normal;
    line-height: 1.25;
    color: hsl(0, 0%, 0%);
    text-transform: uppercase;
    display: block;
    margin: 24px 16px 8px;
}
.the-search-ai__image-search {
    position: absolute;
    top: 0.625rem;
    right: 0.625rem;
}

.the-search-ai .the-search {
    position: relative;
    top: 0;
    width: 100%;
    height: auto;
    padding: 0;
    background-color: transparent;
}
.the-search-ai .the-search-form {
    position: relative;
    margin: 0;
    padding: 0;
    background-color: transparent;
}
@media (min-width: 1025px) {
    .the-search-ai .the-search-form {
        margin: 16px 5.8125rem 0 1.375rem;
        background-color: transparent;
    }
}
.the-search-ai .the-search-form__message {
    font-weight: 700;
    font-size: 0.75rem;
}
.the-search-ai .the-search__results {
    position: relative;
    top: 0;
}
.the-search-ai .the-search__results-title {
    --uses-typography: 'the-search-ai-results';
    font-weight: 900;
    font-size: 1rem;
    font-family: 'FKGrotesk', 'Arial', sans-serif;
    font-style: normal;
    line-height: 1.25;
    color: hsl(0, 0%, 0%);
    text-transform: uppercase;
    height: 1rem;
    margin: 16px 16px 8px;
    background-image: url('data:image/svg+xml;utf-8,<svg width="196" height="13" viewBox="0 0 196 13" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.8"><path d="M1 10.0285L3.49886 3.56836H4.41264L6.9115 10.0285V10.166H6.08165L5.37301 8.27833H2.53848L1.82985 10.166H1V10.0285ZM5.11194 7.5819L4.00237 4.62216H3.90913L2.79956 7.5819H5.11194ZM10.3092 7.87513C10.3092 7.38032 10.4087 6.95269 10.6076 6.59228C10.8127 6.22574 11.08 5.94779 11.4094 5.75841C11.7451 5.56902 12.1025 5.47433 12.4817 5.47433C12.8423 5.47433 13.1499 5.5385 13.4048 5.66677C13.6659 5.79507 13.871 5.96612 14.0202 6.1799H14.1134V3.56836H14.8594V10.166H14.1321V9.52455H14.0388C13.8896 9.75059 13.6845 9.93384 13.4235 10.0743C13.1686 10.2087 12.8547 10.276 12.4817 10.276C12.1025 10.276 11.7451 10.1813 11.4094 9.99188C11.08 9.80249 10.8127 9.52759 10.6076 9.16719C10.4087 8.80064 10.3092 8.36997 10.3092 7.87513ZM11.0738 7.87513C11.0738 8.41882 11.2136 8.84645 11.4934 9.158C11.7731 9.46346 12.146 9.61619 12.6122 9.61619C13.0784 9.61619 13.4514 9.46346 13.7311 9.158C14.0108 8.84645 14.1507 8.41882 14.1507 7.87513C14.1507 7.33146 14.0108 6.90689 13.7311 6.60143C13.4514 6.28988 13.0784 6.1341 12.6122 6.1341C12.146 6.1341 11.7731 6.28988 11.4934 6.60143C11.2136 6.90689 11.0738 7.33146 11.0738 7.87513ZM16.9996 5.5843V10.166H16.2537V5.5843H16.9996ZM17.1395 3.75163V4.71377H16.1138V3.75163H17.1395ZM18.2627 6.81219C18.2627 6.55562 18.3435 6.32653 18.5052 6.12495C18.6668 5.91724 18.8906 5.75841 19.1765 5.64844C19.4687 5.53237 19.8012 5.47433 20.1742 5.47433C20.7399 5.47433 21.1936 5.59958 21.5355 5.85005C21.8836 6.09439 22.0856 6.43346 22.1416 6.86718V7.00463H21.3956C21.377 6.70527 21.262 6.48231 21.0507 6.33568C20.8393 6.18908 20.5471 6.11577 20.1742 6.11577C19.8074 6.11577 19.5215 6.18299 19.3164 6.31739C19.1112 6.44565 19.0087 6.61061 19.0087 6.81219C19.0087 7.01991 19.0739 7.1665 19.2045 7.25205C19.335 7.33756 19.5308 7.4017 19.7919 7.44445L20.7336 7.60023C21.1998 7.67964 21.5573 7.82322 21.8059 8.0309C22.0545 8.23252 22.1789 8.51965 22.1789 8.89229C22.1789 9.31991 21.9893 9.65895 21.6101 9.90942C21.2371 10.1538 20.7585 10.276 20.1742 10.276C19.5215 10.276 19.0087 10.1416 18.6357 9.87276C18.2627 9.60396 18.0452 9.22827 17.983 8.74566V8.60821H18.729C18.7849 9.2924 19.2666 9.63452 20.1742 9.63452C20.5782 9.63452 20.889 9.57035 21.1066 9.44208C21.3241 9.30768 21.4329 9.12443 21.4329 8.89229C21.4329 8.67847 21.349 8.53185 21.1812 8.45243C21.0196 8.36692 20.7709 8.29665 20.4353 8.24167L19.4935 8.08589C18.673 7.94539 18.2627 7.52082 18.2627 6.81219ZM22.9204 7.87513C22.9204 7.40475 23.0168 6.98935 23.2095 6.62894C23.4022 6.2624 23.6757 5.97832 24.03 5.77674C24.3843 5.57512 24.8008 5.47433 25.2794 5.47433C25.8886 5.47433 26.361 5.61791 26.6967 5.90501C27.0324 6.18603 27.2468 6.5373 27.3401 6.95879V7.09627H26.5755C26.5133 6.80914 26.3859 6.58005 26.1932 6.409C26.0005 6.23794 25.6928 6.15243 25.2701 6.15243C24.7791 6.15243 24.3905 6.30516 24.1046 6.61061C23.8249 6.90994 23.685 7.33146 23.685 7.87513C23.685 8.41882 23.8249 8.8434 24.1046 9.14886C24.3905 9.44818 24.7791 9.59786 25.2701 9.59786C25.699 9.59786 26.016 9.50927 26.2212 9.33211C26.4325 9.14886 26.5693 8.90753 26.6314 8.60821H27.396V8.74566C27.2965 9.18551 27.0759 9.55206 26.734 9.84528C26.3983 10.1324 25.9104 10.276 25.2701 10.276C24.7977 10.276 24.3843 10.1751 24.03 9.97355C23.6757 9.77197 23.4022 9.49094 23.2095 9.13053C23.0168 8.76399 22.9204 8.34554 22.9204 7.87513ZM28.0014 7.87513C28.0014 7.40475 28.0946 6.98935 28.2811 6.62894C28.4738 6.2624 28.7442 5.97832 29.0923 5.77674C29.4404 5.57512 29.8444 5.47433 30.3044 5.47433C30.7644 5.47433 31.1684 5.57512 31.5165 5.77674C31.8646 5.97832 32.1319 6.2624 32.3184 6.62894C32.5111 6.98935 32.6075 7.40475 32.6075 7.87513C32.6075 8.34554 32.5111 8.76399 32.3184 9.13053C32.1319 9.49094 31.8646 9.77197 31.5165 9.97355C31.1684 10.1751 30.7644 10.276 30.3044 10.276C29.8444 10.276 29.4404 10.1751 29.0923 9.97355C28.7442 9.77197 28.4738 9.49094 28.2811 9.13053C28.0946 8.76399 28.0014 8.34554 28.0014 7.87513ZM28.7659 7.87513C28.7659 8.41882 28.9027 8.84645 29.1762 9.158C29.4559 9.46346 29.832 9.61619 30.3044 9.61619C30.7768 9.61619 31.1498 9.46346 31.4233 9.158C31.703 8.84645 31.8429 8.41882 31.8429 7.87513C31.8429 7.33146 31.703 6.90689 31.4233 6.60143C31.1498 6.28988 30.7768 6.1341 30.3044 6.1341C29.832 6.1341 29.4559 6.28988 29.1762 6.60143C28.9027 6.90689 28.7659 7.33146 28.7659 7.87513ZM33.7503 5.5843L35.1489 9.24965H35.2423L36.6409 5.5843H37.4053V5.72175L35.5966 10.166H34.7946L32.9858 5.72175V5.5843H33.7503ZM37.7807 7.87513C37.7807 7.40475 37.8707 6.98935 38.0511 6.62894C38.2376 6.2624 38.5018 5.97832 38.8438 5.77674C39.1919 5.57512 39.599 5.47433 40.0651 5.47433C40.5312 5.47433 40.9291 5.57207 41.2588 5.76756C41.5882 5.95694 41.8367 6.21964 42.0045 6.55563C42.1726 6.89161 42.2564 7.27035 42.2564 7.69187V8.07674H38.5826C38.5949 8.53489 38.7351 8.90753 39.0024 9.19466C39.2693 9.47569 39.6301 9.61619 40.0839 9.61619C40.4753 9.61619 40.7862 9.52759 41.016 9.35044C41.2462 9.17328 41.3955 8.94114 41.4637 8.65401H42.2097V8.79146C42.104 9.21909 41.8678 9.57343 41.5012 9.85443C41.1405 10.1354 40.6744 10.276 40.1023 10.276C39.6239 10.276 39.2103 10.1751 38.8622 9.97355C38.5141 9.77197 38.2468 9.49094 38.0603 9.13053C37.8741 8.76399 37.7807 8.34554 37.7807 7.87513ZM41.4729 7.45363C41.4607 7.06266 41.3331 6.74193 41.0907 6.49146C40.8483 6.24102 40.5067 6.11577 40.0651 6.11577C39.6113 6.11577 39.254 6.24102 38.9928 6.49146C38.7381 6.73583 38.6014 7.05653 38.5826 7.45363H41.4729ZM44.0519 5.5843V6.27155H44.145C44.3131 5.80116 44.7233 5.56597 45.3759 5.56597H45.7956V6.24407H45.3851C44.8692 6.24407 44.5211 6.36929 44.3411 6.61976C44.1607 6.87023 44.0707 7.23064 44.0707 7.70105V10.166H43.3247V5.5843H44.0519ZM47.0718 5.5843L48.5171 9.34129H48.6102L50.0555 5.5843H50.8202V5.72175L48.5917 11.2564C48.4861 11.5069 48.3463 11.6932 48.172 11.8154C48.0043 11.9376 47.768 11.9987 47.4635 11.9987H46.6057V11.3389H47.7059L47.799 11.2748L48.172 10.3767L46.3073 5.72175V5.5843H47.0718ZM54.1251 7.87513C54.1251 7.40475 54.2155 6.98935 54.3958 6.62894C54.582 6.2624 54.8462 5.97832 55.1882 5.77674C55.5363 5.57512 55.9434 5.47433 56.4095 5.47433C56.876 5.47433 57.2738 5.57207 57.6032 5.76756C57.9326 5.95694 58.1811 6.21964 58.3492 6.55563C58.517 6.89161 58.6008 7.27035 58.6008 7.69187V8.07674H54.9271C54.9397 8.53489 55.0795 8.90753 55.3468 9.19466C55.6141 9.47569 55.9745 9.61619 56.4283 9.61619C56.82 9.61619 57.1306 9.52759 57.3608 9.35044C57.5906 9.17328 57.7399 8.94114 57.8085 8.65401H58.5541V8.79146C58.4484 9.21909 58.2125 9.57343 57.8456 9.85443C57.4852 10.1354 57.0188 10.276 56.447 10.276C55.9683 10.276 55.5551 10.1751 55.207 9.97355C54.8589 9.77197 54.5915 9.49094 54.405 9.13053C54.2185 8.76399 54.1251 8.34554 54.1251 7.87513ZM57.8177 7.45363C57.8051 7.06266 57.6779 6.74193 57.4355 6.49146C57.193 6.24102 56.8511 6.11577 56.4095 6.11577C55.9561 6.11577 55.5984 6.24102 55.3376 6.49146C55.0825 6.73583 54.9458 7.05653 54.9271 7.45363H57.8177ZM60.1737 5.5843L61.4604 7.35284H61.5535L62.9525 5.5843H63.7728V5.72175L62.0387 7.87513L63.6518 10.0285V10.166H62.8311L61.5072 8.35164H61.4137L59.978 10.166H59.1573V10.0285L60.9289 7.82932L59.3533 5.72175V5.5843H60.1737ZM65.4772 5.5843V6.22574H65.5707C65.7197 5.9997 65.9219 5.81949 66.1765 5.68509C66.4377 5.5446 66.7548 5.47433 67.1278 5.47433C67.507 5.47433 67.8612 5.56902 68.1906 5.75841C68.5264 5.94779 68.7937 6.22574 68.9925 6.59228C69.1978 6.95269 69.3004 7.38032 69.3004 7.87513C69.3004 8.36997 69.1978 8.80064 68.9925 9.16719C68.7937 9.52759 68.5264 9.80249 68.1906 9.99188C67.8612 10.1813 67.507 10.276 67.1278 10.276C66.7671 10.276 66.4565 10.2118 66.1953 10.0835C65.9403 9.95522 65.7384 9.78416 65.5891 9.57035H65.496V11.9987H64.75V5.5843H65.4772ZM65.4588 7.87513C65.4588 8.41882 65.5986 8.84645 65.8782 9.158C66.1581 9.46346 66.5308 9.61619 66.9972 9.61619C67.4633 9.61619 67.8363 9.46346 68.1159 9.158C68.3958 8.84645 68.5356 8.41882 68.5356 7.87513C68.5356 7.33146 68.3958 6.90689 68.1159 6.60143C67.8363 6.28988 67.4633 6.1341 66.9972 6.1341C66.5308 6.1341 66.1581 6.28988 65.8782 6.60143C65.5986 6.90689 65.4588 7.33146 65.4588 7.87513ZM70.042 7.87513C70.042 7.40475 70.132 6.98935 70.3123 6.62894C70.4988 6.2624 70.7631 5.97832 71.1047 5.77674C71.4528 5.57512 71.8599 5.47433 72.3264 5.47433C72.7924 5.47433 73.1903 5.57207 73.5197 5.76756C73.8491 5.95694 74.098 6.21964 74.2657 6.55563C74.4335 6.89161 74.5173 7.27035 74.5173 7.69187V8.07674H70.8439C70.8562 8.53489 70.996 8.90753 71.2633 9.19466C71.5306 9.47569 71.891 9.61619 72.3448 9.61619C72.7365 9.61619 73.0475 9.52759 73.2773 9.35044C73.5074 9.17328 73.6564 8.94114 73.725 8.65401H74.471V8.79146C74.3653 9.21909 74.129 9.57343 73.7621 9.85443C73.4017 10.1354 72.9353 10.276 72.3635 10.276C71.8848 10.276 71.4716 10.1751 71.1235 9.97355C70.7754 9.77197 70.508 9.49094 70.3215 9.13053C70.135 8.76399 70.042 8.34554 70.042 7.87513ZM73.7342 7.45363C73.7219 7.06266 73.5944 6.74193 73.352 6.49146C73.1095 6.24102 72.7676 6.11577 72.3264 6.11577C71.8726 6.11577 71.5152 6.24102 71.2541 6.49146C70.999 6.73583 70.8623 7.05653 70.8439 7.45363H73.7342ZM76.3128 5.5843V6.27155H76.4062C76.574 5.80116 76.9842 5.56597 77.6371 5.56597H78.0565V6.24407H77.6463C77.1304 6.24407 76.7823 6.36929 76.602 6.61976C76.4219 6.87023 76.3316 7.23064 76.3316 7.70105V10.166H75.5856V5.5843H76.3128ZM79.6917 5.5843V10.166H78.9457V5.5843H79.6917ZM79.8315 3.75163V4.71377H78.8059V3.75163H79.8315ZM80.7681 7.87513C80.7681 7.40475 80.8584 6.98935 81.0385 6.62894C81.225 6.2624 81.4892 5.97832 81.8312 5.77674C82.1793 5.57512 82.5864 5.47433 83.0525 5.47433C83.5189 5.47433 83.9168 5.57207 84.2462 5.76756C84.5755 5.95694 84.8241 6.21964 84.9922 6.55563C85.1599 6.89161 85.2438 7.27035 85.2438 7.69187V8.07674H81.57C81.5826 8.53489 81.7224 8.90753 81.9897 9.19466C82.257 9.47569 82.6174 9.61619 83.0713 9.61619C83.463 9.61619 83.7736 9.52759 84.0038 9.35044C84.2336 9.17328 84.3829 8.94114 84.4511 8.65401H85.1971V8.79146C85.0914 9.21909 84.8555 9.57343 84.4886 9.85443C84.1279 10.1354 83.6618 10.276 83.09 10.276C82.6113 10.276 82.1981 10.1751 81.8499 9.97355C81.5018 9.77197 81.2345 9.49094 81.048 9.13053C80.8615 8.76399 80.7681 8.34554 80.7681 7.87513ZM84.4606 7.45363C84.448 7.06266 84.3209 6.74193 84.0784 6.49146C83.836 6.24102 83.494 6.11577 83.0525 6.11577C82.599 6.11577 82.2414 6.24102 81.9805 6.49146C81.7255 6.73583 81.5888 7.05653 81.57 7.45363H84.4606ZM87.0393 5.5843V6.31739H87.1327C87.4621 5.75536 87.9906 5.47433 88.7178 5.47433C89.2211 5.47433 89.6285 5.61791 89.9391 5.90501C90.2562 6.18603 90.4147 6.5831 90.4147 7.09627V10.166H89.6687V7.20621C89.6687 6.83967 89.5661 6.56782 89.3612 6.39067C89.1621 6.20741 88.8978 6.11577 88.5685 6.11577C88.1208 6.11577 87.7573 6.26545 87.4778 6.56477C87.1978 6.86413 87.058 7.24897 87.058 7.71935V10.166H86.312V5.5843H87.0393ZM91.4854 7.87513C91.4854 7.40475 91.5818 6.98935 91.7745 6.62894C91.9671 6.2624 92.2409 5.97832 92.5952 5.77674C92.9494 5.57512 93.3657 5.47433 93.8444 5.47433C94.4537 5.47433 94.9259 5.61791 95.2618 5.90501C95.5973 6.18603 95.8117 6.5373 95.9052 6.95879V7.09627H95.1404C95.0783 6.80914 94.9508 6.58005 94.7582 6.409C94.5656 6.23794 94.258 6.15243 93.8352 6.15243C93.3442 6.15243 92.9556 6.30516 92.6698 6.61061C92.3899 6.90994 92.2501 7.33146 92.2501 7.87513C92.2501 8.41882 92.3899 8.8434 92.6698 9.14886C92.9556 9.44818 93.3442 9.59786 93.8352 9.59786C94.2641 9.59786 94.5812 9.50927 94.7861 9.33211C94.9975 9.14886 95.1343 8.90753 95.1967 8.60821H95.9611V8.74566C95.8615 9.18551 95.6409 9.55206 95.2989 9.84528C94.9634 10.1324 94.4755 10.276 93.8352 10.276C93.3627 10.276 92.9494 10.1751 92.5952 9.97355C92.2409 9.77197 91.9671 9.49094 91.7745 9.13053C91.5818 8.76399 91.4854 8.34554 91.4854 7.87513ZM96.5663 7.87513C96.5663 7.40475 96.6566 6.98935 96.8366 6.62894C97.0232 6.2624 97.2874 5.97832 97.6294 5.77674C97.9775 5.57512 98.3846 5.47433 98.8507 5.47433C99.3171 5.47433 99.715 5.57207 100.044 5.76756C100.374 5.95694 100.622 6.21964 100.79 6.55563C100.958 6.89161 101.042 7.27035 101.042 7.69187V8.07674H97.3682C97.3808 8.53489 97.5206 8.90753 97.7879 9.19466C98.0552 9.47569 98.4156 9.61619 98.8694 9.61619C99.2612 9.61619 99.5718 9.52759 99.8019 9.35044C100.032 9.17328 100.181 8.94114 100.249 8.65401H100.995V8.79146C100.89 9.21909 100.654 9.57343 100.287 9.85443C99.9261 10.1354 99.46 10.276 98.8882 10.276C98.4095 10.276 97.9962 10.1751 97.6481 9.97355C97.3 9.77197 97.0327 9.49094 96.8462 9.13053C96.6597 8.76399 96.5663 8.34554 96.5663 7.87513ZM100.259 7.45363C100.246 7.06266 100.119 6.74193 99.8766 6.49146C99.6342 6.24102 99.2922 6.11577 98.8507 6.11577C98.3972 6.11577 98.0395 6.24102 97.7787 6.49146C97.5237 6.73583 97.387 7.05653 97.3682 7.45363H100.259ZM105.652 3.56836V6.1799H105.745C105.894 5.96612 106.096 5.79507 106.351 5.66677C106.612 5.5385 106.923 5.47433 107.283 5.47433C107.663 5.47433 108.017 5.56902 108.346 5.75841C108.682 5.94779 108.949 6.22574 109.148 6.59228C109.353 6.95269 109.456 7.38032 109.456 7.87513C109.456 8.36997 109.353 8.80064 109.148 9.16719C108.949 9.52759 108.679 9.80249 108.337 9.99188C108.001 10.1813 107.634 10.276 107.237 10.276C106.901 10.276 106.606 10.2118 106.351 10.0835C106.102 9.94912 105.9 9.77807 105.745 9.57035H105.652L105.465 10.166H104.906V3.56836H105.652ZM105.614 7.87513C105.614 8.41882 105.754 8.84645 106.034 9.158C106.314 9.46346 106.687 9.61619 107.153 9.61619C107.619 9.61619 107.992 9.46346 108.272 9.158C108.552 8.84645 108.691 8.41882 108.691 7.87513C108.691 7.33146 108.552 6.90689 108.272 6.60143C107.992 6.28988 107.619 6.1341 107.153 6.1341C106.687 6.1341 106.314 6.28988 106.034 6.60143C105.754 6.90689 105.614 7.33146 105.614 7.87513ZM110.593 5.5843L112.037 9.34129H112.131L113.576 5.5843H114.341V5.72175L112.112 11.2564C112.006 11.5069 111.867 11.6932 111.693 11.8154C111.525 11.9376 111.289 11.9987 110.984 11.9987H110.126V11.3389H111.226L111.32 11.2748L111.693 10.3767L109.828 5.72175V5.5843H110.593Z" fill="%23909090"/><mask id="mask0_4869_20393" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="116" y="2" width="48" height="10"><path d="M163.049 2H116.475V11.6403H163.049V2Z" fill="white"/></mask><g mask="url(%23mask0_4869_20393)"><path d="M126.639 10.5299V9.21595H125.99V4.93502H126.639V3.62109H124.021V4.93502H124.671V9.21595H124.021V10.5307H126.637L126.639 10.5299Z" fill="%23909090"/><path d="M121.1 9.14595L121.564 10.5307H122.955L120.543 3.62109H118.889L116.476 10.5307H117.868L118.332 9.14595H121.1ZM120.681 7.92176H118.749L119.715 5.08649L120.682 7.92425V7.92258L120.681 7.92176Z" fill="%23909090"/><path d="M163.05 6.63626V5.41211H161.904C161.545 5.41456 161.202 5.55946 160.949 5.81383C160.697 6.06825 160.555 6.41235 160.555 6.77046V10.5311H161.869V6.63626H163.05Z" fill="%23909090"/><path d="M158.034 10.533H159.289V3.12695H157.974V5.89475C157.568 5.50533 157.025 5.2913 156.461 5.29787C155.126 5.29787 154.021 6.45207 154.021 7.97592C154.021 9.49978 155.127 10.6433 156.461 10.6433C156.756 10.6474 157.047 10.5914 157.318 10.4778C157.589 10.365 157.834 10.1971 158.038 9.9855V10.5338H158.034V10.533ZM157.974 7.98335C157.974 8.78026 157.387 9.42733 156.66 9.42733C155.933 9.42733 155.345 8.80084 155.345 7.98335C155.345 7.16583 155.934 6.50969 156.66 6.50969C157.386 6.50969 157.974 7.1675 157.974 7.98335Z" fill="%23909090"/><path d="M151.708 10.531H153.022V7.53523C153.022 6.18179 152.225 5.2754 151.02 5.2754C150.766 5.27455 150.515 5.32972 150.286 5.43839C150.057 5.54706 149.855 5.70595 149.696 5.90271V5.40465H148.441V10.5319H149.756V7.53523C149.756 6.9573 150.164 6.5152 150.752 6.5152C151.618 6.5152 151.708 7.23226 151.708 7.53523V10.5319V10.531Z" fill="%23909090"/><path d="M141.524 4.84526H144.571V3.62109H141.561C141.202 3.62274 140.858 3.76681 140.605 4.02037C140.352 4.27476 140.209 4.61888 140.208 4.977V10.5299H141.523V7.71186H144.306V6.48767H141.523V4.84526H141.524Z" fill="%23909090"/><path d="M147.084 3.62109H145.77V4.84608H147.084V3.62109ZM147.084 5.40343H145.77V10.5307H147.084V5.40343Z" fill="%23909090"/><path d="M137.916 10.8436L136.529 9.40369C137.062 8.7772 137.384 7.96796 137.384 7.08379C137.384 5.79622 136.687 4.60002 135.563 3.96199C135.287 3.80475 134.935 3.9019 134.777 4.17851C134.62 4.45512 134.717 4.80664 134.993 4.9639C135.757 5.39776 136.23 6.20949 136.23 7.08379C136.23 8.42816 135.132 9.52225 133.782 9.52225C132.921 9.52225 132.113 9.06372 131.674 8.32525C131.511 8.05193 131.157 7.9622 130.884 8.12437C130.61 8.28736 130.521 8.64056 130.683 8.9147C131.329 10.0006 132.517 10.6756 133.782 10.6756C134.466 10.6756 135.105 10.4846 135.65 10.1537L137.085 11.6429L137.916 10.8436Z" fill="%23909090"/><path d="M133.809 4.65912V4.45412C133.159 4.45412 132.534 4.1948 132.074 3.7346C131.614 3.2744 131.356 2.65037 131.356 2H131.151C131.151 2.32272 131.087 2.64132 130.964 2.93933C130.84 3.23735 130.66 3.5082 130.432 3.73542C130.204 3.96346 129.933 4.14376 129.635 4.26724C129.337 4.39073 129.018 4.45412 128.696 4.45412V4.65912C129.346 4.65912 129.97 4.91844 130.429 5.37864C130.889 5.83884 131.147 6.46203 131.148 7.11241H131.353C131.354 6.46203 131.613 5.83884 132.073 5.37946C132.533 4.92008 133.157 4.66076 133.807 4.65994H133.809V4.65912Z" fill="%23909090"/></g></g></svg>');
    background-repeat: no-repeat;
    background-position: 0;
}
@media (min-width: 1025px) {
    .the-search-ai .the-search__results-title {
        height: 3.375rem;
        margin-left: 1.6875rem;
        background-position-y: 24px;
        margin-top: 32px;
    }
}
.the-search-ai .the-search-field {
    flex-direction: row;
    margin: 0;
    padding: 8px 48px 8px 0;
}
.the-search-ai .the-search-field::before {
    margin-right: 0;
    margin-left: 8px;
}
.the-search-ai .the-search-field input {
    --uses-typography: 'the-search-ai-input';
    font-family: 'FKGrotesk', 'Arial', sans-serif;
    color: hsl(0, 0%, 0%);
    font-size: 0.8125rem;
    font-weight: 700;
    line-height: 1.25;
    transform: none;
    width: 80%;
    margin-left: 0.3125rem;
    padding-bottom: 0;
    padding-left: 0.3125rem;
    border: 0;
    /* stylelint-disable-next-line max-nesting-depth */
}
@media (max-width: 767px) {
    .the-search-ai .the-search-field input {
        width: 133.3333333333%;
        margin-right: -33.3333333333%;
        /* remove extra white space */
        margin-bottom: -8px;
        /* enlarge by 16/12 = 133.33% */
        font-size: 1rem;
        line-height: 20px;
        /* scale down by 12/16 = 75% */
        transform: scale(0.75);
        transform-origin: left top;
    }
}
@media (min-width: 1025px) {
    .the-search-ai .the-search-field input {
        font-size: 0.875rem;
    }
}
@media (min-width: 768px) {
    .the-search-ai .the-search-field input {
        padding-bottom: 0;
    }
}
.the-search-ai .the-search-field input::-moz-placeholder {
    --uses-typography: 'the-search-ai-input-placeholder';
    color: hsl(0, 0%, 56.5%);
    font-weight: 500;
}
.the-search-ai .the-search-field input::placeholder {
    --uses-typography: 'the-search-ai-input-placeholder';
    color: hsl(0, 0%, 56.5%);
    font-weight: 500;
}
@media (min-width: 1025px) {
    .the-search-ai .the-search-field input::-moz-placeholder {
        font-weight: 700;
    }
    .the-search-ai .the-search-field input::placeholder {
        font-weight: 700;
    }
}

.the-search-ai-modal.base-modal {
    transition: none 0s ease 0s;
    transition: initial;
}
.the-search-ai-modal__dialog,
.the-search-ai-modal__dialog .base-modal__dialog {
    height: 100dvh;
}
@media (min-width: 1025px) {
    .the-search-ai-modal--open .the-search-ai-modal__dialog {
        padding-top: var(--header-total-height);
    }
}
.the-search-ai-modal--open .the-search-ai-modal__content {
    height: 100%;
}
@media (min-width: 1025px) {
    .the-search-ai-modal--open .the-search-ai-modal__content {
        max-height: calc(100vh - var(--header-total-height));
        box-shadow: none;
    }
}
.the-search-ai-modal--open .the-search-ai-modal__backdrop {
    background-color: transparent;
}
@media (min-width: 1025px) {
    .the-search-ai-modal--open .the-search-ai-modal__close {
        top: 1.6875rem;
        right: 3.6875rem;
    }
}
.the-search-ai-modal__header {
    max-height: 0;
}
@media (max-width: 1024px) {
    .the-search-ai-modal[\:has\(.the-search-ai-form\%20.base-modal--open\)] {
        --header-height: 40px;
    }
    .the-search-ai-modal:has(.the-search-ai-form .base-modal--open) {
        --header-height: 40px;
    }
    .the-search-ai-modal[\:has\(.the-search-ai-form\%20.base-modal--open\)]
        .the-search-ai-modal__header {
        display: none;
    }
    .the-search-ai-modal:has(.the-search-ai-form .base-modal--open)
        .the-search-ai-modal__header {
        display: none;
    }
}

/**
 * BaseImageSearch.vue component as section with a svg icon as background.
 * and a input file hidden.
 */
.base-image-search {
    overflow: visible;
    width: 1.0625rem;
    height: 0.875rem;
    margin: 6px 12px;
    background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 14" preserveAspectRatio="xMinYMid" fill="none"><path stroke="%23626262" d="M.5 2.383h16v10.33H.5z"/><circle cx="8.5" cy="7.547" r="2.808" stroke="%23626262"/><path stroke="%23626262" d="M3.092.5h3.244v1.807H3.092z"/></svg>');
    background-repeat: no-repeat;
}
.base-image-search::after {
    --hotzone-margins: 12px;
    position: absolute;
    top: calc(-1 * var(--hotzone-margins));
    left: calc(-1 * var(--hotzone-margins));
    width: calc(100% + 2 * var(--hotzone-margins));
    height: calc(100% + 2 * var(--hotzone-margins));
    content: '';
    background: transparent;
}
@media (min-width: 1025px) {
    .the-search-ai > .base-image-search {
        display: none;
    }
}
.the-search-form .base-image-search {
    position: absolute;
    top: 6px;
    right: 8px;
}

/**
 * BaseImageSearchPreview.vue component as section with two p as titles and image
 */
.base-image-search-preview {
    --image-search-spaces-left: 50%;
    margin-top: 34px;
    margin-bottom: 2px;
    margin-left: 16px;
    background-color: .base-image-search-preview color_white;
}
@media (min-width: 1025px) {
    .base-image-search-preview {
        --image-search-spaces-left: 25%;
    }
}
.base-image-search-preview img {
    width: var(--image-search-spaces-left);
    margin-bottom: 12px;
}
@media (min-width: 1025px) {
    .base-image-search-preview img {
        padding-left: 150px;
    }
}
.base-image-search-preview p {
    font-weight: 900;
    font-size: 0.875rem;
    font-style: normal;
}
.base-image-search-preview button {
    position: absolute;
    left: calc(var(--image-search-spaces-left) - 10px);
    margin-top: 8px;
    background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12"><g fill-rule="evenodd"><path d="M0 11.326L.647 12 12 .674 11.353 0z" fill="hsl(0, 0%, 100%)"/><path d="M11.353 12l.647-.674L.647 0 0 .674z" fill="hsl(0, 0%, 100%)"/></g></svg>');
}

.animation-image-frontface::before,
.searched-animation .base-product-grid__item:first-child::before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: none;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: top;
    background-size: 100%;
    content: '';
    pointer-events: none;
}

.page--cart .byl-tooltip--the-search-ai,
.page--cart .the-search-ai {
    display: none;
}

/**
 * The product tiles grows with the columns of the product grid. These columns
 * are defined using bootstrap:
 *
 * >=0     2 columns
 * >=768   4 columns
 *
 * Because of this, the design considers two product tile sizes (S, L) to define
 * the look&feel of the tiles depending on the space that those columns leave to
 * grow to a tile
 *
 * >=0     tileS  - non-fluid
 * >=375   tileS  ---- fluid ---> 767 tileL
 * >=768   tileS  - non-fluid
 * >=1025  tileS  ---- fluid ---> 1920 tileL
 * >=1920  tileL  - non-fluid
 *
 * This mixin eases the task of defining the fluid values of a property for
 * these workflow
 *
 * @param {string} $property - Property name
 * @param {any} $small-tile-value - Property vale for a tile of size S
 * @param {any} $big-tile-value - Property vale for a tile of size L
 */
.base-product-grid {
    /**
   * 1. Bootstrap grid styling
   */
    /**
   * 1. Bootstrap grid styling
   */
    /**
   * 1. Override text-align: center that vue-infinite-plugin sets in an
   *    inline <style> tag
   */
}
.base-product-grid__list {
    /**
   * Margin between list and spinner (or SEO text, if exists)
   * https://share.goabstract.com/e5427e54-dd7c-4d8c-b40e-b597cbbb4f20?collectionLayerId=0294917f-4ef3-40f4-a4ca-22ddabaa2bf7&mode=design
   */
    margin-bottom: 16px;
    display: flex; /* [1] */
    flex-basis: 100%;
    flex-wrap: wrap; /* [1] */
    margin-top: 0;
    margin-right: 0;
    margin-left: 0;
    padding: 0;
    list-style: none;
}
@media (min-width: 375px) {
    .base-product-grid__list {
        margin-bottom: calc(0.0178571429 * 100vw + 10.2857142857px);
    }
}
@media (min-width: 768px) {
    .base-product-grid__list {
        margin-bottom: 16px;
    }
}
@media (min-width: 1025px) {
    .base-product-grid__list {
        margin-bottom: calc(0.0089385475 * 100vw + 6.8379888268px);
    }
}
@media (min-width: 1920px) {
    .base-product-grid__list {
        margin-bottom: 24px;
    }
}
.base-product-grid__item {
    position: relative; /* [1] */
    flex: 0 0 50%; /* [1] */
    width: 100%; /* [1] */
    padding: 1px;
}
@media (min-width: 768px) {
    .base-product-grid__item {
        flex: 0 0 25%; /* [1] */
    }
}
.base-product-grid__item--double-width {
    flex: 0 0 100%; /* [1] */
}
@media (min-width: 768px) {
    .base-product-grid__item--double-width {
        flex: 0 0 25%; /* [1] */
    }
}
.base-product-grid__item--image-double {
    flex: 0 0 100%;
}
@media (min-width: 768px) {
    .base-product-grid__item--image-double {
        flex: 0 0 50%;
    }
}
.base-product-grid__item--image-double.base-product-grid__item--minimal {
    flex-basis: 50%;
}
@media (min-width: 768px) {
    .base-product-grid__item--image-double.base-product-grid__item--minimal {
        flex-basis: 25%;
    }
}
.base-product-grid__item--image-full {
    flex: 0 0 100%;
}
.base-product-grid__item--image-full.base-product-grid__item--minimal {
    flex-basis: 50%;
}
@media (min-width: 768px) {
    .base-product-grid__item--image-full.base-product-grid__item--minimal {
        flex-basis: 25%;
    }
}
.base-product-grid__item--mobile-slider {
    flex: 0 0 100%;
}
@media (max-width: 767px) {
    .base-product-grid__item--mobile-slider {
        padding: 32px 0;
    }
}
@media (min-width: 768px) {
    .base-product-grid__item--mobile-slider {
        margin-bottom: 70px;
        flex-basis: 25%;
        height: -moz-fit-content;
        height: fit-content;
    }
}
@media (min-width: 768px) and (min-width: 375px) {
    .base-product-grid__item--mobile-slider {
        margin-bottom: calc(0.0401785714 * 100vw + 57.1428571429px);
    }
}
@media (min-width: 768px) and (min-width: 768px) {
    .base-product-grid__item--mobile-slider {
        margin-bottom: 70px;
    }
}
@media (min-width: 768px) and (min-width: 1025px) {
    .base-product-grid__item--mobile-slider {
        margin-bottom: calc(0.0201117318 * 100vw + 49.3854748603px);
    }
}
@media (min-width: 768px) and (min-width: 1920px) {
    .base-product-grid__item--mobile-slider {
        margin-bottom: 88px;
    }
}
.base-product-grid__item--minimal {
    flex-basis: 25%;
    margin-bottom: 0;
    padding: 0 1px 1px 0;
}
@media (min-width: 768px) {
    .base-product-grid__item--minimal {
        flex-basis: 12.5%;
    }
}
.base-product-grid__item:empty {
    display: none;
}
.base-product-grid__hidden-trigger {
    display: flex;
}
.base-product-grid__linebreak {
    display: block;
    width: 100%;
}
.base-product-grid .interaction--loader-grid {
    margin-top: 16px;
    color: hsl(0, 0%, 0%);
    font-weight: 900;
    font-size: 1.3125rem;
    text-align: left;
    text-transform: uppercase;
}
.base-product-grid .infinite-loading-container {
    text-align: left !important;
}
.base-product-grid .infinite-loading-container {
    flex: 0 0 100%; /* [1] */
}

.the-product-list {
    position: relative;
}
@media (min-width: 1025px) {
    .the-product-list__product-grid {
        padding-left: 8.125%;
    }
}
.the-product-list__top-message {
    position: relative;
    display: block;
    margin: 8px 0 4px;
    padding: 24px 16px 32px;
}
@media (min-width: 1025px) {
    .the-product-list__top-message {
        margin-bottom: 24px;
        padding-left: 32px;
    }
}
.the-product-list__top-message-title {
    margin-top: 0;
    margin-bottom: 16px;
}
@media (min-width: 1025px) {
    .the-product-list__top-message-title {
        margin-bottom: 12px;
    }
}
.the-product-list__top-message-subtitle {
    margin-top: 0;
    margin-bottom: 0;
}
.the-product-list__description {
    --uses-typography: 'the-product-list-description';
    color: hsl(0, 0%, 56.5%);
    font-family:
        'FKGrotesk-Monospaced', sfmono-regular, menlo, monaco, consolas,
        'Liberation Mono', 'Courier New', monospace;
    font-weight: 500;
    font-size: 0.75rem;
    line-height: 1.25;
    margin-bottom: 8px;
    margin-right: 16px;
    margin-left: 16px;
}
@media (min-width: 375px) {
    .the-product-list__description {
        margin-bottom: calc(0.0178571429 * 100vw + 2.2857142857px);
    }
}
@media (min-width: 768px) {
    .the-product-list__description {
        margin-bottom: 8px;
    }
}
@media (min-width: 1025px) {
    .the-product-list__description {
        margin-bottom: calc(0.0089385475 * 100vw + -1.1620111732px);
    }
}
@media (min-width: 1920px) {
    .the-product-list__description {
        margin-bottom: 16px;
    }
}
@media (min-width: 1025px) {
    .the-product-list__description {
        margin-right: 0;
        margin-left: 0;
    }
}
.the-product-list__description h1 {
    --uses-typography: 'the-product-list-description';
    color: hsl(0, 0%, 56.5%);
    font-family:
        'FKGrotesk-Monospaced', sfmono-regular, menlo, monaco, consolas,
        'Liberation Mono', 'Courier New', monospace;
    font-weight: 500;
    font-size: 0.75rem;
    line-height: 1.25;
    margin: 0;
    text-transform: uppercase;
}
.the-product-list__description h2 {
    --uses-typography: 'the-product-list-description';
    color: hsl(0, 0%, 56.5%);
    font-family:
        'FKGrotesk-Monospaced', sfmono-regular, menlo, monaco, consolas,
        'Liberation Mono', 'Courier New', monospace;
    font-weight: 500;
    font-size: 0.75rem;
    line-height: 1.25;
    display: inline;
    margin: 0;
}
.the-product-list__description a {
    --uses-typography: 'the-product-list-link-description';
    color: hsl(0, 0%, 56.5%);
    font-family:
        'FKGrotesk-Monospaced', sfmono-regular, menlo, monaco, consolas,
        'Liberation Mono', 'Courier New', monospace;
    font-weight: 900;
    font-size: 0.75rem;
    line-height: 1.25;
    text-decoration: underline;
}
.the-product-list__empty {
    margin-top: 64px;
    margin-left: 16px;
    margin-right: 16px;
}
@media (min-width: 810px) {
    .the-product-list__empty {
        margin-left: 24px;
        margin-right: 24px;
    }
}
@media (min-width: 1025px) {
    .the-product-list__empty {
        margin-top: 11.8125rem;
        margin-bottom: 11.8125rem;
        margin-left: 22%;
        margin-right: 22%;
    }
}
.the-product-list__empty-text {
    --uses-typography: 'the-product-list-empty-text';
    color: hsl(0, 0%, 0%);
    font-family: 'FKGrotesk', 'Arial', sans-serif;
    font-weight: 900;
    font-size: 0.875rem;
    line-height: 1.25rem;
    text-transform: uppercase;
    margin: 0;
}
@media (min-width: 575px) {
    .the-product-list__empty-text {
        color: hsl(0, 0%, 66%);
    }
}
@media (min-width: 1025px) {
    .the-product-list__empty-text {
        font-size: 1.875rem;
        line-height: 1.25;
    }
}
.the-product-list__empty-button {
    --uses-typography: 'the-product-list-empty-button';
    z-index: 11;
}
@media (min-width: 575px) {
    .the-product-list__empty-button {
        font-size: 0.875rem;
        line-height: 1.25rem;
        text-align: left;
        text-decoration: underline;
        text-transform: uppercase;
    }
}
@media (min-width: 1025px) {
    .the-product-list__empty-button {
        font-size: 1.875rem;
        line-height: 1.25;
    }
}
.the-product-list__empty-button:hover {
    text-decoration: none;
}
.the-product-list__filters.header-popup {
    display: none;
}
.the-product-list__filters.header-popup--show {
    display: flex;
}

.the-product-list-column-mode {
    --uses-typography: 'the-product-list-filters-button';
    font-family: 'FKGrotesk', 'Arial', sans-serif;
    color: hsl(0, 0%, 0%);
    font-weight: 900;
    font-size: 0.625rem;
    text-transform: capitalize;
    display: flex;
    align-items: center;
}
@media (min-width: 768px) {
    .the-product-list-column-mode {
        font-weight: 700;
        font-size: 0.875rem;
    }
}
.the-product-list-column-mode__mode {
    --uses-typography: 'the-product-list-filters-button';
    font-family: 'FKGrotesk', 'Arial', sans-serif;
    color: hsl(0, 0%, 0%);
    font-weight: 900;
    font-size: 0.625rem;
    text-transform: capitalize;
    display: flex;
    align-items: center;
    padding-right: 0.5625rem;
    padding-left: 0.5625rem;
    /**
   * 1. Override colors from other minor classes (interactions...)
   */
}
@media (min-width: 768px) {
    .the-product-list-column-mode__mode {
        font-weight: 700;
        font-size: 0.875rem;
    }
}
@media (min-width: 768px) {
    .the-product-list-column-mode__mode {
        padding-right: 0.375rem;
        padding-left: 0;
        /* separator */
    }
    .the-product-list-column-mode__mode::before {
        display: block;
        width: 2px;
        height: 1.1em;
        margin-right: 0.375rem;
        overflow: hidden;
        color: hsl(0, 0%, 0%);
        background-color: currentcolor;
        content: '';
    }
    .the-product-list-column-mode__mode:first-of-type::before {
        color: transparent;
    }
}
.the-product-list-column-mode__mode--selected {
    color: hsl(0, 0%, 0%) !important;
}
.the-product-list-column-mode__mode--selected {
    /* [1] */
}

.the-product-list-header {
    position: sticky;
    top: 40px;
    top: var(--header-total-height);
    z-index: 28;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0;
    padding: 8px 16px;
    line-height: 1;
}
@media (min-width: 810px) {
    .the-product-list-header {
        padding-left: 24px;
        padding-right: 24px;
    }
}
@media (min-width: 1025px) {
    .the-product-list-header {
        padding-top: 16px;
        padding-left: 32px;
    }
}
.the-product-list-header__breadcrumbs {
    flex-grow: 1;
}
.the-product-list-header__filters-button {
    --uses-typography: 'the-product-list-filters-button';
    font-family: 'FKGrotesk', 'Arial', sans-serif;
    color: hsl(0, 0%, 0%);
    font-weight: 900;
    font-size: 0.625rem;
    text-transform: capitalize;
    margin-left: 16px;
    white-space: nowrap;
}
@media (min-width: 768px) {
    .the-product-list-header__filters-button {
        font-weight: 700;
        font-size: 0.875rem;
    }
}

.the-product-list-breadcrumbs {
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.the-product-list-breadcrumbs__list-item {
    --uses-typography: 'the-product-list-breadcrumbs';
    font-family: 'FKGrotesk', 'Arial', sans-serif;
    color: hsl(0, 0%, 66%);
    font-weight: 900;
    font-size: 0.75rem;
    text-transform: uppercase;
    display: inline;
}
@media (min-width: 1025px) {
    .the-product-list-breadcrumbs__list-item {
        font-size: calc(0.0044692737 * 100vw + 9.4189944134px);
    }
}
@media (min-width: 1280px) {
    .the-product-list-breadcrumbs__list-item {
        letter-spacing: 0.0375rem;
    }
}
.the-product-list-breadcrumbs__list-item
    + .the-product-list-breadcrumbs__list-item::before,
.the-product-list-breadcrumbs__list-item h1 {
    --uses-typography: 'the-product-list-breadcrumbs';
    font-family: 'FKGrotesk', 'Arial', sans-serif;
    color: hsl(0, 0%, 66%);
    font-weight: 900;
    font-size: 0.75rem;
    text-transform: uppercase;
}
@media (min-width: 1025px) {
    .the-product-list-breadcrumbs__list-item
        + .the-product-list-breadcrumbs__list-item::before,
    .the-product-list-breadcrumbs__list-item h1 {
        font-size: calc(0.0044692737 * 100vw + 9.4189944134px);
    }
}
@media (min-width: 1280px) {
    .the-product-list-breadcrumbs__list-item
        + .the-product-list-breadcrumbs__list-item::before,
    .the-product-list-breadcrumbs__list-item h1 {
        letter-spacing: 0.0375rem;
    }
}
@media (min-width: 1920px) {
    .the-product-list-breadcrumbs__list-item
        + .the-product-list-breadcrumbs__list-item::before,
    .the-product-list-breadcrumbs__list-item h1 {
        line-height: 0;
    }
}
.the-product-list-breadcrumbs__list-item
    + .the-product-list-breadcrumbs__list-item::before {
    margin: 0 0.125rem;
    content: '>';
}
.the-product-list-breadcrumbs__list-item h1 {
    display: inline;
    margin: 0;
}
.the-product-list-breadcrumbs__link {
    --uses-typography: 'the-product-list-breadcrumbs';
    font-family: 'FKGrotesk', 'Arial', sans-serif;
    color: hsl(0, 0%, 66%);
    font-weight: 900;
    font-size: 0.75rem;
    text-transform: uppercase;
    text-decoration: none;
}
@media (min-width: 1025px) {
    .the-product-list-breadcrumbs__link {
        font-size: calc(0.0044692737 * 100vw + 9.4189944134px);
    }
}
@media (min-width: 1280px) {
    .the-product-list-breadcrumbs__link {
        letter-spacing: 0.0375rem;
    }
}
.the-product-list-breadcrumbs__link--disabled {
    pointer-events: none;
}

/*
Add a new directory to 7-1 pattern:

ITCSS's "trumps" or "utilities"

This layer beats other layers. This is where utility and helper styles are
defined. It is specificity heavy, can override previous styles and is the
tip of the triangle.

- Only affect one piece of the DOM at a time.
- Usually carry !useant.
- Class names usually begin with "u-" namespace
*/
/* Remove button appearance */
.u-btn-clean {
    background-color: inherit;
    border: 0;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-tap-highlight-color: transparent;
}
.u-btn-clean--transparent {
    background-color: transparent;
}

.u-input-radio-clean__input {
    display: none;
}
.u-input-radio-clean__label.u-input-radio-clean__label {
    padding: 0;
}

/*
* data-color selectors
*/
[data-color='black'] {
    color: hsl(0, 0%, 0%);
}

[data-color='matterhorn'] {
    color: hsl(0, 0%, 33%);
}

[data-color='green'] {
    color: hsl(132, 100%, 49%);
}

[data-color='red'] {
    color: hsl(0, 100%, 50%);
}

[data-color='international-orange'] {
    color: hsl(19, 100%, 50%);
}

[data-color='yellow'] {
    color: hsl(60, 100%, 50%);
}

[data-color='razzle-dazzle-rose'] {
    color: hsl(310, 100%, 63.5%);
}

/*
* data-background-color selectors
*/
[data-background-color='black'] {
    background-color: hsl(0, 0%, 0%);
}

[data-background-color='matterhorn'] {
    background-color: hsl(0, 0%, 33%);
}

[data-background-color='green'] {
    background-color: hsl(132, 100%, 49%);
}

[data-background-color='red'] {
    background-color: hsl(0, 100%, 50%);
}

[data-background-color='international-orange'] {
    background-color: hsl(19, 100%, 50%);
}

[data-background-color='yellow'] {
    background-color: hsl(60, 100%, 50%);
}

[data-background-color='razzle-dazzle-rose'] {
    background-color: hsl(310, 100%, 63.5%);
}

[data-background-color='emerald'] {
    background-color: hsl(117, 65%, 55%);
}

/*
* data-font-style
*/
[data-font-style='normal'] {
    font-style: normal;
}

[data-font-style='italic'] {
    font-style: italic;
}

/*
* data-font-weight
*/
[data-font-weight='light'] {
    font-weight: 100;
}

[data-font-weight='regular'] {
    font-weight: 400;
}

[data-font-weight='medium'] {
    font-weight: 500;
}

[data-font-weight='bold'] {
    font-weight: 700;
}

[data-font-weight='semibold'] {
    font-weight: 600;
}

[data-font-weight='black'] {
    font-weight: 900;
}

/*
* data-font-family
*/
[data-font-family='sans-serif'] {
    font-family: 'FKGrotesk', 'Arial', sans-serif;
}

[data-font-family='serif'] {
    font-family: 'EBGaramond', georgia, serif;
}

/**
 * As header is floating on desktop, this class can be applied to a pop up or
 * a layout.
 * Doing this the layer can be visible, not hidden behind the header
 */
@media (min-width: 1025px) {
    .u-next-to-header {
        margin-top: 92px;
        margin-top: var(--header-total-height);
    }
}

/**
 * This modifier adds to a layer the ability of being visible and adding a fake
 * background to the header
 */
@media (min-width: 1025px) {
    .u-next-to-header--colorize-header {
        margin-top: 0;
        padding-top: 92px;
        padding-top: var(--header-total-height);
        background-image: linear-gradient(
            180deg,
            hsl(0, 0%, 96%) 0,
            hsl(0, 0%, 96%) 92px,
            transparent 92px,
            transparent
        );
        background-image: linear-gradient(
            180deg,
            hsl(0, 0%, 96%) 0,
            hsl(0, 0%, 96%) var(--header-total-height),
            transparent var(--header-total-height),
            transparent
        );
    }
}

.u-nowrap {
    white-space: nowrap;
}

.u-scrollbar-byl {
    /* Internet Explorer */
    scrollbar-face-color: hsl(0, 0%, 66%);
    scrollbar-track-color: transparent;
    /* W3C Working Draft */
    scrollbar-color: hsl(0, 0%, 66%) transparent; /* stylelint-disable-line property-no-unknown */
}
.u-scrollbar-byl::-webkit-scrollbar-thumb {
    background-color: hsl(0, 0%, 66%);
    border-radius: 0;
}
.u-scrollbar-byl::-webkit-scrollbar-track {
    background-color: transparent;
}
.u-scrollbar-byl::-webkit-scrollbar {
    width: 9px;
    height: 9px;
    background-color: hsl(0, 0%, 92%);
}

.u-scrollbar-none {
    /* Internet Explorer */
    scrollbar-face-color: transparent;
    scrollbar-track-color: transparent;
    /* W3C Working Draft */
    scrollbar-color: transparent transparent; /* stylelint-disable-line property-no-unknown */
    overflow: -moz-scrollbars-none;
    list-style: none;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.u-scrollbar-none::-webkit-scrollbar-thumb {
    background-color: transparent;
    border-radius: 0;
}
.u-scrollbar-none::-webkit-scrollbar-track {
    background-color: transparent;
}
.u-scrollbar-none::-webkit-scrollbar {
    width: 0;
    height: 0;
    background-color: hsl(0, 0%, 92%);
}
.u-scrollbar-none::-webkit-scrollbar {
    display: none;
}

.u-scroll-disabled {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    overflow: hidden hidden;
}

/*# sourceMappingURL=critical.css.map*/